/* 
Theme Name: CBM - Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featumain-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

@font-face {
    font-family: 'truenosbd';
    src: url('/wp-content/uploads/fonts/truenosbd.otf') format('opentype');
    /* You can specify other font properties here, like font-weight and font-style */
}

@font-face {
    font-family: 'truenorg';
    src: url('/wp-content/uploads/fonts/truenorg.otf') format('opentype');
    /* You can specify other font properties here, like font-weight and font-style */
}


@font-face {
    font-family: 'geoml';
    src: url('/wp-content/uploads/fonts/geomlight.ttf') format('truetype');
    /* You can specify other font properties here, like font-weight and font-style */
}


:root {
    --animated: all .3s ease-in-out;
    --mainColor: ;
    --altColor: ;
    --darkColor: ;
    --whiteColor: ;
    --darkGray: ;
    --lightGray: ;
    --truenosbd: 'truenosbd', sans-seriff;
    --truenorg: 'truenorg', sans-seriff;
    --geoml: 'geoml', sans-seriff;


}

.mainColor{ color:var(--mainColor); }
.altColor{ color:var(--altColor); }
.darkColor{ color:var(--darkColor); }
.whiteColor{ color:var(--whiteColor); }
.darkGray{ color:var(--darkGray); }
.lightGray{ color:var(--lightGray); }
.truenosbd p {font-family: var(--truenosbd);}
.truenorg p {font-family: var(--truenorg);}
.geoml {font-family: var(--geoml);}
.geoml p {font-family: var(--geoml);}


/*Material*/
.outline {font-variation-settings: 'FILL' 0, 'wght' 300 ;}
.thick {font-variation-settings: 'FILL' 1,'wght' 200 ;}


a {color: var(--mainColor);}
.noSpace, .noSpace p {padding: 0px; margin: 0px;}

.sidenav {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color:#626279;
    overflow-x: hidden;
    transition: 0.5s;
    color: white;
}

.navbar-toggler {border: 2px solid #B51E4C;}
.navbar-toggler-icon {background: none; height: auto; width: 15px; color: #B51E4C;}
.header .row {z-index: 99;}
.side-titulo { color:#b3b3b3; }
.navMenu li {margin: 10px 0px;}
.navMenu li a {font-family: var(--truenorg);}
.navMenu li a:hover {color:#f0e6d2; }


.footer {background: #61617a;}
.footTitle {font-family: var(--truenorg);letter-spacing: 1px;color: #f0e6d2;font-weight: 100; transition: var(--animated);}
.footTitle:hover {color: white;}
.footSub {background: #4f4f63;color: #cdcdcd; font-weight: 400; letter-spacing: 1px;}
.footSub a {color: #e1e1e1; transition: var(--animated);}
.footSub a:hover {color: white;}

#menu-principal li a {color: #B51E4C; font-size: 20px; margin: 0px 15px; border: 2px solid #B51E4C; padding:0px 15px; border-radius:100px; font-family: var(--truenorg); transition:var(--animated); }
#menu-principal li a:hover  {background:#B51E4C; color:white; }

.wab a {
  background: url('/wp-content/uploads/wa_b.svg') no-repeat center center;
  width: 50px; /* Adjust the size as needed */
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  color: transparent !important;
  border: none !important;
}
.wab a:hover {background: url('/wp-content/uploads/wa_b.svg') no-repeat center center !important;
    transform: scale(1.25);}

.linked a {
  background: url('/wp-content/uploads/linkedin.svg') no-repeat center center;
  width: 50px; /* Adjust the size as needed */
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  color: transparent !important;
  border: none !important;
}

.linked a:hover {background: url('/wp-content/uploads/linkedin.svg') no-repeat center center !important;
    transform: scale(1.25);}

.homei a, .env a {border: none !important; font-size: 22px !important; margin: 0px 5px !important;}


.carousel-control-prev,
.carousel-control-next {border: none;height: 65px;margin: auto;border-radius: 100px;width: 65px; transition: var(--animado); background:var(--mainColor); outline:none; }
.carousel-control-prev{padding: 10px 15px 5px 10px; left: -8px;transform: scale(.65);}
.carousel-control-next{padding: 10px 10px 5px 15px; right: -8px;transform: scale(.65);}
.carousel-control-prev:hover,.carousel-control-prev:active,.carousel-control-prev:focus {}


.botonHome button {background: transparent; border: 4px solid #90D2C1; padding: 20px 40px; font-family: var(--geoml); font-size: 26px; transition: var(--animated);}
.botonHome button:hover {background: #90D2C1; padding: 20px 60px; color: white;}



.formContacto {padding: 50px 0px 0px 0px;}
.formContacto input {font-family: var(--geoml); margin: 5px 0px;}
.formContacto .wpcf7-submit {background: transparent; border: 4px solid #90D2C1; padding: 10px 30px; font-family: var(--geoml); font-size: 22px; transition: var(--animated);}
.formContacto .wpcf7-submit:hover {background: #90D2C1; padding: 10px 30px; color: white;}

.floatWa {position: fixed; z-index: 99; bottom: 20px; right: 20px;}
.floatWa a {background: #28b24b;padding: 5px 15px;border-radius: 100px;line-height: 0px;font-size: 38px;color: white; opacity: .75; transition: var(--animated);}
.floatWa a:hover {opacity: 1; font-size: 42px; padding: 8px 18px;}

.customBlog .thumbnail a img {width: 300px;}
.customBlog .entry-title {min-height: 90px;}
.customBlog .entry-title span a{font-family: var(--geoml);font-weight: 600; font-size: 18px; line-height: 26px;}
.customBlog .excerpt {font-family: '    Montserrat', Sans-serif;font-size: 16px;font-weight: 400;line-height: 18px;}
.customBlog .botonHome {background: transparent;border: 4px solid #90D2C1;padding: 5px 25px;font-family: var(--geoml);font-size: 20px;
    transition: var(--animated);}
.customBlog .botonHome:hover {background: #90D2C1; padding: 5px 40px; color: white;}

.type-post {padding-top: 100px; padding-bottom: 50px;}

.listDiv {width: 100%; margin: 20px auto;}
.listDiv ul {text-align: left;}

.menuRow {width: 100%;}

.metoNumbers p {background: #ffd056;color: #b51e4c;border-radius: 100px;display: flex;align-items: center;justify-content: center; width: 65px; height: 65px; margin: 0 auto;}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .listDiv {width: 650px; margin: 20px auto;}
    .menuRow {width: 100%;}
 
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 


}

/* No Bootstrap Class (larger desktops, 1900px and up) */
@media (min-width: 1900px) { 

}