a {
  color: #1362b4;
}
a:hover {
  color: #0e9cd1;
}
.sp-megamenu-parent >li.active>a,
.sp-megamenu-parent >li:hover>a {
  color: #1362b4;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #1362b4;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #1362b4;
}
#offcanvas-toggler >i {
  color: #000000;
}
#offcanvas-toggler >i:hover {
  color: #1362b4;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #0faae4;
  background-color: #1362b4;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #0d8ab9;
  background-color: #0e9cd1;
}
ul.social-icons >li a:hover {
  color: #1362b4;
}
.sp-page-title {
  background: #1362b4;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul >li >a {
  color: #000000;
}
.sp-module ul >li >a:hover {
  color: #1362b4;
}
.sp-module .latestnews >div >a {
  color: #000000;
}
.sp-module .latestnews >div >a:hover {
  color: #1362b4;
}
.sp-module .tagscloud .tag-name:hover {
  background: #1362b4;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #1362b4;
}
.search .btn-toolbar button {
  background: #1362b4;
}
.post-format {
  background: #1362b4;
}
.voting-symbol span.star.active:before {
  color: #1362b4;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #0e9cd1;
}
.entry-link,
.entry-quote {
  background: #1362b4;
}
blockquote {
  border-color: #1362b4;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #1362b4;
}
#sp-footer {
  background: #1362b4;
}
.sp-comingsoon body {
  background-color: #1362b4;
}
.pagination>li>a,
.pagination>li>span {
  color: #000000;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  color: #000000;
}
.pagination>.active>a,
.pagination>.active>span {
  border-color: #1362b4;
  background-color: #1362b4;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: #1362b4;
  background-color: #1362b4;
}
/***** PRESET *****/
.lt-testimonial-item:hover h5,
.sppb-section-title h3,
h3.sppb-addon-title,
#lt-event .lt-event-item:hover h5,
span.hikashop_product_price,
.lt-about-content ul li em,
#lt-slider .large_bold_black,
.lt-promo-content:hover h3,
.lt_about_us span,
.lt-banner-item:hover h5,
#sp-top-bar .social-icons i,
#sp-top-bar .sp-contact-info li {
    color: #1362b4!important;
}
.lt-introduction .lt-intro-sub:hover i {
    border: 5px solid #1362b4;
}
.lt-button:hover {
    border: 3px solid #1362b4;
}
.button,
.lt-button:hover,
.tp-caption a:hover,
#lt-slider .tp-button,
.hikashop_cart_input_button,
.hikashop_cart_input_button:hover,
#lt-slider .btn-primary:hover {
    background: #1362b4!important;
}
.blogDate {
    background: #1362b4;
}
.projects-filter a.selected, 
.projects-filter a.selected:hover,
.projects-filter a:hover {
    background: #1362b4;
}
.lt-about-content ul li em {
    border-color: #1362b4;
}

/*
CUSTOM
*/
body {
    font-size: 15px;
}
h1 {
    font-family: 'Lexend Deca', sans-serif;
    text-transform: uppercase;

}
h2 {
    font-family: 'Lexend Deca', sans-serif;
}
h3 {
    font-family: 'Lexend Deca', sans-serif;
}
#sp-header {
    background: #ffffffcc;
}
#sp-header .logo {
    display: inline-block;
    height: 90px;
    display: table;
    max-width: 180px;
}
.sp-megamenu-parent >li >a {
    font-size: 15px;
}
@media (max-width: 1199px) and (min-width: 980px)
.sp-megamenu-parent > li > a {
    letter-spacing: 0!important;
    padding: 0 5px!important;
    font-size: 14px!important;
}
.pull-right {
    max-width: 50vw;
    padding: 0 0 15px 15px;
}
@media (max-width: 980px)
.entry-image {
    display: none;
}
.right-box {
    margin-top: 40px;
}
.tarieven .right-box {
    margin-top: 80px;
}
.bellen {
    display: inline-block;
    padding: 0 8px;
    line-height: 90px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #1362b4!important;
    font-weight: 700!important;
}
.page-header {
    padding-bottom: 0px;
    margin: 0;
    border-bottom: 1px solid #eee;
}
.btn-default {
    color: #fff;
    background-color: #1362b4;
    border-color: #ccc;
}
.btn-default:hover {
    color: #fff;
    background-color: #0e9cd1;
}
.picborder {
    border: 1px solid #ccc;
    padding: 3px;
}
/*
.n2-section-smartslider {
    border: 1px solid #ccc;
    padding: 3px;
}
*/
.sticky-wrapper.is-sticky #sp-header, .sticky-wrapper.is-sticky #sp-header {
    background: #f5f5f5ee;
    height: 81px!important;
    border-bottom: 1px solid #ccc;

}
#sp-bottom {
    border-top: 1px solid #ccc;
}
#sp-title {
    margin-top: -7px;
}
.skew {
    transform: rotate(-5deg);
}
#sp-bottom {
    background-color: #f5f5f5ee!important;
}
.random-image {
    border: 1px solid #ccc;
    padding: 3px;
}


/* ===========================================
   Display Utilities — ontbrekend in bootstrap.min.css
   Dekt zowel Bootstrap 5 (d-*) als Bootstrap 3 (visible-*, hidden-*)
   =========================================== */

/* --- Bootstrap 5 base display --- */
.d-none         { display: none !important; }
.d-inline       { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block        { display: block !important; }
.d-flex         { display: flex !important; }
.d-inline-flex  { display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none         { display: none !important; }
  .d-sm-inline       { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block        { display: block !important; }
  .d-sm-flex         { display: flex !important; }
}
@media (min-width: 768px) {
  .d-md-none         { display: none !important; }
  .d-md-inline       { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block        { display: block !important; }
  .d-md-flex         { display: flex !important; }
}
@media (min-width: 992px) {
  .d-lg-none         { display: none !important; }
  .d-lg-inline       { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block        { display: block !important; }
  .d-lg-flex         { display: flex !important; }
}
@media (min-width: 1200px) {
  .d-xl-none         { display: none !important; }
  .d-xl-inline       { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block        { display: block !important; }
  .d-xl-flex         { display: flex !important; }
}
@media (min-width: 1400px) {
  .d-xxl-none         { display: none !important; }
  .d-xxl-inline       { display: inline !important; }
  .d-xxl-inline-block { display: inline-block !important; }
  .d-xxl-block        { display: block !important; }
  .d-xxl-flex         { display: flex !important; }
}

/* --- Bootstrap 3 legacy helpers (voor oudere content/menu items) --- */
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block { display: none !important; }

.hidden-xs, .hidden-sm { display: block !important; }

@media (max-width: 767.98px) {
  .visible-xs,
  .visible-xs-block        { display: block !important; }
  .visible-xs-inline       { display: inline !important; }
  .visible-xs-inline-block { display: inline-block !important; }
  .hidden-xs               { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .visible-sm,
  .visible-sm-block        { display: block !important; }
  .visible-sm-inline       { display: inline !important; }
  .visible-sm-inline-block { display: inline-block !important; }
  .hidden-sm               { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .visible-md,
  .visible-md-block        { display: block !important; }
  .visible-md-inline       { display: inline !important; }
  .visible-md-inline-block { display: inline-block !important; }
  .hidden-md               { display: none !important; }
}

@media (min-width: 1200px) {
  .visible-lg,
  .visible-lg-block        { display: block !important; }
  .visible-lg-inline       { display: inline !important; }
  .visible-lg-inline-block { display: inline-block !important; }
  .hidden-lg               { display: none !important; }
}

.offcanvas-menu {
    background-color: rgb(18 97 179);

}

a.bellen.visible-xs {
	color: #fff !important;
}

.offcanvas-menu .sp-module ul > li > a:before {
    display: none;
}