/*------------------ # Design Fonts ------------------*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

@import url(line-awesome.css);


/* ----**** [ general css ] ****---- */

* { padding: 0; margin: 0; }

body { font-family: "Oswald", sans-serif; font-weight:500; font-size: 16px; color:#FFFFFF; background: #fcf5df;}

body.innerpage { height: auto;}

a { color: #000000; text-decoration: none;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;}
a:hover, a:active, a:focus { color: #e83424; outline: none; text-decoration: none;}


/* ----**** [ order button css ] ****---- */

.order-btn { background: #e83424; font-family: "Oswald", sans-serif; font-size:20px; font-weight: 500; color: #FFFFFF; 
	text-transform:none; display: inline-flex; justify-content: center; align-items: center; 
	padding: 0 24px; min-width: 180px; height:48px; 
	-webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s;text-transform:none;}
.order-btn:hover, .order-btn:focus { background: #FFFFFF; color: #e83424;}

.hero-content{margin:0;}
.single-slider::before{display: none;}
.single-slider{justify-content: center;align-items: center;}
.slider-buttons{text-align:center;}
.hero-content h1{text-shadow: 1px 1px 1px #000;}
#restaurant-info{display:none;}

/* ----**** [ sections header ] ****---- */

h1, h2, h3, h4, h5, h6 { margin: 0 0 16px 0;}
h1, h2, h3, h4 { font-family: "Oswald", sans-serif;  font-weight:500;}

p { font-family: "Oswald", sans-serif; font-weight:400; font-size:18px; margin:0 0 16px 0; color:#0f1d22;}

section { padding:80px 0;}	

.section-header { position: relative; margin-bottom:44px; text-align:center; z-index: 9;}
.section-header h1 { font-size: 48px; font-weight:700; margin: 0;}
.section-header h2 { font-size: 48px; font-weight:700; margin: 0; color: #e83424; margin-bottom: 16px;}
.section-header h2.clrWhite { color:#FFFFFF;}
.section-header h2 span { font-family: "Oswald", sans-serif; font-size: 16px; color: #000000; font-weight: 700; text-transform: uppercase;}


/* ----**** [ back-to-top button ] ****---- */

.back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 996;
	background: rgba(235, 235, 236, 1); width: 40px; height: 40px; visibility: hidden; opacity: 0;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
	
.back-to-top i { font-size: 28px; color: #0f1d22; line-height: 0;}
.back-to-top:hover { background: #e83424;}
.back-to-top:hover i { color: #FFFFFF;}
.back-to-top.active { visibility: visible; opacity: 1;}


@-webkit-keyframes text-shadow-pop-br {
    0% {
        text-shadow: 0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: 1px 1px #e83424,2px 2px #e83424,3px 3px #e83424,4px 4px #e83424,5px 5px #e83424,6px 6px #e83424,7px 7px #e83424,8px 8px #e83424;
        -webkit-transform: translateX(-8px) translateY(-8px);
        transform: translateX(-8px) translateY(-8px)
    }
}

@keyframes text-shadow-pop-br {
    0% {
        text-shadow: 0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424,0 0 #e83424;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: 1px 1px #e83424,2px 2px #e83424,3px 3px #e83424,4px 4px #e83424,5px 5px #e83424,6px 6px #e83424,7px 7px #e83424,8px 8px #e83424;
        -webkit-transform: translateX(-8px) translateY(-8px);
        transform: translateX(-8px) translateY(-8px)
    }
}


/* ----**** [ header section ] ****---- */

.top-area { position: relative; width: 100%; height: 100%;}

#header .website-note { background:#353638; text-decoration:none;
	font-family: "DM Sans", sans-serif; font-weight: 400; font-size: 16px; color:#FFFFFF;	
	position: absolute; width: 100%; top: -36px; height: 36px; display: flex; align-items: center; justify-content: center;}

#header { background: #12508c; z-index: 997; height:80px; top: 0; border-top: 3px solid #12508c; 
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
	
#header .header-inner { display: flex; justify-content: center; align-items: center;}
	
#header.header-scrolled { background: #12508c; height: 80px; top:0;
	box-shadow: 1px 0 10px rgb(0 0 0 / 25%); -webkit-box-shadow: 1px 0 10px rgb(0 0 0 / 25%); -moz-box-shadow: 1px 0 10px rgb(0 0 0 / 25%);}

#header .logo { margin: 0; padding: 0; text-align: center; /*border-bottom: 1px solid #e2e2e2;*/}
#header .logo img { max-height: 60px;}

#header .logo .head-white-logo {}
#header .logo .head-black-logo { display: none;}

#header.header-scrolled .head-white-logo { display: none;}
#header.header-scrolled .head-black-logo { display: block;}


/* ----**** [ desktop navigation section ] ****---- */

.nav-wrapper { display: flex; gap: 12px; justify-content: center; align-items: center;}
.nav-wrapper ul.header-social { display: flex; padding: 0; margin: 0; list-style-type: none;}
.nav-wrapper ul.header-social li a { height: 32px; width: 32px; font-size: 22px; color: #FFFFFF; 
	display: flex; align-items: center; justify-content: center;}
.nav-wrapper ul.header-social li a i.la-facebook-f { font-size: 20px;}
.nav-wrapper ul.header-social li a:hover { background: #b8191a; color: #FFFFFF;}

.navbar { padding: 0; justify-content: center;}

.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center;}
.navbar ul li { position: relative; }

.navbar ul li a { display: flex; align-items: center; justify-content: space-between; 
	font-family: "Oswald", sans-serif; font-weight: 700; font-size: 30px; text-transform: uppercase; color: #FFFFFF;
	white-space: nowrap; padding: 0 12px; /*border-right: 1px solid #000;*/
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}
.navbar ul li a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #e83424;}

.navbar ul li a i { margin: 0 12px 0 0; font-size: 28px;}

.navbar ul li:nth-last-child(2) a, .navbar a.nav-link.order-online-btn { border-right: 0px none;}

.navbar a.nav-link.order-online-btn { display: flex; background: #f1dd00; color: #000000; 
	padding:0 12px; min-width: 136px; justify-content: center; height: 44px;}
.navbar a.nav-link.order-online-btn:hover { background: #FFFFFF; color: #000000;}

.navbar a.nav-link.order-online-btn.catering-btn{ background: #0baf08; margin: 0 0 0 10px; color: #FFFFFF;}
.navbar a.nav-link.order-online-btn.catering-btn:hover{ background: #089406!important; color: #FFFFFF;}
#header.header-scrolled .navbar a.nav-link.order-online-btn.catering-btn{ background: #0baf08; color: #FFFFFF;}

.banner-area-text a.catering-btn { background: #0baf08;} 
.banner-area-text a.catering-btn:hover { background: #089406;}

#home-specialoffers a.catering-btn { background: #0baf08;} 
#home-specialoffers a.catering-btn:hover { background: #089406;}

#locations .left-section .location-info .location-details .location-btns a.catering-btn{ background: #0baf08; color: #FFFFFF;}
#locations .left-section .location-info .location-details .location-btns a.catering-btn:hover{ background: #089406; color: #FFFFFF;}
	
.nav-link:focus, .nav-link:hover{ color:#e83424;}


#header.header-scrolled .navbar ul li a { color: #FFFFFF;}
#header.header-scrolled .navbar ul li a:hover, #header.header-scrolled .navbar .active, 
#header.header-scrolled .navbar .active:focus, #header.header-scrolled .navbar li:hover > a { color: #e83424;}
#header.header-scrolled .navbar a.nav-link.order-online-btn { color: #000000;}
#header.header-scrolled .nav-wrapper ul.header-social li a { color: #000000; }
#header.header-scrolled .nav-wrapper ul.header-social li a:hover { background: #dc2626; color: #FFFFFF;}

#header.header-scrolled .mobile-nav-toggle { color: #FFFFFF;}
#header.header-scrolled .navbar-mobile ul li a { color: #FFFFFF;}

#header.header-scrolled .navbar a.nav-link.order-online-btn:hover{ background: #000000; color: #FFFFFF;}

/* ----**** [ mobile navigation section ] ****---- */

.mobile-nav-toggle { color: #ffffff; font-size: 36px; cursor: pointer; display: none; line-height: 0;
  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;}
.mobile-nav-toggle.bi-x { color: #FFFFFF;}

@media (max-width: 991px) {
	
  .mobile-nav-toggle { display: block;}
  .navbar ul { display: none;}
  
}

.navbar-mobile { background: rgba(15, 29, 34, 0.25); overflow: hidden;
	position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 999;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
  
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 16px; right: 24px; font-size: 36px;}

.navbar-mobile ul { background: #e83424; display: block; overflow-y: auto;
	position: absolute; top: 48px; right: 24px; bottom: 24px; left: 24px; padding: 16px;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}	
.navbar-mobile ul li { text-align:center; margin:0;}	
.navbar-mobile ul li a { padding: 8px 16px; font-weight:700; color: #FFFFFF; justify-content: center; border-right: 0px none;
	/*-webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;*/}
	
.navbar-mobile ul li a:focus { display:block;}
.navbar-mobile ul li a:hover, .navbar-mobile .active, .navbar-mobile ul li:hover > a { background: #FFFFFF; color: #e83424;}

.navbar-mobile a.nav-link.order-online-btn { height: 44px; background: #f1dd00; color: #000000;}
.navbar-mobile a.nav-link.order-online-btn:hover { background: #FFFFFF; color: #000000;}

.mobile-order-btn { display: none;}
.mobile-order-btn a { background: #dc2626; font-size:16px; font-weight:500; height: 36px; line-height: 36px;
	display: inline-block; color: #FFFFFF; text-align:center; padding: 0 10px; 
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;
	-webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s;}
.mobile-order-btn a:hover { background: #000000; color: #FFFFFF;}

/* ----**** [ Mobile Navigation ] ****---- */
#header .nav-right{ display: flex; list-style-type: none; display: none;}
#header .nav-right li a{ color: #FFFFFF; font-size: 28px;}
#header .nav-right li a:hover{ color: #e83424;}

#header .nav-right li a:hover, .nav-right .active, .nav-right .active:focus, .nav-right li:hover > a{ color: #e83424!important;}	
	
/* ----**** [ banner area section ] ****---- */
	
.banner-area-main { width: 100%; height: 100vh; padding: 0; display: flex; align-items: center; 
	justify-content: center; flex-wrap: wrap;}

.banner-area-main::after{ background: #000; content: ""; height: 100%; left: 0; opacity: 0.2; position: absolute; top: 0; width: 100%; z-index: 1;}

.banner-overlay { background-color: #000000; opacity: 0.40; width: 100%; height: 100%; position: absolute;
    left: 0; right: 0; z-index: 0;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}

.banner-area-text { width: 1140px; z-index: 99; margin-block-start: 60px; text-align: center;}
.banner-area-text h1 { font-family: "Oswald", sans-serif; color:#FFFFFF; font-size:80px; line-height: 80px; font-weight: 600; margin: 0 0 20px 0;
	paint-order: stroke fill; -webkit-text-fill-color: #FFFFFF; -webkit-text-stroke: 4px #e83424;}
.banner-area-text h1.text-shadow-pop-br{ -webkit-animation: text-shadow-pop-br .4s .5s both; animation: text-shadow-pop-br .4s .5s both;}



.banner-area-text h1 { text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);}
.banner-area-text p { font-family: "Oswald", sans-serif; color:#FFFFFF; font-size:28px; margin-bottom: 24px; width: 100%; font-weight: 500;}
.banner-area-text p { text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);}
/* .banner-area-text h1 span { color: #dc2626;} */

.banner-area-text .logo { margin-bottom: 16px;}
.banner-area-text .logo img { -webkit-filter: drop-shadow(5px 5px 5px #222222); filter: drop-shadow(5px 5px 5px #222222);}

.banner-area-text .order-btn { min-width: 200px;}

.banner-area-text .download-app { margin-block-start: 24px; display: flex; align-items: center; gap: 18px;}

/* .banner-area-text .download-btn { background: #ffffff; color: #000000; min-width: 180px; height: 48px; font-size: 18px; 
    display: flex; gap: 16px; align-items: center; justify-content: center; border-bottom: 2px solid #ffffff;}
.banner-area-text .download-btn i { font-size: 22px;}
.banner-area-text .download-btn span { font-weight: 500;}

.banner-area-text .download-btn.android-btn {}
.banner-area-text .download-btn.ios-btn {} */


/* Home Lineup Section --------------------------------*/
#home-lineup{ position: relative; /*background: #fcf5df;*/ text-align: center;}
#home-lineup::after,
#group-hospitality::after,
#inquiry-form::after,
#faq::after{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; 
	background-image: url(../img/bg/dot.png); background-size: 40%; background-position: 50%; z-index: -1;}
#home-lineup .btn{ display: flex; align-items: center; justify-content: center; margin-bottom: 48px;}
#home-lineup .btn a.order-btn:hover{ background: #000000; color: #FFFFFF;}
#home-lineup .event-date h3{ position: relative; font-size: 44px; color: #806A33; padding-bottom: 20px; margin-bottom: 48px;}
#home-lineup .event-date h3::after{ content: ""; position: absolute; display: block; width: 80px; height: 3px; 
	background: #806A33; bottom: 0; left: 0; right: 0; margin: auto;}

#home-lineup .headliners{ display: flex; justify-content: center; flex-wrap:wrap; row-gap: 64px; column-gap: 16px;flex: 1;}
#home-lineup .subheadliners{ position: relative; background: #dec8a6; padding: 12px; margin-bottom: 32px;}
#home-lineup .subheadliners .image-area{ position: relative; width: 360px; height: 360px; overflow: hidden;}

#home-lineup .subheadliners .top-svg{ position: absolute; left: 0; right: 0; bottom: 99%; width: 100%; z-index: 10;}
.fill-themeTan{ fill: #dec8a6;}
#home-lineup .subheadliners .bottom-svg{ position: absolute; top: 98%; left: 0; right: 0; width: 100%; z-index: 10; overflow: hidden;}
.fill-themeTan{ fill: #dec8a6;}

#home-lineup .content-area h4{ font-size: 48px; margin-bottom: 40px; paint-order: stroke fill;
    text-shadow: 1px 1px #e83424,2px 2px #e83424,3px 3px #e83424,4px 4px #e83424,5px 5px #12508c,6px 6px #12508c,7px 7px #12508c,8px 8px #12508c;
    text-emphasis-color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; -webkit-text-stroke: 4px #e83424; letter-spacing: 2px;}
#home-lineup .content-area span i{ color: #806A33; font-size: 44px;}
#home-lineup .content-area p{ font-size: 32px; color: #12508c; font-weight: 700; display: flex; justify-content: center;}
#home-lineup .content-area p .arrow-right i{ font-size: 40px; color: #e83424; padding: 0 16px;}


/* Gallery Section --------------------------------*/

#gallery { position: relative; background:#dec8a6;}

#gallery .top-svg{ position: absolute; left: 0; right: 0; bottom: 99%; width: 100%; z-index: 10; padding: 0;}
.fill-themeTan{ fill: #dec8a6;}

#gallery .columnmain { display: flex; flex-wrap: wrap; gap:15px; }

#gallery .columnmain .column1, 
#gallery .columnmain .column2, 
#gallery .columnmain .column3,
#gallery .columnmain .column4 { width: 100%; display: flex; justify-content: center; gap: 15px;}

#gallery .columnmain .column1 a.glightbox img { width: 100%; height: 100%;}
#gallery .columnmain .column1 a.glightbox{ width:33%;}
#gallery .columnmain .column1 a.glightbox img { max-width: 100%;}

#gallery a.glightbox { display: block; padding: 0; overflow: hidden;}

#gallery a.glightbox img {
	-webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; 
	transition: all ease-in-out 0.4s;}
#gallery a.glightbox:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); 
	transform: scale(1.1);}

#gallery .gallery-desktop { /*display:block;*/}
#gallery .gallery-desktop .col-12 { padding:0;}
#gallery .gallery-mobile { display:none;}

#gallery .gallery-desktop { justify-content: center;}


/* Gallery Carousel Section --------------------------------*/

.gallery-slider.owl-carousel .owl-controls { margin-top: -30px; position: absolute; top: 50%; width: 100%;}
.gallery-slider.owl-carousel .owl-nav>button { background: #dc2626; color: #fff; width: 40px; height: 40px; 
	text-align: center; display: inline-block; font-size: 28px; margin-top: -20px; opacity: 0; padding-top: 4px; position: absolute; top: 50%;
    -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.gallery-slider.owl-carousel .owl-nav>button:focus { border:0px none; outline:none;}
.gallery-slider.gallery-slider:hover .owl-nav>button { opacity: 1;}

.gallery-slider.owl-carousel .owl-nav>button.owl-next { right: 0;}
.gallery-slider.owl-carousel .owl-nav>button.owl-prev { left: 0;}

.gallery-slider .owl-dots { margin-top: 25px; text-align: center;}
.gallery-slider .owl-dots .owl-dot { display: inline-block; margin: 0 5px;
	width: 12px; height: 12px; background: #ddd;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;}
.gallery-slider .owl-dots .owl-dot:focus { outline:none;}
.gallery-slider .owl-dots .owl-dot.active { background-color: #dc2626;}

/* ----**** [ Event Image Section section ] ****---- */
#event-image{ position: relative; width: 100%; height: 100vh; background: url(../img/event-image.webp); background-size: cover; background-color: #dec8a6;}

/* ----**** [ home footer section ] ****---- */

#footer { position: relative; background: #12508c;}
#footer .top-svg{ position: absolute; left: 0; right: 0; bottom: 99%; width: 100%; z-index: 10; padding: 0;}
#footer .footer-top{ padding: 80px 0;}
#footer .fill-themeBlue{ fill: #12508c;}	
#footer .footer-logo img{ width: 250px; height: auto;}
#footer .footer-links ul{ list-style: none; padding: 0; margin: 0;}
#footer .footer-links ul li{ padding: 12px 0; display: flex; align-items: center;}
/* #footer .footer-links ul li:first-child{ padding-top: 0;} */
#footer .footer-links ul a{ font-size: 22px; color: #FFFFFF; display: inline-block;}
#footer .footer-links ul a:hover{ color: #e83424;}

#footer .footer-btm{ background: #000000; padding: 12px 0;}
#footer .footer-btm p{ color: #FFFFFF; text-align: center; margin: 0;}


/* ----**** [ website acs section ] ****---- */
	
body.innerpage {}


.website-acs { padding:80px 0 80px 0; background:#ffffff;
	/*background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.55)),
        url(../img/bg/about_us_back.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;*/}

/*.website-acs .website-info-block { background: #FFFFFF; padding: 30px;  
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}*/
	
.website-acs .website-info-block h4 { font-size: 28px; font-weight: 600;}
.website-acs .website-info-block p { font-size: 16px; line-height: 24px; font-weight: 400; color:#000000;}	
.website-acs .website-info-block p:last-child { margin:0;}
.website-acs .website-info-block p a { font-weight: 600; color: #CE1F1E; text-decoration:underline;}



/* ----**** [ breadcrumbs section ] ****---- */

.breadcrumbs { position: relative; background: #fefcf6; padding: 25px 0; text-align:center; margin-top: 80px;}
.breadcrumbs h1 { font-size: 34px; margin-bottom: 0; font-weight: 600; color:#000000;}
.breadcrumbs .breadcrumbs-inner ol{ display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: 18px; font-weight: 400;}
.breadcrumbs .breadcrumbs-inner ol li a{ color: #e83424;}
.breadcrumbs .breadcrumbs-inner ol li+li{ padding-left: 10px; color: #000000;}
.breadcrumbs .breadcrumbs-inner ol li+li::before{ content: "/"; display: inline-block; padding-right: 10px; color: color-mix(in srgb, #484a4d, transparent 70%);}
/* .breadcrumbs { background: url("../img/bg/lineup-bg.webp") center center scroll;
	 overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;}

.breadcrumbs.bbq-bg { background: url("../img/bg/bbq-bg.webp") center center scroll;
	 overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} */

/* .breadcrumbs.group-hospitality-image { background: url("../img/bg/group-hospitality-image.webp") center center scroll;
	 overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} */

.breadcrumbs .logo img{ width: 250px; height: auto; -webkit-filter: drop-shadow(5px 5px 5px #222222); filter: drop-shadow(5px 5px 5px #222222);}

/* ----**** [ Innerpage Lineup section ] ****---- */
#home-lineup.innerpage-lineup .event-date h3{ font-size: 40px;}
#home-lineup.innerpage-lineup .content-area h4{ font-size: 48px;}
#home-lineup.innerpage-lineup .content-area p{ font-size: 28px;}

/* ----**** [ Innerpage BBQ section ] ****---- */
#home-lineup.innerpage-bbq .subheadliners .image-area{ text-align: center; margin: 0 auto;}
#home-lineup.innerpage-bbq .subheadliners .image-area{ width: 100%; height: auto; margin-bottom: 18px;}
#home-lineup.innerpage-bbq .content-area{ padding-bottom: 34px;}
#home-lineup.innerpage-bbq .content-area h4{ margin-bottom: 4px;}
#home-lineup.innerpage-bbq .content-area p{ font-size: 24px; color: #000000;}
#home-lineup.innerpage-bbq .content-area a.web-insta-link{ font-size: 20px; padding: 8px; text-decoration:underline;}

/* ----**** [ Group Hospitality section ] ****---- */
#group-hospitality{ position: relative;}
#group-hospitality .bottom-svg{ position: absolute; left: 0; right: 0; top: 100%; width: 100%; z-index: 10; padding: 0;}
.fill-themeCream{ fill: #fcf5df;}

#group-hospitality .section-header p{ font-size: 22px;}
#group-hospitality .section-header{ margin-bottom: 0;}
#private-group{ position: relative; padding: 0;}
#private-group .group-image{ width: 100%; height: 100%;}
#private-group .group-image img{ width: 100%; height: 100%; object-fit: cover;}
#private-group .right-content{ position: relative; background: #e83424; padding: 48px 26px;}
#private-group .right-content .right-content-heading h2{ font-size: 48px; text-align: center; margin-bottom: 34px;}
#private-group .right-content .right-content-info p{ font-size: 22px; color: #FFFFFF; text-align: center; 
	padding: 12px 12px 0px 12px; border-top: 2px solid #fcf5df;}
#private-group .right-content .right-content-info.bottom-line{ border-bottom: 2px solid #fcf5df; margin-bottom: 22px;}
#private-group .right-content h3{ font-size: 26px;}
#private-group .right-content p{ font-size: 18px; color: #FFFFFF; text-align: center;}
#private-group .right-content .btn{ display: flex; align-items: center; justify-content: center; margin-bottom: 18px;}
#private-group .right-content .btn a.order-btn{ background: #12508c; color: #FFFFFF;}
#private-group .right-content .btn a.order-btn:hover{ background: #FFFFFF; color: #12508c;}

/* ----**** [ Inquiry Form section ] ****---- */
#inquiry-form{ position: relative;}
#inquiry-form .top-svg{ position: absolute; left: 0; right: 0; bottom: 99%; width: 100%; z-index: 10;}
.fill-themeTan{ fill: #dec8a6;}

#inquiry-form .inquiry-form-title h3{ font-size: 24px; color: #000000; text-align: center; margin-bottom: 24px;}
#inquiry-form .form-group{ margin: 0 0 18px 0;}
#inquiry-form .form-group label{ font-size: 18px; color: #e83424;}
#inquiry-form .form-group .form-control{ height: 48px;}
.form-control:focus{ outline: none; box-shadow: none; border-color: #e83424; color: #000000;}
#inquiry-form input[type=checkbox]{ width: 16px; height: 16px; margin-right: 6px;}
#inquiry-form textarea.form-control{ height: auto!important;}
#inquiry-form .btn a.inquiry-form-btn{ background: #e83424; color: #FFFFFF; margin-top: 12px;}
#inquiry-form .btn a.inquiry-form-btn:hover{ background: #12508c; color: #FFFFFF;}

/* ----**** [ Group Hospitality BG Image section ] ****---- */
/* #group-hospitality-image{ position: relative; width: 100%; height: 100vh; background: url(../img/group-hospitality-image.webp); background-size: cover; background-color: #fcf5df;} */


/* ----**** [ Accordion Section ] ****---- */

#faq { position: relative;}
#faq .section-header h2{ color: #e83424;}

#faq .section-header p {
  text-transform: inherit;
  color: #FFFFFF;
}
#faq .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-item {
  background: #FFFFFF;
  border: none;
  border-bottom: 1px solid #000000;
  padding: 6px 0;
}

.accordion-button {
  background: #FFFFFF;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' class='bi bi-plus' viewBox='6 4 4 10'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='6 4 4 8'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.accordion-button::after {
  transition: all 0.5s;
  /* filter: brightness(0) invert(1); */
}

#faq .accordion .accordion-item .accordion-header .ui-ux-accordion-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#faq .accordion .accordion-item .accordion-header .ui-ux-accordion-heading .ui-ux-accordion-icon {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

#faq .accordion .accordion-item .accordion-header .ui-ux-accordion-heading .ui-ux-accordion-icon h4 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0;
  color: #000000;
}

#faq .accordion .accordion-item .accordion-header .ui-ux-accordion-heading p {
  width: 50%;
  margin-right: 100px;
  position: relative;
  margin-bottom: 0;
  color: #FFFFFF;
}

#faq .accordion-body p { color: #000000; padding: 0 70px 0 0;}
#faq .accordion-body ul li{ color: #000000; margin-bottom: 12px;}

#faq .accordion-button:focus {
  box-shadow: none;
}

#faq .accordion-button:not(.collapsed) {
  background: #FFFFFF;
}

/* ----**** [ Tickets Section ] ****---- */
#tickets{ position: relative;}
#tickets .section-header p{ font-size: 24px;}
#tickets .card-logos{ padding: 30px;}

#special-offer{ padding-top: 0;}
#special-offer .residents-offer h3{ font-size: 34px; color: #12508c; text-align: center; border: 2px dashed #e83424; padding: 14px; margin-bottom: 40px;}
#special-offer .buy-tickets{ text-align: center;}
#special-offer .buy-tickets .btn a.order-btn{ font-size: 22px; margin-bottom: 22px;}
#special-offer .buy-tickets .btn a.order-btn:hover{ background: #12508c; color: #FFFFFF;}

#special-offer .vip-tickets{ text-align: center; padding-top: 48px;}
#special-offer .vip-tickets h3{ color: #12508c; text-align: center; font-size: 34px;}
#special-offer .vip-tickets .btn a.order-btn{ font-size: 22px; margin-bottom: 22px;}
#special-offer .vip-tickets .btn a.order-btn:hover{ background: #12508c; color: #FFFFFF;}

#special-offer .buy-tickets .btn a.order-btn:hover, .order-btn:focus{ background: #12508c; color: #FFFFFF;}

/* ----**** [ Contact Section ] ****---- */
#contact{ position: relative;}
#contact .contact-info p{ font-size: 22px; text-align: center;}
#contact .contact-info a.contact-email{ font-size: 24px; color: #e83424; display: block; text-align: center; text-decoration: underline;}
#contact .contact-info a.contact-email:hover{ color: #12508c;}

/* ----**** [ vendor Section ] ****---- */

#vendor .opportunities-section h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    color: #0f1d22;
    margin: 16px 0 20px 0;
}
#vendor .opportunities-section ul li {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 10px 0;
    color: #0f1d22;
    list-style-type: none;
    align-items: center;
    display: flex;
    justify-content: center;
}
#vendor .opportunities-section ul li .arrow-right i {
    font-size: 26px;
    color: #e83424;
    padding: 0 10px 0 0;
}
#vendor .opportunities-section p a {
  color: #e83424;
}
#vendor .opportunities-section p a:hover {
  text-decoration: underline;
}
#vendor .opportunities-section .email {
  align-items: center;
  display: flex;
  justify-content: center;
}
#vendor .opportunities-section .email i {
 font-size: 30px;
    color: #e83424;
    padding: 0 10px 0 0;
}
#vendor .opportunities-section h4 {
   font-size: 26px;
    font-weight: 700;
    margin: 0;
    color: #0f1d22;
    margin: 0 0 15px 0;
}
#vendor .opportunities-section #opportunitiesTab {
  margin: 15px 0 0 0;
}
#vendor .opportunities-section #opportunitiesTabContent {
  padding: 20px 0 0 0;
}
#vendor .opportunities-section .nav-tabs {
  border: 0;
}
#vendor .opportunities-section .nav-tabs .nav-link {
  border-radius: 0;
  text-transform: uppercase;
  border:solid 1px #000000;
   font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #0f1d22;
    margin: 0 5px;
    text-transform: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 24px;
    min-width: 180px;
    height: 48px;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
     text-transform: uppercase;
}
#vendor .opportunities-section .nav-tabs .nav-link.active {
    background: #e83424;
    border:solid 1px #e83424;
    color: #FFFFFF;
}


#tickets .card-logos{
    text-align: center;
    padding: 15px;
    display: flex;
    justify-content: center;
}
#tickets .card-logos img{
    max-width: 80px;
}
.mobile-logos{display: none;}
@media(max-width: 767px){
    .desktop-logos{display: none;}
    .mobile-logos{display: block;}
}
.social-media-icons{
    list-style: none;
    display: flex;
    gap: 30px;
    justify-content: center;
    padding: 0;
    margin-top: 15px;
}
.social-media-icons li a{
    color: #fff;
    font-size: 18px;
}

/* ----**** [ About Us Section ] ****---- */
#about-us{ position: relative;}
#about-us .section-header p{ font-size: 28px; text-align: center;}
#about-us .about-thumb img{ -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px;}
#about-us .about-info{ padding: 0 0px 0 24px;}
#about-us .about-info p{ font-size: 20px;}

#sponsor{ background: #fefcf6;}
#sponsor .sponsor-point{ display: flex; justify-content: center;}
#sponsor .sponsor-point ul li{ font-size: 22px; color: #000000; padding: 10px 0;}

#contact-about{ position: relative; background: #fefcf6;}
#contact-about .contact-about-header{ margin-bottom: 34px;}
#contact-about .contact-about-header h3{ color: #e83424; text-align: center; margin-bottom: 16px;}
#contact-about .contact-about-header p{ font-size: 22px; text-align: center;}
#contact-about .contact-about-info{ display: flex; flex-wrap: wrap; justify-content: center; align-content: center; flex-direction: column;}
#contact-about .contact-about-info .customer-support,
#contact-about .contact-about-info .phone{ display: flex; align-items: center; margin-bottom: 16px;}
#contact-about .contact-about-info .customer-support i,
#contact-about .contact-about-info .phone i{ font-size: 28px; color: #FFFFFF; width: 40px; height: 40px; background: #000000; display: flex; 
  justify-content: center; align-items: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}
#contact-about .contact-about-info .customer-support a,
#contact-about .contact-about-info .phone a{ font-size: 18px; color: #000000; margin-left: 12px;}

#contact-about .contact-about-info .customer-support a:hover, #contact-about .contact-about-info .phone a:hover{ color: #e83424;}