@font-face{font-family:PT Sans Narrow;size-adjust:140%;font-style:normal;font-weight:400;src:local("PT Sans Narrow"),url(https://fonts.cdnfonts.com/s/15782/PT_Sans-Narrow-Web-Regular.woff) format("woff"),url(https://www.ekdehoeksteen.com/PT_Sans-Narrow-Web-Regular.woff) format("woff")}@font-face{font-family:PT Sans Narrow;size-adjust:130%;font-style:normal;font-weight:700;src:local("PT Sans Narrow"),url(https://fonts.cdnfonts.com/s/15782/PT_Sans-Narrow-Web-Bold.woff) format("woff"),url(https://www.ekdehoeksteen.com/PT_Sans-Narrow-Web-Bold.woff) format("woff")}@font-face{font-family:DIN Condensed;size-adjust:160%;font-style:normal;font-weight:700;src:local("DIN Condensed"),url(https://fonts.cdnfonts.com/s/14504/DINCondensed-Bold.woff) format("woff"),url(https://www.ekdehoeksteen.com/DINCondensed-Bold.woff) format("woff")}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:PT Sans Narrow,sans-serif;font-size:12pt;line-height:180%;color:#111;background-color:#f9f9f9;display:flex;flex-direction:column;min-height:100vh;margin:0 auto}h1{font-family:DIN Condensed,sans-serif;text-transform:uppercase;padding:24px 0 10px;line-height:140%}h2{font-family:DIN Condensed,sans-serif;text-transform:uppercase;padding-top:32px;line-height:140%}h3,h4,h5{font-family:DIN Condensed,sans-serif;padding-top:18px;line-height:140%}div .section-button{display:block;width:fit-content;min-width:290px;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;text-align:center;padding:6px;margin-top:25px;border:2px solid #2D6F71;border-radius:12px;box-shadow:0 0 1px #2d6f71 inset,0 0 1px #2d6f71;font-size:16pt;font-weight:700;color:#2d6f71;cursor:pointer}div .section{margin-bottom:40px;margin-left:10px}.invert{color:#f9f9f9!important;background-color:#111}.accent{color:#f2f2f2!important;background-color:#2d6f71}.accent-lighter{color:#f2f2f2!important;background-color:#88bd40}.accent-darker{color:#f2f2f2!important;background-color:#0ea2ad}.active{color:#f2f2f2!important;background-color:#2d6f71}.topnav{position:fixed;top:0;left:0;right:0;overflow:hidden;z-index:1000;max-width:1920px;margin:0 auto}.topnav .logo{background-color:#cb9904;width:50px}.topnav a{display:inline-block;color:#f2f2f2;text-align:center;padding:3px 12px 1px;text-decoration:none;font-size:17px}.topnav a:hover:not(a.accent){opacity:.9}.topnav a.hamburger{display:none}.dropdown-content{display:none;background-color:#f2f2f2;min-width:160px;z-index:1}.dropdown-content a{color:#111;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover:not(a.accent){opacity:.8}.show-dropdown{display:none}.main{max-width:800px;flex:1;margin:0 auto}content-banner{display:flex;flex-direction:column;justify-content:center;background-image:url(https://www.ekdehoeksteen.com/logoContentBanner.svg),linear-gradient(0deg,transparent,transparent 5%,#88BD40 5%,#88BD40 94%,transparent 94%,transparent);background-repeat:no-repeat;background-position:10px,0px;color:#fff;height:100px;padding:9px 0}content-banner *{margin:0;background-color:transparent}content-banner p{font-size:130%;padding-left:143px}content-banner h1{display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:-10px;padding-left:86px;height:inherit}.main h1:not(content-banner h1){color:#2d6f71}.main h2:not(content-banner h2){color:#2d6f71}.main h3:not(content-banner h3){color:#2d6f71}.main h4:not(content-banner h4){color:#2d6f71}.main a{color:#2d6f71;padding:2px;font-size:105%}.main a:hover{opacity:.9}.main img{max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.footer{padding:0 20px 30px;min-height:50px;max-width:1920px}.footer a{color:#f9f9f9!important}.footer a:hover{opacity:.8}.footer span{display:inline-block;margin:0 30px;vertical-align:top}.calendar{margin:0 3%;max-width:1800px}.calendar ul{list-style-type:none}.calendar .month{padding:30px 25px 25px;width:auto;text-align:center;border-radius:6px 6px 0 0}.calendar .month ul{margin:0;padding:0}.calendar .month ul li{color:#f2f2f2;font-size:13pt;text-transform:uppercase;letter-spacing:3px}.calendar .month .prev{float:left}.calendar .month h2{font-size:150%}.calendar .month .next{float:right}.calendar .today{padding:6px;border:1px solid #f2f2f2;border-radius:12px;box-shadow:0 0 1px #f2f2f2 inset,0 0 1px #f2f2f2;font-size:10pt}.calendar-active{border-radius:12px;border:solid 2px #2D6F71}.calendar .googleCalendarButton{text-align:right;font-size:10pt}.calendar .button{height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;color:#f2f2f2!important;cursor:pointer}.calendar .weekdays{margin:0;padding:10px 0;color:#f2f2f2!important;background-color:#2d6f71;font-size:14pt;border-radius:0 0 6px 6px}.calendar .weekdays li{display:inline-block;width:13.6%;text-align:center}.calendar .days{padding:5px 0;margin:0}.calendar .days li.cal{list-style-type:none;display:inline-block;padding:5px 0;width:13.6%;text-align:center;vertical-align:top;margin-bottom:3px;font-size:10pt;word-break:break-word}.calendar .days li.lst{list-style-type:none;display:block;padding:5px 0;text-align:center;margin-bottom:3px;font-size:10pt;word-break:break-word}.calendar .events{margin:0 0 0 10px;padding:0 10px 0 0}.calendar .event{font-size:10pt;padding:5px;margin:5px 0 2px 5px;border-radius:12px;box-shadow:0 0 1px #0ea2ad inset,0 0 1px #0ea2ad}.calendar .eventPlaceholder{font-size:9pt;padding:5px;margin:5px 0 2px 5px}.drive-folder{padding:10px 0 20px}.drive-folder li{list-style-type:none}.drive-folder .row-oneven{padding:10px 20px;background-color:#f2f2f2}.drive-folder .row-even{padding:10px 20px}.drive-folder .file{border:none}.video{aspect-ratio:16 / 9;width:100%}@media (min-width: 1921px){.main{width:800px;padding:100px 10% 20px}.footer{width:1920px;margin:0 auto}.calendar{margin:0 auto}}@media (max-width: 1920px) and (min-width: 1400px){.main{width:800px;padding:100px 10% 20px}}@media (max-width: 1400px) and (min-width: 1000px){.main{width:800px;padding:100px 10% 20px}}@media (max-width: 1000px) and (min-width: 800px){.main{width:570px;padding:100px 10% 20px}}@media (max-width: 800px) and (min-width: 600px){.main{width:570px;padding:100px 10% 20px}}@media (max-width: 600px) and (min-width: 500px){.main{max-width:95%;padding:100px 2.5% 20px}content-banner{width:105%;margin-left:-2.5%}}@media (max-width: 500px){.normal-nav{display:inline-block}.normal-nav a:nth-child(n+2){display:none}.topnav a.hamburger{float:right;display:block}.show-dropdown{display:block}.main{max-width:95%;padding:100px 2.5% 20px}content-banner{width:105%;margin-left:-2.5%}}
