﻿/*Maree-Sky-Bar*/

body { font-size: 20px; background-color: #004046; color: #f1d7d9; }
:root { --kedem: 'kedem-sans-regular'; --analogue: 'analogue-italic'; --transAnim: all 0.3s ease-in-out; }

/*Header*/
#header::before { content: ""; opacity: 0.41; background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0)); width: 100%; height: 150px; position: absolute; top: 0; left: 0; }
#header.bg, .home-page #header:not(.bg) { background: none; padding: 20px 10px; }
#header.bg::before { content: none; }
#header.bg { background: #004046; padding-bottom: 10px; border-bottom: 1px solid #f1d7d9; }
#header, #header.bg { transition: none; }
#header #header-left img, #header.bg #header-left img { max-width: 150px; }

@media(min-width: 1025px) {
    #header.bg #header-left img { opacity: 1; transition-delay: .5s; }
    #header #header-left img { opacity: 0; -webkit-transition: opacity 0s linear; -webkit-transition: opacity 0s linear; }
}

#header .submenu { width: 300px; padding-top: 80px; padding-bottom: 40px; padding-right: 20px; background: #183e44; border: 1px solid #f1d7d9; margin: 0; text-align: right; }
#header.menu-open .menu-nav::after { content: ""; position: absolute; border-left: 1px solid #f2b3b6; border-bottom: 1px solid #f2b3b6; width: 80px; height: 51px; right: 0; background: rgba(242, 179, 182, 0.1); }
#header .submenu > li.active, #header .submenu > li:hover { background: transparent; color: #f2b3b6; }
#header .submenu li { color: #f2b3b6; padding: 20px 20px 0; font-family: var(--kedem); text-align: right !important; }
#header .submenu li.has-sub i.opensub { font-size: 90%; }
#header .submenu li a { font-size: 80%; transition: var(--transAnim); }
#header .submenu li > a:focus, #header .submenu li > a:hover { color: #f1d7d9; text-decoration: none; }
#header.menu-open .submenu li.social-mobile { display: none !important; }
#header .submenu > li:first-child { margin-top: 0; }
#header .submenu .menu-sub { padding: 0; }
#header .submenu .menu-sub li a { padding-top: 10px; font-size: 90%; }

.headerContainer { max-width: 95%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f1d7d9; padding-bottom: 10px; position: relative; }
#header.bg .headerContainer { border: none; }
#header #header-right, #header #header-left { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
#header #header-left { display: inline-flex; flex-direction: row-reverse; align-items: center; }
#header #header-left .address { margin-left: 35px; line-height: normal; font-family: var(--kedem); font-size: 60%; color: #f1d7d9; display: inline-flex; flex-direction: row-reverse; }
#header #header-left .address > span:last-child { padding-left: 15px; position: relative; }
#header #header-left .address > span:last-child::after { content: ""; width: 1px; height: 30px; position: absolute; left: 7.5px; top: 50%; transform: translateY(-50%); background: #f1d7d9; }

#header .menu-nav { background: rgba(242, 179, 182, 0.15); border: 1px solid #f2b3b6; padding: 0px 17px; }
#header .nav-menu-anim { margin-left: 0; padding: 25px 0; width: 45px; }
#header #header-right .closed, #header .menu-nav .open { display: none !important; }
#header .social-links { padding: 0 20px; display: inline-flex; align-items: center; }

#header .social-links a.facebook_icon_instagram, #header .social-links a.social_icon_instagram { width: 29px !important; height: 29px; font-size: 100%; display: inline-flex; align-items: center; align-content: center; justify-content: center; transition: var(--transAnim); }
#header a.facebook_icon_instagram { background-image: url('/warehouse/dynamic/290915.svg'); background-size: 100% 100%; background-repeat: no-repeat; }
#header a.facebook_icon_instagram:hover { background-image: url('/warehouse/dynamic/290914.svg'); }
#header a.social_icon_instagram { background-image: url('/warehouse/dynamic/290917.svg'); background-size: 100% 100%; background-repeat: no-repeat; }
#header a.social_icon_instagram:hover { background-image: url('/warehouse/dynamic/290916.svg'); }
#header a.social_icon_tripadvisor { background-image: url('/warehouse/dynamic/290921.svg'); background-size: 100% 100%; background-repeat: no-repeat; }
#header a.social_icon_tripadvisor:hover { background-image: url('/warehouse/dynamic/290920.svg'); }
#header .social-links a.social_icon_tripadvisor svg { width: 40px; }
#header .social-links a.facebook_icon_instagram svg, #header .social-links a.social_icon_instagram svg, #header a.social_icon_tripadvisor svg { fill: none; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before { background: #f2b3b6; height: 2px; width: 45px; }

#nav-toggle-mobile.active span:before, #nav-toggle.active span:before { transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); width: 45px; }
#nav-toggle-mobile.active span:after, #nav-toggle.active span:after { transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); width: 45px; }

/*HomeGallery*/
#home-gallery::before { content: ""; position: absolute; background: #000; top: 0; right: 0; left: 0; bottom: 0; z-index: 3; opacity: 0.4; }
#home-gallery:not(.video-slider) button.controlSlider { display: none; }
#home-gallery.osWin, #home-gallery.osWin .slider-bg.stellar-bg { height: calc(var(--vh) * 1) !important; }
#home-gallery.osSafari { height: auto !important; }

@media(min-width: 1025px) {
    .IframeFeatureContainer { bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 50%; -webkit-transition: .5s cubic-bezier(0.52, 0.01, 0.52, 1); transition-property: all; transition-timing-function: cubic-bezier(0.52, 0.01, 0.52, 1); }
    .IframeFeatureContainer.shrinked { position: fixed; transform: translate(0,0); left: 18px; top: -7px; width: 193px; }
    .IframeFeatureContainer.shrinked lottie-player { opacity: 0; -webkit-transition: 1s linear opacity; transition-delay: 1.35s; }
}

#home-gallery .scroll-down { bottom: 5%; text-align: left; font-size: 0; }
#home-gallery .scroll-down button { background: transparent; border: none; padding-left: 50px; }
#home-gallery .scroll-down img { min-width: 30px; width: auto; }

#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 5%; left: auto; right: 0; }
#home-gallery .flex-control-paging li a { width: 15px; height: 8px; background: transparent; border: 1px solid #fff; -webkit-transition: all 0.2s linear; }
#home-gallery .flex-control-paging li a.flex-active { width: 50px; background: #f2b3b6; border: none; }

/*Btn's*/
#header #header-center-kdm { font-size: 65%; top: 43%; padding: 0 !important; }
#header #header-center-kdm a, a.hvr-float, #DynamicFormObject input[type=submit] { margin-left: 0; border: none; background: #f2b3b6; border-radius: 25px; color: #183e44; font-family: var(--kedem); height: 39px; display: inline-flex; align-items: center; padding: 3px 28px 0; -webkit-transition: var(--transAnim); line-height: normal; }
#header #header-center-kdm a:hover, a.hvr-float:hover, #DynamicFormObject input[type=submit]:hover { background: #F1D7D9; color: #004046; border: none; }
/*Sections*/
@media(min-width: 1025px) {
    .home-page .gallery-cubes .boxes-images-outer-image { margin-bottom: -10px; transition: all 0.5s ease-in-out; }
    .gallery-cubes .boxes-images-outer-image:hover { transform: scale(1.2); -webkit-transform: scale(1.2); }
    .gallery-cubes > div { overflow: hidden; }
    body:not(.home-page) .gallery-cubes .boxes-images-outer-image { margin-bottom: 0; }
}
/*GalleryCubes*/
.section { padding: 0; }
.gallery-cubes h4 { color: #f2b3b6; font-family: var(--analogue); font-size: 300%; margin: 10px 0; position: absolute; bottom: 20px; left: 30px; display: block; text-transform: capitalize; z-index: 2; }
.gallery-cubes .image-link-inner { display: none; }
.grid-gallery-section { margin: 0; border-top: 1px solid #f2b3b6; }
.grid-gallery-section .gallery-cubes > div { width: 33.3333334%; }
.gallery-cubes .boxes-images-outer-image .image-link-container { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 57%, #00000095); opacity: 1; -webkit-transition: var(--transAnim) }
.gallery-cubes .boxes-images-outer-image:focus .image-link-container,
.gallery-cubes .boxes-images-outer-image:hover .image-link-container { background: none; opacity: 0; }
.grid-gallery-section:not(.galleryComplex):not(.widthGallery) .gallery-cubes > div:nth-child(2) { border-right: 1px solid #f2b3b6; border-left: 1px solid #f2b3b6; }
.grid-gallery-section.galleryComplex .gallery-cubes > div:nth-child(1), .grid-gallery-section.widthGallery .gallery-cubes > div:nth-child(1) { border-right: 1px solid #f2b3b6; }
.grid-gallery-section.galleryComplex .gallery-cubes > div:nth-child(3) { border-top: 1px solid #f2b3b6; }
/*Complex*/
.grid-gallery-section.galleryComplex { max-height: 672px; height: 100%; }
.grid-gallery-section.galleryComplex .gallery-cubes > div { width: auto; }
.galleryComplex .gallery-cubes .boxes-images-outer-image { background-repeat: no-repeat; height: 100%; padding-bottom: 0; }
.galleryComplex .gallery-cubes { display: grid; display: -ms-grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 337px 337px; direction: ltr; overflow: hidden; }
.galleryComplex .gallery-cubes > div:nth-child(1) { grid-row: 1 / 3; grid-column: 1 / 3; }
.galleryComplex .gallery-cubes > div:nth-child(2) { grid-row: 1 / 2; grid-column: 3 / 4; }
.galleryComplex .gallery-cubes > div:nth-child(3) { grid-row: 2 / 3; grid-column: 3 / 4; }
/*widthGallery*/
.grid-gallery-section.widthGallery { max-height: 337px; height: 100%; }
.grid-gallery-section.widthGallery .gallery-cubes > div { width: 50%; }
.widthGallery .gallery-cubes .boxes-images-outer-image { padding-bottom: 335px; overflow: visible; }

.fullWidthGallery .gallery-slider { max-width: 100%; }
.fullWidthGallery .gallery-slider.flexslider .slides img { object-fit: cover; width: 100%; height: 100%; max-height: unset; max-width: unset; }
.fullWidthGallery .gallery-slider.flexslider .slides li { padding-bottom: 664px; }
.fullWidthGallery .gallery-slider .flex-direction-nav { top: 50%; left: 50%; width: 100%; max-width: 85%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.fullWidthGallery .gallery-slider.flexslider .flex-next, .fullWidthGallery .gallery-slider.flexslider:hover .flex-next { right: 0; }
.fullWidthGallery .gallery-slider.flexslider .flex-prev, .fullWidthGallery .gallery-slider.flexslider:hover .flex-prev { left: 0; }
.fullWidthGallery .gallery-slider .flex-direction-nav a.flex-next:before { background-image: url('/warehouse/dynamic/290356.svg'); width: 45px; height: 45px; transform: rotate(-90deg); }
.fullWidthGallery .gallery-slider .flex-direction-nav a.flex-prev:before { background-image: url('/warehouse/dynamic/290356.svg'); width: 45px; height: 45px; transform: rotate(90deg); }
.fullWidthGallery .content-section-Btn { position: absolute; bottom: 45px; width: 100%; font-size: 65%; }
.fullWidthGallery .flex-direction-nav a { height: 0; margin: 0; }
.fullWidthGallery .flex-direction-nav a:focus { outline: none; }
/*Footer*/
footer { padding-top: 0; }
body:not(.visibleForm) .FooterForm.form-container-wide, #SiteFooter .footer-address { display: none; }
.footer-text-divided { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; background: #004046; color: #f2b3b6; font-size: 65%; font-family: var(--kedem); padding: 75px 0; border-top: 1px solid #f2b3b6; }
.footer-text-divided a:hover { color: inherit; }

.footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right,
.footer-text-divided > div.footer-text-middle { display: inline-flex; flex-direction: column; align-items: center; position: relative; }

@media(min-width: 1025px) {
    .footer-text-divided > div.footer-text-middle::before, .footer-text-divided > div.footer-text-middle::after { content: ""; background: #f2b3b6; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 301px; }
    .footer-text-divided > div.footer-text-middle::after { left: 0; right: auto; }
}

.footer-text-divided > div.footer-text-right { flex-direction: row; justify-content: center; }
.footer-text-divided > div.footer-text-right ul { list-style-type: none; }
.footer-text-divided > div.footer-text-right ul > li { padding-top: 10px; }

.footer-text-divided > div.footer-text-middle p { margin-bottom: 20px; }
.footer-text-divided > div.footer-text-middle p a > img { margin: 0 7px; }

#SiteFooter .site-credit.alternative { padding: 10px 0; }
a.AccessabilityLink:hover { color: #f1d7d9; }

/*Inners*/
#GridPage .max-width, #GridPage .max-width-center { max-width: 100%; }
#galleryview { max-width: 100%; margin-bottom: 0; overflow: hidden; }
.MainContent { max-width: 1170px; margin: auto; padding: 100px 0 70px; }
#galleryview .gallery-cubes > div { width: 33.3334%; border-top: 1px solid #f2b3b6; overflow: hidden; }
#galleryview .gallery-cubes > div:nth-child(2), #galleryview .gallery-cubes > div:nth-child(5), #galleryview .gallery-cubes > div:nth-child(8) { border-left: 1px solid #f2b3b6; border-right: 1px solid #f2b3b6; }
#galleryview .gallery-cubes .boxes-images-outer-image:hover { transform: none; }
#galleryview .gallery-cubes .boxes-images-outer-image .image-link-container { background: none; }
#headlinesWrap { position: relative; }
#headlinesWrap::after { content: ""; display: block; background: #f2b3b6; width: 75px; height: 1px; margin: 20px auto; }
#headline, .top-caption { font-size: 200%; font-family: var(--kedem); color: #f2b3b6; margin-bottom: 8px; }
#subheadline h2, #lobbyview h2#subheadline { font-size: 75%; font-family: var(--kedem); color: #f2b3b6; margin-bottom: 0; }
#text1, #text2 { font-size: 80%; max-width: 700px; }
/*Forms general*/
.must { position: relative; }
.must:before { top: 2px; right: 7px; font-size: 80%; }
.form-container-wide .normal-form input::placeholder, .form-container-wide .normal-form textarea::placeholder { color: #f1d7d9; font-size: 90%; }
.form-container-wide .normal-form input:focus, .form-container-wide .normal-form textarea:focus { border: none !important; border-bottom: 1px solid #f2b3b6 !important; }
#DynamicFormObject input[type=submit] { max-width: 150px; font-size: 70%; justify-content: center; }
/*visibleForm + Forms*/
#DynamicFormObject:after { display: none; }
.visibleForm .footerFormContainer, .grid-form-section, #SiteGrid.layout-bottom #GridPromo { background: transparent; background-image: url(/warehouse/temp/MareeSkyBar/formBG.svg); background-size: cover; border-top: 1px solid #f2b3b6; padding: 0; margin: 0; max-width: 100%; }
.visibleForm .FooterForm.form-container-wide { float: none; }
.visibleForm .FooterForm.form-container-wide #DynamicFormObject, .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; padding: 8% 5%; color: #f2b3b6; border: none; }
.visibleForm .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 200%; padding: 0; width: 100%; font-family: var(--kedem); }
.visibleForm .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; }
.visibleForm .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 15px; }
.visibleForm .FooterForm.form-container-wide .normal-form input,
.visibleForm .FooterForm.form-container-wide .normal-form textarea,
.form-container-wide .normal-form input,
.form-container-wide .normal-form textarea,
.form-container-wide .normal-form select { max-width: 100%; width: 100%; border-radius: 0; background: transparent; border: none; box-shadow: none; border-bottom: 1px solid #f2b3b6; color: #f1d7d9; padding: 5px 15px 0 0; margin-top: 20px; margin-bottom: 20px; font-size: 80%; }
.visibleForm .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField), .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField),
.contactPage #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.333334%; }
.visibleForm .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField, .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.visibleForm .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }

/*Events*/
.events #GridPage { padding-top: 0; }
.events .lobby-grid #GridPage .max-width { padding: 0; }
.events #headlinesWrap { display: none; }
.events .grid-row-section { margin-bottom: 0; }
.events .grid-row-section { padding-top: 0; }
.events .grid-row-section:first-child .grid-row { border-top: 0; }
.grid-rows .grid-row { background: transparent; color: #f2b3b6; border: 1px solid #f2b3b6; border-right: none; border-left: none; }
.grid-rows .grid-row:not(:first-child) { border-top: none; }
.grid-rows .grid-row .grid-row-cell-text { border-right: 1px solid #f2b3b6; }
.grid-rows .grid-row:nth-child(even) .grid-row-cell-text { border-left: 1px solid #f2b3b6; }
.grid-rows .grid-row-text h2 { font-family: var(--kedem); font-size: 200%; margin-bottom: 0; }
.grid-rows .grid-row-text h2:after { content: ""; display: block; width: 75px; height: 1px; background: #f2b3b6; margin: 10px 0 20px; }
.grid-rows .grid-row-text p { color: #f1d7d9; font-size: 80%; }
.first-row-sec .grid-rows .grid-row .grid-row-cell-text { border-right: 1px solid #f2b3b6; }
.triRow .grid-row:nth-child(odd) .grid-row-cell-text { border-left: 1px solid #f2b3b6; }
.triRow .grid-row:nth-child(even) .grid-row-cell-text { border-right: 1px solid #f2b3b6; }

.events .grid-text-section, .events .grid-text-section p { padding: 0; margin: 0; }
.events .marqueeSec { overflow: hidden; padding: 5px 0 10px; margin-bottom: -5px; }
.events .marqueeSec .grid-text-content { width: 100%; padding: 0; direction: ltr; text-align: center; }
.events .marqueeSec svg { width: 350px; height: 100%; }
.events .grid-row-section.triRow { padding-top: 0; }
.triRow .grid-row:nth-child(odd) { direction: ltr !important; }
.triRow .grid-row:nth-child(even) { direction: rtl !important; }
.events .grid-form-section .form-container-wide #DynamicFormObject { max-width: 1170px; margin: auto; }

/*Contact + Jobs*/
#SiteGrid.layout-bottom #GridPromo { padding: 0; max-width: 1170px; margin: 0 auto 80px; border: 1px solid #f3b3b6; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 50%; }
select option { background: #032d30; appearance: none; font-size: 80%; color: #f1d7d9; }

/*Menus*/
.menus #GridTop { height: 350px; border-bottom: 1px solid #f2b3b6; }
.menus #GridTop:before { content: ""; position: absolute; background: #000; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.4; }
#menuModuleNav { opacity: 0; }

@media(min-width: 768px) {
    #GridTop #menuModuleNav { transition: var(--transAnim); position: absolute; bottom: -11px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; text-align: center; opacity: 1; }
    #GridTop #menuModuleNav > a, #MenuModule .menuModuleNav a { border: 1px solid #f1d7d9; padding: 12px 37px 8px; border-radius: 25px; color: #f2b3b6; background: #004046; font-family: var(--kedem); font-size: 65%; transition: var(--transAnim); margin-left: 15px; }
    #GridTop #menuModuleNav > a.selected, #GridTop #menuModuleNav > a:hover, #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a.selected { background: #f2b3b6; color: #154f54; border-color: #f2b3b6; }
}

#MenuModule { max-width: 1170px; margin: auto; color: #f1d7d9; }
.menuModuleContentPart, .menuModuleContentPart:after { border: none; }
.menuModuleTextItemSubjectTitle { font-family: var(--kedem); font-size: 115%; color: #f2b3b6; }
li.notTable, li.notTable .menuModuleTextItemPart:after { width: 100%; }
li.notTable > .menuModuleTextItemPart:nth-child(odd) { padding: 0; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #f1d7d9; }
.menuModuleTextItemPart.test2:after { left: 0; right: auto; }
.menuModuleTextItemTitle { color: #f2b3b6; font-family: var(--kedem); font-size: 70%; margin-bottom: 5px; }
.menuModuleTextItemDescription { color: #f1d7d9; font-size: 70%; margin-bottom: 20px; }
.menuModuleTextItemPrice { color: #f2b3b6; font-size: 80%; }

/*Galleries*/
@media(min-width: 1025px) {
    .galleryLobby #GridPage { padding-top: 100px; }
    .galleryLobby .grid-content-section { padding-top: 0px; }
}

.galleryLobby .grid-boxes .grid-box-image-container { border: 1px solid #f2b3b6; }
.galleryLobby .grid-boxes .grid-box-title h3 a { font-family: var(--kedem); color: #f2b3b6; font-size: 80%; }
/*InnerGallery*/
.categories-strip { opacity: 0; }
.MainContent .categories-strip { transition: var(--transAnim); opacity: 1; background: transparent; margin-top: 45px; }
.menu-tags-list ul.hidden-xs li:first-child { display: none; }
.menu-tags-list ul.hidden-xs li { background: transparent; font-family: var(--kedem); font-size: 65%; color: #f1d7d9; padding: 0; margin-left: 15px; }
.menu-tags-list ul.hidden-xs li a { border: 1px solid #f1d7d9; padding: 12px 37px 8px; border-radius: 25px; transition: var(--transAnim); }
.menu-tags-list ul.hidden-xs li.active a, .menu-tags-list ul.hidden-xs li:hover a { background: #f2b3b6; color: #004046; border-color: #f2b3b6; }

/*View Media*/
#gridshort-view-media { max-width: 1080px; margin: auto; position: relative; display: flex; flex-wrap: wrap; border-top: 1px solid #f2b3b6; border-right: 1px solid #f2b3b6; margin-bottom: 80px; }
#gridshort-view-media > div { padding: 0; float: none !important; border-left: 1px solid #f2b3b6; border-bottom: 1px solid #f2b3b6; }
#gridshort-view-media .grid-short-box-label { min-height: 60px; color: #f1d7d9; padding: 0; font-size: 90%; }
.grid-short-box.box { margin: 0; background: transparent; }
.grid-short-box.box .text-caption { font-size: 100%; }
.grid-short-box.box .grid-short-box-subtitle { padding: 10px 0 0; color: #f2b3b6; }
.grid-short-box.box .grid-short-box-text { color: #f2b3b6; font-family: var(--kedem); font-size: 75%; position: relative; }
.grid-short-box.box .grid-short-box-text::after { content: ""; position: absolute; background-image: url(/warehouse/dynamic/290356.svg); background-size: 100% 100%; background-repeat: no-repeat; width: 16px; height: 20px; transform: rotate(90deg) translateY(-50%); top: 50%; left: 40px; }
.grid-short-box.box:hover { background: #032d30; }
.grid-short-box.box:hover .grid-short-box-text { color: #f2b3b6; }

/*Media Query*/
@media(max-width: 767px) {
    /*Header*/
    #header.bg, .home-page #header:not(.bg) { padding: 15px; }
    #header #header-left .address, #header .phone-icon, #SiteFooter .mobile-seperator { display: none; }
    #header #header-left img, #header.bg #header-left img { max-width: 120px; }
    .headerContainer { padding-bottom: 15px; }
    #header.bg .headerContainer { padding-bottom: 0px; }
    #header .submenu { width: 55vw; padding-top: 65px; margin-top: 0; background: #183e44; border: 1px solid #f1d7d9; }
    #header.subopen .menu-nav, #header.subopen #header-right .social-links { z-index: 2; }
    #header.subopen .menu-nav::after { content: ""; position: absolute; border-left: 1px solid #f1d7d9; border-bottom: 1px solid #f1d7d9; width: 80px; height: 51px; right: 0; background: rgba(242, 179, 182, 0.1); }
    #header .submenu > li.active, #header .submenu > li:hover { background: transparent; color: #f2b3b6; }
    #header .submenu li { color: #f2b3b6; padding: 20px 20px 0; font-family: var(--kedem); }
    #header .submenu li.has-sub i.opensub, #header .submenu li a { font-size: 70%; }
    #header .submenu .menu-sub li a { padding-top: 10px; font-size: 70%; }
    #header.subopen #header-right > .social-links, #header #header-right .social-links { display: none !important; }
    #header.subopen #header-right li .social-links { display: inline-flex !important; padding-right: 0px; padding-left: 0; }

    #nav-toggle-mobile.active span:before, #nav-toggle.active span:before { transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); width: 45px; }
    #nav-toggle-mobile.active span:after, #nav-toggle.active span:after { transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); width: 45px; }

    #header-left .phone-icon { display: inline-flex !important; padding-right: 0; padding-left: 10px; font-size: 18px; }
    #header-left .phone-icon i { vertical-align: bottom; }
    /*HomeGallery*/
    .IframeFeatureContainer { bottom: auto; top: 50%; transform: translateY(-50%); }
    #home-gallery #header-center-kdm { position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 3; display: inline-flex; align-items: center; }
    #home-gallery #header-center-kdm a.hvr-fade { background: #f2b3b6; padding: 10px 20px 9px; border-radius: 25px; font-family: var(--kedem); font-size: 65%; color: #183e44; }
    #home-gallery ol.flex-control-nav.flex-control-paging { right: 20px; transform: translate(0,0); }
    #home-gallery .scroll-down button { padding-left: 20px; }

    /*Sections*/
    #headline, .top-caption, .visibleForm .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 120%; }
    /*GalleryCubes*/
    .gallery-container { width: 100vw; }
    .grid-gallery-section { display: flex; }
    .gallery-cubes h4 { font-size: 175%; left: 20px; bottom: 30px; margin: 0; }
    .grid-gallery-section:not(.galleryComplex):not(.widthGallery):not(.fullWidthGallery) .gallery-cubes > div .boxes-images-outer-image { padding-bottom: 220px; margin-bottom: -8px; }
    .grid-gallery-section:not(.galleryComplex):not(.widthGallery):not(.fullWidthGallery) .gallery-cubes > div:not(:last-child) { width: 50%; }
    .grid-gallery-section:not(.galleryComplex):not(.widthGallery):not(.fullWidthGallery) .gallery-cubes > div:last-child { width: 100%; border-top: 1px solid #f2b3b6; }

    .galleryComplex .gallery-cubes { grid-template-columns: repeat(2, 1fr); grid-template-rows: 260px 220px; }
    .galleryComplex .gallery-cubes > div:nth-child(2) { grid-row: 1 / 2; grid-column: 1 / 3; }
    .galleryComplex .gallery-cubes > div:nth-child(1) { grid-row: 2 / 3; grid-column: 1 / 2; }
    .galleryComplex .gallery-cubes > div:nth-child(1) .boxes-images-outer-image { border-top: 1px solid #f2b3b6; }
    .galleryComplex .gallery-cubes > div:nth-child(3) { grid-row: 2 / 3; grid-column: 2 / 3; }

    .grid-gallery-section.widthGallery { max-height: 680px; }
    .grid-gallery-section.widthGallery .gallery-cubes > div { width: 100%; max-height: 237px; }
    .widthGallery .gallery-cubes .boxes-images-outer-image { padding-bottom: 237px; }
    .grid-gallery-section.widthGallery .gallery-cubes > div:last-child { border-top: 1px solid #f2b3b6; }

    .fullWidthGallery .gallery-slider.flexslider .slides li { padding-bottom: 100%; }
    .fullWidthGallery .content-section-Btn { z-index: 2; }

    .grid-gallery-section:not(.galleryComplex):not(.widthGallery) .gallery-cubes > div:nth-child(2),
    .grid-gallery-section.widthGallery .gallery-cubes > div:nth-child(1) { border-right: none; }

    /*Footer*/
    #SiteFooter { padding-bottom: 0; }
    .footer-text-divided { justify-content: center; flex-direction: column-reverse; padding: 40px 0px; font-size: 75%; }
    .footer-text-divided > div.footer-text-right, #SiteFooter .footer-address.text-center { display: none; }
    .footer-text-divided > div.footer-text-left { width: 100%; padding-bottom: 30px; }
    .footer-text-divided > div.footer-text-left img { width: 70%; }
    .footer-text-divided > div.footer-text-left p { text-align: center; }
    #SiteFooter .text-center { display: flex; justify-content: space-between; }
    #SiteFooter a.AccessabilityLink { margin: 0; }

    .visibleForm .FooterForm.form-container-wide #DynamicFormObject,
    .form-container-wide #DynamicFormObject { padding: 15% 5%; }

    /*Inners*/
    #GridPage { padding-top: 90px; }
    #GridPage .max-width { width: 100vw; }
    .MainContent { padding: 30px 40px; }
    #galleryview .gallery-cubes > div { width: 100%; margin-bottom: -9px; }
    #galleryview .gallery-cubes .boxes-images-outer-image { padding-bottom: 240px; margin-bottom: -8px; }

    .visibleForm .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField),
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField),
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField),
    .contactPage #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 100%; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 8px; }

    /*Marquee*/
    .marqueeSec img { width: 10%; }

    /*events*/
    .events #GridPage { padding-top: 15px; }
    .grid-rows .grid-row .grid-row-cell-text { border-top: 1px solid #f2b3b6; border-right: none; }
    .grid-rows .grid-row:nth-child(even) .grid-row-cell-text { border-left: none; }
    .first-row-sec .grid-rows .grid-row .grid-row-cell-text, .triRow .grid-row:nth-child(odd) .grid-row-cell-text, .triRow .grid-row:nth-child(even) .grid-row-cell-text { border-right: none; border-left: none; }

    /*Contact + Jobs*/
    #SiteGrid.layout-bottom #GridPromo { max-width: 95vw; }

    /*menus*/
    .menus #GridPage { padding-top: 0; }
    #menuModuleNav { transition: var(--transAnim); width: 100%; opacity: 1; display: flex; overflow: scroll; justify-content: flex-start;; }
    #MenuModule .menuModuleNav a { border: 1px solid #f1d7d9; padding: 11px 25px 8px; border-radius: 25px; color: #f2b3b6; background: #004046; font-family: var(--kedem); font-size: 65%; transition: var(--transAnim); margin: 0 5px; }
    #MenuModule .menuModuleNav a.selected { background: #f2b3b6; color: #004046; border-color: #004046; }

    /*Galleris*/
    .mobile-strip { padding: 0 20px; background: transparent; color: #f2b3b6; font-family: var(--kedem); font-size: 70%; border: 1px solid #f1d7d9; border-radius: 25px; }
    .mobile-strip span { padding: 10px 0; }
    .mobile-strip::after { background-image: url(/warehouse/temp/MareeSkyBar/arrow.svg); background-repeat: no-repeat; background-size: 100% 100%; font-family: none; content: ""; width: 17px; height: 9px; top: 18px; transition: var(--transAnim); }
    .mobile-strip.open::after { transform: rotate(180deg); }
    .mobile-strip .select-wrapper li.strip-item > a { color: #f2b3b6; }
    .mobile-strip .select-wrapper li.strip-item { font-size: unset; padding: 10px 15px 0px; }

    #galleryview .gallery-cubes > div:nth-child(2), #galleryview .gallery-cubes > div:nth-child(5),
    #galleryview .gallery-cubes > div:nth-child(8) { border: none; border-top: 1px solid #f2b3b6; }
    /*MediaView*/
    #ContentGridReadMoreModule { padding: 0 15px; }
    .grid-short-box.box:hover { background: unset; }
    .grid-short-box.box .grid-short-box-text::after { left: 10px; height: 13px; width: 14px; }
}

@media(max-width: 430px) {
    .footer-text-divided > div.footer-text-middle p { padding: 0 40px }
    .MainContent { padding: 30px 60px; }
}

@media(max-width: 390px) {
    .footer-text-divided > div.footer-text-middle p { padding: 0 30px }
    .MainContent { padding: 30px 30px; }
}

@media(max-width: 375px) {
    .footer-text-divided > div.footer-text-middle p { padding: 0 10px }
    .MainContent { padding: 30px 35px; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body { zoom: 1; }
    :root { --vh: 125vh; --vw: 125vw; }
}


/*no more blinking*/
.gallery-cubes h4 { pointer-events: none; padding: 0 10px; }
