/*
Theme Name: Vrijwilligerscentrale Arnhem
Theme URI: https://deherenvan.nl
Author: De Heren Van
Author URI: https://deherenvan.nl
Description: Vrijwilligerscentrale Arnhem custom theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.3
Version: 25.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vca
Tags: vrijwilliger, arnhem, vrijwilligerswerk, vrijwilligerscentrale, rijnstad, vacatures, kennis, inspiratie, custom-theme
*/

.wp-list-table.widefat.striped{
	width:100%;
	font-size: 14px;;
	& td,th {text-align: left;padding:0.5em;}
	& th {background-color: var(--wp--preset--color--accent-2);color:var(--wp--preset--color--white);}
	& tr:nth-child(even) { background: var(--wp--preset--color--accent-3) } 
}

.acf-button{
	background-color: var(--wp--preset--color--accent-2);
    border-radius: 8px;
	border:0;
	cursor:pointer;
	color: var(--wp--preset--color--base);
    padding-top: var(--wp--preset--spacing--20);
    padding-right: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--20);
    padding-left: var(--wp--preset--spacing--50);
}

body:has(.custom-topbar) {
	margin-top: 74px !important;
}

.custom-topbar {
    width: 100%;
    background: var(--wp--preset--color--accent-2);
    color: #fff;
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: center;
}



.topbar-menu {	
	display:flex;
	justify-content: space-between;

	& ul {
		 list-style: none;   
		display:flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		gap: 20px;
	}
    
  

}



.topbar-menu li a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

.topbar-menu li a:hover {
    text-decoration: underline;
}



@media (max-width: 1200px) {
	header .wp-block-navigation__responsive-container {
		display: none !important;
		/* verberg het gewone menu */
	}

	header .wp-block-navigation__responsive-container-open {
		display: block !important;
		/* toon het geopende menu */
	}

	header .wp-block-navigation__responsive-container.is-menu-open {
		display: block !important;
		/* toon het overlay menu */
	}

	.wp-block-navigation__hamburger {
		display: block !important;
		/* toon de hamburger */
	}
	figure.is-style-smile-right{
		clip-path: none !important;
	}
}

h2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* aantal regels */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

h1:after{
  content: "";
  display: block;
  width: 50px;
  max-width: 100%;
  height: 4px;
  margin-top: 8px;   
  background: var(--wp--preset--color--accent-2);
}
body.single-trainingen h1:after,
body.cat-volare-training h1:after,
body.post-type-archive-trainingen h1:after{
  background: var(--wp--preset--color--accent-6)!important;
}
body.cat-organisaties h1:after{
  background: var(--wp--preset--color--accent-10);
}
body.cat-agenda h1:after{
  background: var(--wp--preset--color--accent-5);
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
	text-wrap-style: balance;
	hyphens: auto;
	hyphenate-limit-chars: 16 8 8;
}

strong {
	font-weight: 600;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.taxonomy-category a{
	display: inline-block;
	font-size: var(--wp--preset--font-size--small);
	border: 1px solid var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--accent-2);
	padding: .15rem .75rem;
	border-radius: 1rem;
	text-align: center;
	font-size:12px;
}
.pile {
	display: inline-block;
	font-size: var(--wp--preset--font-size--small);
	background-color: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--white);
	padding: .15rem .75rem;
	border-radius: 1rem;
	text-align: center;
	font-size:12px;
}

.gchoice>:is(input[type="checkbox"], input[type="radio"], label) {
	cursor: pointer;
}

footer .has-accent-2-background-color{
	background-image: url(./assets/images/footerbg.png),url(./assets/images/footerbg.png);
	background-position: bottom left -100px, bottom right -100px;
    background-repeat: no-repeat, no-repeat;
    background-size: auto 350px, auto 350px;
}

/* Frontend visibility rules */
@media (max-width: 767px) {
	.hide-on-mobile {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hide-on-tablet {
		display: none !important;
	}
}

@media (min-width: 1024px) {
	.hide-on-desktop {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	.invert-on-mobile {
		flex-direction: row-reverse;
	}
}