/*---------------------------------------------------------------
# Package - Joomla Template  
# ---------------------------------------------------------------
# Author - olwebdesign http://www.olwebdesign.com
# Copyright (C) 2008 - 2020 olwebdesign.com. All Rights Reserved.
# Websites: http://www.olwebdesign.com
-----------------------------------------------------------------*/

/*Module type SP_XHTML*/
.mod-wrapper,.mod-wrapper-flat {position:relative}
.module.menu{padding:15px}

.mod-wrapper ul{list-style:none;margin:0;padding:0}
.mod-wrapper li{background:none;margin:0;padding:4px 0px}
.mod-wrapper li li{margin-left:10px;border-bottom:0!important}
.mod-wrapper li a{text-decoration:none}
.mod-wrapper li:hover > a, .mod-wrapper li.active > a{text-decoration:none}

/*Suffix menu*/
.module.menu ul.menu li {padding:8px 10px;margin:0;background:none}
.module.menu ul.menu li a {padding:0;margin:0}
.module.menu ul.menu li:hover,
.module.menu ul.menu li.active {background:#fbfbfb}
.module.menu ul.menu li:hover > a {background:none}
/*Start Module Variations*/

/*Module Type Menu*/
.mod-wrapper-menu {margin-top:8px}
.mod-wrapper-menu h3.header{font-size:12px;font-weight:700;color:#000;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}

.white {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	border: 1px solid #f1f1f1;
	padding: 15px;
}
.white:hover {
	color: #333;
	background-color: #f9f9f9;
}
.beige {
	color: #000;
	background-color: #e3e1df;
	margin: 0 auto 10px auto;
	padding: 15px;
	border: 1px solid #fff;
}

.greys {
	color: #333;
	background-color: #f1f1f1;
	margin: 0 auto 5px auto;
	padding: 5px;
}
.greys:hover {
	color: #333;
	background-color: #ddd;
}

.blues {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 15px;
	background: #0079cf;
    background: -moz-linear-gradient(45deg, #0079cf 0%, #00a9fc 100%);
    background: -webkit-linear-gradient(45deg, #0079cf 0%,#00a9fc 100%);
    background: linear-gradient(45deg, #0079cf 0%,#00a9fc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079cf', endColorstr='#00a9fc',GradientType=1 );
}

.greens {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 15px;
	background: #669933;
    background: -moz-linear-gradient(45deg, #669933 0%, #66cc33 100%);
    background: -webkit-linear-gradient(45deg, #669933 0%,#66cc33 100%);
    background: linear-gradient(45deg, #669933 0%,#66cc33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669933', endColorstr='#66cc33',GradientType=1 );
}
.oranges {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 15px;
	background: #ff7b26;
    background: -moz-linear-gradient(45deg, #ff7b26 0%, #ffc108 100%);
    background: -webkit-linear-gradient(45deg, #ff7b26 0%,#ffc108 100%);
    background: linear-gradient(45deg, #ff7b26 0%,#ffc108 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b26', endColorstr='#ffc108',GradientType=1 );
}



.reds {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 15px;
	background: #f32328;
    background: -moz-linear-gradient(45deg, #f32328 0%, #fe583c 100%);
    background: -webkit-linear-gradient(45deg, #f32328 0%,#fe583c 100%);
    background: linear-gradient(45deg, #f32328 0%,#fe583c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f32328', endColorstr='#fe583c',GradientType=1 );}

.colors {
	color: #f1f1f1;
	margin: 0 auto 0px auto;
	padding: 15px;
	border: 1px solid #d7d7d7;
}
.mod-wrapper .title::after, .mod-wrapper .title, .mod-wrapper-flat .title::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(100,100,100,0.4);
    content: "";
    z-index: 0;
}
.mod-wrapper .title::before, .mod-wrapper .title, .mod-wrapper-flat .title::before {
    content: '';
    width: 60px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.mod-wrapper .title, .mod-wrapper-flat .title {
    position: relative;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.mod-wrapper h3, .mod-wrapper-flat h3{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.dark {
	background-color: #27282c;
	margin: 0 auto 10px auto;
	color: #7c7e84;
	padding: 15px;
}
.dark ul, .mcolor ul, .white ul {
	padding-left: 10px;
}

.dark a, .colors a { color: #ddd !important;}