/*!
Theme Name: Mobalco
Theme URI: http://mobalco.com
Author: estudiocarvana
Author URI: http://estudiocaravana.com
Description: Plantilla para Mobalco
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mobalco
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

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

*/

.bg-blanco {background-color: #fff!important;}
.bg-gris {background-color: #eee!important;}
.bg-azul {background-color: #D7ECF1!important;}
.bg-crema {background-color: #ECE5CE!important;}
.bg-rosa {background-color: #f1d7d7!important;}
.bg-lila {background-color: #d7e1f1!important;}
.bg-negro {background-color: #ddd;}
.bg-rojo {background-color: #D62731!important;}
.blanco {color:#fff!important;}
.negro {color:#000!important;}
.gris {color:#777!important;}
.rojo {color:#ff0000!important;}

body {font-family: 'euclid flex', arial, sans-serif; color:#999;}
* {background-size: 100% auto;}
* {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
a:hover {text-decoration: none;}
a.btn {border-radius: 0px!important; text-transform: uppercase; min-width: 240px; font-size: 0.85rem;}
a:hover.btn-outline-light {color:#444;}

.brd-t {border-top: 1px solid #fff;}
.brd-b {border-bottom: 1px solid #fff;}
.hamburguesa {display: inline-block; width:25px; border-top: 3px solid #000; border-bottom: 3px solid #000; padding: 3px 0; margin-top: 1.5rem;}
.hamburguesa div {border-top: 3px solid #000;}
a.idiomas {display: inline-block; padding-right: 0.5rem; padding-top: 1.3rem; color:#000; font-size: 1.4rem; line-height: 1em; font-weight: 500; vertical-align: top;}
a:hover.idiomas {color:#0071BA;}
a.active {color: #f00!important;}

a.imagen-enlace {position: relative; display: inline-block;}
a.imagen-enlace > div { position: absolute; top:0; left:0; right:0; bottom:0; text-align: center;}
a.imagen-enlace:hover div {background-color:rgba(0,0,0,0.5); color:#fff;}

h1,.h1,h2,.h2,h3,.h3 {display:block; text-transform: uppercase; font-weight: bold;}
h1,.h1 {font-size: 2rem; line-height: 2rem; margin-bottom: 1rem; letter-spacing: 15px;}
h2,.h2 {font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem; letter-spacing: 6px;}
h3,.h3 {font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem; letter-spacing: 6px;}
h4,.h4 {font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 1rem; display: block;}

p { font-size: 17px; font-family: "euclid flex", arial; font-style: normal; max-width: 700px; 
	margin-left:auto; margin-right: auto; 
	font-weight: 300; color:#777;}
p.subtit {max-width: 1200px;}
.subtit {font-family: 'NewParis Headline', garamond, serif; font-size: 33px; margin-bottom: 3rem; font-style: italic; text-align: center;} 
.subtit-2 {font-family: 'NewParis Headline', garamond, serif; font-size: 22px; margin-bottom: 2rem; font-style: italic; font-weight: normal;}
p.small {max-width: none;}
em {font-weight: 200;}

.cabecera, .banda {background-size:cover; background-repeat: no-repeat; background-color: #eee; background-position: center center;}
.cabecera {padding-top: 6rem!important;}

.btn {min-width: 240px;}

.carousel {overflow: hidden;}
.carousel.colecciones {text-align: center; background-color: transparent;}
.carousel.colecciones img {max-height:684px; max-width: 100%;}
.carousel-indicators li {background-color: #bbb;}
.carousel-control-prev span,
.carousel-control-next span {color:#f00; font-size: 2rem;}
.carousel-control-prev:hover span,
.carousel-control-next:hover span {color:#fff;} 
.carousel-caption {bottom:41%;}

.footer a {font-size: 2vh;}
.footer a:hover {color:#aaa!important;}
.footer img {width: 35px; margin: 0 1vw 1.5vh 1vw;}
.footer a:hover img {opacity: 0.5;}
hr { background-color: #999; border: none; display: block; height: 1px; margin: 20px 0;}
/*hr.separator {height: 0.5vh; width: 5vw; margin: 2vh auto;}*/
hr {height: 0.5vh; width: 5vw; margin: 2vh auto;}
hr.separator.blanco {background-color: #fff;}

.modal {background-color: rgba(255,255,255,0.9);}
.modal a {color:#444; text-transform: uppercase; font-size: 1.4rem; font-weight: 300; padding:0.2rem 0; display: block;}
.modal a:hover {color:#0071BA;}
a.close {position: absolute; top:0.5rem; right:3.8rem;}
a.close span {color:#000!important; font-size: 3rem!important;}
a.close:hover span {color:#f00!important; font-size: 3rem!important;}

.py-6, .py-7, .py-8, .py-9 {padding-top: 3rem!important; padding-bottom: 3rem!important;}
.pt-6, .pt-7, .pt-8, .pt-9 {padding-top: 3rem!important;}
.pb-6, .pb-7, .pb-8, .pb-9 {padding-bottom: 3rem!important;}

img.bandera {width: 500px; margin: 1rem 0 2rem 0;}

/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) { 
p {font-size: 15px;}
.subtit {font-size: 27px;}
.subtit-2 {font-size: 19px;}
 }

  @media (max-width: 1440px) {
 	.cabecera.especial {height: auto;}
 } 

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.cabecera {height: 50vw; padding-top: 0px!important;}
.banda {height: 33vw;}
h1,.h1 {font-size: 3rem; line-height: 4rem; margin-bottom: 1rem; letter-spacing: 20px;}
h2,.h2 {font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem; letter-spacing: 6px;}
h3,.h3 {font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem; letter-spacing: 6px;}
h4,.h4 {font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 1rem;}
.h50 {max-height:50vh; overflow: hidden;}
 }

/* Extra large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.py-6 {padding-top: 4.5rem!important; padding-bottom: 4.5rem!important;}
.py-7 {padding-top: 6rem!important; padding-bottom: 6rem!important;}
.py-8 {padding-top: 7.5rem!important; padding-bottom: 7.5rem!important;}
.py-9 {padding-top: 9rem!important; padding-bottom: 9rem!important;}
.pt-6 {padding-top: 4.5rem!important;}
.pt-7 {padding-top: 6rem!important;}
.pt-8 {padding-top: 7.5rem!important;}
.pt-9 {padding-top: 9rem!important;}
.pb-6 {padding-bottom: 4.5rem!important;}
.pb-7 {padding-bottom: 6rem!important;}
.pb-8 {padding-bottom: 7.5rem!important;}
.pb-9 {padding-bottom: 9rem!important;}
.pl-6 {padding-left: 4.5rem!important;}
.pl-7 {padding-left: 6rem!important;}
.pl-8 {padding-left: 7.5rem!important;}
.pl-9 {padding-left: 9rem!important;}
.pr-6 {padding-right: 4.5rem!important;}
.pr-7 {padding-right: 6rem!important;}
.pr-8 {padding-right: 7.5rem!important;}
.pr-9 {padding-right: 9rem!important;}
 }

 @media (min-width: 768px) {
 	.pl-md-6 {padding-left: 4.5rem!important;}
 	.pl-md-7 {padding-left: 6rem!important;}
 	.pl-md-8 {padding-left: 7.5rem!important;}
 	.pl-md-9 {padding-left: 9rem!important;}
 	.pr-md-6 {padding-right: 4.5rem!important;}
 	.pr-md-7 {padding-right: 6rem!important;}
 	.pr-md-8 {padding-right: 7.5rem!important;}
 	.pr-md-9 {padding-right: 9rem!important;}
}

@media (min-width: 1200px) {
	.pl-xl-5 {padding-left: 3rem!important;}
	.pl-xl-6 {padding-left: 4.5rem!important;}
	.pl-xl-7 {padding-left: 6rem!important;}
	.pl-xl-8 {padding-left: 7.5rem!important;}
	.pl-xl-9 {padding-left: 9rem!important;}
	.pl-xl-5 {padding-right: 3rem!important;}
	.pr-xl-6 {padding-right: 4.5rem!important;}
	.pr-xl-7 {padding-right: 6rem!important;}
	.pr-xl-8 {padding-right: 7.5rem!important;}
	.pr-xl-9 {padding-right: 9rem!important;}
}

@media (max-width: 992px) {
	body > .bloque {
		padding-top: 3rem;
	}

	body > .bloque ~ .bloque {
	    padding-top: 0;
	}
}

/* Gravity forms */

ul.gform_fields, ul.gfield_radio {
	padding-left: 0;
}

li.gfield, ul.gfield_radio li, ul.gfield_checkbox li {
	list-style: none;
}

ul.gfield_radio li {
	float: left;
}

ul.gfield_radio li+li {
	margin-left: .75rem;
}

li.gform_validation_container {
	display: none;
}

.gfield_description.validation_message {
	color: red;
	font-size: 80%;
	font-weight: 400;
	clear: both;
}

.gform_confirmation_message {
	text-align: center;
}