/* 
Theme Name: Cemilon
Author: cemilon
Template: hello-elementor
Description: Custom theme for Cemilon based on Hello elementor
Version: 1.0.1
Text Domain: hello-elementor-child
*/

.site-header .header-inner {
    display: flex;
    flex-wrap: nowrap !IMPORTANT;
    justify-content: space-between;
    Width: 1296px ! IMPORTANT;
}
.site-header .site-branding{
	width: 265px;
}

/* Header css */
:focus {
	outline: 0 !important;
}
/* header#site-header {
	position: absolute;
	top: 0;
	z-index: 9;
	width: 100%;
	padding: 30px 0 0;
} */
.site-header .header-inner .menu-search-container {
    display: flex;
    align-items: center;
    gap: 24px;
}
.site-header:not(.header-stacked) .header-inner .site-navigation{
	max-width:100% !important;
}
header#site-header.is-sticky div#openSearchModal svg path {
    stroke: #000;
}
header#site-header.is-sticky {
	position: fixed;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
	padding: 20px 0;
	background: #fff;
	animation: slideDown 0.35s ease-out;
	/*     opacity: 0.97; */
}

header#site-header .site-branding img {
	width: 140px;
}
header#site-header .site-navigation{
	 gap: 32px;;
}
header#site-header nav.site-navigation ul {
	column-gap: 28px;
}
header#site-header nav.site-navigation ul li a {
	color: #43474E;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	border-bottom: 2px solid transparent;
	transition: 0.2s;
	padding: 10px;
}
header#site-header nav.site-navigation ul li a:hover, header#site-header nav.site-navigation ul li.current-menu-item a {
	color: #002444;
	border-bottom: 2px solid #002444;
}
#openSearchModal svg:hover path{
	stroke: #002444;
}
header#site-header.is-sticky nav.site-navigation ul li a {
	color: #000;
}
header#site-header.is-sticky nav.site-navigation ul li a:hover, header#site-header.is-sticky nav.site-navigation ul li.current-menu-item a {
	color: #002444;
}
.site-sticky-logo {
	display: none;
}
header#site-header.is-sticky .site-logo {
	display: none;
}
header#site-header.is-sticky .site-sticky-logo {
	display: flex;
}

/* Footer css */
footer#site-footer {
	background: #002444;
	padding: 96px 32px;
}
footer .footer-main .footer-main-inner {
	max-width: 1280px;
	display: grid;
	margin: 0 auto;
	column-gap: 70px;
	grid-template-columns: 38% 12% 12% 20%;
}
.footer-main-inner .footer-1 img {
	max-width: 100%;
}
.footer-main-inner figure {
	margin: 0;
}
.footer-main-inner .footer-1 p {
	color: #FFF;
	font-family: Raleway;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}
.footer-main-inner h2 {
	color: #FFF;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.footer-main-inner ul.menu li a {
	color: #FFF;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	/* 	text-transform:uppercase; */
}
.footer-main-inner ul.menu {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	column-gap: 20px;
	row-gap: 20px;
}
.footer-main-inner .footer-1 {
	padding-right: 100px;
}
.footer-main-inner .footer-4 .wp-block-group__inner-container {
	display: flex;
	column-gap: 12px;
}
.site-footer:not(.footer-stacked) .footer-sec-container .copyright {
	max-width: max-content;
}
footer#site-footer .footer-secondary{
	background: #002444;
}
footer#site-footer .footer-secondary .footer-sec-container {
	max-width: 1140px;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	/*     column-gap: 165px; */
	align-items: center;
	padding: 15px 0;
}
.site-footer .footer-sec-container nav.site-navigation {
	max-width: max-content !important;
}
footer#site-footer .footer-secondary .copyright p {
	color: #FFF;
	font-family: Inter;
	font-size: 15.2px;
	font-style: normal;
	font-weight: 300;
	line-height: 22.8px;
	margin: 0;
}
footer#site-footer .footer-secondary nav.site-navigation a {
	color: #FFF;
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.205px;
}
.footer-main-inner .footer-2, .footer-main-inner .footer-3, .footer-main-inner .footer-4 {
	margin-top: 31px;
}
.footer-main-inner figure img:hover {
	transform: scale(1.1);
}
.footer-main-inner figure img {
	transition: 0.2s;
}


.cemilon-post-grid{
     display:grid;
     grid-template-columns:repeat(3,1fr);
     gap:35px;
}
 .cemilon-post-card{
     background:#fff;
     overflow:hidden;
     transition:.3s ease;
}
 .cemilon-post-card:hover{
     transform:translateY(-5px);
}
 .cemilon-post-image{
     display:block;
}
 .cemilon-post-image img{
     width:100%;
     height:260px;
     object-fit:cover;
     display:block;
}
 .cemilon-post-content{
     padding:20px 20px;
}
 .cemilon-post-meta{
     font-size:11px;
     text-transform:uppercase;
     letter-spacing:.5px;
     color:#00b6b4;
     font-weight:600;
     margin-bottom:12px;
}
 .cemilon-post-title{
     font-size:18px;
     line-height:28px;
     margin:0 0 15px;
     font-weight:600;
}
 .cemilon-post-title a{
     color:#002444;
     text-decoration:none;
}
 .cemilon-post-excerpt{
     color:#6b7280;
     font-size:15px;
     line-height:1.7;
}
article.cemilon-post-card .cemilon-post-content .read-more a {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 24px;
    color: #002444;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #002444;
}

article.cemilon-post-card .cemilon-post-content .read-more a:hover{
 border-bottom: 1px solid #FFB800;
}
article.cemilon-post-card .cemilon-post-content .read-more {
    margin-top: 15px;
}
form .footer-newsletter p {
    display: flex;
    width: 100%;
    gap: 8px;
}

form .footer-newsletter p span {
    flex: 0 0 66%;
}

form .footer-newsletter p span input {
    height: 48px;
    background: transparent;
    border: 1px solid #6B7280;
    border-radius: 6px;
    padding: 12px;
    font-size: 16px;
    font-family: 'Inter';
}

form .footer-newsletter p input.wpcf7-submit {
    background: #FFB800;
    color: #002444;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto';
    padding: 12px 24px;
	border: 1px solid #FFB800;
    border-radius: 0;
}
form .footer-newsletter p input.wpcf7-submit:hover{
	background: transparent !important;
	color: #fff;
}
form .footer-newsletter p span.wpcf7-spinner {
    display: none;
}
 @media(max-width:1024px){
     .cemilon-post-grid{
         grid-template-columns:repeat(2,1fr);
    }
}
 @media(max-width:767px){
     .cemilon-post-grid{
         grid-template-columns:1fr;
    }
     .cemilon-post-image img{
         height:220px;
    }
}