/**
 * @file
 * Subtheme specific CSS.
 */
 .logo-color{
  color: #00ff66;
 }
 .custom-header {
    max-width: 50px; /* Ajusta el ancho máximo según tus necesidades */
    margin: 0 auto; /* Centra horizontalmente el encabezado */
  }
  
  .custom-footer {
    max-width: 50px; /* Ajusta el ancho máximo según tus necesidades */
    margin: 0 auto; /* Centra horizontalmente el pie de página */
  }
  /* Estilos generales */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
  }
/*   
  .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
  } */
  
  /* Estilos del encabezado */
  .site-header {
    background-color: #333;
    color: #00ff66;
  }
  
  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
  }
  
  .navbar-logo {
    color: #001f3f;
    font-size: 24px;
    text-decoration: none;
  }
  
  .navbar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  
  .navbar-menu li {
    margin-right: 20px;
  }
  
  .navbar-menu li a {
    color: #001f3f;
    text-decoration: none;
    font-size: 16px;
  }
  
  /* Estilos del contenido principal */
  .main-content {
    padding: 40px 0;
    background-color: #e7e7e7e3;
  }
  
  .hero-section {
    background-color: #e7e7e7e3;
    text-align: center;
    padding: 40px;
    margin-bottom: 40px;
  }
  
  .hero-section h1 {
    font-size: 36px;
    margin-bottom: 10px;
  }
  
  .hero-section p {
    font-size: 18px;
    margin-bottom: 20px;
  }
  
  .btn {
    display: inline-block;
    background-color: #001f3f;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    border-width: 2px;
    transition: background-color 0.3s ease;
  }
  
  .btn:hover {
    background-color: #555;
  }
  
  /* Estilos del pie de página */
  .site-footer {
    background-color: #001f3f;
    color: #fff;
    padding: 20px 0;
    text-align: center;
  }
  .footer--brand {
    font-size: 12px;
  }
  #main-wrapper{
    min-height: calc(80vh - 40px);
  }
  
  .square-btn {
    width: 65px;
    height: 90px;
    padding: 20px;
    font-size: 18px;
  }

  .color-6{
    color: #8BC34A;
  }

  .color-3{
    color: #FFEB3B;
  }

  .color-2{
    color: #FF9800;
  }

  .color-1{
    color: #FF5252;
  }

  .color-4{
    color: #9C27B0;
  }

  .color-5{
    color: #00BCD4;
  }

/* 
  .card{
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);
    border-width: 0px;
  } */
   
  #header .nav-link,
  #header .dropdown-menu a {
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
  }
  /* line 40, ../scss/style-new.scss */
  #header .nav-link:hover,
  #header .dropdown-menu a:hover {
    color: #00ff66;
  }
  
  @media (min-width: 768px) {
    /* line 144, ../scss/style-new.scss */
    #header .nav--drawer {
      display: flex;
      justify-content: space-around;
      width: 100% !important;
    }
    .navigation {
        display: block;
        width: auto !important;
        padding-right: 15px;
        padding-left: 15px;
    }
  }
  
  /* line 46, ../scss/style-new.scss */
  #navbar-main {
    height: 70px;
    justify-content: flex-start;
    transition: top 0.3s;
    padding: 10px;
  }
  
  /* line 52, ../scss/style-new.scss */
  .navbar-brand {
    font-size: inherit;
  }
  /* line 53, ../scss/style-new.scss */
  .navbar-brand img {
    height: 50px;
  }

  .navbar-toggler-icon {
    color: #00ff66;
  }
  
  /* line 60, ../scss/style-new.scss */
  .navbar-toggler-icon i {
    color: #ffffff;
  }
  /* line 65, ../scss/style-new.scss */
  #block-easypass-barrio-main-menu {
    margin-right: auto;
  }
  
  /* line 71, ../scss/style-new.scss */
  #block-ag-usa-account-menu .dropdown-menu,
  #block-mainnavigation .dropdown-menu {
    background-color: #333333;
    box-shadow: inherit;
  }
  /* line 74, ../scss/style-new.scss */
  #block-ag-usa-account-menu .dropdown-menu li:hover,
  #block-ag-usa-account-menu .dropdown-menu li:active,
  #block-mainnavigation .dropdown-menu li:hover,
  #block-mainnavigation .dropdown-menu li:active {
    background-color: #111111;
  }
  /* line 78, ../scss/style-new.scss */
  #block-ag-usa-account-menu .dropdown-menu a,
  #block-mainnavigation .dropdown-menu a {
    display: inline-block;
    width: 100%;
  }
  
  @media (max-width: 769px) {
    /* line 90, ../scss/style-new.scss */
    .nav--container {
      position: relative;
    }
  
    /* line 93, ../scss/style-new.scss */
    .navbar-brand {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
  
    /* line 98, ../scss/style-new.scss */
    .navbar-toggler {
      line-height: inherit;
      padding: 0;
    }
  
    /* line 102, ../scss/style-new.scss */
    .nav--drawer {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: fixed;
      top: 70px;
      bottom: 0;
      left: 0;
      z-index: 1030;
      width: 240px;
      height: 100%;
      overflow: auto;
      border-right: 1px solid;
      border-right-color: currentcolor;
      border-right-color: inherit;
      background-color: #262626;
      padding-left: 0.25rem;
      padding-bottom: 70px;
    }
  
    /* line 124, ../scss/style-new.scss */
    #block-ag-usa-account-menu,
    #block-mainnavigation {
      background-color: initial;
      position: initial;
      padding: 0;
    }
    /* line 129, ../scss/style-new.scss */
    #block-ag-usa-account-menu .nav-link,
    #block-mainnavigation .nav-link {
      padding-left: 1rem;
    }
    /* line 131, ../scss/style-new.scss */
    #block-ag-usa-account-menu .nav-link:hover,
    #block-mainnavigation .nav-link:hover {
      background-color: #111111;
    }
  
    /* line 136, ../scss/style-new.scss */
    .region-secondary-menu {
      margin: 0;
      flex-direction: column;
    }
  }
  #block-mainnavigation {
    margin-right: auto;
  }
  
  .site-footer {
    padding: 15px 0 10px;
  }
  
  .footer--brand {
    font-size: 15px;
  }