/**
 * Theme Name: TAVEE
 * Description: individuelles Theme für TAVEE
 * Author: Haag & Menzel
 * Template: blocksy
 * Text Domain: blocksy
 */


// Theme
.ct-header-cta {
	--theme-button-border: none!important;
}

.ct-header-cta a {
	border-color: transparent!important;
}

@media(min-width: 1000px) {
	#offcanvas .ct-panel-content-inner >* {
		max-width: var(--theme-normal-container-max-width);
		margin-left: auto;
		margin-right: auto;
	}
	#offcanvas nav {
		position: relative;
	}
	
	#offcanvas nav>ul {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		gap: 10px;
	}
	
	#offcanvas nav:before {
		content: "";
		width:100%;
		top: 180px;
		border-bottom: 2px solid var(--theme-palette-color-8);
		display:block;
		position:absolute;
	}

	
	#offcanvas nav>ul>li>a {
		min-height: 180px;
		display: flex;
		margin-bottom: 30px;
		padding: 10px;
		align-items: flex-end;
		
	}
	
	#offcanvas nav ul.sub-menu {
		padding: 5px;
	}
	
	#offcanvas nav ul.sub-menu li {
		padding: 5px;
	}
	
	#offcanvas .ct-header-cta {
		display: block;
		width: 100%;
		text-align: left;
	}
	
	#offcanvas .ct-button {
		padding-inline: 0px!important
	}
	
}

footer dl {
	font-size: 0.93rem;
	text-align: center;
	margin-bottom: 24px;
}

footer dl dt {
	font-weight:800;
	line-height: 1.5;
}

footer dl dd {
	margin-left: 0;
	line-height: 1.5;
}

footer dt:before {
  content: "";
  display: block;
}
footer dt, footer dd {
  display: inline;
}

@media(min-width: 1000px) {
	[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div, [data-footer*="vl6gX0"] .ct-footer [data-row*="bottom"] > div {
		display: flex;
		justify-content: center;
	}
}


.ct-query-template-grid > article > .wp-block-stackable-columns, .ct-query-template-grid > article > .wp-block-stackable-columns > .stk-row {
	height: 100%;
}


// Table
table.tablepress.table-fixed {
	table-layout: fixed!important;
}

table.tablepress {
	--text-color: var(--theme-palette-color-2);
    --head-text-color: var(--theme-palette-color-2);
    --head-bg-color: #d9edf7;
    --odd-text-color: var(--theme-palette-color-2);
    --odd-bg-color: #fff;
    --even-text-color: var(--theme-palette-color-2);
    --even-bg-color: var(--theme-palette-color-6);
    --hover-text-color: var(--theme-palette-color-2);
    --hover-bg-color: var(--theme-palette-color-4);
    --border-color: #ddd;
    --padding: 0.5rem;
    border: none;
}

table, th, td {
	--theme-table-font-size: 0.93rem;
}


// Custom > Content

dl#opening-hours dt {
	font-weight:800;
	line-height: 1.5;
}

dl#opening-hours dd {
	margin-left: 0;
	line-height: 1.5;
}



//Accessibility

.wp-lightbox-container button {
    background-color: var(--theme-palette-color-1)!important;
	height: 40px;
	width: 40px;
}


:root {
	--theme-letter-spacing: inherit;
}

[class*=ct-toggle] {
	letter-spacing: inherit;
}


#menu-main * {
    outline-color: white!important;
}

[data-id="mobile-menu"] ul.sub-menu {
	padding-top: 10px;
	padding-bottom: 10px;
}

.stk-link.stk--link-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 3;
	margin: 0px!important;
}

.stk-link.stk--link-overlay:focus-visible, .stk-block-accordion__heading:focus-visible {
	outline-width: 2px!important;
    outline-offset: var(--outline-offset, 3px)!important;
    outline-color: var(--theme-palette-color-1)!important;
}


[data-header*="type-1"] [data-id="mobile-menu"] > ul.sub-menu > li:focus-visible {
	outline-width: 2px!important;
	outline-offset: var(--outline-offset, 3px)!important;
	outline-color: var(--theme-palette-color-1)!important;
}