/*======================================
Theme Name: Studio Tal MK2017
Theme URI: http://themezee.com/themes/poseidon/
Description: This is a child theme of Themezee's Poseidon Pro. For this setup to work properly, the MK2017 theme must be activated. An updated install of Poseidon Lite is required, plus an installed and activated Poseidon plugin. All necessary tweaks can be found in the child theme folder, or "Appearance" section of the WordPress admin.
Version: 1.0
Author: Antal Adriaanse
Author URI: http://www.studiotal.nl
Template: poseidon
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/* lettergrootte caption foto onderschrift */
.wp-caption .wp-caption-text {
    font-size: 0.7em !important;
}

/* lettergrootte footers (widgets) */
.footer-widgets {
    font-size: 0.8em !important;
    line-height: 1.5em !important;
}

/* kleur links in footers (widgets) */
.footer-widgets .widget a:link, .footer-widgets .widget a:visited {
    color: #6db038 !important;
}

/* lettergrootte site footer (colofon)*/
.site-footer {
    font-size: 0.7em !important;
}

/* ======================================== */
/* ST: CUSTOMIZED FONT FOR HEADERS AND MENU */
/* ======================================== */

@font-face {
	font-family: 'bebas_neueregular';
	src: url('fonts/bebasneue-webfont.eot');
	src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue-webfont.woff') format('woff'), url('fonts/bebasneue-webfont.ttf') format('truetype'), url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

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


/* ---------------------------------- */
/* ST: HEADER                         */	
/* ---------------------------------- */

/* ST: hoogte header (logo en menu)   */	

.site-header {
	border-bottom: 0;
	height: 5vw;
}
/* ST: breedte header voor absurd grote schermen - stond op none, nu weer op 100%  */	
.header-image img {
	max-width: 100%!important;
}

/* ---------------------------------- */
/* ST: TOP NAV BAR                    */	
/* ---------------------------------- */

.top-navigation-menu a:link, .top-navigation-menu a:visited {
	font-family: 'bebas_neueregular' !important;
	font-weight: 300 !important;
	font-size: 1rem;
}

/* ---------------------------------- */
/* ST: MENU                           */	
/* ---------------------------------- */

.main-navigation-menu a {
	padding: 1em;
	font-weight: 300;
	font-size: 1.2rem;
	font-family: 'bebas_neueregular' !important;
}
.main-navigation-menu ul a {
	padding: 0.8em;
	font-weight: 300;
	font-size: 1.2rem;
	min-width: 16rem;
}

/* ---------------------------------- */
/* ST: MENU RESPONSIVE - huidige vs   */
/* van thema biedt geen sticky header */	
/* ST: Desktop Small ( < 960px )      */
/* ---------------------------------- */

/* ST: achtergrond dropdown top bar menu  */
@media only screen and (max-width: 60em) {
.top-navigation-menu {
	background: #404040!important;
}
}

/* ST: achtergrond dropdown menu  */
@media only screen and (max-width: 60em) {
.main-navigation-menu li {
	background: #ffffff!important;
}
}


/* ST: op kleinste schermen waren social icons uitgeschakeld, waarschijnlijk vanwege breedte bij veel icons  */
@media only screen and (max-width: 20em) {
.header-bar .social-icons-navigation {
	display: block;
}
}

/* ST: op kleinste schermen afstand tussen social icons verkleind */
@media only screen and (max-width: 25em) {
.header-bar .social-icons-menu li a {
	padding: 0.6em;
}
}

/* ---------------------------------- */
/* ST: Breadcrumbs - verwijderd lijn  */
/* ---------------------------------- */
.breadcrumbs {
    border-bottom: 0px !important;
}


/* ---------------------------------- */
/* ST: Headings / font-weight         */	
/* ---------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: 300 !important;
	color: #111111;
	font-family: 'bebas_neueregular' !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 300 !important;
}
a {
	font-weight: bold;
	color: #111111;
}

/* ST: Titels aangepast */
.page-header .archive-title, .widget-title {
	font-weight: 300!important;
	font-family: 'bebas_neueregular' !important;
}

/* ST: Titels in hoofdletters */
.site-title, .page-title, .entry-title {
	text-transform: uppercase !important;
}

/* ---------------------------------- */
/* ST: Full-width content area        */	
/* ---------------------------------- */

.no-sidebar .content-area, .site-content .centered-content-area {
	width: 100%;
	max-width: 1280px;
}

/* ---------------------------------- */
/* ST: Lettertype post-navigation     */       /* onder elke single post             */	
/* ---------------------------------- */

.post-navigation a {
	font-family: 'bebas_neueregular' !important;
	font-weight: 300 !important;
	font-size: 1.2em;
}

/* ---------------------------------- */
/* ST: Verwijdert padding en border   */       /* klassieke table (oa in Discography)*/	
/* ---------------------------------- */

th, td {
	padding: 0 !important;
	border: none !important;
}

/* ---------------------------- */
/* ST: Verticale afstanden      */
/* ---------------------------- */

/* ST: Meer afstand tussen Magazine Widget en Berichten Feed */
.widget-magazine-posts {
	padding-bottom: 1em!important;
}
/* ST: Meer afstand tussen bericht header en tekst */
.entry-meta {
	margin-bottom: 1em !important;
}
/* ST: Meer afstand tussen berichten */
.type-post, .type-page, .type-attachment {
	margin-bottom: 5em;
}

/* ---------------------------------- */
/* ST: IMAGES                         */	
/* ---------------------------------- */

/* lettergrootte caption foto onderschrift, margin ter compensatie ruimte onder foto */
.wp-caption .wp-caption-text {
	font-size: 0.7em !important;
	margin: -2em 0 2em 0;
}

/* ruimte onder foto  */
.entry-content img {
	padding: 0 0 2em 0;
}

/* ---------------------------------- */
/* ST: Footer - kleuren en letters    */	
/* ---------------------------------- */

.widget-magazine-posts .medium-post .entry-title {
	font-size: 1.2rem;
}
.footer-widgets .widget {
	color: #333333;
	font-size: 0.9em;
}
.footer-widgets .widget a:link {
	color: #6db038;
	text-transform: uppercase !important;
}
.footer-widgets-background {
	border-top: 1px solid #dddddd;
	background: #cccccc !important;
}
.footer-widgets .widget-title {
	border-bottom: 4px solid #cccccc;
	color: #333333 !important;
	font-weight: normal !important;
}
.widget ul {
	margin: 0;
	padding: 0 0;
	list-style: none !important;
}

/*  ST: lettergrootte site footer (colofon)*/
.site-footer {
	font-size: 0.7em !important;
}