/* 2023 SF Theme Stylesheet 20221008 */
/*
COLORS
Red: #CE0E2D
Sea Foam Green: #9DE0AD
Yellow: #F2C438
Tangerine: #F2911B
Summerfest Red: #CD0E2C
Gray: #A8A9AD
Cranberry: #CE0E2D

BACKGROUND COLORS
Cream: #FFFAF0
Charcoal: #333132

BUTTON BORDERS
Tangerine button: #D78530;
Alternate Red button: #b30823



*/

/* new font */

html, h1, h2 { font-family: 'Montserrat', sans-serif; }

html, body { background-color: #333132!important; background-image: none!important; }

.headerWrapper { background: #fff;color:#F2911B; }
.footerWrapper { background: #FFFAF0; }

.headerWrapper { 
    border-bottom: 10px solid #CE0E2D;
    position:relative;
}

div.headerWrapper.hide-for-print > .header > div.medium-8.small-12.columns > div > div > .top-bar > section.top-bar-section > ul { padding-bottom: 0; }

.utilityOuter { position:relative; } 

/* header, .header { padding-bottom:0;background:#fff url(/assets/theme/2019/header-bckgrd-2019.png) right bottom no-repeat;background-size:cover; } */

header, .header { 
    padding-bottom:0;background:#fff;
    background: #F2911B;
    /*background: -webkit-gradient(linear, 0 100%, 0 0, color-stop(0.25, rgba(255,255,255,1)), color-stop(0.5, rgba(69,173,168,1)), color-stop(0.62, rgba(157,224,173,1)), color-stop(0.75, rgba(242,196,56,1)), color-stop(0.87, rgba(242,145,27,1)), to(rgba(205,14,44,1)));
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(69,173,168,1) 50%, rgba(157,224,173,1) 62%, rgba(242,196,56,1) 75%, rgba(242,145,27,1) 87%, rgba(205,14,44,1) 100%);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(69,173,168,1) 50%, rgba(157,224,173,1) 62%, rgba(242,196,56,1) 75%, rgba(242,145,27,1) 87%, rgba(205,14,44,1) 100%);
    background: -o-linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(69,173,168,1) 50%, rgba(157,224,173,1) 62%, rgba(242,196,56,1) 75%, rgba(242,145,27,1) 87%, rgba(205,14,44,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(69,173,168,1) 50%, rgba(157,224,173,1) 62%, rgba(242,196,56,1) 75%, rgba(242,145,27,1) 87%, rgba(205,14,44,1) 100%);*/
} 

.headerBg {
    background-image: url(/assets/theme/2023/sf23-header.jpg);
    background-size: cover;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.top-bar-section ul li a {
    text-transform:uppercase!important;
    font-weight:700!important;
	font-family: 'Montserrat', sans-serif;
}

.top-bar-section > ul > li > ul.dropdown {
    border: 1px solid #E3E3E3;
	background-color: #FFF!important;
}

.top-bar-section li:not(.has-form) ul.dropdown li a:hover,
.top-bar-section ul.dropdown li.active > a {
    /*background-color: #CF0A2C!important;
    color:#FFF!important;
    color:#F2911B!important;
    background-color: #FFF!important;
    color: #F2911B!important; */
    color:#FFF;
    background:#F2911B;
}

.top-bar-section li:not(.has-form) a.not-link:not(.button) {
    cursor: default;
     /* background: #FFF!important;
    color: #F2911B!important; */
     background-color: transparent;
    color: #FFF;
    /*color:#F2911B;*/
}

.top-bar-section li:not(.has-form) a.storeLink:not(.button) {
     /* background: #FFF!important;
    color: #F2911B!important; */
     background-color: transparent;
    color: #FFF;
    /*color:#F2911B;*/
}

/* TOP-LEVEL NAV */
.navWrapper,
.top-bar {
    background-color: transparent;
}

.top-bar-section > ul > li:last-child  a,
.top-bar-section > ul > li li  a {
    border-right: 0!important;
}

.top-bar-section > ul > li,
.top-bar-section > ul > li.has-dropdown,
.top-bar-section > ul > li:not(.has-form) > a:not(.button) {
    /* background: #FFF!important;
    color: #F2911B!important; */
    text-transform: uppercase;
    font-weight:500;
	font-family: 'Montserrat', sans-serif;
    font-size: 0.6rem;
    padding: 0;
    display: block;
    border-right: 1px solid #FFF; /* #D1202F */
    line-height: 2.0rem;    
	background-color: transparent!important;
	color: #FFF;
	/*color:#F2911B;*/
}

.top-bar-section > ul > li:hover,
.top-bar-section > ul > li.has-dropdown:hover {
     /* background: #FFF!important;
    color: #F2911B!important; */
    background-color: transparent;
    /*color: #FFF;*/
    color:#F2911B;
}

.top-bar-section > ul.mainNav > li.has-dropdown > a.not-link:hover {
    /*background-color: transparent!important;*/
    color: #FFF!important;
    /*color:#F2911B!important;*/
    background-color: #F2911B!important;
}

/* NAV DROPDOWN */
.top-bar-section ul.dropdown {
    /**/
    background:#FFF;
}

.top-bar-section ul li {
    background:transparent;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    text-transform: uppercase;
    font-weight:500;
	font-family: 'Montserrat', sans-serif;
    font-size: 0.6rem;
    padding: 0;
    display: block;
    border-right: 1px solid #FFF; /* #D1202F */
    line-height: 2.0rem;    
    background: #FFF!important;
    color: #F2911B!important;
}

.top-bar-section ul.mainNav > li:not(.has-dropown) > a:hover,
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover {
    color: #FFF!important;
    background-color: #F2911B!important;
}

.top-bar-section li.active > a, .left-off-canvas-menu li.active > a {
    background: transparent!important;
    color: #CE0E2D!important;
}

#offCanvasToggle { color: #F2911B; }
.left-off-canvas-menu, .left-submenu { background: #FFF; }    
ul.off-canvas-list li a, .left-submenu li a { text-transform:uppercase;font-family: 'Montserrat', sans-serif;color:#F2911B;border-bottom:1px solid #E3E3E3;font-weight:normal; }
ul.off-canvas-list li a:hover, .left-submenu li a:hover { color:#fff;background:#F2911B; }
ul.off-canvas-list li.active a, .left-submenu li.active a { color:#CE0E2D;background:transparent; }

.left-submenu .back > a { color: #fff;background: #231F20; } 

.homeCarousel .slick-slide { border-bottom: 1px solid #e3e3e3; }
.homeCarousel .slick-dots li button { width: 1.0rem;height:1.0rem; }
.homeCarousel .slick-dots li.slick-active button { background-color:#CF0A2C; }

#accountModalButtonOffCanvas, #accountModalButtonOffCanvas2 { color: #fff; background: #F2911B!important; }

.footer li a, footer li a { color: #F2911B;text-transform:uppercase;font-family: 'Montserrat', sans-serif;  }
.footer li a:hover, footer li a:hover { color: #CF0A2C;text-transform:uppercase;font-family: 'Montserrat', sans-serif;  }

.homePagePromos.fullWidthWhite  { 
    background: #333132!important;
}


.homeBlogTrending.fullWidthWhite  { 
    background: #333132!important;
}

.homeBlogTrending.fullWidthWhite .homeTiles img {
    width:100%;
    height:auto!important;
}

.homeBlogListContainer h4 {
	font-family: 'Raleway', sans-serif!important;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
}

.homeBlogListContainer h4 i {
    color: #CE0E2D!important;
}

.homePagePromos.fullWidthWhite > div > ul.homeBlogList > li > a {
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 700!important;
	font-size: 14px;
	color: #CE0E2D; /* #45ADA8 */
}

.homePagePromos.fullWidthWhite > div > ul.homeBlogList > li {
	font-family: 'Montserrat', sans-serif!important;
	font-size: 12px;
	color: #A8A9AD;
	font-weight: 700;
}

#subFormTitle { color:#fff;padding-bottom: 3px;font-weight:700;font-family: 'Montserrat', sans-serif;  }
#subForm button { padding:7px 5px;font-size:1rem; }


#sponsorsCarousel.owl-carousel .owl-item img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

#sponsorsCarousel.owl-carousel .owl-item img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.socialWrapper { 
    background: rgb(69,173,168);
    /*background: -webkit-gradient(linear, 0 100%, 0 0, color-stop(0.1, rgba(69,173,168,1)), color-stop(0.3, rgba(157,224,173,1)), color-stop(0.5, rgba(242,196,56,1)), color-stop(0.7, rgba(242,145,27,1)), color-stop(0.9, rgba(205,14,44,1)));
    background: -webkit-linear-gradient(90deg, rgba(69,173,168,1) 10%, rgba(157,224,173,1) 30%, rgba(242,196,56,1) 50%, rgba(242,145,27,1) 70%, rgba(205,14,44,1) 90%);
    background: -moz-linear-gradient(90deg, rgba(69,173,168,1) 10%, rgba(157,224,173,1) 30%, rgba(242,196,56,1) 50%, rgba(242,145,27,1) 70%, rgba(205,14,44,1) 90%);
    background: -o-linear-gradient(90deg, rgba(69,173,168,1) 10%, rgba(157,224,173,1) 30%, rgba(242,196,56,1) 50%, rgba(242,145,27,1) 70%, rgba(205,14,44,1) 90%);
    background: linear-gradient(90deg, rgba(69,173,168,1) 10%, rgba(157,224,173,1) 30%, rgba(242,196,56,1) 50%, rgba(242,145,27,1) 70%, rgba(205,14,44,1) 90%);*/
    border:0;
    border-radius:0; 
    position: relative;
} /* background: #F2911B */

.socialWrapperImg {
    background-image: url(/assets/theme/2023/sf23-footer.jpg);
    background-size: cover;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.social-square { border:0; }

footer .copyright, .footer .copyright, footer .copyright a, .footer .copyright a { color:#666;text-transform:uppercase;font-weight:bold;font-family:'Montserrat', sans-serif; }
footer a, .footer a { font-weight:bold}

.back-to-top:active, .back-to-top:link { color: #F2911B; }
.back-to-top:hover { color: #CF0A2C; }

/* buttons */

/*.button.solid { background:#CF0A2C;color:#fff;border:1px solid #FFF; }*/
.button.orange.solid { background:#EC871D;color:#fff;border:1px solid #FFF; }

.button {
    font-family: 'Montserrat', sans-serif!important; 
}


.button.solid, .button.red17.btn-2021 {
    background: #CE0E2D!important;
    border-color: #b30823!important;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
}

.button.red17, .button.experientform {
    background:#CE0E2D;
    border-color: #b30823;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
}

.button.radiusFive {
    border-radius: 5px!important;
}

.button.disabled {
    background: #c5c5c5!important;
    border-color: #999!important;
    color: #333!important;
    font-style:italic!important;
}
.button.disabled:hover {
    cursor: default!important;
}

/* alerts panels etc */

.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #A8BEFF; /* #B6EDFF */
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #F0F8FF; /* #ECFAFF #DBE4FF */
    color: #333333;
}

#content .card-text {
    margin-bottom: 0!important;
    padding-top: 3%!important;
    border: 0!important;
}

/* interior pages */
#content.row.single-column {
    background: #FFFAF0!important; /* baby powder #fefefa */
}

#content h1 {
    border-bottom: #F2911B 2px dotted; /* #CF0A2C */
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: 'Montserrat', sans-serif;
	font-weight: 700;
    text-transform: uppercase;
    
}

#content h2, #content h3, .pricing-table .title {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

#content h2 {
    font-size: 1.6rem;
}

#content h3 {
    font-size: 1.4rem;
}

#content h5.currentTheme {
    text-align: center; 
    text-transform: uppercase; 
    color: #fff; 
    margin: 0; 
    padding: 15px; 
    line-height: 1; 
    margin-bottom: 1rem;
    background: #9DE0AD;
    font-family: 'Montserrat', sans-serif;
}

#content .partnerHotel h3 { font-size:1.3rem; }

#content p {
	font-family: 'Raleway', sans-serif;
}

#content a, #content a:visited {
    color: #CE0E2D;
    border-bottom: 1px dotted #F2911B;
}

#content a:hover {
    color: #F2911B;
    text-decoration: none;
    border-bottom: 1px solid #F2911B;
}

#content a.noBorder {
    border-bottom:0;
}

#content ul, #content ol, #content li {
    font-family: 'Raleway', sans-serif;
}

.lineup-item > a {
    border: 1px solid #e3e3e3;
    border-bottom: 0;
    overflow: hidden;
    height: 1%;
    display: block;
}

.lineup-item .lineup-item-title {
    border:1px solid #fff;
    border-top: 0;
    background: #CE0E2D!important; /* #F2911B */
    font-family: 'Montserrat', sans-serif!important;
}

.lineup-item .artist-date {
    font-family: 'Raleway', sans-serif!important;
}

.artist-detail-img img {
    border: 1px solid #e3e3e3;
}

.fa-volume-up.artistTpl {
    color:#F2911B;
}

#content .stage-details .panel-header {
    background: #CF0A2C;
}

#content h3.festival-stages {
    background: #9DE0AD!important;
}

.pencil-push .accordion .accordion-navigation > a, .pencil-push .accordion .accordion-navigation > a:hover, .pencil-push .accordion .accordion-navigation.active > a, .pencil-push .accordion .accordion-navigation.active > a:hover {
    background-color: #F2911B;
}

.switch input:checked + label {
    background: #CF0A2C;
}

.button.third {
    font-weight:normal;
}

/* Stage Pages */
.stageAttr span, .stageAttr i {
    color: #FFF; 
}
.stageAttr.covered > div {
    background: #45ADA8!important;
}

.stageAttr.uncovered > div {
    background: #45ADA8!important;
}

.stageAttr.covered-uncovered > div {
    background: #45ADA8!important;
}

.stageAttr.general-seating > div {
    background: #9DE0AD!important;
}

.stageAttr.general-reserved-seating > div {
    background: #9DE0AD!important;
}

.stageAttr.reserved-seating > div {
    background: #9DE0AD!important;
}

.stageAttr.location > div {
    background: #F2C438!important; 
}

.stageAttr.map > a {
    background: #F2911B!important;
}

/* BannerY styles */
.bannery {
    text-align:center;
}
.bannery a {
    display:block;
    outline:1px solid #c3c3c3;
    height: 1%;
    overflow: hidden;
}

/* form placeholders */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
  font-style: italic;  
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  font-style: italic;    
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
  font-style: italic;    
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
  font-style: italic;    
}

/* Responsive Images */
img.responsive {
    width:100%;
    height:auto!important;
}

/* responsive changes */
@media only screen and (max-width: 40em) {
    .slick-dots { display: none!important; }
    header, .header { background-image:none; }
    .socialWrapper {
    background: #F2911B;
    }
}

@media only screen and (min-width: 64.063em) {
    html, body {
    background-image: none;
    }
    .socialWrapper {
    background: #F2911B;
    }
}