/*
Theme Name: Overlap Child
Description: Child theme of the Overlap. By using a child theme you will ensure that your modifications are preserved.
Author: Wyde
Template: overlap
Version: 1.1
*/

/* FONTS */
@font-face {
font-family: Graphik-Black;
src: url('/wp-content/themes/fonts/Graphik-Black.ttf');
font-weight: normal;
}
@font-face {
font-family: Graphik-Reg;
src: url('/wp-content/themes/fonts/Graphik-Regular.ttf');
font-weight: normal;
}
@font-face {
font-family: Graphik-Semibold;
src: url('/wp-content/themes/fonts/Graphik-Semibold.ttf');
font-weight: normal;
}
@font-face { 
font-family: StyreneAWeb-Medium; 
src: url('wp-content/themes/fonts/StyreneAWeb-Medium.ttf'); 
font-weight: normal; 
}
.force-center {
    display: flex;
    justify-content: center;
}
#slider-10-slide-10-layer-18 {
	font-family: "Graphik-Black" !important;
}
#slider-10-slide-10-layer-2 {
	font-family: "Graphik-Black" !important;
}
@media (max-width: 768px) {
  .center-content {
    display: block; /* Removes flex centering */
    justify-content: unset; /* Resets the justify-content property */
  }
	.light-sticky {
		opacity: 1 !important;
	}
	.light-logo {
		opacity: 0 !important;
	}
}
.hide-on-desktop {
    display: none !important;
  }
@media (max-width: 1024px) {
  .hide-on-mobile {
    display: none !important;
  }
.hide-on-desktop {
    display: block !important;
  }
}
.force-font-black {
	font-family: "Graphik-Black" !important;
}
h6 {font-family: "Graphik-Semibold", Arial, sans-serif !important;
	line-height:18px !important;font-size:14px;}
p {font-family: "Graphik-Reg", Arial, sans-serif; line-height:22px;}
.heading-1 .subheading {font-family: "Graphik-Semibold", Arial, sans-serif; color:#000 !important; margin-bottom:10px !important;}
.w-text-light .heading-1 .subheading {color:#fff !important; }
.heading-title {
font-family: "Graphik-Black", Arial, sans-serif;
	line-height:60px !important;
}
h3 {font-family: "Graphik-Semibold", Arial, sans-serif !important;}


/*
NAVIGATION */
.full-nav-wrapper {height:100% !important;}
#header.w-fixed::before {
    opacity: 0.9;
    box-shadow: none;
}
#header-logo img {
    max-height: 70%;}
#vertical-nav {
    font-size: 18px;
    line-height: 32px;
}
#top-nav .top-menu > li > a, #full-nav, #side-nav, .live-search-form input {
    font-family: "Graphik-Semibold", Arial, sans-serif !important;
    font-weight: 400;
}
 #header .container {
    max-width: 95% !important;
}
.w-text-dark:not(.w-fixed) .menu-icon, .w-text-dark:not(.w-fixed) .menu-icon::before, .w-text-dark:not(.w-fixed) .menu-icon::after, .w-light .menu-icon, .w-light .menu-icon::before, .w-light .menu-icon::after {
    background: #9f9f9f;
}

#header::before {background:none;}
.fullscreen-nav.full-nav-active .full-nav-menu {
    -ms-transform: translateX(60%);
    -webkit-transform: translate3d(60%,0,0);
    transform: translate3d(60%,0,0);
}
.full-nav-menu > .container {
    padding-left: 5% !important;}
#fullscreen-nav {background:#211d1dc9 !important;}

.footerh2 .heading-title {font-size:72px !important;line-height:80px !important;}
.footerp p {font-size:10px;}
.heightRow {height:100vh;}
.heightRow .row {height:100%;}
.heightRow2 {height:80vh;}
.heightRow2 .row {height:100%;}
.heightRowHalf {height:50vh;}
.heightRowHalf .row {height:100%;}
.heightRowBanner {height:100vh;}
.heightRowBanner .row {height:100%;}
.heightRow33 {height:100vh; position:absolute;}
.heightRow33 .row {height:100%;}
.arrowRow {
	position:absolute;
	z-index:999;
width:100%;
height:100vh;}
.arrowRow .row {height:95%;}
.textContentBlock {padding-right:8%;}
.textContentBlockLeft {padding-left:8%;}

.teamText {margin-top:-80px;}
.teamText  p {font-size:24px;line-height: 32px;}
.teamTextSmall {margin-top:-40px;}
.teamTextSmall p {font-size:14px;line-height: 32px;}
.vp-flex {
    max-width: 1200px;
    width: 100%;
    height: 680px;
    max-height: 90%;
    margin: 0 40px;
    position: relative;
    background-color: #000;
}
/* BLOG DESIGNER */
.blogOverlapBox {
	margin-left: 15px;
margin-right: 15px;
	background: #fff;
top: -40px;
position: relative;
	padding: 15px 10px 30px;
}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content {background:transparent;border:none; }
.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg { margin-bottom:0;}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content .wpspw-post-title {
	text-transform:uppercase;font-family: "Graphik-Semibold", Arial, sans-serif;
	font-size: 18px;
line-height: 22px;
	margin-bottom: 20px;}

.wpspw-post-date {padding-top: 10px !important;}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content h2 a {
	color: #000;}
.sp_wpspwpost_static h2.wpspw-post-title a {font-size:18px !important;}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-readmorebtn {
    text-decoration: none !important;

    color: #17bc91 !important;
    border: 1px solid #17bc91;
    padding: 8px 30px 8px;
    font-size: 16px;

}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-readmorebtn:hover {
    transition: 0.4s ease-in;
    background: #17bc91;
    color: #fff !important;
}
.postExcerpt {padding:20px 0px !important;}
.pressPub {
	font-size: 14px;
font-weight: 600;
color: #fff;
background: #000;
padding: 8px 10px 8px 10px;
margin-right: 10px;
width: -moz-max-content;
	width: max-content;
	display: inline-block;
margin-bottom: 0;
text-transform: none;
}
.pressPub:empty {
    display: none;
}
/* BLOG DESIGNER END*/
/* POST LIST */
.wpswp-post-comments {display:none;}

.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-image-bg img {
   
    object-position: center center;
    
}
.w-blog-posts.w-overlap .post-title {text-transform:uppercase;font-family: "Graphik-Semibold", Arial, sans-serif;font-size: 18px;
line-height: 22px;margin-bottom: 12px;}
.w-overlap .post-meta {display:none;}
.post .post-date a::after {display: none;}
.post .post-date a { background:#000;width: 70px;}
.share-link-ol-google-plus {display:none !important;}
.w-blog-posts.w-overlap .w-item > .post.has-cover:not(.format-quote):hover .post-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
	box-shadow: none;
}
.w-blog-posts .readmore-link a {
    
    padding: 5px 12px 10px;

}
/* POST LIST END*/

/* POST SINGLE */
.post-author {display:none;}
.postHeader {
	padding-top: 0px !important;
border-top: 85px solid #000;
}
.customPostDate {position: absolute;
top: 140px;
z-index: 2;
font-family: "Graphik-Semibold", Arial, sans-serif;
font-size: 14px;
color: #000;
text-transform: uppercase;

padding-left: 20px;
padding-top: 10px;
}
/* .featured-overlap-land-large {pointer-events: none;} */
.single-post{
    background: #fcfcfc;
}
.featured-overlap-land-large {text-align:right;}
.post-detail .post-title {
	    text-transform: uppercase;
    font-family: "Graphik-Black", Arial, sans-serif;
    font-size: 42px;
    text-align: left;
    position: absolute;
    top: 140px;
    padding: 40px 40px 40px 20px;
    z-index: 1;
    background: #fff;
    width: 55%;
}
.post-detail .post-content {
    
    padding-left: 10%;
    padding-right: 10%;
}
/* POST SINGLE END*/
/* RANGLE SLIDER */
.customRanger {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;

}

.customRanger:hover {
  opacity: 1;
}

.customRanger::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 74px;
  height: 40px;
  background: url("/wp-content/uploads/2020/05/slideX1-1.jpg") no-repeat center center;
  cursor: pointer;
	border:none;
}

.customRanger::-moz-range-thumb {
  width: 74px;
  height: 40px;
   opacity: 1;
  cursor: pointer;
	background: url("/wp-content/uploads/2020/05/slideX1-1.jpg") no-repeat center center;
	border:none;
	cursor: pointer;
}

.value, .value2, .value3, .value4, .value5 {font-family: "Graphik-Semibold", Arial, sans-serif; }
input[type="range"] {

  -webkit-appearance: none;
  background-color: #000;
  width: 480px;
  height: 5px;
  border-radius: 5px;
  margin: 0 auto;
  outline: 0;
	padding: 5px;
}
.value {
  color:#000;
  text-align: left;
  font-weight: bold;
  font-size: 10em;
  line-height: 60px;
  margin: 40px auto;
}
.value2, .value3, .value4, .value5 {
  color:#000;
  text-align: left;
  font-weight: bold;
  font-size: 4em;
  line-height: 50px;
  margin-top: 0px;
}
.labelSlide {margin-bottom:0px;}
.slideAmount {margin-top: 8px;font-family: "Graphik-Semibold", Arial, sans-serif !important; color:#1AD1AA;}
.pp_top {background:transparent !important;}
.pp_left {background:transparent !important;}
.pp_right {background:transparent !important}
.pp_middle {background:transparent !important}
.pp_bottom {background:transparent !important}
div.pp_default .pp_content, div.light_rounded .pp_content {
    background-color: transparent !important;
}
.page-id-7236 .footerButton  {display:none;}
.footerButton {padding-left:5px;}
@media only screen and (min-width: 768px) {
	.w-heading:not(.heading-6):not(.heading-7) .heading-title {
    font-size: 48px;
    line-height: 50px;

}
	.footerLogo {float:right;}
}
@media only screen and (min-width: 1200px) {
	.w-heading:not(.heading-6):not(.heading-7) .heading-title {
    font-size: 62px;
    line-height: 64px;

}
}
/* .disablePaddingMobile {padding-left:60px !important;padding-right:60px !important;} */



.w-text-block ul > li::before {
    content: "\2022";
}
.googlemap {
    position: relative;
    padding-bottom: 80%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.bulletNumbers {position:absolute;width:40px;height:40px;left:-10px;}

.SliderCalc input[type="range"] {margin-top:20px;}
/* SLIDER */
.sa_hover_buttons {width: 100%;
height: 100%;}
.sa_slide_link_icon {width: 100%;
display: block;
height: 100%;}
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {

        background-color: rgba(0, 0, 0, 0);

    opacity: 0;
}
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover, .white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover, .white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {width:100%;height:100%;}
.sa_hover_buttons {width:100% !important;height:100% !important;top: 0 !important;
left: 0 !important;
margin-top:0 !important;
margin-left:0 !important;}

.owl-nav .owl-prev::before {
    font-family: 'overlap';
    content: none;
}
.owl-nav .owl-next::before {
    font-family: 'overlap';
    content: none;
}
.sa_slide_link_icon {}
/* CUSTOM BUTTON */
.customButtonSVG {
	 background: url("/wp-content/themes/overlap-child-theme/images/buttonArrow.svg") no-repeat center center;
	height:52px;
	width:52px;
	display:inline-block;
	position: absolute;

}
.customButton1 {
	background: none;
border: none;
height: auto;
text-transform: none;
color: inherit;
	padding-left:0px;
}
.customButton1 span {
	font-family: "Graphik-Semibold", Arial, sans-serif; color:#000;
	font-size:16px;
	padding-left: 65px;
line-height: 50px;}

.customButton1:hover {
	cursor:pointer;
}
.customButton1:hover span{
	color:#4a4a4a;
	transition:0.5s;
}

.customButtonDark {
	background: none;
border: none;
height: auto;
text-transform: none;
color: inherit;
	padding-left:0px;
}
.customButtonDark span {
	font-family: "Graphik-Semibold", Arial, sans-serif; color:#fff;
	font-size:16px;
	padding-left: 65px;
line-height: 50px;}


.customButtonDark:hover {
	cursor:pointer;
}
.customButtonDark:hover span{
	color:#4a4a4a;
	transition:0.5s;
}
/* CUSTOM FOOTER ROLLOVER */
.footerSocial {float:left;padding-right:15px;}
/*   .footerBG {background:#000;}   */








@media only screen and (min-width: 480px) {
	.disablePaddingMobile {padding-left:5% !important;padding-right:5% !important;}
}

@media only screen and (max-width: 1650px) {
.bulletNumbers {left:-30px;}
.vertical-menu li {
	font-size: 24px;
	line-height:26px;
}
}

@media only screen and (max-width: 1200px) {
	.vertical-menu li {
		font-size: 20px;
		line-height:24px;
	}
.heightRow2 {height:auto;}
	.value2, .value3, .value4, .value5 {font-size:32px ; line-height: 28px;}
	.heightRow {height:auto;padding-top:5%;padding-bottom:5%;}
	.heightRow33 {height:auto;padding-top:5%;padding-bottom:5%;}
	.paddingMobile {padding:5%;}

	.post-detail .post-title {
font-size: 36px;
	}



}
@media only screen and (max-width: 1080px) {
	#header.w-fixed {background:#000 !important;}
	.bulletNumbers {position:relative;left: -15px;
	top: 5px;}
}
@media only screen and (max-width: 1000px) {
	.post-detail .post-title {
font-size: 26px;
	}
	.hideonMobile {display:none;}
	.heightRow33 {position:relative;}
	.disableMobile {display:none;}
	.white .sa_owl_theme .owl-nav .owl-prev {display:none !important;}
	.white .sa_owl_theme .owl-nav .owl-next { display:none !important;}

	.textContentBlock {padding-left:5%;}

	.footerh2 .heading-title {font-size:24px !important;;
    line-height: 32px !important;}


	.extraPaddingMobile {padding-bottom:40px;}

	input[type="range"] {
    width: 300px !important;
}
	.arrowRow .row {height:90% !important;}
}
@media only screen and (max-width: 768px) {
	.post-detail .post-content {
    
    padding-left: 5%;
    padding-right: 5%;
}
	.post-detail .post-title {
		font-size: 24px;
		width: auto;
		line-height: 32px;
		position: relative;
		padding:0px;
		margin-bottom:0px;
		top:0;
	}
	.customPostDate {position: relative;padding-left: 0px;top:0;}
	.heading-title {
    font-size:24px ;
    line-height: 32px !important;
}
	.footerSocial {width:80px;}
/* 	.disablePaddingMobile {padding-left:none !important;padding-right:none !important;} */
	input[type="range"] {

    width: 300px !important;

}
}
@media only screen and (max-width: 480px) {
	.post-detail .post-title {
		font-size:18px;
		line-height: 22px;
	font-family: "Graphik-Semibold", Arial, sans-serif;

}
	.customButtonSVG {left:0;}
	.customButton1 span {
		display:block;
		text-align:left;
		line-height:24px !important;
	}
	.col.l-padding {
    padding: 0;
}
	.textContentBlock {
    padding-right: 15px;
}
	.value2, .value3, .value4, .value5 {font-size:24px !important;}
	.labelSlide {font-size:12px;}

}