/*
Theme Name: Twenty Seventeen Child
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
Description: Twenty Seventeen Child Theme for Architecture of the Games
Version: 0.1
Text Domain: twentyseventeen-child
Author: Martijn Giebels
*/

/* LAYOUT Wijzigingen breedte layout, content en widgets */

.navigation-top .wrap {
	max-width: 1200px;
	padding: 0;
}

@media screen and (min-width: 48em) {

	.wrap {
		max-width: 1200px;
		padding-left: 2em;
		padding-right: 2em;
	}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 70%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 25%;
	}
	
	.navigation-top .wrap {
		max-width: 1200px;
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0.75em 1em;
	}

	.page-two-column .panel-content .entry-header {
		float: left;
		width: 25%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 100%;
	}

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 70%;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: right;
		width: 100%;
	}

	.navigation.pagination {
		clear: both;
		float: right;
		width: 70%;
	}
	
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 25%;
	}

	/* Toegevoegd in V0.2 */
	
	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: left;
		width: 100%;
	}
	
	/* Eind toegevoegd in V0.2 */
	
}


	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 25%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 70%;
	}

	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 25%;
	}

	.site-info {
		float: left;
		padding: 0.7em 0 0;
		width: 100%; /* Was 70 */
	}

/* Wijzigingen vormgeving header en footer */

.site-header {
    background-color: #ffffff;
    position: relative;
}

.site-branding {
    padding: 1em 0;
}

.site-footer {
    background-color: #ffde01;
}

.page-header {
    padding-bottom: 0em;
}



/* lijn tussen berichten NOG DOEN */



/* Verwijderen van de edit tekst bij pagina's en berichten */

.edit-link {
    display: none;
}

.post-edit-link {
    display: none;
}

/* Wijzigingen vormgeving teksten */

.entry-title {
    font-size: 26px;
    font-size: 1.625rem;
	font-weight: 700;
	text-transform: uppercase;
	}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0em;
    text-transform: uppercase;	
}

h2.widget-title {
    color: #222;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: 0em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.navigation-top a {
    color: #222;
    font-weight: 600;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
	text-transform: uppercase;
}

/* Wijzigingen vormgeving knoppen */

.entry-footer .edit-link a.post-edit-link {
    background-color: #ffde01;
	color: #222;
}

input[type="submit"] {
    background-color: #ffde01;
	color: #222;	
}

.prev.page-numbers, .next.page-numbers {
    background-color: #ffde01;    
}

button, input[type="button"], input[type="submit"] {
    background-color: #ffde01;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

/* Geforceerde uitlijning afbeeldingen */

.aligncenter {
    clear: both;
    margin-left: 0px;
    margin-right: auto;
	width: 100%; /* Was 900px OPLETTEN */
}

/* Gele lijnen navigatiebalk */

.navigation-top {
    border-bottom: 1px solid #ffde01;
    border-top: 1px solid #ffde01;
    
}

/* Uitlijning navigatiebalk */

.main-navigation ul {
    text-align: center;
}

ul.sub-menu {text-align: left;}


/* Breedte uitklapmenu vakjes */
@media screen and (min-width: 48em)
style.css?ver=4.7.3:3507
.main-navigation ul ul a {
    padding: 0.75em 1.25em;
    width: 19em;
}


/* Eigen opmaak home */

hr.home {	
	border: 0; 
	color: #ffde01; 
	background-color: #ffde01; 
	height: 2px; 
	width: 100%; 
	text-align: center;
}

span.date {font-style: italic;}

h3.hometitle {
    padding: 0em 0 0;
}

h2.hometitle {
    color: #000;
	padding: 0px;
}


/* Styling KOP homepage */

@media screen and (min-width: 30em)
{
.panel-content .entry-header {
    margin-bottom: 1em;
}
}

/* Styling Lijnen onder post */

.entry-footer {
    border-bottom: 1px solid #ffde01;
    border-top: 1px solid #ffde01;
 }

/* Witte lijnen onder actieve links weghalen*/

.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {
    -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
}


/* BETA Jetpack lijntje sharing */

div.sharedaddy h3.sd-title:before {
	border-top: 0px solid #ddd;
}

body.highlander-light h3.sd-title:before {
	border-top: 0px solid rgba(0,0,0,.2);
}

body.highlander-dark h3.sd-title:before {
	border-top: 0px solid rgba(255,255,255,.4);
}


/* LOOK OF THE GAMES */

.page-id-9462 header {
display: none;
}

.page-id-9462 footer {
display: none;
}

hr.lotg {	
	border: 0; 
	color: #c6ad00; 
	background-color: #c6ad00; 
	height: 2px; 
	width: 100%; 
	text-align: center;
}

a.lotg:link {
    text-decoration: none;
}

a.lotg:visited {
    text-decoration: none;
}

a.lotg:hover {
    text-decoration: none;
}

a.lotg:active {
    text-decoration: none;
}


h2.lotgtitle {
    color: #000;
    padding-top: 0px;
}


/* POLL BUTTON */

.wp-polls .Buttons {
    border: 5px solid #ffffff;
    background-color: #ffde01;
}



/* BETA deel */

.footerpostaotg {
    border-bottom: 1px solid #ffde01;
    border-top: 1px solid #ffde01;
}


/* Wiki pagina's */
#tableofcontents {margin: 0px; padding: 10px; background: #ffeb64; border: 2px solid #ffde01; width:250px;}

hr.wiki {	
	border: 0; 
	color: #ffde01; 
	background-color: #ffde01; 
	height: 1px; 
	width: 100%; 
	text-align: center;
}


/* Breedte afbeeldingen */
img.aotgfullwidth {width:100%}
img.aotgfullwidthborder {width:100%; border: 1px solid #ddd;}
img.aotgsmall {width:300px}
img.aotgsmallborder {width:300px; border: 1px solid #ddd;}


/* Breedte video */
iframe.videopage {
width: 100%;
        max-width: 1200px;
height: 675px;
margin-bottom: 0px;
border-width: 0px;
vertical-align: bottom;
}

@media only screen and (max-width: 600px) {
iframe.videopage {
width: 100%;
height: 338px;
}
}

@media only screen and (max-width: 400px) {
iframe.videopage {
width: 100%;
height: 225px;
}
}

iframe.videopost {
width: 100%;
        max-width: 750px;
height: 422px;
margin-bottom: 0px;
border-width: 0px;
vertical-align: bottom;
}

@media only screen and (max-width: 600px) {
iframe.videopost {
width: 100%;
height: 338px;
}
}

@media only screen and (max-width: 400px) {
iframe.videopost {
width: 100%;
height: 225px;
}
}


/* Tabel kleur header */
.tablepress tfoot th, .tablepress thead th {
    background-color: #ffeb64 !important;
}

/* Quote */
#quote {margin: 0px; padding: 10px; background: #eeeeee; border: 1px solid #cecece; width:100%;}

h4.quotesource {
    color: #000000;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}


/* Video embed IOC */
#videoioc {margin: 0px; padding: 10px; background: #ffffff; border: 1px solid #cecece; width:100%;}

h4.videoioc {
    color: #eeeeee;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

h3.videoioc {
    padding: 0em 0 0;
}


/* Home update Januari 2019 3 kolommen */

.column2 {
  float: left;
  width: 50%;
  padding: 5px; 
}

.column3 {
  float: left;
  width: 33.33%;
  padding: 5px; 
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column2 {
    width: 100%;
  }
  .column3 {
    width: 100%;
  }
}


/* November 2019 - Verbergen author op de single post pagina - BETERE OPLOSSING VINDEN? */
.byline { visibility: hidden; display: none; }