/* ============================================================ */
/* Infobar */
/* ============================================================ */
.infobar .listDate{
    background: #807c7c;
    text-align: center;
    padding-left: 0; 
    padding-right: 0;
}
.infobar .listDate div { color:#fff; }
.infobar .listDate .year{
    background: #C8CACA;
    color: #000;
}
.infobar .listDate .day{
    padding-top: 5px;
    font-size: 28px;
    line-height: 30px;
}
.infobar .listContent .title{
    color: #303641;
    font-size: 14px;
    font-weight: 600;
}
/* =========================================================
Clear Floated Elements
============================================================ */
.infobar .left{ 
    float:left;
}
.infobar .right{
    float:right;
}
.infobar .clear {  
    clear: both;  
    display: block;  
    overflow: hidden;  
    visibility: hidden;  
    width: 0;  height: 0;
}
.infobar .clearfix:before, .infobar .clearfix:after{
    content: '.';  
    display: block;  
    overflow: hidden;  
    visibility: hidden;  
    font-size: 0;  
    line-height: 0;  
    width: 0;  
    height: 0;
}
.infobar .clearfix:after{  
    clear: both;
}
.infobar .clearfix{  
    zoom: 1;
}
/* ========================================================= */
.infobar .loading {
    min-height: 250px;
}
/* =========================================================
Infobar Slider
============================================================ */
.infobar-slider {
    box-shadow:none;
    border-radius:0;
    border:none;
    margin: 25px 0 35px 0;
}
.infobar-slider > li {
    margin: 0;
}

.infobar-slider .flex-control-nav{
    display:none;
}
.infobar-slider .flex-direction-nav {
    position: absolute;
    right: 15px;
    top: -58px;
}
.infobar-slider .flex-direction-nav li {
    list-style:none;
    margin:0 0 0 5px;
    display: block;
    float: left;
}
.infobar-slider .flex-direction-nav a {
    width:24px;
    height:24px;
    background-color:#FFFCFC;
    border:2px solid #c6c6c6;
    margin: 0;
    background-position:center center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    z-index: 0;
}

.infobar-slider .flex-direction-nav .flex-prev {
    background-image:url(images/slider/flex-prev.png);
    background-position: 6px center;
}
.infobar-slider .flex-direction-nav .flex-next {
    background-image:url(images/slider/flex-next.png);
    background-position: 8px center;    
}
/* ============================================================ */
.infobar-slider .entry-item .entry-thumb {
    width: 60%;
    float: left;
    margin-right: 20px;
    position: relative;
}
.infobar-slider .entry-item .entry-thumb img {
    display: block;
    width: 100%;
    height:auto;
}
.infobar-slider .entry-item .entry-thumb a {
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border:2px solid #fff;
    background-color: rgba(0,0,0,.37);
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    z-index: 0;
    bottom: 15px;
    right: 15px;
}
.infobar-slider .entry-item .entry-thumb a:hover {
    color: #18adb5;
    border:2px solid #18adb5;
}

.infobar-slider .entry-item .entry-content {
    float: left;
    width: 35%;
}
.infobar-slider .entry-item .entry-content header {
    margin-bottom: 20px;
}
.infobar-slider .entry-item .entry-content header .entry-categories {
    font-family: 'Open Sans', sans-serif;
    color: #b7b7b7;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}
.infobar-slider .entry-item .entry-content header .entry-categories a {
    color: #b7b7b7;
}
.infobar-slider .entry-item .entry-content header .entry-categories span {
    color: #18adb5;
    margin-right: 10px;
}

.infobar-slider .entry-item .entry-content header .entry-title {
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}
.infobar-slider .entry-item .entry-content header .entry-title a {
    color:#000;
    float: left;

}
.infobar-slider .entry-item .entry-content header .entry-title span {
    display: block;
    background-color: #18adb5;
    color: #fff;
    padding: 3px 7px 2px;
    margin-right: 15px;
    float: left;
    margin-top: 5px;
}
.infobar-slider .entry-item .entry-content header .meta-box {
    float: left;
}
.infobar-slider .entry-item .entry-content header .entry-date,
.infobar-slider .entry-item .entry-content header .entry-comments,
.infobar-slider .entry-item .entry-content header .entry-view {
    margin-right: 15px;
}
.infobar-slider .entry-item .entry-content header .entry-date{
    /*text-transform: uppercase;*/
    font-weight: 600;
}
.infobar-slider .entry-item .entry-content header .entry-comments span,
.infobar-slider .entry-item .entry-content header .entry-view span{
    margin-right: 10px;
}
.infobar-slider .entry-item .entry-content header .entry-comments,
.infobar-slider .entry-item .entry-content header .entry-comments a,
.infobar-slider .entry-item .entry-content header .entry-view {
    color: #18adb5;
    font-size:12px;
    font-weight: 600;
}
.infobar-slider .entry-item .entry-content header .entry-comments a:hover {
    color: #fff;
}
.infobar-slider .entry-item .entry-content header .entry-view span{
    font-size:14px;
}
.infobar-slider .entry-item .entry-content p {
    color: #303641;
}

/* =========================================================
Kopa Widget Slider
============================================================ */
.kopa-widget-slider-nav .widget-title {
    font-size: 18px;
    margin: 0;
    line-height: 40px;
    text-transform: uppercase;
    position: relative;
	color: #303641;
    background: #E5E6E6;
    padding: 0 15px;
}
.kopa-widget-slider-nav .widget-title span {
    font-weight: 600;
}
.kopa-widget-slider-nav .widget-title span.arrow {
    position: absolute;
    bottom: -12px;
    left: 0;
    border-top: 12px solid #CCC8C8;
    border-left: 28px solid transparent;
    border-right: 0px solid transparent;
    display: block;
    height: 0;
    width: 0;
}

/* =========================================================
Kopa Widget List
============================================================ */
.kopa-widget-list .widget-title {
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 10px;
    padding-left: 20px;
    line-height: 40px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    background: #303641 ;
    margin: 0;
}
.kopa-widget-list .widget-title span {
    font-weight: 600;
}
.kopa-widget-list ul {
    margin-left: -40px;
    margin-top: 10px;
}
.kopa-widget-list ul li {
    list-style: none;
    border-top: 1px solid #bfbbbb;
    padding-top: 15px;
    margin: 15px 0 0;
}
.kopa-widget-list ul li:first-child {
    border-top: none;
    padding-top: 0px;
    margin: 0;
}
.kopa-widget-list ul li a {
    color:#000;
    font-size:14px;
    font-weight:600;
}
/* ============================================================ */
