/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
html {
 	color: #000;
 	font: 400 16px / 22px 'Source Sans Pro', sans-serif;
}

h2, uk-h2 {
	font-size: 24px;
	line-height: 36px;
	font-weight: 400;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a,
ul.uk-navbar-nav > li:hover::before,
ul.uk-navbar-nav > li::before,
.uk-dropdown-navbar {
	background: #bf0a1f;
}
.uk-navbar-nav > li.uk-active > a,
.uk-search::before {
		color: #bf0a1f;
}
.uk-dropdown-navbar .uk-nav li.uk-active > a,
.uk-dropdown-navbar .uk-nav > li > a:focus,
.uk-dropdown-navbar .uk-nav > li > a:hover {
	background: #a6081b;
}
.uk-dropdown-navbar .uk-nav li.uk-parent {
	position: relative;
}
.uk-dropdown-navbar .uk-nav li.uk-parent::before {
	content: "";
}
.uk-dropdown-navbar .uk-nav li > a {
	font-weight: 400;
}
.uk-dropdown-navbar .uk-nav li:hover > a + .uk-nav-sub {
	display: block;
}
.uk-dropdown-navbar .uk-nav li > a + .uk-nav-sub {
    padding: 5px 0;
    position: absolute;
    background-color: #BF0A1F;
    top: 0;
    left: 100%;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
    display: none;
}
.uk-dropdown-navbar .uk-nav li > a + .uk-nav-sub > li > a:hover {
	background-color: #a6081b;
	color: #fff;
}
.uk-dropdown-navbar .uk-nav li > a + .uk-nav-sub > li > a {
    border-left: 1px solid #a6081b;
    font-size: 14px;
    padding: 5px 30px;
}

/*UIkit - widths*/
.uk-width-auto {
	width: auto;
}

/*UIkit - tables*/
.uk-table th,
.uk-table td {
	border: 1px solid #dddddd;
}

/*UIkit - Panel*/
.uk-panel-box-secondary {
	background-color: #3b3130;
}

/*Navigation - Brand*/
.uk-navbar-brand {
	padding: 15px 0;
	line-height: normal;
}
.uk-navbar-brand img {
	height: 100%;
}
/*Navigation - Dropdown*/
.uk-dropdown {
	width: 230px;
}

/*Navigation - Search*/
.uk-search-field {
    border: 1px solid transparent;
}
.uk-search-field:focus {
    border: 1px solid #ddd;
}

/*Navigation - Mobile Nav Button*/
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
	color: #a6081b;
}
.uk-navbar-toggle {
	color: #bf0a1f;
	font-size: 21px;
}

/*Logo - Mobile*/
#offcanvas .logo {
	display: block;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	height: 80px;
}

/*Navigation - Mobile*/
#offcanvas .uk-nav > li > ul {
	border: none;
}
#offcanvas .uk-nav > li.uk-parent {
	position: relative;
}
#offcanvas .uk-nav > li.uk-parent .toggle-icon {
	position: absolute;
	right: 0;
	top: 0;
	height: 52px;
	width: 52px;
	background-color: rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
       -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
#offcanvas .uk-nav > li.uk-parent .toggle-icon-bullet {
	height: 0;
	width: 0;
	transition: transform 0.3s ease-in-out;
	transform: rotate(45deg);
	border: solid white;
	border-width: 0 2px 2px 0;
	padding: 4px;
}
#offcanvas .uk-nav > li.uk-parent.open .toggle-icon-bullet {
  transform: rotate(-135deg);
}
#offcanvas .uk-nav > li.uk-parent.open > ul > li {
	height: 53px;
}
#offcanvas .uk-nav > li.uk-parent > ul > li {
    max-height: 1000px;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out 0s;
}
/*Seacrh - Mobile*/
.offcanvas-search {}
.offcanvas-search .uk-search {
    margin: 0;
    background-color: rgba(0,0,0,0.05);
    border-top: 5px solid #bf0a1f;
}
.offcanvas-search .uk-search .uk-dropdown-search {
	display: none;
}

/*Home - Top 3 blue panels*/
.home-plans:hover {
	background-color: #bf0a1f;
}
.home-plans {
	background-color: #72000d;
	padding-left: 5px;
	padding-right: 5px;
	transition: all 0.3s ease-in-out 0s; 
}
.home-plans > h3 > i {
	display: block;
	font-size: 40px;
}
.home-plans a.uk-position-cover {
	opacity: 0;
}

/*Parallax - Slideshow*/
.smg-nachrichten .top-parallax > div {
	background-image: url("../../../images/headers/service.jpg") !important;
}
.top-parallax .uk-slideshow,
.top-parallax .uk-slideshow > li {
	height: 50vh !important;
}
/*Parallax - Top*/
.top-parallax > [data-uk-parallax] {
	background-size: cover !important;
	height: 50vh;
}
.top-parallax h3 {
	display: block;
	margin: 0;
	background-color: rgba(59, 49, 48, 0.8);
	padding: 0px 15px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 50px;
	line-height: 73px;
}
.top-parallax p {
	display: inline-block;
	margin: 1px 0 0;
	background-color: rgba(59, 49, 48, 0.8);
	padding: 5px 15px;
}

/*Calendar Styling*/
#jevents_body {
	border-radius: 0;
	border: 0;
	background-color: transparent;
	padding: 0;
}
#jevents_body .jev_evdt {
	padding: 0;
}
.jev_toprow .jev_header2 {
	height: 30px;
}
#jevents_body .cal_top_day_names {
	min-width: auto;
}
#jevents_body .cal_top_day_names td {
    width: 12%;
    padding-left: 3px;
    padding: 4px;
    background-color: #910010;
    color: #fff;
}
.jev_toprow div.previousmonth,
.jev_toprow div.nextmonth,
.jev_toprow div.currentmonth {
	background-color: #72000d;
	border-color: #72000d;
	width: 25%;
	margin: 0;
	box-sizing: border-box;
	height: 30px !important;
	line-height: 28px;
}
#jevents_body .jev_toprow div.previousmonth a::before {
	content: "\f104";
	font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
#jevents_body .jev_toprow div.nextmonth a::before {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#jevents_body .jev_toprow div.previousmonth a,
#jevents_body .jev_toprow div.nextmonth a {
    background: none !important;
    position: relative;
}
.jev_toprow div.previousmonth,
.jev_toprow div.nextmonth {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.jev_toprow div.currentmonth {
	background-color: #fff;
	width: 50%;
}
@media (max-width: 480px) {
	.jev_toprow div.currentmonth {
		font-size: 14px;
	}
}
#jevents_body .cal_today a.cal_daylink:hover {
	border-color: #253946;
	color: #253946;
}
#jevents_body .cal_today a.cal_daylink {
	background-color: #253946;
}
#jevents_body .cal_table {
	margin: 0;
}

/*Upcoming Events*/
.event-item,
.event-footer {
	margin-bottom: 15px;
}
.event-item .calendar-date-time > * {
	display: inline-block;
}
.event-item .calendar-date-time > *:last-child {
	margin-left: 5px;
}
.event-footer p {
	margin: 0;
}

/*Floating*/
/*Image alignment*/
.pull-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.pull-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.pull-right + *,
.pull-left + * {
	margin-top: 0;
}

/*Stundenschema*/
.stundenschema {
	border-collapse: collapse;
	border-spacing: 0;
}
.stundenschema tr > * {
	padding: 15px;
}
.stundenschema td[colspan="2"] {
    background-color: #f3f3f3;
    padding: 0;
    line-height: 4px;
}
.stundenschema,
.stundenschema td {
    border: 1px solid #f3f3f3;
}


/*Article Styles*/
.uk-article-title {
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    color: #bf0a1f;
}
.teacher-grid:not(.no-border) .uk-panel {
	border: 1px solid #ddd;
	padding: 15px;
	transition: all 0.3s ease-in-out 0s;
}
.teacher-grid:not(.no-border) .uk-panel:hover {
	background-color: #f7f7f7;
}
.teacher-grid .uk-panel > .uk-panel-teaser {
    margin: 0;
    overflow: hidden;
    border-radius: 50%;
    height: 0;
    padding-bottom: 100%;
}
.teacher-grid .uk-panel div > h2 {
	font-size: 14px;
	line-height: normal;
	margin: 0;
	font-weight: 400;
}
.teacher-grid .uk-panel div > p {
	font-size: 14px;
	margin: 0;
	color: #444;
	font-weight: 300;
}

.faecherliste .uk-accordion-content > p,
.ags-projekte .uk-accordion-content > p {
	display: none;
}

.bottom-c {
	background-color: #72000d;
}

.footer .uk-nav {}
.footer .uk-nav > li {}
.footer .uk-nav > li > a:hover::after {
	width: 20px;
}
.footer .uk-nav > li > a::after {
    content: "";
    width: 0px;
    border-top: 1px solid #fff;
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    top: 50%;
    margin-left: 5px;
}
.footer .uk-nav > li > a:hover {
	background: none;
}
.footer .uk-nav > li > a {
	color: #fff !important;
	padding: 0;
	position: relative;
}

/*To Top*/
.to-top::after {
    content: "\f062";
    font-family: FontAwesome;
}
.to-top {
    color: #fff;
    position: fixed;
    bottom: 52px;
    right: 52px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    border-radius: 50%;
}

body:not(.home) .Terminkalendar-START {
	display: block !important;
}

.Terminkalendar-START .calendar-date-time {
	font-size: 14px;
}


/*Custpom Icons*/
@font-face {
  font-family: 'IAFontIcons';
  src:  url('../styles/smg/fonts/IAFontIcons.eot@2hl76k');
  src:  url('../styles/smg/fonts/IAFontIcons.eot@2hl76k') format('embedded-opentype'),
    url('../styles/smg/fonts/IAFontIcons.ttf@2hl76k') format('truetype'),
    url('../styles/smg/fonts/IAFontIcons.woff@2hl76k') format('woff'),
    url('../styles/smg/fonts/IAFontIcons.svg@2hl76k') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class*="ia-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'IAFontIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ia-icon-mensa::before {
  content: "\e900";
}
.ia-icon-news::before {
  content: "\e901";
}
.ia-icon-plan::before {
  content: "\e902";
}
.ia-icon-clock::before {
	content: "\e903";
}
.ia-icon-info::before {
	content: "\e904";
}

/**********************/
/*Responsive behaviour*/
/**********************/

/*xLarge and higher*/
@media (max-width: 1220px) {
}

/*Large and higher*/
@media (max-width: 960px) {
	.top-parallax .uk-overlay-panel,
	.top-parallax .uk-panel {
		display: none;
	}
}

/*Medium and higher*/
@media (max-width: 768px) {
	.uk-navbar-brand,
	.uk-navbar-toggle {
		height: 80px;
	}
	.home-plans {
		padding: 20px;
	}
	.home-plans h3 {
		margin: 0;
	}
	.home-plans h3 > i {
		display: inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
	.home-plans h3 + p {
		display: none;
	}
}

/*Small and higher*/

@media (max-width: 640px) {
	#jevents_body {
		overflow-x: scroll;
	}
	#jevents_body .cal_table {
		min-width: 500px;
	}
	.cal_top_day_names {
		display: none;
	}
	/* #jevents td:not(.cal_dayshasevents) {
		display: none;
	}
	#jevents td.cal_dayshasevents {
	    display: block;
	    width: 100%;
	    box-sizing: border-box;
	    border-top: none;
	    border-left: none;
	    border-right: none;
	} */
}

/*Small and higher*/
@media (max-width: 480px) {
}

#kmh:has(> #flyout.dragme:not(.active)) {
	z-index: 1098;
}

.logineo-nrw {
	position: fixed;
	top: 60px;
	z-index: 1099;
	background: #fff;
	border-radius: 0 10px 10px 0;
	border: 1px solid #ddd;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	box-sizing: border-box;
	width: 50px;
}

/* prevent logo from overlapping with logineo scholon*/
@media (max-width: 1025px) {
	.tm-headerbar > .uk-container {
		padding-left: 60px;
	}
	.tm-headerbar .uk-navbar-brand {
		height: 100px;
	}
}