/* ========================================================================== */
/*                              SINGLE-POST-SITE                              */
/* ========================================================================== */
/* -------------------------------- variables ------------------------------- */
:root {
  --intro-img-width: 58.32%;
  --intro-text-width: 32.24%;
  --intro-spacing: 4.71%;
  --intro-img-height: 32.5rem;
  --intro-text-pt: 2.2rem;
  --intro-text-xs-fs: .95rem;
  --intro-text-xs-lh: 1.4em;
  --intro-text-xs-fw: 400;
}

/* ---------------------------------- intro --------------------------------- */
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper {
  max-width: 82.86vw !important;
  margin-right: 9.53%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: fit-content;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper::after {
  display: none;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right {
  width: var(--intro-text-width);
  padding-left: 0 !important;
  padding-right: 0 !important;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr {
  padding-top: var(--intro-text-pt);
  padding-bottom: 0;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-person-count {
  color: var(--color-text) !important;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-person-count:not(:last-child) {
  margin-bottom: 1.92rem !important;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-text:not(:last-child) {
  margin-bottom: 0.96rem !important;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-room-price {
  color: var(--color-text) !important;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-room-price span {
  margin-left: 0.5rem;
  font-family: var(--font-3) !important;
  font-size: var(--intro-text-xs-fs) !important;
  line-height: var(--intro-text-xs-lh) !important;
  font-weight: var(--intro-text-xs-fw) !important;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .button:not(:only-child) {
  margin-top: 2.4rem !important;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) {
  width: var(--intro-img-width);
  padding-right: 0;
  height: auto !important;
  padding-bottom: 1.72rem !important;
  overflow: visible;
}
:is(.wso_package-template-default, .single-wso_room, .post-template-default) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) svg {
  left: -15.73% !important;
  transform: translate(0) !important;
}

/* --------------------------------- footer --------------------------------- */
.single-wso_room #Footer {
  padding-top: 6rem !important;
}

/* --------------------------------- card-10 -------------------------------- */
:root {
  --card-10-main-gap: 2.45rem;
  --card-10-image-height: 25rem;
  --card-10-gap-horizontal: 3.76rem;
  --card-10-highlight-button-dimension: 8.36rem;
  --card-10-highlight-button-inset: .77rem;
}

#Wrapper .wpgb-card-10:not(:first-child, :nth-child(2)) {
  padding-top: var(--card-10-gap-horizontal) !important;
}
#Wrapper .wpgb-card-10:hover img {
  scale: 1.1;
  transition: var(--transition-normal) ease-in-out;
}
#Wrapper .wpgb-card-10 .wso-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--card-10-main-gap) !important;
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-media-wrapper {
  height: var(--card-10-image-height) !important;
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-media-wrapper .image_wrapper {
  position: relative;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden;
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-media-wrapper .image_wrapper img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  transition: var(--transition-normal) ease-in-out;
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-media-wrapper .image_wrapper svg {
  display: block;
  width: var(--card-10-highlight-button-dimension);
  height: var(--card-10-highlight-button-dimension);
  position: absolute;
  top: var(--card-10-highlight-button-inset);
  right: var(--card-10-highlight-button-inset);
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-media-wrapper .image_wrapper svg circle {
  width: var(--card-10-highlight-button-dimension);
  height: var(--card-10-highlight-button-dimension);
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-media-wrapper .image_wrapper svg g {
  transform-origin: 89px 89px;
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-content-wrapper .wso-title {
  margin-bottom: 0.58rem !important;
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-content-wrapper .wso-person-count {
  color: var(--color-text) !important;
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-content-wrapper .wso-room-price {
  color: var(--color-text) !important;
  margin-top: 1.01rem !important;
}
#Wrapper .wpgb-card-10 .wso-card-wrapper .wso-content-wrapper .wso-button-wrapper {
  margin-top: 2.4rem !important;
}

/* --------------------------------- card-11 -------------------------------- */
:root {
  --card-11-height: 32.5rem;
  --card-11-img-width: 57.28%;
  --card-11-text-width: 31.66%;
}

#Wrapper .wpgb-card-11 {
  overflow: visible !important;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper {
  display: flex;
  height: var(--card-11-height);
  flex-direction: row;
  justify-content: space-between;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper.wso-kitz .wso-title {
  color: var(--color-1) !important;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper.wso-vienna .wso-title {
  color: var(--color-1) !important;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-media-wrapper {
  width: var(--card-11-img-width);
  overflow: visible !important;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-media-wrapper .image_wrapper {
  position: relative;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden;
  overflow: visible !important;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-media-wrapper .image_wrapper img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  transition: var(--transition-normal) ease-in-out;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-media-wrapper .image_wrapper svg {
  display: block;
  width: var(--card-10-highlight-button-dimension);
  height: var(--card-10-highlight-button-dimension);
  position: absolute;
  top: var(--card-10-highlight-button-inset);
  right: var(--card-10-highlight-button-inset);
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper {
  display: flex;
  width: var(--card-11-text-width);
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 1.75rem;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-title {
  width: 70%;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-person-count {
  color: var(--color-text) !important;
  margin-top: 0.53rem !important;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-text {
  margin-top: 1.97rem !important;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-room-price {
  color: var(--color-text) !important;
  margin-top: 1.01rem !important;
}
#Wrapper .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-button-wrapper {
  margin-top: 2.4rem !important;
}

/* ------------------------------- responsive ------------------------------- */
@media only screen and (max-width: 1499px) {
  :root {
    --card-11-text-width: 36.66%;
  }
}
@media only screen and (max-width: 1239px) {
  :root {
    --card-11-height: 30rem;
    --intro-img-width: 50.32%;
    --intro-text-width: 40.24%;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) svg {
    left: -40.73% !important;
  }
}
@media only screen and (max-width: 1023px) {
  /* --------------------------------- card-10 -------------------------------- */
  :root {
    --card-10-main-gap: .59rem;
    --card-10-image-height: 24.8rem;
    --card-10-gap-horizontal: 0rem;
    --card-10-highlight-button-dimension: 6.36rem;
    --intro-img-width: 100%;
    --intro-text-width: 100%;
    --intro-spacing: 4.71%;
    --intro-img-height: 32.5rem;
    --intro-text-pt: 2.2rem;
    --intro-text-xs-fs: 1.6rem;
  }
  /* --------------------------------- card-11 -------------------------------- */
  :root {
    --card-11-img-width: 57.28%;
  }
  #Wrapper .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-title {
    width: 100% !important;
  }
  #Wrapper .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-text {
    margin-top: 0.57rem !important;
  }
  #Wrapper .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-button-wrapper {
    margin-top: 0.4rem !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem !important;
  }
  /* ---------------------------------- intro --------------------------------- */
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper {
    display: flex;
    flex-direction: column-reverse;
    max-width: var(--content-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) {
    height: 24.82rem !important;
    margin-bottom: 4rem !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) svg {
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) svg {
    opacity: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  /* --------------------------------- card-10 -------------------------------- */
  #Wrapper .wpgb-card-10 .wso-card-wrapper .wso-content-wrapper .wso-button-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1.78rem !important;
  }
  /* --------------------------------- card-11 -------------------------------- */
  :root {
    --card-11-height: 100%;
    --card-11-img-width: 100%;
    --card-11-text-width: 100%;
  }
  #Wrapper .wso-grid-17 .wso-wrap-grid .column_attr {
    position: relative;
  }
  #Wrapper .wso-grid-17 .wso-wrap-grid .column_attr .wpgb-area-top-2 {
    left: 0;
    top: 29.54rem !important;
    z-index: 999;
  }
  #Wrapper .wso-grid-17 .wso-wrap-grid .column_attr svg {
    position: absolute;
    top: calc(24.8rem - var(--svg-illustration-height) / 2) !important;
    right: 20vw;
    width: auto;
    height: var(--svg-illustration-height);
    pointer-events: none;
    object-fit: cover;
    z-index: 9;
  }
  #Wrapper .wso-grid-17 .wpgb-card-11 .wso-card-wrapper {
    flex-direction: column;
  }
  #Wrapper .wso-grid-17 .wpgb-card-11 .wso-card-wrapper .wso-media-wrapper {
    height: 24.8rem !important;
  }
  #Wrapper .wso-grid-17 .wpgb-card-11 .wso-card-wrapper .wso-media-wrapper .image_wrapper svg {
    top: var(--card-10-highlight-button-inset) !important;
  }
  #Wrapper .wso-grid-17 .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper {
    padding-top: 12.2rem;
  }
  #Wrapper .wso-grid-17 .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-text {
    margin-top: 0.57rem !important;
  }
  #Wrapper .wso-grid-17 .wpgb-card-11 .wso-card-wrapper .wso-content-wrapper .wso-button-wrapper {
    margin-top: 0.4rem !important;
    flex-direction: row;
    gap: 0.5rem !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child {
    padding-top: 0 !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper {
    display: flex;
    flex-direction: column-reverse;
    max-width: var(--content-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap.wso-float-right .column_attr {
    padding-top: 0 !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) {
    margin-bottom: 8rem !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) .mcb-wrap-inner,
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) .mcb-wrap-inner .column.one,
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) .mcb-wrap-inner .column.one .image_frame {
    height: 100% !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) .image_frame {
    display: block !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) .image_frame .image_wrapper {
    width: 100% !important;
    height: 100% !important;
  }
  :is(.wso_package-template-default, .single-wso_room) #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) .image_frame .image_wrapper svg {
    top: unset !important;
    bottom: calc(0rem - var(--svg-illustration-height) / 2) !important;
  }
}