/*
Theme Name: Greenstone Media - Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: This is a child theme used for custom development at Greenstone Media. Using a powerful page builder framework, Greenstone Media creates flexible and responsive WordPress websites.  
Author:  Greenstone Media Agency 
Author URI: http://www.greenstonemedia.com
template: bb-theme

/* Add your custom styles here... */

/* ****************** */
@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display/SFUIDisplay-Thin.eot');
    src: url('fonts/sf-ui-display/SFUIDisplay-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/sf-ui-display/SFUIDisplay-Thin.woff2') format('woff2'),
        url('fonts/sf-ui-display/SFUIDisplay-Thin.woff') format('woff'),
        url('fonts/sf-ui-display/SFUIDisplay-Thin.ttf') format('truetype'),
        url('fonts/sf-ui-display/SFUIDisplay-Thin.svg#SFUIDisplay-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display/SFUIDisplay-Semibold.eot');
    src: url('fonts/sf-ui-display/SFUIDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/sf-ui-display/SFUIDisplay-Semibold.woff2') format('woff2'),
        url('fonts/sf-ui-display/SFUIDisplay-Semibold.woff') format('woff'),
        url('fonts/sf-ui-display/SFUIDisplay-Semibold.ttf') format('truetype'),
        url('fonts/sf-ui-display/SFUIDisplay-Semibold.svg#SFUIDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display/SFUIDisplay-Medium.eot');
    src: url('fonts/sf-ui-display/SFUIDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/sf-ui-display/SFUIDisplay-Medium.woff2') format('woff2'),
        url('fonts/sf-ui-display/SFUIDisplay-Medium.woff') format('woff'),
        url('fonts/sf-ui-display/SFUIDisplay-Medium.ttf') format('truetype'),
        url('fonts/sf-ui-display/SFUIDisplay-Medium.svg#SFUIDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display/SFUIDisplay-Light.eot');
    src: url('fonts/sf-ui-display/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/sf-ui-display/SFUIDisplay-Light.woff2') format('woff2'),
        url('fonts/sf-ui-display/SFUIDisplay-Light.woff') format('woff'),
        url('fonts/sf-ui-display/SFUIDisplay-Light.ttf') format('truetype'),
        url('fonts/sf-ui-display/SFUIDisplay-Light.svg#SFUIDisplay-Light') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display/SFUIDisplay-Bold.eot');
    src: url('fonts/sf-ui-display/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/sf-ui-display/SFUIDisplay-Bold.woff2') format('woff2'),
        url('fonts/sf-ui-display/SFUIDisplay-Bold.woff') format('woff'),
        url('fonts/sf-ui-display/SFUIDisplay-Bold.ttf') format('truetype'),
        url('fonts/sf-ui-display/SFUIDisplay-Bold.svg#SFUIDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display/SFUIDisplay-Black.eot');
    src: url('fonts/sf-ui-display/SFUIDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/sf-ui-display/SFUIDisplay-Black.woff2') format('woff2'),
        url('fonts/sf-ui-display/SFUIDisplay-Black.woff') format('woff'),
        url('fonts/sf-ui-display/SFUIDisplay-Black.ttf') format('truetype'),
        url('fonts/sf-ui-display/SFUIDisplay-Black.svg#SFUIDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display/SFUIDisplay-Heavy.eot');
    src: url('fonts/sf-ui-display/SFUIDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/sf-ui-display/SFUIDisplay-Heavy.woff2') format('woff2'),
        url('fonts/sf-ui-display/SFUIDisplay-Heavy.woff') format('woff'),
        url('fonts/sf-ui-display/SFUIDisplay-Heavy.ttf') format('truetype'),
        url('fonts/sf-ui-display/SFUIDisplay-Heavy.svg#SFUIDisplay-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display/SFUIDisplay-Ultralight.eot');
    src: url('fonts/sf-ui-display/SFUIDisplay-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('fonts/sf-ui-display/SFUIDisplay-Ultralight.woff2') format('woff2'),
        url('fonts/sf-ui-display/SFUIDisplay-Ultralight.woff') format('woff'),
        url('fonts/sf-ui-display/SFUIDisplay-Ultralight.ttf') format('truetype'),
        url('fonts/sf-ui-display/SFUIDisplay-Ultralight.svg#SFUIDisplay-Ultralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/sf-ui-display/SFUIDisplay-Regular.eot');
    src: url('fonts/sf-ui-display/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/sf-ui-display/SFUIDisplay-Regular.woff2') format('woff2'),
        url('fonts/sf-ui-display/SFUIDisplay-Regular.woff') format('woff'),
        url('fonts/sf-ui-display/SFUIDisplay-Regular.ttf') format('truetype'),
        url('fonts/sf-ui-display/SFUIDisplay-Regular.svg#SFUIDisplay-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

 
@font-face {
    font-family: 'SF NS Display';
    src: url('fonts/SFNS-Display/SFNS-Display-Bold.eot');
    src: url('fonts/SFNS-Display/SFNS-Display-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFNS-Display/SFNS-Display-Bold.woff2') format('woff2'),
        url('fonts/SFNS-Display/SFNS-Display-Bold.woff') format('woff'),
        url('fonts/SFNS-Display/SFNS-Display-Bold.ttf') format('truetype'),
        url('fonts/SFNS-Display/SFNS-Display-Bold.svg#SFNS-Display-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

 
@font-face {
    font-family: 'SF NS Display';
    src: url('fonts/SFNS-Display/SFNS-Display-medium.eot');
    src: url('fonts/SFNS-Display/SFNS-Display-medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFNS-Display/SFNS-Display-medium.woff2') format('woff2'),
        url('fonts/SFNS-Display/SFNS-Display-medium.woff') format('woff'),
        url('fonts/SFNS-Display/SFNS-Display-medium.ttf') format('truetype'),
        url('fonts/SFNS-Display/SFNS-Display-medium.svg#SFNS-Display-medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF NS Display';
    src: url('fonts/SFNS-Display/SFNS-Display-regular.eot');
    src: url('fonts/SFNS-Display/SFNS-Display-regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFNS-Display/SFNS-Display-regular.woff2') format('woff2'),
        url('fonts/SFNS-Display/SFNS-Display-regular.woff') format('woff'),
        url('fonts/SFNS-Display/SFNS-Display-regular.ttf') format('truetype'),
        url('fonts/SFNS-Display/SFNS-Display-regular.svg#FNS-Display-regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF NS Display';
    src: url('fonts/SFNS-Display/SFNS-Display-Thin.eot');
    src: url('fonts/SFNS-Display/SFNS-Display-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFNS-Display/SFNS-Display-Thin.woff2') format('woff2'),
        url('fonts/SFNS-Display/SFNS-Display-Thin.woff') format('woff'),
        url('fonts/SFNS-Display/SFNS-Display-Thin.ttf') format('truetype'),
        url('fonts/SFNS-Display/SFNS-Display-Thin.svg#SFNS-Display-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF NS Display';
    src: url('fonts/SFNS-Display/SFNS-Display-UltraLightP2.eot');
    src: url('fonts/SFNS-Display/SFNS-Display-UltraLightP2.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFNS-Display/SFNS-Display-UltraLightP2.woff2') format('woff2'),
        url('fonts/SFNS-Display/SFNS-Display-UltraLightP2.woff') format('woff'),
        url('fonts/SFNS-Display/SFNS-Display-UltraLightP2.ttf') format('truetype'),
        url('fonts/SFNS-Display/SFNS-Display-UltraLightP2.svg#SFNS-Display-UltraLightP2') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


/* GLOBAL */
.tml-action .fl-post-header {
 	margin-top: 150px;
}
.archive.category .fl-post .fl-post-image-beside{
	width:100%;
}
.archive.category .fl-archive-header{
	    margin-top: 100px;
}
.single-post .fl-post-header {
    margin-top: 160px;
}
.category-blog .fl-archive-header {
    margin-top: 180px;
}
.uppercase,
.uppercase * {
    text-transform: uppercase;
}
.transition,
.transition * {
    transition: 300ms;
}
.btn-call a{
	border: 3px solid #e8572e;
    border-radius: 100px;
}
.sec-post .uabb-post-thumbnail img{
	border-radius:25px 25px 0px 0px;
}
.sec-vertical .fl-node-5f610cdaa5dbd{
	display: flex;
    align-items: center;
}
.sec-title-height .uabb-infobox-title-wrap{
	height: 82px;
}
.sec-testimonials .pp-testimonials-content:after{
	content: "";
    background-image: url(/wp-content/uploads/Grey-testimonial-background.png);
    position: absolute;
    background-size: contain;
    width: 400px;
    height: 400px;
    z-index: -1;
    top: -45px;
    right: -110px;
    background-repeat: no-repeat;
}
.sec-testimonials .pp-testimonials-wrap .owl-theme .owl-prev{
	position: absolute;
    top: calc(50% - 53px) !important;
    left: -40px;
    right: 0;
    background-image: url(/wp-content/uploads/left.png) !important;
    width: 30px;
    height: 30px;
    background-size: cover !important;
}

.sec-testimonials .pp-testimonials-wrap .owl-theme .owl-next{
	position: absolute;
    top: calc(50% - 50px) !important;
    right: -40px;
    background-image: url(/wp-content/uploads/right.png) !important;
    width: 30px;
    height: 30px;
    background-size: cover !important;
}
.sec-list-icons .uabb-infobox-title{
	padding-left: 17px;
}
.sec-testimonials .pp-testimonials-wrap .owl-theme .owl-nav button svg{
	display:none;
}
.sec-list-icons .uabb-image .uabb-photo-img{
	    padding-left: 8px;
}
.wrap-social .fl-button{
	    padding: 7px 7px !important;
}
.uabb-profile-picture a img{
	max-width: 35px;
    border-radius: 100%;
}
.sec-post .uabb-blog-post-content{
	    padding: 0 !important;
}
.sec-post .post-cont{
	padding:15px;
}
.sec-post .uabb-blog-posts .uabb-post-thumbnail{
	border-radius: 25px 25px 0px 0px;
}
.sec-post .uabb-blog-posts .uabb-post-thumbnail img{
	height: 240px;
    object-fit: cover;    
}
.sec-post .uabb-blog-posts .uabb-post-heading{
	font-size:16px;
}
.sec-post .uabb-blog-posts-shadow{
	position: relative;
    bottom: 5px;
}
.sec-wave .uabb-heading{
	padding-top:70px;
}
.box-white .fl-col-content{
	background-color: #fff !important;
}
/* Services */
.custom-wave img{
	height: 135px !important;
}

/* Portfolio */
#service-section .service-icon, 
.icon-circle-dark{
	background: rgba(25,25,25,.2);
    border-radius: 100px;
    height: 179px;
    width: 179px;
    margin: auto;
    padding-top: 40px;
}

.archive__single--post{
	
}

.archive__single--post .fl-post-grid-image  img{
	height: 240px!important;
	object-fit: cover;
}


@media (max-width: 768px){
	.box-before-hero .fl-col-small:not(.fl-col-small-full-width) {
    	max-width: 100%;
	}
	.sec-vertical .fl-node-5f610cdaa5dbd {
		flex-direction: column;
	}
	.sec-post .uabb-post-thumbnail img {
		max-width: 100%;
		width: 100%;
	}
	.single-post .fl-post-header {
    	margin-top: 150px;
	}
	.category-blog .fl-archive-header {
    	margin-top: 150px;
	}
}