/*
Theme Name: RTZeus DVX Group Child
Description: A child theme for the DVX Group website based on the RT Zeus Theme
Author: RiverTech
Author URI:
Theme URI:
Template: rtzeus
Tags: full-site-editing, block-patterns
Text Domain: rtzeus
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.5
Version: 2.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front */
html {
  scroll-behavior: smooth;
  background-color: var(--wp--preset--color--primary) !important;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

html,
body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Your custom styles go below */
/*-----------------------------------------------------------ANIMATIONS-----------------------------------------------------------*/
/* Fade in animation */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Fade up animation */
@keyframes fadeUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}

/*-----------------------------------------------------------MAIN-----------------------------------------------------------*/
/* Styling the cookie banner */
.cky-consent-container .cky-consent-bar {
  box-shadow: 5px 5px 10px 0px
    var(--wp--preset--color--neutral-alpha-high-default) !important;
}

/* Styling the cookie banner accept button */
.cky-btn-accept {
  font-weight: 700 !important;
}

/* Adjusting the main container */
main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Adjusting the images */
.wp-block-image img {
  border-radius: 0 !important;
  max-width: 100% !important;
  vertical-align: middle !important;
}

/* Styling the buttons */
.wp-block-button a.wp-block-button__link {
  transition: all 0.3s;
}

/* Styling the buttons icon */
.wp-block-button__link::after {
  content: "\f054" !important;
  font-family: "Font Awesome 6 Free" !important;
  margin-left: 1rem !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
}

/* Adjusting elements on mobile */
@media screen and (max-width: 1290px) {
  /* Adjusting the cover container */
  .wp-block-cover__inner-container {
    padding-left: var(--wp--preset--spacing--50) !important;
    padding-right: var(--wp--preset--spacing--50) !important;
  }
}

/* Adjusting elements on mobile */
@media screen and (max-width: 400px) {
  /* Adjusting the buttons icon */
  .wp-block-button__link::after {
    display: none !important;
  }
}

/*-----------------------------------------------------------SCROLL TO TOP-----------------------------------------------------------*/
/* Styling the scroll to top button */
#scroll-to-top {
  z-index: 998 !important;
  bottom: 2.2rem !important;
  right: 2rem !important;
  background-color: var(--wp--preset--color--neutral) !important;
  color: var(--wp--preset--color--primary) !important;

  /* Adjusting the scroll to top button on mobile */
  @media screen and (max-width: 1200px) {
    top: 3rem;
    left: 50% !important;
    position: relative !important;
    transform: translateX(-50%);
  }

  /* Adjusting the scroll to top button on tablet */
  @media screen and (min-width: 1201px) and (max-width: 1300px) {
    bottom: 5rem !important;
    right: 1.5rem !important;
  }
}

/*-----------------------------------------------------------ERROR PAGE-----------------------------------------------------------*/
/* Adjusting the main container on the 404 page */
.error404 main {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

/*-----------------------------------------------------------LOGO-----------------------------------------------------------*/
/* Adjusting the size of the logo */
.wp-block-site-logo img {
  aspect-ratio: auto 240 / 100;
  width: 240px !important;
  transition: width 0.6s ease;

  /* Adjusting the size of the logo on mobile */
  @media screen and (max-width: 800px) {
    width: 44px !important;
    content: url("/wp-content/uploads/2025/07/Logo-Compact-Light.svg");
  }
}

/*-----------------------------------------------------------SITE HEADER-----------------------------------------------------------*/
/* Adjusting the site header */
.site-header {
  position: fixed;
  left: 0 !important;
  top: 0 !important;
  width: 100%;
  z-index: 1001 !important;
  background-color: var(--wp--preset--color--transparent) !important;
  transition: background-color 0.6s ease, padding 0.6s ease,
    box-shadow 0.6s ease, opacity 0.6s ease;
}

/* Adjusting the site header when scrolled */
#site-header.scrolled {
  background-color: var(--wp--preset--color--primary) !important;
  opacity: 1 !important;
  box-shadow: 0 2px 5px 0 #cfc5b220 !important;
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) !important;
}

/* Adjusting the site header logo when scrolled */
#site-header.scrolled .wp-block-site-logo img {
  width: 120px !important;
  text-align: center !important;
}

/* Adjusting the site header logo when scrolled */
#site-header.scrolled .site-header__logo {
  display: flex;
  flex-direction: column;
}

/* Adjusting the favicon icon transition in the content when the site header is scrolled */
.favicon-icon-content img {
  max-width: 86px;
  transition: max-width 0.3s ease;
}

/* Adjusting the favicon icon in the content when the site header is scrolled */
body.scrolled .favicon-icon-content img {
  max-width: 44px !important;
}

/* Styling the site header menu navigation */
.wp-block-navigation {
  background-color: var(--wp--preset--color--transparent) !important;
}

/* Adjusting the burger menu and close button svg */
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
  width: 1.6em !important;
  height: 1.6em !important;
  color: var(--wp--preset--color--neutral) !important;
}

/* Styling the menu button svg */
.wp-block-navigation__responsive-container-open svg path {
  transition: all 0.3s;
}

/* Styling the menu button svg on nav hover */
nav:hover .wp-block-navigation__responsive-container-open svg path {
  fill: var(--wp--preset--color--accent) !important;
}

/* Adjusting the burger menu container */
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
  align-items: center !important;
  gap: 0.3rem !important;
}

/* Styling the burger menu menu text */
.wp-block-navigation__responsive-container-open::after {
  content: "MENU" !important;
  color: var(--wp--preset--color--neutral) !important;
  font-size: var(--wp--preset--font-size--xxx-large) !important;
  transition: all 0.3s;
}

/* Styling the burger menu menu text */
.wp-block-navigation__responsive-container-close::after {
  content: "MENU" !important;
  color: var(--wp--preset--color--neutral) !important;
  font-size: var(--wp--preset--font-size--xxx-large) !important;
  transition: all 0.3s;
  position: absolute !important;
  top: -0.2rem !important;
  left: 2.1rem;
}

/* Adjusting the site header submenu item link on hover */
li.wp-block-navigation-item.wp-block-navigation-link a:hover {
  color: var(--wp--preset--color--accent) !important;
}

/* Adjusting the site header responsive container */
.wp-block-navigation__responsive-container {
  background-color: var(--wp--preset--color--transparent) !important;
  position: absolute !important;
  left: -0.5rem;
  top: -0.3rem;
  height: 15rem !important;
  padding: 0 !important;
  width: 300px !important;
  max-width: 300px !important;
}

/* Adjusting the site header mobile menu close button */
.wp-block-navigation__responsive-container-close {
  left: 0.5rem !important;
  top: 0.5rem !important;
}

/* Adjusting the site header responsive container dialog */
.wp-block-navigation__responsive-dialog {
  margin-top: 0 !important;
  background-color: var(--wp--preset--color--primary);
  z-index: 999 !important;
  padding: 1rem;
}

/* Adjusting the site header submenu container */
.wp-block-navigation.has-background
  .has-child
  .wp-block-navigation__submenu-container {
  padding-top: 0.5rem !important;
}

/* Adjusting the site header submenu item link */
.wp-block-navigation-item .wp-block-navigation-link a {
  align-items: center !important;
}

/* Adjusting the site header submenu item link icon */
.wp-block-navigation
  .has-child
  .wp-block-navigation__submenu-container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content::before {
  content: "\f111";
  font-family: "Font Awesome 6 Free" !important;
  font-size: 0.3em !important;
  color: var(--wp--preset--color--neutral) !important;
  margin-right: 0.5rem;
  display: inline-block;
}

/* Adjusting the site header navigation container */
.wp-block-navigation__container {
  gap: 1rem !important;
}

/* Adjusting the site header navigation container content */
.wp-block-navigation__responsive-container-content {
  margin-top: -1.5rem !important;
}

/* Adjusting the site header columns */
.site-header__columns {
  align-items: flex-start !important;
}

/* Adjusting the site header navigation and contact */
.site-header__navigation,
.site-header__contact {
  align-items: flex-start !important;
}

/* Adjusting the site header contact link group */
.site-header__contact__group {
  gap: 0.6rem !important;
  align-items: flex-start !important;
}

/* Adjusting the site header contact link group link */
.site-header__contact__group--link {
  margin: 0 !important;
  line-height: 1.2 !important;
  display: flex !important;
  align-items: flex-start !important;
}

/* Styling the site header menu link on hover of the navigation */
.wp-block-navigation__responsive-container-open:hover::after {
  color: var(--wp--preset--color--accent) !important;
}

/* Styling the site header contact link and icon */
.site-header__contact__group--link a,
i.fa-solid.fa-phone {
  transition: all 0.3s;
}

/* Styling the site header contact icon */
i.fa-solid.fa-phone {
  color: var(--wp--preset--color--neutral) !important;
  font-size: 1.1rem !important;
  position: relative !important;
  top: -1.25rem !important;
}

/* Styling the site header contact link and icon on hover of the contact group */
.site-header__contact__group:hover .site-header__contact__group--link a,
.site-header__contact__group:hover i.fa-solid.fa-phone {
  color: var(--wp--preset--color--accent) !important;
}

/* Styling the site header contact link icon */
.site-header__contact__group--image a {
  display: flex !important;
}

/* Adjust the mobile menu container when opened */
.wp-block-navigation__responsive-container.is-menu-open {
  animation: fadeIn 0.5s ease forwards;
  background: var(--wp--preset--color--primary) !important;
}

/* Adjusting the site header on mobile */
@media screen and (max-width: 350px) {
  /* Adjusting the site header */
  .site-header,
  #site-header.scrolled {
    padding-left: var(--wp--preset--spacing--50) !important;
    padding-right: var(--wp--preset--spacing--50) !important;
  }
}

/* Adjusting the site header on mobile */
@media screen and (max-width: 600px) {
  /* Adjusting the site header contact link */
  .site-header__contact__group--link a {
    display: none;
  }

  /* Styling the site header contact icon */
  i.fa-solid.fa-phone {
    top: -0.5rem !important;
  }

  /* Adjusting the site header burger menu text */
  .wp-block-navigation__responsive-container-open::after {
    display: none !important;
  }
}

/* Adjusting the site header on mobile */
@media screen and (max-width: 800px) {
  /* Adjusting the site header logo when scrolled */
  #site-header.scrolled .wp-block-site-logo img {
    width: 44px !important;
    text-align: center !important;
  }

  /* Adjusting the site header columns */
  .site-header__columns {
    flex-wrap: nowrap !important;
  }

  /* Styling the site header contact icon */
  i.fa-solid.fa-phone {
    bottom: 0.4rem !important;
  }
}

/* Adjusting the site header on mobile */
@media screen and (max-width: 1050px) {
  /* Adjusting the site header scroll */
  #site-header.scrolled {
    top: 0 !important;
  }

  /* Styling the burger menu menu text */
  .wp-block-navigation__responsive-container-close::after {
    top: 0.2rem !important;
  }
}

/* Adjusting the site header on tablet */
@media screen and (min-width: 601px) and (max-width: 1500px) {
  /* Styling the site header contact icon */
  i.fa-solid.fa-phone {
    top: -0.75rem !important;
  }
}

/*-----------------------------------------------------------SITE COPYRIGHT-----------------------------------------------------------*/
/* Styling the site copyright links */
.site-copyright__links {
  font-weight: 400 !important;
}

/* Adjusting the site header on mobile */
@media screen and (max-width: 1200px) {
  /* Styling the site copyright column paragraph */
  .site-copyright_column p {
    line-height: 1 !important;
    text-align: center !important;
  }
}

/*-----------------------------------------------------------HOME PAGE BANNER SECTION-----------------------------------------------------------*/
/* Adjusting the home page banner images */
.home-page__banner-images {
  display: flex;
  flex-direction: column;
}

/* Adjusting the home page banner image */
.home-page-banner-image {
  position: absolute;
  inset: 0;
  height: 100vh;
  width: 100vw;
  background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  transition: opacity 1s ease-in-out;
  pointer-events: none;
}

/* Styling the default image */
.default-image {
  background: url("/wp-content/uploads/2025/07/Home-Page-Banner.png") no-repeat
    center;
  opacity: 1;
}

/* Styling the fitness, property, and investment images */
.fitness-image,
.property-image,
.investment-image {
  opacity: 0;
}

/* Adjusting the home page banner default image on fitness text hover */
.home-page__banner-images:has(
    .home-page-banner__content__items--item.fitness-text:hover
  )
  .default-image {
  opacity: 0;
}

/* Styling the fitness image on fitness text hover */
.home-page__banner-images:has(
    .home-page-banner__content__items--item.fitness-text:hover
  )
  .fitness-image {
  opacity: 1;
}

/* Adjusting the home page banner default image on property text hover */
.home-page__banner-images:has(
    .home-page-banner__content__items--item.property-text:hover
  )
  .default-image {
  opacity: 0;
}

/* Styling the property image on property text hover */
.home-page__banner-images:has(
    .home-page-banner__content__items--item.property-text:hover
  )
  .property-image {
  opacity: 1;
}

/* Adjusting the home page banner default image on investment text hover */
.home-page__banner-images:has(
    .home-page-banner__content__items--item.investment-text:hover
  )
  .default-image {
  opacity: 0;
}

/* Styling the investment image on investment text hover */
.home-page__banner-images:has(
    .home-page-banner__content__items--item.investment-text:hover
  )
  .investment-image {
  opacity: 1;
}

/* Styling the fitness image */
.fitness-image {
  background: url("/wp-content/uploads/2025/07/Home-Page-Fitness-Banner.png")
    no-repeat center;
}

/* Styling the property image */
.property-image {
  background: url("/wp-content/uploads/2025/07/Home-Page-Property-Banner.png")
    no-repeat center;
}

/* Styling the investment image */
.investment-image {
  background: url("/wp-content/uploads/2025/07/Home-Page-Investment-Banner.png")
    no-repeat center;
}

/* Adjusting the home page banner content columns */
.home-page-banner__content__columns {
  gap: 0 !important;
  flex-direction: row !important;
}

/* Adjusting the home page banner content items */
.home-page-banner__content__items {
  width: 100%;
  justify-content: center;
  height: 100vh;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* Adjusting the home page banner content items item */
.home-page-banner__content__items .home-page-banner__content__items--item {
  cursor: pointer;
  padding: 0rem 2rem;
}

.home-page-banner__content__items
  .home-page-banner__content__items--item.property-text {
  border-top: none !important;
  border-bottom: none !important;
  border-right: solid 3px var(--wp--preset--color--neutral) !important;
  border-left: solid 3px var(--wp--preset--color--neutral) !important;
}

/* Styling the home page banner content links on hover */
.home-page-banner__content__columns--fitness-column--fitness-link a:hover,
.home-page-banner__content__columns--property-column--property-link a:hover,
.home-page-banner__content__columns--investment-column--investment-link
  a:hover {
  color: var(--wp--preset--color--accent) !important;
}

/* Adjusting the home page on mobile */
@media screen and (max-width: 900px) {
  /* Adjusting the home page banner */
  .home-page-banner {
    min-height: 100vh !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Adjusting the home page banner content columns */
  .home-page-banner__content__columns {
    flex-direction: column !important;
  }

  /* Adjusting the home page banner content items */
  .home-page-banner__content__items {
    flex-direction: column;
  }

  /* Adjusting the home page banner content items item */
  .home-page-banner__content__items--item {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 80vw !important;
  }

  /* Adjusting the home page banner content items item property text */
  .home-page-banner__content__items
    .home-page-banner__content__items--item.property-text {
    border-top: solid 3px var(--wp--preset--color--neutral) !important;
    border-bottom: solid 3px var(--wp--preset--color--neutral) !important;
    border-right: none !important;
    border-left: none !important;
  }
}

/*-----------------------------------------------------------ABOUT US PAGE BANNER SECTION-----------------------------------------------------------*/
/* Adjusting the about us page banner */
.about-us-page-banner {
  align-content: center !important;
  background-size: cover;
  background-position: center;
  -webkit-background-size: cover;
}

/* Adjusting the about us page on mobile */
@media screen and (max-width: 1070px) {
  /* Adjusting the about us page banner */
  .about-us-page-banner {
    min-height: 100vh !important;
  }
}

/*-----------------------------------------------------------CYPRUS PAGE BANNER SECTION-----------------------------------------------------------*/
/* Adjusting the cyprus page banner */
.cyprus-page-banner {
  align-content: center !important;
  background-size: cover;
  background-position: center;
  -webkit-background-size: cover;
}

/* Adjusting the cyprus page on mobile */
@media screen and (max-width: 1070px) {
  /* Adjusting the cyprus page banner */
  .cyprus-page-banner {
    min-height: 100vh !important;
  }
}

/*-----------------------------------------------------------RENTALS PAGE-----------------------------------------------------------*/
/* Adjusting the rentals page media text content */
.rentals-page__media-and-text-section .wp-block-media-text__content {
  padding: 0 0 0 2rem !important;
}

/* Adjusting the rentals page slides */
.slides {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Adjusting the rentals page slides track image block on top of each other */
.slides .wp-block-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  opacity: 0 !important;
  transition: opacity 1s ease !important;
  pointer-events: none !important;
}

/* Adjusting the rentals page visible slide */
.slides .wp-block-image.active {
  opacity: 1 !important;
  position: relative !important;
  pointer-events: auto !important;
}

/* Styling the rentals page previous and next buttons */
.slides .prev,
.slides .next {
  color: var(--wp--preset--color--neutral) !important;
  border: none;
  font-size: 1.6rem;
  cursor: pointer;
  z-index: 30;
}

/* Styling the rentals page buttons */
.wp-block-button.prev a,
.wp-block-button.next a {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Styling the rentals page buttons on hover */
.wp-block-button.prev a:hover,
.wp-block-button.next a:hover {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Styling the rentals page buttons icons */
.wp-block-button.prev a::after,
.wp-block-button.next a::before {
  content: none !important;
}

/* Styling the rentals page buttons previous icon */
.wp-block-button.prev a::before {
  content: "\f060" !important;
  font-family: "Font Awesome 6 Free" !important;
  margin-right: 0.5rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

/* Styling the rentals page buttons next icon */
.wp-block-button.next a::after {
  content: "\f061" !important;
  font-family: "Font Awesome 6 Free" !important;
  margin-left: 0.5rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

/* Adjusting the rentals page gallery columns images column arrow buttons */
.rentals-page__gallery-columns--images-column__buttons {
  padding-top: 1rem !important;
}

/* Adjusting the rentals page location desktop section */
#location-desktop {
  align-items: BASELINE !important;
}

/* Adjusting the rentals page slides track */
/* .slides .slides-track {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.5s ease;
  will-change: transform;
} */

/* Adjusting the rentals page slides track image block */
/* .slides .slides-track .wp-block-image {
  flex: 0 0 100%;
  margin: 0;
  display: block;
  transition: opacity 0.5s ease;
  opacity: 1;
} */

/* Adjusting the rentals page slides track image */
/* .slides .slides-track img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
} */

/* Adjusting the rentals page on mobile */
@media screen and (max-width: 400px) {
  /* Adjusting the rentals page buttons next icon */
  .wp-block-button.next a::after {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Adjusting the rentals page on mobile */
@media screen and (max-width: 466px) {
  /* Hiding the desktop location section */
  #location-desktop {
    display: none !important;
  }
}

/* Adjusting the rentals page on tablet and desktop */
@media screen and (min-width: 467px) {
  /* Hiding the mobile location section */
  #location-mobile {
    display: none !important;
  }
}

/* Adjusting the rentals page on mobile */
@media screen and (max-width: 950px) {
  /* Adjusting the rentals page media text section */
  .rentals-page__media-and-text-section {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Adjustin the rentals page media text content */
  .rentals-page__media-and-text-section .wp-block-media-text__content {
    padding: 2rem 0rem !important;
  }

  .rentals-page__media-and-text-section p {
    text-align: center !important;
  }
}

/* Adjusting the rentals page on mobile and tablet */
@media screen and (max-width: 1000px) {
  /* Adjusting the rentals page gallery columns */
  .rentals-page__gallery-columns {
    flex-direction: column !important;
    padding-top: 1rem !important;
    padding-bottom: 3rem !important;
  }

  /* Adjusting the rentals page gallery columns images column */
  /* .rentals-page__gallery-columns--images-column {
    order: 2 !important;
  } */

  /* Adjusting the rentals page gallery columns content column */
  .rentals-page__gallery-columns--content-column {
    padding-bottom: 0 !important;
    order: 2 !important;
  }

  /* Adjusting the rentals page gallery columns content column text */
  .rentals-page__gallery-columns--content-column--text {
    text-align: center !important;
  }

  /* Adjusting the rentals page gallery columns content column availability text */
  .rentals-page__gallery-columns--content-column--availability-text {
    padding-bottom: 3rem !important;
  }

  /* Adjusting the rentals page forbes, fpanayiotis, and cyfield sections */
  .rentals-page__forbes-section,
  .rentals-page__fpanayiotis-section,
  .rentals-page__cyfield-section {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

/*-----------------------------------------------------------FORBES PREMIER PAGE BLOCKS SECTION-----------------------------------------------------------*/
/* Adjusting the forbes premier page blocks section content columns column top columns */
.forbes-premier-page__blocks-section__content__columns--column--top-columns {
  height: 2rem !important;
}

/* Adjusting the forbes premier page blocks section content columns column top columns use rnumber columns */
.forbes-premier-page__blocks-section__content__columns--column--top-columns--user-number-column__columns {
  justify-content: flex-end !important;
}

/* Styling the forbes premier page blocks section user icon */
i.fa-regular.fa-user {
  color: var(--wp--preset--color--neutral) !important;
  font-size: 1.5rem !important;
}

/* Adjusting the forbes premier page blocks section content columns image section image */
.forbes-premier-page__blocks-section__content__columns--column--image-section--image
  img {
  transition: all 0.6s ease;
}

/* Adjusting the forbes premier page blocks section content columns image section image on hover of the image section */
.forbes-premier-page__blocks-section__content__columns--column--image-section:hover
  .forbes-premier-page__blocks-section__content__columns--column--image-section--image
  img {
  transform: scale(1.1);
  cursor: pointer;
}

/* Adjusting the forbes premier page on mobile and tablet */
@media screen and (min-width: 782px) and (max-width: 1090px) {
  /* Adjusting the forbes premier page blocks section content columns */
  .forbes-premier-page__blocks-section__content__columns {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* Adjusting the forbes premier page on tablet */
@media screen and (max-width: 1550px) {
  /* Styling the forbes premier page blocks section content columns unit number text and content text */
  .forbes-premier-page__blocks-section__content__columns--column--top-columns--unit-number-column--text,
  .forbes-premier-page__blocks-section__content__columns--column--content-section--text {
    font-size: var(--wp--preset--font-size--x-large) !important;
  }

  /* Styling the forbes premier page blocks section user icon */
  i.fa-regular.fa-user {
    font-size: 1rem !important;
  }
}

/* Adjusting the forbes premier page on mobile */
@media screen and (max-width: 1090px) {
  /* Adjusting the forbes premier page blocks section content columns top columns */
  .forbes-premier-page__blocks-section__content__columns--column--top-columns {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 1rem !important;
    flex-wrap: nowrap !important;
  }

  /* Adjusting the forbes premier page blocks section content columns column top columns user number column columns */
  .forbes-premier-page__blocks-section__content__columns--column--top-columns--user-number-column__columns {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 1rem !important;
    flex-wrap: nowrap !important;
    vertical-align: middle !important;
    float: right !important;
  }

  /* Adjusting the forbes premier page blocks section content columns column */
  .forbes-premier-page__blocks-section__content__columns--column {
    max-width: 100% !important;
    border-bottom: solid 1px var(--wp--preset--color--neutral) !important;
    border-right: none !important;
  }
}

/* Adjusting the forbes premier page on small mobile */
@media screen and (max-width: 376px) {
  /* Adjusting the forbes premier page blocks section content columns top columns */
  .forbes-premier-page__blocks-section__content__columns--column--top-columns {
    flex-direction: column !important;
  }

  /* Adjusting the forbes premier page blocks section content columns column top columns user number column columns */
  .forbes-premier-page__blocks-section__content__columns--column--top-columns--user-number-column__columns {
    float: left !important;
  }
}

/*-----------------------------------------------------------FORBES PREMIER UNITS PAGE-----------------------------------------------------------*/
/* Adjusting the individual units page content section columns information column amenities columns icon column */
.individual-unit-page__content-section__columns--information-column__amenities-columns--icon-column {
  flex: 0 0 25px;
  max-width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* Adjusting the individual units page content section columns information column amenities columns icon column */
.individual-unit-page__content-section__columns--information-column__amenities-columns--icon-column
  img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Adjusting the individual units page on desktop */
@media screen and (min-width: 782px) {
  /* Hiding the mobile content section */
  #individual-units-page-content-section-mobile {
    display: none !important;
  }

  /* Hiding the mobile arrow section */
  #individual-unit-page__arrow-section--mobile {
    display: none !important;
  }
}

/* Adjusting the individual units page on tablet */
@media screen and (min-width: 782px) and (max-width: 1150px) {
  /* Adjusting the individual units page content section */
  .individual-unit-page__content-section {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* Adjusting the individual units page on tablet */
@media screen and (max-width: 1150px) {
  /* Adjusting the individual units page content section */
  .individual-unit-page__content-section {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
  }

  /* Adjusting the individual units page content section columns */
  .individual-unit-page__content-section__columns {
    flex-direction: column !important;
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
  }

  /* Adjusting the individual units page content section columns image column image */
  figure.wp-block-image.alignright.size-full.individual-unit-page__content-section__columns--image-column--image,
  .individual-unit-page__content-section__columns--image-column--image img {
    width: 100% !important;
    height: auto !important;
  }
}

/* Adjusting the individual units page on mobile */
@media screen and (max-width: 840px) {
  /* Adjusting the individual units page content section columns */
  .individual-unit-page__content-section__columns {
    width: 100% !important;
  }
}

/* Adjusting the individual units page on mobile */
@media screen and (max-width: 781px) {
  /* Hiding the desktop content section */
  #individual-units-page-content-section-desktop {
    display: none !important;
  }

  /* Adjusting the individual units page content section */
  .individual-unit-page__content-section {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
  }

  /* Hiding the desktop arrow section */
  #individual-unit-page__arrow-section--desktop {
    display: none !important;
  }

  /* Adjusting the individual unit page arrow section icons */
  .individual-unit-page__arrow-section--icons {
    gap: 1rem !important;
    justify-content: center !important;
  }
}

/*-----------------------------------------------------------CONTACT US PAGE BANNER SECTION-----------------------------------------------------------*/
/* Adjusting the contact us page banner */
.contact-us-page-banner {
  align-content: center !important;
  background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
}

/* Adjusting the contact us page on mobile */
@media screen and (max-width: 1070px) {
  /* Adjusting the contact us page banner */
  .contact-us-page-banner {
    min-height: 100vh !important;
  }
}

/*-----------------------------------------------------------PARALLAX SECTION-----------------------------------------------------------*/
/* Adjusting the parallax section */
/* .home .parallax {
  height: 25rem !important;
  align-content: center !important;
  background-size: cover !important;
  -webkit-background-size: cover;
} */

/* Adjusting the parallax section on pages */
/* .parallax {
  height: 25rem !important;
  background-size: cover !important;
  -webkit-background-size: cover;
} */

/* Adjusting the parallax section */
.parallax-wrapper {
  position: relative;
  overflow: hidden;
  height: 25rem;
}

/* Adjusting the parallax section background */
.parallax-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  transform: translateY(0);
}

/* Adjusting the parallax section content */
.parallax-content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media screen and (max-width: 950px) {
  /* Adjusting the parallax section */
  .parallax-wrapper {
    position: relative;
    overflow: hidden;
    height: 20rem;
  }
}

/*-----------------------------------------------------------TEAM SECTION-----------------------------------------------------------*/
/* Adjusting the home page team section img */
.team-section__columns--column--image img {
  width: 100% !important;
}

/* Adjusting the home page team section on mobile */
@media screen and (max-width: 950px) {
  /* Adjusting the home page team section content */
  .team-section--content {
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
  }

  /* Adjusting the home page team section columns */
  .team-section__columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem;
  }
}

/*-----------------------------------------------------------CONTACT FORM-----------------------------------------------------------*/
/* Styling the contact form controls */
.ff-default .ff-el-form-control,
.ff-default .ff_btn_style {
  font-family: var(--wp--preset--font-family--syne) !important;
}

/* Adjusting the contact form container */
.ff-t-container {
  gap: 6rem !important;
}

/* Styling the contact form dropdown */
#ff_3_dropdown,
#ff_4_dropdown {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--neutral) !important;
}

/* Adjusting the contact form dropdown select option */
#ff_3_dropdown option[value=""],
#ff_4_dropdown option[value=""] {
  display: none;
}

/* Styling the contact form dropdown options */
#ff_3_dropdown option,
#ff_4_dropdown option {
  font-family: var(--wp--preset--font-family--syne) !important;
}

/* Adjusting the contact form submit button */
button.ff-btn.ff-btn-submit.ff-btn-lg.ff_btn_style {
  margin-top: 2rem !important;
}

/* Styling the contact form submit button icon */
button.ff-btn.ff-btn-submit.ff-btn-lg.ff_btn_style::after {
  content: "\f054" !important;
  font-family: "Font Awesome 6 Free" !important;
  margin-left: 1rem !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  position: relative !important;
  top: 0 !important;
  bottom: 0 !important;
  background: transparent !important;
}

/* Adjusting the contact form on mobile */
@media screen and (max-width: 400px) {
  /* Styling the contact form submit button */
  button.ff-btn.ff-btn-submit.ff-btn-lg.ff_btn_style {
    padding: calc(0.667em + 2px) calc(1.333em + 2px) !important;
  }

  /* Adjusting the contact form submit button icon */
  /* button.ff-btn.ff-btn-submit.ff-btn-lg.ff_btn_style::after {
    display: none !important;
  } */
}

/* Adjusting the custom dropdown wrapper */
.custom-dropdown-wrapper {
  position: relative;
  width: 100%;
  cursor: pointer;
}

/* Styling the custom dropdown toggle */
.custom-dropdown-toggle {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--neutral) !important;
  font-size: var(--wp--preset--font-size--xxx-large);
  font-weight: 700;
  line-height: 32px;
  position: relative;
  padding: 1.5rem;
  cursor: pointer;
  user-select: none;
  border-style: solid;
  border-color: var(--wp--preset--color--neutral) !important;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-radius: 0px;
}

/* Styling the custom dropdown toggle chevron down */
.custom-dropdown-toggle::after {
  content: "▼";
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--wp--preset--font-size--base);
  color: var(--wp--preset--color--neutral) !important;
  pointer-events: none;
  transition: transform 0.3s ease;
}

/* Styling the custom dropdown toggle when opened */
.custom-dropdown-wrapper.open .custom-dropdown-toggle::after {
  content: "▲";
}

/* Styling the custom dropdown options */
.custom-dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  opacity: 0;
  margin: 0 !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  transform: translateY(0);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 10;
  background-color: var(--wp--preset--color--primary-darker) !important;
  color: var(--wp--preset--color--neutral) !important;
  font-size: var(--wp--preset--font-size--xxx-large);
  font-weight: 700;
}

/* Adjusting the custom dropdown options when opened */
.custom-dropdown-wrapper.open .custom-dropdown-options {
  opacity: 1;
  left: 0;
  transform: translateY(0);
  pointer-events: auto;
}

/* Adjusting the custom dropdown options list */
.custom-dropdown-options li {
  list-style-type: none !important;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

/* Styling the custom dropdown options list on hover */
.custom-dropdown-options li:hover {
  color: var(--wp--preset--color--accent) !important;
}

.ff-btn.ff-btn-submit.ff-btn-processing {
  pointer-events: auto; /* optional, so it doesn’t disable click */
}

/*-----------------------------------------------------------GUESTY WIDGET-----------------------------------------------------------*/
/* Adjusting the guesty widget container */
.guesty-widget__container {
  max-width: 100% !important;
}