/* Add Your Custom CSS Here */


body {width: calc(100vw-300px);
height: 100vh; background-image: url("https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/mpa/evening2025/stylesheet_images/30_original_ff069e9524d8f1a6f9633b75081669b8.png"); 
background-size: cover; background-position: top center;   
    
}

.banner, .no-image {width: 100%; height: 20%; background-image: url("https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/mpa/evening2025/homepage_images/9_original_07735bd761bd5d98352332ff068bb379.png") b ackground-size: cover; background-position: top;   }

.event-homepage hr {
    border: none;
    height: 0.24rem;
    border-top: 1.5px solid #48185c !important;
      border-bottom: 1.5px solid #48185c !important;
    margin: 0;
}

.container {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto
}

.section {
    padding: 0 !important;
}

.event-homepage .description {
    padding: 1.5rem;
    padding-left: 15% !important;
    padding-right: 15% !important;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 320px) {
event-homepage .description {
    padding: 1.5rem;
    padding-left: 5% !important;
    padding-right: 5% !important;
    margin-bottom: 1rem;
}
}
.event-homepage p a  {
    color: #17745d !important;
    text-decoration: underline !important;
}

.event-homepage h2 a  {
  
    text-decoration: underline !important;
}

.alert {display: none;}
.pageheader .btn-primary {background: #17745d;}
.z-section-5 {background-color: #17745d; }
.z-section-6 { background-color: #FFFFFF;}
.btn-social-facebook {background-color: #000000;}

.pageheader, .pageheader-sm{background-color: #badfe7;}
body, h1, h2, h3, h4, a, p {font-family: verdana, arial, sans-serif !important;}

h1 {font-size: 24pt !important; line-height: 26pt; color: #17745d; padding-bottom: 10px;}
h2 {font-size: 20pt !important; line-height: 24pt;  color: #17745d; padding-bottom: 10px;}
h3 {font-size: 16pt !important;line-height: 18pt; color: #17745d; padding-bottom: 10px;}
h4 {font-size: 12pt !important; color: #000000;line-height: 18pt; padding-bottom: 10px;}
p {font-size: 12pt !important; color: #000000; line-height: 20pt; padding-bottom: 10px; }
.page_ticket_sales header.public-page-title-old h2, .page_ticket_sales header.public-page-title-old h3, .page_online_auction.action_signup header.public-page-title-old h2, .page_online_auction.action_signup header.public-page-title-old h3, .page_register header.public-page-title-old h2, .page_register header.public-page-title-old h3, .page_donation_items header.public-page-title-old h2, .page_donation_items header.public-page-title-old h3, .page_donate_items header.public-page-title-old h2, .page_donate_items header.public-page-title-old h3, .page_security header.public-page-title-old h2, .page_security header.public-page-title-old h3, .page_online_auction header.public-page-title-old h2, .page_online_auction header.public-page-title-old h3, .page_users header.public-page-title-old h2, .page_users header.public-page-title-old h3, .page_contests header.public-page-title-old h2, .page_contests header.public-page-title-old h3,   { color: #FFFFFF !important;}

.title-block h2 {

    color: #FFFFFF !important;
 
}


.aboutmetro { width:100%;}

.aboutmetro img { width:100%;
                height:100%;
         object-fit: contain;}


#catalog-search-mobile, #mobilenav-tablet {
    background-color: #17745d;}
.badge-info {
    color: #ffffff;
    background-color: #17745d;
}

.btn-primary {
    color: #ffffff;
    background-color:  #17745d;
    border-color:  #17745d;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #12604d;
    border-color: #12604d;
}



.catalog-item, .modal-content { box-shadow:
    inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 3px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.5); }


.event-homepage .titlebar {
    text-align: center;
    width: 100%;
    margin-bottom: 0.8rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-top: 0px !important;
    border-bottom: 0px !important;
    color: #17745d; 


}

.event-homepage .titlebar h1 {
    text-align: center;
    width: 100%;
    margin-bottom: 0.8rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-top: 0px !important;
    border-bottom: 0px !important;
    color: #00498b !important; 
    font-size: 14pt !important;



}


.content-width {
    max-width: 100rem !important;
}


.event-homepage h1,.event-homepage h2 {
    padding: 0.75rem;
    margin: 0;
    font-size: 16pt !important; line-height: 20pt !important;  color: #00498b !important; padding-bottom: 10px;
    font-weight: 400 !important;
    border-top: var(--seperator-weight) solid var(--accent-color);
    border-bottom: var(--seperator-weight) solid var(--accent-color);
border-top-style: hidden !important ;
border-bottom-style: hidden !important ;
}

.pageheader {
    height: 100px;
}



.youtube{ box-shadow:
    inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 3px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.5);
aspect-ratio: 16 / 9;
  width: 100%; }

.card {
box-shadow:
    inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 1.5px  #ea9e43,
    0.3em 0.3em 1em rgba(0, 0, 0, 0.5);


}


.card-body h4 {font-size: 14pt;}




.button, .button:link {
  width: 300px;
background-color: #17745d; /* teal */
  border: none;
  color: white !important;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
align: center;


}



.button:hover{
  background-color: #12604d; /* Darker teal */

  color: white;

}


#site-nav, #site-nav .navbar-toggler, #site-nav .navbar-toggler:hover, #site-nav .navbar-toggler:focus {
    background-color: #17745d;
    background-image: linear-gradient(rgb(32, 92, 112), rgb(26, 74, 90));
    background-repeat: repeat-x;
}


#divwrap {

 text-align: center;

}

#quicknav-btn
{display: none;}


.divwrap {
  display: flex;
  width: 100%;

}

.flex-child-element {
  flex: 2;
  margin: 10px;
text-align: center;
}

.flex-child-element:first-child, .flex-child-element:second-child {
  margin-right: 20px;
}


.thermometer-box {

color: #17745d !important; 

    margin-bottom: 0px;
    border: 0px;
    border-radius: 20px;
}




#masterModal h3 {font-size: 24pt !important; line-height: 26pt; color: #17745d; padding-bottom: 10px;}
#masterModal h4 {
font-size: 20pt !important; color: #17745d;line-height: 24pt; padding-bottom: 10px; }

#masterModal .fine {
font-size: 8pt !important; color: #000000;line-height: 12pt; padding-bottom: 10px; }


.donatedisclaimer {
  width: 100%;
background-color: #f3faf2; /* ltgreen */
  border: none;
  color: #000000;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
align: center;


}

.progress-circle, .progress-bar {
    background-color: #48185c !important;
}

.ticket-description h5 {
font-size: 20px;
font-weight: 500;
color: #17745d; 
}

.ticket-price, ticket_quantity {
color: #17745d;
}

.title-block {
color: #FFFFFF !important;
background-color: #17745d;
background-image: url("https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/mpa/evening2025/stylesheet_images/31_original_b2b871e81ae1766a4664906d1e648652.png"); background-size: cover;}

.title-block h2 {
color: #FFFFFF !important; }

.page_give header  {
background-color: #17745d;
background-image: url("https://d1dc57evlm7o0i.cloudfront.net/schoolauction.net/mpa/evening2025/stylesheet_images/31_original_b2b871e81ae1766a4664906d1e648652.png"); background-size: cover;}

.title-block h2 {font-size: 20px !important; text-transform: uppercase; color: #FFFFFF !important; padding-bottom: 0pt !important;}

 .pageheader-sm .container .jumbotron h1, .pageheader-sm .container .jumbotron h2, .pageheader-sm .container .jumbotron h3, .page_give .pageheader-sm {font-size: 20px !important; text-transform: uppercase; color: #FFFFFF !important;  }


.pageheader-sm .container .jumbotron , .pageheader-sm .container .jumbotron , .pageheader-sm .container .jumbotron , .page_give .pageheader-sm {
   position: relative;
    display: flex;
    justify-content: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 100%;
margin-top: 1rem;

}
.page_register header.public-page-title .page-title .title-block, .page_donation_items header.public-page-title .page-title .title-block, .page_donate_items header.public-page-title .page-title .title-block, .page_security header.public-page-title .page-title .title-block, .page_online_auction header.public-page-title .page-title .title-block, .page_users header.public-page-title .page-title .title-block, .page_contests header.public-page-title .page-title .title-block, .page_give header.public-page-title .page-title .title-block {
    border-bottom: 1.5px solid #17745d !important;
    border-top: 1.5px solid #17745d !important;
}

.page_ticket_sales header.public-page-title .page-title, .page_online_auction.action_signup header.public-page-title .page-title, .page_register header.public-page-title .page-title, .page_donation_items header.public-page-title .page-title, .page_donate_items header.public-page-title .page-title, .page_security header.public-page-title .page-title, .page_online_auction header.public-page-title .page-title, .page_users header.public-page-title .page-title, .page_contests header.public-page-title .page-title, .page_give header.public-page-title .page-title {
    border-bottom: 1.5px solid #17745d !important;
    border-top: 1.5px solid #17745d !important;
}



.page_online_auction.action_signup .pageheader-sm,.page_register .pageheader-sm,.page_donation_items .pageheader-sm,.page_donate_items .pageheader-sm,.page_give .pageheader-sm {
    background-color: unset;
  border-bottom: 1.5px solid #48185c !important;
    border-top: 1.5px solid #48185c !important;
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    min-height: 4rem;
    margin-bottom: 0.4rem;
    padding-top: 0rem;
    padding-bottom: 0.5rem;
    max-height: 50px;
}

.page_give .pageheader-sm[style*="background-image"] {
    height: 50px;
}

footer.page-foot {
    box-sizing: border-box;
    border-top: 1.5px solid #17745d !important;
    width: 100%;
    text-align: center;
    background-color: var(--accent-color);
    background-color: rgba(0,0,0,0.068);
    color: var(--accent-color);
    padding: 1.25rem;
    font-size: 85%;
    min-height: unset;
    line-height: unset;
}

.section-footer .footer-btn {
    background-color: #17745d;
    color: #FFFFFF;
    border-radius: 0px;
    transition: all .1s ease
}

.section-footer .footer-btn:hover,.section-footer .footer-btn:focus,.section-footer .footer-btn:active {
    background-color: #12604d;
    text-decoration: none;
    outline: none
}



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

.section-footer .next:hover:after,.section-footer .next:focus:after {
    border-left-color: #12604d;
}

.section-footer .back {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.section-footer .back:before {
    border-right-color: #17745d;
}

.section-footer .back:hover:before,.section-footer .back:focus:before {
    border-right-color: #12604d;
}

#inline{display: flex;

    justify-content: space-between;
    width: 100%;
    border: 1px black solid;
    margin: 0 auto;}

.sponsor { width:100%;}

.sponsor img { width: 80%;
         object-fit: contain;}