/*
Theme Name: Magazine Newspaper
Theme URI: https://thebootstrapthemes.com/magazine-newspaper/
Author: thebootstrapthemes
Author URI: https://thebootstrapthemes.com
Description: Magazine Newspaper is a free WordPress theme made focusing on newspapers and magazines. This theme is a minimalist and fully responsive with full WordPress Customizer integration, that enables you to customize your website with live preview. This theme is very lightweight and easy to use. This is one of the best WordPress themes designed for news, newspapers, magazines, publishers, editors, and personal blogs. Check out Demo at: http://thebootstrapthemes.com/preview/?demo=magazine-newspaper
Version: 4.0.2
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: magazine-newspaper
Tags: news, blog, portfolio, grid-layout, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, style-variations, theme-options, translation-ready, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Magazine Newspaper is based on Underscores http://underscores.me/, (C) 2012-2015 thebootstrapthemes.
Magazine Newspaper is distributed under the terms of the GNU GPL v2 or later.

*/

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.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;
    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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.bypostauthor {
    display: block;
}

.comments-area .comment-form label {
    display: inline-block !important;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */

    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
## Main style starts here
--------------------------------------------------------------*/

h4.news-title:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 30px;
    left: 0;
    bottom: -13px;
}

.breadcrumbs a {
    color: #aaa;
}

.breadcrumbs ul li a {
    position: relative;
    overflow: hidden;
    padding: 0 10px 0 0;
    color: #666;
}

.breadcrumbs ul li a:after {
    content: ">";
    position: absolute;
    right: 0;
}

.news-ticker-label:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 0px;
    background-color: #ffc000;
    right: -11px;
    bottom: 4.1px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.owl-nav {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 0.80em;
    color: var(--text-secondary-color);
    text-transform: uppercase;
}

.owl-carousel .owl-nav .owl-prev {
    float: left;
    padding-right: 20px;
}

.owl-carousel .owl-nav .owl-next {
    float: right;
}

.owl-dots {
    text-align: center;
}

.owl-dot {
    background: var(--text-secondary-color);
    height: 5px;
    width: 15px;
    display: inline-block;
    margin: 0 3px;
}

.owl-dot.active {
    background: var(--secondary-color);
}

section.top-nav a {
    color: #333;
    font-size: 0.85em;
    line-height: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

section .social-icons li.facebook a {
    background: #507cbe;
}

section .social-icons li.twitter a {
    background: #63ccf1;
}

section .social-icons li.google-plus a {
    background: #dc4a38;
}

section .social-icons li.youtube-play a {
    background: #dc4a38;
}

section .social-icons li.linkedin a {
    background: #2386ef;
}

section .social-icons li.pinterest a {
    background: #63ccf1;
}

section .social-icons li.instagram a {
    background: #e22291;
}

section.logo img.custom-logo {
    margin: 15px 0;
}


/* footer */
footer ul {
    margin: 0;
}

footer a {
    color: var(--light-color) !important;
}

footer a:hover {
    color: #fff !important;
}
.footer-col h1,
.footer-col h2,
.footer-col h3,
.footer-col h4,
.footer-col h5,
.footer-col h6 {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 16px;
    color: var(--light-color);
    text-transform: uppercase;
    border-bottom: 1px solid var(--secondary-color);
}
.footer-col h1:after,
.footer-col h2:after,
.footer-col h3:after,
.footer-col h4:after,
.footer-col h5:after,
.footer-col h6:after {
    content: '';
    position: absolute;
    height: 4px;
    width: 50px;
    left: 0;
    bottom: -1px;
    background-color: var(--secondary-color);
}


/* widgets */

@media (max-width: 768px) {
    .widget {
        margin: 0 auto 45px auto;
        max-width: 640px;
        float: none;
    }
}

.widget ul,
.widget ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.widget li {
    border-bottom: 1px solid var(--light-color);
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0 !important;
}

.widget .widgets-list-layout-links {
    float: left;
    width: 80.404255%;
    line-height: 19px;
    padding-left: 15px;
}

.widget_archive li,
.widget_categories li {
    text-align: right;
}

.widget_archive li a,
.widget_categories li a {
    float: left;
}

h2.widget-title:after {
    content: '';
    position: absolute;
    height: 4px;
    width: 50px;
    left: 0;
    bottom: -1px;
}

.widget span.post-date {
    display: block;
    font-size: 0.8em;
}

.widget_search {
    background: var(--background-color);
    padding: 30px;
}

.widget_search input.search-field {
    padding: 7px 5%;
    border: none;
    width: 90%;
}

.widget_search input.search-submit {
    border: none;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.jetpack_subscription_widget {
    background: var(--dark-color);
    padding: 30px;
    color: #fff;
}

.jetpack_subscription_widget h2.widget-title {
    color: #fff;
}

.widget #subscribe-email input {
    width: 100%;
}

.widget_wpcom_social_media_icons_widget li {
    float: none;
}

.widget_wpcom_social_media_icons_widget li a {
    font-size: 1.75em;
}

.widget_wpcom_social_media_icons_widget li a.genericon-facebook {
    color: #507cbe;
}

.widget_wpcom_social_media_icons_widget li a.genericon-twitter {
    color: #63ccf1;
}

.widget_wpcom_social_media_icons_widget li a.genericon-instagram {
    color: #e22291;
}

.widget_wpcom_social_media_icons_widget li a.genericon-pinterest {
    color: #63ccf1;
}

.widget_wpcom_social_media_icons_widget li a.genericon-linkedin {
    color: #2386ef;
}

.widget_wpcom_social_media_icons_widget li a.genericon-youtube {
    color: #dc4a38;
}

.widget_wpcom_social_media_icons_widget li a.genericon-googleplus {
    color: #dc4a38;
}

@media (max-width: 767px) {

    .top-header .custom-logo-link img {
        max-height: 40px;
    }

    .top-header .social-icon-wrap {
        display: block;
        width: 100%;
        text-align: center;
    }

    .banner-news .banner-news-list:nth-child(1) {
        width: 100%
    }

    .banner-news .banner-news-list:nth-child(1) img,
    .banner-news .banner-news-list img {
        width: 100%;
        height: auto;
    }
}


/*Custom CSS*/
.error404 .detail-content input[type="search"] {
    margin-bottom: 5px;
    width: 97.5%;
}


 .banner-news .container::before,
.banner-news .container::after {
    display: table;
    content: " ";
}

.banner-news .container::after {
    clear: both;
} 

/* Header */
header .site-title {
    color: var(--logo-font-color);
    font-size: var(--logo-font-size);
    font-family: var(--logo-font-family);
}

header .site-description{
    color: var(--logo-font-color);
    font: 400 12px var(--logo-font-family);
    margin: 0;
}


/* Buttons */
.search-submit,input.submit,.widget .profile-link,.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,
.woocommerce input.button,form#wte_enquiry_contact_form input#enquiry_submit_button,
.widget-instagram .owl-carousel .owl-nav .owl-prev,.widget-instagram .owl-carousel .owl-nav .owl-next,
.widget_search input.search-submit,.navigation li a:hover,.navigation li.active a,.loadmore button:hover {
    background-color: var(--button-color);
}