/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

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

/* Biennale SB */
@font-face {
    font-display: swap;
    font-family: 'Biennale-SemiBold';
    font-style: normal;
    font-weight: 600;
    src: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-SemiBold.eot'); 
    src: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-SemiBold.woff') format('woff'), 
         url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-SemiBold.ttf') format('truetype'), 
         url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-SemiBold.svg#Biennale-SemiBold') format('svg'); 
  }
  /* Biennale-Book*/
  @font-face {
    font-display: swap;
    font-family: 'Biennale-Book';
    font-style: normal;
    font-weight: 400;
    src: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-Book.eot'); 
    src: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-Book.woff') format('woff'), 
         url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-Book.ttf') format('truetype'), 
         url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-Book.svg#BiennaleBook') format('svg'); 
  }
  /* Biennale-Bold*/
  @font-face {
    font-display: swap;
    font-family: 'Biennale-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-Bold.eot'); 
    src: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-Bold.woff') format('woff'), 
         url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-Bold.ttf') format('truetype'), 
         url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/fonts/biennale/Biennale-Bold.svg#BiennaleBold') format('svg'); 
  }

  body{
     font-family: 'Biennale-Book';
  }




  .fl-page-header .fl-page-header-wrap{
	border:none;
}

.fl-page-header-primary .fl-page-header-logo{
	padding: 12px 0;
    display: flex;
}
.fl-page-header-primary .fl-page-header-logo> a{
	display:inline-block;
}
.fl-page-header-primary .fl-logo-img{
	max-width:160px;
}
.fl-page-header-container{
	padding-top:7px;
}
@media (min-width:1100px){
	.fl-page-header-container{
		padding-top:14px;
	}
}

/* Header Overlay */

body.collapse{
	overflow-y: hidden!important;
}


.collapse .fl-page-header{
	height:100vh;
	background:linear-gradient(180deg, #FFF 59px, #CED5D9 59px, #CED5D9, #B6C1C6 );
	width: 100%;
	left: 0;
	opacity:1;
	transition: all 2s ease;	
}
@media (min-width:768px){
	.collapse .fl-page-header{
		height:100vh;
		background:linear-gradient(180deg, #FFF 94px, #CED5D9 94px, #CED5D9, #B6C1C6 );
		width: 100%;
		left: 0;
		opacity:1;
		transition: all 2s ease;	
	}
}


.fl-page-header:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	min-height:100%;
	background:url('https://www.design-imfluss.de/wp-content/uploads/cta-river.svg') no-repeat 10vw 50%;
	opacity:0;
	transition: all 2s ease;
}
@media (min-width:768px){
	.collapse .fl-page-header:before{
		opacity:1;
		transition: all 2s ease;
	}
}


.collapse .fl-page-nav-collapse{
	margin-top:14px;
}
.collapse .fl-page-nav-collapse > ul{
	overflow-y: scroll;
	height:calc(100vh - 28px);
}


/*
.collapse .fl-page{ 
	padding-top:0!important;
}
.fl-page-nav-collapse.navbar-collapse.in{
	margin-top:15px!important;
}
.collapse .fl-page-header{
	min-height:100vh;
	background:linear-gradient(180deg, #FFF 94px, #CED5D9 94px, #CED5D9, #B6C1C6 );
	position: fixed!important;
	width: 100%;

	top: 94px;
	left: 0;	
}
.collapse .fl-page-header:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	min-height:100%;
	background:url('https://www.design-imfluss.de/wp-content/uploads/cta-river.svg') no-repeat 25% 50%;
}
.collapse .fl-page-header.collapse .fl-page-header-logo:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:#FFF;
	z-index: -1;
}

*/



/* Hamburger */
/* touch-action */
.fl-page-header-wrap .fl-page-nav-wrap{
	background: none!important;
}
.fl-page-header-wrap .fl-page-nav-wrap button.navbar-toggle{
	top:6px!important;
	padding:18px 16px!important;
	position:relative;
	touch-action: manipulation;
}
.fl-page-header-wrap .fl-page-nav-wrap button.navbar-toggle{
	top: 13px !important;
	background:url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/img/hamburger-open.svg') 50% 50% no-repeat!important;
	background-size: 20px!important;
}
.collapse .fl-page-header-wrap .fl-page-nav-wrap button.navbar-toggle{
	top: 13px !important;
	background:url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/img/hamburger-close.svg') 50% 50% no-repeat!important;
	background-size: 20px!important;
}
.fl-page-header-wrap .fl-page-nav-wrap button.navbar-toggle:focus{
	outline: none!important;
}
@media (min-width:768px){
	.collapse .fl-page-header-wrap .fl-page-nav-wrap button.navbar-toggle,
	.fl-page-header-wrap .fl-page-nav-wrap button.navbar-toggle{
		background-size: 32px!important;
		right:30px!important;
	}
}
@media (min-width:1100px){
	.collapse .fl-page-header-wrap .fl-page-nav-wrap button.navbar-toggle,
	.fl-page-header-wrap .fl-page-nav-wrap button.navbar-toggle{
		top: 30px !important;
		right:0!important;
		background-size: 32px!important;
	}
}

.fl-page-header-wrap .fl-page-nav-wrap button.navbar-toggle .fas{
	display:none;
}

@media (min-width:768px){
	.fl-page-nav-wrap button.navbar-toggle{
		top:18px!important;
	}
}
/* ROW */

.fl-col-small:not(.fl-col-small-full-width) {
	max-width: 100%;
}

/* GALERIE */
@media (max-width:768px){
	.fl-module-gallery .fl-module-content{
		margin:0 10px;
	}
	.fl-mosaicflow{
		margin-left:0!important;
	}
	.fl-mosaicflow-item {
		margin: 20px 10px!important;
	}
}

/* Headlines */
/*
.circle,
h2.fl-heading,
h3.fl-heading{
	font-family:'Biennale SemiBold', sans-serif;
}
*/
/*
.cta-headline .fl-heading{
	font-family:'Biennale-Book', sans-serif;
}

p,
.fl-builder-content .fl-rich-text li{
	font-family:'Biennale-Book', sans-serif;
}
*/

.circle{
     font-family:'Biennale-SemiBold', sans-serif;
}
.fl-builder-content .fl-rich-text strong,
.fl-slide-title strong{
	font-family:'Biennale-Bold', sans-serif;
}

/* Element */

span.circle {
    width: 56px;
    height: 56px;
	font-size:2.2rem;
	color:#29235C;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.absolute-pos{
	z-index:10;
}


.fl-builder-content .fl-rich-text li{
	margin-bottom:.4rem;
}

/* NAV STUFF */

#menu-01-hauptmenue:before {
    position: relative;
    content: 'Kompetenzen';
	text-transform: uppercase;
	font-family: 'Biennale-Bold', sans-serif;
    width: 100%;
    display: block;
    text-align: left;
    padding: .4rem 1rem .4rem 30px;
    font-size: 1.8rem;
	color: #29235C;
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav-collapse{
	border-top:none;
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav-collapse ul.navbar-nav>li {
	border:none;
}

.fl-submenu-toggle .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav ul.navbar-nav li a{
	padding: 10px 15px;
}
@media (max-width:979px){

	#menu-01-hauptmenue:before {
		position: relative;
		content: 'Kompetenzen';
		text-transform: uppercase;
		font-family: 'Biennale-Bold', sans-serif;
		width: 100%;
		display: block;
		text-align: left;
		padding: 1rem 1rem .4rem 30px;
		font-size: 1.4rem;
		color: #29235C;
	}

	.fl-submenu-toggle .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav ul.navbar-nav li a{
		font-size: 1.4rem!important;
		color:#29235C;
		font-family: 'Biennale-Bold'!important;
	}
	.fl-submenu-toggle .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-always .fl-page-nav ul.navbar-nav li.weight-400 a{
		font-size: 1.2rem!important;
		font-family:'Biennale-Book', sans-serif!important;
		padding: 6px 9px;
	}

}



/* FOOTER */
.fl-page-footer{
	border:none;
}
.fl-page-footer-widgets .fl-widget.widget_media_image{
	max-width:160px;
}
.fl-page-footer-widgets{
	border-top:none;
}
.fl-page-footer-widgets-row .textwidget p{
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 180%;
	font-family:'Biennale-Book';
}
.fl-page-footer-widget-col li{
	margin-bottom:4px!important;
}
.fl-page-footer-widget-col li>a{
	font-size: 1.1rem;
	color:#8D9EA7;
	line-height: 180%;
	font-family:'Biennale-Book';
	text-transform:uppercase;
	transition:all .25s ease;
}
.fl-page-footer-widget-col li>a:hover{
	color:#FFFFFF;
	transition:all .25s ease;
}

.fl-page-footer-widgets-row .textwidget p>strong:first-child{
	color: #8597A1;
	font-weight:bold;
	margin-bottom:.6rem;
	padding-bottom:0;
	display:inline-block;
}

.logo-footer{
	margin-top:2em;
	max-width:180px;
	width:100%;
}

@media (min-width:768px){
	.fl-page-header-primary .fl-logo-img,
	.fl-page-footer-widgets .fl-widget.widget_media_image{
		max-width:250px;	
	}
}

/* SVG */
.mfp-gallery img.mfp-img{
     min-height: 90vh;
}

nav.fl-page-nav.fl-nav.navbar.navbar-default.navbar-expand-md a{position: relative; padding-left: 30px!important; display: flex; align-items: center;}
nav.fl-page-nav.fl-nav.navbar.navbar-default.navbar-expand-md a:before{
	content: '';
	background: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/img/pfeil-navi.svg') no-repeat 0% 50%;
	width:21px;
	height:21px;
	display: block;
	position: absolute;
	left:0px;
	opacity:.9;
}


@media (min-width:980px) {

	nav.fl-page-nav.fl-nav.navbar.navbar-default.navbar-expand-md {
		padding-top: 0;
		display: block;
		width: 40vw;
		float: right;
	}

	.fl-page-nav-collapse.navbar-collapse.in{
		margin-top: 64px;
		display: block;
	}
	nav.fl-page-nav.fl-nav.navbar.navbar-default.navbar-expand-md a{
		font-size: 1.8rem;
		font-family:'Biennale-Bold', sans-serif;
		color: #29235C;
		transition: all .4s ease;
	}
	nav.fl-page-nav.fl-nav.navbar.navbar-default.navbar-expand-md a:hover{
		color: #8597A2;
		transition: all .4s ease;
	}

	nav.fl-page-nav.fl-nav.navbar.navbar-default.navbar-expand-md .weight-400 a{
		font-family:'Biennale-Book', sans-serif!important;
		padding: 6px 9px;
	}

	nav.fl-page-nav.fl-nav.navbar.navbar-default.navbar-expand-md li.current-menu-item a{
		
		color: #8597A2;
		transition: all .4s ease;
		font-family:'Biennale-Bold', sans-serif;
	}

}

.fl-post-meta-bottom{
	border-top:none;
}



.fl-photo-caption.fl-photo-caption-hover {
	text-align: left;
    font-size: 1rem;
    box-sizing: border-box;
    margin: 8px;

    width: calc(100% - 16px);
    height: calc(100% - 16px);
    line-height: normal;

	background: linear-gradient(180deg, rgba(0,0,0,.8), rgba(0,0,0,.3));
}

@media (min-width:980px){
	.fl-photo-caption.fl-photo-caption-hover {
		font-size: 1.4rem;
	}
}


/* Logo Gal */

.mfp-gallery img.mfp-img {
    object-fit: contain;
	min-height: auto!important;
	width:100vw!important;
}
.mfp-gallery .mfp-image-holder .mfp-figure::after{
	content: none;
}


/* Mix JS Overlay */

.mix-image a {
    width: 100%;
    position: relative;
    height: 100%;
	display: block;
}

.mix-image a span.image-overlay{

    align-items: center;
    justify-content: center;
    display: flex;

	position: absolute;
	opacity: 0;
	font-size: 1.2rem;
    color: #FFF;

	transition: all .25s ease;
	margin: 8px;
	width: calc(100% - 16px);
    height: calc(100% - 16px);

}
.mix-image a:hover span.image-overlay {


	box-sizing: border-box;


    position: absolute;
    top: 0;
    left: 0;
	opacity: 1;
    z-index: 1;

	transition: all .25s ease;

	margin: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);

	background: linear-gradient(180deg, rgba(0,0,0,.8), rgba(0,0,0,.3)); 
}


/* Gal Overlay UABB */

.uabb-photo-gallery-content .uabb-inner-mask{
	margin: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);

	background: linear-gradient(180deg, rgba(0,0,0,.8), rgba(0,0,0,.3));

}

.uabb-photo-gallery-content .uabb-inner-mask .uabb-caption{
	color:#FFF;
	font-size: 1.3rem;
	padding: 2rem;
	font-family: 'Biennale-Book';
}


/* Slider Testimonials */


.slider-prev{
	opacity: 1!important;
	width:40px;
	height:40px;
	background: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/img/pfeil-links-blau.svg') no-repeat;
}
.slider-next{
	opacity: 1!important;
	width:40px;
	height:40px;
	background: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/img/pfeil-rechts-blau.svg') no-repeat;
}

.slider-next .fl-content-slider-svg-container,
.slider-prev .fl-content-slider-svg-container{
	display: none!important;
}

@media (min-width:980px){
	.slider-prev{
		opacity: 1!important;
		width:60px;
		height:60px;
		background: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/img/pfeil-links-blau.svg') no-repeat;
	}
	.slider-next{
		opacity: 1!important;
		width:60px;
		height:60px;
		background: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/img/pfeil-rechts-blau.svg') no-repeat;
	}
}

/* Lightbox Arrows left/right */

.mfp-wrap button.mfp-arrow.mfp-arrow-left{
	background: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/img/arrow-left-lightbox.svg') 50% 50% no-repeat!important;
	background-size: 50% 50%!important;
}
.mfp-wrap button.mfp-arrow.mfp-arrow-right{
	background: url('https://www.design-imfluss.de/wp-content/themes/bb-theme-child/assets/img/arrow-right-lightbox.svg') 50% 50% no-repeat!important;
	background-size: 50% 50%!important;
}
.mfp-wrap button.mfp-arrow.mfp-arrow-left:before,
.mfp-wrap button.mfp-arrow.mfp-arrow-left:after,
.mfp-wrap button.mfp-arrow.mfp-arrow-right:before,
.mfp-wrap button.mfp-arrow.mfp-arrow-right:after{
	content: none;
}