/* LayersWP Tolle theme : Banners Maker plugin */

.k-banner-wrapper { position: relative; overflow: hidden; line-height: 0; }
.k-banner-meta-wrap { position: absolute; left: 0; bottom: 0; display: inline; padding: 20px; margin-bottom: -5px; }
.k-banner-meta-wrap .k-banner-title { margin: 0; padding: 0; display: block; opacity: 0.8; }
.k-banner-meta-wrap .tagline-large { font-size: 3.4rem; line-height: 3.6rem; font-weight: 900; }
.k-banner-meta-wrap .tagline-medium { font-size: 1.8rem; line-height: 2rem; font-weight: 400; margin-bottom: 5px; }
.k-banner-meta-wrap .tagline-small { font-size: 1.2rem; line-height: 1.4rem; font-weight: 400; margin-bottom: 1px; }
.k-banner-wrapper img, .k-banner-meta-wrap, .k-banner-meta-wrap .k-banner-title { -webkit-transition: 0.2s ease-in-out all; -moz-transition: 0.2s ease-in-out all; -o-transition: 0.2s ease-in-out all; transition: 0.2s ease-in-out all; }
.k-banner-wrapper a:hover img.rotate-zoom { -webkit-transform: scale3d(1.4,1.4,1) rotate( 10deg ); transform: scale3d(1.4,1.4,1) rotate( 10deg ); }
.k-banner-wrapper a:hover img.zoom { -webkit-transform: scale3d(1.4,1.4,1); transform: scale3d(1.4,1.4,1); }
.k-banner-wrapper.it-is-zoomed a img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); }
.k-banner-wrapper a:hover img.zoom-out { opacity: 0.8; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
.k-banner-wrapper a:hover .k-banner-title { opacity: 1; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
.k-banner-wrapper a:hover .k-banner-meta-wrap { box-shadow: 5px 5px 0 rgba( 0, 0, 0, 0.15 ); margin-bottom: 0; }

/* general layouts smaller than 480px, iPhone and older mobiles */
@media only screen and (max-width : 480px){

}

/*------------------------------------------------*/
/* portrait layouts smaller than 600px, most mobiles */
@media only screen and (max-width : 600px){

} 
 
/* Tablets between 601 and 1024px */ 
/*------------------------------------------------*/ 
@media only screen and (max-width: 768px) {
	.k-banner-meta-wrap .tagline-large { font-size: 2.4rem; line-height: 2.6rem; }
	.k-banner-meta-wrap .tagline-medium { font-size: 1.4rem; line-height: 1.6rem; }
	.k-banner-meta-wrap .tagline-small { font-size: 1rem; line-height: 1.2rem; }
}