/*   
Theme Name: Stikstofwoordenboek
Author: De Zagerij ontwerpbureau
Template: esteem
Version: 1.0
*/

/* Apply basic typography styles */
@import url('../esteem/style.css');
@import url('../esteem/fontawesome/css/font-awesome.css');
@import url('responsive.css');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
 

/* algemene aanpassingen */
#page {
	box-shadow: none;
	background-color: rgba(255,255,255,0);
}

.header-logo-image {
	width: 225px;
}

.custom-logo {
  padding-top: 37px;
  padding-bottom: 5px;
}

.site-header {
	padding-bottom: 25px;
}

.hgroup-wrap-right {
	padding-right: 0;
}

.hgroup-wrap {
	border-bottom: 1px solid #000;
}

.main-navigation {
	margin-right: 0;
}

.entry-content {
  	background-color: rgba(255,255,255,0.7);
  	padding: 0 20px;
}

.home .entry-content {
  	background-color: rgba(0,0,0,0.0);
  	padding: 0;
}

.page-template-woordenboek .entry-content {
	padding-top: 20px;
}

.wp-block-column {
  	background-color: rgba(255,255,255,0.7);
  	padding: 20px;
}

.error404 .site-main.inner-wrap {
  	background-color: rgba(255,255,255,0.7);
  	margin-top: 44px;
}

.error404 #main {
  	padding-top: 0;
}

a#scroll-up {
	background: #000 !important;
}

/* button */
.wp-block-buttons .wp-block-button {
    margin: 4px 0;
}

.wp-block-button__link,
.wp-button,
.wb-clear-btn {
	border-radius: 7px;
	padding: 7px 10px;
	color: #fff !important;
	background: #67b4ab;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none !important;
	border-bottom: none !important;	
	width: auto !important;
}

.wp-block-button__link:hover,
.wp-button:hover {
	background: #67b4ab99;
	color: #000 !important;
}

/* navigatie */
.nav-menu > ul > li > a, .menu > ul > li > a {
	height: 40px;
}

.main-navigation ul li a {
	font-family: 'Oswald', sans-serif;
    font-size: 17px;
    color: #000 !important;
}

.main-navigation ul li a:hover {
    color: #fff !important;
}

/* actief menu */
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a, .main-navigation li.current-menu-ancestor > a {
    color: #fff !important;
}

/* dropdown naast items met submenu */
.main-navigation .sub-toggle {
	display: none;
}

.menu-item-has-children > a:after {
   content: ' ▾';
}

/* sub-navigatie */
.main-navigation ul ul {
	top: 39px;
	border-top: 1px solid  #67b4ab !important;
}

.main-navigation ul ul a {
	background-color: #67b4ab;
	border-right: 0;
	border-left: 0;
	border-top: 1px solid #000000 !important;
	border-bottom: 0;
}

td {
  border: 1px solid #67b4ab !important;
  padding: 6px 10px;
}

/* typografie */
body, input {
	font-family: 'Georgia', serif;
	color: #000;
	font-size: 16px;
}

button {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	padding: 5px;
	border-radius: 7px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
}

h1 {
  	font-size: 30px;
  	line-height: 36px;
  	padding-bottom: 15px;
}

.home h2 {
  	font-size: 30px;
  	line-height: 36px;
  	padding-bottom: 15px;
  	color: #000;
}

h2 {
  	font-size: 20px;
  	line-height: 30px;
  	color: #67b4ab;
}

.page-template-woordenboek h2 {
  	color: #000;
}

.wp-element-caption {
	font-family: 'Oswald', sans-serif;
	color: #67b4ab
}

/* cookiepage en 404 */
.page-template-cookie .entry-content a,
.error-404 a {
  	color: #000 !important;
  	text-decoration: underline dotted;
  	text-decoration-thickness: 1px;
  	text-underline-offset: 3px;
}

.page-template-cookie  .entry-content a:hover,
.error-404 a:hover {
  	color: #67b4ab !important;
}


/* homepage */
.home .site-header {
	border-bottom: 0;	
}

.home .wp-block-column:first-of-type a {
  	color: #000 !important;
  	text-decoration: underline dotted;
  	text-decoration-thickness: 1px;
  	text-underline-offset: 3px;
}

.home .wp-block-column:first-of-type a:hover {
  	color: #67b4ab !important;
}

/* lemma */
.single-lemma .entry-content {
  	background-color: rgba(0,0,0,0.0);
  	padding: 0;
}

/* Afkorten
.single-lemma .entry-content {
	hyphens: auto;
  	hyphenate-limit-chars: 20 10 6;
  	hyphenate-limit-lines: 2;
  	hyphenate-limit-last: always;
}

.single-lemma .entry-content .wp-block-column:first-of-type a {
  overflow-wrap: break-word; 
  hyphens: none; 
  line-break: anywhere;
}
*/

.single-lemma p:empty {
  	display: none;
}

.single-lemma .wp-block-column:first-of-type a {
  	color: #000 !important;
  	text-decoration: underline dotted;
  	text-decoration-thickness: 1px;
  	text-underline-offset: 3px;
}

.single-lemma .wp-block-column:first-of-type a:hover {
  	color: #67b4ab !important;
}

.single-lemma .wp-block-column:first-of-type ul {
 	list-style-type: none;
 	margin-left: 0;
 	padding-bottom: 20px;
  	margin-top: -17px !important;
}

.single-lemma .wp-block-column:first-of-type li {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
}

.single-lemma .wp-block-column:first-of-type li::before {
  flex-shrink: 0;
}

.single-lemma .wp-block-column:first-of-type ul li:has(a)::before {
 	content: "›";
}

.single-lemma .wp-block-column:first-of-type ul li:not(:has(a))::before {
 	content: "•";
}

.single-lemma .wp-block-column ul {
 	list-style: disc;
 	margin-left: 15px;
}

.single-lemma ul a {
  	color: #000;
}

.single-lemma ul a:hover {
  	color: #67b4ab;
}

.single-lemma .wb-back-to-dict a {
  	color: #000;
  	text-decoration: none !important;
}

.single-lemma h2 {
	color: #67b4ab;
  	font-size: 20px;
  	border-bottom: 1px solid #67b4ab;
  	padding-bottom: 0;
  	margin-bottom: 10px;
}

.wb-back-to-dict {
	border-top: 1px solid #000;
	padding-top: 5px;
	margin-top: 50px;
}

.wb-back-to-dict a {
	color: #000 !important;
}

.wb-back-to-dict a:hover {
	color: #67b4ab !important;
}

.single-lemma ol {
  list-style-type: decimal !important;
  padding-left: 15px;
  padding-bottom: 20px;
  margin-top: -17px !important;
}

.single-lemma ol li {
  display: list-item !important;
}

.single-lemma ol li::marker {
  color: #000;
  font-weight: normal;
}

/* Hoogte van kolommen op lemmapagina zo hoog als de content */
.single-lemma .wp-block-columns {
	align-items: flex-start !important;
}

.single-lemma .wp-block-column {
 	align-self: flex-start;
}


/* footer naar onderkant pagina verplaatsen bij korte pagina's */
#page {
	position: relative;
	min-height: 100vh;
	padding-bottom: 65px; /* moet minmaal de hoogte van de footer zijn */
}

#colophon {
  	width: 100%;
  	position: absolute;
  	bottom: 0px;
  	background: none;
  	border-top: 0 !important;
}

/* footer */
#site-generator {
	color: #000;
	border-top: 1px solid #000;
    padding: 10px 0 10px;
	margin-top: 20px;
	font-family: 'Oswald', sans-serif;
    font-size: 14px;
    padding-bottom: 30px;
}

#site-generator a {
	color: #000;
	border-bottom: #000 2px dotted !important;
}

#site-generator a:hover {
	color: #fff !important;
	border-bottom: #fff 2px dotted !important;
}