/*
Theme Name: Lucky-Online Dark
Theme URI: Lucky-Online Dark
Author: Lucky-Online Dark
Author URI: Lucky-Online Dark
Description: Lucky-Online Dark
Version: 1.0
License: GNU General Public License v2 or later
License URI: hLucky-Online Dark
Tags: all-in
Text Domain: Lucky-Online Dark
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
.pagination a, .pagination  span{
	    width: 32px;
    height: 32px;
    font-family: $font-default;
    font-size: 14px;
    line-height: 32px;
    color: #162a3f;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
    border: 1px solid #c4c4c4;
    vertical-align: middle;
    transition: background .2s;
    background-color: #fff;
}

.pagination .current{
    border-color: #00a47b;
    background: #00a47b;
    color: #fff
}

@media (max-width:988px) {
.pagination a, .pagination  span {
        font-size: 12px;
        width: 40px;
        height: 40px;
        line-height: 39px;
        margin: 0 2px 5px
    }
}


.pagination a:hover{
    background: #e4e1e1;
    color: #333
}
.pagination a.prev{
    border-radius: 5px 0 0 5px;
    width: 47px;
    font-size: 8px;
}
.pagination a.next{
    border-radius: 0 5px 5px 0;
    width: 47px;
    font-size: 8px;
}

.comment-item{
    margin-bottom: 20px;
}

.children{
        margin-left: 40px;
}
.children .comment-item__body{
    background-color: #fff;
    border: none;
}
.page--article .comment-item__actions .ui-btn.active{
    background-color: #00a47b;
    color: #fff;
}

.page--article .comment-item__avatar{
    background: none !important;
    overflow: hidden;
}


.current-menu-item:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #00a47b;
    bottom: -5px;
    transition: width .2s;
    width: 100%;
}

.nav-item a{
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
}

@media (max-width: 988px)
{
    .nav-item a{
        display: block;
    }
    .current-menu-item:after{
        display: none;
    }
}
.breadcrumbs {
    margin: 14px 0;
}

.breadcrumbs a, .breadcrumbs span {
    font-size: 12px;
    font-family: GothamPro-Regular;
    position: relative;
    color: #bdbdbd;
}

.breadcrumbs a:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: .4em;
    height: .4em;
    border-right: 1px solid #00a47b;
    border-top: 1px solid #00a47b;
    transform: rotate(45deg);
    margin-top: -.2em;
    right: -13px;
}

.breadcrumbs a:hover span {
    color: #797979;
}

.breadcrumbs .mar_left + .mar_left, .breadcrumbs__current  {
    padding-left: 26px;
}

@media (max-width: 988px){
    .breadcrumbs {
        padding: 0 15px;
        margin-bottom: 0;
    }
}



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

.text_block .aligncenter,.text_block div.aligncenter{display:block;margin:5px auto;         max-width: 100% !important;}
.text_block .alignright{float:right;margin:20px 0 20px 20px}
.text_block .alignleft{float:left;margin:20px 20px 20px 0}
.text_block a img.alignright{float:right;margin:20px 0 20px 20px}
.text_block a img.alignnone{margin:20px 20px 20px 0}
.text_block a img.alignleft{float:left;margin:20px 20px 20px 0}
.text_block a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.text_block .wp-caption{background:#fff none repeat scroll 0 0;/*border:1px solid #f0f0f0;*/max-width:96%;padding:5px 3px 10px;text-align:center}
.text_block .wp-caption.alignnone{margin:20px 20px 20px 0}
.text_block .wp-caption.alignleft{margin:20px 20px 20px 0}
.text_block .wp-caption.alignright{margin:20px 0 20px 20px}
.text_block .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:auto}
.text_block .wp-caption p.wp-caption-text{    text-align: left;
    font-size: 14px;
    line-height: 26px;
    color: #a2a2a2;
    margin-bottom: 0px;
    }
.text_block img{max-width:100%;height:auto}
.text_block iframe{max-width:100%}


#cancel-comment-reply-link {
    color: #00a47b;
    margin-left: 10px;
}

.comment-reply-link{
    cursor: pointer;
    transition: opacity .2s;
    font-size: 14px;
    line-height: 24px;
    color: #969696;
}
.comment-reply-link:hover {
    opacity: .4;
}

@media (max-width: 988px)
{
    .page--article .children .comment-item {
        box-shadow:none;
    }
    .page--article .comment-item__details{
        width:100%;
    }

    .page--article .comment-item{
        padding: 0;
    }
}

.post-ratings{
    width: auto !important;
}

.ui-social-sharing span {
    outline: none;
    border-radius: 50%;
    padding: 2px;
}

.ui-social-sharing__title{
    margin-top:0px;
}

@media (max-width: 988px)
{
    .page--article .article__thumb {
        position: relative;
    } 

    .page--article .article__thumb img{
        width: auto;
    }
    .page--article .article__details .article__read-time{
        width:100%;
    }
}


.rating_show_posts{
    display: none;
}

.article-rating .rating_show_posts{
    display: inline;
}

.article-rating  .rating_number_show_posts{
    display: none;
}

.article-rating .post-ratings{
    height: 24px;
}

.mb_100{
    margin-bottom:100px;
}


@media (max-width: 988px){
    .page--article .article-content h1 {
         font-size: 25px;
    }
}

.ui-input__field.notCorrect{
    border:2px solid red !important;
}

.subscribe__complete{
    font-size: 12px;
    line-height: 12px;
    color: green;
    margin-top: 10px;
}