/*
Theme Name:   Blank Slate Child
Theme URI:   https://example.com/black-slate-child
Version:      1.0
Author:       Jake Meah
Author URI:   https://clickprofits.com.au
Template:     blankslate
*/

#header_area {-webkit-box-shadow: 0 4px 6px -6px #222;-moz-box-shadow: 0 4px 6px -6px #222;box-shadow: 0 4px 6px -6px #222;position: relative}
.col__header{padding-top: 10px;padding-bottom:10px}
#header__top{background-color: #333;padding: 3px 0}
body, p, span, .post_box p, ol li, ul li, .post_box ol li, .post_box ul li, .manrope, a, h1, h2, h3, h4, h5, h6, .post_box h1, .post_box h2, .full .post_box .post_content h2, .full .post_box .post_content h3, .post_box h3, .full .post_box .post_content h4, .post_box h4, .full .post_box .post_content h5, .post_box h5, .full .post_box .post_content h6 .post_box h6, .post_content h1, .home_archive.post_box h2.headline, .full .post_box .headline, .call-to-action .heading, .call-to-action.cta_tall .heading, .two-thirds .email_form_title, .one-half .email_form_title, .three-quarters .email_form_title, .full .email_form_title, p#comment_form_title, .section_title, input, textarea, .entry-summary {font-family: 'Manrope', sans-serif;color: inherit;font-size:inherit;line-height:1.4}
p {font-size:1em;margin: 0 0 20px 0}
a, li, span {font-size: inherit}
.link {color: #0000EE}
h1{font-size:1.8em; line-height: inherit;color:#111}
h2{font-size:1.6em;color:#333}
h3{font-size:1.2em;color:#333}
body{line-height: 1.4;color:#333;margin: 0;background:#fff}
.outer_wrapper {width:100%;max-width:1460px;margin:0 auto !important}
.width__100-40 {width: calc(100% - 40px);margin: 0 auto !important}
.page_wrapper {width:1140px;max-width:100%;margin:0 auto !important}
.is-layout-constrained > *, .is-layout-flow > * {margin-block-start: unset;margin-block-end: revert;}
.is-layout-flex {gap: 1rem;}
img {max-width: 100%;height: auto;}
.clear {clear: both}
.widget {list-style:none!important;}
.white {color: #FFFFFF !important}
.no-nav #top_nav_area, .no-nav .menu-mobile-icon, .no-nav .shop-online, .woocommerce div.product .woocommerce-tabs ul.tabs {display: none !important}
.breadcrumb__container {margin: 0.5em 0 !important;}
.vh__100 {min-height: 100vh !important}

/******* Global Style End ********/

/******* Top Header Start ********/

.phone-no .fa-phone {top:0}
.phone-no .number, .phone-no .fa-phone {color: #FFF !important; text-wrap: nowrap;text-decoration:none;font-size:16px}
.phone-no .fa-stack {height: 1.5em;line-height: 1.5em;width: 1.5em}

/******* Top Header End ********/

/******* Header Start ********/

.logo-area img {width: 120px;max-width: 100%;margin-bottom: 0}
.logo-area a {display: flex}
#header_area .contact-buttons a {padding: 7px 18px;text-decoration: none}

/******* Header End ********/

/******* Page Hero Start ********/

.hero_image-wrapper{min-height: 200px}
.bg__img--cover{background-color: black;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-position-y: 100% !important;background-size: cover !important;}
.hero__gradient {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

/******* Page Hero End ********/

/******* Format Styles Start ********/

.gap__0 {gap: 0}
.gap__0-5rem {gap: 0.5rem}
.gap__1rem{gap: 1rem}
.gap__2rem{gap: 2rem}
.pos__relative{position:relative}
.margin__bottom-none {margin-bottom: 0}
.lh__1 {line-height: 1 !important}
.padding__0-5rem {padding:0.5rem}
.padding__1rem {padding:1rem}
.padding__none {padding:0}
.z-index-1{z-index: -1}
.z-index-2{z-index: -2}
.contact__wrapper {padding: 20px; border-radius: 10px; border: solid 2px #DDD;}
.float__right{float: right}
.border-radius__20px {border-radius: 20px;overflow: hidden;}
.text-align__center{text-align: center}
.width__100{width: 100%}
.bg__yellow {background-color: #ffff99}
sup {vertical-align: super !important;font-size:0.6em}

/******* Format Styles End ********/

/******* Font Start *******/

.font-120x, .font-120x p, .font-120x a, .font-120x li {font-size: 1.2rem;line-height: 1.5}

/******* Font End ********/

/******* Custom Cols Start ********/

.col__flex{display: flex !important}
.flex__grow--1 {flex-grow: 1}
.align-items__center {align-items: center}
.justify-content__space-between{justify-content:space-between}
.justify-content__flex-end {justify-content: flex-end}
.flex-wrap__wrap, .wp-block-columns.flex-wrap__wrap {flex-wrap: wrap !important}
.flex-wrap__nowrap {flex-wrap: nowrap !important}
.justify-content__center {justify-content: center}
.justify-content__space-between{justify-content:space-between}
.col__narrow {width: 100%;max-width: 700px !important;margin: 0 auto !important}
.half {flex-basis: 50% !important;max-width:50%}
.quarter {width: 25% !important;max-width:25%}
.three-quarters {width: 75% !important;max-width:75%}
.width__max50 {max-width: 50%}
.icon__feature {max-width: 100%;width: 450px;margin: 0 auto 40px;}
.col-narrow {width: 100%;max-width: 700px !important;margin: 0 auto !important}
.hero__content::before{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: #000;z-index: -1}
.hero__content{width: 100%;margin: 0 auto;overflow: hidden;}
.flex-direction__column {flex-direction: column;}
.bg__dark-30::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 1}

/******* Custom Cols End ********/

/******* Featured Cards Start ********/

.card {border-radius: 5px;overflow: auto}
.card__shadow {box-shadow: 0px 10px 30px 0px rgba(28,9,80,0.07)}
/*.card__icon img {max-height: 100px !important;top: unset !important;right: unset !important;bottom: unset !important;left: unset !important;-o-object-fit: contain !important;object-fit: contain !important}
.card__icon {width: 40%}*/
.theme {background-color: #FFF;border: 1px solid #dedede;-webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);max-width: 400px}
.theme:hover {border-color: #5b9dd9;-webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 )}
.theme a {text-decoration: none}
.theme .theme-screenshot {margin-bottom: 0}
.theme .theme-screenshot img {-webkit-transform: translateZ( 0 );-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out}
.theme .more-details {opacity: 0}
.theme .theme-actions {top: 5px;box-sizing: content-box;padding: 0 5px 0;position: absolute;right: 0}
.theme .entry-title {-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.1);box-shadow: inset 0 0 0 rgba(0,0,0,0.1);font-size: 15px;font-weight: 600;margin: 0;line-height: 1.4; padding: none}
.theme:hover .entry-title, .theme:hover .more-details {text-decoration: none}
.float-center {position: absolute;left: 50% !important;top: 50% !important;transform: translate(-50%,-50%);text-align: center}
.float-center, .icon__img-container img {position: absolute;left: 50% !important;top: 50% !important;transform: translate(-50%,-50%);text-align: center;}
.icon__img-container {background-color: #C4C4C4;border-radius: 50%;width: 50px;height: 50px;position: relative}
.icon__img-container img {max-width: 60%; max-height: 60%}

/***** Featured Cards End *****/

/******* Button Start ********/

body .button, body .button__nav {display: inline-block;margin: 0;padding: 0.75rem 1.25rem;text-decoration: none !important;text-align: center;cursor: pointer;-webkit-transition: background-color 0.15s ease-out;-moz-transition: background-color 0.15s ease-out;transition: background-color 0.15s ease-out;line-height: initial !important;font-weight:initial !important}
.border-radius__btn {border-radius: 5px}
.button-transparent{background:transparent;border: 2px solid #C4C4C4;color: #222}
.button-transparent:hover, .button-transparent a:hover{background-color: #C4C4C4;color: #FFF !important}
body .button-green {background-color: #add555 !important;color: #fff !important;border: 2px solid transparent}
body .button-green:hover {background-color: #90BA32 !important;color: #FFF}
.button-transparent.green {border-color: #add555}
.button-transparent.green:hover {background-color: #90BA32;border: 2px solid #90BA32}

/******* Button End ********/

/******* Woocommerce Start ********/

#main {width:calc(100% - 40px);max-width:1460px;margin:0 auto !important}
.woocommerce .woocommerce-breadcrumb  {margin: 1em 0}

/******* Woocommerce End ********/

@media only screen and (max-width: 499px) {
	.m-499-flex-direction__column{flex-direction:column} /* Header */
}
@media only screen and (max-width: 781px) {
	.break__2-4 {height:2rem}
	.break__3-6{height: 3rem}
	.col__gallery {flex-wrap: wrap !important}
	.col__gallery .gallery__img-wrapper {width: calc(33% - 0.67rem)}
	.m-order__2 {order: 2}
	.col__two-thirds, .col__third {flex-basis: 100% !important;flex-grow: 1;margin-left: 0;}
	.hero__gradient {background-color: #037d50;opacity: 0.5;}
	.m-justify-content__space-between {justify-content:space-between}
	.m-width__100 {width: 100%}
	.hero__content::before{opacity: 0.7}
}
@media only screen and (min-width: 782px) {
	.vh__65, .wp-block-cover.vh__65 {min-height: 65vh !important}
	.text-align__center--left{text-align: center}
	.break__2-4 {height:4rem}
	.break__3-6{height: 6rem}
	.theme{flex-basis: calc(33% - 1.33rem) !important;max-width:calc(33% - 1.33rem);}
	.col__two-thirds {flex-basis: 66.66% !important;}
	.col__third {flex-basis: 33.33% !important;}
	.hero__gradient {background-image: linear-gradient(to right, #037d50 33%, transparent 66%);}
	.icon-feature__sticky-wrapper {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between} /* Sticky Feature Column */
	.icon-feature__sticky-wrapper .position__sticky {position: sticky;top: 0} /* Sticky Feature Column */
	.hero__content{position: relative}
	.displaynone__dt{display: none !important}
	.hero__content{max-width: 700px;border-radius: 20px;padding: 3rem;}
	.hero__content::before{opacity: 0.3}
	.col__gallery .gallery__img-wrapper {width: calc(16.66% - 0.83rem)}
}
@media only screen and (max-width: 900px) {
	.displaynone__max900 {display: none !important} /* Contact Buttons */
}
@media only screen and (min-width: 951px) {
    .icon-feature__column {padding-left: 40px;} /* sticky column */
}
@media only screen and (min-width: 1025px) {
	.theme:hover .theme-screenshot img {opacity: 0.4;-webkit-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}
	.theme:hover .theme-screenshot {background: #fff;}
}
@media only screen and (min-width: 1051px) {
    .icon-feature__column {padding-left: 60px;} /* sticky column */
}
@media (min-width: 1200px) {
	.theme .more-details {background: rgba(0,0,0,0.7);border-radius: 3px !important;color: #fff;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";font-size: 15px;-webkit-font-smoothing: antialiased;font-weight: 600;width: 50%;padding: 15px 12px;text-align: center;text-shadow: 0 1px 0 rgba(0,0,0,0.6);-webkit-transition: opacity 0.1s ease-in-out;transition: opacity 0.1s ease-in-out}
	.theme:hover .more-details {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity: 1}
}