@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url('//secure.ambrix.nl/shared/plugins/off-canvas-menu/css/pushy.css');

*{font-family:'Open Sans', sans-serif !important;font-weight:300 !important;}
h1,h2,h3,h4,.widget-label,.slider_title > div{font-family: 'Roboto Condensed', sans-serif !important;font-weight:500 !important;}
h1 {font-size:28px}
h2 {font-size:24px;}
h3 {font-size:22px}
h4 {font-size:20px}

#header > div > .container {background:none;padding:34px 0}
#logo > a {display:block;text-indent:-9999;color:transparent;width:100% !important;background-size:contain;background-repeat:no-repeat}

#header .sidebar {}
#header .sidebar > .widget-menu:first-child {float:left;margin-left:20px;}
#header .sidebar > .widget-menu:last-child {float:right}
#header .sidebar > .widget-menu li,#header .sidebar > .widget-menu li > div {display:inline-block;}
#header .sidebar > .widget-menu li > div > a {display:inline-block;color:#000;line-height:42px;font-size:16px;text-decoration:none;padding:0 14px;}
#header .sidebar > .widget-menu li:hover {background:#ee3a43}
#header .sidebar > .widget-menu li:hover a {color:#fff}

#header .sidebar > .widget-menu:last-child li,#header .sidebar > .widget-menu:last-child li a {color:#ee3a43;}

#header .sidebar nav > ul{margin:0}
#header .sidebar nav > ul > li {margin-bottom:0}

#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline}

#footer > div:first-child {background: #5b5b5b;padding:40px 0;color:#fff;}
#footer > div:first-child .sidebar > .widget{display:inline-block;width:25%;vertical-align:top}
#footer > div:first-child .sidebar > .widget .widget-label {font-size:26px;margin-bottom:35px;}
#footer > div:first-child .sidebar > .widget.widget-menu li:before {font-family:FontAwesome !important;content:"";margin-right:5px;color:#fff;}
#footer > div:first-child .sidebar > .widget.widget-menu li > div {display:inline}

#footer > div:last-child {background: #000;padding:10px 0;color:#fff;}
#footer > div:last-child .copyright > .system {display:none}
#footer > div:last-child .copyright > .widget{display:inline-block;width:50%;vertical-align:top}
#footer > div:last-child .copyright > .widget:last-child ul {margin:0}
#footer > div:last-child .copyright > .widget:last-child ul > li {float:right;margin:0}
#footer > div:last-child .copyright > .widget:last-child ul > li a {display:block;margin:0 10px;}

.plugin-contact-form span.errormessage {color:red;}

body:not(.home) #content .content strong {font-weight:700 !important;}
body:not(.home) #content .content ul {margin-left:20px;}
body:not(.home) #content .content ul > li {list-style-type:disc}
body:not(.home) #content .content .plugin ul > li {list-style-type:none !important}
body:not(.home) #content .content pre {
	font-family:'Courier New';
	overflow: auto;
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
}

@media only screen and (max-width: 767px) {
	#footer > div:first-child .sidebar > .widget > div {padding:10px;}
	.index {margin: 0 10px;}
}

@media only screen and (max-width: 980px) and (min-width: 480px) {
	#footer > div:first-child .sidebar > .widget{width:50%;}
}

@media only screen and (max-width: 479px) {
	#footer > div:first-child .sidebar > .widget{width:100%;}
}