/*
Theme Name:  Clínica Bondi Child - Medialogic
Description: Tema desarrollado para Cazmor.cl
Author:      Medialogic.cl
Author URL:  https://www.medialogic.cl
Template:    medialogic_blank
Version:     2.2
License:     GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cazmor-child-theme
*/

body {
    font-family: "Noto Sans", sans-serif;
    overflow-x: hidden;
}

h3.big {
    font-size: 1.55em;
}

h1,h2,h3,h4,.h1,.h2 {
    font-weight: 800 !important;
    letter-spacing: -1px;
}

img {
    height: unset;
}

.lead, .lead p {
    font-weight: 400;
}

.btn {
    padding: 1rem 2rem;
    font-weight: 700;
}

.btn-primary, .btn-secondary, .btn-bondi {
    border: none;
}

.bg-trans-white {
    background-color: rgba(255,255,255,.8);
}

.bg-bondi {
    background-color: #579abd;
}

.text-bondi {
    color: #579abd;
}

.bg-bondi-light {
    background-color: #F4EFEB;
}

.btn-bondi {
    color: #fff;
    background-color: #579abd;
}

.btn-bondi:hover {
    color: #fff;
    background-color: #579abd;
}

.btn-bondi-light {
    color: #304057;
    background-color: #F0EFF6;
}

.btn-bondi-light:hover {
    /*color: #3398B7;*/
    background-color: #F4EFEB;
}

.text-dark {
    color: #304057 !important;
}

.top-0 {
    top: 0;
}

.left-0 {
    left: 0;
}

.pl-50 {
    padding-left: 50%;
}

.pl-55 {
    padding-left: 55%;
}

.pr-50 {
    padding-left: 50%;
}

.pr-55 {
    padding-left: 55%;
}

h3.h1.line-clamp-2 {
    height: 7rem;
}

#top {
    background-color: #4899ba !important;
}

#top a {
    font-size: 1em;
}

/* - HEADER - */

header .logo-img {
    width: 130px;
    margin: 0;
}

#menu-principal {
    justify-content: center;
}

.header .nav ul li a {
    color: #314158;
    font-weight: 700;
    /*border-right: 1px solid #aaa;*/
    padding: 1em 2em;
}

.header .nav ul li:not(:first-child) a {
    border-left: 1px solid #efefef;
}

.header #menu-contacto a {
    padding: 1em;
}

.header .nav li ul.sub-menu {
    display: block;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease-in;
}

.header ul li:hover ul.sub-menu {
    display: block;
    max-height: 500px;
}

.header .nav ul li ul.sub-menu li a {
    border-top: 1px solid #eee;
    transition: all .3s ease;
}

.header .nav ul li ul.sub-menu li a:hover {
    background-color: #f5f5f5;
    padding-left: 2.7em;
}

#menu-item-166 {
    padding: 1rem;
    background: #fff;
}
#menu-item-166 a {
    background-color: #49a740;
    border-radius: 50px;
    padding: 1.25rem 2rem;
    color: #fff;
}

#menu-item-166 a:hover {
    background-color: #218838;
}

/* - FIN HEADER - */

.home section h1, .home section h2, .home section .h2 {
    margin: 0em 0 0;
    font-size: 2.5em;
    font-weight: 600;
    color: #343434;
}

.home section h1, .home section h2, .home section .h2 {
    color: #304057;
}
/*
section#contacto h3 {
    font-size: 1.5em;
}*/

section#slider .carousel-cell {
    background-color: #aaa;
    min-height: 40vh;
    padding-bottom: 4em;
}

section#clinica .carousel-cell {
    min-height: 40vh;
    padding: 2em 0;
    align-content: center;
    /*background-blend-mode: multiply;*/
    /*background-color: #737373;*/
}

section#slider .carousel-cell h3 {
    text-shadow: 0 0 4px rgba(0, 0, 0, .8);
    color: #fff;
}

section#slider .carousel-cell p {
    font-size: unset;
}

section#reserva .wpcf7-form {
    width: 100%;
    max-width: 600px;
    padding: 4rem;
    background-color: #f8f9fa;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
    margin-bottom: 4rem;
    border-radius: 8px;
    border: none;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 30%);
}

#reserva div.wpcf7 form p input[type="submit"] {
    background-color: #28a745;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#reserva div.wpcf7 form p input[type="submit"]:hover {
    background-color: #218838;
}

section#reserva .wpcf7-form label {
    text-align: left;
    font-weight: 700;
}

div#bottom {
    background-color: #387a94;
    color: #fff;
    font-weight: 300;
    padding: 1em;
    font-size: 1em;
    padding-bottom: 75px;
}

div#bottom a {
    color: #fff;
    font-weight: 600;
}

section#especialidades .flickity-viewport {
    overflow: visible;
}

section#mapa iframe {
    width: 100%;
}

section#shortcuts_contacto .block {
    margin-top: -60px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.bottom-0 {
    bottom: 0;
}
.right-0 {
    right: 0;
}
.z-index-9 {
    z-index: 9;
}
.card-profesional img.pic-profesional {
    aspect-ratio: 1/1.3;
}

.card-especialidad img{
    width: 120px;
    height: 120px;
}

.card-testimonio img.profile-pic {
    aspect-ratio: 1/1;
    width: 120px;
    height: 120px;
}

.card-blog h3.h1 {
    font-size: 1.75em;
}

.pophover {
    transition: all .3s ease;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.pophover:hover {
    transform: translateY(-4px);
    box-shadow: 4px 4px 10px rgba(0,0,0,.1) !important;
}

.hover-contactos {
    border-left: 6px solid #639bc0 !important;
}

.hover-contactos:hover {

}

div.wpcf7 form p textarea, div.wpcf7 form p input, div.wpcf7 form p select {
    font-size: 1em;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 3px 0 15px 0;
    padding: .5em;
    max-height: 130px;
    background-color: #ffff;
    height: auto;
}

div.wpcf7 form p input[type="submit"] {
    background-color: #579abd;
    color: #fff;
    border: none;
    /* line-height: 1rem; */
    height: auto;
}

/* landing v1 */

#casos_de_exito img {
    height: 300px;
}

#bienvenida video {
    width: 100%;
    height: auto;
    max-width: 600px;
}

@media only screen and (max-width: 768px) { 

    header .logo-img {
        width: 200px;
        margin: 1em .5em;
    }

    header a#but_toggle_menu {
        top: 27px;
        background-color: #444;
    }

    section#slider .carousel-cell {
        min-height: 65vh;
    }

    .card-testimonio .line-clamp-3 {
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 14rem;
        font-size: 1.75rem;
    }

}

@media only screen and (min-width: 768px) {
    
}


@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}