/* 
Theme Name: Bretxia - 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
*/


@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --animated: all .3s ease-in-out;
    --mainColor: ;
    --altColor: ;
    --darkColor: ;
    --whiteColor: ;
    --darkGray: #404040;
    --lightGray: ;
    --midBlue: #44679b;
    --lightBlue: #5687CF;
    --mainFont: 'Instrument Sans', sans-seriff;
    --textFont: 'Inter', sans-seriff;
}

.mainColor { color:var(--mainColor); }
.altColor { color:var(--altColor); }
.midBlue {color: var(--midBlue);}
.darkColor { color:var(--darkColor); }
.whiteColor { color:var(--whiteColor); }
.darkGray { color:var(--darkGray); }
.lightGray { color:var(--lightGray); }
.lightBlue {color: var(--lightBlue);}
.mainFont{ font-family:var(--mainFont); }
.textFont{ font-family:var(--textFont); }

body {font-family: var(--textFont);}

.footer {background: #292929; color: white;}
.logoFooter {width: 150px;}

a {color: var(--mainColor); text-decoration: none; transition: var(--animated);}
.noSpace, .noSpace p {padding: 0px; margin: 0px;}

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

.carousel-control-prev,
.carousel-control-next {border: none;height: 65px;margin: auto;border-radius: 100px;width: 65px; transition: var(--animated); 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,
.carousel-control-next:hover,.carousel-control-next:active,.carousel-control-next:focus {}

.logo {width: 125px;}

#menu-principal li a {margin: 0px 5px;}

.headerTop {background: #272727; color: white; font-size: 14px; justify-content: space-between; padding: 10px 5px;}
.headerTop i {color: var(--midBlue);}
.headerTop a:hover {color: var(--midBlue);}


#menu-principal {border-bottom: 2px solid #CBCBCB; padding: 0px 35px;}
#menu-principal li {padding: 8px;}
#menu-principal li a {font-family: var(--mainFont);color: var(--darkGray); padding: 10px 25px; margin: 0px 0px;text-decoration: none; font-size: 18px; font-weight: 600; position: relative; transition: var(--animated);}
#menu-principal li.current-menu-item a {color: var(--darkGray);}
#menu-principal li a:hover {color: var(--mainColor);}


#menu-principal li a:after {content: '';display: block;width: 100%;height: 4px;background: var(--midBlue);position: absolute;bottom: -4px;left: 0;transform: scaleX(.1);transform-origin: center;opacity: 0;transition: var(--animated);}
#menu-principal li a:hover:after {transform: scaleX(.8);opacity: 1;}

.elementor-counter-title {text-align: center;}

.iconEstandar .elementor-icon-box-icon {background: #292929;padding: 25px;border-radius: 15px;}

.topIcons a {background: #272727;color: white;width: 45px;height: 45px;margin: 0px 5px;border-radius: 5px;display: flex;justify-content: center;align-items: center;font-size: 22px;transition: var(--animated);}
.topIcons a:hover {background: var(--lightBlue); color: white;}


.formContact input, .formContact select , .formContact textarea {max-width: 450px; font-family: var(--textFont); color: #7F7F7F; font-size: 16px; border: none; border-radius: 0px; border-left: 6px solid var(--lightBlue);}

.formContact input[type='submit'] {background: transparent;padding: 8px 20px;font-family: var(--mainFont);font-size: 16px;font-weight: 700;border: 1px solid white;color: white;border-radius: 0px;transition: var(--animated);}
.formContact input[type='submit']:hover {background: var(--lightBlue); border: 1px solid var(--lightBlue); padding: 8px 30px;}

.topMobile {background: #272727; display: flex; justify-content: space-evenly;}
.topMobile a {background: transparent;width: 35px;height: 35px;font-size: 20px;display: flex;justify-content: center;align-items: center;color: white;border: 2px solid white;border-radius: 6px;transition: var(--animated);}
.topMobile a:hover {background: var(--midBlue); border: 2px solid var(--midBlue);}
.topmobileAddress {background: #272727; color: white;}
.topmobileAddress i {color: var(--midBlue);}
.topmobileContact {background: #272727; color: white;}
.topmobileContact i {color: var(--midBlue);}
.topmobileAddress a:hover {color: var(--lightBlue);}
.topmobileContact a:hover {color: var(--lightBlue);}

.navbar-toggler {padding: 10px;background: #272727;color: white;border: none;transition: var(--animated);}
.navbar-toggler:hover {background: var(--midBlue);}
.navbar-toggler-icon {background: none; height: fit-content;}

.navMenu {text-align: center; padding-top: 25px;}
.side-titulo {color: var(--midBlue);font-size: 18px;font-weight: 700; }
.navbar-nav li {margin: 5px 0px;}
.navbar-nav li a {font-size: 18px; color: #212121; font-weight: 600;}
.navbar-nav li a:hover {color: var(--lightBlue);}

.closebtn:hover {color: var(--lightBlue);}

.wpcf7-response-output {background: white;}


/* 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) {
 
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    .headerTop {font-size: 16px; padding: 15px 25px; justify-content: space-evenly;}


}

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

}