﻿﻿/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper joomshaper
# Copyright (C) 2025 - 2025 JoomShaper. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: joomshaper
-----------------------------------------------------------------*/
/*Module type XHTML*/
.mod-wrapper, .mod-wrapper-flat {
	position: relative;
}
.mod-wrapper {
	border: 1px solid #444;
	padding: 5px;
	border-radius: 4px;
}
.mod-wrapper h3.header {
	color: #222;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
}
#sp-leftcol .mod-wrapper h3.header, #sp-rightcol .mod-wrapper h3.header {
	color: #000;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
}
#sp-leftcol .mod-wrapper, #sp-rightcol .mod-wrapper {
	border: none!important;
	padding: 0;
}
.mod-wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mod-wrapper li {
	background: none;
	border-bottom: 1px dotted #EAEAEA;
	font-size: 12px;
	font-weight: 400;
	text-shadow: 0 1px #FFF;
	padding: 10px 0;
}
.module_menu .mod-wrapper li {
	border-bottom: 1px solid #d3d3d3;
	font-size: 14px;
	font-weight: 400;
	text-shadow: 0 1px #FFF;
	margin: 0px -10px;
	padding: 6px 10px;
}
.module_menu .mod-wrapper li a {
	color: #666666;
	display: block;
	text-decoration: none;
}
.module_menu .mod-wrapper li:hover, .module_menu .mod-wrapper li.active {
	background-color: #990000;
	text-decoration: none;
}
.module_menu .mod-wrapper li:hover a, .module_menu .mod-wrapper li.active a {
	color: #fff;
	text-shadow: 0 1px #000;
}
.module_menu .mod-wrapper li li {
	background-image: none!important;
	border: none!important;
}
.module_border .mod-wrapper {
	background: url("../images/border.gif") repeat-x 0 100%;
	margin: 0 -10px;
	padding: 0 10px 10px 10px!important;
}
/*Module Type Flat*/
.mod-wrapper-flat h3.header {
	color: #222;
	font-size: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	padding: 2px 0;
}
.mod-wrapper-flat ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mod-wrapper-flat li {
	font-size: 11px;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 4px;
	background: none;
	color: #888;
}
.mod-wrapper-flat li a {
	color: #888;
}
.mod-wrapper-flat li a:hover {
	text-decoration: underline;
}
#sp-bottom .mod-wrapper-flat h3.header {
	color: #666;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
}
#sp-bottom .mod-wrapper-flat li {
	background: url("../images/sphere.png") no-repeat 0 50%;
	padding: 4px 4px 4px 10px;
}
#sp-bottom .mod-wrapper-flat li, #sp-bottom .mod-wrapper-flat li a {
	color: #555;
}
/*Module Type Menu*/
.mod-wrapper-menu {
	margin-top: 8px;
}
.mod-wrapper-menu h3.header {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	margin: 0;
	padding: 2px 5px;
}
.mod-wrapper-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mod-wrapper-menu li {
	font-size: 11px;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 4px;
}
.mod-wrapper-menu li a:hover {
	text-decoration: underline;
}
/*Badges*/
span.badge_new, span.badge_free, span.badge_hot, span.badge_pick, span.badge_top {
	height: 48px;
	position: absolute;
	right: -3px;
	text-indent: -999em;
	top: -4px;
	width: 48px;
	z-index: 99;
}
span.badge_new {
	background: url("../images/base_new.png") no-repeat 100% 0;
}
span.badge_free {
	background: url("../images/base_free.png") no-repeat 100% 0;
}
span.badge_hot {
	background: url("../images/base_hot.png") no-repeat 100% 0;
}
span.badge_pick {
	background: url("../images/base_pick.png") no-repeat 100% 0;
}
span.badge_top {
	background: url("../images/base_top.png") no-repeat 100% 0;
}
/* --- injected clearfix (WaybackScraper) --- */
.clearfix::after{content:"";display:table;clear:both}
