/*
Theme Name:   B2Theme Child
Description:  A child theme to the custom B2Theme by Andreas Gregor
Author:       Alexander von Freeden
Author URL:   https://laikalaika.de/
Template:     bplus
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  behnkenbecker
*/

/*-----------------------------------------------------------------------------------*/
/* Main Colors
/* Orange Accent Color:		#fa8c00
/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/
/* General Font Styles
/*-----------------------------------------------------------------------------------*/


@font-face {
	font-family: 'TT Norms W01 Bold';
	src:	url('fonts/34CB95_4_0.eot');
	src:	url('fonts/34CB95_4_0.eot?#iefix') format('embedded-opentype'),
			url('fonts/34CB95_4_0.woff2') format('woff2'),
			url('fonts/34CB95_4_0.woff') format('woff'),
			url('fonts/34CB95_4_0.ttf') format('truetype');
	font-weight:  normal;
	font-style:   normal;
	font-stretch: normal;
}


@font-face {
  font-family: 'Austin Text Web';
  src: url('fonts/AustinText-Roman-Web.eot');
  src: url('fonts/AustinText-Roman-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/AustinText-Roman-Web.woff2') format('woff2'),
       url('fonts/AustinText-Roman-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}



h1, h2, h3, h4  {
	font-weight: normal!important;
	font-family: 'TT Norms W01 Bold' !important;
}

p {
/*    font-family: 'Austin Text Web'!important; */
    font-weight: normal;
	font-size: 19.2px;
	font-size: 1.2rem;
	line-height: 1.5em
}

.ttnorms-bold {
	font-family: 'TT Norms W01 Bold'!important;
	font-weight:  normal;
	font-style:   normal;
	font-stretch: normal;
}

/*-----------------------------------------------------------------------------------*/
/* Header Customization from Parent Theme
/*-----------------------------------------------------------------------------------*/


#logo {
		top: 18px;
		right: 50px;
		width: 80px;
		height: auto;
		margin: 0;
	}

.page-id-721 #logo {
		position: fixed;
		top: 100px;
		right: 50px;
		width: 160px;
		height: 600px;
		margin: 0 0 2em 0;
		z-index: 10;
		transition: all 0.3s;
	}

body.scrolled #logo {
		top: 7px;
		right: 50px;
		width: 80px;
		height: auto;
		margin: 0;
	}
	
.page-id-721 body.scrolled #logo {
		top: 7px;
		right: 50px;
		width: 80px;
		height: auto;
		margin: 0;
	}

.page-id-721 #logo img {
		margin-bottom: 30px;
	}

.page-id-721 #claim {
		color: rgba(0,0,0,1);
		border-top: 1px solid rgba(0,0,0,0.4);
		border-bottom: 1px solid rgba(0,0,0,0.4);
		text-transform: uppercase;
		font-size: 1.5em;
		margin: 0 0 0.2em 0;
		padding: 0.5em 0;
		line-height: 0.9em;
		transition: opacity 0.2s;
	}

#claim,
#logo span {
		opacity: 0;
	}

.page-id-721 #claim,
.page-id-721 #logo span {
		opacity: 1;
	}	
	
.page-id-721 #logo span {
		margin: 0 0 5em 0;
		font-size: 0.85em;
	}

.page-id-721 body.scrolled #claim,
.page-id-721 body.scrolled #logo span {
		opacity: 0;
	}

nav {
		background: rgba(255,255,255,1);
		transition: none;
	}
	
.page-id-721 nav {
		background: rgba(255,255,255,0);
		transition: all 0.3s;
	}

	
/* MOBILE ===================================================================== */


@media only screen and (max-width: 480px) {


	.page-id-721 nav, nav {
				background: rgba(255,255,255,1);
				box-shadow: none !important;
				position: relative;
				width: 100%;
				height: auto;
			}

				nav ul {
					margin: 0px 0 0 0;
					padding: 10px 20px 0 20px;
				}

						nav ul li a {
							padding: 0 0.5em 0 0em;
							font-size: 0.9em;
						}


	.page-id-721 #logo, #logo {
				position: static;
				width: auto;
				height: auto;
				margin: 0px 0 0 20px;
				overflow: hidden;
			}

			body.scrolled #logo {
				width: auto;
				height: auto;
				margin: 0px 0 0 20px;
			}

	.page-id-721 #logo img, #logo img {
				width: 60px;
				height: auto;
				margin-bottom: 10px;
				float: left;
				display: inline-block;
			}

	.page-id-721 #claim, #claim {
				color: rgba(0,0,0,1);
				border-top: 1px solid rgba(0,0,0,0.4);
				border-bottom: 1px solid rgba(0,0,0,0.4);
				text-transform: uppercase;
				font-size: 0.7em;
				margin: 0 15px 0 10px;
				padding: 0.5em 0;
				line-height: 0.9em;
				transition: none;
				float: left;
				display: inline-block;
			}

	.page-id-721 #logo span, #logo span {
				font-size: 0.7em;
				line-height: 0.9em;
				width: 50px;
				padding: 0.5em 0;
				margin: 0;
				display: inline-block;
			}

			
			/* @voneff change */
			
			#claim,
			#logo span {
				opacity: 1;
			}
			
			body.scrolled #claim,
			body.scrolled #logo span {
				opacity: 1;
			}
		}
	
	.menu-item-37 {display:none;}
	
/*-----------------------------------------------------------------------------------*/
/* Elementor Custom Styles
/*-----------------------------------------------------------------------------------*/
	
/* Adding an ellipsis after the post excerpt in the Elementor Pro Post List Widget */
/* @link https://snifflevalve.com/elementor-tutorials/elementor-pro-posts-widget-add-ellipses-to-end-of-excerpt/ */

.elementor-post__excerpt p:after {
    content: "\00a0…";
}	
	
.elementor-post__excerpt p {
	font-family: 'Austin Text Web'!important; 
}

.elementor-posts .elementor-post__read-more {
    font-family: 'TT Norms W01 Bold';
	font-weight:  normal;
	font-style:   normal;
	font-stretch: normal;
}
/*.elementor-slideshow__header,
.elementor-slideshow__footer {
	display: none!important;
}*/

.elementor-slideshow__footer {
    background: none;
    font-size: 1.1em;
padding: 0!important;
}

.elementor-slideshow__title {
	display: none;
}


.elementor-slideshow__description {
	background: none;
	font-size: 1.2em!important;
	width: auto;
	display: inline-block;
	padding: 10px 10px 4rem 10px; 

}

.elementor-slideshow__title {
	background: none;
}


/*-----------------------------------------------------------------------------------*/
/* Overriding parent theme styles
/*-----------------------------------------------------------------------------------*/
	
/* Changing top padding in post archive */
body.category article:first-child {
	padding: 0 0 2em 0; /* change from padding-top: 2em */
}	

body.home #main {
	position: relative;
	z-index: 0;
	padding-top: 80px;
}

/*-----------------------------------------------------------------------------------*/
/* Custom styles
/*-----------------------------------------------------------------------------------*/

.bebe-text-extended-padding {
	padding-left: 4rem;
	padding-right: 4rem;
}

.bebe-team-page .elementor-widget:not(:last-child) {
    margin-bottom: 0;
}
.bebe-team-page .elementor-widget-heading .elementor-heading-title {
	line-height: 1.3em;
}

.bebe-team-page p {
	margin-bottom: 0;
}

.bebe-team-page a {
    transition: all 0.3s;
    color: rgba(255,255,255,0.5);
}

.bebe-team-page a:hover, .bebe-team-page a:active {
    color: #fff;
}



/*-----------------------------------------------------------------------------------*/
/* Custom styles
/*-----------------------------------------------------------------------------------*/
.leaflet-map {
  height: 60vh !important;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: black!important;
    color: white!important;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}

.leaflet-popup-content-wrapper {
    padding: 10px!important;
    text-align: center!important;
    border-radius: 1px!important;
}

.leaflet-container {
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 15px!important;
    line-height: 1.5;
	font-family: 'TT Norms W01 Bold', Arial, Helvetica, sans-serif!important;
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.0!important;
}

.leaflet-container a {
    color: #fa8c00!important;
}


/*-----------------------------------------------------------------------------------*/
/* Mobile and Tablet Override from parent theme
/*-----------------------------------------------------------------------------------*/

@media only screen and (max-width: 780px) {

		.swiper-container {
		  width: 100%;
		  height: 230px;
		  position: relative !important;
		}


		header {
			position: relative;
			background: rgba(255,255,255,1);
			box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
			padding-top: 20px;
		}

			nav {
				background: rgba(255,255,255,1);
				box-shadow: none !important;
				position: relative;
				width: 100%;
				height: auto;
			}

				nav ul {
					margin: 0px 0 0 0;
					padding: 10px 20px 0 20px;
				}

						nav ul li a {
							padding: 0 0.5em 0 0em;
							font-size: 0.9em;
						}


			#logo {
				position: static;
				width: auto;
				height: auto;
				margin: 0px 0 0 20px;
				overflow: hidden;
			}

			body.scrolled #logo {
				width: auto;
				height: auto;
				margin: 0px 0 0 20px;
			}

			#logo img {
				width: 60px;
				height: auto;
				margin-bottom: 10px;
				float: left;
				display: inline-block;
			}

			#claim {
				color: rgba(0,0,0,1);
				border-top: 1px solid rgba(0,0,0,0.4);
				border-bottom: 1px solid rgba(0,0,0,0.4);
				text-transform: uppercase;
				font-size: 0.7em;
				margin: 0 15px 0 10px;
				padding: 0.5em 0;
				line-height: 0.9em;
				transition: none;
				float: left;
				display: inline-block;
			}

			#logo span {
				font-size: 0.7em;
				line-height: 0.9em;
				width: 50px;
				padding: 0.5em 0;
				margin: 0;
				display: inline-block;
			}

			body.scrolled #claim,
			body.scrolled #logo span {
				opacity: 1;
			}



		#teaser {
			font-family: 'TT Norms W01 Bold';
			font-size: 1em;
			width: auto;
			padding: 20px 20px;
			position: static;
			background: #000;
			color: #fff;
		}

		#main {
			padding-top: 0px;
		}

		body.home #main {
			padding-top: 0px;
		}


		body.page-id-5 #main2 {
			background: #000;
		}

			#projects {
				position: static;
				overflow: visible;
			}

			#projects_teaser:before {
				content: '';
				display: block;		
				width: 10px;
				height: 10px;
				border-bottom: 7px solid #000;
				border-right: 7px solid #000;
				transform: rotate(45deg);
				margin: 0 0 20px 5px;
			}


			#projects_teaser {
				font-size: 1em;
				width: auto;
				padding: 20px;
			}

			#projects_teaser2 {
				font-size: 1em;
				width: auto;
				padding: 50px 20px 50px 20px;
			}

			#projects article {
				display: inline-block;
				position: relative;
				background: rgba(0,0,0,1);
				cursor: pointer;
				padding: 0;
				margin: 0 0 20px 0;
				font-size: 0;
				clear: both;
				float: none;
			}

			#projects article:nth-child(odd) {
				float: none;
			}


				#projects article h2 {
					width: 90%;
					height: 90%;
					position: absolute;
				}

				#projects article img {
					max-width: 100%;
					height: auto;
					margin: 0;
				}

				#projects article:hover img {
					opacity: 0.2;
				} 

					#project_popup_bg {
						background: rgba(255,255,255,0.8);
						width: 100%;
						height: 100vh;
						position: absolute;
						z-index: 10000;
						top: 0;
						left: 0;
						overflow-y: scroll;
						display: none;
					}

					#project_popup {
						width: auto;
						position: relative;
						margin: 0px;
						padding: 50px 20px 0 20px;
						font-size: 1em;
					}

					#project_popup h2,
					#project_popup p {
						padding: 0 0px 0 0;
					}

					#project_popup img {
						width: 100%;
						height: auto;
					}

					#project_popup #close {
						right: 20px;
						font-size: 60px;
					}







			#clients_teaser {
				font-size: 2em;
				width: auto;
				margin: 50px auto 100px auto;
				padding: 20px;
			}

				#clients_teaser h2 {
					font-size: 16px;
					font-family: 'TT Norms W01 Bold';
					line-height: 0.8em;
				}




			footer {
				width: 100%;
				background: #000;
				font-size: 0.8em;
			}

			footer a {
				color: rgba(255,255,255,0.5);
			}

			footer a:hover {
				color: rgba(255,255,255,1);
			}

				footer div {
					width: auto;
					margin: 0px auto;
					padding: 20px;
				}

					footer div span {
						width: 100%;
						padding: 0 0 20px 0;
					}		


		/* PAGE ===================================================================== */

		body.page article {
			padding: 20px 20px 0 20px;
			font-size: 1em;
		}
		
		
		/* CATEGORY ===================================================================== */


		body.category article {
			padding: 20px 20px 0 20px;
			font-size: 1em;
		}
		
		body.category article:first-child {
			padding: 20px 20px 0 20px;
		}
	

		/* TEAM ===================================================================== */

		p.bu {
			padding: 10px 20px 40px 20px;
		}

		body.page-id-5 article {
			padding: 1em 20px 0em 20px;
			font-size: 1em;
		}

		body.page-id-5 article ul li {
			margin: 0 0 5em 0px;
		}

			body.page-id-5 article ul li:after {
				content: "";
				display: block;
				width: 200px;
				height: 50px;
				border-bottom: 1px solid #fff;
				overflow: hidden;
				clear: both;
			}

		body.page-id-5 article ul li img {
			width: 150px;
			height: auto;
			float: none;
			margin: 0 20px 0 0px;
			position: static;
		}



		/* GALERIE ===================================================================== */


		body.page-id-9 article h3 {
			margin: 0px 0px 0 0;
			float: none;
			width: auto;
		}

		body.page-id-9 article img {
			width: 150px;
			height: auto;
			margin: 0px 0px 20px 0;
			float: none;
		}

		body.page-id-9 article dl img {
			width: 100%;
			margin: 20px 0 0 0;
		}

		body.page-id-9 dd.wp-caption-text {
			font-size: 0.8em !important;
			line-height: 1.2em;
		}

}