/*
Theme Name:  Sachekusha Blog
Theme URI:   https://sachekusha.com
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Sachekusha Blog.
Author:      Borisg
Author URI:  https://sachekusha.com
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/


/*##############################################################*/
/*## [ FONTS ] #################################################*/
/*##############################################################*/


@font-face {
    font-family: 'Sriracha Display';
    src: url('https://sachekusha.com/wp-content/fonts/SrirachaDisplay-Regular.woff') format('woff2'),
        url('https://sachekusha.com/wp-content/fonts/SrirachaDisplay-Regular.woff2') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geomanist';
    src: url('https://sachekusha.com/wp-content/fonts/geomanist-bold-webfont.woff') format('woff2'),
        url('../../wp-content/fonts/geomanist-bold-webfont.woff2') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Geomanist';
    src: url('https://sachekusha.com/wp-content/fonts/geomanist-black-webfont.woff') format('woff2'),
        url('../../wp-content/fonts/geomanist-black-webfont.woff2') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Novela';
    src: url('https://sachekusha.com/wp-content/fonts/novela-regular-webfont.woff') format('woff2'),
        url('https://sachekusha.com/wp-content/fonts/novela-regular-webfont.woff2') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Novela';
    src: url('https://sachekusha.com/wp-content/fonts/novela-semibold-webfont.woff') format('woff2'),
        url('https://sachekusha.com/wp-content/fonts/novela-semibold-webfont.woff2') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/*##############################################################*/
/*## [ ALLGEMEIN ] #############################################*/
/*##############################################################*/


body {
	font-family: 'Novela' !important;
	font-weight: 400;
	color: #314158;
	font-size: clamp(16px, 1.5vw, 22px) !important;
	line-height: 1.5em;
}
.intro {
	font-size: clamp(16px, 1.5vw, 36px) !important;
	line-height: 1.5em;
	font-weight: 500;
	margin-bottom: 1em;
}


/*##############################################################*/
/*## [ H! - H" ] #########################################--####*/
/*##############################################################*/


h1 {
	font-size: clamp(16px, 3.75vw, 108px) !important;
	font-family: 'Geomanist';
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1em;
	color: #314158;
}
h2 {
	font-size: clamp(16px, 2.5vw, 48px) !important;
	font-family: 'Geomanist';
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.15em;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	color: #4a8fad;
	max-width: 820px;
}
h3 {
	font-size: clamp(16px, 2.5vw, 36px) !important;
	font-family: 'Geomanist';
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.1em;
	color: #4a8fad;
}
h4 {

}
h5 {

}
h6 {

}


/*##############################################################*/
/*## [ MAIN NAVI ] #############################################*/
/*##############################################################*/


.wrapper_02_main_menu {
	border-bottom: 1px solid #f4aab9;
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_01_main_menu li {
	padding-left: 1em !important;
	padding-right: 1em !important;
}
.wrapper_01_main_menu a {
	font-size: clamp(16px, 2.5vw, 20px) !important;
	color: #314158;
	padding-top: 1em !important;
	padding-bottom: 1.25em !important;
}
.wrapper_01_main_menu li {
	border-bottom: 4px solid transparent;
}
.wrapper_01_main_menu li:hover {
	border-bottom: 4px solid #f4aab9;
	opacity: 1 !important;
	transition: all .1s ease-in-out !important;
}
.current-menu-item {
	border-bottom: 4px solid #f4aab9;
}


/*##############################################################*/
/*## [ HEADER ] ################################################*/
/*##############################################################*/


.wrapper_03_header {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}

.wrapper_02_header {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_logo_schrifgtzug {
	margin-top: 4.5em;
	margin-bottom: 1.25em;
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.logo_schriftzug {
	font-family: 'Sriracha Display';
	font-size: clamp(16px, 12vw, 220px);
	line-height: 0.75em;
	color: #4a8fad;
	transform: rotate(-10deg)
}
/*.logo_divider {
	width: 100px;
	height: 2px;
	background-color: #F6B109;
	margin: auto !important;
}*/


/*##############################################################*/
/*## [ MAIN NAVI ] #############################################*/
/*##############################################################*/