/*
Theme Name: Divi_child
Description: Ein Childtheme für Divi
Author: Longworth Media GmbH & Co. KG
Author URI: http://www.longworth.de
Template: Divi
Version: 1.0
Tags: Divi_child
*/

/*Divi Blurb Module hover effects by yatesdesign.com.au*/
.blurb-hover .et_pb_column:hover {
background: #c3a29f;


}
 
.blurb-hover .et_pb_blurb p {
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;

}
 
.blurb-hover .et_pb_column:hover p {
 color: #000;
	font-size:18px;
	padding:10px;


 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 zoom: 1;
 filter: alpha(opacity=1);
 opacity: 1;
}
 
.blurb-hover .et_pb_column:hover h4 {
 color: #fff;
	font-weight:bold;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}
 
.blurb-hover .et_pb_blurb h4 {
 -webkit-transition: -webkit-transform .35s;
 transition: transform .35s;
 -webkit-transform: translate3d(0,20px,0);
 transform: translate3d(0,20px,0);
}
 
.blurb-hover .et_pb_column:hover .et-pb-icon {
 background-color: transparent !important;
 color: #620a02!important;
 border-color: #620a02!important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}
 
.blurb-hover .et_pb_blurb .et-pb-icon {
 background: transparent !important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,10px,0);
 transform: translate3d(0,10px,0);
}
 
.blurb-hover .et_pb_column {
 position: relative;

}
 
.blurb-hover .et_pb_button {
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
___________________________________________________________

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
	
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
	
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 40%;
 background: #620a02; 
 height: 3px; 
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

____________________________________________________________

.hover-bio-wrapper {
 position: relative;
 color: rgba(0,0,0,0);
 width: 100%;
	 h2 :white;
}
 
figure.hover-bio img{
 display: block;
}
 
figure.hover-bio {
 position: relative;
 overflow: hidden;
 margin: 0;
 padding: 0;
 display: inline-block;
 line-height: 0;

}
 
figure.hover-bio::before, figure.hover-bio::after{
 position: absolute;
 background: black;
 opacity: 0.3;
 content: '';
 height: 100%;
 width: 100%;
 display: block;
 top: 0;
 left: 0;
 -moz-transform: translate3d(0, -100%, 0);
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 -moz-transition: all 0.8s;
 -webkit-transition: all 0.8s;
 transition: all 0.8s;
}
 
figure.hover-bio figcaption{
 position: absolute;
 background: #fff;
 display: block;
 line-height: 1.7em;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-align: left;
 padding: 10px;
 z-index: 100;
 width: 100%;
 max-height: 100%;
 overflow: hidden;
 top: 50%;
 left: 0;
 -moz-transform: translate3d(-100%, -50%, 0);
 -webkit-transform: translate3d(-100%, -50%, 0);
 transform: translate3d(-100%, -50%, 0);
 opacity: 0;
 -moz-transition: all 0.8s;
 -webkit-transition: all 0.8s;
 transition: all 0.8s;
}
 
figure.hover-bio img{
 -moz-transform: translate3d(0, 0, 0);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 -moz-transition: all 0.8s;
 -webkit-transition: all 0.8s;
 transition: all 0.8s;
}
 
figure.hover-bio figcaption{
 top: 100%;
 opacity: 1;
 -moz-transform: translate3d(0, 0, 0);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 
figure.hover-bio:hover img {
 opacity: .5;
}
 
figure.hover-bio:hover figcaption{
	 
 background-color: #620a02;
	h2 :white;
 color: #fff;
 opacity: .9;
 -moz-transform: translate3d(0, -100%, 0);
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 -moz-transition: all 0.8s;
 -webkit-transition: all 0.8s;
 transition: all 0.8s;
 box-shadow: 0px -2px 28px rgba(255,255,255, 0.3);
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-Bold.woff');
	src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-BoldCond.woff');
	src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-BoldCondIt.woff');
	src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-BoldIt.woff');
	src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-Cond.woff');
	src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-CondIt.woff');
	src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-It.woff');
	src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-Regular.woff');
	src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-Semibold.woff');
	src: url('https://ergotherapie-binder.net/wp-content/themes/Divi_child/fonts02/MyriadPro-SemiboldIt.woff');
}

body { 
  font-family: MyriadPro-Regular, sans-serif!important;
	font-style: normal;
}