/*
Theme Name: CGM
Theme URI: https://cgmabogados.eu/
Author: cgmabogados
Author URI: https://cgmabogados.eu
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 5.3.4
Requires at least: 5.0
Tested up to: 6.4.1
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Cgmabogados is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

:root{
    --black: #000;
    --green: #098563;
    --gray: #d7d1e1;
    --gray2: #f3f3f5;
}


@font-face {
    font-family: os;
    src: url(fonts/Oswald-Light.ttf);
    font-weight: 300;
}


body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: var(--black);
    font-size: 15px;
}


html, body {
    height: auto;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.os{
    font-family: os,sans-serif;
}

.bg-gray{
    background-color: var(--gray)
}
.bg-gray2{
    background-color: var(--gray2)
}

.text-green{
    color: var(--green)
}



p strong{
    font-weight: 500
}

.fs-12 {
    font-size: 12px;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}
.fs-22 {
    font-size: 22px;
}
.fs-24 {
    font-size: 24px;
}
.fs-26 {
    font-size: 26px;
}
.fs-28 {
    font-size: 28px;
}
.fs-30 {
    font-size: 30px;
}
.fs-32 {
    font-size: 32px;
}
.fs-34 {
    font-size: 34px;
}
.fs-36 {
    font-size: 36px;
}
.fs-38 {
    font-size: 38px;
}
.fs-40 {
    font-size: 40px;
}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
    font-weight: 500
}


.line3{
    line-height: 1.5
}


.f-300{
    font-weight: 300
}
.f-400{
    font-weight: 400
}
.f-500{
    font-weight: 500
}
.f-600{
    font-weight: 600
}


.b{
    border: 1px solid var(--black);
}

.bl{
    border-left: 1px solid var(--black);
}

.br{
    border-right: 1px solid var(--black);
}

.bt{
    border-top: 1px solid var(--black);
}

.bb{
    border-bottom: 1px solid var(--black);
}

.full-img{
    height: 100%;
}

.full-img img{
    width: 100%;
    height: 100%!important;
    object-fit: cover
}

.navbar-brand img{
    width: 160px
}

.cont-header{
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

#content{
    margin-top: 134px
}

.navbar-expand-lg .offcanvas .offcanvas-body{
    flex-direction: column
}

.title{
    font-size: 1.3rem
}

#bootscore-navbar li a{
    text-transform: uppercase;
    font-weight: 500;
    color: var(--black);
    font-size: 14px
}

#footer-menu li a{
    color: var(--black);
    font-size: 14px;
    color: #444
}

#footer-menu{
    justify-content: end
}

a:hover,
#bootscore-navbar li a:hover,
#footer-menu li a:hover{
    color: var(--green);
}

.top-nav-contact p{
    margin-bottom: 0;
    white-space: nowrap
}

.top-nav-contact{
    justify-content: center;
    align-items: center;
    gap: 1rem
}

.top-nav-contact > *{
    flex: 0 0 auto;
    width: auto;
}

.top-nav-contact .wp-block-media-text{
    grid-template-columns: 12% auto!important;
}

.top-nav-contact .wp-block-media-text__content{
    padding: 0
}
.top-nav-contact .wp-block-media-text__content > *{
    padding-left: 8px;
    padding-right: 8px
}

.btn-cita{
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,.3);
    border-radius: 0;
    line-height: 1.2;
}

#bootscore-navbar li .dropdown-menu li{
    text-align: center
}

#bootscore-navbar li.current-menu-item a {
    color: green;
}

.cont-header,
.cont-main-menu{
    border-color: var(--green)
}

.footer-images img{
    height: 45px!important;
    max-width: none;
    width: auto
}

.bg-banner{
    background-color: #231f20
}

.center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.box{
    height: 100%;
    border: 1px solid var(--black);
    padding: 1rem 1.5rem;
    text-align: justify
}

.box-casos h5{
    margin-bottom: 1.5rem
}

.owl-carousel .item img{
    aspect-ratio: 600/500;
    object-fit: cover
}


.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 25px;
    left: -30px;
}

.owl-carousel .owl-nav button.owl-next{
    left: auto;
    right: -30px;
    transform: rotate(180deg)
}


.boxed .item{
    border: 1px solid var(--black);
    padding: 1.5rem;
    height: 100%
}



.wpcf7 label{
    display: block
}

.wpcf7 select,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"]{
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--black);
    border-radius: 0
}

.wpcf7 textarea{
    width: 100%;
    border: 0;
    border: 1px solid var(--black);
    border-radius: 0;
    max-height: 120px
}


.text-privacy{
    font-size: 11px;
    text-align: justify
}

.wpcf7-list-item{
    display: block;
    margin: 0;
    line-height: 1
}

.wpcf7-form .row{
    align-items: center
}

.wpcf7-form .row p{
    margin-bottom: 0
}

.wpcf7 select{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}

.wpcf7 select,
.wpcf7 textarea::placeholder,
.wpcf7 input::placeholder{
    color: var(--black);
    font-size: 15px
}


.wpcf7-spinner{
    position: absolute;
    right: 5px;
    top: 7px
}

.cont-btn{
    text-align: right
}


.cont-btn .btn-cita{
    padding-left: 2rem;
    padding-right: 2rem
}

.navbar-nav .dropdown-menu{
    border-radius: 0;
    background-color: #ecf4ee;
    margin-top: 0
}

#bootscore-navbar .dropdown-item.active, .dropdown-item:active{
    background-color: transparent;
    color: var(--green)
}

.fixed-top, .fixed-top * {
    transition: all .15s linear;
}

.to-fixed #nav-main{
    padding: 0
}

.to-fixed .cont-header{
    border-bottom: 0
}

.to-fixed{
    box-shadow: 0px 0px  5px 2px rgba(0,0,0,.2)
}

.to-fixed .custom-logo{
    width: 130px
}


.to-fixed .top-nav-contact{
    margin-bottom: 0.5rem;
}
.to-fixed .wpml-ls-legacy-list-horizontal{
    margin-bottom: 0.1rem!important
}

.wpml-ls-legacy-list-horizontal{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 1rem;
}

.wpml-ls-legacy-list-horizontal a{
    color: var(--black);
    font-size: 13px;
    font-weight: 500
}


.wpml-ls-current-language a{
    color: var(--green)
}

#nav-main{
    padding-bottom: 0
}

@media (min-width: 1200px){
    #bootscore-navbar li a{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}


@media (max-width: 1199px){
    .footer-images img{
        height: 35px!important
    }
}
@media (max-width: 991px){


    .navbar-expand-lg .offcanvas .offcanvas-body{
        display: flex
    }

    .d-flex.top-nav-contact{
        flex-wrap: wrap
    }

    .top-nav-widget{
        margin-right: auto;
        margin-top: auto
    }

    .cont-main-menu{
        order: -1;
        margin-bottom: auto;
        border-top: 0
    }

    .offcanvas-header{
        background-color: var(--green);
        color: #fff
    }

    .offcanvas-header .btn-close{
        opacity: 1;
        filter: invert(1)
    }

    .btn-menu{
        border-radius: 0;
        border: 1px solid var(--green);
        line-height: 1;
        font-size: 24px;
        color: var(--green)
    }

    .cont-header{
        border: 0
    }

    #footer-menu{
        justify-content: center
    }

    .col1, .col2 {
        width: 50%;
    }

    .col1{
        text-align: right;
    }

    .col2{
        border: 0
    }

}
@media (max-width: 767px){


    .col1,
    .col2,
    .col3{
        width: 100%;
        border: 0;
        text-align: center
    }

    .row-mobile > div{
        flex: 0 0 auto;
        width: 100%;
    }

    .first-mobile{
        order: -1
    }
}