/**
 * @package   HLI Joomla! 3 Template
 * @version   1.0
 * @author    7Studio Tomasz Herudzinski https://www.7studio.eu
 * @copyright Copyright (C) 2009 - 2014 7Studio Tomasz Herudzinski
 * @license   Commercial - ThemeForest Regular License - https://themeforest.net/licenses/regular_extended
**/

/* used HEX colors:

#169888 - active links
#169888 - solid
#eddede - light color text

 /* template.css
------------------------------------------------------------------------------------*/
a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
	color: #169888;
}

.subcategoryTitleImg  {
	background-color: #169888;
}

.item-image-wrap .item-image-backdrop {
	background-color: #169888;
}

/* menu.css hover/active */
#st-menu .nav.menu > li > a:hover,
#st-menu .nav.menu > li.active > a,
#st-menu .nav.menu > li.parent:hover > a,
#st-menu .nav.menu > li.active.parent > a,
#st-menu .nav.menu > li > span.separator:hover,
#st-menu .nav.menu > li.active > span.separator,
#st-menu .nav.menu > li.current.active > a:hover,
#st-menu .nav.menu > li.alias-parent-active > a,
#st-menu .nav.menu > li.parent:hover > span.separator,
#st-menu .nav.menu > li.active.parent > span.separator {
	background-color: #169888;
	color: #ffffff;
}

#st-menu .nav.menu ul {
	background-color: #169888;
}

/* Social Icons */

.social{
    height: auto;
    list-style-type: none;

    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

.social li {
    float: left;
}
.social li a{
    display: inline-block;
    float: left;
    width: 30px;
    height: 40px;
    margin-right: 5px;
    text-align: center;
    padding-top: 10px;
    font-size: 18px;

    /*background-color: #222;*/

    color: #777;
}

.social li a:hover{

    color: #999;
}


.name {
    width: 33%;
    Float: left;
    height: 50px;
}

 /* modules
------------------------------------------------------------------------------------*/
.module.color-title .module-title {
	background-color: #169888;
}

.module.color .module-title h3 {
	color: #169888;
}

.module.color-box {
	background-color: #169888;
	color: #eddede;
}

.module.border-color .module-title {
	border-bottom: 2px solid #169888;
}

.module.border-color-top .module-title {
	border-top: 2px solid #169888;
}

 /* Extensions 
------------------------------------------------------------------------------------*/
.sequence .text-block {
	background-color: #169888;
	background-color: rgba(22,152,136,0.8);
}

.sequence .st-progress::before{
	background-color: #169888;
}

.st-image-caption.color {
	background-color: #169888;
}

 /* Bootstrap Interface Overrides
------------------------------------------------------------------------------------*/
.btn-group.open,
.btn-primary.dropdown-toggle,
.btn-primary,
.dropdown-menu > li > a.selected,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #169888;
}


}