/*
style single & archive
*/
.post-single {
    margin-bottom: 20px;
}
.main-content {
    margin-top: 30px;
}
.main-content .content {
    padding: 3px 20px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 7px #ddd;
}
.widget {
    background: #f8f8f8;
    padding: 0;
    border-radius: 4px;
      position: relative; 
    margin-bottom: 22px;
    box-shadow: 0 0 7px #ddd;
}
.widget:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 12px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.widget .title-widget,.titlt-section-single {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 8px;
    margin-bottom: 10px;
    border-bottom: 2px solid #666;
    position: relative;
}
.titlt-section-single {
    font-size: 17px;
    width: 92%;

}
.widget .title-widget:before,.titlt-section-single:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 2px;
    right: 0;
    top: 100%;
    background: #E74C3C;
}
.titlt-section-single:before {
        background: #f0ad4e;   
}
.main-content .body-widget img {
    margin: 3px auto;
    border: 1px solid #ccc;  
}
.main-content .body-widget ul li:hover {
        border-right: 2px solid #f0ad4e;
        border-bottom: 2px solid #eee;
       background: #fff;   
}
.main-content .body-widget ul li:first-child {
    border-right: 2px solid #f0ad4e;
    border-bottom: 2px solid #eee;
    background: #fff;  
}
.main-content .body-widget ul li a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 12px 8px;
    color: #333;  
}
.main-content .post-meta {
    width: 100%;
    margin: 20px 0 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px;
}
.main-content .post-meta ul li {
    padding-bottom: 15px;
    font-size: 12px;
    color: #888;
}
.main-content .post-meta ul li a {
    font-size: 12px;
    padding-bottom: 5px;
    font-weight: 700;
    color: #888;
}
.main-content .post-meta ul li a:hover {
    color: #000;
}
/* tag */
div.tagcloud {
    padding: 4px;
}
div.tagcloud a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #ccc;
    background: #333;
    padding: 4px 8px;
    margin: 5px 0;
    border-radius: 4px;
    border-bottom: 3px solid #666;
}
div.tagcloud a:after {
    content: "";
    position: absolute;
    right: 40%;
    bottom: -14px;
    border:6px solid #666;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.tagcloud a:hover {
    color: #fff;
}
div.textwidget {
    padding:8px 15px;
    font-size: 13px;
    line-height: 26px;
    color: #666;
    text-align: justify;
}
/*
=widget search {
--------------------------------------------------*/
#searchform {
    margin-bottom: 20px;
    padding: 8px;
}
#searchform label {
    display: none;
}
#searchform input[type="text"] {
    border: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 3px 2px;
    width: 65%;
}
#searchform input[type="submit"] {
    border: 0;
    border-radius: 3px;
    padding: 7px 4px 5px;
    background: #E74C3C;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    width: 25%;
    border-left: 2px solid #F39C12;
    text-indent: -9999px;
    background:#fff url(../images/search.png) no-repeat center;
}
/*
=related-post
---------------------------------------------------*/
.related-post ul li {
    margin-bottom: 10px;
    position: relative;
list-style:none!important;
}
.related-post ul li.no-img .title-rld {
        padding-top: 5px;

}
.related-post ul li.no-img a {
    margin-right: 5px;
}
.related-post ul li.no-img:before {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    width: 17px;
    height: 17px;
    background: url(../images/arrow-right.png) no-repeat;
    
}
.related-post ul li .img-rld {
    float: right;
    margin-left:7px;
}
.related-post ul li .title-rld {
    padding-top: 10px;
}
@media screen and (min-width:992px) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }
.related-post ul li a {
    display: block;
    font-size: 13px;
    color: #666;
/*    padding-top: 7%;*/
    vertical-align: middle;
}
.related-post ul li .title-rld a:hover {
    margin-right: 3px;
    color: #C0392B;

}
.related-post ul li img {
    border: 1px solid #eee;
    width: 70px;
    padding: 5px;
    height: 70px;
}
/*
=archive css
--------------------------------------------------*/
.archive .archive-post {
    float: right;
    margin-bottom: 10px;
    background: #f8f8f8;
    padding: 10px 4px;
    border: 1px solid #eee;
        width: 100%;
    
}
.archive .archive-post h2 a {
    font-size: 14px;
    font-weight: 700;
    color: #D35400;

}
.archive .archive-post img {
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    margin:10px auto;
    border-radius: 100%;
}
.archive .archive-post p {
    font-size: 13px;
    color: #777;
}
.archive .archive-post h2 a:hover {
    color: #555;
        
}
a.more-link {
    float: left;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    background: #555;
    border-bottom: 3px solid #333;
    color: #ddd;
    padding: 4px 10px;
    border-radius: 4px;
}
a.more-link:hover {
   
    color: #fff;  
}
/*
=pagenavi style
------------------------------------------------*/
.wp-pagenavi {
    margin: 15px 0;
}
.wp-pagenavi a.page, .wp-pagenavi a.larger {
    padding:4px 12px !important;
    border-radius: 3px;
    margin: 0 2px;
    color: #333;
    background: #efefef;
}

.wp-pagenavi a.page:hover, .wp-pagenavi a.larger:hover {
    background: #999;
    color: #fff;
    
}
.wp-pagenavi span.pages {
    background: #E67E22;
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
}
.wp-pagenavi span.current {
    background: #999;
    color: #fff;
     padding:4px 12px !important;
    border-radius: 3px;
    
}

@media screen and (max-width : 480px) {

    
}
/*
gallery-shc
--------------------------------------------*/
.box-bottom {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
}
.gallery-archive,.gallery-shc {
  background: #fff;
  border-radius: 6px;
  padding-bottom: 25px;
}
.gallery-shc .title-gallery h4,.gallery-archive .title-gallery h4{
    padding: 8px 25px;
    color: #222;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
}
.gallery-shc .title-gallery,.gallery-archive .title-gallery{
    position: relative;
}
.gallery-shc img,.gallery-archive img {
    float: right;
    margin: 15px 15px 30px;
    width: 150px;
    height: 120px;
    display: block;
    border-radius: 4px;
    border:5px solid #fff;
    box-shadow: 0 0 3px #333;
    -webkit-box-shadow: 0 0 3px #333;
    -o-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
}
.gallery-shc a,.gallery-archive a {
    float: right;
    position: relative;
}
.gallery-archive span {
     display: block;
    position: absolute;
    bottom: 0;
    right: 21px;
    color: #222;
    font-weight: 700;
    padding: 3px;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    width: 77%;
}
.gallery-shc span:hover,.gallery-archive span:hover {
    color:#F1C40F;

}