/*===========================================
	INFO

	AUTHOR
	----------------------
	BPS Bildungsportal Sachsen GmbH
	Dresdner Str. 76, D-09130 Chemnitz

	COLORS
	----------------------
	#000000 BLACK
	
	#8e9797 GREY
	#2E3639 GREY DARK
	#f2f2f2 GREY LIGHT
	
	#004488 BLUE
	#00336f BLUE DARK
	#22BBFF BLUE LIGHT
	#D3F1FF BLUE LIGHTER
	
	#E53009 RED

=============================================*/

/* IMPORT BASIC */
@import url(../opal_new/layout.css);

/****************************
	FONTS
****************************/
@font-face {
	font-family: 'signika';
	src: url('fonts/Signika-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/****************************
	CHANGE COLORS
****************************/
/* BLACK */
a, .ui-widget-content a,
.btn,
.ui-dialog-buttonset .ui-button,
.ui-dialog-buttonset .ui-button:hover, .ui-dialog-buttonset .ui-button:focus, .ui-dialog-buttonset .ui-button:active,
.content-preview-horizontal .content-preview-img .fonticon {color: #000;}

.btn-highlight,
.mobile .sidr,
.sidr-open .page .menu-btn,
.mobile .nav-container {background-color: #000;}

.btn-highlight {border-color: #000;}
.menu .jstree-default .jstree-container-ul .jstree-node>.jstree-children,
.jstree-node.calendar,
.jstree-node.efficiency-statement,
.jstree-node.glossary {border-top-color: #000;}

.table-header {background-color: #f2f2f2;}

.resource-details, .table-footer {border-color: #f2f2f2;}

/* BLUE */
a:hover, a:focus, a:active,
.btn:hover, .btn:focus, .btn:active,
.artefact-edit .tag-editor .tag-editor-tag.active {color: #004488;}

.text-info {color: #00336F;}

.text-bg-primary {background-color: #004488 !important;}
.page.login,
.box-highlight,
.tag,
.artefact-edit .tag-editor .tag-editor-delete,
.ui-dialog .ui-dialog-titlebar,
[ui-pnotify].ui-pnotify .brighttheme-info,
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active {background-color: #004488;}

.mobile .mainnav > li > a,
.mobile .subnav > li > a {border-left: 0;}

.list-group-item.highlight,
.steps .active,
.table-panel tbody>tr.highlight,
.box-info,
.ep-map-preview.ep-map-comic,
.post-date {background-color: #D3F1FF;}

tr.hasNew {background-color: #D3F1FF !important;}

.steps .active .arrow, .steps .active .arrow:after {border-left-color: #D3F1FF;}

/* WHITE */
.btn-highlight,
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active,
.page-footer a,
.mobile .adnav .fonticon,
.btn-secondary,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    color: var(--neutral-white);
}

.main-header {background-color: #f2f2f2; border-bottom-color: #f2f2f2;}
.login .main-header {background-color: transparent;}

/* RED */
.beta-header .btn-faq {background-color: #E53009;}

.text-bg-warning {background-color: #E53009 !important; color: var(--neutral-white) !important;}

.btn:hover .icon-star:before, .icon-star-filled:before {color: #E53009;}

/****************************
	HEADER
****************************/
.page-header {height: 120px; background: #fff; border: none;}
.header-logo-container {height: 120px;}
.logo {width: 450px; background: url(images/logo-htwk.png) no-repeat 15px center;}

.mobile .page-header-container {height: 110px;}
.page .mobile-page-header {background-color: #000;}
.mobile .page-header-container:after {
	display: inherit;
	height: 110px;
	background: url(images/logo-htwk.png) no-repeat 14px 67px;
	background-size: 300px;
	content: " ";
	}
.mobile-page-header h1>a {font-family: signika, sans-serif; font-size: 1.1em;}
.home .mobile-page-header h1, .course .mobile-page-header h1 {
    margin: 0 75px 0 3em;
}

/****************************
	FOOTER
****************************/
.page-footer {background-color: #000;}

/****************************
	NAVIGATION
****************************/
.nav-container, .nav-container + .clearfix {background-color: var(--neutral-white);}
.nav > li {margin: 0; border-radius: 0;}
.nav > .active {background-color: #000;}
.nav > li > a {padding: 3px 15px; color: #000; font-family: signika, sans-serif; font-size: 1.1em;}
.subnav > li {margin-right: 10px; background-color: rgba(0, 0, 0, .05);}
.subnav > li:hover, .subnav > li:focus {background-color: rgba(0, 0, 0, .1);}
.subnav > .active:hover, .subnav > .active:focus {background-color: #000;}
.mainnav > li > a:hover, .mainnav > li > a:focus {text-decoration: underline;}
.nav > .active > a, .nav .active > a:hover, .nav > .active > a:focus {color: #fff;}
.btn-close:hover .fonticon, .btn-close:focus .fonticon, .btn-close:active .fonticon {color: #ccc;}

.page .menu-btn, .page .menu-btn:hover, .page .menu-btn:focus, .page .menu-btn:active {background-color: transparent;}
.mobile .nav > li {border-bottom-color: #fff;}
.mobile .nav > li > a {font-family: Arial,Verdana,sans-serif;}