/*
 Style.css
 Theme Name:   Divi Child
 Theme URI:    https://demoksu.bcd.ch/wp-content/themes/Divi/
 Description:  Divi Child Theme
 Author:       TWI AG
 Author URI:   http://example.com
 Template:     Divi
 Version:      1.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Divi
 
 User Information: Following styles should serve the purpose of "fast changes" like font-sizes, colors and animations. These styles can be modified without causing major damage to the sites structure. - JessicaD
*/



/* Text Shadows */
.twiTeaser .et_pb_button_wrapper .et_pb_button, 
.et_pb_jt_filterable_grid_item_title_container,
.et_pb_module_header{
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/*.twiTeaser4s .et_pb_button_wrapper .et_pb_button p,*/
.twiTeaser4s .et_pb_button_wrapper .et_pb_button .et_pb_email a,
.twiTeaser4s .et_pb_button_wrapper .et_pb_button .et_pb_email a:link,
.et_portfolio_image:hover > .et_pb_jt_filterable_grid_item_title_container,
a:hover + h2{
	text-shadow: none;
}

.twiTeaser .et_pb_button_wrapper .et_pb_button:hover p{
	text-shadow: none;
}


/* Font Color White*/
.fullWidthText,
.fullWidthText h1,
.fullWidthText h2,
.twiProjectTabs .et_pb_tab_active,
.twiProjectTabs .et_pb_tab_active a,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_module_header{
	color: white!important;
}

/* ======= Divi Slider  ========== */
/**********************************/
@media only screen and (min-width: 1280px) {
	.et_pb_fullwidth_slider_0.et_pb_slider { border-right: #e3e9eb solid 96px !important; }
	.et_pb_slider .et_pb_slide { border-right: white solid 14px; }
}

.fullWidthText .header-text{
	animation-name: moving;
	animation-duration: 1.5s;
	animation-delay: 1.8s;
	animation-fill-mode: backwards;
	transition: ease-out;
}
.fullWidthText .header-text{
	margin-left : 60px;
	top: -200px;
	position: absolute;
}

.fullWidthText .subheader-text{
	animation-name: moving;
	animation-duration: 1.5s;
	animation-delay: 2.2s;
	animation-fill-mode: backwards;
}
.fullWidthText .subheader-text{
	margin-left : 60px;
	top: -150px;
	position: absolute;
}


.fullWidthText h1 {
	transition: 2s;
	font-size : 55px;
	line-height: 1.0em;
}
.fullWidthText h2 {
	font-size : 35px;
}

/* Standard syntax */
@keyframes moving {
     0%  {opacity: 0.0; margin-left : 200px;}
     60% {opacity: 0.8; margin-left :  60px;}
	 100% {opacity: 1.0; margin-left :  60px;}
}

@-webkit-keyframes moving {
	0%  {opacity: 0.0; margin-left : 200px;}
    60% {opacity: 0.8; margin-left :  60px;}
    100% {opacity: 1.0; margin-left :  60px;}
}







/*  ========= Superfly ========== */
/**********************************/
.sfm-logo {
	text-align : left;
}


#sfm-sidebar .sfm-menu li > a span {
	white-space: nowrap;
	letter-spacing:2px;
}



/* =============  teaser ================== */


/*Text of the Call to Action Module */
.twiTeaser .et_pb_button_wrapper .et_pb_button {
 	padding-top : 76%!important; /**/
	text-align: left;
}

/* Mit Animation */
.twiTeaser .et_pb_button_wrapper .et_pb_button:hover {
	transition: 0.4s;
	padding-top: 42% !important; /*With this % Padding Bottom is 60px - Desktop*/
}



 /****** TWI Teaser 4s - 4 Columns *****/
/**************************************/
.twiTeaser4s .et_pb_button_wrapper .et_pb_button p,
.twiTeaser4s .et_pb_button_wrapper .et_pb_button .et_pb_email a,
.twiTeaser4s .et_pb_button_wrapper .et_pb_button .et_pb_email a:link{
	font-size: 30px; 
	line-height: 1.2em;
}

.twiTeaser4s .et_pb_button_wrapper .et_pb_button .et_pb_telefon p,
.twiTeaser4s .et_pb_button_wrapper .et_pb_button .et_pb_email p a
{
	font-size: 20px !important;
}

.twiTeaser4s .et_pb_promo_description:hover{
	transition: 0.4s;
	background-color : #b8cb00;
}



	
/*Media Queries for: Tablet*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
	/* 4 Column Elm - Portraits */
	.twiTeaser4s .et_pb_button_wrapper .et_pb_button p
	{
		font-size: 28px !important; 
	}
}

/*Media Queries for: Smartphone*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 

	/* 4 Column Elm - Portraits */
	.twiTeaser4s .et_pb_button_wrapper .et_pb_button p
	{
		font-size: 26px !important; 
	}
	.twiTeaser4s .et_pb_button_wrapper .et_pb_button .et_pb_telefon p,
	.twiTeaser4s .et_pb_button_wrapper .et_pb_button .et_pb_email p a
	{
		font-size: 18px !important;
		line-height: 1.4em;
	}
	/* Home: Mosaik Bild (3 Bilder mit fetten Border Links)*/
	.twi_mosaic_Img,
	.twi_mosaic_Img span{
		border: 0px !important;
	}
	/* Divi Slider */
	.et_pb_fullwidth_slider_0.et_pb_slider { border-right: 0px !important; }

}




/*
Custom CSS TWI AG
---------------------------------------------------------------- */

/* ==== Table in Projecttabs ==== */

.twiDatatable {
	display: block;
	border: 0!important;
	margin-bottom: 32px !important;
}

.twiDatatable td {

   /* display : inline-block  ;   for mobile  */
}

.twiDatatable_Title{
	font-weight: 700 !important;
	font-size: 23px;
	padding-bottom: 0px !important;
}

.twiDatatable tr td { 
	font-weight : 500;
	vertical-align: top;
	border: 0;
	padding-left: 0;
	line-height: 22px !important;
}

.twiDatatable tr td:first-child { 
	white-space: nowrap;
	font-weight: 700;
	width: 250px !important;
}


/* end of Table */

/* ==== Tabs-Settings for Projects ==== */



.twiProjectTabs .et_pb_tabs_controls li {
	line-height :50px;	
}

.twiProjectTabs .et_pb_tab {
	font-weight:500!important;
}

/* Change from White to green on click of the tab - Transition Effect */
.twiProjectTabs .et_pb_tabs_controls .et_pb_tab_active{
	transition: background-color 0.3s ease-in;
}
.twiProjectTabs .et_pb_tab_active {
	background-color : #b8cb00!important;
	min-width: 50% !important;
}



.twiProjectTabs a {
	font-size : 20px!important;
	font-weight:500!important;
}

.twi_tab_InBodyTitle{
	padding-bottom: 30px !important; 
	font-size: 23px !important; 
	font-weight: 700 !important;
}


/* --- end of Project Tabs --- */


/*
Custom CSS TWI AG: Jessica - Test --> Portfolio Items for References
---------------------------------------------------------------- */


/*Grid Item Title Container:*/
.et_portfolio_image:hover > .et_pb_jt_filterable_grid_item_title_container{
		opacity: 1;
}
.et_portfolio_image:hover > .et_pb_jt_filterable_grid_item_title_container{
		transition: 0.4s;
		padding-top: 54%;
}

.twi_referenzen_title{
	height: 75px !important;
}


/*******References Modul***********/

.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    font-size: 20px;
    line-height: 1em;
    letter-spacing: 1px;
    font-weight: 500;
	text-align: center;
}


.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
	color: #3f6b81;
	background-color: #e3e9eb; 
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active{
	background-color: #b8cb00;
}


.et_pb_jt_filterable_grid_item .et_overlay{
	background: linear-gradient(to bottom, transparent 80%, rgba(0,0,0,0.5) 100%) !important;
	opacity: 1 !important; 
}
.et_portfolio_image:hover > .et_overlay{
	background: #b8cb00 !important;
    border-color: #b8cb00;
}

.twiReference_Item h4{
	 line-height: 1.3em;
}

/*****Filterable Portfolio Items*****/

.et_overlay:before{
	content: "";
}

.et_pb_module_header{
	pointer-events: none;
}

a:hover + h2{
	transition: 0.4s;
	top: 45%;
	}



/* MAP Styles */

.et_pb_map{
	position: absolute !important;
	height: 100% !important;
}




/* FOOTER */
 #footer_year{
	 margin-right: 20px;
 }
 
 #footer_company,
 #footer_link1,
 #footer_link2,
 #footer_link3{
	 margin-right: 38px;
 }

 #footer_company,
 #footer_link1 a,
 #footer_link2 a,
 #footer_link3 a,
 #footer_year{
	 font-weight: 300;
	 font-size: 22px;
 }





/* Slider Test for Mobile*/

/*Media Queries for: Smartphone*/
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
	.et_pb_fullwidth_code .et_pb_module{
		transform: translate(0px, 220px) !important;
		position: unset !important;
	}
	.fullWidthText h1{
		font-size: 25px !important;
		text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
	.fullWidthText{
		top: -50px !important;
		margin-top: -150px;
	}
	.et_pb_slider .et_pb_slide{
		height: 100% !important;
	}
	.et_pb_slides{
		height: 250px;
	}
	.et_pb_section .et_pb_section_0 .et_pb_fullwidth_section .et_section_regular{
		height: 250px !important;
	}
}*/

/* R E F E R E N Z E N */


.entry-content tr td {
    padding-bottom: 4px !important;
	padding-top: 0px !important;
}