@charset "UTF-8";
@import "utils.css";

/* ----------------------------------

Table of contents
        
    01. Google font
*/

@font-face {
    font-family: 'Astrolab';
    src: url('../fonts/Astrolab.woff2') format('woff2'),
        url('../fonts/Astrolab.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html {
    font-size: 16px;
}

.fa-custom-helmet {
    content: url('../img/ico-helmet.svg');
    background: url('../img/ico-helmet.svg');
    background-size: contain;
    background-position: center center;
    vertical-align: bottom;
    vertical-align: text-bottom;
    width: 22px;
    height: 21px;
}

#accordion a.active .fa-custom-helmet,
#accordion a:hover .fa-custom-helmet {
    filter: brightness(0) saturate(100%) invert(82%) sepia(97%) saturate(444%) hue-rotate(17deg) brightness(102%) contrast(89%);
}

body {
    background: #000;
}

section#home {
    background-image: none;
}

nav.navbar {
/*    height: 82px !important;*/
    background: #0B0C0C;
    padding-top: 12px;
    padding-bottom: 12px;
}

.signup p {
    margin-bottom: 0; }

.mySwiper {
    height: 480px;
}

.swiper-slide p {
    text-transform: uppercase;
}

#grand .prize-info__sub-heading {
    width: auto;
    text-transform: none;
    color: var(--brand-primary);
    text-align: center;
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 32px;
    margin-top: 24px;
    padding: 0;
    background: transparent;
    margin-bottom: 24px; }

#grand h3, 
#grand p {
    padding: 16px; }


#grand h3 {
    margin-bottom: 0;
    font-family: Astrolab, 'Open Sans', sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4; /* 140% */ 
    text-transform: uppercase;
    color: #000;
    background: var(--brand-primary);}
#grand h4 {
    margin-top: 24px;
    margin-bottom: 24px;
    color: var(--brand-primary);
    text-align: center;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
}

#grand p {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px; 
    color: #FFF;
    background: #000;
    margin-bottom: 0; }

#grand p:nth-child(odd) {
    background: transparent; }

h2.section-title {
    text-transform: uppercase;
}


#merch .section-body p {
    font-family: 'Avenir LT Std' ,'Open Sans', 'AgencyFB RegularExtended';
    text-align: center;
    font-size: 20px;
    line-height: 32px; /* 133.333% */
}

#how .first img{
    max-width: 175px; }
#how .second img {
    max-width: 235px; }
#how .third img {
    max-width: 210px; }

@media (max-width:991px) {
    #how .first,
    #how .second{
        margin-bottom: 40px;
    }    
}

#how p {
    margin-bottom: 0; }

#how .inline-highlight-txt {
    text-decoration: none; }

#how .one-col hr {
    border: 0;
    border-top: 1px solid #8DC442;
    margin-top: 37px;
    margin-bottom: 37px; }

.accordion-content a {
    color: var(--brand-primary);
    text-decoration: underline; }

#follow {
    margin-top: 0;
    padding-bottom: 30px !important;
    background: transparent;
}

@media (min-width:768px){
    #follow {
        padding-bottom: 60px !important;
    }
}

#follow .divider {
    margin-bottom: 60px;
}


footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

@media (max-width: 992px) {
  .show-from-lg {
    display: none;
  }
}