/*!
Theme Name: Cherrier Mewton
Theme URI: https://seoweblogistics.com/
Author: SEO Web Logistics Team
Author URI: https://seoweblogistics.com/
Description: The Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build easy to use header.
Version: 1.0.0
License: FREE
License URI: https://seoweblogistics.com/
Text Domain: cherrier-mewton
Requires at least: 5.4
Tested up to: 6.2.2
Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options
Requires PHP: 7.3
*/

/* Theme customization starts here
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
body{font-family: 'Poppins', sans-serif; margin: 0; padding: 0;}
a{color: #0752a3;}
a:hover{color: #1264bd;}
header.site-header {position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 99; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #fff; -webkit-transition: 0.3s ease all; transition: 0.3s ease all;}
header.site-header.stickyheader {background-color:#0752a3; padding-top: 15px; padding-bottom: 15px;}
header.site-header a.custom-logo-link {display: flex;}
header.site-header .header-logo img {max-width: 350px; height: auto;}
.header-menu ul {display: flex; list-style-type: none; flex-wrap: wrap; align-items: center; margin: 0; padding: 0;}
header .site-container { display: flex; justify-content: space-between; align-items: center; max-width: 1700px; width: 94%;}
.header-menu ul li {position: relative;}
.header-menu ul li a {color: #fff; text-decoration: none; padding: 10px 25px; font-size: 20px; letter-spacing: 0.5px;}
.header-menu ul li.call-now-btn a { background: #0752a3; border: 1px solid #0752a3; padding: 15px 35px;}
.header-menu ul li.call-now-btn:hover a {background: transparent; border-color: #fff;}

.site-container, .kb-row-layout-wrap.wp-block-kadence-rowlayout > .kb-theme-content-width{max-width: 1320px; margin-left: auto; margin-right: auto;}
.button{padding: 15px 35px; letter-spacing: 1px; background-color: #0752a3; border: 1px solid #0752a3; border-radius: 0; -webkit-transition: 0.3s ease all; transition: 0.3s ease all;}
.button:hover{background-color: transparent; border-color: #000; color: #000;}
/*.kt-row-has-bg .button:hover{border-color: #fff; color: #fff;}*/
footer{position:relative; background-image: url(https://cherrier-mewton.seoweblogistics.com.au/wp-content/uploads/2021/11/priscilla-du-preez-XkKCui44iM0-unsplash-1-1.jpg); background-repeat: no-repeat; background-position: center; padding-top: 50px; padding-bottom: 30px; padding-left:15px; padding-right:15px;}
footer:before {position: absolute; content: ''; background-color: rgba(7,82,163,0.6); z-index: 0; left: 0; top: 0; right: 0; bottom: 0;}
footer h3 {font-size: 24px;}
footer ul.wp-block-social-links {margin-bottom: 0;}
footer .footer-col {width: auto; max-width: 33%;}
footer .site-container {display: flex; justify-content: space-between; flex-wrap: wrap; z-index: 9; position: inherit; color: #fff;}
footer .menu{list-style-type: none; padding: 0; margin: 0;}
footer .menu li a {color: #fff; text-decoration: none; font-size: 18px; padding-top: 10px; padding-bottom: 10px; display: block; line-height: 1;}
footer .menu li:first-child a {padding-top: 0;}
footer .menu li:last-child a {padding-bottom: 0;}
footer .kt-blocks-info-box-text {color: #fff; margin: 0;}
footer .kt-blocks-info-box-media {color: #fff;}
footer p {font-size: 18px;}
footer .wp-block-kadence-infobox {margin-bottom: 30px;}
.copyright-section {width: 100%; text-align: center; margin-top: 15px;}
.copyright-section p{margin-bottom: 0;}
footer a {color: #fff;}

/* Home Page CSS */
.home .wp-block-kadence-image:not(:last-child){margin-bottom:0;}
.home .kb-image-has-overlay{display: flex;}

/* Responsive CSS */

@media(min-width:992px){
	header span.closebtn {display: none;}
	.header-menu ul li.menu-item-has-children:after {content: ''; position: absolute; top: 13px; right: 5px; border-bottom: none; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid #fff;}
	.header-menu ul li ul.sub-menu {display: none; position: absolute; width: auto; background-color: #0752a3; padding: 15px;}
	.header-menu ul li:hover ul.sub-menu {display: block;}
	.header-menu ul li ul.sub-menu li a {white-space: nowrap; padding: 5px 0; display: block; font-size: 16px;}
}
@media(max-width:1399px){
	header.site-header .header-logo img{max-width: 250px;}
	.header-menu ul li a{padding: 10px 20px; font-size: 18px;}
}
@media(max-width:1199px){
	header.site-header .header-logo img{max-width: 200px;}
	.header-menu ul li a{padding: 10px 15px; font-size: 16px;}
	.header-menu ul li.call-now-btn a{padding: 10px 20px;}
}
@media(max-width:992px){
	header.site-header{padding-top: 15px; padding-bottom: 15px;}
	.header-menu span.mobile-menu {position: relative; display: flex; flex-wrap: wrap; width: 24px; height: auto; padding: 5px; border: 1px solid #fff;}
	.header-menu span.mobile-menu span {display: block; width: 30px; height: 2px; background-color: #fff; margin-top: 2px; margin-bottom: 2px;}
	.header-menu .navbar-wrapper {position: absolute; right: 0; width: calc(100% - 50px); top: 0; left: 100%; background-color: #000; height: 100vh; padding: 50px 25px; overflow-x: hidden; transition: .5s;}
	.header-menu .navbar-wrapper.active {display: block; left:0;}
	.header-menu ul li.call-now-btn.desktop-btn {display: none;}
	.header-menu ul li {border-bottom: 1px solid #999; width:100%;}
	.header-menu ul li a {display: inline-block;}
	.header-menu span.closebtn {position: absolute; top: 10px; right: 20px; font-size: 30px; color: #fff; line-height: 1; display:block;}
	.navbar-wrapper ul li span {cursor: pointer; height: 46px; position: absolute; right: 0; width: 70px}
    .navbar-wrapper ul li span:before, .navbar-wrapper ul li span:after {content: ""; display: block; position: absolute; top: 50%; background: #aaa; border-radius: 100%; -webkit-transition: .5s ease all; -o-transition: .5s ease all; transition: .5s ease all}
    .navbar-wrapper ul li span:before {width: 20px; height: 4px; right: 0; margin-top: -2px}
    .navbar-wrapper ul li span:after {width: 4px; height: 20px; right: 8px; margin-top: -10px}
    .navbar-wrapper ul li span.active:before {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg)}
    .navbar-wrapper ul li span.active:after {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg)}
    .navbar-wrapper ul li span.second-em {height: 30px; margin-right: -30px; -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8)}
    .navbar-wrapper ul ul.sub-menu {display: none; margin: 0 0 15px 10px;}
    .navbar-wrapper ul ul.sub-menu li {border: 0;}
	.navbar-wrapper ul ul.sub-menu li a {padding: 5px 15px; font-size: 14px;}
}
@media(max-width:767px){
	footer .footer-col{max-width: 100%;}
	footer .footer-col + .footer-col {margin-top: 20px;}
	footer .footer-col:first-child .wp-block-heading {margin-top: 0;}
	footer p, footer .menu li a{font-size:16px;}
	.kt-blocks-info-box-media-container .kt-blocks-info-box-media {padding-left:0 !important;}
	footer .wp-block-kadence-infobox {margin-bottom: 10px;}
	.copyright-section{margin-top:0;}
}