/*
Theme Name: Newses
Theme URI: https://themeansar.com/free-themes/newses/
Author: Themeansar
Author URI: https://themeansar.com
Description: Newses is an indispensable Responsive News and Magazine template with a clean, modern design suitable for everyone who wants to share their stories and the latest breaking news or the hottest products. the theme comes light and dark color mode, Newses is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals, personal blogs, newspaper, agencies, publishing or review siteand any creative website. Newses is SEO friendly, WPML, Gutenberg, WooCommerce, translation and RTL ready. We offer great support and friendly help!. Live preview : https://demos.themeansar.com/newses and documentation at https://docs.themeansar.com/docs/newses/
Version: 1.2.9.58
Tested up to: 6.1
Requires PHP: 5.6.1
Tags: one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets,  theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, news
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: newses
*/

/***
====================================================================
## Start CSS
====================================================================
***/

body {
    overflow-x: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    /* Fallback for when there is no custom background color defined. */
}


/**
 * Typography
 * -------------------------------------------------------------
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.3;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #333;
}


/**
 * Links
 * -------------------------------------------------------------
 */

a {
    background-color: transparent;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
    text-decoration: none;
    color: #333;
}

a:hover,
a:active {
    color: #0070B0;
}

a:focus {
    outline: 0;
}

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


/**
 * Elements
 * -------------------------------------------------------------
 */

.clr {
    clear: both;
}


/***
====================================================================
## Header
====================================================================
***/

.mg-headwidget {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}


/**
 * Header *** Social
 * -------------------------------------------------------------
 */

.mg-headwidget .mg-head-detail {
    padding: 5px 0;
    background: #f5a96e;
}

.mg-headwidget .info-right {
    float: right;
    display: block;
}

@media (min-width: 768px) {
    .mg-headwidget .mg-head-detail {
        display: block;
    }
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    .mg-headwidget .mg-head-detail {
        display: block;
    }
    .mg-headwidget .mg-head-detail .row {
        justify-content: center;
    }
    .mg-head-detail .info-right {
        float: none;
        text-align: center;
    }
}


/**
 * Header *** Site Branding
 * -------------------------------------------------------------
 */

.mg-nav-widget-area-back {
    background-image: none!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*.mg-nav-widget-area-back .overlay {
    background-color: rgb(32 10 112 / 60%);
}*/

.mg-nav-widget-area-back .inner {
    width: 100%;
}

.mg-nav-widget-area-back .mg-nav-widget-area {
    padding: 30px 0;
}

.mg-nav-widget-area-back .site-branding-logo {}

.mg-nav-widget-area-back .site-branding-logo img {
    max-width: 100%;
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    .mg-nav-widget-area-back .col-md-12 {
        text-align: center;
    }
}


/***
====================================================================
## Main Navigation
====================================================================
***/


/**
 * Header *** Navigation
 * -------------------------------------------------------------
 */

.mg-menu-full {
    position: relative;
}

.mg-headwidget .navbar-wp {
    position: inherit;
    background: #fff;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    transition: all 1s ease-out;
    z-index: 999;
}

.navbar-wp {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    z-index: 1000;
}

.navbar-wp .navbar-nav>li.active.home {
    text-align: center;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background-color: #f5a96e;
    border-left: solid 1px #f5a96e;
    border-right: solid 1px #f5a96e;
}

.single .navbar-wp .navbar-nav>li.active.home {
    background-color: transparent;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
}

.single .navbar-wp .navbar-nav>li.active.home>a.homebtn {
    color: #333;
}

.navbar-wp .navbar-nav>li.active.home>a.homebtn {
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #fff;
}

.navbar-wp .navbar-nav>li.menu-item {
    padding: 5px 20px;
}

.navbar-wp .navbar-nav>li.menu-item>a {
    display: block;
    margin: 0;
    padding: 0.5rem 0 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.navbar-wp .navbar-nav>li.menu-item>a:hover,
.navbar-wp .navbar-nav>li.menu-item:hover>a {
    color: #666;
}

.navbar-wp .navbar-nav>li.menu-item:hover {
    background: #fff;
}


/**
 * Header *** Mobile
 * -------------------------------------------------------------
 */

.m-header {
    display: none;
}

.mobilehomebtn {
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #f5a96e;
}

.mobilehomebtn:hover {
    color: #fff;
    background: #f5a96e;
}

.single .mobilehomebtn {
    color: #333;
    background: none;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
}

.single .mobilehomebtn:hover {
    color: #fff;
    background: #f5a96e;
    border-left: solid 1px #f5a96e;
    border-right: solid 1px #f5a96e;
}

@media (max-width: 991.98px) {
    .m-header {
        display: flex;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        justify-content: space-between;
    }
    .m-header .navbar-toggler {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        padding: 8px 10px;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    .navbar-wp .navbar-nav {
        background: none;
        border-top: solid 1px #eee;
    }
    #menu-primary li.active.home {
        display: none;
    }
    .navbar-wp .navbar-nav>li.menu-item {
        padding: 10px 15px;
        border-bottom: solid 1px #eee;
    }
    .navbar-wp .navbar-nav>li.menu-item:last-child {
        border-bottom: none;
    }
    .navbar-wp .navbar-nav>li.menu-item>a {
        display: block;
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: normal;
        color: #333;
    }
    .navbar-wp .navbar-nav>li.menu-item>a:hover,
    .navbar-wp .navbar-nav>li.menu-item:hover>a {
        color: #0070B0;
    }
    .navbar-wp .navbar-nav>li.menu-item:hover {
        background: none;
    }
}

/* navbar toggle */
.burger {
    display: block;
    position: relative;
    width: 1.75rem;
    height: 1rem;
    background: none;
    border: none;
    outline: none;
    transform: rotate(0deg);
    transition: 0.35s ease;
    visibility: visible;
    z-index: 12;
}

.burger-line {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    border: none;
    outline: none;
    opacity: 1;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
    right: 0;
}

.burger-line:nth-child(3) {
    top: 1rem;
}

.burger-line:nth-child(1) {
    top: 0px;
}

.burger-line:nth-child(2) {
    top: 0.5rem;
}

.navbar-toggler:not(.collapsed)>.burger .burger-line:nth-child(1) {
    top: 0.5rem;
    transform: rotate(135deg);
}

.navbar-toggler:not(.collapsed)>.burger .burger-line:nth-child(2) {
    right: -1.5rem;
    opacity: 0;
    visibility: hidden;
}

.navbar-toggler:not(.collapsed)>.burger .burger-line:nth-child(3) {
    top: 0.5rem;
    transform: rotate(-135deg);
}


/***
====================================================================
## Slider Banner
====================================================================
***/

.mg-fea-area {
    position: relative;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='12' viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172L6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%23212121' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position: center bottom;
}

.mg-fea-area:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    background-color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='12' viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172L6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%23212121' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position: center top;
    top: 100%;
    left: 0;
    z-index: -1;
}

/*.mg-fea-area .row {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}*/

.mg-fea-area .homemain {}

#newses_posts_slider-5 .mg-blog-post-3.lg {
    height: 450px;
}

@media (min-width: 768px) and (max-width: 991px) {
    #newses_posts_slider-5 .mg-blog-post-3.lg {
        height: 380px;
    }
}

.mg-fea-area .mg-blog-post-3 {
    overflow: hidden;
    position: relative;
    min-height: 350px;
    background-color: #333;
    background-position: center;
    background-size: cover;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.mg-fea-area .mg-blog-post-3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.8) 100%);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    top: 0;
    left: 0;
}

.mg-fea-area .mg-blog-post-3 .mg-blog-inner {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    position: absolute;
    padding: 25px;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.mg-fea-area .mg-blog-post-3 .mg-blog-inner p {
    margin: 0;
    padding: 0;
    color: #fff;
}


/***
====================================================================
## Content
====================================================================
***/

#content {
    padding-top: 30px;
    padding-bottom: 30px;
}

#content.home {
    padding-top: 0;
    padding-bottom: 0;
}

#content.single {
    position: relative;
}

#content.single:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    background-color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='12' viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172L6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%23212121' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position: center;
    top: 0;
    left: 0;
    z-index: -1;
}


#content .col-lg-8>div>div {
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border: solid 1px #e5e5e5;
}


/***
====================================================================
## Categories
====================================================================
***/

#newses_posts_slider-5 {
    position: relative;
    margin-bottom: 50px;
}

#newses_posts_slider-5:after {
    position: absolute;
    content: "";
    border-width: 100px;
    border-style: solid;
    border-color: transparent transparent #f5a96e #f5a96e;
    bottom:-20px;
    left: -20px;
}

#newses_posts_slider-5:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #f5a96e;
    bottom:-20px;
    left: 0;
}

#newses_posts_slider-5 .wd-back {}

#newses_posts_slider-5 .mg-sec-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#newses_posts_slider-5 .mg-sec-title h2 {}

#newses_posts_slider-5 .mg-blog-post-3.lg {
    height: 450px;
}

#newses_posts_slider-5 .mg-blog-post-3 {
    overflow: hidden;
    position: relative;
    min-height: 350px;
    background-color: #333;
    background-position: center;
    background-size: cover;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

#newses_posts_slider-5 .mg-blog-post-3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #00000052), to(rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, #00000052 50%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, #00000052 50%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, #00000052 50%, rgba(0, 0, 0, 0.8) 100%);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    top: 0;
    left: 0;
}

#newses_posts_slider-5 .mg-blog-post-3 .mg-blog-inner {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    position: absolute;
    padding: 25px;
    top: 0;
    bottom: 0;
    z-index: 1;
}

#newses_posts_slider-5 .mg-blog-post-3 .mg-blog-inner p {
    margin: 0;
    padding: 0;
    color: #fff;
}


/***
====================================================================
## Slider Post
====================================================================
***/

#newses_design_slider-4 {}

#newses_design_slider-4 .wd-back {
    margin-bottom: 50px;
    /*padding: 15px;
    background: none;
    box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%);*/
}

#newses_design_slider-4 .mg-blog-post-box {}

#newses_design_slider-4 .mg-blog-post-box .mg-blog-thumb {
    margin-bottom: 20px;
    transition: all .3s ease-out;
}

#newses_design_slider-4 .mg-blog-post-box:hover .mg-blog-thumb {
    background-position: 30%;
}

#newses_design_slider-4 .mg-blog-post-box .mg-blog-thumb.md {
    height: 300px;
}

#newses_design_slider-4 .mg-blog-post-box .mg-blog-thumb .post-form {
    display: none;
    text-align: center;
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #f5a96e;
    color: #fff;
    bottom: 20px;
    left: 20px;
}

#newses_design_slider-4 .mg-blog-post-box article {}

#newses_design_slider-4 .mg-blog-post-box article h3.title {}

#newses_design_slider-4 .mg-blog-post-box article h3.title a {
    color: #333;
}

.mg-blog-post-box article .mg-content {}

.mg-blog-post-box article .mg-content p {
    margin: 0;
}


/***
====================================================================
## List Post
====================================================================
***/

#newses_latest_post-4 {}

#newses_latest_post-4 .wd-back {
    /*margin-bottom: 30px;
    padding: 15px;
    background: none;
    box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%);*/
}

.mg-posts-sec-post {
    width: 100%;
    margin: 0 15px 1.5rem;
}

.mg-posts-sec-post:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width:768px) {
    .mg-posts-sec-post {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }
}

/*@media (min-width: 768px) {
    .mg-posts-sec-post {
        display: -ms-flexbox;
        display: flex;
    }
}*/

.mg-posts-sec-post .mg-blog-thumb.md {
    height: 300px;
}

.mg-posts-sec-post .mg-blog-thumb .post-form {
    display: none;
    text-align: center;
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #f5a96e;
    color: #fff;
    bottom: 20px;
    left: 20px;
}

/*.mg-posts-sec-post .col {
    display: flex;
    justify-content: center;
    flex-direction: column;
}*/

.mg-posts-sec-post .mg-sec-top-post {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    .mg-posts-sec-post .mg-sec-top-post {
        margin-top: 20px;
    }
}

.mg-posts-sec-post .mg-sec-top-post h3.title {}

.mg-posts-sec-post .mg-sec-top-post h3.title a {
    color: #333;
}

.mg-posts-sec-post .mg-sec-top-post .mg-content {}

.mg-posts-sec-post .mg-sec-top-post .mg-content p {
    margin: 0;
}


/***
====================================================================
## Sidebar
====================================================================
***/

.home .mg-sidebar {}

.home .mg-widget {
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border: solid 1px #e5e5e5;
}

.tabbed-container {}


/**
 * Tabbed Head
 * -------------------------------------------------------------
 */

.top-right-area {
    margin-bottom: 20px;
}

.top-right-area .nav-tabs {
    border: none;
}

.top-right-area .nav-item {
    flex-grow: 1;
    width: 50%;
    border: none;
    border-radius: 0;
    text-align: center;

    overflow: hidden;
    display: block;
    position: relative;
    /*border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #eee;*/
    transition: all 0.4s ease-in-out 0s;
}

.top-right-area .nav-tabs>.nav-item>.nav-link {
    background: #fff;
    border-color: #eee;
    border-radius: 0;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    color: #333;
}

.top-right-area .nav-tabs>.nav-item>.nav-link:hover {
    color: #333;
}

@media (min-width:992px) {
    .top-right-area .nav-tabs>.nav-item>.nav-link {
        height: 77px;
    }
}

@media (max-width:767px) {
    .top-right-area .nav-tabs>.nav-item>.nav-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.top-right-area .nav-tabs>.nav-item>.nav-link.active,
.top-right-area .nav-tabs>.nav-item>.nav-link.active:hover,
.top-right-area .nav-tabs>.nav-item>.nav-link.active:focus {
    background: #949799;
    border-color: #949799;
    color: #fff;
    transition: all 0.4s ease-in-out 0s;
}

.top-right-area .nav-tabs>.nav-item>.nav-link i {
    display: none;
    margin-right: 10px;
}


/**
 * Tab Conent
 * -------------------------------------------------------------
 */

.tab-content {}

.tab-content .mg-posts-sec {}

.small-post {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #eee;
}

.small-post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.small-post .img-small-post {
    overflow: hidden;
    position: relative;
    width: 35%;
    height: 85px;
    margin-right: 25px;
    transition: all .3s ease-out;
}

.small-post:hover .img-small-post {
    background-position: 40%;
}

.small-post .small-post-content {
    -ms-flex-item-align: center;
    align-self: center;
}

.small-post .small-post-content .title_small_post {
    overflow-y: hidden;
    text-overflow: ellipsis;
}

.small-post .small-post-content .title_small_post h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
}

.small-post .small-post-content .title_small_post h3 a {
    color: #333;
    transition: all 0.3s ease 0s;
}

.small-post .small-post-content .title_small_post h3 a:hover,
.small-post:hover .small-post-content .title_small_post h3 a {
    color: #0070B0;
}


/***
====================================================================
## Single Header
====================================================================
***/

.mg-header {
    margin-bottom: 30px;
    /*padding: 20px 15px;
    background: none;*/
}

.mg-header h1.title {
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-weight: normal;
    color: #fff;
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    .mg-header h1.title {
        font-size: 28px;
    }
}


/***
====================================================================
## Single Post
====================================================================
***/

.single .mg-blog-post-box {
    padding: 20px;
    background: #fff;
    border: solid 1px #e5e5e5;
}

.single .mg-blog-post-box img {
    object-fit: cover;
    width: 100%;
}

.single .mg-blog-post-box article.single {
    margin-top: 20px;
    /*padding: 1rem;
    background: none;*/
}

.single .mg-blog-post-box article.single h2 {
    font-size: 20px;
    font-weight: bold;
}

.single .mg-blog-post-box article.single p {}


/***
====================================================================
## Sidebar
====================================================================
***/

.single .mg-sidebar {}

.single .mg-sidebar .mg-widget {
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border: solid 1px #e5e5e5;
}

.single .mg-sidebar .mg-widget .mg-wid-title {
    margin-bottom: 20px;
    border-bottom: solid 2px #c8c8cd;
}

.single .mg-sidebar .mg-widget .mg-wid-title h2 {
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    background: #f5a96e;
    margin: 0;
    padding: 10px 20px;
}

.single .mg-sidebar .mg-widget .mg-wid-title h2 a {
    color: #fff;
}

.single .mg-sidebar .mg-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.single .mg-sidebar .mg-widget ul li {
    margin: 0;
    padding: 0;
}

.single .mg-sidebar .mg-widget ul li a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.single .mg-sidebar .mg-widget ul li a:hover,
.single .mg-sidebar .mg-widget ul li:hover a {
    color: #f5a96e;
}


/***
====================================================================
## Footer
====================================================================
***/

footer {
    position: relative;
    background-color: #fff;
    background-size: cover;
}

footer .overlay {}


/**
 * Footer *** Site Branding / Social
 * -------------------------------------------------------------
 */

.mg-footer-bottom-area {
    padding: 25px 0;
}

.mg-footer-bottom-area .site-branding-logo {}

.mg-footer-bottom-area .site-branding-logo img {
    max-width: 100%;
}

.mg-footer-bottom-area .col-md-6:last-child {
    text-align: right;
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    footer .mg-footer-bottom-area {
        text-align: center;
    }
    .mg-footer-bottom-area .site-branding-logo {
        margin-bottom: 25px;
    }
    .mg-footer-bottom-area .col-md-6:last-child {
        text-align: center;
    }
}


/**
 * Footer *** Copyright
 * -------------------------------------------------------------
 */

.mg-footer-copyright {
    padding: 25px 0;
    background: #000;
}

.mg-footer-copyright p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.mg-footer-copyright a {
    text-transform: uppercase;
    color: #f5a96e;
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    .mg-footer-copyright .col-md-12 {
        text-align: center;
    }
}


/***
====================================================================
## End CSS
====================================================================
***/

/* --------------------------------------
=========================================
    swiper-button
=========================================
-----------------------------------------*/

.swiper-button-next,
.swiper-button-prev {
    text-align: center;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px;
    background: #fff;
    border: solid 1px #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    color: #000 !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 24px !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #f5a96e;
    border-color: #f5a96e;
    color: #fff !important;
}

/* --------------------------------------
=========================================
    mg-social
=========================================
-----------------------------------------*/
.mg-social {
    margin: 0;
    padding: 0;
}

.mg-social li {
    display: inline-block;
    margin-right: 0;
}

.mg-social li span.icon-soci {
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    margin: 0;
}

.mg-social li span.icon-soci a {
    color: #fff;
}

.facebook {
    background: #4267B2;
}

.twitter {
    background: #1DA1F2;
}

.linkedin {
    background: #0072b1;
}

.instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.youtube {
    background: #FF0000;
}

.pinterest {
    background: #E60023;
}

.mg-social li span.icon-soci:hover {
    transition: all 0.4s ease-in-out 0s;
}

.mg-social li span.icon-soci i {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

/* --------------------------------------
=========================================
    mg-scroll
=========================================
-----------------------------------------*/
.ta_upscr {
    text-align: center;
    overflow: hidden;
    display: none;
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 35px;
    background: #f5a96e;
    border: solid 2px #f5a96e;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    box-shadow: none;
    border-radius: 0;
    color: #fff;
    right: 15px;
    bottom: 2%;
    z-index: 9999;
}

.ta_upscr:hover {
    color: #fff;
    transition: all 0.3s ease 0s;
}

.ta_upscr i {
    font-size: 16px;
}


/***
====================================================================
## End CSS
====================================================================
***/

/*.mg-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mg-widget ul li {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    transition: all 0.4s ease-in-out 0s;
}

.mg-widget ul li:last-child {
    border: none;
}

.mg-widget ul li a:hover {
    transition: all 0.4s ease-in-out 0s;
}

.mg-sidebar .mg-widget ul li:first-child {
    padding-top: 0;
}

.mg-sidebar .mg-widget ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.mg-sidebar .mg-widget ul li {
    border-color: #eee;
}

.mg-sidebar .mg-widget ul li a {
    color: #333;
}

.mg-sidebar .mg-widget ul li a:hover,
.mg-sidebar .mg-widget ul li a:focus {
    color: #f5a96e;
}*/


/***
====================================================================
## End CSS
====================================================================
***/
/* --------------------------------------
=========================================
    Header
=========================================
-----------------------------------------*/
.desk-header {
    display: flex;
}

/*---------------------------------------
    1.2.Theme Menu   
-----------------------------------------*/
.navbar-wp .navbar-nav>.disabled>a,
.navbar-wp .navbar-nav>.disabled>a:hover,
.navbar-wp .navbar-nav>.disabled>a:focus {
    background-color: transparent;
}

.navbar-wp .navbar-nav>.open>a,
.navbar-wp .navbar-nav>.open>a:hover,
.navbar-wp .navbar-nav>.open>a:focus {
    background: transparent;
}

.navbar-base .navbar-nav>.open>a,
.navbar-base .navbar-nav>.open>a:hover,
.navbar-base .navbar-nav>.open>a:focus {
    background: transparent;
}

/* --------------------------------------
=========================================
    2.General
=========================================
-----------------------------------------*/

/*---------------------------------------
    2.1.Body & Global    
-----------------------------------------*/
.boxed {
    width: 1170px;
    margin: 0 auto;
    position: relative;
}

.boxed .mg-padding {
    padding: 0;
}

.boxed #content.home {
    padding: 0;
}

select {
    background-clip: padding-box;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 0;
    color: #444;
    display: block;
    font-weight: 400;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

button {
    padding: 5px 35px;
    line-height: 30px;
    border-radius: 0;
    font-weight: bold;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    transition: all 0.4s ease-in-out 0s;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

button:hover,
button:focus {
    transition: all 0.3s ease 0s;
    outline: none;
}

img.alignnone {
    width: 100%;
    height: auto;
}

img.size-large {
    width: 100%;
    height: auto;
}

.mg-card-box {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}

.mb-30 {
    margin-bottom: 30px;
}

.padding-20 {
    padding: 20px;
}

.mr-bot20 {
    margin-bottom: 20px;
}

.mr-bot30 {
    margin-bottom: 30px;
}

.mr-bot60 {
    margin-bottom: 60px;
}

.mg-fea-area .wd-back {
    padding: 0;
    border: none;
}

/*---------------------------------------
    2.2.Typography        
-----------------------------------------*/
.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

img {
    height: auto;
    max-width: 100%;
}

/*---------------------------------------
    2.4.Button Styles           
-----------------------------------------*/
.btn {
    padding: 10px 35px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
    transition: all 0.2s ease 0s;
    border-width: 2px;
    border-style: solid;
}

.btn-theme:hover,
.btn-theme:focus {
    transition: all 0.3s ease 0s;
    outline: none;
    box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.5);
}

.more_btn,
.more-link {
    padding: 8px 10px;
    line-height: 30px;
    overflow: hidden;
    border-radius: 4px;
}

.no-padding {
    padding: 0;
}

/* --------------------------------------
=========================================
    blog post 
=========================================
-----------------------------------------*/
.back-img {
    overflow: hidden;
    position: relative;
    background-color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.link-div {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mg-blog-thumb {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    min-height: 20px;
}

.mg-blog-thumb.sm {
    height: 120px;
}

.mg-blog-thumb.md {
    height: 300px;
}

.mg-blog-thumb.lg {
    height: 243px;
}

.mg-post-thumb {
    position: relative;
}

/* --------------------------------------
=========================================
    9.mg-Responsive part
=========================================
-----------------------------------------*/
@media (min-width: 1200px) {
    .container {
        max-width: 1450px;
    }
}

@media (max-width: 991.98px) {
    .desk-header {
        display: none;
    }
}

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

    /* logo*/
    .navbar-default .navbar-brand {
        margin: 0 auto;
        text-align: center;
    }
}

@media screen and (min-width: 240px) and (max-width: 1179px) {
    .boxed {
        width: auto;
    }
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    /*--------------- ti-slider ---------------*/
    .text-center-xs {
        text-align: center;
    }

    .col-md-4 {
        margin-bottom: 15px;
    }

    .mr-xs {
        margin-bottom: 30px;
    }
}

/* 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;
    right: 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;
}

.no-js .some-element .screen-reader-text {
    position: static;
    -webkit-clip-path: none;
    clip-path: none;
    width: auto;
    height: auto;
    margin: 0;
}

button.navbar-toggler.mr-auto span.my-1.mx-2.close {
    font-family: FontAwesome;
    opacity: 1;
}

button.navbar-toggler.mr-auto span.my-1.mx-2.close:before {
    content: "\f00d";

}

@media (min-width: 768px) and (max-width: 991px) {

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col,
    .col-auto,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm,
    .col-sm-auto,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md,
    .col-md-auto,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg,
    .col-lg-auto,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl,
    .col-xl-auto {
        padding-right: 10px;
        padding-left: 10px;
    }

    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
}