@charset "UTF-8";

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}


body {
    margin: 0;

}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}

a:visited {
    color: purple;
}

a:hover, a:focus, a:active {
    color: midnightblue;
    text-decoration: none;
}

a:focus {
    outline: none;
}

a:hover, a:active {
    outline: 0;
}





/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    /*left: -999em;*/
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (max-width: 900px) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin: 5px 0px;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin: 5px 0px;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}
/*--------------------------------------------------------------
## grids
--------------------------------------------------------------*/
.saga-container{
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1170px;
    margin: 0 auto;
}

.saga-topnav .saga-container{
    padding-top: 0;
    padding-bottom: 0;
}

.saga-container:after, .saga-container:before {
    content: " ";
    display: table;
    clear: both;
}


@media screen and (min-width: 700px){
    .site-main-wrap {
        padding-top: 10px;
    }

}






/*--------------------------------------------------------------
## grids
--------------------------------------------------------------*/
/*socail icons*/

/*socail icons*/


/*top navigation================*/
.primary-navigation {
    /*float: left;*/
    display: inline-block;
}
.main-navigation ul ul a,
.primary-navigation a{
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.main-navigation ul ul a:hover,
.primary-navigation a:hover{
    color: #e15f41;
}

.main-navigation ul>li>a {
    padding: 15px;
    line-height: normal;
    font-size: 14px;
    color: #000;
    /*font-weight: 700;*/
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    position: relative;
}
.main-navigation ul>li.current-menu-item > a {color: #e15f41;}

.main-navigation ul>li:first-child>a {padding-left: 0;}





.main-navigation {
    clear: both;
    display: inline-block;
    /*float: left;*/
    /*width: 95%;*/
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul{
    background: #fff;
    position: absolute;
    left: 0;
    top: 80%;
    text-align: left;
    visibility: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0 auto;
    padding: 0;
    z-index: 99;
    border-radius: 4px;
    -webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
    -moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
    -ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
    -o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
    transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    visibility: visible;
    filter: alpha(opacity=1);
    opacity: 1;
    z-index: 999;
    top: 100%;
    -webkit-transition: opacity 0.4s, top 0.4s;
    -moz-transition: opacity 0.4s, top 0.4s;
    -ms-transition: opacity 0.4s, top 0.4s;
    -o-transition: opacity 0.4s, top 0.4s;
    transition: opacity 0.4s, top 0.4s;
}

.sub-menu,
.children{

}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    left: 100%;
    top: 0%;
}

.main-navigation ul ul a {
    width: 200px;
    font-size: 12px;
    color: #000;
    background: #ffffff;
}
.main-navigation ul ul a:hover {
    color: #fff;
    background: #00adb5;
}



.main-navigation li {
    float: left;
    position: relative;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.main-navigation li.menu-item-has-children i {
    margin-left: 10px;
}
.main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children a{padding-left: 0;}
.main-navigation li.menu-item-has-children .sub-menu li.menu-item a{padding:14px;padding-left: 25px;}
.main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children i{
    display: none;
}
.main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:before{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
}

.main-navigation a {
    display: block;
    text-decoration: none;
}




.ham {
    width: 23px;
    height: 2px;
    top: 27px;
    display: block;
    /*margin-left: auto;*/
    margin-left: auto;
    margin-right: auto;
    background-color: #282828;
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.ham:before, .ham:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    top: -8px;
    background-color: #282828;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.header_style_2 .ham:before, .header_style_2 .ham:after {
    /*background-color: #fff;*/
}
.ham:after {
    top: 8px;
}
.ham.exit {
    background-color: transparent;
}
.ham.exit:before {
    -webkit-transform: translateY(8px) rotateZ(-45deg);
    -moz-transform: translateY(8px) rotateZ(-45deg);
    -ms-transform: translateY(8px) rotateZ(-45deg);
    -o-transform: translateY(8px) rotateZ(-45deg);
    transform: translateY(8px) rotateZ(-45deg);
}
.ham.exit:after {
    -webkit-transform: translateY(-8px) rotateZ(45deg);
    -moz-transform: translateY(-8px) rotateZ(45deg);
    -ms-transform: translateY(-8px) rotateZ(45deg);
    -o-transform: translateY(-8px) rotateZ(45deg);
    transform: translateY(-8px) rotateZ(45deg);
}

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


    .main-navigation .menu .menu-mobile {
        margin: 0;
        padding: 0;
        display: block;
        list-style: none;
        text-align: left;
        position: relative;
        z-index: 9999;
        display: none;
    }

    .main-navigation .menu .menu-mobile li {
        display: block;
        border-top: 1px solid #f7f7f7;
        float: none;
        padding: 0px;
    }

    .main-navigation .menu .menu-mobile li a {
        line-height: 50px;
        display: block;
        position: relative;
        padding-right: 30px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .main-navigation .menu .menu-mobile li a:hover {
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .main-navigation .menu .menu-mobile li a i {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 30px;
        z-index: 1;
    }

    .main-navigation .menu .menu-mobile li a i.active:after {
        width: 13px;
        height: 1px;
    }

    .main-navigation .menu .menu-mobile li a i:before,
    .main-navigation .menu .menu-mobile li a i:after {
        content: '';
        width: 13px;
        height: 1px;
        background-color: #848484;
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .main-navigation .menu .menu-mobile li a i:after {
        width: 1px;
        height: 13px;
    }

    .main-navigation .menu .menu-mobile li .sub-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid #2d2d2d;
        display: none;
        position: relative;
        box-shadow: none;
        border-radius: 0px;
        width: 100%;
        float: none;
        left: 0;
        top: 0;
    }
    .main-navigation ul ul a:hover {
        color: #000;
        background: #fff;
    }
    .main-navigation ul ul a{
        -webkit-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

    /*.main-navigation ul>li>a{padding: 7px;}*/

    /*.main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before,*/
    .main-navigation ul ul a:hover{
        color: #e15f41;
    }


    .main-navigation ul>li>a:hover:after{
        background: transparent;
    }



    .main-navigation .menu .menu-mobile li .sub-menu > li a {
        margin-left: 10px;
        width: 100%;
    }

    .main-navigation .menu .menu-mobile li .sub-menu > li:first-child {
        border-top: 0;
    }

    .main-navigation .menu.menu-mobile li.menu-item-has-children .sub-menu li.menu-item-has-children a {
        margin-left: 0px;
    }
    .main-navigation .menu.menu-mobile li.menu-item-has-children .sub-menu li.menu-item-has-children a:before {
        display: none;
    }
    .main-navigation .menu.menu-mobile li.menu-item-has-children .sub-menu li.menu-item-has-children i {
        display: inline-block;
    }
    .main-navigation .menu.menu-mobile .sub-menu {
        left: 0;
    }
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
.main-navigation .toggle-menu {
    height: 60px;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    /*margin-left: 80px;*/
    margin-right: 80px;
    display: none;
    width: 40px;
}
@media screen and (min-width: 680px) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

/*secondary navigation=======================*/


/*header-style2----------------*/



.single .entry-header {
    margin-bottom: 10px;
    text-align: center;
}
/*============================
single post details
============================*/
/*============================
pagination numeric
============================*/
nav.navigation.pagination{
    display: block;
}
.be-nav-pagination.center nav.navigation.pagination{text-align: center;}
.be-nav-pagination.left nav.navigation.pagination{text-align: left;}
.be-nav-pagination.right nav.navigation.pagination{text-align: right;}

nav.navigation.pagination .nav-links{
    display: inline-block;
}
nav.navigation.pagination .nav-links .page-numbers.current,
nav.navigation.pagination .nav-links .page-numbers{
    min-width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    display: inline-block;
    color: rgb(136, 136, 136);
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-image: initial;
    text-decoration: none;
    padding: 0px 5px;
}
nav.navigation.pagination .nav-links .page-numbers:hover{
    border-color: #e15f41;
    color: #e15f41;
    text-decoration: none;
}
nav.navigation.pagination .nav-links .page-numbers.current:hover,
nav.navigation.pagination .nav-links .page-numbers.current{
    color: #fff;
    background: #313131;
    border-color: #313131;
}
/*============================
pagination numeric
============================*/




























/*============================---------media query--------============================*/
@media screen and (max-width: 900px){

    /*responsive menu issue---------------*/
    .main-navigation ul ul{
        opacity: 1;
        visibility: visible;
        filter: alpha(opacity=1);
    }
    .main-navigation li.menu-item-has-children .sub-menu li.menu-item a,
    .main-navigation ul>li>a{padding: 2px;}
    .main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:before{display: none;}

    .be-header-menu-wrap .saga-container{
        position: relative;
    }
    .be-header-menu-wrap.be-nav-affix {
        padding-left: 0;
        padding-right: 0;
    }
    .main-navigation{
        display: block;
        float: none;
        width: 100%;
    }
    .main-navigation .primary-navigation{
        display: block;

    }
    .main-navigation .primary-navigation .menu-mobile{
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 600px;
    }
    .secondary-navigation{
        position: absolute;
        top: 0;
        right: 18px;
    }
    .header_style_2 .site-brand-add{
        flex-wrap: wrap;
    }
    .header_style_2 .saga-ad-space,
    .header_style_2 .site-branding{
        width: 100%;
        padding: 0;
    }
    .header_style_2 .saga-ad-space{
        margin-top: 10px;
    }

}
@media screen and (max-width: 700px){
    .admin-bar .be-nav-affix {
        top: 46px;
    }
    .has-sidebar #primary,
    #primary{
        width: 100%;
    }
    #secondary{
        width: 100%;
        margin-top: 30px;
        border-top: 1px solid #eee;
        padding-top: 30px;
    }
    .widget {
        margin: 0 0 1.5em;
        margin-bottom: 50px;
    }
    .has-sidebar #secondary,
    .column-3 .footer-common-widget{
        width: 100%;
    }

    .column-2 .footer-common-widget,
    .column-4 .footer-common-widget{
        width: 50%;
    }
    .saga-footer-bord .saga-container-row {
        display: flex;
        flex-wrap: wrap;
    }

    .widget .mc4wp-form > form > p:last-of-type,
    .mc4wp-form .mc4wp-form-fields > p:last-of-type{
        margin-bottom: 20px;
    }
    .tagcloud,
    .widget_media_image{
        text-align: center;
    }
    .saga-topnav{
        height: auto;
        overflow: auto;
    }
    .be-trending-now-posts,
    .trending-now-title {
        display: none !important;
    }
    .saga-topnav .social-navigation {
        display: block;
        width: 100%;
        text-align: center;
    }
    .saga-sub-footer .footer-navigation .menu-item a:after{
        margin: 0 15px;
    }

}

@media screen and (max-width: 600px) {
    .admin-bar .be-nav-affix {
        top: 0;
    }
    .archive_style_1 .article-block-wrapper{
        flex-wrap: wrap;
    }
    .article-block-wrapper .entry-image + .article-details,
    .article-block-wrapper .entry-image.be-bg-image{
        width: 100%;
    }
    .article-block-wrapper .entry-image + .article-details{
        padding: 10px;
    }
    .article-block-wrapper .entry-image.be-bg-image {
        padding-top: 60%;
    }
}
@media screen and (max-width: 426px) {

    .column-2 .footer-common-widget,
    .column-4 .footer-common-widget{
        width: 100%;
    }


    .saga-sub-footer .footer-navigation .menu-item a:after{
        margin:0 10px;
    }
    #scroll-up{
        width: 34px;
        height: 34px;
        line-height: 34px;
        right: 15px;
        bottom: 50px;
    }
    #scroll-up:before{
        width: 36px;
        height: 36px;
    }
    .wp-post-author{flex-wrap: wrap;}
    .wp-post-author-meta.awpa-author-block,
    .awpa-img.awpa-author-block{
        width: 100%;
        text-align: center;
    }
    .saga-sub-footer .footer-navigation .menu-item{display: block;}
    .saga-sub-footer .footer-navigation .menu-item a:after{
        display: none;
    }

}
/*============================---------media query--------============================*/