/*======================================
Theme Name: Amplus
Theme URI: https://amplus.ch
Description: Divi Child by Amplus
Version: 1.0
Author: Amplus WP-Praxis
Author URI: https://amplus.ch
Template: Divi
======================================*/

/***! You can add your own CSS styles here. Use !important to overwrite styles if needed. ****/

/* 
 * Divi gutter
 * 1 = 0 margin
 * 2 = 3% margin 
 * 3 = 5.5% margin (default)
 * 4 = 8% margin */

/* Booking Calendar */

.wpbc_ty__header {
	display:none!important;
}



/** Global Variables **/
:root {
	/*! Padding */
	--padding:clamp(1rem, 1.786vw + 0.429rem, 5rem);
	
	/* Font */
	--fontFamily-Title:"Open Sans Condensed", sans-serif;
	--fontFamily-Body:"Droid Sans", sans-serif;
	--h1:clamp(2rem, 1.675rem + 1.625vw, 2.625rem);
	--h2:clamp(1.625rem, 1.412rem + 1.063vw, 2.0rem);
	--h3:clamp(1.375rem, 1.225rem + 0.75vw, 1.625rem);
	--h4:clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
	--p:clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	--line-height:1.5rem;
	
	/*! Colors */
	--font-color:#40362E;
	--link-color:#40362E;
		
	/*! Gap */
	--gab:5.5%;
}


/**! Global Styles **/

/* Headers */
h1, h1 a {
	font-family:var(--fontFamily-Title);
	font-size:var(--h1)!important;
	line-height:var(--h1);
	color:var(--font-color); }
h2, h2 a {
	font-family:var(--fontFamily-Title);
	font-size:var(--h2); 
	line-height:var(--h2);
	color:var(--font-color); }
h3, h3 a {
	font-family:var(--fontFamily-Title);
	font-size:var(--h3); 
	line-height:var(--h3);
	color:var(--font-color); }
h4, h4 a {
	font-family:var(--fontFamily-Title);
	font-size:var(--h4); 
	line-height:var(--h4);
	color:var(--font-color); }
p {
	font-family:var(--fontFamily-Body);
	font-size:var(--p);
	line-height:var(--line-height);
	color:var(--font-color)!important; }

li {
	font-family:var(--fontFamily-Body);
	font-size:var(--p);
	line-height:var(--line-height);
	color:var(--font-color); }

/*#page-container a {
	color:var(--link-color)!important; } */



/*! Global Style Classes 
 * */

.ash1 p {
	font-size:var(--h1);
	color:var(--font-color); }

.ash2 p {
	font-size:var(--h2);
	color:var(--font-color); }

.ash3 p {
	font-size:var(--h3);
	color:var(--font-color); }

.ash4 p {
	font-size:var(--h4);
	color:var(--font-color); }

.zitat p {
	font-size:var(--h3); 
	color:var(--font-color); }

.with-underline a {
	text-decoration:underline!important;
}

/*! Class for default padding */
.default-padding { padding:var(--padding)!important; }

/*! Class for default padding */
.top-bottom-padding { 	padding-top:var(--padding)!important;
						padding-bottom:var(--padding)!important;}

@media (max-width: 981px) { 
.top-bottom-padding-mobile {
		padding-top:var(--padding)!important;
		padding-bottom:var(--padding)!important;
	} 

.default-padding-mobile { 
		padding:var(--padding)!important; 
	} 
}


/*! Silbentrennung aktivieren */
p, h1, h2, h3, h4, h5, h6 { 
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 hyphens: auto;
}

/*! Remove divi default padding on headings  
h1, h2, h3, h4, h5, h6 {
	padding-bottom:0px;
}*/

/* No gutter dlass for removing the default gutter */
.no-gutter {
	margin-bottom:0px!important;
}

/**** LAYOUT  ****/
.dont-break {
    -webkit-column-break-inside: avoid;
}


/* multi column classes for desktop  */
@media (min-width: 981px) {
  
	.two-col  {
	column-count:2;
	gap:var(--gap);
	}
	
	.three-col  {
	column-count:3;
	gap:var(--gap);
	}
}



/*! Individual Project CSS */ 


/* Background image position */
body.custom-background {
	background: url(https://tcm-akupunkturpraxis.ch/wp-content/uploads/2015/03/hintegrundXX.webp);
	background-repeat:no-repeat!important;
	background-position:center!important;
	background-size:cover!important;
}


/* Hintergrund Blur */
.default-row, .default-section {
  background-color: rgba(255,255,255,0.8);
	backdrop-filter: blur(0px);
} 


/* Fixed Backgroundimage */


/*
body.page-id-127, body.page-id-128 {
    background-image: url('https://staging.tcm-akupunkturpraxis.ch/wp-content/uploads/2023/12/hintegrund-sw.webp')!important;
    background-size: cover!important;
    background-position: top!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed;
} */


/*! Blog Layout Theme Builder */
div#main-content {
    background-color: transparent;
}

.blog-content .et_pb_row {
	padding: 0px!important;
    margin: 0px!important;
	width:100%!important;
}

.blog-content .default-row {
	background-color: unset;
}

/* Blog Image */
.blog-theme-builder .et_pb_image_wrap {
	max-width:50%;
}

/* Buchen Button Farbe 
.hauptmenu .dvmm_menu_page_id-53451 {
	background-color:#BC002D!important;
} */

.hauptmenu .dvmm_menu_page_id-53451 > a > span, .hauptmenu .dvmm_menu_page_id-53451 > a > button {
	color:#E75480!important;
	font-weight:700!important;
}