/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com
 Description:    Divi Child Theme
 Author:         Lutz Weigold
 Author URI:     https://lutzweigold.de
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

.font_first-headline{
	font-family: 'Open Sans', sans-serif;
	font-weight: bolder !important;
	font-size: 2.75rem !important;
	line-height: 4.4rem!important;
	padding: 0px !important;
}

.font_second-headline{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal !important;
	font-size: 1.75rem !important;
	line-height: 2.8rem!important;
	padding: 0px !important;
}

.font_third-headline{
	font-family: 'Open Sans', sans-serif;
	font-weight: bolder !important;
	font-size: 1.25rem !important;
	line-height: 2rem!important;
	padding: 0px !important;
}

.font_body{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal !important;
	font-size: 1.25rem !important;
	line-height: 2rem!important;
	padding: 0px !important;
	
}

.font_anchor{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal !important;
	font-size: 1.25rem !important;
	line-height: 2rem!important;
}

.font_small{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal !important;
	font-size: 1rem !important;
	line-height: 1.6rem!important;
	padding: 0px !important;
}

.font_align-right{
	text-align: right !important;
}

.font_align-center{
	text-align: center !important;
}

/*Color*/
.font_white{
	color: white !important;
	text-shadow: 0px 0px 32px black;
}

.font_black{
	color: #1A1A1A !important;
}

.font_gray{
	color: #282828 !important;
}

.font_green{
	color: #00C66A !important;
	transition-duration: 0.25s;
	transition-timing-function: ease;
}

.font_green:hover{
	color: #00914E !important;
	transition-duration: 0.25s;
	transition-timing-function: ease;
}

a{
	text-decoration: none;
}

/*Margin*/
.margin_128{
	margin-bottom: 128px !important;
}

.margin_64{
	margin-bottom: 64px !important;
}

.margin_32{
	margin-bottom: 32px !important;
}

.margin_16{
	margin-bottom: 16px !important;
}

.margin_8{
	margin-bottom: 8px !important;
}

.margin_4{
	margin-bottom: 4px !important;
}

.padding_32{
	padding: 0px 32px !important;
}

.cta-colored{
	display: inline;
	padding: 16px 32px !important;
	background: rgb(0,179,124);
	background: -moz-linear-gradient(225deg, rgba(0,179,124,1) 0%, rgba(0,198,106,1) 100%);
	background: -webkit-linear-gradient(225deg, rgba(0,179,124,1) 0%, rgba(0,198,106,1) 100%);
	background: linear-gradient(225deg, rgba(0,179,124,1) 0%, rgba(0,198,106,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b37c",endColorstr="#00c66a",GradientType=1);
	-webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.5);
	border-radius: 32px;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

.cta-colored:hover{
	-webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 32px 0px rgba(0,0,0,1);
	transition-duration: 0.5s;
	transition-timing-function: ease;
}


/*Navigation*/
.mobile_menu_bar:before{
	color: #00C66A !important;
}

.et_mobile_menu{
	border-top: 3px solid #00C66A !important;
}


/*Three Columns Opener*/
.info-outer{
	text-align: center;
}

.seemore{
	display: inline;
	padding-bottom: 8px !important;
	border-bottom: 2px solid #00C66A;
	transition-duration: 0.25s;
	transition-timing-function: ease;
}

.info-columns:hover .seemore{
	color: #00C66A !important;
	transition-duration: 0.25s;
	transition-timing-function: ease;
}

.info-columns{
	text-align: center !important;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	border-radius: 16px;
}

.info-columns:hover{
	background-color: white;
	-webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.08);
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

.info-img{
	height: 64px;
	background-repeat: no-repeat;
	background-position: center;
}

#img-vision{
	background-size: 64px;
	background-image: url(https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/vision-normal.png);
}

.info-columns:hover #img-vision{
	background-image: url(https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/vision-colored.png);
	transition-duration: 0.25s;
	transition-timing-function: ease;
}

#img-verein{
	background-size: 64px;
	background-image: url(https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/verein-normal.png);
}

.info-columns:hover #img-verein{
	background-image: url(https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/verein-collored.png);
	transition-duration: 0.25s;
	transition-timing-function: ease;
}

#img-tiere{
	background-size: 64px;
	background-image: url(https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/cat-normal.png);
}

.info-columns:hover #img-tiere{
	background-image: url(https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/cat-colored.png);
	transition-duration: 0.25s;
	transition-timing-function: ease;
}


/*Kontakt*/

.et_pb_contact p input[type=checkbox]:checked+label i:before{
	color: #00C66A !important;
}

.et_pb_contact_form_0.et_pb_contact_form_container .input{
	color: #282828 !important;
}

.et_pb_contact_field_options_title{
	display: none !important;
}

.et_pb_contact_form_0 .input, .et_pb_contact_form_0 .input[type="checkbox"]+label i, .et_pb_contact_form_0 .input[type="radio"]+label i{
	-webkit-box-shadow: 0px 8px 32px -8px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 8px 32px -8px rgba(0,0,0,0.08);
	box-shadow: 0px 8px 32px -8px rgba(0,0,0,0.08);
	border-radius: 8px;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

.et_pb_contact_form_0 .input:hover, .et_pb_contact_form_0 .input[type="checkbox"]+label i, .et_pb_contact_form_0 .input[type="radio"]+label i{
	-webkit-box-shadow: 0px 8px 32px -8px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 8px 32px -8px rgba(0,0,0,0.16);
	box-shadow: 0px 8px 32px -8px rgba(0,0,0,0.16);
	transition-duration: 0.5s;
	transition-timing-function: ease;
}





/*Unsere Tiere*/

.tier-img{
	margin-bottom: 0px !important;
}

.tiername{
	margin-top: -50px;
	margin-bottom: 48px;
	text-shadow: 0px 0px 16px black;
}

.getpate{
	color: #00C66A !important;
}


.tiere-columns{
	transition-duration: 0.5s;
	transition-timing-function: ease;
	border: 2px solid #F7F7F7;
}

.tiere-columns:hover{
	transition-duration: 0.5s;
	transition-timing-function: ease;
	-webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.08);
}


/*Unser Verein*/
#verein-img{
	background-image: url("https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/hpis_165909818.jpg");
}

#ziel-img{
	background-image: url("https://da-sein-fuer-tiere.com/wp-content/uploads/2018/07/ziele-img.jpg");
}

/*Mitglied werden*/
.img-container{
	height: 600px;
	background-position: center; 
	background-size: cover;
	background-image: url("https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/roman-bozhko-251398-unsplash.jpg");
	-webkit-box-shadow: 0px 32px 64px -32px rgba(0,0,0,1);
	-moz-box-shadow: 0px 32px 64px -32px rgba(0,0,0,1);
	box-shadow: 0px 32px 64px -32px rgba(0,0,0,1);
}

#mitglied-img{
	background-image: url("https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/DSC9001.jpg");
}

#pate-img{
	background-image: url("https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/DSC8953.jpg");
}

#spenden-img{
	background-image: url("https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/DSC9191.jpg");
}

#aktivereinsatz-img{
	background-image: url("https://da-sein-fuer-tiere.com/wp-content/uploads/2018/05/DSC9070.jpg");
}

.displayflex{
	display: flex;
	align-items: center;
}

.formdown:hover{
	color: #00C66A !important;
}

/*Blog*/

a.more-link {
	color: #CCCCCC !important;
	transition-duration: 0.25s;
	transition-timing-function: ease;
}

.et_pb_blog_0 .et_pb_post .post-content{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal !important;
	font-size: 1.25rem !important;
	line-height: 2rem!important;
	color: #282828 !important;
	margin-bottom: 32px;
	padding: 0px !important;
}

.et_pb_blog_0 .et_pb_post .post-content p{
	margin-bottom: 32px;
}

.et_pb_blog_0 .et_pb_post{
	z-index: 2;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	margin-bottom: 32px !important;
	border-radius: 32px;
	border: 0px;
}

.et_pb_blog_0 .et_pb_post .entry-title{
	font-family: 'Open Sans', sans-serif;
	font-weight: bolder !important;
	font-size: 1.25rem !important;
	line-height: 2rem!important;
	color: #282828 !important;
	padding: 0px !important;
	margin: 0px !important;
	margin-bottom: 8px !important;
}

.post-content{
	margin: 0px;
}

.post-meta{
	margin-bottom: 32px !important;
}

.et_pb_post:hover{
	z-index: 10;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.025) 0px 0px 30px 0px, rgba(0, 0, 0, 0.05) 0px 60px 50px 0px, rgba(0, 0, 0, 0.025) 0px 30px 30px 0px, rgba(0, 0, 0, 0.025) 0px 15px 15px 0px, rgba(0, 0, 0, 0.025) 0px 5px 5px 0px !important;
	transition-duration: 0.25s;
	transition-timing-function: ease;
	
}

.et_pb_post:hover a.more-link{
	color: #00C378 !important;
	text-decoration: underline;
	transition-duration: 0.25s;
	transition-timing-function: ease;
}


/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.displayflex{
		flex-wrap: wrap;
	}
	
	.img-container{
		height: 240px;
	}
	
	
	.font_first-headline{
		font-size: 2rem !important;
		line-height: 3.2rem!important;
	}

	.font_second-headline{
		font-size: 1.25rem !important;
		line-height: 2rem!important;
	}

	.font_third-headline{
		font-size: 1rem !important;
		line-height: 1.6rem!important;
	}

	.font_body{
		font-size: 1rem !important;
		line-height: 1.6rem!important;
	}

	.font_anchor{
		font-size: 1rem !important;
		line-height: 1.6rem!important;
	}

	.font_small{
		font-size: 0.75rem !important;
		line-height: 1.2rem!important;
	}
	
	
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}