/*
Theme Name: Remco Photography
Theme URI: https://seoweblogistics.com/
Author: SEO Web Logistics
Author URI: https://seoweblogistics.com/
Description: 
Requires at least: WordPress 5.0
Tested up to: 6.x.X
Version: 1.0.0
Requires PHP: 7.4
Text Domain: cricketumpire
License: SWL Theme
*/
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Light.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-LightItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Regular.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Italic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Medium.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-MediumItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
        url('fonts/poppins/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-Bold.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins/Poppins-BoldItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

body{font-family: 'Poppins';}
a {color: #6babd7;text-decoration: none;}
a:hover {color: #6babd7;}
img {max-width: 100%;width: auto;height: auto;}
.custom-wrapper {padding-top: 5em;padding-bottom: 5em;background-repeat: no-repeat;background-size: cover;}
.button, .wp-block-button__link {position: relative;overflow:hidden;display: inline-block;background-color: #000;color: #fff;font-size: inherit;padding: 10px 30px;    transition: 0.25s;}
.button:hover, .wp-block-button__link:hover {color: #fff;box-shadow: inset 0 0 0 2em #6babd7;}
.container-xl-custom {max-width:1600px !important;} .container-lg-custom {max-width:1400px !important;}
h1, h2, h3, h4, h5, h6 {font-weight:600;}
.text-wrapper {padding: 0 1em;}

/* HEADER CSS */
header.site-header {padding: 10px 60px;z-index: 99;width: 100%;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;position: fixed;top: 0;}
header.site-header.stickyheader {background-color: #000;}
body:not(.home) header.site-header {background-color: #000;}
header.site-header img.custom-logo {max-width: 160px;height: auto;}
header span.site-title {font-size: 50px;color: #fff;}
.navbar-toggler:focus {box-shadow: none;}
.navbar ul.navbar-nav li {position: relative;padding-left: 20px;padding-right: 20px;}
.navbar ul.navbar-nav li:last-child {margin-right: 0;}
.navbar ul.navbar-nav li a {font-size: 18px;padding: 15px 0;display: inline-block;text-decoration: none;color: #fff;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;border-bottom: 3px solid transparent;}
.navbar ul.navbar-nav li a:before {content: '';position: absolute;bottom: 100%;left: 0;width: 100%;height: 2px;background-color: #6babd7;opacity: 0;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;}
.navbar ul.navbar-nav li:hover a:before {opacity: 1;}
.navbar ul.navbar-nav li.current-menu-item a:before {opacity: 1;}
.navbar ul.navbar-nav li ul.sub-menu {position: absolute;top: 100%;list-style-type: none;background: #2f2e2e;padding: 10px 20px;visibility: hidden;opacity: 0;width: max-content;z-index: 9;}
.navbar ul.navbar-nav li.menu-item-has-children:after {content: '';position: absolute;top: 26px;right: 0;border-bottom: none;border-right: 8px solid transparent;border-left: 8px solid transparent;border-top: 8px solid #fff;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;}
.navbar ul.navbar-nav li ul.sub-menu li {padding: 5px 0;}
.navbar ul.navbar-nav li ul.sub-menu li a {color: #fff;font-size: 16px;line-height: 1;transition: 0.5s ease all;}
.navbar ul.navbar-nav li ul.sub-menu li:hover a, .navbar ul.navbar-nav li ul.sub-menu li.current-menu-item a {color: #fff;}
.navbar ul.navbar-nav li ul.sub-menu li:hover a {color: #2ab454;padding-left: 10px;}

/* Footer CSS */
footer{background-color: #333333;padding-top: 50px;padding-bottom: 20px;color: #fff;}
footer .footer-logo{padding-top: 40px;padding-bottom: 40px;}
footer .footer-cols {padding-bottom: 50px;    display: flex;justify-content: space-between;flex-wrap: wrap;}
footer .footer-cols .footer-col {width: auto;max-width: 33.33%;padding-left: 50px;padding-right: 50px;color: #fff;}
footer .footer-cols .footer-col:first-child {padding-left: 0;}
footer .footer-cols .footer-col:last-child {padding-right: 0;}
footer .footer-cols .footer-col h4 {color: #fff;font-size: 22px;margin-bottom: 30px;}
footer .footer-cols .footer-col ul {list-style: none;padding: 0;margin: 0;column-count: 2;}
footer .footer-cols .footer-col ul li a {color: #fff;padding-bottom: 10px;display: block;}
footer .footer-cols .footer-col ul li.current-menu-item a, footer .footer-cols .footer-col ul li.current-menu-parent a, footer .footer-cols .footer-col ul li a:hover{color: #00903a;}
footer .site-title {font-size: 60px;font-weight: 700;line-height: 1;}
footer .copyright-text p {color: #fff;}

/* Banner Area */
section.img-background {width: 100%;position: relative;display: block;height: 0;padding-top: 60vh;}
section.img-background img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: top;top: 0;left: 0;}
section.page-banner .banner-title-area{position: absolute;top: 80%;left: 50%;transform: translate(-50%, -80%);margin: 0;color: #fff;z-index: 1;}
section.page-banner h1 {text-align: center;margin-bottom: 15px;font-weight: 600;font-size: 56px;line-height: 66px;text-shadow: 2px 2px 6px #000;font-style: normal;}
section.page-banner p {justify-content: center;margin: 0;}
section.page-banner.no-bg-image {margin-top: 96px;}
section.page-banner.no-bg-image h1 {text-shadow: none;padding-top: 60px;padding-bottom: 60px;box-shadow: 0px 0px 5px #ccc;text-align: center;margin-bottom: 15px;font-weight: 600;font-size: 56px;line-height: 66px;font-style: normal;}
body.admin-bar section.page-banner.no-bg-image {margin-top: 64px;background:#f7f7f7;}

/* Home Page CSS */
.carousel-control-next, .carousel-control-prev {width: 50px;}
.carousel-control-next-icon, .carousel-control-prev-icon {background-color: black;padding: 15px;background-size: 50% 50%;width: 40px;height: 40px;cursor: pointer;}
.mainslider .item {height: 70vh;position: relative;}
.mainslider .item img {width: 100%;  height: 100%;object-fit: cover;}

.pos-top {position:relative;z-index:4;}
.about-pos-image1 {position: relative;display: block;height: 0;padding-top: 400px;overflow: hidden;}
.about-pos-image2 {position: relative;display: block;height: 0;padding-top: 600px;overflow: hidden;}
.about-pos-image1 img, .about-pos-image2 img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 0;left: 0;-webkit-transform: scale(1);transform: scale(1);	-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.text-wrapper h1 {margin-bottom:20px;}

.image-wrapper {position: relative;display: block;height: 0;padding-top: 500px;overflow: hidden;}
.image-wrapper img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 0;left: 0;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.image-wrapper:hover img {transform: scale(1.1) rotate(-2deg);}
.service-title {color:#000;} .service-title h4 {margin:15px 0;}

/* 404 Page */
#searchform{text-align:center;margin-top:25px;}
form#searchform input{padding:10px 20px;}
form#searchform input#s{width:300px;}
form#searchform input#searchsubmit{color:#fff;background-color:#000;text-decoration:none;display:inline-block;overflow:hidden;text-transform:uppercase;font-weight:500;letter-spacing:.5px;border:1px solid #000;padding-top:12px;padding-bottom:12px;padding-left:30px;padding-right:30px;}

/* Contact Form */
input, textarea {border: 1px solid #d7d3d3;padding: 15px;width: 100%;margin: 10px 0;}
textarea {height:120px;}
.wpcf7-submit {border: 2px solid #000;margin: 30px 0 0 0;background: transparent;}


@media(max-width: 1600px){
    header.site-header img.custom-logo{max-width: 130px;}
    .button, .navbar ul.navbar-nav li a {font-size: 16px;}
}
@media(max-width:1199px){
	header.site-header img.custom-logo {max-width: 120px;}
    .navbar ul.navbar-nav li a {font-size: 14px;padding: 15px 10px;}
    .section-wrapper{padding: 2em 0;}
    footer .footer-cols .footer-col{padding-left: 15px;padding-right: 15px;}
    footer .footer-cols {padding-bottom: 30px;}
}
@media(max-width:991px){
	header.site-header img.custom-logo {max-width: 100px;}
    header .header-menu {display: flex;flex-direction: row-reverse;flex-wrap: wrap;}
    .navbar-toggler:focus{box-shadow: none;}
    header .navbar {position: inherit;margin-left: 15px;}
    .navbar-light .navbar-toggler {background: #fff;border-radius: 0;}
    header .navbar #navbarSupportedContent {position: absolute;top: 100%;right: 0px;left: 0px;background: #000;overflow-y: scroll;padding: 15px 0;z-index: 9;}
    .navbar ul.nav_menu {margin: 0 auto;width: 90%;}
    .navbar ul.nav_menu li { border-bottom: 1px solid #aaa;}
    .navbar ul.nav_menu li a {display: block;font-size: 15px;padding: 5px 0;}
    .navbar ul.nav_menu li.contact, .navbar ul.nav_menu li:hover>ul.sub-menu { display: none }
    .navbar ul.nav_menu ul.sub-menu li.current-menu-item > a { color: #fff; }
    .navbar ul.nav_menu ul.sub-menu {display: none;margin: 0 0 15px 0;padding: 0;position: inherit;top: inherit;left: inherit;width: 100%;background: 0 0;box-shadow: none;}
    .navbar ul.nav_menu ul.sub-menu li { border: 0; margin: 0 }
    .navbar ul.nav_menu ul.sub-menu li a:hover { background: 0 0;}
    .navbar ul.nav_menu li span { cursor: pointer; height: 40px; position: absolute; right: 0; width: 70px; }
    .navbar ul.nav_menu li span:before, .navbar ul.nav_menu li span:after { content: "";display: block; position: absolute; top: 50%; background: #aaa; border-radius: 100%; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
    .navbar ul.nav_menu li span:before { width: 20px; height: 4px; right: 0; margin-top: -7px }
    .navbar ul.nav_menu li span:after { width: 4px; height: 20px; right: 8px; margin-top: -15px }
    .navbar ul.nav_menu li span.active:before { -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }
    .navbar ul.nav_menu li span.active:after { -webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg); }
    .navbar ul.nav_menu li span.second-em {height: 30px; margin-right: -30px; -webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
    .navbar ul.nav_menu li.menu-item-has-children a:hover b { background: 0 0!important }
    .navbar ul.nav_menu ul.sub-menu li a { border: 0; padding:0; font-size: 13px; color: #aaa }
    .navbar ul.nav_menu ul.sub-menu li a:hover, .navbar ul.nav_menu ul.sub-menu li.current_page_item a { color: #fff }
    .navbar ul.navbar-nav li ul.sub-menu{visibility: visible;opacity: 1;width: 100%;position: inherit;background: transparent;}
    footer .footer-logo{padding-top: 30px;padding-bottom: 20px;}
    footer .footer-logo img {width: 120px;height: auto;}
    footer .footer-cols {padding-bottom: 15px;}
    footer .footer-cols .footer-col {padding-left: 0;padding-right: 0;}
    footer .footer-cols .footer-col h4{font-size: 20px;margin-bottom: 20px;}
    footer .footer-cols .footer-col p, footer .footer-cols .footer-col li, footer .copyright-text p {font-size: 14px;}
}
@media(max-width:767px){
	header .navbar{margin-left: 10px;}
    header ul.social-links {margin-right: 10px;}
    header .header-bottom a.button {font-size: 14px;padding-left: 15px;padding-right: 15px;}
    ul.social-links li a {padding: 13px;}
    footer .footer-cols .footer-col:first-child {max-width: 100%;}
    footer .footer-cols .footer-col {max-width: 50%;margin-bottom: 15px;}
}
@media(max-width: 480px){
    header .header-bottom a.button{margin-left: 80px;}
    footer .footer-cols {padding-bottom: 0;}
    footer .footer-cols .footer-col{margin-bottom: 25px;max-width: 100%;margin-left: auto;margin-right: auto;text-align: center;}
    footer .footer-cols .footer-col h4{margin-bottom: 15px;}
    /*footer .footer-cols .footer-col p{margin-bottom: 0;}*/
    form#searchform input#searchsubmit {margin-top: 15px;}
}