/*========FONTS============*/
@import url('https://fonts.googleapis.com/css2?family=Coda:wght@800&family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url(/resources/css/additionalinfo-52473895aae6f0da1121c90b65653ad9.css);
@import url(/resources/css/adg-calendar-1be454093f967e04930cb533a5fa388c.css);

body{
    font-family : 'Roboto Slab', sans-serif;
}

/*--------index page styles-------------*/


.page-headline{
    font-family : Coda, Arial, Helvetica, sans-serif;
    font-weight : 800;
    text-align  : center;
    font-size   : 32px;
}


.adg-background{
    background              : linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url("/resources/images/homepage-section-background-76381823b848c8d6d00d11c37be34faf.jpg");
    background-repeat       : no-repeat;
    -webkit-background-size : cover;
    background-size         : cover;
}

.product-background{
    background              : linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url("/resources/images/homepage-section-background-76381823b848c8d6d00d11c37be34faf.jpg");
    background-repeat       : no-repeat;
    -webkit-background-size : cover;
    background-size         : cover;

}

.svg-container{
    position : absolute;
    top      : 1px;
    right    : 0;
    left     : 0;
    z-index  : -1;
}


path{
    transition : .1s;
}

path:hover{
    d : path("M 800 300 Q 400 250 0 300 L 0 0 L 800 0 L 800 300 Z");
}


body{
    background-image  : linear-gradient(
            180deg, #FDD933 0%, rgba(250, 208, 49, 0) 100%);
    position          : relative;
    background-repeat : no-repeat;
}


.totals p{
    color : #000;

}

.breadcrumb-container{
    color         : #fff;
    text-align    : center;
    margin-bottom : 5rem;
}

main{
    background    : linear-gradient(to bottom, #ffffff 0%, #dddee1 100%);
    border-bottom : 1px solid rgba(0, 0, 0, .2);
    padding       : 10vh 0 80vh;
    position      : relative;
    text-align    : center;
    overflow      : hidden;
}

main::after{
    border-right : 2px dashed #eee;
    content      : '';
    position     : absolute;
    top          : calc(10vh + 1.618em);
    bottom       : 0;
    left         : 50%;
    width        : 2px;
    height       : 100%;
}

#changeStatGroupMobile{
    border        : 1px solid #000000;
    color         : #000;
    border-radius : 4px;
    font-family   : 'Coda', sans-serif;
}

.mobile-statgroup-header{
    font-family : Coda, Arial, Helvetica, sans-serif;
    font-weight : 800;
    text-align  : center;
    font-size   : 18px;
}

.shop-panel{
    background : #ffffff;
    height     : 21rem;
    margin-top : 4rem;
}

.general-admission-ticket{
    padding : 10px;
}

.sections{
    margin-left   : 0px;
    margin-bottom : 30px;
    border        : solid thin #F58020;
    padding       : 10px;
    margin-top    : 20px
}

.bd-hr, .genad-hr{
    margin-top : -22px;
}

hr.style-one{
    border           : 0;
    height           : 1px;
    background       : #F58020;
    background-image : -webkit-linear-gradient(left, #F58020, #F58020, #F58020);
}

.ticket-cards{
    margin-top    : 5rem;
    margin-bottom : 5rem;
}

.home-cards{
    justify-content : space-evenly;
}

.adg-card{
    width              : 22rem !important;
    background-color   : white;
    border             : 4px solid;
    border-radius      : 25px;
    padding            : 5px;
    min-height         : 629px;
    box-shadow         : 0px 1px 8px 1px rgba(0, 0, 0, 1);
    -webkit-box-shadow : 0px 1px 8px 1px rgba(0, 0, 0, 1);
    -moz-box-shadow    : 0px 1px 8px 1px rgba(0, 0, 0, 1);
    margin-bottom      : 1rem;
}

.card-img{
    border-top-left-radius     : 15px;
    border-top-right-radius    : 15px;
    border-bottom-right-radius : 0px;
    border-bottom-left-radius  : 0px;
}

.card-title{
    font-size   : 32px;
    font-family : 'Coda', sans-serif;
    font-weight : 800;
    color       : #ffffff;
    text-align  : center;
}

.card-body{
    padding             : 0px;
    background-image    : url("/resources/images/homepage-main-link-column-bottom-border-f0b396b06e8b66817455e154cacb2735.png");
    background-size     : 80% 16px !important;
    background-position : left bottom !important;
    background-repeat   : no-repeat;
    min-height          : 235px;
    border-radius       : 23px;
}

.card-img{
    height : 255px;
}

.main-title{
    padding             : 10px;
    background-color    : #e00303;
    background-image    : url("/resources/images/dark-red-arrows-1-f2109e989e2f655cd73ab9bbd75726e4.png");
    background-size     : 100% 40%;
    background-position : center center;
    background-repeat   : no-repeat;
}

.main-card-text{
    padding     : 25px 25px 40px 25px;
    font-family : 'Roboto Slab', sans-serif;
    font-size   : 16px;

}

.card-title span{
    background-color : #e00303;
    position         : relative;
    top              : 5px;
}

/*--------nav and header styles------------*/
.background-header{
    background : linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url("/resources/images/adg-header-background-22f560b96a8bafeefc0408b6c7ed2caf.png");
    height     : 235px;
    padding    : 10px 30px 10px 30px;
}

.navbar{
    background-color : #2C2C2C;
    border-top       : 4px solid #ffffff;
    border-bottom    : 4px solid #ffffff;
}

a.nav-link{
    font-size   : 24px;
    font-family : 'Coda';
}

/*.logo-link{*/
/*max-width   : 30%;*/
/*margin-left : 120px;*/
/*}*/

/*.navbar-nav{*/
/*position : relative;*/
/*left     : 42rem;*/
/*}*/

header .fa-shopping-cart[data-count]:after{
    background : #FD5900;
}


/*----------footer styles------------------*/
footer{
    margin-top : 0px;
}

.footer-wrapper{
    background-color : #2C2C2C;

}

.footer-nav-list{
    background-color : #000000;
    border-top       : 2px solid #ffffff;
    border-bottom    : 2px solid #ffffff;
}

ul.footer-nav-list a{
    color : #ffffff;
}

.footer-footer{
    background-color : #000000;
}

.eclub-heading{
    font-family    : Coda, Arial, Helvetica, sans-serif;
    font-weight    : 800;
    line-height    : 1.3;
    letter-spacing : 0px;
    font-style     : normal;
}

.address-text a:hover{
    color           : #fcd000;
    text-decoration : none;
}

.phone-number-text, .phone-number-text a{
    font-size   : 27px;
    color       : #fcd000;
    font-weight : bold;
}


.phone-number-text a:hover{
    color           : #ffffff;
    text-decoration : none;
}

img.adg-hhs-img{
    width      : 60px;
    opacity    : 0.7;
    transition : 0.3s;
}

img.adg-hhs-img:hover{
    opacity : 1;
}

.social-icons .img-icon{
    width            : 60px;

    text-align       : center;
    background-color : #bebcbc;
    border-radius    : 100%;
    border-color     : #bebcbc;
    color            : #2c2c2c;
    transition       : 0.3s;
}

.social-icons .img-icon:hover{
    background-color : #ffffff;
}

.img-icon a{
    color : #2c2c2c;
}

.social-icons .img-icon a i{
    line-height : 60px;
}

ul.footer-nav-list a{
    color           : #ffffff !important;
    font-size       : 24px;
    text-decoration : none;
    font-family     : 'Roboto Slab', sans-serif;
}

ul.footer-nav-list a:hover{
    color : #fcd000 !important;
}

nav.footer-nav ul li a:after{
    position   : absolute;
    bottom     : 0;
    left       : 0;
    right      : 0;
    margin     : auto;
    width      : 0%;
    content    : '.';
    color      : transparent;
    background : #fcd000;
    height     : 1px;
}

.loader{
    border-color : rgb(253, 122, 51) rgba(126, 173, 146, 0.2) rgba(126, 173, 146, 0.2) !important;
}

nav.footer-nav ul li a:hover:after{
    width : 100%;
}

.eclub-section{
    top : 3rem;
}


.sub-headline span{
    font-size : 18px !important;
}

.qty-sel{
    border-color : black;
    /*width        : 34%;*/
}

.product-row{
    padding : 25px 5px !important;
}

.sub-headline span a{
    color : #007bff !important;
}


/*-------------Button Styles-------------------*/
.adg-button{
    background      : #fa0707;
    border-radius   : 5px;
    font-family     : 'Roboto Slab', sans-serif;
    font-size       : 16px;
    height          : 40px;
    transition      : 0.3s;
    box-shadow      : 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    height          : 36px;
    line-height     : 36px;
    padding         : 0px 16px;
    text-transform  : uppercase;
    font-size       : 14px;
    font-family     : 'Glegoo', serif;
    font-weight     : bold;
    border          : 2px solid #000000;
    color           : #ffffff;
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    /*width           : 100%;*/
}

.btn-primary{
    border : 2px solid #ffffff;
}

.adg-button:hover{
    color            : #ffffff;
    background-color : #2C2C2C;
    border-color     : #000000;
    text-decoration  : none;
}

.checbasket_body .product_row .select-css{
    border-radius : 4px;
    padding       : 10px;
    border        : 2px solid;
}

select.js-delivery-select, .js-payment-select{
    border : solid 2px;
}

.js-promocode{
    border : 2px solid #000000;
}

.checbasket_footer{
    padding : 31px;
}

.btn-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:visited{
    color            : #ffff;
    background-color : #fa0707;
    border-color     : #ffffff;
}

#topBtn{
    background : #2C2C2C;
}

#topBtn:hover{
    background : #2C2C2C;
    opacity    : 1;
}

.btn{
    background-color : #fa0707;
    border           : 2px solid #000000;
    border-radius    : 3px;
}


div.btn:hover{
    background-color : #2C2C2C;
    color            : #ffffff;
}

.btn:hover{
    color            : #ffffff !important;
    background-color : #2C2C2C !important;
    border-color     : #000000;
    text-decoration  : none;
}

.join-btn{
    padding          : 14px 30px;
    background-color : #fcd000;
    color            : #000;
    font-family      : 'Roboto Slab', 'Times New Roman', Times, serif;
    font-weight      : 700;
    font-size        : 25px;
    line-height      : 26px;
    text-transform   : none;
    border-radius    : 8px;
    border           : 2px solid #ffffff;
    transition       : 0.3s;
}

/*.join-btn a{*/
/*color           : #000;*/
/*text-decoration : none;*/
/*}*/

.join-btn:hover{
    background      : #2C2C2C;
    color           : #ffffff;
    text-decoration : none;

}

header .dropdown .dropdown-menu.shoppingcart_container .cart_buttons button.clear-btn{
    background-color : #FB3939;
}

/*.join-now-btn a:hover{*/
/*color : #ffffff;*/

/*}*/

.buy_now-btn{
    text-align : center;
    width      : auto;
}

.calendar-checkbox-text, .flex-checkbox-text{
    font-weight  : bold;
    color        : #000000;
    margin-right : 3rem;
    font-family  : 'Passion One';
}


/*--------userinformation page styles-------------*/
.checkcart-grandtotal{
    color : #000;
}

.checkcart-headline{
    margin-left   : 1.5rem;
    margin-bottom : 3rem;
}

.userinfo-input, .userinfo-select{
    left                  : 0rem;
    width                 : 100%;
    border                : 1px solid #000000;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    border-radius         : 4px;
}

.userinfo-input{
    padding : 0.375rem 0.75rem;
}


[type="checkbox"]:checked,
[type="checkbox"]:not(:checked){
    /*position : absolute;*/
    /*left     : -9999px;*/
}

[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label{
    position     : relative;
    padding-left : 28px;
    cursor       : pointer;
    line-height  : 20px;
    display      : inline-block;
    color        : #666;
}

[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before{
    content    : '';
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 21px;
    height     : 20px;
    border     : 1px solid #000000;
    background : #fff;
}

[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after{
    content            : '';
    width              : 8px;
    height             : 8px;
    background         : #E00303;
    position           : absolute;
    top                : 6px;
    left               : 6px;
    -webkit-transition : all 0.2s ease;
    transition         : all 0.2s ease;
}

.md-checkbox input:checked + label:after{
    content      : '';
    display      : block;
    position     : absolute;
    top          : 4px;
    left         : 4px;
    width        : 13px;
    height       : 13px;
    /* border: solid #0B3E8F; */
    border-width : 0 2px 2px 0;
    transform    : rotate(
            0deg);
}

input[type=checkbox]:checked + label:before{
    background-color : #ffffff;
    border-color     : #000;
    /* color: #0B3E8F; */
}

[type="checkbox"]:not(:checked) + label:after{
    opacity           : 0;
    -webkit-transform : scale(0);
    transform         : scale(0);
}

[type="checkbox"]:checked + label:after{
    opacity           : 1;
    -webkit-transform : scale(1);
    transform         : scale(1);
}


/*-------web shopping cart----------*/
header .dropdown .dropdown-menu.shoppingcart_container .card-title{
    background-color : #000000;
}

header .dropdown .dropdown-menu.shoppingcart_container.show{
    border-color : #000;
    overflow-y   : inherit;
    overflow-x   : inherit;
    max-height   : 100vh
}

header .dropdown .dropdown-menu.shoppingcart_container.show:before{
    content       : "";
    position      : absolute;
    top           : -13px;
    width         : 0;
    height        : 0;
    border-left   : 11px solid transparent;
    border-right  : 11px solid transparent;
    border-bottom : 11px solid #000000;
    right         : 1.68em;
    box-shadow    : 0 1rem 2rem rgba(0, 0, 0, 0.2);
}

.fa-cart-plus{
    color : #E00303 !important;
}

.cart-empty-text{
    font-family : 'Roboto Slab', sans-serif;
    font-size   : 18px;
}

.page_container{
    background-color : rgb(255, 255, 255);
    border           : 6px solid rgb(51, 51, 51);
    border-radius    : 30px;
    overflow         : hidden;
    box-shadow       : rgb(0 0 0 / 15%) 0px 0px 10px 0px;
    padding          : 30px 30px 20px;
    margin-top       : 3rem;
}

.c-highlighted-ribbon{
    background-color : #FB3939;
}

section#thank-you{
    min-height : 70vh;
    display    : flex;
}

.loader{
    z-index : 100;
}

#anotherSection{
    min-height : 20rem;
}

/*side menu styling*/
.sidemenu-card{
    border        : 6px solid rgb(51, 51, 51);
    border-radius : 30px;
    overflow      : hidden;
    box-shadow    : rgb(0 0 0 / 15%) 0px 0px 10px 0px;

    margin-top    : 27px;
}


.sidemenu-card a{
    color      : #000;
    font-size  : 16px;
    transition : all 0.3s ease-in-out 0s;
}

.sidemenu-card a:hover{
    color      : #FB3939;
    font-style : italic;
}

.sidemenu-card-body{
    background-color    : rgb(255, 255, 255);
    padding             : 0px;
    background-image    : url(/resources/images/homepage-main-link-column-bottom-border-f0b396b06e8b66817455e154cacb2735.png);
    background-size     : 80% 16px !important;
    background-position : left bottom !important;
    background-repeat   : no-repeat;
    min-height          : auto;
    border-radius       : 0px;
}


.ticket-header{
    font-family : Coda, Arial, Helvetica, sans-serif;
    font-size   : 21px;
    font-weight : bold;
    text-align  : center;
}

.table-heading{
    display : flex;
}

.card-header{
    font-size   : 18px;
    background  : #FB3939;
    font-weight : bold;
    color       : #ffffff;
    font-family : Coda, Arial, Helvetica, sans-serif;
}


.sidebarmenu .nav .nav-item.hasborder{
    border-bottom : 1px solid #E5E5E5;
}

ul li.nav-item{
    margin-right : 0px;
}

.active-sidemenu .nav-link{
    color      : #FB3939;
    font-style : italic;
}

.sidemenu-card ul .tickets-sidebar{
    color       : #000000;
    font-weight : 600;
    cursor      : pointer;
    transition  : all 0.3s ease-in-out 0s;
    font-family : 'Coda';
}

.sidemenu-card ul .tickets-sidebar:hover{
    color      : #FB3939;
    font-style : italic;

}

.sidemenu-card ul li.sgselected{
    color      : #FB3939;
    font-style : italic;
}

.img-effect .card-img{
    border-radius : 0px;
}

#wrapper .card{
    width      : auto !important;
    height     : auto;
    box-shadow : none;
    border     : none;
}

img.card-img.event-pic{
    border-radius : 0;
    min-height    : 100%;
    min-width     : 100%;
    position      : absolute;
    object-fit    : cover;
}

.card-body h3.card-title{
    font-size   : 32px;
    font-family : 'Coda', sans-serif;
    font-weight : 800;
    color       : #FB3939;

}

.event-img-div{
    min-height : 260px;
    position   : relative;
    overflow   : hidden;
    height     : 260px;
}

.statgroup-info .card-title{
    color : #FB3939;
}

.groupdetails .card-body{
    background-image : none;
}

.event-cards .card-body{
    padding          : 1.25rem;
    background-image : none;
}

.icon-bg{
    background-color : #f71c1c;
    height           : 30.6px;
    width            : 30.6px;
    margin-right     : 12.6px;
    border-radius    : 50%;
    background-clip  : padding-box;
    color            : #fff;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    padding          : 3px 12px;
}

.fa-chevron-right{
    font-size : 13px;
}

.event-headline{
    font-family : 'Coda', sans-serif;
    font-size   : 60px;
    color       : white;
}

select{
    background-color   : white;
    border             : thin solid #000000;
    border-radius      : 4px;
    display            : inline-block;
    font               : inherit;
    line-height        : 1.5em;
    padding            : 0.5em 2.5em 0.5em 1em;
    margin             : 0;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    -webkit-appearance : none;
    -moz-appearance    : none;
}

select.ticket-select-input{
    background-image    : linear-gradient(
            45deg, transparent 50%, gray 50%), linear-gradient(
            135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%);
    background-position : calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 0.5em) 0.5em;
    background-size     : 5px 5px, 5px 5px, 1.5em 1.5em;
    background-repeat   : no-repeat;
}

/*--------------session modal styling-----------*/
.modal-content{
    border : 2px solid #000;
}

.modal-header{
    background-color : #000000;
}


/*--------------breadcrumb styling-----------*/
.breadcrumb-container .step.selected{
    color : #E00303;
}

.breadcrumb-container .step p{
    font-size : 16px;
}

.breadcrumb-container .step.hasnext:after{
    border-top : 2px solid #515151;
}

.breadcrumb-container .step{
    color : #515151;
}

.adg-checkbox-text{
    color : #000;
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width : 576px){


}

/* Media queries*/
@media (max-width : 576px){
    .logo-link{
        margin-left : 0px;
    }

    .ticket-cards{
        flex-direction : column;
    }

    .index-card{
        width : 22rem !important;;
        /*margin-right : 4rem;*/
    }

    p.card-text{
        font-size : 14px;
    }

    .card-title{
        font-size : 22px;
    }

    .eclub-row{
        padding : 0px;
    }

    .newsletter-offertext p{
        font-size : 14px;
    }


    /*.adg-logo{*/
    /*position : relative;*/
    /*left     : 2rem;*/
    /*}*/
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width : 360px){
    .index-card{
        width : 17rem !important;
    }
}

@media screen and (min-width : 1700px){
    .container{
        min-width : 80%;
    }

    #homeCard-wrapper{
        min-width : 100%;
    }
}

@media only screen and (max-width : 767px){
    .step:not(.selected){
        display : none !important;
    }

    .breadcrumb-container .step.hasnext:after{
        display : none !important;
    }
}