/*
 Theme Name: Wadoesters (Child of Twenty Nineteen)
 Theme URI: https://digizaal.nl/
 Description: Child theme gebaseerd op Twenty Nineteen met Wadoesters-styling en assets.
 Author: Dirk Zaal (Digizaal)
 Author URI: https://digizaal.nl/
 Template: twentynineteen
 Version: 1.0.0
 Text Domain: wadoesters-child
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Webfont			assets/fonts/Expressway-webfont/stylesheet.css
# Normalize			assets/style/normalize.css
# Accessibility 	assets/style/general.css
# Alignments 			"		"
# Clearings 			"		"
# Typography 			"		"
# Forms 				"		"
# Buttons 				"		"
# Formatting 			"		"
# Lists 				"		"
# Tables 				"		"
# Navigation 			"		"
# Links 				"		"
# Layout 				"		"
	## Posts 			"		"
	## Pages 			"		"
# Comments 				"		"
# Widgets 				"		"
# Infinite scroll 		"		"
# Media 				"		"
	## Galleries 		"		"
--------------------------------------------------------------*/

@import "assets/fonts/Expressway-webfont/stylesheet.css";
@import "assets/style/normalize.css";
@import "assets/style/general.css";
@import "assets/style/layout.css";
@import "assets/style/mobiel.css";
@import "assets/style/tablet.css";
@import "assets/style/desktop.css";
/* Header netjes centreren */
.site-branding { text-align: center; margin: 0 auto;height:0 }

/* Hero/cover neutraliseren als die onverhoopt nog verschijnt */
.cover-header { background: transparent; }
.cover-header .cover-header-inner { padding: 2.5rem 0; }

/* Featured image netjes laten vloeien in tekst */
.alignleft { float: left; margin: 0 1.25rem 1rem 0; }
.entry .wp-block-image img, .entry img { height: auto; max-width: 100%; }

/* Zorg dat de contentkolom boven blauw blijft liggen */
.entry .entry-content, .entry .entry-header { position: relative; z-index: 1; }

.cover-header { background: transparent; }
.cover-header .cover-header-inner { padding: 2rem 0; }
.cover-header .entry-header { max-width: 720px; margin: 0 auto; text-align: center; }

.entry .entry-content, .entry .entry-summary {
    max-width: none;
    margin: 0;
    padding: 0 30px;
}
.entry .entry-content >*,
p {max-width: none !important}
.land:before {content : ""}
h1:not(.site-title):before, h2:before {
    background: #767676;
    content: "";
    display: block;
    height: 0;
    margin: 0;
    width: 0;
}

/* --- Polylang: basis layout in primary menu --- */
#site-navigation { position: relative; }
.main-navigation .menu > li.pll-parent-menu-item {
  margin-left: auto;            /* duwt taalmenu naar rechts */
  position: relative;
}

/* Dropdown correct positioneren en zichtbaar maken */
.main-navigation .menu > li.pll-parent-menu-item > .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;                     /* rechts uitlijnen onder de knop */
  left: auto;
  min-width: 180px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  padding: .25rem 0;
  z-index: 9999;
  display: none;
}

/* Toon dropdown op hover en toetsenbord-focus */
.main-navigation .menu > li.pll-parent-menu-item:hover > .sub-menu,
.main-navigation .menu > li.pll-parent-menu-item:focus-within > .sub-menu {
  display: block;
}
.site-title {display:none}
/* Items in de lijst */
.main-navigation .pll-parent-menu-item .sub-menu li {
  white-space: nowrap;
}
.main-navigation .pll-parent-menu-item .sub-menu a {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  text-transform: none;         /* voorkom ongewenste uppercase */
  line-height: 1.2;
}

/* Vlaggetjes klein en netjes uitgelijnd */
.main-navigation .pll-parent-menu-item .sub-menu img {
  width: 18px; height: auto; display: inline-block;
}

/* Val terug op klik voor touch-devices */
.main-navigation .pll-parent-menu-item > a {
  cursor: pointer;
}
.site-header {padding: 0}
.site-header .main-navigation .main-menu {display: block !important}

.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return {
    color: #111;
    max-width: 20rem;
}
ul.main-menu .submenu li a span {font-size: 13px !important}