:root{


    /*--blue: #023047;
    --blue-fuerte: #011925;
    --blue-suave: rgb(1, 25, 37);
    --blue_08: rgba(2, 48, 71,0.8);
    --sky_blue: #2FB8DA;
    --yellow:#FBA241;
    --yellow-suave:#EC9843;
    --yellow-fuerte: #d87e1c;
    --white: #FDFDEF;
    --black:#000000;*/

/*https://pinetools.com/es/obtener-colores-imagen*/
    
    /*OK*/
    --blue: #9b1e2a;
    
    /*OK*/
    --blue-fuerte: #9b1e2a;

    --blue-suave: rgb(1, 25, 37);
    --blue_08: rgba(2, 48, 71,0.8);
    --sky_blue: #2FB8DA;

    /*OK*/
    --yellow:#a66e41;

    --yellow-suave:#EC9843;
    --yellow-fuerte: #d87e1c;

    /*OK*/
    --white: #e2e2e1;


    --black:#070606;




}

@font-face {
    font-family: 'Archive Regular';    
    src: url('../fonts/Archive/TTF/Archive-Regular.ttf') format('truetype');
   }

@font-face {
    /* font-family:"Archive";
    src: url("../fonts/archive/Archive.otf"); */
    /* font-family:"Raleway Black";
    src: url("../fonts/raleway/Raleway-Black.ttf");
    font-family:"Archive Regular";
    src: url("../fonts/raleway/Raleway-Bold.ttf");
    font-family:"Raleway SemiBold";
    src: url("../fonts/raleway/Raleway-SemiBold.ttf");
    font-family:"Raleway Light";
    src: url("../fonts/raleway/Raleway-Light.ttf");
    font-family:"Raleway Medium";
    src: url("../fonts/raleway/Raleway-Medium.ttf"); */
    font-family:"Raleway";
    src: url("../fonts/raleway/Raleway-Regular.ttf");
}
body{
    font-family: "Raleway", sans-serif;
}

#header{
    background-color: var(--blue);
}

#header.header-scrolled,
#header.header-fixed {
  background: var(--blue); 
}
.nav-menu li.buy-tickets2 a {
    color: var(--white);
    background: var(--yellow);   
    border: 2px solid var(--yellow);    
    padding: 7px 22px;
    border-radius: 50px;    
    transition: all ease-in-out 0.3s;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 5px;
    line-height: 1;
    font-size: 15px;
    font-weight: bold;

}
.nav-menu > li > a:before {
    background-color: var(--sky_blue);
    
}
#about:before {   
    background: var(--blue);    
}
#venue .venue-info:before {   
    background: var(--blue_08);
}
#intro h1 {
    color: var(--white);
    font-family: "Archive Regular", sans-serif;
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-text-stroke: 2px var(--blue);
    text-shadow: 0px 0 var(--blue), 0 1px var(--blue), 4px 0 var(--blue), 0 0px var(--blue);  
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Archive Regular", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
  color: var(--blue);
}
/* h6{
    font-family: "Raleway", sans-serif;
} */
.section-header p{
    color: var(--black);
}
#schedule .nav-tabs a {  
    background-color: var(--blue);
    color: var(--white);    
}
#schedule .nav-tabs a.active {
    background-color: var(--yellow);
    color: var(--white);
}
.section-header::before {    
    background: var(--yellow);   
}
#gallery .gallery-carousel .center {
    border: 6px solid var(--yellow);
    background: var(--white);    
}
#gallery .owl-dot.active {
    background-color: var(--yellow);
}
.back-to-top {   
    background: var(--yellow);
    color: var(--white);    
}
.back-to-top:focus {
    background: var(--yellow-fuerte);
    color: #fff;    
}
  
.back-to-top:hover {
    background: var(--yellow-fuerte);
    color: #fff;
}
#mobile-nav {    
    background: var(--blue_08);   
}
#footer {
    background: var(--blue);   
}
.section-header h2 {   
    font-weight: bold;    
} 

.nav-menu a {   
    color: var(--white);
}
#about p{
    font-size: 15px;
}
.img-eje{
    display: block;
    margin: auto;
    width: 100%;
    padding: 10px;
}
.text-eje{
    padding: 0px 20px;
}
.text-eje p{
    text-align: center;
    padding: 10px 0px;
}
.card.ejes{
    height: 100%;    
    display: grid;    
    grid-template-rows: 60% 40%;
}
#buy-tickets .card .btn {
    background-color: var(--blue);
    color: #fff;
  }
  
  #buy-tickets .card .btn:hover {
    background-color: var(--blue-fuerte);
  }
#header #logo img{
    max-height: 50px;
    padding-left:10px;
}
#footer .footer-top {
    background: var(--blue);
    padding: 20px 0 0px 0;
}
.mt--10{
    margin-top: -10px;
}
#footer .footer-top .social-links a:hover {
    background: var(--yellow);
    color: var(--white)
}
#footer .footer-top .social-links a { 
    background: #2fb8da91;
    color: #eee; 
}
#about{
    background: var(--blue);
}
.nav-menu li.buy-tickets a {
    color: var(--white);
    background: var(--sky_blue);   
    border: 2px solid var(--sky_blue);    
    font-size: 15px;
    font-weight: bold;
}

#buy-tickets .card .card-title {
    font-family: "Raleway",sans-serif;
}
  
 /* ------ ------- MediaQuerys ------- ------ */ 
@media (max-width: 576px) {
    .img-eje{
        width:40%;
    }
    .text-eje p{        
        padding: 15px 0px;
    }

}
@media (min-width: 768px) and (max-width: 992px) {
    .img-eje{
        width:60%;
    }
    .text-eje p{        
        padding: 10px 0px;
    }
}

/* @media (max-width: 992px) {
    .img-eje{
        width:60%;
    }
    .text-eje p{        
        padding: 10px 0px;
    }
} */