/*
Theme Name: _dca
Theme URI: http://waffco.com.mx/
Author: Waffco
Author URI: http://waffco.com.mx/
Description: Custom theme for TM and Desafío Contrataciones Abiertas 2017
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: _dca
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

_dca is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/



/*--------------------------------------------------------------
----------------------------------------------------------------
## WAFFCO
----------------------------------------------------------------
--------------------------------------------------------------*/

/* fonts */

/*** Akkurat ***/


@font-face{
	font-family:"Akkurat";
	src:url("fonts/Akkurat/AkkuratPro-Bold.otf") format("opentype");
	font-weight:bold;
	font-style:normal;
}

@font-face{
	font-family:"Akkurat";
	src:url("fonts/Akkurat/AkkuratPro-BoldItalic.otf") format("opentype");
	font-weight:bold;
	font-style:italic;
}

@font-face{
	font-family:"Akkurat";
	src:url("fonts/Akkurat/AkkuratPro-Regular.otf") format("opentype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:"Akkurat";
	src:url("fonts/Akkurat/AkkuratPro-RegularItal.otf") format("opentype");
	font-weight:normal;
	font-style:italic;
}

#container h2{
	font-family:Akkurat;
}

#container p{
	font-family:Akkurat;
}

/*** FONT ***/

@font-face{
	font-family:"PTMono";
	src:url("fonts/PTMono/PTMono-Regular.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:"PTMono";
	src:url("fonts/PTMono/PTMono-Bold.ttf") format("truetype");
	font-weight:bold;
	font-style:normal;
}

#container .PTMono{
	font-family:PTMono;
}

#container h3{
	font-family:PTMono,Akkurat;
}

/* root directives */

@media only screen and (min-width: 768px) {
	.menu-toggle {
		display: none;
	}
}

body {
	text-align: center;
}

#container{
	max-width:1400px;
	margin:auto;
	 box-shadow: 0px 0px 20px -5px grey;
}

.container-fluid{
	padding-left:0;
	padding-right:0;
}

div.hr{
	padding: 0.1% 0;
    margin: 2.5% 0;
	background-color:white;
	/*background-image:-webkit-linear-gradient(left, #005ba7, #28255d);*/
}

#container .img-responsive{
	width:100%;
}

/* icons */

#container .glyphicon{
	font-size:100%;
}
#container .pe{
	font-size:100%;
}

a:hover>span.pe{
	text-decoration:underline;
}

#container .glyphicon.green-icon,
#container .pe.green-icon{
	color:#94b148;
}

#container .glyphicon.orange-icon,
#container .pe.orange-icon{
	color:#DF722F;
}

/* general */

#container p{
	font-size:16px;
}

/* header */

#masthead.trans{
	background-color:rgba(71,94,155,0.75);
}
#masthead.solid{
	background-color:rgba(71,94,155,1);
}

#masthead-row{
	margin-top:0;
	padding:0;
}

#masthead-row .col-xs-3,
#masthead-row .col-xs-9{
	padding:0;
}

#masthead .site-branding img{
	padding:20px 60px;
	height:65px;
}
@media only screen and (max-width:1200px){
	#masthead .site-branding img{
		padding:20px 10px;
	}
}

#primary-menu{
	border:none;
	font-family:Akkurat;
	font-weight:bold;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus{
	background:transparent;
	border-color:transparent;
}

#masthead-row .navbar-collapse{
	padding:0;
}

#masthead-row ul{
	margin:0;
	padding:0;
	
}

#masthead-row li{
	font-size:150%;
	display:inline-block;
	float:initial;
	color:white;
	padding:10px;
}
@media only screen and (max-width:1400px){
	#masthead-row li{
		padding-right:0;
		padding-left:0;
		font-size:1.6vw;
	}
}
@media only screen and (max-width:1000px){
	#masthead-row li{
		padding-right:initial;
		padding-left:initial;
		font-size:initial;
	}
	#masthead-row a{
		/*padding:0;*/
	}
	#masthead-row{
		display:blocK
	}
	#masthead .site-branding{
		width:100%;
	}
	#site-navigation{
		width:100%;
		padding-bottom:20px;
	}
}
@media only screen and (max-width:767px){
	#masthead-row li{
		width:100%;
	}
}
#masthead-row li>a{
	color:white;
}

#masthead .menu-item{
	padding: 10px 0;
    font-size: 20px;
}

/* footer */

footer{
	/*border-top:3px solid gray;*/
	padding:0 0;
	background-color:white;
	font-family:Akkurat;
}

footer p{
	margin:0;
}

footer #footer-sponsors{
	background-color:#f1f1f1;
	/*padding:15px 0;*/
}

footer #footer-sponsors-intro{
	font-weight:bold;
	font-size:150%;
	padding:0;
	padding-bottom:40px;
}

footer #footer-sponsors-row{
	padding:0;
}

footer #footer-sponsors-intro .blue-text{
	color:#475e9b;
}

@media only screen and (max-width:992px){
	footer #footer-sponsors-row>div{
		width:50%;
	}
}
@media only screen and (max-width:425px){
	footer #footer-sponsors-row>div{
		width:100%;
	}
}

footer .site-info>div{
	padding:40px 6%;
}

footer #footer-row{
	padding: 15px 10%;
	/*padding-bottom:0;*/
}

@media only screen and (max-width:992px){
	footer #footer-row>div{
		text-align:center;
	}
}

footer #footer-row p{
	margin:0;
}

/* content in general */

.row{
	margin:0;
	padding:30px 0;
}

.padded-section{
	padding-left:2%;
	padding-right:2%;
	background-color:white;
}

.full-section,
.full-section div{
	padding-left:0;
	padding-right:0;
}

#back-2-top{
	display:none;
	width: 50px;
    height: 50px;
    position: fixed;
    background: #BCBCD6;
	top:50%;
	border: 1px solid #BCBCD6;
    border-radius: 0px 20px 20px 0px;
	z-index:10;
}

#back-2-top>a>span{
	font-size:50px;
	line-height: 46px;
}

/* index page */

#page.placeholder{
	/*background-image:url(/tuciudadtusdatos/wp-content/themes/_dca/_img/banner-bg.jpg);*/
	background-image:url(/tuciudadtusdatos/wp-content/themes/_dca/_img/timelapse-3.gif);
	/*background-repeat:no-repeat;*/
	background-position:top;
}

#page.index-desktop-gif{
	background-image:url(/tuciudadtusdatos/wp-content/themes/_dca/_img/timelapse-3.gif);
	/*background-repeat:no-repeat;*/
	background-position:top;
	background-size:125%;
}
#page.index-mobile-banner{
	background-image:url(/tuciudadtusdatos/wp-content/themes/_dca/_img/banner-mobile-1.jpg);
	/*background-repeat:no-repeat;*/
	background-position:top;
}

#home #home-jumbotron{
	padding: 30px 25%;
}
@media only screen and (max-width:1024px){
	#home #home-jumbotron{
		padding:30px 10%;
	}
}

#home #home-jumbotron h1{
	font-size:350%;
}
#home #home-jumbotron img{
	margin:80px 0;
}

#home #home-jumbotron p{
	margin:30px 0;
	color:white;
}
#home .underline{
	border-bottom:3px solid green;
}

#home #home-info{
	padding:20px 10%;
}
@media only screen and (max-width:425px){
	#home #home-info{
		padding:20px 5%;
	}
}
#home #home-info h2{
	font-size:28px;
	color:#475e9b;
}
#home #home-info p{
	text-align:justify;
}

#home #home-info,
#home #home-sponsors{
	background-color:white;
}

#home .home-info-icon{
	margin-bottom:10px;
}

#home #home-grid{
	padding-top:0;
}
@media only screen and (max-width:991px){
	#home #home-grid *{
		text-align:center;
	}
}


#home #home-grid,
#home #home-grid a{
	color:white;
}

#home #home-grid-left{
	background-color:#929292;
	padding:40px 6%;
}
#home-grid-left h2{
	font-size:350%;
	margin-top:0;
}
@media only screen and (max-width:400px){
	#home-grid-left h2{
		font-size:12vw;
	}
}
#home-grid-left p{
	font-size:105%;
	margin-bottom:0;
}
#home #home-grid-logo{
	width:50%;
	margin:25px auto;
	border:2px solid white;
}
#home #home-grid-right{
	padding:0;
}
#home #home-grid-right-top{
	background-color:#DF722F;
	height:50%;
	padding:10px;
	text-align:left;
}

#home #home-grid-right-top #money-row{
	padding:20px 0;
}
#home #home-grid-money{
	font-size:32px;
}
@media only screen and (max-width:1400px){
	#home #home-grid-money{
		font-size:2.5vw;
		text-align:center;
	}
}
@media only screen and (max-width:991px){
	#home #home-grid-right-top #money-row{
		padding:10px;
	}
	#home #home-grid-money{
		font-size:5vw;
	}
}
#home #home-grid-right-bottom{
	background-color:#93B148;
	height:50%;
	text-align:left;
	padding:10px 0;
}
@media only screen and (min-width:768px){
	#home #home-grid-right-bottom>div.col-md-4:first-child{
		width:32%;
	}
}
#home-grid-right-bottom .big-date{
	font-size:35px;
}
@media only screen and (max-width:1400px){
	#home-grid-right-bottom .big-date{
		font-size:3vw;
	}
	#home #home-grid-right-bottom img{
		width:100%;
	}
}
#home-grid-right-bottom>div:last-child{
	margin-top:5px;
}
@media only screen and (max-width:767px){
	
	#home #home-grid-right-bottom>div{
		padding:0 15px;
	}
	#home #home-grid-right-bottom img{
		/*display:none;*/
	}
}
#home #home-C2A{
	/*background-image:url(/dca/wp-content/themes/_dca/_img/placeholder.jpg);
	background-repeat:no-repeat;
	background-size:cover;*/
	background-color:#465E9A;
	padding:40px 10%;;
}
#home #home-C2A>.gray-overlay{
	padding: 30px 5%;
}

#home #home-C2A h2{
	font-size:275%;
	margin-bottom:40px;
	color:white;
}
#home #home-C2A p,
#home #home-C2A a{
	margin:0;
	color:white;
}

#home #home-timer{
	padding: 30px 25%;
	background-color:White;
}

#home-timer h2,
#home-timer-mobile h2{
	font-size:150%;
	color:#475e9b;
}

#home-timer .timer-number{
	font-family:PTMono;
	color:#475e9b;
	font-size:200%;
}
#home-timer .timer-text{
	font-family:PTMono;
	color:#94b148;
}

#home-timer #js-timer{
	font-size:150%;
}

#home-timer-mobile{
	display:none;
	padding:10px 0;
	background-color:white;
}
@media only screen and (max-width:992px){
	#home-timer-mobile{
		display:block;
	}
	#home-timer-nonmobile{
		display:none;
	}
	#home #home-timer{
		padding:10px 25%;
	}
}

/* individual pages */

#pages #pages-jumbotron{
	background-color:white;
	padding:0;
}

#pages #pages-jumbotron *{
	color:white;
}

#pages #pages-jumbotron h1,
#pages #pages-jumbotron img{
	padding:40px 25%;
	font-size:350%;
}
#pages #pages-jumbotron p{
	margin:40px 0;
}

@media only screen and (max-width:1024px){
	#pages #pages-jumbotron{
		padding:40px 10%;
	}
	#pages #pages-jumbotron img{
		padding:0;
	}
}

#pages #pages-content{
	background-color:white;
	padding-top:0;
}
#pages #pages-content h1{
	margin-top:0;
}
#pages .padded-section{
	padding:2.5% 8%;
}
#pages li{
	text-align:left;
}

/* forms */

#registro textarea,
#contact-form textarea{
	width:240px;
	height:140px;
}

#registro .textarea-label{
	height:140px;
	margin-bottom:20px;
}

/* error msg */

#error-msg-bttn{
	background-color:gray;
	color:black;
	transition:background-color 0.5s, color 0.5s, border-radius 0.5s;
	-webkit-transition:background-color 0.5s, color 0.5s, border-radius 0.5s;
}
#error-msg-bttn:hover{
	cursor:pointer;
	background-color:black;
	color:white;
	border-radius:50px;
}

#error-msg{
	display:none;
}

/* new convocatoria stuff */

.blue-text{
	color:#475e9b;
}
.green-text{
	color:#93B148;
}
.orange-text{
	color:#DF722F;
}

#convocatoria h1,
#convocatoria h2,
#convocatoria h3,
#convocatoria p{
	margin-top:0;
	margin-bottom:10px;
	text-align:justify;
}

#convocatoria #convocatoria-info{
	padding:2.5% 20px;
}
@media only screen and (max-width:767px){
	#convocatoria #convocatoria-info,
	#convocatoria #convocatoria-info *{
		padding-right:0;
		padding-left:0;
	}
}

#convocatoria #convocatoria-info h2{
	font-size:20px;
}

#convocatoria #convocatoria-grid-header{
	background-color:#465E9A;
	color:white;
}

#convocatoria #convocatoria-grid-header h2{
	text-align:center;
	font-size:32px;
	margin:0;
}

#convocatoria #convocatoria-grid{
	background-color:#F1F1F1;
	padding:2.5% 0;
}

#convocatoria #convocatoria-grid h3{
	font-weight:bold;
	margin-bottom:3px;
}

#convocatoria #convocatoria-grid .convocatoria-node{
	padding:10px 0;
}

@media only screen and (max-width:767px){
	#convocatoria #convocatoria-grid .convocatoria-node img{
		width:20%;
		margin:auto;
	}
}
@media only screen and (max-width:425px){
	#convocatoria #convocatoria-grid .convocatoria-node img{
		width:40%;
		margin:auto;
	}
}
/* new registro stuff */

#container #registro{
	padding-bottom:0;
}

#registro h1,
#registro h2,
#registro p{
	margin:0;
}

#registro img{
	padding-right:65px;
}
@media only screen and (max-width:991px){
	#registro img{
		padding-right:initial;
		width:65% !important;
		margin:auto;
	}
}


#registro .row{
	padding:15px 0;
	text-align:left;
}

#registro>div{
	margin-bottom:10px;
}

#registro input,
#registro button,
#registro select,
#registro textarea{
	margin-bottom:20px;
	border:none;
	background-color:#f1f1f1;
	padding:5px 15px;
}

#registro textarea{
	width:75%;
	float:right;
}
@media only screen and (max-width:767px){
	#registro textarea{
		width:100%;
		float:initial;
	}
}

#registro #register-submit{
	background-color:#DF7230;
	color:white;
}

/* new contacto stuff */

#container #contacto{
	padding-bottom:0;
}

#contacto h1,
#contacto h2,
#contacto p{
	margin:0;
}

#contacto img{
	padding-right:65px;
}
@media only screen and (max-width:991px){
	#contacto img{
		padding-right:initial;
		width:65% !important;
		margin:auto;
	}
}

#contacto .row{
	padding:15px 0;
	text-align:left;
}

#contacto>div{
	margin-bottom:10px;
}

#contacto input,
#contacto button,
#contacto textarea{
	margin-bottom:20px;
	border:none;
	background-color:#f1f1f1;
	padding:5px 15px;
}

#contacto textarea{
	width:75%;
	float:right;
}
@media only screen and (max-width:767px){
	#contacto textarea{
		width:100%;
		float:initial;
	}
}

#contacto #contact-submit{
	background-color:#DF7230;
	color:white;
}

/* tools and helpers */

.no-padding{
	padding:0 !important;
}
.no-left-padding{
	padding-left:0 !important;
}
.no-right-padding{
	padding-right:0 !important;
}
.no-top-padding{
	padding-top:0 !important;
}
.no-bottom-padding{
	padding-bottom:0 !important; 
}

.no-margin{
	margin:0 !important;
}
.no-side-margin{
	margin-left:0 !important;
	margin-right:0 !important;
}
.no-left-margin{
	margin-left:0 !important;
}
.no-right-margin{
	margin-right:0 !important;
}
.no-top-margin{
	margin-top:0 !important;
}
.no-bottom-margin{
	margin-bottom:0 !important; 
}

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

.vertical-middle{
	overflow: visible !important;
	-webkit-backface-visibility: hidden; /* I added this */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.vertical-middle * {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.center-justified {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
.flex{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -ms-flex-flow: row wrap;    
    flex-flow: row wrap;
}
.flex>*{
	-webkit-flex:1 auto;
    -moz-flex:1 auto;
    -ms-flex:1 auto;
    flex:1 auto;
}
@media only screen and (max-width: 767px) {
	.flex{
		display:block;
	}
	.vertical-middle * {
		transform: initial;
	}	
}
.subtle-link,
.subtle-link:hover
.subtle-link:focus,
.subtle-link:active{
	color:black;
	text-decoration:none !important;
}
.no-float{
	float:none;
}
.no-transform{
	transform:initial;
}
.no-top{
	top:initial;
}
.bold{
	font-weight:bold;
}
.no-bold{
	font-weight:normal !important;
}
.capitalize{
	text-transform:uppercase;
}
.light{
	font-weight:lighter;
}
.gray{
	background-color:#B3B3B3;
}
.dark-gray{
	background-color:#7F7F7F;
}
.light-gray{
	background-color:#F1F1F1;
}
.bttn{
	width: 30%;
    margin: auto;
    background-color: gray;
    color: white;
    font-weight: bold;
    padding: 10px;
	transition: background-color 0.5s, border-radius 0.5s, color 0.5s;
	-webkit-transition: background-color 0.5s, border-radius 0.5s, color 0.5s;
}
.bttn:hover{
	cursor:pointer;
	background-color:white;
	color:black;
	border-radius:50px;
}
.height-250{
	height:250px;
}
.circle{
	border-radius:50%;
	padding:50% !important;
}
.display-none{
	display:none;
}
.blue-text{
	color:#475e9b;
}
.gray-overlay{
	background-color:rgba(75,75,75,0.5);
}

/* ----- jquery-ui overrides -----*/

.ui-widget-overlay{
	background: #111;
	opacity: .85;
}

.waffco-lightbox{
	max-width:50%;
	/*max-height:50%;*/
}

@media only screen and (max-width: 767px) {
	.waffco-lightbox{
		max-width:100%;
	}
}

/* ----------- BLOG STYLES ------------ */

.blog-list-container{
	text-align: left;
}


/* -- Blog Post Box Styles -- */

.blog-post-box-title > h2{
	margin-top:0;
}
.blog-post-box-titles{
	overflow: hidden;
	
}
.blog-post-box-img{
	max-width:200px;
	max-height:200px;
}

.blog-post-box-excerpt{
	clear:both;
	
}
/* SINGLE */
#sidebar-ul{
	list-style: none;
    text-align: left;
    padding: 0;
} 
@media only screen and (max-width: 991px){
	#sidebar-ul{
	list-style: none;
    text-align: center;
    padding: 0;
	} 

}

#sidebar-ul li{
	font-family: PTMono,Akkurat;
    font-size: 18px;
    padding-top: 15px;
}

.blog-article-subtitles{
	text-align: center;
	font-size:10px;
	font-style: italic;
}

.blue-title{
	color:#475e9b;
	font-family: PTMono,Akkurat;
}

.blog-article-text{
	text-align: justify;
	padding-left:50px;
}

.blog-article-text a{
	color:#DF722F;
}
@media only screen and (max-width: 991px){
.blog-article-text{
	text-align: justify;
	padding:0 10px 30px 0;
}

}

.green-title{
	color: #93B148;
	font-family: PTMono,Akkurat;
}