/*
Theme Name: Weingut Hofstätter Theme
Template: Impreza
Version: 1.01
Author:	Raphael Posch (CodingBase GmbH)
Theme URI: https://www.codingbase.at/
Author URI: https://www.codingbase.at/
*/
/*
.l-subheader {
	padding: 0 !important;
}

.l-subheader-cell.at_left, .l-subheader-cell.at_right a.w-nav-control {
	padding: 0 1.5em
}

#hofstaetter-menu:has(.w-nav-control.active) .w-nav-list.level_1{
}

*/


#nav-shop-link, #hofstaetter-menu {
    display: flex !important;
	flex-direction: column;
	justify-content: center;
}

#hofstaetter-logo {
	z-index: 10;
}

#hofstaetter-menu .w-nav-control .w-nav-icon {
	display: none;
}

#hofstaetter-menu .w-nav-list.level_1 {
	position: absolute;
	height: 100dvh;
	min-height: 0;
	width: 50vw;
	right: -1.5rem;
	padding: 0 60px 0 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	visibility: hidden;
	transform: none;
	transition: opacity 0.2s;
	opacity: 0;
}

#hofstaetter-menu .w-nav-control.active + .w-nav-list.level_1{
	visibility: visible;
	opacity: 1;
}

#hofstaetter-menu .w-nav-control {
	/* margin-right: 0; */
}

/* BUGFIX: doppelt unterstrichen wegen border-bottom und text-decoration underline */
.nav-main-link > a:hover {
	text-decoration: none !important;
}

#hofstaetter-menu a:hover {
	text-decoration: none;
}

/* END BUGFIX */

.nav-main-link > a:hover > span {
	border-bottom: 1px solid;
}

#hofstaetter-menu .w-nav-title {
	border-bottom: 1px solid transparent !important;
}

#hofstaetter-menu a:hover {
	text-decoration: none;
}

#hofstaetter-menu a:hover>.w-nav-title {
	border-bottom: 1px solid var(--color-header-middle-text) !important;
}

#hofstaetter-menu .w-nav-item.current-menu-item > a > .w-nav-title{ 
	border-bottom: 1px solid var(--color-header-middle-text) !important;

}
/*
 
#hofstaetter-menu .w-nav-item.level_1:hover>a:hover {
	color: var(--color-header-middle-text-hover);
}

#hofstaetter-menu .w-nav-item.level_1:not(.current-menu-item):hover>a {
	color: inherit;
	transition: color .3s;
}

*/
#nav-shop-link {
	height: 110px;
	align-content: center;
}

#hofstaetter-menu {
	position: absolute;
	top: 0;
	height: 110px;
	align-content: center;
}

#hofstaetter-menu .w-nav-anchor.level_1 {
	padding-bottom: 0;
	width: fit-content;
	margin-left: auto;
}

#hofstaetter-menu .w-nav-anchor.level_1  span {
	padding-left: 0 !important;
}

#hofstaetter-menu .w-nav-list.level_2 {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
	font-family: NovelPro Sans;
	text-transform: none;
	opacity: 1 !important;
	visibility: visible !important;
	gap: 10px;
}

#hofstaetter-menu .w-nav-anchor.level_2 {
	transition: color .3s;
	padding-right: 0.7em;
}

#hofstaetter-menu .w-nav-close {
	display: inherit;
	top: 10px;
	right: 5px;
	width: 1em;
	line-height: 1;
}
#hofstaetter-menu .w-nav-close::before {
	content: '\00d7';
}

#hofstaetter-menu .wpml-ls-statics-shortcode_actions {
	position: absolute;
	top: 85vh;
	z-index: 10;
}

#hofstaetter-menu .wpml-ls-current-language a, #hofstaetter-menu .wpml-ls-item a:hover {
	border-bottom: 1px solid;
}

.hofstaetter-slider {
	margin-left: 1em ;
	margin-right: 1em;
}

.link-header {
	height: 600px;
}

.vigna-logo_bottle {
	width: 100px;
}

.mobile-header {
	height: 100dvh !important;
	z-index: 15;
}

.wine-title-mobile {
	word-break: auto-phrase;
}

.w-popup-box-h>.w-popup-closer {
	color: var(--color-alt-content-text);
	width: 2rem;
	line-height: 2rem;
	font-size: 1.5rem;
}


@media only screen and (max-width: 1200px) {
	#hofstaetter-menu .w-nav-anchor.level_1 {
		font-size: 1.3rem;
	}
	
	#hofstaetter-menu .w-nav-anchor.level_2 {
		font-size: .8rem;
	}
	
	.hofstaetter-slider .vc_column_container, .link-header {
		height: 400px !important;
	}
}

@media only screen and (max-width: 1000px) {
	#hofstaetter-menu .w-nav-list.level_1 {
		width: 100vw;
	}
	#hofstaetter-menu .w-nav-close {
		top: 20px;
        font-size: 3rem;
    }
	#hofstaetter-menu .wpml-ls-statics-shortcode_actions {
		font-size: .8em;
		margin-left: 1em;
	}
	
	#hofstaetter-menu .w-nav-list.level_1 {
		right: -1rem;
	}
}
@media only screen and (max-width: 800px) {
	.hofstaetter-slider .vc_column_container, .link-header {
		height: 300px !important;
	}
}

@media only screen and (max-width: 600px) {

	#hofstaetter-menu .w-nav-list.level_1 {
		padding: 0 5%;
		top: calc(-90dvh /*- 10px */);
	}
	#hofstaetter-menu, #nav-shop-link {
		height: 90px;
	}
	#hofstaetter-menu .w-nav-control {
		margin-right: 0;
		padding: 0;
	}
	
	#hofstaetter-menu .w-nav-close { 
		top: calc(88dvh + 24px)
	}
	.hofstaetter-slider {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.hofstaetter-slider .vc_column_container, .link-header {
		height: 200px !important;
	}
	
	#page-footer {
    	margin-top: 50px;
	}

	
	/* FIX FILTER DISPLAY ON MOBILE DEVICES - 20241014*/
	.wine-category-filter .w-filter-item-values, .wine-category-filter .w-filter-list {
		display: inherit !important;
	}
	
	.wine-category-filter .w-filter-item-value label {
		justify-content: center;
		margin-bottom: 20px;
	}
	
	.w-tabs-section-header {
		font-size: 1.2em !important;
	}
	#hofstaetter-menu .wpml-ls-statics-shortcode_actions {
		top: calc(85dvh + 24px)
	}
}

@media only screen and (max-width: 400px) {
	.hofstaetter-slider .vc_column_container, .link-header {
		height: 180px !important;
	}
	
	#hofstaetter-menu .w-nav-list.level_2 {
		gap: 0px;
	}
	
	.vigna-logo_bottle {
		width: 80px !important;
	}
}

@media only screen and (min-width: 2000px) { 
	#hofstaetter-menu .w-nav-anchor.level_1 {
		font-size: 1.5em;
	}
	#hofstaetter-menu .w-nav-anchor.level_2 {
		font-size: 1em;
	}
	
	#hofstaetter-menu .w-nav-list.level_2 { 
		margin-bottom: 30px;
	}
}
/* HIDE DROPDOWN ARROW */
#hofstaetter-menu span.w-nav-arrow {
	display: none;
}

#wein-filter {
	margin-bottom: 3em;
    margin-top: -1em;
}

#wein-filter .w-filter-item-value.selected, #wein-filter .w-filter-item-value:hover {
    background: inherit;
    text-decoration: underline;
	color: inherit;
}

/*
#wein-filter input[type=radio]{
	display: none;
}
*/

.type_message {
	background: none !important;
	border: 2px solid;
}

.wine-category-filter .w-filter-item-title, .wine-category-filter .w-filter-item-reset {
    display: none !important;
} 

.wine-category-filter .w-filter-item-values {
    display: flex;
    gap: 30px;
}

.wine-category-filter input[type=radio]{
	display: none;
}

.wine-category-filter .w-filter-item  {
	margin-bottom: 0 !important;
}

#featured-wines .w-grid-list {
	justify-content: center;
}

@media only screen and (min-width: 500px) {
	#wein-filter {
		position: relative;
		top: -80px;
		left: 240px;
		width: fit-content;
		margin: 0;
	}
}


/* DIVINEA STYLES START */

app-divinea>#divinea-wrapper app-homepage#divinea *{
       font-family: "NovelPro" !important;
}
app-divinea>#divinea-wrapper app-homepage#divinea dp-day-calendar.dp-material .dp-selected {
    background: #243140 !Important;
}
app-divinea>#divinea-wrapper app-homepage#divinea .divinea-container{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
app-divinea>#divinea-wrapper app-homepage#divinea dp-day-calendar.dp-material .dp-current-day {
    border: 1px solid #243140  !Important;
}
app-divinea>#divinea-wrapper app-homepage#divinea .checkout-wrapper .right>.content>.coupon button.special-button{
  background-color: transparent !important;
  border:none !important;
  color:  #243140 !important;
}
app-divinea>#divinea-wrapper app-homepage#divinea .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, app-divinea>#divinea-wrapper app-homepage#divinea .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    background-color: #243140 !Important;
    color:#fff !important;
}
app-divinea>#divinea-wrapper app-homepage#divinea ng-select.inline .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label {
    background-color: #243140 !important;
    color:#fff !important;
    }
 app-divinea>#divinea-wrapper app-homepage#divinea .experience-box>div.content>.title{
    color: #243140  !important;
}
.ng-fa-icon svg{
    color: #243140 !important;
}
app-divinea>#divinea-wrapper app-homepage#divinea .switcher input+label {
    background: #243140 !important;
    color:#fff !important;
    }
app-divinea>#divinea-wrapper app-homepage#divinea .primary {
    color: #243140  !important;
}
app-divinea>#divinea-wrapper app-homepage#divinea .experience-box>div.content>.information-group-top>.title {
    color: #243140  !important;
}
app-divinea>#divinea-wrapper app-homepage#divinea .btn.btn-primary{
background: #243140 !important;
color:#fff !important;
}
app-divinea>#divinea-wrapper app-homepage#divinea a {
    color: #243140 !important;
	border-bottom: 1px solid;
}
app-divinea>#divinea-wrapper app-homepage#divinea .switcher input:before,app-divinea>#divinea-wrapper app-homepage#divinea .switcher input:after {
    font-size: 14px !important;
}
@media screen and (min-width: 768px){
app-divinea>#divinea-wrapper app-homepage#divinea .experience-detail-wrapper .left>.summary>div:first-child {
    width: 130px !important;
}
}
@media (max-width: 420px){
app-divinea>#divinea-wrapper app-homepage#divinea .experience-detail-wrapper .left .left-responsive {
    max-width: calc(100% - 0px) !important;
}
}

app-divinea>#divinea-wrapper app-homepage#divinea small {
	font-size: 1.4em !important;
}
/*
app-divinea>#divinea-wrapper app-homepage#divinea small .grey {
	background-color: #243140 !important;
	padding: 5px !important;
	border-radius: 5px !important;
	color: white !important;
}

.ng-fa-icon svg {
    color: white !important;
}
*/
.mat-input-element {
	min-height: inherit !important;
	line-height: inherit !important;
	box-shadow: none !important;
}

/* DIVINEA STYLES END */

/* SVG MAP STYLING START */
#Hofstätter-Karte-Lagen rect, #Hofstätter-Karte-Lagen ellipse,  #Hofstätter-Karte-Lagen circle, #Hofstätter-Karte-Lagen path {
	transition: ease .2s;
}

#Hofstätter-Karte-Lagen #Gebietsoverlays a:hover rect{
	stroke: #cbbba0;
	stroke-width: 2;
}

#Hofstätter-Karte-Lagen #Gebietsoverlays a:hover g g path{
	fill: #cbbba0;
}

#Hofstätter-Karte-Lagen #Vignaoverlays g g line {
	display: none;
}

#Hofstätter-Karte-Lagen #Vignaoverlays g a:hover g line {
	display: block;
}

#Hofstätter-Karte-Lagen #Vignaoverlays > g > a:hover + circle {
	r: 7px;
}

/* SVG MAP STYLING END */

.wobble {
    -webkit-animation: wobble 1s infinite  alternate !important;
    animation: wobble 1s infinite  alternate !important;
}

@-webkit-keyframes wobble {
    0% { transform: translateY(0); }
    100% { transform: translateY(-100px); }
}

@keyframes wobble {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}