/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */
.navbar-default .navbar-nav > li > a{font-weight: bold}
.dropdown:hover .dropdown-menu {
    display: block;
 }
body{padding: 75px 0 0; line-height: 1.5}
.fa{margin-right: 3px}
h1, h2, h3, h4, h5{font-family: 'Roboto',sans-serif; font-weight: 400; line-height: 1.5}
.logo-image span, .logo-image small {
    display: none;
}
.col-module{margin-bottom: 25px}
footer .col-module{margin-bottom: 15px}
.home-sidebar-right .widget-ads img{width: 100%}
#lastest-post h2{font-size: 14px; margin: 10px 0; font-weight: 400}
#lastest-post .entry-meta, .entry-meta{margin-bottom: 0; font-size: 12px; color: #999}
#lastest-post .box-title {
    background: url("../images/bg_head_nav.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400 !important;
    margin: 0 0 15px;
    min-height: 36px;
    text-transform: uppercase;
}

#lastest-post .box-title > span {
    background: none repeat scroll 0 0 #418CD1;
    display: block;
    float: left;
    line-height: 36px;
    padding: 0 12px;
}

.sidebar-top-homepage .widget-ads.widget img{width: 100%; height: a}
#lastest-post ul li{border-bottom: 1px solid #EEE; padding-bottom: 10px}
/* Custom Widgets */

/*Sidebar Popular*/
.widget.widget_popular{border: none;}
.widget.widget_popular .module-header{margin-bottom: 10px}
.widget.widget_popular > div{border-top: none; padding: 0}
.widget.widget_popular .widget-title{padding: 0; background: none; height: 40px; line-height: 27px; font-size: 16px}
.widget.widget_popular h3:after {background-color: #EA5323; content: ""; height: 3px; display: block; margin-bottom: -1px; margin-top: 10px; width: 120px;}
.widget.widget_popular ul{margin-top: 10px; border-top: none}
.widget.widget_popular ul li{padding-bottom: 10px; margin: 0; overflow: hidden;}
.widget.widget_popular ul li h5{margin: 0 0 5px}
.widget.widget_popular ul li img{width: 100px; height: auto; float: left; margin-right: 15px}
.home-sidebar-right .widget li{background: none; padding-left: 0;}

/*Video module*/
.home-content .video-module h3.catbox-title{position: relative; padding: 0; background: none; text-transform: uppercase;}
.home-content .video-module h3.catbox-title a{color: #63BD5A}
.module-header h3:after {background-color: #EA5323; content: ""; height: 3px; display: block; margin-bottom: -1px; margin-top: 10px; width: 120px;}
.module-header{border-bottom: 1px solid #EEE; margin-bottom: 25px;}
.video-module .view-all{float: right;}
.video-module img{width: 100%; height: auto;}

/* 2.4 Content */

/* Flexslider */
#featured-slider h2.entry-title{font-weight: 400; font-size: 18px}
#featured-slider .entry-meta{color: #999; margin-top: 5px}
#featured-slider .entry-date {width:40px ;position: absolute; text-align: center; right: 0; top: 0;  background: none repeat scroll 0 0 #1dd9cb; color: #FFF; font-weight: bold; height: 50px;}
span.entry-month {
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
    top: 3px;
}
span.entry-day {
    font-size: 22px;
    position: relative;
    top: -1px;
}
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; height: auto;}
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flexslider {position: relative; zoom: 1; }
.flexslider:hover { background: #fbfbfb; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px }
.flex-caption a:hover { text-decoration: none; }
.flexslider .entry-comment,
.flexslider .entry-comment a,
.flexslider .entry-comment a:visited { top: 7px; right: 5px; }

/* Direction Nav */
.flex-direction-nav a { width: 30px; height: 30px; margin: -20px 10px 0; display: block; background: url('../images/bg-direction-nav.png') no-repeat 0 0; position: absolute; top: 42%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev { left: -36px; }
.flexslider:hover .flex-next { opacity: 0.8; right: 5px; }
.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; top: 65%; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 13px; height: 13px; display: block; background: url('../images/bg-control-nav.png') no-repeat; cursor: pointer; margin: 0 1px; text-indent: -9999em; }
.flex-control-paging li a:hover { background-position: 0 -13px; }
.flex-control-paging li a.flex-active { background-position: 0 -26px; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .active { opacity: 1; cursor: default; }


/*Home content*/
.home-content .catbox{position: relative;}
.home-content h3.catbox-title{position: absolute; background: #418CD1; top: 0; left: 0; z-index: 999; margin: 0; padding: 5px 8px; font-size: 18px}
.home-content h3.catbox-title a{color: #FFF;}
.home-content ul li h5{margin-top: 0}
.home-content ul li.first img{width: 100%; height: auto;}
.home-content ul li.first .entry-meta{margin-bottom: 5px}
.home-content ul li.catlist{overflow: hidden; border-top: 1px dotted #EEE; padding: 10px 0}
.home-content ul li.catlist img{width: 80px; height: 60px; float: left; margin-right: 10px}

.entry-content{
    text-align: justify !important;
}
.entry-content h3{
    font-size: 16px !important;
    font-weight: bold;
}
.entry-content{
    font-size: 16px;
}
.entry-content img{
    text-align: center !important;
}
.wp-block-image{
    text-align: center;
}
/*Sidebar Video*/

.tj-video .open {
    padding: 0;
}
.tj-video .open .description {
    color: #999999;
    font-size: 12px;
    font-style: italic;
    margin: 10px 15px;
}
.tj-video .hide {
    display: none;
}
.tj-video li {
    background: url("images/ico-video.png") no-repeat scroll 0 12px rgba(0, 0, 0, 0) !important;
    padding-left: 25px !important;
}
.tj-video li a {
    border-bottom: medium none !important;
}

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*Article layout*/
#content .heading .entry-meta{text-transform: none;}
.related-loop img{width: 100%; height: auto;}
.related-loop h2.entry-title{font-size: 14px}

.single-share {
    display: block;
    float: left;
    margin: 0 0 20px;
}
.single-share .btn-tweet, .single-share .btn-like, .single-share .btn-plus {
    display: inline-block;
    float: left;
    height: 22px;
    margin: 0 2px 0 0;
    padding: 0;
    width: 90px;
}
.single-share .btn-plus{width: 70px;}
.single-share h3 {
    float: left;
    font-size: 13px;
    line-height: 22px;
    margin: 0 15px 0 0;
    padding: 0;
}


/*Blog layout*/

.notebox p{margin: 0}
.notebox {
    background: none repeat scroll 0 0 #F0F0F0;
    color: #666666;
    margin: 15px 0;
    padding: 12px 15px;
    position: relative;
}
.notebox:before {
    border-bottom: 8px solid #F1F1F1;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 13px;
    position: absolute;
    top: -8px;
}
.notebox:after {
    border-bottom: 6px solid #F1F1F1;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 15px;
    position: absolute;
    top: -5px;
}
.notebox span {
    font-weight: 600;
}

.blog .blog-item {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.blog .blog-item .item-image {
    margin-right: 0;
    margin-top: 7px;
}
.blog .blog-item .item-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.blog .blog-item .page-header {
    border: 0 none;
    margin: 0 0 10px;
    padding: 0;
}
.blog .blog-item .article-header h2 {
    line-height: 1.5;
    margin: 0 0 10px;
    font-size: 20px
}
.blog .blog-item .page-header h2 a:hover, .blog .blog-item .page-header h2 a:focus, .blog .blog-item .page-header h2 a:active {
    color: #00466E;
}
.blog .blog-item .article-intro {
    margin-bottom: 20px;
}
.blog .item-page .tags {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 20px;
}
.blog .item-page .tags span a {
    background: none repeat scroll 0 0 #EEEEEE;
}

.article-aside {
    color: #999999;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0;
}
.article-header + .article-aside {
    margin-top: 0px;
}
.item-page .article-aside {
    font-size: 14px;
    margin-bottom: 40px;
}
.article-info {
    margin: 0;
    width: 85%;
}
.article-info .article-info-term {
    display: none;
}
.article-info dd {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 10px;
    white-space: nowrap;
}
.article-info dd strong {
    font-weight: 600;
}
.article-info dd .fa {
    margin-right: 5px;
}
.category-name {
    text-transform: capitalize;
}
.category-name .fa {
    display: none;
}
.category-name a {
    background: none repeat scroll 0 0 #0077BB;
    color: #FFFFFF;
    padding: 2px 5px;
}
.category-name a:hover, .category-name a:focus, .category-name a:active {
    background: none repeat scroll 0 0 #00466E;
    color: #FFFFFF;
    text-decoration: none;
}
.article-footer {
    color: #999999;
    font-size: 12px;
    margin-bottom: 20px;
}
article img, .article-intro img {
    display: block;
    height: auto;
    max-width: 100%;
}

.img_caption p.img_caption {
    background: none repeat scroll 0 0 #EEEEEE;
    clear: both;
    color: #666666;
    font-size: 12px;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.blog .blog-items .heading h1, .heading h1{margin-top: 0}
.heading h1.entry-title{text-transform: none; font-size: 25px; color: #000}
.blog-meta-bottom{color: #999; float: right;}
.blog-meta-bottom a{color: #666}
.blog-meta-bottom > span + span {
    border-left: 1px dotted #CCCCCC;
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
}
.hires-content .entry-content h2{font-size: 20px}

/* Nav Helper*/
nav {background: #F5F5F5; margin-top: 25px}
nav.navhelper .breadcrumb{padding: 8px 0; margin: 0; color: #666; font-size: 95%;}
/*Footer*/
footer{color: #666666;}
footer .nav {
    margin: 0;
}
footer .nav li {
    display: inline-block;
    padding: 0;
}
footer .nav li:last-child {
    padding-right: 0;
}
footer .nav li a {
    padding: 0 5px; font-size: 13px
}
footer .nav li a:hover, footer .nav li a:focus, footer .nav li a:active {
    color: #686A6F;
    text-decoration: underline;
}
footer{border-top: 1px solid #DDD; padding-top: 10px; background: #EEE; text-align: center;}
.t3-logo {
    display: inline-block;
    float: none;
    margin-top: 5px;
    opacity: 0.8;
    text-align: center;
}
.t3-logo {
    height: 50px;
    width: 182px;
}

.hires-logo {
    background-image: url("images/hires-logo.png");
}

@media (min-width: 991px) {
.t3-logo {
    float: right;
    text-align: right;
}
footer {
    text-align: left;
}
footer .nav{float: right;}
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
#content .entry.entry-content img{width: 100%; height: auto;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }