/*
Theme Name: GN Concert
Version: 100.0
Description: GN Concert
*/

@font-face {
    font-family: 'Flama Ultra Condensed';
    src: url('assets/FlamaUltraCondensed-Bold.eot');
    src: url('assets/FlamaUltraCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/FlamaUltraCondensed-Bold.woff2') format('woff2'),
        url('assets/FlamaUltraCondensed-Bold.woff') format('woff'),
        url('assets/FlamaUltraCondensed-Bold.ttf') format('truetype'),
        url('assets/FlamaUltraCondensed-Bold.svg#FlamaUltraCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/Avenir-Medium.eot');
    src: url('assets/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/Avenir-Medium.woff2') format('woff2'),
        url('assets/Avenir-Medium.woff') format('woff'),
        url('assets/Avenir-Medium.ttf') format('truetype'),
        url('assets/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/Avenir-Heavy.eot');
    src: url('assets/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('assets/Avenir-Heavy.woff2') format('woff2'),
        url('assets/Avenir-Heavy.woff') format('woff'),
        url('assets/Avenir-Heavy.ttf') format('truetype'),
        url('assets/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/Avenir-Light.eot');
    src: url('assets/Avenir-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/Avenir-Light.woff2') format('woff2'),
        url('assets/Avenir-Light.woff') format('woff'),
        url('assets/Avenir-Light.ttf') format('truetype'),
        url('assets/Avenir-Light.svg#Avenir-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


* {
    outline:none;
    box-sizing:border-box;
}

html,body {
    margin:0;
    padding:0;
    font-family:Avenir;
    font-weight:500;
    width:100%;
}

html {
  scroll-behavior: smooth;
}

h1,h2,h3,h4 {
    font-family:Flama Ultra Condensed;
    font-weight:600;
}


body.page-template-signup header,
footer,
a.skip-link {
    display:none !important;
}

.signupheader {
    background-image:url(assets/gnsignuphero.jpg);
    background-size:cover;
    background-position:center bottom;
    text-align:center;
    padding:5rem 0 !important;
}

.container {
    width:90%;
    max-width:1000px;
    margin:0 auto;
}

body:not(.page-template-signup) .container {
    max-width:1240px;
}
  
.smainlogo {
    max-width:400px !important;
}

.signupheader h2 {
    text-transform: uppercase;
    font-size: 120px;
    line-height: 1;
    margin: 5px 0 25px !important;
    color: #fff !important;
}

.signupheader h3 {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1;
    margin: 0 !important;
    color: #fff !important;
}

.signupheader h3.cocert--time {
    color:#CAFFF7 !important;
}

ul.artists--lineup {
    padding:35px 0 !important;
    display:flex;
    flex-wrap:wrap;
    list-style-type:none;
    gap:10px;
    align-items:center;
    justify-content:center;
}

ul.artists--lineup li {
    font-family:Flama Ultra Condensed;
    text-transform:uppercase;
    color:#fff !important;
    font-size:35px;
    line-height:1;
    padding:0 0 0 15px;
    position:relative;
    font-weight:600;
    letter-spacing:1px;
}

ul.artists--lineup li:before {
    content:'';
    display:block;
    width:5px;
    height:5px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
}

ul.artists--lineup li:first-child:before {
    display:none;
}

ul.artists--lineup li:first-child {
    padding:0 !important;
}

 a.btn {
    background: #ED3A9C !important;
    font-family: Flama Ultra Condensed;
    text-transform: uppercase;
    color: #fff !important;
    text-decoration: none;
    font-size: 30px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    padding: 12px 50px;
    border-radius: 30px;
    letter-spacing: 1px;
    transition:0.5s ease;
    text-align:center;
}

a.btn:hover {
    background:#000000 !important;
}

.signup--top-banner a.btn {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 500px;
}

.signup--top-banner {
    position:relative;
}

.signup--wrapper {
    background:#000000 !important;
    padding:4rem 0 !important;
}

.signupform--wrapper {
    width:100%;
    max-width:880px;
    margin:0 auto;
    background:#fff;
    padding:40px;
}


.signupformH {
    text-align: center;
    padding: 0 20%;
}

.signupformH h3 {
    font-size:50px;
    line-height:1;
    margin:0;
    padding:0 0 10px 0;
    color:#000;
    text-transform:uppercase;
}


.signupformH p {
    font-size:20px;
    line-height:1.1;
    margin:0;
    font-weight:300;
}

.signupformB {
    padding:40px 0 0 0;
}


.what--expect {
    padding:3rem 0;
    text-align:center;
}

.what--expect h2 {
    font-size:50px;
    line-height:1;
    margin:0;
    padding:0 0 20px 0;
    color:#000;
    text-transform:uppercase;
}


.what--expect p {
    font-size:25px;
    line-height:1.2;
    margin:0;
    padding:0 100px;
    font-weight:300;
}


.btm--gallery ul {
    margin:0;
    padding:0;
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    gap:0;
}

.btm--gallery ul>li {
    width:33.33%;
}

.btm--gallery ul>li img {
    display:block;
    width:100%;
}

.signupformB h1 {
    margin:0 !important;
    padding:0 0 30px 0;
    text-transform:uppercase;
    text-align:center;
    line-height:1;
}

form.arep-form {
    max-width:100% !important;
}

form.arep-form label.arep-form-label {
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    margin: 0 0 10px 0 !important;
    font-weight: 700 !important;
}

form.arep-form .arep-form-field-wrapper {
    margin:0 0 25px 0 !important;
}

form.arep-form .arep-input,
form.arep-form .arep-dob-input {
    font-family: Avenir !important;
    display: block;
    width: 100% !important;
    height: 50px;
    font-size: 18px;
    line-height: 1;
    color: #000 !important;
    padding: 0 15px;
    border: 1px solid #000 !important;
    font-weight: 300 !important;
}

form.arep-form .arep-input::placeholder {
    color: #000 !important;
}

form.arep-form .arep-form-submit-button {
    background: #56D1F9 !important;
    font-family: Flama Ultra Condensed;
    text-transform: uppercase;
    color: #fff !important;
    text-decoration: none;
    font-size: 40px;
    font-weight: 600;
    display: block;
    line-height: 1;
    padding: 12px 50px;
    border-radius: 0;
    letter-spacing: 1px;
    transition: 0.5s ease;
    width:100%;
    border:0;
    transition:0.5s ease;
}

form.arep-form .arep-form-submit-button:hover {
    background:#000 !important;
}

.small-text--strip {
    background:#000;
    padding:0 0 4rem 0;
}

.small-text--strip>div {
    background:#fff;
    padding:10px 0 !important;
}

.small-text--strip h2 {
    margin: 0 !important;
    text-align: center;
    line-height: 1;
    font-size: 40px;
}

.signup--top-banner img {
    width:100%;
    display:block;
}

.arep-mobileNumber-input-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap:wrap;
}


.arep-mobileNumber-input-wrap select {
    font-family: Avenir !important;
    display: block;
    width: 200px !important;
    height: 50px;
    font-size: 18px;
    line-height: 1;
    color: #000 !important;
    padding: 0 35px 0 15px;
    border: 1px solid #000 !important;
    font-weight: 300 !important;
    margin: 0 !important;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    background-image:url(assets/selectaerrow.png);
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 15px;
}

.arep-mobileNumber-input-wrap input[type="text"] {
    width:calc(100% - 210px) !important;
}


header {
    background:#000;
    padding:20px 0 !important;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9;
}

.header--inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.header--left img {
    max-width:350px;
}

.header--right {
    display:flex;
    gap:25px;
    align-items:center;
}

.header--right ul {
    margin:0;
    padding:0;
    display:flex;
    gap:25px;
    align-items:center;
}

.header--right a {
    font-family: Flama Ultra Condensed;
    font-weight: 600;
    color:#fff;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    font-size:30px;
    line-height:1;
    letter-spacing:1px;
}

.header--right a.btn {
    padding: 12px 30px;
    border-radius: 30px;
    letter-spacing: 1px;
    transition: 0.5s ease;
    text-align: center;
    background: #56D1F9 !important;
}

.header--right a.btn:hover {
    background:#fff !important;
    color:#000 !important;
}

.inner-hero-area {
    background:#000;
    padding:150px 0 50px;
    text-align:center;
}

.inner-hero-area>.container {
    max-width:800px !important;
}

.inner-hero-area img {
    display:block;
    width:100%;
}

.inner-hero-area a.btn {
    font-family: Flama Ultra Condensed;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    background: #fff;
    text-decoration: none;
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    padding: 10px 50px;
    border-radius: 30px;
    margin: 40px 0 0 0;
    transition:0.5s ease;
}

.inner-hero-area a.btn:hover {
    background:#56D1F9 !important;
}

.intro1--area {
    padding:4rem 0 3rem;
}

.intro1--area p {
    font-size:20px;
    line-height:1.5;
    font-weight:300;
    color:#000;
    padding-right:35%;
    margin-top:0 !important;
}

ul.lineups--info {
    padding: 0;
    margin: 0 0 20px 0;
    list-style-type: none;
}

p.lineups--info,
ul.lineups--info {
    padding-right:50%;
}

ul.lineups--info li {
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
    color: #000;
    position:relative;
    padding:0 0 5px 0;
}

/*ul.lineups--info li:before {
    content: '';
    position: absolute;
    background: #000;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}*/

ul.lineups--info li:last-child {
    padding:0;
}

ul.lineups--info li:first-child:before {
    display:none;
}

.cmn--heading {
    text-transform:uppercase;
    position:relative;
    padding:0 0 20px 0;
    margin:0 0 35px 0;
    border-bottom:2px solid #000;
    font-size:40px;
    line-height:1;
    letter-spacing:1px;
}

.cmn--heading:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 7px;
    bottom: 0;
    background: #000;
}

.intro1--area h3 {
    text-transform:uppercase;
    padding:0 0 20px 0;
    margin:0;
    font-size:32px;
    line-height:1;
    letter-spacing:1px;
}

.imp--info {
    margin:0;
    padding:0 0 10px 0;
    list-style-type:none;
}

.imp--info li img {
    width:20px;
}

.imp--info li {
    margin:0 0 15px 0;
    display:flex;
    align-items:center;
    gap:15px;
    font-size:20px;
    text-transform:uppercase;
    color:#000;
    font-weight:700;
    line-height:1;
}

.ticket--area {
    padding:4rem 0;
    background:#000;
}

.ticket--area>.container {
    max-width:900px !important;
}

.theader {
    text-align:center;
}

.theader h3 {
    text-transform:uppercase;
    padding:0 0 15px 0;
    margin:0;
    font-size:45px;
    line-height:1;
    letter-spacing:1px;
    color:#fff;
}

.theader p {
    font-size:20px;
    line-height:1.5;
    color:#fff;
    font-weight:300;
    margin-top:0;
}

.ticket2--area {
    background:#fff !important;
}

.ticket2--area .theader h3, 
.ticket2--area .theader p {
    color:#000 !important;
}

.theader ul {
    margin:0;
    padding:0;
    list-style-type:none;
    display:flex;
    gap:15px;
    align-items:center;
    justify-content:center;
    padding-top:15px;
}

.theader ul img {
    width:400px;
    display:block;
}

.lineup--carouselsection {
    padding:4rem 0;
    background:#000;
}

.lineup--carouselsection h2 {
    text-transform:uppercase;
    padding:0 0 20px 0;
    margin:0;
    font-size:40px;
    line-height:1;
    letter-spacing:1px;
    color:#fff;
    text-align:center;
}

/*.owl-carousel.lucar .owl-stage {
    padding-left:0 !important;
}*/

.main-car img {
    display:block;
    width:100%;
    border-radius:50%;
}

.main-car h4 {
    margin: 0 !important;
    padding: 15px 0 0 0 !important;
    font-size: 30px;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600 !important;
}

.main-car .owl-nav {
    display:none !important;
}

.main-car .owl-dots {
    margin-top:60px;
}

.main-car .owl-dots .owl-dot span {
    width:15px !important;
    height:15px !important;
    margin:0 10px 0 0 !important;
    background:none !important;
    border:1px solid #fff;
}

.main-car .owl-dots .owl-dot.active span {
    background:#fff !important;
}

.intro1--area.intro3--area p {
    padding-right:0 !important;
}

.accitems h4 {
    margin:0;
    padding: 0 50px 20px 0 !important;
    font-size: 26px;
    line-height: 1;
    color: #000 !important;
    letter-spacing: 1px;
    font-weight: 600 !important;
    position:relative;
    cursor:pointer;
}

.accitems h4:after {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -10px;
}

.accitems h4.openacc:after {
    content: "\f068" !important;
}



.accitems>div {
    padding:0 0 25px 0;
    font-size:18px;
    font-weight:300;
    line-height:1.5;
    display:none;
}

.accitems {
    border-bottom:2px solid #000;
    margin:0 0 25px 0;
}

.accordion--wrapper {
    padding:15px 0 0 0 !important;
}

.buy--tckets-wrapper {
    padding:10px 0 30px 0 !important;
}

.buy--tckets-wrapper a.btn {
    font-family: Flama Ultra Condensed;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background: #000;
    text-decoration: none;
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    padding: 12px 50px;
    border-radius: 30px;
    margin: 0;
    transition: 0.5s ease;
}

.buy--tckets-wrapper a.btn:hover {
    background:#56D1F9 !important;
}

.ticket21--area p {
    max-width: 600px !important;
    margin: 0 auto;
    padding: 0 0 35px 0;
}

.ticket21--area .btnwrapper {
    padding:35px 0 !important;
}

.ticket21--area .btnwrapper a.btn {
    font-family: Flama Ultra Condensed;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background: #56D2FF;
    text-decoration: none;
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    padding: 13px 50px;
    border-radius: 30px;
    margin: 0;
    transition: 0.5s ease;
    letter-spacing:1px;
}

.ticket21--area .btnwrapper a.btn:hover {
    color:#000 !important;
    background:#fff !important;
}

ul.lineups2ex--info li {
    line-height:1.35 !important;
    padding-bottom:20px !important;
}

ul.col3imggal {
    margin:0;
    padding:0;
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    gap:0;
}

ul.col3imggal>li {
    width:33.333%;
}

ul.col3imggal>li img {
    display:block;
    width:100%;
}


ul.col4imggal {
    margin:0;
    padding:20px 0;
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

ul.col4imggal>li {
    width:calc(25% - 15px);
}

ul.col4imggal>li img {
    display:block;
    width:100%;
}

ul.col4imggal>li h2 {
    background: #3CBBFE;
    color: #FFCF3F;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 35px;
    line-height: 1;
    -webkit-text-stroke: 1px #000;
    letter-spacing:1px;
}

ul.col4imggal>li:nth-child(2) h2 {
    background:#ED3A9C;
}

ul.col4imggal>li:nth-child(3) h2 {
    color:#F6007B;
    background:#FFCF3F;
}

ul.col4imggal>li:nth-child(4) h2 {
    background:#000;
}

.topimpttxt {
    background:#000;
    padding:15px 10px;
    text-align: center;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.topimpttxt h3 {
    margin: 0 !important;
    text-align: center;
    font-size: 35px;
    line-height: 1.15;
    letter-spacing: 1.25px;
    color: #fff;
}

.topimpttxt a.btn {
    padding:8px 50px !important;
}

.topimpttxt a.btn:hover {
    color:#ED3A9C !important;
    background:#fff !important;
}


@media only screen and (min-width: 981px) {
    
    .header--right a.humbergur,
    .mobile-sidemenu {
        display:none;
    }
    
}


@media only screen and (max-width: 980px) {
    
    .signupheader h2 {
        font-size:80px !important;
    }
    
    .signupformH,
    .what--expect p {
        padding:0 !important;
    }
    
    .signupheader h3 {
        font-size:40px !important;
    }
    
    .signup--top-banner a.btn {
        bottom:20px;
        font-size:30px !important;
        width:400px;
    }
    
    .main-car {
        padding:0 40px !important;
    }
    
    .intro1--area p,
    ul.lineups--info {
        padding-right:0 !important;
    }
    
    .header--right ul {
        display:none;
    }
    
    .header--right a {
        font-size:25px !important;
    }
    
    .mobile-sidemenu {
        position: fixed;
        top: 0;
        width: 300px;
        height: 100%;
        z-index: 999;
        background: #000 !important;
        right: -300px;
        padding: 40px;
        transition: 0.5s ease;
    }
    
    .mobile-sidemenu.navopenmob {
        right:0;
    }
    
    .mobile-sidemenu ul {
        margin:0;
        padding:0;
        list-style-type:none;
    }
    
    .mobile-sidemenu ul>li {
        margin:0 0 20px 0 !important;
    }
    
    .mobile-sidemenu ul a {
        font-family: Flama Ultra Condensed;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        font-size: 30px;
        line-height: 1;
        letter-spacing: 1px;
    }
    
    .mobsm--header {
        padding: 0 0 50px 0;
        text-align: right;
    }
    
    .mobsm--header a {
        color:#fff;
        font-size:30px !important;
        line-height:1;
        display:inline-block;
    }
    
    ul.col4imggal>li {
        width:calc(50% - 10px);
    }
}

@media only screen and (max-width: 767px) {
    
    .signup--top-banner a.btn {
        bottom:30px !important;
    }
    
}



@media only screen and (max-width: 480px) {
    
    .smainlogo {
        max-width:100% !important;
    }
    
    .signupheader a.btn,
    form.arep-form .arep-form-submit-button {
        font-size:30px !important;
    }
    
    .signupheader h2 {
        font-size:70px !important;
    }
    
    .signupheader h3,
    .signupformH h3,
    .what--expect h2 {
        font-size:35px !important;
    }
    
    ul.artists--lineup li,
    .small-text--strip h2 {
        font-size:30px !important;
    }
    
    .signupform--wrapper {
        padding:25px !important;
    }
    
    .what--expect p {
        font-size:20px !important;
    }
    
    .btm--gallery ul {
        flex-direction:column;
    }
    
    .btm--gallery ul>li {
        width:100% !important;
    }
    
    .arep-mobileNumber-input-wrap {
        flex-direction:column !important;
    }
    
    .arep-mobileNumber-input-wrap select,
    .arep-mobileNumber-input-wrap input[type="text"],
    .theader ul img {
        width:100% !important;
    }
    
    .signup--top-banner a.btn {
        bottom: 15px !important;
        width: 300px;
        font-size: 23px !important;
        padding: 10px !important;
    }
    
    .header--right {
        gap:10px !important;
    }
    
    .header--left img {
        max-width:150px !important;
    }
    
    .main-car h4 {
        font-size:23px !important;
    }
    
    .theader ul {
        flex-direction:column;
    }
    
    .header--right a.btn {
        font-size: 20px !important;
        padding: 10px 22px !important;
    }
    
    .main-car {
        padding:0 15px !important;
    }
    
    ul.lineups--info li{
        font-size:17px !important;
    }
    
    .cmn--heading,.theader h3 {
        font-size:35px !important;
    }
    
    .topimpttxt h3 {
        font-size:25px !important;
    }
    
    ul.col4imggal>li {
        width:100%;
    }
}