/* Add Your Custom CSS Here */
.navbar-toggler {
    padding: 0.45rem 1.95rem;
    font-size: 2.0rem;
    margin: auto;
}

#mobilenav .nav-link {
    line-height: calc(45px / 2 - 14px);
    padding-top: 7px;
    padding-bottom: 7px;
    background: #361074;
}

#mobilenav .nav-link p.small {
    color: #ffffff;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ea1b2d;
    border-color: #ea1b2d;
}

.page-link {
    color: #ea1b2d;
}

/* ----- STOPCC LOGO ------ */
/*#site-nav::before {
  content: url(https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/stopchildrenscancer/2020golfclassic/stylesheet_images/45_original_635ecdeef6a6174385e87d0c1c9eb6f5.png);
 background-color: #ffffff;
width: 320px;
padding: 10px;
}*/

/*-----COMPACT STOP CC LOGO ----*/
#site-nav::before {
    content: url('https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/stopchildrenscancer/stopgolf21/stylesheet_images/36_original_3c0a6bc56adc476c5062dfa306a835a9.png');
    background-color: #ffffff;
    width: 220px;
    padding: 0px;
}

#ticket_selection_page_title {
    margin-top: 55px;
}

/* On screens that are 600px or less, use square header image - SMALLER BANNER IMAGE FOR MOBILE DISPLAY - 1080 X 1080 PIXELS*/
@media screen and (max-width: 768px) {
  .pageheader .container .no-jumbotron, .pageheader .container .jumbotron {
    margin-bottom: -30px;
    padding: 0;
    line-height: 200px;
    height: 400px;
    background-image: url(https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/stopchildrenscancer/fantasy23/stylesheet_images/52_original_ff40fa957c5b1027e146559b90131f4f.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
} 


#site-nav::before {
    content: /*url(https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/stopchildrenscancer/fantasy23/stylesheet_images/58_original_f0c3c973d766c58e85a02554608e536d.png);*/
    background-color: #ffffff;
    width: 240px;
    padding: 10px;
    position: relative;
    left: 13%;
}

.event-directions .btn-secondary {
    height: 60px;
    line-height: 60px;
    margin: 20px 0px;
}

/*--- mobile image container ----*/
.container, [class*="col-"] {
    padding-right: 5px;
    padding-left: 0;
}

/*---header text ----*/
.pageheader .container .jumbotron h1, .pageheader .container .jumbotron h2, .pageheader .container .jumbotron h3 {
    display: none;
    vertical-align: middle;
    margin-top: 5px;
    text-align: left;
    padding-right: 25px;
    font-size: 32px;
    width: 54%;
}

.description {
    padding: 20px;
}

.description-section, .event-section, .sponsors-section {
    padding: 50px 20px;
}

a.navbar-brand {
    font-size: 22px !important;
    overflow-wrap: anywhere;
}

/* ----- removes desktop image from mobile ----*/
.pageheader z-section-0 {
    background-image: url(https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/stopchildrenscancer/fantasy23/homepage_images/13_original_4bb44f84928a6d6a397029bafd0e860b.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
}

/*----- END MOBILE DISPLAY ----- */


.pageheader .container .jumbotron, .pageheader-sm .container .jumbotron {
    background-color: rgba(51, 51, 51, 0.0);
}

/*----NEW styles ----*/

.btn-social-twitter {
    color: #fff;
    background-color: #361074;
}

.btn-social-facebook {
    color: #fff;
    background-color: #361074;
}

.btn-danger {
    color: #fff;
    background-color: #EA1B2D;
    border-color: #EA1B2D;
}

/*#site-nav, #site-nav .navbar-toggler, #site-nav .navbar-toggler:hover, #site-nav .navbar-toggler:focus {
    background-color: #361074;
    background-image: -moz-linear-gradient(top, #ea1b2d, #361074);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea1b2d), to(#361074));
    background-image: -webkit-linear-gradient(top, #ea1b2d, #361074);
    background-image: -o-linear-gradient(top, #ea1b2d, #361074);
    background-image: linear-gradient(to bottom, #ea1b2d, #361074) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea1b2d', endColorstr='#361074', GradientType=0);
}*/

#site-nav .nav > li > a:hover, #site-nav .nav > li > a:focus {
    background-color: #361074;
}


.quicknav-wrap .quicknav-item {
    text-align: center;
    padding: 10px 30px;
}

.btn-secondary h5 {
    color: #ffffff;
}


/*---------------END NEW STYLES --------------------*/

/* ----- TICKET PAGE ------ */
.card .btn.btn-pill {
    color: #e9ecef;
    background-color: #ea1b2d;
    border-radius: 4px;
}

a.showhidesponsorpacks.showhidetext-show {
    color: #c7181f !important;
    font-size: 25px;
    font-weight: bold;
}

a.showhidesponsorpacks {
    color: #ea1b2d !important;
    font-size: 25px;
    font-weight: bold;
}

div.ticket-description {
    overflow: hidden;
    font-size: 30px !important;
    font-weight: bold;
}

div.ticket-description ticket_page_description_styling h5 {
    color: #000000
}

.level-description-1 ticket-description force_display_of_ticket_descriptions {
    color: #ea1b2d !important;
}

/*---- LINKS AND BUTTONS -----*/
.badge-success {
    color: #fff;
    /*background-color: #cccccc;*/
}

.btn {
  background-color: #ea1b2d !important;
}

a {
    color: #ea1b2d !important;
}

input.btn {
    color: #fff;
    background-color: #ea1b2d;
    border-color: #ea1b2d;
}

a.btn.btn-sm btn-primary {
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #ea1b2d;
    border-color: #ea1b2d;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ea1b2d;
    border-color: #701014;
}


/*---- AUCTION CATALOG -----*/

.badge-primary {
    color: #fff;
    background-color: #991D20;
}

.catalog-search-btn {
    height: 45px;
    width: 100%;
    padding: 0;
    background-color: #991D20;
    border: 1px solid #991D20;
}

.card {
    color: #000000;
}

.quicknav-wrap .quicknav-item a * {
    color: #e9ecef;
    font-size: 1.7em;
}

.catalog-item .card-header {
    border-radius: 0;
    background-color: rgba(248, 249, 250, 0.9);
}

small, .small {
    font-size: 90%;
    font-weight: 400;
    color: red;
}

.btn-link {
    font-weight: 400;
    /*color: #91111d;*/
    background-color: transparent;
}

.alert-info {
    color: #ffffff;
    background-color: #b1b1b1;
    border-color: #b1b1b1;
}

#item_description h5 {
    color: #91111d;
}

#item_restrictions h5 {
    color: #91111d;
}

.badge-info {
    color: #fff;
    background-color: #8e1b26;
}

/*---- HTAGS AND OVERALL TEXT -----*/


h1 {
    font-size: 40px;
    text-align: left;
    color: #c7181f !important;
    font-family: Oswald, Arial, Verdana, sans-serif;
}

h2 {
    font-size: 50px;
    color: #c7181f !important;
    font-family: Oswald, Arial, Verdana, sans-serif;
}


h3 {
    color: #cf9f0d;
    font-family: Oswald, Arial, Verdana, sans-serif;
}


h4 {
    font-size: 22px;
    line-height: 1.5em;
    color: #ea1b2d !important;
}

h6 {
    color: #ea1b2d !important;
}

h5 {
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
}

.list-group-item {
    display: block;
    margin: 0;
    margin-bottom: -1px;
    float: none;
    color: #ea1b2d;
}

p {
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
}

.label-highlight {
    color: #2c2c2c;
}

li {
    font-size: 1.2em;
    color: #000000;
}


/*---- EVENT INFO BOXES ON HOME PAGE -----*/

.z-section-5 {
    color: #fff;
    background-color: #361074 !important;
}

.z-section-4 {
    color: #fff;
    background-color: #ea1b2d !important;
}

.section {
    padding: 25px 0;
}

.event-section h4 {
    color: #ffffff !important;
    text-align: center;
}

.event-timedate {
    background-color: rgba(248, 249, 250, .0) !important;
}

.event-directions {
    background-color: rgba(248, 249, 250, 0.0) !important;
}

.event-directions .btn-secondary {
    height: 60px;
    line-height: 60px;
    background-color: #361074;
    text-transform: uppercase;
}


.z-section-6 {
    color: #333;
    background-color: #ffffff;
}


/*---- NAVIGATION AND PAGE HEADER -----*/

.navbar.z-section-8 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0em;
    border-bottom: 15px solid #361074;
}

.navbar-brand, .navbar-nav > li > a, .navbar.nav.navbar-right {
    line-height: 42px;
}

.navbar-brand {
    width: 100%;
    text-align: center;
    line-height: 70px;
    font-size: 28px;
}

.navbar {
    border: none;
    border-radius: 0px;
    background-image: none;
    background-color: #991D24;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li.active > a, .navbar .navbar-nav > li.active > a:hover, .navbar .navbar-nav > li.active > a:focus, .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
    background-color: #C71820;
}

.pageheader .btn-primary {
    color: #fff;
    background: #ea1b2d;
    border: 0;
    line-height: 0;
}

.pageheader .container .no-jumbotron, .pageheader .container .jumbotron {
    margin-bottom: -30px;
    padding: 0;
    max-height: 380px;
    line-height: 200px;
    text-align: left !important;
}

.section-footer .footer-btn {
    background-color: #ea1b2d;
    color: #fff;
    border-radius: 4px;
    transition: all .1s ease;
}

.section-footer .back:before {
    border-right-color: #ea1b2d !important;
}

.section-footer .next:after {
    border-left-color: #ea1b2d;
}

.section-footer .footer-btn:hover {
    background-color: #701014;
    color: #fff;
    border-radius: 4px;
    transition: all .1s ease;
}

.section-footer .back:hover::before {
    border-right-color: #701014 !important;
}

.section-footer .next:hover::after {
    border-left-color: #701014;
}

/** Page header image full width */
header.pageheader {
    background-color: transparent;
    background-size: cover !important;
    height: 500px;
}

button#quicknav-btn {
    position: relative;
    bottom: -140px;
}

#site-nav::before {
    left: 0 !important;
}

@media screen and (max-width: 900px) {
    nav#site-nav button.navbar-toggler, nav#site-nav button.navbar-toggler:hover, nav#site-nav button.navbar-toggler:focus {
        background-color: #ea0a73 !important;
        background-image: none !important;
    }

    #navbarNav li.nav-item, ul.ml-auto li {
        margin-left: 10px;
    }

    #navbarNav li.nav-item a, ul.ml-auto li a {
        padding-left: 10px;
    }
}

@media screen and (max-width: 600px) {
    header.pageheader {
        background-image: url(https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/stopchildrenscancer/fantasy23/stylesheet_images/74_original_bb2165bfb0ab9d6054835bf7ef581a08.jpg) !important; /*change this for mobile*/
        background-size: contain !important;
        background-repeat: no-repeat;
        height: 380px;
    }

    button#quicknav-btn {
        position: relative;
        bottom: -20px;
    }

    #site-nav::before {
        text-align: center;
        margin: auto;
        position: unset;
    }
}