@charset "UTF-8";

/*!
 * Style for Bootstrap 5 'Aan Zee' subtheme
 * https://sproets.nl
 * https://vrijheidaanzee.nl
 */



/* --- Typography --- */


/* - Regular - */

@font-face {
  font-family: "GAP Zuid VG";
  src:
    local("GAP Zuid VG"),
    url("../fonts/GAPZuidVG-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "GAP Zuid VG";
  src:
    local("GAP Zuid VG"),
    url("../fonts/GAPZuidVG-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "GAP Zuid VG";
  src:
    local("GAP Zuid VG"),
    url("../fonts/GAPZuidVG-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: bold;
}

@font-face {
  font-family: "GAP Zuid VG";
  src:
    local("GAP Zuid VG"),
    url("../fonts/GAPZuidVG-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}


/* - Monospace - */

@font-face {
  font-family: "GAP Mono";
  src:
    local("GAP Mono"),
    url("../fonts/GAPMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "GAP Mono";
  src:
    local("GAP Mono"),
    url("../fonts/GAPMono-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "GAP Mono";
  src:
    local("GAP Mono"),
    url("../fonts/GAPMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: bold;
}

@font-face {
  font-family: "GAP mono";
  src:
    local("GAP mono"),
    url("../fonts/GAPmono-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}

body,
html {
  font-family: "GAP Zuid VG";
  font-feature-settings: "calt" 1, "liga" 1, "rlig" 1, "rvrn" 1, "kern" 1, "rclt" 1, "dlig" 1, "onum" 1;
}

code,
pre {
  font-family: "GAP Mono";
  font-feature-settings: "calt" 0, "liga" 0, "rlig" 0, "rvrn" 0, "kern" 0, "rclt" 0, "dlig" 0, "onum" 0;
}

p {

}

blockquote {
  font-style: italic;
  padding-left: 1em;
  border-left: 1px solid #d9d8d7;
}


/* --- Blokken --- */

video {
  width: 100%;
  height: auto;
  aspect-ratio: 2.35 / 1;
}

.block-aan_zee {
  background-color: #fcf0d8;
  padding: 2em;
  color: #ff8c45;
}

#block-aanzee-page-title,
.navbar,
#block-aanzee-content,
#block-block-bio {
  padding-left: 2em;
  padding-right: 2em;
}

#block-aanzee-page-title {
  padding-top: 1em;
}

.block-views-blockbio-bio-blok-menu {
  padding-left: 2em;
  padding-top: 2em;
}

#block-aanzee-kreet {
  background-color: #ffe9dc;
  color: #ff8c45;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
}


/* --- Admin Ui ---  */