/* Algemeen */

body, .nspLinks ul li {
color: #565A59;
}

p {
line-height: 2;
}

a {
color: #5F88C4;
}

a:hover, a:active, a:focus {
color: #3c3e3f;
}

.cf-btn.cf-btn-style-flat.cf-width-auto {
	background: #c4695f !important;
	text-transform: uppercase;
	border: none;
	color: #fff;
	cursor: pointer;
	line-height: inherit;
	outline: none;
	padding: 1rem 2rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.cf-btn.cf-btn-style-flat.cf-width-auto:hover {
	background: #5f88c4 !important;
}

.offerteknop {
	background: #c4695f;
	border-radius: 3px;
    font-weight: bold;
}

.offerteknop:hover {
	background: #5f88c4;
}

.offerteknop a {
	color: #FFF !important;
}

/* Top en header */

#gkMainbodyTop {
	margin: 12rem 0 0 0;
}

#gkMainbodyTop .header {
font-size: 3.5rem;
  color: #5F88C4;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  padding: 0 0 4rem 0;
}

.contentpane.blog-page.nieuws {
	padding: 0;
}

#gkTopMenu {
float: left;
}

body.nav-transparent #gkHeaderNav {
background: rgba(255,255,255,0.8) !important;
border-bottom: 4px solid #5F88C4;
}

#gkLogo {
height: 170px;
}

#gkLogo img {
height: 120px;
width: 355px;
max-width: 355px;
margin: 20px 0 25px 50px;
}

#gkHeaderNav .gkMainMenu, #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > a, #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > span {
height: 170px;
line-height: 170px;
padding: 0 1.2rem;
}

#gkHeaderNav .gkMainMenu {
font-size: 2.4rem;
font-weight: 700;
}

#gkHeaderNav .gkMainMenu .gkmenu > li > a, #gkHeaderNav .gkMainMenu .gkmenu > li > span {
color: #565A59;
}

#gkHeaderNav .gkMainMenu .gkmenu.level0 > li > a.active, #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > span.active, #gkHeaderNav .gkMainMenu .gkmenu > li > a:active, #gkHeaderNav .gkMainMenu .gkmenu > li > a:focus, #gkHeaderNav .gkMainMenu .gkmenu > li > a:hover {
color: #5F88C4;
}

.gkHeaderContent {
padding: 0rem 0 25rem 13rem;
}

.gkHeaderContent h1 {
color: #fff;
font-size: 5.6rem;
line-height: 1.4;
margin-bottom: 2rem;
text-transform: uppercase;
font-family: 'Roboto', Arial, sans-serif;
font-weight: 500;
}

.gkHeaderContent p {
color: #fff;
font-size: 2.6rem;
line-height: 1.8;
margin: 0;
text-transform: uppercase;
font-family: 'Roboto', Arial, sans-serif;
font-weight: 500;
}

/* Blokken homepage */

.box li a {
color: #5F88C4;
}

.box.bewerkingen, .box.wieger {
border: none;
padding: 40px 50px 0px 50px;
float: left;
width: 25% !important;
}

.box.laatstenieuws {
border: none;
padding: 40px 50px 0px 50px;
float: right;
}


.box.bewerkingen h3, .box.laatstenieuws h3, .box.wieger h3 {
font-size:2.4rem;
padding-bottom: 20px;
color: #5F88C4;
text-align: left;
}

.box.bewerkingen ul li {
background-color: #F6F6F6;
border: 2px solid #565A59;
color: #5F88C4;
cursor: pointer;
line-height: inherit;
outline: none;
padding: 40px 0 40px 0;
margin: 40px 0 0 0;
text-transform: uppercase;
font-size: 2rem;
text-align: center;
}

.box.bewerkingen [class^="fa fa-"], [class*=" fa-"] {
color: #5F88C4;
}

.box.laatstenieuws {
width: 75% !important;
}

.box.laatstenieuws li a {
padding: 5px 0 20px 0;
}

.nspArt .nspHeader a, .nspLinks ul li h4 a {
color: #565A59;
}

.nspLinks ul li {
padding: 16px 0 30px 0;
}

.nspLinks ul li h4 {
margin: 0 0 6px !important;
line-height: 26px;
}

.nspLinks ul {
padding: 0 !important;
}

.nspLinks ul li p {
line-height: 2;
}

.nspLinks .readon {
    display: block;
    font-style: normal;
    padding-top: 14px;
    width: 200px;
    color: #5F88C4;
    background-color: #FFF;
    padding: 20px 0 10px 0 !important;
    margin: 0;
    text-align: left;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.8rem;
}

.box.wieger {
width: 25% !important;
}

.box.wieger img {
border-radius: 50%;
width: 75%;
display: block;
margin-left: auto;
margin-right: auto;
}

.box.wieger h5::before {
    color: #444;
    content: "“";
    font-style: normal;
}

.box.wieger h5 {
font-size: 1.8rem;
font-weight: 400;
font-style: italic;
text-transform: none;
line-height: 1.5;
font-family: 'Roboto', Arial, sans-serif;
text-align: center;
}

.box.wieger h5::after {
color: #444;
content: "”";
font-style: normal;
}

.box.wieger p {
color: #5F88C4;
text-align: center;
}

.frontpage-grid #gkPageContent {
border-bottom: 2px solid #5F88C4;
}

/* Footer */

#gkFooter {
padding: 40px 50px 30px 50px;
}

#gkFooterNav li {
text-transform: uppercase;
}

#gkBreadcrumb {
background: #5F88C4;
padding: 20px 50px;
float: left;
width: 100%;
color: #FFF;
}

#gkBreadcrumb ul li {
    display: inline;
    margin: 0 6rem 0 0;
    font-weight: bold;
}

#gkBreadcrumb ul li:last-child {
    margin-right: 0;
}

#gkBreadcrumb li {
border: none;
font-size: 1.8rem; !important;
line-height: 1.6 !important;
padding: 0;
font-weight: 400;
}

#gkBreadcrumb li a {
color: #FFF;
}

[class^="fa fa-"], [class*=" fa-"] {
color: #FFF;
}

#gkBackToTop > svg {
fill: #5F88C4;
}

#gkFooterNav {
font-size: 1.8rem;
}

#gkFooterNav a {
    padding: 0 16px;
}

#gkFooterNav a:active, #gkFooterNav a:focus, #gkFooterNav a:hover {
color: #5F88C4;
}

#gkCopyrights {
line-height: 2;
}

/* Mobile */

#gkMobileMenu i, #gkMobileMenu i::before, #gkMobileMenu i::after {
background: #565A59;
}

#gk-menu-overlay-wrap .gkMainMenu {
text-transform: uppercase;
}

#gkMobileMenu:active > i, #gkMobileMenu:active > i::before, #gkMobileMenu:active > i::after, #gkMobileMenu:focus > i, #gkMobileMenu:focus > i::before, #gkMobileMenu:focus > i::after, #gkMobileMenu:hover > i, #gkMobileMenu:hover > i::before, #gkMobileMenu:hover > i::after {
background: #5F88C4;
}

#gk-menu-overlay-wrap .gkMainMenu a:active, #gk-menu-overlay-wrap .gkMainMenu a:focus, #gk-menu-overlay-wrap .gkMainMenu a:hover, #gk-menu-overlay-wrap .gkMainMenu span:active, #gk-menu-overlay-wrap .gkMainMenu span:focus, #gk-menu-overlay-wrap .gkMainMenu span:hover {
color: #5F88C4;
}

/* Subpagina's */

.single-page.over-chessa .item-title, .single-page.producten-bewerkingen .item-title  {
padding: 0 !important;
}

.single-page > .item-content, .single-page > .itemComments {
margin: 0 auto 5rem 0 !important;
}

h4 {
margin-top: 6rem !important;
margin-bottom: 3rem;
color: #565A59;
}

#gkHeaderNav {
background: #FFF;
border-bottom: 4px solid #5F88C4;
}

.itemAuthor.gk-clearfix {
display: none;
}

.single-page .item-body {
margin: 0;
}

.single-page > .item-content, .single-page > .itemComments {
width: 100%;
}

.single-page .item-title {
font-size: 3.5rem;
color: #5F88C4;
text-align: left;
font-style: normal;
font-weight: 600;
letter-spacing: 0;
line-height: 1;
text-transform: uppercase;
padding: 0 0 5rem 0;

}

.single-page.offerte.no-image .item-title {
	padding: 0 0 0 0 !important;
}

.single-page.home.no-image .item-title {
margin: 6rem 0 0 0 !important;
padding: 0 0 1rem 0 !important;
}

table td strong {
color: #5F88C4;
}

.item-body > div[itemprop="articleBody"] ul li::before {
display: none;
}

.item-body > div[itemprop="articleBody"] ul > li {
padding: 0;
}

ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper {
background: none;
margin: 0;
padding: 0 3rem 5px 0;
}

ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
border: 1px solid #ccc;
margin: 0;
padding: 0;
}

/* Nieuws */

.contentpane {
padding: 12rem 0 5rem 0;
}

.page-header h2 {
font-size: 3.5rem;
color: #5F88C4;
text-align: left;
font-style: normal;
font-weight: 600;
letter-spacing: 0;
line-height: 1;
text-transform: uppercase;
margin: 0;
font-family: 'Montserrat', Arial, sans-serif;
}

.blog-page .item-list .item-view .item-title {
margin-top: 6rem !important;
margin-bottom: 2.4rem;
color: #565A59;
font-family: 'Montserrat', Arial, sans-serif;
font-size: 2.02729rem;
line-height: 0.789;
font-weight: 700;
text-transform: uppercase;
margin: 0;
padding: 0;
}

.item-top-info {
font-family: 'Montserrat', Arial, sans-serif;
font-size: 2.02729rem;
line-height: 0.789;
font-weight: 400;
text-transform: uppercase;
margin: -1.8rem 0 0 0;
padding: 0;
float: right;
}

a.inverse {
color: #565A59;
}

.blog-page .item-list .item-view .item-content {
width: 100%;
margin: 3rem auto 0 auto;
}

.blog-page .item-list .item-view .item-content .item-body {
margin: 3rem auto 0 auto;
}

/* Contact */

.page-header h1  {
font-size: 3.5rem;
color: #5F88C4;
text-align: left;
font-style: normal;
font-weight: 600;
letter-spacing: 0;
line-height: 1;
text-transform: uppercase;
padding: 0;
}

h3 {
font-size: 2.4rem;
font-weight: normal;
color: #565A59;
line-height: 0.789;
text-transform: uppercase;
padding: 0;
}

.jicons-text {
color: #565A59;
font-size: 1.8rem;
}

.contact-form legend, #jform_spacer-lbl {
display: none;
}

.btn, button, .pm-input-route-btn.btn {
background-color: #5F88C4;
border: none;
color: #fff;
cursor: pointer;
line-height: inherit;
outline: none;
padding: 1rem 2rem;
text-align: center;
text-transform: uppercase;
}

fieldset {
border: none;
margin: 0;
padding: 0 0 2rem 0;
}

input[type="text"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
border-color: #5F88C4;
}

.phocamaps-box {
padding: 2rem 0 1rem 0 !important;
}


#gkMobileMenu {
    margin-top: 85px !important;
}



/* ************************************ */

@media (min-width: 1200px) and (max-width: 1372px) {

    #gkLogo {
        width: 300px;
        padding-left: 50px;
    }
    #gkLogo img {
        height: auto;
        width: 100%;
        margin-left: 0;
        margin-top: 35px;
    }

    #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > a {
        font-size: 20px;
        padding: 0px 12px;
    }

    #gkBreadcrumb {
        padding-left: 15px; 
        padding-right: 15px;
    }

    #gkBreadcrumb ul {
        text-align: center;
    }
    #gkBreadcrumb ul li {
        display: inline-block;
        margin: 0 4rem 0 0;
    }
    #gkFooterNav a {
        padding: 0 12px;
        font-size: 16px;
    }
}

/* Medium devices (desktops, 992px and 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {

    #gkLogo {
        width: 230px;
        margin: 15px 0 0 30px;
        height: auto;
    }
    #gkLogo img {
        height: auto;
        width: 100%;
        margin: 15px 0 35px 0px;
    }

    #gkHeaderNav .gkMainMenu .gkmenu.level0 > li > a {
        font-size: 18px;
        padding: 0 12px;
    }
    #gkFooterNav li {
        width: 40%;
    }

    #gkBreadcrumb ul li {
        width: 30%;
        display: inline-block;
        margin: 5px 0;
    }
    #gkMobileMenu {
        margin-top: 62px !important;
    }

}

/* Small devices (tablets, 768px and 991px) */
@media (min-width: 768px) and (max-width: 991px) { 

    #gkLogo {
        width: 220px;
        margin-left: 30px;
        height: auto;

    }
    #gkLogo img {
        width: 100%;
        margin: 20px 0 25px 0px;
        height: auto;
    }

    #gkMobileMenu {
        margin-top: 50px !important;
    }

    #gkFooterNav li {
        width: 40%;
    }
    #gkBreadcrumb ul li {
        width: 30%;
        display: inline-block;
        margin: 5px 0;
    }


}

/* Extra small devices (phones, up to 767px) */
@media (max-width: 767px) {

    body.nav-transparent #gkHeader {
        padding-top: 122px;
    }

    #gkMainbody .box {
        padding-top: 40px;
    }

    .box.bewerkingen h3, 
    .box.laatstenieuws h3, 
    .box.wieger h3 {
        padding-bottom: 0;
    }

    #gkLogo {
        height: auto;
        width: 220px;
    }
    #gkLogo img {
        height: auto;
        width: 100%;
        margin: 20px 0 25px 0px;
    }
    #gkMobileMenu {
        margin-top: 50px !important;
    }

    .box.wieger,
    .box.laatstenieuws,
    .box.bewerkingen {
        width: 100% !important;
    }
    .box.laatstenieuws li a {
        line-height: 28px;
    }
    #gkBreadcrumb ul li {
        margin: 5px 0;
        width: 100%;
        display: block;
    }

    #gkFooterNav li {
        width: 100%;
        text-align: center;
    }
   
   }
    ul.sigProClassic li.sigProThumb {
        text-align: center;
    }
    ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper {
        float: none;
        width: auto;
        display: inline-block;
        margin-right: 0;
    }

    #gkMainbody table {
        width: 100% !important;
    }

    .blog-page .item-list .item-view .item-title {
        line-height: 24px;
    }

    #gk-menu-overlay-wrap .gkMainMenu li.active a {
        color: #5F88C4;
    }

    #gkFooterNav {
        width: 100%;
    }

    #gkCopyrights {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .item-top-info {
        margin: 15px 0;
    }

    #gkFooter {
        padding: 40px 15px 30px 15px;
    }

    
}