/*
Theme Name: eDidactics-BBM
Theme URI: https://bbm.edidactics.ch/
Author: Silent Effect AG - Wilfried Strecke
Author URI: https://silent-effect.ch/
Description: Das ist das Wordpress Theme 2021 fuer die Website sres.ch.gy. Das Theme eDidactics-BBM ist sehr schlicht gehalten. Es wurde nach einem konsequent responsiven Ansatz in HTML5 und CSS3 entwickelt. Dadurch ergibt sich eine optimierte Darstellung auf allen Geraeten. Das Theme unterstuetzt alle CMS- und Blog-Funktionalitaeten die Wordpress 5.0.3 derzeit bietet.
Version: 2.0 (2021-05-19),  (V1.0 2019-01-31)
License: commercial
License URI: https://silent-effect.ch/licenses/
Tags: responsive, custom-header, custom-background, custom-fonts (Google Fonts), Hintergrundbilder, optimiert fuer Wordpress 5.0, Fades mit CSS3-Transitations, Breiten mit Viewport Units.
Text Domain: sres.ch.gy
*/

@charset "utf-8";
@import url(css/navimob.css);

/********************************************************/
/* Basics */
/********************************************************/

* {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	outline: none;
	padding: 0;
}

/* reCaptcha V3 */
.grecaptcha-badge {
    display: none;
}

/* Werbung Buddy Forms */


/*Anpassungen BuddyForms */
.the_buddyforms_form .bf-input textarea,
.the_buddyforms_form .bf-input .form-control {
	box-sizing: border-box;
	width: 960px;
	max-width: 100%;
	}

/* Anpassungen Knowledge Base */
#asea-search-title,
#eckb-article-left-sidebar {
	display: none !Important;
}
#eckb-article-content {
	width: 960px !Important;
	max-width: 100% !Important;
	padding-left: 0 !Important;
}

.elay-sidebar {
	margin-top: 20px;
}

.eckb-navigation-button {
	margin-bottom: 15px !Important;
}

/* Frontend Beiträge Icon Video ausblenden */
#mceu_13-button {
	display: none;
}

.usp-title > label {
	display: none !important;
}

/* Sharing Buttons */
.heateor_sss_sharing_title {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: 400 !important
	padding-bottom: 5px;
}

.heateor_sss_sharing_container {
	margin-bottom: 25px;
}

@media screen and (min-width:783px){
	.heateor_sss_whatsapp_count, .heateorSssWhatsappBackground{
	    display: none !important;
	}
}

div#wrapper div#header div#startslide div.heateor_sss_sharing_container.heateor_sss_horizontal_sharing,
div#wrapper div#header div#blockadresse div.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
	display: none;
}

/* Insbesondere die Titel dauf der Datschutzseite sind zu gross */
div.datenschutz > h1,
div.datenschutz > h2,
div.datenschutz > h3,
div.datenschutz > h4,
div.datenschutz > h5,
div.datenschutz > h6 {
	font-size: 125%;
}

div.datenschutz {
	font-size: 90%;
}

/*
.hrf-faq-list article:last-child > a {
     display: none;
}
*/

/********************************************************/
/* Apple Devices */
/********************************************************/

a[href^=tel] {
	color: inherit;
	text-decoration: none;
}

input [type=submit] {
	-webkit-appearance: none;
}


/********************************************************/
/* Schrift */
/********************************************************/

body {
	font-family: 'PT Sans', sans-serif;
	font-size: 1.2em;
	box-sizing: border-box;
}


/********************************************************/
/* Front Page */
/********************************************************/



/********************************************************/
/* Geometrie */
/********************************************************/

#wrapper {
	margin: 0 auto;
     position: relative;
     width: 960px;
     max-width: 100%;
     box-sizing: border-box;
}

#header {
	width: 960px;
	max-width: 100%;
	height: 175px;
	margin-top: 20px;
	box-sizing: border-box;
	background-image: url("img/logo-bg.png");
	background-repeat: repeat-x;
	background-size: contain;
}

#logo {

}

.logo {
	width: 250px;
	max-width: 70%;
	height: auto;
}

#hamburger {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 5px;
	right: 0px;
}

/*
#menu-item-420 {
	background: rgba(255, 0, 0, 0.10);
}
*/

.menu-hauptnavigation-container {
	position: relative;
	line-height: 250%;
}

#hamburger > div > div > ul {
	margin-top: 15px;
	box-sizing: border-box;
}

#hamburger > div > div > ul > li > ul {
	box-sizing: border-box;
	margin-top: 15px;
}

#hamburger > div > div > div > div > div > ul > li,
#hamburger > div > div > ul > li,
#hamburger > div > div > ul > li > ul > li {
	list-style-type: none;
	display: inline-block;
	height: 30px;
	/* border: 1px solid #000000; */
}

#hamburger > div > div > ul > li {
	width: 100%;
	padding-top: 10px;
}

#hamburger > div > div > ul > li > ul > li {
	width: calc(100% - 40px);
	padding-top: 6px;
	margin-left: 40px;
}

#hamburger > div > div > ul > li.fas::before,
#hamburger > div > div > ul > li > ul > li.fas::before {
	display: inline-block;
	width: 50px;
}

.fas::before {
	float: left;
}
#hamburger > div > div > div > div > div > ul > li > a,
#hamburger > div > div > ul > li > a {
	display: block;
	width: 100%;
	padding-left: 0px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	text-decoration: none;
	color: #000000;
	font-size: 1.1em;
}

#hamburger > div > div > ul > li > ul > li > a {
	display: block;
	width: 100%;
	padding-left: 0px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	text-decoration: none;
	color: #000000;
	font-size: .8em;
}	

#hamburger > div > div > div > div > div > ul > li > a:hover,
#hamburger > div > div > ul > li > a:hover,
#hamburger > div > div > ul > li > ul > li > a:hover {
	color: #009edf;
}

#hamburger > div > div > ul > li.current-menu-item > a,
#hamburger > div > div > ul > li > ul > li.current-menu-item > a {
	color: #47a22b;
}	

.menu-navigation-mobile-container {
	text-align: right;
	font-size: 1.4em;
	font-weight: 700;
	color: #009edf;
}

#navi-inhalt {
	z-index: 9999;
	position: absolute;
	top: 100px;
	right: 10px;
	width: 300px;
	padding: 10px;
	border-radius: 3px;
	border-bottom: 1px solid #777777;
	background: #ffffff;
	/*
	box-shadow: -3px 4px 1.5px 1px rgba(255,255,255,0.16), -3px 4px 1.5px 1px rgba(255,255,255,0.23);
	background: radial-gradient(circle at top left, transparent 0px, #FFE043 0) top left,
	            radial-gradient(circle at top right, transparent 50px, #FFE043 0) top right,
	            radial-gradient(circle at bottom right, transparent 0px, #FFE043 0) bottom right,
	            radial-gradient(circle at bottom left, transparent 0px, #FFE043 0) bottom left;
	*/
	box-shadow: 5px 0 5px -5px black, -5px 0 5px -5px black;
	/*
	border-bottom: 10px dotted hsla(0,50%,100%,0.8);
	background-clip: padding-box;
	*/
}

.beitragsbild-uebersicht {
	width: 20%;
	float: left;
	padding-right: 3%;
	}

/********************************************************/
/* Abstände und Beautyfying */
/********************************************************/

.bloginfo {
	text-align: right;
	padding-right: 35px;
	font-size: 1em;
	padding-top: 200px;
}

#footer {

}

#content-full,
#content-full2 {
	margin-top: 15px;
	padding: 15px;
	background: #EBEBEB;
}

#content-full2 {
     min-height: 550px;
}

h1 {
	font-weight: 700;
	font-size: 2em;
	padding-bottom: 10px;
}

div#buddyforms-list-view > ul > li > div > div > a,
.widg-reset > h2 {
	font-weight: 700 !Important;
	font-size: 1.7em !Important;
	padding-bottom: 10px !Important;
}

h2 {
	font-weight: 700;
	font-size: 1.7em;
	padding-bottom: 10px;
}

h3 {
	font-weight: 700;
	font-size: 1.5em;
	padding-bottom: 10px;
}

h4 {
	font-weight: 700;
	font-size: 1.4em;
	padding-bottom: 10px;
}

h5 {
	font-weight: 400;
	font-size: 1.3em;
	padding-bottom: 10px;
}

h6 {
	font-weight: 400i;
	font-size: 1.2em;
	font-style: italic;
	padding-bottom: 10px;
}

p {
	margin-bottom: 20px;
}

p.small {
	font-size: 80%;
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
	font-weight: 400i;
}

pre, code {
	direction: ltr;
	text-align: left;
}

pre {
	border: solid 1px #009edf;
	font-family:Consolas, Monaco, monospace;
	font-size: 1.3 em; 
 	color: 009edf; 
	margin-top: 10px;
	margin-right: 0; 
	margin-bottom: 25px; 
	margin-left: 0; 
	padding:10px; 
	background: #ffe02
}
	
code {
	font-size:1.2em; 
	color: #009edf
}

blockquote {
	border-left: 10px solid #009edf;
	padding-left: 10px;
	font-size: 1.3em;
}

#content-full > div > div > .hrf-entry > div > ol,
#content-full > div > div > .hrf-entry > div > ul,
#comments > .comment > ol,
#comments > .comment > ul,
#kb-article-content > ol,
#kb-article-content > ul,
.inner > ol ,
.inner > ul,
.menu > ol,
.menu > ul {
	margin-bottom: 15px;
}

#content-full > div > div > .hrf-entry > div > ol > li,
#content-full > div > div > .hrf-entry > div > ul > li,
#content-full > div > div > ol > li,
#content-full > div > div > ul > li,
#comments > .comment > ol > li,
#comments > .comment > ul > li,
#kb-article-content > ol > li,
#kb-article-content > ul > li,
.inner-ds > ol > li,
.inner-ds > ul > li,
.inner > ol > li,
.inner > ul > li,
#menu-frontpage > ol,
#menu-frontpage > li,
div.su-box > div > ul > li {
	margin-left: 25px;
	padding-left: 10px;
}

#kb-article-content > hr,
.inner > hr,
.suchergebnis > hr {
	border-bottom: 5px solid #009edf;
	margin-bottom: 15px;
}

hr.thin {
	border-bottom: 1px solid #009edf;
	margin-bottom: 15px;
}

div.item-desc {
	font-size: 1.2em !Important;
}

#content-full div > div > article > div > ol > li > a,
#content-full div > div > article > div > ul > li > a,
#content-full > div > div > .hrf-entry > div > p > a,
#content-full > div > div > .hrf-entry > div > ul > li > a,
.inner-ds > p > strong > a,
#content-full > div > div > ul > li > a,
#comments > .comment > p > a,
#kb-article-content > p > a,
div#buddyforms-list-view > ul > li > div > div > a,
.widg-reset > ul > li > a > span > span,
.inner > ul > h5 > a,
.inner > ul > li > a,
div.lesedauer > p > a,
span.lesedauer a,
#content-full > div > a,
#content-full > div > p > a,
#content-full > div > ul > h1 > a,
#content-full > div > ul > h2 > a,
#content-full > div > ul > h3 > a,
#content-full > div > ul > li > a,
div.suchergebnis > h2 > a,
#menu-frontpage > ol > a,
#menu-frontpage > li > a,
div.su-box > div > ul > li > a,
div.su-tabs-pane > p > a,
div.su-tabs-pane > p> strong > a,
.inner > p > strong> a {
	color: #0C7FB2;
	text-decoration: none;
	font-weight: 700;
}

.inner > div > ul > li {
     list-style-type: none;
     padding-left: 0 !Important;
     margin-left: 0 !Important;
     padding-bottom: 10px !Important;
}

.inner > div > ul > li > a {
     font-size: 1.3em;
}

#content-full div > div > article > div > ol > li > a:hover,
#content-full div > div > article > div > ul > li > a:hover,
#content-full > div > div > .hrf-entry > div > p > a:hover,
#content-full > div > div > .hrf-entry > div > ul > li > a:hover,
.inner-ds > p > strong > a:hover,
#content-full > div > div > ul > li > a:hover,
#comments > .comment > p > a:hover,
#kb-article-content > p > a:hover,
div#buddyforms-list-view > ul > li > div > div > a:hover,
.widg-reset > ul > li > a > span > span:hover,
.inner > ul > h5 > a:hover,
.inner > ul > li > a:hover,
div.lesedauer > p > a:hover,
span.lesedauer a:hover,
#content-full > div > a:hover,
#content-full > div > p > a:hover,
#content-full > div > ul > h1 > a:hover,
#content-full > div > ul > h2 > a:hover,
#content-full > div > ul > h3 > a:hover,
#content-full > div > ul > li > a:hover,
div.suchergebnis > h2 > a:hover,
#menu-frontpage > ol > a:hover,
#menu-frontpage > li > a:hover,
div.su-box > div > ul > li > a:hover,
div.su-tabs-pane > p > a:hover,
div.su-tabs-pane > p> strong > a:hover,
.inner > p > strong> a:hover {
	color: #CF3983;
	text-decoration: underline;
}

.attachment-post-thumbnail {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#outer-footer > div > ul > li {
	list-style-type: none;
}

#outer-footer {
	font-size: 0.7em;
	text-align: center;
}

#outer-footer > p > a,
#outer-footer > div > ul > li > a {
	color: #000000;
	text-decoration: none;
}

#outer-footer > p > a:hover,
#outer-footer > div > ul > li > a:hover {
	text-decoration: underline;
}

.lesedauer {
	font-size: 80%;
	line-height: 0.3 !important;
	font-style: italic;
}

.widg-reset > ul > li > a > span > i {
	color: #000000;
}

#content-full > .inner > span {
     font-size: 80% !Important;
}

div.su-tabs-pane,
div.su-tabs-pane > p,
.su-tabs-nav > span {
	font-size: 100% !important;
}


/********************************************************/
/* Buttons, Tabellen und andere Elemente */
/********************************************************/
.bookly-schedule-row .bookly-rounds-group {
     height: auto !important;
}

.float-right,
.page-link {
     background-color: #CA9E37 !important;
     border-color: #CA9E37 !important;
}

/* Bookly Kalender
.picker__box {
     background-color: #CA9E37 !important;
}

#um-submit-btn {
     background-color: #CA9E37 !important;
}

.picker__header {
     background: #B3C235 !important;
}
 */

form.search {
	display: flex;
	flex-direction: column;
	align-items: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 15px;
}

#user-submitted-post,
button,
#submit,
#searchsubmit,
#content-full > form > input {
	background-color: #02b6e9;
	border: none;
	color: #000000;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	font-weight: 500;
	font-size: 1em;
	display: inline-block;
	cursor: pointer;
	margin-top: 15px;
	border-radius: 3px;
}

#searchsubmit {
	width: 90px;
}

#user-submitted-post:hover;
button:hover,
#submit:hover,
#searchsubmit:hover {
	color: #000000;
	background-color: #cacf01;
}

.inner > div > a > button {
	float: right;
}

/* Anpassungen am "nach oben scrollen Button" */
.scroll-top-wrap {
	text-align: center;
}

.scroll-top-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	opacity: 0.6 !important;
	background: #02b6e9 !important;
	border: 1px solid #02b6e9 !important;
}

.scroll-top-inner span {
	color: #cacf01 !important;
}

/* TablePress */
#tablepress-1 /* Nustertabelle */ {
	margin-bottom: 20px !Important;
}

.tablepress thead th,
.tablepress tfoot th {
	background-color: #47a22b !important;
	color: #FFFFFF !important;
}

.tablepress .odd td {
	background-color: #02b6e9 !important;
	color: #FFFFFF !important;
}
.tablepress .even td {
	background-color: #ffee02 !important;
}


/********************************************************/
/* Formularelemente und Contact Form 7 */
/********************************************************/
.wpcf7-form,
.searcht {
	padding-right: 15px;
}

span.wpcf7-list-item {
	display: block !important;
}

#comment {
	box-sizing: border-box;;
}

textarea.wpcf7-form-control,
.ihr-subject > input,
.wpcf7-email,
#comment,
#user-submitted-title,
.your-name > input,
.your-email > input,
.your-subject > input,
.your-message > textarea,
.ihr-name > input,
.ihr-email > input,
.ihr-subject > input,
.ihr-message > textarea,
.nachname > input,
.vorname > input,
.email > input,
.vname > input,
.nname > input,
.your-vname > input,
.your-nname > input,
.postadresse > input,
.plz > input,
.ort > input,
.ihr-name > input,
.ihre-email-adresse > input,
.ihr-telefon > input,
.ihr-betreff > input,
.ihre-nachricht > textarea,
#author,
#email,
#url,
#s {
	width: 960px;
	max-width: 100%;
	border: 1px solid #009edf;
	padding: 5px;
}

textarea.wpcf7-form-control > input,
#user-submitted-title,
#comment,
.your-name > input,
.your-email > input,
.your-subject > input,
.your-message > textarea,
.ihr-name > input,
.ihr-email > input,
.ihr-subject > input,
.ihr-message > textarea,
.nachname > input,
.vorname > input,
.vname > input,
.nname > input,
.ihre-email-adresse > input,
.email > input,
.ihr-telefon > input,
.ihr-betreff > input,
.postadresse > input,
.plz > input,
.ort > input,
.ihre-nachricht > textarea {
	border 1px solid #009edf !important;
}

textarea.wpcf7-form-control:focus,
#user-submitted-title:hover,
#comment:focus,
.your-name > input:focus,
.your-email > input:focus,
.your-subject > input:focus,
.your-message > textarea:focus,
.ihr-name > input:focus,
.ihr-email > input:focus,
.ihr-subject > input:focus,
.ihr-message > textarea:focus,
.nachname > input:focus,
.vorname > input:focus,
.vname > input:focus,
.nname > input:focus,
.your-vname > input:focus,
.your-nname > input:focus,
.ihre-email-adresse > input:focus,
.email > input:focus,
.aemail > input:focus,
.ihr-telefon > input:focus,
.ihr-betreff > input:focus,
.postadresse > input:focus,
.plz > input:focus,
.ort > input:focus,
.ihre-nachricht > textarea:focus {
	background: #ffee02 !important;
}
.wpcf7-file,
.wpcf7-submit {
	background-color: #009edf;
	border: none;
	color: #000000;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	font-weight: 500;
	font-size: 1em;
	display: inline-block;
	cursor: pointer;
	margin-top: 15px;
	border-radius: 3px;
	-webkit-appearance: none;
}

#content-full > form > input,
#searchsubmit {
	-webkit-appearance: none;
}

.wpcf7-submit:hover {
	background-color: #cacf01;
	color: #000000;
}

.wpcf7-response-output {
	border: 2px solid #FF1111 !important;
	color: #FF1111;
}

#s {
	width: 960px;
	max-width: 100%;
	border: 1px solid #009edf;
	padding: 5px;
}

#s:focus {
	background: #ffee02;
}

/********************************************************/
/* Media Querries */
/********************************************************/

@media screen and (max-width: 960px) {
	#header {
		margin-top: 10px;
	}
}

@media screen and (max-width: 650px) {
	.bloginfo {
		text-align: left;
		padding-left: 14px;
		font-size: 0.8em;
		padding-top: 140px;
	}
}

@media screen and (max-width: 580px) {
     #content-full2 {
          min-height: 800px;
     }
}

@media screen and (max-width: 450px) {
/* Kleinere Schriften in der Datenschutzerklärung */
     .inner-ds {
          font-size: 80%;
     }
}

@media screen and (max-width: 320px) {
	.menu-navigation-mobile-container {
		font-size: 1.1em;
		font-weight: 700;

	}
}


/********************************************************/
/* WordPress Core */
/********************************************************/

.alignnone {
    margin: 5px 20px 20px 0;
    max-width: 99%;
    height: auto;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    max-width: 99%;
    height: auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    max-width: 99%;
    height: auto;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    max-width: 99%;
    height: auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}