/*
Theme Name:     Heinrich Mann Schule
Theme URI:      http://www.dynamicpress.eu
Description:    Child theme for the Blend theme
Template:       dp_blend
Version:        2.0
*/


body {
	font-size: 16px !important;
}

.blog-grid p,
.blog-grid .flexgallery {
	font-size: 16px !important;
}

#dp-mainbody-columns.nosidebar #dp-sidebar {
	display: none
}

.header-overlapping.sticky_header_used #dp-navigation-wrapper {
	background-color: #fff;
}

#dp-head a.imageLogo {
	margin: 15px 15px 10px 0;
}

.dp-sticky-navigation-wrapper #dp-head a.imageLogo {
	margin-top: 10px;
}

.dp-button-area {
	display: none;
}

#dp-footer-wrap {
	background-color: #009ee3;
}

#dp-copyright-wrap {
	background-color: #fff;
	border-top-width: 0px;
}

.sf-menu ul {
	background-color: #ffffff;
	border-top: 2px solid #009ee3;
	left: -15px;
}

.sf-menu a {
	font-size: 13px !important;
}

#dp-navigation-wrapper .submenu a {
	color: #000 !important;
	font-size: 13px !important;
}

#dp-navigation-wrapper .submenu .current-menu-item a {
	color: #009ee3 !important;
}

#dp-mobile-menu .submenu a {
	font-size: 13px !important;
}

#dp-mobile-menu .submenu .current_page_item a {
	color: #009ee3 !important;
	font-size: 13px !important;
}

.featured-box.address-data .icon-center i {
	color: #ffffff !important;
}

.wpcf7 input[type="submit"] {
	background-color: #e57954;
}

.main-top-menu {
	margin-top: 11px;
}

.dp_icon {
	display: block;
}

#dp-head h2 {
	float: right !important;
}

.sf-menu {
	float: left !important;
}

.item-description {
	padding-left: 5px !important;
}

#dp-copyright a:active,
#dp-copyright a:focus,
#dp-copyright a:hover {
	color: #009ee3 !important;
}

#dp-copyright ul li.current-menu-item div a div {
	color: #009ee3 !important;
}

#dp-breadcrumb-fontsize {
	padding: 140px 0px 25px 0px !important;
}

.dp-breadcrumbs a {
	color: #ffffff !important;
}

.dp-breadcrumbs a:hover {
	color: #000000 !important;
}

.dp-current {
	color: #000000 !important;
}

.subheader-inner {
	display: none;
}

/* FARBEN FUER BREADCRUMP */
.bgcolor-009ee3  #dp-breadcrumb-fontsize,
#dp-breadcrumb-fontsize {
	background-color: #009ee3 !important;
	color: #ffffff !important;
}

.bgcolor-5ea85b  #dp-breadcrumb-fontsize,
.topic-aktuelles #dp-breadcrumb-fontsize {
	background-color: #5ea85b !important;
	color: #ffffff !important;
}

.bgcolor-ee7a53  #dp-breadcrumb-fontsize,
.topic-angebote #dp-breadcrumb-fontsize {
	background-color: #ee7a53 !important;
	color: #ffffff !important;
}

.bgcolor-e25543  #dp-breadcrumb-fontsize,
.topic-unterstuetzung #dp-breadcrumb-fontsize {
	background-color: #e25543 !important;
	color: #ffffff !important;
}

.bgcolor-838486  #dp-breadcrumb-fontsize,
.topic-kontakt #dp-breadcrumb-fontsize,
.topic-schule #dp-breadcrumb-fontsize{
	background-color: #838486 !important;
	color: #ffffff !important;
}


.post-type-archive-tribe_events .dp-subheader-wraper {
	display: none;
}

.homebloggridspez .blog-grid-container {
	margin: 0px !important;
}

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
	text-transform: none !important;
}

#dp-footer .box-title,
#dp-footer .textwidget {
	color: #fff !important;
}

.dp-mainbody-34 {
	float: left;
}

.dp-mainbody-14 {
	float: right;
	padding-bottom: 25px;
}

.dp-page-wrap {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}
body.home .dp-page-wrap,
body.page-id-9364 .dp-page-wrap {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.wpb_wrapper .headline h3 {
	font-size: 30px;
	font-weight: 600;
}

.homequarter .vc_column-inner {
	min-height: 420px;
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.wpb_wrapper ul {
	margin: -20px 0px 20px 0px;
}


/* DESKTOP */

@media only screen and (min-width: 1100px) {
	.dp-mainbody-34,
	.homesmallcolumn .vc_column-inner {
		width: 68%;
	}
	.dp-mainbody-14 {
		margin-left: 2%;
		width: 30%;
	}
}


/*TABLET und MOBILE*/

@media only screen and (max-width: 1100px) {
	#dp-breadcrumb-fontsize {
		padding: 25px 0px 25px 0px !important;
	}
	.dp-mainbody-34 {
		float: none;
		width: 100%;
	}
	.dp-mainbody-14 {
		float: none;
		width: 100%;
	}
	.dp-page-wrap {
		padding-top: 0px !important;
	}
}

@media only screen and (max-width: 640px) {
	#homeparallax .parallax-bg {
		width: 640px !important;
		height: 500px;
		background-size: cover !important;
		background-position: -104px -110px !important;
		background-attachment: unset !important;
	}
}

.grecaptcha-badge {
	opacity: 0;
}


.wpb_revslider_element .tp-arr-allwrapper {
	display: none !important;
}


.headline_huge > h3 > span {
	font-size: 44px !important;
}


/*
 * csweb 01.2021
 */

.csweb_logo {
	display: inline-block;
	vertical-align: top;
	max-width: 250px;
	max-height: 115px;
}
.csweb_nav_wrapper {
	display: inline-block;
	vertical-align: bottom;
    max-width: calc(100% - 251px - 5px);
	max-height: 115px;
	width: 100%;
}

.csweb_meta {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.csweb_nav {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}


/* nav styles */
.main-top-menu {
	margin-top: 0;
}
.dp-sticky-navigation-wrapper .sf-menu li a,
.sf-menu li a {
	padding-top: 0;
}
#main-menu,
.sf-menu li {
	height: 58px;
}
#main-menu > li > .item-container {
	line-height: 58px;
}


.menu-title,
.sf-menu a {
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal;
}


/* logo */
.dp-sticky-navigation-wrapper #dp-head a.imageLogo {
	margin: 15px 15px 10px 0;
}


/* mobile toggle */
#dp-mobile-header-wrapper .dp-mainmenu-toggle {
	font-size: 30px;
	height: 30px;
	width: 30px;
	margin-right: 10px;
}

.csweb_meta {
	margin-top: 15px;
}


/* language switcher */
.csweb_lang {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 15px;
}

.csweb_lang .flag {
	display: inline-block;
    width: 35px;
    height: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 100%;
    background-position: center center;
}
.csweb_lang .csweb_lang_more {
	display: none;
	position: absolute;
	width: 100%;
	max-width: 200px;
	z-index: 999;

	background-color: #ffffff;
	border-top: 2px solid #009ee3;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	padding: 5px 0;
}
.csweb_lang .csweb_lang_more a * {
	display: inline-block;
	vertical-align: top;
	line-height: 35px;
}
.csweb_lang .csweb_lang_more a {
	display: block;
	padding: 5px;
	color: #000;
}
.csweb_lang .csweb_lang_more a:hover {
	background-color: #F6F6F6;
}

.csweb_lang .csweb_lang_more a .flag {
	margin-right: 15px;
}

.csweb_lang input {
	display: none;
}

.csweb_lang label {
	width: 17px;
	height: 11px;
	margin: 0 0 10px 5px;
	padding: 0;
	cursor: pointer;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAAHuJ1aRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEwN0RFMjM5NjMwMDExRUI5N0M2ODVCMDFBMzNEODZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEwN0RFMjNBNjMwMDExRUI5N0M2ODVCMDFBMzNEODZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTA3REUyMzc2MzAwMTFFQjk3QzY4NUIwMUEzM0Q4NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTA3REUyMzg2MzAwMTFFQjk3QzY4NUIwMUEzM0Q4NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ZDtgBAAAA5klEQVR42mJQlleoYQACGA1izATRAAGEiQACCEUaRgMEEIjRhiTZxgKkbyEZchwmYwnCIDZAADFC7ZIF4m93Hz4oRNLeD6S4gPgxI5JgGJByRnLDXqCmVWCT/v//z0AIAAQQ2KlALItFXBYkxwTl1yArgrLBYcKIFi4LoHQCiAC6JZ0RPXRgACSJyz0oCgn6BCDAGNF0fAPiPqDxj/H4GuSBImiAwg0BcUABaolm2HSgYbeQNKsBqUxkzdC4XMWIZksCmmEwhRhiQAsWwF2Cw8mWsGBFAwuAmo9jhAmBWIcZhlUzDAAAjHtLgNZtTKIAAAAASUVORK5CYII=');
}
.csweb_lang .flag label {
	width: 100%;
	height: 100%;
	margin: 0;
	background-image: none;
}

.csweb_lang input:checked ~ .csweb_lang_more {
	display: block;
}
.csweb_lang input:checked ~ label {
	transform: rotate(180deg);
}


#dp-mobile-header-wrapper .csweb_lang {
	margin-top: 25px;
}

/* socials */
.csweb_meta .social-bar {
	display: inline-block;
	vertical-align: top;
	float: none;
	margin-top: 0;
	min-height: 35px;
}

.csweb_meta .social-bar li {
	margin-right: 15px;
}

.csweb_meta .social-bar a {
	width: 35px;
	height: 35px;
}

.csweb_meta .social-bar a:before {
	color: #999999;
	border: 2px solid #999999;
	border-radius: 100%;
	width: 31px;
	height: 31px;
	line-height: 31px;
}

.csweb_meta .social-bar li a:hover,
.csweb_meta .social-bar li a:hover:before {
	color: #000 !important;
	border-color: #000 !important;
	background-color: transparent !important;
}

#dp-copyright-inner .social-bar {
	display: none;
}


/*
 * components
 */

/* blog latest */
article.blog-card {
	border-bottom: 1px solid #878786;
	padding: 40px 0;
}
article.blog-card:last-child {
	border-bottom: 0;
}

@media all and (min-width: 650px) {
	article.blog-card .blog-image {
		max-width: 50%;
		display: inline-block;
		vertical-align: top;
	}
	article.blog-card .blog-image img {
		max-width: 90%;
	}
	article.blog-card .blog-image ~ .blog-content {
		max-width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	
}

article.blog-card .blog-date {
	font-size: 12px;
}

article.blog-card .blog-headline {
	font-size: 36px;
	margin: 5px 0;
}

.readon {
	background-color: transparent;
	border: 3px solid #3296dc;
	border-radius: 10px;
}
.readon:hover {
	background-color: transparent;
	border-color: inherit;
}
.readon:hover span {
	color: inherit;
	transform: none;
}
.readon span {
	color: inherit;
	font-size: 15px;
}
.readon span:after {
	content: none !important;
}




/* round icon */
.round_icon {
	display: inline-block;
	vertical-align: top;
	max-width: 32%;
	text-align: center;
}
.round_icon img {
	max-width: 90%;
}
@media all and (min-width: 450px) {
	.round_icon {
		max-width: 24%;
	}
}

@media all and (min-width: 750px) {
	.round_icon {
		max-width: 12%;
	}
}