/* 
 Theme Name:   Divi-Child
 Theme URI:    
 Description:  
 Author:       whbch
 Author URI:   
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/*	CSS für Wohnheim Bethlehem
	by chilimedia.ch
	
	Nur für Abweichungen, welche nicht via Template-Einstellungen gemacht werden können. 
	
	
	Farben 
	Logo-Grau	Web #76777B		RGB 118/119/123		Pantone Cool Gray 9 
	Logo-Blau	Web #004A88		RGB 0/74/136			Pantone 301
	Hell-Grau	Web #f4f4f4		Hintergrund Sub-Menu, Kontaktformular, etc.
*/

/* Font via fonts.com 
Eingebunden mit JavaScript via Plugin "Insert Headers and Footers"
*/
h4.widgettitle {	/* Titel für Seitenleisten */
	font-family:'Helvetica LT W01 Bold Narrow';
	letter-spacing: 0.07em;
	line-height: 120%;
}
h1, h2 { 
	font-family:'Helvetica LT W01 Light' !important;
}
h3 { font-size: .9em; }	/* Etwas grösserer Unterschied zu H1/H2 als im Template vorgesehen */

p , ul{ 
	max-width: 680px; /* Verhindert zu lange Text-Zeilen */
}

p + h1, p + h2, p + h3, h1 + h2, h2 + h3  { 	/* Wenn Titel in Lauftext, oder direkt nach Obertitel ... */
	padding-top: 16px;				/* ... dann etwas mehr Abstand nach oben */
}
h1, h2, h3  { 						/* Bei Titeln ...		***/
	padding-bottom: 6px;			/* ... etwas weniger Abstand unten */
}
div #footer-info {
	font-size:0.8em;	/* Schrift im Fuss etwas kleiner */	
}
div #footer-info a {
	font-weight:normal; /* Link nicht fett */
}
/*** Kontakt-Formular ***/
.wpcf7-form input {min-width:320px;} 	/* Eingabe Forumlarfelder */
.wpcf7-submit {							/* Senden-Knopf deutlicher gestalten. */
	min-height:24px; 
	background-color:#004A88; 
	color:white; 
	font-weight:bold; 
	font-size: 1.5em;
} 
.wpcf7-response-output { font: 1.5em bold Arial; color:#76777B; } /* Meldung nach Senden grösser, deutlicher */
div.wpcf7-mail-sent-ok { border-width:3px; border-style:dotted; border-color:#004A88; } /* Blauer Rahmen statt grüner */

/* Ende Kontakt-Formular */

/* Fotos Vorstand etc. mit einem feinen Rand versehen (25% von Logo-Grau) */
div .et_pb_team_member_image img { border: 1px solid rgba(121,122,125,0.25);}


/*** Shop ***/
.woocommerce-Tabs-panel--description h2 { 
	display: none;  /* Schaltet die Verdoppelung von «Beschreibung» aus */
}

/*** Ende Shop ***/


/*** Einstellungen je nach Endgerät ***/

/* Responsive Styles Large Desktop And Above */
@media all and (min-width: 1405px) {
}
/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {
}
/* Responsive Styles 981px - 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {
}
/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
}
/* Responsive Styles Tablet Portrait */
@media all and (max-width: 768px) {
	/* Damit die Kopf-Bilder in voller Breite auf Smartphones nicht so mikrig aussehen,
		werden sie etwas vergrössert und entsprechend seitlich beschnitten.
		Wichtig: Diese CSS-Einstellungen sind gemacht für Bilder in 1080x380 Pixel.
	*/
	.et_pb_fullwidth_image { 		/* Div für Bilder mit voller Breite */
		min-height: 288px;			
		overflow: hidden;
		position: relative;
	}
	.et_pb_fullwidth_image img { 	/* Die Bilder mit voller Breite */
		min-height: 288px;
		min-width: 818px;  /* 1080x380 Original-Grösse */
		position: absolute;
  		left: 50%;
  		top: 50%;
  		height: 100%;
  		width: auto;
  		transform: translate(-50%,-50%);
	}
}
/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {
	/* Damit die Kopf-Bilder in voller Breite auf Smartphones nicht so mikrig aussehen,
		werden sie etwas vergrössert und entsprechend seitlich beschnitten.
		Wichtig: Diese CSS-Einstellungen sind gemacht für Bilder in 1080x380 Pixel.
	*/
	.et_pb_fullwidth_image { 		/* Div für Bilder mit voller Breite */
		min-height: 240px;			
		overflow: hidden;
		position: relative;
	}
	.et_pb_fullwidth_image img { 	/* Die Bilder mit voller Breite */
		min-height: 240px;
		min-width: 682px;  /* 1080x380 Original-Grösse */
		position: absolute;
  		left: 50%;
  		top: 50%;
  		height: 100%;
  		width: auto;
  		transform: translate(-50%,-50%);
	}
}


/* Printscreen Styles */
@media print {
}