.date::before {
    width: 1.5em !important;
    margin-right: 0 !important;
    background-image:url(../images/icons/icon-field-date-time-picker.svg) !important;

}
ul.occurrences.card-view  .date{margin:0.5em 0;font-size: 0.9em;	color:var(--orange) !mportant;}
ul.occurrences.card-view .date-time{display:none;}
.date-time::before{
	 float: left;
    display: inline-block;
    margin-right: 0.25em;
    content: "";
     width: 1.5em !important;
    height: 1.37em;
    vertical-align: middle;
    background: url(../images/icons/icon-field-time-picker.svg) no-repeat center;
    background-size: 50%;
}

ul.occurrences.card-view a.event-date-link.button{text-align:center;border-radius:.5em;}
ul.occurrences.card-view a.event-date-link.button.disabled{background:none;background: #fdfdfd;border: 1px solid #eef0f4;border-radius: .5em;color:#989c9e; }


/* 1. The Grid (Responsive 3-across) */
ul.occurrences.card-view {display: grid;grid-template-columns: repeat(auto-fit, minmax(190px, 245px));gap: .5em;row-gap: 0.5em !important;row-gap: .5em;list-style: none;padding: 0;margin-top: 20px;font-size: .87em;}
/* 2. The Card Styling */
ul.occurrences.card-view li {background: #fdfdfd;border: 1px solid #eef0f4;border-radius: .5em;padding: .25em .5em .5em;display: flex;flex-direction: column; /* Vertical stack */row-gap: 0 !important;/* align-items: center; */ /* Center text *//* text-align: center; *//* row-gap: 0; */transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(0,0,0,0.03);}
ul.occurrences.card-view li:not(.past-event):hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0,0,0,0.1);/* border-color: #007bff; */}

/* 4. Time Styling */
ul.occurrences.card-view .time { display: block; margin: 10px 0 25px 0; color: #636e72; font-size: 0.95rem; padding: 5px 12px; background: #f1f3f5; border-radius: 20px;}


.Event .sidebar{font-size: 0.87em;}
.Event .sidebar h4{margin:0;padding:0 0 1em;}
.Event .sidebar ul{margin:0 0 0 1em;padding:0 0 1.5em;list-style:disc;}
.Event .sidebar ul li{margin-bottom:.5em;}
.Event .past-event .date{text-decoration: line-through;}

.Grid .listing-wrapper .col.event-card{padding-bottom:1em !important;}

.nop{padding:0;}

.flexgallery.items-1{grid-template-rows: repeat(1, 1fr);}
.flexgallery.items-1 .flexgallery-item.item-1{aspect-ratio: 6 / 2 !important;}
.swiperFlexGrid.count1 .swiper-slide{width: 100% !important;}
@media (max-width:700px){
	.flexgallery .flexgallery-item.item-1{/* aspect-ratio: 6 / 4 !important; */}

}
.captionImage.center img{width:100%;}
#intro .slides li{overflow:hidden;}
 #intro  .banner-42 .intro-copy,
.travel-advisor-general-inquiry-form #intro .intro-copy,
.sample-layouts #intro .intro-copy{padding:11rem 4% 3rem !important;}

.banner-42,
.sample-layouts #intro .bg-image{background:#212121 !important;}


.badges{position:absolute;bottom: 9px;right: 10px;z-index: 12; display:none;}
.event-tile .badges,
.Carousel .badges{position:absolute;top: 9px;left:10px;bottom:auto;right:auto;}
.badge{font-size: 11px;z-index: 12;border-radius: 10px;font-weight: 500;color: #fff;background: #c03026;text-transform: uppercase;padding: 2px 8px;display: inline-block;}
.badge.upcoming  {
	background:#72bf40
}
.badge.past {
	background:#c02f25;
} 
.category-badge{background:rgb(173,173,173);}
.tag-badge{background:#005a92;}

.Resource #intro .bg-image:before{
    opacity: 0.6;
    background: linear-gradient(transparent, rgba(0, 0, 0, .5) 78%, rgba(0, 0, 0, .9));
}
.news-carousel-wrapper ul.news-carousel li{padding-right:1em;}


.card-article{background:#fff !important;filter: drop-shadow(0 0 .5em rgba(0,0,0,.05));}
article.blog-article .tile-copy ul{padding:0 0 0.25em 0 !important;;}
.listing-wrapper article.card-article .tile-copy{padding-bottom:3em !important;}
.card-article a.link-overlay:before{border-color:var(--soft-black);bottom:1rem;}
.card-article a.link-overlay:after{border-color:var(--soft-black);bottom:.5rem}
.resourcelist ul.post-meta{padding:0 !important;;margin:0;}
.filter-subheading {    font-size: 0.9em;    margin: 1rem 0 0.5rem 0;    font-weight: 600;    color: var(--soft-black);}
.filter-container ul.pagination li a.active {    background-color:var(--soft-black);    color: #fff;    border-color:var(--soft-black);}
.filter-container ul.pagination li a {    border-radius: 5px;    -webkit-transition: background-color .3s;    transition: background-color .3s;}
.filter-container ul.pagination li a {    display: inline-block;    line-height: 1;    text-decoration: none;    padding: .15rem .5rem .25rem;    color:var(--soft-black);    border: 1px solid;}
/*ul.pagination.small li:first-child {    font-weight: normal;    color: var(--soft-black);    padding: 0.15rem 0rem;    font-size:12px;}*/
ul.pagination li a.clear-filters-btn{
    border: 1px solid var(--orange);
    border-radius: 5px;
    padding: .25em 1em;
    line-height: 1.6;
    background: var(--orange);
    color: #fff;
}
ul.pagination li.search input {    border: 1px solid;    border-radius: 5px;    padding: .25em;    line-height: 1.6;}
/* Fade-in effect for event items */
.fade-in {    opacity: 0;    transform: translateY(20px);    transition: opacity 0.5s ease, transform 0.5s ease;}
.fade-in.visible {    opacity: 1;    transform: translateY(0);}
/* HTMX Loading Spinner */
.htmx-loading {    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    padding: 3rem 1rem;    color: #999;}
.htmx-loading p {    margin-top: 1rem;    font-size: 0.9em;}
.spinner {    border: 3px solid #f3f3f3;    border-top: 3px solid var(--color-primary, #3498db);    border-radius: 50%;    width: 40px;    height: 40px;    animation: spin 1s linear infinite;}
@keyframes spin {    
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Hide spinner by default, show when HTMX is loading */.spinner {    display: none;}
.htmx-request .spinner,.htmx-request.htmx-loading .spinner {    display: block;}
/* Show loading state for elements with htmx-indicator */[hx-indicator].htmx-request [class*="spinner"] {    display: block !important;}
/* Geography List View Styles */.geography-list-view {    margin: 2rem 0;    padding: 1.5rem;    background: #f8f9fa;    border-radius: 8px;}
.geography-list-view h3 {    margin-top: 0;    margin-bottom: 1rem;    color: var(--color-primary, #333);}
.geography-nested-list {    list-style: none;    padding-left: 0;    margin: 0;}
.geography-nested-list > li {    margin-bottom: 1.5rem;}
.geography-nested-list strong {    font-size: 1.1em;    color: var(--color-primary, #333);    display: block;    margin-bottom: 0.5rem;}
.geography-countries,.geography-regions,.geography-cities {    list-style: none;    padding-left: 1.5rem;    margin: 0.5rem 0;}
.geography-countries > li {    margin-bottom: 0.75rem;    position: relative;    padding-left: 1rem;}
.geography-countries > li:before {    content: '▸';    position: absolute;    left: 0;    color: var(--color-primary, #666);}
.geography-regions > li {    margin-bottom: 0.5rem;    font-size: 0.95em;    color: #555;    padding-left: 1rem;    position: relative;}
.geography-regions > li:before {    content: '•';    position: absolute;    left: 0;    color: var(--color-secondary, #999);}
.geography-cities {    margin-top: 0.25rem;}
.geography-cities > li {    display: inline-block;    margin-right: 1rem;    margin-bottom: 0.25rem;    font-size: 0.9em;    color: #666;    padding: 0.2rem 0.6rem;    background: white;    border-radius: 4px;    border: 1px solid #e0e0e0;}





/**/


.kangaroo-overlay{transform: translateY(11.5%)}
. kangaroo-taus5229-ruby-nt-uluru-rgb{translateY(11.5%) translateX(8%)}

@media (min-width: 768px) {
  .kangaroo-overlay {
    width: var(--desktop-size) !important;
  }
}

.main-menu li {
	position: relative;
}

.main-menu li ul {
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	min-width: 100%;
}

.main-menu li ul li:hover > ul {
	opacity: 1;
	pointer-events: all;
}

.main-menu li ul li ul {
	top: 0;
	left: 100%;
}

#TravelAgent{font-size:1.2em;padding:.5em 0;}
#TravelAgent.checkbox{display:inline-block; width:fit-content;}
#TravelAgent.checkbox label{white-space:nowrap;}
#e1788 .mcfields label{display:none;}
body.home #e1788 .bg-image{background-color:var(--light-orange)!important;}
#UserForm_Form_1788_action_process{filter:drop-shadow(0 0 .5em rgba(0,0,0,.2)) !important; font-size:1.1em;}
#e1788 input[type=email], #e1788 input[type=text] {width: 100%;padding: 10px;border: 0;background: none;font-size: 1.2em;color: #fff;border-bottom: 2px solid #fff;outline: none;}
#e1788 #uff{color:#fff;}
#e1788{margin-top:1.3em;}
#e1788  {
	::-webkit-input-placeholder{color:#fff;font-weight:normal;}
	::-moz-placeholder{color:#fff;font-weight:normal;}
	:-ms-input-placeholder{color:#fff;font-weight:normal;}
	:-moz-placeholder{color:#fff;font-weight:normal;}
}
@media(max-width:600px){
	#e1788 .mcfields .col{min-width:50%;}
}


.promos-grid .blog-article.promocard.text-on-default{background:#fff;}
.accordian-element .title { padding: .4rem 1rem .2rem  !important;vertical-align: middle; line-height:1.2;}
.accordian-wrap .hamburger-inner,  .accordian-wrap .hamburger-inner:after, .accordian-wrap .hamburger-inner:before,
.accordian-wrap .hamburger.is-active .hamburger-inner, .accordian-wrap .hamburger.is-active .hamburger-inner:after, .accordian-wrap .hamburger.is-active .hamburger-inner:before{background-color:var(--blue) !important ;}
.toggle-container.active{overflow:visible;}
.accordian-wrap  .hamburger{    display: block;float: left;padding-right: .7rem;vertical-align: middle;transform:scale(.6);transform-origin: 0 0;}
.accordian-wrap  .hamburger-box{width: 1em;height:1em;}

.nopb{padding-bottom:0!important;}
.nom{margin:0 !important;}
.readmore-toggle.hidden{display:none !important;}

.element_userform .field.column-left.hide, .element_userform .field.column-right.hide{
    display:none;
}
.element_userform .checkboxset label {
    display: inline-block;
}

.elemental a.button{ margin-bottom: .5em;}



   /* Modal Styles */
.termsField label.right{display:none;}

.closeModal{position:absolute; top:.25em; right:.5em; }
.modal-content{position:relative;}

   .modal {
       display: none; /* Hidden by default */
       position: fixed;
       align-items: center;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
       z-index: 9999; /* Ensure it's on top */
   }
   .modal-content {
       background-color: white;
       margin: 0 auto;
       padding:25px 20px 20px;
       width: 90%;
       max-width: 770px;
       max-height: 80%;
       overflow-y: auto; /* Enable scrolling for terms */
       border: 1px solid #ccc;
       border-radius: 5px;
   }
   .modal-footer {
       text-align: right;
   }
   /* Button Styles */
.rejectTerms,
   .showTerms,
   .acceptTerms {
       padding: 10px 20px;
       background-color: #D22630; /* Blue color */
       color: white;
       border: none;
       border-radius: 5px;
       cursor: pointer;
   }
.acceptTerms{background-color: rgba(28, 16, 51, 0.9); }
.acceptTerms:hover,
.rejectTerms:hover{background-color:#000000;}
.showTerms:after,
.rejectTerms:after,
.acceptTerms:after{display:none !important;}
   

ul.top_nav li li.has-children > a:after{
    content: '\e902';
    font-family: 'feather';
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.87em;
    font-size: 0.8em;
    font-weight: bold;
    display:inline-block !important;
    }


.layout-portal .chakra-input__group-white select, .layout-portal .chakra-input__group-white textarea, .layout-portal .chakra-input__group-white .chakra-input {
    box-shadow: inset 0 0 10px #efefef !important;
    border-radius: 0 !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
ul.top_nav li li.has-children:hover > a:after{
     background: rgba(255, 255, 255, 0.1);
}


::marker{/* font-size: 0; */display: none !important;}

@font-face {
    font-family: 'feather';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/feather/feather.eot');
    src: url('../fonts/feather/feather.eot#iefix') format('embedded-opentype'), url('../fonts/feather/feather.woff2') format('woff2'), url('../fonts/feather/feather.ttf') format('truetype'), url('../fonts/feather/feather.woff') format('woff'), url('../fonts/feather/feather.svg#feather') format('svg');
}

.icon {
    font-family: 'feather';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}
.drawer .icon--arrow-left:before {
     content: '\e901'; 
    font-family: 'feather' !important;
}

.drawer  .icon--menu:before {
    content: '\e903';
    font-family: 'feather' !important;
}

.drawer .icon--cross:before {
    content: '\e117';
    font-family: 'feather' !important;
}

/* Menu styles */
.drawer .menu {
    position: fixed;
    position: relative;
    /* top: 120px; */
    left: 0;
    width: 100%;
    height: calc(100vh);
    height: 100vh;
    /* min-height: 50vh; */
    /* margin-bottom: 15px; */
    /* background-color: #070202; */
    /* background-image: url(../images/colors/gradient_green_blue_vert.png); */
}

.menu__wrap {
    position: relative;
    /* top: 3.5em; */
    /* bottom: 0; */
    /* overflow: scroll; */
    width: 100%;
    height: 70vh;
    /* max-width: 317px; */
    border-top: 2px solid rgb(255 255 255 / 10%);
}
.menu__wrap :before{
    font-family:'feather';
    
}
.menu__level {
    position: absolute;
    top: 0;
    /* z-index: 99999999999999999999999999999; */
    left: 0;
    visibility: hidden;
    overflow: hidden;
    overflow-y: scroll;
    width: calc(100% + 50px);
    /* height: 100%; */
    margin: 0;
    padding: 0;
    list-style-type: none;
    /* border-top: 2px solid rgb(255 255 255 / 10%); */
    /* background: #2c2c2c; */
}

.menu__level:focus {
    outline: none;
}

.menu__level--current {
    visibility: visible;
}

.menu__item {
    display: block;
    width: calc(100% - 30px);
    margin: 0;
    padding: 0 0 0 0;
    position: relative;
}
.menu__item.widget{padding: 8px 2.5em 6px 1.5em;}
.menu__item.widget:last-child{padding-bottom:1.5em;}

.menu__link {
        position: relative;
        padding: 10px 68px 8px 15px;
        /* color: #bdbdbd; */
        /* border-bottom: 1px solid rgba(255, 255, 255, .1); */
        /* -webkit-transition: color 0.1s; */
        /* transition: color 0.1s; */
        /* text-transform: uppercase; */
        border-bottom: 2px solid rgb(255 255 255 / 10%);
        /* border-left: 10px solid #ffffff; */
        color: #ffffff;
        /*background: rgb(0 150 214  / 100%);*/
        /* font-family: "headline"; */
        font-size: 1em;
        font-weight: 700;
        letter-spacing: .01em;
        letter-spacing: 0em;
        overflow: hidden;
        display: block;
        text-decoration:none;
}

.menu__link[data-submenu] {/*    content: '\e904';*/content: '\e902';font-family: 'feather';position: absolute;right: 0;top: 0;/* transform: translateY(-50%); */font-weight: normal;/* padding: 4px 25px 4px 25px; */padding: 10px 35px 8px 15px;color: #ffffff;background: rgba(0,0,0,.2);mix-blend-mode: overlay;border: none;/* border-radius: 5px  0 0 5px; */cursor: crosshair;text-decoration: none;}
.menu__link[data-submenu]:before{ display:none;}
.menu__link[data-submenu]:after {
    /* content: '\e904'; */
    content: '\e902';
    font-family: 'feather';
    position: absolute;
    right: 35%;
    top: 24%;
    font-weight: normal;
    /* padding: 10px 25px 9px 25px; */
    /* color: #2d2d2d; */
    /* background: #364628; */
}

.menu__link:hover, .menu__link:focus, .menu__link[data-submenu]:hover::after, .menu__link[data-submenu]:focus::after {
  
      color: #ffffff;
    text-decoration:none;
}
.menu__link:before{
    /* content: '\00B7'; */
    content:" ";
    /* opacity: 0; */
    /* transition: all .3s ease-in-out; */
    /* content: ' '; */
    /* font-size: 1.5em; */
    /* line-height: 0; */
    /* position: absolute; */
    /* top: 30%; */
    /* left: -30px !important; */
    /* height: 20px; */
    /* width: 20px; */
    color: #2d2d2d;
    font-family: 'feather';
   

    /* background: url(../images/icons/life-saver.svg) no-repeat top center; */
    /* background-size: contain; */
}
.menu__link:hover:before{
     bottom: 0 !important;
     /* opacity: 0; */
     /* transform: rotate(180deg); */
}
.menu__link--current span{color:#959595}
.menu__link--current::before {
    /* content: '\00B7'; */
    /* font-size: 1.5em; */
    line-height: 0;
    /* position: absolute; */
    /* top: 50%; */
    left: -3px !important;
    /* height: 4px; */
    color: #FFFFFF;
}


[class^='animate-'], [class*=' animate-'] {
    visibility: visible;
}

.menu__link .translate{display:block;left:0;top: 0;position:absolute;width: 100%;opacity: 0;height: 100%;content:' ';/* background: rgb(0 0 0 / 25%); */z-index: -1;transition: all .3s ease-in-out;}
.menu__link:hover .translate{height: 100%;opacity: 1;top: 0;}
.menu__link:hover{/* color: #2a2c2f !important; *//* padding: 10px 5px 8px 35px; */background: rgb(255 255 255 / 5%);tex-decoration: none;}
.animate-outToRight .menu__item {
    -webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate-outToLeft .menu__item {
    -webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate-inFromLeft .menu__item {
    -webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate-inFromRight .menu__item {
    -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.menu__breadcrumbs {
    font-size: 0.65em;
    line-height: 1;
    position: relative;
    font-weight: bolder;
    padding: 16px 25px 16px 15px;
    /* border-left: 10px solid #fff; */
    /* border-top: 1px solid rgb(59 212 47 / 18%); */
    /* background: rgba(255, 255, 255, .6); */
}

.menu__breadcrumbs a {
    /* font-weight: bold; */
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    /* vertical-align: middle; */
    /* letter-spacing: 1px; */
    /* text-transform: uppercase; */
    color: #fff !important;
}

.menu__breadcrumbs a:last-child {
    pointer-events: none;
}

.menu__breadcrumbs a:hover, .menu__breadcrumbs a:focus {
    color: #959595;
}

.menu__breadcrumbs a:not(:last-child)::after {
    content: '\e902';
    font-family: 'feather';
    display: inline-block;
    padding: 0 0.5em;
    /* color: #959595; */
}

.menu__breadcrumbs a:not(:last-child):hover::after, .menu__breadcrumbs a:not(:last-child):focus::after {
    color: #FFFFFF;
}

.menu__back {
    font-size: 1.05em;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0.6em;
    margin: 0;
    padding: 1.365em 0.65em 0 0;
    cursor: pointer;
    /* color: #f0eee7; */
    border: none;
    padding: 0.2em;
    background: none;
}
.menu__back:after{content: '\e901';font-family: 'feather';display: inline-block;/* padding: 0 0.5em; */background: none;}
.menu__back:hover{background: none;}

.menu__back--hidden {
    pointer-events: none;
    opacity: 0;
}

.menu__back:hover, .menu__back:focus {
    color: #FFFFFF;
    outline: none;
    background:none;
}
.menu__link:before{
    /* content: '\00B7'; */
    opacity: 0;
    transition: all .3s ease-in-out;
    /* font-size: 1.5em; */
    line-height: 0;
    position: absolute;
    bottom: -100%;
    left: 0px !important;
    height: 30px;
    width: 26px;
    /* color: #3bd42f; */
    z-index: 10;
    /* font-family: 'feather'; */
    /* background: url(../images/design/zorbing.png) no-repeat top center; */
    /* background-size: contain; */
}
.menu__link:hover:before{
     /* left: auto !important; */
     left: 0px !important;
     opacity: 1;
     /* transition: all 1s ease-out; */
     /* transform: rotate(180deg) scale(.5); */
}
/* Open and close buttons */
.action {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: none;
}
.action:hover{
    color:#FFFFFF;
}
.action:focus {
    outline: none;
}

.action--open {
    font-size: 1.5em;
    top: 1em;
    left: 1em;
    display: none;
    color: #fff;
    position: fixed;
    z-index: 1000;
}

.action--close {
    position: absolute;
    font-size: 1.1em;
    top: 0;
    right: 1em;
    /* display: none; */
    padding: 0.6em 0 0 0;
    color: #ffffff;
}

@media screen and (max-width: 40em) {
    .action--open, .action--close {
        display: block;
    }

    .drawer .menu {
        /* z-index: 1000; */
        /* top: 130px; */
        width: 100%;
        height: 100vh;
        /* -webkit-transform: translate3d(-100%, 0, 0); */
        /* transform: translate3d(-100%, 0, 0); */
        /* -webkit-transition: -webkit-transform 0.3s; */
        /* transition: transform 0.3s; */
    }

    .menu--open {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}



#bugmebar {
  padding: 0.5rem 2rem .5rem;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  z-index: 20;
  max-width: 1928px;
  display: flex;
  align-items: center;
  font-family:Isidora, Helvetica, Arial, sans-serif;
  z-index: 0;
}



#bugmebar p {
 display: block;
 color: #ffffff;
 font-size: 17px;
 line-height: 24px;
 margin: 0 auto;
 padding: 0 4rem 0 2rem;
}
#bugmebar p a{color: #ffffff !important;text-decoration-color:rgba(255, 255, 255, .3);}
#bugmebar p a:hover{color: #ffffff;text-decoration-color:rgba(255, 255, 255, 1);}


.offcanvas-close,
.bugmebar-close {
  position: absolute;
  right: 1rem;
  top: 0.2em;
  color: #ffffff;
  cursor: pointer;
  width: 25px;
  height: 25px;
  opacity: 0.8;
}
.offcanvas-close:hover,
.bugmebar-close:hover {
  opacity: 1;
}
.offcanvas-close:before,.offcanvas-close:after,
.bugmebar-close:before, .bugmebar-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #FFF;
}
.offcanvas-close:before,
.bugmebar-close:before {
  transform: rotate(45deg);
}
.offcanvas-close:after,
.bugmebar-close:after {
  transform: rotate(-45deg);
}
.offcanvas-close{left:0; right:auto;top:8px}
.offcanvas-close:before,.offcanvas-close:after{height: 15px;}


/*-----------------------------
		popup
		------------------------------*/
        html.popup-open-covid,
        html.popup-open-covid body,	
html.popup-open,
html.popup-open body {
  height:100%;
  overflow: hidden;
}
html.popup-open-covid .popupModal {display: block; overflow: scroll;}
.popup-well {padding:0; }
.popup-well p,
.popup-well h4,
.popup-well h3{padding:0;margin:0.5rem 0 .5rem;}
.popup-well.required .popup-wrapper {background: #fff;color: #f15c23; font-weight: bold; padding: 1em;}
.popupModal {display: none; position: fixed; background: rgb(0 0 0 / 80%); top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; transition: all .5s ease-in-out; bottom: 105px; left: auto; text-align: center; right: 0;}
.popupModal .popup-inner {padding: 50px 0; height: auto; width: inherit;}
.popupModal .popup-content {width: 100%;border-radius: 5px;}
.popupModal .popup-content-wrapper {color: #181818; display: inline-block; position: relative; z-index: 2;max-width: 450px; text-align: left; background-size: contain;padding: 0; -webkit-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42); -moz-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42); box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);}
.popupModal.fullelement .popup-content-wrapper{max-width: 1170px;margin: 0 1em;}
.popupModal h3 {}
.popupModal .popupModal p {font-weight: 700; font-size: 18px;}
.popupModal .popup-column {border-radius: 4px; /* border: 6px solid; */}
.popupModal .button-overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; color: transparent;}
        .popupModal .button-overlay span {display: none;}
.popupModal .button-x {position: absolute;z-index:2; top: -15px; right: -15px; text-decoration: none; width: 25px; height: 25px; display: inline-block; text-align: center; background:var(--primary) ; border-radius: 100px; color: #FFF; transform: rotate(45deg); text-align: center; -transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.popupModal .button-x span {display: none;}
.popupModal .button-x svg {margin-top: 6px;}
@media screen and (min-width:700px) {
    .popup-content-wrapper {min-width: 283px; }
}
@media screen and (max-width:700px) {
    .popupModal .hideonmobile{display:none !important;}
}