/*
Theme Name: MixtapeWP Child
Theme URI: https://mixtape.qodeinteractive.com
Description: A child theme of MixtapeWP Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.2
Text Domain: mixtapewp
Template: mixtapewp
*/

/* global */
:root {
--mv-orange: #D4654A;
--mv-pagetitle-font: 'Abril Fatface', serif; 
--mv-page-gradient:linear-gradient(180deg, #E8F1F8 0%, #EEF0E8 40%, #F5EFE4 100%); /*blue to sand*/
--mv-page-gradient-reverse:linear-gradient(0deg, #E8F1F8 0%, #EEF0E8 80%, #F5EFE4 100%); /*sand to blue-stronger*/
--mv-font: 'Montserrat', sans-serif;


}

/* ============================================
   0. Utility
   ============================================ */
.mvjb-hide {
	display:none;
}


/* ============================================
   1. HEADER & NAVIGATION
   ============================================ */
header.qodef-page-header {
 background: linear-gradient(180deg, #EDF3F7 0%, #F5EFE4 60%);
background: #DCE7F0;
}


/* hide shopping cart and sidebar hamburger */
.qodef-side-menu-button-opener.normal {
display: none;
}

.qodef-shopping-cart-outer {
display: none;
}



/* ============================================
   TEXT WORDMARK — all pages, desktop + mobile
   ============================================ */

/* === TEXT WORDMARK — all pages, all header states === */

/* Hide logo images everywhere */
.qodef-logo-wrapper img,
.qodef-mobile-logo-wrapper img {
  display: none !important;
}

/* Force wrappers open — no clipping, no fixed height */
.qodef-logo-wrapper,
.qodef-mobile-logo-wrapper {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Style the link as the wordmark */
.qodef-logo-wrapper a,
.qodef-mobile-logo-wrapper a {
  display: inline-flex !important;
  align-items: center;
  height: auto !important;        /* kill inline height:296px */
  max-height: none !important;
  overflow: visible !important;
  font-family: "Fjalla One", sans-serif;
  font-weight: 600;
  color: #0B1E3D;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  font-size: clamp(18px, 3.1vw, 32px);
  line-height: 1.2;
  text-align: left;
}

/* Inject the text */
.qodef-logo-wrapper a::after,
.qodef-mobile-logo-wrapper a::after {
  content: "Martha's Vineyard Jazz & Blues Summerfest";
}

/* Left-align the header logo position + 40px margin */
.qodef-position-left,
.qodef-mobile-header .qodef-position-center {
  text-align: left;
  margin-left: 40px;
}

/* Two-line wrap under 468px */
@media (max-width: 468px) {
  .qodef-logo-wrapper a::after,
  .qodef-mobile-logo-wrapper a::after {
    content: "Martha's Vineyard\AJazz & Blues Summerfest";
    white-space: pre;
  }
}

/*home top section  - remove the extra white space above 1st section*/
@media (max-width: 1024px) { 
	.home .qodef-content {
		margin-top:-125px!important;
	}
}
  

/* Stack the hero: image on top, content below */

@media (max-width: 768px) {
  .home .elementor-element-f375090 > .e-con-inner {
    flex-direction: column;
    align-items: center;
/* 	  margin-top:20px; */
	  
  }

  /* Cap the headshot height so the tall image doesn't push/overlap content */
  .elementor-element-93e77e8 {
    width: 100%;
    max-width: 100%;
  }

  .elementor-element-93e77e8 img {
    max-height: 320px;     /* the height you want the headshot capped at */
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;        /* center it */
  }

  /* Make sure content takes full width below the image */
  .elementor-element-2a465f3 {
    width: 100%;
    text-align: center;
  }
}



/* ============================================
   2. HERO SECTION
   ============================================ */

.hero-section h4 {
    display: block !important;
    width: 100% !important;
	color: var(--mv-orange);
	font-size: 28px;
}
.hero-section {
	margin-top: 60px!important;
}
.hero-section h4:last-of-type {
	color: #000;
	font-size:22px;
}

/* 2a HOME page */

.plan_weekend {
	background: var(--mv-page-gradient-reverse);
}


/* ============================================
   3. PAGE BACKGROUNDS
   ============================================ */

/* Global page gradient — subtle blue to cream */
.qodef-wrapper,
.qodef-wrapper-inner,
.qodef-content,
.qodef-content-inner > .qodef-container {
    background: linear-gradient(180deg, #EDF3F7 0%, #F5EFE4 60%);
}
.home .qodef-content {
	background:#0E2542;
}

/* Artist archive full-width background */
.qodef-full-width {
    background: linear-gradient(180deg, #E8F1F8 0%, #EEF0E8 40%, #F5EFE4 100%);
    min-height: 100vh;
}

.artist-archive-wrapper {
    max-width: 100%;        /* was 1140px */
    margin: 0 auto;
    padding: 0 40px;        /* a little breathing room at the edges */
    background: transparent;
}

/* remove artist contact*/
.elementor-element-a72a954 {
	display:none;
}

/* ============================================
   4. PERFORMANCE DETAILS CARD
   ============================================ */

.performance_card {
    background: #FFFFFF;
    border: 1px solid #E0D5C4;
    border-radius: 8px;
    padding: 20px;
	max-width:600px;
}

/* Icon list rows — full width with space-between */
.performance_card .elementor-icon-list-items.elementor-inline-items {
    display: flex !important;
    justify-content: space-between !important;
    width: 100%;
}

/* Right-align the value */
.performance_card .elementor-icon-list-item.elementor-inline-item:nth-child(2) {
    margin-left: auto !important;
    text-align: right;
}

/* Label style */
.performance_card .elementor-icon-list-item:first-child .elementor-icon-list-text {
    color: #5A7A8A;
    font-weight: 400;
}

/* Value style */
.performance_card .elementor-icon-list-item:nth-child(2) .elementor-icon-list-text {
    color: #0B1E3D;
    font-weight: 500;
}

/* Row dividers */
.performance_card .elementor-widget-icon-list {
    border-bottom: 1px solid #E0D5C4;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.performance_card .elementor-widget-icon-list:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Ticket button inside card */
.performance_card .ticket-btn {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 12px 0;
    background: #D4654A;
    color: #F5EFE4;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
}

.performance_card .ticket-btn:hover {
    background: #B8453A;
}

.performance_card .ticket-btn .elementor-button-text {
    background: none !important;
}


/* ============================================
   5. ARTIST SITE BUTTON
   ============================================ */

.artist_site {
    text-align: right;
}

.artist_site a,
.artist_site .elementor-button {
    background: transparent;
    border: 1.5px solid #0B1E3D;
    border-radius: 5px;
    color: #0B1E3D;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 24px;
    text-decoration: none;
    transition: all 0.2s;
}

.artist_site a:hover,
.artist_site .elementor-button:hover {
    background: #1e5070;
    color: #F5EFE4;
}

.artist_site .elementor-button {
    display: inline-flex;
    align-items: center;
    gap: 50px;
}

.artist_site .elementor-button-text::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    margin-left: 8px;
}

/*--new*/

.artist-archive-grid {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
    gap: 20px;
    padding: 0 0 60px;
}

.artist-archive-grid > .artist-archive-card:nth-child(-n+3) {
    grid-column: span 4 !important;
}

.artist-archive-grid > .artist-archive-card:nth-child(n+4) {
    grid-column: span 3 !important;
}

/* ============================================
   6. MV CUSTOM HEADINGS
   ============================================ */

p.mv-subheading {
    color: #D4654A;
    margin-bottom: 0;
}

.mv-heading {
    margin-bottom: 60px;
}

.mv-vibe.page-top {
    margin-bottom: 50px;
}


/* ============================================
   7. ARTIST ARCHIVE TEMPLATE
   ============================================ */

.artist-archive-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    background: transparent;
}

.artist-archive-wrapper .elementor {
    text-align: center;
}

.artist-archive-header {
    width: 100%;
    margin-bottom: 40px;
}

.artist-archive-header img {
    width: 100%;
    height: auto;
    display: block;
}

.artist-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 0 0 60px;
}

.artist-archive-card {
    text-decoration: none;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #E0D5C4;
    transition: transform 0.2s, border-color 0.2s;
}

.artist-archive-card:hover {
    transform: translateY(-4px);
    border-color: #D4654A;
}

.artist-archive-image {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
}

.artist-archive-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}

.artist-archive-grid > .artist-archive-card:nth-child(-n+3) .artist-archive-image {
    aspect-ratio: 3 / 2;   /* try 16/9 3/2 or 4/3 too */
}

.artist-archive-grid > .artist-archive-card:nth-child(1) .artist-archive-image img,
.artist-archive-grid > .artist-archive-card:nth-child(5) .artist-archive-image img,
.artist-archive-grid > .artist-archive-card:nth-child(7) .artist-archive-image img {
    object-position: center top;
}
.artist-archive-card:hover .artist-archive-image img {
    transform: scale(1.05);
}
/* Bottom row: shorter boxes so they're not so tall */
.artist-archive-grid > .artist-archive-card:nth-child(n+4) .artist-archive-image {
    aspect-ratio: 3 / 2;   /* square — or 4/3 for a bit shorter still */
}
.artist-archive-info {
    padding: 16px 18px;
}

.artist-archive-name {
    font-size: 18px;
    font-weight: 500;
    color: #0B1E3D;
    margin: 0 0 4px;
}

.artist-archive-genre {
    font-size: 13px;
    color: #D4654A;
    margin: 0;
}

@media (max-width: 768px) {
    .artist-archive-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
}

@media (max-width: 480px) {
    .artist-archive-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

.mv-artist-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem auto;
  max-width: 1140px;     /* match your content width so it's not full-bleed off-screen */
  padding: 0 20px;
  position: relative;
  z-index: 2;            /* lift above any Elementor overlay */
}
.mv-artist-nav a {
  display: inline-block;
  text-decoration: none;
  color: var(--mv-page-accent, #0B1E3D);
  font-weight: 600;
}
/* ============================================
   8. LINEUP GRID (Homepage)
   ============================================ */

/* .lineup_grid {
    background: #0E2542;
    padding: 40px 20px 50px;
}

.lineup_top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 10px;
}

.lineup_bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.lineup_top .qodef-qi-team .qodef-m-image img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.lineup_bottom .qodef-qi-team .qodef-m-image img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

@media (max-width: 768px) {
    .lineup_top {
        grid-template-columns: 1fr;
    }
    .lineup_bottom {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .lineup_bottom {
        grid-template-columns: 1fr;
    }
}
 */

/* 1100px and below: center the items */
@media (max-width: 1000px) {
  .elementor-element-75969c0.e-grid {
    grid-template-columns: 1fr;   /* one column */
    justify-items: center;        /* center each card in its cell */
    justify-content: center;      /* center the track itself */
  }

  /* cap card width so a single column doesn't stretch full-bleed */
  .elementor-element-75969c0.e-grid > .elementor-widget {
    max-width: 500px;
    width: 100%;
  }
}

.elementor-4297 .elementor-element.elementor-element-75969c0 {
	    --column-gap: 10px;
}




/* ============================================
   9. TICKET SECTION
   ============================================ */

.ticket_section {
    padding: 50px 20px;
    text-align: center;
}

.ticket_section .elementor-inner-section,
.ticket_section .e-con-inner > .e-con {
    background: #FFFFFF;
    border: 1px solid #E0D5C4;
    border-radius: 8px;
    padding: 30px 20px;
    transition: border-color 0.2s;
}

.ticket_section .elementor-inner-section:hover,
.ticket_section .e-con-inner > .e-con:hover {
    border-color: #D4654A;
}

.ticket_section h5,
.ticket_section h6 {
    color: #D4654A !important;
    letter-spacing: 1.5px;
}

.ticket_section h1,
.ticket_section h2 {
    color: #0B1E3D !important;
}

.ticket_section .elementor-button {
    background: transparent !important;
    border: 1.5px solid #0B1E3D !important;
    border-radius: 30px !important;
    color: #0B1E3D !important;
    transition: all 0.2s;
}

.ticket_section .elementor-button:hover {
    background: #D4654A !important;
    border-color: #D4654A !important;
    color: #F5EFE4 !important;
}


/* ============================================
   10. EVENT TIMELINE
   ============================================ */
.elementor-element-d8567f9 {
	    background: linear-gradient(180deg, #E8955A, #D4654A, #B8453A);
	    background: linear-gradient(180deg, #E8F1F8 0%, #EEF0E8 40%, #F5EFE4 100%);


}
.mv-timeline-header {
    text-align: center;
    margin-bottom: 40px;
}

.mv-timeline-label {
    display: block;
    font-size: 16px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #D4654A;
    margin-bottom: 8px;
}

.mv-timeline-heading {
    font-size: 32px;
    font-weight: 500;
    color: #0B1E3D;
    margin: 0 0 8px;
}

.mv-timeline-sub {
    font-size: 32px;
    color: #5A7A8A;
    margin: 0;
    font-style: italic;
	font-family: Cormorant Garamond;
	font-weight:700;
	margin-top:10px;
}



.mv-timeline {
    position: relative;
    padding-left: 50px;
    max-width: 900px;
    margin: 0 auto;
}

.mv-timeline::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 20px;
    bottom: 20px;
    width: 2px;
    background: linear-gradient(180deg, #E8955A, #D4654A, #B8453A);
}

.mv-timeline-event {
    position: relative;
    padding-bottom: 40px;
}

.mv-timeline-event:last-child {
    padding-bottom: 0;
}

/* Dot */
.mv-timeline-event::before {
    content: "";
    position: absolute;
    left: -39px;
    top: 6px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px solid #EDF3F7;
    z-index: 1;
}

.mv-timeline-event:nth-child(1)::before { background: #D4654A; }
.mv-timeline-event:nth-child(2)::before { background: #E8955A; }
.mv-timeline-event:nth-child(3)::before { background: #B8453A; }

/* Date row */
.mv-timeline-date {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 8px;
}

.mv-timeline-day-number {
    font-size: 36px;
    font-weight: 500;
    color: #0B1E3D;
    line-height: 1;
}

.mv-timeline-day-label {
    font-size: 34px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 700;
}

.mv-timeline-event:nth-child(1) .mv-timeline-day-label { color: #D4654A;  }
.mv-timeline-event:nth-child(2) .mv-timeline-day-label { color: #E8955A; }
.mv-timeline-event:nth-child(3) .mv-timeline-day-label { color: #B8453A; }

/* Title */
.mv-timeline-title {
    font-size: 26px;
    font-weight: 500;
    color: #0B1E3D;
    line-height: 1.3;
    margin: 0 0 10px;
}

/* Details */
.mv-timeline-details {
    margin: 0 0 14px;
    font-size: 18px;
    color: #5A7A8A;
    line-height: 1.8;
}

.mv-timeline-details span {
    color: #0B1E3D;
    font-weight: 500;
}

/* Ticket button */
.mv-timeline-ticket {
    display: inline-block;
    border: 1.5px solid #0B1E3D;
    border-radius: 30px;
    color: #0B1E3D;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px 22px;
    transition: all 0.2s;
}

.mv-timeline-ticket:hover {
    background: #D4654A;
    border-color: #D4654A;
    color: #F5EFE4;
}

.mv-timeline-venues {
	padding-left:150px;
}
.mv-timeline-venues p{
margin-bottom:0px;
}

.mv-timeline-venues p.venue{
margin-top:30px;
}
/* ============================================
   11. VIDEO BUTTON — scoped to dark sections
   ============================================ */

.lineup_grid .qodef-video-button-title,
.e-con[style*="0B1E3D"] .qodef-video-button-title,
.e-con[style*="0E2542"] .qodef-video-button-title {
    color: #F5EFE4 !important;
}

/* ============================================
   12. PLAN YOUR WEEKEND
   ============================================ */

/* Section header */
.plan_weekend > .e-con-inner > .elementor-widget-heading {
    text-align: center;
    margin-bottom: 24px;
}

/* Grid cards — coral left accent */
.plan_weekend .e-con.e-child > .elementor-widget-text-editor {
    border-left: 3px solid #D4654A;
    padding-left: 16px;
    border-radius: 0;
}

/* Alternate sunset colors per column */
.plan_weekend .e-con.e-child > .elementor-widget-text-editor:nth-child(1) {
    border-left-color: #D4654A;
}

.plan_weekend .e-con.e-child > .elementor-widget-text-editor:nth-child(2) {
    border-left-color: #E8955A;
}

.plan_weekend .e-con.e-child > .elementor-widget-text-editor:nth-child(3) {
    border-left-color: #B8453A;
}

/* Heading style */
.plan_weekend h3 {
    font-size: 24px;
    font-weight: 500;
    color: #0B1E3D;
    padding-bottom: 8px;
}

/* Body text */
.plan_weekend p {
    font-size: 18px;
    color: #5A7A8A;
    line-height: 1.65;
	font-style:italic;
	font-family: var(--mv-font);

}
/* 10.1 Plan your weekend */

/* .plan_weekend h3 {
	    padding-bottom: 30px;

} */
.plan_weekend .elementor-widget:nth-child(1) h3,
.plan_weekend .elementor-widget:nth-child(2) h3{
    padding-bottom: 10px;
}
.plan_weekend .elementor-widget:nth-child(3) h3 {
    padding-bottom: 10px;
}

.fa-plane {
	color: var(--mv-orange);
}


/*Travel Page */


/* .qodef-content .qodef-content-inner>.qodef-container>.qodef-container-inner, .qodef-content .qodef-content-inner>.qodef-full-width>.qodef-full-width-inner {
    padding: 120px 0 0;

} */

/* fix for top of travel tickets, and about*/
.page-id-11705 .qodef-content,
.page-id-12298 .qodef-content,
.page-id-12066 .qodef-content,
.page-id-11818 .qodef-content,
.artist-template .qodef-content{
    margin-top: 0 !important; /*fixes top*/
    position: relative;
    z-index: 100;
	
}
	
/*travelpage */
.mv-travel {
  font-family: sans-serif;
  font-size: 13px;
  line-height: 1.6;
  color: #F5EFE4;
}

.mv-travel-highlight {
  color: #B8C8D8;
  font-size: 16px;
  margin-bottom: 40px;
}
.mv-travel-emphasis {
  font-weight: 500;
  color: #F5EFE4;
}
.mv-travel-item {
  font-weight: 600;
	color: #F5EFE4;
}

.mv-travel-detail {
  color: #B8C8D8;
}
.mv-travel-detail.mv-travel-emphasis,
.mv-travel-emphasis {
  font-weight: 500;
  color: #F5EFE4;
}
.mv-travel-includes {
  color: #D4654A;
  margin-top: 40px;
  font-size: 16px;
}

.travel-sub-title,
#mv-travel-includes-top {
	padding-top:70px!important;
}

.mv-travel-contact {
  text-align: center;
  padding: 30px 0 10px;
}

.mv-travel-contact-heading {
  color: #D4654A;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

.mv-travel-contact-label {
  color: #B8C8D8;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.mv-travel-contact-name {
  color: #F5EFE4;
  font-size: 18px;
  font-weight: 600;
}

.mv-travel-contact-info {
  color: #B8C8D8;
  font-size: 18px;
}

.mv-travel-contact-link {
  color: #D4654A;
  text-decoration: none;
}

.mv-travel-contact-link:hover {
  text-decoration: underline;
}
.mv-travel-item.eee-heading {
	color:#E8955A ;
	font-style:italic
}




/* ===== FONTS ===== */
/* ===== HOMEPAGE ===== */

/* "2026 LINEUP" - the big H1 */
h1 {
  font-family: 'Fjalla One', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: clamp(2rem, 5vw, 4rem);
}

/* "Extraordinary women in jazz..." */
h2.e-heading-base, h3 {
  font-family: 'Abril Fatface', serif !important;
  font-weight: normal;
	color:#D4654A;
	
}

/* Artist names in the grid */
h4 {
  font-family: 'Marcellus', serif !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* ===== TRAVEL PAGE ===== */

/* Section headers: "NY Bus Excursions", "Choose your experience" */
h2 {
  font-family: 'Fjalla One', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* "Sail on Summer's End", "Where to Stay" - keep decorative */
.wpb_wrapper h4 {
  font-family: 'Abril Fatface', serif !important;
  font-weight: normal;
}

/* Travel itinerary labels: "Depart NY:", "Ferry:", etc. 
   Keep these clean and strong, NOT decorative */
.mv-travel-item {
  font-family: 'Fjalla One', sans-serif;
  letter-spacing: 1px;
}

/* Standalone callout lines: "EXPLORE MARTHA'S VINEYARD", 
   "EXPRESS YOURSELF..." — Fjalla not Abril. 
   These are action headers, not poetic ones. */
p > .mv-travel-item:only-child {
  font-family: 'Fjalla One', sans-serif;
  font-size: 1.05em;
  letter-spacing: 2px;
}

/* Body / detail text */
.mv-travel-detail {
  font-family: 'Montserrat', sans-serif;
}

/* Price: $295, $475 — bold and clean */
.mv-travel + h2 {
  font-family: 'Fjalla One', sans-serif !important;
}

/* Buttons */
.qodef-btn {
  font-family: 'Fjalla One', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Nav */
nav ul li a {
  font-family: 'Montserrat', sans-serif !important;
	color:#0B1E3D !important;
}

/* Mobile header title */
.qodef-mobile-menu-opener::after {
  font-family: 'Fjalla One', sans-serif;
}

/* Contact section */
.mv-travel-contact-heading {
  font-family: 'Abril Fatface', serif;
	  font-family: 'Montserrat', sans-serif !important;

  font-weight: 600;
}


@media (max-width: 868px) {
	
	.elementor-element-900b8ba {
  grid-template-columns: 1fr !important;
		padding-left:40px;
}
	/* reduce width of contact form*/
.elementor-element.elementor-element-a6ef6b1.vis.e-con-full.e-flex.e-con.e-child {
    max-width: 600px;
    padding-right: 20px;
}
	
	.page-id-11705 .elementor-element.elementor-element-dbd3d6d {
		padding: 0 3px;
	}
}
.page-id-11705 h2.e-6fb6ee0-d9bd665.e-heading-base {
	text-align: center;
}
.page-id-11705 .elementor-element.elementor-element-82c8773 {
	padding-left:10px;
	padding-right:10px;
}

@media (max-width:320px) {
	



.qodef-main-menu.qodef-default-nav > ul > li > a, .qodef-page-header #lang_sel > ul > li > a, .qodef-page-header #lang_sel_click > ul > li > a, .qodef-page-header #lang_sel ul > li:hover > a {
font-size: 22px;
font-weight:800;
}
nav ul li:hover > a {
color:#e8955a 	
}
#contact1 a,
#contact2 a{
	font-size:20px!important;
}
/*Tickets */

.mv-ticket-info {
  max-width: 600px;
/*   margin: 20px auto 0px; */
  text-align: left;
}
.mv-ticket-info p {
	font-size:18px;
}
.mv-ticket-info img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  margin-bottom: 20px;
}


/* Day headers */
.page-id-12298 h2 {
  font-size: clamp(22px, 3vw, 28px) !important;
  color: #E8873A !important;
  letter-spacing: 2px !important;
}

.page-id-12298 a[title*="TICKET"],
.page-id-12298 a[title*="Ticket"],
.page-id-12298 .vc_btn3,
.page-id-12298 .qodef-btn,
.page-id-12298 .vc_general.vc_btn3 {
  background-color: #E8873A !important;
  color: #FFFFFF !important;
  border: 2px solid #E8873A !important;
  padding: 14px 40px !important;
  font-family: 'Fjalla One', sans-serif !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  text-decoration: none !important;
  display: inline-block !important;
  border-radius: 4px !important;
}

.page-id-12298 .wpb_wrapper > a:hover,
.page-id-12298 .wpb_wrapper p > a[href="#"]:hover {
  background-color: transparent !important;
  color: #E8873A !important;
}
/* .mvjb-topbg {
  background-image: none !important;
  background-color: rgba(26, 45, 66, 0.1) !important;
} */
.elementor-element-82c8773 {
  position: relative;
}

.elementor-element-82c8773::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: inherit !important;
  opacity: 0.1 !important;
  z-index: 0 !important;
}

.elementor-element-82c8773 > * {
  position: relative;
  z-index: 1;
}


/* Font Responsiveness */
/* Subtitle styling */
.page-id-12298 p.e-paragraph-base,
.page-id-12298 .wpb_wrapper > p,
.page-id-11705 .wpb_wrapper > p,
.page-id-11705 p.e-paragraph-base
{
  font-size: clamp(26px, 4vw, 36px);
text-transform: capitalize;
letter-spacing: 0.5px;
}

.page-id-11705 #accommodations p.e-paragraph-base,
#accommodations .elementor .e-7496ce3-48f801a  {
	font-size:18px !important;
}

/*contact page */

.page-id-4160 .qodef-has-background {
 background-size:contain !important;

}


/*Responsive header and top areas */

/* Tickets top section fix */
@media (max-width: 1024px) {
    .elementor-12298 .elementor-element.elementor-element-82c8773  {
    padding-top: 40px!important;
    padding-bottom: 30px!important; 
	padding-left: 30px;
    padding-right: 30px;
	}
}

.qodef-mobile-header .qodef-position-center {
/* text-align :center;
margin-left: 40px; */
}

@media (max-width: 768px) {

	.qodef-mobile-header .qodef-grid {
		width:95%;
	}
}


@media (max-width: 667px) {

	.qodef-mobile-header .qodef-grid {
		width:85%;
	}
}

@media (max-width: 480px) {

	.qodef-mobile-header .qodef-grid {
		width:90%;
	}

}
@media (max-width: 320px) {

	.qodef-mobile-header .qodef-mobile-logo-wrapper img
 {
		height:75%;
	}
	.qodef-mobile-header .qodef-position-center {
margin-left: 20px;
}

}