/*
Theme Name:  Dilly Child Theme
Description: Dies ist ein benutzerdefiniertes Child-Theme für Dilly
Theme URI:   https://www.dilly.work
Author: Dilly
Author URI:  https://www.dilly.work
Template: dilly
Version: 1.0
*/

  @import url("https://use.typekit.net/bjc3pgp.css");


    @font-face {
    font-family: 'Monaco';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/monaco-webfont/Monaco.woff') format('woff');
    }

	@font-face {
    font-family: 'Anderson Grotesk';
    src: url('fonts/anderson-grotesk-webfont/AndersonGroteskBlack.woff2') format('woff2'),
        url('fonts/anderson-grotesk-webfont/AndersonGroteskBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
	}

body, blockquote{
	font-family: "consolas", sans-serif;
}

.dilly-footer{
	width: 50vw;
	margin: 0 auto;
}

.footer-image-logo{
	width: 10vw;
	margin: 0 auto;
	padding-top: 10vw;
	padding-bottom: 2vw;
}

.footer-two-column {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-left: 7vw;
}

.footer-two-column > div {
	flex: 1 1 calc(50% - 20px);
	text-align: left;
}

body h1, body h2, body h3, body h4, body h5, body h6{
font-family: "franklin-gothic-atf", sans-serif;
    font-weight: 900 !important;
    font-style: normal !important;
	text-transform: uppercase;
}

.start-headlines{
font-family: "franklin-gothic-atf", sans-serif;
    font-weight: 900 !important;
    font-style: normal !important;
	text-transform: uppercase;
	font-size: 10vw !important;
	line-height: 0.85 !important;
	margin-bottom: 0 !important;
}

.start-sublines{
	font-size: 2vw !important;
	line-height: 1.0 !important;
}

body #header-outer, body[data-header-color="dark"] #header-outer{
	background-color: transparent !important;
}

.divider-black-white .nectar-shape-divider-wrap[data-position="top"] svg{
	fill: #000000 !important;
}

.blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .next-post, .blog_next_prev_buttons[data-style=fullwidth_next_prev] ul .previous-post, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .next-project, .container-wrap[data-nav-pos=after_project_2] .bottom_controls #portfolio-nav ul .previous-project{
	background-color: #000000 !important;
}

.wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta{
	max-width: 100% !important;
}

.wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta h4{
	text-align: center !important;
}

#slide-out-widget-area, #slide-out-widget-area-bg.fullscreen{
	background-color: #000000 !important;
}

#slide-out-widget-area .inner .off-canvas-menu-container li>a{
	font-family: 'Anderson Grotesk' !important;
    font-weight: 900 !important;
    font-style: normal !important;
	text-transform: uppercase;
}

#slide-out-widget-area.fullscreen .off-canvas-menu-container li.current-menu-item a{
	color: #e71628;
}

.start-headlines-smaller{
	line-height: 0.85;
}

.small-footer-links a{
	opacity: 1.0 !important;
}

.small-footer-links a:hover{
	opacity: 0.65 !important;
}


.cmplz-cookiebanner.cmplz-show{
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show{
	    top: calc(100% - 80px) !important;
		width: 50px!important;
		height: 50px !important;
		border-radius: 100% !important;
		padding: 0px !important;
		min-width: 50px !important;
		background: var(--cmplz_button_accept_background_color) !important;
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show:hover{
	box-shadow: rgb(0 0 0 / 9%) 0px 10px 20px, rgb(0 0 0 / 13%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show svg{
	width: 30px !important;
	height: 30px !important;
	margin-bottom: -5px;
}

.cmplz-description{
	line-height: 18px;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{
	max-width: 100%;
}

body[data-bg-header=true] .container-wrap{
	padding-bottom: 0px !important;
}

@media screen and (max-width: 999px) {
	.dilly-footer{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.dilly-footer .footer-image-logo{
		width: 20vw;
		margin: 0 auto;
	}
	.footer-two-column {
		margin-left: 0vw;
	}
	.footer-two-column > div {
		flex: 1 1 100%;
		text-align: center;
	}
	.start-headlines{
		font-family: 'Anderson Grotesk' !important;
		font-weight: 900 !important;
		font-style: normal !important;
		text-transform: uppercase;
		font-size: 9vw !important;
		line-height: 0.85 !important;
		margin-bottom: 0 !important;
	}

	.wpb_wrapper h2.start-headlines{
		font-family: 'Anderson Grotesk' !important;
		font-weight: 900 !important;
		font-style: normal !important;
		text-transform: uppercase;
		font-size: 9vw !important;
		line-height: 0.85 !important;
		margin-bottom: 0 !important;
	}
}