/*
 Theme Name:   Petra Hertkorn Hypnosepraxis Child twentyfifteen
 Template:     twentyfifteen
 Version:      1.0
 License:      GNU General Public License v2 or later

*/


/*		h1 bis h3 grün 			#00a61a
		Sand bg					#f0ece4
		Fliesstext				#032E1F 
		rotbraun: 				#A62B08		

*/

/*	2022-08-27 ::ARMIN:: google fonts lokal eingebunden*/
/* open-sans-regular - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v34-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/*****************************************************************
Typo (teils angelehnt an speculate)
*****************************************************************/

body,
button,
input,
select,
textarea {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7;
	color: #032E1F;
	background: #f0ece4;
}

.page-title {
	font-family: "Open Sans", sans-serif;
}

.site-header {
    padding: 5% 7.6923%;
}

.main-navigation .menu-item-description {
    font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3 {
	color: #00A61A;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
}


h4,
h5,
h6 {
	color: #032E1F;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	
}

.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.4;
	margin-top: 2em;
	margin-bottom: 1em;
}

.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	margin-top: 2em;
	margin-bottom: 1em;
}

address, figcaption {
	font-style: normal;
	color:#032E1F!important;
}


.site-title, .site-description {
    font-family: "Open Sans", sans-serif;
	font-style: normal;
}


.entry-title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.25;
	margin-bottom: 2rem;
}

.page-header {
	padding: 2% 8%;
}

blockquote {
 	font-size: 16px;
 	font-size: 1.6rem;
	color: #032E1F;
	color: rgba(3,46,31,.8);
}

blockquote cite, 
blockquote small {
    font-size: 14px;
    font-size: 1.4rem;
}

.entry-content, 
.entry-summary {
    padding: 0 7% 10%;
}

b, strong {
	font-weight: 400;
	color: #00A61A;
	
}



/*****************************************************************
Links allgemein
*****************************************************************/

a {
	color: #00a61a; 
	font-style: normal;
}

a:hover, 
a:focus {
	color: #00A61A;
}

/*****************************************************************
Links im Inhaltsbereich
*****************************************************************/

.entry-content a, 
.entry-summary a, 
.page-content a, 
.comment-content a, 
.pingback .comment-body > a {
	font-weight: 400;
    color: #032E1F;
	border-bottom: 1px solid #032E1F;
}

.entry-content a:hover, 
.entry-summary a:hover, 
.page-content a:hover, 
.comment-content a:hover, 
.pingback .comment-body > a:hover {
	font-weight: 400;
    color: #00A61A;
	border-bottom: 1px solid #00A61A;
}

.entry-content .more-link:after, 
.entry-summary .more-link:after {   
	font-size: 14px;
	font-size: 1.4rem;
    line-height: inherit;
    font-weight: 400;
}

.site-title, .site-description,
.site-title a, .site-description a {
	color: #00A61A; 
	font-weight: 400;
	opacity: 1;
}
.site-title a:focus,
.site-title a:hover{
	color: #A62B08!important;
	opacity: 1!important;;
}


/*****************************************************************
Custom Logo
*****************************************************************/

img.custom-logo {
	max-width: 124px;
}


/*****************************************************************
Widgets
*****************************************************************/

/* 1392 */
.widget-title {
	color: #00A61A;
	font-weight: 400;
    font-family: "Open Sans", sans-serif;
	line-height: 1.7;
	font-style: normal;
	margin: 0 0 1.6em;
	letter-spacing: 0;
	text-transform: none;
	font-size: 16px;
	font-size: 1.6rem;
}


/*****************************************************************
Vor- und Zurueck-Links bei Artikeln
*****************************************************************/
/* 955 */

.post-navigation .meta-nav {
    font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 1.6;
	color: #032E1F;
}

.post-navigation .post-title{
    font-family: "Open sans", serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6;
	font-weight: 400;
}


/*****************************************************************
Masterslider ms mai.css 41
*****************************************************************/

/*	soll linksbuendig sein, wenn die Fotos kleiner sind */
.master-slider-parent {
    margin-left: 0!important;
    margin-right: auto;
}

.ms-inner-controls-cont, .ms-container {
    position: relative;
    margin: 0 auto 20px!important;
}


/*****************************************************************
Autor bei Posts ausblenden
*****************************************************************/

span.byline {
	display: none;
}


/*****************************************************************
iframe fuer custom-opt-out von piwik (Datenschutz)
*****************************************************************/

iframe#responsive-iframe {
	border: 1px solid #eee!important;
	background-color: #fff!important;
	padding: 0!important;
	max-height: 350px!important;
	min-height: 200px!important;
}

iframe#responsive-iframe body {
	font-family: "Open Sans", sans-serif!important;
}


/*****************************************************************
Pagination (uebernommen von speculate)
*****************************************************************/

.pagination .next:before {
    right: 0;
}

.pagination .prev, 
.pagination .next {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    background-color: #f7f7f7;
    color: #00a61a;
}
.pagination .prev:hover, 
.pagination .prev:focus, 
.pagination .next:hover, 
.pagination .next:focus {
    background-color: #707070;
	color: #fff;
}

/*****************************************************************
Aufklappmenu (uebernommen von speculate)
*****************************************************************/

.dropdown-toggle {
    top: 0;
	width: 37px;
	height: 37px;
}

/*****************************************************************
Navigation (erstes uebernommen von speculate)
*****************************************************************/



.main-navigation a {
    padding: 0.5em 0;
}

.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a,
.main-navigation li a:hover {
	font-weight: 400;
	color: #00A61A;
	color: #A62B08;
}

/*	2023-04 18 Wenn Hauptpunkt geöffnet, soll auch Submenu eingeblendet sein  */

.main-navigation ul .current_page_item ul.sub-menu {display: block;}

/*****************************************************************
Verschiedenes, abhaengig von Fenstergroesse (teils speculate abgeguckt)
*****************************************************************/

/* Phone Large */
@media screen and (min-width: 38.75em) {
	.entry-content, .entry-summary {
		padding: 0 9% 7%;
	}
	.entry-footer {
		padding: 2% 9%;
	}
}

/* Tablet Small 740px */
@media screen and (min-width: 46.25em) {
	.entry-title,
	.widecolumn h2 {
		font-size: 30px;
		font-size: 3rem;
	}	
	.posted-on:before, 
	.byline:before, 
	.cat-links:before, 
	.tags-links:before, 
	.comments-link:before, 
	.entry-format:before, 
	.edit-link:before, 
	.full-size-link:before {
		top: 2px;
	}	
	.widget {
		line-height: 1.6;
	}	
	.pagination .nav-links {
		min-height: 3.313em;
	}	
	.pagination .prev, .pagination .next {
		height: 3.313em;
		width: 3.313em;
	}
	.pagination .page-numbers {
		line-height: 3.313em;
	}
	.pagination .prev:before, 
	.pagination .next:before {
		height: inherit;
		line-height: inherit;
		width: inherit;
	}	
    blockquote {
    	font-size: 18px;
    	font-size: 1.8rem;
  	}
 	blockquote cite, 
  	blockquote small {
    	font-size: 14px;
    	font-size: 1.4rem;
 	}  
}

/* Tablet Large 880px */
@media screen and (min-width: 55em) {
	.site-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.25;
	}

	.post-password-form label, 
	.post-navigation .meta-nav, 
	.comment-navigation, 
	.image-navigation, 
	.author-heading, 
	.author-bio, 
	.entry-footer, 
	.page-links a, 
	.page-links span, 
	.comment-metadata, 
	.pingback .edit-link, 
	.comment-list .reply, 
	.comment-notes, 
	.comment-awaiting-moderation, 
	.logged-in-as, 
	.comment-form label, 
	.form-allowed-tags, 
	.site-info, 
	.wp-caption-text, 
	.gallery-caption, 
	.entry-caption, 
	.widecolumn label, 
	.widecolumn .mu_register label {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.posted-on:before, 
	.byline:before, 
	.cat-links:before, 
	.tags-links:before, 
	.comments-link:before, 
	.entry-format:before, 
	.edit-link:before, 
	.full-size-link:before {
		top: 1px;
	}	
	.main-navigation a {
		padding: 0.5em 0;
	}	
}

/* Desktop Small 955px */
@media screen and (min-width: 59.6875em) {
	.site-main {
		padding: 6% 0;
	}
	.site-header {
		margin: 12% 0;
	}

	.site-info {
		padding: 2% 10%;
	}
	.site-header,
	.widget	{
		padding-left: 10%;
		padding-right: 10%;
	}

	.main-navigation,
	.social-navigation {
		margin-left: 10%;
		margin-right: 10%
	}	
	.dropdown-toggle {
		height: 32px;
		width: 32px;
	}
	.entry-content, 
	.entry-summary {
		padding: 0 10% 7%;
	}
	.entry-footer {
		padding: 1.5% 10%;
	}	
	.main-navigation {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.widget {
		font-size: 14px;
		font-size: 1.4rem;
	}	
  blockquote {
    font-size: 15px;
    font-size: 1.5rem;
	}
  blockquote cite, blockquote small {
    font-size: 15px;
    font-size: 1.5rem;
	}  
}

/* Desktop Medium 1100px */
@media screen and (min-width: 68.75em) {
	.site-title {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.site-description {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.site-header,
	.widget	{
		padding-left: 15%;
		padding-right: 15%;
	}
	.main-navigation {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.main-navigation,
	.social-navigation {
		margin-left: 15%;
		margin-right: 15%
	}	
	.dropdown-toggle {
		height: 30px;
		width: 30px;
	}
	.entry-title,
	.widecolumn h2 {
		font-size: 30px;
		font-size: 3rem;
	}
    blockquote {
    	font-size: 18px;
    	font-size: 1.8rem;
  	}
	blockquote cite, 
	blockquote small {
    	font-size: 14px;
    	font-size: 1.4rem;
  }
}

/* Desktop Large 1240px */
@media screen and (min-width: 77.5em) {

	.entry-title,
	.widecolumn h2 {
		font-size: 30px;
		font-size: 3rem;
		line-height: 1.25;
	}
    
	blockquote {
    	font-size: 18px;
    	font-size: 1.8rem;
  	}
  	blockquote cite, 
  	blockquote small {
    	font-size: 16px;
    	font-size: 1.6rem;
  	}
}

/*****************************************************************
neu (nicht bei Rolf)
*****************************************************************/

/* 2714 */
@media screen and (min-width: 38.75em) {
	ul,
	ol {
		margin-left: 1.7em;
	}
}

input.search-field,
#mc4wp-form-1 input {
	background-color: #fff;
	color: #032E1F;
}

/*****************************************************************
Footer Menu
*****************************************************************/
/*	grün 		#00a61a
	rotbraun: 	#A62B08	*/	
		
		
.footer-navigation ul {
	list-style: none;
	margin-left: 0;
	margin-top: 30px;
}

.footer-navigation li {
	line-height: 2;
    font-size: 16px;
	font-size: 1.6rem;
	display: inline-block;
}
.footer-navigation li:after {
	content: " | ";
	color: #00a61a;
}
.footer-navigation li:last-child:after {
	content: none;
}

.footer-navigation a {
    padding: 0.5em 0;
	text-decoration: none;
	border-bottom: none;
	color: #00a61a;
}
.footer-navigation a:focus,
.footer-navigation a:hover {
	text-decoration: none;
	border-bottom: none;
	color: #A62B08;
}

.footer-navigation .current-menu-item > a, 
.footer-navigation .current-menu-ancestor > a {
	font-weight: 400;
	color: #A62B08;
	text-decoration: none;
}


/* 747 */

.dropdown-toggle:after {
	color: #00a61a;

}


.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: #f0ece4;
}

.dropdown-toggle:focus {
	outline: 0 none;
}

.current-page-parent .dropdown-toggle::after,
.current-page-ancestor .dropdown-toggle::after {
	color: #00A61A;
}



/*****************************************************************
Buttons
*****************************************************************/

/*535*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button /*::ARMIN::*/ {
	-webkit-appearance: button;
	background-color: #f0ece4;
	color: #00A61A;
	cursor: pointer;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	padding: 0.7917em 1.5em;
	padding: 10px 15px;
	text-transform: none;
	border-radius: 6px;
	border: 1px solid #f0ece4;
	display: inline-block; /*::ARMIN::*/
	hyphens: none; /*::ARMIN::*/
}

/*552*/

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:hover, /*::ARMIN::*/
a.button:focus  /*::ARMIN::*/ {
	background-color: #00A61A;
	color: #f0ece4;
	outline: 0;
}



/*1374*/

.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0.7917em 1.5833em;
}

/*****************************************************************
mailchimp form
*****************************************************************/

.yikes-easy-mc-form input[type="email"], .yikes-easy-mc-form input[type="number"], .yikes-easy-mc-form input[type="text"], .yikes-easy-mc-form input[type="url"], .yikes-easy-mc-form select {
    padding: .5278em;
    /* background-color: #f1f1f1;*/
	background-color: #fff!important;
	/*war 2px*/
    border: 1px solid rgba(51,51,51,.1)!important;
}

.yikes-easy-mc-form input[type="email"]:focus {
	border: 1px solid rgba(51,51,51,.3)!important;
	outline: none!important;
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: .5;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity: .5;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity: .5;
}
:-moz-placeholder { /* Firefox 18- */
  opacity: .5;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.375em;
	width: 100%;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"],
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}