/*
 Theme Name:   fundacionvithas
 Theme URI:    https://devvithas.webpublica.net
 Author:       Filmac
 Author URI:   http://www.filmac.com
 Template:     twentyseventeen
 Version:      1.0.0
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Fonts
2.0 WordPress Core
3.0 Personalización
  3.1 Galería
  3.2 Alignments
4.0 Layout
  4.1 Header
  4.2 Footer
  4.3 Home
  4.4 Pages
	4.4.1. Submenú
	4.4.2. Formación
	4.4.3. Noticias
	4.4.4. Agenda
	4.4.5. Colaboradores
	4.4.6. Formularios
	4.4.7. Vídeos
5.0 Typography
6.0 Cookies
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Fonts
--------------------------------------------------------------*/
html, body {
	color: #21272a;
    font-family: 'Barlow', sans-serif;
	font-size: 20px;
	font-weight: 400;
}
body#tinymce{
	max-width:1140px;
}

@media (max-width: 540px) {
	html, body {
		font-size: 18px;
	}
}

/*--------------------------------------------------------------
3.0 Personalización
--------------------------------------------------------------*/
.post-navigation {
    font-weight: 400;
    margin: 40px 0 200px;
}
.nav-subtitle {
    background: transparent;
    display: block;
    font-size: 18px;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
    padding-top: 16px;
    position: relative;
    height: 46px;
 
}
	.nav-previous .nav-subtitle {
		    padding-left: 54px;   
		}
	.nav-next .nav-subtitle {
		    padding-right: 54px;   
		}

.nav-subtitle:hover:before, .nav-subtitle:hover:after {
    background-color: #eee;
    text-decoration: none;
}
.nav-next .nav-subtitle:after {
    content:'→';
	padding: 0.5em;
    position: absolute;
    top: -1em;
    right: 0;
    background-color: #213565;
    color: #fff;
    border-radius: 100%;      
}
.nav-previous .nav-subtitle:before {
    content:'←';
	padding: 0.5em;
    position: absolute;
    top: -1em;
    left: 0;
    background-color: #213565;
    color: #fff;
    border-radius: 100%;    
}
.nav-previous .nav-subtitle:hover:before, .nav-next .nav-subtitle:hover:after {
    background-color: #0027c2;
}
.nav-title {
    display: block;
    vertical-align: top;
	text-transform: uppercase;
}

.nav-previous, .nav-next {
    font-size: 16px;
	max-width: 48vh;
    position: absolute;
    top: 0;
}
.nav-previous a:hover, .nav-next a:hover{
    text-decoration: none;
    color: #006543
}
.nav-next .nav-title{
	float: right;
}
.post-navigation .nav-next {
    text-align: right;
    right: 0;
}
.post-navigation .nav-previous {
    text-align: left;
    left: 0;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    margin-right: 0.5em;
    display: none
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
    margin-left: 0.5em;
    display: none
}
.page-numbers, .nav-links {
    font-size: 18px;
    margin-right: .5rem;
    text-align: center;
    position: relative;
}
img.size-full,img.size-large,.wp-post-image,.post-thumbnail img{height:auto;max-width:100%}
html #tinymce,body#tinymce {height:auto !important;}

.scrollup {
    width: 85px;
    height: 52px;
    position: fixed;
    bottom: 84px;
    right: 14px;
    display: none;
    text-indent: -9999px;
    background: url(assets/images/up.png) no-repeat;
    background-size: 40px 22px;
    z-index: 99;
}
@media (max-width: 767px) {
	.nav-links .nav-title{
		display: none;
	}
}


/*--------------------------------------------------------------
3.2 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.inline{
	display: inline-block;
}
.txtright{
	text-align: right;
}

/*--------------------------------------------------------------
3.3 Galería
--------------------------------------------------------------*/
.owl-prev,.owl-next{
    color: #000!important;   
    font-size: 100px!important;      
    position: absolute!important;    
    top: 45%!important; 
}
.owl-prev{
    left: -50px!important;
}
.owl-next{
    right: -50px!important;
}

/*--------------------------------------------------------------
4.0 Layout
--------------------------------------------------------------*/
html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.site-main{
	margin-bottom: 50px;
	margin-top: 50px;
}
.home .site-main{
	margin-bottom: 0;
	margin-top: 0;
}
/* pega footer con flex */
#primary {
  flex: 1 0 auto;
}
h1, h2 {
    color: #0027c2;
	font-size: 48px;
    font-family:'Barlow', sans-serif;
	font-weight: 700;
}
.h1_xs{
	border-bottom: solid 2px #000;
	font-size: 24px;
	padding-bottom: 5px;
}
a{
	color:#0027c2;
}
.nopadding{
	padding: 0 0;
}
.post-thumbnail{
	margin: 0 25px 25px 0;
}
.post-thumbnail img {
    width: 100%;
    height: auto;
}
.download a:after{
	content: url('assets/images/icon_descargar.png');
	margin-left: 10px;
}

@media (max-width: 767px) {
	h1,h2{
		font-size: 30px;
	}
}

/*--------------------------------------------------------------
4.1 Header
--------------------------------------------------------------*/
.logo img{
}
#lang_sel_list{
	color: #0027c2;
	font-size: 20px;
	font-weight: 600;
}
#lang_sel_list ul{
	list-style: none;
}
#lang_sel_list li{
	display: inline-block;
	font-family: 'Barlow', sans-serif;	
	padding: 0px 0 0 2px;
	text-transform: uppercase;
}
#lang_sel_list li:after{
	content: ' |';
}
#lang_sel_list li:last-child:after{
	content: '';
}
#lang_sel_list li a{
	color: #002F5F;	
	display: unset;
	padding: 0px 0 0 2px;
}
#lang_sel_list li a:hover {
 	color:#0027c2!important;
 	background-color: transparent;
 }
#lang_sel_list a.lang_sel_sel{
	color : #0027c2;
}
#lang_sel_list li.active a{
	color : #0027c2;
}

.elementor-location-header{
	background-color: #fff;
	position: fixed;
	height: 190px;
	top: 0;
	width: 100%;
	z-index:1;
}
.menuContact{
	color: rgba(0, 52, 120, 1);
	display: block;
	font-size: 20px;
	line-height: 25px;	
	margin-bottom: 25px!important;
	text-transform: uppercase;
}

@media (max-width: 1130px) {
	.elementor-location-header{
		height: 100px;
	}
}
@media (max-width: 767px) {
	#lang_sel_list{
		margin-left: 5px;
		top: 0;
	}	
}
body[data-elementor-device-mode=mobile] .elementor-location-header, body[data-elementor-device-mode=tablet] .elementor-location-header{
	box-shadow: 0px 3px 6px #ccc;	
	margin-bottom: 5px;
}


/*--------------------------------------------------------------
4.2 Footer
--------------------------------------------------------------*/
.elementor-location-footer {
  flex-shrink: 0;
}
.elementor-type-footer a{
	color: #fff;
}
.footerL >.elementor-element-populated{
	border-right: none!important;
}
.footer_vithas img{
	padding-bottom: 25px;
}

/*--------------------------------------------------------------
4.3 Home
--------------------------------------------------------------*/	
.home_destacados{
}
.home_destacados h3{
	border-bottom: solid 1px #000;
	margin-bottom: 25px;
	padding-bottom: 15px;
	padding-top: 25px;
}
.home_destacados figure{
    box-shadow: 0px 3px 6px #ccc;
    border-radius: 50%;
}	
#home-masters .item{
	box-shadow: 1px 1px 20px #ccc;
	width: 99%;
}
#home-masters .title{
	padding: 15px 30px;
}
#home-masters .title a{
	color: #000;
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;	
}
#home-masters .image{
    overflow: hidden;
    height: 300px;
}	
#home-noticies .title a{
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}
#home-noticies .fecha{
	border-bottom: solid 1px #000;
	color: #000;
	font-size: 20px;	
	padding-bottom: 5px;
	margin: 15px 0;
}
#home-noticies .item .img{
	height: 240px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.home-noticies{
		margin: 0 auto;
		width: 75%;
	}	
}
@media (max-width: 540px) {
	#home-masters .item{
		margin-bottom: 25px;
	}
	#home-masters .image{
		height: 200px;
	}	
	#home-masters .title a{
		font-size: 20px;
		line-height: 30px;	
	}	
}

/*--------------------------------------------------------------
4.4	Pages
--------------------------------------------------------------*/
#divcontent{
	flex: 1 0 auto;
	margin-top: 190px;
	z-index:0;
}
.page-header-bg {
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .4s ease-out;
    position: relative;
    padding: 20% 0 2%;
    z-index: 0;
    /*height: 40vh;*/
}
.page-header-content{
	bottom: 0;
	position: absolute;
}
.page-header-bg h1{
	color: #fff;
	font-size: 100px;
	font-weight: 900;
	left: 0;
	padding: 0 0;
	margin: 0 0 -21px 0px;	
}
.img-responsive{
    max-width: 100%;
}

.entry-content ul{
	list-style: none;
}
.entry-content ul li::before {
  content: "• ";
  color: #0027c2;
  font-size: 30px;
}
.entry-content a{
	word-break: break-word;
}

.resultados{
	margin-top: 50px;
}
.resultados .item{
	margin-top: 30px;
}
.resultados .item .title,.publicaciones .item .title{
	border-bottom: dotted 2px #1C3560;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 25px;
}
.resultados .item .title2{
	font-weight: 700;
}
.resultados .item .title .categoria{
	text-transform: uppercase;
}
.resultados ul li{
	list-style: disc;
}
.resultados ul li:before{
	content: '';
	color: #000;
}
.publicaciones .title_publi{
	font-weight: 700;
}
.publicaciones .tipo{
	font-size: 24px;
	font-weight: 700;
}

.listado .item{
	margin-bottom: 50px;
}
.listado .item .title{
	border-bottom: solid 1px #000;
	color: #0027c2;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.listado .item .title2{
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 15px;
}
.readmore{
	color:#0027c2;
	text-decoration: underline;
}

/* Acordeón */
.panel {
  box-shadow: none;
  border: none;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff; 
    border: none;
    padding: 0;
}
.panel-title {
  border-bottom: solid 1px #000;
  color: #0027c2;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom:15px;
}
.panel-title>a {
  display: block;
}
.panel-title>a:hover, .single .panel-title>a:focus {
  text-decoration: none;
  color: #000;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fff;
}
a[data-toggle="collapse"]:before, a[data-toggle="collapse"].collapsed:before {
  line-height: 1;
}
a[data-toggle="collapse"]:before {
    color: #000;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
	font-weight: 700;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    line-height: 1.5;
}
a[data-toggle="collapse"].collapsed:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
	font-weight: 700;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    line-height: 1.5;
}
.listado .item .title2:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
	font-weight: 700;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    line-height: 1.5;
	margin-right: 5px;
}

/* Paginador */
.paginador{
	font-weight: 700;	
}
.paginador a{
	text-decoration: underline;
}
.wpv-filter-next-link{
	margin-left: 10px;
}
.wpv-filter-previous-link{
	margin-right: 10px;
}
@media (max-width: 1130px) {
	#divcontent{
		margin-top: 100px;
	}
}
@media (max-width: 540px) {
	.page-header-bg {		
		padding: 30% 0 2%;
		/*height: 13vh;*/
	}
	.page-header-bg h1{
		font-size: 40px;
		margin: 0 0 -8px 0px;
	}
	.panel-title {
		font-size: 20px;
		line-height: 22px;
	}
}
@media (max-width: 768px) {
	.page-header-bg {
		/*height: 18vh;*/
	}
}


.entry-header h1{
	border-bottom: solid 1px #000;
	color:#0027c2;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 50px;
}

/*--------------------------------------------------------------
4.4.1	Submenú
--------------------------------------------------------------*/
.sidebar{
	position: -webkit-sticky!important;
	position: sticky!important;
	/*top: 200px;		*/
}
.sidebar-news{
	position: -webkit-sticky!important;
	position: sticky!important;
	/*top: 200px;		*/
	height: 50px;
}
.leftMenu{
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	list-style: none;
	padding-left: 0;
}
.leftMenu li{
	box-shadow: 0px 1px 6px #ccc;
	margin-bottom: 10px;
	padding: 12px 12px;
}
.leftMenu li a{
	color:#0027c2;
}
.leftMenu li.active{
	background-color:#bde0f8;
}
 /*--------------------------------------------------------------
4.4.2 Formación
--------------------------------------------------------------*/
.formacion .panel-title{
	border-bottom: dotted 2px #1C3560;
	color: #000;
	font-size: 20px;
    line-height: 30px;	
	margin-bottom: 30px;
}
.formacion.masteres .panel-title{
	border-bottom: none;
}
.formacion .panel-title .excerpt{
	font-weight: 400;
	margin-left: 15px;
    margin-top: 25px;	
}
.formacion .panel-title a{
	text-decoration: none;
}
.formacion .open-title{
	border-bottom: solid 2px #000;
	color:#0027c2;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.documentos{
	background-color:#CCE7FA;
	background-image: url('assets/images/fondo_box_descarga_sm.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 50px;
	min-height: 230px;
	padding: 25px 15px 25px 50px;
	width: 80%;
}
.list_documentos{
	list-style: none;
	margin-top: 25px;
	padding-left: 0;
}
.documentos .title{
	font-weight: 700;
	text-transform: uppercase;
}
.list_documentos li:before{
	content:""!important;
}
.list_documentos a:before{	
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f019";
	margin-right: 5px;
}

/*--------------------------------------------------------------
4.4.3 Noticias
--------------------------------------------------------------*/
.news .item{
	margin-bottom: 50px;
}
.news .item .fecha{
	border-bottom: solid 2px #223D57;
	color:#0027c2;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 15px;
}
.news .item .title{
	color:#000;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 15px;
}

/*--------------------------------------------------------------
4.4.4 Agenda
--------------------------------------------------------------*/
.agenda .item{	
	margin-bottom: 50px;
}
.agenda .panel-default,.agenda .formacion.listado{
	border-top: dotted 2px #223D57;
	padding-top: 15px;
}
.agenda .panel-title{
	border-bottom: none;
	color: #000;
}
.agenda .excerpt{
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
}
.agenda .mes{
	background-color:#bde0f8;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	margin-bottom: 5px;
	padding: 5px 10px;
	text-align: center;	
	text-transform: uppercase;
	box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}
.agenda .dia{
	background-color:#bde0f8;
	font-size: 45px;
	font-weight: 900;
	line-height: 50px;
	padding: 20px 10px;
	text-align: center;
	box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}

/*--------------------------------------------------------------
4.4.6 Colaboradores
--------------------------------------------------------------*/
.colaboradores{
	margin-top: 50px;
}
.colaboradores .item{
	box-shadow: 0px 3px 6px #ccc;
	height: 150px;
	margin-bottom: 15px;
	text-align: center;	
}
.colaboradores .item .img{
	line-height: 150px;
}
.colaboradores .item .img img{
	max-width: 65%!important;
}

/*--------------------------------------------------------------
4.4.5 Formularios
--------------------------------------------------------------*/
.wpcf7{
    font-family: 'Barlow', sans-serif;
    font-size: 20px;
    font-weight: 400;	
}
.wpcf7-form .row{
	margin-bottom: 15px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="password"], .wpcf7 input[type="date"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 select{
	border: solid 1px #000;
    font-family: 'Barlow', sans-serif;
    font-size: 20px;
    font-weight: 400;		
    padding: 10px 20px;
}
.wpcf7 input[type="submit"] {
    background-color: #fff;
	border: solid 1px #0027c2;
	border-radius: 0;
    color: #0027c2;	
	font-family: 'Barlow', sans-serif;
	font-size: 32px;
    font-weight: 700;	
    text-transform: uppercase;
    padding: 10px 30px;		
}
.wpcf7 h2{
	border-bottom: solid 2px #000;
	font-size: 24px;
	margin: 50px 0 25px 0;
	padding-bottom: 5px;
	text-transform: uppercase;	
}
.wpcf7-form .form-control{
	border-radius: 0;
	height: auto;
	line-height: 30px;
}
span.wpcf7-list-item{
	margin: 0 0;
}
.acepto label{
	font-weight: 400;
}
.wpcf7-response-output, .wpcf7-form .error {
    color: red!important
}
.wpcf7-validation-errors {
    border: 2px solid red!important;
    background-color: #f2dede!important;
}
/* 404 */
.search-form .search-submit{
	display: none;
}
@media (max-width: 575px) {
	.col-form{
		margin-top: 15px;
	}
}

/* reCaptcha v3 */
.grecaptcha-badge {
opacity:0 !important;
}


/*--------------------------------------------------------------
4.4.7 Vídeos
--------------------------------------------------------------*/
.videos iframe{
	max-width: 100%;
}
.videos .title{
	border-bottom: dotted 2px #000;
	font-size: 24px;
	font-weight: 700;	
	margin: 15px 0;
}

/*--------------------------------------------------------------
6.0 Cookies
--------------------------------------------------------------*/
.cookies {
    position: fixed!important;
    z-index: 99999998 !important;
    bottom: -300px;
    left: 0;
    color: #fff;
    vertical-align: baseline;
    width: 350px;
    background-color: #aaa;
    font-size: 13px;
    display: none;
    -webkit-animation: slideIn 1s forwards;
    -webkit-animation-delay: 1s;
    animation: slideIn 1s forwards;
    animation-delay: 1s;    
}

.cookies .txt {
    padding: 0px 0px 0px 15px;
    margin: 15px 0;
    float: left;
    width: 80%;
}
@media (max-width: 480px){
	.cookies {width:100%;}
    .cookies .txt {font-size: 10px;width: 85%;}
}
.cookies a {
    color:#fff;
	text-decoration: underline!important;
}

.cookies .txt strong {
    font-size: 16px;
}

#btnclose {
    float: right;
    cursor: pointer;
    position: relative;
    padding: 7px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 14pt;
    color: #fff;
    text-align: center;
    margin: 5px 5px 0 0;
}

.cookies .centeredPage {
    position: relative;
    max-width: 940px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
}

.cookies .fleft {
    float: left;
}
/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the widget */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}


.slide-out {
    -webkit-animation: slideOut 0.5s forwards;
    animation: slideOut 0.5s forwards;
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
}

@keyframes slideIn {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
}

@-webkit-keyframes slideOut {
  0% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
  100% {
    -webkit-transform: translateY(300px);
            transform: translateY(300px);
  }
}

@keyframes slideOut {
  0% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
  100% {
    -webkit-transform: translateY(300px);
            transform: translateY(300px);
  }
}