/*!
Theme Name: ED Hotels child theme
Theme URI: http://www.edhotels.com/
Author: ED Hotels team
Author URI: http://www.edhotels.com/
Description: Custom child theme: ED Hotels Gutenberg theme, developed by ED Hotels team
Version: 1.3.5
Template:	edhotels
Text Domain: edhotelschild
Requires at least: 5.9
*/
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
body, p, div, li, a, button, input, textarea {
    font-family: "Jost", sans-serif !important;
}
p { font-size:18px;}

h1, h2, h3, h4, h5, h6 {
    font-family: "Jost", sans-serif !important;
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 34px;
}
h3 {
    font-size: 26px;
}
.footer-container a:not(.wp-block-button__link):hover,
.footer-container a:not(.wp-block-button__link):focus {
    color: #ccc !important;
}
.accordion .acc_h h3 {font-size:17px!important;}
img.mobile {width:240px;height:auto;filter:brightness(0) invert(0);}
img.desktop {width:240px;height:auto;filter: brightness(0) invert(0);}
img.sticky {width:240px;height:auto;filter: brightness(0) invert(0);margin-top:15px;}
.lg-icon {font-family:lg!important;}
.scalable-img::before {background-color: rgba(0,0,0,0);}
.esileht {line-height:4rem!important;}
.wp-block-heading {line-height:2.6rem}
.footer-container .footer-inner .footer-block {padding:15px;}
.header-container .header-inner .language ul li a {color:#1a1a1a!important;}
button:focus,
button:focus-visible,
a:focus,
a:focus-visible {
    outline: none !important;
}
.btn-dark .wp-block-button__link {
  border-color: #000 !important;
  color: #000 !important;
}

.btn-dark .wp-block-button__link:hover {
  background-color: #000 !important;
  color: #fff !important;
}
footer {
  position: relative;
  background-color: #465448;
  padding-top: 75px;
}

footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background-image: url("/wp-content/themes/edhotels_child/images/KWH-logoikoon-muster.svg");
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: center top;
  pointer-events: none;
}
/* Header buttons: Gift card / Book now */
a.wp-block-button__link.book-button-header {
    font-family: "Jost", sans-serif !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    border: 1.5px solid #000 !important;
    color: #fff !important;
    background: #000!important;
    padding:10px 25px 10px 25px;
}
a.wp-block-button__link.book-button-header:hover {
    background:transparent!important;
    color: #000!important;
    border-color: #000 !important;
}
.wp-block-button__link {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  padding: 10px 25px 10px 25px!important;
}

.wp-block-button__link:hover {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}
.nav_trigger {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  line-height:1;
  width: auto !important;
  height: auto !important;
  padding: 5px 23px !important;
  border: 1px solid #000 !important;
  border-radius: 40px !important;
  background-color: #000 !important;
  color: #fff !important;
  font-family: "Jost", sans-serif !important;
  font-weight:500;
  margin-left:20px;
}

.nav_trigger svg {
  width: 20px;
  height: 20px;
  stroke-width: 1;
  transform: scaleX(1.6);
  color:#fff;
}
.feather-menu,
.feather-menu line {
  stroke: #fff !important;
  stroke-width: 2 !important;
  transition: stroke 0.2s;
}
.nav_trigger:hover .feather-menu,
.nav_trigger:hover .feather-menu line {
  stroke: #000 !important;
}
.nav_trigger:hover {
  background-color: transparent !important;
  color: #000 !important;
}
a.wp-block-button__link.book-button-header:focus:not(:focus-visible),
.header-container .header-inner .nav_trigger:focus:not(:focus-visible) {
    outline: none;
}
.nav_overlay ul.mobilenav li a {padding:.4rem 0; font-size:16px;}
.header-container .header-inner {padding:20px 20px;}
.header-container.smaller .language ul li a {color:#000;}
.nav_trigger {display:block!important;}
ul#menu-menu-1.header-nav {display:none;}
.header-container.smaller .header-inner .nav_trigger {color:#3a5a40;}
.header-container.header-layout-3 .header-nav {display:none;}
.header-newsletter-link {
    position: absolute;
    left: 7%;
    top: 50%;
    transform: translateY(-50%);
}
.header-newsletter-link a {
    color: #FFFDF4;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    border-radius:15rem;
}
/* anchor to assigned position*/
*:is([id]) {
    scroll-margin-top: 135px;
}
.nav_overlay ul.mobilenav > .menu-item-has-children > span,
.nav_overlay ul.mobilenav > .current-menu-parent > span,
.nav_overlay ul.mobilenav ul > .menu-item-has-children > span,
.nav_overlay ul.mobilenav ul > .current-menu-parent > span {
    position: absolute;
    top: 5px;
    left: -28px;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.nav_overlay ul.mobilenav ul > .menu-item-has-children > span,
.nav_overlay ul.mobilenav ul > .current-menu-parent > span {
    left: 0;
    top: 10px;
}

.nav_overlay ul.mobilenav .sub-menu {
    display: none;
}

.nav_overlay ul.mobilenav ul > .menu-item-has-children:before,
.nav_overlay ul.mobilenav ul > .current-menu-parent:before {
    display: none;
}

.nav_overlay ul.mobilenav .current_page_parent > .sub-menu,
.nav_overlay ul.mobilenav .current-page-ancestor > .sub-menu,
.nav_overlay ul.mobilenav .current_page_item > .sub-menu {
    display: block;
}
#dailyOffers {
  --do-heading: #3d4a45;
  --do-text: #1a1a1a;
  --do-line: #d9d6d0;
  --do-bg: #ffffff;          /* sama mis lehe taust */
  --do-pad-y: 2px;
  --do-pad-x: 14px;
  max-width: 820px;
  margin: 0 auto;
  padding: 24px 16px 48px;
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  color: var(--do-text);
  box-sizing: border-box;
}
#dailyOffers * { box-sizing: border-box; }
 
#dailyOffers .day {
  padding: 36px 0 28px;
  border-bottom: 1px solid var(--do-line);
}
#dailyOffers .day:last-child { border-bottom: none; }
 
#dailyOffers .dayName {
  font-family: 'Noto Serif', Georgia, serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.2;
  color: var(--do-heading);
  text-align: center;
  margin-bottom: 22px;
}
/* Nädalapäev inglise keeles teise reana pealkirja all.
   Põhineb päevade järjekorral (1. plokk = esmaspäev jne). */
#dailyOffers .dayName::after {
  display: block;
  margin-top: 6px;
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--do-text);
}
#dailyOffers .day:nth-child(1) .dayName::after { content: "Monday"; }
#dailyOffers .day:nth-child(2) .dayName::after { content: "Tuesday"; }
#dailyOffers .day:nth-child(3) .dayName::after { content: "Wednesday"; }
#dailyOffers .day:nth-child(4) .dayName::after { content: "Thursday"; }
#dailyOffers .day:nth-child(5) .dayName::after { content: "Friday"; }
#dailyOffers .day:nth-child(6) .dayName::after { content: "Saturday"; }
#dailyOffers .day:nth-child(7) .dayName::after { content: "Sunday"; }
 
#dailyOffers .offer {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 12px 0;
  font-size: 17px;
  line-height: 1.6;
}
#dailyOffers .offer + .offer { border-top: 1px dotted var(--do-line); }
 
#dailyOffers .offerDescription { flex: 1 1 auto; }
 
#dailyOffers .offerPrice {
  position: relative;
  flex: 0 0 auto;
  padding: var(--do-pad-y) var(--do-pad-x);
  border: 1px solid var(--do-text);
  border-radius: 999px;
  background: var(--do-bg);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  white-space: nowrap;
}
@media screen and (max-width: 640px) {
    *:is([id]) {
        scroll-margin-top: 95px;
    }
    #dailyOffers { --do-pad-y: 1px; --do-pad-x: 10px; }
  #dailyOffers .dayName { font-size: 24px; }
  #dailyOffers .offer { font-size: 16px; gap: 12px; }
  #dailyOffers .offerPrice { font-size: 14px; }
}
@media only screen and (max-width: 768px) {
  h1.wp-block-heading {font-size:33px!important;}
    .header-container.header-layout-3 .logo {
    position: static !important;
    top: auto !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
  }
   .height500 {
        height: 500px !important;
        min-height: 500px !important;
        max-height: 500px !important;
    }
    .height450 {
         height: 450px !important;
        min-height: 450px !important;
        max-height: 450px !important;
    }
  .header-container {
    text-align: left;
  }
  .wp-block-heading {margin-top:15px;}
  .header-container .header-inner .language ul li a {display:none;}
  .header-newsletter-link {display:none;}
  div.wp-block-columns.alignwide {padding-right: 15px!important; padding-left:15px!important;}
  .page-id-4212 div.wp-block-columns.alignwide {padding-right: 10px!important; padding-left:30px!important;}
  a.wp-block-button__link.book-button-header {padding:8px 10px 8px 10px;}
  a.wp-block-button__link.book-button-header {display:none;}
.wp-block-columns .gap0 {gap:0px!important;}
.gap0 {gap:0px!important;}
  h1 { font-size: 27px; }
  h2 { font-size: 22px; }
  h3 { font-size: 19px; }
  h4 { font-size: 17px; }
  h5 { font-size: 15px; }
  h6 { font-size: 13px; }
}
.nav_overlay ul.mobilenav > .menu-item-has-children > span,
.nav_overlay ul.mobilenav > .current-menu-parent > span,
.nav_overlay ul.mobilenav ul > .menu-item-has-children > span,
.nav_overlay ul.mobilenav ul > .current-menu-parent > span {
    position: absolute;
    top: 5px;
    left: -28px;
    font-size: 20px;
    line-height: 1;
    cursor: pointer
}

.nav_overlay ul.mobilenav ul > .menu-item-has-children > span,
.nav_overlay ul.mobilenav ul > .current-menu-parent > span {
  left: 0;
  top: 10px;
}

.nav_overlay ul.mobilenav .sub-menu {
    display: none
}

.nav_overlay ul.mobilenav ul > .menu-item-has-children:before,
.nav_overlay ul.mobilenav ul > .current-menu-parent:before {
  display:none;
}

.nav_overlay ul.mobilenav .current_page_parent > .sub-menu,
.nav_overlay ul.mobilenav .current-page-ancestor > .sub-menu,
.nav_overlay ul.mobilenav .current_page_item > .sub-menu {
	display: block;
}