/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* ============= Custom CSS ============== */
.elementor-top-section > .elementor-container {
  max-width: 1690px !important;
  width: 100% !important;
  padding-inline: 5% !important;
}
.elementor-section-full_width > .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
}
.elementor-location-header {
  position: sticky;
  z-index: 999;
  top: 0;
}
/* Padding Block (top + bottom) */
.pblock-70 {
  padding-block: 70px;
}
.pblock-60 {
  padding-block: 60px;
}
.pblock-50 {
  padding-block: 50px;
}
.pblock-40 {
  padding-block: 40px;
}
.pblock-30 {
  padding-block: 30px;
}
.pblock-20 {
  padding-block: 20px;
}

/* Padding Top */
.pt-70 {
  padding-top: 70px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-20 {
  padding-top: 20px;
}

/* Padding Bottom */
.pb-70 {
  padding-bottom: 70px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-20 {
  padding-bottom: 20px;
}

.mainHeading .elementor-heading-title {
  margin-bottom: 10px;
}
/* ================ Button ================= */
.elementor-button,
.add_to_cart_button,
.contactSec form button[type="submit"],
.headerSupportBtn .elementor-item {
  position: relative;
  overflow: hidden !important;
  z-index: 1;
  border: none !important;
  transition: 0.5s ease all !important;
  padding: 12px 30px 12px 30px !important;
  font-size: 17px !important;
}
.elementor-button:before,
.add_to_cart_button:before,
.contactSec form button[type="submit"]:before,
.headerSupportBtn .elementor-item:before {
  content: "";
  width: 0 !important;
  height: 200% !important;
  position: absolute;
  background: #8a38f5;
  left: -5px !important;
  top: 50%;
  transform: translateY(-50%) rotate(9deg) !important;
  transition: 0.5s ease all;
  z-index: -1 !important;
}
.whiteButton .elementor-button:before {
  background: #009b94 !important;
}
.elementor-button:hover:before,
.add_to_cart_button:hover:before,
.contactSec form button[type="submit"]:hover:before,
.headerSupportBtn .elementor-item:hover:before {
  width: 120% !important;
}

.elementor-button .elementor-button-text {
  position: relative;
  z-index: 2;
  transition: 0.5s ease all !important;
  text-shadow: 0 4px 4px #00000040;
}
.elementor-button:hover .elementor-button-text,
.add_to_cart_button:hover,
.elementor-cta__button:hover,
.contactSec form button[type="submit"]:hover {
  color: #ffffff !important;
}
.heading_h2 h2 {
  font-size: clamp(2.375rem, 2.194rem + 0.8046vw, 3.25rem) !important;
  line-height: 1.3;
}
.heading_h3 h3 {
  font-size: clamp(1.5rem, 1.4224rem + 0.3448vw, 1.875rem) !important;
  line-height: 1.4;
}
/* =========== Header ============= */
.headerSupportBtn .elementor-item {
  background: #009b94;
  border-radius: 50px;
  font-size: 16px !important;
  stroke: none !important;
  text-shadow: 0 4px 4px #00000040;
}
.elementor-location-header
  .mainHeader
  .headerSupportBtn
  .elementor-item:before {
  background: #fff !important;
}
.elementor-location-header .mainHeader .headerSupportBtn .elementor-item:hover {
  color: #009b94 !important;
  background: #009b94 !important;
}
.headerSupportBtn .elementor-item:after {
  display: none !important;
}
.headerTopBar {
  position: relative;
}
.headerTopBar:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: #009b94;
  bottom: -1px;
  border-top: 2px solid #010d27;
  border-bottom: 1px solid #010d27;
  left: 50%;
  transform: translatex(-50%);
}
.mainHeader .elementor-widget-wrap {
  display: grid !important;
  grid-template-columns: 1fr 200px 1fr;
  gap: 40px;
}
.menuItems .elementor-nav-menu {
  margin: 0 !important;
  width: 100% !important;
  justify-content: space-between !important;
}
.menuItems .elementor-nav-menu > li {
  margin-right: 0px !important;
}
.menuItems .elementor-nav-menu:after {
  display: none;
}
.menuItems
  .elementor-nav-menu--main
  .elementor-nav-menu
  > li
  > .elementor-item {
  transition: 0.5s ease all;
}
.menuItems
  .elementor-nav-menu--main
  .elementor-nav-menu
  > li
  > .elementor-item:hover {
  -webkit-text-stroke-width: 0.4px;
  stroke-width: 0.4px;
  -webkit-text-stroke-color: #009b94;
  stroke: #009b94;
}
.menuItems .elementor-nav-menu--main .sub-menu {
  padding: 10px !important;
}
.menuItems .elementor-nav-menu--main .sub-menu .elementor-sub-item {
  border-radius: 5px !important;
  border-left: 0px !important;
  padding-inline: 12px 24px !important;
}
.menuItems .iconMenuHome .elementor-item {
  padding-left: 0px !important;
}
/* ========== Banner ========== */
.bannerSecitonHome > .elementor-container {
  padding-inline: 20px !important;
}
.bannerContent {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bannerSecitonHome
  .bannerContent
  .banner_subheading
  div.elementor-heading-title {
  font-size: clamp(2rem, 1.7672rem + 1.0345vw, 3.125rem) !important;
}
.bannerSecitonHome .bannerContent h2 {
  font-size: clamp(3.125rem, 2.4784rem + 2.8736vw, 6.25rem) !important;
}
.bannerSecitonHome .bannerContent .banner_subtitle div.elementor-heading-title {
  font-size: clamp(1.5rem, 1.319rem + 0.8046vw, 2.375rem) !important;
  line-height: 1.4 !important;
}
.bannerSecitonHome .bannerContent .banner_desc p {
  font-size: clamp(1rem, 0.8966rem + 0.4598vw, 1.5rem) !important;
  line-height: 1.3;
}
/* ============== Gallery Sec ============ */
.tabPhotoVideoGal .elementor-tab-title {
  border: 1px solid #fff !important;
  border-radius: 50px;
  padding: 14px 25px !important;
}

.tabPhotoVideoGal .elementor-tab-title.elementor-active {
  background: #fff;
}

.tabPhotoVideoGal .elementor-tabs-wrapper {
  gap: 20px;
}
.tabPhotoVideoGal .elementor-tab-content p {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 100px !important;
  gap: 8px 5px;
}

.tabPhotoVideoGal .elementor-tab-content p img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #00ffcc;
}
.tabPhotoVideoGal .elementor-tab-content p img:nth-child(even) {
  margin-top: -50px !important;
}
/* =========== Our Story Sec ================ */
.ourStoryImg .gallery-item .gallery-icon {
  position: relative;
  width: 80%;
  margin-left: auto;
  aspect-ratio: 2.1;
}
.ourStoryImg .gallery-item .gallery-icon img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 30px 0 30px;
}
.ourStoryImg .gallery-item .gallery-icon:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 6px solid #fff;
  z-index: 1;
  background: #009b94;
  border-radius: 0 30px 0 0;
}
.ourStoryImg .gallery-item:nth-child(odd) .gallery-icon:before {
  top: -22px;
  left: 22px;
}
.ourStoryImg .gallery-item:nth-child(even) .gallery-icon:before {
  bottom: -22px;
  left: -22px;
  border-radius: 0px 30px 0 30px;
}
.ourStoryImg .gallery-item:nth-child(odd) {
  margin-right: auto !important;
}

.ourStoryImg .gallery-item:nth-child(odd) .gallery-icon {
  margin-right: auto;
}
/* ==============  Our Band Team ============ */
.TeamBandBoxes .elementor-container {
  display: grid !important;
  grid-template-columns: repeat(3, calc(33.33% - 26px));
  gap: 40px;
}
.TeamBandBoxes .elementor-container .bandBox {
  width: 100% !important;
}
.TeamBandBoxes .elementor-container .bandBox .elementor-cta {
  gap: 10px;
}
.TeamBandBoxes
  .elementor-container
  .bandBox
  .elementor-cta
  .elementor-cta__bg-overlay {
  display: none !important;
}
.TeamBandBoxes .elementor-container .bandBox .elementor-cta .elementor-cta__bg {
  height: calc(100% - 25px);
  width: calc(100% - 25px);
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  object-fit: cover;
}
.TeamBandBoxes
  .elementor-container
  .bandBox
  .elementor-cta
  .elementor-cta__bg-wrapper {
  padding: 14px !important;
  border: 1px solid #00ffcc;
  aspect-ratio: 1;
}
.TeamBandBoxes .elementor-cta--skin-classic .elementor-cta__content {
  border: 1px solid #fff;
  padding-inline: 20px !important;
}
.TeamBandBoxes .elementor-widget-call-to-action,
.TeamBandBoxes .elementor-widget-call-to-action .elementor-cta,
.TeamBandBoxes .elementor-widget-call-to-action .elementor-widget-container {
  height: 100%;
}
.TeamBandBoxes .elementor-container .bandBox .elementor-cta__button:before {
  background: #009b94 !important;
}
/* ============= Contact Us ============ */
.contactSec .elementor-container {
  border-radius: 20px;
  overflow: auto;
  display: grid !important;
  grid-template-columns: 0.8fr 1fr;
}

.contactSec .elementor-container > div {
  width: 100%;
}

.contactSec form input:not([type="checkbox"]) {
  background: rgb(255 255 255 / 20%) !important;
  border: 1px solid #979797 !important;
  height: 50px !important;
  border-radius: 10px !important;
}
.contactSec form label {
  color: #ffffffb2 !important;
}
.contactSec form textarea {
  background: rgb(255 255 255 / 20%) !important;
  border: 1px solid #979797 !important;
  border-radius: 10px !important;
}
.contactSec form ::placeholder {
  opacity: 1 !important;
  color: #ffffffb2 !important;
}

.contactSec form button[type="submit"] {
  background-color: #009b94 !important;
  font-size: 18px !important;
  border-radius: 50px !important;
  padding: 14px 30px 14px 30px !important;
  height: auto !important;
  font-family: "Kaushan Script" !important;
}
.contactSec .contactText * {
  font-family: "KoHo", Sans-serif;
}
.contactSec .contactImg .elementor-widget-wrap {
  border-radius: 20px 0 0 20px;
}
/* =========== Post =============== */
.blogPostMultiple .elementor-posts article:first-child {
  display: none !important;
}
.blogPostMultiple .elementor-posts .elementor-post {
  display: grid !important;
  grid-template-columns: 240px 1fr;
  border-radius: 10px;
  border: 1px solid #8a38f5;
}
.blogPostMultiple .elementor-posts .elementor-post > * {
  width: 100% !important;
  max-width: 100% !important;
  height: 100%;
}
.elementor-posts .elementor-post .elementor-post__thumbnail {
  padding-bottom: 0px !important;
}
.elementor-posts .elementor-post .elementor-post__text {
  padding: 20px 30px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.elementor-posts
  .elementor-post
  .elementor-post__text
  .elementor-post__meta-data {
  order: -1;
}

.blogPostMultiple
  .elementor-posts
  .elementor-post
  .elementor-post__text
  .elementor-post-date {
  color: #000;
  font-weight: 500;
}

.blogPostMultiple .elementor-posts .elementor-post .elementor-post__thumbnail {
  height: 100%;
}

.blogPostMultiple
  .elementor-posts
  .elementor-post
  .elementor-post__thumbnail
  img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.blogPostSingle article .elementor-post__text {
  position: absolute;
  bottom: 20px;
  width: 100%;
  padding-right: 150px !important;
}
.elementor-post__thumbnail__link {
  height: 100%;
  margin: 0 !important;
}

.blogPostSingle .elementor-widget-posts {
  height: 100%;
}

.blogPostSingle .elementor-widget-posts .elementor-widget-container {
  height: 100%;
}

.blogPostSingle
  .elementor-widget-posts
  .elementor-widget-container
  .elementor-posts-container {
  height: 100%;
}

.blogPostSingle .elementor-post__thumbnail__link .elementor-post__thumbnail {
  height: 100%;
}

.blogPostSingle
  .elementor-post__thumbnail__link
  .elementor-post__thumbnail
  img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.blogPostSingle .elementor-post {
  border-radius: 10px;
}
/* ============== Venues Logos Sec ================= */
.venuesLogosWrapper .elementor-widget-wrap {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr);
  gap: 30px;
  justify-content: center;
}

.venuesLogosWrapper .elementor-widget-wrap .venueLogo {
  width: 100%;
}

.venuesLogosWrapper .elementor-widget-wrap .venueLogo a {
  width: 100%;
  background: #fff;
  box-shadow: 1px 1px 10.4px 0px #00000040;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 14px;
  border: 1px solid transparent;
  transition: 0.5s ease all;
}
.venuesLogosWrapper .elementor-widget-wrap .venueLogo a:hover {
  border-color: #8a38f5;
}
.venuesLogosWrapper .elementor-widget-wrap .venueLogo a img {
  object-fit: contain;
}
/* ========== Products Sec ============ */

.products {
  grid-template-columns: repeat(4, 1fr);
}

.products .product {
  background: #fff;
  border-radius: 20px;
}

.products .product .woocommerce-loop-product__link {
  display: grid !important;
  grid-template-columns: 1fr 100px;
}

.products .product .woocommerce-loop-product__link img {
  grid-column: 1/-1;
}

.products .product .woocommerce-loop-product__link .price {
  background: #4e4e4e;
  align-items: center;
  height: fit-content;
  padding: 10px;
  border-radius: 0 0 0 10px;
  transition: 0.5s ease all;
}
.products .product:hover .woocommerce-loop-product__link .price {
  background: #8a38f5 !important;
}
.products
  .product
  .woocommerce-loop-product__link
  .woocommerce-loop-product__title {
  padding-block: 0px !important;
  padding-left: 20px !important;
}

.products .product .add_to_cart_button {
  margin: 20px !important;
  text-shadow: 0 4px 4px #00000040;
}
.products .product {
  border: 1px solid #00ffcc;
  border-radius: 20px !important;
  overflow: hidden !important;
}
.products .product .imageOuterDiv {
  grid-column: 1/-1;
  background: #d3d3d3;
  margin-bottom: 24px;
  overflow: hidden !important;
}
.products .product .imageOuterDiv img {
  margin-bottom: 0px !important;
  transition: 0.5s ease all;
}

.products .product:hover .imageOuterDiv img {
  transform: scale(1.1);
}
.footer_cta h3 {
  font-size: clamp(1.5rem, 1.2672rem + 1.0345vw, 2.625rem) !important;
}
.footer_cta h2 {
  font-size: clamp(3.125rem, 2.7371rem + 1.7241vw, 5rem) !important;
}
/* ============== Footer ================= */
.contactFooterBox .elementor-icon-list-text {
  text-decoration: underline;
}
.mainFooter .viewAllVenues a {
  text-decoration: underline !important;
}
.fullBandVsTrioSec .fullBandVsTrioSec_col > .elementor-widget-wrap {
  background: #fef6e140;
  padding: 30px !important;
  border: 2px solid #fff;
}
.fullBandVsTrioSec_col .elementor-widget-text-editor ul {
  padding-left: 20px;
}
.footerTitle h3 {
  font-size: clamp(1.375rem, 1.2974rem + 0.3448vw, 1.75rem) !important;
}
/* =============== Inner Page ================= */
.page-header {
  display: none;
}
.innerPageBanner > div {
  padding: 160px 0;
}
.privacy_policy_content .heading_h3 {
  margin-bottom: 0 !important;
}
.upcomming_shows_innersec .elementor-container {
  gap: 30px;
  flex-wrap: wrap !important;
}
.upcomming_shows_innersec .upcomming_shows_box {
  width: calc(33.33% - 20px) !important;
}
.upcomming_shows_innersec .upcomming_shows_box .elementor-widget-wrap {
  border: 2px solid #009b94;
  padding: 20px !important;
  border-radius: 15px;
}
.weekly_schedule .elementor-container {
  gap: 20px;
  flex-wrap: wrap !important;
}
.weekly_schedule .weekly_schedule_box {
  width: calc(50% - 10px) !important;
}
.weekly_schedule .weekly_schedule_box .elementor-widget-wrap {
  border: 2px solid #009b94;
  padding: 20px !important;
  border-radius: 15px;
}
.weekly_schedule_box .elementor-widget-image {
  height: 200px !important;
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.weekly_schedule_box .elementor-widget-image img {
  width: 200px !important;
  height: 150px !important;
  object-fit: contain;
}
/* ================ Surfin Boooking  ================ */

.bookingReqForm label,
.bookingReqForm legend {
  color: #fff !important;
  font-size: 19px !important;
}
.bookingReqForm.contactSec form input[type="radio"] {
  height: 15px !important;
}
.bookingReqForm form * {
  color: #fff !important;
}
/* ================ Blog Page ================ */
.allBlogsWrapper .elementor-post {
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.allBlogsWrapper .elementor-post__thumbnail__link {
  display: block;
  position: relative;
  height: auto !important;
  min-height: unset !important;
  overflow: hidden;
}

.allBlogsWrapper .elementor-post__thumbnail img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}

.allBlogsWrapper .elementor-post__thumbnail__link::after {
  display: none;
}

.allBlogsWrapper .elementor-post__text {
  padding: 22px 24px 26px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-grow: 1;
  overflow: visible !important;
}

.allBlogsWrapper .elementor-post__title {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 700;
}

.allBlogsWrapper .elementor-post__title a {
  display: inline-block;
  color: #009b94 !important;
  text-decoration: none;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 22px;
  line-height: 1.5;
}

.allBlogsWrapper .elementor-post__excerpt p {
  font-size: 18px;
  line-height: 1.7;
  color: #000 !important;
  margin: 0;
  display: block !important;
  overflow: visible !important;
  max-height: none !important;
}

@media (max-width: 768px) {
  .allBlogsWrapper .elementor-post__thumbnail img {
    height: 220px;
  }

  .allBlogsWrapper .elementor-post__title {
    font-size: 20px;
  }
}
/* =============== Single Post ============== */
.single-post .page-header .single-post-featured-image img {
  object-position: center;
}
.single-post .page-header {
  display: block !important;
}
.single-post .page-content {
  text-align: center;
  padding-bottom: 70px;
}
.single-post .page-header .entry-title {
  padding-top: 50px;
}
.single-post .elementor-widget-text-editor * {
  text-align: center;
}
body.single-post.elementor-page-229 .single-post-featured-image img {
  object-position: top;
}
.venues_images .upcomming_shows_box .elementor-widget-wrap {
  flex-wrap: wrap !important;
  gap: 20px;
}
.venues_images .upcomming_shows_box .venues_img {
  width: calc(25% - 15px) !important;
  height: 200px !important;
  margin-bottom: 0 !important;
}
.venues_images .upcomming_shows_box .venues_img .elementor-widget-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.venues_images .upcomming_shows_box .venues_img img {
  width: 100% !important;
  height: 100%;
  object-fit: contain;
}
.innerPageBanner h1 {
  background: #00000099;
  max-width: 991px !important;
  margin: auto;
  padding: 10px 30px;
  border-radius: 10px;
  font-size: clamp(2.5rem, 2.1897rem + 1.3793vw, 4rem) !important;
}
.faq_content h3 {
  margin-bottom: 0 !important;
}
.home_review_innersec > .elementor-container {
  flex-direction: column;
  gap: 20px;
}
.home_review_innersec > .elementor-container .upcomming_shows_box {
  width: 100% !important;
  background: #fff;
  border-radius: 20px;
  padding: 10px 20px;
}
/* ================ Our Team Popup ================ */
.popupBoxTeam {
  display: none;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 20px;
}

.popupBoxTeam .elementor-widget-container {
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  max-width: 600px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #009b94;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease-in-out;
}

.popupBoxTeam h3 {
  margin-top: 0;
  font-size: 24px;
  color: #009b94;
  font-weight: bold;
  text-align: left;
}
.popupBoxTeam p:has(em) {
  font-size: 20px !important;
  margin-block: 5px 18px;
  color: #000;
  font-weight: 900;
}
.popupBoxTeam p {
  font-size: 18px;
  color: #555;
  line-height: 1.5;
  text-align: justify;
}

.popupBoxTeam .close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #f44336;
  color: white;
  font-size: 20px;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition:
    background-color 0.3s,
    transform 0.3s;
  padding: 0px !important;
}

.popupBoxTeam .close-popup:hover {
  background-color: #e53935;
  transform: scale(1.1);
}
.merch_product_box .elementor-ribbon.elementor-ribbon-right {
  bottom: 7% !important;
  right: 59px !important;
  top: unset;
  transform: rotate(45deg) !important;
  overflow: visible;
  width: max-content;
  left: unset !important;
}
.merch_product_box
  .elementor-ribbon.elementor-ribbon-right
  .elementor-ribbon-inner {
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px 0 0 20px;
}
.merch_product_box .elementor-cta__content .elementor-cta__title {
  width: 70% !important;
}
/* =========== Upcomming Event slider ============= */
.event_main_slide_section .slick-arrow {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.event_main_slide_section .slick-track {
  display: flex;
  gap: 20px;
}
.event_main_slide_section .prev_arrow.slick-arrow {
  left: -60px;
}
.event_main_slide_section .next_arrow.slick-arrow {
  right: -60px;
}
.event_main_slide_section .slide_item {
  background: linear-gradient(316.6deg, #001b54 33.77%, #8a38f5 106.7%);
  border-radius: 20px;
  position: relative;
  z-index: 9;
  padding: 60px 0;
}
.event_main_slide_section .slide_item::after {
  content: "";
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 20px;
  z-index: -1;
}
.event_main_slide_section .slide_item img {
  margin: 0 auto;
}
.event_main_slide_section .slide_item .elementor-image-box-content {
  margin-top: 30px;
}
.event_main_slide_section .slide_item .elementor-image-box-content h3 {
  font-family: "Kaushan Script" !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 1.3;
  color: #009b94 !important;
  text-align: center;
}
.event_main_slide_section .slide_item .datestyle {
  background: #009b94;
  border: 2px solid #ffffff;
  padding: 10px;
  color: #fff;
  width: max-content;
  border-radius: 8px;
  position: absolute;
  top: 55%;
  left: 10%;
}
/* =============== Event page styling ============= */
.main_live_event_box {
  display: flex;
  justify-content: space-around;
  padding: 30px 0;
  border-bottom: 1px dotted #23539d;
  align-items: center;
  gap: 30px;
}
.live_event_details {
  width: 70%;
}
.live_event_image_box {
  width: 30%;
}
.main_live_event_box .event__name h2 {
  font-size: 25px !important;
  font-family: "Kaushan Script", Sans-serif !important;
  font-weight: 500 !important;
  color: #009b94 !important;
}
.live_event_details .event_live_time {
  margin: 10px 0;
}
.event_live_date span.event_live_dateformate {
  color: #000;
  font-family: "Jost", sans-serif;
  font-size: 16px;
}
.event_live_time span.event_live_timeformate {
  color: #000;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.live_event_details button.samebg-btn-calendar {
  padding: 12px 22px;
  font-family: "Kaushan Script", sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.3;
  background: #009b94 !important;
  color: #fff !important;
  border: none !important;
}
.live_event_image {
  width: 220px;
}
.live_event_image img {
  width: 100%;
}
.atcb-list {
  width: max-content;
  position: absolute;
  background: #fff;
  box-shadow:
    rgba(35, 83, 157, 0.25) 0px 14px 28px,
    rgba(35, 83, 157, 0.22) 0px 10px 10px;
  padding: 5px;
  border-radius: 5px;
  /*  bottom: -102%;*/
  display: none;
  list-style: none !important;
}
.atcb-list li {
  margin: 5px 0;
}
.atcb-list li a {
  color: #000 !important;
  padding: 5px 10px !important;
}
.atcb-item a {
  color: #000;
  margin: 5px 0;
  padding: 10px 15px;
  transition: ease-in 300ms;
  display: block;
}
.atcb-item a:hover {
  background: #23539d;
  color: #fff;
}
.flex-width-box {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  max-width: 80%;
  padding: 0px !important;
}
.flex-width-box > li {
  list-style: none !important;
  width: calc(50% - 8px);
}
.flex-width-box > li:last-child {
  width: 100%;
}

@media screen and (max-width: 1500px) {
  .menuItems
    .elementor-nav-menu--main
    .elementor-nav-menu
    > li
    > .elementor-item {
    font-size: 16px !important;
    padding: 13px 8px !important;
  }
  .headerSupportBtn .elementor-item {
    padding: 12px 20px !important;
  }
  .bannerSecitonHome video {
    height: 70vh !important;
    object-fit: cover;
  }
}
@media screen and (max-width: 1200px) {
 .recurring_sec .elementor-container{
  flex-wrap: wrap !important;
 }
 .recurring_sec > .elementor-container > .elementor-column{
  width: 100% !important;
 }
 .weekly_schedule {
  margin-bottom: 20px;
 }
}
@media screen and (max-width: 1024px) {
  .mobile_header_menus nav {
    position: absolute;
    right: 0;
    top: 40px;
    width: 300px;
    border-radius: 10px;
    box-shadow: 0 0 8px #000;
  }
  .mobile_header_menus nav ul li.menu-item a {
    color: #009b94 !important;
    background: #fff !important;
    font-size: 13px !important;
  }
  .mobile_header_menus nav ul li.current-menu-item a {
    background: #009b94 !important;
    color: #fff !important;
  }
  .mobile_header_menus nav ul li.menu-item a:hover {
    background: #009b94 !important;
    color: #fff !important;
  }
  .mobile_header_menus nav ul li.headerSupportBtn .elementor-item {
    border-radius: 0 !important;
    color: #009b94 !important;
    background: #fff !important;
    font-size: 13px !important;
  }
  .mobile_header_menus nav ul li.headerSupportBtn .elementor-item::before {
    display: none !important;
  }
  .mainHeader .elementor-widget-wrap {
    grid-template-columns: 200px 1fr;
  }
  .blogPostSingle {
    display: none !important;
  }
  .blogPostMultiple {
    width: 100% !important;
  }
  .blogPostMultiple .elementor-posts article:first-child {
    display: grid !important;
  }
  
}
@media screen and (max-width: 991px) {
  .merch_products .elementor-container .elementor-column {
    width: 50% !important;
  }
  .venuesLogosWrapper .elementor-widget-wrap {
    grid-template-columns: repeat(5, 1fr);
  }
  .venues_images .upcomming_shows_box .venues_img {
    width: calc(33.33% - 15px) !important;
  }
}
@media screen and (max-width: 767px) {
  .TeamBandBoxes .elementor-container {
    grid-template-columns: repeat(2, calc(50% - 26px));
  }
  .tabPhotoVideoGal .elementor-tabs .elementor-tabs-wrapper {
    display: flex !important;
    justify-content: center;
  }
  .tabPhotoVideoGal
    .elementor-tabs-content-wrapper
    .elementor-tab-mobile-title {
    display: none !important;
  }
  .contactSec .elementor-container {
    display: flex !important;
  }
  .contactSec .elementor-container {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  .contactSec .contactImg .elementor-widget-wrap {
    border-radius: 20px 20px 0 0;
  }
  .ourStoryImg .gallery-item .gallery-icon {
    width: 100%;
  }
  .venuesLogosWrapper .elementor-widget-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
  .TeamBandBoxes .elementor-container {
    grid-template-columns: repeat(1, calc(100%));
  }
  .tabPhotoVideoGal .elementor-tab-content p {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 40px !important;
  }
  .tabPhotoVideoGal .elementor-tab-content p img:nth-child(even) {
    margin-top: 0 !important;
  }
  .merch_products .elementor-container .elementor-column {
    width: 100% !important;
  }
  .blogPostMultiple .elementor-posts .elementor-post,
  .blogPostMultiple .elementor-posts article:first-child {
    display: flex !important;
    flex-direction: column;
  }
  .blogPostMultiple .elementor-posts .elementor-post > * {
    height: auto;
  }
  .elementor-posts .elementor-post .elementor-post__thumbnail {
    padding-bottom: calc(0.5 * 100%) !important;
  }
  .event_main_slide_section .prev_arrow.slick-arrow {
    left: -30px;
  }
  .event_main_slide_section .next_arrow.slick-arrow {
    right: -30px;
  }
  .event_main_slide_section .slick-arrow img {
    width: 30px;
  }
  .event_main_slide_section .slick-track {
    display: block;
  }
  .contactImg {
    display: none !important;
  }
  .contactContentCol .elementor-widget-wrap {
    padding: 50px 20px !important;
  }
  .contactContentCol form .wpforms-field-large {
    flex-direction: column;
  }
  .contactContentCol form .wpforms-field-large .wpforms-field-row-block {
    width: 100% !important;
    padding: 0 !important;
  }
  .contactContentCol
    form
    .wpforms-field-large
    .wpforms-field-row-block:first-child {
    margin-bottom: 30px;
  }
  .headerTopBar .elementor-widget-wrap {
    gap: 8px !important;
  }
  .headerTopBar p {
    font-size: 14px !important;
    line-height: 1.3;
  }
  .popupBoxTeam .elementor-widget-container {
    width: 90%;
  }
  .allBlogsWrapper .elementor-posts .elementor-post .elementor-post__thumbnail {
    padding-bottom: 0 !important;
  }
  .main_live_event_box {
    flex-wrap: wrap;
    justify-content: start;
  }
  .live_event_details,
  .live_event_image_box {
    width: 100%;
  }
  .upcomming_shows_innersec .upcomming_shows_box {
    width: calc(50% - 20px) !important;
  }
  .venues_images .upcomming_shows_box .venues_img {
    width: calc(50% - 15px) !important;
  }
}
@media screen and (max-width: 576px) {
  .upcomming_shows_innersec .upcomming_shows_box {
    width: 100% !important;
  }
  .weekly_schedule .weekly_schedule_box {
    width: 100% !important;
  }
  .event_main_slide_section .slick-slide > div {
    text-align: center !important;
  }
  .event_main_slide_section .slick-slide .slide_item {
    width: 90% !important;
  }
}
@media screen and (max-width: 480px) {
  .venuesLogosWrapper .elementor-widget-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .tabPhotoVideoGal .elementor-tab-content p {
    grid-template-columns: repeat(1, 1fr);
  }
  .venues_images .upcomming_shows_box .venues_img {
    width: 100% !important;
  }
}