/*
Theme Name: Urgente Noden Uithoorn
Theme URI: https://urgentenodenuithoorn.nl
Author: [Your Name]
Description: Custom theme replicating.
Version: 1.0

Blue #2D489E
Orange #F15829

*/
body
{
	font-family: verdana;
	font-size: 12px;
	max-width: 1200px;   /* adjust as needed */
	margin: 0 auto;      /* centers the site */
}

h2{
	margin-top:0px;
}

/* Layout */
#layout {
  display: flex;
  min-height: 80vh; /* leaves space for header/footer */
}

#main-menu {
  width: 200px;
  /* background: #003366; /* dark blue */
  padding: 0;
  flex-shrink: 0;
}


#content {
  flex: 1;
  padding-left: 20px;
  padding-bottom: 5px;
  background: #fff;
}

/* Menu styling */
#main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* --- Hide submenus unless parent is active --- */
#main-menu ul ul {
  display: none;              /* hide all submenus by default */
  margin-left: 15px;             /* reset indentation */
  padding-left: 0;            /* reset padding */
}

#main-menu .current-menu-item > ul,
#main-menu .current-menu-parent > ul,
#main-menu .current-menu-ancestor > ul {
  display: block;             /* show only the submenu for current page/parent */
}

/* Optional: style submenu items slightly different */
#main-menu ul ul li a {
  background: #3366cc;        /* lighter blue */
  padding-left: 25px;         /* indent submenu items */
}

#main-menu ul ul li a:hover,
#main-menu ul ul li.current-menu-item a {
  background: #F15829;
  color: #fff;
}

/* Menu Li styling */
#main-menu li {
  margin: 0;
}

#main-menu li a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
  background: #2D489E;
  margin-bottom: 2px;
}

/* Only highlight the exact current page item */
#main-menu li.current-menu-item > a {
  background: #F15829;
  color: #fff;
}

/* Still highlight hovered links */
#main-menu li a:hover {
  background: #F15829;
  color: #fff;
}

/*
#main-menu li a:hover,
#main-menu li.current-menu-item a {
  background: #F15829;
  color: #fff;
} /*

/* header + footer */
header {
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;    /* vertically center image + text */
  justify-content: space-between; /* push them apart */
  padding: 5px;
}

header img {
  max-height: 10d0px;  /* keeps the header neat */
}

header .header-text {
  text-align: right;
}

header .header-text p {
  margin-bottom: -10px;
}

footer {
  text-align: center;
  padding: 5px;
  background: #f4f4f4;
}

/* various color classes */
.fontBlue {
	color: #2D489E;
}
.fontOrange {
	color: #F15829;
}

.fontBold {
    font-weight: bold;
}

/* Default WordPress table styling (borders remain) */
table {
  border-collapse: collapse;
  width: 100%;
}

table th,
table td {
  border: 1px solid #ccc;   /* keep light borders for readability */
  padding: 8px 12px;
  text-align: left;
}

/* Borderless variant: add class="noborder" to your <table> */
table.noborder,
table.noborder th,
table.noborder td {
  border: none !important;
  background: transparent !important;
  padding: 8px 12px;  /* still keep spacing for readability */
}

/* Button */
.def_form_button { 
justify-content: flex-start;
padding: 12px 12px 12px 12px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
color: #ffffff;
background-color: #2d489e; 
}