/*
Theme Name: Hendon Child
Theme URI: http://hendon.qodeinteractive.com
Description: A child theme of Hendon
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: hendon
Template: hendon
*/

.dialog-lightbox-widget {
    display: none !important;
}
.qodef-video-button .qodef-m-play span svg polygon {
	fill: #F47523;
}
.qodef-video-button .qodef-m-play span svg circle {
	stroke: #F47523;
}
.qodef-button.qodef-layout--filled.qodef-html--link {
	border-radius: 5px;
}

/* Header */
.qodef-header-navigation >ul > li > a {
	font-family: "Montserrat", sans-serif;
}
.qodef-header-navigation > ul > li > a .qodef-menu-item-text:after {
	background-color: #F47523;
	opacity: 1 !important;
}
.qodef-header-navigation a.is-active .qodef-menu-item-text:after {
	opacity: 1;
	transform: scaleX(1);
	transform-origin: 0 50%;
	transition: transform .4s cubic-bezier(.85, .26, .17, 1);
}

/* .qodef-header-sticky .qodef-header-navigation {
	margin-right: 160px;
} */
.qodef-header-sticky .qodef-header-sticky-inner {
	padding-top: 5px;
	padding-bottom: 5px;
}
.qodef-widget-holder {
	display: none !important;
}
/* Hero */
.hero-title .qodef-section-title .qodef-m-title {
	color: #FFFFFF;
    font-family: "Playfair Display", sans-serif;
    font-size: 80px;
    font-weight: 400;
    letter-spacing: 0;
}  
.hero-title_medium .qodef-section-title .qodef-m-title {
	font-size: 65px;
}
.hero-title .qodef-section-title .qodef-m-text {
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 5px !important;
	color: #F47523;
}

/* Section Headings */
.qodef-section-title .qodef-m-title {
	font-family: "Playfair Display", sans-serif;
}
.qodef-section-title .qodef-m-text {
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.2em;
	color: #615E62;
}
.heading-center .qodef-section-title {
	text-align: center;
}
.heading-white .qodef-section-title .qodef-m-title {
	color: #ffffff;
}
.heading-section .qodef-section-title .qodef-m-title {
	font-size: 30px;
}
.heading-section__big .qodef-section-title .qodef-m-title {
	font-size: 40px;
}
.paragraph-gallery .qodef-section-title .qodef-m-text {
	letter-spacing: 0;
	font-size: 16px;
	font-weight: 400;
	color: #615E62;
	line-height: 25px;
	text-transform: initial;
}
.heading-white .qodef-section-title .qodef-m-text {
	color: rgba(255, 255, 255, 0.7);
} 
.qodef-icon-with-text.qodef-layout--top .qodef-m-title {
	font-family: "Playfair Display", sans-serif;
}
.qodef-qi-highlight {
	font-weight: 300;
	font-family: "Montserrat", sans-serif !important;
	line-height: 32px;
}
.qodef-highlight-text {
	border-radius: 5px;
}

/* Gallery */
.custom-slider .qodef-image-gallery .qodef-slider-image-holder img {
	height: 600px;
	object-fit: cover;
	border-radius: 10px;
}
.qodef-image-gallery.qodef-swiper--initialized .qodef-slider-image-holder-inner {
	padding-top: 10px;
	top: 0;
}
.qodef-image-gallery.qodef-swiper--initialized .qodef-slider-image-holder:after {
	top: 0;
	height: calc(100% - 10px);
	background-image: url("https://villa.akvisuals.ch/wp-content/uploads/2025/09/pattern-dark.png") !important;
	border-radius: 10px;
}
.custom-right-gallery .qodef-image-gallery .qodef-slider-image-holder img {
	height: 600px;
}
.custom-right-gallery .qodef-image-gallery.qodef-swiper--initialized .qodef-slider-image-holder:after {
	display: none;
}
.custom-right-gallery .swiper-button-prev.swiper-button-outside, 
.custom-right-gallery .swiper-container-rtl .swiper-button-next.swiper-button-outside {
    transform: translateX(100%) !important;
}
.custom-right-gallery .swiper-button-prev.swiper-button-outside {
	transform: translateX(-100%) !important;
}
.qodef-grid.qodef-layout--masonry.qodef-items--fixed .qodef-grid-item img {
	object-fit: cover;
	border-radius: 10px;
}
.swiper-button-next:after, 
.swiper-button-prev:after {
	display: none;
}

/* Custom Banner */
.qodef-banner.qodef-layout--with-custom-icon .qodef-m-title {
	font-family: "Playfair Display", sans-serif;
	color: #072B30;
}
.qodef-banner.qodef-layout--with-custom-icon .qodef-m-text {
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 300;
}
.qodef-banner .qodef-m-content {
	min-height: 300px;
	border-radius: 10px;
}

/* Minimal Button */
.qodef-button.qodef-layout--minimal svg polygon {
	fill: #F47523;
}
.qodef-button.qodef-layout--minimal svg g circle {
	stroke: #F47523;
}

/* Custom Icon edit */
.qodef-icon-custom .qodef-m-content {
	display: none;
}
.qodef-icon-with-text .qodef-m-icon-wrapper .qodef-svg-circle circle {
	stroke: rgba(244, 117, 35, 0.5);
}
.elementor-editor-active .qodef-icon-with-text .qodef-m-icon-wrapper .qodef-svg-circle circle:nth-child(2), 
.qodef-icon-with-text .qodef-m-icon-wrapper .qodef-svg-circle.qodef--appear circle:nth-child(2) {
	stroke: rgba(244, 117, 35, 1);
}
.qodef-icon-white .qodef-icon-with-text .qodef-m-icon-wrapper .qodef-svg-circle circle {
	stroke: rgba(255, 255, 255, 0.5);
}
.qodef-icon-white .elementor-editor-active .qodef-icon-with-text .qodef-m-icon-wrapper .qodef-svg-circle circle:nth-child(2), 
.qodef-icon-white .qodef-icon-with-text .qodef-m-icon-wrapper .qodef-svg-circle.qodef--appear circle:nth-child(2) {
	stroke: rgba(255, 255, 255, 1);
}

/* Accordion */
.qodef-accordion.qodef-layout--simple .qodef-accordion-content {
    padding: 18px 0 40px;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark {
	color: #F47523;
	border: 1px solid #F47523;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-tab-title {
	font-family: "Playfair Display", sans-serif;
	font-size: 20px;
	color: #072B30;
	letter-spacing: normal;
}
.qodef-accordion.qodef-layout--simple .qodef-accordion-content p {
	font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #615E62;
    line-height: 25px;
	letter-spacing: 0;
    text-transform: initial;
}
/* Carousel */
.custom-carousel figure img {
    height: 200px !important;
    object-fit: cover !important;
}

/* Footer */
#qodef-page-footer {
	position: relative;
	background-color: #072B30;
}
#qodef-page-footer-top-area {
	padding: 90px 0 54px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#qodef-page-footer-top-area,
#qodef-page-footer-bottom-area {
	background-color: transparent !important;
}
#qodef-page-footer-bottom-area {
	padding: 20px 0;
}
#qodef-page-footer::before {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("https://villa.akvisuals.ch/wp-content/uploads/2020/05/home-1-background-patern-3.png");
	position: absolute;
	top: 0;
	left: 0;
}
#qodef-page-footer .widget.widget_media_image img {
	margin: 0 0 30px 0 !important;
}
#qodef-page-footer .widget {
	margin-bottom: 15px;
}
#qodef-page-footer .widget .wp-block-heading {
	margin: 0 !important;
	color: #ffffff !important;
}
#qodef-page-footer .widget_text p,
#qodef-page-footer .widget_nav_menu a {
	margin: 0;
	font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
}
#qodef-page-footer .widget_text p a:hover,
#qodef-page-footer .widget_nav_menu a:hover {
	color: #F47523;
}
#qodef-page-footer #block-11 {
	margin-bottom: 5px;
}
#qodef-page-footer #block-18 {
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}
#qodef-page-footer #block-15 p {
	text-align: left;
}
.airbnb-booking {
	display: flex;
	gap: 10px;
}
.custom-copyright {
	margin: 0;
	text-transform: uppercase;
	font-size: 16px;
	text-align: right;
}
/* -------------------------------------------------------------------
   RESPONSIVE
------------------------------------------------------------------- */
@media screen and (max-width: 991px) { 
	.hero-title .qodef-section-title .qodef-m-title {
		font-size: 65px;
	}
	.hero-title_medium .qodef-section-title .qodef-m-title {
		font-size: 50px;
	}
	.custom-slider .qodef-image-gallery .qodef-slider-image-holder img {
		height: 500px;
		object-fit: cover;
	}
	#qodef-page-footer-top-area .qodef-grid-item {
		margin-bottom: 30px !important;
	}
}
@media screen and (max-width: 767px) { 
	.vc_hidden-xs {
		display: none;
	}
	.hero-title .qodef-section-title .qodef-m-title {
		font-size: 45px;
	}
	.hero-title_medium .qodef-section-title .qodef-m-title {
		font-size: 45px;
	}
	#qodef-page-mobile-header-inner {
		padding: 15px 20px;
	}
	.qodef-mobile-header-opener svg {
		width: 50px;
	}
	.custom-slider .qodef-image-gallery .qodef-slider-image-holder img {
		height: 350px;
		object-fit: cover;
	}
	#qodef-page-footer-top-area {
		padding: 60px 0 55px !important;
	}
/* 	#qodef-page-footer .widget.widget_nav_menu {
		margin-bottom: 35px !important;
	} */
	#qodef-page-footer-top-area .qodef-grid-item {
		margin-bottom: 30px !important;
	}
	#qodef-page-footer-top-area .qodef-grid-item:last-child {
		margin-bottom: 0 !important;
	}
	.contact-form .custom-cf7-columns {
		/* margin-bottom: 25px; */
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 15px;
	}
	.contact-form .custom-cf7-columns .input-holder {
		margin-bottom: 0;
	}
	.custom-carousel figure img {
		height: 170px !important;
	}
	.custom-icon-with-text img {
		width: 60px;
	}
	.custom-explore-card .qodef-section-title .qodef-m-title {
		font-size: 16px;
		line-height: 24px;
	}
	.custom-explore-card .qodef-section-title .qodef-m-text {
		font-size: 12px;
		line-height: 15px;
	}
	.custom-explore-card .qodef-section-title {
		padding: 0 8px;
	}
	.hero-title .qodef-section-title .qodef-m-text {
		padding-left: 5px;
		font-size: 12px;
		letter-spacing: 2px !important;
	}
	#qodef-page-footer #block-15 p,
	#qodef-page-footer .custom-copyright {
		text-align: center;
	}
	#qodef-page-footer .custom-copyright {
		padding-top: 20px;
	}
}

/* -------------------------------------------------------------------
   CONTACT FORM 7
------------------------------------------------------------------- */
.wpcf7-not-valid-tip {
    padding-top: 5px;
    padding-left: 10px;
/* 	position: absolute;
	bottom: -20px; */
	font-family: "Montserrat", sans-serif;
    font-size: 12px !important;
	line-height: 17px;
}
.wpcf7-response-output {
	display: none;
}
.contact-form .custom-cf7-columns {
	/* margin-bottom: 25px; */
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 30px;
}
.contact-form .custom-cf7-columns .input-holder {
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
}
.contact-form .custom-cf7-columns .input-holder.input-select .wpcf7-form-control-wrap {
	position: relative;
}
.contact-form .custom-cf7-columns .input-holder.input-select .wpcf7-form-control-wrap select {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.contact-form .custom-cf7-columns .input-holder.input-select .wpcf7-form-control-wrap::after {
	content: "\e900";
	font-size: 16px;
	font-family: 'sichtbarerwerden-font' !important;
	color: #b2976f;
	position: absolute;
	right: 12px;
	top: 12px;
}
.contact-form .custom-cf7-columns .input-holder .wpcf7-form-control-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
}
.contact-form .custom-cf7-columns .checkbox-holder {
	width: 100%;
	max-width: 100%;
}
.contact-form .custom-cf7-columns .submit-holder {
	width: 100%;
	max-width: 100%;
}

.contact-form .custom-cf7-columns .input-holder p {
	width: 100%;
	margin-bottom: 0;
}
.contact-form .custom-cf7-columns .input-holder label {
	padding-bottom: 7px;
	display: block;
    font-size: 0.875rem;
    font-weight: 400;
	font-family: "Montserrat", sans-serif;
    line-height: 1.5em;
	text-transform: uppercase;
	color: #072B30;
}
.contact-form .custom-cf7-columns .input-holder .wpcf7-form-control {
	padding: 12px 10px;
	width: 100%;
	height: 48px;
/* 	background-color: #ffffff; */
	border-radius: 8px;
	border: 1px solid #072B30;
	outline: none !important;
    font-size: 0.875rem;
    font-weight: 400;
	letter-spacing: normal;
	text-transform: initial;
	color: #1A1A1A;
}
.contact-form .custom-cf7-columns .input-holder textarea.wpcf7-form-control {
	height: auto;
}
.contact-form .custom-cf7-columns .input-holder .wpcf7-form-control:focus-visible {
	outline: none;
	border-color: #1a1a1a; 
/* 	box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.05);  */
	background-color: transparent;
}
.contact-form .custom-cf7-columns .input-holder .wpcf7-form-control::placeholder {
	color: #525D70;
}
.contact-form .custom-cf7-columns .submit-holder .wpcf7-submit {
	padding: 14px 20px;
	min-width: 150px;
	background-color: #072B30 !important;
	border-color: #072B30 !important;
	border-radius: 5px;

	font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 22px;
}
.contact-form .custom-cf7-columns .submit-holder .wpcf7-submit:hover {
	background-color: #F47523 !important;
	border-color: #F47523 !important;
	color: #ffffff !important;
}
.contact-form .custom-cf7-columns .submit-holder .wpcf7-submit:hover {
	background-color: #324AC2;	
}
.contact-form .custom-cf7-columns .submit-holder p {
	display: flex;
	justify-content: flex-end;
}
.contact-form .custom-cf7-columns .submit-holder .wpcf7-spinner {
	position: absolute;
	bottom: -5px;
	right: 88px;
}
.contact-form .checkbox-holder .wpcf7-list-item {
	margin: 0;
}
.contact-form .checkbox-holder input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.contact-form .checkbox-holder label {
  position: relative;
  padding-left: 35px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #1A1A1A80;
  cursor: pointer;
}
.contact-form .checkbox-holder label::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #b2976f;
  box-sizing: border-box;
  position: absolute;
  top: 25px;
  left: 0;
}
.contact-form .checkbox-holder input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  background-image: url('https://mk.sichtbarerwerden.site/wp-content/uploads/check.svg');
  background-size: 14px;
  background-repeat: no-repeat;
  left: 6px;
  top: 12px;
}
.contact-form .custom-cf7-columns .checkbox-holder label {
	display: block!important;
}
.gt_switcher_wrapper {
	top: 10px !important;
	right: 40px !important;
}
.admin-bar .gt_switcher_wrapper {
    top: 45px !important;
    right: 40px !important;
}
.qodef-header--sticky-display .gt_switcher_wrapper {
	top: 20px !important;
}
.menu-item-gtranslate {
	display: flex;
	align-items: center;
}
.gt_selector {
    width: 120px;
	height: 35px;
	padding: 7px 10px;
	margin: 0;
    font-family: "Montserrat", sans-serif;
	font-size: 11px;    
	font-weight: 500;
	color: #ffffff;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.3);
    letter-spacing: .3em;
	line-height: 20px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-color: transparent;
	background-image: none;
    background: url('https://villa.akvisuals.ch/wp-content/uploads/2025/10/down.svg') no-repeat right 10px center;
    background-size: 14px;
}
.gt_selector:hover {
	border: 1px solid #F47523;
}

/* -------------------------------------------------------------------
   ELEMENTOR ANIMATIONS
------------------------------------------------------------------- */
.animated.animated-fast {
  animation-duration: .75s; }

@-webkit-keyframes fadeInUpShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  to {25px
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInDownShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInLeftShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeInRightShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes zoomInShort {
  from { 
	 opacity: 0; 
	 -webkit-transform: scale(0.8); 
	 transform: scale(0.8); }
  to { 
	 opacity: 1; 
	 -webkit-transform: scale(1); 
	 transform: scale(1); }
}
@keyframes zoomInShort {
  from { 
	 opacity: 0; 
	 -webkit-transform: scale(0.8); 
	 transform: scale(0.8); }
  to  { 
	  opacity: 1; 
	  -webkit-transform: scale(1); 
	  transform: scale(1); 
	}
}

.elementor .fadeInUp {
  -webkit-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort; }

.elementor .fadeInDown {
  -webkit-animation-name: fadeInDownShort;
  animation-name: fadeInDownShort; }

.elementor .fadeInLeft {
  -webkit-animation-name: fadeInLeftShort;
  animation-name: fadeInLeftShort; }

.elementor .fadeInRight {
  -webkit-animation-name: fadeInRightShort;
  animation-name: fadeInRightShort; }

.elementor .zoomIn {
  -webkit-animation-name: zoomInShort;
  animation-name: zoomInShort; }

/* -------------------------------------------------------------------
   CALENDAR
------------------------------------------------------------------- */
.multiCalendarWidget .singleCalendarWidget .header, 
.multiCalendarWidget .singleCalendarWidget h2 .header {
	padding-bottom: 10px !important;
}
.multiCalendarWidget .singleCalendarWidget table thead td {
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 22px;
}
.multiCalendarWidget .singleCalendarWidget table tbody td {
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 22px;
}