/* 
Theme Name: Iride Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Iride Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: iride-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Styles */

/* Global */

.grecaptcha-badge {
  visibility: hidden !important;
}

a,
a:hover {
  color: unset;
}

.text-orange {
  color: #A75E09 !important;
}

.pattern-bg {
  background-image: repeating-linear-gradient(
    to right,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.2) 1px,
    transparent 1px,
    transparent
  );
  background-size: 525px 525px;
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
}

.wpml-dropdown a,
.wpml-dropdown a:hover {
  background-color: #221c1c !important;
  border: none !important;
  color: white !important;
}

.image-big {
  height: 700px;
}

.image-small {
  height: 544px;
}

/* Mobile */
@media (max-width: 766px) {
  .image-big {
    height: 500px !important;
  }
}

.icon-3 {
  transform: translateY(-50%);
}

/* Hero */

.elementor-social-icons-wrapper .elementor-grid-item {
  margin: 0 !important;
}

/* Mobile */
@media (max-width: 766px) {
  /* Contatti menu link */
  .nav-menu .menu-item-56,
  .nav-menu .menu-item-1084,
  .nav-menu .menu-item-1090 {
    margin-bottom: 10px;
  }

  /* Prenota un tavolo menu link */
  .nav-menu .menu-item-57,
  .nav-menu .menu-item-1091,
  .nav-menu .menu-item-1085 {
    border: 1px solid #a75e09;
    transition: 0.25s;
    margin-bottom: 10px;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .mobile-popup {
    display: none;
  }
}

#mobile-off-canvas .uael-offcanvas {
  width: 100%;
}

#mobile-off-canvas .uael-offcanvas-content {
  padding: 0;
}

/* Tablet -> Desktop */
@media (min-width: 767px) {
  #mobile-off-canvas .uael-offcanvas {
    width: 50%;
  }

  /* Contatti menu link */
  .nav-menu .menu-item-56,
  .nav-menu .menu-item-1084,
  .nav-menu .menu-item-1090 {
    margin-bottom: 15px;
  }

  /* Prenota un tavolo menu link */
  .nav-menu .menu-item-57,
  .nav-menu .menu-item-1091,
  .nav-menu .menu-item-1085 {
    border: 1px solid #a75e09;
    transition: 0.25s;
    margin-bottom: 40px;
  }
}

.mobile-popup .dialog-lightbox-message {
  overflow: visible !important;
}

.dialog-close-button svg {
  width: 20px !important;
  height: 20px !important;
}

.nav-menu ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nav-menu .wpml-ls-item {
  width: 110px;
}

.nav-menu .wpml-ls-item ul {
  width: 80px;
}

.nav-menu .wpml-ls-item ul li {
  width: 100%;
}

.nav-menu .wpml-ls-item ul li .wpml-ls-flag {
  margin: 0 !important;
}

/* Set background colour on mobile for booking button */
@media (max-width: 1024px) {
  .nav-menu .menu-item-57,
  .nav-menu .menu-item-1091,
  .nav-menu .menu-item-1085 {
    background-color: #a75e09 !important;
  }
}

.nav-menu .menu-item-57:hover,
.nav-menu .menu-item-1091:hover,
.nav-menu .menu-item-1085:hover {
  background-color: #a75e09;
}

.nav-menu .menu-item-57 a,
.nav-menu .menu-item-1091 a,
.nav-menu .menu-item-1085 a {
  color: white !important;
}

#slider .elementor-repeater-item-d509dfa .swiper-slide-bg {
  background-position: left;
}

#slider .elementor-repeater-item-30bfba9 .swiper-slide-bg {
  background-position: bottom;
}

/* Laptop onwards */
@media (min-width: 1025px) {
  /* Make slider height equal to menu sidebar */
  #slider .elementor-swiper,
  #slider .elementor-slides-wrapper {
    height: 100%;
  }
}

/* Menu */

.menu-list ul {
  list-style-type: none;
  padding: 0;
}

.menu-list li {
  margin: 8px 0px;
}

/* Form */

#contact-form label {
  display: none;
}

#contact-form .elementor-field-type-radio label {
  display: inline !important;
  font-size: 16px;
}

#contact-form .elementor-field-type-radio .elementor-field-label {
  margin-bottom: 10px;
}

#contact-form .elementor-field-type-acceptance .elementor-field-subgroup label {
  display: inline !important;
}

#contact-form input::placeholder,
#contact-form textarea::placeholder {
  opacity: 1;
}

#contact-form .select-caret-down-wrapper {
  margin-top: -7px;
}

#contact-form select,
#contact-form label {
  font-weight: 300;
  font-size: 13px;
}

#contact-form .elementor-date-field {
  color-scheme: dark;
}

#contact-form .elementor-acceptance-field {
  margin-bottom: 15px;
}

/* TEST FOR DATE */

input[type="date"]:before {
  color: #ffffff;
  content: attr(placeholder);
}

/* Instagram feed */

#sb_instagram .sbi_item {
  aspect-ratio: 1 / 1 !important;
}

/* Cocktail image (booking section) */

#cocktail-img-container {
  height: 500px;
}

@media (min-width: 767px) {
  #cocktail-img-container {
    height: 730px !important;
  }
}