@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&display=swap');

@font-face {
    font-family: 'morrissansw01-mediumregular';
    src: url('/assets/fonts/fontsfree-net-morris-sans-w01-medium-webfont.woff2') format('woff2'),
         url('/assets/fonts/fontsfree-net-morris-sans-w01-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@media screen and (min-width: 60rem) {
	body {--padding: 0 3rem 1rem 3rem;}
}

html,body {background:#000; color:#fff;}

h1,h2,h3,h4,h5,h6 {/*font-family: 'morrissansw01-mediumregular', sans-serif;*/ font-weight:normal; color:#fff;}
h1 {margin-bottom:8px;}
h3 {font-size:24px; margin-bottom:16px;}
.text p {color:#aaa;}

.h1 {    margin-bottom: 30px;}
.h3 {font-size:1.5rem;  font-weight:normal; color:#aaa;}

a.logo {font-size:2.8rem; text-transform: uppercase; font-family: 'morrissansw01-mediumregular', sans-serif;font-weight:normal; padding:0 0 0 15px;}

a.logo img {width:500px;}
@media screen and (max-width: 979px) {
		a.logo,
		nav.menu {margin:0 auto;}
		
		a.logo {padding:0;}
		a.logo img {width:100%;}
}

a,
.footer p {color:#fff;}
a:hover,
.footer a:hover {color:#999;}


.header {border-bottom: 1px solid #999;  padding-bottom: 10px; margin-bottom: 20px;}

.header-top {display:block; margin:5px -1rem 20px 0; padding:4px 0; width:100%; border-bottom: 0px solid #eee; text-align:right; font-size:12px;}
	@media screen and (max-width: 979px) {
			.header-top {text-align:center;}
	}


.menu {display:block; margin-top:10px;}
.menu a {display:inline-block; padding: 3px 20px 6px 20px; margin: 0 2px; border:1px solid #000}
.menu a:hover {background:#000; color:#fff; border:1px dotted #990000}
.menu a[aria-current] {background:#990000; color:#fff; text-decoration:none;}

@media screen and (max-width: 979px) {
	nav.menu {margin-top:20px;}
}

.icon-bg-stack {display: inline-block; background: #333; color: #fff; border-radius: 30px; font-size: 20px; width: 30px; height: 30px; margin:0 10px 0 0; line-height: 45px; text-align: center;}
.displayinline {display: inline-block;}



.text blockquote {font-size:16px;}
.text blockquote footer,
.text:first-child blockquote footer,
.text:last-child  blockquote footer  {margin-top:10px;}

.bestelknop {display:block; max-width:200px; text-align:center; margin:0 auto; padding:10px 80px; font-size:1.2rem; text-decoration:none!important; border-radius:10px;  color: #fff;
    text-shadow: -1px -1px 0 #DA330F;
    border: 2px solid #990000;
    box-shadow: inset 0 1px 0 0 #903622;
    background: linear-gradient(0deg,#990000,#c81818);}
.bestelknop:hover {background: linear-gradient(0deg,#c81818,#990000); color:#fff;}

.bestelknop-alt {border: 2px solid #009999; background: linear-gradient(0deg,#009999,#00c8c8); box-shadow: inset 0 1px 0 0 #009999;}
.bestelknop-alt:hover {background: linear-gradient(0deg,#00c8c8,#009999);}

@media screen and (max-width: 979px) {
	.bestelknop {padding:10px 30px;}
	
	#2c22fef7-4ac2-46a5-80c0-b6f82f6b559d .column {margin-bottom:0!important;}
}

.footer {margin:30px 0 0px 0; padding:0;}
	.footer:before {width:100%; height:1px; background:#ccc;}
	.footer h2 {color:#fff;}
	.footer p {max-width:inherit;}
	.footer .column {margin:0;}
	a.logo-footer {font-size:1.3rem; text-transform: uppercase; font-family: 'morrissansw01-mediumregular', sans-serif; color:#fff;}

.socialmedia {display:block; padding-bottom:15px; list-style-type: none; text-align:center; border-bottom: 1px solid #ccc;}
.socialmedia h2 {display: inline-block;}
.socialmedia ul {display:inline-block; margin: 0 auto; padding:0; width: 200px; display: inline-block; vertical-align: top;}
.socialmedia li {list-style-type: none; float: left; margin:0 15px;}
.socialmedia li img:hover {opacity:0.6;}

ul.greencheck {margin:0 0 20px 0;}
ul.greencheck li {list-style-type:none;}	
ul.greencheck li:before { content:"\2713"; margin-right:20px; color:green; font-weight:bold;} 

	
@media only screen and (max-width: 769px) {
	body {padding-top:10px;}
  h1, h2, h3, h4, h5, h6 {font-size:120%;}
  .h3 {font-size:60%; line-height:24px;}
  .header {padding-bottom: 20px; margin-bottom: 30px;}
  .menu a {padding: 2px 10px; margin: 0 4px 0;}
  .icon-bg-stack {margin:0;}
  .footer .grid {--gutter: 10px;}
  
  .contact-contacts .column {margin: 0; padding: 0;}
}

/* jotform */