/*------------------------------------*\
	#Utilities
\*------------------------------------*/

.d-block{
	display: block;
}

section{
	margin-top: 20px;
}

.img-responsive{
	max-width: none;
	width: 100%;
}

.img-responsive.--50{
	width: 50%;
}

.img-logos{
	margin-top: 20px;
}

.text-center{
	text-align: center;
}

.block-center{
	display: block;
	margin: 0 auto;
}

.link{
	font-family: 'Oswald', sans-serif;
}

.link a{
	color: #1DBF98;
	text-decoration: underline;
}

.btn-primary{
	background-color: #1DBF98;
}

.btn-primary:hover,
.btn-primary a:hover{
	background-color: #107f65;
}

.btn.btn-ghost a{
	color: #1DBF98;
}

.btn-big{
	display: inline-block;
	margin: 20px 0 0 0;
    padding: 8px;
    font-size: 18px;
}


/*------------------------------------*\
	#BG's
\*------------------------------------*/

.bg__azul{
	background-color: #3091B4;
	color: #fff;
}


/*------------------------------------*\
	#Main Menu
\*------------------------------------*/

.header {
	margin-bottom: 8px;
	background: #212121;
	position: fixed;
}

.header .header__main{
	height: 100px;
}

.header .menu_icon{
	height: 100%;
}

.header .menu_icon a{
	height: 100%;
	background: #191919;
}

.header .menu_icon a:hover{
	height: 100%;
	background: #000000;
}

.header .logo{
	width: 270px;
}

.header .logo a {
	width: auto; height: 90%;
	background: url(logo_trespormexico.png) no-repeat 50%;
	background-size: contain;
	margin: 0 auto;
    display: block;
    top: 5%;
}

.header ul.social li a {
    color: #1DBF98;
}

.menu--mobile{
	top: 100px;
	background: #1DBF98;
}

.menu--mobile a:hover{
	color: #0d6271
}

/*------------------------------------*\
	#General
\*------------------------------------*/

body{
	background-color: #fff;
}

.container{
	padding-top: 90px;
}

.section__title{
	text-transform: uppercase;
	color: #212121;
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	line-height: 1.6;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
	padding: 20px 0;
}

.content-text{
	font-family: 'Abel', sans-serif;
	color: #212121;
	font-size: 16px;
}

.content-text strong{
	font-weight: bold;
}

.secondary-text{
	font-family: 'Oswald' ,sans-serif;
	font-weight: 600;
	font-size: 14px;
	margin: 0;
}

.section__subtitle{
	margin-top: 0;
}

footer{
	height: auto;
	padding-top: 20px;
	padding-bottom: 40px;
	font-family: 'Abel', sans-serif;
	font-size: 16px;
	display: block;
	background-color: #202020;
}

.footer__menu-item{
	color: #fff;
	margin-bottom: 10px;
	text-align: left;
}

.footer__menu-item:last-child{
	color: 	#1DBF98;
	text-align: center;
}

/*------------------------------------*\
	#Cards
\*------------------------------------*/

.card_nota{
	height: 150px;
}

.card-nota__photo-holder{
	width: 150px;
	height: 150px;
}

.card-nota__info-holder {
	width: calc( 100% - 150px );
	padding: 8px;
	max-height: 140px;
}

.card-nota__title{
	color: #1DBF98;
	text-transform: uppercase;
	font-weight: 600;
}

.card-nota__title strong{
	color: #00498C;
}

.card-nota__dark{
	color: #1DBF98;
	font-weight: 100;
}

.card-nota__excerpt{
	font-family: serif;
	line-height: 1.03;
}

/*------------------------------------*\
	#Cards Featured
\*------------------------------------*/


.card-nota--featured .card-nota__excerpt{
	display: block;
}

.card-nota--featured .card-nota__info-holder,
.card-nota__info-holder{
	display: block;
	margin-top: 0;
}


/*------------------------------------*\
	#Cards Featured Small
\*------------------------------------*/

.card-nota--featured.--small{
	font-weight: 400;
}

.card-nota--featured.--small .card-nota__photo-holder{
	height: 170px;
}

.card-nota--featured.--small .card-nota__photo-holder img{
	height: 170px;
	object-fit: cover;
}

.card-nota--featured.--small .card-nota__info-holder{

}

/*------------------------------------*\
	#Cards Featured Mini
\*------------------------------------*/

.card-nota.--mini .card-nota__title{
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #191919;
	text-transform: uppercase;
}

.card-nota.--mini.--dark{
	background-color: #DEDEDE;
}


/*------------------------------------*\
	#Cards Background
\*------------------------------------*/

.card-nota--bg{
	background: url(card-bg-green-blue.jpg) no-repeat 50%;
	background-size: cover;
}

.card-nota--bg,
.card-nota--bg .card-nota__title,
.card-nota--bg .card-nota__excerpt{
	color: #fff;
}

/*------------------------------------*\
	#Cards con Auto Altura
\*------------------------------------*/

.card_nota--auto-altura{
	height: auto;
	max-height: initial;
}

.card_nota--auto-altura .card-nota__info-holder{
	height: auto;
	max-height: initial;
}

/*------------------------------------*\
	#Cards Video
\*------------------------------------*/

.card_nota--video{
	position: relative;
	padding-bottom: 47.15%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.card_nota--video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*------------------------------------*\
	#Card Formulario
\*------------------------------------*/

.card_nota__formulario{
	height: auto;
	padding: 10px;
	color: #212121;
}

.card_nota__formulario .content-text p,
.card_nota__formulario label,
.card_nota__formulario .wpcf7-list-item-label{
	color: #212121;
}

.card_nota__formulario form{

}

span.wpcf7-list-item{
	margin: 0;
	display: block;
	height: 20px;
}

span.wpcf7-list-item label{
	margin-bottom: 10px;
}

input[type=checkbox],
input[type=radio]{
	width: 20px;
	height: 20px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
textarea{
	width: 100%;
	height: 30px;
	border: 1px solid #DFDFDF;
	color: #666;
	border-radius: 6px;
}

input[type=submit]{
	display: block;
	margin: 0 auto;
	text-transform: uppercase;
    padding: 12px;
    border-radius: 3px;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    border: none;
    transition: all .2s ease-out;
    background-color: #1DBF98;
    color: #fff;
    border: none;
}

.input-group{
	width: 100%;
	margin-bottom: 1em;
}

/*------------------------------------*\
	#Ediciones Anteriores
\*------------------------------------*/

.ediciones-anteriores{
	padding-top: 40px;
	background-image: url('ediciones-anteriores-bg-top-mobile.png');
	background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

/*------------------------------------*\
	#Agenda
\*------------------------------------*/

.congreso-2020{
	padding-top: 60px;
	padding-bottom: 60px;
	background-image: url('congreso-2020-bg-top-mobile.jpg'), url('congreso-2020-bg-bottom-mobile.jpg');
	background-size: contain, contain;
    background-position: top center, bottom center;
    background-repeat: no-repeat, no-repeat;
}

.article.--card{
	height: 270px;
}

.article .section__title{
	font-size: 30px;
	padding: 0;
	text-align: center;
	background-color: #1DBF98;
}

.article .card-nota--featured.--small .card-nota__title{
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #191919;
	text-transform: uppercase;
}

.article .card-nota__title span{
	color: #1DBF98;
	text-transform: uppercase;
}

.article .card-nota{
	margin-bottom: 0;
}

.article{
	margin-bottom: 20px;
}


/*------------------------------------*\
	#Patrocinadores
\*------------------------------------*/

.patrocinadores .col-xs-4{
	margin-bottom: 20px;
}


/*------------------------------------*\
	#Noticias
\*------------------------------------*/

.noticias{
	padding-bottom: 40px;
}

.noticias .card-nota__title{
	color: #212121;
}


/*------------------------------------*\
	#Contacto
\*------------------------------------*/

.contacto{
	padding: 20px 0;
	background-color: #202020;
}

.contacto p,
.contacto .section__title,
.contact{
	color: #fff;
}

.contacto .section__title{
	text-align: center;
}

.map-container{
	position: relative;
	padding-bottom: 47.15%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.map-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*------------------------------------*\
    #TABLETS
\*------------------------------------*/

@media screen and (min-width: 768px) {

	footer{
		position: relative;
	}

	/*------------------------------------*\
		#Ediciones Anteriores
	\*------------------------------------*/

	.ediciones-anteriores{
		padding-top: 10px;
		background-image: url('ediciones-anteriores-bg-left-tablet.jpg'), url('ediciones-anteriores-bg-right-tablet.jpg');
		background-size: contain;
	    background-position: left center, right center;
	    background-repeat: no-repeat, no-repeat;
	}

	/*------------------------------------*\
		#Congreso 2020
	\*------------------------------------*/

	.congreso-2020{
		background-image: url('congreso-2020-bg-top-tablet.jpg'), url('congreso-2020-bg-bottom-tablet.jpg');
	}

	.footer__menu-item{
		text-align: center;
	}

}

@media screen and (min-width: 992px) {

	.container{
		padding-top: 60px;
	}

	.header .header__main {
	    height: 60px;
	}

	.header .dap_logo{
		width: 195px;
		padding: 10px 0;
		background-color: #212121;
	}

	.dap_logo img{
		width: 80%;
	    display: block;
	    margin: 0 auto;
	}

	.header__container{
		width: calc(100% - 195px);
		background-color: #191919;
	}

	.menu{
		background-color: #191919;
	}

	.menu li > a:hover{
		background: #1DBF98;
	    border-radius: 4px;
	    text-decoration: none;
	}

	.img-logos{
		margin-top: 0;
	}

	.card-nota--bg{
		height: 180px;
	}

	.card-nota--bg .card-nota__info-holder{
		width: 100%;
		padding: 15px;
	}

}