.primary-font-custom {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: white; 
}

h1,
h2,
h3,
h4,
h5,
legend,
.h1,
.h2,
.h3,
.h4,
.h5,
.secondary-font-custom {
  font-family: "Paytone One", sans-serif;
  /*text-transform: uppercase;*/
  font-weight: 200;
  color: #FFFFFF; 
}

footer .sponsors .sponsor {
    display: inline-block;
    margin: 15px;
    max-width: 250px;
}

footer .sponsors .sponsor img {
    max-height: 150px;
}

body.home [id$="divContentColumnOne"]  {
    padding-left: 0px;
    padding-right: 0px;
}

body.home .content a:not(.btn-main) {
    color: white;
}

hr {
    border-top: 3px solid #FFFFFF;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
}

.alert-box {
    border: 3px solid #FFFFFF;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: inline-block;
    width: 100%;
}

.location, .purple {
    background: linear-gradient(to right, rgba(117, 65, 155, 0.85), rgba(112, 86, 132, 0.95), rgba(117, 65, 155, 0.85)), url(../_uploads/files/background.jpg) repeat bottom center;
}

.news, .volunteers, .light-blue {
    background: linear-gradient(to right, rgba(41, 171, 226, 0.85), rgba(0, 131, 176, 0.95), rgba(41, 171, 226, 0.85)), url(../_uploads/files/background.jpg) repeat bottom center;
}

.lineup, .red {
    background: linear-gradient(to right, rgba(237, 28, 36, 0.85), rgba(177, 35, 33, 0.95), rgba(237, 28, 36, 0.85)), url(../_uploads/files/background.jpg) repeat bottom center;
}

.food, .teal {
    background: linear-gradient(to right, rgba(0, 167, 157, 0.85), rgba(0, 142, 143, 0.95), rgba(0, 167, 157, 0.85)), url(../_uploads/files/background.jpg) repeat bottom center;
}

.accommodation, .orange {
    background: linear-gradient(to right, rgba(247, 147, 30, 0.85), rgba(200, 117, 45, 0.95), rgba(247, 147, 30, 0.85)), url(../_uploads/files/background.jpg) repeat bottom center;
}

.panel {
    padding: 3.8rem 0 0;
    margin: 0 !important;
    border: none;
}

.panel .container {
    padding-bottom: 3.8rem;
}

.top_header .btn-main {
    color: #119B32;
}

footer .btn-main {
    color: #119B32;
}

.btn-small {
    padding: 3px 20px !important;
    border-radius: 30px !important;
    text-decoration: none;
}

.btn-main {
    background-color: #FFFFFF;
    border: 3px solid transparent;
    text-transform: uppercase;
    transition: 0.5s ease;
    text-shadow: none;
    text-align: center;
    font-family: 'Paytone One', sans-serif;
    font-weight: 200 !important;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
}

.btn-main:hover {
    background-color: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF !important;
    text-decoration: none;
    transition: 0.5s ease;
}

.content .btn-main {
    color: #119B32;
    display: block;
    max-width: 265px;
    margin: 0 auto;
    font-weight: 200 !important;
    letter-spacing: 1px;
    text-shadow: none !important;
}

.lineup .btn-main, .red .btn-main, .lineup .ticket-container h4, .red .ticket-container h4, .lineup .ticket-container p, .red .ticket-container p {
    color: #b12321;
}

.location .btn-main, .purple .btn-main, .location .ticket-container h4, .purple .ticket-container h4 {
    color: #705684;
}

.accommodation .btn-main, .orange .btn-main, .accommodation .ticket-container h4, .orange .ticket-container h4 {
    color: #f7931e;
}

.btn-large {
    padding: 12px 50px !important;
    border-radius: 30px !important;
    font-size: 22px !important;
    line-height: 1 !important;
    max-width: 350px !important;
    text-decoration: none;
}

.btn-icon {
    padding: 9px 0;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 20px !important;
    line-height: 18px;
    text-align: center;
    font-family: FontAwesome !important;
    display: inline-block !important;
}



/* hide gallery title overlay */
body.home [id*="_GalleryDesktop_"] .card-img-overlay, body.home [id*="_GalleryMobile_"] .card-img-overlay {
    display: none;
}

.top_rhs_button {
    display: none;
}

.custom-nav-logo {
     width: 74px;
}

.navbar.scrolled .custom-nav-logo {
    width: 20px;
}

.custom-nav-logo a img {
    width: 100%;
    margin: -118px 0 -701px 0;
    transition: all 0.5s;
}

.navbar.scrolled .custom-nav-logo a img {
    margin: 0 0 -70px 0;
}

.dark {
    background: #333333;
    color: #ffffff;
    background-size: cover;
    background: linear-gradient(to top, rgba(17, 155, 50, 0.85), rgba(17, 155, 50, 0.85)), url(../_uploads/files/background.jpg) repeat bottom center;
}

nav.scrolled, .navbar-dark.scrolled, .navbar-light.scrolled {
    background-size: cover;
    background: linear-gradient(to top, rgba(17, 155, 50, 0.85), rgba(17, 155, 50, 0.85)), url(../_uploads/files/background.jpg) repeat bottom center;
}

.top_header {
    border-top: 3px solid #FFFFFF;
}

.navbar-dark, .navbar-light {
    border-bottom: 3px solid #FFFFFF;
}

.navbar-dark .navbar-nav, .navbar-light .navbar-nav {
    border-top: 3px solid #FFFFFF;
}

.navbar-brand img {
    width: 250px !important;
    min-width: 100px !important;			
}

.navbar-custom {
//    background-color: #FFFFFF;
}

.home {
    background-color: #FFFFFF;
}

/*  4 items for event carousel - desktop */
.home_slideshow .carousel-cell {
  width: 25%;
  padding: 10px;
}

/*  1 items for event carousel - mobile */
@media only screen and (max-width: 600px) {
    .home_slideshow .carousel-cell {
        width: 100%;
    }
}

.tertiary .primary-font-custom, .tertiary .h2 {
    color: #FFFFFF;
}

.body-custom {
    background-color: #FFFFFF;
}

.header_section {
   background-color: #000000;
}

.header_section > div > h1  {
   color: #FFFFFF;
}

footer {

    section {
        //background-color: #FFFFFF;
        color: white;
  
        h3 {
            color: white;
        }       
  
        a,
        a:hover {
            color: white;
            //text-decoration: none;
        }
    }
}

.btn-primary {
    background-color: #119B32;
    color: #FFFFFF;
    border-color: white;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:disabled {
    background-color: #FFFFFF !important;
    color: #119B32 !important;
}

.btn-custom {
    background-color: #119B32;
    color: #FFFFFF !important;
    height: auto;
    line-height: 2;
    padding: 0px 24px;
    border-radius: 68px;
    text-shadow: none;
    margin: 4px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.btn-custom:hover, .btn-custom:active, .btn-custom:disabled {
    background-color: #FFFFFF !important;
    color: #119B32 !important;
}

.btn-custom.reverse {
    background-color: #FFFFFF !important;
    color: #119B32 !important;
}

.btn-custom.reverse:hover, .btn-custom.reverse:active, .btn-custom.reverse:disabled  {
    background-color: #119B32 !important;
    color: #FFFFFF !important;
}

.rounded-btn-custom {
    color: #119B32;
    border: 2px solid;
    border-radius: 8px;
    padding: 5px 10px;
    font-weight: bold;
    transition: background-color 0.5s ease;
    text-decoration: none;
}

.rounded-btn-custom:hover, .rounded-btn-custom:active, .rounded-btn-custom:disabled {
    color: #FFFFFF !important;
    background-color: #119B32 !important;
    border-color: #119B32 !important;
}

.navbar-light  .nav-link {
    color: #000000;
}

.navbar-dark  .nav-link {
    color: #FFFFFF;
    font-family: 'Paytone One', sans-serif;
    font-weight: 200 !important;
    font-size: 14px !important;
}

.dropdown-menu .nav-link {
    color: black;
}

.nav-link-social-custom {
    @media only screen and (min-width: 1000px) {
        background-color: #119B32;
        color: #FFFFFF;
        height: auto;
        line-height: 2;
        padding: 0px 24px;
        border-radius: 68px;
        text-shadow: none;
        margin: 4px 1rem;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    }

    margin-left: 5px !important;
    margin-right: 0px !important;
    color: #FFFFFF !important;
}

/* loading modal */
.anim_panel {
    color: #119B32 !important;
}

.msg_panel {
    color: #000000 !important;
}

/* account page */
.nav-row p {
    color: #119B32;
}

.nav-row i {
    color: #119B32;
}

.nav-row .active {
    color: #119B32;
    border-top-color: #119B32;
    border-bottom-color: #119B32;
}

.nav-row .active:before {
    border-color: #119B32 transparent;
}

/* FAQs */
.faqBtn {        
    color: white;
    text-transform: none;
    cursor: pointer;
}

.faqBtn > i {
    color: white;
}

.socialPlatformShare > a > span {
    color: #119B32;
}

/* account */
.hl-input.highlighted {
    background-color: #119B32 !important;
}

/* TOFIX: this is repeated here as the styles are only included when a gallery is used */
.carousel-cell {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.carousel-cell img {
	max-width: 100%;
}

.carousel-cell .sb-description {
	position: absolute;
	bottom: 1rem;
	text-align: center;
	width: 100%;
}

/* dark mode fixes to fix */
ul.event-list h4.title {
    color: black;
}

span[id$="lblEventPriceHeader"]  {
    color: black;
}

.table .btn-outline-secondary {
    color: #6c757d !important;
}

.table .btn-outline-secondary:hover {
    color: white !important;
}

.table tr[data-prid] div {
    color: black;
}

.textalignright {
    text-align: right;
}

.dark .table td, .dark .table th {
    color: black !important;
}

.table[id$="gvOrderDetails"] th,  .table[id$="gvTickets"] th{
     color: white !important;
}

.btn-outline-dark {
     color: black !important;
}


a[id$='hlShippingDetails'], a[id$='hlPendingPayments'] {
    color: #0d6efd !important;
}

a[id$='hlShippingDetails']:hover, a[id$='hlPendingPayments']:hover {
    color: white !important;
}

a[id$='hlAccountHistory'] {
    color: white !important;
}

a[id$='hlAccountHistory']:hover {
    color: white !important;
}

.modal-title {
    color: black;
}

.btn-check:checked+.btn {
    background-color: lightgray !important;
}