/*
Theme Name: Customizr Child Theme
Description: Tema hijo de Customizr para personalizar el código
Template: customizr
Version: 1.0
Author: Cristina Chamorro Bravo
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, buddypress, custom-menu, custom-colors, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, rtl-language-support, editor-style
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600&family=Oswald:wght@300;400;500&display=swap');


body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #29292F;
}

h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;    
    color: rgb(49, 49, 49);
    text-transform: uppercase;
}
h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    margin-top: 0;
    font-size: 2em;
    color: rgb(49, 49, 49); 
    text-transform: uppercase;
}
h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 1.5em;
    color: rgb(49, 49, 49);
    text-transform: uppercase;
}
ul {
    list-style-type: disc;
}
a {
    color:rgb(49, 49, 49);
}
.footer-skin-dark .footer__wrapper a {
    text-decoration: underline;
}
a:hover,
.footer-skin-dark .footer__wrapper a:active,
.footer-skin-dark .footer__wrapper a:focus,
.footer-skin-dark .footer__wrapper a:hover {
    transition: color .3s ease;
    color:rgb(236, 16, 31);
    text-decoration: underline;
}
a.nav__link:hover {
    text-decoration:none;
}

.primary-nav__container {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    font-weight: 400;
}
.dropdown-menu.czr-dropdown-menu .nav__link {
    font-weight: 300;
    font-style: normal !important;
}

.search-toggle_btn,
.czr-search-expand {
    display: none;
}

.tc-header.border-top {
  border-top-color: rgb(236, 16, 31);
}

#customizr-slider-main_slider.czr-carousel {
  height: 500px;
}

article .entry-content {
    font-size: 1em;
}

.home #content {
    padding-bottom: 0.5em;
}

.contenedor-con-sombra {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
    padding: 3em 4em;
    margin: 3em 0;
}
.contenedor-con-sombra-nomargintop {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
    padding: 3em 4em;
    margin: 0 0 0 3em;
}
.contenedor-indice {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.4);
    padding: 2em;
    margin: 2em 0;
}
.czr-wp-the-content ul {
    list-style: disc;
}
.czr-wp-the-content ul.contenedor-indice {
    padding: 2em 3.5em;
    font-size: 0.9em;
}
.contenedor-con-sombra img,
.is-layout-flex img,
.wp-block-image img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.contenedor-con-sombra header h2 {
    margin-bottom: 2em;
}
.contenedor-con-sombra header h2 {
    margin-bottom: 5px;
}

.wp-block-button__link {
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    margin-top: 0.9em;
    border: 2px solid rgb(236, 16, 31);
    background: #fff;
    color: rgb(49, 49, 49);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 0.5em 1em;
}
article .entry-content a.wp-block-button__link {
    color: rgb(49, 49, 49);
    text-decoration: none;
}
article .entry-content a.wp-block-button__link:hover {
    border: 2px solid #c1c1c9;
    background: #c1c1c9;
    color: rgb(49, 49, 49);
}
.boton-aviso {
    border: 2px solid #c1c1c9;
    background: #c1c1c9;
    color: rgb(49, 49, 49);
    cursor: default;
}

.page-template-default h2,
.page-template-default figure img {
    margin-top: 1em;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
  flex: none;
  height: auto;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
    backdrop-filter: none;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: none;
    position: relative;
    text-align: left;
    color: #7C7C8F;
    text-shadow: none;
}


/* FOOTER */
#horario-contacto {
    background-color: #DCDCE0;
}

.footer-skin-dark .footer__wrapper {
  background: #DCDCE0;
}

#horario-contacto {
    padding: 2em 0;
    color: #000;
}
#horario-contacto h2 {
    color: rgb(49, 49, 49);
    font-size: 1.5em;
}

.footer-skin-dark .footer__wrapper #colophon {
  background: #fff;
  border-bottom: 5px solid rgb(236, 16, 31);
}

#footer-widget-area {
    padding-bottom: 3.75em;
}
.footer-skin-dark .footer__wrapper,
.footer-skin-dark .footer__wrapper a {
    color: #29292F;
}
a.icono-fb,
.footer-skin-dark .footer__wrapper a.icono-fb {
    color:#0866ff;
}
a.icono-fb:hover {
    color:#0866ff;
}
a.icono-fb i {
    font-size:24px;
    vertical-align:middle;
}
#footer-widget-area li {
    display: inline;
}

#colophon ul {
    list-style-type: none;
    margin-top: 1.25em;
}
#colophon ul.textos-legales {
    text-align: right;
}
#colophon ul.textos-legales-movil {
    text-align: center;
}
#colophon ul li {
    display: inline-block;
}
#colophon ul.logos-footer li {
    padding: 0 40px;
}
#colophon ul.textos-legales li,
#colophon ul.textos-legales-movil li {
    padding-left: 20px;
    padding-bottom: 10px;
}

.czr-rights-text {
    display:block;
    font-size: 90%;
}


/* MAPA RESPONSIVO */
.map-responsive {
    overflow:hidden;
    padding-bottom:400px; /*Reduce este valor si el mapa fuera muy alto, por ejemplo 250px, puedes usar porcentajes, 50%*/
    position:relative;
    height:0;
    border-radius: 10px;
}

.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    border-radius: 10px;
}


/* ESTILOS GENERALES */

.nomargintop {
    margin-top: 0;
}
.margintop1 {
    margin-top: 1em;
}
.margintop15 {
    margin-top: 1.5em;
}
.margintop2 {
    margin-top: 2em;
}
.margintop3 {
    margin-top: 3em;
}
.margintop20 {
    margin-top: 20px;
}
.nomarginbottom {
    margin-bottom: 0;
}
.marginbottom1 {
    margin-bottom: 1em;
}
.marginbottom2 {
    margin-bottom: 2em;
}
.marginbottom3 {
    margin-bottom: 3em;
}
.marginright10 {
    margin-right: 10px;
}
.marginright15 {
    margin-right: 15px;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.subtit {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    margin-top: 0;
    font-size: 1.5em;
    color: rgb(49, 49, 49);
}

.texto-peq {
    font-size: 0.9em;
}

.mobile-navbar__wrapper .navbar-brand-sitelogo img {
  max-height: 150px !important;
  transition: all .35s ease-in-out;
}

.can-shrink-brand.sticky-brand-shrink-on .desktop-sticky .navbar-brand img {
  max-height: 50px !important;
}

@media (min-width: 768px) {
    .mobile-navbar__wrapper .navbar-brand-sitelogo img {
        max-height: 120px !important;
        max-width: 100%;
    }

    #logo-aula {
        max-height:90px;
    }
    #logo-pambley {
        max-height:70px;
    }

    #colophon .desktop {
        display: block;
        visibility: visible;
    }
    #colophon .movil {
        display: none;
        visibility: hidden;
    }
}

@media (max-width: 767px) {
    #logo-aula {
        max-height:90px;
        margin-bottom: 20px;
    }    
    #logo-pambley {
        max-height:70px;
        margin-top: 20px;
        margin-bottom: 20px;
    }  

    #colophon .desktop {
        display: none;
        visibility: hidden;
    }
    #colophon .movil {
        display: block;
        visibility: visible;
    }
}