/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

body {
	color:#515151;
}
/* links highlight and fa deviders */
a,
.highlight,
[class*='facolor'].fa:before {
	color:#00B4FF;
}
/* hovers */
a:focus,
a:hover {
	color:#FFFFFF;
}
/* text highlight */
::selection {
	background: #515151;
	color:#fff;
}
::-moz-selection {
 background: #40b1e2;
 color:#fff;
}
/* headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	color:#515151;
}
.yjsg-sub-heading,
.yjsg-sticky-menu a.active-scroll,
[data-sticky-block] a.active-scroll:before{
	border-color:#515151;
}

/* newsitems */
#article-index ul {
	border:1px solid #dcdcdc;
}
#article-index ul li {
	border-bottom:1px solid #dcdcdc;
}
.newsitem_tools {
	color:#888;
}

/* form elements  */
.yjsg-form-element,
.inputbox {
	background:#fff;
	border: 1px solid #CDCDCD;
}
.yjsg-form-element,
.inputbox:focus {
}
/* buttons */
.button,
.button:hover,
a.readon,
a.readon:hover,
a.readon:focus {
	background:#00B4FF;
	border:1px solid #EEEEEE;
}
a.readon:hover {
	color:#00B4FF;
	background:#CDCDCD;
}
[class*='yjsg-button-color']{
	background:#0F1626;
}
[class*='yjsg-button-color']:hover{
	background:#00B4FF;
}
/*top menu */
#topmenu_holder,.ulholder.dlevel1 {
	background:#515151;
}
.yjsgmenu ul,
.yjsgmenu li.holdsgroup ul ul {
	background:#515151;
	border:1px solid #CDCDCD;
	-webkit-box-shadow:0 0 8px #000;
	-khtml-box-shadow:0 0 8px #000;
	-moz-box-shadow:0 0 8px #000;
	box-shadow:0 0 8px #000;
}
.yjsgmenu li a {
	color:#CDCDCD;
}
.yjsgmenu li a:hover {
	color:#88BBD6;
}
.yjsgmenu ul li {
	border-bottom:1px solid #CDCDCD;
}
.yjsgmenu a.activepath,
.yjsgmenu a:hover,
.yjsgmenu a:focus,
.yjsgmenu li:hover > .child a {
	background:#515151;
}
/* has child arrows */
.yjsgmenu span.child a:after {
	content: "\f0d7";
}
.yjsgmenu ul span.child a:after {
	content: "\f0da";
}
.yjsgmenu ul span.child a:hover:after {
	content: "\f0d7";
}
/* side menu */
.defaultmenu li a {
	border-bottom: 1px solid #D4D4D4;
}
.defaultmenu a.isactivea,
.defaultmenu li a:hover {
	background:#f5f5f5;
	color: #121212;
}
.defaultmenu li a:before {
	content: "\f054";
}

/* responsive menu */
span.yjmm_select {
	color: #999;
	border:1px solid #ddd;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
span.yjmm_select:after {
	content:"\f0c9";
}

/* side menu */
.yjsgrtl ul.defaultmenu li a:before {
	content: "\f053";
}
/* EXTEND DEFAULTS */
.eximium-intro p,
.eximium-features p {
	color:#939393;
}
.yjsg2_out,
.yjsg2_out [class*='yjsg-hr-'].fa:before {
	background:#fcfcfc;
}
.yjsg4_out,
.yjsg4_out [class*='yjsg-hr-'].fa:before {
	background:#f8f8f8;
}
.yjsg6_out,
.yjsg6_out [class*='yjsg-hr-'].fa:before {
	background:#fcfcfc;
}
.yjsg7_out,
.yjsg7_out [class*='yjsg-hr-'].fa:before {
	background:#f8f8f8;
}
.footer_out {
	background:#0F1626;
}
/* fa icons bottom arrow */
.eximium-intro .fa-border {
	background-color:#40b1e2;
	color:#fff;
	border:none;
	position:relative;
	margin-bottom:15px;
}
.eximium-intro .fa-border:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #40b1e2 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -15px;
	bottom: -14px;
	left: 50%;
}
.socials .fa-border:after {
	display:none;
}
/* features tabs */
#features-tabs .yjsgShortcodeTabs li a {
	background:#40b1e2;
	color:#fff;
	border:none;
}
#features-tabs .yjsgShortcodeTabs li.active a {
	background:#fff;
	color:#40b1e2;
	border:none;
	border:1px solid #ddd;
	border-bottom-color: transparent;
}
#features-tabs .yjsgShortcodeTabs {
	border-color:#40b1e2;
}
/* eximium-list */
.eximium-list li a {
	color:#444;
}
.eximium-list li a:hover {
	color:#40b1e2;
}
/* richsnippets section icons */
.richsnippets .yelloic .fa {
	color:#FC0;
}
/* footer */
#footer,
#footer a:hover {
	color:#fff;
}
/* module styles */
.yjsg1{
	background:#CDCDCD;
	color:#fff;
}
.yjsg1 .module_title{
	border-bottom:1px solid #fff;
}
.yjsg1 a{
	color:#121212;
}
.yjsg1 a:hover{
	color:#1c8ab9;
}
.yjsg2{
	background:#efefef;
}
.yjsg2 .module_title{
	border-bottom:1px solid #ccc;
}









/* Board Member Profiles */


.card {
  	float: left;
    padding-top: 20px;
    margin: 10px 0 20px 0;
    background-color: #fff;
    border-top-width: 0;
    border-bottom-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card .card-heading {
    padding: 0 20px;
    margin: 0;
}

.card .card-heading.simple {
    font-size: 20px;
    font-weight: 300;
    color: #777;
    border-bottom: 1px solid #e5e5e5;
}

.card .card-heading.image img {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 15px;
    vertical-align: top;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.card .card-heading.image .card-heading-header {
    display: inline-block;
    vertical-align: top;
}

.card .card-heading.image .card-heading-header h3 {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #262626;
}

.card .card-heading.image .card-heading-header span {
    font-size: 12px;
    color: #999999;
}

.card .card-body {
    padding: 0 20px;
    margin-top: 20px;
}

.card .card-media {
    padding: 0 20px;
    margin: 0 -14px;
}

.card .card-media img {
    max-width: 100%;
    max-height: 100%;
}

.card .card-actions {
    min-height: 30px;
    padding: 0 20px 20px 20px;
    margin: 20px 0 0 0;
}

.card .card-comments {
    padding: 20px;
    margin: 0;
    background-color: #fff;
}

.card .card-comments .comments-collapse-toggle {
    padding: 0;
    margin: 0 20px 12px 20px;
}

.card .card-comments .comments-collapse-toggle a,
.card .card-comments .comments-collapse-toggle span {
    padding-right: 5px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-comments .media-heading {
    font-size: 13px;
    font-weight: bold;
}

.card.people {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 300px;
    padding-top: 0;
    margin-left: 20px;
    overflow: hidden;
    vertical-align: top;
}

.card.people:first-child {
    margin-left: 0;
}

.card.people .card-top {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 170px;
    height: 150px;
    background-color: #ffffff;
}


.card.people .card-info {
    position: absolute;
    top: 150px;
    display: inline-block;
    width: 100%;
    height: 101px;
    overflow: hidden;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card.people .card-info .title {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    color: #404040;
}

.card.people .card-info .desc {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: #737373;
    text-overflow: ellipsis;
}

.card.people .card-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    line-height: 29px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* profile box general  */
.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: #EEEEEE;
}

.card.hovercard .cardheader {
    background-size: cover;
    height: 135px;
}

.card.hovercard .avatar {
    position: relative;
    top: -50px;
    margin-bottom: -50px;
}

.card.hovercard .avatar img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255,255,255,0.5);
}

.card.hovercard .info {
    padding: 4px 8px 10px;
}
/* boardmembers name  */
.card.hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #000;
    vertical-align: middle;
}
/* boardmembers description  */
.card.hovercard .info .desc {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-overflow: ellipsis;
}

.card.hovercard .bottom {
    padding: 0 20px;
    margin-bottom: 17px;
}