/**
 * Theme Name: Zum Ritter Hotel &amp; Restaurant
 * Description: Theme für das Hotel Restaurant "Zum Ritter" in Attendorn
 * Author: Frey Print + Media
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Markup
------------------------------ */

/* margin-top is very high by default */
h2, h3, h4, h5, h6 { margin-block-start: calc(var(--theme-content-spacing) * 0.5) !important; }


/* Header
------------------------------ */

#header [data-row="top"] > .ct-container-fluid { column-gap: 20px; }

/* Align items in both grid cols "center" - customizer has no option */

/* 5px more than parent - looks the same */
#header [data-row="top"] [data-column="start"] > [data-items="primary"],
#header [data-row="top"] [data-column="end"] > [data-items="primary"] { column-gap: 25px; }

#header [data-row="top"] [data-column="start"] > [data-items="primary"] { justify-content: flex-end; }
#header [data-row="top"] [data-column="end"] > [data-items="primary"] { justify-content: flex-start; }

/* Hide 2nd column in top bar - end */

/* Content
------------------------------ */

/* Erzeugt dynamischen Abstand für das absolut erste Element im Hauptinhalt */
#main-container > #main > .ct-container-full > article > :first-child {
	/* min-height: calc(100vh - var(--header-sticky-height, 120px)); */
	margin-top: var(--header-sticky-height, 120px);
}

/* static pages with title */
.hero-section[data-type="type-1"] > .entry-header { padding: 48px 48px 0; }

/* static pages with title */
.hero-section[data-type="type-1"] + .entry-content { padding: 0 48px 48px 48px; }

h2.wp-block-heading { font-size: 42px; }
h3.wp-block-heading { font-size: 36px; }
h4.wp-block-heading { font-size: 32px; }
h5.wp-block-heading { font-size: 28px; }
h6.wp-block-heading { font-size: 24px; }


/* Plugins
------------------------------ */

/* Complianz
------------------------- */

/* Cookie Banner
-------------------- */

.cmplz-buttons button { background-color: #eee !important; color: #222 !important; }

.cmplz-buttons button.cmplz-btn:hover { background-color: #222 !important; color: #eee !important; }

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { border-color: #eee !important; }

/* Text links */
.cmplz-cookiebanner .cmplz-links .cmplz-link:hover { color: #222; }

#cmplz-manage-consent .cmplz-manage-consent 		{ background-color: #975a43 !important; color: #fff !important; }
#cmplz-manage-consent .cmplz-manage-consent:hover 	{ background-color: #444 !important; }


/* Cookies Document
-------------------- */

#cmplz-document,
#cmplz-document p,
#cmplz-document li,
#cmplz-document td,
.editor-styles-wrapper .cmplz-unlinked-mode
.editor-styles-wrapper .cmplz-unlinked-mode p,
.editor-styles-wrapper .cmplz-unlinked-mode li,
.editor-styles-wrapper .cmplz-unlinked-mode td { max-width: 100% !important; font-size: inherit; }


/* Smash Balloon Instagram Feed
------------------------- */

/* Same like theme buttons */
#sb_instagram #sbi_images .sbi_item { border-radius: 12px; }

/* Same like theme buttons */
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
	padding: 15px 36px 16px 36px;
	border-radius: var(--theme-button-border-radius, 3px);
	font-size: var(--theme-font-size);
	line-height: 1.2em !important;
	font-weight: 300 !important;
	text-transform: uppercase !important;
	font-family: "Oswald", Sans-serif !important;	
	box-shadow: 0 0 transparent !important; 
}

/* Same like theme buttons */
#sb_instagram #sbi_load .sbi_load_btn:hover,
#sb_instagram .sbi_follow_btn a:hover { background-color: #e0ba00 !important; color: #000; box-shadow: 0 0 transparent !important; }

/* Instagram icon */
#sb_instagram .sbi_follow_btn .fa,
#sb_instagram .sbi_follow_btn svg { font-size: 21px; }


/* Media Queries
------------------------------ */

/* nothing so far */