/* 
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, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

:root {
    --animated: all .3s ease-in-out;
    --centraleb: 'Centrale Sans Bold', Sans-serif;
    --centralem: 'Centrale Sans Medium', Sans-serif;
    --productb: 'Product Sans Bold', Sans-serif;
    --productr: 'Product Sans Regular', Sans-serif;
    --dgray: #333333;
    --yellow: #eac11f;
    --lblue:#27acd5;

}

@font-face {
  font-family: 'Centrale Sans Bold';
  src: url(/wp-content/uploads/fonts/Centrale-Sans-Bold.otf);
}

@font-face {
  font-family: 'Centrale Sans Medium';
  src: url(/wp-content/uploads/fonts/Centrale-Sans-Medium.otf);
}

@font-face {
  font-family: 'Product Sans Bold';
  src: url(/wp-content/uploads/fonts/Product-Sans-Bold.ttf);
}

@font-face {
  font-family: 'Product Sans Regular';
  src: url(/wp-content/uploads/fonts/Product-Sans-Regular.ttf);
}

.centraleb, .centraleb p {font-family: var(--centraleb);}
.centralem, .centralem p {font-family: var(--centralem);}
.productb, .productb p {font-family: var(--productb);}
.productr, .productr p {font-family: var(--productr);}
.yellow {color: var(--yellow);}

.noSpace, .noSpace p {padding: 0px; margin: 0px;}

.sidenav {
    height: auto;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: #1e1e1ef2;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
}

.header {position: absolute;z-index: 2;top: 0; padding: 10px 0px 0px 0px;}
.logo {width: 150px;}
.menu-item a {font-family: var(--productb); font-size: 20px; margin: 0px 40px; color: white;}
.buttonGray button {background: var(--dgray);border: none;border-radius: 12px;color: white;font-family: var(--productr);transition: var(--animated);}
.buttonGray button:hover {padding:.5rem 1.7rem; letter-spacing:1px; }
.buttonYellow button {background: var(--yellow);border: none;border-radius: 12px;color: white;font-family: var(--productb);transition: var(--animated);}
.buttonYellow button:hover {padding:.5rem 1.7rem; letter-spacing:1px; }
.buttonYellowalt button {background: var(--yellow);border: none;border-radius: 12px;color: var(--dgray);font-family: var(--productb);transition: var(--animated);}
.buttonYellowalt button:hover {padding:.5rem 1.7rem; letter-spacing:1px; }

.buttonWhite button {background: white;border: 2px solid white;border-radius: 12px;font-size: 14px; color:#003745;font-family: var(--productr);transition: var(--animated);}
.buttonWhite button:hover {background:#003745; color:white; border: 2px solid #003745;  }

.buttonWhitealt button {background: transparent;border: 2px solid white;border-radius: 12px;font-size: 14px; color: white;font-family: var(--productr);transition: var(--animated);}
.buttonWhitealt button:hover {background:white; color:#003745; }


.buttonYeb button {background: transparent;border: 2px solid var(--yellow);border-radius: 12px;font-size: 14px; color:#003745;font-family: var(--productr);transition: var(--animated);}
.buttonYeb button:hover {background:#003745; color:var(--yellow); border: 2px solid var(--yellow);  }

.buttonYebalt button {background:var(--yellow);border: 2px solid var(--yellow);border-radius: 12px;font-size: 14px; color: #003745;font-family: var(--productr);transition: var(--animated);}
.buttonYebalt button:hover {background:#003745; color:var(--yellow); }

.topButton button {font-size: 16px; margin: 10px 0px; text-align: center;}
.homeYellow {background: var(--yellow);border-radius: 30px;padding: 0px 20px;}
#datePicker {width: 220px; text-align: center;padding: .4rem 0rem;border: none;background: #f2f2f2;}
#numPicker {width: 100px;border: none;background: #f2f2f2;}
#selectPicker {width: 88%; display: inline;border: none;background: #f2f2f2;}
.formIcon {width: 20px; margin-right: 5px;}

.topForm {background: white;padding: 25px 15px; border-radius: 25px; margin-top: 10px; width: 100%;}
.topForm span, .topForm input, #selectPicker {color: #4e5456;font-family: var(--productb);}
.topForm span.title {color: #003745; font-size: 18px; font-family: var(--productr);}
.cardText {padding: 25px 0px 45px 30px;box-shadow: 8px 8px 15px rgb(0,0,0,.35);border-radius: 35px; background: white;}
.cardText img {width: 45px; margin-bottom: 30px;}

.buttonTwo .buttonGray button {font-size: 20px;}

.secAlianza {font-size: 16px; color: #565656; display: flex;justify-content: space-between;}
.secAlianza img {width: 15px; margin-right: 10px;}
.contAlianza {max-width: 455px; margin: 90px 0px 0px 5px;}
.plecaAsesor {width: 400px;}
.plecaAsesor i {color: white;}

.floatCont {position: relative;}

.floatCards {min-width: 360px; max-height: 420px; padding: 0px;filter: drop-shadow(8px 8px 5px rgb(0,0,0,.25));}
.logoBot {width: 200px;}
.footAddress a {color: var(--dgray); transition: var(--animated)}
.footAddress a:hover {letter-spacing: .75px;}
#wpcf7-f184-p19-o1 input {background: #d8e0e3;font-family: var(--productr);color: #949494;border: none;padding: 15px;border-radius: 12px; width: 200px; outline: none; }
#wpcf7-f184-p19-o1 input[type="submit"] {background: var(--yellow); color: white;opacity: .75; transition: var(--animated);}
#wpcf7-f184-p19-o1 input[type="submit"]:hover {opacity: 1;}

.page-id-256 .header {display: none;}

.logoFaq {width: 200px;}

.faqBlue {background: #66C0FF; width: 275px;}
.faqGreen {background: #80CB5E; width: 310px;}

.faq {height: 130px;padding: 18px;border-radius: 25px;}

.navbar li:hover a {color: white;}
.navbar li:after {content: ''; display: block; width: 0%; height: 3px; background: transparent; margin: 0 auto; transition: var(--animated);}
.navbar li:hover:after {width: 70%; background: white;}

.navbar-toggler {border: 2px solid white;background: var(--yellow); transition: var(--animated);}
.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active  {border: none; outline: none; background: var(--dgray); color: var(--yellow);}
.navbar-toggler-icon {background-image: none; width: auto; height: auto;}
.navbar-toggler-icon i {padding: 3px; color: var(--dgray);}
.navbar-toggler:hover .navbar-toggler-icon i, .navbar-toggler:focus .navbar-toggler-icon i, .navbar-toggler:active .navbar-toggler-icon i {color: var(--yellow);}
.fa-window-close {color: var(--yellow);}
.side-titulo { font-family:var(--productb); color:white; padding-left:10px;}
.sidenav .menu-item a {color: #cccccc; font-family: var(--productr); margin: 0px;}
.sidenav .menu-item {margin: 10px 0px 10px 25px;}

.steps {background: #eac21fbf; padding: 5px;}

.iconsB img {width: auto; height: 40px;}
.expCont a {margin-top: 5px;}


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

}

/* 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) {
  
  .menu-item a {font-size: 18px;margin: 0px 15px;}
  .topButton button {font-size: 16px; padding: 8px 10px;}

  .header {padding: 15px 0px 0px 0px;}
  .steps {background: transparent;}
  .logo {width: 250px;}
  .topForm {width: 1150px;}

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
  .logo {margin-left: 125px;}
  .tarjetasCont {position: absolute;top: 400px;left: 10px;z-index: 2;}
  .topButton button {font-size: 18px;}
  .whatsTop {position: fixed; top: 35px; right: 50px;}
  .topButton .buttonWhitealt {margin-right: 200px;}



}

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

  .seconeCont {padding-left: 250px;}

}