@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;
}

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

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

@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; }

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