Custom CSS for School Auction - Stop CC

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

.whitetext /*-- for text description on auction sign up page */ {
color: #ffffff;
}

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

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

#give_page_text_section_1 h5 {
   color: #ffffff;
}

/*-----COMPACT STOP CC LOGO ----*/
#site-nav::before {
content: url(https://stopchildrenscancer.org/templates/j51_sophia/images/stopcc_logo_compact.svg);
background-color: #ffffff;
width: 220px;
padding: 10px;
}

/*-----
/*------Z SECTIONS ------*/
.z-section-0 {
    color: #000;
    /*background-color: #361074 !important; REMOVED 1-26*/
    /*height: 310px; REMOVED 1-26*/
}

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

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

.section {
    padding: 25px 0;
}

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

---*/

/*-----QUICKNAV AND EVENT BOXES AT BOTTOM OF PAGE ----*/
.quicknav-wrap .quicknav-item {
    text-align: center;
    padding: 10px 30px;
}

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

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

.event-directions .btn-secondary.btn h5 {
    line-height: inherit;
    color: #ffffff;
}
    

/*------BEGIN NAVIGATION ----*/
#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 /*purple*/;
}


/*-------BEGIN PAGE HEADER -----*/
.pageheader .container .jumbotron, .pageheader-sm .container .jumbotron {
    background-color: rgba(51,51,51,0.0);
}

.pageheader, .pageheader-sm, #poster_banner_section {
    background-color: #361074 !important;
}

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

.pageheader .container .no-jumbotron, .pageheader .container .jumbotron {
    margin-bottom: -30px;
    padding: 0;
    height: 360px /*edited1-26*/;
    line-height: 200px;
    text-align: right !important;
}

.z-section-1 /*new*/ {
    color: #ffffff;
    background-color: #361074 !important;
}

.section-header .section-title-wrap .section-title h5 /*new*/ {
font-size: 25px;
color: #ffffff;
}

/*------BUTTON AND LINK STYLING ------*/
.btn-secondary {
    color: #fff;
    background-color: #361074;
    border-color: #AEA79F;
}

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

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

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

a {
    color: #ea1b2d;
}

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:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ea1b2d;
    border-color: #ea1b2d;
}

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

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

.page-link {
color: #ea1b2d;
}


/*----- TICKET PAGE ------*/
#ticket_selection_page_title {
   margin-top: 55px;
}




/*---- 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: #ea1b2d;
    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;
}

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

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

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

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

/*---- AUCTION CATALOG -----*/ 
.modal-title, .modal-title>*, .modal-footer>* {
    color: #ffffff;
}

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


.badge-danger {
    color: #fff;
    background-color: #DF382C;
}

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

/* ----- 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;
}

/*--------FOOTER----------*/

.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;
    left: -2px;
}

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

/* ---- BEGIN MOBILE DISPLAY ------ */
/* On screens that are 600px or less, make the event header image smaller */
@media screen and (max-width: 600px) {
  .pageheader .container .no-jumbotron, .pageheader .container .jumbotron {
    margin-bottom: 0px !important;
    padding: 0;
    line-height: 200px;
    height: 250px !important;
    /*background-image: url(https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/stopchildrenscancer/2021bearathon/stylesheet_images/14_original_013bd616597e0a4ce89123ee4e9623f8.jpg) !important /*create new image and change this image link for mobile display*/;*/
    background-size: cover;
    background-repeat: no-repeat;
}

.z-section-0 {
    height: auto !important;
}

#site-nav::before {
content: url(https://stopchildrenscancer.org/templates/j51_sophia/images/stopcc_logo_compact.svg);
background-color: #ffffff;
width: 210px;
padding: 10px;
position: relative;
left: 23%;
}

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

/*---header text ----*/
.pageheader .container .jumbotron h1, .pageheader .container .jumbotron h2, .pageheader .container .jumbotron h3 {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    text-align: right;
    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: 24px !important;
    overflow-wrap: anywhere;
}

.navbar-collapse {
    background-color: #c7181f;
    padding: 20px;
}

h2 {
    font-size: 35px;
}

}

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