@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,800italic,600italic,400italic,300italic);
/*
Theme Name: olympiade
Theme URI: http://www.eljakim.nl
Author: Eljakim.nl
Author URI: http://www.eljakim.nl
Description: Wordpress Theme for the Dutch Informatica Olympiad.
Version: 1.0.4
Text Domain: olympiade
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

olympiade is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Site Globals / Reset of styles
    ## Stuff due to screen size
	## Font(s)
	## Colors
# Header
# Pages
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Site Globals / Reset of styles
--------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
Thanks to Ed Toepoel for pointing this out.
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: "Open Sans", "Gill Sans", Arial, Helvetica, "sans-serif";
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
	display: block;
}
body {
	line-height: 2;
	color: #333;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.chop, .container-fluid, .navbar {
	padding: 0;
	margin: 0;
}
/*--------------------------------------------------------------
## Stuff due to screen size
--------------------------------------------------------------*/
/* - xs - extra small - telephone */
@media (max-width: 767px) {
	.navbar-nav {
		padding-left: 10px;
		margin: 0;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #F6F6F6;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		background: #FBBB01;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
		background-color: #FBBB01;
		border-color: #F6F6F6;
	}

	.navbar-default .navbar-nav > li > a {
		margin-top: 0.3em;
		padding-left: 0.5em;
	}

	.container {
		width: 100%;
	}

	.navbar-nav > li > a,
	.container-fluid>.navbar-collapse {
		padding-left: 0;
		margin-left: 0;
	}

	.sponsor-block {
		min-height: 160px;
	}

	.col-xs-12 .sponsor-block {
		min-height: 200px;
	}
}

@media (min-width: 768px) {
	.sponsor-block {
		min-height: 200px;
	}
}


/*****************************************************************
## Colors
	LIGHT YELLOW 	#FBBB01
	DARK YELLOW 	#EC9206
	PINK 			#E6195E
	WHITE			#F6F6F6

	BLUE			#1FAAD1
******************************************************************/

/*** Global, needed for stickey footer... ***/
html, body, #page {
	min-height: 100vh;
}


/*--------------------------------------------------------------
#						 Header
--------------------------------------------------------------*/
body {
	background: rgba(3, 1, 3, 0.3);
}

.site {
	background: #F6F6F6;
}

nav, .navbar, nav > .container-fluid {
	color: #F6F6F6;
	background: #FBBB01;
	border: #FBBB01;
	border-radius: 0;
}

.navbar-nav > li > .dropdown-menu, .dropdown-menu > li > a {
	background: #EC9206;
	border-radius: 0;
}

nav > .container-topper {
	background: #F6F6F6;
	height: 120px;
}

.input-group-search {
	margin-top: 70px;
	margin-right: 25px;
	float: right;
}

.btn-search {
	color: #F6F6F6;
	background: #0188BD;
}

.btn-search:hover {
	color: #F6F6F6;
	background: #009FCA;
}

.btn-search:focus {
	color: #F6F6F6;
	background: #EC9206;
}

nav, .navbar, nav > .container-fluid {
	min-height: 30px;
}

.navbar-default .navbar-nav > li > a {
	color: #F6F6F6;
}

.navbar-default .navbar-nav > .active > a,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus {
	color: #F6F6F6;
	background: #FBBB01;
}

/******** Hover over main items **************/
.navbar-default .navbar-nav > li > a:hover {
	color: #F6F6F6;
	background: #EC9206;
}

/******************* current and hover of current item ***********/
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.dropdown-menu > .active > a:hover {
	color: #393939;
	background: #EC9206;
}

.dropdown-menu > li > a {
	font-size: 0.9em;
	text-transform: none;
	color: #F6F6F6;
	background-color: #EC9206;
	padding-left: 1.3em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: 1px solid;
}

.dropdown-menu > li:first-child > a {
	border-top: none;
}

.menu-item {
	width: auto;
}

/**************************** Logo in White ****/
.white-header-image {
	height: 75px;
	margin-top: 25px;
	margin-left: 50px;
}

/*************************** Logo in Navbar ***/
.header-image {
	height: 40px;
	width: auto;
	padding-left: 0;
	margin-top: 6px;
}

.header-image-xs {
	padding-left: 15px;
}

/*************************** Search **********************************/
.search-form {
	width: 100%;
}

.search-form > label > .screen-reader-text {
	display:none;
}

.search-field {
	height: 1.7em;
	color: #009FCA;
	font-weight: 500;
	border-width: 1px;
	border-style: solid;
	border-color: #0188BD;
	border-radius: 4px 0 0 4px;
	padding-left: 0.5em;
	padding-right: 2em;
}

.search-submit {
	height: 1.7em;
	background: #0188BD;
	color: #F6F6F6;
	border: 0;
	margin-left: -5px;
	border-radius: 0 4px 4px 0;
}

/******************************** Collapse able button ************/
.navbar-toggle {
	position: absolute;
	float: right;
	right: 0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-width: 0;
}

.navbar-default .navbar-toggle {
	border-color: #EC9206;
	background: #EC9206;
}

.navbar-default .navbar-nav > .active > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {
	background: #EC9206;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin: 0;
}

.navbar-default .navbar-toggle:hover {
	background-color: #009FCA;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #009FCA;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #F6F6F6;
	color: #F6F6F6;
}

.site, .site-footer {
	border-style: solid;
	border-left-width: 0;
	border-right-width: 0;
	border-color: #393939;
	padding-left: 0;
	padding-right: 0;
}

.header-banner > img {
	opacity: 1;
	width: 100%;
	display: block;
	height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.header-banner .header-banner-text {
	background: #1FAAD1;
	opacity: 0.6;
	padding: 0.6em;
	padding-left: 5em;
	padding-right: 10em;
}

.header-banner-text h3, .header-banner-text p {
	color: #F6F6F6;
}
/* display: inline-block; */
.header-banner-text h3 {
	font-weight: 700;
	padding-bottom: 0.5em;
}

/***************************************** Carousel Stuff ******************/
.carousel-container {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.carousel-list {
	width: 100%;
	margin: 0;
	padding: 0;
}

.carousel-item-hidden {
	display: none;
}

.carousel-text {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: rgba(31, 170, 209, 0.6);
	padding: 0.6em;
}

.carousel-text > h3 {
	font-weight: 800;
}

.carousel-text > h3, .carousel-text > p {
	text-align: left;
	color: #F6F6F6;
	padding-left: 3em;
	opacity: 1;
}

/************************************ Carousel Buttons *********************/
.carousel-buttons {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-blend-mode: overlay;
}

.carousel-button-cirle span {
	color: #F6F6F6;
	opacity: 1;
	font-size: 1.5em;
	padding: 0.3em;
	margin-top: 130px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.btn-carousel {
	color: #F6F6F6;
	background: #086ed1;
	border-radius: 0;
	opacity: 1;
}

/************************************** small screen drop down **************/
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #E7E7E7;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background: #F3BF00;
}

.dropdown-menu > .active {
	color: #393939;
}

.navbar-toggle {
	position: absolute;
	padding: 0.8em;
	margin: 0;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
	top: 3px;
	right: 1em;
}

.btn{
	width: 100%;
}

a:hover {
	color: #ec9206;
}


/***********************************************************************
						FRONT PAGE --- News
************************************************************************/
.item-padding {
	padding: 0.5em;
}

.post .entry-title > a {
	color: #EC9206;
}

.entry-meta {
	font-size: 0.7em;
	padding-left: 1em;
	margin-top: 0.8em;
}

.entry-line {
	color: #393939;
	width: 100%;
	padding: 0;
}

.entry-line hr {
	width: 70%;
	margin: 0;
}

.entry-content div {
	padding-top: 1em;
	margin-right: 2em;
}

.entry-content h2 {
	font-size: 1.5em;
}

.entry-content h3 {
	font-size: 1.4em;
}

.entry-content h4 {
	font-size: 1.3em;
}

/****************************** Calendar *********************/
.fp-agenda h2, .challenge-post h2 {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 1.7em;
	color: #FBBB01;
}

.fp-agenda > ul {
	padding-bottom: 1.5em;
}

.fp-agenda > ul > li {
	padding-left: 0.7em;
	padding-bottom: 1.3em;
	font-weight: 600;
}

.fp-agenda > ul > li > ul{
	padding-top: 0.3em;
	padding-left: 0.5em;
	font-weight: 500;
}

.calnk a {
	font-size: 0.85em;
	border-bottom: 0 !important;
}

.calnk a:hover span {
	background: #FBBB01 !important;
	width: auto !important;
}

.calnk a:hover span span.event-title {
	color: #F6F6F6;
}

/********************************** Other Challenges **************/
.challenge-post {
	min-height: 150px;
	height: auto;
}

.challenge-post > a:hover {
	text-decoration: none;
}

.challenge-post > a:hover h2 {
	color: #1FAAD1;;
}

.challenge-post img {
	max-width: 90%;
	max-height: 150px;
	float: right;
	margin: 0.5em;
}

.challenge-post p {
	color: #393939;
	font-size: 0.9em;
}

/*************************** Hall of Fame ************************/
.hof-container {
	position: relative;
	padding: 1em;
	min-height: 370px;
}

.default-container {
	position: relative;
	padding: 1em;
}

.hof-container h3,
.default-container h3 {
	font-size: 1.7em;
	color: #FBBB01;
}

.hof-year {
	float: right;
}

.hof-place {
	float: left;
}

.hof-container p, .hof-container img,
.default-container p, .default-container img {
	margin-top: 0.5em;
}

/*************************** Contact ***************************/
.contact-header {
	padding-top: 0.5em;
	padding-left: 0.5em;
	font-size: 2em;
}

.contact-content {
	padding: 1em;
}

.contact-content i, .contact-content a {
	padding-top: 0.3em;
	color: #086ed1;
}

/************************* Sponsoren ****************************/
.gutter {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.7em;
	padding-bottom: 1.5em;
}

.shadow {
}

.sponsor-block {
	color: #393939;
	max-height: none;
}

.sponsor-block:hover, .sponsor-block a:hover {
	color: #1FAAD1;
	text-decoration: none;
}

.sponsor-block > p {
	text-align: center;
	padding-top: 0.5em;
}

.sponsor-block > img {
	width: 94%;
	margin: 3%;
}

.sponsor-block > .sponsor-name {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.sponsor-block > .sponsor-name > h2 {
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	text-align: center;
	font-weight: 600;
}


/************************************ Post Navigation // Berichtnavigatie ***/
.post-navigation {
	color: #F6F6F6;
	padding: 0.5em;
}

.post-navigation > h2 {
	font-size: 1.3em;
}

.post-navigation > .nav-links a {
	padding-left: 1em;
	color: #F6F6F6;
}

.post-navigation > .nav-links a:hover {
	color: #1FAAD1;
}


/**************************************************
					Footer

PINK 			#E6195E
WHITE			#F6F6F6
***************************************************/
.footer {
	bottom: 0;
	width: 100%;
}

.site-footer {
	font-size: 0.8em;
	color: #F6F6F6;
	background: #E6195E;
}

.site-footer a {
	color: #F6F6F6;
}

.site-footer ul {
	padding-right: 1em;
	margin: 1em;
}

.site-footer a:hover {
	color: #393939;
	text-decoration: none;
}

.img-fb {
	height: 1.2em;
	width: auto;
}