/*
* Theme Name: Schmiedfeld
* Theme URI: https://www.schmiedfeld.at
*/

body { background-color: white; border-right: 45px solid var(--e-global-color-primary); }

.elementor-button:hover { text-decoration: none !important; }
input[type=submit].elementor-button.yellow,
button.elementor-button.yellow { background: var(--e-global-color-accent); }
img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
p:last-child { margin-bottom: 0; }
ul + p { margin-top: 1rem; }

/* Anchor */
.elementor-widget-menu-anchor { margin-bottom: -20px !important; }
.elementor-widget-menu-anchor .elementor-menu-anchor { top: -30px; position: relative; }

/* Flatpickr */
span.flatpickr-day.selected:hover,
span.flatpickr-day.selected { background-color: var(--e-global-color-secondary); border-color: var(--e-global-color-secondary); color: white; }
span.flatpickr-day.today { border-color: var(--e-global-color-secondary); }
span.flatpickr-day.today:hover, span.flatpickr-day.today:focus { border-color: var(--e-global-color-secondary); background: var(--e-global-color-secondary); }

/* Background */
.bg-center { position: relative; overflow: hidden; }
.bg-center > div { z-index: 2 !important; }
.bg-center::after { content: ''; top: -30px; right: -30px; left: -30px; bottom: -30px; z-index: 1; background-color: var(--e-global-color-b69b4b8); position: absolute; transform: rotate(3deg); }
.bg-center.reverse::after { transform: rotate(-3deg); }

/* Slider */
.elementor-slide-heading { text-shadow: 0px 0px 6px #000000; }
.slider-summer .elementor-repeater-item-a1a0cc3 .swiper-slide-bg { background-position: 21.5% 0%; }
.slider-summer .elementor-repeater-item-be6216d .swiper-slide-bg { background-position: 70.5% 0%; }
.slider-winter .elementor-repeater-item-5b4d38b .swiper-slide-bg { background-position: 29% 0%; }
.slider-hochkoenigcard .elementor-repeater-item-83a939a .swiper-slide-bg { background-position: 28% 0%; }
.slider-hochkoenigcard .elementor-repeater-item-3d8a886 .swiper-slide-bg { background-position: 23% 0%; }

/* Background: Shadow */
.drop-shadow img,
.drop-shadow svg { filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.4)); }

/* Background: Overflow */
.bg-overflow-left,
.bg-overflow-right { position: relative; overflow: hidden; }
.bg-overflow-left::after,
.bg-overflow-right::after { content: ''; top: -20px; right: -20px; left: -20px; bottom: -20px; z-index: -1; background-color: var(--e-global-color-b69b4b8); position: absolute; }
.bg-overflow-left::after { left: -50vw; }
.bg-overflow-right::after { right: -50vw; }
.hover-index-10:hover { z-index: 10; }

/* EasyBooking */
body.page-id-21,
body.page-id-1376 {  -ms-overflow-style: none; scrollbar-width: none; }

/* Popup: Menu */
.popup-menu .popup-menu-main a,
.popup-menu .popup-menu-main a:hover { line-height: 1 !important; background-color: transparent !important;}
.popup-menu .popup-menu-main .sub-arrow { display: none; }
.popup-menu .popup-menu-main ul { margin: 0; position: static !important; display: block !important; width: 100% !important; }
.popup-menu .popup-menu-main ul a { text-align: center; display: block; }
.popup-menu .popup-menu-main ul a,
.popup-menu .popup-menu-main ul a:hover { border: none !important; text-decoration: none; }
.popup-menu .popup-menu-main a[href="#"] { cursor: default; pointer-events: none; touch-action: none; }
.popup-menu .popup-menu-main ul.elementor-nav-menu > li:not(:first-child) > a { margin-top: 5vh; }
.popup-menu .popup-menu-main ul.elementor-nav-menu > li > ul { margin-top: 0.8vh; }
.popup-menu .popup-menu-main ul.elementor-nav-menu > li:first-child > a { margin-top: 2.5vh; }
.popup-menu .elementor-icon { position: relative;}
.popup-menu .elementor-icon svg,
.popup-menu .elementor-icon i { z-index: 2; }
.popup-menu .elementor-icon:hover svg,
.popup-menu .elementor-icon:hover i { color: white; fill: white !important; }
.popup-menu .elementor-icon:hover::after { content: ''; top: -10px; right: -10px; left: -10px; bottom: -10px; z-index: 1; background-color: var(--e-global-color-accent); position: absolute; transform: rotate(6deg); }

/* Popup: Sidebar */
.popup-sidebar .dialog-message { width: 45px; overflow: hidden !important; }
.popup-sidebar .elementor-widget-icon .elementor-icon { height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; }
.popup-sidebar .popup-sidebar-toggle:hover,
.popup-sidebar .elementor-widget-icon .elementor-icon:hover { background-color: var(--e-global-color-accent); background-color: var(--e-global-color-secondary); }
.popup-sidebar .popup-sidebar-toggle:hover .elementor-widget-icon .elementor-icon:hover { background-color: transparent; }
.popup-sidebar .popup-sidebar-close, 
.popup-sidebar .popup-sidebar-open { transition: all 0.3s ease; }
.popup-sidebar .popup-sidebar-close.icon-show { display: block; animation: rotateFadeIn 0.3s forwards; }  
.popup-sidebar .popup-sidebar-close.icon-hide { animation: rotateFadeOut 0.3s forwards; pointer-events: none; }
.popup-sidebar .popup-sidebar-open.icon-show { display: block; animation: rotateFadeIn 0.3s forwards; }
.popup-sidebar .popup-sidebar-open.icon-hide { animation: rotateFadeOut 0.3s forwards; pointer-events: none; }

/* Popup: EasyBooking */
.popup-easybooking .dialog-widget-content { background-color: transparent; bottom: 10px; left: -5px; }
.popup-easybooking .dialog-message { transform: rotate(-4deg); }

/* Popup: Bottom Nav */
.popup-bottom-nav a.elementor-icon { vertical-align: middle; height: 45px; width: 60px; display: flex;  align-items: center; justify-content: center; border-radius: 3px; }
.popup-bottom-nav a.elementor-icon:hover { background: #ffffff42; }
.popup-bottom-nav a.elementor-button { height: 45px; line-height: 45px; }
.popup-bottom-nav > .dialog-widget-content { box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .4) !important; }

/* Scattered Photos */
.scattered-photos { overflow: hidden; padding-top: 100px; padding-bottom: 160px; }
.scattered-photos .e-gallery-container a:nth-child(8n+1) { transform: translate(-20%, -18%) rotate(-7deg); z-index: 6;}
.scattered-photos .e-gallery-container a:nth-child(8n+1):hover { transform: translate(5%, -18%) rotate(-7deg) scale(1.1);}
.scattered-photos .e-gallery-container a:nth-child(8n+2) { transform: translate(-30%, 17%) rotate(1deg); z-index: 2;}
.scattered-photos .e-gallery-container a:nth-child(8n+2):hover { transform: translate(-30%, 17%) rotate(1deg) scale(1.1);}
.scattered-photos .e-gallery-container a:nth-child(8n+3) { transform: translate(-13%, 20%) rotate(-6deg); z-index: 3;}
.scattered-photos .e-gallery-container a:nth-child(8n+3):hover { transform: translate(-13%, 20%) rotate(-6deg) scale(1.1);}
.scattered-photos .e-gallery-container a:nth-child(8n+4) { transform: translate(0%, 0%) rotate(4deg); z-index: 5;}
.scattered-photos .e-gallery-container a:nth-child(8n+4):hover { transform: translate(-15%, 0%) rotate(4deg) scale(1.1); }
.scattered-photos .e-gallery-container a:nth-child(8n+5) { transform: translate(-13%, -16%) rotate(9deg); z-index: 1;}
.scattered-photos .e-gallery-container a:nth-child(8n+5):hover { transform: translate(5%, -16%) rotate(9deg) scale(1.1);}
.scattered-photos .e-gallery-container a:nth-child(8n+6) { transform: translate(17%, 0%) rotate(-5deg); z-index: 4;}
.scattered-photos .e-gallery-container a:nth-child(8n+6):hover { transform: translate(17%, 0%) rotate(-5deg) scale(1.1);}
.scattered-photos .e-gallery-container a:nth-child(8n+7) { transform: translate(-1%, 33%) rotate(4deg); z-index: 8;}
.scattered-photos .e-gallery-container a:nth-child(8n+7):hover { transform: translate(-1%, 33%) rotate(4deg) scale(1.1);}
.scattered-photos .e-gallery-container a:nth-child(8n+8) { transform: translate(-25%, -10%) rotate(-2deg); z-index: 7;}
.scattered-photos .e-gallery-container a:nth-child(8n+8):hover { transform: translate(-25%, -10%) rotate(-2deg) scale(1.1);}
.scattered-photos .e-gallery-container .e-gallery-image { border: 2px solid white; }
.scattered-photos .e-gallery-container a:hover { z-index: 10; }

/* Legal: Pages */
.legal h2 { font-size: 1.8rem !important; color: var(--e-global-color-primary) !important; margin-bottom: 0px; margin-bottom: 1rem; margin-top: 2rem; }
.legal h3 { font-size: 1.4rem !important; color: var(--e-global-color-primary) !important; margin-bottom: 0px; margin-bottom: 1rem; margin-top: 2rem; }

/* EasyBooking: Loading Spinner */
#ebbeLoadEngineContainer .bsm > div { display: none !important; }
#ebbeLoadEngineContainer .bsm,
.loader { margin: auto; margin-top: 50px; margin-bottom: 50px; display: block; width: 48px; height: 48px; border-radius: 50%; position: relative; animation: rotate 1s linear infinite }
#ebbeLoadEngineContainer .bsm::before,
#ebbeLoadEngineContainer .bsm::after,
.loader::before ,
.loader::after { content: ""; box-sizing: border-box; position: absolute; inset: 0px; border-radius: 50%; border: 5px solid var(--e-global-color-secondary); animation: prixClipFix 2s linear infinite; }
#ebbeLoadEngineContainer .bsm::after,
.loader::after{ border-color: var(--e-global-color-primary); animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse; inset: 6px; }

/* Page: Wastlalm */
body.page-id-29 .hochkoenig-card { display: none; }

/* Footer */
footer.elementor { position: relative; overflow: hidden; }
footer.elementor > div { z-index: 2 !important; }
footer.elementor::after { content: ''; top: 0px; right: 0px; left: 0px; bottom: 0px; z-index: 1; background-color: var(--e-global-color-9df9972); position: absolute; clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); }
footer.elementor a,
footer.elementor a:hover { color: var(--e-global-color-text) !important; text-decoration: none !important; }
footer.elementor a:hover { text-decoration: underline; }
  

/* Desktop (Standard) */
@media (min-width: 1025px) {}

/* Header break */
@media (max-width: 1100px) {
}

/* Tablet */
@media (max-width: 1024px) {
  .desktop-linebreaks br { display: none; }

  .bg-center::after { top: -30px; right: -10px; left: -10px; bottom: -30px; z-index: 1; clip-path: polygon(0 0, 100% 15px, 100% 100%, 0 calc(100% - 15px)); transform: none; }
  .bg-center.reverse::after { clip-path: polygon(0 15px, 100% 0, 100%  calc(100% - 15px), 0 100%); transform: none; }

  footer.elementor::after { clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%); }
}

/* Mobile */
@media (max-width: 767px) {
  body { border-right: 0px; }

  .scattered-photos { padding-top: 35px; padding-bottom: 35px; }
  .scattered-photos .e-gallery-container .e-gallery-image { border: none; }
  .scattered-photos .e-gallery-container a:nth-child(8n+1),
  .scattered-photos .e-gallery-container a:nth-child(8n+2),
  .scattered-photos .e-gallery-container a:nth-child(8n+3),
  .scattered-photos .e-gallery-container a:nth-child(8n+4),
  .scattered-photos .e-gallery-container a:nth-child(8n+5),
  .scattered-photos .e-gallery-container a:nth-child(8n+6),
  .scattered-photos .e-gallery-container a:nth-child(8n+7),
  .scattered-photos .e-gallery-container a:nth-child(8n+8),
  .scattered-photos .e-gallery-container a:nth-child(8n+1):hover,
  .scattered-photos .e-gallery-container a:nth-child(8n+2):hover,
  .scattered-photos .e-gallery-container a:nth-child(8n+3):hover,
  .scattered-photos .e-gallery-container a:nth-child(8n+4):hover,
  .scattered-photos .e-gallery-container a:nth-child(8n+5):hover,
  .scattered-photos .e-gallery-container a:nth-child(8n+6):hover,
  .scattered-photos .e-gallery-container a:nth-child(8n+7):hover,
  .scattered-photos .e-gallery-container a:nth-child(8n+8):hover {
    transform: none;
  }

  .bg-overflow-left::after { left: -10px; right: -10px; }
  .bg-overflow-right::after { left: -10px; right: -10px; }

  .popup-menu .popup-menu-main ul.elementor-nav-menu > li:not(:first-child) > a { margin-top: 2vh; }
  .popup-menu .popup-menu-main ul.elementor-nav-menu > li > ul { margin-top: 0.4vh; }
  .popup-menu .popup-menu-main ul.elementor-nav-menu > li:first-child > a { margin-top: 1vh; }

  .legal h2 { font-size: 1.4rem !important; }
  .legal h3 { font-size: 1.2rem !important; }

  footer.elementor::after { clip-path: polygon(0 0, 100% 15px, 100% 100%, 0 100%); }
  footer.elementor ul li a.elementor-item { justify-self: center; padding: 0px !important; }
}


/* Rotate */
@keyframes rotateFadeIn {
    0% {
      opacity: 0;
      transform: rotate(-45deg);
    }
    100% {
      opacity: 1;
      transform: rotate(0deg);
    }
}
  
@keyframes rotateFadeOut {
    0% {
        opacity: 1;
        transform: rotate(0deg);
    }
    100% {
        opacity: 0;
        transform: rotate(45deg);
    }
}

@keyframes rotate {
  0%   {transform: rotate(0deg)}
  100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}