@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

#oralsin-template02 .mt-6 { margin-top: 3.4rem!important; }
#oralsin-template02 .mb-6 { margin-bottom: 3.4rem!important; }

#oralsin-template02 .btn-success {
        color: #fff;
        background-color: transparent !important;
        background-image: linear-gradient(140deg, #25EC4F 0%, #16CA3C 100%) !important;
        border: 0;
        padding: 15px;
    }

    #header{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 78vh;
    }

    #header .bg-overlay {
        width: 100%;
        height: 100vh;
        background-color: #000;
        position: absolute;
        opacity: 
        0.5;
    }

    .mn {
        margin-top: -30px;
    }

    .btn-header{
        width: 100% !important;
        height: 75px !important;
        font-size: 50px !important;
        margin: 42px 0px 60px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom:80px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        text-align:center;
        font-size:45px;
        box-shadow: 1px 1px 2px #888;
        z-index:1000; 
        align-items:center;
        padding: 17px;
    }

    .btn-header:hover{
        text-decoration: none;
        color: #FFF;
    }

    /* // #header {
    //     background-size: cover;
    //     background-repeat: no-repeat;
    //     background-position: center;
    //     min-height: 100vh;
    //     margin-bottom: -25px;
    //     position: relative;
    //     padding-bottom: 25px;
    // }
    // #header .bg-overlay {
    //     width: 100%;
    //     background-color: #000;
    //     position: absolute;
    //     min-height: 100vh;
    //     bottom: 0;
    //     top: 0;
    //     opacity: .5;
    // } */

    #header h1 {
        color: #FFF;
        font-weight: bold;
        font-size: 2.3em;
    }

    #header h1 span {
        color: #25EC4F!important;
    }


    #header .logo{
        width: 100%;
        height: 50px;
        background-image: url('/images/themes/oral-sin/logo-oralsin-white.png');
        background-repeat: no-repeat;
        margin: 40px auto;
    }

    #header form {
        margin: 0em 8em 0em 0em;
        padding: 35px 40px 40px 40px;
        background-color: #106833;
        border-radius: 16px 16px 16px 16px;
    }

    #header form label {
        color: #FFF;
        margin-bottom: 3px;
        margin-top: 12px;
    }
    #header form input[type='submit'] { 
        width: 100%;
        margin-top: 15px; 
    }

    #header .social-icon i {
        color: #FFF;
        font-size: 2em;
        font-weight: bold;
    }

    #header .social-icon  {
        font-size: 2em;
    }
        
    #section2 .box .dentist {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    #section2 h2{
        color: #106833;
        font-size: 44px;
        font-weight: 700;
    }

    #section2 .box{
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A3A336;
        background-color: #FFFFFF;
        box-shadow: 5px 4px 10px 1px rgb(0 0 0 / 50%);
        margin-top: 0rem;
        margin-bottom: 0rem;
        border-radius: 7px 7px 7px 7px;
    }

    #section2 .box p.emphasis{
        color: #657078;
        font-size: 16px;
        font-weight: 600;
    }

    #section3 h2{
        color: #106833;
        font-size: 44px;
        font-weight: 600;
    }

    #section3 p{
        color: #106833;
        font-size: 16px;
        font-weight: 400;
    }

    #section3 .box{
        background-color: #FFFFFF;
        border-radius: 16px 16px 16px 16px;
        padding: 10px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A3A336;
        box-shadow: 1px 4px 10px 0px rgb(0 0 0 / 50%);
        position: relative;
        top: -150px;
        min-height: 430px;
    }

    #section3 .box img{ 
        width: 100%; 
        min-height: 220px;
    }

    #section3 .bg-green{
        background-color: #133621;
        position: relative;
        top: 150px;
    }

    #section3 .col-3{
        height: 285px;
    }
    #section3 .box h3{
        color: #106833;
        font-size: 18px;
        font-weight: 700;
    }
    #section3 .box p{
        color: #657078;
        font-size: 12px;
        font-weight: 400;
        min-height: 110px;
        margin-bottom: 0;
    }

    #section4{
        position: relative;
        top: 200px;
    }

    #section4 .container-unit{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #section4 .box, .boxBH{
        width: 50%;
        margin: 0 auto;
        background-color: #FFFFFF;
        border-radius: 16px 16px 16px 16px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A3A336;
        box-shadow: 1px 4px 10px 0px rgb(0 0 0 / 50%);
    }

    #section4 .box img, .boxBH img{
        width: 100%;
        border-radius: 16px 16px 0px 0px;
    }

    #section4 h1{
        color: #106833;
        font-weight: 700;
    }

    #section4 .box h3{
        color: #106833;
        font-size: 24px;
        font-weight: 700;
    }
    
    #section4 p{
        color: #133621;
        font-size: 16px;
        font-weight: 400;
    }

    #section4 .links{
        width: 50%;
        margin: 0 auto;
    }

    #section5{
        background-color: #006932;
        position: relative;
        top: 200px;
    }

    #section5 .box{
        background-color: #FFFFFF;
        border-radius: 0px 16px 16px 0px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #A3A336;
        box-shadow: 1px 4px 10px 0px rgb(0 0 0 / 50%);
        padding: 15px;
        position: relative;
        left: -10px;
        top: 12px;
    }

    #section5 .box h2{
        color: #106833;
        font-size: 36px;
        font-weight: 600;
        text-align: center;
    }

    #section5 .movie {
        height: 500px;
        min-height: 500px;
    }

    #section5 .movie iframe{
        border-radius: 16px 16px 16px 16px;
        position: relative;
        top: 55px;
        border-radius: 16px 16px 16px 16px;
    }

    #section6{
        position: relative;
        top: 200px;
        background-color: #133621;
        padding: 40px 0px 0px 0px;
    }

    #section6 .logo{
        width: 205px;
        height: 50px;
        margin: 0 auto;
        background-image: url('/images/themes/oral-sin/logo-oralsin-white.png');
        background-repeat: no-repeat;
    }

    #section6 .social-icon{
        width: 15%;
        margin: 0 auto;
    }

    #section6 .social-icon a{
        color: #B9E027;
        font-size: 1.3em;
        font-weight: bold;
    }

    #section6 p{
        color: #FFFFFF;
        font-size: 0.8em;
        font-weight: 400;
    }

    #section7 { 
        position: relative;
        top: 200px;
        background-color: #3C3C3C;
        padding: 10px;
    }
    #section7 p { margin-bottom: 0; }





    .alert.alert-danger p {
        margin: 0;
    }





    /* MOBILE */
    @media(max-width: 768px) {  

        #header .laurodefreitas {
            background-position: center center!important;
            background-position-x:  -1300px!important;
            background-position-y: 0px!important;
            background-size: cover!important;
        }

        .mt-6 { margin-top: 0 !important; }

        #header {
            height: 85vh!important;
            background-position-x: -1300px;
        background-position-y: -140px;
        }

        #header .bg-overlay {
            height: 85vh!important;
        }

        #header .logo {
            width: 200px;
            margin: 40px auto;
        }

        #header form {
            margin: 0;
        }

        .dentist {
            height: 400px;
        }

        .dentist-section {
            flex-direction: column-reverse;
    
        }
        
        .bg-bauru {
            background-position-x: 77%!important;
        }

        a.btn.btn-success {
            margin-top: 45px;
        }

        .social-icon {
            margin-top: 0px !important;
        }

        #section2 img {
            width: 100%;
        }

        #section2 .box .dentist {
            position: initial;
            bottom: initial;
        }

        #section3 .box {
            margin-top: 30px;
        }

        #section3 h2 {
            font-size: 25px;
            margin-bottom: 35px;
        }

        #section4 .box {
            width: 100%;
            margin: 0 0 50px 0;
        }

        #section4 .container-unit{
            flex-direction: column;
        }
        #section4 .box:nth-of-type(1) {
            margin-right: 0px;
        }
        #section4 .box:nth-of-type(2) {
            margin-right: 0px;
        }

        #section5 .movie iframe {
            width: 100%;
        }

        #section5 .box {
            border-radius: 16px 16px 16px 16px;
            top: 0;
            left: 0;
        }

        #section5 .box .btn.btn-success{
            display: block;
            margin: 0 auto;
        }

    }



    @media(min-height:699px) and (max-height:850px)
    {
        .mt-5, .my-5 { margin-top: 1em!important; }
        #header h1 { font-size: 1.4em; }
        .social-icon { margin-top: 50px !important; }
    

    #header .laurodefreitas {
        background-position: center center!important;
        background-position-x:  -1300px!important;
        background-position-y: 0px!important;
        background-size: cover!important;
    }


    /* Botão Instagram para BH */

    a .ig-bh {
        display: flex; 
        align-items: center; 
        justify-content: center; 
        font-size: 40px; 
        margin-top: -20px; 
        margin-bottom: 16px; 
        color: #106833; 
        text-decoration: none;
    }
}

    @media only screen and (max-width: 767px) {
        #section4 .container-unit {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        #section4 .container-unit .boxBH {
            width: 100%;
            margin-bottom: 32px;
        }
    



    #carrousel{
        margin: 220px auto -145px auto;
    }

    #carrousel img {
        width: 30%;
    }

}

a.wp-oralsin i {
    font-size: 35px;
}

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

  .laurodefreitas {
        background-position: center center!important;
        background-position-x:  -1300px!important;
        background-position-y: 0px!important;
        background-size: cover!important;
    }

    .laurodefreitas p{
        color: #fff!important;
    }

    .bg-salvador {
        background-position-x: -1230px!important;
    }

    .bg-salvador p {
        color: #fff!important;
    }

    #header {
        height: 55vh;
        background-repeat: no-repeat;
        background-position: top right;
        background-size: cover;
        background-position-x: -700px;
    }



    #header .bg-overlay {
        height: 44vh;
    }


    .mobile {
        font-size: 1em !important;
        margin-top: -38px !important;
        color: #000 !important;
    }
    
    .bg-salvador {
        background-size: initial;
        height: 515px !important;
    }

    .btn-header{
        width: 100% !important;
        height: 75px !important;
        font-size: 50px !important;
        margin: 42px 0px 60px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom:80px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        text-align:center;
        font-size:45px;
        box-shadow: 1px 1px 2px #888;
        z-index:1000; 
        justfy-content: center; 
        align-items:center;
        padding: 17px;
    }


    .btn-header i{
        font-size: 41px;
    }

    #oralsin-template02 .mt-6 {
        margin-top: 7.4rem!important;
    }

}