/*
Theme Name: FENIXMEDIA
Author: NAPPOnet
Version: 0.1
Author URI: https://www.nappo.net/
*/
html{ background: var(--LIGHT); }
body{ overflow-x: hidden; }

.navbar.bg-primary .btn-primary{ background: var(--WHITE) !important; border-color: var(--WHITE) !important; color: var(--BASEALT) !important; }
.navbar.bg-transparent .navbar-brand{ visibility:hidden; }
.navbar.bg-primary .navbar-brand{ visibility: visible; }

footer .container::after{
	width:180px; height:44px; margin-top:28px; position:absolute; background:var(--BASEALT);
	content:"";
	left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}
.tobotton{ text-shadow: 1px 1px 7px #000; z-index:101; position:absolute; margin-top:-80px; }
.bannerVideo{ height:100%; position:absolute; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; align-content: stretch; top: 50%; left: 50%; right: 50%; transform: translate(-50%, -50%); }

.one { width: 100%; height: 248px; overflow: hidden; position: relative; }
.video-background { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.video-caption{ position:absolute; width:100%; height:248px; left:0; top:0; align-items: center; justify-content: center; flex-direction: column; z-index:3; }
.video-image{ filter: brightness(0.5); z-index:2; height:248px; width: 100%; height: 248px; position: absolute; left: 0; top: 0; z-index: 0; }
.video-background.hide, .video-image.hide, .video-caption.hide{ display:none !important; }

.one.big, .one.big .video-caption, .one.big .video-image{ height:480px; }
.bannerhome{ width: 100%; overflow: hidden; position: relative; z-index:100; } 
.bannerhome .video-background{ filter: brightness(0.5); }

.selectorVideo{ border-color:var(--DARK-50) !important;}
.selectorVideo.active{ border-color: var(--BASEALT) !important; background: var(--BASE-50); }

.one .video-caption h3, .one .video-caption div{ font-size:19px; }
.one .video-caption h3{ white-space: nowrap; overflow: hidden; width: 90%; text-overflow: ellipsis; text-align:center; }
.one .video-caption div{ white-space: nowrap; overflow: hidden; width: 90%; text-overflow: ellipsis; text-align:center; }

@media (min-width: 1280px) {
	.one, .video-caption, .video-image { height: 200px; }
}

@media (max-width: 768px) {	
	
	.imgpost{ width:100%; }
	
	.modal .iframe{ width:100%; height:200px; background:var(--BASE); }

	.pMenu{ min-width: 20%; }
	.bannerVideo{ width:100%; }
	.bannerVideo h3{ font-size:19px; line-height: 22px; }
	.logos{ width: 260px; padding: 10px 0; }
	.desktop{ display: none !important; }
	.mobile{ display: block !important; }
	.bannerhome{ max-height: 844px; }
	.one.videoincrustado{ width: 100%; height:220px; overflow: hidden; position: relative; margin-bottom:20px; margin: 0 auto 20px auto;  }
	.one.videoincrustado .video-image{ height:220px; }
	.one.videoincrustado .video-caption{ height:220px; }

	.one.big, .one.big .video-caption, .one.big .video-image{ height:180px; }
	.one.big .video-caption h3{ font-size: 16px; white-space: nowrap; overflow: hidden; width: 90%; text-overflow: ellipsis; text-align:center; }
	.one.big .video-caption div{ font-size: 12px; white-space: nowrap; overflow: hidden; width: 90%; text-overflow: ellipsis; text-align:center; }

	.title{ font-size: 1.2rem; }

	.nou{ filter: brightness(0.5); transform: scale(4, 4) !important; position:relative; z-index:0 !important; }

}
@media (min-width: 768px) {

	.modal .iframe{ width:100%; height:440px; background:var(--BASE); }

	.muestraVideo{ height:fit-content; }

	.pMenu{ min-width: 33%; }
	.bannerVideo{ width:680px; }
	.bannerVideo h3{ font-size:26px; line-height: 28px; }
	.desktop{ display: block !important; }
	.mobile{ display: none !important; }
	.bannerhome{ max-height: 1366px; }
	.one.videoincrustado{ width: 660px; height:380px; overflow: hidden; position: relative; margin-bottom:20px; margin: 0 auto 20px auto;  }
	.one.videoincrustado .video-image{ height:380px; }
	.one.videoincrustado .video-caption{ height:380px; }

	.nou{ filter: brightness(0.5); transform: scale(1.2, 1.2) !important; position:relative; z-index:0 !important; }

}