/*======================================
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: 'Varela Round';
	src: url('fonts/varelaround/varelaround.eot');
	src: url('fonts/varelaround/varelaround.eot?#iefix') format('embedded-opentype'),
		 url('fonts/varelaround/varelaround.woff2') format('woff2'),
		 url('fonts/varelaround/varelaround.woff') format('woff'),
		 url('fonts/varelaround/varelaround.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	src: url('fonts/notosans/notosans.eot');
	src: url('fonts/notosans/notosans.eot?#iefix') format('embedded-opentype'),
		 url('fonts/notosans/notosans.woff2') format('woff2'),
		 url('fonts/notosans/notosans.woff') format('woff'),
		 url('fonts/notosans/notosans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Noto Serif';
	src: url('fonts/notoserif/notoserif.eot');
	src: url('fonts/notoserif/notoserif.eot?#iefix') format('embedded-opentype'),
		 url('fonts/notoserif/notoserif.woff2') format('woff2'),
		 url('fonts/notoserif/notoserif.woff') format('woff'),
		 url('fonts/notoserif/notoserif.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


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

:root {
	--heading-font: 'Varela Round', Arial, sans-Serif;
	--paragraph-font: 'Noto Sans', Arial, sans-serif;
	--et_global_heading_font: var(--heading-font) !important;
	--et_global_body_font: var(--paragraph-font) !important;
}


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

/* H1 */
h1,
.et-l h1,
.et-l .et_pb_pagebuilder_layout .page .post-content h1,
.et-l .et_pb_title_container h1,
.et-l .et_pb_column h1 {
	font-family: var(--heading-font);
	overflow-wrap: normal;
	padding-bottom: 0em;
	text-wrap: pretty;
}

/* H2 */
h2,
.et-l h2,
.et-l .et_pb_blog_grid h2,
.et-l .et_pb_slide_description .et_pb_slide_title,
.et-l .woocommerce ul.products li.product .woocommerce-loop-product__title,
.et-l .et_pb_portfolio_grid .et_pb_portfolio_item h2,
.et-l .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,
.et-l .et_pb_column h2 {
	font-family: var(--heading-font);
	overflow-wrap: normal;
	padding-bottom: 1em;
	text-wrap: pretty;
}

/* H3 */
h3,
.et-l h3,
.et-l .et_pb_circle_counter h3,
.et-l .et_pb_number_counter h3,
.et-l .et_pb_column h3 {
	font-family: var(--heading-font);
	overflow-wrap: normal;
	padding-bottom: 1em;
	text-wrap: pretty;
}

/* H4 */
h4,
.et-l h4,
.et-l .et_pb_column h4 {
	font-family: var(--heading-font);
	overflow-wrap: normal;
	padding-bottom: 1em;
	text-wrap: pretty;
}

/* H5 */
h5,
.et-l h5,
.et-l .et_pb_column h5 {
	font-family: var(--heading-font);
	overflow-wrap: normal;
	padding-bottom: 1em;
	text-wrap: pretty;
}

/* H6 */
h6,
.et-l h6,
.et-l .et_pb_column h6 {
	font-family: var(--heading-font);
	overflow-wrap: normal;
	padding-bottom: 1em;
	text-wrap: pretty;
}


/* 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 {
	font-family: var(--paragraph-font);
	overflow-wrap: break-word;
	text-wrap: pretty;
}

/* Space between list elements */
ul li:not(:last-child) {
	margin-bottom: 1em;
}

/* Space top list elements */
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,
.et_pb_testimonial_author {
    font-family: var(--heading-font);
    white-space: nowrap;
    overflow-wrap: normal;
}

.special-font {
	font-family: 'Noto Serif';
	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;
	}


/* ==================================================================
   HEADER
   ================================================================== */

	#menu-main-menu > li {
		font-family: 'Varela Round';
		font-weight: 600;
	}


	/*change Divi hamburger menu to X*/
	.mobile_nav.opened .mobile_menu_bar:before {
		content: '\4d';
	}

	/*Get rid of extra padding on the shop page*/
	.et_pb_section_0_tb_header {
    	padding: 0px!important;
	}

	/*set the Divi menu dropdown auto width*/
	@media only screen and (min-width: 981px) {
		.nav li ul {
			width: fit-content;
			display: flex;
			flex-direction: column;
		}

		.nav li li {
			white-space: nowrap;
		}

		.nav li li a {
			width: auto !important;
		}
}


/* ==================================================================
   FOOTER
   ================================================================== */

	footer.et-l {
		background-color: #474747;
	}


/* ==================================================================
   CUSTUM
   ================================================================== */

	.first-section {
		padding-top: 170px!important;
	}

	/* Tablet */
	@media screen and (max-width: 992px) {
		.first-section {
			padding-top: 130px!important;
		}
	}

	/* Smartphone */
	@media screen and (max-width: 600px) {
		.first-section {
			padding-top: 120px!important;
		}
	}


	.last-section {
		padding-bottom: 200px!important;
	}


/* ========== Alignment ========== */

	/* Centers Content vertically, paste in CSS Class of Row and activate "equalise column heights" */
	.vertical-align { 
    	display: flex; 
    	flex-direction: column; 
    	justify-content: center;
	} 




/* ========== WooCommerce ========== */


	/* Cart Refresh Button */
	.woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents button[name='update_cart'] {
		opacity: 100;
		color: #fff;
		border-color: #fff;
		padding-left: 30px;
		padding-right: 30px;
	}

	/* Cart Fields */
	.woocommerce .quantity input.qty, .woocommerce-page, .woocommerce-cart table.cart td.actions .coupon .input-text {
		background-color: #966cab!important;
		color: #fff!important;
	}

	/*Product Bundle*/
	.woosb-alert {
		background-color: #966cab;
		border-radius: 10px;
		padding: 15px;
		border: none;
	}

	/*Angebot Badge*/
	.woocommerce span.onsale, .woocommerce-page span.onsale {
		background-color: #966cab!important;
	}

/* ========== Gutenberg Styles ========== */


	.has-vivid-purple-color {
		background-color: transparent;
	}


/* ========== Youtube iFrames ========== */

	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 0;
		height: 0;
		overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	

/* ============================================== START = COOKIE BANNER ============================================== */
	
	#wpca-box-content > p {
		font-size: 14px;
		line-height: 1.7em;
	}	

	.wpca-lay-out .wpca-lay-out-content * {
		font-size: 14px;
	}

	#wpca-bar-content, #wpca-bar-content>p, #wpca-bar a, button.wpca-btn-cc-settings {
		font-size: 14px!important;
	}

	button.wpca-btn-cc-settings {
		padding: 0px;
		min-height: 0px;
	}


	/*Hide unwanted categories*/
	#wpca-cc-sett-box-1 > div > p:nth-child(3), #wpca-cc-sett-box-1 > div > p:nth-child(4) {
		display: none;
	}

/* ============================================== END = COOKIE BANNER ============================================== */