/*
Theme Name: DAC Schoonhoven
Description: Thema voor dacschoonhoven.nl, gebaseerd op het oorspronkelijke ontwerp.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: dacschoonhoven
*/

/* common */

body {
    background: #FFFCF9;
    margin: 0px;
    font-family: verdana, sans-serif;
    font-size: 11pt;
    text-align: justify;
    color: #835E17;
}

h2 {
    color: #5F7922;
    margin-top: 0px;
    padding-top: 0px;
}

form {
    margin: 0px;
}

fieldset, table {
    width: 766px;
}

fieldset, table {
    margin: 0px;
    padding: 0px;
}

blockquote {
    margin-right: 0px;
}

hr {
    color: #835E17;
    background-color: #835E17;
    margin: 5px 0px 20px 0px;
}

a {
    text-decoration: underline;
    color: #5F7922;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

#container {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 8px;
}

#header {
    position: relative;
    height: 267px;
    background: url(images/header.jpg);
}

#content {
    position: relative;
    background: url(images/content_gradient.jpg) 2px 0px;
}

#inner_content {
    position: relative;
    padding: 15px 40px 30px 30px;
}

.menu {
    position: absolute;
    top: 90px;
    left: 120px;
    width: 200px;
}

.menu ul {
    position: relative;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

#second_menu {
    left: 280px !important;
}

.menu li a {
    display: block;
    height: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    font-weight: bold;
    color: #F9FFDD;
    white-space: nowrap;
}

.menu li a:hover {
    color: #EEE0AF;
}

#copyright {
    height: 33px;
    padding-top: 23px;
    padding-right: 40px;
    background: url(images/footer.jpg) no-repeat 2px 0px;
    color: #F9FFDD;
    text-align: right;
}

#copyright a {
    color: #F9FFDD;
}

.leaf_top, .leaf_bottom {
    position: absolute;
    right: 21px;
}

.leaf_top { top: 0px; }
.leaf_bottom { bottom: 0px; }

/* front page */

#news {
    float: left;
    width: 177px;
    min-height: 232px;
    margin: 15px 0px 15px 30px;
    padding: 50px 15px 0px 15px;
    background: url(images/top_news.jpg) no-repeat;
}

#news p {
    margin: 0 0 0.6em 0;
}

.home #inner_content {
    float: right;
    width: 590px;
}

.welcome {
    display: block;
    margin-bottom: 1.5em;
}

/* text and images (old classes and WordPress blocks) */

#inner_content p {
    margin: 0 0 1em 0;
}

.image_left,
#inner_content .alignleft {
    float: left;
    clear: left;
    margin: 10px;
    margin-left: 0px;
}

.image_right,
#inner_content .alignright {
    float: right;
    clear: right;
    margin: 10px;
    margin-right: 0px;
}

.image_inline {
    margin: 10px;
}

/* photo gallery */

/* set the variable core uses for both the gap and the column width calc */
#inner_content .wp-block-gallery {
    --wp--style--unstable-gallery-gap: 8px;
    gap: 8px;
}

/* Justified rows: each tile's width follows its image's aspect ratio (--ar,
   set in functions.php), so every photo in a row has the same height and none
   is cropped. The ::after filler keeps an incomplete last row from stretching.
   Keep the gallery's "crop images" option off. */
#inner_content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    flex: var(--ar, 1) 1 calc(var(--ar, 1) * 170px);
    width: auto;
    margin: 0;
}

#inner_content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) img {
    width: 100%;
    height: auto;
    aspect-ratio: var(--ar, auto);
}

#inner_content .wp-block-gallery.has-nested-images::after {
    content: "";
    flex: 999 1 0;
}

#inner_content .wp-block-gallery figure.wp-block-image img {
    transition: opacity 0.15s;
}

#inner_content .wp-block-gallery figure.wp-block-image:hover img {
    opacity: 0.85;
}

/* forms */

fieldset {
    border: none;
}

dl {
    clear: left;
}

dl dt {
    float: left;
    text-align: right;
    margin-top: 2px;
    margin-right: 10px;
    width: 25%;
}

dl dd.se-bericht {
    clear: left;
    margin: 0;
    padding-top: 10px;
}

input, textarea, select, button {
    background: #FFF;
    border: 1px solid #835E17;
    font-family: verdana, sans-serif;
}

textarea {
    box-sizing: border-box;
    width: 100%;
    height: 300px;
    font-size: 11pt;
}

.errors, .success {
    font-weight: bold;
}

.submit {
    margin-top: 10px;
    text-align: center;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
}