/*
Theme Name:     Cityzen Child
Theme URI:      https://smartdemowp.com/city-govt/
Description:    Child theme for Cityzen
Author:         Smartdatasoft Team
Author URI:     http://smartdatasoft.com
Template:       citygovt
Version:        1.0
*/

/* ----------------------------------------------------------------------------
 * Child Theme Style.css styles begin here!
 * ------------------------------------------------------------------------- */
.auto-container{max-width:1440px !important;}
.header-top .top-left.clearfix,.next-slide,.sec-title .separator { display: none; }
.header-top-one { padding:0 40px !important; }
.header-top-one .phone { background-color:#F5CC5A; padding: 10px 0px;height: 50px; }
.header-top-one .phone a{ color:#222 !important; font-size: 16px; font-weight: 400; padding: 15px 35px;}
.header-style-one .header-upper .inner-container{padding:0 !important;}
.main-header .header-upper .logo-box .logo img { max-width:230px !important; max-height:81px !important; }
.main-header .header-upper .logo-box { padding: 10px 0 !important; }
.slide-item .image-layer {
    background-position: right !important;
    background-size: contain !important;
}
.slide-item .text { text-align: justify; }
.slide-item .image-layer::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #222 40.28%, rgba(34, 34, 34, 0) 95.38%);
    z-index: 1;
	
}
.banner-carousel .content-box h1 { font-size: 48px; max-width: max-content; }
.banner-carousel .content-box h1:after { 
	content: "";
    display: block;
    width: 242px;
    height: 15px;
    margin: 20px auto 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='242' height='15' viewBox='0 0 242 15' fill='none'%3E%3Cpath d='M241.98 7L236.206 1.2265L230.433 7L236.206 12.7735L241.98 7ZM136.206 7V8H236.206V7V6H136.206V7Z' fill='%23F5CC5A'/%3E%3Cpath d='M-6.53267e-05 7L5.77344 12.7735L11.5469 7L5.77344 1.2265L-6.53267e-05 7ZM5.77344 7L5.77344 8L105.773 8.00001L105.773 7.00001L105.773 6.00001L5.77344 6L5.77344 7Z' fill='%23F5CC5A'/%3E%3Crect x='113.916' y='7.07117' width='10' height='10' transform='rotate(-45 113.916 7.07117)' fill='%23F5CC5A'/%3E%3Crect x='105.481' y='7.07111' width='9' height='9' transform='rotate(-45 105.481 7.07111)' stroke='%23F5CC5A'/%3E%3Crect x='123.771' y='7.07111' width='9' height='9' transform='rotate(-45 123.771 7.07111)' stroke='%23F5CC5A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.banner-carousel .links-box .theme-btn { border-radius: 100px; }
.banner-carousel .links-box .theme-btn .btn-title { background-color:#F5CC5A; color:#222; line-height:normal; padding: 18px 35px 12px;}
.banner-carousel .links-box .theme-btn .btn-title::after {
	display: inline-block;
    content: "";
    width: 16px;
    height: 8px;
    margin-left: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M15.3536 4.03556C15.5488 3.8403 15.5488 3.52372 15.3536 3.32845L12.1716 0.146473C11.9763 -0.0487893 11.6597 -0.0487893 11.4645 0.146473C11.2692 0.341735 11.2692 0.658318 11.4645 0.85358L14.2929 3.68201L11.4645 6.51043C11.2692 6.7057 11.2692 7.02228 11.4645 7.21754C11.6597 7.4128 11.9763 7.4128 12.1716 7.21754L15.3536 4.03556ZM0 3.68201V4.18201H15V3.68201V3.18201H0V3.68201Z' fill='%23222222'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.main-footer { background: #ECEBE4 !important; }
.main-footer img { mix-blend-mode: darken; }
.main-footer .footer-bottom { background-color: #222; }
.footer-widget .elementor-widget-container > h5 {
    color: #222 !important;
    font-weight: 500 !important;
}
.main-footer .links-widget .menu li a {
	color: #222 !important;
	font-weight:400 !important;
}
.main-footer .footer-bottom .copyright a {color:#ddd !important;}
.social-links-one li a { color:#222 !important; border: 1px solid #222 !important;}
.social-links-one li a:hover { color:#fff !important; border: 1px solid #fff !important;}
.main-footer .footer-bottom .social-links .fab {
    color: #F5CC5A;
    border: 1px solid #F5CC5A;
    padding: 8px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    font-size: 20px;
}
span.domain-name { color: #F5CC5A; }
.sec-title h2::after{
	display:block;
	content: "";
    width: 242px;
    height: 15px;
    margin:20px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='242' height='15' viewBox='0 0 242 15' fill='none'%3E%3Cpath d='M241.98 7L236.206 1.2265L230.433 7L236.206 12.7735L241.98 7ZM136.206 7V8H236.206V7V6H136.206V7Z' fill='%2396031A'/%3E%3Cpath d='M-6.53267e-05 7L5.77344 12.7735L11.5469 7L5.77344 1.2265L-6.53267e-05 7ZM5.77344 7L5.77344 8L105.773 8.00001L105.773 7.00001L105.773 6.00001L5.77344 6L5.77344 7Z' fill='%2396031A'/%3E%3Crect x='113.916' y='7.07104' width='10' height='10' transform='rotate(-45 113.916 7.07104)' fill='%2396031A'/%3E%3Crect x='105.481' y='7.07104' width='9' height='9' transform='rotate(-45 105.481 7.07104)' stroke='%2396031A'/%3E%3Crect x='123.771' y='7.07104' width='9' height='9' transform='rotate(-45 123.771 7.07104)' stroke='%2396031A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.featured-block .content-box .subtitle {
    font-size: 16px;
    text-transform: capitalize;
	font-weight:400;
}

.elementor-widget-citygovt_welcome .row .featured-block:nth-child(1) .more-link a:before { background-color: #f5cc5a !important; }
.elementor-widget-citygovt_welcome .row .featured-block:nth-child(2) .more-link a:before { background-color: #329F5B !important; }
.elementor-widget-citygovt_welcome .row .featured-block:nth-child(3) .more-link a:before { background-color: #96031A !important; }
.elementor-widget-citygovt_welcome .featured-block .more-link a{ color:#fff; }
.newsletter-box .image-box {
    position: relative;
    display: flex;
    color: #ffffff;
    z-index: 1;
    min-height: 480px;
    justify-content: center;
    align-items: center;
}
.newsletter-box .image-box h3 { text-transform: none; }
.sec-title.with-separator h2 { max-width:max-content; }
.btn-style-one .btn-title { background-color:#F5CC5A !important;color: #222 !important;text-transform: capitalize !important;}
.event-block .content-box .date-box .date .day {
    font-size: 24px !important;
    font-weight: 700 !important;
	color:#96031A !important;
}
.event-block .content-box .date-box .date .month{
	font-size:16px !important;
	font-weight:400 !important;
	color:#96031A !important;
}
.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
@media(max-width:768px){
	.slide-item .image-layer {
    	background-position: center !important;
    	background-size: cover !important;
	}
	  .header-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center; /* use flex-start if you want left aligned */
        text-align: center;
    }

    .header-flex .top-right {
        width: 100%;
    }
	.header-top-one {padding:10px 40px !important;}
}