/*
	Theme Name: Hueman Child
	Theme URI: http://alxmedia.se/themes/hueman/
	Description: Thema voor TransitieWeb.nl
	Author: Henk Jansen Producties
	Author URI: henkjansen.nl
	Template: hueman
	Version: 2.4.2
	Text Domain:  hueman-child
*/

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


/* --- Sloop lelijke zwarte rand rond buttons en invoervelden in CHROME --------------------- */
*,*:focus,*:hover {
    outline:none;
}




body #tinymce {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 24px !important;
}




/* --- Houdt de scrollbalken v/d browser altijd in beeld, waardoor er geen horizontale verspringing is tussen korte en lange pagina's */
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
-webkit-text-size-adjust: 100%; /* To prevent font scaling in landscape display on mobile devices, while still allowing user to zoom */
}

body {  }



/* --- Voorkom blue highlighting (+ het onomkeerbaar blauw blijven van het gehele img-blok na iets te langdurig klikken) in IOS
----------------------------------------------- */
img {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
img:focus {
    outline: none !important;
}




/* ------------------------ Acy Mailing - Aanmeldformulier (zie pagina 'Nieuwsbrief') --------------------- */


/* --- Gehele blok ------- */
#acym_fulldiv_formAcym1.acym__subscription__form__shortcode {
  height: 100px !important;
  width: auto !important;
  display: inline-block !important;
  padding: 0px !important;
  margin: 0px 0px 20px 0px !important;
  text-align: left !important;
}

/* --- Button - Tekst 'Aanmelden' ------- */
#acym_fulldiv_formAcym1 .acym__subscription__form__button button {
	color: #ffffff !important;
	font-size: 90% !important;
	border: none !important;
	font-weight: 700;
}

/* --- Button - Forceer muisaanwijzer tot handje ipv pijl ------- */
#acym_fulldiv_formAcym1 .acym__subscription__form__button button {
	cursor: pointer !important;
}




/* ------------------------ Breedte website --------------------- */

@media only screen and (min-width: 1200px) { 
/* --- Breedte website (hoofdmenu + alle content -> gehele website) ------- */
.container-inner {
    max-width: 1140px;
}
/* --- Breedte linkerkolom ------- */
.content {
    width: 98%;
}
}






/* --- Linkjes --- */ 
/* --- Categorieën boven elke excerpt op de blog-overzichtspagina */ 
div.hu-pad.group p.post-category a:link { text-decoration: none; color: #0B79CB;  }  
div.hu-pad.group p.post-category a:visited { text-decoration: none; color: #0B79CB;   }   
div.hu-pad.group p.post-category a:hover { color: #444444; } 

/* --- Auteursnaam boven enkel blogbericht */ 
span.fn a:link { text-decoration: none; color: #0B79CB;  }  
span.fn a:visited { text-decoration: none; color: #0B79CB;   }   
span.fn a:hover { color: #444444; } 

/* --- Blogberichten en pagina's */ 
div.entry-inner, div.entry.themeform a:link { text-decoration: none; color: #0B79CB;  }  
div.entry-inner, div.entry.themeform a:visited { text-decoration: none; color: #0B79CB;   }   
div.entry-inner, div.entry.themeform a:hover { color: #444444; } 




/* ----------------- Alinea
---------------------------------------------------------------- */
.content .entry-inner p {
    margin-bottom: 1.4em !important;
}



/* ----------------- Witruimte onder ul  (zie boven bij 'p' voor standaard-lettertype)
---------------------------------------------------------------------------------------- */
.content .entry-inner ul {
    margin-bottom: 1.4em !important;
}



/* ----------------- ul li (zie boven bij 'p' voor standaard-lettertype)
------------------------------------------------------------------------------ */


/* --- Correctie template Hueman voor <ul> en <ol> -> handhaaf op deze manier de inspringing in het geval van een floating image aan linkerkant naast de tekst */
.entry.themeform ol, .entry.themeform ul {
	overflow: hidden;
	padding-left: 22px;
	margin-left: 0;
}





/* ------------------------------------------------ Lettertype ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */


/* ------------------- Page ------------------ */
div.entry.themeform { font-family: Verdana, Geneva, sans-serif; font-size: 15px !important; color: #333; line-height: 24px;} 

/* ------------------- Post ------------------ */
div.entry.themeform div.entry-inner p  { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px !important; color: #333; line-height: 24px;} 

/* ------------------- Post Excerpt ------------------ */
div.post-inner.post-hover div.entry.excerpt p  { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px !important; color: #333; line-height: 24px; text-align: left;} 


/* ------------------- Koppen ------------------ */
/* Kop boven afzonderlijk artikel - single */
h1.post-title {
	font-size: 2.2em !important;
	font-weight: 700 !important;
	line-height: 125% !important;
	margin-bottom: 20px;
	color: #222222 !important;
} 
/* Overige hoofdkoppen - bijv. in blog-overzicht */
h2.post-title {
	font-weight: 700 !important;
	line-height: 125% !important;
	color: #222222 !important;
} 

@media screen and (min-width: 0px) and (max-width: 719px){ 
/* Kop boven afzonderlijk artikel - single */
h1.post-title {
	font-weight: 700 !important;
	margin-bottom: 20px;
} 
/* Overige hoofdkoppen - bijv. in blog-overzicht */
h2.post-title {
	font-weight: 700 !important;
} 
}


@media only screen and (max-width: 719px) {
.featured .post-title { /* Kop boven het eerste artikel op de homepage */
    font-size: 1.375em !important; /* oorspronkelijke waarde: 1.375em */
}
.single .post-title { /* Kop boven afzonderlijk artikel (single) */
    font-size: 1.475em !important; /* oorspronkelijke waarde: 1.375em */
}
}


/* ------------------- h1-koppen boven Pagina's ------------------ */

.entry h1 { font-family: 'Titillium Web'; font-size: 2.0em; font-weight: 700; padding-top: 7px; padding-bottom: 3px; color: #222222 !important; }

@media screen and (min-width: 0px) and (max-width: 719px){ 
.entry h1 { font-size: 1.7em; padding-top: 8px;  }
}



/* ------------------- Tussenkopjes ------------------ */

.entry h3, .entry h4, .entry h5 {
	padding-top: 15px !important;
	color: #008000 !important;
	margin-bottom: 18px !important;
}


.entry-inner #reply-title, .entry h6, .heading {
    font-size: 15px;
    text-transform: none !important;
    font-weight: 700;
	padding-top: 15px !important;
}


/* ------------------- Kopjes helemaal bovenaan, die de plaatsbepaling aangeven (bij navigatie door de blog) ------------------ */
div.page-title h1, div.page-title h2 { 
    color: #AAAAAA !important; font-weight: 700; font-size: 16px !important; /*  eerste deel: bijv. 'tagged' of 'categopry' */
}
div.page-title h1 span {
    color: #666666 !important; font-weight: 700; font-size: 16px !important; /* tweede deel: bijv. de naam van de categorie of de naam van */
}
div.page-title li.category a  { font-size: 16px !important; }  /* naam van de categorie waarin een bericht is geplaatst, bij weergave van enkel blogbericht */

div.page-title li.category a:hover  { font-size: 16px !important; }  /* naam van de categorie waarin een bericht is geplaatst, bij weergave van enkel blogbericht */





/* --------------------------------------- HR / Horizontale lijn  ----------------------------- */
/* -------------------------------------------------------------------------------------------- */
.hr, hr {
    border: 0;
    background: #EEEEEE;
    height: 1px;
    margin: 30px 0;
}



/* -------------------------------------------- Blockquotes  ---------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.entry blockquote {
	padding-right: 50px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.entry blockquote:before {
    font-size: 28px !important;
}

.entry blockquote:after {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
    content: "\f10e";
    color: #ccc;
    font-size: 28px;
    font-style: normal;
    text-align: center;
    position: absolute;
    right: 0;
	bottom: 0px;
}





/* ------------------------------ Afbeeldingen (alle content, b e h a l v e de overzichtspagina's) ------------------- */  
/* ------------------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------- Afbeeldingen > Hover bij gelinkte afbeeldingen ---------------------------- */
div.entry.themeform a img {
    opacity: 1.0;
	-webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 1.2s ease;
}

div.entry.themeform a img:hover {
    opacity: 0.75;
	-webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 1.2s ease;
}




/* ---------------------------------------- Afbeeldingen > Bijschriften ---------------------------- */
div.entry.themeform .wp-caption-text {
    font-family: 'Open Sans', sans-serif !important;
    font-style: italic;
    color: inherit !important;
	opacity: 0.9; 
    font-size: 15px;
	line-height: 1.4em;
	text-align: center;
    padding: 1px 7px 8px 7px;
    margin: 0 !important;
}
div.entry.themeform .wp-caption, .entry.themeform table tr.alt {
    background: #F8F8F8 !important;
}









/* ------------------------------------------------------ Afbeeldingen > Witruimte --------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------------- */

/* ----- Align: none > Zonder bijschrift (voor gebruik beeldvullende afbeelding bovenaan een artikel) ------------------------- */

div.entry.themeform img.alignnone {
    margin-right: auto;
    margin-left: auto;	

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 27px !important;
}


/* ----- Align: none > Met bijschrift (voor gebruik beeldvullende afbeelding bovenaan een artikel) ---------------------------- */

div.entry.themeform div.wp-caption.alignnone  {
	text-align: center;

/* Randje met caption-background */
    padding-top: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 27px !important;
}



/* -------------------------------------------------------------------------------------------------------- */

/* ----- Gecentreerd > Zonder bijschrift ------------------------- */

div.entry.themeform img.aligncenter {
    margin-right: auto;
    margin-left: auto;	

/* Verticaal: */
    margin-top: 32px !important;
    margin-bottom: 30px !important;
}


/* ----- Gecentreerd > Met bijschrift ---------------------------- */

div.entry.themeform div.wp-caption.aligncenter  {
	text-align: center;

/* Randje met caption-background */
    padding-top: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;

/* Verticaal: */
    margin-top: 32px !important;
	margin-bottom: 30px !important;
}



/* -------------------------------------------------------------------------------------------------------- */

/* ----- Links uitgelijnd > Zonder bijschrift ---------------------- */

div.entry.themeform img.alignleft {

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 13px !important;

/* Horizontaal: */
    margin-left: 0px !important;
    margin-right: 35px !important;
}

@media screen and (min-width: 500px) and (max-width: 800px) {
div.entry.themeform img.alignleft  {

/* Max breedte tov het beeldscherm: */
	max-width: 50%;

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 13px !important;

/* Horizontaal: */
    margin-left: 0px !important;
    margin-right: 30px !important;
}	
}


@media only screen and (max-width: 499px) {
div.entry.themeform img.alignleft  {

/* Geen floating meer + display: block: */
    float: none;
    display: block;

/* Max breedte tov het beeldscherm: */
	max-width: 100%; /* Kleine afbeeldingen worden NIET opgerekt tot volle breedte beeldscherm -> vanwege 'max-width' */

/* Verticaal: */
    margin-top: 32px !important;
    margin-bottom: 30px !important;

/* Horizontaal: */
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Indien als CSS-klasse 'top' is toegevoegd aan de afbeelding -> bij weergave bovenaan scherm -> in dat geval geen extra grote margin van 30px bovenaan: */
div.entry.themeform img.top.alignleft  {

/* Geen floating meer + display: block: */
    float: none;
    display: block;

/* Max breedte tov het beeldscherm: */
	max-width: 100%; /* Kleine afbeeldingen worden NIET opgerekt tot volle breedte beeldscherm -> vanwege 'max-width' */

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 30px !important;

/* Horizontaal: */
    margin-left: 0 !important;
    margin-right: 0 !important;
}		
}


/* ----- Links uitgelijnd > Met bijschrift -------------------------- */

div.entry.themeform div.wp-caption.alignleft  {

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 13px !important;

/* Horizontaal: */
    margin-left: 0px !important;
    margin-right: 35px !important;
}


@media screen and (min-width: 500px) and (max-width: 800px) {
div.entry.themeform div.wp-caption.alignleft {

/* Max breedte tov het beeldscherm: */
	max-width: 50%;
	
/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 13px !important;

/* Horizontaal: */
    margin-left: 0px !important;
    margin-right: 30px !important;
}	
}


@media only screen and (max-width: 499px) {
div.entry.themeform div.wp-caption.alignleft {

/* Geen floating meer + display: block: */
    float: none;
    display: block;

/* Max breedte tov het beeldscherm: */
	max-width: 100%; /* Kleine afbeeldingen worden NIET opgerekt tot volle breedte beeldscherm -> vanwege 'max-width' */

/* Verticaal: */
    margin-top: 32px !important;
    margin-bottom: 30px !important;

/* Horizontaal: */
    margin-left: 0 !important;
    margin-right: 0 !important;
}	
}




/* -------------------------------------------------------------------------------------------------------- */

/* ----- Rechts uitgelijnd > Zonder bijschrift ---------------------- */

div.entry.themeform img.alignright {

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 13px !important;

/* Horizontaal: */
    margin-left: 35px !important;
    margin-right: 0px !important;
}


@media screen and (min-width: 500px) and (max-width: 800px) {
div.entry.themeform img.alignright {

/* Max breedte tov het beeldscherm: */
	max-width: 50%;

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 13px !important;

/* Horizontaal: */
    margin-left: 30px !important;
    margin-right: 0px !important;
}	
}


@media only screen and (max-width: 499px) {
div.entry.themeform img.alignright {

/* Geen floating meer + display: block: */
    float: none;
    display: block;

/* Max breedte tov het beeldscherm: */
	max-width: 100%; /* Kleine afbeeldingen worden NIET opgerekt tot volle breedte beeldscherm -> vanwege 'max-width' */

/* Verticaal: */
    margin-top: 32px !important;
    margin-bottom: 30px !important;

/* Horizontaal: */
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Indien als CSS-klasse 'top' is toegevoegd aan de afbeelding -> bij weergave bovenaan scherm -> in dat geval geen extra grote margin van 30px bovenaan: */
div.entry.themeform img.top.alignright {

/* Geen floating meer + display: block: */
    float: none;
    display: block;

/* Max breedte tov het beeldscherm: */
	max-width: 100%; /* Kleine afbeeldingen worden NIET opgerekt tot volle breedte beeldscherm -> vanwege 'max-width' */

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 30px !important;

/* Horizontaal: */
    margin-left: 0 !important;
    margin-right: 0 !important;
}		
}



/* ----- Rechts uitgelijnd > Met bijschrift -------------------------- */

div.entry.themeform div.wp-caption.alignright  {

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 13px !important;

/* Horizontaal: */
    margin-left: 35px !important;
    margin-right: 0px !important;
}


@media screen and (min-width: 500px) and (max-width: 800px) {
div.entry.themeform div.wp-caption.alignright {

/* Max breedte tov het beeldscherm: */
	max-width: 50%;

/* Verticaal: */
    margin-top: 8px !important;
    margin-bottom: 13px !important;

/* Horizontaal: */
    margin-left: 30px !important;
    margin-right: 0px !important;
}	
}


@media only screen and (max-width: 499px) {
div.entry.themeform div.wp-caption.alignright {

/* Geen floating meer + display: block: */
    float: none;
    display: block;

/* Max breedte tov het beeldscherm: */
	max-width: 100%; /* Kleine afbeeldingen worden NIET opgerekt tot volle breedte beeldscherm -> vanwege 'max-width' */

/* Verticaal: */
    margin-top: 32px !important;
    margin-bottom: 30px !important;

/* Horizontaal: */
    margin-left: 0 !important;
    margin-right: 0 !important;
}	
}







/* ------------------------------------------------------ Galerijen > Witruimte --------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------------- */

/* ----- Galerij ------------------------- */

div.entry.themeform .gallery {
    margin-right: auto;
    margin-left: auto;	

/* Verticaal: */
    margin-top: 32px !important;
    margin-bottom: 30px !important;
}


/* ----- Bijschrift ------------------------- */
.entry .gallery .gallery-caption {
    background: rgba(255,255,255,.8);
    color: #333;
    font-size: .8125em;
    line-height: 1.4em;
    padding: 10px 0;
    text-align: center !important;
    text-indent: 0px !important;
    font-style: normal;
    margin: 0;
    bottom: -44px;
    left: 2px;
    right: 2px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}




/* ------------------------------------------------------ Embedded video --------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------------- */


.video-container {
    margin-top: 35px !important;
    margin-bottom: 32px !important;
}









/* ------------------------------------------------ Hoofdmenu ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */
#header .nav-wrap.container { background: #26272B !important; } /* de gehele top-menubalk */

#header .nav-wrap a { /* background: #152833; */ font-family: Verdana, Geneva, sans-serif; font-size: 15px !important; font-weight: 400 !important; color: #DDDDDD !important; letter-spacing: 0px !important; } /* horizontale balk bovenin scherm, bevattende het hoofdmenu */
#nav-header .nav li.current-menu-ancestor>a,#nav-header .nav li.current-menu-item>a,#nav-header .nav li.current-post-parent>a,#nav-header .nav li.current_page_item>a,#nav-header .nav li:hover>a,#nav-header .nav li>a:hover,#nav-topbar .nav li.current-menu-ancestor>a,#nav-topbar .nav li.current-menu-item>a,#nav-topbar .nav li.current-post-parent>a,#nav-topbar .nav li.current_page_item>a,#nav-topbar .nav li:hover>a,#nav-topbar .nav li>a:hover  { background: #5BB700 !important; color: #FFFFFF !important; text-decoration: none !important;  }


@media screen and (min-width: 0px) and (max-width: 719px){ 
#header .nav-wrap a { /* background: #152833; */ font-family: Verdana, Geneva, sans-serif; font-size: 15px !important; font-weight: 400px !important; color: #DDDDDD !important; letter-spacing: 0px !important; } /* horizontale balk bovenin scherm, bevattende het hoofdmenu */

/* Mobiel menu: geen groene bg bij hover + geen groene bg van de parent (in geval van submenu) */
#nav-header .nav li.current-post-parent>a, #nav-topbar .nav li.current-post-parent>a, #nav-topbar .nav li.current-menu-ancestor>a,
#nav-header .nav li:hover>a,#nav-header .nav li>a:hover, #nav-topbar .nav li:hover>a,#nav-topbar .nav li>a:hover  { background: inherit !important; color: #FFFFFF !important; text-decoration: none !important;  }

}




#header .nav-wrap ul li ul li { /* border-top: 1px solid #CCCCCC; */ }


/* Positionering menu-items in de balk */ 
@media only screen and (min-width: 720px)
{
.nav>li>a {
	padding-left: 16px;
	padding-right: 16px;
}
}


/* ---- Horizontale afstand tussen menu-items in hoofdmenu, ter voorkoming van weergave over 2 regels of door elkaar lopen van items en zoekbox-vergrootglas  ------ */
@media screen and (min-width: 720px) and (max-width: 745px){ 
#header .nav-wrap a { font-size: 12px !important; padding-left: 11px !important; padding-right: 11px !important; }
}

@media screen and (min-width: 746px) and (max-width: 779px){ 
#header .nav-wrap a { font-size: 13px !important; padding-left: 8px !important; padding-right: 8px !important; }
}

@media screen and (min-width: 780px) and (max-width: 854px){ 
#header .nav-wrap a { font-size: 14px !important; padding-left: 8px !important; padding-right: 8px !important; }
}

@media screen and (min-width: 855px) and (max-width: 900px){ 
#header .nav-wrap a { font-size: 15px !important; padding-left: 12px !important; padding-right: 12px !important; }
}




/* --- Hoofdmenu > Submenu (uitklap) > Subsubmenu */
@media only screen and (min-width: 720px) {
.nav ul {
    width: 220px !important; /* breedte submenu (uitklap uit het hoofdmenu)  /  oorspr.: 180px, maar dat is te smal bij langere woorden -> pijltje naar subsubmenu past daardoor niet op één regel */
}
}

/* --- Hoofdmenu > Sub-submenu (uitklap) > Subsubmenu */
@media only screen and (min-width: 720px) {
.nav ul ul {
    position: absolute;
    top: -10px;
    left: 220px !important; /* Positionering van het sub-submenu (correspondeert met breedte v/h submenu hierboven) */
}
}



/* ------------------------------------------------- Zoekbalk ------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------- */


/* --- Uitklapbare zoekbalk (na klik op vergrootglas in hoofdmenu) */ 
@media only screen and (min-width: 460px){
.search-expand {
    width: 440px !important; /* oorspr. waarde (voor alle mediaqueries) was: 340px; */
}
}


/* --- Invulveld */ 
[role=search].search-form label input {
    padding-left: 26px !important; /* Afstand tot linkerrand invoerveld */
    line-height: 20px !important;
    width: 100% !important;
    height: 100% !important; /* Noodzakelijk voor goede weergave in Safari */
}







/* ------------------------------------------------- Header ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */
/* ------------------ Plaatje van logo wijzigen via backoffice WordPress: Appearance > Customize > Header ------------------ */

#header { background: #F2F2F2; padding-bottom: 0px !important; } /* padding-bottom: 0px omdat je anders het verlengde van de titelbalk links en rechts naast het contentgedeelte geen andere kleur kunt geven */

div.container.group  { border-bottom: 5px solid #E5E5E5; } /* hoge, grijze deel van header */

.site-title { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 8px !important; padding-bottom: 8px !important; float: none !important; } /* float: none  dwingt logo ook bij groter dan 719px breedte in het midden uit te lijnen */

@media screen and (min-width: 0px) and (max-width: 719px){ /* Overgang bij 719px is afkomstig uit de originele stylsheet van Hueman, zie: /assets/front/css/main.css  --  Zonder extra margin is mobiele weergave onevenwichtig */
.site-title  { margin-top: 13px !important; margin-bottom: 13px !important; }
.site-title a img { max-height: 65px !important; } /* Maakt weergave op smartphone van logo wat minder hoog en groot en lomp */
} 



/* ------------------------------------------------- Container ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */


div#page.container { padding-top: 60px !important; background: #FFFFFF; } /* compensatie voor 'padding-bottom: 0px !important;' zoals hierboven gedefinieerd voor de #header */ 

@media screen and (min-width: 0px) and (max-width: 719px){ 
div#page.container  { padding-top: 0px !important; }
} 

#page .container-inner { box-shadow: none; } /* verwijdert vage grijze 'lijn' aan linker- en rechterkant van het contentgedeelte + rechtermenu */
div.main-inner.group { background: #FFFFFF !important; } /* content + het gedeelte dat onderaan onder de sidebar uitsteekt */

/* Unieke aanroep voor de featured post, bovenaan de homepage (= het meest recente bericht) */
div.entry.excerpt.entry-summary a { color: inherit; }
div.entry.excerpt.entry-summary a:hover { color: #444444; }

/* Positionering gecentreerde image in de content */
img.aligncenter { padding-top: 10px; padding-bottom: 10px; }

/* Positionering van de gerelateerde items onder elk blogbericht */
ul.related-posts.group li { margin: 0 10px 0 10px; width: 29%; } /* meer witruimte tussen de items en kleinere breedte, anders 'valt' de laatste naar de volgende regel */
ul.related-posts.group li img { max-height: 97px; overflow: hidden; } /* afbeeldingen bij gerelateerde berichten allemaal even hoog (dummy-afbeelding = 97px hoog */

/* Verwijder onnodige padding aan linkerkant van het blokje tekst onder de 'related image' */
.related-posts .related-inner {
    padding: 0 0px 0 0; /* oorspronkelijk:  'padding: 0 20px 0 0;' */
}

/* Koppen van de gerelateerde items onder elk blogbericht */
.single .related-posts .post-title  { font-size: 17px !important; }

@media screen and (min-width: 0px) and (max-width: 719px){ 
ul.related-posts.group li { margin: 0 10px 0 10px; width: 40%; } /* width: 46% per item bij weergave op mobiel, want bij scherm kleiner dan 719px worden er maar 2 related items weergegeven ipv 3. Met meer width vullen ze de beschikbare ruimte mooier op. */  
} 





/* ------------------------------------------------- Featured Artikel ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* ------------------- Featured post (eerste post op de blog-overzichtspagina)  ------------------ */
.featured {
    padding-bottom: 26px !important; /* afstand tussen featured post en de lijst oudere posts daaronder */
}


/* ------------------- Featured image van eerste post op de blog-overzichtspagina  ------------------ */
img.attachment-thumb-xlarge.size-thumb-xlarge.wp-post-image {
	display: none !important; /* De grote featured image van het bovenste blogbericht wordt NIET getoond, maar op de overzichtpagina (na klik op tag of category) wordt de eventueel toegevoegde featured image wél gewoon getoond - indien ingesteld natuurlijk. Zo niet, dan wordt daar de placeholder getoond. */
}

/* ------------------- Positionering sticker met aantal reacties bij Featured image (voorkomt dat hooftitel en sticker door elkaar lopen) */
.post-thumbnail.featured-img-thumb-xlarge a.post-comments {
	margin-top: -13px;
}

/* ------------------- Voorkom dat de sticker in mobiele weergave over metagegevens als categorie en datum heenvalt */
.featured .post-inner.post-hover .post-meta.group {
	padding-right: 50px !important; /* extra padding aan rechterkant van blokje categorieën en datum (regel metagegevens boven de titel */
}




/* ------------------------------------------------- Knoppen Social Media ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* --- Weergave het woord 'FOLLOW:' in het rechtermenu --- */
div.sidebar-top.group p { display: none !important; 
	/* font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: none;
    text-shadow: #999999 1px 1px; */
 } /* het woord 'FOLLOW:' */

/* --- Gehele balk met daarin de social media knoppen */
div.sidebar.s1 div.sidebar-content div.sidebar-top.group {
	background: #FFFFFF !important;
	border-bottom: 1px solid #eee;
	padding-top: 14px;
	padding-bottom: 13px !important;
}  
.s1 {
	background: #FFFFFF !important;
}


/* --- Weergave v/h icoontje voor 'Volgen via e-mail' - selecteer via weergave > customizer > global settings > social links  het apple-icoontje en verander dat in het e-mail-icoontje mbv de volgende code (codes via de website van Font Awesome) --- */
.social-links .fa-apple::before {
    content: "@"; /* zie voor de codes: google op 'font-awesome' */
	font-weight: 600 !important;
	font-family: 'Titillium Web', sans-serif !important;
	font-size: 27px;
	font-style: normal;
}

/* --- Positionering van het symbooltje voor e-mailservice --- */
/* rechtermenu: */
div.sidebar-top.group ul.social-links li a.social-tooltip .fa-apple { margin-right: 3px !important; }
/* footer: */ 
footer#footer ul.social-links li a .fa-apple  { margin-right: 0px !important; }


/* --- Weergave v/h icoontje voor Mastodon - selecteer via weergave > customizer > global settings > social links het chrome-icoontje en verander dat in het Mastodon-icoontje mbv de volgende code: --- */
.social-links .fa-chrome::before {
    background-image: url('/wp-content/uploads/site-images/icon_mastodon_grijs.png');
    background-size: 23px 23px;
    display: inline-block;
    width: 23px; 
    height: 23px;
    margin-bottom: -3px;
    content:"";
	-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;
}

/* --- Mastodon - Hover sidebar  */
div.sidebar-top.group ul.social-links li a .fa-chrome:hover::before {
    background-image: url('/wp-content/uploads/site-images/icon_mastodon_blauw.png');
    background-size: 23px 23px;
    display: inline-block;
    width: 23px; 
    height: 23px;
    content:"";
	-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;
}

/* --- Mastodon - Hover footer  */
footer#footer ul.social-links li a .fa-chrome:hover::before {
    background-image: url('/wp-content/uploads/site-images/icon_mastodon_grijs_footer_mo.png');
    background-size: 23px 23px;
    display: inline-block;
    width: 23px; 
    height: 23px;
    content:"";
	-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;
}


/* --- Weergave gewone en hover-kleur icons social media in rechtermenu (behalve Chrome/Mastodon, want dat is een afbeelding - zie hierboven) --- */
div.sidebar-top.group ul.social-links li a .fa-apple { color: #919191 !important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
div.sidebar-top.group ul.social-links li a .fa-rss { color: #919191 !important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
div.sidebar-top.group ul.social-links li a .fa-twitter { color: #919191 !important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

div.sidebar-top.group ul.social-links li a:hover .fa-apple { color: #82B965 !important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
div.sidebar-top.group ul.social-links li a:hover .fa-rss { color: #F0790D !important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
div.sidebar-top.group ul.social-links li a:hover .fa-twitter { color: #1DA1F2 !important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }



/* --- Weergave icons social media in footer --- */

footer#footer ul.social-links li a .fa-apple { color: #888888 !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;  }
footer#footer ul.social-links li a .fa-rss { color: #888888 !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; font-size: 25px;  }
footer#footer ul.social-links li a .fa-twitter { color: #888888 !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; font-size: 25px;  }

footer#footer ul.social-links li a:hover .fa-apple { color: #AAAAAA !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;  }
footer#footer ul.social-links li a:hover .fa-rss { color: #AAAAAA !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; font-size: 25px;  }
footer#footer ul.social-links li a:hover .fa-twitter { color: #AAAAAA !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; font-size: 25px;  }





/* ------------------------------------------------- Rechtermenu ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */

div.sidebar-content { padding-left: 20px; background: #FFFFFF !important; } /* creëert extra afstand tussen content en sidebar */

div#archives-2.widget.widget_archive label.screen-reader-text { display: none !important; }


@media only screen and (min-width: 961px) {
.sidebar .widget {
	padding-right: 20px !important; /* -> maakt rechtermenu 10px breder, oorspr. waarde = 30px */
}
}



/* ------------------- Kopjes rechtermenu ------------------ */
.widget>h3 {
    color: #000000;
	font-size: 19px;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
    text-transform: none;
    margin-bottom: 4px;
    padding-bottom: 4px;
    line-height: 130%;
}



/* De ruimte tussen afzonderlijke widgets */
.s1 .widget.widget { padding-bottom: 5px !important; } 




/* ------------------- Menu-items ------------------ */
.s1 div#categories-2.widget.widget_categories ul li a { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px; } /* Rechtermenu 'Rubrieken' - afzonderlijke menu-items  */
.s1 div#archives-2.widget.widget_archive ul li a { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px; } /* Rechtermenu 'Rubrieken' - afzonderlijke menu-items */

.s1 div#recent-posts-2.widget.widget_recent_entries ul li a { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px; } /* Rechtermenu 'Recente berichten - afzonderlijke menu-items */

.s1 div#recent-comments-2.widget.widget_recent_comments ul li a { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px; } /* Rechtermenu 'Recente reacties - afzonderlijke menu-items */

.s1 div#alxtabs-2.widget.widget_hu_tabs ul li a { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px; color: #777; } /* Rechtermenu 'Recente reacties als onderdeel van de 'tabs-widget' */
.s1 div#alxtabs-2.widget.widget_hu_tabs ul li a:hover { color: #444444 } /* Rechtermenu 'Recente reacties als onderdeel van de 'tabs-widget' */

div.textwidget.custom-html-widget { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px !important; color: #525252; line-height: 24px; } /* tekstwidgets, platte tekst */
div.textwidget.custom-html-widget a { text-decoration: none; color: #0B79CB; } /* tekstwidgets, hyperlinkweergave in de platte tekst */
div.textwidget.custom-html-widget a:hover { color: #444444; } /* tekstwidgets, hover-hyperlinkweergave in de platte tekst */





/* ------------------------------------------------- Content ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */

div.page-title { background: #FFFFFF !important; }



/* ---------------------- Metagegevens bovenaan elk blogbericht ------------------ */
.post-byline {
    margin-bottom: 30px !important;
    font-size: 15px !important; 
}
@media only screen and (min-width: 720px) { 
.post-byline {
    font-size: 16px !important; 
}
}



/* ---------------------- Tags onder elk blogbericht ------------------ */
div.hu-pad.group p.post-tags span  { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px; }
div.hu-pad.group p.post-tags a { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px; color: #666666; background: #EEEEEE; padding: 4px 6px 4px 6px; margin: 0px 7px 6px 0px; }
div.hu-pad.group p.post-tags a:hover { background: #3B8DBD; color: #ffffff; }



@media screen and (min-width: 0px) and (max-width: 719px){ 
div.page-title { background: #FFFFFF !important; }
} 





/* ------------------- Onderaan elke posting (verwijzing naar nieuwsbrief) -> zie Dashboad > Tablepress > Slot postings ------------------ */

.tablepress tbody tr td {
	text-align: left;
	padding: 0px !important;
	border: none !important;
}

.tablepress tbody tr td hr {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.tablepress tbody tr td h4 {
	color: #008000 !important;
    font-size: 22.5px !important;
    font-weight: 400;
    line-height: 1.3em;
    letter-spacing: -.3px;
}

@media only screen and (max-width: 719px) {
.tablepress tbody tr td h4 {
    font-size: 20.625px !important;
}
}





/* ------------------------------------------------- Delen / Sharedaddy ------------------ */
/* --------------------------------------------------------------------------------------------- */

div.sharedaddy, #main div.sharedaddy, div.sharedaddy {
    margin-top: 80px !important;
}

/* --- Kopje 'Delen' */
div.sharedaddy h3.sd-title {
  display: none !important;
}



/* ------------------------------------------------- Tags / Trefwoorden ------------------ */
/* --------------------------------------------------------------------------------------------- */

/* --- Witruimte tussen deelknoppen en tags' */
.single .post {
  margin-bottom: 20px !important;
}

/* --- Kopje 'Trefwoorden' */
p.post-tags span {
  display: none !important;
}



/* ------------------------------------------------- Gerelateerde berichten ------------------ */
/* --------------------------------------------------------------------------------------------- */

/* --- Related posts - Gehele blokje */
.related-posts {
  border-bottom: none !important;
  margin-bottom: 10px !important;
}


/* --- Related posts - Afzonderlijke gerelateerde berichten > witruimte tussen de kolommen */
ul.related-posts.group li {
    margin: 0 7px 0 7px;
    width: 29%;
}

/* --- Related posts - Horizontaal uitvullen 'Gerelateerde berichten' (er worden er slechts 2 stuks weergegeven bij scherm < 719px )  */
@media screen and (min-width: 0px) and (max-width: 719px){ 
ul.related-posts.group li { margin: 0 8px 0 8px; width: 44%; } /* width: 44% per item bij weergave op mobiel, want bij scherm kleiner dan 719px worden er maar 2 related items weergegeven ipv 3. Met meer width vullen ze de beschikbare ruimte mooier op. */  
} 


/* --- Related posts - Thumbnails van 'Gerelateerde berichten' */ 

/* --- Related posts - Vaststelling hoogte v/d omvattende div */
li.related.post-hover article.post .post-thumbnail {
	position: relative !important;
	height: 115px !important; 
	width: 100% !important; 

	display: flex;
    justify-content: left; 
    align-items: center;
    overflow: hidden;

	margin-left: auto;   /* uitlijning plaatje in de kolom */
	margin-right: auto;   /* uitlijning plaatje in de kolom */
}

/* --- Related posts - Afbeelding verticaal gecentreerd in de omvattende div */
li.related.post-hover article.post .post-thumbnail a img {
	margin: 0 !important;
    flex-shrink: 0 !important;
    min-height: 115px !important; /* Afbeelding wordt verticaal uitgevuld over de gehele hoogte van de omvattende div */
    min-width: 250px !important; /* Afbeelding wordt horizontaal uitgevuld (evt. óók vergroot indien kleiner) over de gehele breedte van de omvattende div */
	object-fit: cover !important;

	border: none !important;
    padding: 0px !important;
}




/* --- Related posts > Mediaqueries om óók kleine afbeeldingen steeds horizontaal op te vullen en geheel te tonen (niet slechts linkerdeel bij grotere min-width): */
@media screen and (min-width: 0px) and (max-width: 500px){ 
li.related.post-hover article.post .post-thumbnail a img {
    min-width: 102px !important; /* Afbeelding wordt horizontaal uitgevuld (evt. óók vergroot indien kleiner) over de gehele breedte van de omvattende div */
}
}

@media screen and (min-width: 501px) and (max-width: 719px){ 
li.related.post-hover article.post .post-thumbnail a img {
    min-width: 270px !important; /* Afbeelding wordt horizontaal uitgevuld (evt. óók vergroot indien kleiner) over de gehele breedte van de omvattende div */
}
}




/* ------------------------------------------------- Reactieformulier ------------------ */
/* --------------------------------------------------------------------------------------------- */
#commentform {
    background: #FFFFFF !important;
	padding: 0px !important
}



/* ------------------------------------------------- Reacties ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */
#comments .comment-tabs li:nth-child(2) { display: none; } /* Verbergt kopje 'Pingbacks' boven reacties */

/* Naam van degene die reageert */
div.comment-author.vcard cite.fn { font-size: 16px; line-height: 24px; font-weight: 700; }
div.comment-author.vcard cite.fn a { font-size: 16px; line-height: 24px; font-weight: 700; }
/* Datum en tijd boven elke reactie */
.commentlist .comment-meta a, .commentlist .reply a, .pinglist .ping-meta  { font-size: 16px; line-height: 24px;  } 

/* Platte tekst van de reacties */
.commentlist li p { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px; color: #666666 !important; line-height: 24px; } 

/* Witruimte onder knop 'Beantwoorden' */
.commentlist .comment-body {
  padding-bottom: 30px !important;
}



/* ------------------------------------------------- Footer ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------- Footermenu - witte menubalk ------------------ */
ul#menu-footermenu_nl.nav.container.group li a { color: #666666; }
ul#menu-footermenu_nl.nav.container.group li a:hover { color: #000000; }


/* ---------------------- Footer - copyright-verklaring ------------------ */
#copyright p  { font-family: Verdana, Geneva, sans-serif !important; font-size: 15px !important; letter-spacing: 0.02em; color: #AAAAAA; }
#copyright p a { color: #AAAAAA !important; border-bottom: 1px dotted #888888 !important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
#copyright p a:hover { color: #C4C4C4 !important; border-bottom: none !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }


/* ---------------------- Footer - verticale positionering van content in de footer (copyright en knoppen social media) ------------------ */
#footer-bottom .hu-pad { padding-top: 45px; }
#footer .hu-pad { padding-bottom: 30px; }

@media screen and (min-width: 0px) and (max-width: 790px){ 
#footer-bottom .hu-pad { padding-top: 55px; }
#footer .hu-pad { padding-bottom: 30px; }
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  Cookie Notice  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


/* --- Mededeling (de gewone tekst) */ 
.cookie-notice-container #cn-notice-text {
    font-family: 'Titillium Web', sans-serif !important;
	font-size: 16px !important;
	line-height: 140% !important;
	letter-spacing: 0.01em !important;
}

/* --- Tekst 'Toelichting / Read more' */
.cookie-notice-container .cn-privacy-policy-link.cn-link {
    font-family: 'Titillium Web', sans-serif !important;
	font-size: 16px !important;
	line-height: 140% !important;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 21px !important;
	margin-right: 15px !important;
	border-bottom: 1px solid #628c38 !important;
}

.cookie-notice-container .cn-privacy-policy-link.cn-link {
    font-family: 'Titillium Web', sans-serif !important;
	color: #ddd !important;
	letter-spacing: 0.01em !important;
}

.cookie-notice-container .cn-privacy-policy-link.cn-link:hover,
.cookie-notice-container .cn-privacy-policy-link.cn-link:active,
.cookie-notice-container .cn-privacy-policy-link.cn-link:focus {
    font-family: 'Titillium Web', sans-serif !important;
	color: #fff !important;
	border-bottom: 1px solid #999 !important;
}


/* --- Buttontekst 'OK' */
.cookie-notice-container .cn-set-cookie.cn-button {
    font-family: 'Titillium Web', sans-serif !important;
	color: #fff !important;
	font-size: 118% !important;
	padding: 9px 9px !important;
	transition: all .2s ease;
}

.cookie-notice-container .cn-set-cookie.cn-button:hover {
	background-color: #5BB700 !important;
	transition: all .2s ease;
}


/* --- Kruisje om te sluiten rechtsboven cookiebalk */
.cookie-notice-container .cn-close-icon {
	display: none !important;
}



/* --- Aanvullende vormgeving voor smallere schermen */

@media only screen and (max-width: 1100px) {
/* --- Mededeling (de gewone tekst) */ 
.cookie-notice-container #cn-notice-text {
    display: block !important;
	letter-spacing: 0.01em !important;
}
	
/* --- Tekst 'Toelichting / Read more' */
.cookie-notice-container .cn-privacy-policy-link.cn-link {
	margin-left: 0px !important;
}
.cookie-notice-container .cn-privacy-policy-link.cn-link a {
    display: inline-block !important;
}

/* --- OK-button */
.cookie-notice-container #cn-notice-buttons {
  display: inline-block !important;
}

.cookie-notice-container .cn-set-cookie.cn-button {
    display: inline-block !important;
	font-size: 110% !important;
	padding: 8px 8px !important;
}
}





/* ------------------------------------------------- Fancy Box ------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */


/* --- FancyBox (lightbox voor images) ------------------------------------------------------ */
/* --- Afgeronde hoeken van de popup (code afkomstig uit oude versie van WooCommerce, waar Fancybox in geïntegreerd zat */
#fancybox-outer{ 
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em !important;
	-webkit-box-shadow: 0 0 1em rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 1em rgba(0,0,0,0.6);
	box-shadow: 0 0 1em rgba(0,0,0,0.6);
}

#fancybox-content{
	width: 0;
	height: 0;
	padding: 0;
	outline: 0;
	position: relative;
	overflow: hidden;
	z-index: 11102;
	border: 0 solid #fff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

/* --- Voorkom scrollbars bij weergave van de popup in IE */
#fancybox-content {
   overflow: hidden !important;
}

.fancybox-title-outside #fancybox-title {
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400;
	line-height: 21px;
    letter-spacing: 0.00em;
	text-align: center !important;
	margin-top: 0px !important;
}

@media screen and (max-width: 480px) {
.fancybox-title-outside #fancybox-title {
	font-size: 14px !important;
}
}





/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  GTranslate (Google-vertaal-dropdown)  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


@media only screen and (max-width: 719px) {
/* --- Positionering dropdown */
.gt_switcher_wrapper {
    position: absolute !important;
    margin-top: 12px !important;
    right: 20% !important;
    z-index: 999999;
}

/* --- Vlaggetjes (ietsje kleiner in mobiele weergave) */
.gt_switcher a img {
    width: 20px !important;
	height: 20px !important;
}

/* --- Dropdownsymbool rechts i/d dropdown (verticale positie) */
.gt_switcher .gt_selected a::after {
    height: 20px !important;
}

/* --- Lettergrootte tekst dropdown */
.gt_switcher a {
    font-size: 11pt !important;
}
}


@media screen and (min-width: 720px) and (max-width: 770px) {   
/* --- Positionering dropdown */
.gt_switcher_wrapper {
    position: fixed;
    margin-top: 60px !important;
    right: 1% !important;
    z-index: 1 !important;
}
}


@media only screen and (min-width: 771px) {   
/* --- Positionering dropdown */
.gt_switcher_wrapper {
    position: fixed;
    margin-top: 66px !important;
    right: 1% !important;
    z-index: 1 !important;
}

/* --- Dropdownsymbool rechts i/d dropdown (verticale positie) */
.gt_switcher .gt_selected a::after {
    height: 30px !important;
}

/* --- Lettergrootte tekst dropdown */
.gt_switcher a {
    font-size: 12pt !important;
	line-height: 30px !important;
}
}



/* --- ALGEMEEN - Minimale hoogte dropdown zelve (geldt voor alle resoluties) */
.gt_switcher .gt_option {
    min-height: 415px !important; /* hoger gemaakt ter voorkoming van te vroeg getoonde scrollbalk in de dropdown */
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  Jetpack - pagina Volgen - Aanmelden  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.jetpack_subscription_widget .success {
	font-size: 150% !important;
	line-height: 140% !important;
	color: #6DC812 !important;
}