/*
 Theme Name:   Magda Framework Child Theme
 Description:  Magda Framework Child Theme
 Author:       Magda
 Author URI:   https://Magda.es
 Template:     magdafmk
 Version:      1.0.0
 Text Domain:  magdafmk
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height: 1.8em;
	scroll-behavior: smooth;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body { line-height: 1; font-family: 'Raleway', sans-serif; padding: 0 !important; overflow-x: hidden;} 
ol, ul { list-style: none;}
blockquote, q { quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html {overflow-x: hidden;}
/*.container {
    max-width: 1350px;
}*/
strong {font-weight: 700; line-height: 1em;}
.text-center {text-align: center;}
* { margin: 0; padding: 0; list-style: none; -webkit-font-smoothing: antialiased;}

i {
    font-style: italic;
}



/* -- TIPOGRAFÍA -- */

@font-face {
    font-family: 'SourceSerif';
    src: url('fonts/SourceSerifPro-Bold.ttf') format('ttf'),
		 url('fonts/SourceSerifPro-BoldIt.ttf') format('truetype'),
         url('fonts/SourceSerifPro-BoldIt.woff') format('woff'),
		 url('fonts/SourceSerifPro-BoldItalic.eot'),
         url('fonts/SourceSerifPro-BoldItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSerif';
    src: url('fonts/SourceSerifPro-BoldIt.ttf') format('ttf'),
	     url('fonts/SourceSerifPro-BoldIt.ttf') format('truetype'),
         url('fonts/SourceSerifPro-BoldIt.woff') format('woff'),
		url('fonts/SourceSerifPro-BoldItalic.eot'),
        url('fonts/SourceSerifPro-BoldItalic.eot?#iefix') format('embedded-opentype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'SourceSerif';
    src: url('fonts/SourceSerifPro-Regular.ttf') format('ttf'),
		 url('fonts/SourceSerifPro-Regular.eot'),
         url('fonts/SourceSerifPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/SourceSerifPro-Regular.ttf') format('truetype'),
       url('fonts/SourceSerifPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSerif';
    src: url('fonts/SourceSerifPro-Italic.ttf') format('ttf'),
		 url('fonts/SourceSerifPro-It.ttf') format('truetype'),
         url('fonts/SourceSerifPro-It.woff') format('woff'),
		 url('fonts/SourceSerifPro-Italic.eot'),
         url('fonts/SourceSerifPro-Italic.eot?#iefix') format('embedded-opentype');
    font-weight: 400;
    font-style: italic;
}


@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.ttf') format('woff2');
    font-weight: 400;
    font-style: normal;
}


/* -- GENERALES -- */

:root {
    --main-color: #ABBF0F;
    --main-color-hover: #5A7302;

    --lavanda-color: #AE8289;
    --lavanda-color-hover: #6F494F;
    
    --marron-color: #7C6D3F;
    --marron-color-hover: #4B401D;

    --font-head: 'Open Sans';
    --font-text: 'SourceSerif';


    --black-grey: #2D2D2D;

    --content-black: #1A1A1A;
    
    --rosa-claro:#FDF3D6;
}

body {
    font-family: var(--font-text);
}

#content{
	padding-top: 38px;
}

/* --------------------------------------- COMUNES --------------------------------------- */


a:hover {
	text-decoration: none;
    color: var(--main-color-hover);
} 

.cta {
    text-align: center;
    display: inline-block;
    font-size: 1.5rem;
    color: var(--accent-color);
}

.cta-button {
    background: var(--accent-color);
    color: white !important;
    font-size: 18px;
    padding: 20px 40px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-weight: 700;
    transition: ease 0.3s;
    cursor: pointer;
    border: 0px;
}
.boton {
    margin-top: 30px;
    display: inline-block;
}

.cta-button:hover, .cta-button:active {
    background: var(--accent-color-hover);
    text-shadow: 1px 1px rgb(0 0 0 / 30%);
}
.centrado-verticalmente {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
p{margin-bottom: 1em;line-height: 1.5; color: var(--black-grey);font-size: 16px;}
h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif;color: var(--black-grey);}
h1, .h1{
	font-size: 2.2rem;
	line-height: 120%;
}

.hero-content h1{
	margin-top:2rem;
}

h2, .h2{
    font-family: var(--font-head);
    text-transform: uppercase;
    font-size: 29px;
    font-weight: 400;
    letter-spacing: 3px;
    padding-top: 3rem;
    padding-bottom: 0.6rem;
    line-height: 1.3;
}

h3, .h3{
	font-family: var(--font-head);
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 2px;
    padding-bottom: 1rem;
    line-height: 1.3;
}

h4, .h4{
    font-family: var(--font-head);
    font-size: 24px;
    letter-spacing: 1px;
    color: var(--black-grey);
    text-transform: uppercase;
    margin-bottom: 10px;
    text-transform: uppercase;
}

h5, .h5{
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 0.5em;
	line-height: 1.2;
	color: var(--black-grey);
    font-family: var(--font-head);
     text-transform: uppercase;
    letter-spacing: 2px;
}
img {
	max-width: 100%;
}

.icono-lista {
	padding-left: 30px;
}
.icono-lista li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.icono-lista li p {
	margin: 0;
}
.icono-lista li i {
	margin-right: 15px;
}

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

.border-black{
    border: 1px solid #ccc;
    border-radius: 5px;
}


/* --------------------------------------- HEADER --------------------------------------- */

header {
	background: white;
	padding: 0;
    width: 100%;
    z-index: 99;
}
header .site-branding {
/*	padding: 12px 0;*/
	transition: 0.5s;
}
header#masthead {
    box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
    position: fixed;
    top: 0;
    transition: 0.5s;
}
header#masthead .flex-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
nav#site-navigation,
nav#site-navigation > * {
    flex-grow: 1;
}
header#masthead ul.nav-link {
    display: flex;
    justify-content: flex-end;
}
header#masthead ul.nav-link li {
    padding: 15px;
}

header .whatsapp a{
    color: var(--main-color);
}

header .whatsapp i{
    font-size: 28px;
}

header .whatsapp:hover i{
    color: var(--main-color-hover);
}


img.logo-img{
	max-height: 80px;
    width: auto;
    transition: 0.5s;
}
nav#site-navigation ul.sub-menu {
    position: absolute;
    background: white;
    display: none;
}
nav#site-navigation li > a {
    position: relative;
    font-family: var(--font-head);
    font-size: 13px;
    letter-spacing: 1px;
    color: var(--black-grey);
    text-transform: uppercase;
    margin-right: 5px;
    text-decoration: none;
}

nav#site-navigation li > a:hover,nav#site-navigation li > a:focus,nav#site-navigation li > a:active{
        color: var(--main-color);
}

nav#site-navigation li.menu-item-has-children:hover ul{
    border-bottom: 1px solid var(--main-color);
}

nav#site-navigation li.menu-item-has-children li{
    padding-bottom: 8px;
    padding-top: 8px;
}

.cta-tarifas {
    background-color: var(--marron-color);
    font-family: var(--font-head);
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .2s ease all;
    margin-left: 2rem;
    margin-right: 1rem;
}

.cta-tarifas:hover, .cta-tarifas:active, .cta-tarifas:focus {
    background-color: var(--main-color);
}

.cta-tarifas a {
    color: white;
    text-decoration: none;
    padding: .6rem .8rem;
    display: block;
    text-align: center;
}

.whatsapp, .whatsapp img{
    width: 30px;
    margin-top: 5px;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
}

.cta-main{ 
    color: var(--main-color-hover);
    font-family: var(--font-head);
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    padding-top: 9px;
    transition: 0.4s all ease;
    text-decoration: none;
    display: block;
    margin-bottom: 2rem;
}

.cta-linea:before{
    content: "";
    display: inline-block;
    height: 0.5px;
    width: 40px;
    background-color: var(--main-color-hover);
    position: relative;
    top: -4px;
    transition: 0.4s all ease;
    margin-right: 10px;
}

.cta-main:hover {
    text-decoration: none;
    color: var(--main-color);
    letter-spacing: 4px;
}

.cta-linea:hover:before{
    width: 70px;
    background-color: var(--main-color);
}

.rama-izq{
    padding: 0;
    position: relative;
}

.rama-izq:after{
    content: url('img/rama-izq.png');
    position: absolute;
    top: -1%;
    left: 0;
}

.rama-der{
    padding: 0;
    position: relative;
}

.rama-der:after{
    content: url('img/rama-der.png');
    position: absolute;
    top: -3rem;
    right: 0;
    
}

.wising{
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.wising ul li:before{
    content: url('img/elemento-lista.svg');
    margin-right: 0.8rem;
}

.wising ul li{
    text-indent: -1.2rem;
    padding-left: 1.2rem;
    margin-bottom: 0.5rem;
}

.foto .img-sobre{
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .rama-izq:after{
        content: '';
    }
    
    .rama-der:after{
        top: -7rem;
    }
    
    .foto img{
        overflow: hidden;
        max-height: 280px;
        object-fit: cover;
    }
	
	h3, .h3{
		padding-bottom: 0rem;
	}
}

/* --- FOOTER  --- */

footer {
	background-color: rgb(240,240,240);
	padding-bottom: 5rem;
    padding-top: 0;
    margin-top: 60px;
	font-size: 0.8em;
    height: auto;
    padding-top: 60px;
    position: relative
}

footer:after {
    content: url(img/rama-footer.png);
    position: absolute;
    top: -3rem;
    left: 0;
}

footer .logo-footer{
    text-align: right;
}

footer .rrss-footer a, .sidebar .rrss-footer a{
    color: var(--marron-color);
    font-size: 28px;
    transition: .2s ease all;
}

footer .rrss-footer a:hover, .sidebar.rrss-footer a:hover{
    color: var(--main-color);
}

footer .contacto-footer{
    text-align: right;
}

footer .contacto-footer .h5{
    margin-bottom: 1rem;
}

footer .contacto-footer span{
    display: block;
}

footer .contacto-footer p{
    font-style: italic;
    margin-bottom: 0;
    font-size: 14px;
}

footer .contacto-footer .cta-main{
    font-size: 12px;
    padding-top: 0.5;
    margin-bottom: 1rem;
}

footer .contacto-footer .contacto-footer-tlf{
    display: flex;
    justify-content: flex-end;
    color: var(--black-grey);
}

footer .contacto-footer .contacto-footer-tlf a{
    color: var(--black-grey);
}

footer .contacto-footer .contacto-footer-tlf a:hover{
    color: var(--main-color);
    text-decoration: underline;
}
footer .main-navigation {
	max-height: fit-content;
}

footer .enlaces-footer{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

footer .enlaces-footer a{
    color: var(--black-grey);
    text-decoration: none;
    font-size: 13px;
    font-style: italic;
}

footer .enlaces-footer a:hover {
    color: var(--main-color);
    text-decoration: underline;
}

footer .contacto-footer .contacto-footer-tlf span{
    display: inline-block;
}

.cta-fijo a{
    color: white;
    text-decoration: none;
    padding: 0.6rem 1rem;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    font-family: var(--font-head);
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: .2s ease all;
    margin-left: 2rem;
    margin-right: 1rem;
    box-shadow: 0px 0px 6px rgba(0,0,0,.4);
}

.cta-fijo .reservar-ahora{
    position: fixed;
    z-index: 99999999999999;
    bottom: 2rem;
    right: 0;
    background-color: var(--main-color);
    padding: 0.7rem 1.2rem;
    transition: .3s ease all;
}

.cta-fijo .reservar-ahora:hover{
   background-color: var(--main-color-hover); 
}

.cta-fijo .tlf-fijo{
    position: fixed;
    z-index: 99999999999999;
    bottom: 2rem;
    background-color: var(--marron-color);
    right: 12rem;
    transition: .3s ease all;
}

.cta-fijo .tlf-fijo-whatsapp{
    right: 16.5rem;
    background-color: var(--main-color);
}


.cta-fijo .tlf-fijo:hover{
    background-color: var(--marron-color-hover);
}

.cta-fijo .tlf-fijo i{
    font-size: 20px;
    padding-top: 2px;
    color: white;
    font-weight: 400;
}

.rama-fixed:after{
        content: url(img/rama-der.png);
    position: fixed;
    bottom: -1rem;
    right: -7rem;
    z-index: 9999997;
}

@media only screen and (max-width: 991px) {
    footer .contacto-footer .contacto-footer-tlf{
        display: block;
    }
    
    footer .contacto-footer .contacto-footer-tlf span{
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    footer .contacto-footer {
        text-align: left;
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 628px) {
    footer:after {
        top: -5rem;
    }
}

/* --------------------------------------- HERO  --------------------------------------- */
.frontpage-hero{
   background-blend-mode: multiply;
    background-color: rgba(10,10,10,.6);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 6rem;
    padding-bottom: 100px;
    padding-left: 0;
    flex-direction: column;
    background-position: 70% 50%;
}

.frontpage-hero h1{
    color: white;
    font-style: italic;
    font-size: 18px;
    font-family: var(--font-text);
}

.frontpage-hero h2{
    font-family: var(--font-head);
    color: white;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 300;
    letter-spacing: 5px;
    padding-top: 3rem;
    padding-bottom: .6rem;
    line-height: 1.5;
}

.frontpage-hero p{
    color: white;
    font-style: italic;
    font-size: 1.2rem;
}

.frontpage-hero .cta-main{
    color: white;
}

.frontpage-hero .cta-linea:before{
    background-color: white;
}

.frontpage-hero .cta-main:hover {
    text-decoration: none;
    color: var(--main-color);
    letter-spacing: 4px;
}

.frontpage-hero .cta-linea:hover:before{
    width: 90px;
    background-color: var(--main-color);
}

.hero-content{
    position: relative;
}

.rama-1{
    position: absolute;
    right: -45px;
     bottom: -45px;
}

@media only screen and (max-width: 767px) {
    .frontpage-hero h2 {
        font-size: 24px;
        letter-spacing: 3px;
        padding-top: 1rem;
    }
    
    .frontpage-hero{
        padding-bottom: 3rem;
    }
}

/* ------- SLIDER ----------- */

.slider .carousel-item img {
    max-height: 700px;
    object-fit: cover;
}
.slider .carousel-caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}
/* --- BULLETS --- */
.contenedores-bullets {
    flex: 1 1 220px;
    margin-bottom: 15px;
}
.hero-bullets .col-md-4.p-0:first-child .cuadrado {
    margin: 0 15px;
}

.cuadrado {
    display: flex;
    justify-content: flex-start;
    align-items:center;
    margin-right: 0;
    padding: 15px;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.cuadrado img {
	    width: auto;
    height: 50px;
	margin-bottom: 0px;
    margin-right: 0.8rem;
}

.home .cuadrado img {
    height: 35px;
}
.cuadrado span {
	font-size: 15px;
    font-family: var(--font-text);
    font-weight: 400;
    line-height: 1.2;
}
section.hero-bullets {
    margin: 0 auto;
}

@media only screen and (max-width: 1199px) {
    .cuadrado {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (max-width: 991px) {
    .cuadrado {
        padding-bottom: 0px;
    }
    
    .cuadrado img{
        width: 45px;
    }
    
    .rama-izq{
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 767px) {    
    .cuadrado:first-child {
        margin-left: 0px;
    }
}

/* --- LISTADO CASAS --- */
.img-casas{
    height: 230px;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}

.img-casas img{
    transform: scale(1);
    transition: .4s ease all;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.img-casas:hover img{
    transform: scale(1.1);
}

.listado-casas .botones{
    justify-content: start;
}

.listado-casas .botones .cta-tarifas{
    margin-left: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.listado-casas .cta-main{
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
.listado-casas .cta-main:hover{
    letter-spacing: 2px;
}

.listado-casas .caracteristicas{
    color: var(--marron-color);
    font-family: var(--font-text);
    text-transform: none;
    letter-spacing: 0;
}

@media only screen and (max-width: 1199px) {
    .img-casas{
        height: 180px;
    }
}

@media only screen and (max-width: 991px) {
    .listado-casas .casa{
        display: flex;
        padding-bottom: 2rem;
    }
    .img-casas{
        height: 215px;
        margin-right: 20px;
    }
    .listado-casas .botones .cta-tarifas {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (max-width: 600px) {
    .listado-casas .casa{
        display: block;
        padding-bottom: 2rem;
    }
    .wising br{
        display: none;
    }
}

/* --- BLOQUE TESTIMONIOS --- */
.testimonios{
    background-color: var(--rosa-claro);
    margin-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
}

.testimonios .estrellas i{
    color: #F8D463;
}

.nombre-testimonio{
    font-style: italic;
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .testimonios{
        padding-bottom: 1rem;
    }
}
/* --- SELECCION --- */
.seleccion{
    padding-top: 4rem;
    background-image: url('img/fondo-mota.jpg');
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
}
.seleccion h2{
    padding-top: 0.5rem;
}

.seleccion .elem-dest{
    margin-bottom: 2rem;
}

.seleccion .destacado article{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 400px;
    border: 0px;
    border-radius: 0px;
    background-blend-mode: multiply;
    background-color: rgba(10,10,10,.5);
    transition: .3s ease all;
}

.seleccion .destacado article:hover{
    background-color: rgba(10,10,10,.8);
    background-position: 40% center;
}

.seleccion .contenido-texto {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    padding: 15px;
}

.seleccion .contenido-texto .h4{
    color: white;
    font-size: 18px;
    letter-spacing: 2px;
    transition: .3s ease all;
}

.seleccion .destacado{
    text-decoration: none;
}

.seleccion .destacado article:hover .h4{
    letter-spacing: 3px;
    color: var(--main-color);
}

@media only screen and (max-width: 1199px) {
    .seleccion{
        background-position: bottom right;
    }
}

@media only screen and (max-width: 991px) {
    .seleccion{
        background-image: none;
    }
    
    .seleccion .destacado article {
        min-height: 200px;
    }
}

/* --- CASAS --- */
/*Título casas*/
.bloque-titulo-casas{
    padding-top: 8rem;
    margin-bottom: 2rem;
}

.bloque-titulo-casas .h1{
    color: var(--marron-color);
    font-style: italic;
    font-size: 16px;
    font-family: var(--font-text);
}

.bloque-titulo-casas .titulo-casas{
    display: block;
    color: var(--black-grey);
    text-transform: uppercase;
    font-size: 28px;
    font-family: var(--font-head);
    letter-spacing: 3px;
    font-weight: 300;
    line-height: 1.2;
}

.bloque-titulo-casas .subtitulo-casas{
        display: block;
    margin-top: 1rem;
    line-height: 1.2;
    font-size: 16px;
    font-family: var(--font-text);
    color: var(--main-color-hover);
}

.bloque-titulo-casas .adorno-titulo .rama-testimonios{
    transform: rotate(180deg);
}

.texto-resumen-casa{
    padding-right: 9rem;
}

.texto-resumen-casa .h5{
    color: var(--marron-color);
    padding-top: 0;
    font-size: 21px;
}

.texto-resumen-casa .cta-main{
    margin-bottom: 0;
}

.valores-resumen-casa .cuadrado{
    padding-top: 0rem;
    display: flex;
    align-items: center;
}

.valores-resumen-casa .cuadrado img {
    margin-bottom: 0px;
    margin-right: 0.5rem;
}

.carac-casa{
    background-color: var(--rosa-claro);
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    margin-top: 1.5rem;
}

.carac-casa.rama-izq:after {
    top: -8%;
}

.caracteristicas-casa .cuadrado{
    padding-top: 0rem;
    padding-bottom: 1rem;
}

.carac-casa .h3, .calendario-casa .h3{
    padding-bottom: 0rem;
}

.motor-reservas p{
    margin-bottom: 0;
    padding-top: 1rem;
}

.como-casa .h3{
    padding-top: 0;
}

@media only screen and (max-width: 1199px) {
    .texto-resumen-casa{
        padding-right: 4rem;
    }  
    .valores-resumen-casa .punto-fuerte{
        width: 100%;
    }
    .valores-resumen-casa .punto-fuerte .cuadrado{
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 991px) {
    .texto-resumen-casa{
        padding-right: 2rem;
        margin-top: 0;
    }
    .bloque-titulo-casas{
        padding-top: 6rem!important;
    }
}
    
@media only screen and (max-width: 767px) {
        .texto-resumen-casa{
            padding-right: 0rem;
        }
        .bloque-titulo-casas{
            padding-top: 6rem!important;
        }
        .bloque-titulo-casas .titulo-casas{
            font-size: 21px;
        }
        .valores-resumen-casa{
            margin-top: 0;
        }
        .valores-resumen-casa .punto-fuerte{
            width: 33%;
        }
        .caracteristicas-casa{
            margin-top: 0;
        }
	
		.valores-resumen-casa .cuadrado img {
			margin-right: 0rem;
		}
	
	.bloque-titulo-casas .subtitulo-casas{
		font-size: 14px;
	}
}

/* -- MASCOTAS ---*/

.alojamiento-rural-con-mascotas .puntos-fuertes{
    margin-top: 0px;
}

.alojamiento-rural-con-mascotas .texto-imagen h2{
    padding-top: 0;
}

.alojamiento-rural-con-mascotas .wising .h3{
    padding-top: 20px;
}

@media only screen and (max-width: 1199px) {
    .alojamiento-rural-con-mascotas .wising .h3{
        padding-top: 0px;
    }
}

/*ENTORNO*/
.que-ver-en-alcala-la-real .wising h2{
    padding-top: 25px;
}

/*BLOG INDEX*/

.blog-loop .bloque-titulo-casas {
    padding-top: 3rem;
    margin-bottom: 1rem;
}

.blog-loop article img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.blog-loop .read_more{
    background-color: var(--lavanda-color);
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .2s ease all;
    padding: 0.5rem 2rem ;
    font-family: var(--font-head);
    text-decoration: none;
}

.blog-loop .read_more:hover{
    background-color: var(--lavanda-color-hover);
}

.blog-loop .bloque-titulo-casas .titulo-casas {
    padding-top: 0;
    padding-bottom: 0;
}

.blog-loop .h4.card-title{
    padding-top: 1.2rem;
    padding-bottom: 0;
    font-size: 21px;
    letter-spacing: 2px;
}

/* --- NOTICIAS --- */

.noticias{
    padding-top: 4.5rem;
}
.noticias .card {
	border: 0;
/*	box-shadow: 0px 3px 6px #7EA5D980;*/
	transition: 0.5s;
	cursor: pointer;
}
.noticias .card-body {
    align-items: flex-start;
}
.noticias .card-body .excerpt {
	max-height: 205px;
	overflow: hidden;
}
.noticias .img-container {
    height: 100%;
}

.noticias .sidebar{
    padding-top: 5rem;
}

.search-results .noticias{
	padding-top: 7rem;
}

.widget_categories .widgettitle{
    text-transform: none;
    font-size: 17px;
    font-family: var(--font-text);
    letter-spacing: 0;
    padding-top: 1rem;
}

 .sidebar .cat-item a{
    text-decoration: none;
    color: var(--main-color-hover);
    font-family: var(--font-head);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    transition: 0.4s all ease;
    text-decoration: none;
    display: block;
}

.sidebar .cat-item a:hover{
    text-decoration: none;
    color: var(--main-color);
    letter-spacing: 1px;
}

 .sidebar .cat-item a:before{
    content: "";
    display: inline-block;
    height: 0.5px;
    width: 15px;
    background-color: var(--main-color-hover);
    position: relative;
    top: -4px;
    transition: 0.4s all ease;
    margin-right: 10px;
}

.sidebar .cat-item a:before:hover{
    background-color: var(--main-color);
}

.widget_search form{
    border: 1px solid grey;
    border-radius: 15px;
    margin-top: 1rem;
}

.widget_search form input{
    border: 0;
    background: transparent;
    outline: none;
}

.widget_search form button{
    background: none;
    border: 0;
    color: var(--marron-color);
    font-size: 21px;
    transition: 0.2s ease all;
}

.widget_search form button:hover{
    color: var(--main-color);
}

.banner{
    margin-top: 1.5rem;
}

.banner a{
    text-decoration: none;
}

.banner .elem-dest{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 100%;
    height: 100%;
    border: 0px;
    border-radius: 0px;
/*
    background-blend-mode: multiply;
    background-color: rgba(10,10,10,.5);
*/
    transition: .3s ease all;
}

.banner .elem-dest img{
    width: 100%;
}
.banner .contenido-texto {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    padding: 15px;
}

.banner .elem-dest .card-title{
    padding-top: 1.2rem;
    padding-bottom: 0;
    font-size: 21px;
    letter-spacing: 2px;
    color: #fff;
    transition: .3s ease all;
}

.banner .elem-dest:hover .card-title{
    letter-spacing: 3px;
    color: var(--main-color);
}



@media only screen and (max-width: 991px) {
    .noticias .bloque-titulo-casas{
        padding-top: 2rem!important;
    }
}
    
@media only screen and (max-width: 767px) {
    .noticias{
        padding-top: 0!important;
        margin-top: 0!important;
    }
    
    .noticias .bloque-titulo-casas{
        margin-top: 0!important;
    }
}

/* --- CONTENIDO  --- */

.content-wrapper{
	margin-bottom: 2em;
}
.contenido-texto {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 15px;
}

.text-im{
        align-items: center!important;
    }


/* --- WIDGET --- */
.widget a {
	color: var(--dark-grey-color);
	font-weight: 700;
/*	white-space: nowrap;*/
}
.widget a:hover {
	color: var(--main-color);
}

/* --- PAGINATION --- */
.blog-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}
.blog-pagination > * {
	width: 44px;
	height: 44px;
    color: var(--marron-color);
    font-family: var(--font-head);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	font-size: 16px;
	transition: 0.2s ease all;
    text-decoration: none;
}
.blog-pagination > a:hover {
	color: white;
    background-color: var(--marron-color);
}

.blog-pagination > span {
	width: 44px;
	height: 44px;
    color: var(--black-grey);
    font-family: var(--font-head);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	font-size: 16px;
}
/* --- BLOG --- */
.thumbnail-single-block img {
    object-fit: cover;
    min-width: 100%;
    height: 400px;
    display: block;
    margin-bottom: 30px;
}

.sidebar .rrss-footer li{
        margin-right: 1rem;
    }

/* --- SINGLE BLOG --- */

.single-blog-page .bloque-titulo-casas {
    padding-top: 3rem;
    margin-bottom: 2rem;
}
#breadcrumbs{font-size: 14px;}
#breadcrumbs a{
    text-decoration: none;
    color: var(--marron-color);
    font-weight: 700;
}
.blog-single-content .h2{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.blog-single-content .content h2{
    padding-top: 0;
    font-size: 24px;
}

.blog-single-content .content a{
    color: var(--main-color);
}

.blog-single-content .content a:hover{
    color: var(--main-color-hover);
    text-decoration: underline;
}

.blog-single-content .thumbnail-single-block{
    height: 400px;
    margin-bottom: 15px;
}

.blog-single-content img.alignleft{
    float: left;
    margin: 0px 15px 15px 0;
}

.blog-single-content img.alignright{
    float: left;
    margin: 0px 15px 15px 0;
}

/*Página de contacto*/
.page-template-template-contacto .h2{
    padding-top: 0rem;
    padding-bottom: 2rem;
}

.page-template-template-contacto #content a{
    color: var(--black-grey);
    text-decoration: none;
    font-size: 16px;
}

.page-template-template-contacto #content a.cta-main{
    color: var(--main-color);
    font-size: 14px;
}

.page-template-template-contacto #content a:hover{
    color: var(--main-color);
}

.page-template-template-contacto i{
    color: var(--main-color);
}

.page-template-template-contacto .contact-block{
    margin-bottom: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.page-template-template-contacto .p-icon, .page-template-template-contacto .p-icon strong{
    font-size: 16px;
}

.page-template-template-contacto .p-icon{
    width:27px;
}

.page-template-template-contacto .p-icon i{
    font-size: 18px;
}

.page-template-template-contacto .p-icon p{
    margin-right: 6px;
    margin-left: 6px;
}

.indicaciones{
    padding-top: 3rem;
}

.indicaciones .h2{
    padding-top: 0;
    padding-bottom: 0;
}

.indicaciones .h3{
    padding-bottom: 0;
}
/* Mail */

#contact-form #mail,
#contact-form2 #mail{
	visibility: hidden;
	position: absolute;
	opacity: 0;
	left: -100vw;
}


.content-legal {
    padding: 2rem;
}

.content-legal ul {
    padding-left: 2rem;
}

.content-legal ul li {
    list-style: disc;
}

.content-legal .h2:after {
    display: none;
}

.content-legal table td {
    border: 1px solid #000001;
    padding: 0.5rem;
}

.content-legal table p {
    margin-bottom: 0rem;
}


.page-id-9804 #content{
	margin-top:4.5rem;
}

.page-id-9804 #content .wising a {
    color: var(--main-color);
}

.banner-oferta{
    background-color: var(--lavanda-color);
    color: white;
 	text-align:center;
   font-family: var(--font-head);
 padding: 0.5rem;
}

.banner-oferta .oferta-texto{
	display:block;
	line-height: 1.2;
        font-size:14px;
}

.text-team .h3{
	padding-top:0rem;
}

.error404 #content{
padding-top:9rem;
}

.error404 #content h1{
	font-family: var(--font-text);
}


/* --- RESPONSIVE  --- */

@media only screen and (min-width: 1400px) {}
@media only screen and (max-width: 1199px) {
    /* HERO */
    .hero h3 {
        font-size: 20px;
    }
    .hero h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 26px;
    }
    section.faq {
        margin: 60px 0 60px 0;
    }

    
}


@media only screen and (max-width: 991px) {
    /* HEADER MENU */
    .flex-header {
        flex-grow: 1;
    }
    nav#site-navigation ul.sub-menu {
        position: relative;
        display: block;
    }

    .menu-toggle {
        display: flex;
        justify-content:flex-end;
        align-items: center;
    }
    section.hero {
        background: url(img/hero-background.jpg) no-repeat center;
        background-size: cover;
        height: fit-content;
    }
    .overlay {
        padding: 15px;
        height: fit-content;
        padding: 30px 15px;
        background: rgba(0, 0, 0, 0.3);
    }
    .form-cabecera {
        top: 15px;
    }

    section.hero-bullets {
	    margin: 0 auto;
	    margin-bottom: 50px;
	    margin-top: 15px;
	}
	.home section.hero-bullets + section {
	    margin-top: 0;
	}


	.carousel-control-next, .carousel-control-prev {
	    color: black;
	}
	.carousel-control-next {
	    right: -13px;
	}
	.carousel-control-prev {
	    left: -13px;
	}
	.carousel .carousel-item {
		padding: 15px;
	}
	.carousel .carousel-inner {
    	padding-bottom: 30px;
	}
	.carousel-indicators .active {
    	background-color: black;
	}
	.carousel-control-prev:hover,
	.carousel-control-next:hover {
	    color: black;
	}

	.carousel-indicators li {
	    background-color: rgba(0,0,0,.5);
	}
	footer#colophon .col-sm-12.col-md-6.col-lg-3 {
		margin-bottom: 30px;
	}

	ul#menu-menu-superior {
	    flex-direction: column;
	    padding-bottom: 15px;
	}
	button#button-main-menu-toggle {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	section.cabecera {
	    padding-top: 5rem;
	}
	.form-container form {
	    padding: 15px;
	}
	.gfield {
	    padding-bottom: 0;
	}
    .row-reverse-tablet {
        flex-direction: column-reverse;
    }
    section.proceso.steps .col-lg-6.text-center {
        margin-bottom: 30px;
    }

    .cabecera .img.right {
        width: 100vw;
        height: fit-content;
        min-height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
    }
    .cabecera .img.right::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
    }
    .single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > span,
    .single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > h2,
    .single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > h4,
    .single-productos section.cabecera > .container > .row > .col-12.col-lg-6 > p {
        color: white;
    }

}





@media only screen and (max-width: 767px) {
     .content-legal {
        padding: 1rem;
    }
    .content-legal h3,
    .content-legal .h3 {
        font-size: 17px;
        font-weight: 700;
        line-height: 23px;
    }
    .content-legal a {
        word-break: break-word;
    }
    .content-legal ul {
        padding-left: 1rem;
    }
    .content-legal h2,
    .content-legal .h2 {
        font-size: 21px;
        line-height: 27px;
    }
    .content-legal p,
    .content-legal li {
        font-size: 14px;
        line-height: 21px;
    }
    .content-legal h1{
        font-size: 1.4rem;
        margin-bottom: 0.5rem;
    }
    
    a.telefono.gtm_phone {
        position: fixed;
        bottom: 30px;
        right: 30px;
        border-radius: 100px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    a.telefono.gtm_phone span {
        display: none;
    }
    a.telefono.gtm_phone i {
        margin: 0;
        font-size: 24px;
    }

    section.hero-bullets .col-md-4.p-0 {
        margin-bottom: 15px;
    }
    section.hero-bullets .col-md-4.p-0:last-child {
        margin-bottom: 0 ;
    }
    .team .foto {
        position: relative;
        top: 0;
    }
    .team .row.position-relative {
        flex-direction: column-reverse;
    }
    .cuadrado p {
	    min-height: auto;
	}
	.form-container input[type="submit"] {
		line-height: 1 !important;
	}
	.carousel-control-next {
	    right: -6px;
	}
	.carousel-control-prev {
	    left: -6px;
	}
	.row-reverse-movil {
		flex-direction: column-reverse;
	}
	.row-reverse-movil .sidebar {
		margin-bottom: 30px;
	}
    

	.steps .step {
	    max-width: 100%;
	}
	section.proceso.steps .row.mb-4:last-child {
	    margin-bottom: 0 !important;
	}
    section.productos article.card .card-body {
        justify-content: center;
        text-align: center;
    }
	.texto-imagen .foto {
	    top: 0;
	}
	.background-main .form-container {
	    padding: 30px 0;
	}
	.form-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
	    line-height: 1;
	    min-height: 0;
	}
    
	.texto-imagen {
	    margin: 30px 0 0 0;
	}
    
    
	
	section.banner-datos h3 {
	    font-size: 60px;
	}
	.boton {
	    padding: 0 15px;
	}
	a.cta-button {
	    padding: 15px 20px;
	    font-size: 16px;
	}
	.single-productos section.productos {
	    margin-top: 45px;
	}
	footer {
	    margin-top: 45px;
	    padding-top: 45px;
	}
	section.faq {
	    margin: 45px 0 45px 0;
	}
	section {
	    margin-top: 22px;
	}
	.form-container input[type="submit"] {
		padding: 15px 20px !important;
	    font-size: 16px !important;
	}
	section.cabecera h2.h1 {
    font-size: 2rem;
}
	.error404 #content{
padding-top:5rem;
}
}
    
@media only screen and (max-width: 479px) {
    .flex-header {
        padding: 0 15px;
    }

}