/* Theme Name: OHM Elementor Theme URI: https://elementor.com/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 1.0.6 Text Domain: hello-elementor-child */ /* ----------------------------------------------------------- 1. GENERAL ----------------------------------------------------------- */ /* .ohm-bw-wrapper { display:none; } */ html { height: 100%; overflow:auto; } body { height: 100%; } /* FONT IMPORT */ @font-face { font-family: 'Canela Web'; src: url('https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Canela-Thin-Web.woff2') format('woff2'), url('https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Canela-Thin-Web.woff') format('woff'); font-weight: 100; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Canela Web'; src: url('https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Canela-Light-Web.woff2') format('woff2'), url('https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Canela-Light-Web.woff') format('woff'); font-weight: 300; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Canela Web'; src: url('https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Canela-ThinItalic-Web.woff2') format('woff2'), url('https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Canela-ThinItalic-Web.woff') format('woff'); font-weight: 100; font-style: italic; font-stretch: normal; } /* General fix for removing red overlay color on images on safari */ _::-webkit-full-page-media, _:future, :root .elementor-background-overlay { background-image: linear-gradient(180deg, #000000 0%, rgba(0,0, 0, 0) 100%)!important; } _::-webkit-full-page-media, _:future, :root .white-dual-btn a:hover { color: #B2854F !important; background-color: transparent !important; border: 1px solid #B2854F!important; } /* ----------------------------------------------------------- 1.1 GENERAL - BRAND STYLING ----------------------------------------------------------- */ /*---H1----*/ h1 { color: #ffffff!important; letter-spacing: 0.6px; font-size: 60px!important; font-weight: 100!important; font-family: 'Canela Web'!important; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width:1024px) and (max-width:1919px){ h1 { font-size:50px!important; line-height:60px!important; } } @media only screen and (max-width:1023px){ h1 { font-size: 40px!important; line-height:60px!important; } } @media only screen and (max-width:767px){ h1 { font-size: 40px!important; line-height:60px!important; letter-spacing:0.4px; } } /*---H2----*/ h2 { color: #000000!important; letter-spacing: 0.5px; font-size: 50px!important; font-weight: 100!important; margin-bottom: 40px!important; font-family: 'Canela Web'!important; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width:1024px) and (max-width:1919px){ h2{ font-size:40px!important; line-height: 60px!important; } } @media only screen and (max-width:1023px){ h2{ font-size: 30px!important; line-height: 45px!important; } } @media only screen and (max-width:767px){ h2{ font-size:35px; line-height: 42px!important; letter-spacing:0.35px; } } /*---H3----*/ h3 { color: #000000!important; font-size: 50px!important; letter-spacing: 0.5px; font-weight: 300!important; font-family:'Canela Web'!important; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width:1024px) and (max-width:1919px){ h3{ font-size:40px!important; line-height: 60px!important; } } @media only screen and (max-width:1023px){ h3{ font-size: 40px!important; line-height: 60px!important; } } @media only screen and (max-width:767px){ h3{ font-size:35px!important; line-height: 42px!important; letter-spacing:0.35px; } } /*---H4----*/ h4 { color: #ffffff!important; letter-spacing: 0.5px; font-size: 50px!important; font-weight: 100!important; font-family: 'Canela Web'!important; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width:1024px) and (max-width:1919px){ h4{ font-size:40px!important; line-height: 60px!important; } } @media only screen and (max-width:1023px){ h4{ font-size: 40px!important; line-height: 50px!important; } } /*---H5----*/ h5{ color: #000000!important; letter-spacing: 0.4px; font-size: 40px!important; font-weight: 100!important; font-family: 'Canela Web'!important; text-align: center; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width:1024px) and (max-width:1919px){ h5{ font-size:35px!important; line-height: 48px!important; } } @media only screen and (max-width:1023px){ h5{ font-size: 25px!important; line-height: 38px!important; } } @media only screen and (max-width:767px){ h5{ font-size:30px!important; line-height: 40px!important; letter-spacing:0.3px; } } /*--------H6---------*/ h6{ color: #000000!important; letter-spacing: 0.5px; font-size: 48px!important; font-weight: 100!important; font-family: 'Canela Web'!important; text-align: center; text-rendering: geometricPrecision; line-height:60px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width:1024px) and (max-width:1919px){ h6{ font-size:40px!important; line-height: 50px!important; } } @media only screen and (max-width:1023px){ h6{ font-size: 35px!important; line-height: 40px!important; } } @media only screen and (max-width:767px){ h6{ font-size:30px!important; line-height: 40px!important; letter-spacing:0.3px; } } /*---p----*/ p { color: #000000!important; font-size: 25px!important; letter-spacing: 0.25px; text-align:center; font-family: 'Canela Web'!important; font-weight:100!important; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } li { color: #000000!important; font-size: 25px!important; letter-spacing: 0.25px; text-align:center; font-family: 'Canela Web'!important; font-weight:100!important; text-rendering: geometricPrecision; } ul { padding-left:0px; } @media only screen and (min-width:1440px) and (max-width:1919px){ p, li{ font-size:22px!important; line-height: 36px!important; } } @media only screen and (min-width:1024px) and (max-width:1439px){ p, li{ font-size:20px!important; line-height: 30px!important; } } @media only screen and (max-width:1023px){ p, li{ font-size: 20px!important; line-height: 30px!important; letter-spacing:0.2px; } } /*---Li----*/ li { list-style: none; } .elementor-text-editor li:before { content: "·"; font-size: 24px; line-height: 24px; padding-right: 5px; } /*CALL TO ACTION*/ /*Links */ a{ color: #B2854F; } a:hover{ color:#000; } /*Black links*/ .black-links .elementor-icon-list-text{ color: #000000!important; font-size: 30px!important; letter-spacing: 0.3px; text-align:center; font-family: 'Canela Web'!important; font-weight:100!important; text-rendering: geometricPrecision; } .black-links .elementor-icon-list-text:hover { color: #B2854F!important; } @media only screen and (min-width:1024px) and (max-width:1919px){ .black-links{ font-size:22px!important; } } @media only screen and (max-width:1023px){ .black-links{ font-size: 20px!important; } } /* Brown Button */ .brown-btn a.elementor-button.elementor-size-sm { color: #fff; font-family:'Canela Web'; background-color: #B2854F; border-radius: 0; padding: 20px 20px; font-size: 20px; font-weight: 300; letter-spacing:0.2px; text-rendering: geometricPrecision; } .brown-btn a.elementor-button.elementor-size-sm:hover{ background-color: #fff; color: #000; border: 1px solid!important; } .brown-btn a { border: 1px solid !important; } /* mobile brown btn size fix to align with dual btn size */ @media (max-width: 600px) { .brown-btn a.elementor-button.elementor-size-sm { font-size: 14px !important; } } @media only screen and (min-width:1024px) and (max-width:1919px){ .brown-btn a.elementor-button.elementor-size-sm{ font-size:20px!important; } } @media only screen and (max-width:1023px){ .brown-btn a.elementor-button.elementor-size-sm{ font-size: 20px!important; letter-spacing:1px; } } .brown-btn, .white-btn { margin-top: 8%; } /* White Button */ .white-btn a.elementor-button.elementor-size-sm { color: #000000; background-color: transparent; border:1px solid #000000; border-radius: 0; padding: 17px 25px; font-size: 30px; font-weight: 100!important; font-family: 'Canela Web'!important; letter-spacing:0.3px; text-rendering: geometricPrecision; } a.elementor-button-link.elementor-button.elementor-size-sm:hover { color: #B2854F; border: 1px solid #B2854F; } @media only screen and (min-width:1024px) and (max-width:1919px){ .white-btn a.elementor-button.elementor-size-sm{ font-size:23px!important; } } @media only screen and (max-width:1023px){ .white-btn a.elementor-button.elementor-size-sm{ font-size: 20px!important; } } @media only screen and (max-width: 650px) { .brown-btn .elementor-button-link, .white-btn .elementor-button-link { padding: 9px 22px !important; font-size: 14px !important; } } /*---Dual Button---*/ /* DUEL BUTTON STYLING (ALIGNING) */ .dual-btn .elementor-container .elementor-row .elementor-col-50:nth-child(1) { width: 50% !important; } .dual-btn .brown-btn a{ width:212px; padding:22px 0!important; } .left-dual .elementor-button-wrapper{ text-align:right; padding-right:15px; } .right-dual .elementor-button-wrapper{ text-align:left; padding-left:15px; } @media only screen and (max-width:767px){ .brown-btn.right-dual{ width:50%!important; margin-left:auto; margin-right:auto; text-align:center; } .brown-btn.left-dual{ width:50%!important; margin-left:auto; margin-right:auto; text-align:center; } .left-dual .elementor-button-wrapper{ padding-right:0; } .right-dual .elementor-button-wrapper{ padding-left:0; } } /*For the dual buttons on mobile*/ @media only screen and (max-width: 600px) { .dual-btn .brown-btn a span { font-size: 14px; } .dual-btn .brown-btn a { width: 196px; padding: 12px 0!important; } .brown-btn.left-dual { width: 61%!important; } .brown-btn.right-dual { width: 61%!important; } } .white-dual-btn a { color: #000000 !important; background-color: transparent !important; border: 1px solid #000000; border-radius: 0; padding: 17px 25px; font-size: 30px; font-weight: 100!important; font-family: 'Canela Web'!important; letter-spacing: 0.3px; text-rendering: geometricPrecision; } .white-dual-btn a:hover { color: #B2854F !important; background-color: transparent !important; border: 1px solid #B2854F; border-radius: 0; padding: 17px 25px; font-size: 30px; font-weight: 100!important; font-family: 'Canela Web'!important; letter-spacing: 0.3px; text-rendering: geometricPrecision; } @media only screen and (max-width: 600px) { .dual-btn .elementor-container .elementor-row .elementor-col-50 { width: 100% !important; } .dual-btn .elementor-container .elementor-row .elementor-col-50:nth-child(1) { width: 100% !important; } .left-dual .elementor-button-wrapper { text-align: center; padding-right: 0px; } .right-dual .elementor-button-wrapper { text-align: center; padding-left: 0px; } } @media only screen and (max-width: 767px) { .left-dual .elementor-button-wrapper { text-align: center; padding-right: 0px; } .right-dual .elementor-button-wrapper { text-align: center; padding-left: 0px; } .dual-btn .elementor-container .elementor-row .elementor-col-50 { width: 100% !important; } .dual-btn .elementor-container .elementor-row .elementor-col-50:nth-child(1) { width: 100% !important; } } /* Circle Button Large */ .circle-btn{ background: transparent; border: 3px solid #fff; border-radius: 100%; text-align: center; height: 350px; width: 350px !important; margin: 0 auto; padding: 40px 60px; box-sizing: border-box !important; display:flex!important; } .circle-btn .elementor-widget-container { margin:auto; } .circle-btn .elementor-widget-container h4 { font-size: 50px !important; } @media only screen and (min-width:1024px) and (max-width:1919px){ .circle-btn .elementor-widget-container h4{ font-size:40px!important; } } @media only screen and (max-width:1023px){ .circle-btn .elementor-widget-container h4{ font-size: 28px!important; line-height:40px!important; } .circle-btn{ height: 250px; width: 250px!important; padding: 40px 50px; } } /*Circle Button with Line*/ .circle-btn.middle-line .white-middle-line::after{ content: "-"!important; border-bottom-style: solid!important; color: transparent; border-color: #fff!important; border-bottom-width: thick; padding: 0 30px!important; bottom: 45%!important; position: absolute!important; left: 39%!important; } .circle-btn.middle-line .elementor-widget-container h4{ line-height: 55px!important; padding: 8px 0px; font-size:40px!important; } @media only screen and (max-width:989px){ .circle-btn.middle-line{ padding:40px 55px; } .circle-btn.middle-line .elementor-widget-container h4 { line-height: 35px!important; padding: 5px 0px; font-size: 25px!important; } .white-middle-line:after{ padding: 0 27px!important; bottom: 46%!important; left:38%!important; } } /* Circle Button Small */ .circle-btn-small { background: transparent; border: 3px solid #fff; border-radius: 100%; text-align: center; height: 200px; width: 200px !important; margin: 0 auto; padding: 20px; box-sizing: border-box !important; display:flex!important; } .circle-btn-small .elementor-widget-container { margin:auto; } .circle-btn-small .elementor-widget-container h4 { font-size: 24px !important; font-weight: 300!important; font-family: 'Canela Web'!important; text-rendering: geometricPrecision; } /* ----------------------------------------------------------- 1.2 GENERAL - LAY OUT ----------------------------------------------------------- */ /* Removes the default page header */ header.page-header { display: none; } .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { padding: 0px!important; } /*------------------------------------SECTION PADDINGS FOR IMAGES AND SIDEBAR WHITESPACE---------------------------------*/ @media only screen and (min-width: 1376px) and (max-width: 1919px) { .img-left-text-right { padding-left: 150px; padding-right: 150px; } .two-img-carousel { padding-left: 150px; padding-right: 150px; } .three-img-row { padding-left: 150px; padding-right: 150px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .img-left-text-right { padding-left: 50px!important; padding-right: 50px!important; } .two-img-carousel { padding-left: 50px!important; padding-right: 50px!important; } .three-img-row { padding-left: 50px!important; padding-right: 50px!important; } } /* ----------------------------------------------------------- 2 HEADER ----------------------------------------------------------- */ section.desktop-header { padding-left: 3%; padding-right: 6%; } .desktop-header .elementor-row .logo-header{ width:20%; } .desktop-header .elementor-row .menu-middle{ width:60% } .desktop-header .elementor-row .menu-right{ width:20%; } @media only screen and (max-width:1024px){ .desktop-header .elementor-row .logo-header{ width:25%; } .desktop-header .elementor-row .menu-middle{ width:50% } .desktop-header .elementor-row .menu-right{ width:25%; } } .desktop-header.header-menu-section .elementor-container{ height:96px!important; } /* Menu Center Section */ .menu-middle a{ color:#ffffff!important; font-weight:400; font-size: 16px!important; font-family: 'Lato'!important; text-transform:uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Menu Right Section */ .menu-book-btn{ display:inline-block; width:100px!important; margin-right: 10%; margin-bottom:0!important; } .menu-book-btn p { color:#ffffff!important; font-size: 16px!important; font-family: 'Lato'!important; font-weight:400!important; margin-bottom: 0; } .menu-book-btn a { color: #fff; } .menu-btn{ display: inline-block; width: 50px!important; text-align: center; margin-right: 2%; top:10px; margin-bottom:0!important; } .menu-btn .elementor-icon svg { font-size:30px; margin-bottom: -10px; } .menu-btn::after { content: "MENU"; color:#ffffff!important; font-size: 10px!important; font-family: 'Lato'!important; } .language-switcher-btn{ display: inline-block; width: 15px!important; } .wpml-ls-legacy-dropdown-click a { border: none; background-color: #fff0; color:#ffffff!important; font-size: 16px!important; font-weight:400!important; font-family: 'Lato'!important; } .wpml-ls-legacy-dropdown-click a:hover { background: #fff0; } .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a { background: #fff0; } .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display:none; } .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { border-top:none; } /* ----------------------------------------------------------- 2.X HEADER - LOGO ----------------------------------------------------------- */ .pillows-logo-main .main-logo{ width:182px!important; height:182px!important } @media only screen and (min-width:1150px) and (max-width:1919px){ .pillows-logo-main .main-logo{ width:150px!important; height:150px!important } } .pillows-logo-main{ top: 30px; } .she-header-yes { top: 0; } /* ----------------------------------------------------------- 2.X HEADER - SCROLLED ----------------------------------------------------------- */ .she-header.header-menu-section .elementor-container { height: 88px!important; } @media only screen and (max-width:1919px){ .she-header.header-menu-section .elementor-container{ height:78px!important; } } .she-header .pillows-logo-main img { height:90px!important; margin-left: 50px; width:94px!important; } .she-header { -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); } .she-header .menu-centre a { color: #B2854F!important; } .she-header .menu-book-btn p { color:#B2854F!important; } .she-header .menu-btn .elementor-icon svg path{ fill:#B2854F!important; } .she-header .menu-btn::after { color:#B2854F!important; } .she-header .wpml-ls-legacy-dropdown-click a{ color:#B2854F!important; } .she-header .pillows-logo-main { top: 0px; } /* ----------------------------------------------------------- 2.X HEADER | POP UP MAIN MENU ----------------------------------------------------------- */ /* Transparant Background */ #elementor-popup-modal-754 { background-color: rgba(255, 255, 255, 0)!important; } #elementor-popup-modal-754 .dialog-lightbox-widget { background-color: rgba(255, 255, 255, 0)!important; } /* Close Button*/ .hamburger-menu .dialog-lightbox-close-button i.eicon-close::before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Close.svg)!important; } #elementor-popup-modal-754 .dialog-close-button i:hover { color: #000000; } /* Book Now Button */ .book-btn-nav-menu a { width: fit-content; color: #fff!important; letter-spacing: 0.25px; background-color: #B2854F!important; border: solid 1px #B2854F!important; } .hamburger-menu .elementor-nav-menu--dropdown .book-btn-nav-menu a { padding:20px 15px!important;} .book-btn-nav-menu:hover a { color: #B2854F!important; background-color: #ffffff00!important; border: solid 1px #B2854F!important; } .book-btn-nav-menu { margin-top: 30px!important; } @media only screen and (max-width:767px){ .book-btn-nav-menu a { width: fit-content; font-size: 20px !important; font-weight: bold !important; margin-top:20px!important; margin-bottom:0px!important; } #elementor-popup-modal-754 .book-btn-nav-menu { margin-left:auto; margin-right:auto; } #elementor-popup-modal-737 .book-btn-nav-menu { margin-left:auto; margin-right:auto; } .book-btn-nav-menu { width: fit-content; border: 1px solid transparent !important; cursor: pointer; } .book-btn-nav-menu:hover { background-color: transparent; border-color: #B2854F !important; } .hamburger-menu .elementor-nav-menu--dropdown .book-btn-nav-menu a { margin-top:0px!important;} } /* Menu Items */ .hamburger-menu .elementor-widget-nav-menu .elementor-nav-menu .elementor-item{ font-family: 'Canela Web'!important; font-size: 20px!important; font-weight: 100!important; text-transform: uppercase!important; letter-spacing: 0.2px!important; } .hamburger-menu .elementor-nav-menu--dropdown a { padding-top: 10px !important; padding-bottom: 10px !important; margin-top: 6px !important; } .hamburger-menu .menu-item .elementor-item-active { font-weight: bold !important; } @media only screen and (min-width:768px){ .hamburger-menu .elementor-widget-nav-menu .elementor-nav-menu .elementor-item{ text-align: left; } } .hamburger-menu .elementor-widget-nav-menu .elementor-widget-container{ padding: 0px 0px 0px 35px!important; } .hamburger-menu .elementor-nav-menu--main .elementor-nav-menu ul { position: relative; padding: 0; max-width: 100%!important; margin-left: 20px!important; left: 0!important; right: 0!important; width: 100%!important; top: 40px!important; margin-bottom: 45px; } @media only screen and (max-width:767px){ .hamburger-menu .elementor-widget-nav-menu .elementor-widget-container{ padding: 0px 0px 0px 0px!important; } #elementor-popup-modal-754 .elementor-nav-menu--dropdown a{ justify-content: center!important; margin: auto; } #elementor-popup-modal-737 .elementor-nav-menu--dropdown a{ justify-content: center!important; margin: auto; } #elementor-popup-modal-754 .elementor-widget-container{ padding-left:0; } .hamburger-menu .elementor-nav-menu--dropdown{ padding-top:0px; padding-bottom: 40px; } .hamburger-menu .elementor-nav-menu--dropdown a { padding-top: 10px !important; padding-bottom: 10px !important; margin-top: 6px !important; } .hamburger-menu .elementor-widget-nav-menu .elementor-nav-menu .elementor-item{ font-size: 17px; } } /* Dropdown Items / Submenu */ .hamburger-menu ul.elementor-nav-menu--dropdown a:hover{ background-color:transparent!important; color:#000000; } .hamburger-menu a.elementor-sub-item { font-size: 20px; font-family: 'Canela Web'!important; font-weight:100!important; letter-spacing: 0.2px; text-transform: capitalize; } .hamburger-menu .elementor-sub-item.elementor-item-active{ background-color:transparent!important; color:#000000; } .elementor-nav-menu--dropdown .elementor-item:focus{ background-color:transparent!important; } /* ----------------------------------------------------------- 2.X HEADER - MOBILE MENU ----------------------------------------------------------- */ /* Mobile Header General */ @media only screen and (max-width:900px){ .desktop-header{ display:none!important; } .mobile-header{ display:block!important; } } /* Mobile Header Logo */ .mobile-header .mobile-logo svg { height:135px; width: 135px; } .mobile-header .mobile-logo svg path{ fill:#FFFFFF!important; } .mobile-logo, .language-switcher-mobile{ margin-bottom:0!important; } /* Mobile Hamburger Menu */ .mobile-menu-sticky { position: fixed; bottom: 0; } .mobile-hamburger { max-width: 30px; position: absolute!important; right: 40px; top: 20px; font-size: 20px; } .mobile-hamburger svg { font-size: 32px; } .mobile-hamburger::after { content: "MENU"; color:#ffffff!important; font-size: 10px!important; font-family: 'Lato'!important; position: absolute; } /* Mobile Header Sticky */ .mobile-header.she-header { background-color: #ffffff!important; width:100%; z-index: 99999; -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); max-height: 90px; } .mobile-header.she-header .mobile-logo svg path{ fill:#B2854F!important; } .mobile-header.she-header .mobile-hamburger::after { color:#B2854F!important; } .mobile-header.she-header .mobile-hamburger svg path{ fill:#B2854F!important; } .mobile-header.she-header .mobile-logo svg { height:100px; } .mobile-menu-navigation .elementor-nav-menu--dropdown { font-size: 18px; } /*MOBILE BOOK NOW BUTTON*/ .book-btn-mobile a.elementor-button-link:hover { color: #fff!important; border: none!important; } .book-btn-mobile a.elementor-button-link { font-size: 16px!important; font-family: 'Lato'!important; font-weight: 400!important; } @media only screen and (max-width:767px){ .book-btn-mobile{ bottom:38px; } } /* MOBILE MENU MODAL STYLING */ @media (max-width: 650px) { #elementor-popup-modal-754 { z-index: 999999; background-color: white !important; } } .hamburger-menu .dialog-lightbox-close-button i.eicon-close::before { top: 22px !important; } /* Fix for making close button on mobile menu work */ #elementor-popup-modal-754 .dialog-close-button { width: 67px !important; height: 67px !important; } #elementor-popup-modal-737 .dialog-close-button .eicon-close { width: 67px !important; height: 67px !important; } #elementor-popup-modal-737 { z-index: 999999999; } .hamburger-menu .dialog-lightbox-close-button i.eicon-close::before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2020/02/Close-small.png)!important; } @media only screen and (min-width:900px){ li.menu-item.wpml-ls-item.wpml-ls-current-language.wpml-ls-menu-item { display: none; } } /*Mobile language switcher*/ .mobile-logo.elementor-view-default.elementor-widget.elementor-widget-icon { top: -25px!important; } /*.she-header .mobile-logo.elementor-view-default.elementor-widget.elementor-widget-icon { top: -50px!important; }*/ .language-switcher-mobile .wpml-ls-legacy-dropdown-click a { width: fit-content; } .language-switcher-mobile { position: absolute; top: 20px; padding-left: 20px; width:fit-content; z-index:9999999; } .language-switcher-mobile .wpml-ls-legacy-dropdown-click { width: 100px; max-width: 100px; } .language-switcher-mobile li.wpml-ls-current-language.wpml-ls-item-legacy-dropdown-click a.wpml-ls-item-toggle::after { content: ''; vertical-align: middle; display: inline-block; border: .35em solid transparent; border-top: .5em solid; position: absolute; right: 11px; top: calc(50% - .175em); } .language-switcher-mobile.elementor-widget.elementor-widget-wpml-language-switcher { width: fit-content; } .language-switcher-mobile a.wpml-ls-link { padding-top: 0!important; } .mobile-gallery-header .language-switcher-mobile .wpml-ls-item a{ color: #b2854f!important; } /* ----------------------------------------------------------- 3. FOOTER ----------------------------------------------------------- */ /* FOOTER GENERAL */ section#footer-first-section-cont { padding-right: 100px; padding-left: 100px; margin: 0 auto; } @media only screen and (max-width: 650px) { section#footer-first-section-cont { padding-right: 0px; padding-left: 0px; margin: 0 auto; } } /* FOOTER MENU */ .footer-menu { padding-left: 100px; padding-right: 100px; } .footer-menu p{ font-weight: 300; font-size: 16px!important; font-family: 'Lato'!important; text-transform: uppercase; } .footer-menu .elementor-icon-list-text{ font-weight: 300; font-size: 16px!important; font-family: 'Lato'!important; text-transform: uppercase; } .footer-menu .elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container { overflow: visible!important; } .footer-menu .elementor-container { margin-right: 8%; margin-left: 8%; } div#footer-list-options .elementor-widget-container ul { width: max-content; float: right; margin-left: unset !important; margin-right: unset !important; } div#footer-socialmedia-cont { width: 30%; } div#footer-list-cont { width: 69%; position: absolute; right: 0; } section#footer-first-section-cont .elementor-column-gap-default { max-width: 1600px; } div#footer-list-options .elementor-widget-container ul li { margin-right: 0px !important; } /* FOOTER CREDITS SECTION */ .orange-section { margin-left: 1%; white-space: nowrap; } .orange-section .elementor-container { margin: 0; } .orange-section { margin: 0; margin-left: 100px; margin-right: 100px; } .development-by-orange p{ font-size:15px!important; text-align:left; } @media only screen and (max-width:1024px){ .development-by-orange p{ color:#fff!important; } } /* FOOTER TEXT RIGHT */ #newsletter-heading p { text-align: unset; } .footer-text-right p { text-align: right; padding-right:0px; padding-top: 13px; } @media only screen and (min-width:1024px) and (max-width: 1156px) { .newsletter-footer { padding-left: 0px !important; padding-right: 44px; } } .footer-text-right a { color: #000; } .footer-text-right a:hover { color: #B2854F; } /* -------- FOOTER NEWSLETTER------------- */ .newsletter-footer .elementor-text-editor.elementor-clearfix { padding-bottom: 14px; } .newsletter-footer form#revinate_contact_api_form{ display:inline-flex; } .newsletter-footer input.long { width: 300px; border-color: #B2854F; border-radius: 0; } .newsletter-footer label { display:inline-block; width:130px; } .newsletter-footer input { margin: 1px 5px 1px 5px; width:145px; padding: 3px; border-width: 2px; } .newsletter-footer [type=submit], button{ border-color: #B2854F; border-radius: 0; color:#B2854F; } .newsletter-footer [type=submit], button:hover{ background-color:transparent; } form#revinate_contact_api_form { border-style: solid; border-width: 1px; border-color: #B2854F; height: 47px; } .newsletter-footer input.long { border-style: unset; line-height: 39px; font-family: 'Canela Web'!important; padding-left: 23px; width: 325px; margin: 0; background-color: transparent; } .newsletter-footer [type=submit], button { border-style: unset; line-height: 39px; padding: 3px; font-family: 'Canela Web'!important; } .newsletter-footer [type=submit], button b { padding-right: 15px; } .newsletter-footer input.long::placeholder { color: #B2854F; } .newsletter-footer [type=submit]:hover, button:hover { background-color: #B2854F; color: white !important; } .newsletter-footer [type=submit]:hover, button:hover b { color: #B2854F; } @media only screen and (max-width: 1023px) { div#newsletter-heading p { color: white !important; font-size: 26px !important; } } div#newsletter-heading p { font-size: 40px !important; } div#newsletter-footer-cont { text-align: right; margin-top: 25px; } div#newsletter-heading { padding-right: 219px; text-align: right; padding-left: unset; } div#newsletter-heading { font-family: "Canela Web", Sans-serif!important; } .newsletter-footer form#revinate_contact_api_form { width: auto !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .newsletter-footer input.long { border-color: #b2854f !important; height: 46.5px; } #footer-list-options { position: absolute; right: 0px; padding-left: 100px; padding-right: 100px; } #footer-first-section-cont { border-top-style: solid; border-top-width: 1px; border-top-color: #b2854f; padding-top: 50px; } .elementor-popup-modal .dialog-widget-content { position: absolute; top: 0; left: 0; } } /* FOOTER RESPONSIVE MAX 767 */ @media (max-width: 767px) { .footer-gold-line{ display:none; } .newsletter-footer form#revinate_contact_api_form { width: auto; } .newsletter-footer input.long { width: 224px; } .newsletter-footer form#revinate_contact_api_form { display:block; } #footer-list-options .elementor-widget-container ul.elementor-icon-list-items.elementor-inline-items li { line-height: 50px !important; width: -webkit-fit-content !important; width: fit-content !important; margin: 0 auto !important; } } /* FOOTER RESPONSIVE MAX 1025 */ @media only screen and (max-width: 1025px) { /* Footer Main */ div#footer-section-1-empty-cont { display: none; } .footer-section, .footer-menu, .orange-section { background-color: #42413B; padding-top: 0px !important; } section#footer-first-section-cont { margin-left: auto; margin-right: auto; width: 100%; } .footer-nomobile { padding-bottom: 31px !important; } /* Footer Logo */ .logo-footer{ display:none!important; } /* Footer Menu */ .footer-menu .elementor-container { margin-right: 0; margin-left: 0; } .footer-menu { margin-left: 0px; margin-right: 0px; } /* Footer Credit */ div#developed-by-p .elementor-widget-container .elementor-text-editor p { text-align: center; } .orange-section { margin: 0; margin-left: 0px; margin-right: 0px; white-space: nowrap; } .development-by-orange p { font-size: 8px!important; } /* Footer Text Right */ .footer-text-right a { color: white !important; } .footer-text-right p{ text-align:center!important; color:#fff!important; padding-top:39px; font-size: 14px !important; } .footer-text-right{ width: 100%; margin: auto!important; } /* Footer List */ div#footer-list-cont { width: 100%; position: unset; } div#footer-socialmedia-cont { width: 100%; } #footer-list-options span { margin: 0 auto; } div#footer-list-options .elementor-widget-container ul { margin-bottom: 33px; } #footer-list-options .elementor-widget-container ul.elementor-icon-list-items.elementor-inline-items { display: block; width:100%; margin-left:auto; margin-right:auto; } #footer-list-options .elementor-widget-container ul.elementor-icon-list-items.elementor-inline-items li { line-height: 50px !important; margin-left: auto!important; margin-right: auto!important; width: 50%; } div#social-media-icons-footer .elementor-widget-container ul { width: fit-content; margin: 0 auto; margin-top: 21px; } div#social-media-icons-footer { padding-bottom: 17px; margin-bottom: 11px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #B2854F; } /* Footer Newsletter */ div#form-input-newsletter-footer { text-align: center; } .newsletter-footer input.long { width: 326px; } .newsletter-footer form#revinate_contact_api_form { display: inline-flex; } div#newsletter-heading .elementor-widget-container { padding-left: 0; } div#newsletter-heading { width: 100%; color: white; font-size: 26px; padding: 0; padding-top: 20px; text-align: center; margin-top: 26px; border-top-style: solid; border-top-width: 1px; border-top-color: #B2854F; } div#newsletter-footer-cont { width: 100%; } } @media only screen and (max-width: 768px) { .newsletter-footer input.long { width: 221px; } } /* FOOTER RESPONSIVE MAX 1026-1440 */ @media only screen and (min-width:1026px) and (max-width:1440px){ div#newsletter-footer-cont{ width:426px; } .newsletter-footer form#revinate_contact_api_form { width: auto; } div#footer-list-options .elementor-widget-container ul li { margin-left: 40px !important; } .development-by-orange p { padding-left: 0px; } .newsletter-footer input.long { width: 229px; } .newsletter-footer form#revinate_contact_api_form { width: auto !important; } div#form-input-newsletter-footer { text-align: left; } .newsletter-footer form#revinate_contact_api_form { width: auto; } .footer-text-right { position: absolute !important; right: 0; } .orange-section { margin: 0; margin-left: 100px; margin-right: 100px; } .newsletter-footer{ padding-left:100px; padding-right:44px; } } /* ----------------------------------------------------------- 4. ELEMENTS ----------------------------------------------------------- */ /* ----------------------------------------------------------- 4.1 ELEMENTS - HERO IMAGE ----------------------------------------------------------- */ @media only screen and (min-width:768px){ .hero-image .elementor-container { min-height: 98vh!important; } } .hero-image::before{ background-image: url(/wp-content/uploads/sites/3/2019/12/Down-arrow-blue-circle.svg); content: ''; border-radius: 0!important; height: 85px; line-height: 60px; position: absolute; text-align: center; top: auto!important; left: 49.2%!important; bottom: -66px!important; width: 85px; z-index: 500; background-repeat: no-repeat; background-size: 35px; } @media (max-width: 767px) { .hero-image .elementor-container { min-height: 84vh!important; } .hero-image::before{ left:45%!important; bottom:0px!important; } } /* mobile hero image fix for contact page */ @media (max-width: 600px) { section#contact-page-hero-image { background-position: center !important; } } /* New scroll anchor on first section styling */ .hero-image::before { background-image: unset; content: unset; border-radius: unset; height: unset; line-height: unset; position: unset; text-align: unset; top: unset; left: unset; bottom: unset; width: unset; z-index: unset; background-repeat: unset; background-size: unset; } div#book-now-btn-section-mobile { display: none !important; } span#next_section_anchor { position: absolute; left: 48.9%; bottom: -24px; } @media only screen and (max-width:1440px) and (min-width:1025px){ span#next_section_anchor{ left:48.5%; } } @media only screen and (max-width:767px){ span#next_section_anchor{ left:45%; bottom:15px; z-index:2; } } span#next_section_anchor:hover { cursor: pointer; } span#next_section_anchor img { width: 35px; height: 35px; } /* ----------------------------------------------------------- 4.2 ELEMENTS - IMAGE LEFT TEXT RIGHT ----------------------------------------------------------- */ /*FOR MAKING LEFT IMAGE LOOK SMALLER*/ @media only screen and (max-width:1919px) and (min-width:1440px){ .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1300px; } } .img-left-text-right{ margin-top:100px!important; } .text-right{ width:900px!important; } .img-left-text-right .elementor-col-50:nth-child(1) { width:700px!important; } @media only screen and (max-width:1024px) and (min-width:768px){ .img-left-text-right .elementor-col-50:nth-child(1) { width: 50%!important; margin-bottom:100px; } .img-left-text-right .text-right { width: 50%!important; padding: 0px 35px!important; } } .img-left-text-right { padding-left:100px; padding-right:100px; } .text-right{ padding: 0px 100px!important; } .text-right svg{ margin-bottom:50px; } @media only screen and (min-width: 1033px) and (max-width: 1400px) { .text-right { padding: 0px 50px!important; } } @media only screen and (min-width:768px) and (max-width:1023px){ .img-left-text-right img { width:400px!important; height:482px!important; } .text-right svg{ margin-bottom:25px; } } @media only screen and (max-width:767px){ .img-left-text-right { padding-left:0px; padding-right:0px; } .text-right{ padding: 0px 20px!important; } .img-left-text-right img{ margin-top: 80px; } .text-right svg{ margin-bottom:25px; } .text-right{ padding:0px 20px!important; } } /* ----------------------------------------------------------- 4.3 ELEMENTS - MIDDLE TEXT ----------------------------------------------------------- */ .text-middle{ padding:0 58px; width: 900px; margin-left: auto; margin-right: auto; } .text-middle svg{ margin-bottom:50px; } .text-middle.bigger-width{ width:1300px; } .text-middle a:hover{ color:#000000; } @media only screen and (max-width:1024px){ .text-middle svg{ margin-bottom:25px; } .text-middle{ width:100%; } .text-middle.bigger-width{ width:100%; } } @media only screen and (max-width:767px){ .text-middle{ padding:0px 20px!important; margin-top:142px!important; margin-bottom:80px!important; } .page-id-1827 .text-middle{ margin-top:60px!important; margin-bottom:60px!important; } } /* ----------------------------------------------------------- 4.4 FULL WIDTH IMAGE ----------------------------------------------------------- */ .full-width-img{ height:800px; } @media only screen and (min-width:1024px) and (max-width:1919px){ .full-width-img{ height:600px; } } @media only screen and (max-width:1023px){ .full-width-img{ height:500px; } } .full-width-img .elementor-container { height:100%; } /* ----------------------------------------------------------- 4.6 GREY SECTION - IMAGE WHITE BLOCK ----------------------------------------------------------- */ .grey-background { padding: 200px 0; } .grey-background p{ color:#fff!important; width:775px; margin:0 auto 100px auto; } .grey-background h2{ color:#fff!important; } .img-white-block{ width:1140px!important; margin:auto; } @media only screen and (max-width:1680px){ .img-white-block{ width:70%!important; margin:auto; } } @media only screen and (max-width:1024px){ .img-white-block{ width:85%!important; margin:auto; } } .img-white-block p { width:75%; color:#000000!important; margin-bottom: 0!important; padding-bottom: 50px; } .right-white-cln .elementor-widget-wrap { padding-top: 67px; padding-bottom: 51px; } .img-white-block h2 { color: #000000!important; width: 75%; margin: auto!important; } @media only screen and (min-width:1280px) and (max-width:1680px){ .right-white-cln .elementor-widget-wrap { padding-top: 150px; padding-bottom: 175px; } .grey-background { padding: 150px 0; } .grey-background p{ margin:0 auto 75px auto; } } @media only screen and (min-width:768px) and (max-width:1279px){ .right-white-cln .elementor-widget-wrap { padding-top: 75px; padding-bottom: 80px; } .grey-background { padding: 100px 0; } .grey-background p{ margin:0 auto 50px auto; } } @media only screen and (max-width:767px){ .img-white-block { width:100%!important; padding-bottom:0!important; padding-top:0!important; } .img-left-of-white { height: 400px; } .right-white-cln .elementor-widget-wrap { padding-top: 50px; padding-bottom: 50px; } .grey-background { padding: 75px 0; } .grey-background{ padding-bottom:0!important; padding-top:0; margin-bottom:70px!important; } .grey-background p{ margin:0 auto 25px auto; } } @media only screen and (max-width:1024px){ .grey-background p{ width:90%; } } /* ----------------------------------------------------------- 4.7 TESTIMONIALS ----------------------------------------------------------- */ .testimonials-section .eael-testimonial-image img{ height:160px; } .testimonials-section{ margin-bottom:80px!important; } /*testimonials text*/ .testimonials-section .elementor-testimonial__text, .testimonials-section .elementor-testimonial__name, .elementor-widget-testimonial-carousel .elementor-testimonial__title { color: #000000!important; font-family: 'Canela Web'!important; text-rendering: geometricPrecision; font-weight: 100!important; font-style: italic!important; font-size:25px!important; letter-spacing:0.3px; } @media only screen and (min-width:1440px) and (max-width:1919px){ .testimonials-section .elementor-testimonial__text, .testimonials-section .elementor-testimonial__name, .elementor-widget-testimonial-carousel .elementor-testimonial__title{ font-size:22px!important; line-height: 38px!important; } } @media only screen and (min-width:1024px) and (max-width:1439px){ .testimonials-section .elementor-testimonial__text, .testimonials-section .elementor-testimonial__name, .elementor-widget-testimonial-carousel .elementor-testimonial__title{ font-size:20px!important; line-height: 32px!important; } } @media only screen and (max-width:1023px){ .testimonials-section .elementor-testimonial__text, .testimonials-section .elementor-testimonial__name, .elementor-widget-testimonial-carousel .elementor-testimonial__title{ font-size: 16px!important; line-height: 27px!important; } } .request-testimonials .elementor-testimonial__text, .request-testimonials .elementor-testimonial__name, .request-testimonials .elementor-testimonial__title { font-style: normal!important; } /* TESTIMONIAL STYLING FOR MOBILE */ @media only screen and (max-width: 600px) { .elementor-testimonial { display: block; padding-top: 86px; } .elementor-testimonial__footer { position: absolute; top: 0; width: 100%; padding: 0 !important; left: 0; } } @media only screen and (max-width:1023px){ .elementor-main-swiper.swiper-container.swiper-container-horizontal.swiper-container-ios { width: 100%!important; } } @media only screen and (max-width:767px){ .testimonials-section{ margin-top:80px!important; margin-bottom:60px!important; } .testimonials-section .elementor-main-swiper.swiper-container { width: 100%!important; } .testimonials-section .elementor-testimonial__image img { width: 80px!important; height: 80px!important; } .testimonials-img-left .elementor-testimonial__text { padding-top: 70px; } } /*testimonials in request form*/ .request-testimonials .elementor-testimonial__text { padding: 5px 5px!important; } /* ----------------------------------------------------------- 4.8 THREE IMAGES ROW ----------------------------------------------------------- */ .three-img-row { padding-left:100px; padding-right:100px; } .three-img-row .elementor-col-33:nth-child(1) { padding-right:20px } .three-img-row .elementor-col-33:nth-child(2) { padding-left:10px; padding-right:10px; } .three-img-row .elementor-col-33:nth-child(3) { padding-left:20px; } .three-img-row img{ width:525px; } .three-img-row h5 { padding: 35px 8px!important; } .three-img-row ul li { text-align: center !important; } @media only screen and (max-width:1023px) and (min-width:768px){ .three-img-row h5 { padding:35px 0!important; } } .three-img-row .elementor-text-editor { text-align: center; } .three-img-row p{ padding:0 20px; } @media only screen and (max-width:767px){ .three-img-row { padding-left:0px; padding-right:0px; } .three-img-row .elementor-column { margin-bottom: 40px; } .three-img-row .elementor-col-33:nth-child(1) { padding-right:0px } .three-img-row .elementor-col-33:nth-child(2) { padding-left:0px; padding-right:0px; } .three-img-row .elementor-col-33:nth-child(3) { padding-left:0px; } } @media only screen and (min-width:768px){ .three-img-row .p-above-link{ max-height: 100px; height: 95px; } } @media only screen and (max-width:1023px) and (min-width:768px){ .link-under-img-row{ padding-top:20px; } } /*Link under 3 image row*/ .link-under-img-row a{ color: #b2854f!important; font-family: 'Canela Web'!important; background-color: transparent!important; font-weight: 100!important; letter-spacing: 1px; text-rendering: geometricPrecision; font-size:25px!important; line-height:40px!important; } .link-under-img-row a:hover{ border:none!important; } @media only screen and (min-width:1440px) and (max-width:1919px){ .link-under-img-row a{ font-size:22px!important; line-height:36px!important; } } @media only screen and (min-width:1024px) and (max-width:1439px){ .link-under-img-row a{ font-size:20px!important; line-height:30px!important; } } @media only screen and (max-width:1023px){ .link-under-img-row a{ font-size: 16px!important; line-height:40px!important; } } /* ----------------------------------------------------------- 4.9 INTRO TEXT ----------------------------------------------------------- */ .text-middle.intro-text { width: 70%; margin: auto; } .text-middle h3{ line-height:40px!important; } /* ----------------------------------------------------------- 4.6 TWO IMAGES CAROUSEL ----------------------------------------------------------- */ section.two-img-carousel .elementor-container .elementor-row .elementor-element .elementor-column-wrap .elementor-widget-wrap .elementor-widget-heading .elementor-widget-container .elementor-heading-title { margin-bottom: 0 !important; } .two-imgs-row-portrait .elementor-image img { width: 100%; } .two-img-carousel .swiper-container { max-width:720px; } .two-img-carousel{ margin-bottom:70px!important; } .two-img-carousel { padding-left:100px; padding-right:100px; } .two-img-carousel .elementor-col-50:nth-child(1) { padding-right:80px; } .two-img-carousel .elementor-col-50:nth-child(2) { padding-left:80px; } @media only screen and (min-width:1680px) and (max-width:1919px){ .two-img-carousel .elementor-col-50:nth-child(1) { padding-right:60px; } .two-img-carousel .elementor-col-50:nth-child(2) { padding-left:60px; } } @media only screen and (min-width:1280px) and (max-width:1679px){ .two-img-carousel .elementor-col-50:nth-child(1) { padding-right:40px; } .two-img-carousel .elementor-col-50:nth-child(2) { padding-left:40px; } } @media only screen and (min-width:1024px) and (max-width:1279px){ .two-img-carousel .elementor-col-50:nth-child(1) { padding-right:30px; } .two-img-carousel .elementor-col-50:nth-child(2) { padding-left:30px; } } @media only screen and (max-width:1023px) and (min-width:768px){ .two-img-carousel { padding-left:80px; padding-right:80px; } } @media only screen and (max-width:767px) { /*.two-img-carousel { padding-left:20px; padding-right:20px; }*/ .two-img-carousel { padding-left:0px; padding-right:0px; margin-top:100px!important; } .two-img-carousel .elementor-col-50:nth-child(1) { padding-right:0px; } .two-img-carousel .elementor-col-50:nth-child(2) { padding-left:0px; } .two-img-carousel .elementor-col-50:nth-child(1) { padding-right:0px; } .two-img-carousel .elementor-col-50:nth-child(2) { padding-left:0px; } .two-img-carousel .elementor-col-50:nth-child(1){ margin-bottom:100px; } .two-img-carousel.one-room-left .elementor-col-50:nth-child(1){ margin-bottom:0px; } } .two-img-carousel li { list-style-position: inside; text-align: center!important; } .two-img-carousel p { padding: 25px 35px; } .two-img-carousel ul { padding: 0; } .two-img-carousel .swiper-slide a::before { background-image: url('/wp-content/uploads/sites/3/2019/12/Camera.svg'); content: ''; border-radius: 0!important; float: left!important; height: 85px; line-height: 60px; position: absolute; text-align: center; top: auto!important; left: 28px !important; bottom: 0px!important; width: 85px; z-index: 500; background-repeat: no-repeat; background-size: 50px; } @media only screen and (max-width:767px){ .two-img-carousel .swiper-slide a::before{ left:25px!important; } } .two-img-carousel.corporate-text-top .white-btn { margin-bottom: 50px; } @media only screen and (max-width:988px) and (min-width:768px){ .two-img-carousel .swiper-slide a::before{ left:35px!important; } .two-img-carousel .elementor-col-50:nth-child(1) { padding-right:20px; } .two-img-carousel .elementor-col-50:nth-child(2) { padding-left:20px; } } .two-img-carousel .swiper-slide a:hover:before { background-image: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2020/01/Camera-colored.png); } /* ----------------------------------------------------------- 4.6 CAROUSEL LIGHTBOX ----------------------------------------------------------- */ .dialog-type-lightbox .dialog-lightbox-close-button i.eicon-close::before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Close-Circle-Blue.svg); } .swiper-container .elementor-swiper-button-prev i.eicon-chevron-left { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2020/01/left-chevron.svg); width: 43px; } .swiper-container .elementor-swiper-button-next i.eicon-chevron-right{ content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2020/01/virustotal-icon.svg); width: 43px; } .swiper-container .elementor-lightbox .elementor-swiper-button-prev { left: 200px!important; } .swiper-container .elementor-lightbox .elementor-swiper-button-next { right: 200px!important; } @media only screen and (max-width:767px){ .swiper-container .elementor-swiper-button-prev i.eicon-chevron-left{ width:31px; } .swiper-container .elementor-swiper-button-next i.eicon-chevron-right{ width:31px; } .swiper-container .elementor-lightbox .elementor-swiper-button-prev { left: -4px!important; } .swiper-container .elementor-lightbox .elementor-swiper-button-next { right: -4px!important; } } @media only screen and (max-width:1024px)and (min-width:768px){ .swiper-container .elementor-lightbox .elementor-swiper-button-prev { left: 20px!important; } .swiper-container .elementor-lightbox .elementor-swiper-button-next { right: 20px!important; } } /* MOBILE CLOSE BTN STYLING FOR ROOMS IMAGE LIGHTBOX */ @media only screen and (max-width: 600px) { .dialog-type-lightbox .dialog-lightbox-close-button i.eicon-close::before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2020/01/Close-Circle-Blue-for-mobile-e1579253664384.png); position: absolute; right: 22px; top: 112px; } .dialog-type-lightbox .dialog-lightbox-close-button i.eicon-close:hover:before { content: ' ' !important; } /*.dialog-type-lightbox .dialog-lightbox-close-button .eicon-close { width: 60px; height: 60px; top: 88px !important; position: absolute; right: -4px; }*/ .dialog-lightbox-widget .eicon-close::before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2020/01/Close-Circle-Blue-for-mobile-e1579253664384.png); position: absolute; right: 22px !important; top: 14px !important; } } /* ----------------------------------------------------------- 4.X POP UPS ----------------------------------------------------------- */ .dialog-type-lightbox .dialog-lightbox-close-button i.eicon-close:hover:before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2020/01/Close-Circle-Colored-e1579167197672.png); } .hamburger-menu .dialog-lightbox-close-button i.eicon-close:hover:before { content: ' ' !important; height: 25px !important; width: 25px !important; background-image: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2020/01/Close-black-new-3-e1579169199100.png); background-size: 25px 25px; display: inline-block; } /* ----------------------------------------------------------- 4.6 VIRTUAL TOUR ----------------------------------------------------------- */ .virtual-tour p { text-align: right; padding:0 1px; margin-bottom: 20px; } .virtual-tour a { color:#000000; } .virtual-tour a:hover{ color: #B2854F; } /* VIRTUAL TOUR IFRAME */ .virtualtour iframe { height: 650px!important; margin-bottom: 50px !important; } /* ----------------------------------------------------------- 4.7 THREE LINKS BELOW MIDDLE TEXT ----------------------------------------------------------- */ .black-links ul { justify-content: center; } .black-links ul.elementor-icon-list-items.elementor-inline-items li { width: 33%; padding: 0 !important; text-align: center; margin: 0 0 15px 0!important; } .black-links.first{ margin-top:50px; } @media only screen and (max-width:500px){ .black-links ul.elementor-icon-list-items.elementor-inline-items li { width: 33%; } } /* ----------------------------------------------------------- 4.8 CONTACT FORM - LOCATION ----------------------------------------------------------- */ .contact-form input, textarea#form-field-message { font-family: 'Canela Web'!important; font-weight: 100!important; } .contact-form{ width: 50%; margin: auto; } .contact-form .elementor-text-editor.elementor-clearfix { float: right; padding-right: 120px; padding-top: 15px; } .text-middle .elementor-field-label { font-size: 15px; border: 1px solid #b2854f; width: 100%; padding-left: 17px; padding-top: 5px; padding-bottom: 5px!important; } @media only screen and (max-width:767px){ .contact-form .elementor-field-type-submit { justify-content: center!important; } .contact-form { width: 92%; margin: auto; } } .below-send .elementor-text-editor.elementor-clearfix{ padding-right:0; } .text-above-form{ margin-top: -115px; margin-bottom: -20px; } @media only screen and (max-width:1024px){ .text-above-form{ margin-top: -80px; } } .contact-form .elementor-button.elementor-size-md:hover span { color: #b2854f; } .contact-form .elementor-field-textual { font-family: 'Canela Web'!important; font-weight: 100!important; } /* ----------------------------------------------------------- 4.9 GALLERY ----------------------------------------------------------- */ /* Fix for flickering images in carousel on Safari */ .swiper-slide { -webkit-transform: translate3d(0, 0, 0); } /*Different color header for gallery page*/ .header-gallery .menu-middle a{ color: #B2854F!important; } .header-gallery .menu-book-btn p{ color: #B2854F!important; } .header-gallery .menu-btn.elementor-view-default.elementor-widget.elementor-widget-icon::after { color: #B2854F!important; } .header-gallery .wpml-ls-native { color: #B2854F!important; } .header-gallery path.active-path { fill: #B2854F!important; } .mobile-header.mobile-gallery-header .mobile-logo svg path { fill: #b2854f !important; } .mobile-gallery-header .mobile-hamburger::after { color: #B2854F!important; } .mobile-gallery-header .mobile-hamburger svg path { fill: #b5854f; } .header-gallery .menu-book-btn a { color: #B2854F!important; } .header-gallery .pillows-logo-main { top: 7px; } @media only screen and (max-width: 1919px) and (min-width: 989px){ .header-gallery .pillows-logo-main .main-logo { width: 110px!important; height: 110px!important; } } /* Images */ .gallery-section-imgs{ padding-bottom:60px; } /* Fix for Safari background */ .gallery-section-imgs .elementor-background-overlay{ background-image: none!important; } @media only screen and (max-width:768px){ .gallery-section-imgs { padding-bottom: 0; } .gallery-headings { margin-top: 70px; } } .divider-gallery .elementor-divider { padding-top: 10px!important; padding-bottom: 80px!important; } .gallery-headings { margin-top: 80px; } .gallery-section-imgs .e-gallery-image.elementor-gallery-item__image.elementor-animated-item--undefined { width: 484px; height: 601px; } @media only screen and (max-width:1280px) and (min-width:1025px){ .gallery-section-imgs .e-gallery-image.elementor-gallery-item__image.elementor-animated-item--undefined { height: 500px; } } @media only screen and (max-width:1024px){ .gallery-section-imgs .e-gallery-image.elementor-gallery-item__image.elementor-animated-item--undefined { height: 420px; } } @media only screen and (min-width:768px){ .gallery-section-imgs{ padding:0 20px; } } @media only screen and (max-width:768px){ .gallery-section-imgs .e-gallery-image.elementor-gallery-item__image.elementor-animated-item--undefined { width:100%; height: 400px; } } /* Fix for mobile such that header does not overlap h1 of gallery page */ @media (max-width: 600px) { div#gallery-page-heading { margin-top: 30px; } } #gallery-page-heading h1 { color: black !important; } /* ----------------------------------------------------------- 4.10 Golden Separator ----------------------------------------------------------- */ @media only screen and (min-width:768px){ .golden-separator .elementor-divider{ padding-bottom:10px!important; padding-top:10px!important; } } @media only screen and (max-width:767px){ .golden-separator{ display:none; } } /*------------------------------------------------------------4.13 GALLERY-----------------------------------------------------------------------*/ .gallery-section-imgs .e-gallery-image { -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; transition: none!important; } /* -----------------------------------------------------------MAP-------------------------------------------------------------------------------*/ @media only screen and (max-width:500px){ .map-section .eae-markers{ height:450px!important; } } /* ----------------------------------------------------------- HOTELIERS.COM STYLING ----------------------------------------------------------- */ .booking-widget{ margin-top: -80px; margin-bottom:80px; } .hoteliers-form * { text-align: center; background: #ffffff00; color: white; } .js-hf_hotel_hotelid option { color: black!important; } .js-hf_hotel_hotelid option:focus { border-color: #000; box-shadow: 0 0 10px 100px #fff inset; box-shadow: 0 0 0 3px -moz-mac-focusring; color: #000; outline: none; } .js-hf_hotel_hotelid option:hover { border-color: #000; } select:focus > option:checked { background: #000000 !important; } .hoteliers-form { width: 90%; margin: auto; } .hoteliers-form__label { display:none!important; } .hoteliers-form select{ text-align-last:center; } .hoteliers-form input[type=text]::placeholder { color: white; } .hoteliers-form__icon path { color: white !important; fill: white !important; } button:hover { color: #fff; background-color: #fff0; border-bottom: 1px solid; } .hoteliers-form input[type=text]{ border:none; border-radius:0; } button.btn-primary.hoteliers-form_form-field.hoteliers-form_btn.js-hoteliers_submit { border-bottom: 1px solid #fff; border-radius: 0; padding-bottom: 0; } .hoteliers-form_form-field-container { position: relative !important; border: 0 !important; height: 50px; border-bottom-style: solid !important; border-bottom-width: 1px !important; } .js-hoteliers_submit:focus { outline: none; background-color: transparent; } .js-hoteliers_submit { padding-top: 5px !important; padding-bottom: 5px !important; } .js-hoteliers_submit:hover { background-color: #B2854F; } /* Datepicker */ .ui-datepicker-header { background: #B2854F; color: white; } div#ui-datepicker-div { font-family: 'Canela Web'!important; } a.ui-state-default:hover { background-color: #B2854F; color: white; } .ui-datepicker-today a { background-color: white !important; border-color: #B2854F !important; } .ui-datepicker-today a:hover { background-color: #B2854F !important; border-color: #B2854F !important; } .ui-datepicker-next-hover { background-color: transparent !important; border: 1px solid transparent !important; font-weight: unset !important; right: 2px !important; cursor: pointer; } .ui-datepicker-prev-hover { background-color: transparent !important; border: 1px solid transparent !important; font-weight: unset !important; right: 2px !important; cursor: pointer; } /* ACTUAL BOOKER FRAMEWORK #1 - Values must be equal #2 - Width and height values must be equal, px value in calc() should be half */ .hoteliers-form {} /*Book now btn for mobile first section*/ @media only screen and (max-width: 650px) { div#book-now-btn-section-mobile a { font-family: 'Lato'!important; color: white; font-size: 17px; } div#book-now-btn-section-mobile { text-transform: uppercase; position: absolute; bottom: -114px; display: none; } } /* Set all elements inside .hoteliers-form to borderbox */ .hoteliers-form * { box-sizing: -moz-border-box; box-sizing: -ms-border-box; box-sizing: -webkit-border-box; box-sizing: border-box; } .hoteliers-form__list { list-style: none; padding: 0; } .hoteliers-form__label { display: block; padding-top: 2px; padding-bottom: 2px; font-size: 90%; cursor: pointer; } .hoteliers-form__label--hidden { visibility: hidden; width: 100%; white-space: nowrap; } /* GRID */ .hoteliers-form__grid { margin-left: -20px; /* #1 */ } /* Clear floats from grid */ .hoteliers-form__grid:before, .hoteliers-form__grid:after { content: " "; display: table; } .hoteliers-form__grid:after { clear: both; } /* / Clear floats from grid */ /* Create horizontal grid by floating left */ .hoteliers-form__grid .hoteliers-form__grid-item { padding-left: 20px; /* #1 */ float: left; } /* Set different width for grid items (from 3 up to 6) */ .hoteliers-form__grid--3-fields .hoteliers-form__grid-item { width: calc(99.9% / 3); } .hoteliers-form__grid--4-fields .hoteliers-form__grid-item { width: calc(100% / 4); } .hoteliers-form__grid--5-fields .hoteliers-form__grid-item { width: calc(100% / 5); } .hoteliers-form__grid--6-fields .hoteliers-form__grid-item { width: calc(100% / 6); } /* / Set different width for grid items */ /* Set grid items to 100% width on break-point */ @media (max-width: 800px) { .hoteliers-form__grid--3-fields .hoteliers-form__grid-item, .hoteliers-form__grid--4-fields .hoteliers-form__grid-item, .hoteliers-form__grid--5-fields .hoteliers-form__grid-item, .hoteliers-form__grid--6-fields .hoteliers-form__grid-item { width: 100%; } } /* / GRID */ .hoteliers-form_form-field-container { position: relative; border: 0; } .hoteliers-form_form-field { position: relative; z-index: 1000; width: 100%; padding: 10px; border: 0; border-radius: 3px; font-size: 100%; font-family: inherit; cursor: pointer; font-family: 'Canela Web'!important; font-weight: 100!important; } @media (max-width: 741px) { .hoteliers-form_form-field.hasDatepicker { font-size: 16px; } } .hoteliers-form__icon { display: inline-block; position: absolute; z-index: 1001; top: calc(50% - 14px); /* #2 | Vertically center icon */ right: 5px; width: 18px; /* #2 */ height: 18px; /* #2 */ } .hoteliers-form__icon--no-event { pointer-events: none; } /* / ACTUAL BOOKER FRAMEWORK */ /* FIX FOR BOOKING WIDGET ON IE AND MICROSOFT EDGE */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .hoteliers-form_form-field { background-color: transparent !important; } select option { color: black !important; } .wpml-ls-item-toggle { background-color: transparent !important; } } @supports (-ms-ime-align: auto) { .hoteliers-form_form-field { background-color: transparent !important; } .hoteliers-form_form-field::-ms-input-placeholder { color: white; } select option { color: black !important; } .wpml-ls-item-toggle { background-color: transparent !important; } } /*---------------------------------------------------- OHM BOOKING WIDGET STYLING -------------------------------------------------*/ /* Booking Widget styling */ .ohm-bw-wrapper.ohm-bw-wrapper1 { width: 90%; margin: 0 auto; margin-top: -19px; } .flatpickr-innerContainer .flatpickr-rContainer { margin: 0 auto; } input#ohm-bw-location { display: none; } input.select_hotel_inpt { width: 100% !important; background-color: transparent; border-color: transparent !important; border-bottom-style: solid !important; border-bottom-color: white !important; border-bottom-width: 1px !important; color: white; text-align: center; font-family: 'Canela Web'!important; font-weight: 100!important; font-size: 22px; height: 55px; z-index: 999; position: relative; cursor: pointer; } input.select_hotel_inpt::placeholder { color: white; } input.select_hotel_inpt:focus { outline: none; } ul#ohm_select_hotel { position: absolute; background-color: white; width: 100%; box-shadow: rgba(57, 63, 72, 0.3) 0px 3px 5px; bottom: 52px; } ul#ohm_select_hotel li:hover { background-color: #B2854F; color: white !important; } ul#ohm_select_hotel li { border-bottom-style: solid; border-color: #00000017; border-bottom-width: 1px; cursor: pointer; } .ohm-bw-input-wrapper { width: calc(100%/4); margin: 7px; height: fit-content; position: relative; } .ohm-bw-input { width: 100% !important; background-color: transparent; border-color: transparent !important; border-bottom-style: solid !important; border-bottom-color: white !important; border-bottom-width: 1px !important; color: white; text-align: center; font-family: 'Canela Web'!important; font-weight: 100!important; font-size: 22px; height: 55px; z-index: 999; position: relative; } .ohm-bw-input::placeholder { color: white; text-align: center; } .ohm-bw-input:focus { outline: none; } .ohm-booking-widget { justify-content: center; width 80%; margin: 0 auto; } button.ohm-bw-submit { width: calc(100% / 4); } div#ohm-guestline button { width: calc(100%/4); margin: 7px; height: fit-content; position: relative; border-style: none; border-bottom-style: solid; border-bottom-color: white; color: white; font-family: 'Canela Web'!important; font-weight: 100!important; font-size: 22px; border-radius: 0; padding-bottom: 7px; } div#ohm-guestline button:hover { outline: none; background-color: #B2854F; } div#ohm-guestline button:focus { outline: none; background-color: #B2854F; } button.ohm-bw-submit:focus { outline: none; background-color: #B2854F; } button.ohm-bw-submit:hover { background-color: #B2854F; } .ohm-bw-input-wrapper-calendar:after { content: "\f073"; font-family: "Font Awesome 5 Free"; position: absolute; right: 10px; top: 16px; color: white; } .flatpickr-month { background: #B2854F !important; color: white !important; height: 35px !important; font-family: 'Canela Web'!important; } span.flatpickr-next-month svg { color: white; fill: white; } span.flatpickr-next-month:hover svg { fill: white; padding-left: 2px; } span.flatpickr-prev-month svg { color: white; fill: white; } span.flatpickr-prev-month:hover svg { fill: white; padding-left: 2px; } span.flatpickr-day.selected { background-color: #B2854F !important; border-color: white !important; } span.flatpickr-day:hover { background-color: #B2854F !important; color: white !important; } /* Fixes for IE */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #ohm-booking-widget-form-tag { display: flex !important; } } /*---------------------------------------------------- END OHM BOOKING WIDGET STYLING -------------------------------------------------*/ /*---------------------------------------------REQUEST A QUOTE FORM------------------------------------------------------*/ .pop-up-quote .dialog-lightbox-close-button i.eicon-close::before, #elementor-popup-modal-2350 .dialog-lightbox-close-button i.eicon-close::before{ content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Close.svg)!important; } .request-quote-form .elementor-text-editor.elementor-clearfix { float: right; padding-right: 270px; padding-top: 15px; } .request-quote-form .elementor-field-group .elementor-field{ font-family:'Canela Web'!important; font-weight:300!important; color:#000000!important; } /* Get a quote form mobile fix */ @media (max-width: 600px) { div#request-a-quote-form .elementor-widget-container { padding: 28px; padding-top: 220px; } } .request-quote-form .elementor-button.elementor-size-md:hover span { color: #b2854f; } @media only screen and (max-width: 750px) { div#elementor-popup-modal-2185 { z-index: 99999999999; } div#elementor-popup-modal-2185 .dialog-widget-content .dialog-close-button .eicon-close { width: 60px; height: 60px; } div#elementor-popup-modal-2185 .dialog-widget-content .dialog-close-button .eicon-close:before { top: 15px; } div#elementor-popup-modal-2185 .elementor-widget-container { padding-left: 20px; padding-right: 20px; } div#elementor-popup-modal-2185 .elementor-text-editor { padding: 0; } div#elementor-popup-modal-2185 .elementor-text-editor p { font-size: 15px !important; } } /*-----------------------------------------------MEETINGS DATA TABLE---------------------------------------------------*/ th.sorting.sorting-none { border: none!important; } /*Meetings Table*/ .meetings-table .td-content { text-align: left; } .meetings-table th.sorting.sorting-none { text-align: left!important; } .meetings-table .data-table-header-text{ font-family: 'Canela Web'!important; text-rendering: geometricPrecision; font-size:30px; letter-spacing:0.3px; line-height:40px; } @media only screen and (min-width:1024px) and (max-width:1919px){ .meetings-table .data-table-header-text{ font-size:24px!important; line-height: 40px!important; } } @media only screen and (max-width:1023px){ .meetings-table .data-table-header-text{ font-size: 16px!important; line-height: 38px!important; } } @media only screen and (max-width:767px){ .meetings-table .data-table-header-text{ font-size:22px!important; line-height: 40px!important; } } .meetings-table .td-content-wrapper{ font-family: 'Canela Web'!important; text-rendering: geometricPrecision; font-size:30px; letter-spacing:0.3px; line-height:40px; font-weight:100; } @media only screen and (min-width:1024px) and (max-width:1919px){ .meetings-table .td-content-wrapper{ font-size:22px!important; line-height: 40px!important; } } @media only screen and (max-width:1023px){ .meetings-table .td-content-wrapper{ font-size: 17px!important; line-height: 38px!important; } } @media only screen and (max-width:767px){ .meetings-table .td-content-wrapper{ font-size:15px!important; line-height: 36px!important; } } /*-----------------------------------------------RESENGO STYLING-------------------------------------------------------*/ .resengo-section{ width:700px; } .resengo-popup { z-index: 999999999999999 !important; } .resengo-section .info-message__body { font-family: 'Canela Web' !important; font-weight: 400 !important; } .resengo-section .resengo-inner h3 { font-size: 22px!important; } .resengo-inner .category-label { font-family: 'Canela Web'!important; font-weight: 100; } #resengo-process-flow>#resengo-wrapper .rds-dropdown select { font-family: 'Canela Web'!important; font-weight: 100; } .text-middle .resengo-inner svg { margin-bottom: 0px; } .resengo-inner #resengo-process-flow>#resengo-wrapper .grey-box { background-color: transparent; } .resengo-inner p.details.tiny.italic.reservation-type-description { font-size: 17px!important; } .resengo-inner #resengo-process-flow>#resengo-wrapper .ui-datepicker .ui-datepicker-header{ background:#B2854F; } .resengo-inner .ui-datepicker-title { font-family: 'Canela Web'; font-weight: 300; font-size: 18px!important; color: #000000!important; } .reseng0-inner #resengo-process-flow>#resengo-wrapper label{ font-family: 'Canela Web'; font-weight: 100; font-size: 16px!important; color: #000000!important; } .resengo-inner .ui-datepicker .ui-datepicker-prev span, .resengo-inner .ui-datepicker .ui-datepicker-next span{ top:80%; } .resengo-inner #resengo-process-flow>#resengo-wrapper .ui-datepicker tbody td.available a, #resengo-process-flow>#resengo-wrapper .ui-datepicker tbody td.available a.ui-state-default{ color:#B2854F!important; } .resengo-inner #resengo-process-flow>#resengo-wrapper .ui-datepicker tbody td.available a::before, #resengo-process-flow>#resengo-wrapper .ui-datepicker tbody td.available a.ui-state-default::before{ border-color:#B2854F!important; } .resengo-section .resengo-inner #resengo-process-flow>#resengo-wrapper h4{ font-family:'Canela Web'!important; font-weight:100!important; font-size:20px!important; color:#000000!important; } .resengo-inner #resengo-process-flow>#resengo-wrapper button.white, .resengo-inner #resengo-process-flow>#resengo-wrapper a, #resengo-process-flow>#resengo-wrapper button.full.rds-back-button { color:#B2854F!important; } .resengo-inner svg.icon.next, .resengo-inner svg.icon.prev { fill: #b2854f!important; } .resengo-inner #resengo-process-flow>#resengo-wrapper ul.stepper li a{ color:#B2854F; font-family:'Canela Web'!important; font-weight:100; } #resengo-process-flow>#resengo-wrapper .dark-blue-box.status-bar{ background-color:#B2854F!important; } .resengo-inner p.no-margin.center.white.status-bar-text { color: #ffffff!important; font-size: 18px!important; } #resengo-process-flow>#resengo-wrapper .light-blue-box{ background-color:transparent!important; border-color:#B2854F!important; } .resengo-inner #resengo-process-flow>#resengo-wrapper label, #resengo-process-flow>#resengo-wrapper input[type="text"]{ font-family:'Canela Web'!important; font-weight:100; } #resengo-process-flow>#resengo-wrapper button.full.rds-next-button{ background-color:#B2854f!important; border:none!important; } #resengo-process-flow>#resengo-wrapper div.error p { font-size: 15px!important; color: #fff!important; } a.resengo-logo-container.mt-lrg, a#resengo-login-link { display: none!important; } h3.mb, h3.mb-lrg.mt { font-size: 20px!important; line-height: 40px!important; margin-bottom: 10px!important; margin-top: 2px!important; } /*Resengo in popup */ #resengo-process-flow{ margin:auto!important; background:white!important; } .resengo-popup .dialog-lightbox-widget-content { height: 93vh !important; } .resengo-popup .resengo-section iframe { height: 99vh !important; overflow-y: visible; width: 100%; } .resengo-popup .resengo-section { width:100% !important; margin:auto!important; } .resengo-popup .dialog-close-button .eicon-close { height: 60px; width: 60px; z-index: 9999999999999999999999; } h4.mb.mt { font-size: 19px!important; color: #000!important; font-weight: 400!important; line-height:40px!important; } h4.appointment-data_title { font-size: 20px!important; color: #000!important; font-weight: 400!important; } .resengo-popup .dialog-message.dialog-lightbox-message { overflow: hidden!important; } .ui-icon.ui-icon-circle-triangle-w, .ui-icon.ui-icon-circle-triangle-e { top: 60%!important; } .warning.warning--overview { background: #B2854f!important; } button#resengo-confirm-reservation { background: #B2854f!important; border: #B2854f!important; } button#resengo-confirm-reservation:hover { color: #B2854f!important; border: #B2854f!important; background:transparent; } a.button.orange.center-offset-bottom { background: transparent!important; border: 1px solid #b2854f!important; font-family: 'Canela Web'!important; font-weight: 400!important; } a.button.outline { border: 1px solid #b2854f!important; font-family: 'Canela Web'!important; font-weight: 400!important; } a.button.outline:hover{ background:transparent!important; } #resengo-process-flow>#resengo-wrapper div.error{ background-color:#b2854f!important; } .grey-box.no-margin.appointment-data.can-invite { padding-top: 0!important; } .light-blue-box.reservation-success { padding-bottom: 35px!important; } .invite-friends-actions { text-align: left!important; } .grey-box.extra-padding.no-margin{ padding-top:12px!important; } .white-box{ margin-bottom:50px!important; } /*IJssel*/ .resengo-ijssel #resengo-process-flow>#resengo-wrapper ul.toggle-links li a.active { background-color: #333!important; } /*Zwolle*/ .resengo-zwolle #resengo-process-flow{ background:#42413B!important; } .resengo-zwolle #resengo-process-flow>#resengo-wrapper ul.toggle-links li a.active { background-color: #333!important; } .resengo-zwolle #resengo-process-flow>#resengo-wrapper ul.toggle-links li a.active { background-color: #333!important; } .resengo-zwolle #resengo-process-flow>#resengo-wrapper .stepper-footer{ background-color:transparent!important; } .resengo-zwolle #resengo-process-flow>#resengo-wrapper{ color:#B2854F!important; } .resengo-zwolle .resengo-section .resengo-inner #resengo-process-flow>#resengo-wrapper h4{ color:#B2854F!important; } .resengo-zwolle h3.mb, .resengo-zwolle h3.mb-lrg.mt, .resengo-zwolle h4.mb.mt, .resengo-zwolle h3.mt-lrg.mb-sm, .resengo-zwolle h3.mb-sm{ color:#B2854F!important; } .resengo-zwolle p.no-margin { color: #fff!important; } /*Tuin de Barones*/ .resengo-tuin-vd-barones #resengo-process-flow>#resengo-wrapper ul.toggle-links li a.active { background-color: #333!important; } /* Ghent restaurant */ .resengo-ghent-restaurant #resengo-process-flow{ background:#42413B!important; } .resengo-ghent-restaurant #resengo-process-flow>#resengo-wrapper ul.toggle-links li a.active { background-color: #333!important; } .resengo-ghent-restaurant #resengo-process-flow>#resengo-wrapper .stepper-footer{ background-color:transparent!important; } .resengo-ghent-restaurant #resengo-process-flow>#resengo-wrapper{ color:#B2854F!important; } .resengo-ghent-restaurant .resengo-section .resengo-inner #resengo-process-flow>#resengo-wrapper h4{ color:#B2854F!important; } .resengo-ghent-restaurant h3.mb, .resengo-ghent-restaurant h3.mb-lrg.mt, .resengo-ghent-restaurant h4.mb.mt, .resengo-ghent-restaurant h3.mt-lrg.mb-sm, .resengo-ghent-restaurant h3.mb-sm{ color:#B2854F!important; } .resengo-ghent-restaurant p.no-margin { color: #fff!important; } @media only screen and (min-width:600px){ .resengo-ghent-restaurant #resengo-process-flow>#resengo-wrapper .grey-box.extra-padding{ padding:4em 3.5em!important; } } /* General fix for alignment */ div#resengo-booknow div { display: block; } @media only screen and (max-width:600px){ .resengo-inner .info-message__body a { font-size: 8px !important; } } .resengo-ghent-website-style div { display: block; } /* Spa Reylof */ .resengo-spa-reylof #resengo-process-flow>#resengo-wrapper ul.toggle-links li a.active { background-color: #333!important; } /*The living*/ .resengo-the-living-brussels #resengo-process-flow{ background:#42413B!important; } .resengo-the-living-brussels #resengo-process-flow>#resengo-wrapper ul.toggle-links li a.active { background-color: #333!important; } .resengo-the-living-brussels #resengo-process-flow>#resengo-wrapper .stepper-footer{ background-color:transparent!important; } .resengo-the-living-brussels #resengo-process-flow>#resengo-wrapper{ color:#B2854F!important; } .resengo-the-living-brussels .resengo-section .resengo-inner #resengo-process-flow>#resengo-wrapper h4{ color:#B2854F!important; } .resengo-the-living-brussels h3.mb, .resengo-the-living-brussels h3.mb-lrg.mt, .resengo-the-living-brussels h4.mb.mt, .resengo-the-living-brussels h3.mt-lrg.mb-sm, .resengo-the-living-brussels h3.mb-sm{ color:#B2854F!important; } .resengo-the-living-brussels .resengo-ghent-restaurant p.no-margin { color: #fff!important; } /*Mobile resengo in popup*/ @media only screen and (max-width: 600px) { .resengo-popup .resengo-section { width: 100% !important; } .resengo-popup .resengo-section iframe { height: 500px!important; overflow-y: visible; width: 100%; margin: 0 auto; } /*div.resengo-ghent-restaurant div { max-width: 90vw; word-wrap: break-word; overflow: hidden !important; box-sizing: border-box; display: inherit; } div.resengo-ghent-restaurant { background-color: #42413b; padding: 10px; }*/ .resengo-ghent-restaurant #resengo-process-flow>#resengo-wrapper .ui-datepicker.ui-datepicker-inline{ width:87vw; } div.resengo-ghent-restaurant div { max-width: 90vw!important; overflow:hidden!important; word-wrap: break-word; display:block; } div.resengo-popup { z-index: 999999999 !important; } #resengo-process-flow>#resengo-wrapper .footer-flex-container{ border-top:0; } } @media only screen and (max-width:480px){ #resengo-process-flow>#resengo-wrapper .grey-box.extra-padding{ padding:4em 1em!important; } } @media only screen and (max-width:1023px){ .resengo-section{ width:100%; } } /*-----------------------------------------------COOKIEBOT -------------------------------------------------------*/ /* Hide 'show details' element */ .CybotCookiebotDialogBodyLink { display: none!important; } /* Button Padding */ .CybotCookiebotDialogBodyButton { padding:9px!important;} h2#CybotCookiebotDialogBodyContentTitle { line-height: 30px!important; font-size:25px!important; margin-bottom:20px!important; } @media only screen and (max-width: 767px) { #CybotCookiebotDialogBodyButtons a { margin-right: 5px!important; width:fit-content!important; } } #CybotCookiebotDialogBodyButtons { margin: 0px!important; width: 100%!important; } } /*----------------------------------------------RECAPTCHA--------------------------------------------------------*/ /*Recaptcha Notice and badge*/ p.recaptcha-notice { font-size: 11px!important; text-align:left; margin-top: -20px; } .grecaptcha-badge { display: none; } /*--------------------------------------------------CORPORATE | CITY STORIES -------------------------------*/ .page-id-806 .two-imgs-row-portrait{ padding-top:60px; padding-bottom:60px; } /*------------------------------------------------CORPORATE | RESTAURANTS & HOTELS POPUP ------------------------------------------*/ .hotels-netherlands svg, .hotels-belgium svg { width: 22px!important; top: 3px; position: relative; } @media only screen and (max-width:1440px) and (min-width:1024px){ .hotels-netherlands svg, .hotels-belgium svg{ width: 20px!important; } } @media only screen and (max-width:768px){ .hotels-netherlands svg, .hotels-belgium svg{ top:0; } } .pop-up-hotels .eicon-close::before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Close.svg)!important; } .pop-up-restaurants .eicon-close::before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Close.svg)!important; } .hotels-map .eael-hot-spot-image { width: 100% !important; } .hotels-popup-section .elementor-icon-list-text { font-size: 1.2vw !important; white-space: nowrap; } @media (max-width: 938px) { .hotels-map { width: 48.791% !important; padding: 27px; padding-top: 0px; position: absolute !important; right: 29px; } .hotels-belgium { width: 50% !important; } .hotels-netherlands { width: 100% !important; margin-bottom: 53px; } .hotels-popup-section .elementor-icon-list-text { font-size: 1.6vw !important; } .elementor-1559 .elementor-element.elementor-element-d518b3c .eael-hot-spot-wrap .hotspot-svg-icon { width: 21px !important; } .popup-logo { top: 173px; } } @media (max-width: 657px) { .hotels-belgium { width: 100% !important; } .hotels-popup-section .elementor-icon-list-text { font-size: 15px !important; text-align: left; padding-bottom: 19px; line-height: 17px; white-space: unset !important; } .hotels-map { position: unset !important; width: 100% !important; padding: 27px; padding-top: 76px; right: 29px; } .elementor-1559 .elementor-element.elementor-element-41f7c63 { padding: 120px 13px 0px 13px !important; } .pop-up-hotels .eicon-close::before { top: 31px !important; } .pop-up-restaurants .eicon-close::before { top: 31px !important; } .pop-up-hotels .eicon-close { width: 80px; height: 80px; } .pop-up-restaurants .eicon-close { width: 80px; height: 80px; } .pop-up-hotels { z-index: 9999999999999 !important; } } .popup-restaurants .elementor-text-editor, .popup-bars .elementor-text-editor{ /*width:50%;*/ margin:auto; } .popup-restaurants p, .popup-bars p, .hotels-title p, .pop-up-restaurants-title p{ text-align:left; font-size:25px!important; } .restaurant-list p, .popup-logo p{ font-size:20px!important; } .restaurants-popup-section{ width:70%; margin:auto!important; left:8%; } @media only screen and (max-width: 1919px) and (min-width: 1440px){ .restaurant-list p, .popup-logo p{ font-size:20px!important; } } @media only screen and (max-width:768px){ .restaurant-list p, .popup-logo p{ font-size:14px!important; } .pop-up-restaurants-title p{ font-size:19px!important; } } .pop-up-restaurants .dialog-type-lightbox .dialog-lightbox-close-button i.eicon-close::before{ content: url(https://www.pillowshotels.com/wp-content/uploads/2020/01/Close.svg)!important; } .hotels-popup-section .elementor-icon-list-text{ font-family:'Canela Web'; font-weight:100!important; font-size:18px; letter-spacing:0.2px; color: #000!important; } .hotels-popup-section .elementor-icon-list-text:hover { color: #B2854F!important; } .hotels-title p{ padding-left:30px; } .pop-up-restaurants a { color: #000; } .pop-up-restaurants a:hover { color: #B2854F; } /* ----------------------------------------------------------- CORPORATE | FOUR BUILDINGS ----------------------------------------------------------- */ .four-buildings-imgs{ width:90%; margin:auto!important; } .four-buildings-imgs .elementor-column { padding: 0 35px; } .building-four-space { width: 35%!important; } @media only screen and (max-width:1024px) and (min-width:768px){ .four-buildings-imgs .elementor-column{ width:50%!important; margin-bottom:35px; } } @media only screen and (max-width: 767px) { .building-four-space { width: 100%!important; } .four-buildings-imgs .elementor-column{ padding: 20px 35px!important; } } /* ----------------------------------------------------------- CORPORATE | MAGAZINE ----------------------------------------------------------- */ @media only screen and (min-width:1025px){ .two-imgs-row-portrait.magazine-image { padding-left: 280px; padding-right: 280px; } .two-imgs-row-portrait.magazine-image .elementor-col-50:nth-child(1) { padding-right:65px; } .two-imgs-row-portrait.magazine-image .elementor-col-50:nth-child(2) { padding-left:65px; } } .two-imgs-row-portrait.magazine-image { padding-top:0; padding-bottom:90px; } /* ----------------------------------------------------------- CORPORATE | SHOP ----------------------------------------------------------- */ .two-imgs-row-portrait{ padding-top:120px; padding-bottom:120px; } .heading-six-shop h6{ padding: 70px 20px 30px 20px!important; } @media only screen and (max-width:1660px) and (min-width:1024px){ .two-imgs-row-portrait p { padding-left: 20px!important; padding-right: 20px!important; } } @media only screen and (max-width:767px){ .two-imgs-row-portrait img{ height:463px; } .heading-six-shop h6 { padding: 70px 15px 30px 15px!important; } .two-imgs-row-portrait p { padding-left: 20px!important; padding-right: 20px!important; } } @media only screen and (max-width:989px) and (min-width:768px){ .two-imgs-row-portrait p { padding-left: 10px!important; padding-right: 10px!important; } } .two-imgs-row-portrait p { padding-left: 76px; padding-right: 76px; } .two-imgs-row-portrait { padding-left:100px; padding-right:100px; } .two-imgs-row-portrait .elementor-col-50:nth-child(1) { padding-right:50px; } .two-imgs-row-portrait .elementor-col-50:nth-child(2) { padding-left:50px; } @media only screen and (min-width:1680px) and (max-width:1919px){ .two-imgs-row-portrait .elementor-col-50:nth-child(1) { padding-right:60px; } .two-imgs-row-portrait .elementor-col-50:nth-child(2) { padding-left:60px; } } @media only screen and (min-width:1280px) and (max-width:1679px){ .two-imgs-row-portrait .elementor-col-50:nth-child(1) { padding-right:40px; } .two-imgs-row-portrait .elementor-col-50:nth-child(2) { padding-left:40px; } } @media only screen and (min-width:1024px) and (max-width:1279px){ .two-imgs-row-portrait .elementor-col-50:nth-child(1) { padding-right:30px; } .two-imgs-row-portrait .elementor-col-50:nth-child(2) { padding-left:30px; } } @media only screen and (max-width:1023px) and (min-width:768px){ .two-imgs-row-portrait { padding-left:80px; padding-right:80px; } } @media only screen and (max-width:767px) { .two-imgs-row-portrait { padding-left:0px; padding-right:0px; } .two-imgs-row-portrait .elementor-col-50:nth-child(1) { padding-right:0px; } .two-imgs-row-portrait .elementor-col-50:nth-child(2) { padding-left:0px; } .two-imgs-row-portrait .elementor-col-50:nth-child(1) { padding-right:0px; } .two-imgs-row-portrait .elementor-col-50:nth-child(2) { padding-left:0px; } .two-imgs-row-portrait .elementor-col-50:nth-child(1){ margin-bottom:100px; } } /*----------------------------------------------CORPORATE | PRIVACY TEXT --------------------------------------------------------*/ .privacy-text .elementor-text-editor.elementor-clearfix p { text-align: left!important; } .privacy-text li { text-align: left; } /*----------------------------------------------TO BE SORTED--------------------------------------------------------*/ .flatpickr-mobile:before { content: attr(placeholder); color: gray; } .flatpickr-mobile:focus[value]:not([value=""]):before { display: none; } input[type="hidden"][value]:not([value=""]) + .flatpickr-mobile:before { display: none; } /*------------------------------------------FLY OUT STYLING--------------------------------------------------------*/ div#ohmaddons-addons-flbtn-out{ background-color: #B2854F; z-index:1; } div#ohmaddons-addons-flbtn-out { padding: 19px 13px; } span.ohm-addons-flyout-crossbtn { background-color: #B2854F; } a.ohm-addons-flyout-btn-link:hover { color: white; } div#ohmaddons-addons-flbtn-in{ background-color: #B2854F; font-family: 'Canela Web'!important; right:-57px; z-index:1; } a.ohm-addons-flyout-btn-link { color: white; font-family: 'Canela Web'!important; font-weight: 400; } .jazzy-friday-popup .dialog-lightbox-widget-content .dialog-lightbox-close-button .eicon-close::before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Close.svg) !important; } .coperto-car-flyout .dialog-lightbox-widget-content .dialog-lightbox-close-button .eicon-close::before { content: url(https://www.pillowshotels.com/ghent/wp-content/uploads/sites/3/2019/12/Close.svg) !important; } .page-id-3237 .ohm-addons-flyout-button, .page-id-3265 .ohm-addons-flyout-button, .page-id-2794 .ohm-addons-flyout-button, .page-id-2806 .ohm-addons-flyout-button{ display: none; } /*Ninja Popup Covid*/ @media only screen and (max-width:500px){ .snp-bld-step-cont.snp-bld-bottom-left { left: 50%; } } /*------------------------------------------------------NEWSLETTER FORM IN LANDING PAGES-----------------------------------------------*/ .newsletter-inpage form#revinate_contact_api_form { height: auto; padding-bottom: 80px; border: none; } .newsletter-inpage fieldset{ border:none; } .newsletter-inpage label { font-family: "Canela Web"; margin-top: 20px; margin-bottom:6px; } .newsletter-inpage input[type="text"] { border-color: #B2854F; border-radius: 0; margin-bottom: 6px; } .newsletter-inpage input.long { border-color: #B2854F; border-radius: 0; } .newsletter-inpage button { border-color: #B2854F; color: #000; border-radius: 0; padding: 3px 25px; margin-top: 25px; } .newsletter-inpage button:hover{ border-color: #000; color: #B2854F!important; background:transparent; } /*------------------Hide menu from a specific page---------------------------*/ .page-id-2617 .header-menu-section, .page-id-2591 .header-menu-section { display: none!important; } /*----------------------------------FAQ--------------------------------------*/ .ohm-faq-section .pp-accordion-title-text { font-family: 'Canela Web'!important; font-weight: 100; font-size: 20px; } .ohm-faq-section .pp-faq-answer p { font-size: 18px!important; } .ohm-faq-section .pp-faq-answer li { font-size: 18px!important; list-style: disc; list-style-position: inside; line-height: 30px!important; } .ohm-faq-section .pp-faq-question { justify-content:center!important; } /*-------------Middle amenities icons-------------------*/ .ohm-amenities-icons svg{ margin-bottom:0; } .ohm-amenities-icons .elementor-widget-icon.elementor-view-default .elementor-icon svg .cls-2 { fill: #fff!important; } .ohm-amenities-icons .elementor-icon{ font-size:51px; } /*---------------Meetings Table-------------------*/ .meetings-table .eael-data-table tbody tr td, .meetings-table .eael-data-table thead tr th { padding-left: 9px!important; padding-right: 9px!important; }