/*
Theme Name: LR PC Slagharen FSE
Theme URI: https://sieroit.nl
Author: Marijn Siero
Author URI: https://www.sieroit.nl
Description: FSE thema voor LR PC Slagharen
Version: 1.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: Marijn Siero - SieroIT
License URI: https://www.sieroit.nl
Text Domain: lrpcslagharen-fse
*/

/* Additional custom styles can be added here */

:root {
  --lrpc-brown: #361e04;
  --lrpc-yellow: #f1bd4f;
  --lrpc-gray: #cbc4be;
  --lrpc-darkgray: #7b7873;
}

html {
  font-family: "Roboto Slab", serif;
}

#homewidget {
}

body {
  margin: 5px;
}

/* Printing */
@media print {
  .header-right {
    display: none !important;
  }

  body,
  body * {
    color: #000 !important; /* tekst zwart maken */
    background: none !important; /* verwijdert achtergrondkleuren */
  }
}

/* Header */

header {
  background-color: var(--lrpc-brown);
  color: white;
  width: 100%;
  margin-bottom: 10px;
}

.header-container {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  display: flex;
  flex-direction: column; /* Stack elements vertically */
}

.header-left,
.header-right {
  display: flex;
  align-items: center;
}

/* Top header row */
.header-top {
  display: flex;
  justify-content: space-between; /* Push left + right apart */
  align-items: center;
  padding: 10px;
}

/* Sub header */
.header-sub {
  /* height: 160px; */
  background-color: var(--lrpc-yellow);

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.headerImageLeft {
  background-image: url("https://lrpcslagharen.nl/wp-content/uploads/header-image-left.png");
  float: left;
  width: 170px;
  height: 165px;
  min-width: 170px;
  min-height: 165px;
  background-repeat: no-repeat;
  background-size: contain;
}

.headerImageRight {
  background-image: url("https://lrpcslagharen.nl/wp-content/uploads/header-image-right.png");
  float: right;
  width: 170px;
  height: 165px;
  min-width: 170px;
  min-height: 165px;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 599px) {
  .headerImageRight,
  .headerImageLeft {
    display: none;
  }

  .header-sub {
    justify-content: center;
    text-align: center;
  }
}

.header-page-title,
.pageTitle .header-page-title {
  color: var(--lrpc-brown);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* show ... */
  max-width: 100%;
}

/* .site-logo {
  width: 80px;
  height: auto;
  display: block;
  margin-right: 10px;
} */

.site-member-nav {
  color: var(white);
}

.site-main-nav {
  color: var(white);
}

.site-title {
  margin: 0px;
  font-size: 1.7em;
  font-weight: bold;
  white-space: nowrap;
  color: var(white);
}

a.logout-link,
a.login-link {
  color: white;
  margin-left: 10px;
}

.wp-block-navigation {
  gap: 15px;
}

.wp-block-navigation:not(.has-background)
  .wp-block-navigation__submenu-container {
  background-color: var(--lrpc-brown);
  color: white;
}

.wp-block-navigation a:hover,
a.logout-link,
a.login-link {
  text-decoration: underline;
}

.wp-block-navigation__responsive-container.is-menu-open {
  padding: 50px;
}

/* Events */

.event-date {
  background-color: var(--lrpc-brown);
  color: white;
}

.event-list .event-private {
  color: white;
}

.event-notes {
  color: var(--lrpc-yellow);
}

/* Contact form */

.wpcf7 select,
.wpcf7 input {
  margin-top: 5px;
  line-height: 25px;
  width: 100%;
  padding: 5px;
  font-size: 18px;
}

.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  padding: 15px;
  font-size: 18px;
}

.wpcf7-not-valid-tip {
  background-color: transparent;
  border: 1px solid red;
  padding: 5px;
  margin: 5px;
}

.wpcf7 form .wpcf7-response-output {
  background-color: var(--lrpc-yellow);
  border: 1px solid black;
  color: black;
  padding: 15px;
  margin: 0px;
  font-weight: bold;
  text-align: center;
}

label {
  font-size: 18px;
}

.wpcf7-file {
  width: 100%;
  color: white;
  font-size: inherit;
}

/* .sponsor {
  border: 1px solid red;
  background-color: white;
  border: 1px solid var(--sz-red);
  width: 300px !important;
  height: 300px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin: 10px;
} */

/* Foyer */

.foyer-slide .foyer-slide-field {
  color: black;
  /* font-family: "Roboto Slab", serif; */
  font-family: Montserrat, sans-serif;
  font-size: 2.5rem;
}

/* Background van slide */
.foyer-slide.foyer-slide-text
  .inner
  .foyer-slide-fields
  .foyer-slide-field-title
  span {
  background-color: var(--lrpc-brown);
  color: white;
}

/* Heading van sheet */
.foyer-slide .foyer-slide-field.foyer-slide-field-title {
  font-size: 3rem;
}

/* Tekst op standaard slide */
.foyer-slide.foyer-slide-text
  .inner
  .foyer-slide-fields
  .foyer-slide-field-content {
  background-color: var(--lrpc-brown);
  color: white;
}