/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */

body {
  padding-top: 0 !important;
}

a {
  color: #d4cdbe;
}

a:hover {
  color: #c4a35a;
}

.gsap-line p,
.gsap-line .elementor-testimonial-content {
  margin-bottom: 0;
}

/* Stack date + time for Elementor TEC Date/Time widget */
.tec-events-elementor-event-widget__datetime {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

/* Start date on its own line */
.tec-events-elementor-event-widget__datetime-date--start {
  flex: 0 0 100%;
  font-weight: 600 !important;
  text-transform: uppercase;
}

/* Hide end date (December 21) */
.tec-events-elementor-event-widget__datetime-date--end {
  display: none;
}

/* Hide the "@" separators */
.tec-events-elementor-event-widget__datetime-separator {
  display: none;
}

.tec-events-elementor-event-widget__datetime-time--end {
  margin-left: 3px !important;
}

/* Add dash between times */
.tec-events-elementor-event-widget__datetime-time--start::after {
  content: " – ";
}

#tribe-events-pg-template {
  max-width: unset;
  padding: 0;
}

.tribe_event_series-template-default .hide-on-series {
  display: none;
}

.tribe_event_series-template-default .full-width-series {
  flex: 0 0 100%;
}
.tribe_event_series-template-default
  .full-width-series
  .elementor-widget-theme-post-content {
  width: 100%;
}

.tribe-events .tribe-events-l-container {
  min-height: auto;
  padding: 0;
}

/* Hide events section on homepage if no events */
body.no-upcoming-events .homepage-upcoming-events,
body .show-on-no-events {
  display: none;
}

body.no-upcoming-events .show-on-no-events {
  display: block !important;
}

/* Mobile menu */
.elementor-location-header .elementor-nav-menu--main .hide-on-desktop {
  display: none;
}

/* prevent website from scrolling when mobile menu open */
html.menu-open,
body.menu-open {
  overflow: hidden;
  height: 100vh;
}

body.menu-open .elementor-location-header > .e-con {
  background-color: #000000c2;
}

@media only screen and (max-width: 1024px) {
  .elementor-location-header
    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    height: 100vh;
  }

  /* Fullscreen dropdown */
  .elementor-nav-menu--dropdown {
    display: flex;
    align-items: center; /* vertical center */
    justify-content: center; /* horizontal center */
    text-align: center;
  }

  /* Menu list */
  .elementor-nav-menu--dropdown > ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 100px;
    width: clamp(280px, 80vw, 420px);
  }

  .elementor-nav-menu--dropdown a,
  .elementor-nav-menu--dropdown .elementor-nav-menu .sub-arrow {
    display: inline;
  }

  .elementor-nav-menu--dropdown li {
    padding: 10px;
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu > li:last-child {
    margin-top: 15px;
  }

  .elementor-nav-menu--dropdown .elementor-nav-menu > li:last-child > a {
    padding: 7px 15px 7px 15px;
    border: 2px solid #d4cdbe;
  }

  .elementor-nav-menu--dropdown .elementor-item,
  .elementor-nav-menu--dropdown .elementor-sub-item {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  /* Sub menu container */
  .elementor-nav-menu--dropdown .sub-menu {
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0.5rem;
    background-color: transparent !important;
    transition:
      opacity 0.25s ease,
      transform 0.25s ease;
  }

  /* Sub menu items */
  .elementor-nav-menu--dropdown .elementor-sub-item {
    font-weight: 500 !important;
    font-size: 20px !important;
  }

  .elementor-nav-menu--dropdown .sub-menu::before {
    content: "";
    display: block;
    width: 2rem;
    height: 1px;
    margin: 0.75rem auto;
    background: currentColor;
    opacity: 0.3;
  }

  .elementor-nav-menu--dropdown .sub-menu[aria-hidden="true"] {
    opacity: 0;
    transform: translateY(-5px);
  }
}

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

/* .credits {
	padding-top: 5px;
} */
.credits p {
  line-height: 20px;
}

@media only screen and (min-width: 768px) {
  .credits p {
    text-align: right;
  }
}

.credits p a {
  color: #d4cdbe !important;
}

.credits p a:hover {
  color: #c4a35a !important;
}

.credits a .plum {
  background-image: url(./assets/images/plum-logo-sm.png);
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  height: 20px;
  margin: 1px 3px 0;
  width: 20px;
  display: inline-block;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: absolute;
}

.credits a:hover .plum {
  animation-name: plumbounce;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;

  -moz-animation-name: plumbounce;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: 1;

  -webkit-animation-name: plumbounce;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
}

@-webkit-keyframes plumbounce {
  45% {
    height: 15px;
    margin-top: 6px;
  }

  55% {
    height: 15px;
    margin-top: 6px;
  }

  75% {
    height: 25px;
    margin-top: -7px;
  }
}

@-moz-keyframes plumbounce {
  45% {
    height: 15px;
    margin-top: 6px;
  }

  55% {
    height: 15px;
    margin-top: 6px;
  }

  75% {
    height: 25px;
    margin-top: -7px;
  }
}

@keyframes plumbounce {
  45% {
    height: 15px;
    margin-top: 6px;
  }

  55% {
    height: 15px;
    margin-top: 6px;
  }

  75% {
    height: 25px;
    margin-top: -7px;
  }
}