/* BASIC CUSTOM STYLES */
.bg-red { background-color:#FF0000 !important; }
.text-red { color:#FF0000 !important; }
.bg-grey { background-color:#999999 !important; }
.iso-icon { width:80px; height:40px; line-height:40px; text-align:center; font-size:12pt; font-weight:normal;}
.bg-iso-p { background-color:#008BD2 !important; }
.bg-iso-m { background-color:#FFDD00 !important; }
.bg-iso-k { background-color:#FF0000 !important; }
.bg-iso-s { background-color:#9E7100 !important; }
.bg-iso-n { background-color:#007B3C !important; }
.bg-iso-h { background-color:#9C9C9C !important; }
.bg-iso-x { background-color:#000000 !important; }
.colorbox {
  display:block;
  margin: .25em 0;
  min-width: 3em;
  padding: 1.25rem .25rem !important;
  text-align:center;
  font-weight:bold;
  border:1px solid #CCC;
}
/*BASE*/
html { min-width:320px !important; }
body { font-size: 0.9em; }
#sp-main-body {
  padding: 20px 0;
  min-height: calc(100vh - 226px);
}
.btn, button, input, .input-group-text, #accordeonck110 li.level1 > span {border-radius:0 !important;}
.btn-primary, .sppb-btn-primary {
  background-color:#F00;
  border:0;
  margin:.5em 0;
}
.btn-primary:hover, .btn-primary:active, .sppb-btn-primary:hover, .sppb-btn-primary:active {
  background-color: #E80000;
}
.article-details {
  padding: 8px 0;
  border-radius: 0;
}
h1[itemprop="headline"] {
  font-weight: normal;
  color: #FF0000;
  padding-left: 1.5em;
}
h1[itemprop="headline"]:after {
  content: ' ';
  display: block;
  position: absolute;
  width:0.75em;
  left:0.25em;
  top:0.25em;
  bottom:0.25em;
  background-color:#F00;
  transform: skewX(-30deg);
}
h2 {
  font-size: 2em;
  margin-top:1.em;
  margin-bottom:.5em;
  padding-bottom: 0.5em;
}
h3, h4 {
  font-size: 1.5em;
  margin-top: 1em;
  margin-bottom:.75em;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #999;
  position:relative;
  transition: ease all 0.5s;
}
h3:after, h4:after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: -2px;
  left:0;
  height:2px;
  width:25%;
  background-color:#F00;
  transform:  skewX(-30deg);
  transition: ease all 0.5s;
}
h3:hover:after, h4:hover:after {
	left:75%;
}
h5, h6 {
  font-size: 1.2em;
  margin-top: 1em;
  margin-bottom:1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #999;
}
/*TOPBAR/HEADER*/
.logo-image {height:15px !important;}
#sp-header {height: 60px !important;}
#sp-top-bar {
  background: #000000;
  border-bottom: 8px solid #999999;
}
#sp-top-bar:after {
  content:' ';
  position:absolute;
  top:45px;
  left:0;
  right:0;
  height:10px;
  border-bottom: 3px solid #F00;
}
#sp-header {
  margin-top: 10px;
}
#sp-header.header-sticky {
  margin-top: 0px;
}
/*FOOTER*/
#sp-footer, #sp-bottom {
  background: #999999;
  color: #FFFFFF;
  border-top: 8px solid #FFF;
  box-shadow: 0 -8px 0 0 #F00;
}
#sp-footer a, #sp-bottom a {
  font-weight:bold;
  color: #FFF;
}
/*RESPONSIVE AND OFF-CANVAS*/
@media (min-width: 992px) {
  #sp-left, #sp-left .sp-column {display:grid !important;}
  #offcanvas-toggler { display:none !important; }
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler {
  padding-left: 100%;
}
.offcanvas-menu .offcanvas-inner .header-modules {
  justify-content: center !important;
}
.offcanvas-inner .sp-profile-dropdown {
  position: relative !important;
  min-width: 150px;
  z-index:100;
  margin-top:.75em;
}
/*ACCORDEON SIDE MENU*/
.accordeonck-wrap li ul li {
  list-style-type: none;
  margin: 0px !important;
}
.accordeonck-wrap li.level1 > span a {
  padding: 10px 4px;
  border-bottom: 1px solid #CCC;
}
.accordeonck-wrap li.parent > span span.toggler_icon {
  display: none !important;
}
.accordeonck-wrap li.parent > span:before {
  content:'';
  position:absolute;
  top:10px;
  right:5px;
  width:0;
  height:0;
  border-right:10px solid #F00;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  transition: ease all 0.3s;
}
.accordeonck-wrap li.parent.open > span:before {
  transform:rotate(-90deg);
}
.accordeonck.isactive  {
	color: #F00 !important;
}
/* MODULES */
#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 0;
  padding: 16px;
  border: 1px solid #CCC;
  border-radius: 0;
  margin-top: .5rem;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
	border-bottom: 0; 
}