/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* text teasers */

.text-teaser {
	width:33.3333%;
	min-width:320px;
	display:inline-block;
	padding:45px 10px;
	box-sizing:border-box;
	position:relative;
}

@media screen and (max-width:640px) {
	.text-teaser  {
		padding:10px 10px 15px;;
	}
}

.text-teaser h4 {
	color:#316690;
	font-weight:bold;
	font-size:150%;
}

.text-teaser h5 {
	color:#316690;
	font-size:100%;	
}

.text-teaser a.main-link {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-indent:-9999px;
}

.text-teaser a.main-link:hover,
.text-teaser a.main-link:focus,
.text-teaser a.main-link:active {
	background:rgba(220,220,220,.2);
}

.text-teaser .edit-link {
	position:absolute;
	top:bottom;
	right:0;
	background:#316690;
	color:white;
	padding:5px 10px;
	display:inline-block;
	font-size:85%;
}

.text-teaser .edit-link:hover,
.text-teaser .edit-link:focus,
.text-teaser .edit-link:active {
	color:#f0f0f0;
}

/* image teasers */

.image-teasers-list {
	line-height:0;
	background:rgba(27,94,0,.45);
}

.image-teasers-list.brown {
	background:rgba(53,33,2,.45);
}

.image-teaser:before {
	float:left;
	content:" ";
	display:block;
	padding-bottom:73.3%;
}

.image-teaser {
	position:relative;
	width:33.3333333333333%;
	min-width:320px;
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	line-height:0.9em;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.image-teaser:after{
	clear:both;
	content:" ";
	display:block;
	height:0;
	overflow:hidden;
}

@media screen and (max-width:640px) {
	.image-teaser  {
		
	}
}

.image-teaser-title-box {
	position:absolute;
	bottom:0;
	width:100%;
	background:rgba(27,94,0,.45);
}

.image-teasers-list.brown  .image-teaser-title-box {
	background:rgba(53,33,2,.45);
}

.image-teaser h4 {
	color:white;
	font-weight:bold;
	font-size:145%;
	padding:10px 10px 0;
}

.image-teaser h5 {
	color:white;
	font-size:95%;	
	padding:0 10px 10px;
}

.image-teaser a.main-link {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-indent:-9999px;
}

.image-teaser a.main-link:hover,
.image-teaser a.main-link:focus,
.image-teaser a.main-link:active {
	background:rgba(241,241,241,.1);
}

.image-teaser .edit-link {
	position:absolute;
	bottom:0;
	right:0;
	background:#316690;
	color:white;
	padding:5px 10px;
	display:inline-block;
	font-size:85%;
}

.image-teaser .edit-link:hover,
.image-teaser .edit-link:focus,
.image-teaser .edit-link:active {
	color:#f0f0f0;
}