/*======================================
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: 'Poppins';
		src: url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/poppins/poppins.eot');
		src: url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/poppins/poppins.eot?#iefix') format('embedded-opentype'),
			 url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/poppins/poppins.woff2') format('woff2'),
			 url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/poppins/poppins.woff') format('woff'),
			 url('/wp-content/themes/Divi-Mastermind-Child-Theme/fonts/poppins/poppins.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;

	}

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


	/* ========== START = Font Variables ========== */
	:root {
		--heading-font: 'Poppins';
		--heading-font-color: #e2641b;
		--paragraph-font: 'Poppins';
		--paragraph-font-color: #382600;
	}
	/* ========== END = Font Variables ========== */


	/* ========== START = Headings ========== */
	h1, h2, h3, h4, h5, h6 {
		font-family: var(--heading-font);
		color: var(--heading-font-color);
	}

	.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);
		color: var(--heading-font-color);
	}
	/* ========== END = Headings ========== */


	/* ========== START = Paragraph, Lists ========== */
	body {
		font-family: var(--paragraph-font);
		color: var(--paragraph-font-color);
	}

	.et_pb_column p {
		line-height: 1.65;
	}
	

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


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


	/* Font Family of Buttons */ 
	.et_pb_button {
		font-family: var(--heading-font);
	}


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


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


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

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


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


/* ============================================== START = Category Grid ============================================== */

	.pciwgas-cat-wrap .pciwgas-post-cat-inner {
		border-width: 6px;
		border-style: double;
		border-color: rgba(78,58,17,0.61);
		background-color: RGBA(0,0,0,0);	
	}

	.pciwgas-cat-wrap .pciwgas-title{
		padding-left: 19px;
		padding-right: 19px;
		padding-bottom: 0px;
		text-align: left;
	}

	.pciwgas-cat-wrap .pciwgas-title a {
		font-size: 27px;
		font-weight: 600;
		color: var(--paragraph-font-color);
	}

	.pciwgas-cat-wrap .pciwgas-cat-count {
		background-color: var(--heading-font-color);
	}

	.pciwgas-cat-wrap .pciwgas-description {
		padding: 19px;
		text-align: left;
	}


/* ============================================== END = Category Grid ============================================== */


/* ============================================== START = Posts ============================================== */

	/*Galerie*/
	.mfp-title {
		display: none;
	}


/* ============================================== END = Posts ============================================== */



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

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




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

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