/*!
Theme Name: NewsPotrika
Theme URI: https://codecorns.com/product/newspotrika-pro/
Author: CodeCorns
Author URI: https://codecorns.com/
Description: News Potrika is a clean and modern magazine theme based on elementor page builder. You can easily lounch your modern magazine website, personal blog, daily news paper etc. we follow trending design to create this theme. it has bootstrap 4 framwork so that you can browse your website from any device. it will display as it should be. most interesting part of this theme are drag an drop pagebuilder "Elementor" even inline editing are possible. now you are able to change your content from fron-end . no need to go dashboard every time. we promise to keep you updated with more modern an easy funtionality. which is make your life more easer 
Version: 1.3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newspotrika
Tags: custom-menu, custom-background, custom-colors, featured-images, translation-ready, threaded-comments, two-columns, three-columns, news, blog, sticky-post

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.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: roboto;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body {
    background: #f9f9f9;
    font-family: open sans;
}

a {
    text-decoration: none !important;
    color: inherit;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}


ul {
    list-style: disc;
    padding-left: 25px;
}

ol {
    list-style: decimal;
    padding-left: 25px;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

table th,
table td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}

table td a {
    font-weight: bold;
}


blockquote {
    font-size: 1em;
    margin: 25px auto;
    padding: 1.2em 30px 1.2em 60px;
    border-left: 8px solid;
    line-height: 1.6;
    position: relative;
    background: #f1f1f1;
}

blockquote::before {
    content: "\201C";
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: -10px;
}

blockquote::after {
    content: '';
}

blockquote p:last-child {
    margin-bottom: 0;
}

blockquote span {
    display: block;
    color: #333333;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header {
    /*padding: 15px 0;*/
}

.site-header p {
    margin-bottom: 0;
}

.ad-banner {
    max-width: 728px;
    max-height: 90px;
    margin: 15px 0;
}

.ad-banner br {
    display: none;
}

.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%;
}

.navigation {
    overflow: hidden;
}

.site-branding {
    margin-bottom: 15px;
}

.site-branding .custom-logo {
    margin-top: 30px;
}

.site-desc {
    margin-left: 5px;
}

.navbar-brand {
    font-size: 42px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 30px;
}

.navbar {
    padding: 0;
}

.navbar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.navbar ul>li {
    float: left;
    margin: 0 10px;
}

.navbar ul>li>a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 5px;
}

.navbar .sub-menu,
.navbar .children {
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    z-index: 999;
    display: none;
}


.navbar .newspotrika_navbar>ul>li.menu-item-has-children:after {
    position: relative;
    content: '▼';
    font-size: 12px;
    top: -5px;
    right: 0;
    color: #fff;
}

.navbar ul li>ul li {
    float: none;
    position: relative;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.navbar .menu-item-has-children:hover>.sub-menu,
.navbar .page_item_has_children:hover>.children {
    display: block;
}

.navbar .sub-menu .current_page_item a,
.navbar .children .current_page_item a {
    color: #fff;
}

.navbar ul li>ul li a {
    display: block;
    padding: 10px 15px;
    color: #333;
    font-weight: 700;
    text-transform: capitalize;
}

.navbar ul li>ul li a:hover {
    color: #fff;
}

.navbar ul li>ul li.current-menu-item a {
    color: #fff;
}

.navbar ul li>ul li>ul {
    position: absolute;
    top: 100%;
    left: 100%;
}

/*--------------------------------------------------------------
# breadcrumb
--------------------------------------------------------------*/
.breadcrumb-banner {
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    color: #fff;
    padding: 70px 0;
    background: #ccc;
}

.breadcrumb-banner:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), to(rgba(255, 255, 255, 0.04)));
    background: -webkit-linear-gradient(left, rgb(0, 0, 0), rgba(255, 255, 255, 0.04));
    background: -o-linear-gradient(left, rgb(0, 0, 0), rgba(255, 255, 255, 0.04));
    background: linear-gradient(to right, rgb(0, 0, 0), rgba(255, 255, 255, 0.04));
}

.breadcrumbs ul {
    list-style: none;
    padding-left: 0;
}

.breadcrumbs ul li {
    position: relative;
    float: left;
    margin-right: 25px;
}

.breadcrumbs ul li:before {
    position: absolute;
    content: '»';
    top: -2px;
    right: -15px;
    font-size: 18px;
    font-style: italic;
}

.breadcrumbs ul li:last-child::before {
    display: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    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;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    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-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    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;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area .widget {
    background: #fff;
    padding: 30px;
}

.widget:not(:last-child) {
    margin-bottom: 30px;
    /* Make sure select elements fit in widgets. */
}

.widget select,
.footer-widget select {
    width: 100%;
}

.widget select,
.footer-widget select {
    width: 100%;
    height: 40px;
    padding: 0 10px;
}

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

.widget .menu {
    margin-left: 0;
}

.widget .menu>li:last-child,
.widget .menu>li ul>li:last-child {
    border-bottom: none;
}

.widget>ul,
.widget>ol {
    margin: 0;
    padding: 0;
}

.widget li {
    font-size: 15px;
    line-height: 25px;
    padding: 5px 0;
}

.widget>ul>li:last-child,
.widget>ul>li ul>li:last-child {
    border-bottom: none;
}

.widget li a {
    color: #4c5462;
}

.rss-date {
    padding: 0 7px;
    font-size: 12px;
    color: #fff;
    display: table;
    line-height: 25px;
    margin-bottom: 10px;
}

.rssSummary {
    line-height: 25px;
}

#wp-calendar {
    margin-bottom: 0;
}

#wp-calendar tr {
    text-align: center;
}

#wp-calendar td:not(.pad) {
    background: #fafafa;
    width: 32px;
    height: 32px;
}

#wp-calendar a {
    font-weight: bold;
}

#wp-calendar caption {
    border: 1px solid #ccc;
    caption-side: top;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
}

.widget.widget_tag_cloud a {
    color: #4c5462;
}

.search-form form {
    position: relative;
    background: transparent;
}

.search-form form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4c5462;
    font-size: 14px;
    height: 45px;
    margin-bottom: 0;
    padding: 2px 55px 2px 15px;
    width: 100%;
}

.search-form form button {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 10px;
}

.search-form form button i {
    color: #ccc;
}

/*FOOTER WIDGETS*/
.footer-widget {
    margin-bottom: 50px;
}

.footer-widget ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px;
    border-bottom: none;
    padding-bottom: 0;
}

.footer-widget ul li:before {
    position: absolute;
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    color: #969696;
    left: 0;
    top: 0;
}

.footer-widget .calendar_wrap #wp-calendar td:not(.pad) {
    background: transparent;
}

.footer-widget .search-form form button i {
    color: #333;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.section-padding {
    padding: 100px 0;
}

.entry-title {
    color: #333;
}

.entry-meta {
    font-size: 13px;
    color: #aaa;
    margin: 0;
    padding: 0;
}

.entry-meta a {
    font-weight: bold;
}

.entry-meta i {
    margin-right: 5px;
}

.entry-footer {
    margin-top: 30px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
    position: relative;
}

.sticky:after {
    color: #fff;
    content: "Faetured Post";
    font-weight: 600;
    top: -10px;
    left: 2%;
    font-size: 14px;
    position: absolute;
    text-align: center;
    padding: 0px 15px;
}

.hentry {
    margin: 0 0 1.5em;
}

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

.page-links {
    padding-top: 30px;
    clear: both;
    margin: 0 0 1.5em;
}

.excerpt-item {
    -webkit-box-shadow: 0px 0px 18px rgba(204, 204, 204, 0.20);
    box-shadow: 0px 0px 18px rgba(204, 204, 204, 0.20);
    padding: 20px;
    background: #fff;
}

.excerpt-item:not(:last-child) {
    margin-bottom: 30px;
}

.excerpt-item .entry-content p {
    margin-bottom: 0;
    font-size: 14px;
}

.page .entry-content,
.single-post .entry-content {
    background: #fff;
    padding: 30px;
}

.post-thumbnail {
    padding: 30px;
    background: #fff;
    margin-bottom: 30px;
}

.pagination .nav-links {
    margin: 30px auto 0;
}

.pagination .nav-links .page-numbers {
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
}

.pagination .nav-links .page-numbers.current {
    background: #333;
    color: #fff;
}

.post-navigation {
    margin-top: 30px;
    margin-bottom: 40px;
}

.post-navigation .nav-links a {
    display: inline-block;
    padding: 7px 30px;
    color: #fff;
}

.cat-links {
    margin-right: 20px;
}

.cat-links a,
.tags-links a {
    font-weight: bold;
}

.page-links a {
    display: inline-block;
    padding: 0 7px;
    color: #fff;
}

.post-password-form input[type=submit] {
    padding: 3px 10px;
    cursor: pointer;
    color: #fff;
    border: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.post-comments {
    margin: 40px 0;
}

.comments-area .comments-title {
    font-weight: bold;
}

.post-comments .comment-list .row {
    background: #fafafa;
    padding: 20px 15px;
    margin-bottom: 15px;
}

.post-comments .comment-list .row p {
    margin-bottom: 0;
}

.post-comments .comment-reply-link {
    float: right;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    display: inline-block;
}

.post-comments .commenter {
    margin-bottom: 10px;
}

.post-comments .commenter a {
    font-weight: bold;
    text-transform: capitalize;
}

.post-comments .commenter span {
    float: right;
    font-size: 12px;
    font-weight: 600;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.post-comments .no-comments {
    padding: 0 10px;
    background: #FF0000;
    color: #fff;
}

/*Comment Form*/

.comment-form input[type=text] {
    height: 50px;
    padding: 0 20px;
    border-radius: 0;
    margin-bottom: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comment-form textarea {
    height: 220px;
    padding: 20px;
    border-radius: 0;
    margin-bottom: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comment-form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comment-form input[type=submit] {
    font-size: 18px;
    border: none;
    color: #fff;
    padding: 10px 50px;
    cursor: pointer;
}

.comment-navigation {
    margin: 50px 0;
}

.comment-navigation a {
    display: inline-block;
    color: #fff;
    padding: 7px 20px;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.entry-content a {
    font-weight: 600;
    color: #000;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

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

/*FOOTER*/
.site-footer {
    background: #333;
    color: #fff;
}

.site-footer .footer-widgets {
    padding: 100px 0 50px;
}

.site-footer .footer-widgets .widget-title {
    margin-bottom: 20px;
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer .copyright-bar {
    padding: 20px 0;
    border-top: 1px solid #ccc;
}

.site-footer .copyright-bar p {
    margin-bottom: 0;
}

/*404*/
.error-404 a {
    display: inline-block;
    padding: 10px 45px;
    color: #fff;
    margin-top: 30px;
}

/*----------------------------------------
            // Responsive // 
------------------------------------------*/

/*----------------------------------------
IF SCREEN SIZE LESS THAN 1025px WIDE
------------------------------------------*/

@media screen and (max-width: 1024px) {
    .site-branding .custom-logo {
        margin-top: 25px;
    }

    .navbar .mega-menu {
        width: 940px;
    }
}

/*----------------------------------------
IF SCREEN SIZE LESS THAN 769px WIDE
------------------------------------------*/

@media screen and (max-width: 768px) {
    .navbar {
        display: none;
    }

    .site-branding .custom-logo {
        margin-top: 20px;
    }

    .mobile_menu {
        margin-top: 20px;
    }

    .navbar-brand {
        margin-top: 15px;
    }

    .mega-menu {
        display: none;
    }
}


/*----------------------------------------
IF SCREEN SIZE LESS THAN 481px WIDE
------------------------------------------*/

@media screen and (max-width: 480px) {
    .site-branding {
        text-align: center;
        margin-bottom: 0;
    }

    .breadcrumb-banner {
        padding: 70px 0;
    }

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

    .breadcrumb-banner:before {
        width: 100%;
        background: -webkit-radial-gradient(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.04));
        background: -o-radial-gradient(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.04));
        background: radial-gradient(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.04));
    }

    .block-horizontal-thumbnail img {
        margin-bottom: 20px;
    }

    .excerpt-item .entry-title {
        margin-top: 20px;
    }
}