/*
Theme Name: Economedia
Author: Adacity.ro
Author URI: https://adacity.ro
Description: Economedia 2021 theme
Version: 1.1
Requires PHP: 7.4
Tested up to: 5.4.2
Template: newsup-pro
Text Domain: economedia
Domain Path: /languages
*/

:root {
    --font-family: SF Pro Text, SF Pro Icons, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--font-family);
}

/* Site Title */
.mg-headwidget .site-branding-text,
.mg-headwidget .site-branding-text a {
    font-size: 30px;
    font-weight: 600;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 35px;
}

/* Site Tagline*/
.mg-headwidget .site-branding-text .site-description {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 25px;
}

/* Menu */
.navbar-nav>li>a {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 20px;
}

/* Sub-menu */
.dropdown-menu>li>a {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 20px;
}

/* Heading H1 */
h1 {
    font-size: 32px;
    font-weight: 600;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 34px;
}

/* Heading H2 */
h2 {
    font-size: 30px;
    font-weight: 500;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 32px;
}

/* Heading H3*/
h3 {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 30px;
}

/* Heading H4 */
h4 {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 25px;
}

/* Heading H5 */
h5 {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 22px;
}

/* Heading H6 */
h6 {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 30px;
}

/* Paragraph */
body,
p {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 1.75rem;
}

p {
    margin-bottom: 1.45rem;
}

/* Button Text */
.bth-theme,
input[type="submit"],
button {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
}

.mg-blog-post-box .mg-header h1 a {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
}

.mg-blog-meta a,
.mg-blog-post.lg .mg-blog-meta i:not(.fa-solid),
.mg-blog-post.lg .mg-blog-meta a {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 20px;
}

/* Sidebar Widget Title */
.mg-sidebar .mg-widget h6 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 42px;
}

/* Sidebar Widget Content */
.mg-sidebar a,
.mg-sidebar p {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    line-height: 18px;
}

.mg-headwidget .navbar-wp .navbar-nav>li>a {
    padding: 10px 22px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--font-family);
    font-weight: 700;
}

html body.boxed {
    position: static;
    width: 100%;
    background-image: none;
    box-shadow: none;
}

#mg-menu {
    z-index: 1000;
}

.mg-headwidget .navbar-wp {
    transition: none !important;
    max-height: none;
}

#ecm-mg-headwidget_clone+#ecm-mg-headwidget {
    z-index: 999;
    width: 100% !important;
}

@media (min-width: 1170px) {
    body.admin-bar .mg-menu-full .navbar-wp {
        transition: none;
    }

    .mg-menu-full .navbar-wp>.wrap {
        overflow: visible;
    }

    body.admin-bar .q2w3-fixed-widget-container.mg-headwidget #mg-menu_clone+#mg-menu .navbar-wp {
        top: 32px;
    }

    body.boxed .wrapper,
    .boxed .wrap {
        width: 1170px;
        margin: 0 auto;
        background: transparent;
    }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    letter-spacing: 0;
}

article li {
    font-size: 16px;
}

blockquote:before {
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
}

blockquote p {
    font-weight: 400;
}

b,
strong {
    font-weight: 700;
}

.mg-head-detail .info-left li.ecm-widget-tk p {
    font-size: 12px;
}

.mg-head-detail .info-left li,
.mg-headwidget .mg-head-detail .info-left li a,
.mg-headwidget .mg-head-detail .info-right li a,
.mg-headwidget .mg-head-detail li a i {
    color: inherit;
}

.mg-head-detail .info-left li.ecm-logo {
    margin-right: 30px;
}

.mg-head-detail .info-right li:last-child,
.mg-head-detail .info-right li:last-child i {
    margin-right: 0;
    padding-right: 0;
}

.mg-headwidget .mg-head-detail {
    background: transparent;
    background: #23282d;
    color: #eee;
}

.mg-headwidget .mg-head-detail .info-right li a:focus,
.mg-headwidget .mg-head-detail .info-right li a:hover {
    text-decoration: underline;
    color: #fff;
}

.mg-head-detail .navbar-brand {
    margin: 0;
    position: relative;
    top: -5px;
}

.mg-head-detail .navbar-brand img {
    filter: none;
    height: 30px;
    width: auto;
}

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

#content {
    padding-top: 20px;
    background: #fff;
    position: relative;
}

.mg-breadcrumb-title {
    text-align: center;
}

.mg-blog-post-box,
.mg-featured-slider,
.nolist_crowsel,
.mg-card-box,
.mg-breadcrumb-section {
    box-shadow: none;
}

.mg-blog-post-box .mg-header h1 {
    font-size: 28px;
    text-transform: none;
    font-weight: 700;
}

.mg-blog-post-box .mg-header h1.title:hover {
    color: #212121;
    cursor: default;
}

.mg-blog-post-box .mg-header .mg-author-pic img {
    width: 20px !important;
    max-width: none;
    height: 20px !important;
    margin-right: 5px;
}

.mg-blog-post-box .mg-header .mg-autor-name {
    font-weight: bold;
}

.mg-blog-post-box .mg-header .media-body>span {
    margin-left: 0;
    margin-right: 10px;
    white-space: nowrap;
}

.mg-blog-post-box .mg-header .media-body>span i {
    margin-right: 3px;
}

.media.mg-info-author-block-bottom {
    display: none !important;
}

.newsup-tags {
    font-size: 12px;
    line-height: 20px;
}

.mg-posts-sec {
    text-transform: none;
}

.mg-sidebar .mg-widget:nth-child(2n + 2) {
    margin-top: 60px;
}

.mg-sidebar .mg-widget:nth-child(2n + 2) .mg-wid-title {
    margin-top: -50px;
}

.mg-post-thumb {
    display: block;
    background-position: 50% 50%;
    background-size: auto 100%;
    transition: all 0.2s ease-out;
}

.mg-post-thumb:hover {
    background-position: 50% 80%;
    background-size: auto 106%;
}

.mg-blog-thumb img {
    max-width: auto;
    width: 100%;
}

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

.mg-head-detail .info-left .textwidget p {
    margin-bottom: 0;
    line-height: 35px;
}

.mg-posts-modul-6 .mg-blog-meta a {
    letter-spacing: 0;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.mg-posts-modul-6 .mg-post-thumb a {
    display: flex;
    height: 100%;
}

.mg-posts-modul-6 .mg-posts-sec-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.mg-posts-modul-6 .mg-blog-meta .mg-blog-meta-other,
.mg-info-author-block .mg-blog-meta-other,
.mg-info-author-block .mg-blog-meta-other a {
    color: #bdbdbd;
    font-size: 12px;
}

.mg-info-author-block .mg-blog-meta-other a:hover {
    text-decoration: underline;
}

.mg-posts-sec-post {
    padding: 10px 0;
    min-height: 150px;
}

.mg-posts-sec-post.ecm-no-img {
    min-height: 50px;
}

.mg-posts-modul-6 .mg-content {
    margin-top: 12px;
}

.mg-posts-modul-6 .mg-content p {
    font-size: 14px;
}

.mg-posts-modul-6 .ecm-flexbr {
    flex-wrap: wrap;
}

.mg-posts-modul-6 .mg-post-thumb {
    height: 135%;
    margin-left: -15px;
    position: relative;
    top: -20px;
    overflow: hidden;
}

.mg-posts-modul-6 .mg-post-thumb.ecm-img-lg {
    height: 320px;
    background-size: 100% auto;
    margin-right: 0;
    margin-right: -15px;
    margin-bottom: -15px;
}

.mg-posts-modul-6 .mg-post-thumb.ecm-img-lg:hover {
    background-size: 102% auto;
    background-position: 50% 60%;
}

@media (max-width: 767px) {
    .mg-posts-modul-6 .mg-post-thumb {
        height: 220px;
        background-size: auto 100%;
        margin-right: 0;
        margin-right: -15px;
        margin-bottom: -15px;
    }

    .mg-posts-modul-6 .mg-content {
        display: none;
    }
}

.top-right-area {
    padding: 0;
}

.top-right-area .nav-tabs {
    position: relative;
    /*border-bottom: 2px solid #007bf0;*/
    /*top: 1px;*/
    z-index: 100;
}

.widget_newsup_featured_posts .top-right-area .nav-tabs {
    border-bottom: 2px solid #007bf0;
    top: 1px;
}

.widget_newsup_featured_posts .mg-posts-sec-inner .img-small-post {
    height: 100px;
}

.widget_newsup_featured_posts .top-right-area .small-post {
    min-height: 120px;
}

.top-right-area .ecm-tr-title {
    border-bottom: 2px solid #007bf0;
    margin: 0;
}

.top-right-area .ecm-tr-title>div {
    padding: 0;
}

.top-right-area .nav-tabs .nav-link i {
    display: inline;
}

.top-right-area .nav-tabs .nav-link.active {
    border-color: #007bf0;
}

.top-right-area .nav-tabs .nav-link.active a {
    color: #fff;
}

.top-right-area .nav-tabs .nav-link {
    border: none;
    font-size: 16px;
    line-height: 24px;
}

.top-right-area .nav-tabs .nav-link.active {
    background: #007bf0;
    color: #fff;
    position: relative;
}

.top-right-area .nav-tabs li:first-child .nav-link.active::before {
    border-color: transparent transparent transparent #007bf0;
    width: 0;
    position: absolute;
    right: -30px;
    top: 0px;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0px 30px;
    content: "";
}

.top-right-area .nav-tabs li:last-child .nav-link.active::before {
    border-color: transparent #007bf0 transparent transparent;
    width: 0;
    position: absolute;
    left: -30px;
    top: 0px;
    height: 0;
    border-style: solid;
    border-width: 40px 30px 0px 0px;
    content: "";
}

.mg-posts-modul-6 .mg-sec-top-post .title {
    font-weight: 600;
    max-height: none;
    line-height: 24px;
}

.mg-posts-modul-6 .mg-sec-top-post .title a {
    display: inline-block;
}

.mg-posts-modul-6 .mg-sec-top-post .mg-blog-meta>* {
    white-space: nowrap;
    margin-right: 10px;
}

.top-right-area .mg-posts-sec-inner.row {
    margin-left: -15px;
    margin-right: -14px;
}

.mg-fea-area .top-right-area .mg-posts-sec-inner .img-small-post {
    width: 100px;
    height: 125px;
}

.mg-fea-area .top-right-area .mg-posts-sec-inner .ecm-featured-img-small-post {
    float: none;
    width: 100%;
    height: 130px;
    overflow: hidden;
}

.mg-posts-sec-inner .small-list-post img {
    width: 100%;
}

.mg-fea-area .mg-posts-sec-inner .small-list-post li,
.widget_newsup_featured_posts .small-list-post li {
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding: 8px 0 12px;
    box-shadow: none;
}

.mg-fea-area .mg-posts-sec-inner .small-list-post li:last-child,
.widget_newsup_featured_posts .small-list-post li:last-child {
    border-bottom: none;
}

.mg-fea-area .mg-posts-modul-2 .title_small_post {
    max-height: 125px;
}

.mg-fea-area .mg-posts-modul-2 .small-post a {
    display: block;
}

.mg-fea-area .mg-posts-modul-2 .small-post a:after {
    display: block;
    content: "";
    clear: both;
}

.mg-fea-area .mg-posts-modul-2 .small-post a:hover h5 {
    color: #007bf0;
}

.mg-posts-modul-2 .small-list-post .title_small_post h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px !important;
}

.mg-posts-modul-2 .title_small_post {
    max-height: 85px;
}

@media (min-width: 768px) {
    .mg-fea-area .mg-posts-sec-inner .small-list-post {
        padding: 15px 10px;
    }

    .mg-fea-area .mg-posts-sec-inner .small-list-post li {
        border-bottom: none;
        padding: 5px 7px;
    }

    .mg-fea-area .mg-posts-sec-inner .small-list-post li a {
        height: 100%;
        box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
        border: 1px solid #dddcdc;
        border-radius: 5px;
    }

    .mg-fea-area .mg-posts-sec-inner .small-list-post li a img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .mg-posts-modul-2 .small-list-post .title_small_post {
        max-height: none;
    }

    .mg-fea-area .mg-posts-modul-2 .small-list-post .title_small_post h5 {
        padding: 15px;
        font-size: 14px;
        line-height: 23px !important;
    }

    .mg-fea-area .top-right-area .nav-tabs .nav-link {
        width: 180px;
    }
}

aside .mg-widget.mg-posts-sec .mg-sec-title {
    margin-bottom: 0;
}

aside .mg-widget.mg-posts-sec .small-list-post {
    width: 100%;
    margin-bottom: 1px;
}

aside .mg-widget.mg-posts-sec .small-list-post li {
    transition: background 0.2s ease-out;
    padding-left: 15px;
}

aside .mg-widget.mg-posts-sec .small-list-post li:hover {
    background: #007bf0;
}

aside .mg-widget.mg-posts-sec .small-list-post li a {
    display: block;
}

aside .mg-widget.mg-posts-sec .small-list-post li:hover a,
aside .mg-widget.mg-posts-sec .small-list-post li:hover a:hover {
    color: #fff;
}

aside .mg-widget.mg-posts-sec .small-list-post h5.title {
    max-height: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

aside .mg-widget.mg-posts-sec .row {
    margin-left: 0;
    margin-right: 0;
}

.mg-blog-post-box .mg-header {
    padding: 28px 40px;
}

#homemain .mg-blog-post {
    background-position: top center;
}

#homemain .ecm-placeholder {
    max-width: none;
    width: 100%;
    object-fit: cover;
    filter: hue-rotate(45deg) blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
    backdrop-filter: blur(10px);
    /* Supported in Chrome 76 */
    transform: scale(1.2);
}

#homemain .mg-blog-post img.wp-post-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.mg-blog-post .bottom h4 {
    max-height: none;
    font-size: 30px;
    line-height: 34px !important;
    margin-top: 8px;
}

.mg-blog-post .bottom h4.title-sm {
    font-size: 26px;
    line-height: 30px !important;
}

ul.ecm-related-list {
    padding-left: 25px;
}

.ecm-related-list .ecm-related-post {
    line-height: 22px;
    margin-bottom: 10px;
}

.ecm-related-list .ecm-related-post a {
    display: block;
}

.ecm-related:not(.g4v-related) .ico-wrap {
    display: none !important;
}

.mg-latest-news .bn_title h2 {
    display: none;
    line-height: 39px !important;
}

.mg-latest-news {
    margin: 0 10px;
}

.mg-latest-news:before,
.mg-latest-news:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 40px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 100;
}

.mg-latest-news:after {
    left: auto;
    right: 0;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.mg-latest-news .mg-latest-news-slider {
    line-height: 32px;
    left: 0;
}

#navbar-wp li.divider {
    border-bottom: 1px solid #eee;
    margin: 15px 0;
}

#navbar-wp li.text-sm a {
    font-size: 16px;
    font-weight: normal;
}

header>.mg-menu-full {
    display: inherit;
}

.mg-headwidget #mg-menu-secondary .navbar-wp {
    background: #444;
}

.mg-headwidget .navbar-wp .navbar-nav>li>a {
    text-transform: none !important;
}

#ecm-mg-headwidget.q2w3-fixed-widget-container {
    z-index: 99999;
}

.mg-headwidget .mg-menu-full .navbar-wp {
    /* margin-bottom: -4px; */
}

.mg-headwidget .mg-menu-full .navbar-wp .navbar-nav>li>a {
    border-bottom: 2px solid transparent;
    padding: 10px 12px 7px;
    line-height: 14px;
    position: relative;
    /*top: 8px;*/
    transition: none;
}

.mg-headwidget .mg-menu-full .navbar-wp .navbar-nav>li.active>a,
.mg-headwidget .mg-menu-full .navbar-wp .navbar-nav>li>a:hover {
    border-bottom-color: #fff;
}

.mg-headwidget .mg-menu-full .navbar-wp .navbar-nav>li.home>a {
    position: relative;
}

.mg-headwidget .mg-menu-full .navbar-wp .navbar-nav>li.home>a span {
    line-height: 0;
    position: relative;
    top: 3px;
}

.navbar-wp .navbar-nav>li>a.homebtn span {
    font-size: 20px;
}

.mg-headwidget .navbar-wp .dropdown-menu>li>a {
    font-size: 14px;
    text-transform: none;
}

.mg-headwidget .dropdown-menu li {
    border-bottom: 1px solid #777;
}

.mg-headwidget .navbar-wp #navbar-wp-secondary .navbar-nav>.active>a,
.mg-headwidget .navbar-wp #navbar-wp-secondary .navbar-nav>.active>a:focus,
.mg-headwidget .navbar-wp #navbar-wp-secondary .navbar-nav>.active>a:hover,
.mg-headwidget .navbar-wp #navbar-wp-secondary .navbar-nav>li>a:focus,
.mg-headwidget .navbar-wp #navbar-wp-secondary .navbar-nav>li>a:hover {
    background: #000;
}

.navbar-wp .dropdown-menu.searchinner {
    width: 300px;
    background: none;
    top: -11px;
    padding: 0;
}

.mg-key-points {
    margin: 25px 0;
}

.mg-key-points li {
    margin-bottom: 7px;
}

.mg-summary-continues {
    padding-top: 10px;
    border-top: 1px solid #ccc;
    position: relative;
    text-align: center;
    font-size: 0.7em;
    margin-bottom: -45px;
}

.mg-summary-continues span {
    position: relative;
    background: #fff;
    padding: 5px 25px;
    top: -25px;
}

.mg-summary-content {
    padding-bottom: 15px;
}

.mg-blog-post-box .mg-header h4 {
    border-bottom: none;
}

.mg-sec-title h4 {
    line-height: 44px !important;
    text-transform: none;
}

.ecm-hl {
    background-color: #007bf0;
    color: #fff;
    padding: 3px 5px;
    display: inline-block;
}

.ta_upscr {
    bottom: 8%;
}

.ta_upscr i {
    font-size: 28px;
    line-height: 34px;
}

.ecm-sec-video {
    margin-bottom: 20px;
}

.ecm-sec-video .mg-sec-title,
.ecm-sec-oped .mg-sec-title {
    margin-bottom: 0;
    width: calc(100% - 1px);
}

.ecm-sec-video .mg-blog-inner h4 {
    max-height: none;
    font-size: 17px;
    line-height: 21px;
}

.ecm-sec-video .ecm-ico {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: calc(50% - 42px);
    left: calc(50% - 27px);
    z-index: 100;
    transition: all 0.3s ease-out;
    font-size: 54px;
}

.ecm-sec-video .mg-blog-post-3:hover .ecm-ico {
    color: rgba(255, 255, 255, 0.9);
    transform: scale(1.2, 1.2);
    cursor: pointer;
}

.video_crowsel {
    display: none;
    margin-bottom: 30px;
}

/* .video_crowsel .owl-item > div.mg-blog-post-3.minh {
    min-height: 300px;
} */

.video_crowsel .owl-item>div {
    margin: 0 1px 0 0;
}

.video_crowsel .owl-controls {
    margin-top: 0;
}

.video_crowsel .owl-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    transition: all 0.1s ease-out;
}

.video_crowsel .owl-item:hover img {
    width: 110%;
    height: 105%;
    top: -5px;
    left: 0px;
}

.mg-posts-sec-inner img,
.widget_post_thumbnail img,
.featured_posts_slider img {
    transition: all 0.1s ease-out;
    position: relative;
    transform: scale(1) translateY(0);
}

.mg-posts-sec-inner img:hover,
.widget_post_thumbnail img:hover,
.featured_posts_slider img:hover {
    transition: all 0.1s ease-out;
    opacity: 1;
    transform: scale(1.04, 1.04) translateY(0);
}

.mg-posts-sec-inner .ecm-img-lg img:hover {
    transform: scale(1.03, 1.03) translateY(0);
}

#tan-main-banner-latest-trending-popular-featured .mg-posts-sec-inner img:hover {
    transform: scale(1.04, 1.04) translateY(0);
}

.video_crowsel .owl-item .mg-blog-inner {
    z-index: 10;
}

.video_crowsel .owl-item .link-div {
    z-index: 120;
}

.plyr-video-container {
    position: relative;
}

.g4v-duration {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 1px 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
    z-index: 100;
}

.g4v-duration:empty {
    display: none;
}

.g4v-related .mg-posts-sec .g4v-duration {
    right: 5px;
    border-radius: 3px;
    padding: 0px 5px;
}

.widget .mg-posts-video .g4v-duration {
    font-size: 10px;
    bottom: 3px;
    right: 3px;
    border-radius: 2px;
    line-height: 16px;
}

.link-div {
    z-index: 120;
}

.owl-pagination {
    bottom: -20px;
}

.owl-carousel .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border-color: #007bf0;
}

.owl-carousel .owl-controls .owl-page.active span {
    background: #007bf0;
}

footer .mg-footer-copyright {
    background: #23282d;
}

footer .info-left {
    margin: 0;
    padding: 0;
}

footer .info-left li {
    display: inline-block;
    margin-right: 20px;
}

footer .info-left li a.nav-link {
    padding: 0;
}

.g4-widget .mg-sec-title h4 {
    color: transparent;
}

.g4-widget .mg-sec-title h4:after {
    display: block;
    content: "";
    position: absolute;
    left: 5%;
    top: 0;
    background-image: url("https://www.g4media.ro/wp-content/uploads/2018/03/logo-1.png");
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: center center;
    filter: brightness(0) invert(1);
    width: 90%;
    height: 100%;
}

.owl-carousel .owl-controls .owl-buttons,
.owl-carousel .owl-controls .owl-buttons div {
    opacity: 1;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 35px;
}

.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 35px;
}

#newsup_featured_posts-2_clone+#newsup_featured_posts-2 {
    top: 100px !important;
}

#comments .mg-sec-title {
    margin-bottom: 10px;
}

.comment-list {
    padding-left: 0;
}

.comment-list,
.comment-list ol,
.comment-list ul {
    list-style: none;
}

.comment-list>li {
    border: 1px solid #eee;
    padding: 15px 20px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.comment-content {
    margin-top: 10px;
}

.comment-content p {
    font-size: 14px;
    line-height: 24px;
}

.comment-reply-link {
    border: 1px solid #eee;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 5px;
}

.comment-reply-link:hover {
    background: #007bf0;
    border-color: #007bf0;
    color: #fff;
}

.comment-list li .children {
    margin-top: 15px;
    padding-left: 15px;
    border-left: 5px solid #eee;
}

.comment-list time {
    display: none;
}

html #wpadminbar {
    max-width: 100%;
    overflow-x: hidden;
}

/* Dark Mode */
.ecm-top-right-menu {
    justify-content: right;
    gap: 15px;
}

.dark-mode-toggle {
    font-size: 16px;
    color: #FFF !important;
    border: 1px solid #FFF;
    border-radius: 30px;
    padding: 5px 15px;
    cursor: pointer;
    line-height: 1;
    display: block;
    width: 28px;
    height: 28px;
    padding: 4px 7px;
    position: relative;
    top: 4px;
}

.dark-mode-toggle-mobile {
    font-size: 20px;
    margin-right: 30px;
    width: 36px;
    min-width: 36px;
    height: 36px;
    top: 0;
}

.dark-mode-toggle:hover,
.dark-mode-toggle:focus {
    color: #FFF;
    text-decoration: none;
}

.dark-mode-toggle i.fa-sun {
    display: none;
    position: relative;
    left: -1.5px;
    top: 1px;
}

.dark-mode-toggle-mobile i.fa-sun {
    left: 0;
    top: 2px;
}

.dark-mode-toggle-mobile i.fa-moon {
    position: relative;
    left: 2px;
    top: 3px;
}

body.dark .dark-mode-toggle i.fa-sun {
    display: block;
}

body.dark .dark-mode-toggle i.fa-moon {
    display: none;
}


@media screen and (max-width: 991px) {
    .dark-mode-toggle-mobile i.fa-sun {
        top: 3px;
    }

    .navbar-collapse .dropdown-menu.show {
        position: static !important;
        transform: none !important;
    }
}

@media (max-width: 991px),
(max-device-width: 480px),
(min-device-width: 481px) and (max-device-width: 1023px) and (orientation: portrait) {
    aside>.ai_widget {
        overflow: hidden;
    }

    .m-header {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .m-header .navbar-brand {
        padding: 0;
        margin: 0;
        height: 24px;
    }

    .m-header .navbar-brand img {
        height: 110%;
        width: auto;
        margin-top: -1%;
    }

    .m-header .navbar-toggler {
        margin-right: 0 !important;
    }

    .ecm-m-logo {
        width: 100%;
    }

    #mg-menu #navbar-wp {
        display: none !important;
    }

    .m-header .navbar-toggler,
    .navbar-collapse .navbar-toggler {
        box-shadow: none;
        background: none;
        border: 1px solid #eee;
        padding: 0.2rem 0.55rem;
    }

    .navbar-collapse .navbar-toggler {
        background: transparent;
        box-shadow: none;
        position: absolute;
        border: none;
        top: 0;
        right: 0;
    }

    .navbar-collapse .navbar-toggler span {
        color: #fff;
    }

    .navbar-collapse .navbar-toggler .close {
        text-shadow: none;
        color: #fff;
        opacity: 1;
        font-size: 30px;
    }

    .navbar-collapse.collapsing {
        position: fixed;
    }

    .navbar-collapse {
        position: fixed !important;
        z-index: 100021;
        background: #007bf0;
        width: 85%;
        height: 100%;
        padding: 1.5rem 2.5rem;
        right: -100%;
        transition: right 0.2s ease-out;
    }

    .navbar-collapse.show {
        right: 0;
    }

    .navbar-collapse .nav {
        margin-top: 2rem;
    }

    .navbar-collapse .nav a {
        color: #fff;
        font-size: 18px;
        line-height: 24px;
    }

    .navbar-collapse .nav li.ecm-cc a {
        padding-left: 10px;
        margin-left: -10px;
    }

    .navbar-collapse #searchform,
    .navbar-collapse #searchform-xs {
        width: 100%;
        margin-top: 35px;
    }

    .navbar-collapse #searchform .input-group-btn,
    .navbar-collapse #searchform-xs .input-group-btn {
        display: none;
    }

    .navbar-collapse .dropdown-menu {
        background: none;
    }

    .mg-head-detail .info-left {
        float: none;
    }

    .mg-head-detail .info-left li.ecm-widget-tk {
        pointer-events: none;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        margin-right: 0;
        width: 100%;
    }

    .top-right-area .nav-tabs li:first-child .nav-link.active::before,
    .top-right-area .nav-tabs li:last-child .nav-link.active::before {
        display: none;
    }

    .top-right-area .ecm-tr-title>div {
        margin-bottom: 0;
    }

    .mg-posts-modul-2 .small-list-post .title_small_post h5 {
        font-size: 14px;
    }

    /* Homepage Carousel */
    .owl-controls .owl-buttons .owl-prev,
    .owl-controls .owl-buttons .owl-next {
        top: 13%;
    }

    .ecm-sec-video .owl-controls .owl-buttons .owl-prev,
    .ecm-sec-video .owl-controls .owl-buttons .owl-next,
    .ecm-sec-oped .owl-controls .owl-buttons .owl-prev,
    .ecm-sec-oped .owl-controls .owl-buttons .owl-next {
        top: 21%;
    }

    .homemain.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: 15px;
    }

    .homemain.owl-carousel .owl-controls .owl-buttons .owl-next {
        right: 15px;
    }

    .homemain .mg-blog-post .bottom h4 {
        max-height: 180px;
        font-size: 18px;
        line-height: 22px !important;
    }

    .homemain .mg-blog-post .bottom {
        padding-bottom: 10px;
    }

    .homemain .mg-blog-meta {
        margin-bottom: 0;
    }

    .homemain .mg-blog-meta a,
    .homemain .mg-blog-post.lg .mg-blog-meta i,
    .homemain .mg-blog-post.lg .mg-blog-meta a {
        font-size: 10px;
    }

    .mg-posts-modul-6 .mg-post-thumb.ecm-img-lg {
        height: 220px;
        background-size: cover;
    }

    /* Article single */
    .mg-blog-post-box .mg-header {
        padding: 4px 6px;
    }

    .single .mg-blog-post-box {
        margin-bottom: 0;
    }

    .single .mg-blog-post-box .mg-header h1,
    .single .mg-blog-post-box .mg-header h1 a {
        font-size: 22px;
        line-height: 24px;
    }

    .single .mg-blog-post-box .mg-header h1 {
        margin-bottom: 15px;
    }

    .single .mg-blog-post-box .small.single {
        padding: 24px 14px;
    }

    .single-video .mg-blog-post-box .small.single {
        padding: 0;
    }

    .single .mg-blog-post-box .mg-author-pic,
    .single .mg-info-author-block-bottom {
        display: none;
    }

    .single .mg-info-author-block span i {
        margin-right: 3px;
    }

    .single .mg-posts-modul-6 .mg-blog-meta .mg-blog-meta-other,
    .single .mg-info-author-block .mg-blog-meta-other {
        margin-left: 0;
    }

    .single .mg-posts-modul-6 .mg-blog-meta>a {
        display: none;
    }

    .single .mg-blog-post-box .small>p {
        line-height: 26px;
    }

    article.single ul {
        padding-left: 20px;
    }

    article.single li {
        margin-bottom: 15px;
        line-height: 24px;
    }

    .single .mg-featured-slider,
    .single .comments-area {
        padding: 15px 6px;
    }

    .ecm-related-list .ecm-related-post a {
        font-size: 14px;
    }

    .ecm-related .mg-posts-modul-6 .mg-sec-top-post .title {
        font-size: 14px;
    }

    .ecm-related .mg-posts-modul-6 .mg-post-thumb {
        height: 125%;
    }

    aside.q2w3-fixed-widget-container>.q2w3-widget-clone-article-sidebar {
        display: none !important;
    }

    aside.q2w3-fixed-widget-container>* {
        position: static !important;
    }
}

@supports (-webkit-touch-callout: none) {
    #at-custom-mobile-bar {
        padding: 8px 0 24px;
        height: auto;
    }

    .ta_upscr {
        bottom: 10%;
    }
}

/* iPhone landscape */
@media only screen and (max-device-width: 428px) and (orientation: landscape) {
    .navbar-wp .navbar-brand {
        max-width: 30%;
        padding: 0;
    }

    #mg-menu #navbar-wp {
        display: none !important;
    }

    .navbar-nav {
        flex-direction: row;
    }

    .navbar-collapse .nav {
        margin-top: 0;
    }

    .navbar-nav li {
        flex: 50%;
    }

    .navbar-nav li.home {
        display: none;
    }

    #at-custom-mobile-bar {
        width: 280px;
        padding: 8px 0 12px;
        margin-left: auto;
    }

    #at-custom-mobile-bar .at-icon-wrapper {
        margin: 0 2px;
    }

    #wpadminbar {
        overflow-x: hidden;
    }
}

/* iPad portrait */
@media only screen and (min-device-width: 481px) and (max-device-width: 1023px) and (orientation: portrait) {
    #mg-menu #navbar-wp {
        display: none !important;
    }

    .navbar-wp .navbar-brand {
        max-width: 30%;
        padding: 0;
    }

    .top-right-area .mg-posts-sec-inner .img-small-post {
        height: 110px;
    }

    #homemain .mg-blog-post.lg {
        height: 336px;
    }

    .top-right-area .nav-tabs .nav-link {
        font-size: 12px;
    }

    .top-right-area .nav-tabs li:first-child .nav-link.active::before {
        display: block;
        right: -23px;
        border-width: 34px 0 0px 23px;
    }

    .top-right-area .nav-tabs li:last-child .nav-link.active::before {
        display: block;
        left: -23px;
        border-width: 34px 23px 0px 0px;
    }

    .top-right-area .nav-tabs>li:first-child {
        flex-grow: 0.4;
    }

    .mg-posts-modul-2 .small-list-post .title_small_post h5 {
        font-size: 14px;
        line-height: 20px !important;
    }

    .mg-posts-modul-6 .mg-sec-top-post .title {
        font-size: 15px;
        line-height: 20px;
    }

    .mg-sec-title h4 {
        font-size: 14px;
    }
}

/* iPad landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    .ecm-top-right-menu {
        display: none !important;
    }

    .ecm-header-top-strip {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #mg-menu {
        z-index: 1000;
    }

    #at-custom-sidebar {
        background-color: transparent !important;
    }

    .at-custom-sidebar .at-share-btn {
        margin-bottom: -6px;
        transform: scale(0.8, 0.8) translateX(-5px);
    }
}

/* iPad Pro portrait OR [992-1023)px */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait),
(min-width: 992px) and (max-width: 1023px) {
    .d-ipad-block {
        display: block !important;
    }

    .d-ipad-none {
        display: none !important;
    }

    #mg-menu #navbar-wp {
        position: static !important;
        display: block !important;
        padding: 0;
    }

    .navbar-collapse .nav {
        margin-top: 0;
    }

    .ecm-header-top-strip {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .ecm-top-right-menu {
        display: none !important;
    }

    .mg-head-detail .info-left li.ecm-logo {
        position: relative;
        /*top: -5px;*/
    }

    .mg-head-detail .info-left li.ecm-widget-tk {
        width: auto;
        display: inline-block;
        position: relative;
        /*top: 10px;*/
    }
}

@media (max-width: 1023px) {
    #ecm-mg-headwidget {
        display: contents;
    }

    #mg-menu {
        position: sticky;
        top: 0;
        z-index: 100020;
    }
}

@media (min-width: 1024px) {
    .mg-blog-post.lg {
        height: 500px;
    }

    #ecm-mg-headwidget {
        position: sticky;
        top: 0;
        z-index: 100020;
    }

    body.admin-bar #ecm-mg-headwidget {
        top: 32px;
    }
}

@media (min-width: 1440px) {
    .d-xlg-none {
        display: none !important;
    }

    .d-xlg-block {
        display: block !important;
    }

    .d-xlg-list-item {
        display: list-item !important;
    }
}

@media (min-width: 1024px) and (max-width: 1129px) {
    .mg-head-detail .info-left li.ecm-logo {
        margin-right: 10px;
    }

    .mg-head-detail .navbar-brand img {
        height: 25px;
    }

    .ecm-header-top-strip.col-lg-9 {
        max-width: 77%;
        flex-basis: 77%;
    }

    .info-right li.menu-item-type-custom {
        display: none;
    }

    .ecm-top-right-menu.col-lg-3 {
        max-width: 23%;
    }
}

html,
body {
    overflow: visible !important;
    overflow-x: visible !important;
}

.wrap {
    width: 100vw;
    overflow-x: hidden;
}

/* Resizer */
.g4-resizer-container {
    padding: 0 5px;
    position: relative;
}

@media (min-width: 1024px) {
    .g4-resizer-container {
        padding: 0 40px;
        position: relative;
    }
}

.g4-resizer-toggle,
.g4-resizer-toggle:hover,
.g4-resizer-toggle:active,
.g4-resizer-toggle.active {
    position: relative;
    border: none;
    padding: 7px 10px;
    width: 100%;
    background-color: var(--resizer-bgcolor, #DDD);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.g4-resizer-toggle>* {
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 7px;
}

.g4-resizer-toggle svg {
    overflow: visible;
    /* Color */
    color: var(--resizer-text-color, #000);
}

.g4-resizer-toggle .g4-resizer-label {
    color: var(--resizer-text-color, #000);
    text-transform: uppercase;
}

.g4-resizer-dropdown-content label {
    line-height: 2;
    color: #000;
}

select#g4-resizer-font-size {
    font-size: 16px;
    padding: 5px;
}

.g4-resizer-toggle .g4-resizer-icon1 {
    width: 1.75rem;
    height: 1.75rem;
}

.g4-resizer-toggle .g4-resizer-icon2 {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
}

#g4-resizer-dropdown {
    display: none;
    position: absolute;
    /* left: 0; */
    width: 250px;
    background-color: var(--resizer-bgcolor, #DDD);
    padding: 10px;
    border-radius: 5px;
    z-index: 9999;
    transform: translateY(10px);
    line-height: 1;
}

body.dark #g4-resizer-dropdown select {
    background-color: var(--resizer-bgcolor, #DDD);
    color: var(--resizer-text-color, #000);
    border: 1px solid var(--resizer-text-color, #000) !important;
}

.g4-resizer-toggle.active+#g4-resizer-dropdown {
    display: block;
}

body .mg-blog-post-box .small.single.post-content p {
    font-size: inherit;
    line-height: inherit;
}

body.g4-fsz-lg .mg-blog-post-box .small.single.post-content {
    font-size: 1.2em;
    line-height: 2rem;
}

body.g4-fsz-md .mg-blog-post-box .small.single.post-content {
    font-size: 1em;
}

body.g4-fsz-sm .mg-blog-post-box .small.single.post-content {
    font-size: 0.8em;
    line-height: 1.5rem;
}