/*======================================
Theme Name: Selv Service
Theme URI: https://selvservice.ch/
Description: Das perfekte Kleidungsstück für deine Webseite. Mit Herz und Passion erstellt. Mehr Infos auf https://selvservice.ch
Version: 2.0
Author: Salvatore Martone
Author URI: https://selvservice.ch
Template: Divi
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/


/* ==================================================================
   TYPOGRAPHY
   ================================================================== */

/* ========== Font Families ========== */

@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/poppins/poppins-400.woff2') format('woff2');
}


/* ========== Font Variables ========== */

:root {
	--heading-font: 'Poppins', Arial, sans-Serif;
	--paragraph-font: 'Poppins', Arial, sans-serif;
}


/* ========== Headings ========== */

/* H1 */
h1,
.et_pb_pagebuilder_layout .page .post-content h1,
.et_pb_title_container h1,
.et_pb_column h1 {
	color: var(--gcid-heading-color);
	font-family: var(--heading-font);
    font-size: var(--gvid-tsofnuzt9q);
	font-weight: var(--gvid-46ikb53jqr);
	letter-spacing: var(--gvid-q6btyih7zc);
    line-height: var(--gvid-gal3l9ew8d);
	overflow-wrap: normal;
}

/* H2 */
h2,
.et_pb_blog_grid h2,
.et_pb_slide_description .et_pb_slide_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.et_pb_portfolio_grid .et_pb_portfolio_item h2,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,
.et_pb_column h2 {
	color: var(--gcid-heading-color);
	font-family: var(--heading-font);
    font-size: var(--gvid-gvt2qt8wd0);
	font-weight: var(--gvid-46ikb53jqr);
	letter-spacing: var(--gvid-q6btyih7zc);
    line-height: var(--gvid-31o67wek98);
	overflow-wrap: normal;
}

/* H3 */
h3,
.et_pb_circle_counter h3,
.et_pb_number_counter h3,
.et_pb_column h3 {
	color: var(--gcid-heading-color);
	font-family: var(--heading-font);
    font-size: var(--gvid-w4rgfphnwt);
	font-weight: var(--gvid-46ikb53jqr);
	letter-spacing: var(--gvid-q6btyih7zc);
    line-height: var(--gvid-ba4n8zbktz);
	overflow-wrap: normal;
}

/* H4 */
h4,
.et_pb_column h4 {
	color: var(--gcid-heading-color);
	font-family: var(--heading-font);
    font-size: var(--gvid-ueghj8rlxv);
	font-weight: var(--gvid-46ikb53jqr);
	letter-spacing: var(--gvid-q6btyih7zc);
    line-height: var(--gvid-tpoc7nkuoc);
	overflow-wrap: normal;
}

/* H5 */
h5,
.et_pb_column h5 {
	color: var(--gcid-heading-color);
	font-family: var(--heading-font);
    font-size: var(--gvid-c1cvefjp97);
	font-weight: var(--gvid-46ikb53jqr);
	letter-spacing: var(--gvid-q6btyih7zc);
    line-height: var(--gvid-knc2tiqwv6);
	overflow-wrap: normal;
}

/* H6 */
h6,
.et_pb_column h6 {
	color: var(--gcid-heading-color);
	font-family: var(--heading-font);
    font-size: var(--gvid-pf8hewuop4);
	font-weight: var(--gvid-46ikb53jqr);
	letter-spacing: var(--gvid-q6btyih7zc);
    line-height: var(--gvid-9h9ulpj8pf);
	overflow-wrap: normal;
}


/* Gutenberg Headings */
.wp-block-heading:not(:first-child) {
	margin-top: 1em;
}

.wp-block-heading {
	margin-bottom: 0.2em;
}


/* ========== Paragraph, Lists ========== */

/* Body Text & Standard Elements */
p:not(.brlbs-cmpnt-container p):not(.et_pb_text p):not(.et_pb_blurb p):not(.et_pb_toggle p):not(.et_pb_promo p):not(.et_pb_subscribe p):not(.et_pb_newsletter p):not(.et_pb_team_member p):not(.et_pb_slider p):not(.et_pb_pricing_table p):not(.et_pb_slide p):not(.et_pb_testimonial p):not(.et_pb_tab p):not(.et_pb_circle_counter p):not(.et_pb_number_counter p):not(#footer-info),
.et_pb_text,
.et_pb_blurb,
.et_pb_toggle,
.et_pb_promo,
.et_pb_subscribe,
.et_pb_newsletter,
.et_pb_team_member,
.et_pb_slider,
.et_pb_pricing_table,
.et_pb_slide,
.et_pb_testimonial,
.et_pb_tab,
.et_pb_circle_counter,
.et_pb_number_counter,
.et_pb_column .et_quote_content blockquote cite,
.et_pb_column .et_link_content a.et_link_main_url,
.et_pb_blog_grid .et_quote_content blockquote cite,
.et_pb_post .post-content,
.et_pb_counter_title,
.et_pb_counter_amount,
.et_pb_slide_content,
.et-menu li,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins,
.et_pb_post .post-meta,
.nav-single a,
input,
textarea,
select,
body,
.wp-block-list,
.wp-block-list li,
ul.wp-block-list,
ol.wp-block-list {
    color: var(--gcid-body-color);
	font-family: var(--paragraph-font);
	font-size: var(--gvid-70m25wkug4);
	font-weight: var(--gvid-6hcyey8l65);
	letter-spacing: var(--gvid-7ji7h57rhy);
    line-height: var(--gvid-w0vmdg6cm5);
	overflow-wrap: break-word;
}

/* Space between list elements */
#et-main-area > div ul li:not(:last-child) {
	margin-bottom: 1em;
}

/* Space top list elements */
#et-main-area > div ul li:first-child {
	margin-top: 1em;
}


/* ========== Other Typography ========== */

.heading-font p, 
.heading-font .et_pb_column p {
	font-family: var(--heading-font);
}

/* Buttons & Menu Items - kein Wortumbruch */
.et_pb_button,
.et_pb_menu ul li a,
.et-menu li a {
    font-family: var(--heading-font);
    white-space: nowrap;
    overflow-wrap: normal;
}


/* ==================================================================
   RECAPTCHA
   ================================================================== */

.grecaptcha-badge {
	visibility: hidden !important;
}


/* ==================================================================
   BLOG MODULES
   ================================================================== */


	/* Make entire Blog Module clickable */
	.et_pb_blog_grid .et_pb_post, 
	.et_pb_posts .et_pb_post {
		position: relative;
	}

	/* Make the title link spread over the entire post */
	.et_pb_blog_grid .et_pb_post .entry-title a:after, 
	.et_pb_posts .et_pb_post .entry-title a:after {
		position: absolute;
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}

	/* Change the mouse cursor into a pointer */
	.et_pb_blog_grid .et_pb_post:hover, 
	.et_pb_posts .et_pb_post:hover {
		cursor: pointer;
	}