/* syne-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/syne-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* syne-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/syne-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* syne-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/syne-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* syne-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/syne-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* syne-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Syne';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/syne-v23-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

*{margin: 0px;padding: 0px;box-sizing: border-box;}

html, body{margin: 0px;padding: 0px;background-color: var(--body-color);font-family: 'Syne';}

:root{
    --body-color: #F1EAE5;
    --yellow-color: #FFC629;
    --brown-color: #483729;
    --black-color: #000000;
    --dark-brown-color: #2D2A26;
    --darker-body-color: #E6DCD5;
    --light-body-color: #E7DDD5;
}

h1{font-size: 64px;line-height: 64px;font-weight: 400;color: var(--brown-color);}
h2{font-size: 32px;line-height: 38px;font-weight: 400;color: var(--brown-color);}
h3{font-size: 28px;line-height: 32px;font-weight: 400;color: var(--brown-color);}
h4{font-size: 24px;line-height: 30px;font-weight: 400;color: var(--brown-color);}
h5{font-size: 20px;line-height: 28px;font-weight: 400;color: var(--brown-color);}
h6{font-size: 18px;line-height: 24px;font-weight: 400;color: var(--brown-color);}
p{font-size: 24px;line-height: 32px;font-weight: 400;color: var(--brown-color);}
.button-text{font-size: 20px;line-height: 28px;color: var(--brown-color);}
span{font-size: 14px;line-height: 18px;font-weight: 500;color: var(--brown-color);}

.pagewrap{width: 100%;position: relative;padding: 0px 20px;}
.grid-3-elements{width: 100%;position: relative;display: grid;grid-template-columns: 0.1fr 1fr 0.1fr;gap: 20px;}
.grid-2-elements{width: 100%;position: relative;display: grid;grid-template-columns: repeat(2,1fr);gap: 0px;}
.grid-2-element{width: 100%;position: relative;display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;}

.button{width: fit-content;position: relative;display: flex;align-items: center;gap: 20px;padding: 15px 0px;border-bottom: 1px solid var(--brown-color);text-decoration: none;transition: 0.2s ease;}
.button img{width: 20px;transition: 0.2s ease;}
.button:hover{opacity: 0.7;transition: 0.2s ease;}
.button:hover img{transform: translate(10px);transition: 0.2s ease;}

.down-brown-line{width: 1px;height: 100%;background-color: var(--brown-color);}

.direction-btn{width: 243px;max-width: 100%;height: 54px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--body-color);border-radius: 80px;font-size: 20px;color: var(--body-color);text-decoration: none;margin: 50px auto 0px auto;}
.direction-btn:hover{opacity: 0.7;}

.parallax{overflow: hidden;}

/*Header code starts*/
header{width: 100%;position: absolute;padding: 20px 0px;z-index: 2;top: 0px;}
.header-left{width: 100%;position: relative;margin: auto 0px;}
.header-center{width: 100%;position: relative;text-align: center;}
.header-center img{width: 50%;}
.header-right{width: 100%;position: relative;margin: auto 0px;text-align: right;}
/*Header code ends*/


/*Pages code starts*/
.hero-section{width: 100%;height: 100vh;position: relative;}
.hero-section .video-element{width: 100%;height: 100%;}
.hero-section video, .hero-section img{width: 100%;height: 100%;object-fit: cover;}
.badge-logo{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;gap: 30px;justify-content: center;align-items: center;}
.badge-logo img{width: 47px;}
.badge-logo h1{text-transform: uppercase;}

.about-section-top{width: 100%;position: relative;padding: 20px 0px 0px 0px;}
.about-section-top-left{margin: auto 0px;}
.about-section-top-center{text-align: center;}
.about-section-top-right{margin: auto 0px;text-align: right;}

.about-section{width: 100%;position: relative;height: 100vh;display: flex;flex-direction: column;justify-content: space-between;gap: 50px;}
.about-section-center-left{margin: auto;}
.about-section-center-left .image-elements{display: flex;flex-direction: column;gap: 30px;text-align: center;align-items: center;}
.about-section-center-left .image-elements .image-element{max-width: 300px;position: relative;height: auto;aspect-ratio: 300/380;display: block;}
.about-section-center-left .image-elements .image-element img{width: 100%;height: 100%;object-fit: cover;}
.about-section-center-left .image-elements .icon-element img{width: 100%;}
.about-section-center-right{max-width: 555px;margin: auto;display: flex;flex-direction: column;gap: 30px;}
.about-section-center-right .about-element-content{display: flex;flex-direction: column;gap: 20px;}
.about-section-center-right .about-element-content h2{text-transform: uppercase;}

.about-section-bottom{padding: 0px 0px 20px 0px;}
.about-section-bottom-right{text-align: right;}

.about-section.reverse .about-section-center-left{order: 1;}
.about-section.reverse .about-section-center-right{order: 0;}

.church-section{width: 100%;height: 100vh;position: relative;}
.church-section .grid-2-element{height: 100%;}
.church-section .church-section-left{width: 100%;height: 100%;padding: 20px 0px 20px 20px;}
.church-section .church-section-left .grid-elements{width: 100%;height: 100%;position: relative;display: grid;grid-template-columns: 0.4fr 1px 1fr;gap: 20px;}
.church-section .image-element{width: 100%;height: 100%;}
.church-section .image-element img{width: 100%;height: 100vh;object-fit: cover;}
.church-section .church-section-left .church-section-left-left,
.church-section .church-section-left .church-section-left-right{display: flex;flex-direction: column;gap: 50px;justify-content: space-between;}
.church-section .church-section-left .church-section-left-left .top-element{text-align: center;}
.church-section .church-section-left .church-section-left-left .bottom-element ul{list-style: none;text-align: center;color: var(--brown-color);}
.church-section .church-section-left .church-section-left-left .bottom-element ul li a{text-decoration: none;padding-bottom: 5px;color: var(--brown-color);transition: 0.2s ease;}
.church-section .church-section-left .church-section-left-left .bottom-element ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
.church-section .church-section-left .church-section-left-right .top-element img{width: 100%;}
.church-section .church-section-left .church-section-left-right .button{width: 100%;justify-content: space-between;transition: 0.2s ease;}
.church-section .church-section-left .church-section-left-right .button .button-text{font-size: 28px;}
.church-section .church-section-left .church-section-left-right .button img{transition: 0.2s ease;}
.church-section .church-section-left .church-section-left-right .button:hover img{transform: translateX(10px);transition: 0.2s ease;}
.church-section .church-section-right{position: relative;}
.church-section .church-section-right .text-content{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;padding: 50px 20px 20px 20px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.church-section .church-section-right .center-content{width: 444px;max-width: 100%;position: relative;display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;align-items: center;}
.church-section .church-section-right .center-content h2{font-size: 36px;color: var(--body-color);}
.church-section .church-section-right .center-content span{color: var(--body-color);margin: auto 0px 0px 0px;}
.church-section .church-section-right .bottom-content{width: 100%;position: relative;display: flex;gap: 20px;justify-content: space-between;color: var(--body-color);}
.church-section .church-section-right .bottom-content span{color: var(--body-color);}

.gallery-section{max-width: 1440px;margin: 100px auto;}
.gallery-element .swiper{padding: 30px 20px;}
.gallery-element .swiper-slide img{width: 100%;height: auto;aspect-ratio: 1223/705;display: block;object-fit: cover;}
.gallery-element .swiper-button-next, .gallery-element .swiper-button-prev{width: 80px;height: 80px;background-color: var(--body-color);border-radius: 80px;position: absolute;right: -20px;display: flex;justify-content: center;align-items: center;}
.gallery-element .swiper-button-prev{left: -20px;right: auto;}
.gallery-element .swiper-button-next::after, .gallery-element .swiper-button-prev::after{content: '';}
.gallery-section .swiper-image{padding-left: 20px;}
.gallery-section .swiper-pagination{top: auto;right: 20px;width: 59px;text-align: right;height: 20px;left: auto;bottom: 0px;}
.gallery-section .swiper-pagination span{font-size: 18px;color: var(--brown-color);}
.gallery-section .contact-element{display: grid;grid-template-columns: 1fr 216px;gap: 50px;padding: 50px 20px;}
.gallery-section .contact-element h2{width: 718px;max-width: 100%;}
.gallery-section .contact-element h2 span{font-size: 32px;line-height: 38px;color: #7E756E;}
.gallery-section .reserve-element{max-width: 760px;margin: auto;display: flex;gap: 20px;background-color: var(--light-body-color);border-radius: 18px;padding: 20px;}
.gallery-section .reserve-element .reserve-element-left{width: 30%;}
.gallery-section .reserve-element .reserve-element-right{width: 70%;display: flex;flex-direction: column;gap: 10px;color: #7E756E;}
.gallery-section .reserve-element .reserve-element-right span{color: #7E756E;}
.gallery-section .reserve-element .reserve-element-left img{width: 100%;max-width: 229px;height: auto;aspect-ratio: 229/172;object-fit: cover;border-radius: 12px;overflow: hidden;}
.button-contact{max-width: 216px;height: 54px;display: flex;justify-content: center;align-items: center;gap: 10px;text-decoration: none;color: var(--brown-color);border: 1px solid var(--brown-color);border-radius: 54px;}
.button-contact:hover{opacity: 0.7;transition: 0.2s ease;}
.button-contact-brown{width: 216px;max-width: 100%;height: 54px;display: flex;justify-content: center;align-items: center;gap: 10px;text-decoration: none;background-color: var(--brown-color);color: var(--body-color);border: 1px solid var(--brown-color);border-radius: 54px;}
.button-contact-brown:hover{opacity: 0.7;transition: 0.2s ease;}

.accommodation-section{width: 100%;position: relative;background-color: var(--brown-color);padding-bottom: 120px;}
.accommodation-section-top{width: 100%;position: relative;padding: 20px 0px 0px 0px;}
.accommodation-section-top p{text-align: center;color: var(--body-color);}
.accommodation-section-center{max-width: 797px;margin: auto;position: relative;padding: 100px 0px;text-align: center;}
.accommodation-section-center h2{color: var(--body-color);}
.accommodation-section-bottom{max-width: 1240px;margin: auto;}
.accommodation-element{position: relative;width: 100%;max-width: 560px;height: 100%;aspect-ratio: 560/720;display: block;overflow: hidden;transition: 0.4s ease;}
.accommodation-element .accommodation-element-image{position: relative;width: 100%;overflow: hidden;transition: 0.4s ease;}
.accommodation-element .accommodation-element-image:after{content: '';position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background-color: rgba(72, 55, 41, 0.6);}
.accommodation-element .accommodation-element-image img{position: relative;width: 100%;height: 100%;aspect-ratio: 560/720;object-fit: cover;overflow: hidden;transition: 0.4s ease;}
.accommodation-element:hover .accommodation-element-image img{transform: scale(1.1);transition: 0.4s ease;}
.accommodation-element .accommodation-element-top{position: absolute;top: 0px;left: 0px;width: 100%;display: flex;justify-content: space-between;gap: 20px;padding: 20px;}
.accommodation-element .accommodation-element-top p{font-size: 16px;line-height: 24px;color: var(--body-color);text-transform: uppercase;}
.accommodation-element .accommodation-element-bottom{position: absolute;bottom: 0px;left: 0px;width: 100%;display: flex;justify-content: space-between;gap: 20px;padding: 20px;}
.accommodation-element .accommodation-element-bottom h4{color: var(--body-color);max-width: 264px;font-weight: 300;text-transform: uppercase;}

.post-type-archive-accommodation .accommodation-section{background-color: var(--body-color);}
.post-type-archive-accommodation .accommodation-section-top p, .post-type-archive-accommodation .accommodation-section-center h2{color: var(--brown-color);}


.philosophy-section{width: 100%;position: relative;height: 100%;}
.philosophy-element-left{width: 100%;position: relative;height: 100vh;background-color: var(--yellow-color);padding: 20px;display: flex;flex-direction: column;justify-content: space-between;text-align: center;text-transform: uppercase;}
.philosophy-element-left h2{max-width: 545px;margin: auto;}
.philosophy-element-right{width: 100%;height: 100vh;position: relative;}
.philosophy-element-right .philosophy-video{width: 100%;height: 100vh;position: relative;}
.philosophy-element-right .philosophy-video:after{content: '';width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background-color: rgba(72, 55, 41, 0.6);}
.philosophy-element-right .philosophy-video video{width: 100%;height: 100vh;position: relative;object-fit: cover;}
.philosophy-element-right .philosophy-video-infos{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;padding: 20px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;gap: 20px;text-transform: uppercase;}
.philosophy-element-right .philosophy-video-infos img:nth-child(1){width: 202px;}
.philosophy-element-right .philosophy-video-infos img:nth-child(2){width: 50px;}
.philosophy-element-right .philosophy-video-infos p{color: var(--body-color);}

.about-us-philosophy{width: 100%;position: relative;background-color: var(--body-color);}
.about-us-philosophy-top{width: 100%;position: relative;padding-top: 20px;margin: auto;}
.about-us-philosophy-top p{color:var(--brown-color);text-align: center;}
.about-us-philosophy-text{max-width: 560px;margin: auto;padding: 100px 0px;}
.about-us-philosophy .area-content{display: flex;flex-direction: column;gap: 40px;}
.about-us-philosophy-text h2{color: var(--brown-color);text-transform: uppercase;text-align: center;}
.about-us-philosophy-gallery{width: 100%;position: relative;display: grid;gap: 20px;grid-template-columns: 1fr 0.4fr 0.4fr;}
.about-us-philosophy-gallery img:nth-child(1){width: 100%;aspect-ratio: 2/1;object-fit: cover;object-position: bottom;flex: 2;height:100%;}
.about-us-philosophy-gallery img:nth-child(2){width: 100%;aspect-ratio: 2/1;object-fit: cover;object-position: bottom;flex: 1;height:100%;}
.about-us-philosophy-gallery img:nth-child(3){width: 100%;aspect-ratio: 2/1;object-fit: cover;object-position: bottom;flex: 1;height:100%;}
.about-us-philosophy-content{max-width: 511px;margin: 100px auto;display: flex;flex-direction: column;gap: 40px;color: var(--body-color);}
.about-us-philosophy-content h1,
.about-us-philosophy-content h2,
.about-us-philosophy-content h3,
.about-us-philosophy-content h4,
.about-us-philosophy-content h5,
.about-us-philosophy-content h6,
.about-us-philosophy-content p{color: var(--brown-color);}

.accommodation-about-section{width: 100%;position: relative;}
.accommodation-about-top, .accommodation-about-bottom{padding: 20px 0px;}
.accommodation-about-top-left, .accommodation-about-top-right{margin: auto 0px;}
.accommodation-about-top-right{text-align: right;}
.accommodation-about-top-center{text-align: center;}
.accommodation-about-center-elements{padding: 150px 0px;}
.accommodation-about-center{width: 100%;position: relative;}
.accommodation-about-center .element-inside{max-width: 540px;margin: 0px auto;display: flex;flex-direction: column;gap: 40px;}
.accommodation-about-center .title h2{text-transform: uppercase;}
.accommodation-about-center .content{width: 100%;position: relative;display: flex;flex-direction: column;gap: 40px;}
.accommodation-about-center #right{padding-top: 24px;}
.accommodation-about-center #right ul{list-style: none;}
.accommodation-about-center #right ul li{padding: 10px 0px;font-size: 24px;line-height: 30px;color: var(--brown-color);border-bottom: 1px solid var(--brown-color);}
.accommodation-about-bottom-right{text-align: right;}

.room-gallery{width: 100%;position: relative;background-color: var(--brown-color);}
.room-gallery-top{padding: 20px 0px;}
.room-gallery-top p{text-align: center;color: var(--body-color);}
.room-gallery-bottom{max-width: 1440px;margin: 0px auto;padding: 100px 0px;}

.about-area{width: 100%;position: relative;background-color: var(--brown-color);}
.about-area-top{padding: 20px 0px;}
.about-area-top p{text-align: center;color: var(--body-color);}
.about-area-text{max-width: 670px;margin: 0px auto;padding: 50px 0px;}
.about-area-text .area-content{display: flex;flex-direction: column;gap: 30px;text-align: center;}
.about-area-text .area-content h2, .about-area-text .area-content p{color: var(--body-color);}
.about-area-text .area-content h2{text-transform: uppercase;}
.about-area-gallery img{width: 100%;aspect-ratio: 1440/509;object-fit: cover;object-position: bottom;flex: 2;}
.about-area-contents{width: 100%;position: relative;padding: 100px 0px;}
.about-area-contents .about-area-content{max-width: 511px;margin: 0px auto;display: flex;flex-direction: column;gap: 30px;}
.about-area-contents .about-area-content h1, .about-area-contents .about-area-content h2, .about-area-contents .about-area-content h3, .about-area-contents .about-area-content h4, .about-area-contents .about-area-content h5, .about-area-contents .about-area-content h6, .about-area-contents .about-area-content p, .about-area-contents .about-area-content ul, .about-area-contents .about-area-content ul li{color: var(--body-color);}

.page-id-19 header{position: relative;}
.contact-title{width: 100%;position: relative;text-align: center;}
.contact-elements{margin: 100px 0px;}
.contact-elements .section-title{padding-bottom: 40px;}
.contact-elements .informations, .contact-elements .social{padding-bottom: 40px;}
.contact-elements .informations ul{list-style: none;}
.contact-elements .informations ul li{padding-bottom: 7px;font-size: 24px;line-height: 32px;color: var(--brown-color);}
.contact-elements .informations ul li a{font-size: 24px;line-height: 32px;color: var(--brown-color);text-decoration: none;transition: 0.2s ease;}
.contact-elements .informations ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
.contact-elements .social ul{list-style: none;display: flex;gap: 10px;}
.contact-elements .social ul li a{width: 54px;height: 54px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--brown-color);border-radius: 54px;transition: 0.2s ease;}
.contact-elements .social ul li a:hover img{transform: scale(1.1);transition: 0.2s ease;}
.ff-default .ff-el-form-control{border-left: 0px!important;border-top: 0px!important;border-right: 0px!important;border-bottom: 1px solid var(--brown-color)!important;border-radius: 0px!important;background: var(--body-color)!important;padding: 15px 15px 15px 0px!important;font-family: 'Syne'!important;font-size: 18px;color: var(--brown-color);}
.fluentform .ff-el-input--label{font-family: 'Syne'!important;font-size: 24px;color: var(--brown-color);}
.ff-btn{width: 243px;max-width: 100%;height: 54px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: 'Syne';font-size: 20px;background-color: var(--brown-color)!important;border-radius: 80px!important;}
.contact-map{width: 100%;position: relative;background-color: var(--brown-color);padding: 20px 0px 100px 0px;}
.contact-map .section-title{text-align: center;padding-bottom: 20px;}
.contact-map .section-title p{color: var(--body-color);}
.contact-map .section-bottom{max-width: 1240px;margin: 0px auto;}

.page-id-15 header{position: relative;}
.gallery-title{width: 100%;position: relative;text-align: center;}
.gallery-content{max-width: 90%;margin: 100px auto;}

.allpages-title{position: relative;margin-top: 10%;text-align: center;}
.allpages-title p{text-transform: uppercase;}
.allpages-content{max-width: 920px;margin: 100px auto;}
.allpages-content .pagewrap{display: flex;flex-direction: column;gap: 20px;}

.errorpage-title{position: relative;margin-top: 10%;text-align: center;}
.errorpage-content{margin: 100px 0px;text-align: center;}
.errorpage-content .button-contact-brown{margin: 0px auto;}
.error-img{width: 30%;height: auto;}
/*Pages code ends*/


/*Footer code starts*/
.footer-element-left{width: 100%;position: relative;height: 100vh;display: flex;flex-direction: column;justify-content: space-between;gap: 20px;padding: 0px 20px;background-color: #E6DCD5;}
.footer-element-left .list-elements ul{list-style: none;}
.footer-element-left .list-elements ul li{position: relative;border-bottom: 1px solid var(--brown-color);padding: 20px 0px;}
.footer-element-left .list-elements ul li a{display: flex;justify-content: space-between;align-items: center;gap: 20px;font-size: 24px;line-height: 30px;color: var(--brown-color);text-transform: uppercase;text-decoration: none;transition: 0.2s ease;}
.footer-element-left .list-elements ul li a::after{content: '';position: absolute;right: 0px;background-image: url('./icons/arrow-right.svg');width: 20px;height: 20px;background-position: center;background-repeat: no-repeat;background-size: cover;padding-left: 10px;transition: 0.2s ease;}
.footer-element-left .list-elements ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
.footer-element-left .list-elements ul li a:hover::after{transform: translate(10px);transition: 0.2s ease;}
.footer-element-left .social-elements{padding: 40px 0px 0px 0px;display: flex;justify-content: space-between;}
.footer-element-left .social-elements .social-elements-right ul{list-style: none;display: flex;gap: 10px;}
.footer-element-left .social-elements .social-elements-right ul li a{width: 54px;height: 54px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--brown-color);border-radius: 54px;transition: 0.2s ease;}
.footer-element-left .social-elements .social-elements-right ul li a:hover img{transform: scale(1.1);transition: 0.2s ease;}
.footer-element-left .footer-element-left-bottom{padding: 20px 0px;}
.footer-element-left .footer-element-left-bottom .footer-logo{border-bottom: 1px solid var(--brown-color);padding-bottom: 10px;margin-bottom: 20px;}
.footer-element-left .footer-element-left-bottom .footer-logo img{width: 190px;}
.footer-element-left .footer-element-left-bottom .footer-page-informations{display: flex;justify-content: space-between;gap: 20px;}
.footer-element-left .footer-element-left-bottom .footer-page-informations span,
.footer-element-left .footer-element-left-bottom .footer-page-informations span a{color: var(--brown-color);text-decoration: none;}
.footer-element-left .footer-element-left-bottom .footer-page-informations span a:hover{opacity: 0.7;}

.footer-element-right{width: 100%;position: relative;height: 100%;}
.footer-element-right .footer-right-image{width: 100%;height: 100vh;}
.footer-element-right .footer-right-image img{width: 100%;height: 100%;object-fit: cover;}
.footer-element-right .footer-right-infos{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;text-align: center;gap: 20px;padding: 20px;}
.footer-element-right .footer-right-infos p,
.footer-element-right .footer-right-infos span{color: var(--body-color);}
.footer-element-right .footer-right-infos ul{list-style: none;}
.footer-element-right .footer-right-infos ul li, .footer-element-right .footer-right-infos ul li a{color: var(--body-color);text-decoration: none;transition: 0.2s ease;}
.footer-element-right .footer-right-infos ul li a:hover{opacity: 0.7;transition: 0.2s ease;}

/*Footer code ends*/

/*Menu code starts*/
#menu{width: 438px;max-width: 100%;height: 68px;margin: auto;padding: 8px;position: fixed;bottom: 50px;left:50%;transform: translate(-50%);background-color: rgba(198,189,193,0.3);border-radius: 18px;z-index: 100;}
.menu-elements-inside{width: 100%;height: 100%;display: grid;grid-template-columns: 30% 1fr;border-radius: 12px;overflow: hidden;}
.menu-element-left{width: 100%;height: 100%;position: relative;background-color: var(--yellow-color);}
.menu-element-left .button-menu{width: 100%;height: 100%;position: relative;display: flex;justify-content: center;align-items: center;gap: 5px;cursor: pointer;}
.menu-element-left .button-menu .button-span{width: 24px;height: 24px;display: flex;flex-direction: column;gap: 3px;justify-content: center;align-items: center;cursor: pointer;}
.menu-element-left .button-menu .button-span span{width: 18px;height: 2px;background-color: var(--dark-brown-color);transition: 0.2s ease;}
#menu.active .menu-element-left .button-menu .button-span span:nth-child(2){display: none;transition: 0.2s ease;}
#menu.active .menu-element-left .button-menu .button-span span:nth-child(1){transform: translateY(2px) rotate(-45deg);transition: 0.2s ease;}
#menu.active .menu-element-left .button-menu .button-span span:last-child{transform: translateY(-3px) rotate(45deg);transition: 0.2s ease;}
.menu-element-right{width: 100%;height: 100%;position: relative;display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;background-color: rgba(45,42,38,0.8);}
.menu-element-right .element{margin: auto;}
.menu-element-right .element a{display: flex;justify-content: center;align-items: center;gap: 5px;text-decoration: none;}
.menu-element-right .element a .icon{width: 25px;height: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menu-element-right .element a span{color: var(--body-color);font-size: 12px;line-height: 16px;}
.menu-element-right .element a:hover span{opacity: 0.7;transition: 0.2s ease;}

.overlay-menu{width: 95%;position: absolute;bottom: 80px;left: 9px;background-color: rgba(45,42,38,0.8);padding: 10px;border-radius: 12px;opacity: 0;visibility: hidden;transition: 0.4s ease;}
.overlay-menu.open{opacity: 1;visibility: visible;transition: 0.4s ease;}
.overlay-menu ul{list-style: none;}
.overlay-menu ul li{padding-bottom: 12px;}
.overlay-menu ul li a{color: var(--body-color);font-size: 14px;text-transform: uppercase;text-decoration: none;transition: 0.2s ease;}
.overlay-menu ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
/*Menu code ends*/


/*Media Queries starts*/
@media screen and (max-width:670px) and (min-width:510px){
    .badge-logo{padding: 0px 20px;}
    .badge-logo h1{font-size: 52px;}
}
@media screen and (max-width:509px) and (min-width:200px){
    .badge-logo{padding: 0px 20px;}
    .badge-logo h1{font-size: 42px;}
}

@media screen and (max-width:960px) and (min-width:860px){
    .church-section .church-section-left .down-brown-line{display: none;}
    .church-section .church-section-left .church-section-left-left{display: none;}
    .church-section .church-section-left .grid-elements{grid-template-columns: 1fr;}
}
@media screen and (max-width:859px) and (min-width:200px){
    .church-section{height: auto;}
    .church-section .grid-2-element{grid-template-columns: 1fr;}
    .church-section .church-section-left{padding: 20px;}
    .church-section .church-section-left .down-brown-line{display: none;}
    .church-section .church-section-left .church-section-left-left{display: none;}
    .church-section .church-section-left .grid-elements{grid-template-columns: 1fr;}
    .church-section .church-section-left .church-section-left-right{gap: 100px;}
}

@media screen and (max-width:1059px) and (min-width:200px){
    .gallery-section .contact-element{grid-template-columns: 1fr;gap: 20px;}
    .gallery-section .contact-element h2{width: 100%;}
    .gallery-section .reserve-element{margin-top: 40px;}
}
@media screen and (max-width:649px) and (min-width:200px){
    .gallery-section .reserve-element{flex-direction: column;gap: 40px;}
    .gallery-section .reserve-element .reserve-element-left{width: 45%;margin: auto;}
    .gallery-section .reserve-element .reserve-element-right{width: 100%;text-align: center;}
    .gallery-section .reserve-element .reserve-element-right .button-contact-brown{margin: auto;}
}

@media screen and (max-width:1070px) and (min-width:990px){
    .about-section-center .grid-2-elements{gap: 20px;}
    .about-section-center-right .about-element-content p{font-size: 20px;line-height: 28px;}
}
@media screen and (max-width:989px) and (min-width:200px){
    .about-section{height: auto;}
    .about-section-center .grid-2-elements{grid-template-columns: 1fr;gap: 20px;}
    .about-section-center-right .about-element-content p{font-size: 20px;line-height: 28px;}
    .about-section.reverse .about-section-center-left{order: 0;}
    .about-section.reverse .about-section-center-right{order: 1;}
}

@media screen and (max-width:510px) and (min-width:200px){
    .footer-element-left .social-elements{flex-direction: column;gap: 30px;}
    .footer-element-left .footer-element-left-bottom .footer-page-informations{flex-direction: column;gap: 10px;}
}

@media screen and (max-width:827px) and (min-width:200px){
    .accommodation-section-bottom .grid-2-element{grid-template-columns: 1fr;}
    .accommodation-section-bottom .grid-2-element .accommodation-element{margin: auto;}
}

@media screen and (max-width:940px) and (min-width:770px){
    .about-section{gap: 100px;}
    .about-section-center .grid-2-elements{gap: 50px;}
}
@media screen and (max-width:769px) and (min-width:200px){
    .about-section{height: auto;gap: 100px;}
    .about-section-center .grid-2-elements{grid-template-columns: 1fr;gap: 50px;}
}

@media screen and (max-width:900px) and (min-width:200px){
	.about-us-philosophy-gallery{grid-template-columns: 1fr;}
    .about-us-philosophy-gallery img:nth-child(1){aspect-ratio: 3/2;object-position: center;}
    .about-us-philosophy-gallery img:nth-child(2), .about-us-philosophy-gallery img:nth-child(3){display: none;}
}
@media screen and (max-width:1182px) and (min-width:890px){
    .about-us-philosophy-contents .grid-2-elements,
    .accommodation-about-center-elements .grid-2-elements,
    .about-area-contents .grid-2-elements{gap: 40px;}
}
@media screen and (max-width:889px) and (min-width:200px){
    .about-us-philosophy-contents .grid-2-elements{gap: 40px;grid-template-columns: 1fr;}
    .accommodation-about-center-elements .grid-2-elements{gap: 80px;grid-template-columns: 1fr;}
    .about-area-contents .grid-2-elements{gap: 40px;grid-template-columns: 1fr;}
    .accommodation-about-center-elements{padding: 70px 0px;}
    .accommodation-about-center #right{padding-top: 0px;}
    .about-us-philosophy-content:nth-child(1){margin: 70px auto 0px auto;}
    .about-us-philosophy-content:nth-child(2){margin: 0px auto 70px auto;}
}

@media screen and (max-width:718px) and (min-width:200px){
    .contact-elements{margin: 70px 0px;}
    .contact-elements .grid-2-element{grid-template-columns: 1fr;gap: 60px;}
    .contact-elements .section-title{padding-bottom: 20px;}
}

@media screen and (max-width:1440px) and (min-width:200px){
    .gallery-content{max-width: 100%;}
}

@media screen and (max-width:1070px) and (min-width:200px){
    .error-img{width: 60%;}
}

@media screen and (max-width:811px) and (min-width:200px){
    .errorpage-title{margin-top: 15%;}
}

@media screen and (max-width:810px) and (min-width:200px){
    .header-center img{width: 100%;}
    .philosophy-section .grid-2-elements{grid-template-columns: 1fr;}
    .philosophy-element-right{order: 0;}
    .philosophy-element-left{order: 1;}

    footer .grid-2-elements{grid-template-columns: 1fr;}
    .footer-element-right{display: none;}
    .footer-element-left{height: auto;gap: 200px;}

    .gallery-content{margin: 70px 0px;}
    .allpages-content{margin: 70px auto;}

}

@media screen and (max-width:600px) and (min-width:200px){
    p, .accommodation-about-center #right ul li{font-size: 20px;line-height: 28px;}
    span{font-size: 12px;}

    #menu{bottom: 10px;}
    .menu-elements-inside{grid-template-columns: 20% 1fr;}

    .gallery-section .contact-element{padding: 50px 20px;}

    .gallery-element .swiper-button-next, .gallery-element .swiper-button-prev{width: 45px;height: 45px;right: 0px;}
    .gallery-element .swiper-button-prev{left: 0px;}
    .gallery-element .swiper-button-next img, .gallery-element .swiper-button-prev img{width: 24px;}
    .gallery-element .swiper-slide img{aspect-ratio: 1223/840;}
}

@media screen and (max-width:500px) and (min-width:200px){
    #menu{width: 377px;}
}

@media screen and (max-height:822px){
    .about-section{height: auto;gap: 100px;}
}
/*Media Queries ends*/