/*
* * * * * * * * * * *  Whose Kangaroo * * * * * * * * * * * * * * * *
    Project: Website Whose Kangaroo
    Remark        : Revision wedsite | First created 130101
    Created date  :240811
    Created by    :FWE
    versie        :2.0.0  | 240811

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/
@charset "UTF-8";

/* Define variable */
 :root {
  --mstr-bg:  #ffffff;  /* wit          Master Achtegrond */
  --mstr:  #87cefa;     /* DWK Blauw    Master Tekst */
  --mstr-sh: #ffb6c1;   /* DWK Rose     Master Schaduw */
  --btn:  #ffffff;      /* wit          Button Tekst */
  --btn-bg: #87cefa;    /* DWK Blauw    Button Achtergrond */
  --btn-bg-s: #ffb6c1;  /* DWK Rose     Button Schaduw */
  --menu: rgba(51, 153, 204, 0.3);  /*  Menu opaque */
  --menuSh: #ffb6c1;    /* DWK Rose     Menu Schaduw */
  --menuT: #ffffff;     /* wit          Menu Tekst */
  --menuH: #87cefa;     /* DWK Blauw    Menu Hover */
  --menuBgS: rgba(135, 206, 250, 0.5); /* Menu Achtergrond */

  --maxWith: 900px; 
}

* { margin: auto; }

@font-face {font-family: myFirstFont;src: url(ArialRoundedBold.ttf);}

body { font-family: myFirstFont; font-size: 18px; background-color: var(--mstr-bg); color: var(--mstr); text-shadow: 1px 1px var(--mstr-sh); max-width: var(--maxWith); }
body,h1,h2,h3,h4,h5,h6 { font-weight: 500;}
body, html { height: 100%; line-height: 1.8;}
h3 { font-size: 25px; text-shadow: 1px 1px var(--mstr-sh); }

a.main:link, a.main:visited {text-decoration: underline; color: var(--mstr);} a.main:hover {font-size: 110%;}
a.sub:link, a.sub:visited {text-decoration: none;}

.dwk-menu { width: 100%; background-color: var(--menu); overflow: auto; }
.dwk-menuSml { position: fixed; z-index: 1;  overflow-x: hidden; transition: 0.5s; display: none; background-color: var(--menuBgS); color: var(--menuT); padding-left: 5px; padding-right: 5px; padding-bottom: 3px; cursor: pointer; }
.dwk-menuSmlR { display: none; } .dwk-menuSml .dwk-slct:hover { background-color: var(--menuH); padding: 1px 5px; }
.dwk-menu a { float: left; padding: 12px; color: var(--menuT); text-shadow: 3px 3px 4px var(--menuSh); text-decoration: none; font-size: 17px; }
.dwk-menu a:hover { background-color: var(--menuH); }

.dwk-logo {padding-top:200px!important; padding-bottom:48px !important; display: block; margin-left: auto !important; margin-right: auto !important; height: 400px;}
.dwk-body { padding-top:48px!important; padding-bottom:48px !important; margin-left: 10px; margin-right: 10px; }
.dwk-center {text-align: center!important;}
.dwk-box { box-sizing: border-box; display: flex; } .dwk-box::after { content:""; display:block; }
.dwk-boxl { width: 60%; float: left; }
.dwk-boxr { width: 40%; float:right; }
.dwk-polaroid { width: 350px; background-color: var(--mstr-bg); box-shadow: 0 4px 8px 0 rgba( 0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-top: 100px; display:block; margin-left:auto; margin-right: 2%; }
.dwk-polaroid-t { text-align: center; padding: 10px 20px;}
.dwk-polaroid-i { border-radius: 10px; filter: sepia(70%); display: block; margin-left:auto; margin-right: auto; }
.dwk-container3 { width: 500px; display:block; margin-left: 2px; margin-right: auto; }
.dwk-container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; background-color: var(--mstr-sh); margin-top: 10px; }
.dwk-container2 { display:block; }
.dwk-grid { display: grid; grid-template-columns: auto auto; column-gap: 1%; margin: 0 2%; }
.dwk-card { width: 22%; text-align:center; height: 100px; text-shadow: 1px 1px var(--mstr-bg); line-height: 1.3; padding-top: 20px; padding-bottom: 10px; padding-left: 1px; padding-right: 1px; overflow-wrap: break-word; }
.dwk-nr { font-size: 30px; }
.dwk-midden { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);-ms-transform:translate(-50%,-50%); }
.dwk-h1 { color: var(--mstr); text-shadow: 2px 2px var(--mstr-sh); font-size: 45px; text-align: center; letter-spacing: 10px; }
.dwk-section { position: relative; margin-top: 10px; }
.dwk-numbers { display: block; position: relative; box-sizing: initial; }
.dwk-tekst1 { padding-left: 20px; padding-right: 20px; }

.dwk-title2 { letter-spacing: 5px; }
.dwk-bar { background-color: var(--mstr-sh); color: var(--mstr-bg); margin-left: 0; text-align: center; }
.dwk-barBg { background-color: var(--mstr); }
.dwk-content { max-width: var(--maxWith); }
.dwk-map { width: 80%; height: auto; border-radius: 20px; }
.dwk-col { float: left; width: 49.55555% }
.dwk-copy { text-align:center; color: var(--mstr); text-shadow: 1px 1px var(--mstr-sh); padding-top:10px; padding-bottom: 10px; }

/* Create a Parallax Effect (Achtergron foto's) */
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.bgimg-1 { background-image: url('./img/IMG_0524.JPG'); min-height: 100%; opacity: 0.7;}
.bgimg-2 { background-image: url("./img/IMG_0536.JPG"); min-height: 400px; opacity: 0.7; }
.bgimg-3 { background-image: url("./img/IMG_0547.JPG"); min-height: 400px; opacity: 0.7; }
.bgimg-4 { background-image: url("./img/nov2022.JPG"); min-height: 400px; opacity: 0.7; }
.bgimg-5 { background-image: url("./img/slippers.jpg"); min-height: 400px; opacity: 0.7; }
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1000px) { .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 { background-attachment: scroll; min-height: 400px; } }