body {
    --top-bar-height: 100px;
    --top-bar-scroll-height: 60px;
}

a[href*="/"],
a[href*="/"]:hover { transition: .3s; }

body { font-family: Montserrat, sans-serif; }

.font--cormorant { font-family: 'Cormorant Garamond', serif; }
.font--lato { font-family: Lato, sans-serif; }
.font--14 { font-size: 14px; }
.font--18 { font-size: 18px; }
.font--20 { font-size: 20px; }
.font--italic { font-style: italic; }

.color--amber { color: #A34D2A; }

.weight--light { font-weight: 300; }
.weight--regular { font-weight: 400; }
.weight--semi-bold { font-weight: 600; }

.text--center { text-align: center; }
.text--upper { text-transform: uppercase; }

img { max-width: 100%; height: auto; }
[class*="container--"] { margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }
.container--normal { max-width: 1200px; }
.container--small { max-width: 800px; }
.vertical-space-100 { padding-top: 100px; padding-bottom: 100px; }

@media (max-width: 768px) {
    [class*="container--"] { padding-left: 20px; padding-right: 20px; }
}

.remove-last-margin :last-child { margin-bottom: 0; }

/*BOOK NOW*/

.book-button__link { color: #A34D2A; border: 1px solid #A34D2A; border-radius: 50px; font-size: 14px; display: flex;
    width: 180px; height: 50px; justify-content: center; align-items: center; margin-top: 30px; margin-bottom: 30px;
    cursor: pointer; transition-property: background-color, color, height; transition-duration: .3s;
    background: transparent;}
.book-button__link.primary { background: #A34D2A; color: #fff; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link.center { margin-left: auto; margin-right: auto; }
.book-button__link:hover { background: #E0C2A84D; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link.background { background: #fff; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link:hover.background { background: #fffc; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link:hover.background-reverse { background: #A34D2A; color: #fff; transition-property: background-color, color; transition-duration: .3s; }
.book-button__link:hover.primary { color: #A34D2A; }
.book-button__link.reset-margin { margin: 0; }
/*.book-button__link.slider { background: #A34D2A; color: #fff; }*/
/*.book-button__link.slider:hover { background: #fff; color: #A34D2A; }*/

/*BOOK NOW*/

/*HEADER*/

.top-bar { height: var(--top-bar-height); transition: .3s; position: sticky; background: #fff; width: 100%; z-index: 2;
    border-bottom: 1px solid #e5e5e5; display: flex; padding: 0 50px; align-items: center; top: 0; }
.top-bar--logged { top: 79px; }
.top-bar.scroll { height: var(--top-bar-scroll-height); transition: .3s; }

.top-bar--logo,
.top-bar--book { flex: 0 0 200px; }
.top-bar--menu { width: 100%; }
.top-bar--book { justify-content: flex-end; display: flex; }
.top-bar--book .book-button__link { width: 160px; }
.scroll .top-bar--book .book-button__link { height: 36px; transition: .3s; }

.main-menu { height: 100%; }
.menu { display: flex; height: 100%; font-size: 13px; margin: 0 auto; padding: 0; max-width: 800px; }
.menu__item { list-style: none; height: 100%; }
.menu--item-0 { flex: 1; display: flex; justify-content: center; align-items: center; }
.menu--home { flex: 2; }
.menu__link { cursor: pointer; transition: .3s; }
.menu--item-0 > .menu__link:not(.branding) { padding: 30px 20px 31px; }
.scroll .menu--item-0 > .menu__link:not(.branding) { padding: 10px 20px 11px; }
.menu__item.expanded { position: relative; }
.menu--item-0 > .menu__link:not(.branding) { border: solid transparent; border-width: 10px 0 10px 0; }
.menu--item-0:hover > .menu__link:not(.branding),
.menu--item-0.active-trail > .menu__link:not(.branding) { border-bottom-color: #A34D2A; transition: .3s; color: #A34D2A; }

.menu--lvl-1 { display: none; background: #fff; position: absolute; top: var(--top-bar-height); transition: .3s;
    height: initial; left: 20px; font-size: 12px; }
.scroll .menu--lvl-1 { top: var(--top-bar-scroll-height); transition: .3s; }
.menu__item.expanded:hover > .menu--lvl-1 { display: block; }
.menu--item-1:first-child { border-bottom: 1px solid #e5e5e5; }
.menu--item-1 { padding: 4px; }
.menu--item-1 .menu__link { padding: 10px 156px 10px 16px; display: block; transition: .3s; }
.menu--item-1 .menu__link.is-active,
.menu--item-1:hover .menu__link { background: #E0C2A84D; color: #A34D2A; transition: .3s; }

.logo { height: 100%; }
.logo.logo--mobile { display: none; }
.branding__img { height: 100%; width: auto; padding: 10px; }

@media (max-width: 1300px) {
    .top-bar { padding: 0 20px; }
    .top-bar--book,
    .top-bar--logo { flex: 0 0 150px; }
    .top-bar--book .book-button { width: 150px; }
}

@media (max-width: 1200px) {
    .menu { max-width: 600px; }
    .menu--lvl-1 { left: 14px; }
}

@media (max-width: 980px) {
    .menu--home { display: none; }
    .logo.logo--mobile { display: block; margin-left: -15px; }

    .top-bar { justify-content: space-between; }
    .top-bar--menu { order: 2; display: flex; justify-content: flex-end; align-items: center; }
    .top-bar--logo { height: 100%; }
    .top-bar--logo,
    .top-bar--book,
    .top-bar--menu { flex: 1; width: initial; max-width: 150px; }

    .nav-icon { width: 35px; height: 27px; position: relative; cursor: pointer; display: block; transform: rotate(0deg);
        transition: .5s ease-in-out; }
    .nav-icon span { display: block; position: absolute; height: 5px; width: 100%; background: #A34D2A; opacity: 1; left: 0;
        transform: rotate(0deg); transition: .25s ease-in-out; }
    .nav-icon span:nth-child(1) { top: 0; }
    .nav-icon span:nth-child(2),
    .nav-icon span:nth-child(3) { top: 10px; }
    .nav-icon span:nth-child(4) { top: 20px; }
    .nav-icon.open span:nth-child(2) { transform: rotate(45deg); }
    .nav-icon.open span:nth-child(3) { transform: rotate(-45deg); }
    .nav-icon.open span:nth-child(1),
    .nav-icon.open span:nth-child(4) { top: 18px; width: 0; left: 50%; }

    .menu--lvl-0 { display: none; position: fixed; top: var(--top-bar-height); background: #fff; right: 0; width: 400px;
        height: calc(100vh - var(--top-bar-height)); transition: top .3s; }
    .scroll .menu--lvl-0 { top: var(--top-bar-scroll-height); height: calc(100vh - var(--top-bar-scroll-height)); }
    .menu__item { height: initial; text-align: right; }
    .menu__link { width: 100%; font-size: 16px; }

    .menu--item-0 { border-bottom: 1px solid #e5e5e5; }
    .menu--item-0.expanded { flex-direction: column; }
    .menu--item-0 > .menu__link:not(.branding),
    .menu--item-0 > .menu__link:not(.branding):hover,
    .menu--item-0.active-trail > .menu__link:not(.branding) { border: none; }
    .menu--item-0 > .menu__link:not(.branding) { padding: 15px; }

    .menu--lvl-1 { position: static; transition: initial; width: 100%; }
    .menu__item.expanded > .menu__link:hover ~ .menu--lvl-1 { display: none; }
    .menu--item-1:first-child { border-top: 1px solid #e5e5e5; }
    .menu--item-1 .menu__link { padding: 10px 30px 10px; }
}

@media (max-width: 800px) {
    .menu--lvl-0 { width: 300px; }
}

@media (max-width: 450px) {
    .menu--lvl-0 { width: 80%; }
}

/*HEADER*/

/*FOOTER*/

.bottom-bar { background: #E0C2A84D; }
.bottom-bar__container { padding-top: 100px; padding-bottom: 100px; }
.bottom-bar__logo { margin-bottom: 30px; }
.bottom-bar__label { font-weight: 700; letter-spacing: 5px; font-size: 12px; margin-bottom: 15px; }

.bottom-bar--row-2 { display: flex; }
/*.bottom-bar--column { width: calc(100% / 3); }*/
.bottom-bar--column { width: 50%; }

.branding--footer img { width: 130px; height: auto; padding: 0; }

@media (max-width: 768px) {
    .bottom-bar--row-2 { flex-wrap: wrap; }
    /*.bottom-bar--column { width: 50%; }*/
}

@media (max-width: 500px) {
    .bottom-bar--column { width: 100%; }
}

/*FOOTER*/

/*HALF SLIDER*/

.half-slider__container { max-height: 700px; position: relative; background: #000; }
.half-slider__text { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 1;
    text-align: center; }
.half-slider__heading { text-transform: uppercase; color: #fff; font-weight: 300; letter-spacing: 6px; font-size: 64px;
    margin: 0 auto; font-family: Lato, sans-serif; }
.half-slider__sliders { display: flex; opacity: .7; }
.half-slider__left,
.half-slider__right { width: 50%; height: 700px; }
.half-slider__right { transform:rotate(180deg); }
.half-slider__right .half-slider__image { transform:rotate(180deg); }
.slick-vertical .half-slider__image { height: 700px; border: none; }
.half-slider--part img { width: 100%; height: 700px; object-fit: cover; }

/*HALF SLIDER*/

/*SLIDER*/

.slider__container { position: relative; background: #000; }
.slider__slides { max-height: 700px; overflow: hidden; }
.slider__slides .slick-list { opacity: .7; }
.node--front .slide--first { display: block; }
.slide__image img { width: 100%; height: 100%; object-fit: cover; max-height: 700px; }
.slider__text { position: absolute; width: 100%; bottom: 60px; z-index: 1; text-align: center; }
.slider__heading { text-transform: uppercase; color: #fff; font-weight: 300; letter-spacing: 6px; }
.slider__heading p { margin-bottom: 0; }
.node--front .slider__heading { font-size: 64px; margin: 0 auto; }
.node--recovery .slider__heading,
.node--room .slider__heading { font-size: 64px; }
.node--room .slider__text { top: 50%; transform: translateY(-50%); bottom: initial; }


@media (min-width: 1903px) {
    .slider { background: #fffef1; }
    .slider__container { max-width: 1903px; margin: 0 auto; }
}

@media (max-width: 1120px) {
    .node--front .slider__heading { font-size: 48px; letter-spacing: 4px; line-height: 1.2; }
}

@media (max-width: 830px) {
    .node--front .slider__heading { font-size: 40px; }
}

@media (max-width: 768px) {
    .node--front .slider__heading { font-size: 32px; }
    .node--front .slider__text .book-button { margin-top: 10px; margin-bottom: 10px; }
}

@media (max-width: 600px) {
    .node--front .half-slider__heading,
    .node--recovery .slider__heading,
    .node--room .slider__heading { font-size: 44px; }
}

@media (max-width: 580px) {
    .node--front .slider__text .book-button { display: none; }
}

@media (max-width: 480px) {
    .node--room .slider__heading { font-size: 32px; }
    .node--room .slider__heading p { margin-bottom: 0; }
    .node--room .slider__text .book-button { margin-top: 10px; margin-bottom: 10px; }

    .node .slider__slides { height: 250px; }
    .node .slide__image { height: 100%; }
}

@media (max-width: 420px) {
    .node--front .slider__heading { font-size: 24px; }
}

.slick-list,
.slick-track { height: 100%; }
.slick-slide { max-height: 700px; }
.slick-dots { bottom: 30px; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-dots li button:before { border: 1px solid #fff; content: ''; border-radius: 100%; width: 10px; height: 10px;
    opacity: 1; }
.slick-dots li.slick-active button::before { background: #fff; opacity: 1; }

/*SLIDER*/

/*WELCOME*/

.welcome { background-color: #FFFEF1; }
.welcome__container { display: flex; overflow: hidden; }
.node--front .welcome__container { padding: 100px 0; justify-content: space-between; }
.node--room .welcome__container { padding: 100px 0 50px; justify-content: center; }
.node--room .anim-wrapper { height: 100%; }
.welcome__center { text-align: center; flex-direction: column; justify-content: flex-start; }
.welcome--part { padding: 0 20px; display: flex; }
.welcome__left,
.welcome__right { width: calc((100% - 410px) / 2); }
.welcome__left { height: 380px; }
.welcome__right { height: 480px; position: relative; }
.welcome--part img:not(.welcome__logo) { width: 100%; height: 100%; }
.welcome__left img { object-fit: contain; z-index: 1; }
.welcome__right img { object-fit: cover; }
.welcome__logo { position: absolute; bottom: -20px; right: -15px; width: 240px; height: auto; }

.node--front .welcome__left { margin-top: 70px; position: relative; }
.node--front .welcome__left .leaf { top: -80px; left: -50px; transform: rotate(10deg); }
.node--front .welcome__left .anim-wrapper { z-index: 1; }
.node--front .welcome__center .book-button__link { transition: 1s; }

.welcome__heading { width: 460px; font-size: 32px; margin-bottom: 30px; line-height: 38px; }
.welcome__text { width: 360px; font-weight: 300; text-align: center; margin: 0 auto; line-height: 28px; }
.welcome__features { line-height: 28px; }

@media (max-width: 980px) {
    .welcome__left,
    .welcome__right { display: none; }

    .node--front .welcome__container { justify-content: center; }
}

@media (max-width: 500px) {
    .welcome__text,
    .welcome__heading { width: 100%; }
}

/*WELCOME*/

/*PARALLAX*/

.parallax__container { background: no-repeat center /cover fixed; height: 500px; display: flex;
    justify-content: center; align-items: center; }
.parallax__text { font-size: 40px; font-weight: 300; color: #fff; padding: 0 20px; text-align: center; }

@media (max-width: 768px) {
    .parallax__container { height: 300px; }
}

/*PARALLAX*/

/*ROOMS*/

.rooms__container { padding-top: 50px; padding-bottom: 50px; }
.rooms__heading { margin-bottom: 50px; font-size: 30px; font-weight: 400; text-transform: uppercase; text-align: center; }
.rooms__wrapper { display: flex; }

.room { width: 50%; padding: 0 30px; }
.room__image { overflow: hidden; }
.room__image img { transition: .3s; }
.room:hover .room__image img { transform: scale(1.1); transition: .3s; }
.room__container { background: #FFFEF1; height: 100%; }
.room__text { padding: 30px 50px 30px; }
.room__name { font-size: 24px; margin-bottom: 20px; }
.room__description { line-height: 28px; }
.room__description a { color: #A34D2A; display: inline-block; padding: 10px; }
.room__description a:hover { opacity: .7; }

@media (max-width: 980px) {
    .rooms__heading { margin-bottom: 30px; }
    .rooms__wrapper { flex-wrap: wrap; justify-content: center; }
    .room { width: 100%; max-width: 400px; padding: 20px; }
}

@media (max-width: 520px) {
    .room { max-width: 100%; padding-left: 0; padding-right: 0; }
}

@media (max-width: 380px) {
    .room__text { padding: 30px 10px; }
}

/*ROOMS*/

/*WELLNESS*/

.wellness__item { display: flex; min-height: 500px; flex-wrap: wrap; }
.wellness--odd .wellness__text { order: -1; }
.wellness--part { width: 50%; }
.wellness--0 { background-color: #320F23; }
.wellness--1 { background-color: #0F3327; }
.wellness--1 .wellness__image { background-position: center 70%; }
.wellness--2 { background-color: #E0C2A8; }

.wellness__text { padding: 100px; color: #fff; }
.wellness__text-wrapper { max-width: 560px; line-height: 2.5; }
.wellness__heading { font-size: 56px; margin-bottom: 80px; text-transform: uppercase; line-height: 1; }
.wellness__desc { margin-bottom: 80px; font-weight: 300; }

.wellness__image { background: no-repeat center /cover; }

.wellness__link { color: #FFFEF1; font-size: 12px; letter-spacing: 3px; display: inline-flex; align-items: center; }
.wellness__link:hover { opacity: .7; }
.wellness__link img { margin-left: 20px; }

.node--recovery .wellness__item { padding: 100px 0; min-height: initial; height: 100%; }
.node--recovery .wellness__text { max-width: 560px; flex: 1 0 50%; padding: 0 50px; line-height: 28px; }
.node--recovery .wellness__image { height: 100%; }
.node--recovery .wellness--1 { justify-content: flex-end; }

@media (min-width: 1903px) {
    .wellness__container { max-width: 1903px; margin: 0 auto; }
}

@media (max-width: 980px) {
    .wellness--part { width: 100%; }
    .wellness__text { order: -1; }
    .node--recovery .wellness__text { max-width: initial; flex: 1 0 100%; padding: 0 20px 30px; }
    .node--recovery .wellness__images,
    .node--front .wellness__image { min-height: 400px; }
    .node--front .wellness__text { padding: 50px 20px; }
}

@media (max-width: 500px) {
    .node--front .wellness__image,
    .node--recovery .wellness__images { min-height: 250px; }
}

/*WELLNESS*/

/*TESTIMONIALS*/

.testimonials { background: #FFFEF1; }
.testimonials__container { padding: 50px 50px 100px; max-width: 1200px; margin: 0 auto; position: relative; }
.testimonials__heading { margin-bottom: 50px; font-size: 15px; letter-spacing: 2px; }
.testimonials .slick-dots { bottom: -80px; }


.testimonials__arrows { position: absolute; display: flex; justify-content: space-between; width: 110%; left: 50%;
    top: 50%; transform: translate(-50%, -50%); }
.testimonials__arrows .arrow { cursor: pointer; }

.testimonial.slick-slide { display: flex; justify-content: center; }
.testimonial__container { max-width: 300px; }
.testimonial__text { color: #2d2d2d; }
.testimonial__name { color: #595959; }

.testimonials .slick-dots li button:before { border-color: #A34D2A; }
.testimonials .slick-dots li.slick-active button::before { background: #A34D2A; }

@media (max-width: 1340px) {
    .testimonials__arrows { width: 100%; }
}

@media (max-width: 1200px) {
    .testimonials__arrows { width: 95%; }
}

@media (max-width: 500px) {
    .testimonials__arrows { display: none; }
}

/*TESTIMONIALS*/

/*GALLERY*/

.node--front .gallery__container { padding: 50px 0; }
.gallery__heading { font-size: 40px; margin-bottom: 30px; letter-spacing: 1.5px; }
.node--front .gallery img { padding: 0 30px; }
.gallery .slick-track { display: flex; justify-content: center; align-items: center; }

.node--room .gallery { overflow: hidden; }
.node--room .gallery__container { display: flex; flex-wrap: wrap; margin: -2px; }
.node--room .gallery__item { overflow: hidden; height: 400px; padding: 2px; }
.node--room .gallery__item:nth-child(-n+3) { width: calc(100% / 3); }
.node--room .gallery__item:nth-child(n+4):nth-child(-n+7) { width: calc(100% / 4); }
.node--room .gallery__item:nth-child(n+8):nth-child(-n+10) { width: calc(100% / 3); }
/*.node--room .gallery__item:first-child { width: 100%; }*/
/*.node--room .gallery__item:not(:first-child) { width: calc(100% / 3); }*/
.node--room .gallery__item img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 980px) {
    .node--room .gallery__item:nth-child(-n+3),
    .node--room .gallery__item:nth-child(n+4):nth-child(-n+7),
    .node--room .gallery__item:nth-child(n+8):nth-child(-n+10) { width: calc(100% / 2); }
}

@media (max-width: 768px) {
    .node--room .gallery__item { height: 250px; }
}

@media (max-width: 480px) {
    .node--room .gallery__item:nth-child(-n+3),
    .node--room .gallery__item:nth-child(n+4):nth-child(-n+7),
    .node--room .gallery__item:nth-child(n+8):nth-child(-n+10) { width: 100%; }
}

.node--page .gallery { background: #FFFEF1; }
.node--page .gallery__container { padding: 50px 0; }
.node--page .gallery__item:not(.slick-slide) { padding: 100px 50px 0; transition: .3s; }
.node--page .gallery__link { display: block; width: 100%; }

.gallery--slider .slick-current { transition: 1.0s; margin-top: -150px; }
.gallery--slider .slick-slide,
.gallery--slider .slick-slide img { border-top-left-radius: 50%; border-top-right-radius: 50%; transition: 1.0s; }
.gallery--slider .slick-track { padding: 100px 0 0; }
.gallery--slider img { width: 100%; height: auto; transition: 1.0s; padding: 0 50px; }

@media (max-width: 1200px) {
    .gallery--slider img { padding: 0 20px; }
}

@media (max-width: 450px) {
    .gallery--slider img { padding: 0 10px; }
}


/*GALLERY*/

/*AMENITIES*/

.amenities { background: #FFFEF1; padding-bottom: 80px; }
.amenities__heading { font-size: 24px; text-align: center; margin-bottom: 30px; }
.amenities__list { display: flex; justify-content: space-around; flex-wrap: wrap; }

.amenity { display: flex; color: #A34D2A; justify-content: center; align-items: center; margin: 10px; }
.amenity__icon { border: 1px solid #A34D2A; border-radius: 100%; width: 38px; height: 38px; display: flex;
    justify-content: center; align-items: center; }
.amenity__name { margin-left: 20px; }

/*AMENITIES*/

/*SERVICES*/

.services { background: #FFFEF1; }
.services__container { text-align: center; }
.services__heading { font-size: 24px; line-height: 24px; margin-bottom: 20px; }
.services__description { line-height: 28px; }

/*SERVICES*/

/*ALSO*/

.also__container { padding: 0 0 100px; }
.also__heading { font-size: 24px; line-height: 24px; padding: 50px 0; }

.other-room { position: relative; display: block; max-width: 500px; margin: 0 auto; }
.other-room__text { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); font-size: 34px; z-index: 1;
    color: #fff; letter-spacing: 1.2px; }
.other-room__image { overflow: hidden; background: #000; }
.other-room__image img { transition: .3s; opacity: .7; }
.other-room:hover img { transform: scale(1.1); transition: .3s; }

/*ALSO*/

/*RECOVERY*/

.recovery { background: #FFFEF1; overflow: hidden; position: relative; }
.recovery__container { padding-top: 80px; padding-bottom: 80px; }
.recovery__heading { font-size: 32px; margin-bottom: 30px; }
.recovery__text { line-height: 28px; }

/*RECOVERY*/

/*CAFE*/

.cafe { background: #E0C2A8; overflow: hidden; position: relative; }
.cafe__heading { font-size: 48px; line-height: 58px; margin-bottom: 30px; }
.cafe__subheading { font-size: 32px; line-height: 39px; margin-bottom: 20px; }
.cafe__menu { margin-top: 40px; margin-bottom: 40px; display: flex; justify-content: center; position: relative; z-index: 1; }
.cafe__hours { font-size: 18px; line-height: 28px; }
.cafe__hours a[href*='mailto'] { color: #A34D2A; }
.cafe__hours a[href*='mailto']:hover { opacity: .7; }

.menu-card { box-shadow: 0 0 10px 0 #00000026; margin: 30px; }
.menu-card__name { background: #fff; font-size: 28px; padding: 30px 0; display: flex; justify-content: center;
    align-items: center; }
.menu-card__name img { margin-left: 30px; }
.menu-card__image { overflow: hidden; }
.menu-card__image img { transition: .3s; }
.menu-card__container:hover .menu-card__image img { transform: scale(1.1); transition: .3s; }

@media (max-width: 980px) {
    .menu-card__name { font-size: 20px; }
}

@media (max-width: 820px) {
    .cafe__menu { flex-wrap: wrap; }
}

@media (max-width: 768px) {
    .menu-card { margin: 30px 0; }
}

@media (max-width: 360px) {
    .menu-card__name { font-size: 16px; padding: 15px 0; }
}

/*CAFE*/

/*PASSES*/

.passes { background: no-repeat center /cover; position: relative; overflow: hidden; }
.passes__background { background-color: #E4C7ADF6; padding: 100px 0 100px; }
.passes__heading { font-size: 48px; line-height: 58px; margin-bottom: 30px; }
.passes__subheading { font-size: 32px; line-height: 39px; margin-bottom: 20px; }
.passes__container { position: relative; z-index: 1; }

/*PASSES*/

/*LOGIN FORM*/

#user-login-form .login-form { margin-top: 50px; padding: 0 30px; }
#user-login-form .logo { text-align: center; }
#user-login-form .logo img { width: 320px; height: auto; margin-bottom: 50px; }
#user-login-form .logo h2 { color: #666666; font-family: 'Montserrat', sans-serif; font-size: 16px;
    margin-bottom: 50px; }

#user-login-form #edit-name--description,
#user-login-form #edit-pass--description { display: none; }

#user-login-form .login-fields label { display: none; }
#user-login-form .login-fields .form-text { width: 500px; margin-bottom: 30px; height: 25px; border-radius: 5px;
    border: 2px solid #6666; background-color: #F3F4EE; padding-left: 5px; font-size: 14px; }
#user-login-form .login-fields .form-text:focus { border: 2px solid #0085D0; }
#user-login-form .login-fields .field { display: flex; margin: 0 auto; }
#user-login-form .login-fields { max-width: max-content; margin: 0 auto; }
#user-login-form .login-fields p { line-height: 20px; width: 150px; color: #666666;  font-size: 16px;
    font-family: 'Montserrat', sans-serif; font-weight: normal; }
#user-login-form .login-submit { max-width: max-content; margin: 0 0 0 auto; }
#user-login-form #edit-submit { padding: 10px 50px; border-radius: 5px; border: 0; background-color: #0085D0;
    color: white; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: normal; }
#user-login-form #edit-submit:hover { opacity: 0.85; }

.leaf { position: absolute; height: 450px; width: auto; }
.leaf img { height: 100%; width: 100%; object-fit: cover; }

.leaf--right { transform: rotate(-18deg); }
.leaf--left { transform: rotate(54deg); }
.leaf--passes-top { top: 30px; right: -5%; opacity: .3; }
.leaf--cafe-top { top: 30px; right: -5%; opacity: .3; }
.leaf--recovery-top { top: 30px; right: -5%; opacity: .3; }
.leaf--passes-bottom { bottom: -50px; left: -5%; opacity: .3; }
.leaf--cafe-bottom { bottom: 250px; left: -5%; z-index: 0; }

@media (max-width: 700px) {
    #user-login-form .login-fields .form-text { width: 100%; }
}

@media (max-width: 450px) {
    #user-login-form .login-fields .field { display: block; }
    #user-login-form .login-fields p { margin: 0; }
    #user-login-form .login-submit { margin: 0 auto; }

    #user-login-form .logo img { width: 100%; }
}

/*END LOGIN FORM*/

.bounceLeft:hover [class*='arrow'] { animation: bounceLeft 1s infinite; }
.bounceRight:hover [class*='arrow'] { animation: bounceRight 1s infinite; }

@keyframes bounceRight {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(20%); }
}

@keyframes bounceLeft {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-20%); }
}

[data-aos=fade-up-short]{transform:translate3d(0,50px,0)}
[data-aos=fade-down-short]{transform:translate3d(0,-50px,0)}
[data-aos=fade-right-short]{transform:translate3d(-50px,0,0)}


[data-aos=fade-appear] .anim-wrapper {
    opacity:0;
    transform:scale(.92) rotate(.001deg);
    transition:transform .8s ease,opacity .5s;
    overflow:hidden;
    will-change:transform
}
[data-aos=fade-appear].aos-animate .anim-wrapper {
    opacity:1;
    transform:scale(1) rotate(.001deg)
}
[data-aos=fade-appear] .anim-wrapper img {
    border-radius:inherit;
    transform:scale(1.14);
    transition:transform 1.1s ease
}
[data-aos=fade-appear].aos-animate .anim-wrapper img {
    transform:scale(1)
}

.book-page iframe { display: block; width: 100%; height: 100%; margin: 0 auto; }