/*
Theme Name: News Box
Theme URI: https://wpthemespace.com/product/news-box/
Author: Noor alam
Author URI: https://profiles.wordpress.org/nalam-1/
Description:  News Box is a smart WordPress news and magazine theme. News Box is right choice for news paper and magazine website. You can create full feature news paper and magazine website by the News Box WordPress theme. News Box WordPress theme support custom header, header banner widget, home page feature section, feature image, color changing options, custom background, footer widget, font Awesome icons. News Box also support two different type content view. So you can enjoy your news paper or magazine website with the WordPress news Box theme.
Version: 1.3.2
Tested up to: 7.1
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: news-box
Tags: news, blog, Two-columns, Right-sidebar, custom-header,custom-colors, custom-logo, footer-widgets, theme-options, custom-menu, featured-images, editor-style, microformats, sticky-post, flexible-header, rtl-language-support 

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:
----------------------------------------------------------------
# Header style
# Menus
# Main content style
# Responsive css

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header style
--------------------------------------------------------------*/

/* bootstrap dropdown hover menu*/
[type="submit"] {
  cursor: pointer;
}
.container{
  max-width: 1480px;
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
a.btn {
  text-decoration: inherit;
  padding: 8px 25px;
  font-weight: 500;
}
.site-branding a {
  text-transform: uppercase;
}
.bg-dark{
  background:#000 !important;
}
header .header-top a,
header .header-top {
  color: #fff;
}
header .header-top ul li .sub-menu.dropdown-menu a {
  color: #000;
}
.time-column.news-show {
  display: block;
  min-width: 200px;
}
.headtop-items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.topnav-serch {
  display: flex;
  justify-content: space-between;
}
.header-bottom {
  background: #ffffff;
  color: #000000;
}
.header-search {
  position: relative;
  margin-left: 10px;
}
.header-search-form {
  position: absolute;
  top: 51px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.header-search-form.show {
  z-index: 999;
  top: 55px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.search-icon {
  margin-top: 16px;
  text-align: right;
}
.search-icon i {
  cursor: pointer;
  padding: 3px;
  font-size: 18px !important;
}
input.search-field.form-control.input-lg {
  width: 500px;
}
form.search-form.form-inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
  box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
  background: #fff;
  padding: 5px;
  display: flex;
}

form.search-form.form-inline {
  display: flex;
  flex-flow: row nowrap;
}

form.search-form.form-inline input.search-submit {
  background: #000;
  color: #fff;
  padding: 8px 20px;
  border: none;
  cursor: pointer;
  margin-left: -2px;
}

.header-search-form input.search-field.form-control {
  border-radius: 0;
}
h1.page-title,
h1.entry-title {
  text-align: center;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
h1.site-title {
  margin-top: 12px;
}
.site-title a {
  font-size: 30px;
  color: inherit;
}
.header-top.bg-dark {
  padding: 0 0 10px 0;
  margin: -4px 0 0 0;
}
h1.site-title {
  margin: 5px 0 18px 0;
  font-weight: 700;
}
p.site-description {
  margin-top: -18px;
}
.navbar.navbar-expand-lg {
  padding-bottom: 0;
}
/*News ticker*/
.ticker {
  margin: 0 auto;
  padding: 10px;
  width: 80%;
  text-align: left;
  border: #ccc 1px solid;
  position: relative;
  overflow: hidden;
  background-color: #bf263c;
  color: #fff;
}

.ticker ul {
  width: 100%;
  position: relative;
}

.ticker ul li {
  width: 100%;
  display: none;
}
.date-time {
  margin-top: 15px;
}
/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

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

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

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

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

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

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

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

.main-navigation a {
  display: block;
  text-decoration: none;
}
@media (min-width: 992px) {
  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu a::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: 0.8em;
  }

  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
  }
}
/*--------------------------------------------------------------
# Main content style
--------------------------------------------------------------*/
.content-img {
  float: left;
  width: 30%;
  display: inline-block;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 25%, #404040 50%, #2d2d2d 75%, #1a1a1a 100%);
  background-size: 400% 400%;
  animation: subtleGradientShift 12s ease infinite;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.content-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.03) 100%);
  pointer-events: none;
  opacity: 0.7;
}
.header-feature-section .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.img-content {
  width: 70%;
  padding-left: 30px;
  float: right;
}
.single .content-img,
.single .img-content {
  width: 100%;
  margin-bottom: 1.5em;
  padding-left: inherit;
  float: inherit;
}
.sticky .content-img,
.sticky .img-content {
  width: 50%;
  margin-bottom: 50px;
}
article {
  display: block;
  overflow: hidden;
}
h2.entry-title,
.comments-title,
.comment-reply-title {
  text-transform: uppercase;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
  position: relative;
}

h2.entry-title:before,
.comments-title:before,
.comment-reply-title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45px;
  content: "";
  background: #007bff;
  height: 1px;
}
h2.entry-title {
  font-size: 1.7rem;
}
.comments-title,
.comment-reply-title {
  font-size: 1.5rem;
}
.entry-meta i,
.entry-footer i {
  opacity: 0.6;
}

.entry-meta,
.entry-footer {
  font-size: 14px;
}
.entry-meta {
  margin-top: -20px;
  margin-bottom: 15px;
}

.entry-meta span,
.entry-footer span {
  margin-right: 20px;
}

.post-navigation .nav-links div {
  display: inline-block;
}

.post-navigation .nav-links .nav-next {
  float: right;
}

.nav-links {
  border-top: 1px solid #ededed;
  padding: 10px 0;
}
.pagination .nav-links >* {
    padding: 10px;
}
.comments-area {
  margin: 20px 0;
}
.comment-form input,
.comment-form textarea {
  width: 100%;
}

.comment-form input#wp-comment-cookies-consent {
  width: inherit;
  margin-right: 10px;
  margin-top: 10px;
}
.comment-form input#submit {
  width: inherit;
}
.comment-form input#submit:hover {
  background: #000;
  color: #fff;
}
h2.search-title,
.page-title,
.entry-title {
  margin-bottom: 1em;
  border-bottom: 1px solid #000;
  padding-bottom: 0.5em;
}

/* No Image Placeholder Styling */
.no-img {
  background: linear-gradient(45deg, #00096d 0%, #001f02 25%, #250061 50%, #000d47 75%, #16003b 100%);
  background-size: 300% 300%;
  animation: subtleGradientShift 10s ease infinite;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.no-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(60deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0.05) 100%);
  pointer-events: none;
}

/*--------------------------------------------------------------
# Responsive css
--------------------------------------------------------------*/

/*Mobile Layout: 320px. */
@media (max-width: 991px) {
  .feature-items{
    display: block;
  }
    .feature-items .feature-width {
      margin: 0 0 10px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .header-top {
    min-height: 60px;
  }
  .navbar button {
    position: absolute;
    top: 35px;
    right: 0;
    border: 1px solid #fff;
    margin-top: -28px;
    z-index: 9999;
  }
  nav button span i {
    color: #fff;
    margin-top: 4px;
  }
  .navbar.navbar-expand-lg {
    width: 100%;
  }
  #navbar-content {
    margin-top: 25px;
  }
  .navbar-toggler {
    position: absolute;
    top: 0;
    right: 0;
  }
}

/*		Mobile Layout: 320px. */

@media only screen and (max-width: 991px) {
  .navbar-collapse {
      position: absolute;
      right: 0;
      width: 100%;
      min-width: 250px;
      background: #0c0b0b;
      padding: 25px 20px;
      z-index: 999;
      top: 0;
    }
}
@media only screen and (max-width: 780px) {
  .date-time {
    min-height: 20px;
  }
  .navbar button {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fff;
    margin-top: -28px;
    z-index: 9999;
  }
  nav button span i {
    color: #fff;
    margin-top: 4px;
  }
 .search-icon {
   text-align: center;
   margin-top: -15px;
   position: absolute;
   left: auto;
   right: 100px;
   z-index: 1;
   background: transparent;
 }

  input.search-field.form-control.input-lg {
    width: 260px;
  }
  .site-title {
    text-align: center;
    margin-bottom: 20px;
  }
 .header-search-form.show {
   top: 20px;
   left: auto;
 }
  .header-banner {
    margin-bottom: 10px;
  }
  .nbox-ticker {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  form.search-form.form-inline input.search-submit {
    width: 100%;
  }
  form.search-form.form-inline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sticky .content-img,
  .sticky .img-content {
    width: 100%;
    margin-bottom: 20px;
  }
  .img-content {
    width: 100%;
    padding-left: 0;
    float: inherit;
  }
  .content-img {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .entry-meta {
    margin-top: -20px;
    margin-bottom: 15px;
  }
  .entry-footer span.tags-links {
    display: block;
    margin: 3px 0;
  }
  h2.entry-title {
    font-size: 1.4rem;
  }

  .feature-width {
    width: 100%;
    float: left;
    overflow: hidden;
  }
  .feature-big,
  .feature-big img {
    height: 300px;
    width: 100%;
  }

  .feature-small,
  .feature-small img {
    height: 300px;
    width: 100%;
  }
  .post-card-img {
    height: auto;
    width: 100%;
  }
  .feature-txt h2 {
    font-size: 1.5rem;
  }
}

/* Gradient Animations for Feature Areas */
@keyframes subtleGradientShift {
  0%, 100% {
    background-position: 0% 50%;
  }
  33% {
    background-position: 100% 0%;
  }
  66% {
    background-position: 50% 100%;
  }
}

/*	Wide Mobile Layout: 480px.*/

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