/*
Theme Name: Nuevas Perspectivas Custom Theme
Template: Impreza
Version: 1.0
Author:	Satelier Diego
Theme URI: http://impreza.us-themes.com/
Author URI: https://satelier.com.ar/
*/

/* COUNTDOWN*/
.countown-wrapper { position: absolute; bottom: 0; left:0; right: 0; z-index: 99 }

/* shadow */
.l-subheader.at_middle, .l-subheader.at_middle .w-dropdown-list, .l-subheader.at_middle .type_mobile .w-nav-list.level_1 {
    box-shadow: 0 5px 28px 0 rgba(0,0,0,.1);
}

/* CONTENT */

/* fix separadores/divisores custom que no se porqué no se muestran a 100% */
.l-section-shape.type_custom img { width: 100% }

/* titles */
/* estilos de titulos para eliminar elementos "encabezados personalizados" */
.title-main {
	font-size: 3rem;
	line-height: 3.2rem;
    margin-bottom: 0px;
}
.title-alt {
	font-size: 2rem;
	color: var(--color-secondary);
	font-weight: 400;
	margin-bottom: 0
}

/* hero scene */
.hero-scene {
	height: 55vh;
}

/* GRID MENU ITEMS */
.grid-menu-item {  }
.grid-menu-item:hover .w-ibanner-image { 
	opacity: 1!important;
	transform: translateY(0)!important;
}
.grid-menu-item:hover p,
.grid-menu-item:hover .w-ibanner-h .w-ibanner-content .w-ibanner-content-h .w-ibanner-title { 
	color: white!important
}
.grid-menu-item.item-one:hover .w-ibanner-image { background-image: url(https://nuevasperspectivas.net/wp-content/uploads/2020/12/5.jpg)!important }

/* highlight boxes */
.highlight-boxes { 
	justify-content: space-between;
	/* fix weird spacing in mobile because this is not meant to be used like this */
	margin: 0 -.5rem !important;
}
.highlight-boxes .wpb_column { width: 49%; }

.highlight-boxes .vc_column-inner { 
	box-shadow: 0 5px 20px 0 rgb(0 0 0 / 40%);
	border-radius: 20px; 
	background: #91A0A2; 
	color: #ffffff; 
	font-size: 22px; 
	padding: 30px 30px 60px 36px; 
	position: relative 
}
.highlight-boxes .vc_column-inner .wpb_wrapper { max-width: 90% }
.highlight-boxes .vc_column_container:nth-child(2) .vc_column-inner:nth-child(1) { background: #182021 }
.highlight-boxes .vc_column_container { position: relative }
.highlight-boxes .vc_column_container::after {
	content: '\f178';
	font-family: "fontawesome";
	position: absolute;
	height: 25px;
    width: 40px;
	bottom: 26px;
	right: 65px;
	font-size: 46px;
    color: #ffffff;
    font-weight: 300;
}
@media (min-width: 500px) {
	.highlight-boxes .vc_column-inner {
	    padding: 30px 130px 30px 36px;
	}
}

/*  MODULE COURSES GRID */
.module-courses-grid {}
.module-courses-grid .module-courses-grid-item { 
	align-items: center;
	margin-top: 24px;
	margin-bottom: 24px;
}
.module-courses-grid .module-courses-grid-item .w-image { margin: 0 }
.module-courses-grid .module-courses-grid-item .wpb_text_column { margin-bottom: 10px }
.module-courses-grid .module-courses-grid-item h1 {
	padding-top: 24px;
	font-size: 26px;
    line-height: 1.7rem;
}

/* NEXTGEN GALLERY */
/* fix image size */
.ngg-galleryoverview.ngg-slideshow .ngg-gallery-slideshow-image img {
    max-width: 100%!important;
    max-height: 100% !important;
}
/* que no se vea el trabajo de abajo al abrir modal */
/* .sl-overlay { opacity: 1!important } */
/* added caption */
.ngg-galleryoverview .added-caption, .ngg-galleryoverview .added-caption h1, .ngg-galleryoverview .added-caption a  {
	margin-top: 10px;
	padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
	font: 1rem/1.4em 'Roboto',sans-serif;
	transform: translate(0, -10px);
	text-align: left
}
.ngg-galleryoverview .added-caption h1 { 
	font-size: 1.5rem!important;
	margin: 5px 0!important
}
/* lightbox caption */
.sl-caption.pos-bottom, .sl-caption.pos-bottom h1, .sl-caption.pos-bottom a {
	color: #fff!important;
}
.sl-caption.pos-bottom a { font-weight: bold }
.sl-caption.pos-bottom h1 {
	font-size: 1.5rem!important;
	margin: 5px 0!important
}
/* modal close spacing */
.sl-wrapper .sl-close { top: 50px!important }
/* link in description */
.ngg-slideshow .ngg-gallery-slideshow-image .added-caption a { color: white; text-decoration: underline }

/* TABS */
/* content */
.w-tabs-sections .w-tabs-section-content h3 {
	font-size: 1.5rem;
	font-weight: 400;
	color: var(--color-secondary);
}

/* BANNER PROMO */
.banner-promo a { font-size: 18px; color: white!important; }
.banner-promo a:hover { color: #00b3ee!important }
.banner-promo-dark a:hover { color: #986fe6!important }

/* BANNER ANIM */
@media (max-width: 500px) {
	.w-itext-part { white-space: pre-wrap!important }
}

/* EVENTOS */
/* horarios */
.event-data-highlight {
	padding: 30px 0;
	margin: 40px 0;
	border-top: 1px solid var(--color-secondary);
	border-bottom: 1px solid var(--color-secondary);
	display: flex;
	flex-wrap: wrap
}
.event-data-highlight .col { flex: 0 0 100%; }
.event-data-highlight .col:first-child { /* margin-bottom: 20px */ }
.event-data-highlight .col:nth-child(2) { text-align: center }

@media (min-width: 500px) {
	.event-data-highlight { flex-wrap: nowrap }
	.event-data-highlight .col {
		flex: 0 0 50%;
		max-width: 50%
	}
	.event-data-highlight .col:first-child { margin-bottom: 0 }
	.event-data-highlight .col:nth-child(2) { text-align: right }
}

.event-datetime {
	display: flex;
	flex-wrap: nowrap;
	font-size: 20px
}
.event-datetime p {
	margin-bottom: 0
}
.event-datetime i::before {
	font-size: 50px;
	padding-right: 20px;
	color: var(--color-secondary)
}

/* event item small */
.event-item-small { border-top: solid 2px var(--color-secondary) }
.event-item-small:last-of-type { padding-bottom: 40px; border-bottom: solid 2px var(--color-secondary) }
.event-item-text { margin-bottom: 48px }
.event-item-text h2 {
	font-size: 36px;
	line-height: 2.4rem;
}
/* event item big */
.event-item-big { border-top: solid 2px var(--color-secondary) }
.event-item-big:last-of-type { padding-bottom: 40px; border-bottom: solid 2px var(--color-secondary) }
.event-item-big { margin-bottom: 48px }
.event-item-big h2 {
	margin-bottom: 10px;
	font-size: 36px;
	line-height: 2.4rem;
}
.event-item-big h3 {
	color: var(--color-secondary);
	font-weight: 400;
	font-size: 24px;
	line-height: 1.7rem;
}


/* VOTACIONES */
/* fix vertical images */
.totalpoll-question-choices-item-content, .totalpoll-modal-open, .totalpoll-modal-open img { width: auto!important }
/* fix text background color */
.totalpoll-question-choices-item { background-color:#fafafa!important }
.totalpoll-question-choices-item-label { border-color: #fafafa!important }

.totalpoll-modal,
.totalpoll-is-visible{ display: none!important }

/* ocultar login para usuario logeado */
.logged-in #login-section { display: none }
/* fix espacios cuadro votacion */
.totalpoll-question-choices-item-content-container, 
.totalpoll-question-choices-item-content {
	padding: 0!important
}
/* fix imagen */
.totalpoll-question-choices-item-content,
.totalpoll-modal-open,
.totalpoll-modal-open img {
	width: 100% !important
}
/* improve vote % */
#totalpoll.totalpoll-wrapper .totalpoll-question-choices-item-votes-text {
	font-size: 1.2em!important
}
.totalpoll-question-choices-item-votes-bar {
	height: 10px!important;
	background: var(--color-secondary)!important
}
/* finalmente ocultar los resultados */
.totalpoll-question-choices-item-votes { display: none!important }
/* fix box */
.totalpoll-question-choices-item {
	border: 1px solid #bbbbbb!important;
	box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.15)!important;
	margin: 10px
}
.totalpoll-question-choices-item-container{
	border: none!important
}
/* fix layout */
.totalpoll-question-choices-item{
	width: 100%!important;
	margin: 10px 0!important;
}
@media (min-width: 500px){
	.totalpoll-question-choices-item {
		width: 48%!important;
		margin: 1%!important;
	}
}
@media (min-width: 900px){
	.totalpoll-question-choices-item {
		width: 31%!important;
	}
}

/* winners row */
.winners-row .w-image-meta {
	background: rgba(0, 0, 0, 0.8);
	padding-bottom: 0.6rem;
}
.winners-row .w-image-meta .w-image-title,
.winners-row .w-image-meta .w-image-description {
	color: #fff!important;
	font-size: 16px!important;
	opacity: 1
}
.winners-row .w-image-meta .w-image-title {
	font-size: 1.2rem;
	font-weight: bold
}

/* ajustes para usar imagenes enteras 2022 */
.totalpoll-question-choices-item-content {
    height: 300px;
    background: rgba(0,0,0,.8)!important;
}
.totalpoll-question-choices-item-content a { 
	max-height: 100%;
	text-align: center;
}
.totalpoll-question-choices-item-content a img { 
	max-height: 100%;
	width: auto!important;
}
/* bounce effect on hover */
.totalpoll-question-choices-item-content {
	transition: all 400ms cubic-bezier(.47,1.64,.41,.8)!important;
}

/* fix (change) totalpoll default lightbox to one that works */
.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-close { color: #fff }

/* EXCELENCIA */
/* titulo seccion */
.excellence-section h2 {
	margin: 0;
	border-bottom-width: 2px;
	border-color: var(--color-secondary);
    border-bottom-style: solid;
	
}
/* image slider arrows */
.royalSlider .rsArrow:after, .rsFullscreenBtn:after { 
	color: var(--color-secondary)!important;
	text-shadow: 0px 0px 3px #FFFFFF;
}
/* remove prev-next arrows */
.l-popup-wrap .l-popup-arrow { display: none!important }
/* magnifier icon */
.rsFullscreenBtn { 
	opacity:1 !important;
	font-size: 2.5rem!important
}
/* force fix to image height in some galleries */
.force-fix-height .royalSlider { max-height: 768px }
.force-fix-height .rsOverflow { max-height: 768px }
.force-fix-height .rsContent img { margin-top: 0!important }

/* FORM */
.contact-form .row { margin: 15px 0!important }
.contact-form input[type=text], 
.contact-form select,
.contact-form textarea { 
	border: 1px solid  #ffffff;
	background: #f6f6f6 
}
.contact-form ::placeholder
.contact-form input[type=text]:focus, 
.contact-form select:focus,
.contact-form textarea:focus { 
	border: 1px solid  var(--color-secondary);
	box-shadow: none;
	background: #fff 
}
.contact-form input[type=submit]{ 
	background: var(--color-primary)!important;
	width: auto!important
}
}
.contact-form input[type=submit]:focus, 
.contact-form input[type=submit]:hover { 
	background: var(--color-primary)!important; }

/* QUIENES SOMOS */
.person-description { padding-top: 1.5rem; text-align: center }
.person-description h1 { 
    font-size: 28px;
    margin: 0;
    padding: 0; 
}
.person-description h2 { 
    color: var(--color-secondary);
	line-height: 1.4rem;
	font-style: normal;
	font-weight: 400;
    font-size: 18px;
    margin: 0 0 24px;
    padding: 0;
}

/* fix paragraphs promo footer */
@media (min-width: 640px) {
	#promo-footer-current-event .w-itext-part { width: 600px!important }
}

/* FOOTER */
footer .w-image img { max-width: 160px; }
.custom-social-links {
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}
.custom-social-links .custom-social-links-item {
	font-size: 1.4rem;
	line-height: 1em;
	padding: 5px 10px
}

/* HELPERS */
/* same tall columns */ /* solo funciona en fila adentro de fila */
.same-tall-cols > .vc_column_container,
.same-tall-cols > .vc_column_container .vc_column-inner,
.same-tall-cols > .vc_column_container .vc_column-inner > div { height: 100% }
.same-tall-cols > .vc_column_container .vc_column-inner .wpb_wrapper,
.same-tall-cols > .vc_column_container .vc_column-inner .schedule-item{ height: 100% }

@media (min-width: 600px) {
	.two-cols-text { 
		column-count: 2;
		column-gap: 48px;
	}
}

/* FORCED GRID 321 */
.forced-grid-321 .wpb_wrapper {
	display: flex;
	flex-wrap: wrap
}
.forced-grid-321 .w-ibanner, 
.forced-grid-321  .w-flipbox,
.forced-grid-321  .w-vwrapper {
	margin: 20px 0;
	max-width: 100%;
	flex: 0 0 100%
}
@media (min-width: 500px) {
	.forced-grid-321 .w-ibanner, 
	.forced-grid-321  .w-flipbox,
	.forced-grid-321  .w-vwrapper  {
		margin: 20px 2%;
		max-width: 46%;
		flex: 0 0 46%
	}
}
@media (min-width: 900px) {
	.forced-grid-321 .w-ibanner, 
	.forced-grid-321  .w-flipbox,
	.forced-grid-321  .w-vwrapper  {
		margin: 20px 2%;
		max-width: 29%;
		flex: 0 0 29%
	}
}

.full-width {
	width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.full-width div { width: 100vw; }