/* Global Css */
.default-container
{
	max-width:1088px;
	width:80% !important;
	margin:0 auto;
}

.default-padding
{
	padding:100px 0;
}
.content-center-column
{
	display:flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items:center !important;
}

.content-center-row
{
display:flex !important;    
   flex-direction: row !important;
  justify-content: center !important;
  align-items:center !important;
}

/* Menu */

.header
{
	background-color:#012C61;
	 display:flex !important;    
   flex-direction: row !important;
  justify-content: space-between !important;
  align-items:center !important;
	position:sticky !important;
	top:0 !important;
	z-index:99;
}

.menu-container
{
	display:flex !important;    
   flex-direction: row !important;
  justify-content: space-between !important;
  align-items:center !important;
}

/* Slide containing the centred video overlay */
.bde-advancedslide:has(.video-overlay-center) {
  position: relative !important;
}

/* home slider blue border border radius */
.home-slider-blue .n2-ss-layer-col {
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* 812px container centred over the video */
.video-overlay-center {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 10 !important;

  width: min(812px, calc(100% - 40px)) !important;
  margin: 0 !important;

  transform: translate(-50%, -50%) !important;
}
.content-bottom
{
	display:flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
}

/* Make every card full height */
.whatson-col,
.whatson-col > .bde-column {
  height: 100% !important;
}



/* ==================================================
   EQUAL-HEIGHT CARDS WITH ALIGNED BUTTONS
================================================== */

/* Entire repeated Component */
.weekend-made-easy-repeater .whatson-container {
  width: 100% !important;
  height: 100% !important;
}

/* Four inner columns:
   1. Image
   2. Heading/content — expands
   3. Nights/price
   4. Button
*/
.weekend-made-easy-repeater .whatson-col {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows:
    auto
    minmax(0, 1fr)
    auto
    auto !important;

  width: 100% !important;
  height: 100% !important;
  align-items: stretch !important;
}

/* Nights and price column */
.weekend-made-easy-repeater .whatson-items {
  align-self: end !important;
}

/* Button column */
.weekend-made-easy-repeater .whatson-button {
  align-self: end !important;

  width: 100% !important;
  margin-top: 0 !important;
}

/* Actual button */
.weekend-made-easy-repeater .whatson-button .button-atom {
  width: 100% !important;
}

/* Custom Tripadvisor icon */
.tripadvisor-custom-icon {
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;

  background-color: currentColor !important;

  -webkit-mask: url("https://cdn.simpleicons.org/tripadvisor") center / contain no-repeat;
  mask: url("https://cdn.simpleicons.org/tripadvisor") center / contain no-repeat;

  vertical-align: -0.125em !important;
}


@media only screen and (max-width: 767px){
	
	    div#n2-ss-2 .n-uc-1cc8e4d42776b-inner {
        min-height: 100vh;
    }
	
.default-padding
{
	padding:50px 0;
}
}

/* All footer links, including links generated by repeaters */
.footer-information a {
  transition: color 0.3s ease !important;
}

.footer-information a:hover,
.footer-information a:hover div,
.footer-information a:hover i,
.footer-information a:hover p,
.footer-information a:focus-visible,
.footer-information a:focus-visible span,
.footer-information a:focus-visible i {
  color: #00C0E0 !important;
}

/* Icons inside repeated links */
.footer-information a:hover svg,
.footer-information a:focus-visible svg {
  color: #00C0E0 !important;
  fill: currentColor !important;
}

/* Keep mobile header above Smart Slider */
.mobile-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
  overflow: visible !important;
}

/* Keep Breakdance off-canvas elements above everything */
.mobile-header .breakdance-menu {
  --bde-z-index-menu-backdrop: 99998 !important;
  --bde-z-index-menu-mobile: 99999 !important;
}

/* Opened menu panel */
.mobile-header .breakdance-menu-list {
  background-color: #001939 !important;
  z-index: 99999 !important;
}

/* Force the open state above the page */
.mobile-header
  .breakdance-menu--offcanvas.breakdance-responsive-menu--open
  .breakdance-menu-list {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

/* Menu background — use artwork directly */
/* Blue background with pattern overlaid */
.mobile-header .breakdance-menu-list {
  background-color: #001939 !important;

  background-image:
    linear-gradient(
      rgba(0, 25, 57, 0.78),
      rgba(0, 25, 57, 0.78)
    ),
    url("https://greatlake.overtake.co.nz/wp-content/uploads/2026/08/Pattern-Great-lake.png") !important;

  background-position:
    center,
    center top !important;

  background-size:
    cover,
    cover !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-blend-mode:
    normal,
    screen !important;
}

/* Keep the top logo bar solid */
.mobile-header .breakdance-menu-topbar {
  background: #012C61 !important;
}

/* Dropdown areas must remain transparent */
.mobile-header .breakdance-dropdown-floater,
.mobile-header .breakdance-dropdown-body,
.mobile-header .breakdance-dropdown-section,
.mobile-header .breakdance-dropdown-links {
  background: transparent !important;
}

/* ==========================================================================
   CUSTOM ACF ACCORDION

   Classes:
   .custom-accordion-list
   .custom-accordion
   .accordion-question
   .accordion-question-text
   .accordion-icon
   .accordion-icon-lines
   .accordion-icon-line
   .accordion-icon-line--horizontal
   .accordion-icon-line--vertical
   .accordion-answer
   .accordion-answer-content
   .is-open
   ========================================================================== */


/* ==========================================================================
   GENERAL BOX SIZING
   ========================================================================== */

.custom-accordion-list,
.custom-accordion-list *,
.custom-accordion {
    box-sizing: border-box;
}


/* ==========================================================================
   ACCORDION REPEATER
   ========================================================================== */

.custom-accordion-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Repeater-generated item wrappers */
.custom-accordion-list > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================================
   INDIVIDUAL ACCORDION
   ========================================================================== */

.custom-accordion {
    position: relative;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #ffffff;
    border-radius: 7px;

    overflow: hidden;
}


/* ==========================================================================
   QUESTION ROW
   ========================================================================== */

.accordion-question {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px;

    margin: 0 !important;
    padding: 11px 12px !important;

    color: #063970;
    background-color: #ffffff;

    border: 0;
    outline: none;

    cursor: pointer;
    user-select: none;

    transition: background-color 0.25s ease;
}


/* Optional hover */
.accordion-question:hover {
    background-color: #f7f8fa;
}


/* Keyboard focus */
.accordion-question:focus-visible {
    outline: 2px solid #ef233c;
    outline-offset: -2px;
}


/* ==========================================================================
   QUESTION TEXT
   ========================================================================== */

.accordion-question-text {
    display: block !important;
    flex: 1 1 auto !important;

    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #063970 !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;

    overflow-wrap: anywhere;
    word-break: normal;
}


/* Remove paragraph spacing */
.accordion-question-text p {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================================
   CODE BLOCK ICON
   ========================================================================== */

.accordion-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 18px !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none;
}


/* Remove possible Code Block spacing */
.accordion-icon > * {
    margin: 0 !important;
    padding: 0 !important;
}


/* Icon wrapper */
.accordion-icon-lines {
    position: relative;

    display: block;

    width: 14px;
    height: 14px;
}


/* Both icon lines */
.accordion-icon-line {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 12px;
    height: 2px;

    margin: 0;
    padding: 0;

    background-color: #ef233c;
    border-radius: 2px;

    transform-origin: center;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}


/* Horizontal line */
.accordion-icon-line--horizontal {
    transform: translate(-50%, -50%);
}


/* Vertical line */
.accordion-icon-line--vertical {
    transform: translate(-50%, -50%) rotate(90deg);
}


/* Change plus to minus when open */
.custom-accordion.is-open .accordion-icon-line--vertical {
    opacity: 0;
    transform:
        translate(-50%, -50%)
        rotate(90deg)
        scaleX(0);
}


/* ==========================================================================
   ANSWER CONTAINER
   ========================================================================== */

.accordion-answer {
    display: grid !important;
    grid-template-rows: 0fr;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background-color: #ffffff;

    opacity: 0;
    visibility: hidden;

    transition:
        grid-template-rows 0.3s ease,
        padding 0.3s ease,
        opacity 0.25s ease,
        visibility 0.3s ease;
}


/* ==========================================================================
   ANSWER CONTENT
   ========================================================================== */

.accordion-answer-content {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0;

    margin: 0 !important;
    padding: 0 !important;

    color: #343434 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;

    overflow: hidden;
    overflow-wrap: anywhere;
}


/* Answer paragraphs */
.accordion-answer-content p {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
}

.accordion-answer-content p:last-child {
    margin-bottom: 0 !important;
}


/* Lists inside answers */
.accordion-answer-content ul,
.accordion-answer-content ol {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
    padding-left: 20px !important;
}

.accordion-answer-content li {
    margin-bottom: 5px;
}

.accordion-answer-content li:last-child {
    margin-bottom: 0;
}


/* Links inside answers */
.accordion-answer-content a {
    color: #063970;
    text-decoration: underline;
}


/* ==========================================================================
   OPEN STATE
   ========================================================================== */

.custom-accordion.is-open .accordion-answer {
    grid-template-rows: 1fr;

    padding: 12px 20px !important;

    opacity: 1;
    visibility: visible;
}


/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */
.breadcrumb-link-home {
    text-decoration: none;
}
.breadcrumb-link {
    color: #012c61;
}
.breadcrumb-link:hover {
    color: #012c61;
}
.breadcrumb-text {
    font-weight: 600;
}
.breadcrumb-text, .breadcrumb-link {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
}
#custom-breadcrumbs {
    margin-bottom: 50px;
}
@media (max-width 768px) {
	.breadcrumb-text, .breadcrumb-link {
		font-size: 13px;
	}
}

/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 991px) {

    .custom-accordion-list {
        gap: 7px !important;
    }

    .accordion-question {
        min-height: 44px;
        gap: 18px !important;

        padding: 11px 13px !important;
    }

    .accordion-question-text {
        font-size: 14px;
        line-height: 1.35;
    }

    .custom-accordion.is-open .accordion-answer {
        padding: 0 13px 13px !important;
    }

    .accordion-answer-content {
        font-size: 13px;
        line-height: 1.5;
    }
	
	/* home slider blue border no border radius */
	.home-slider-blue .n2-ss-layer-col {
		border-bottom-right-radius: 0px;
    	border-bottom-left-radius: 0px;
	}
	
	/*homepage slider overlay */
	.content-center-row .n2-ss-layer-row {
    	border-radius: 0 !important;
	}

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {

    .custom-accordion-list {
        gap: 7px !important;
    }

    .accordion-question {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        min-height: 44px;
        gap: 14px !important;

        padding: 11px 12px !important;
    }

    .accordion-question-text {
        flex: 1 1 auto !important;

        font-size: 13px;
        line-height: 1.35;
    }

    .accordion-icon {
        flex: 0 0 18px !important;

        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
    }

    .custom-accordion.is-open .accordion-answer {
        padding: 0 12px 12px !important;
    }

    .accordion-answer-content {
        font-size: 13px;
        line-height: 1.5;
    }
	
	/* footer CTA overlay on mobile only */
	.cta-footer .section-background-overlay {
		background: linear-gradient(#012C61, #012C6100 70%);
	}
	.cta-footer .book-your-lake-container {
		z-index: 1;
	}
}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 479px) {

    .custom-accordion-list {
        gap: 6px !important;
    }

    .custom-accordion {
        border-radius: 6px;
    }

    .accordion-question {
        min-height: 42px;
        gap: 12px !important;

        padding: 10px 11px !important;
    }

    .accordion-question-text {
        font-size: 12.5px;
        line-height: 1.35;
    }

    .accordion-icon {
        flex: 0 0 16px !important;

        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
    }

    .accordion-icon-lines {
        width: 13px;
        height: 13px;
    }

    .accordion-icon-line {
        width: 11px;
    }

    .custom-accordion.is-open .accordion-answer {
        padding: 0 11px 11px !important;
    }

    .accordion-answer-content {
        font-size: 12.5px;
        line-height: 1.5;
    }

}


/* ==========================================================================
   REDUCED MOTION ACCESSIBILITY
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .accordion-question,
    .accordion-answer,
    .accordion-icon-line {
        transition: none !important;
    }

}

p
{
	margin:0px !important;
}


/* ==========================================================================
   GREAT LAKE PACKAGE CARDS

   Section:              .gla-pkg-section
   Main container:       .gla-pkg-container
   Post repeater:        .gla-pkg-repeater
   Package card:         .gla-pkg-card
   Image area:           .gla-pkg-media
   Content area:         .gla-pkg-body
   ========================================================================== */


/* ==========================================================================
   SECTION
   ========================================================================== */

.gla-pkg-section {
    width: 100% !important;
    padding: 70px 0 90px !important;
    background-color: #f5f1e9 !important;
}

.gla-pkg-container {
    width: calc(100% - 40px) !important;
    max-width: 1368px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}


/* ==========================================================================
   POST REPEATER
   ========================================================================== */

.gla-pkg-repeater {
    width: 100% !important;
    max-width: 100% !important;
}

.gla-pkg-repeater > .bde-loop {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-repeater > .bde-loop > .bde-loop-item {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================================
   REMOVE UNUSED FILTER DATA ELEMENT

   This only hides the empty filter-data element directly inside the card.
   It does not hide the image because the image container also has that class.
   ========================================================================== */

.gla-pkg-card > .gla-pkg-filter-data:not(.gla-pkg-media) {
    display: none !important;
}


/* ==========================================================================
   PACKAGE CARD
   ========================================================================== */

.gla-pkg-card {
    display: grid !important;
    grid-template-columns: minmax(0, 47.2%) minmax(0, 52.8%) !important;

    width: 100% !important;
    min-height: 528px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background-color: #ffffff !important;
    border: 1px solid #d7d3cc !important;
    border-radius: 10px !important;
}


/* ==========================================================================
   IMAGE AREA
   ========================================================================== */

.gla-pkg-media {
    position: relative !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 528px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.gla-pkg-image {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;
}


/* Support an image wrapper if Oxygen adds one */

.gla-pkg-image picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.gla-pkg-image picture img,
.gla-pkg-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;
}


/* ==========================================================================
   IMAGE BADGES
   ========================================================================== */

.gla-pkg-badges {
    position: absolute !important;
    top: 20px !important;
    left: 30px !important;
    z-index: 3 !important;

    width: auto !important;
    max-width: calc(100% - 60px) !important;

    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-badges > .bde-loop {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-badges .bde-loop-item {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-badge-row {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 8px 17px !important;

    background-color: #ffb7c2 !important;
    border-radius: 999px !important;
}


/* Second badge uses the light-blue style */

.gla-pkg-badges .bde-loop-item:nth-child(2) .gla-pkg-badge-row {
    background-color: #dcecff !important;
}


/* Hidden ACF colour value */

.gla-pkg-badge-colour {
    display: none !important;
}

.gla-pkg-badge {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #ed1c24 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.gla-pkg-badges .bde-loop-item:nth-child(2) .gla-pkg-badge {
    color: #003b73 !important;
}


/* ==========================================================================
   PACKAGE CONTENT
   ========================================================================== */

.gla-pkg-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 528px !important;

    margin: 0 !important;
    padding: 38px 50px 40px !important;
}


/* ==========================================================================
   TITLE AND PRICE ROW
   ========================================================================== */

.gla-pkg-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 30px !important;

    width: 100% !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
}

.gla-pkg-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-title {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #111111 !important;

    font-family: inherit !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
}

.gla-pkg-highlight {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #00b9df !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}


/* ==========================================================================
   PRICE
   ========================================================================== */

.gla-pkg-price-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;

    width: auto !important;
    min-width: 125px !important;

    margin: 3px 0 0 !important;
    padding: 0 !important;
}

.gla-pkg-price-line {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 6px !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

.gla-pkg-price-prefix {
    color: #111111 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

.gla-pkg-price {
    color: #111111 !important;
    font-size: 25px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
}

.gla-pkg-price-suffix {
    width: 100% !important;
    margin: 3px 0 0 !important;

    color: #969696 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-align: right !important;
}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.gla-pkg-description {
    width: 100% !important;
    margin: 0 0 46px !important;
    padding: 0 !important;

    color: #272727 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.gla-pkg-description p {
    margin: 0 !important;
}


/* ==========================================================================
   PACKAGE INCLUSIONS BOX
   ========================================================================== */

.gla-pkg-inclusions-box {
    width: 100% !important;
    margin: 0 0 40px !important;
    padding: 24px 20px 22px !important;

    background-color: #faf9f6 !important;
    border: 1px solid #d7d3cc !important;
    border-radius: 10px !important;
}

.gla-pkg-inclusions-title {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #111111 !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.gla-pkg-inclusions {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-inclusions > .bde-loop {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 34px !important;
    row-gap: 11px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-inclusions .bde-loop-item {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-inclusion {
    position: relative !important;

    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 25px !important;

    color: #111111 !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.gla-pkg-inclusion::before {
    content: "✓";

    position: absolute !important;
    top: 1px !important;
    left: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 16px !important;
    height: 16px !important;

    color: #00b9df !important;
    border: 2px solid #00b9df !important;
    border-radius: 50% !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.gla-pkg-inclusion p {
    margin: 0 !important;
}


/* ==========================================================================
   BOTTOM ROW
   ========================================================================== */

.gla-pkg-bottom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;

    width: 100% !important;

    margin: auto 0 0 !important;
    padding: 27px 0 0 !important;

    border-top: 1px solid #d7d3cc !important;
}


/* ==========================================================================
   PACKAGE DETAILS
   ========================================================================== */

.gla-pkg-details {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-details > .bde-loop {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px 25px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-details .bde-loop-item {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-detail {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-detail-icon-data {
    display: none !important;
}

.gla-pkg-detail-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 19px !important;
    height: 19px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #9da3a4 !important;
}

.gla-pkg-detail-icon .material-symbols-outlined {
    color: #9da3a4 !important;
    font-size: 19px !important;
    line-height: 1 !important;
}

.gla-pkg-detail-text {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #555555 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}


/* ==========================================================================
   BUTTONS
   ========================================================================== */

.gla-pkg-buttons {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-btn {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;

    width: auto !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 10px 17px !important;

    background-color: transparent !important;
    border: 1px solid #9c9c9c !important;
    border-radius: 10px !important;

    color: #111111 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

.gla-pkg-book {
    color: #ed1c24 !important;
    border-color: #ed1c24 !important;
}

.gla-pkg-btn-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gla-pkg-btn-icon p {
    margin: 0 !important;
}

.gla-pkg-btn-icon .material-symbols-outlined {
    font-size: 17px !important;
    line-height: 1 !important;
}

.gla-pkg-customise:hover {
    color: #ffffff !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
}

.gla-pkg-book:hover {
    color: #ffffff !important;
    background-color: #ed1c24 !important;
    border-color: #ed1c24 !important;
}


/* ==========================================================================
   LAPTOP
   ========================================================================== */

@media (max-width: 1199px) {

    .gla-pkg-card {
        grid-template-columns: minmax(0, 44%) minmax(0, 56%) !important;
    }

    .gla-pkg-body {
        padding: 32px 35px !important;
    }

    .gla-pkg-title {
        font-size: 28px !important;
    }

    .gla-pkg-description {
        margin-bottom: 32px !important;
    }

    .gla-pkg-inclusions-box {
        margin-bottom: 30px !important;
    }

    .gla-pkg-bottom {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .gla-pkg-buttons {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 991px) {

    .gla-pkg-section {
        padding: 55px 0 70px !important;
    }

    .gla-pkg-card {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
    }

    .gla-pkg-media {
        height: 460px !important;
        min-height: 460px !important;
    }

    .gla-pkg-body {
        min-height: 0 !important;
        padding: 35px !important;
    }

    .gla-pkg-bottom {
        flex-direction: row !important;
        align-items: center !important;
    }

    .gla-pkg-buttons {
        width: auto !important;
        justify-content: flex-end !important;
    }
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {

    .gla-pkg-section {
        padding: 40px 0 55px !important;
    }

    .gla-pkg-container {
        width: calc(100% - 30px) !important;
    }

    .gla-pkg-repeater > .bde-loop {
        gap: 24px !important;
    }

    .gla-pkg-card {
        border-radius: 8px !important;
    }

    .gla-pkg-media {
        height: 300px !important;
        min-height: 300px !important;
    }

    .gla-pkg-badges {
        top: 15px !important;
        left: 15px !important;
        max-width: calc(100% - 30px) !important;
    }

    .gla-pkg-badge-row {
        min-height: 30px !important;
        padding: 7px 12px !important;
    }

    .gla-pkg-badge {
        font-size: 12px !important;
    }

    .gla-pkg-body {
        padding: 25px 20px !important;
    }

    .gla-pkg-top {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
        margin-bottom: 18px !important;
    }

    .gla-pkg-title {
        margin-bottom: 10px !important;
        font-size: 25px !important;
    }

    .gla-pkg-highlight {
        font-size: 15px !important;
    }

    .gla-pkg-price-wrap {
        align-items: flex-start !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .gla-pkg-price-line {
        justify-content: flex-start !important;
    }

    .gla-pkg-price-suffix {
        text-align: left !important;
    }

    .gla-pkg-description {
        margin-bottom: 25px !important;
        font-size: 15px !important;
    }

    .gla-pkg-inclusions-box {
        margin-bottom: 25px !important;
        padding: 20px 17px !important;
    }

    .gla-pkg-inclusions > .bde-loop {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .gla-pkg-inclusion {
        font-size: 15px !important;
    }

    .gla-pkg-bottom {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 22px !important;

        padding-top: 22px !important;
    }

    .gla-pkg-details > .bde-loop {
        gap: 12px 20px !important;
    }

    .gla-pkg-detail-text {
        font-size: 15px !important;
    }

    .gla-pkg-buttons {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        width: 100% !important;
        gap: 10px !important;
    }

    .gla-pkg-btn {
        width: 100% !important;
        padding: 10px 12px !important;
        font-size: 14px !important;
    }
}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 420px) {

    .gla-pkg-media {
        height: 245px !important;
        min-height: 245px !important;
    }

    .gla-pkg-title {
        font-size: 23px !important;
    }

    .gla-pkg-buttons {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}