/*
Theme Name: transchapi2k20
Author: SJB Dixital
Author URI: http://www.sjbdixital.es/
Version: 1.0
License: p'a tocristo
License: Uso interno
Template: dt-the7
*/

:root{

    --azul-chapi : #154e87;
    --gris-chapi : #3c4147;
    --gris-dos     : #e1e4e6;

    --max-width  : 1920px;
    --page-width : 1230px;
    --alto-sider : 1051px
    /*margin top :100px*/
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


.clear {
    width: 100%;
    clear: both;
}

.clear1 {
    width: 100%;
    min-height: 1px;
    /*va!!*/
    clear: both;
}

html {
    font-size: 62.5%; /*http://www.cristalab.com/tutoriales/las-medidas-em-y-rem-en-css3-c113125l/*/
    height: auto;
    min-height: 100%;
    scroll-behavior: smooth;
}

body,
html {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    overflow-x: hidden;
}

body {
    font-family: 'Raleway', sans-serif !important;
    position: relative;
    font-size: 10px;
    color: var(--gris-chapi);
    background-color: #fff;
}


#page{
    display:block;
    position: relative;
    margin:0 auto;
    /*border:1px dashed #c00;*/
    min-height: 1200px;
    max-width:var(--max-width);
}

.page-width{
    max-width:var(--page-width);
    /*border:2px dashed #0c0;*/
    width: 100%;
    position: static;
    float: none;
    margin: 0 auto;
}
.is-flex{
    display:flex;
}

.is-flex-centerv{
    align-items: center;
}


p{
    font-size:1.5rem;
    line-height:1.5em;
}

#seccion2{
    margin-left:0;
    margin-right:0;
}

#seccion4 ul.wpb_image_grid_ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    border:0px solid #c00 !important;;
}



#galeria-home .vc_grid-item-mini .vc_gitem-animated-block > .vc_gitem-zone{
    transition: background-size 0.3s ease-out;
    -moz-transition: background-size 0.3s ease-out;
    -ms-transition: background-size 0.3s ease-out;
    -o-transition: background-size 0.3s ease-out;
    background-size:auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
/* #galeria-home .vc_grid-item-mini .vc_gitem-animated-block {
    border:2px solid #c00;
} */

#galeria-home .vc_grid-item-mini.vc_is-hover .vc_gitem-animated-block .vc_gitem-zone {
    background-size: auto 120%;
}

#galeria-home .vc_grid-item-mini .vc_gitem-animated-block > .vc_gitem-zone  >a{
    opacity:0 !important;
}


footer{
    padding:3rem 0;
}

footer nav ul.menu-footer{
    list-style: none;
    padding:0;
    margin:0 auto;
    display:flex;
    align-items: center;
    justify-content: center;
}
@media(min-width:560px){
    footer nav ul.menu-footer li:not(.last){
        padding:0 1em 0 0;
        margin-right:1em;
        border-right:1px solid var(--azul-chapi);
    }
}
footer nav ul.menu-footer li{
    font-size:14px;
}

footer nav ul.menu-footer li a,
footer nav ul.menu-footer li a:visited{
    text-decoration: none;
    font-size:inherit;
    color: var(--gris-chapi);
}

footer nav ul.menu-footer li a:hover,
footer nav ul.menu-footer li a:active,
footer nav ul.menu-footer li a:focus{
    color: var(--azul-chapi);
}

body.page-template-page-cms #page{
    margin:2em auto;
    width:90%;
}


table.cookies{
    width:90%;
    margin:3rem auto 2rem;
}

table.cookies caption{
    font-size: 18px;
    font-weight: bold;
    color: var(--gris-chapi);
}

/* --azul-chapi : #3fa8cb;
--gris-chapi : #3c4147;
--gris-dos     : #e1e4e6;
 */

 table.cookies td{
     font-size:15px;
     padding:5px 1rem;
 }
 table.cookies thead td{
    background: var(--azul-chapi);
    color:white;
    vertical-align: middle;
    text-align: center;
}



/*cabecera*/
#seccion-header {
    position:relative;
    padding:0;
    margin:0;
}
 #header-background {
     width:100%;
     margin:0;
     height:1000px;
     padding:0;
 }

 #header-content{
     position:absolute;
     z-index:10;
     height:90%;
     width:100%;
     margin:0;
     padding:0;
     /* border:2px dashed #c00; */
 }

 #header-content:before, #header-content:after,
 #header-content div div:before{
     display:none;
 }
 #header-content .columna-interna-1{
     position:relative;
     height:100%;
     width:100%;
     margin:0;
     padding:0;
 }
 #header-content .columna-interna-1 div{
     position:relative;
     width:100%;
     margin:0;
     padding:0;
 }
 #header-content .columna-interna-1 >div,
 #header-content .columna-interna-1 >div>div{
     height:100%;
 }
 #header-content .columna-interna-1 >div>div{
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     align-items:center;
     height:90%;
     /*top:5%;*/
 }

 #header-content h2{
     font-size:40px;
 }



@media (max-width: 1199.98px) {
    #header-background {
        height:800px;
    }
}
@media (max-width: 991..98px) {
    #header-background {
        height:700px;
    }
}
@media (max-width: 767px) {
    div.logotipo-chapi >figure{
        width:80%;
    }
    #header-content h2{
        font-size:28px;
    }


}

@media (max-width: 575px) {
    #header-background {
        height:300px;
    }
    #header-content h2{
        font-size:22px;
    }
    footer nav ul.menu-footer{
        flex-wrap: wrap;
    }
    footer nav ul.menu-footer li {
        flex-basis: 100%;
        text-align: center;
        padding:.5rem 0

    }
}