/*======================================
Theme Name: Selv Service
Theme URI: https://divicake.com/
Description: Das perfekte Kleidungsstück für deine Webseite. Mit Herz und Passion erstellt. Mehr infos auf https://selvservice.ch
Version: 1.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
======================================*/

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


	/* ========== START = Font Families ========== */
	@font-face {
		font-family: 'Dosis';
		src: url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/dosis/dosis.eot');
		src: url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/dosis/dosis.eot?#iefix') format('embedded-opentype'),
			 url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/dosis/dosis.woff2') format('woff2'),
			 url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/dosis/dosis.woff') format('woff'),
			 url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/dosis/dosis.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;

	}

	@font-face {
		font-family: 'Open Sans';
		src: url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/open-sans/opensans-regular.eot');
		src: url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/open-sans/opensans-regular.eot?#iefix') format('embedded-opentype'),
			 url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/open-sans/opensans-regular.woff2') format('woff2'),
			 url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/open-sans/opensans-regular.woff') format('woff'),
			 url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/open-sans/opensans-regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;

	}
	/* ========== END = Font Families ========== */


	/* ========== START = Font Variables ========== */
	:root {
		--heading-font: 'Dosis';
		--paragraph-font: 'Open Sans';
	}
	/* ========== END = Font Variables ========== */


	/* ========== START = Headings ========== */
	h1, h2, h3, h4, h5, h6, .et_pb_column h1, .et_pb_column h2, .et_pb_column h3, .et_pb_column h4, .et_pb_column h5, .et_pb_column h6 {
		font-family: var(--heading-font);
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: .06em;
		text-transform: uppercase;
	}

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


	/* ========== START = Paragraph, Lists ========== */
	body, .et_pb_column p {
		font-family: var(--paragraph-font);
		line-height: 1.5;
	}
	
	/* ========== END = Paragraph, Lists ========== */


	/* ========== START = Other Typography ========== */
	.heading-font p, .heading-font .et_pb_column p {
		font-family: var(--heading-font);
		overflow-wrap: normal;
	}


	/* Font Family of Buttons */ 
	.et_pb_button, .woocommerce ul.products li.product .button, ul.products li.product .wc-new-badge, .woocommerce-cart .wc-proceed-to-checkout {
		font-family: var(--heading-font);
	}


	/* Font Family of Testimonial Author */ 
	.et_pb_testimonial_author {
		font-family: var(--heading-font);
	}

	/*WPML*/
	.wpml-ls-legacy-list-horizontal a span {
		font-family: var(--heading-font);
	}

	/*Links*/
	p > a, ol > li > a {
		text-decoration: underline;
	}

	p > a:hover, ol > li > a:hover {
		text-decoration: underline;
		color: #EACD00;
	}

	/* ========== END = Other Typography ========== */
/* ================================================== END = TYPOGRAPHY ================================================== */


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

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

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


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


	#menu-main-menu > li, #menu-main-menu-en > li {
		font-family: var(--heading-font);
	}

	.et_mobile_menu li a {
		font-family: var(--heading-font);
	}

	@media screen and (min-width: 2000px) {
		.et_pb_menu_0_tb_header.et_pb_menu ul li a {
			font-size: 18px!important;
		}
	}
	
	/*News Button*/
	#menu-main-menu > li.yellow.et_pb_menu_page_id-29910.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-29965 > a, #menu-main-menu-en > li.yellow.et_pb_menu_page_id-32998.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-33141 > a {
		color: #EACD00!important;
		font-weight: 900;
		background-color: #5D2C54;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: -5px;
    	padding-top: 5px;
	}

	/*Menu Icons*/
	.icon-menu {
		font-family: 'ETmodules'!important;
	}

	.menu-cart > a:before {
		font-family: 'ETMODULES';
		content: '\e015';
		text-align: center;
		vertical-align: middle;
		margin-right: 10px;
		margin-left: -10px;
		color: #faf9fa;
		font-size: 1em;
		transition: all .3s ease;
	}

	.menu-video > a:before {
		font-family: 'ETMODULES';
		content: '\e0d1';
		text-align: center;
		vertical-align: middle;
		margin-right: 10px;
		margin-left: -10px;
		color: #faf9fa;
		font-size: 1em;
		transition: all .3s ease;
	}

	.menu-logout > a:before {
		font-family: 'ETMODULES';
		content: '\e02e';
		text-align: center;
		vertical-align: middle;
		margin-right: 10px;
		margin-left: -10px;
		color: #faf9fa;
		font-size: 1em;
		transition: all .3s ease;
	}

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


/* ================================================== START = BLOG Module ================================================== */


	/* Align Image and Content */
	.et_pb_image_container {
		margin: 0px;
	}


	/*START Category Highlight*/
	.cat-highlight .et_pb_blog_grid .et_pb_post .post-meta a, .cat-highlight-a a  {
		margin-bottom: 0;
		color: #dddfec!important;
		background: #5D2C54!important;
		padding: 12px;
		text-transform: uppercase;
		font-family: var(--heading-font);
		letter-spacing: 0.2em;
		line-height: 4em;
	}
	/*END Category Highlight*/


	/*Blog Image 1:1*/
	.blog-image-1-1 .entry-featured-image-url {
	  padding-top: 100%;
	  display: block;
	}

	.blog-image-1-1 .entry-featured-image-url img {
	  position: absolute;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  object-fit: cover;
	}

	/*Equalize Blog Column Height*/
	.pa-blog-equal-height .pa-auto-height {
		height: auto !important;
	}

	.pa-blog-equal-height .pa-auto-margin {
		margin-top: 20px !important;
	}

	/*Make entire Blog Module Clickable*/
	/*add a neceassry position to the blog posts*/

	.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;
	}

/* ================================================== END = BLOG Module ================================================== */


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

	/*Notifications*/
	.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
		background-color: #5d2c54;
	}

	/*Login Page & Account Page*/
	#customer_login h2 {
		font-size: 35px;
	}

	.woocommerce-privacy-policy-text {
		font-size: 15px;
	}

	.woocommerce form.login, .woocommerce form.register {
		border: none;
		padding: 0px;
	}

	@media screen and (min-width: 500px) {
		.woocommerce form.login, .woocommerce form.register {
			padding-right: 50px;
		}
	}

	/*Hide default Woocommerce Navigation*/
	#main-content > div > div > div.et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular > div > div > div > div > div > strong > nav {
		display: none
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100%;
		float: left;
	}

	/*Buttons*/
	.woocommerce button.button, .woocommerce button.button:hover {
		font-family: var(--heading-font);
		padding-top: 15px;
    	padding-right: 30px;
    	padding-bottom: 15px;
    	padding-left: 30px;
	}

	.entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover {
		color: #dddfec;
}


	/*Fields*/
	.woocommerce form .form-row label {
		font-size: 17px;
	}

	.woocommerce form .form-row input.input-text {
		padding-top: 18px;
		padding-right: 30px;
		padding-bottom: 18px;
		padding-left: 30px;
		border-radius: 0px;
		border-width: 1px;
		border-color: #5d2c54;
		font-weight: 700;
		font-size: 12px;
		letter-spacing: 4px;
	}

	/*NEW Badge*/
	ul.products li.product .wc-new-badge {
		background-color: #5D2C54;
	}

	/*Checkout*/
	span.woocommerce-terms-and-conditions-checkbox-text {
		font-size: 15px;
	}

	/*Price Tags*/
	.woocommerce div.product span.price, .woocommerce-page div.product span.price {
		color: #faf9fa;
	}

	/*Variatons Table*/
	.woocommerce div.product form.cart .variations {
		margin-bottom: 0px;
	}

	/*Product Category Loop*/
	.woocommerce ul.products li.product .woocommerce-loop-category__title, .all-categories-button {
		font-size: 16px!important;
		text-align: left;
		color: #faf9fa!important;
		transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
		
	.woocommerce ul.products li.product .woocommerce-loop-category__title:hover, .all-categories-button:hover {
		margin-left: 3px;
	}

	mark {
		background-color: transparent;
		color: #faf9fa;
	}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		margin: 0 0 10px 0;
	}


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


/* ================================================== START = WP Pay Per View ================================================== */

	/*Toolbar*/
	.wppv_player_toolbar {
		display: none;
	}

	/*Popups*/
	/* Hidding the text color, because the translation is missing...*/
	.wppv-white-popup {
		color: transparent;
	}


	/*Buttons*/
	.wppv-btn-toolbar a.wppv_btn, .wppv-btn, .wppv-btn:hover {
		font-family: var(--heading-font);
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 3px;
		color: #dddfec;
		background-color: #5d2c54;
		border: none;
		border-radius: 0px;
	}

	.wppv-btn-toolbar a.wppv_btn {
		color: #fff;
		min-width: 50%;
		text-align: center;
	}

/* ================================================== END = WP Pay Per View ================================================== */


/* ============================================== START = COOKIE BANNER ============================================== */

	#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;
	}

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


/* ================================================== START = CLASSES ================================================== */

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


	/* Buttons side by side */
	.btn-inline .et_pb_button_module_wrapper {
		display: inline-block;
		padding-bottom: 20px;
		margin: 0 10px;
	}


/* ========== Youtube iFrames ========== 
 * use <div class="video-container"><iframe CONTENT </iframe></div>*/

	.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%;
	}
	
/* ========== Disable link ========== */

	.disable-link {
		pointer-events: none;
	}

/* ================================================== END = CLASSES ================================================== */