@charset "utf-8";
/* CSS Document *

/*-------------------------------------------------------------------------------------*/
/*VARIABLES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/* GLOBAL */
body {background:#f1f1f1;}
a {color:#606aab;}
a:hover {color:#606aab;}


/* HEADER */
.header .slideshow .slogan {
    padding-left: 60px;
    font-weight: 300;
    padding-right: 34px;
    /* padding-top: 54px; */
}

@media (max-width: 767px) {
	.header .slideshow .slogan {
		background: rgba(0, 105, 180, 0.85);
		padding:15px;
	}
}

/* MENU */
ul.cssMenu li:nth-child(8n+1) {background:#f0c900;}
ul.cssMenu li:nth-child(8n+2) {background:#e05e00;}
ul.cssMenu li:nth-child(8n+3) {background:#ce1211;}
ul.cssMenu li:nth-child(8n+4) {background:#a30037;}
ul.cssMenu li:nth-child(8n+5) {background:#7c0358;}
ul.cssMenu li:nth-child(8n+6) {background:#552176;}
ul.cssMenu li:nth-child(8n+7) {background:#2d408d;}
ul.cssMenu li:nth-child(8n+8) {background:#0057a6;}

.noTouch ul.cssMenu li:nth-child(8n+1):hover, ul.cssMenu li:nth-child(8n+1).pressed {background:#f0c900;}
.noTouch ul.cssMenu li:nth-child(8n+2):hover, ul.cssMenu li:nth-child(8n+2).pressed {background:#e05e00;}
.noTouch ul.cssMenu li:nth-child(8n+3):hover, ul.cssMenu li:nth-child(8n+3).pressed {background:#ce1211;}
.noTouch ul.cssMenu li:nth-child(8n+4):hover, ul.cssMenu li:nth-child(8n+4).pressed {background:#a30037;}
.noTouch ul.cssMenu li:nth-child(8n+5):hover, ul.cssMenu li:nth-child(8n+5).pressed {background:#7c0358;}
.noTouch ul.cssMenu li:nth-child(8n+6):hover, ul.cssMenu li:nth-child(8n+6).pressed {background:#552176;}
.noTouch ul.cssMenu li:nth-child(8n+7):hover, ul.cssMenu li:nth-child(8n+7).pressed {background:#2d408d;}
.noTouch ul.cssMenu li:nth-child(8n+8):hover, ul.cssMenu li:nth-child(8n+8).pressed {background:#0057a6;}

.noTouch ul.cssMenu li:hover a, ul.cssMenu li.pressed a {color:#252525;}

ul.cssMenu li ul li {background:#606aab!important;}

.noTouch ul.cssMenu li:nth-child(8n+1) ul li {background:#f0c900!important;}
.noTouch ul.cssMenu li:nth-child(8n+2) ul li {background:#e05e00!important;}
.noTouch ul.cssMenu li:nth-child(8n+3) ul li {background:#ce1211!important;}
.noTouch ul.cssMenu li:nth-child(8n+4) ul li {background:#a30037!important;}
.noTouch ul.cssMenu li:nth-child(8n+5) ul li {background:#7c0358!important;}
.noTouch ul.cssMenu li:nth-child(8n+6) ul li {background:#552176!important;}
.noTouch ul.cssMenu li:nth-child(8n+7) ul li {background:#2d408d!important;}
.noTouch ul.cssMenu li:nth-child(8n+8) ul li {background:#0057a6!important;}

.noTouch ul.cssMenu li ul li:hover > a, ul.cssMenu li ul li.pressed > a {color:#252525!important;}

.navbar-toggle {background:#0057a6;}

@media (max-width: 767px) {
	.header .navbar-header {background:#ce1211;}
	ul.cssMenu li {border-bottom:1px solid #b1b3b4;}
	ul.cssMenu li ul li {border-bottom:1px solid #b1b3b4;}
	
	ul.cssMenu li:nth-child(8) ul li {padding-left:20px;}
	ul.cssMenu li ul li:first-child {border-top: 1px solid #b1b3b4;}
	ul.cssMenu li ul li ul li  { border-bottom:1px solid #b1b3b4;}
}

/* CONTENT */
.content .actionButtons .appointment::before {content: "\f234"; font-size:18px;}
.content .album {clear:both;}
.content .actionButtons .title {color: #ffffff;}
.content .newStudents {background:#dc0d15;}
.content .parentPortal {background:#0069b4;}
.content .actionButtons .quickMenuItem {background:#dc0d15; color:#ffffff; border:1px solid #ffffff;}
.content .actionButtons .quickMenuItem:hover {background:#0069b4;}
.content .parentPortal .quickMenuItem {background:#0069b4;}
.content .parentPortal .quickMenuItem:hover {background:#dc0d15;}

/* CALENDAR */
.calendarOS .calendarOSHeader a, .calendarOS .calendarOSHeader {color: #dc0d15;}
.calendarOS .calendarItemDate {background:#dc0d15; color:#ffffff;}
.calendarOS .calendarItemTitle {color:#252525;}
.calendarOS .calendarItemTitle:hover {color:#252525;}
.calendarOS .calendarOverview a {color:#0069b4;}

/* NEWS */
.newsOS .newsBlokTitle a, .newsOS .newsBlokTitle {color: #0069b4;}
.newsOS .date {background:#0069b4; color:#ffffff;}
.newsOS .newsTitle a, .newsOS .newsTitle a:hover {color:#424242;}

/* ALBUMS */
.albumOnSite .title {color: #552176;}
.albumOs .albumsLink {color:#552176; font-size:0;}

/* FOOTER */
.footer {background:#0069b4;}
.footerTop {background:#0069b4; color:#ffffff;}
.footerTop a {color:#ffffff;}
.footerBottom {background:#ffffff; color:#0069b4;}
.footerBottom a {color:#0069b4;}
.footer select {background-color:#f0f0ef;}