/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* spandiva.com */

.flickity-slider h4 {
  min-height: 65px;
}

.lqd-submenu-cover
  .main-nav
  > .menu-item-has-children:not(.megamenu)
  > .nav-item-children {
  top: 25px !important;
  padding: 2em 0 !important;
}

.lqd-submenu-cover
  .main-nav
  > .wpml-ls-menu-item:not(.megamenu)
  > .nav-item-children:before {
  left: -0.6em !important;
  right: 1em !important;
}

.lqd-contact-form .landing-page textarea {
  height: 100px !important;
  border-radius: 2em !important;
  color: #000 !important;
  background-color: rgba(203, 217, 227, 0.5) !important;
  border-radius: 2em !important;
  font-family: Gilda Display, sans-serif !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
}

.lqd-contact-form .ui-button.ui-selectmenu-button,
.lqd-contact-form input,
.lqd-contact-form select,
.lqd-contact-form textarea {
  color: #000 !important;
  background-color: rgba(203, 217, 227, 0.5) !important;
  border-radius: 2em !important;
  font-family: Gilda Display, sans-serif;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
}

.lqd-contact-form .wpcf7-response-output {
  color: #fff !important;
  border-radius: 2em !important;
  font-family: Gilda Display, sans-serif !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
}

.lqd-contact-form p {
  color: #fff !important;
  font-family: Gilda Display, sans-serif;
}

.lqd-contact-form input.wpcf7-submit {
  background-color: #0c3044 !important;
  color: #fff !important;
  padding: 1em 4em;
  float: right;
  font-family: Gilda Display, sans-serif;
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code,
.iti--separate-dial-code .iti__selected-dial-code {
  color: #000 !important;
}

.iti--separate-dial-code .iti__selected-flag {
  border-radius: 1em;
}

.iti {
  width: 100%;
}

.wpcf7-acceptance .wpcf7-list-item-label,
.wpcf7 form.sent .wpcf7-response-output {
  color: #000 !important;
}

.landing-page .wpcf7-acceptance .wpcf7-list-item-label,
.landing-page .wpcf7-acceptance a,
.landing-page .wpcf7 form.sent .wpcf7-response-output {
  color: #fff !important;
}

.wpcf7-acceptance a {
  text-decoration: underline;
}

.homepage-video-container {
  height: 100vh !important;
  width: 100%;
  margin-top: -1px;
  background-color: #000000;
  position: relative;
}

#footer {
  z-index: 99;
  position: relative;
}

#homepage-video {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: transparent;
  background-position: center center;
  background-size: contain;
  object-fit: cover;
  z-index: 3;
}

#vimeo-player-fullscreen {
  width: 100vw; /* Full width */
  height: 56.25vw; /* Maintain 16:9 aspect ratio */
  min-height: 100vh; /* Ensure it covers the viewport height */
  min-width: 177.77vh; /* Maintain width for 16:9 on taller screens */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none; /* Prevent interaction with the iframe */
}

#vimeo-player-fullscreen-real-estate {
  width: 100vw; /* Full width */
  height: 56.25vw; /* Maintain 16:9 aspect ratio */
  min-height: 100vh; /* Ensure it covers the viewport height */
  min-width: 177.77vh; /* Maintain width for 16:9 on taller screens */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none; /* Prevent interaction with the iframe */
}

.aligned-list {
  list-style-type: disc;
  list-style-position: outside !important;
}

.aligned-list li {
  display: list-item; /* Default display for list items /
  padding-left: 0.8em; / Adjust left padding to align the text with bullets /
  text-align: start; / Aligns text properly in all languages */
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 0.8em;
}

.main-iframe-video-container {
  position: absolute; /* Allow normal document flow */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* Place it behind other content */
  overflow: hidden; /* Ensure no excess video spills out */
}

.main-iframe-video-container iframe {
  width: 100vw; /* Full width */
  height: 56.25vw; /* Maintain 16:9 aspect ratio */
  min-height: 100vh; /* Ensure it covers the viewport height */
  min-width: 177.77vh; /* Maintain width for 16:9 on taller screens */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none; /* Prevent interaction with the iframe */
}

.nav-item-children {
  min-width: 75px !important;
}

@media screen and (max-width: 1024px) {
  .landing-page .wpcf7-acceptance .wpcf7-list-item-label,
  .landing-page .wpcf7-acceptance a,
  .landing-page .wpcf7 form.sent .wpcf7-response-output {
    color: #4e5655 !important;
  }
}
