/*
Theme Name:  Sachekusha Blog
Theme URI:   https://sachekusha.blog
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.blog
Template:    Divi
*/

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


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


/*-- [ IBM PLEX ] ----------------------------------------------*/


@font-face {
    font-family: 'IBMPlexMono';
    src: url('https://sachekusha.blog/wp-content/fonts/IBMPlexMono-Regular.woff2') format('woff2'),
        url('https://sachekusha.blog/wp-content/fonts/IBMPlexMono-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBMPlexMono';
    src: url('https://sachekusha.blog/wp-content/fonts/IBMPlexMono-SemiBold.woff2') format('woff2'),
        url('https://sachekusha.blog/wp-content/fonts/IBMPlexMono-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


/*-- [ MERCHANT ] ----------------------------------------------*/


@font-face {
    font-family: 'MerchantExpanded';
    src: url('https://sachekusha.blog/wp-content/fonts/Merchant-LightExpanded.woff2') format('woff2'),
        url('https://sachekusha.blog/wp-content/fonts/Merchant-LightExpanded.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/*-- [ BASKERVILLE ] -------------------------------------------------*/


@font-face {
    font-family: 'Baskervville';
    src: url('https://sachekusha.blog/wp-content/fonts/Baskervville-Regular.woff2') format('woff2'),
        url('https://sachekusha.blog/wp-content/fonts/Baskervville-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Baskervville';
    src: url('https://sachekusha.blog/wp-content/fonts/Baskervville-Italic.woff2') format('woff2'),
        url('https://sachekusha.blog/wp-content/fonts/Baskervville-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Baskervville';
    src: url('https://sachekusha.blog/wp-content/fonts/Baskervville-Medium.woff2') format('woff2'),
        url('https://sachekusha.blog/wp-content/fonts/Baskervville-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


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


body {
	font-family: 'Baskervville';
	font-weight: 400;
	color: #000000;
	font-size: clamp(16px, calc(13.71px + 0.64vw), 30px) !important;
	line-height: 1.5em;
}
.wrapper_03_trenlinie {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_trenlinie {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	border-top: 1px dotted #000000;
}



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


h1 {
	font-size: clamp(30px, calc(17.24px + 3.55vw), 108px);
	font-family: 'MerchantExpanded';
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1em;
	text-transform: uppercase;
}
h2 {
	font-size: clamp(16px, 2.5vw, 48px) !important;
	font-family: 'MerchantExpanded';
	font-weight: 400;
	line-height: 1.15em;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	color: #000000;
	max-width: 820px;
	text-transform: uppercase;
}
h3 {
	font-size: clamp(16px, 2.5vw, 36px) !important;
	font-family: 'MerchantExpanded';
	font-weight: 400;
	line-height: 1.1em;
	color: #000000;
	text-transform: uppercase;
}
h4 {

}
h5 {

}
h6 {

}


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


.wrapper_02_top_header {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_01_top_header_search {
	max-width: 300px;
	float: right;
}
.wrapper_01_top_header_copy {
	font-family: 'IBMPlexMono';
	font-weight: 600;
	font-size: clamp(12px, calc(11.02px + 0.27vw), 18px);
	max-width: 300px;
	line-height: 1.25em;
	color: white;
}
.et_pb_search input.et_pb_s::placeholder {
	font-family: 'IBMPlexMono';
	font-weight: 600;
	color: #FFFFFF !important;
	font-size: clamp(12px, calc(11.02px + 0.27vw), 18px);
}
.et_pb_search input.et_pb_s, .et_pb_search input.et_pb_searchsubmit {
	font-family: 'IBMPlexMono';
	font-weight: 600;
	color: #FFFFFF !important;
	font-size: clamp(12px, calc(11.02px + 0.27vw), 18px);
}
#wrapper_02_top_header .et_pb_search_0_tb_header input.et_pb_s {
  padding-top: 0.4em !important;
  padding-right: 1em !important;
  padding-bottom: 0.5em !important;
  padding-left: 1em !important;
}


/*##############################################################*/
/*## [ MAIN MENU ] #############################################*/
/*##############################################################*/


.wrapper_03_main_menu {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_main_menu {
	padding-top: 0.75em !important;
	padding-bottom: 0.75em !important;
}
.wrapper_01_main_menu li {
	padding-left: 1em !important;
	padding-right: 1em !important;
}
.wrapper_01_main_menu a {
	font-family: 'IBMPlexMono';
	font-size: clamp(20px, calc(19.35px + 0.18vw), 24px);
	color: #314158;
	border-bottom: 1px solid #FFFFFF;
}
.wrapper_01_main_menu a:hover {
	border-bottom: 1px solid #000000;
	font-weight: 500;
	opacity: 1 !important;
}
.current-menu-item a {
	border-bottom: 1px solid #000000;
	font-weight: 600;
}



/*##############################################################*/
/*## [ HOMPAGE ] ###############################################*/
/*##############################################################*/


/*-- [ HOMEPAGE > HEADER SLIDER ] ------------------------------*/


.wrapper_03_homepage_header_slider {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_homepage_header_slider {
	padding-top: 0px !important;
}
#wrapper_02_homepage_header_slider .dipi_blog_slider .swiper-container {
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}
.wrapper_02_homepage_header_slider .dipi-post-text {
	display: none;
}
.wrapper_02_homepage_header_slider .dipi-post-content {
	position: absolute;
	left: 5em;
	bottom: 5em;
	background: #000000;
	color: #FFFFFF;
	padding: 2em 2em 2em 2em !important;
	max-width: 40% !important;
}
.wrapper_02_homepage_header_slider .dipi-entry-title {
	color: #FFFFFF;
	text-align: center;
}
.wrapper_02_homepage_header_slider h1 {
	font-size: clamp(24px, calc(18.11px + 1.64vw), 60px);
	font-weight: 300;
}
.wrapper_01_header_vertical_line {
	margin-top: -140px;
	z-index: 1000;
}
.homepage_header_vertical_line {
	width: 1px;
	height: 140px;
	background-color: #000000;
	margin: auto;
}


/*-- [ HOMEPAGE > SUBSCRIBE FORM ] -----------------------------*/


.wrapper_03_suscription {
	padding-top: 0em !important;
	padding-bottom: 1em !important;
}
.wrapper_02_subscription {
	padding-top: 0em !important;
	max-width: 740px !important;
	margin: auto;
}
.wrapper_01_subscription_headline {
	margin-bottom: 1em !important;
	font-family: 'IBMPlexMono';
	font-weight: 600;
}
.nf-form-fields-required {
	display: none;
}
.ninja-forms-req-symbol {
	display: none;
}
#nf-field-5 {
	font-size: clamp(16px, calc(13.71px + 0.64vw), 30px) !important;
	padding: 1em 1em 1em 1em;
	border: 1px solid #CCCCCC;
}
.nf-error-field-errors {
	display: none;
}
.nf-error-required-error, .nf-error-invalid-email {
	font-size: clamp(12px, calc(10.04px + 0.55vw), 24px);
	font-family: 'IBMPlexMono';
	font-weight: 600;
	color: #FF0077;
}
#nf-field-4 {
	border: none;
	font-size: clamp(12px, calc(10.04px + 0.55vw), 24px);
	font-family: 'IBMPlexMono';
	font-weight: 600;
	line-height: 2.5em;
	padding-left: 2em;
	padding-right: 2em;
	color: #FFFFFF;
	background-color: #FF0077;
	margin-top: 1em;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

#nf-field-4:hover {
  transform: scale(0.95);
  box-shadow: 0 0px 20px rgba(255, 0, 199, 0.3);
}


/*-- [ HOMEPAGE > FEATURED ] -----------------------------*/


.wrapper_03_homepage_blog_featured {
	padding-top: 1.5em !important;
	padding-bottom: 0.5em !important;
}
.wrapper_01_homepage_blog_featured_headline {
	font-size: clamp(24px, calc(22.04px + 0.55vw), 36px);
	font-family: 'IBMPlexMono';
	font-weight: 600;
}
.wrapper_01_homepage_blog_featured .et_pb_post {
	padding: 0em !important;
	border: none;
	display: flex;
	flex-direction: column;
}
.wrapper_01_homepage_blog_featured .et_pb_image_container { 
	order: 1; 
}
.wrapper_01_homepage_blog_featured h2 { 
	order: 3;
	margin-top: 0em !important;
}
.wrapper_01_homepage_blog_featured .post-meta { 
	order: 2;
}
.wrapper_01_homepage_blog_featured .et_pb_image_container {
	margin: 0px 0px 0px !important;
}
.wrapper_01_homepage_blog_featured .entry-featured-image-url {
	margin-bottom: 0.75em !important;
}
.wrapper_01_homepage_blog_featured h2 {
	font-family: 'Baskervville' !important;
	font-size: clamp(24px, calc(22.04px + 0.55vw), 36px) !important;
	text-transform: initial !important;
}
.wrapper_01_homepage_blog_featured .post-meta {
	font-size: clamp(12px, calc(11.35px + 0.18vw), 16px) !important;
	line-height: 3em !important;
	font-family: 'IBMPlexMono';
	color: #FFFFFF;
}
.wrapper_01_homepage_blog_featured .post-meta .published {
	font-weight: 600;
}


/*##############################################################*/
/*## [ BLOG POST ] #############################################*/
/*##############################################################*/


/*-- [ BLOG POST HEADER IMAGE ] --------------------------------*/


.single-post .container {
	width: 100%;
  	max-width: 2560px;
	padding-top: 0em !important;
}
.wrapper_03_blog_post_header_image {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_blog_post_header_image {
	padding-top: 0px !important;
}


/*-- [ BLOG POST CATEGORY / SHARE ] ----------------------------*/


.wrapper_03_blog_post_category_share {
	padding-top: 1em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_blog_post_category_share {
	padding-bottom: 0.5em !important;
}
.column_01_blog_post_category_share {
	padding-left: 17%;
	display: flex;
	flex-direction: row;
}
.column_02_blog_post_category_share {
	padding-right: 17%;
}
.wrapper_01_blog_post_datum {
	font-family: 'IBMPlexMono';
	font-size: clamp(12px, calc(10.69px + 0.36vw), 20px);
	font-weight: 600;
}
.datum_abstand {
	margin-right: 0.5em;
}
.wrapper_01_blog_post_category {
	font-size: clamp(12px, calc(10.69px + 0.36vw), 20px);
}
.wrapper_01_blog_post_category a {
	font-family: 'IBMPlexMono';
	color: #000000 !important;
	font-weight: 400;
}
.wrapper_01_social_share .et_pb_text_inner {
	display: flex;
	justify-content: flex-end;
}
.wrapper_01_social_share .xs_social_share_widget ul {
	padding-bottom: 0em !important;
	padding-left: 0em !important;
	list-style: none !important;
}


/*-- [ BLOG POST HEADLINE ] -----------------------------------*/


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


/*-- [ BLOG POST CONTENT ] -------------------------------------*/


.wrapper_03_blog_post_content {
	padding-top: 0em !important;
	padding-left: 10%;
	padding-right: 10%;
}
.wrapper_02_blog_post_content {
	padding-top: 0em !important;
}
.wrapper_01_blog_post_content_intro {
	margin: auto !important;
	font-weight: 500;
	margin-bottom: 2em !important;
	font-size: clamp(18px, calc(15.05px + 0.82vw), 36px);
	line-height: 1.4em;
	padding-left: 17% !important;
	padding-right: 17% !important;
}
.wrapper_01_blog_post_content_copy {
	margin: auto !important;
	padding-left: 17% !important;
	padding-right: 17% !important;
}

.wrapper_01_blog_post_content_image {
	margin: auto !important;
	margin-top: 2em !important;
	margin-bottom: 2em !important;
}
.wrapper_01_blog_post_content_zwischentext {
	font-size: clamp(30px, calc(23.13px + 1.91vw), 72px);
	font-family: 'IBMPlexMono';
	font-weight: 600;
	line-height: 1.1em;
	margin-top: 1em;
	margin-bottom: 1em !important; 
}