/*
 Theme Name:   Homes and Living
 Theme URI:    https://pixelemos.com/
 Description:  Tema desarrollado para Homes and living
 Author:       Daniel Lemos
 Author URI:   https://pixelemos.com
 Template:     wp-bootstrap-starter
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         bootstrap, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  homesandliving
*/
@import url('css/loader.css');
/*@font-face {
    font-family: 'Dutch801 XBd BT';
    src: url('fonts/Dutch801BT-ExtraBold.eot');
    src: url('fonts/Dutch801BT-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Dutch801BT-ExtraBold.woff2') format('woff2'),
        url('fonts/Dutch801BT-ExtraBold.woff') format('woff'),
        url('fonts/Dutch801BT-ExtraBold.ttf') format('truetype'),
        url('fonts/Dutch801BT-ExtraBold.svg#Dutch801BT-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}*/
p:last-child{
	margin-bottom:0
}
input {
    accent-color: #18a292;
}
span.wpcf7-form-control-wrap.recaptcha .form-control {
    height: auto;
    border: none;
    padding: 0;
	background:#fff0;
}
:root {
    --aqua:#21AA9A;/*#209f87;*/
	--acento:#6EC8C2;
	--aqua-oscuro:#094c3f;
	--gris-oscuro:#605E5F;
	--gris-claro:#dddddd;
    --blanco: #fff;
    --box-shadow: 0 0 16px #0009;
	--hero-height:75vh;
	--hero-height-mobile:40vh;
}
.aqua,.turquesa{
	color:var(--aqua)
}
.blanco{
	color:var(--blanco)
}
body{    
   background:#222;
    font-family: 'Titillium Web', sans-serif;    
}
p:last-child{
	margin-bottom:0!important;
}
#top {
    background: var(--aqua-oscuro);
    color: var(--gris-claro);
    height: 30px;
    align-items: center;
	line-height:.7em;
	font-size: .7em;
}
#top a{
	color:var(--gris-claro);
	
}
#top a:hover{
	color:var(--gris-claro);
	text-decoration:underline
}
#top ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: space-around;
    
    align-items: center;
	
}
#main-icons img{
    transition: filter .3s ease-out, transform .3s ease-out;
    filter: drop-shadow(0 0 0 #6EC8C200);
}
#main-icons img:hover{
        filter: drop-shadow(0 0 16px #6EC8C2FF);
}
/*a{
    color: var(--aqua);
}
a:hover{
    color: var(--aqua);
	text-decoration:underline
}*/
.aqua{
    color:var(--aqua)
}
b, strong{
	font-weight:700 !important;
}
/*body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: var(--aqua);
    font-size: 1em;    
    font-weight: 400;
	padding:1em;
	text-align:center
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    color: var(--aqua);
    font-weight: 400;
	text-decoration:underline;
}*/
/*h1,h2,h3,h4,h5,h6{
	 font-family: 'Dutch801 XBd BT', serif;
	font-weight:900;
	color:var(--aqua);
	letter-spacing: -.03em;
}*/
.titulo-principal a {
    font-weight: 700 !important;
    font-size: 18px !important;
}
header#masthead {  
    
}
body.home header#masthead, body header#masthead {
    /*background-image: url(https://homesandliving.mx/wp-content/uploads/2021/05/header.jpg);
	background-size:cover;*/
	background-color:#111;
    box-shadow: none;   
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0;
}
.navbar-brand>a>img{
    height: 60px;
	filter: drop-shadow(2px 4px 6px black);
}
/* footer 92px + masthead 120px*/
#content{
    min-height: calc(100vh - 188px);
}
#content.site-content {
    padding-bottom: 0;
    padding-top: 0;
}
/*Universal Parallax*/
.parallax{
    height: var(--hero-height-mobile);    
}
#hero-parallax {
    height: var(--hero-height-mobile);
    text-align: center; 
    font-size: .9em;
    margin-top: -50px;
}
#hero-parallax h1{
    color: var(--blanco);
    text-shadow: 2px 2px 4px #0009;
    font-size: 32px;
    border: none;
    /*text-transform: uppercase;*/
    font-weight: 600;
}
#hero-parallax .hero-overlay {
    /* background-color: #0009;      */
    /* background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQYV2NkYGD4z8DAwMjIAAUADikBA/gvnngAAAAASUVORK5CYII=) repeat; */
	background:linear-gradient(180deg, #000 0%, #00000080 100%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	letter-spacing: -.03em;
	position:absolute
}

.parallax__container{
    z-index: unset!important;
	
}
canvas.particles-js-canvas-el {
    position: absolute;
    left: 0;
}
#footer-widget {
    background:var(--aqua-oscuro);
	color:var(--blanco)
    }
#footer-widget h3 {
    color: var(--aqua);
    
    padding-bottom: .25em;
    margin-bottom: 1.5em;
}
#footer-widget .nav-link {
        padding: .5rem 0;
    transition: color .3s ease-out, padding .3s ease-out;
}
#footer-widget .nav-link:hover {
    color: var(--aqua);
    background: transparent;    
    padding: .5rem .5rem;
}
#footer-widget h3.widget-title {
    
    font-size: 1.776em;
    font-weight: 600;
}
#mapa iframe {
    width: 100%;
    height: 400px;
}
body:not(.theme-preset-active) footer#colophon, footer#colophon {
    background:#042f27
    
}
.copyright a, footer#colophon a {
    
}
/*Over-bootstrap*/
.btn-primary {
    background-color: var(--aqua);
	color:#fff!important;
	border:solid 1px var(--aqua);    
}
.btn-primary:hover, .btn-primary:active {
    background-color: var(--acento) !important;
	border-color: var( --e-global-color-e3bbe69 ) !important;
	border:solid 1px var(--aqua);
}
.btn-outline-primary {
    border: solid 1px var(--aqua);
	color:var(--aqua);
    
}
.btn-outline-primary:hover{
	background-color: var(--acento);
	border:solid 1px var(--aqua);
	color:#fff!important;
}
.btn-outline-primary:active{
	
}

canvas.particles-js-canvas-el {
    pointer-events: none;
}

.table td, table a {
    border-top: none;
	color:var(--blanco) !important
}
a.image-gallery {
    display: block;
    width: 100%;
    height: 200px;
    background-size: cover;
}
#informacion {
    background: var(--aqua-oscuro);
    color: var(--blanco);
    
    padding: 16px;
}
#informacion .entry-title {
    
    text-align: center;
}

#informes {
        
}
#informes h4{
    padding: 16px;
    font-size: 1.2em;
    
}
#precio{
        font-size: 1.5em;    
    font-weight: 600;
    text-align: center;
}
span.wpcf7-checkbox.form-control {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
span.wpcf7-checkbox.form-control .wpcf7-list-item-label{
    }
#caracteristicas {
    
    display: flex;
    justify-content: space-around;
}
#caracteristicas .item {
    display: inline-block;
    padding: 16px;
    text-align: center;
}
#creditaria {
    background: var(--blanco);
    position: fixed;
    bottom: 30px;
    left: -100px;
    width: 199px;
    border-radius: 0 50px 50px 0;
    height: 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    box-shadow: var(--box-shadow);
    transition: left .5s ease-out;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    padding-right: 30px;
    font-family: 'Playfair Display', serif;
}
#creditaria a{
	color: var(--aqua)!important
}
#creditaria:hover{
	left:0;
}
#creditaria img{
	width:80%;
	height:auto
}
#garantia {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    transform: rotate(15deg) scale(.7);
}
#garantia img{
	width:150px
}
#whatsapp a {
    position: fixed;
    background: green;
    display: flex;
    bottom: 0;
    left: 0;
    font-size: 72px;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    box-shadow: 2px 2px 4px 4px #0006;
	transition: transform .3s ease-out;
    transform: scale(.5);
	z-index:3;
}
#whatsapp a:hover{
	text-decoration:none;
	transform:scale(.75)
}
span.wpcf7-spinner {
    position: absolute;
    right: calc(50% - 6em);
    bottom: 31px;
}
.btn-primary.disabled, .btn-primary:disabled {
    border: 2px solid var(--aqua);
    background: transparent;
    color: var(--aqua);
    /* font-weight: 400; */
}
.page-numbers {
    border: 1px solid var(--aqua);
    width: 32px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
}
.page-numbers.current {
    background-color:var(--aqua); 
}
div#formulario-inmuebles {
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 16px;
}
li {
    margin-bottom: 1.5em;
}
.form-check-label{
	margin-left: .5rem;
    position: relative;
    font-size:12px;
	top: -3px;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.form-check-label{
		top:-2px;
		font-size:16px;
	}
	parallax{
    height: var(--hero-height);    
}
#hero-parallax {
    height: var(--hero-height);
    
}
   #content{    
        margin-top: 112px;    
   }
   body.home #content{    
        margin-top: 0px;       
   }
	#whatsapp a {    
    bottom: 80px;
    
    box-shadow: 2px 2px 4px 4px #0006;
    transform: scale(.7);
	z-index:3;
}
   
}
table.table-franquicia td {
    vertical-align: baseline;
    padding: 4px 5px;
	color:var( --e-global-color-text )!important
}
table.table-franquicia td a {
    color:var( --e-global-color-text )!important
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	body{
		
	}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {    
		font-size: .8em;    
	}
	.navbar-brand>a>img{
    	height: 60px;    
	}
	body.home header#masthead, body header#masthead {
		/*min-height: 130px;*/
	}
   #hero-parallax h1{
		font-size:64px;
	}
	#garantia img{
		width:200px;
		/*transition:all .5s ease-out;*/
	}	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
   
}