.elementor-7 .elementor-element.elementor-element-c08a880{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:1em 1em;--row-gap:1em;--column-gap:1em;--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:10px;--padding-left:25px;--padding-right:10px;}.elementor-7 .elementor-element.elementor-element-c08a880::before, .elementor-7 .elementor-element.elementor-element-c08a880 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-c08a880 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-c08a880 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-c08a880 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-c08a880 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 6%, #00000000 65%);}.elementor-7 .elementor-element.elementor-element-c08a880:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-c08a880 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://thingtodoinkansascity.com/wp-content/uploads/2026/06/Kansas-city-night-chief-lights.png") 50% 50%;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-f3a7bfa .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2em;font-weight:600;text-shadow:0px 0px 7px rgba(0, 0, 0, 0.59);color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-2d2f7dc{background-color:var( --e-global-color-c4e757c );padding:16px 16px 16px 16px;border-radius:17px 17px 17px 17px;font-family:"Roboto", Sans-serif;font-weight:400;line-height:14px;letter-spacing:0.5px;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-d2f6c13 .elementor-button{background-color:var( --e-global-color-081a2b3 );font-family:"Roboto", Sans-serif;font-size:1em;font-weight:500;text-transform:uppercase;border-radius:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-d2f6c13 .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-d2f6c13 .elementor-button:focus{background-color:var( --e-global-color-80f7c3d );color:var( --e-global-color-081a2b3 );}.elementor-7 .elementor-element.elementor-element-d2f6c13 .elementor-button:hover svg, .elementor-7 .elementor-element.elementor-element-d2f6c13 .elementor-button:focus svg{fill:var( --e-global-color-081a2b3 );}.elementor-7 .elementor-element.elementor-element-7e36f70{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0em 0.5em;--row-gap:0em;--column-gap:0.5em;--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-7 .elementor-element.elementor-element-7e36f70:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-7e36f70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b776806 );}.elementor-7 .elementor-element.elementor-element-c6fd109{--display:flex;}.elementor-7 .elementor-element.elementor-element-70edc21{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:4px 0px;--row-gap:4px;--column-gap:0px;--padding-top:1em;--padding-bottom:0em;--padding-left:2em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-9923e34{font-family:"Poppins", Sans-serif;font-size:1.2em;font-weight:700;letter-spacing:0.9px;color:#000000;}.elementor-7 .elementor-element.elementor-element-9923e34 p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-67cdcc8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2.5em;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-7 .elementor-element.elementor-element-d6b498a{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 1em) 0em;}.elementor-7 .elementor-element.elementor-element-4c5880d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:0.9em;font-weight:400;color:#000000;}.elementor-7 .elementor-element.elementor-element-53cb427{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:1em 1em;--row-gap:1em;--column-gap:1em;}.elementor-7 .elementor-element.elementor-element-53cb427:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-53cb427 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131F41;}.elementor-7 .elementor-element.elementor-element-55ef74b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:1em 1em;--row-gap:1em;--column-gap:1em;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-08fef69 img{width:500px;}.elementor-7 .elementor-element.elementor-element-ffd9554 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.5em;font-weight:600;letter-spacing:1.4px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-9c4f60d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:1em 1em;--row-gap:1em;--column-gap:1em;--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-7 .elementor-element.elementor-element-2d7c072{text-align:center;}.elementor-7 .elementor-element.elementor-element-2d7c072 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2em;font-weight:600;line-height:50px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-ad843b8{text-align:center;font-family:"Poppins", Sans-serif;font-size:1.1em;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-aa939b0 .elementor-icon-list-icon i{color:#b12836;transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-aa939b0 .elementor-icon-list-icon svg{fill:#b12836;transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-aa939b0{--e-icon-list-icon-size:1em;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-aa939b0 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-7 .elementor-element.elementor-element-aa939b0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-aa939b0 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7 .elementor-element.elementor-element-aa939b0 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-aa939b0 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#086bb9;}.elementor-7 .elementor-element.elementor-element-ef1c9d9 .elementor-button{background-color:#b12836;font-family:"Poppins", Sans-serif;font-size:1.1em;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:1em 1em 1em 1em;}.elementor-7 .elementor-element.elementor-element-ef1c9d9 .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-ef1c9d9 .elementor-button:focus{background-color:#115E3B;}.elementor-7 .elementor-element.elementor-element-ef1c9d9{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7 .elementor-element.elementor-element-1053181{--display:flex;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-1053181:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-1053181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-7 .elementor-element.elementor-element-6e1f2b1{--display:flex;--min-height:611px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0em 0em;--row-gap:0em;--column-gap:0em;--overlay-opacity:0.5;--padding-top:32px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}.elementor-7 .elementor-element.elementor-element-6e1f2b1:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-6e1f2b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C8102E;}.elementor-7 .elementor-element.elementor-element-6e1f2b1::before, .elementor-7 .elementor-element.elementor-element-6e1f2b1 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-6e1f2b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-6e1f2b1 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-6e1f2b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-6e1f2b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-3e89a8f{width:100%;max-width:100%;margin:34px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-3e89a8f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2em;font-weight:600;line-height:40px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-bed5111{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Poppins", Sans-serif;font-size:1.1em;font-weight:400;line-height:23px;color:var( --e-global-color-b776806 );}.elementor-7 .elementor-element.elementor-element-0f7dcb1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-0f7dcb1.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-b7eb375{--grid-columns:2;--grid-row-gap:0px;--grid-column-gap:94px;}.elementor-7 .elementor-element.elementor-element-b7eb375 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-7 .elementor-element.elementor-element-b7eb375 .e-loop-item > .elementor-section, .elementor-7 .elementor-element.elementor-element-b7eb375 .e-loop-item > .elementor-section > .elementor-container, .elementor-7 .elementor-element.elementor-element-b7eb375 .e-loop-item > .e-con, .elementor-7 .elementor-element.elementor-element-b7eb375 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-7 .elementor-element.elementor-element-c8eb008{--display:flex;--min-height:600px;--gap:1em 1em;--row-gap:1em;--column-gap:1em;--margin-top:5em;--margin-bottom:5em;--margin-left:0em;--margin-right:0em;--padding-top:2em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-7 .elementor-element.elementor-element-bddcbb6{text-align:center;}.elementor-7 .elementor-element.elementor-element-bddcbb6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2em;font-weight:600;text-transform:uppercase;letter-spacing:2.7px;color:#000000;}.elementor-7 .elementor-element.elementor-element-f51ef36{margin:1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;text-align:center;font-family:"Poppins", Sans-serif;font-size:1em;font-weight:400;color:#000000;}.elementor-7 .elementor-element.elementor-element-99a3da3{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:17px;--arrow-normal-color:var( --e-global-color-b776806 );--arrow-hover-color:var( --e-global-color-081a2b3 );}.elementor-7 .elementor-element.elementor-element-99a3da3 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-081a2b3 );border-radius:50% 50% 50% 50%;padding:8px 8px 8px 8px;}.elementor-7 .elementor-element.elementor-element-99a3da3 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-b776806 );}.elementor-7 .elementor-element.elementor-element-99a3da3 .swiper-slide > .elementor-element{height:100%;}.elementor-7 .elementor-element.elementor-element-60c7ee3{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:3em 1em;--row-gap:3em;--column-gap:1em;--padding-top:48px;--padding-bottom:75px;--padding-left:32px;--padding-right:32px;}.elementor-7 .elementor-element.elementor-element-60c7ee3:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-60c7ee3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3f235c0 );}.elementor-7 .elementor-element.elementor-element-4d79892{text-align:center;}.elementor-7 .elementor-element.elementor-element-4d79892 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2em;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-7 .elementor-element.elementor-element-7fbcacc{--swiper-slides-to-display:4;--swiper-slides-gap:35px;border-radius:0px 0px 0px 0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--swiper-pagination-spacing:50px;}.elementor-7 .elementor-element.elementor-element-7fbcacc .swiper-slide > .elementor-element{height:100%;}.elementor-7 .elementor-element.elementor-element-7fbcacc .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-b7eb375{--grid-columns:2;}.elementor-7 .elementor-element.elementor-element-99a3da3{--swiper-slides-to-display:2;}.elementor-7 .elementor-element.elementor-element-7fbcacc{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-c08a880{--gap:01.4em 0em;--row-gap:01.4em;--column-gap:0em;}.elementor-7 .elementor-element.elementor-element-2d2f7dc{padding:5px 5px 5px 15px;line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-2d2f7dc p{margin-block-end:0px;}.elementor-7 .elementor-element.elementor-element-c6fd109.e-con{--order:99999 /* order end hack */;}.elementor-7 .elementor-element.elementor-element-70edc21{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-7 .elementor-element.elementor-element-53cb427{--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-08fef69 img{max-width:70%;}.elementor-7 .elementor-element.elementor-element-ffd9554{text-align:center;}.elementor-7 .elementor-element.elementor-element-ffd9554 .elementor-heading-title{font-size:1.2em;line-height:1.4em;}.elementor-7 .elementor-element.elementor-element-1053181{--padding-top:03em;--padding-bottom:05em;--padding-left:0em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-3e89a8f{text-align:center;}.elementor-7 .elementor-element.elementor-element-3e89a8f .elementor-heading-title{font-size:1.8em;}.elementor-7 .elementor-element.elementor-element-bed5111{text-align:center;}.elementor-7 .elementor-element.elementor-element-0f7dcb1{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-7 .elementor-element.elementor-element-b7eb375{--grid-columns:1;--grid-row-gap:59px;}.elementor-7 .elementor-element.elementor-element-bddcbb6 .elementor-heading-title{font-size:1.7em;line-height:1.4em;}.elementor-7 .elementor-element.elementor-element-99a3da3{--swiper-slides-to-display:1;}.elementor-7 .elementor-element.elementor-element-60c7ee3{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:3em 0em;--row-gap:3em;--column-gap:0em;}.elementor-7 .elementor-element.elementor-element-7fbcacc{--swiper-slides-to-display:1;}}/* Start custom CSS for html, class: .elementor-element-cdb35e2 *//* --- 1. THE GRID LAYOUT --- */
.image-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  gap: 20px; /* The space between the images */
  /* We set a fixed height for the whole grid so the cards know how tall to be */
  height: 500px; 
}

/* --- 2. THE CARDS --- */
.grid-card {
  position: relative; /* Acts as the anchor for the overlay */
  border-radius: 12px;
  overflow: hidden; /* Keeps the images locked inside the rounded corners */
  text-decoration: none; /* Removes the default blue link underline */
  display: block; 
}

/* The Magic Trick for the left image */
.tall {
  grid-row: span 2; /* Tells this specific card to stretch across two rows */
}

/* --- 3. THE IMAGES --- */
.grid-card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Guarantees the image fills the box WITHOUT squishing */
  display: block;
  transition: transform 0.5s ease; /* Smooth animation for the hover */
}

/* Optional: Adds a very subtle "zoom" effect when you hover over the card */
.grid-card:hover img {
  transform: scale(1.05); 
}

/* --- 4. THE OVERLAY & TEXT --- */
.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* Flexbox pushes the text to the bottom-left corner */
  display: flex;
  align-items: flex-end;
  padding: 30px; /* Space from the edges */
  
  /* The Base Gradient: Very subtle, just enough to make white text readable */
  background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 30%);
  transition: background 0.4s ease;
}

/* THE HOVER GRADIENT */
.grid-card:hover .card-overlay {
  /* When hovered, the gradient becomes darker and reaches higher up (to 60%) */
  background: linear-gradient(to top, rgba(200,16,46,0.4) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);
}

/* --- 5. TYPOGRAPHY --- */
.card-overlay span {
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.arrow {
  display: inline-block;
  margin-left: 2px;
  transition: transform 0.3s ease;
}

/* Nudges the little arrow to the right on hover for a premium feel */
.grid-card:hover .arrow {
  transform: translateX(5px);
}

/* --- 6. MOBILE RESPONSIVE --- */
@media (max-width: 768px) {
  .image-grid {
    grid-template-columns: 1fr; /* Stacks them into one column on phones */
    height: auto; /* Let it be as tall as it needs to be */
  }
  
  .tall {
    grid-row: auto; /* Turn off the 2-row stretch on mobile */
  }
  
  .grid-card {
    height: 300px; /* Gives each card a nice uniform height on mobile */
    grid-column: 1 !important; 
    grid-row: auto !important;
  }
}

/* Tells the Music card to start in Column 1 and stretch down 2 rows */
.card-music.tall {
  grid-column: 1;
  grid-row: 1 / span 2; 
}

/* Tells the Food card to sit in the top right */
.card-food {
  grid-column: 2;
  grid-row: 1;
}

/* Tells the Stay card to sit in the bottom right */
.card-stay {
  grid-column: 2;
  grid-row: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6b498a */.zma-divider {
  border: none; /* Removes the ugly default browser line */
  height: 3px;
  width: 80%;
  margin: 0;
  margin-top: 10px;/* Centers the line and adds breathing room */
  
  /* The Magic: A gradient that goes transparent -> Yellow -> transparent */
  background: linear-gradient(to right, transparent, #c8102e, transparent);
  
  /* Adds a soft glowing effect around the yellow */
  box-shadow: 0px 0px 10px rgba(248, 187, 55, 0.5);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e36f70 */.image-card {
    min-height: 350px !important;
    padding: 3em 1em !important;
}

/* 1. The Parent Container */
.image-card {
  position: relative;
  width: 100%;
  overflow: hidden; /* Keeps the dots from spilling out */
}

/* 2. The Halftone Pseudo-Element */
.image-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  
  /* How far you want the dots to reach into the image */
  width: 250px; 
  height: 250px;
  
  /* --- THE DOT PATTERN --- */
  /* Creates a single dot using your specific gold color */
  background-image: radial-gradient(circle, #bba36e 40%, transparent 45%);
  
  /* Repeats that single dot every 12 pixels */
  background-size: 8px 8px; 
  
  /* --- THE FADE (MASK) --- */
  /* This tells the browser: "Keep the top right 100% visible (black), 
     but fade it out completely (transparent) as it moves towards the bottom left." */
  -webkit-mask-image: radial-gradient(circle at top right, black 10%, transparent 70%);
  mask-image: radial-gradient(circle at top right, black 10%, transparent 65%);
  
  /* Optional: Push it behind text but keep it over the background */
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53cb427 */.blue-container {
  position: relative;
  overflow: hidden;
  z-index: 1;
}


.blue-container::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -20%;
  width: 80%;
  height: 200%;
  /* A very faint white/light-blue glow fading into nothing */
  background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 65%);
  z-index: -1; /* Pushes it behind your content */
}


/* The Text Watermark */
.blue-container::after {
  content: "KC26";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Perfectly centers it */
  font-size: 18vw; /* Scales massively with the screen size */
  font-weight: 900;
  color: rgba(255, 255, 255, 0.03); /* Just barely visible */
  white-space: nowrap; /* Prevents it from stacking */
  z-index: -1;
}

/* --- MOBILE & TABLET OPTIMIZATION --- */
@media (max-width: 768px) {
  
  /* 1. Adjust the Spotlight */
  .blue-container::before {
    top: -10%;            /* Moves the glow to the top */
    left: 50%;            /* Pushes it to the middle */
    transform: translateX(-50%); /* Perfectly centers it horizontally */
    width: 150%;          /* Widens the glow for the narrow screen */
    height: 100%;         
    background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);
  }

  /* 2. Adjust the Text Watermark */
  .blue-container::after {
    font-size: 40vw;      /* Cranks the text size up so it stays massive on narrow screens */
    top: 50%;             /* Keeps it anchored in the absolute middle of the container */
  }
  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2123b16 *//* --- 1. THE MAIN WRAPPER --- */
.zma-banner-container {
  position: relative; /* Anchors the background pattern and slash */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 15px; 
  overflow: hidden; /* Keeps the diagonal slash from breaking the page width */
  font-family: 'poppins', sans-serif;
  margin-left: -10px;
}

/* --- 2. THE BACKGROUND LAYERS (Momentum & Depth) --- */

/* The Diagonal "Momentum" Lines */
.zma-bg-pattern {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  
  /* Creates diagonal red stripes */
  background: repeating-linear-gradient(
    -45deg, 
    #c8102e, 
    #c8102e 2px, 
    transparent 2px, 
    transparent 12px
  );
  opacity: 0.08; /* Keeps it very subtle like a watermark */
  
  /* Fades the pattern out as it goes from left to right */
  -webkit-mask-image: linear-gradient(to right, black 20%, transparent 80%);
  mask-image: linear-gradient(to right, black 20%, transparent 80%);
  z-index: 0;
}

/* The Angled 3D Shadow Box */
.zma-accent-slash {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20%;
  width: 500px;
  background-color: rgba(200, 16, 46, 0.1); /* 10% opacity of your brand red */
  
  /* This is the magic! It physically tilts the rectangle sideways */
  transform: skewX(-20deg); 
  z-index: 1;
}

/* --- 3. THE FLOATING BADGE (The Border Breaker) --- */
.zma-floating-badge {
  position: absolute;
  right: 500px; 
  top: 31%;
  transform: translateY(-50%) rotate(45deg); 
  width: 110px; 
  height: 110px;
  background-color: #ffffff;
  border: 4px solid #c8102e;
  z-index: 3; 
  
  /* Flexbox perfectly centers the inner span */
  display: flex; 
  justify-content: center; 
  align-items: center;
  box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
  overflow: hidden; /* Optional: acts as a safety net to clip anything that spills out */
}

/* The span that acts as the counter-rotating wrapper */
.badge-text {
  transform: rotate(-45deg); /* Spins the logo back to being perfectly flat */
  display: flex; 
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* THE NEW LOGO RULES */
.badge-text img {
  max-width: 75px; /* Keeps the logo safely inside the widest part of the diamond */
  height: auto; /* Ensures the logo doesn't get stretched or squished */
  display: block; /* Removes the invisible gap browsers naturally put under inline images */
  object-fit: contain;
}

/* --- 4. THE MAIN CONTENT BOX --- */
.zma-content-box {
  position: relative;
  z-index: 2; /* Sits above the background, but under the badge */
  background-color: #c8102e;
  color: #ffffff;
  padding: 40px 60px 40px 100px; /* Extra padding on the left so the badge doesn't cover text */
  margin-left: 60px; /* Creates room for the badge to hang off the edge */
  max-width: 600px;
  box-shadow: 15px 15px 0px rgba(200, 16, 46, 0.15); /* A harsh, offset shadow for structure */
}

.zma-banner-title {
  font-size: 42px;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.zma-banner-text {
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
  font-weight: 400;
}

/* --- 5. THE SOCIAL GRID --- */
.zma-social-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* A perfect 3x2 grid */
  gap: 15px;
  margin-left: 40px; /* Pushes it away from the red box */
}

.social-icon {
  width: 60px; 
  height: 60px;
  background-color: #c8102e;
  color: #ffffff;
  border-radius: 50%; /* Makes them perfect circles */
  display: flex; 
  justify-content: center; 
  align-items: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  transition: all 0.3s ease;
}

.social-icon:hover {
  background-color: #ffffff;
  color: #c8102e;
  transform: translateY(-5px) scale(1.05); /* Floats up and gets slightly bigger */
  box-shadow: 0px 10px 15px rgba(200, 16, 46, 0.3);
}

.sm-text {
    margin: 50px;
    font-size: 1.4em;
}

/* --- 6. MOBILE RESPONSIVE --- */
@media (max-width: 992px) {
  .zma-banner-container {
    flex-direction: column; 
    padding: 30px 15px; /* Tighter padding for mobile screens */
    overflow: visible;
  }
  
  .zma-content-box {
    margin-left: 0;
    width: 100%; /* Stretches the red box across the screen */
    padding: 40px 90px 30px 40px; 
    text-align: left; 
  }

  /* 1. Moving the Badge to the Top Right */
  .zma-floating-badge {
    left: auto; /* Removes the desktop left positioning */
    right: 20px; /* Pins it to the right side */
    top: 50px;
    
    /* Keeps the diamond rotation but perfectly centers it on the top border */
    transform: translateY(-50%) rotate(45deg); 
    
    /* Shrinking the diamond slightly so it doesn't dominate a small phone screen */
    width: 80px; 
    height: 80px;
  }
  
  /* Shrinking the logo safely inside the smaller mobile diamond */
  .badge-text img {
    max-width: 50px; 
  }

  /* 2. The Horizontal Social Row */
  .zma-social-grid {
    margin-left: 0;
    margin-top: 30px;
    
    /* We switch from Grid to Flexbox to easily center them in a row */
    display: flex;
    flex-wrap: wrap; /* Lets them wrap to a second line if the phone is very narrow */
    justify-content: center; 
    width: 100%;
    gap: 12px;
  }
  
  /* 3. Shrinking the Icons to Fit */
  .social-icon {
    width: 45px; /* Shrunk from 60px so all 6 fit nicely */
    height: 45px;
  }
  
  /* Shrinks the actual Font Awesome icon inside the circle */
  .social-icon i,
  .social-icon svg {
    font-size: 20px;
    width: 20px;
    height: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1053181 */.social-media-banner {
    position: relative;
}/* End custom CSS */