body {font-family: 'Source Sans Pro', sans-serif; -webkit-font-smoothing: antialiased;}

a {color:#1a3a68; text-decoration: none;}
a:hover {color: #333; transition: 0.3s ease-in; text-decoration: none;}

header {padding: 25px 0px;}
header:not(.fixed-header) {background-color: #1a3a68; padding: 25px 0px; color: #fff; transition: 0.5s ease-out;}
div#logo {background-image: url('/img/logo.svg'); background-size: contain; background-repeat: no-repeat; display: block; width: 80px; height: 80px;}

header.fixed-header {transition: 0.5s ease-in; position: fixed; width: 100%; z-index: 1000; 

    background-color: rgba(26, 58, 104, 0.85);
    background: rgba(26, 58, 104, 0.85);
    color: rgba(26, 58, 104, 0.85);

}


.btn-primary {background-color: #1a3a68; border-color:#1a3a68;}

/* SIDEBAR */

.sidebar {margin-top: 40px;}


h2 {color: #1a3a68;}

p {line-height: 180%; margin: 1.3em 0em;}

.robotlassen header:not(.fixed-header) {background-color: #6d0d12;}
.robotlassen .phone-block {color: #6d0d12;}
.robotlassen .banner .block {    background-color: rgba(109, 13, 18, 0.8);}
.robotlassen .banner .block:before { border-right: 116px solid rgba(109, 13, 18, 0.8);}
.robotlassen h2 {color: #6d0d12;}

.robotlassen header.fixed-header {transition: 0.5s ease-in; position: fixed; width: 100%; z-index: 1000; 

    background-color: rgba(109, 13, 18, 0.85);
    background: rgba(109, 13, 18, 0.85);
    color: rgba(109, 13, 18, 0.85);

}


.shop-block {color: #fff; position: absolute; right: 160px; font-weight: bold; top: -10px;}
.shop-block a {color: #fff;}


.phone-block { top: -10px;
    background-color: #fff;
    float: right;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #15406e;
    padding-right: 10px;
    padding-left: 4px;
    font-size: 15px;
    position: relative;
}
.phone-block:before {
    position: absolute;
    right: 100%;
    width: 20px;
    content: '';
    border-right: 20px solid #fff;
    border-top: 30px solid transparent;
}


.card {margin-bottom: 15px;}

/* SECTIONS */

section.grey {background-color: #f4f4f4; padding: 40px 0px;}

/* NAVIGATIE */
.navigatie { list-style-type: none;}
.navigatie li {display: inline-block;}
.navigatie li a {color: #fff; padding: 10px; text-transform: uppercase;}
/* EOF NAVIGATIE */


/* HOME */
.banner {min-height: 350px; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.banner .block {
position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(26, 57, 102, 0.8);
    padding-right: 20px;
    line-height: 175px;
    color: #fff;
    font-size: 50px;
}

.banner .block h1 {padding: 40px 80px;}

.banner .block:before {
    position: absolute;
    right: 100%;
    width: 116px;
    content: '';
    border-right: 116px solid rgba(26, 57, 102, 0.8);
    border-top: 136px solid transparent;
    }
    
.tekstblock {padding: 40px 0px;}
    
  .quicklinks h4 {font-size: 20px;}
  .light {background-color: #f4f4f4; padding: 50px;}
    
 .reference {padding: 40px 0px;}   
    
/* EOF home */


/* CONTACT */

.googlemaps {margin-top: 80px; padding: 10px;}
.googlemaps iframe {max-width: 100%;}
.contact-form {margin-top: 80px;}

/* GALLERY */

.gallery img {margin-top: 30px;}

/* EOF GALLERY */

/* NIEUWS */

ul.newslist {margin:0px; padding: 0px; list-style-type: none;}
ul.newslist li.active a {font-weight: bold;}
/* EOF NIEUWS */

/* FOOTER */

footer {background-color: #1a3a68; color: #fff; padding: 30px 0px;}
footer a {color: #fff;}
footer ul {list-style-type: none; margin-top: 15px; padding: 0px;}
.footend {background-color: #252525; color: #666; padding: 10px 0px; font-size: 12px;}
.robotlassen footer {background-color: #333; color: #fff; padding: 30px 0px;}