/*
Theme Name:   Black Loup Digital
Theme URI:    https://blackloup.com
Description:  Digital Marketing Agency
Author:       BlackLoup Dev Team
Author URI:   https://blackloup.com
Template:     generatepress
Version:      1.0
*/

/* Fonts */

@font-face {
	font-family: GothamPro;
	src: url(assets/fonts/gotham/GothamPro.eot);
	src: url(assets/fonts/gotham/GothamPro.woff2) format("woff2"),url(assets/fonts/gotham/GothamPro.woff) format("woff"),url(assets/fonts/gotham/GothamPro.ttf) format("truetype"),url(assets/fonts/gotham/GothamPro.svg#GothamPro) format("svg"),url(assets/fonts/gotham/GothamPro.eot?#iefix) format("embedded-opentype");
	font-weight: 200;
	font-style: normal
}
@font-face {
	font-family: GothamPro;
	src: url(assets/fonts/gotham/GothamPro-Italic.eot);
	src: url(assets/fonts/gotham/GothamPro-Italic.woff2) format("woff2"),url(assets/fonts/gotham/GothamPro-Italic.woff) format("woff"),url(assets/fonts/gotham/GothamPro-Italic.ttf) format("truetype"),url(assets/fonts/gotham/GothamPro-Italic.svg#GothamPro-Italic) format("svg"),url(assets/fonts/gotham/GothamPro-Italic.eot?#iefix) format("embedded-opentype");
	font-weight: 200;
	font-style: italic
}
@font-face {
	font-family: GothamPro;
	src: url(assets/fonts/gotham/GothamPro-Bold.eot);
	src: url(assets/fonts/gotham/GothamPro-Bold.woff2) format("woff2"),url(assets/fonts/gotham/GothamPro-Bold.woff) format("woff"),url(assets/fonts/gotham/GothamPro-Bold.ttf) format("truetype"),url(assets/fonts/gotham/GothamPro-Bold.svg#GothamPro-Bold) format("svg"),url(assets/fonts/gotham/GothamPro-Bold.eot?#iefix) format("embedded-opentype");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: GothamPro;
	src: url(assets/fonts/gotham/GothamPro-BoldItalic.eot);
	src: url(assets/fonts/gotham/GothamPro-BoldItalic.woff2) format("woff2"),url(assets/fonts/gotham/GothamPro-BoldItalic.woff) format("woff"),url(assets/fonts/gotham/GothamPro-BoldItalic.ttf) format("truetype"),url(assets/fonts/gotham/GothamPro-BoldItalic.svg#GothamPro-BoldItalic) format("svg"),url(assets/fonts/gotham/GothamPro-BoldItalic.eot?#iefix) format("embedded-opentype");
	font-weight: 600;
	font-style: italic
}

/* Helper Classes */
.width100 { width: 100%; }

/* Fix Header Spacings */
.inside-navigation .navigation-branding {
	padding: 20px;
}
span.menu-bar-item.slideout-toggle {
	background: var(--base);
	margin: 0 20px 0 0;
	border-radius: 10px;
}
span.menu-bar-item.slideout-toggle .gp-icon svg {
	height: 1.5em;
	width: 1.5em;
	top: 0.4em;
}
.slideout-navigation.offside .gp-icon svg {
	top: 0;
}
body .slideout-navigation.do-overlay .slideout-exit {
	font-size: 25px;
	right: 19px;
	top: 19px;
	z-index: 99999;
	line-height: 1;
	padding: 20px 20px 13px 20px;
	background-color: var(--base);
	border-radius: 10px;
}

/* Heading lines */
h1.gb-headline.gb-headline-fda7bb75.gb-headline-text {
	position: relative;
}
/*h1.gb-headline.gb-headline-fda7bb75.gb-headline-text:before {
	content: "";
	width: 100%;
	height: 60%;
	background: #2c8cbd;
	position: absolute;
	bottom: 0px;
	display: block;
	z-index: -1;
	opacity: 0.3;
	left: -30px;
	clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);
	transform: rotate(-2deg);
}
h1.gb-headline.gb-headline-fda7bb75.gb-headline-text:after {
	content: "";
	width: 100%;
	height: 50%;
	background: var(--accent);
	position: absolute;
	top: 20px;
	display: block;
	z-index: -1;
	opacity: 0.3;
	left: -10px;
	clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);
	transform: rotate(-1deg);
}*/


/* Overlay Menu */
.overlay-grid-menu-item .arrow-icon {
	transition: all 0.2s ease-in-out;
	position: relative;
	right: 0;
}
.overlay-grid-menu-item:hover .arrow-icon {
	position: relative;
	right: -5px;
}
.overlay-grid-menu-item * {
	z-index: 10;
}
.overlay-grid-menu-item:after {
	transition: all 0.2s ease-in-out;
	opacity: 0;
}
.overlay-grid-menu-item:hover:after {
	opacity: 1;
}
.slideout-navigation.do-overlay .inside-navigation.grid-container.grid-parent {
    padding: 0;
}
.main-navigation.offside {
    background: var(--base-3);
}

/*
body nav.main-navigation {
	position: absolute;
	width: 100%;
	background-color: transparent;
}
*/
/*.slideout-navigation.offside {
    background: url(https://staging.blackloup.com/wp-content/uploads/2023/09/office-1.webp) center center black no-repeat;
    background-size: cover;
}
.slideout-navigation.offside:before {
    content: "";
    background: rgba(0,0,0,0.90);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
*/
.slideout-navigation.offside .gp-icon svg {
	height:1em;
	width:1em;
	fill: var(--contrast);
}	
/*
nav.main-navigation  .inside-navigation {
	max-width:1200px;
	margin:0px auto;
	padding:25px 0px;
}
.inside-navigation .gp-icon svg {
	height: 2em;
	width: 2em;
	fill:#fff;
}
*/
div.inside-navigation .main-nav {
	display:none;
}
body .slideout-navigation.do-overlay .inside-navigation {
	max-width: 100%;
	padding-left: 0px;
}
#generate-slideout-menu{
	padding-left: 5%;
	padding-right: 1rem;
	padding-top: 4rem;
}
nav ul.overlay-nav{
	width: 100%;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	flex-flow: column wrap;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr;
	grid-auto-columns: 1fr;
	align-items: flex-start;
	justify-content: start;
	display: flex;
}
nav ul.overlay-nav li a {
	margin-left: 0;
	margin-right: 0;
	padding: 0.75vh 0;
	font-size: 5vh;
	font-weight: bold;
	line-height: 1;
	transition: color .2s;
	display: block;
}
body .wp-block-navigation.overlay-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--accent);
}
/*
.address-info {
	text-align: left;
	font-size: .875rem;
	margin: 0px;
	max-width:195px;
}
body .right-side p {
	margin-bottom:0px;
}
body .right-side .safe-svg-cover {
	display:flex;
	align-items:baseline;
}
body .right-side .info-img{    
	position: absolute;
	top: 0px; 
	bottom: 80px;
	left: 20px;
}
*/
/*
figure.blackloup-logo {
	position: absolute;
	z-index: 1;
	right: 40px;
	width: 200px;
	top: 20px;
}
.nav-aside {
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	height:100%;
}
*/

/* Home Page Css */
/*
.home-banner:after {
	content:"";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(000, 000, 000, .4);
}
div.client-carousel img {
	 filter: grayscale(100%);
}
*/

/* Footer CSS */

.site.footer-widgets a {
	text-decoration:none;
}
.site.footer-widgets .widget_media_image {
	margin-bottom:0px;
}
.site.footer-widgets .widget-title {
	 margin-bottom:20px;
}
.site.footer-widgets {
	 border-bottom: 1px solid #393939;
}
.site.footer-widgets p {
	font-size: 14px;
	line-height: 25px;
}
.site.footer-widgets ul li{
	border: none;
	display: block;
	line-height: 20px;
	margin: 0;
	padding: 7px 0;
}
.site.footer-widgets ul li a{
	font-size: 14px;
	letter-spacing: 0.2px;
}
.copyright-bar {
	margin: 0px;
	font-size: 13px;
	line-height: 23px;
}
.copyright-bar a {
text-decoration: none;	
}


/* Case Studies Home */
/*
.case-studies {
	padding-top:40px;
	padding-bottom:70px;
}
*/

/* Testmonials Slider */

.testimonials-slider div {
	color:#fff;
}
.testimonials-slider .portfolio-text {
	position: relative;
    width: 80%;
    height: auto;
    margin: 0px auto;
    /*padding-top: 60px;*/
    color: #000;
    font-size:70px;
    line-height:70px;
    font-weight: 400;
    text-align: center;
}
.testimonials-slider .credit {
	position: static;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    margin-top: 70px;
}
.testimonials-slider .quote-top {
	position: relative;
	left: -4px;
	top: 9px;
	font-size: 43px;
	font-weight: 700;
}
.testimonials-slider .quote-bottom {
	position: relative;
	left: 6px;
	top: 7px;
	font-size: 43px;
	font-weight: 700;
}
.testimonials-slider .owl-nav {
	display:none;
}
.quote-sec .quote-img img {
	width: 90px;
} 

/* Team Slider */
/*
.team_slider .team-items {
	padding-bottom: 10px;
}
.team_slider .team-image img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
	transition: all .4s ease;
}
.team_slider  .team-image img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
	transition: all .4s ease;
}
.team_slider .team-items:hover  {
	transition: all .4s ease;
	transform: scale(1.05);
}
.team_slider .team-items .team-caption {
	padding-left: 30px;
}
.team_slider .team-items {
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 4px 30px 0 rgba(0,0,0,.12);
	margin: 0 auto;
}
.team_slider .team-name {
	padding-top: 25px;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25;
	text-transform: capitalize;
	margin-bottom: 6px;
	letter-spacing: -.48px;
}
.team_slider .team-job {
	font-size: 16px;
	font-size: 1rem;
	text-transform: capitalize;
	margin-bottom: 11px;
}
*/
/* Contact Us */
/*
.wpcf7 label {
	font-weight:700;
}
.wpcf7 input {
	width:100%;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit{
	background-image: linear-gradient(90deg, var(--accent), var(--contrast-3));
	border: none;
	font-size: 18px;
	width:auto;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit:hover {
		background-color: #000;
	cursor: pointer;
	background-image: none;
}
*/

.home-banner.loaded:before{
	transform: scale(1) perspective(1000px);
}

.keen-bl-client-carousel img {
    filter: grayscale(1);
    opacity: 0.5;
}
.case-studies.flower-studio {
	display:none !important;
}
@media only screen and (max-width: 1023px) {
.pin-spacer {
	display:none !important;
}	
	body .testimonials-slider .portfolio-text {
		font-size:24px;
		line-height:35px;
	}
	body .testimonials-slider .credit {
		font-size:20px;
		line-height:24px;
		
	}
		
	}