/* global style */
body{padding-bottom: 20px; background-color: #fff; }
h1{font-size: 22px;}
h3{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px; font-weight:600;}
h5{font-size: 14px;}

/* style of blogNav */
#blogNav{background-color: #145bcc; background-repeat: repeat-x;background-image: -moz-linear-gradient(top, #2c6cd1 0%, #1252b7 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6cd1), color-stop(100%,#1252b7));background-image: -webkit-linear-gradient(top, #2c6cd1 0%,#1252b7 100%);background-image: -o-linear-gradient(top, #2c6cd1 0%,#1252b7 100%);background-image: linear-gradient(top, #2c6cd1 0%,#1252b7 100%);border-left: 1px solid #2c6cd1;border-right: 1px solid #1252b7;}
#blogNav .nav > li > a {font-weight: bold; color: #fff}
#blogNav .nav > li > a:hover{background-color: #5f9bfe;color: #fff;background-image: -moz-linear-gradient(top, #5f9bfe 0%, #2d73e2 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f9bfe), color-stop(100%,#2d73e2));background-image: -webkit-linear-gradient(top, #5f9bfe 0%,#2d73e2 100%);background-image: -o-linear-gradient(top, #5f9bfe 0%,#2d73e2 100%);background-image: linear-gradient(top, #5f9bfe 0%,#2d73e2 100%);}
#blogNav .nav >li.active>a,#blogNav .nav >li.active>a:hover,#blogNav .nav >li.active>a:focus{background-color: #4d90fe;color: #fff;}

@media (max-width: 767px)
{
  #blogNav {border-radius: 6px;}
  #blogNav .nav{margin: 0;}
  #blogNav .nav + .nav{border-top: 1px solid #4685ea;}
  #blogNav .nav > li{display: block; float: left; width: 33.333333333%}
  #blogNav .nav > li > a{text-align: center; padding: 5px; margin: 5px; border-radius: 6px}
  #headTitle {position: static; margin-top: 15px;}
  .card {margin-bottom: 10px;}
  #blogNav .nav > li {width: 20%}
}
@media (max-width: 480px){#blogNav .nav > li{width: 33.333333333333%;}}
@media (max-width: 480px) {#blogNav .nav > li{width: 50%;}}

/* articles */
#articles .card{background-color: #fff;padding: 5px 5px 0}
#articles .card-heading a{font-weight: bold; color: #145BCC}
#articles .card .media{max-width: 200px; max-height: 100px}
#articles .card .media img{max-height: 100%}

/* style of footer */
#footNav .icon-rss-sign{color: #f39800}
#footNav .icon-rss-sign:hover{text-decoration: none; color: #ED9C28}

/* pager */
.pager{margin-bottom: 20px;display: block;}
.pager .page{padding: 0}
