/*
Theme Name:   Benevolent Amnesty
Theme URI:    https://rarathemes.com/wordpress-themes/benevolent/
Template:     benevolent
Author:       Amnesty Internetgroep: Jan Voskes & Richard de Boer
Author URI:   https://internetgroep.amnesty.nl
Description:  Het thema Benevolent Amnesty is een Child thema van Benevolent. Het thema is speciaal aangepast voor Amnesty WordPress websites die hosten bij Amnesty NL en is gemaakt door de Internetgroep van Amnesty. Met dit thema zijn een aantal modelsites gemaakt die je kunt terugvinden via https://internetgroep.amnesty.nl, modelsites.
Tags:         Blog,two-columns,right-sidebar,footer-widgets,education,custom-background,custom-menu, featured-image-header,featured-images,post-formats,threaded-comments,translation-ready,full-width-template, theme-options,amnesty,internetgroep,modelsites,eenvoudig,zijmenu,fotoslider
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  benevolent-amnesty
Version:      2.0.2
Updated:      2021-07-28
*/

/* Wijzigingen
Voorheen Benevolent Voskes, 1.4.0 t/m 1.4.9
Nu       Benevolent Amnesty
2.0.0 2021-05-30 RB Eerste versie, gelijk aan Benevolent Voskes 1.4.9.
2.0.1 2021-06-05 RB Verhouding pagina/zijmenu van 67/33% naar 75/25%, aanpassingen voor andere @media,
					layout plugin Photo Galary Slideshow iets aangepast.
2.0.2 2021-07-28 RB Aanpassing Benevolent 1.3.0 sub-menu v-teken, 
					layout sub-menu aangepast (geen uppercase, minder padding, iets breder).
*/

/* basis tekst in zwart ipv grijs #777 */
body,
button,
input,
select,
textarea {
    color: #000;
}

/* Grootte Logo Amnesty */
.logo-text .site-logo {
    width: 250px;
}
.logo-text .site-title-wrap {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    background: #ff0;
    height: 106px;
    margin-left: -5px;
}
.site-header .header-top {
    background: #000;
    padding: 0 0 0;
}
/* site-branding blijft naast logo bij kleiner scherm */
.site-header .site-branding {
    max-width: 100%;
    margin: 4px 20px 0 0;
}
.site-header .site-branding .site-title a {
    color: #000;
}
.site-header .site-branding .site-title {
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
}
.site-header .site-branding .site-description {
    font: 16px Arial, Helvetica, sans-serif;
    color:#000;
}
.site-header .right-panel {
    float: left;
}
/* forceer right-panel / main-navigation op nieuwe regel */
.main-navigation {
    width: 1250px;
}
/* main-navigation iets hoger tegen logo */
.main-navigation ul {
    margin-top: 0;
}

.main-navigation a {
    color: #ff0;
    font-size: 16px;
    font-weight:700;
    text-transform: uppercase;
    padding-top: 27px;
}

a {
    text-decoration: none;
    color: #000;
    outline: none;
}

.sub-menu { 
    border: 1px solid #c2c2c2;
}

/* tekst submenu achtergrond grijs, iets breder */
.sub-menu .menu-item { 
    border: none;
    background-color: #c2c2c2;
    width: 250px;
}

/* tekst submenu standaard 16px, minder padding, geen uppercase */
.sub-menu .menu-item a { 
	font-size: 16px;
    padding: 8px;
    text-transform: none;
}

a:hover {
    text-decoration: none;
    color: #000;
}
a:focus {
    outline: none;
    color: #000;
}

/* ankers wel onderstreept in content, hover niet, lichtgrijs (tekst) */
.entry-content a {
    text-decoration: underline;
}
.entry-content a:hover {
    text-decoration: none;
    color: #777;
}

/* main/sub-menu hover wit */
.main-navigation a:hover,
.main-navigation ul li:hover>a {
    color: #fff;
}

/* bij submenu v-teken lager en geel */
.main-navigation ul .submenu-toggle {
    top: 28px;
    right: -15px;
}

.main-navigation ul .submenu-toggle svg path {
    fill: #ff0;
} 

/* witruimte boven en onder pagina kleiner */
.site-content {
    padding: 0px 0px 0px;
}

/* Maak primary breder, secondary smaller */
#primary {
    width: 75%;
}

/* Heading 1 artikel titel */
#primary .post .entry-header .entry-title a:hover,
#primary .page .entry-header .entry-title a:hover {
    color: #fff;
    background: #000;
    text-decoration: none;
}
/* read more */
#primary .post .entry-footer .readmore {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-transform: lowercase;
    color: #000;
}
#primary .post .entry-footer .readmore:hover {
    text-decoration: none;
    font-size: 18px;
    color: #000;
}
/*paginakop */
#primary .post .entry-content h1,
#primary .page .entry-content h1 {
    font-size: 36px;
    line-height: 57px;
    margin: 0 0 10px;
    color: #121212;
    font-weight: 600;
}
#primary .post .entry-content h2,
#primary .page .entry-content h2 {
    font-size: 30px;
    line-height: 48px;
    font-weight: 700;
    color: #121212;
    margin: 0 0 13px;
}

/* titel van pagina start als h3 gelijk aan andere pagina's */
#primary .post .entry-content h3,
#primary .page .entry-content h3 {
    margin: 0 0 15px;
}

/* maak secondary smaller, primary breder, top padding gelijk aan pagina */
#secondary {
    width: 25%;
    padding: 26px 0px 0px 5px;
}
/* ruimte tussen widgets iets kleiner */
#secondary .widget {
    margin: 0 0 18px;
}
/* rechter sitebar, uitlijning van regels, bij tekst, paragraaf,
   ankers, list, search, social media. sitebar compacter */
#secondary .widget .textwidget {
    padding-left: 29px;
}
#secondary .widget .textwidget ul {
    padding: 2px 2px 2px 0px;
}
#secondary .widget p {
    padding-left: 0px;
}
#secondary .widget a {
    padding: 0px 0px 0px 0px;
    color: #000;
}
#secondary .widget a:hover {
    font-weight: bold;		/* geldt ook voor list's */
}
/* ruimte boven/onder ul kleiner */
#secondary .widget ul {
	padding: 2px 2px 2px 29px;
}
/* ruimte tussen li kleiner */
#secondary .widget ul li {
    margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px;
}	
#secondary .widget ul li a {
    color: #000;
}
#secondary .widget ul li a:hover {
    text-decoration: none;
    color: #000;
}
/* ruimte boven/onder lijn kleiner */
#secondary hr {
    margin: 4px 0px 4px 4px;
}
/* widget Zoeken */
#secondary .widget.widget_search .search-form,
.search .search-form {
    padding: 2px 10px 4px 26px;
}
/* plugin/widget Social Media Feather */
#secondary .widget_synved_social_follow  {
    padding-left: 29px;
}
#secondary .widget_synved_social_follow .widget-title {
    padding-left: 0px;
}
/* widget title minder hoog */
#secondary .widget-title {
    padding: 4px 29px 0px;
}

/* # Slider instellingen */
/* slider foto's wat kleiner door padding */
.banner ul.owl-carousel {
    padding: 0% 10% 0% 10%
}
/* witte dots/linkjes weer naar midden */
.banner .owl-carousel .owl-dots {
    width: 80%;
}
/* slider tekst iets lager, onder zwarte balk */
.banner .banner-text {
    top: 40%;
}
/* slider tekst, zwart op 70% doorzichtig wit */
.banner .text {
    max-width: fit-content;
    color: #000;
}
.banner .text .main-title {
    font-size: 38px;
    line-height: 46px;
    font-weight: 600;
    padding: 5px 10px 5px 10px;
    background: rgba(255,255,255,0.7) /* 0.7 is 70% doorzichtig */
}

/* banner/slider lees meer, tekst zwart/wit, hoover geel/zwart */
.banner .text .btn-learn {
    line-height: 50px;
    color: #fff;
    height: 50px;
    width: 240px;
    background: #000;
    border: 2px solid #ff0;
}
.banner .text .btn-learn:hover {
    background: #ff0;
    color: #000;
    border: 2px solid #000;
}

/* # Startpagina intellingen */
/* our community, backgroud geel, tekst zwart, hoogte kleiner*/
.our-community .header {
    background: #ff0;
	padding: 30px 10px;
}
.our-community .header .main-title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #000;
    padding-top: 1px;
}

/* blog section, tekst groter, bold, breder */
.blog-section .header {
    padding: 20px 0 0px;
    font-size: 18px;
    font-weight: bold
}
.blog-section .header .text {
    max-width: 1000px;
}
/* blog-section, 3 recente titels,  hover's wit op zwart */
.blog-section .blog-holder .post .entry-title a:hover {
    color: #fff;
    background: #000;
}
.blog-section .blog-holder .post .readmore:hover {
    color: #fff;
    background: #000;
}

/* # Footer instellingen */
/* footer layout */
.footer-t {
    margin-top: 25px;
    background: #202020;
    padding: 8px 0 1px;
    margin: 0 0 5px;
}
 .site-footer .column {
    width: 25%;
}
/* ontwerp by hidden */
.site-info .by {display: none;}

/* footer link/hover kleur geel*/
.site-footer .columns-4 ul li a:hover,
.site-footer .columns-6 ul li a:hover,
.site-footer .widget ul li a:hover {
    text-decoration: none;
    color: #ff0;
}

/* # MEDIA 1024px */
@media only screen and (max-width: 1024px){

/* logo + site-title aaneengesloten, site-title ook 250px */
.logo-text .site-title-wrap {
    margin-left: -15px;	
    padding-top: 20px;
    padding-left: 25px;
    width: 250px;
  }

/* Grootte en positie site-title en description*/
.mobile-header .site-branding .site-title{
    font-size: 1.5rem;
    font-weight: 700;
    margin: 10;
  }
.mobile-header .site-branding .site-description{
    font-size: 1rem;
    font-weight: 700;
    color:#000;
  }
/* rechter sitebar weer wat breder, primary wat smaller, rechts uitlijn */
#primary {
    width: 67%;
  }
#secondary {
    width: 33%;
    padding: 26px 0px 0px 0px;
  }
/* # MEDIA 1024px EINDE */
}

/* # MEDIA 767px */
@media only screen and (max-width: 767px){
	
/* rechter sitebar onderaan */
#primary {
    width: 100%;
  }
#secondary {
    width: 100%;
    padding: 26px 15px 10px 15px;
  }	
/* zet widget in footer onder elkaar door 100% */		
.site-footer .column {
    width: 100%;
  }
/* # MEDIA 767px EINDE */ 
}

/* Single post and single page underline fixes */
/* terugzetten vanaf Benevolent 1.2.9 */
.widget .textwidget a {
    text-decoration: none;
}

.widget .textwidget a:hover {
    text-decoration: none;
}

/* GEBRUIKTE STANDAARD PLUGIN INSTELLINGEN */
/* plugin List Last Changes, tekst groter, links uitgelijnd */
span.list_last_changes_date { 
   font-size: large; margin-left: 0
}

/* plugin Photo Galary Slideshow, widget foto iets hoger  */
.bwg_container {
    margin: 0px;
}