/*
 *  Theme Name:   KU Leuven Versie 2015
 *  Theme URI:    https://blog.associatie.kuleuven.be
 *  Description:  KU Leuven thema
 *  Author:       Bart tips
 *  Author URI:   
 *  Template:     twentyfourteen
 *  Version:      1.0.0
 *  Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 *  Text Domain:  KU Leuven Versie 2015
 *          */

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
 * -------------------------------------------------------------- */

/*div#page{
margin:auto;
}*/

@media screen and (min-width: 783px) {
	 .primary-navigation {
		 float: right;
		 margin-left: 20px;
	        }
		}

.site {
		margin: 0 auto;
        }
@media screen and (min-width: 1110px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,	        
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-left: 55px;
	        }
        }
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
		max-width: 874px;
        }
.comments-area {
		max-width: 874px;
        }
.post-navigation, .image-navigation {
		max-width: 874px;
        }

.site:before,
#secondary {
	width: 0;
	display: none;
	    }
.featured-content {
	padding-left: 0;
	background-color: #1fabd5;
        }
.site-content, .site-main .widecolumn {
		margin-left: 0;
        }
.hentry {
		max-width: 900px;
        }
.post-thumbnail img {
		width: 100%;
		}

.header-main{
	background-color: #1D8DB0;
	height: 50%;
}

.site-header {
    background-color: #fff;
}

.extra_header{
	background-color: #4596a7;
	height: 40px;
}

.extra_header h1{
	margin-top: 0px;
}

.masthead-fixed .site-header {
    position: relative;
    top: 0;
}

.masthead-fixed .site-main {
    margin-top: 0px;
}

.sub-title {
        position: absolute;
        font-size: 18px;
        font-weight: 700;
        line-height: 48px;
        margin: 0;
	color: #fff;
	display: inline;

        /* Nav-toggle width + search-toggle width - gutter = 86px */
        max-width: -webkit-calc(100% - 86px);
        max-width:         calc(100% - 86px);
}

.site-title{
	font-size: 30px;
	line-height: 40px;
}

.search-box-wrapper {

	top: 0;
	width: auto;
}

.site-footer {
        background-color: #4596a7;
}

a:active,
a:hover {
        color: #1fabd5;
}

.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
    color: #1fabd5;
    font-weight: 900;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
        background-color: #1fabd5;
}


.search-toggle {
        background-color: #1fabd5;
}

.site-navigation a:hover {
        color: #1fabd5;
}

.entry-title a:hover {
        color: #1fabd5;
}

.entry-meta a:hover {
        color: #1fabd5;
}

.cat-links a:hover {
        color: #1fabd5;
}

.entry-meta .tag-links a:hover:before {
        border-right-color: #1fabd5;
}

.entry-meta .tag-links a:hover {
        background-color: #1fabd5;
}

.entry-content .edit-link a:hover {
        color: #1fabd5;
}

.hentry .mejs-controls .mejs-button button:hover {
        color: #1fabd5;
}

.page-links a:hover {
        background: #1fabd5;
        border: 1px solid #1fabd5;
}

.post-navigation a:hover,
.image-navigation a:hover {
        color: #1fabd5;
}

.paging-navigation a:hover {
        border-top: 5px solid #1fabd5;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
        color: #1fabd5;
}

.comment-reply-title small a:hover {
        color: #1fabd5;
}

.widget a:hover {
        color: #1fabd5;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
        background-color: #1fabd5;
}

.widget-title a:hover {
        color: #1fabd5;
}

.widget_calendar tbody a:hover {
        background-color: #1fabd5;
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
        color: #1fabd5;
}

.content-sidebar .widget a:hover {
        color: #1fabd5;
}

.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
        background-color: #1fabd5;
}

.content-sidebar .widget .widget-title a:hover {
        color: #1fabd5;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
        color: #1fabd5;
}

.site-info a:hover {
        color: #1fabd5;
}

.featured-content a:hover {
        color: #1fabd5;
}

.slider-control-paging a:hover:before {
        background-color: #1fabd5;
}

.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a {
       background-color: #1fabd5;
}

.secondary-navigation ul ul a:hover,
.secondary-navigation ul ul li.focus > a {
       background-color: #1fabd5;
}

input[type="submit"]:focus {
        background-color: #1fabd5;
}

.search-toggle:hover,
.search-toggle.active {
        background-color: #1fabd5;
}

.search-box {
        background-color: #1fabd5;
}

a {
	color: #1D8DB0;
}

::-moz-selection {
	background: #1D8DB0;
}

::selection {
        background: #1D8DB0;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
        background-color: #1D8DB0;
}

.search-toggle {
        background-color: #1D8DB0;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
        background: #1D8DB0;
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
        background-color: #1fabd5;
}

.paging-navigation .page-numbers.current {
        border-top: 5px solid #1D8DB0;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
        background-color: #1fabd5;
}

.widget_calendar tbody a {
        background-color: #1D8DB0;
}

.content-sidebar .widget a {
        color: #1D8DB0;
}

.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
        background-color: #1fabd5;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
        background-color: #1fabd5;
}

.slider-direction-nav a:hover {
        background-color: #1fabd5;
}

.primary-navigation ul ul {
       background-color: #1D8DB0;
}

.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
      background-color: #1fabd5;
}

.secondary-navigation ul ul {
      background-color: #1D8DB0;
}

.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a {
      background-color: #1fabd5;
}

.featured-content .entry-header {
        background-color: #1D8DB0;
}

.grid .featured-content .entry-header {
        border-color: #1D8DB0;
	height: 48px;
}

.extra_footer{
	background: none repeat scroll 0 0 #f5f5f5;
	float:right;
	text-align:right;
	width: 100%;
	font-size: 0.7em;
}

.extra_footer p{
	margin-bottom: 5px;
}

.post-thumbnail {
    background: url("images/pattern-light.svg") repeat fixed 0 0 #1d8db0;
}

@media screen and (min-width: 673px) {
#featured-content{
width: 80%;
margin: 0 auto;
}

.slider #featured-content .entry-title{
font-size: 20px;
}
}

@media screen and (max-width: 795px) {
.primary-navigation {
	padding-top: 48px;
}
}

.content-sidebar .widget .widget-title {
	color: #1d8db0;
	border-top: 5px solid #1d8db0;
}

.content-sidebar .widget_calendar caption {
    color: #1d8db0;
}

.content-area, .content-sidebar {
    padding-top: 10px;
}

.site-info{
	padding: 25px;
}

@media screen and (max-width: 400px) {
	.test{
		width: 80px;
		height: 34px;
	}
	.blog-title{
		left: 98px;
	}
	.sub-title{
		left: 10px;
	}	
	.search-toggle{
		margin-right: -5px;
		height: 30px;
		width: 30px;
	}
	.site-title{
		float:none;
	}	
}


.logo{
	position: relative;
    	top: 16%;	
}

.header_links{
	float: right;
	line-height: 40px;
	vertical-align: middle;
	color: #FFFFFF;
}	

.reaction, .disclaimer{
	color: #FFFFFF;
}