/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */

/* verandert van alles wat body is de achtergrond, maar footer achtergrond niet */
body, .sp-preloader {
  background-color: #fff;
}
/* deze doet niets in style3 */
.sp-preloader > div {
  background: #953a35;
}
/* deze doet niets in style3 */
.sp-preloader > div:after {
  background: #fff;
}
/* deze beide doen niets in style3 */
#sp-top-bar {
  background: #953a35;
  color: #fff;
}
/* deze doet niets in style3 */
#sp-top-bar a {
  color: #fff;
}
/* deze doet niets in style3 */
#sp-header {
  background: #fff;
}
a {
  color: inherit;
}
a:hover, a:focus, a:active {
  color: #953a35;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #953a35;
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: #953a35;
  color: #fff;
  border: 1px solid #953a35;
}
.tags > li a:hover {
  background: transparent;
  color: #953a35;
}
.article-social-share .social-share-icon ul li a {
  color: #585858;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: transparent;
}
.pager > li a {
  border: 1px solid #ededed;
  color: #3a3736;
}
/* dit is een donkerblauw die uberhaupt niet te zien is in style3 */
.sp-megamenu-parent > li > a {
  color: #42558c;
}
.sp-megamenu-parent > li:hover > a {
  color: #953a35;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #953a35;
}
/* achtergrond hover menu (zonder scrollen) */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}
/* dit is een donkergrijs die niets doet */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #555;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #953a35;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #953a35;
}
/* dit is een lichtgrijs die niets doet */
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #777a7c;
}
/* deze doet niets */
#offcanvas-toggler > .fa {
  color: #fff;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: #953a35;
}
/* deze doet niets */
.offcanvas-menu {
 color: #555;
}
/* deze doet niets */
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
 color: #555;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: rgba(255, 255, 255, 0.8);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
  color: rgba(255, 255, 255, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: #fff;
}
.btn-primary {
  border-color: #953a35;
  background-color: #953a35;
}
.btn-primary:hover {
  border-color: #953a35;
  background-color: #953a35;
}
ul.social-icons > li a:hover {
  color: #953a35;
}
.sp-page-title {
  background: #953a35;
}
/* doet niets */
.layout-boxed .body-innerwrapper {
  background: #fff;
}
.sp-module ul > li > a:hover {
  color: #953a35;
}
.sp-module .latestnews > div > a {
  color: #3a3736;
}
.sp-module .latestnews > div > a:hover {
  color: #953a35;
}
.sp-module .tagscloud .tag-name:hover {
  background: #953a35;
}
.search .btn-toolbar button {
  background: #953a35;
}
/* doet niets */
#sp-footer, #sp-bottom {
  background: #fff;
}

.sp-comingsoon body {
  background-color: #953a35;
}
.pagination > li > a, .pagination > li > span {
  color: #3a3736;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #3a3736;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: #953a35;
  background-color: #953a35;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #953a35;
  background-color: #953a35;
}
.error-code, .coming-soon-number {
  color: #953a35;
}

.text-primary {
  color: #953a35 !important;
}

/* deze kleurinstelling is in feite een variabele, die wordt gebruikt in de custom.css
Dus van onderdelen die je niet deze kleur wil geven, moet je die opzoeken in de custom.css door naar maincolor te zoeken en zo je element aanpassen door de var te vervangen door de kleur die jij wil */

:root {
  --maincolor: #c3c6bf;
}