/*
Theme Name: Beychevelle
Author: Poyesis
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.9
Tested up to: 6.8
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beychevelle
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Custom CSS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

.flatpickr-current-month .flatpickr-monthDropdown-months {
  text-transform: capitalize;
}

.flatpickr-day.no-sunday {
  cursor: not-allowed !important;
  pointer-events: none;
  color: #e6e6e6 !important;
}

#age_verify select,
#age_verify input {
  text-align: center;
  text-align-last: center;
}

/* Remove default arrow and apply custom styles */
#age_verify select {
  appearance: none; /* Remove the default arrow */
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none; /* For Firefox */
  padding-right: 30px; /* Space for the custom arrow */
  background-color: white; /* Optional, set background color */
  background-position: right 10px center; /* Position the custom arrow */
  background-repeat: no-repeat; /* Prevent repeating the background */
}

/* Add custom SVG as background */
#age_verify select {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2211%22%20viewBox%3D%220%200%2016%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.36353%201.08594L7.89678%208.91797L14.4293%201.08594%22%20stroke%3D%22%23C1A97E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-color: #f1f1ee99;
  border: 1px solid #c1a97e;
  color: #c1a87e;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

textarea {
  resize: none;
}

body {
  margin: 0;
}

a {
  color: inherit;
}

p {
  margin: 0;
}

[hidden] {
  display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.no-link-parent > a {
  cursor: default; /* Indicate it's not a clickable link */
  pointer-events: none; /* Disable all pointer events on the link */
}

.no-link-parent > a .sub-arrow {
  pointer-events: auto;
}

.years-carousel .swiper-slide {
  border-bottom: 1px solid #d6dbdc;
  margin: 0 !important;
}

.header-menu .elementor-nav-menu::before {
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  left: -15px;
  right: 0;
  background-color: #fff;
  z-index: 0 !important;
}

.header-menu .elementor-nav-menu--layout-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 105px;
}

.header-menu .elementor-nav-menu--layout-horizontal > ul {
  height: 100%;
}

.header-menu .elementor-nav-menu li {
  position: relative;
}

.header-menu .elementor-nav-menu li ul.sub-menu {
  display: block;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 100%;
  left: -15px !important;
  /* width: 115%; */
  width: auto;
  z-index: -1;
  box-shadow: inset 0 4px 4px #0000000d;
}

.header-menu .elementor-nav-menu li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.header-menu .elementor-nav-menu ul.sub-menu li a {
  justify-content: center;
}

.screen-reader-text {
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

/*--------------------------------------------------------------
3.0 Custom CSS
--------------------------------------------------------------*/

.vertical_text,
.vertical_text_1,
.vertical_text_2 {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  display: inline-block;
  margin-right: -13px;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

input[type="checkbox"] {
  margin: 0 7px 0 0;
}

#my-sticky-header {
  z-index: 991;
  transition: top 0.3s ease-in-out;
}

.page-id-675 #my-sticky-header {
  transition: none;
}

.dialog-close-button.dialog-lightbox-close-button .eicon-close {
  display: none;
}

.dialog-close-button.dialog-lightbox-close-button::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 10L24 25' stroke='%23B3BEBB' stroke-linecap='round'/%3E%3Cpath d='M24 10L9 25' stroke='%23B3BEBB' stroke-linecap='round'/%3E%3Ccircle cx='17' cy='17' r='16.5' stroke='%23B3BEBB'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  width: 34px;
  height: 34px;
}

.elementor-date-field.flatpickr-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.elementor-form
  .elementor-form-fields-wrapper.elementor-labels-above
  .elementor-field-group
  .elementor-field-subgroup {
  flex: 1 !important;
  gap: 35px;
}

.elementor-form .elementor-field-type-radio .elementor-field-label {
  font-family: "Kudryashev Display", Sans-serif !important;
  font-size: 16px !important;
  margin-right: 70px;
  align-self: end !important;
  display: flex;
  line-height: 1 !important;
  padding: 0 !important;
}

.elementor-form
  .elementor-field-type-radio
  .elementor-field-subgroup
  .elementor-field-option
  label {
  font-size: 14px !important;
}

.elementor-form
  .elementor-field-type-radio
  .elementor-field-option
  input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  border: 1px solid #c1a97e;
  background-color: transparent;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}

.elementor-form
  .elementor-field-type-radio
  .elementor-field-option
  input[type="radio"]:checked {
  background-color: #c1a97e;
  border-color: #c1a97e;
}

.elementor-form
  .elementor-field-type-radio
  .elementor-field-option
  input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 13L10 18L19 6' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.elementor-form
  .elementor-field-type-acceptance
  .elementor-field-option
  input[type="checkbox"],
.elementor-form
  .elementor-field-type-checkbox.elementor-field-option
  input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block !important;
  margin: 0;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  background-color: transparent !important;
  width: 20px;
  height: 20px;
  border-radius: 4px !important;
  border: 1px solid #c1a97e !important;
}

.elementor-form
  .elementor-field-type-acceptance
  .elementor-field-option
  input[type="checkbox"]:checked,
.elementor-form
  .elementor-field-type-checkbox
  .elementor-field-option
  input[type="checkbox"]:checked {
  background-color: #c1a97e !important;
  border-color: #c1a97e !important;
}

.elementor-form
  .elementor-field-type-acceptance
  .elementor-field-option
  input[type="checkbox"]:checked::after,
.elementor-form
  .elementor-field-type-checkbox
  .elementor-field-option
  input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 13L10 18L19 6' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.elementor-form select.elementor-field-textual {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L8 8.5L15 1.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px 10px;

  padding-right: 40px;
}

.elementor-form select::-ms-expand {
  display: none !important;
}

.select-caret-down-wrapper {
  display: none !important;
}

.elementor-select-wrapper .e-font-icon-svg {
  display: none !important;
}

.moving-text h2 {
  display: inline-block;
  height: auto;
  min-height: 75px;
  white-space: nowrap;
  will-change: transform;
}

.button_underline .elementor-button-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 20px;
  height: 2px;
  background-color: #000;
}

#breadcrumbs > * {
  color: #fff !important;
}
.black-breadcrumb #breadcrumbs > * {
  color: #000 !important;
}

#sbi_images {
  column-gap: 44px !important;
  row-gap: 15px !important;
}

#sb_instagram .sbi_photo_wrap,
#sb_instagram .sbi_photo {
  height: 100% !important;
}

#sb_instagram #sbi_images .sbi_item:first-child {
  height: 339px !important;
}

#sb_instagram #sbi_images .sbi_item:nth-child(2) {
  margin-top: -33px !important;
  height: 311px !important;
}

#sb_instagram #sbi_images .sbi_item:nth-child(3) {
  margin-top: -14px !important;
  height: 244px !important;
}

#sb_instagram #sbi_images .sbi_item:nth-child(4) {
  margin-top: -33px !important;
  height: 311px !important;
}

#sb_instagram #sbi_images .sbi_item:nth-child(5) {
  height: 339px !important;
}

#sb_instagram #sbi_images .sbi_item:nth-child(6) {
  height: 278px !important;
}

#sb_instagram #sbi_images .sbi_item:last-child {
  height: 278px !important;
  grid-column: 5;
  grid-row: 2;
}

.menu-shadow {
  box-shadow: 0px 4px 4px 0px #0000000d;
  transition: top 0.3s ease-in-out;
}

.elementor-widget-n-accordion .e-n-accordion-item {
  border-bottom: 1px solid #00000033;
}

.custom-elementor-slider
  .elementor-element
  .swiper
  .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 65px !important;
}

.custom-elementor-slider .swiper-pagination-bullet {
  height: 1px !important;
  border-radius: 0 !important;
}

.custom-elementor-slider .swiper-pagination-bullet-active {
  height: 2px !important;
  border-radius: 0 !important;
  transform: translateY(1px);
}

.custom-elementor-slider .elementor-image-carousel img {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.cky-notice-btn-wrapper .cky-btn,
.cky-prefrence-btn-wrapper .cky-btn {
  padding-top: 7px;
}

@media (max-width: 1367px) {
  /* .header-menu .elementor-nav-menu li ul.sub-menu {
    width: 125% !important;
  } */

  .header-menu .elementor-nav-menu li ul.sub-menu li a {
    font-size: 9px !important;
  }
}

@media (max-width: 1024px) {
  #my-sticky-header {
    position: fixed !important;
    top: 0 !important;
    transition: none !important;
  }

  #sb_instagram.sbi_tab_col_2 #sbi_images {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  #sbi_images {
    column-gap: 11px !important;
    row-gap: 15px !important;
  }

  #sb_instagram #sbi_images .sbi_item:nth-child(n + 5) {
    display: none !important;
  }
  /* #sb_instagram #sbi_images .sbi_item:first-child,
  #sb_instagram #sbi_images .sbi_item:nth-child(2),
  #sb_instagram #sbi_images .sbi_item:nth-child(3) {
    display: none !important;
  } */
  #sb_instagram #sbi_images .sbi_item:first-child {
    margin-top: 0px !important;
    height: 185px !important;
    grid-column: 1;
    grid-row: 1;
  }

  /* Second image - Right column, top (offset down) */
  #sb_instagram #sbi_images .sbi_item:nth-child(2) {
    margin-top: 31px !important;
    height: 154px !important;
    grid-column: 2;
    grid-row: 1;
  }

  /* Third image - Left column, bottom */
  #sb_instagram #sbi_images .sbi_item:nth-child(3) {
    margin-top: 0px !important;
    height: 153px !important;
    grid-column: 1;
    grid-row: 2;
  }

  /* Fourth image - Right column, bottom */
  #sb_instagram #sbi_images .sbi_item:nth-child(4) {
    margin-top: 0px !important;
    height: 185px !important;
    grid-column: 2;
    grid-row: 2;
  }

  .header-menu .elementor-nav-menu::before {
    display: none;
  }

  .header-menu .elementor-nav-menu li ul.sub-menu {
    position: unset;
    box-shadow: none;
    width: 100% !important;
    display: none;
    visibility: visible;
    transform: none;
    opacity: 1;
  }

  .header-menu .elementor-nav-menu li.menu-item-has-children.active ul.sub-menu,
  .header-menu
    .elementor-nav-menu
    li.menu-item-has-children:focus-within
    ul.sub-menu {
    display: block !important;
  }

  .header-menu .elementor-nav-menu li ul.sub-menu li a {
    padding: 0 0 10px 0 !important;
  }

  .header-menu .elementor-nav-menu li ul.sub-menu li:last-child a {
    padding: 0 0 15px 0 !important;
  }

  .mobile-menu .elementor-nav-menu > li,
  .header-menu .elementor-nav-menu > li {
    border-bottom: 1px solid #707070 !important;
    margin: 0 30px !important;
  }

  .mobile-menu .sub-menu li a {
    color: #626262 !important;
    padding: 0px 0 20px 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .vertical_text {
    margin-right: -40px;
  }

  .vertical_text_1 {
    margin-right: -60px;
  }

  .vertical_text_2 {
    margin-right: -10px;
  }
}

@media screen and (max-width: 480px) {
  .elementor-form .elementor-field-type-radio .elementor-field-label {
    margin-right: 100px;
    margin-bottom: 15px;
  }

  .elementor-form
    .elementor-form-fields-wrapper.elementor-labels-above
    .elementor-field-group
    .elementor-field-subgroup {
    gap: 30px;
  }

  .elementor-form
    .elementor-field-type-radio
    .elementor-field-subgroup
    .elementor-field-option
    label {
    font-size: 12px !important;
  }

  .elementor-form
    .elementor-form-fields-wrapper.elementor-labels-above
    .elementor-field-group
    .elementor-field-subgroup {
    flex: auto !important;
  }

  .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    padding-inline-end: 0 !important;
  }

  .vertical_text_1 {
    margin-right: -50px;
  }

  .vertical_text_2 {
    margin-right: -5px;
  }
  .elementor-field-subgroup:not(.elementor-subgroup-inline)
    .elementor-field-option {
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
}