/*
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.1
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, #000 0%, rgb(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: #fff !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: #000 !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: #000 !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: #fff !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: #000 !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: #000 !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, .img-left-text-right .elementor-text-editor, .text-middle .elementor-text-editor, .img-white-block .elementor-text-editor {
  color: #000 !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: #000 !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: 0;
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  p,
  li, .img-left-text-right .elementor-text-editor, .text-middle .elementor-text-editor, .img-white-block .elementor-text-editor {
    font-size: 22px !important;
    line-height: 36px !important;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  p,
  li, .img-left-text-right .elementor-text-editor, .text-middle .elementor-text-editor, .img-white-block .elementor-text-editor {
    font-size: 20px !important;
    line-height: 30px !important;
  }
}

@media only screen and (max-width: 1023px) {
  p,
  li, .img-left-text-right .elementor-text-editor, .text-middle .elementor-text-editor, .img-white-block .elementor-text-editor {
    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: #000 !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;
  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: #000;
  background-color: transparent;
  border: 1px solid #000;
  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;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .dual-btn .elementor-container .elementor-row .elementor-col-50:nth-child(1) {
    margin-bottom: 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: #000 !important;
  background-color: transparent !important;
  border: 1px solid #000;
  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: 0;
  }

  .right-dual .elementor-button-wrapper {
    text-align: center;
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .left-dual .elementor-button-wrapper {
    text-align: center;
    padding-right: 0;
  }

  .right-dual .elementor-button-wrapper {
    text-align: center;
    padding-left: 0;
  }

  .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 0;
  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 0;
    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: 0 !important;
}

@media only screen and (max-width: 900px) {
  .mobile-header:not(.she-header) {
    box-shadow: none !important;
    width: 100% !important;
    position: absolute !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 {
  padding-left: 17px;
  padding-right: 17px;
}

.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: #fff !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: auto !important;
  margin-right: 10%;
  margin-bottom: 0 !important;
  border: 1px solid #fff;
  padding: 4px 10px;
}

.menu-book-btn p {
  color: #fff !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: #fff !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: #fff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: Lato !important;
  white-space: nowrap !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;
}

@media only screen and (max-width: 1050px) and (min-width: 900px) {
  .desktop-header{
    display: none!important;
  }

  .mobile-header {
    display: block!important;
  }
}

/* ----------------------------------------------------------- 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; */
  top: 43px;
  /*padding-left: 20px;*/
}

.she-header-yes {
  top: 0;
}

.she-header-yes.she-header-transparent-yes .pillows-logo-main .main-logo.ohm-trans-logo {
  display: block;
}
.she-header-yes.she-header-transparent-yes .pillows-logo-main .main-logo.ohm-scrolled-logo {
  display: none;
}

.she-header-yes.she-header .pillows-logo-main .main-logo.ohm-trans-logo {
  display: none;
}
.she-header-yes.she-header .pillows-logo-main .main-logo.ohm-scrolled-logo {
  display: block;
}

/* ----------------------------------------------------------- 2.X HEADER - SCROLLED ----------------------------------------------------------- */
.she-header.header-menu-section .elementor-container {
  /*     height: 88px!important; */
  height: 98px !important;
}

@media only screen and (max-width: 1919px) {
  .she-header.header-menu-section .elementor-container {
    /* 		height:78px!important; */
    height: 98px !important;
  }
}

.she-header .pillows-logo-main img {
  /* height:90px!important; */
  height: 85px !important;

  /* margin-left: 50px; */
  width: 94px !important;
}

.she-header {
  box-shadow: 0 3px 5px rgb(57 63 72 / 30%);
  box-shadow: 0 3px 5px rgb(57 63 72 / 30%);
  box-shadow: 0 3px 5px rgb(57 63 72 / 30%);
}

.she-header .menu-centre a {
  color: #b2854f !important;
}

.she-header .menu-book-btn p {
  color: #b2854f !important;
}

.she-header .menu-book-btn{
  border: 1px solid #b2854f;
}

.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; */
  top: 5px;
}

/* ----------------------------------------------------------- 2.X HEADER | POP UP MAIN MENU ----------------------------------------------------------- */

/* Transparant Background */

#elementor-popup-modal-754 {
  background-color: rgb(255 255 255 / 0%) !important;
}

#elementor-popup-modal-754 .dialog-lightbox-widget {
  background-color: rgb(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: #000;
}

/* 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: #fff0 !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: 0 !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: 0 !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: 0 0 0 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: 0 !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: 0;
    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: #000;
}

.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: #000;
}

.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; */
  height: 100px;
  width: 100px;
  top: 7px;
}

.mobile-header .mobile-logo svg path {
  fill: #fff !important;
}

.mobile-header.she-header .mobile-logo .st6 {
  fill: #96694c !important;
  stroke: #96694c !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; */
  top: 25px;
  font-size: 20px;
}

.mobile-hamburger svg {
  font-size: 32px;
}

.mobile-hamburger::after {
  content: "MENU";
  color: #fff !important;
  font-size: 10px !important;
  font-family: Lato !important;
  position: absolute;
}

/* Mobile Header Sticky  */
.mobile-header.she-header {
  background-color: #fff !important;
  width: 100%;
  z-index: 99999;
  box-shadow: 0 3px 5px rgb(57 63 72 / 30%);
  box-shadow: 0 3px 5px rgb(57 63 72 / 30%);
  box-shadow: 0 3px 5px rgb(57 63 72 / 30%);

  /* max-height: 90px; */
  max-height: 98px;
}

.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; */
  height: 84px;
}

.mobile-menu-navigation .elementor-nav-menu--dropdown {
  font-size: 18px;
}

/* MOBILE BOOK NOW BUTTON */
.book-btn-mobile {
  border: 1px solid #fff;
    width: auto!important;
    margin: auto;
    display: block;
}

.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; */
  top: 33px;
  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: 0.35em solid transparent;
  border-top: 0.5em solid;
  position: absolute;
  right: 11px;
  top: calc(50% - 0.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: 0;
    padding-left: 0;
    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: 0 !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;
    text-align: center;
  }
}

/* FOOTER TEXT RIGHT */
#newsletter-heading p {
  text-align: unset;
}

.footer-text-right p {
  text-align: right;
  padding-right: 0;
  padding-top: 13px;
}

@media only screen and (min-width: 1024px) and (max-width: 1156px) {
  .newsletter-footer {
    padding-left: 0 !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;
  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;
  white-space: nowrap;
}

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: 0;
    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: 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: 0 !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: 0;
    margin-right: 0;
  }

  /* Footer Credit */

  div#developed-by-p .elementor-widget-container .elementor-text-editor p {
    text-align: center;
  }

  .orange-section {
    margin: 0;
    margin-left: 0;
    margin-right: 0;
    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: 0;
  }

  .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: 0 !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; */
    width: 60% !important;
    margin-bottom: 100px;
  }

  .img-left-text-right .text-right {
    /* width: 50%!important; */
    padding: 0 35px !important;
  }

  .img-left-text-right .elementor-column {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }

  .img-left-text-right .left-dual .elementor-button-wrapper {
    text-align: center;
    padding-right: 0;
  }

  .img-left-text-right .right-dual .elementor-button-wrapper {
    text-align: center;
    padding-left: 0;
  }

  .img-left-text-right .brown-btn.right-dual {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}

.img-left-text-right {
  padding-left: 100px;
  padding-right: 100px;
}

.text-right {
  padding: 0 100px !important;
}

.text-right svg {
  margin-bottom: 50px;
}

@media only screen and (min-width: 1033px) and (max-width: 1400px) {
  .text-right {
    padding: 0 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: 0;
    padding-right: 0;
  }

  .text-right {
    padding: 0 20px !important;
  }

  .img-left-text-right img {
    margin-top: 80px;
  }

  .text-right svg {
    margin-bottom: 25px;
  }

  .text-right {
    padding: 0 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: #000;
}

@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: 0 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;
}

.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: #000 !important;
  margin-bottom: 0 !important;
  padding-bottom: 50px;
  margin: auto;
}

.right-white-cln .elementor-widget-wrap {
  padding-top: 67px !important;
  padding-bottom: 51px !important;
}

.img-white-block h2 {
  color: #000 !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 !important;
    padding-bottom: 175px !important;
  }

  .grey-background {
    padding: 150px 0;
  }

  .grey-background p {
    margin: 0 auto 75px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .right-white-cln .elementor-widget-wrap {
    padding-top: 75px !important;
    padding-bottom: 80px !important;
  }

  .grey-background {
    padding: 100px 0;
  }

  .grey-background p {
    margin: 0 auto 50px;
  }
}

@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 !important;
    padding-bottom: 50px !important;
  }

  .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;
  }
}

@media only screen and (max-width: 1024px) {
  .grey-background p {
    width: 90%;
  }
}

/* same element without the grey section */
.ohm-no-grey-block .right-white-cln {
  border: 1px solid #707070;
  border-left: none;
}

.img-white-block.ohm-no-grey-block {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* ----------------------------------------------------------- 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: #000 !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 !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: 0;
    padding-right: 0;
  }

  .three-img-row .elementor-column {
    margin-bottom: 40px;
  }

  .three-img-row .elementor-col-33:nth-child(1) {
    padding-right: 0;
  }

  .three-img-row .elementor-col-33:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }

  .three-img-row .elementor-col-33:nth-child(3) {
    padding-left: 0;
  }
}

@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: 0;
    padding-right: 0;
    margin-top: 100px !important;
  }

  .two-img-carousel .elementor-col-50:nth-child(1) {
    padding-right: 0;
  }

  .two-img-carousel .elementor-col-50:nth-child(2) {
    padding-left: 0;
  }

  .two-img-carousel .elementor-col-50:nth-child(1) {
    padding-right: 0;
  }

  .two-img-carousel .elementor-col-50:nth-child(2) {
    padding-left: 0;
  }

  .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: 0;
  }
}

.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: 0 !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: #000;
}

.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 !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 {
  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; */
    height: 85px !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 {
  transition: none !important;
  transition: none !important;
  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: #fff0;
  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: #000 !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;
  }

  .hoteliersfield::-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;
  opacity: 1;
}

input.select_hotel_inpt:focus {
  outline: none;
}

ul#ohm_select_hotel {
  position: absolute;
  background-color: white;
  width: 100%;
  box-shadow: rgb(57 63 72 / 30%) 0 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;
  opacity: 1;
}

.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;
  border: 1px solid #fff;
  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;
  border-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: #000 !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 !important;
  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: 0;
}

.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: #000 !important;
}

.reseng0-inner #resengo-process-flow > #resengo-wrapper label {
  font-family: "Canela Web";
  font-weight: 100;
  font-size: 16px !important;
  color: #000 !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: #000 !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: #fff !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-inner.resengo-ghent-restaurant #resengo-process-flow > #resengo-wrapper .grey-box {
  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;
}

.resengo-inner.resengo-ghent-restaurant h3 {
  color: #fff !important;
  font-size: 22px !important;
}

.resengo-inner.resengo-ghent-restaurant h4.appointment-data_title,
.resengo-inner.resengo-ghent-restaurant .appointment-data_value,
.resengo-ghent-restaurant h2   {
  color: #fff !important;
}

.resengo-ghent-restaurant .process-flow-wrapper h2 {
  color: #fff !important;
}

.resengo-inner.resengo-ghent-restaurant .invite-friends-actions {
  margin-top: 0 !important;
}

.resengo-inner.resengo-ghent-restaurant h2.white.center.reservation-success_title {
  color: #fff !important;
  margin-bottom: 10px !important;
}

a.resengo-logo-container {
  display: none !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;
}

#CybotCookiebotDialog {
  z-index: 99999999999 !important;
}

@media only screen and (max-width: 767px) {
  #CybotCookiebotDialogBodyButtons a {
    margin-right: 5px !important;
    width: fit-content !important;
  }
}

#CybotCookiebotDialogBodyButtons {
  margin: 0 !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;
}

.ohm-dutch-map-number-links img.eael-hotspot-icon.eael-hotspot-tooltip.hotspot-svg-icon {
  z-index: 9;
}

@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: 0;
    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 0 !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 !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 !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: 0;
    padding-right: 0;
  }

  .two-imgs-row-portrait .elementor-col-50:nth-child(1) {
    padding-right: 0;
  }

  .two-imgs-row-portrait .elementor-col-50:nth-child(2) {
    padding-left: 0;
  }

  .two-imgs-row-portrait .elementor-col-50:nth-child(1) {
    padding-right: 0;
  }

  .two-imgs-row-portrait .elementor-col-50:nth-child(2) {
    padding-left: 0;
  }

  .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;
}