/*
Theme Name: bergsucht Theme
Author: the bergsucht team
Description: Custom theme based on client requirements.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bergsucht
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, custom-theme
This theme, like WordPress, is licensed under the GPL.
*/
body header{z-index: 99999;}
body.admin-bar header{top: 32px;}

body .footer ul li a{padding: 0;}
body .footer .bottom_foter ul li a span{font-size: 13px;font-weight: 500;}

body .showcaseRoom .showcaseRoom-right .form-input select{width: 100%;}
body .from_box .wrap_field span[data-name="message"]{width: 100%;}

body  .screen-reader-response , body form .wpcf7-not-valid-tip ,body form .wpcf7-response-output{display: none !important;}
body form .in.wpcf7-not-valid,body .from_box .checkbox_wrap .wpcf7-not-valid label::after{background: #bb4343ef !important;}
body form .in.wpcf7-not-valid:placeholder-shown,body .from_box .checkbox_wrap .wpcf7-not-valid label::after{opacity: 0.7;}

body .from_box .checkbox_wrap .wpcf7-list-item-label{position: relative; color: #000000; font-style: normal; font-weight: 400; font-size: 20px; line-height: 40px; cursor: pointer;}
body .from_box .checkbox_wrap label::after{  content: '';  position: absolute; border-radius: 5px; background-color: #000000; left: 0; width: 40px; height: 40px; top: 0; bottom: 0; margin: auto;}
body .from_box .checkbox_wrap label:before { position: absolute; content: ""; left: 15px; top: 8px; width: 10px; height: 20px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); opacity: 0; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; z-index: 1; }
body .from_box .checkbox_wrap label.active:before{opacity: 1;}
body .table-responsive{overflow-y: hidden;}
body .instagram_section form.sent .wpcf7-response-output{display: block !important;    margin-top: 10px;}
body #sb-nav-next,body #sb-nav-previous { background-image: url(./assets/images/left-direction-svgrepo-com.svg);background-size: contain;background-position: center;}
body #sb-nav-next{ transform:scale(-1) ; -webkit-transform:scale(-1) ; -moz-transform:scale(-1) ; -ms-transform:scale(-1) ; -o-transform:scale(-1) ; }
body .showcaseRoom .gallery-thumbs .swiper-slide{opacity: 0.5;cursor: pointer;}
body .showcaseRoom .gallery-thumbs .swiper-slide-active{opacity: 1;}

header .top_header div a .mobile_icon{display: none;}
.showcaseRoom .showcaseRoom-right .form-input #Anreise,.showcaseRoom .showcaseRoom-right .form-input #Abreise { width: 100%; font-family: "Jost", sans-serif; font-weight: 500; border: 0; background: transparent; appearance: none; -webkit-appearance: none; font-size: 13px; line-height: 1.69; letter-spacing: 1.5px; color: #000000; outline: 0; cursor: pointer; background: url('data:image/svg+xml,<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.84222 0.431938C7.84222 0.431938 7.86693 0.456648 7.91635 0.506069C7.96577 0.555489 7.99048 0.647827 7.99048 0.783082C7.99048 0.918338 7.94106 1.03539 7.84222 1.13423L4.34638 4.63006C4.24754 4.7289 4.13049 4.77832 3.99524 4.77832C3.85998 4.77832 3.74293 4.7289 3.64409 4.63006L0.148261 1.13423C0.0494203 1.03539 0 0.918338 0 0.783082C0 0.647827 0.0494203 0.530779 0.148261 0.431938C0.247101 0.333098 0.364149 0.283678 0.499405 0.283678H7.49107C7.62633 0.283678 7.74337 0.333098 7.84222 0.431938Z" fill="black"/></svg>'); background-repeat: no-repeat; background-position: center right; }
.showcaseRoom .showcaseRoom-right .form-input #Anreise::placeholder,.showcaseRoom .showcaseRoom-right .form-input #Abreise::placeholder{color: #000000;}

.wpml-ls-legacy-list-horizontal ul > .wpml-ls-item{ border: 1px solid transparent ; transition:all .5s ease ; -webkit-transition:all .5s ease ; -moz-transition:all .5s ease ; -ms-transition:all .5s ease ; -o-transition:all .5s ease ; }
.wpml-ls-legacy-list-horizontal ul > .wpml-ls-item:not(:last-child){border-right-color: #ffffff;}
.wpml-ls-legacy-list-horizontal ul .wpml-ls-current-language,.wpml-ls-legacy-list-horizontal ul > .wpml-ls-item:hover{border-color: #ffffff;}

.ui-datepicker {background-color: #000000;box-shadow: 0 0 10px #ffffff91;}
.ui-datepicker-calendar thead th { padding: 0.25rem 0; text-align: center; font-size: 0.75rem; font-weight: 400; color: #fff; }
.ui-datepicker-calendar tbody td { width: 2.5rem; text-align: center; padding: 0; }
.ui-datepicker-calendar tbody td a { display: block; border-radius: 0.25rem; line-height: 2rem; transition: 0.3s all; color: #fff; font-size: 0.875rem; text-decoration: none; }
.ui-datepicker-calendar tbody td a:hover { background-color: #4d4d4d; }
.ui-datepicker-calendar tbody td a.ui-state-active { background-color: #727171; color: white; }
.ui-datepicker-header a.ui-corner-all { cursor: pointer; position: absolute; top: 0; width: 2rem; height: 2rem; margin: 0.5rem; border-radius: 0.25rem; transition: 0.3s all; }
.ui-datepicker-header a.ui-corner-all:hover { background-color: #ECEFF1; }
.ui-datepicker-header a.ui-datepicker-prev { left: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-size: 0.5rem; background-position: 50%; transform: rotate(180deg); background-color: #fff; }
.ui-datepicker-header a.ui-datepicker-next { right: 0; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-size: 10px; background-position: 50%; background-color: #fff; }
.ui-datepicker-header a>span { display: none; }
.ui-datepicker-title { text-align: center; line-height: 2rem; margin-bottom: 0.25rem; font-size: 0.875rem; font-weight: 500; padding-bottom: 0.25rem; color: #fff; }
.ui-datepicker-week-col { color: #78909C; font-weight: 400; font-size: 0.75rem; }
body .menu_popup nav ul li{width: 100%;}

  
/* gallery slick slider css */
.main_slider .slick-vertical .slick-slide{display:flex;left:0 !important;position:absolute !important;opacity:0;visibility:hidden;} */
.bg_white_wrapper{width: 100%;}
/* body.home footer{display: none !important;} */

.showcaseRoom .showcaseRoom-right .form-input #Anreise,
.showcaseRoom .showcaseRoom-right .form-input #Abreise,
.showcaseRoom .showcaseRoom-right .form-input #startDate-de,
.showcaseRoom .showcaseRoom-right .form-input #endDate-de{ width: 100%; font-family: "Jost", sans-serif; font-weight: 500; border: 0; background: transparent; appearance: none; -webkit-appearance: none; font-size: 13px; line-height: 1.69; letter-spacing: 1.5px; color: #000000; outline: 0; cursor: pointer; background: url('data:image/svg+xml,<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.84222 0.431938C7.84222 0.431938 7.86693 0.456648 7.91635 0.506069C7.96577 0.555489 7.99048 0.647827 7.99048 0.783082C7.99048 0.918338 7.94106 1.03539 7.84222 1.13423L4.34638 4.63006C4.24754 4.7289 4.13049 4.77832 3.99524 4.77832C3.85998 4.77832 3.74293 4.7289 3.64409 4.63006L0.148261 1.13423C0.0494203 1.03539 0 0.918338 0 0.783082C0 0.647827 0.0494203 0.530779 0.148261 0.431938C0.247101 0.333098 0.364149 0.283678 0.499405 0.283678H7.49107C7.62633 0.283678 7.74337 0.333098 7.84222 0.431938Z" fill="black"/></svg>'); background-repeat: no-repeat; background-position: center right; }
.showcaseRoom .showcaseRoom-right .form-input #Anreise::placeholder,.showcaseRoom .showcaseRoom-right .form-input #Abreise::placeholder{color: #000000;}

#dark_mode .showcaseRoom .showcaseRoom-right .form-input #Anreise,
#dark_mode .showcaseRoom .showcaseRoom-right .form-input #Abreise,
#dark_mode .showcaseRoom .showcaseRoom-right .form-input #startDate-de,
#dark_mode .showcaseRoom .showcaseRoom-right .form-input #endDate-de{color: #ffffff;background: url('data:image/svg+xml,<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.84222 0.431938C7.84222 0.431938 7.86693 0.456648 7.91635 0.506069C7.96577 0.555489 7.99048 0.647827 7.99048 0.783082C7.99048 0.918338 7.94106 1.03539 7.84222 1.13423L4.34638 4.63006C4.24754 4.7289 4.13049 4.77832 3.99524 4.77832C3.85998 4.77832 3.74293 4.7289 3.64409 4.63006L0.148261 1.13423C0.0494203 1.03539 0 0.918338 0 0.783082C0 0.647827 0.0494203 0.530779 0.148261 0.431938C0.247101 0.333098 0.364149 0.283678 0.499405 0.283678H7.49107C7.62633 0.283678 7.74337 0.333098 7.84222 0.431938Z" fill="white"/></svg>'); background-repeat: no-repeat; background-position: center right;}
#dark_mode .showcaseRoom a:hover,#dark_mode .showcaseRoom a{color: #fff;}
.acf-tooltip.acf-fc-popup.bottom ul li a span{text-wrap: wrap; font-size: 14px;}
input[type="date"] { display:block; position:relative; padding:0; font-size:1rem; font-family:monospace; border-radius:0.25rem; cursor:pointer; }
input[type="date"]:focus { outline:none; }
::-webkit-clear-button, ::-webkit-inner-spin-button { display:none; }
::-webkit-calendar-picker-indicator { position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; opacity:0; cursor:pointer; color:rgba(0, 120, 250, 1); background:rgba(0, 120, 250, 1); }

input[type="date"]:hover::-webkit-calendar-picker-indicator { opacity:0.00; }
input[type="date"]:hover::-webkit-calendar-picker-indicator:hover { opacity:0.0; }

/* full page dots */
body #fp-nav.right{left: unset;right: 26px;}
body #fp-nav ul li a span,body .fp-slidesNav ul li a span{height: 7px; width: 7px;    margin: -2px 0 0 -2.5px;}
body #fp-nav ul li:hover a span,body .fp-slidesNav ul li:hover a span{margin: -5px 0px 0px -4.5px;}
body #fp-nav ul li,body .fp-slidesNav ul li{ margin: 6.5px 0;}
body #fp-nav ul li a.active span,body .fp-slidesNav ul li a.active span,body #fp-nav ul li:hover a.active span,body .fp-slidesNav ul li:hover a.active span{ height: 15px; width: 15px; }
body .otgs-development-site-front-end{display: none;}
.menu_popup nav .menu-header-menu-container .menu.owl-carousel .owl-nav{display: none;}
body #sb-overlay{background-color: rgba(34, 34, 34, 0.9) !important;}

/* animation */
body.home .home_banner .owl-dots{right: unset; left: 26px; }
body.home.fp-viewing-0 .home_banner .owl-item .text h1{ opacity: 0;animation-name: fadeInUp; -webkit-animation-name: fadeInUp;animation-duration: 1.5s; animation-fill-mode: both; -webkit-animation-duration: 1.5s; -webkit-animation-fill-mode: both;}
body.home.fp-viewing-1 .outer_container .inner h2,body.home.fp-viewing-1 .outer_container .inner p,body.home.fp-viewing-2 .sanctuary_inner h2,body.home.fp-viewing-2 .sanctuary_inner p,body.home.fp-viewing-2 .sanctuary_inner .more_link {opacity: 0; animation: fadeIn 1s ease-in both;}
body.home.fp-viewing-1 .outer_container .inner p,body.home.fp-viewing-2 .sanctuary_inner p{animation-delay: 1s;}
body.home.fp-viewing-2 .sanctuary_inner .more_link{animation-delay: 2s;}
body.home.fp-viewing-1 .outer_container .inner .owl-carousel{ animation: fade 1s ease-in both;animation-delay: 2s;}

/* body.home .animate.active .hidden_sec{opacity: 1; visibility: visible; height: 100%;}
body.home .animate.active .is-visible.mask-anim{    margin-right: 0; right: 0; bottom: 0; left: 100%;} */

@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.home .section.animated .mask_box .hidden_sec{opacity: 1;visibility: visible;height: 100%;}
.home .section.animated .mask_box .mask-anim {margin-right: 0; right: 0; bottom: 0; left: 100%;}
.home .header__main{transform: none !important;opacity: 1 !important;} 

body .showcaseRoom .gallery-slider .swiper-slide{height: 700px;}
.showcaseRoom .showcaseRoom-right .form-btn{cursor:pointer;}
body{position: relative;}

@media only screen and (min-width: 768px){
	body.home header,body.home  header .bottom_col,body.home .wpml-ls-legacy-list-horizontal,body.home header .bottom_col .brand{transition: all .5s ease;}
	body.home footer{position: relative;position: absolute;bottom: -100%;left: 0;right: 0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;}
	body.home footer.sticky {bottom: 0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;}
	body.home .moments_section,
	body.home .sanctuary_section,
	body.home .everyday_life_section,
	body.home .enjoy_nature_section,
	body.home .experience_section{padding-top: 42px;}
	body.home .full_video_section .video_container{height: 100%;}
	body .moments_section{background-size: cover;}
	body.home .full_video_section .video_container .video_img{ position: absolute;   left: 0; right: 0; top: 0; bottom: 0;} 
	body.home .home_banner{height: 100vh;}

	body.header-small header{padding: 10px 80px;}
	body.header-small header .bottom_col { margin-top: 0; }
	body.header-small .wpml-ls-legacy-list-horizontal{padding: 0;}
	body.header-small header .bottom_col .brand{max-width: 150px;}
	body.home .moments_section .wrap .col{height: 60vh;}
	body.home .everyday_life_section .table-responsive{padding-bottom: 20px;}

}
@media only screen and (max-width: 1640px)  {
	.main_slider .slick-vertical .slick-slide .container{ max-width: 1300px; }
	body.header-small header{padding: 10px 40px;}
	body .showcaseRoom .gallery-slider .swiper-slide{height: 550px;}
	.everyday_life_section .everyday_life_gallery .gallery-img img{height: 265px;}
}
@media only screen and (max-width: 1440px)  {
	.main_slider .slick-vertical .slick-slide .container{
		max-width: 1100px;
	}
}
@media only screen and (max-width: 960px)  {
  .menu_popup{overflow: auto;}
  body .menu_popup .close{position: fixed;}
}
@media only screen and (max-width: 767px){
    .moments_section .owl-nav div.owl-next, .moments_section .owl-nav div.owl-prev{display: none;}
    .moments_section .owl-dots{text-align: center;margin-top: 10px;}
    .moments_section .owl-dots .owl-dot{width: 10px;height: 10px;border-radius: 50%;display: inline-block;margin: 0px 5px;background-color: #fff;}
    header .top_header div a .mobile_icon{display: block;}
    header .top_header .left_col a { font-size:0;}
    header .top_header .left_col a .mobile_icon{max-width:20px;display:inline-block;vertical-align:middle;}
    header .top_header div span{margin: 0px 5px;}
    header .bottom_col{margin-top: 10px;}
    header.header-fixed{transform: translateY(-35px);-webkit-transform: translateY(-35px);-o-transform: translateY(-35px);-moz-transform: translateY(-35px);}

	header.header-fixed{    transform: translateY(-60px);    -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px); }
	body .wpml-ls-legacy-list-horizontal{padding: 0 !important;}
	body .sanctuary_section{padding-top: 30px;}
	body .enjoy_nature_section .natureImg3{max-width: 75%;}
	.experience_section.mob_reverse  .detail_box_wrap .detail_box>.row{flex-direction: column-reverse;}
	body .experience_section .detail_box_wrap{padding: 15px 0 30px;}
	body .footer .top_footer .logo{max-width: 200px;}
	.full_video_section .video_container{margin-bottom: 20px;}
	body .showcaseRoom .gallery-slider .swiper-slide{height: 300px;}
}
@media only screen and (max-width: 576){
	body .showcaseRoom .gallery-slider .swiper-slide{height: 200px;}
}