/*
Theme Name: DiviNF Child
Theme URI: 
Version: 1.0
Description: Child Theme for Divi
Author: NO FRILLS
Author URI: http://www.nofrills.de
Template: Divi
*/
@import url(../Divi/style.css);
@import url('https://fonts.googleapis.com/css?family=Cuprum:400,400italic,700italic,700&subset=latin,latin-ext,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Caveat');

/* LAYOUT */
#top-menu a, .sub-menu li > a { color:#585858 !important; }
#top-menu li.current-menu-parent > a,
.sub-menu li > a:hover,
.sub-menu li.current-menu-item > a { 
	color: #2DB542 !important; 
}
#menu-footer .current-menu-item a { color:#fff !important; }
.et_pb_row.row-title { padding-bottom:0 !important; }
.et_pb_widget_area_left { border:none !important; }

/* header */
#main-header { height:80px; }
#main-header .container { width:90%;max-width:90%; }
#main-header .logo_container { position:relative;top:10px; }
#logo { max-height:75%; }

.et_mobile_menu {
	position: absolute;
	right: 0;
	left:unset;
	width:unset;
}
ul.et_pb_side_nav { margin-top:0 !important; }

/* general content */
#main-content { padding-bottom:50px; }

/* alternative logo */
#logo {
	transform:scale(90%);
}
#logo ul {
	width:100%;
	max-width:120%;
	max-height:2.4em;
	margin:0;
	padding:0;
	overflow: hidden;
}
#logo li.box {
	width:2.2em;
	height:2.2em;
	margin:0 3px 1px 0;
	border-radius:8px;
	display:inline-block;
}
.bgreen { background-color:#99c673; }
.bblue { background-color:#1eb8d2; }
.bviolet { background-color:#166296; }
.bred { background-color:#c12741; }
.bpink { background-color:#e74667; }
.byellow { background-color:#ffe45d; }


/* nav */
#et-top-navigation { position:relative;top:-65px; }
#top-menu li li { padding: 0 10px; }
.nav li { line-height: unset; }
.nav li ul { width: 220px; }
.nav li.et-reverse-direction-nav li ul {
  left: auto;
  right: 220px;
}
.nav li li ul { left: 220px; }
.nav li { padding-top:10px; }
.nav li ul li { padding-top: 0; }

.sub-menu li {line-height:1.2em !important; word-wrap:normal !important; }
.nav ul li a:hover, .et_mobile_menu li a:hover { background-color:#eee; opacity: 1; }


.et_pb_promo_description {
	padding-bottom: 30px;
}
.et-pb-slide-description { border-radius:202px; }
.et_pb_slide_content { 
	margin: 0 auto; 
	width: 100%;
	border:1px solid #fff;
	border-radius: 13px !important; 
	padding:0; 
}
.et_pb_slide_content > h2 {
	font-weight: 700;
	font-size:1em;
	line-height: 1.4em;
	padding: 30px 0 10px;
}
.et_pb_slide_content h4 { 
	font:normal 1.8em/2em 'Caveat',cursive; 
	padding:18px 0 5px; 
}

.et_pb_text_overlay_wrapper {
	padding:0 !important;
	border-radius:13px !important;
}
.et_pb_slide_description {
	width:80% !important;
}
.et_pb_slide_content {
	padding: 0 0 36px !important;
}

.et_pb_fullwidth_map_0 {
	width:100% !important;
	max-width: unset !important;
}

.block-right .et_pb_blurb_container { text-align:right; }
/*
.et-pb-arrow-prev { left: -30px !important; }
.et-pb-arrow-next { right: -30px !important; }
.et-pb-arrow-prev:hover { left: 30px !important; }
.et-pb-arrow-next:hover { right: 30px !important; }
*/

#header-aktuell { padding:1em 0 0 0 !important; }
#header-aktuell .header-content { margin: 0.5em auto !important; }
#header-aktuell h1 { font-size:1.3em; font-weight:700; padding:0; }
#aktuell .et_pb_slider, #aktuell .et_pb_slide { box-shadow:none !important;}
#aktuell .et_pb_fullwidth_header { padding: 0; }
#aktuell .header-content { margin:0 auto; }
#aktuell .et_pb_slide_description { padding:2em 0; max-width:500px; }
#aktuell .et_pb_slide_title { 
	font:700 1.3em/1.4em Verdana,sans-serif;
	color:rgba(40, 150, 171, 0.86); 
}

#aktuell .et_pb_slide_content { font-size:0.85em !important; border:none !important; }
.separator, .separator div { padding:0 !important; }

.home .et_pb_slide_description { padding: 3em 0 4em 0 !important; }
.home .et_pb_slide .et_pb_container { height:unset !important; }
.et_pb_slide_0 .et_pb_slider_container_inner { height:600px !important; }

/* accordion */
.et_pb_accordion .et_pb_toggle_title { font-weight:bold; }
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title  { font-size:1.2em; line-height:1.3em; color:#5c9a4e; }
.et_pb_accordion .et_pb_toggle { margin-bottom: 5px !important; }
.et_pb_accordion .et_pb_toggle_close { background-color: #5c9a4e; padding:2px 15px; border-radius:20px; }
.et_pb_accordion .et_pb_toggle_close:hover { background-color: #6fc43c; }
.et_pb_toggle_content { transition:opacity 0.2s linear 0s !important; }
.et_pb_toggle_close .et_pb_toggle_content { opacity:0; }
.et_pb_toggle_open .et_pb_toggle_content { opacity:1; }
.et_pb_toggle_close .et_pb_toggle_title { color:#fff !important; padding:8px 30px 8px 0 !important; }


/* SIDEBAR */
.widget_recent_entries ul li { line-height:1.4em; margin-bottom:12px; }


/* layout commons */
.et_pb_title_container h1.entry-title,
h1.entry-title,
.cformh1 h1 {
	font-family: 'Cuprum',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 1em;
}
#cfT1 { width:333px; height:80px; }
.g-recaptcha.rc { margin-bottom:10px; }
.captcha-hidden .grecaptcha-badge { visibility:hidden !important; }

/* CONTENT */

/* home */
#schule p { max-width:500px;margin:0 auto; }
.gemeinschaftsschule h4 { font-weight:700; }
#home-feature-2 > div h2 { font-weight:700; }
#schueler .et_pb_slide_content h2 { font: normal 1.8em/2em 'Caveat',cursive !important; }
.et_pb_row_2 .et-pb-icon-circle { padding: 13px 12px 13px 17px !important; font-size:30px; }
.et_pb_row_2 .et_pb_main_blurb_image { margin-bottom: 12px !important; }
#aktuell h2 a { color:#8cbc23; }

/* eltern */
.eltern .et_pb_row.et_pb_row_1 {
	margin-bottom: 50px;
	padding-top: 0;
}

#klassensprecher .et_pb_grid_item {
  margin: 0 10px !important;
}
#klassensprecher .et_pb_row_0 {
  padding: 25px 0 20px 12px !important;
}
#klassensprecher .et_pb_row_1 {
  padding-top: 0 !important;
}

/* newsletter */
.newsletter-row-2 .et_pb_column_1 {
	width: 220px;
}


/* pages */
.title { float:left; width:150px; max-width:20%; }
.et_pb_post_title.has-subtitle { margin-bottom:0 !important; }

#kollegium { padding:50px 0; }
#kollegium .et_pb_row { padding:20px 0; }

.page-faq .et_pb_accordion { max-width:80%; float:right; }

/* posts */
.post .et_pb_row { padding-top: 10px; }

/* sidebar */
.widget_recent_entries h4 { padding-bottom:16px; }
.widget_recent_entries ul {
	list-style: outside;
	padding-left: 13px;
}
.widget_recent_entries ul li {
	line-height: 1.2em;
	font-size: 0.85em;
}
.em-calendar.nfTheme {
	width: 200px;
}


/* ---------- EVENTS-MANAGER ---------------- */
.em-events-search-form, .em-events p { display:none; }
.events-table td, .events-table td > a { padding: 4px 5px !important; color:#555; }
.events-table td > a { display:table-cell; }
/* .events-table td:first-child { min-width: 25%; } */
.events-table td:first-child {
	min-width:25%;
	width:30%;
	line-height:1em;
	padding-top:4px !important;
}
/* .events-table td:last-child { min-width: 70%; } */
.events-table td:last-child {
	min-width:70%;
	width:70%;
	vertical-align:top;
	padding-top:0 !important;
	line-height:1.3em;
}

.events-table thead { display:none; }
.events-table th {
	background-color: #f0f0f0;
	color: #888 !important;
	font-size: 89% !important;
	padding: 2px 0.587em !important;
}
.events-table td { border:none !important; }
.css-events-list { margin-bottom:60px; }
.css-events-list h2 {
	color: #888;
	font-size: 15px;
	font-weight: bold;
	margin-top: 2em;
}
/* Kategoriefarben ein/aus 
.events-table td.Ferien, .events-table td.Ferien > a { color:#80A300; }
.events-table td.Zeugnisse, .events-table td.Zeugnisse > a { color:#7F320C; }
.events-table td.Lehrer, .events-table td.Lehrer > a { color:#037A13; }
.events-table td.Eltern, .events-table td.Eltern > a { color:#09518C; }
.events-table td.Prüfungen, .events-table td.Prüfungen > a { color:#AB3705; }
.events-table td.VERA, .events-table td.VERA > a { color:#006151; }
.events-table td.Praktika, .events-table td.Praktika > a { color:#9279db; }

.events-table td.Ferien > a, .events-table td.VERA > a,
.events-table td.Prüfungen > a { 
	font-weight:bold; 
}
*/


/* events widget small calendar */
.em-calendar-wrapper { margin-top:55px; }
.em-calendar > thead { background-color: #f0f0f0; }
.em-calendar td { padding:1px 2px !important; font-size:0.85em; text-align:center; }
.em-calendar td.month_name { text-align:center; }
.em-calendar .eventful, .em-calendar .eventful-today {
  background-color: #f7fe90;
  border-radius: 50%;
  color: red;
}
.em-calendar .eventful-today { color:#FFFFC0; background-color: #658bc8; font-weight:600; }
.em-calendar .eventful-today a { color:#fff; }
.em-calnav:hover { font-weight:bold; }

/* events widget Kategorien (text widget) */
.em-categories ul, ul.em-categories-list {	list-style-type: square !important; color:#ccc; }
.em-single-category { float: left; }
#sidebar.right { float:right; margin-top:-2em; }

/* cookie consent */
#catapult-cookie-bar > div {
	margin:0 auto;
	padding:11px 0;
	font-size:0.8em;
	text-align:center;
}
#catapult-cookie-bar button {
	margin-left:12px;
	border:1px solid transparent;
	border-radius:5px;
	padding:2px 20px;
	cursor:pointer;
}
#catapult-cookie-bar button:hover {
	background-color: #fff;
	color:#000;
	font-weight:bold;
}
/* --------- //EVENTS-MANAGER -------------- */


/* CF7 */
.wpcf7-submit {
	padding: 1em 3em;
	background-color: #27618c;
	color: #fff;
	border: none !important;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	cursor:pointer;
}
.wpcf7-submit:hover { background-color:#78a6c8; }

.et_pb_map { bottom: 25px; }


/*—- DIVI TIMELINE / DOTS LIST —–*/
.dots-list {
width: 100%;
max-width:800px;
}
.dots-list ol {
padding-left: 150px;
position: relative;
margin-bottom: 20px;
list-style: none !important;
}
.dots-list ol li {
position: relative;
margin-top: 0em;
margin-bottom: 20px;
}
.dots-list ol li .date {
position: absolute;
width:200px;
left: -250px;
font-weight: bold;
font-size: 1em;
text-align:right;
top: 0;
}
.dots-list ol li:before {
content: "";
background: #dd66a1; 
position: absolute;
width: 2px;
top: 5px;
bottom: -25px;
left: -24px;
}
.dots-list ol li:after {
content: "";
background: #ffe16d;  
position: absolute;
width: 13px;
height: 13px;
border-radius: 100%;
border:2px solid #678938; 
top: 5px;
left: -31px;
}
.dots-list ol li:last-child:before {
content: "";
background: rgba(0, 0, 0, 0);
}


/* reCaptcha */
.grecaptcha-badge { bottom:340px !important; z-index:9999 !important; }


/* FOOTER */
#main-footer { position: fixed; bottom:0; width:100%; height:60px; background-color:#555; z-index: 99; }
#footer-bottom { padding: 12px 0; background-color:#555; }
#footer-bottom .credits { float:right;color:#ccc; }
#menu-footer { float:left; padding:0; }

.hideaway { display:hidden !important; }





/* RESPONSIVE */

@media all and (min-width:981px) and (max-width:1015px) {
	#et_top_search { display:none !important; }
}

@media all and (max-width:1150px) { 
	.logo_container { left:-30px; }
	#logo { max-height: 60% !important;}
	/*.et-top-navigation { padding-left:300px !important; }*/
	.nav li { height: 30px; line-height: 0.1em; }
	
	.et_header_style_left #et-top-navigation nav > ul > li > a, 
	.et_header_style_split #et-top-navigation nav > ul > li > a { padding-bottom: 13px; }
}


@media all and (max-width:667px) { 
	
	h2 { font-size:1.7em; line-height:1.75em; }
	h4 { font-size:0.95em; line-height:1.1em; font-weight: 700; }
	.logo_container { left:0 !important; top:0 !important; }
	#logo, ul#logo-boxes, #logo-bg { 
		max-width: 400px !important;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		margin-top:3px; 
	}
	
	#main-content { padding-bottom:10px; }
	
	#logo-boxes li { width:1.1em; height:1.1em; }
	#et_top_search { display:none; }
	
	#home-3-s { margin-left: -0.35em; }
	#home-3-s .et_pb_blurb_container { text-align:left !important; }
	.home .et_pb_section { padding-top:0 !important; }
	
	.single #sidebar { display:none; }
	footer .credits { display:none !important; } 
	.et_pb_slide { padding:0; }
	.et_pb_slides .et_pb_container { width:100%; }
	.et_pb_slide_content { max-width: 80%; }
	.et_pb_blurb_container { padding:0 !important; }
	/* .et_pb_main_blurb_image { display:none !important; }  ??? */
}

@media all and (max-width:568px) and (orientation:portrait) { 
	#logo {
		margin-top: -1em;
		margin-left: -4em !important;
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
	#logo-bg { -webkit-transform: scale(0.9); transform: scale(0.9); }
	#cfT1 { width:95%; }
	.g-recaptcha.rc > div { width:260px !important; }
	.wpcf7-submit {	padding: 8px 40px; }
}