/* 
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
*/

:root {
    --animated: all .3s ease-in-out;
    --mainColor: #124579 ;
    --altColor: #9CC1D3;
    --darkColor: ;
    --whiteColor: ;
    --darkGray: ;
    --lightGray: ;
    --lightBlue ;
    --midBlue: #5193ad;
    --mainFont: 'Playfair Display', sans-seriff;
    --textFont: 'Montserrat', 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); }
.midBlue {color: var(--midBlue);}
.mainFont{ font-family:var(--mainFont); }
.textFont{ font-family:var(--textFont); }
.white {color: white;}

.footer {background: var(--mainColor); color: var(--altColor);font-family: var(--textFont);}


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: #f9fdfff2;
    overflow-x: hidden;
    transition: 0.5s;
    text-align: center;
}

.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 {}

.elementor-page-2 .header , .elementor-page-2 .footer {display: none;}


.asesoriaButton {    border: 4px solid white;background: #9CC1D3;padding: 10px 30px;font-family: var(--mainFont);color: var(--mainColor);font-size: 35px;top: -40px;position: relative;font-weight: 600; transition:  var(--animated); border-radius: 20px; width: fit-content;}
.asesoriaButton:hover {border-radius: 100px;letter-spacing: 1px; background: white;}
.asesoriaButton i {color: var(--mainColor); font-size: 45px; }

.contactButton {background: #DCE9EF; display: block; width: fit-content; padding: 15px 60px; font-size: 38px; font-family: var(--mainFont); color: var(--mainColor); font-weight: 400; position:relative;left: 50%;transform: translateX(-50%); transition:var(--animated); border-radius:15px; }
.contactButton i {color: var(--mainColor); font-size: 40px;}

.contactButton:hover {padding: 15px 75px; letter-spacing: 1px; border-radius: 100px;}

.contactButtonalt {background: #9cc1d3; display: block; width: fit-content; padding: 8px 15px; font-size: 24px; font-family: var(--mainFont); color: var(--mainColor); font-weight: 400; position:relative;left: 50%;transform: translateX(-50%); transition:var(--animated); border-radius:15px; }
.contactButtonalt i {color: white; font-size: 40px;}

.contactButtonalt:hover {padding: 15px 75px; letter-spacing: 1px; border-radius: 100px; color: white;}

.logo {width: 275px; padding: 15px;}
.header {border-bottom: 10px solid #9cc1d3; }


.servicesButton {background: var(--altColor); color: white; padding: 8px 25px; border-radius: 100px; display: block; margin-top: 15px; width:fit-content; font-weight:600; font-size:18px; transition:var(--animated); margin: 0 auto; }
.servicesButton:hover {background: var(--midBlue); padding: 8px 30px; color: white;}
.servicesCard {min-height: 250px;}
 
#menu-principal li a {margin: 0px 15px; font-size: 18px; font-weight: 600; color: #146e91; position: relative;}
#menu-principal li a:after {position: absolute; content: ''; transform: translateX(-50%); left: 50%; bottom: -6px; background: #5193ad; border-radius: 100px; width: 20%; height: 2px; transition:var(--animated); opacity:0; }
#menu-principal li a:hover:after {width: 80%; height: 4px; opacity: 1;}

.topIcons a {background: var(--altColor); color: white; padding: 8px 12px; border-radius: 10px; transition: var(--animated); font-size: 20px; margin: 5px;}
.topIcons a:hover {background: var(--mainColor); border-radius: 5px; }

.atnButton {width: fit-content; margin: 15px auto 15px auto !important;}

.navbar-toggler {background: var(--altColor);color: white;border: none;padding: 10px 18px;font-size: 22px; transition: var(--animated);}
.navbar-toggler-icon {background: none; width: fit-content; height: fit-content; padding: 0px; background-image: none;}
.navbar-toggler:hover, .navbar-toggler:active, .navbar-toggler:focus {background: var(--mainColor);}

.navMenu li {margin: 5px 0px;}
.navMenu li a {font-size: 18px;font-weight: 600;font-family: var(--textFont);padding: 5px;}
.navMenu li a:hover {color: var(--altColor);}


a {text-decoration: none;}


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

}

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

    .contactButtonalt {padding:12px 25px; font-size: 26px;}

}

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

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 
    .logo {padding: 25px;}
 
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    .contactButtonalt {padding: 15px 60px; font-size: 38px;}


}

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

}