/*
Theme Name: Alphorn
Theme URI: http://www.themesawesome.com
Author: Themes Awesome
Author URI: http://www.themesawesome.com
Text Domain: alphorn
Description: Alphorn is Band and Musician WordPress Theme
Tags: responsive-layout, custom-colors, custom-menu, featured-images, theme-options
Version: 1.0
License:      GNU General Public License V2
License URI:      license.txt
-----------------------------------------------------------------------------------
  1.  BASE
-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  1. BASE
/*-----------------------------------------------------------------------------------*/

:root {
    --clr-primary-300: #F6EDE4;
    --clr-primary-400: #A78D6E;
    --clr-neutral-100: #ffffff;
    --clr-neutral-200: #F9F9F9;
    --clr-neutral-300: #F2F2F2;
    --clr-neutral-400: #000000;
    --clr-box-400: #F9F9F9;
    --clr-btn-400: #A78D6E;
    --ff-primary: "Lato", sans-serif;
    --ff-secondary: "Oooh Baby", cursive;
    --fs-100: 1.4rem;
    --fs-200: 1.6rem;
    --fs-300: 2rem;
    --fs-400: 2.4rem;
    --fs-500: 3.2rem;
    --fs-600: 4rem;
    --fs-700: 4.8rem;
    --fs-800: 9.6rem;
    --main-heading: var(--fs-400);
    --secondary-heading: var(--fs-400);
    --lh-400: 3rem;
    --lh-500: 4rem;
    --radius-400: 5rem;
    --shadow-400: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    overflow-x: hidden;
}

body {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    font-size: 15px;
    color: #333333;
    line-height: 22px;
    margin: 0;
    font-family: 'Lato';
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: 500;
}

a {
    cursor: pointer;
    outline: none;
    color: #333;
    text-decoration: none !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:active,
a:focus {
    color: #e65454;
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 0;
}

p {
    margin: 0 0 20px;
}

table {
    width: 100%;
    margin-bottom: 20px;
}

th,
td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #ddd;
    letter-spacing: 1px;
}

th {
    font-weight: bold;
    border-bottom: 2px solid;
    text-align: center;
}

*::-moz-selection {
    background: #000;
    color: #fff;
}

*::selection {
    background: #000;
    color: #fff;
}

button {
    background-image: none;
    background: transparent;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

blockquote {
    margin: 1.5em 0;
    padding: 0;
    border: none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

blockquote:before {
    color: #999;
    content: "\f10d";
    font-size: 2em;
    margin-right: 0.4em;
}

blockquote p {
    font-size: 20px;
    line-height: 32px;
    display: inline;
}

.bypostauthor {
    background: #ffffff;
}

.bypostauthor>.comment .comment-author cite:after {
    content: "post author";
    font-size: 14px;
    margin-left: 6px;
    color: #e65454;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    margin-left: 10px;
}

.alignleft {
    float: left;
    margin-right: 10px;
}

img.aligncenter,
img.alignnone {
    margin-bottom: 12px;
    margin: 0 auto;
}

img.alignleft {
    margin: 12px 24px 12px 0;
    margin: 10px 20px 10px 0;
}

img.alignright {
    margin: 12px 0 12px 24px;
    margin: 10px 0 10px 20px;
}

pre {
    white-space: pre;
    word-wrap: normal;
    overflow-x: scroll;
    line-height: 1.3;
    margin: 1em 0;
}

figure,
select {
    max-width: 100%;
    height: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    line-height: 2;
    color: #757575;
    font-size: 12px;
    text-align: left;
}

.sticky .post-title:before {
    content: "Featured Post";
    padding: 10px 20px;
    color: #ffffff;
    background-color: #1bc0ea;
    float: right;
    position: relative;
    top: 0;
    z-index: 10;
    right: 0px;
    font-size: 12px;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

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


input {
    width: 100%;
    height: 50px;
    background-color: #f0f0f0;
    border: none;
    padding: 0 15px;
}

textarea {
    width: 100%;
    background-color: #f0f0f0;
    border: none;
    padding: 15px;
}

input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    outline: 0;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.container {
    max-width: min(153.9rem, 100% - 6.5rem);
    margin: 0 auto;
    padding: 0 7.5px;
}

/* @media (max-width: 1024px) {
    .container {
        max-width: 960px;
        padding: 0 30px;
    }
} */

@media (max-width: 575px) {
    .container {
        max-width: min(153.9rem, 100% - 2.4rem);
    }
}

.header .header__switch p,
.no-margin {
    margin-bottom: 0 !important;
}

/* Header */
#navbarNav {
    min-height: 94px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--clr-neutral-100);
    z-index: 2000;
    /* dropdown */
    /* toogle */
}

.header__logo-box {
    padding: 0 0 0 2.2rem;
}

.header__logo {
    width: 9.3rem;
    height: 4.9rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__content {
    flex-grow: 1;
    width: 100%;
}

.header__menu {
    background-color: var(--clr-neutral-200);
    position: relative;
    z-index: 1;
}

.header__nav {
    display: flex;
    align-items: center;
    gap: 4.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    justify-content: space-between;
    flex-direction: row !important;
}

.header__nav .menu-item {
    position: relative;
}

.header__nav .menu-item a {
    font-size: var(--fs-300);
    color: var(--clr-neutral-400);
    font-weight: 700;
    display: inline-block;
}

.header__nav .menu-item a:hover,
.header__nav .menu-item.current-menu-item a {
    color: var(--clr-btn-400);
}

.header__nav .sub-menu .menu-item a {
    font-size: var(--fs-300);
    font-weight: 300;
    color: var(--clr-neutral-400);
    padding: 0.5rem 2rem;
    display: inline-block;
}

.header__nav>.menu-item:last-child {
    padding: 3.3rem 0;
    height: 9.4rem;
    background-color: transparent;
    border-left: 0.1rem solid #EBEBEB;
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
    width: 20rem;
    color: var(--clr-neutral-400);
    font-size: var(--fs-300);
    font-weight: 700;
    border-radius: 0;
    text-align: center;
}

.header__nav .menu-item-has-children>a {
    display: flex;
    justify-content: center;
    column-gap: 15px;
}

.header__nav .menu-item-has-children>a::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29289 8.70711C7.68342 9.09763 8.31658 9.09763 8.70711 8.70711L15.0711 2.34315C15.4616 1.95262 15.4616 1.31946 15.0711 0.928932C14.6805 0.538408 14.0474 0.538408 13.6569 0.928932L8 6.58579L2.34315 0.928932C1.95262 0.538408 1.31946 0.538408 0.928932 0.928932C0.538408 1.31946 0.538408 1.95262 0.928932 2.34315L7.29289 8.70711ZM7 7V8H9V7H7Z' fill='black'/%3E%3C/svg%3E%0A");
    position: relative;
    top: -4px;
    z-index: -1;
}

.header__nav .menu-item-has-children ul.sub-menu {
    position: absolute;
    top: 97%;
    border: 0;
    background-color: #ffffff;
    box-shadow: var(--shadow-400);
    width: 80%;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 0;
    margin-top: 5px;
    opacity: 0;
    pointer-events: none;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.header__nav .menu-item-has-children ul.sub-menu.sub-menu-show {
    opacity: 1;
    pointer-events: auto;
}

.header__dropdown-link {
    font-size: var(--fs-300);
    color: var(--clr-neutral-400);
    padding: 0.5rem 2rem;
    display: inline-block;
}

.header__toggle {
    display: grid;
    gap: 0.6rem;
    padding: 2.6rem;
    background-color: var(--clr-primary-400);
    border-radius: 0;
    border: 0;
    color: var(--clr-neutral-100);
}

.header__toggle:focus {
    outline: 0;
    box-shadow: none;
}

.header__toggle-line {
    background-color: var(--clr-neutral-100);
    width: 2.4rem;
    height: 0.3rem;
    display: block;
    border-radius: 3rem;
    transition: transform 0.3s ease;
}

.header__toggle.open .header__toggle-line:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.header__toggle.open .header__toggle-line:nth-child(2) {
    opacity: 0;
}

.header__toggle.open .header__toggle-line:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

@media (min-width: 1200px) {
    .header__logo {
        width: 26.3rem;
        height: 10rem;
    }

    .header--active .header__logo {
        height: 9.5rem;
    }

    .header--active .header__contact {
        max-height: 0;
        overflow: hidden;
    }

    .header--active .header__logo-box {
        padding: 0 4rem;
    }

    .header--active .header__menu {
        height: 12.9rem;
        align-items: center;
    }

    .header--active .collapse {
        height: 100%;
    }

    .header--active .header__nav-dropdown {
        min-height: 12.9rem;
    }
}

@media (min-width: 1025px) {
    .header__logo-box {
        padding: 1.1rem 4rem;
    }

    .header__contact {
        background-color: var(--clr-neutral-300);
        margin-left: auto;
        width: 100%;
        padding-left: 3rem;
        transition: all 0.3s;
        max-height: 9.4rem;
    }

    .header__contact-menu {
        gap: 3rem;
    }

    .header__contact-list {
        display: flex;
        align-items: center;
        gap: 3rem;
        justify-content: space-between;
        max-width: 89rem;
        flex-grow: 1;
        margin: 0 auto;
    }

    .header__contact-link {
        font-size: var(--fs-200);
        color: var(--clr-neutral-400);
        font-weight: 700;
        padding: 3.3rem 0;
        display: flex;
        align-items: center;
        gap: 2rem;
    }

    .header__contact-link:hover {
        color: var(--clr-neutral-400);
    }

    .header__contact-icon {
        width: 2.8rem;
        height: 2.8rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .header__nav {
        gap: 3rem;
        padding-left: 12rem;
        padding-right: 0;
        flex-grow: 1;
        /* max-width: 112rem; */
        margin: 0 auto;
    }
}

@media (max-width: 1199px) {
    .header__menu {
        background-color: var(--clr-neutral-100);
    }

    .header__nav {
        margin-top: 4.8rem;
    }

    .header__contact-btn {
        margin-top: 5.5rem;
    }

    .header__contact-btn .mybtn {
        margin: auto;
    }
}

@media (max-width: 991px) {
    .header__contact-btn .mybtn {
        width: 100%;
    }
}

/* Button */
.mybtn {
    font-size: var(--fs-300);
    font-weight: 700;
    width: 28.8rem;
    height: 7.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mybtn--primary {
    background-color: var(--clr-btn-400);
    color: var(--clr-neutral-100);
}

.mybtn--primary:hover {
    color: var(--clr-neutral-100);
}

.mybtn--lg {
    height: 9.4rem !important;
    width: 28.3rem;
    font-size: var(--fs-300) !important;
}

@media (min-width: 1690px) {
    .mybtn--lg {
        width: 34.3rem;
    }
}

@media (max-width: 1440px) {
    .mybtn--lg {
        width: 23rem;
    }
}

/* end Button */

/* Footer */
.footer__content {
    margin: 11.5rem 0;
}

.footer__logo {
    width: 32.7rem;
    height: 13.2rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer__sub-heading {
    font-size: var(--fs-400);
    font-weight: 700;
}

.footer__list {
    gap: 4rem;
}

.footer__nav {
    margin-top: 2.5rem;
}

.footer__nav-link {
    font-size: var(--fs-300);
    font-weight: 300;
    line-height: auto;
    color: var(--clr-neutral-400);
}

.footer__copyright {
    background-color: var(--clr-neutral-200);
    padding: 3rem 2rem;
}

.footer__copyright-desc {
    font-size: var(--fs-300);
    font-weight: 300;
    margin: 0;
}

/* End Footer */

.swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    background-color: var(--clr-neutral-100);
    opacity: 50%;
    margin: 0 0.4rem !important;
}

.swiper-pagination-bullet-active {
    opacity: 100%;
}

@media (min-width: 768px) {
    :root {
        --main-heading: var(--fs-700);
    }
}


@media (min-width: 992px) {
    .swiper-pagination-bullet {
        width: 1.8rem;
        height: 1.8rem;
        margin: 0 0.7rem !important;
    }
}

@media (min-width: 1025px) {
    :root {
        --main-heading: var(--fs-800);
        --secondary-heading: var(--fs-700);
    }
}

/* CSS for modal */
.modal-container {
    position: fixed;
    top: 50%;
    translate: 0 -50%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn 0.3s ease forwards;
}

.modal-content {
    background-color: var(--clr-neutral-100);
    /* White background for the modal */
    padding: 20px;
    border-radius: 8px;
    width: 60%;
    margin: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.modal-content .swiper-container {
    overflow: hidden;
}

.modal-content img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.modal-image {
    max-width: 100%;
    max-height: 80vh;
}

.modal-close-btn {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 4rem;
    height: 4rem;
    background: var(--clr-primary-400);
    padding: 0;
    background-color: transparent;
    border: none;
    z-index: 99;
    cursor: pointer;
}

.modal-close-btn svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    background-color: var(--clr-primary-400);
    padding: 1rem;
    /* Icon color */
    transition: fill 0.3s ease;
}

.modal-next-btn,
.modal-prev-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 1rem;
    cursor: pointer;
    z-index: 1001;
    background-color: var(--clr-primary-400);
}

.modal-next-btn svg,
.modal-prev-btn svg {
    width: 3rem;
    height: 3rem;
}

.modal-next-btn {
    right: 0;
}

.modal-prev-btn {
    left: 0;
}

.hero__mode {
    position: absolute;
    right: 6.5rem;
    bottom: 6.2rem;
    z-index: 1000;
}

.hero__mode h3 {
    font-family: Lato;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    text-align: left;
    margin: 0;
}

@media (max-width: 991px) {
    .modal-content {
        padding: 1rem;
        border-radius: 0;
        width: 100%;
        margin: auto;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    .modal-content img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .modal-close-btn {
        position: absolute;
        top: 1rem;
        right: 1rem;
        width: 3rem;
        height: 3rem;
        background: var(--clr-primary-400);
        padding: 0;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .modal-next-btn,
    .modal-prev-btn {
        display: none;
    }
    .hero__mode {
        position: relative;
        z-index: 9;
        display: flex!important;
        align-items: center;
        gap: 0.8rem;
        margin-top: 3.4rem;
        justify-content: center;
        right: unset;
        bottom: unset;
    }
    .hero__mode h3 {
        font-size: 16px;
    }

}

@media (min-width: 992px)  {
    .hero__mode {
        position: absolute;
        right: 5.2rem;
        left: auto;
        bottom: 3.2rem;
        z-index: 1000;
        gap: 2.7rem;
        display: flex!important;
        justify-content: center;
        align-items: center;
        margin-top: 3.4rem;
        color: #fff;
    }
}

.switch {
    background-color: var(--clr-neutral-200);
    display: inline-flex;
    border-radius: var(--radius-400);
    overflow: hidden;
    padding: 0.6rem 0.8rem;
}

.switch__box {
    display: flex;
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: absolute !important;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.switch__input:checked ~ .switch__label {
    background-color: var(--clr-primary-400);
}

.switch__input:checked ~ .switch__label svg path {
    fill: var(--clr-neutral-100);
}

.switch__label {
    padding: 0.9rem;
    cursor: pointer;
    border-radius: 50%;
    height: 4.3rem;
    width: 4.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 404 */
.not-found-wrapper {
    padding-top: 150px;
    padding-bottom: 150px;
    text-align: center;
}
.not-found-img {
    display: block;
    width: 50vw;
    margin: 0 auto 75px;
}
.not-found-wrapper a {
    background-color: #a78d6e;
    padding-top: 30px;
    padding-right: 75px;
    padding-bottom: 30px;
    padding-left: 75px;
    color: #ffffff;
    font-family: Lato;
    font-size: 20px;
}
/* end 404 */

/* Single Post */
.single-post-wrapper {
    display: flex;
    flex-direction: column;
}
.single-post-swiper {
    position: relative;
    overflow: hidden;
}
.single-post-wrapper .single-post-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 702px !important;
}
.single-post-swiper-pagination {
    position: absolute;
    bottom: 54px !important;
    z-index: 10;
}
.single-post-absolute {
    position: absolute;
    top: 307px;
    left: 199px;
    z-index: 10;
    width: 100%;
}
.single-post-absolute-date {
    color: #FFFFFF;
    font-family: Oooh Baby;
    font-weight: 400;
    font-size: 40px;
    line-height: 1;
    margin-bottom: 13px;
}
.single-post-absolute-title {
    color: #FFFFFF;
    font-family: Lato;
    font-weight: 700;
    font-size: 96px;
    line-height: 1;
}
.single-post-swiper-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-position: center;
    overflow: hidden;
}
.single-post-content {
    margin: 170px 0 175px 192px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 88px;
}
.single-post-content-left {
    width: 40%; 
    display: flex;
    flex-direction: column;
}
.single-post-featured-image {
    width: 60%;
}
.single-post-featured-image img {
    width: 100%;
    height: 651px;
    object-fit: cover;
}
.single-post-content-text {
    font-family: Lato;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 47px;
}
.single-post-content-link {
    background-color: #A78D6E;
    width: fit-content;
    height: fit-content;
    padding: 24px 53px;
    color: #FFFFFF;
    font-family: Lato;
    font-weight: 700;;
    font-size: 20px;
    line-height: 1;
}
.single-post-content-link:hover {
    color: #ffffff;
}
.single-post-content-image {
    width: 100%;
    height: 100%;
    max-height: 651px;
    max-width: 1096px;
    object-fit: cover;
}
.sub-title {
    font-size: var(--fs-600);
    font-family: var(--ff-secondary);
    font-weight: 400;
    color: #ffffff;
    line-height: auto;
    margin-bottom: 1.4rem;
}

.contact__wrapper {
    padding: 4.5rem 1.8rem 5.2rem;
    background-color: var(--clr-primary-400);
}

.contact__form {
    margin-top: 5rem;
    display: none;
}

.contact__form-list {
    column-gap: 2rem;
    display: grid;
    row-gap: 2.7rem;
    margin-top: 2.7rem;
    align-items: start;
}

.contact__form-item {
    flex-basis: 100%;
    gap: 2.7rem;
    flex-wrap: wrap;
}

.contact__form-control,
.alphorn-booking-form-block .nf-form-content input:not([type=button]),
.alphorn-booking-form-block .nf-form-content select,
.alphorn-booking-form-block .nf-form-content textarea {
    width: 100%;
    font-size: var(--fs-200);
    height: 5.2rem;
    text-align: left !important;
    width: 100%;
    border: none;
    font-weight: 400;
    padding: 1.6rem 1.8rem;
    color: var(--clr-primary-400);
    background-color: var(--clr-primary-300);
}

.contact__form-control:focus,
.alphorn-booking-form-block .nf-form-content input:not([type=button]):focus,
.alphorn-booking-form-block .nf-form-content select:focus,
.alphorn-booking-form-block .nf-form-content textarea:focus {
    outline: 0;
    box-shadow: none;
}

.alphorn-booking-form-block .nf-form-content select:focus {
    background-color: #fff;
}

.contact__form-control::placeholder,
.alphorn-booking-form-block .nf-form-content input:not([type=button])::placeholder,
.alphorn-booking-form-block .nf-form-content select::placeholder,
.alphorn-booking-form-block .nf-form-content textarea::placeholder {
    text-align: left;
}

.contact__form-control--btn {
    width: 100%;
}

.contact .show {
    display: block;
}

.contact .secondary-heading {
    font-size: var(--secondary-heading);
    font-weight: bold;
    line-height: auto;
    color: #ffffff;
}

.contact .sub-tittle {
    font-size: var(--fs-200);
    font-family: var(--ff-secondary);
    font-weight: 400;
    color: var(--clr-primary-400);
    line-height: 1.2;
    margin-bottom: 0.9rem;
}

.alphorn-booking-form-block .nf-form-title {
    display: none;
}

.alphorn-booking-form-block .nf-breadcrumbs li {
    display: none;
}

.alphorn-booking-form-block .nf-breadcrumbs li.active {
    display: block;
}

.alphorn-booking-form-block .nf-breadcrumbs li.active a {
    color: var(--clr-neutral-100);
}

.alphorn-booking-form-block .nf-breadcrumbs li a {
    font-size: var(--fs-200);
    font-weight: 700;
    color: var(--clr-neutral-100);
    opacity: 50%;
    background: transparent !important;
    padding: 0;
    margin: 0;
}

.alphorn-booking-form-block .nf-form-content {
    position: relative;
    padding: 0 0 15rem;
}

.alphorn-booking-form-block .nf-progress-container {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 85px;
}

.alphorn-booking-form-block .nf-mp-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.alphorn-booking-form-block .nf-next-previous {
    margin: 0 !important;
}

.alphorn-booking-form-block .nf-next-previous li.nf-next-item {
    float: unset;
}

.alphorn-booking-form-block .nf-next-previous li.nf-next-item input,
.alphorn-booking-form-block .nf-form-content input[type=submit],
.alphorn-booking-form-block .nf-form-content input[type=submit]:hover {
    font-size: var(--fs-300);
    font-weight: 700;
    line-height: auto;
    color: var(--clr-neutral-100);
    background: none;
    border: 0;
    background: transparent;
}

.alphorn-booking-form-block .nf-field-label {
    display: none;
}

.alphorn-booking-form-block nf-rows-wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4.6rem;
}

.alphorn-booking-form-block nf-rows-wrap>.nf-row {
    flex: 100%;
}

.alphorn-booking-form-block .nf-row>nf-cells {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 6.1rem;
}

.alphorn-booking-form-block .nf-row .nf-cell {
    width: 100% !important;
    padding: 0;
}

.alphorn-booking-form-block .nf-row:nth-child(2) nf-cells nf-fields {
    display: flex;
    gap: 5.3rem;
    flex-wrap: nowrap;
}

.alphorn-booking-form-block .nf-row:nth-child(2) nf-cells nf-fields>nf-field:nth-child(1) {
    flex: 1;
}

.alphorn-booking-form-block .nf-row:nth-child(2) nf-cells nf-fields>nf-field:nth-child(2) {
    width: 14rem;
}

.alphorn-booking-form-block .nf-field-container {
    margin-bottom: 0;
}

.alphorn-booking-form-block .nf-previous-item {
    display: none;
}
.progress,
.alphorn-booking-form-block .nf-progress-container {
    background-color: rgb(249, 249, 249, 20%);
    height: 0.9rem;
    border-radius: 0;
}

.progress-bar,
.alphorn-booking-form-block .nf-progress-container .nf-progress {
    background-color: var(--clr-primary-300);
    height: 100%;
}

/* .alphorn-booking-form-block nf-rows-wrap > .nf-row:nth-child(3) {
	position: absolute;
    bottom: -33px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
} */
/* .alphorn-booking-form-block nf-rows-wrap > .nf-row:nth-child(3) nf-cells {
	display: block;
} */
/* end Single Post */