/*
*   name           Helix Ultimate - Custom CSS
*   version        1.0
*   description    Fixing shit developer CSS
*   author         Errol Swanepoel
*   copyright      Copyright (C) 2012-2050 E Swanepoel. All Rights Reserved.
*   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

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

/// custom styles

******************************************************************************************
Helix Template overrides
*/

.offcanvas-menu .offcanvas-inner {
  padding-right: 0;
}
.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 {
  display: none;
}
body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  margin-left: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li {
  padding: 0.25rem 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-deeper.menu-parent {
	padding-bottom: 0.5rem;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul.menu-child {
  display: initial;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu-child > li {
  padding-top: 0.5rem;
  padding-left: 1.1rem;
}

.article-details .article-ratings-social-share {
  padding: 0 !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  margin-bottom: 0px !important;
}

#sp-main-body {
  padding: 50px 0px 50px 0px;
}

/* p {
  margin-top: 0;
  margin-bottom: 5px;
}
*/

.sp-menu-heading {
  padding: 0 5px !important;
}

img {
  display: inline !important;
}

/* My Own styles
----------------------------------------------------------------------------------------------------*/

.mycontent {
  margin-left: +30px; 
  margin-right: auto;
}

.mybox {
  margin-top: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 0px 0px 20px;
  /* box-shadow: 0 0 3px grey; */
  }

.myblockq {
  padding: 0 0 0 15px;
  margin: 20px 0 20px;
  border-left: 5px solid #03f;
}


/* img stuff
----------------------------------------------------------------------------------------------------*/
.img-rounded {
	border-radius: 7px;
}

.moduletable, div[class^="moduletable-"], div[class*=" moduletable-"] {
	text-align: justify;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 11px;
   background: #fff;
}
.img-left {
	float: left;
	margin: 0 30px 10px 0;
	height: auto;
}

/* Zebra List
----------------------------------------------------------------------------------------------------*/
ul.zebra { list-style: none; margin: 0;	padding: 0 0 10px;}
ul.zebra > li { border-bottom: 1px solid #ddd; padding: 5px;}
ul.zebra > li:first-child { border-top: 1px solid #ddd; }
ul.zebra > li.odd { background: #f6fbff; color: #222222; }
ul.zebra > li:nth-of-type(odd) { background: #f6fbff; }
	
/* Boxes <- Font Awesome not working
----------------------------------------------------------------------------------------------------*/
.box-content {
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 5px;
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-down {
  background: #eafaea;
  border-top: 1px solid #cdc;
  border-bottom: 1px solid #cdc;
  padding: 5px 0 6px 5px;
}

.box-info {
  background: #ebf5fa;
  border-color: #d2dce1;
}

.box-warning {
  background: #fff0eb;
  border-color: #ffd7cd;
}

.box-hint {
  background: #fffae6;
  border-color: #fae6be;
}

.box-down {
  background: #fafafa;
  border-color: #ddd;
}

/* Font Awesome Icons for Boxes  <- Font Awesome not working
----------------------------------------------------------------------------------------------------*/
.fa-Note::before,
.fa-Info::before,
.fa-Warn::before,
.fa-Hint::before {
  font-family: "Font Awesome 5 Free";
  top:0;
  left:-5px;
  padding-right:5px;
  padding-left:5px;
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
  content: "\f0a4";
  color: #575;	
  font-weight: 900;
}

.fa-Info::before {
  content: "\f05a";
  color: #50a0ff;
}
		
.fa-Warn::before {
  content: "\f071";
  color: #ff3030;
}
		
.fa-Hint::before {
  content: "\f0eb";
  color: #c0a030;
}
.fa-Down::before {
  content: "\f019";
  color: #777;
}
/* End
----------------------------------------------------------------------------------------------------*/