html, body, .pagepart, h1, h2, h3, h4{
    font-family: Cuprum, sans-serif !important;
}
.brand-logo{
    background-image: url(../images/crowllogo.png);
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px !important;
}
@font-face {
  font-family: 'architext';
  src:  url('../icarosp/layout/fonts/architext.eot?zha486');
  src:  url('../icarosp/layoutfonts/architext.eot?zha486#iefix') format('embedded-opentype'),
    url('../icarosp/layout/fonts/architext.ttf?zha486') format('truetype'),
    url('../icarosp/layout/fonts/architext.woff?zha486') format('woff'),
    url('../icarosp/layout/fonts/architext.svg?zha486#architext') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'architext' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-davidsfonds:before {
  content: "\e900";
}
.icon-uitdenaad:before {
  content: "\e901";
}
.icon-raar:before {
  content: "\e9f6";
}
.icon-lastig:before {
  content: "\ea00";
}
.icon-trechter:before {
  content: "\ea5c";
}
.icon-potlood:before {
  content: "\e905";
}
.icon-veer:before {
  content: "\e907";
}
.icon-pen:before {
  content: "\e908";
}
.icon-verbinding:before {
  content: "\e91b";
}
.icon-rekenmachine:before {
  content: "\e940";
}
.icon-boei:before {
  content: "\e941";
}
.icon-telefoon:before {
  content: "\e942";
}
.icon-telefoonneer:before {
  content: "\e943";
}
.icon-adressen:before {
  content: "\e944";
}
.icon-duimspijker:before {
  content: "\e946";
}
.icon-prikkaart:before {
  content: "\e947";
}
.icon-prikkaart2:before {
  content: "\e948";
}
.icon-kompas:before {
  content: "\e94a";
}
.icon-geschiedenis:before {
  content: "\e94d";
}
.icon-klok:before {
  content: "\e94e";
}
.icon-klok2:before {
  content: "\e94f";
}
.icon-toetsenbord:before {
  content: "\e955";
}
.icon-tv:before {
  content: "\e95b";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-min:before {
  content: "\e974";
}
.icon-verrekijker:before {
  content: "\e985";
}
.icon-sleutel:before {
  content: "\e98d";
}
.icon-sleutel2:before {
  content: "\e98e";
}
.icon-moersleutel:before {
  content: "\e991";
}
.icon-vuur:before {
  content: "\e9a9";
}
.icon-code:before {
  content: "\ea80";
}
.icon-terminal:before {
  content: "\ea81";
}


.navblue{
    background-color:#30302f;
    z-index:300000;
}
.pagepart img{
    max-width:100%;
}

h1{font-size:2.4em;}
h2{font-size:2.2em;color:#039be5;color:rgb(106, 129, 154);}
h3{font-size:2em;color:#039be5;color:rgb(106, 129, 154);}


.dropdown-content li > a, .dropdown-content li > span, .card-action a{
    color:#039be5 !important;
}
.btn, .Controleer, .Opnieuw{
    background-color:#039be5 !important;
}
.card-image{
    background-size:cover !important;
    background-position:center center !important;
}
.gform{
    height:700px !important;
}

.pheader{
    position:absolute;
    text-align:center;
    left:0; 
    right:0;
    font-size:3rem;
}
blockquote{
    border-left: 5px solid #30302f;
}
.exercise, #invul{
    font-size:1.2em;
    padding:13px;
    background-color:floralwhite;
}

.card-image{
    background-size:cover;
    background-position: center center;
}
.card-content{
    height:120px;
}
.card-title{
    display:block;
    width:100%;
    font-size:1.4em !important;
}
.red{
    background-color:#244166 !important;
}
.navgreen{
    z-index:300000 !important;
}
.oa{
    font-size:1.1em !important;
    padding:20px;
}
.pagepart, .pagepart p{
    
    font-family: Cuprum, sans-serif !important;
    font-style: normal;
	font-variant: normal;
    letter-spacing: 0px; word-spacing: 0px; font-size: 1.1rem; line-height: 1.9rem;
}
.pagepart li{
    margin-bottom:6px;
}

.card-image{
    background-repeat: no-repeat !important;
}

footer{
    background-color:#2881bb;
    color:white;
    padding-top:30px;
    padding-bottom:30px;
    font-weight:100;
    font-size:0.8em;
    margin-bottom:0 !important;
}

footer a{
    color:white;
}

.navgreen{
    /*background-color:#b1bdc8 !important;*/
    background-color:white;
    color:black;
}
.navgreen ul a{color:black !important;}
.navgreen ul a:hover, .side-nav a:hover{
    color:white !important;
    background-color:#2881bb !important;
}


    .greyscale, .grayscale{
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
    .sepia{
        -webkit-filter: sepia(50%); /* Safari 6.0 - 9.0 */
        filter: sepia(50%);
    }
    .shadow{
        filter:drop-shadow(6px 6px 6px #ccc);
    }
    .invert{
        filter:invert(100%);
    }
    .contrast{
        filter:contrast(200%);
    }

.slogan{
    color:white;
    text-shadow: 2px 2px rgba(0,0,255,0.4);
}