/* DEMO */

* {transition: linear; transition-duration: 0.5s;  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}

a {text-decoration: none;}

.logo {font-size: 2.5rem; font-weight: bold;}
.logo i {font-size: 3rem; }
.logo span {position: relative; top: -2px;}

.topbar {background-color: #009FE3; color: #fff; font-size: 0.75rem;}
.topbar a {color: inherit;}

.foot-contact a {white-space: nowrap;}

.navbar-nav {}
.navbar-nav li a {color: #333;}

.navbar-toggler {width: 100%;}

.btn-success {border-color: #009FE3; background-color: #009FE3;}

.display-3 {font-size: 1.1rem; font-weight: bold;}

p {line-height: 160%; font-size: 1rem; margin: 1.5rem 0rem; }

footer .footend {font-size: 0.75rem; color: #767676;}
footer p {margin: 0.5rem 0rem; font-size: 0.8rem; color: #bbbbbb;}
footer .footnav {list-style-type: none; margin: 0px; padding: 0px; margin: 0.5rem 0rem;} 
footer .footnav li {font-size: 0.8rem;}
footer a {color: #fff;}
footer .btn i {margin-left: 0px; margin-right: 0.3rem;}

/* EO DEMO */


.card {border:none;}
.card:hover {transform: scale(1.05);}

h1, .display-1 	{font-size: 2rem; font-weight: bold;}
h2, .display-2 	{font-size: 1.8rem; font-weight: bold;}
h3, .display-3 	{font-size: 1.6rem; font-weight: bold;}
h4, .display-4 	{font-size: 1.3rem; font-weight: bold;}
h5, .display-5 	{font-size: 1.2rem; font-weight: bold;}
h6, .display-6 	{font-size: 1rem; font-weight: bold;}


/* FORM */

label {font-size: 0.85rem; font-weight: bold; margin-bottom: 0.3rem;}

/* EO FORM */



.navbar {}
.navbar li {}
.navbar li.here a {font-weight: bold;}
.navbar li a {position: relative; margin-right: 1.5rem; padding-bottom: 5px; text-transform: uppercase;}
.navbar li.last a {margin-right: 0px;}
.navbar li a::after {position: absolute; width: 0px; display: block; content:''; height: 2px; background-color: #fff; transition: linear 0.45s;}
.navbar li:hover a::after {width: 100%;}


.block--contact {}
.block--contact iframe {max-width: 100%; height: 100%;}


.theme--lichtgrijs {background-color: #f4f4f4;}
.theme--donker {background-color: #144672; color: #fff;}

@media (max-width: 575px){
	.navbar {text-align: center;}
	.navbar li {padding: 0.5rem 0rem; font-size: 1.25rem;}
}