@import url("https://use.typekit.net/fdn5ciy.css");


body.pagecolor1 {
    font-family: "cochin-lt-pro", Georgia, "Times New Roman", serif !important;
}






























body.pagecolor1 #main-content {
    background-image: url("https://ccstl.org/wp-content/uploads/2026/08/saint_nichols_ball_givesmart_background_2026_v2-scaled.jpg") !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}




























body.pagecolor1 h1,
body.pagecolor1 h2,
body.pagecolor1 .text-36,
body.pagecolor1 .text-30 {
    font-family: "cochin-lt-pro", Georgia, "Times New Roman", serif !important;
    font-weight: 400 !important;
    line-height: 1.15;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}






























body.pagecolor1 h3,
body.pagecolor1 h4,
body.pagecolor1 .text-24 {
    font-family: "cochin-lt-pro", Georgia, "Times New Roman", serif !important;
    font-weight: 400 !important;
    line-height: 1.25;
}






























body.pagecolor1 p,
body.pagecolor1 .text-14,
body.pagecolor1 .text-15 {
    line-height: 1.55;
}


































body.pagecolor1 .btn-color1,
body.pagecolor1 .btn-color2,
body.pagecolor1 .btn-inline,
body.pagecolor1 .btn-large,
body.pagecolor1 .btn-cancel,
body.pagecolor1 #signInButton,
body.pagecolor1 #submitPayment,
body.pagecolor1 input[type="submit"],
body.pagecolor1 button[type="submit"] {
    border-radius: 0 !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}








































body.pagecolor1 input[type="text"],
body.pagecolor1 input[type="email"],
body.pagecolor1 input[type="tel"],
body.pagecolor1 input[type="number"],
body.pagecolor1 input[type="password"],
body.pagecolor1 select,
body.pagecolor1 textarea {
    border-radius: 0 !important;
    font-family: "cochin-lt-pro", Georgia, "Times New Roman", serif !important;
    box-shadow: none !important;
}





















































body.pagecolor1 #header.header-page,
body.pagecolor1 #navigation-wrap,
body.pagecolor1 #headerBarOrg,
body.pagecolor1 #header .header-menu {
    border: 0 !important;
    box-shadow: none !important;
}

























.header-page a li.current div {
    border-bottom: 0px solid !important;
    font-weight: 700 !important;
}






























body.pagecolor1 #headerBarOrg > .grid-flex.flex-1 {
    width: 100% !important;
    max-width: none !important;
}






























body.pagecolor1 #headerBarOrg .grid-4.s-grid-3 {
    display: none !important;
}






























body.pagecolor1 #headerBarOrg .grid-8.s-grid-9 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: center !important;
    gap: 10px;
    width: 100% !important;
    max-width: none !important;
    padding: 12px 8px 8px;
}






























body.pagecolor1 #headerBarOrg .header-title-eventname {
    display: block !important;
    grid-column: 1;
    justify-self: center;
    width: 100%;
    max-width: 420px;
    letter-spacing: 0.08em;
    text-align: center;
    white-space: normal;
}






























body.pagecolor1 #headerBarOrg .grid-8.s-grid-9 > .inlineblock.relative {
    grid-column: 1;
    justify-self: center;
    margin: 0 !important;
}






























body.pagecolor1 #headerBarOrg #signInButton {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 10px 14px;
    letter-spacing: 0.08em;
}






























body.pagecolor1 .header-menu > ul.grid-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none;
}






























body.pagecolor1 .header-menu > ul.grid-flex > a,
body.pagecolor1 .header-menu > ul.grid-flex > a > li {
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    border: 0 !important;
}






























body.pagecolor1 .header-menu > ul.grid-flex > .center {
    display: none !important;
}






























body.pagecolor1 .header-menu a,
body.pagecolor1 .header-title-eventname {
    font-family: "lulo-one", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}






























body.pagecolor1 .header-menu a li div {
    font-family: "lulo-one", Arial, Helvetica, sans-serif !important;
}





























body.pagecolor1 .header-menu a:hover,
body.pagecolor1 .header-menu a:focus,
body.pagecolor1 .header-menu a.active,
body.pagecolor1 .header-menu a.current {
    color: #b4823b !important;
}






























body.pagecolor1 .footer-page {
    border-top: 1px solid rgba(180, 130, 59, 0.42) !important;
    color: #fff !important;
    background-color: #021326 !important;
    box-shadow: none !important;
}































body.pagecolor1 #ordersummary-container {
    box-shadow: none !important;
}
























/* Note */
div[class*='wrapper-white'] {
    border-radius: 0px !important;
    background-color: #00000000 !important;
    color: #fff !important;
    border: solid 2px #B4823B !important;
}













div[class*='wrapper-white'] .text-dark {
color: #fff !important;
}













div[class*='wrapper-white'] h2 {
margin-bottom: 20px;
}












div[class*='wrapper-white'] .btn-color1, div[class*='wrapper-white'] .btn-color2 {
    border: 1px solid #b5823c;
    background: transparent;
}













div[class*='wrapper-white'] .btn-color1:not(.disabled):not(.btn-no-hover):hover, div[class*='wrapper-white'] .btn-color1:not(.disabled):not(.nofocus):focus, div[class*='wrapper-white'] btn.btn:hover, div[class*='wrapper-white'] .btn-color2:not(.disabled):not(.btn-no-hover):hover, div[class*='wrapper-white'] .btn-color2:not(.disabled):not(.nofocus):focus {
    background-color: #b6823c;
    color: #fff;
    cursor: pointer;
    border: solid 1px #b6823c;
    filter: unset;
}









div[class*='wrapper-white'] .disabled:not(.btn), input[type=text]:disabled:not(.btn), div[class*='wrapper-white'] input[type=number]:disabled:not(.btn):not(.input-toggle), div[class*='wrapper-white'] select:disabled, input.hasDatepicker:disabled {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}






div[class*='wrapper-white'] .container-formfield {
padding: 0px !important;
}




div[class*='wrapper-white'] .wrapper-720 {
max-width: 750px;
}


















/* Other */
.formfield-required {
color: #e61b1b;
opacity: 1;
}