/*======================================
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.3
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 ========== */

/* mulish-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/mulish/mulish-v13-latin-500.woff2') format('woff2'),
	   url('fonts/mulish/mulish-v13-latin-500.ttf') format('truetype'); 
}

/* mulish-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/mulish/mulish-v13-latin-600.woff2') format('woff2'),
	   url('fonts/mulish/mulish-v13-latin-600.ttf') format('truetype');
}

/* mulish-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/mulish/mulish-v13-latin-700.woff2') format('woff2'), 
	   url('fonts/mulish/mulish-v13-latin-700.ttf') format('truetype');
}


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

:root {
	--heading-font: 'Mulish', Arial, Helvetica, sans-serif;
	--paragraph-font: 'Mulish', Arial, Helvetica, sans-serif;
	--et_global_heading_font: var(--heading-font) !important;
	--et_global_body_font: var(--paragraph-font) !important;
}


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

/* H1 */
h1,
:where(.et-l) h1,
:where(.et-l .et_pb_pagebuilder_layout .page .post-content) h1,
:where(.et-l .et_pb_title_container) h1,
:where(.et-l .et_pb_column) h1 {
	font-family: var(--heading-font);
	font-size: clamp(1.9375rem, 1.675rem + 1.3125vw, 52px);
	font-weight: 500;
	line-height: 1.7em;
	overflow-wrap: normal;
}

/* H2 */
h2,
:where(.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,
:where(.et-l .et_pb_column) h2 {
	font-family: var(--heading-font);
	font-size: clamp(1.8125rem, 1.6625rem + 0.75vw, 41px);
	font-weight: 500;
	line-height: 1.462em;
	overflow-wrap: normal;
}

/* H3 */
h3,
:where(.et-l) h3,
.et-l .et_pb_circle_counter h3,
.et-l .et_pb_number_counter h3,
.et_pb_column h3 {
	font-family: var(--heading-font);
	font-size: clamp(1.5rem, 1.3875rem + 0.5625vw, 33px);
	font-weight: 500;
	line-height: 1.241em;
	overflow-wrap: normal;
}

/* H4 */
h4,
:where(.et-l) h4,
:where(.et-l .et_pb_column) h4 {
	font-family: var(--heading-font);
	font-size: clamp(1.25rem, 1.1625rem + 0.4375vw, 27px);
	font-weight: 500;
	line-height: 1.02em;
	overflow-wrap: normal;
}

/* H5 */
h5,
:where(.et-l) h5,
:where(.et-l .et_pb_column) h5 {
	font-family: var(--heading-font);
	font-size: clamp(1.125rem, 1.025rem + 0.5vw, 1.625rem);
	font-weight: 500;
	line-height: 0.901em;
	overflow-wrap: normal;
}

/* H6 */
h6,
:where(.et-l) h6,
:where(.et-l .et_pb_column) h6 {
	font-family: var(--heading-font);
	font-size: clamp(0.9375rem, 0.8375rem + 0.5vw, 1.4375rem);
	font-weight: 500;
	line-height: 0.799em;
	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):not(.price),
.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,
.et_pb_post .post-meta,
.woocommerce ul.products li.product .price,
.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);
	font-weight: 500;
	font-size: clamp(1.0625rem, 1.05rem + 0.0625vw, 1.125rem);
	line-height: 1.5em;
	overflow-wrap: break-word;
	text-wrap: pretty;
}

/* Space between list elements */
:where(ul:not([class]), ul.wp-block-list) > li:not(:last-child) {
	margin-bottom: 0.7em;
}

/* Space top list elements */
:where(ul:not([class]), ul.wp-block-list) > li:first-child {
	margin-top: 0em;
}

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

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

body, .dswcp-side-cart .dswcp-side-cart-items .dswcp-quantity {
		font-family: var(--paragraph-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;
}

/* ========== Links ========== */

/* Default: alle Body-Links unterstrichen */
body a {
	text-decoration: underline;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

body a:hover {
	color: #699dbf;
}

/* Ausnahmen: keine Unterstreichung
   ----------------------------------------------------------------------- */

/* Buttons & Block-Buttons (Divi setzt hier selbst !important) */
.et_pb_button,
.et_pb_video_play,
.wp-block-button a {
	text-decoration: none !important;
}

/* Überschriften-Links & Modul-Header */
#et-main-area .entry-title a,
.et_pb_module_header a,
.et_pb_tabs_controls li a,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
	text-decoration: none;
}

/* Navigation (Haupt- & Sekundärmenü) */
#main-header a,
#et-secondary-nav li a,
#main-header .nav li a,
.et_pb_module.et_pb_menu a,
.et_pb_menu a {
	text-decoration: none;
}

/* Social Icons, Slider-Pfeile, Divi Supreme Sharing */
.et_pb_social_icon > a.icon,
.et-pb-arrow-prev,
.et-pb-arrow-next,
.dssb-sharing-button > a {
	text-decoration: none !important;
}


/* ==================================================================
   SVG Image Width Fix
   ================================================================== */
/*
#page-container img[src$=".svg"] {
	width: 100% !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;
}

/*add an icon to the Divi blog read more button*/

.et_pb_post .more-link:after {
	content: "\24";
	font-family: ETModules;
	vertical-align: middle;
	margin-left: 10px;
}


@media (min-width: 981px) {
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
	width: 29.33%;
	margin-right: 4.5%;
	}
}


/* ==================================================================
   WOOCOMMERCE
   ================================================================== */
   
/* Buttons */
button.button[name="update_cart"], button.button[name="calc_shipping"],a.checkout-button.button, #main-content > div > div > div > div.et_pb_row.et_pb_row_0_tb_body.et_pb_equal_columns > div.et_pb_column.et_pb_column_2_5.et_pb_column_1_tb_body.vertical-align.et_pb_css_mix_blend_mode_passthrough.et-last-child > div.et_pb_with_border.et_pb_module.et_pb_wc_cart_totals.et_pb_wc_cart_totals_0_tb_body.woocommerce-cart.et_pb_woo_custom_button_icon > div > div > div > a {
	color: #e7f4f1!important;
	border-width: 0px!important;
	border-radius: 100px!important;
	letter-spacing: 2px!important;
	font-size: 14px!important;
	font-weight: 700!important;
	text-transform: uppercase!important;
	background-color: #699dbf!important;
	padding-top: 12px!important;
	padding-right: 30px!important;
	padding-bottom: 12px!important;
	padding-left: 30px!important;
}

button.button[name="update_cart"]:hover, button.button[name="calc_shipping"]:hover,a.checkout-button.button, #main-content > div > div > div > div.et_pb_row.et_pb_row_0_tb_body.et_pb_equal_columns > div.et_pb_column.et_pb_column_2_5.et_pb_column_1_tb_body.vertical-align.et_pb_css_mix_blend_mode_passthrough.et-last-child > div.et_pb_with_border.et_pb_module.et_pb_wc_cart_totals.et_pb_wc_cart_totals_0_tb_body.woocommerce-cart.et_pb_woo_custom_button_icon > div > div > div > a:hover  {
	background-color: #235e7d!important;
}

button.button[name="update_cart"]:hover:after, button.button[name="calc_shipping"]:hover:after,#main-content > div > div > div > div.et_pb_row.et_pb_row_0_tb_body.et_pb_equal_columns > div.et_pb_column.et_pb_column_2_5.et_pb_column_1_tb_body.vertical-align.et_pb_css_mix_blend_mode_passthrough.et-last-child > div.et_pb_with_border.et_pb_module.et_pb_wc_cart_totals.et_pb_wc_cart_totals_0_tb_body.woocommerce-cart.et_pb_woo_custom_button_icon > div > div > div > a:hover:after {
	content: ""!important;
}

/* Checkout */

@media all and (min-width: 768px) {
	/* PLZ und Ort nebeneinander */
	.woocommerce-billing-fields #billing_postcode_field,
	.woocommerce-billing-fields #billing_city_field {
	  width: 47%;
	  display: inline-block;
	  vertical-align: top;
	}

	/* Abstand dazwischen */
	.woocommerce-billing-fields #billing_postcode_field {
	  margin-right: 6%;
	}

	/* Versand: PLZ und Ort nebeneinander */
	.woocommerce-shipping-fields #shipping_postcode_field,
	.woocommerce-shipping-fields #shipping_city_field {
	  width: 47%;
	  display: inline-block;
	  vertical-align: top;
	}

	.woocommerce-shipping-fields #shipping_postcode_field {
	  margin-right: 6%;
	}
}

/*Notice*/
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
	background-color: #699DBF;
	color: #fff;
}

.woocommerce .woocommerce-error a, .woocommerce .woocommerce-info a, .woocommerce .woocommerce-message a {
	color: #fff;
}

/*My Account Page*/
.ags_woo_account_content_0_tb_body .woocommerce-MyAccount-content mark {
	background-color: #699dbf!important;
	color: #fff;
}	


/* ==================================================================
   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;
}