/*
Theme Name:   		Editorial Plus
Theme URI:    		https://mysterythemes.com/wp-themes/editorial-plus/
Author:       		Mystery Themes
Author URI:   		https://mysterythemes.com
Description:  		Editorial Plus is a child theme of Editorial ultimate responsive magazine style Free WordPress theme. Suitable for online magazines, newspaper, publishing, personal blogs and any kind of sites. It is completely built on Customizer which allows you to customize most of the theme settings easily with live previews. It is fully widgetized theme so as to let users manage the website using the easy to use widgets. It is a flexible and powerful theme, which provides a lot of customization possibilities to the users. Demo here: https://demo.mysterythemes.com/editorial-demos/
Version:            1.0.4
Requires at least:  4.7
Tested up to:       6.2.2
Requires PHP:       5.2.4
License:      		GNU General Public License v3 or later
License URI:  		http://www.gnu.org/licenses/gpl-3.0.html
Template:     		editorial
Text Domain:  		editorial-plus
Tags:         		news, grid-layout, custom-colors, one-column, two-columns, three-columns, left-sidebar, right-sidebar, footer-widgets, full-width-template, theme-options, translation-ready, rtl-language-support
*/

.single .byline,
.group-blog .byline,
.posted-on,
.blog-author,
.blog-cat,
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
  font-family: 'Archivo', sans-serif;
}

.home.page-template-magazine-template #masthead {
  margin-bottom: 10px;
}

.bottom-header-wrapper,
.top-header-section,
.is-sticky .bottom-header-wrapper,
#site-navigation ul.sub-menu,
#site-navigation ul.children {
  background: #333;
}

.top-header-section .date-section {
  color: #dfdfdf;
}

#site-navigation ul li {
  line-height: 42px;
}

.home-icon,
.search-main {
  line-height: 44px;
}

#site-navigation ul li a {
  color: #fff;
}

.editorial-ticker-wrapper {
  margin-top: 20px;
}

.ticker-caption::after {
  display: none;
}

.ticker-caption {
  width: 6%;
  padding: 2px 0;
  border-radius: 3px;
  font-size: 13px;
}

.ticker-content-wrapper {
  border: none;
  padding: 0 20px;
  text-transform: capitalize;
  font-weight: 600;
  width: 94%;
  padding-right: 0;
}

.ticker-content-wrapper .bx-controls a {
  font-size: 11px;
  border: 1px solid #ccc;
  width: 24px;
  text-align: center;
  line-height: 22px;
  border-radius: 3px;
  margin-right: 0;
  margin-left: 10px;
}

.ticker-content-wrapper .bx-controls a:hover {
  background: #4DCAF9;
  border-color: #4DCAF9;
  color: #fff;
}

.featured-post-wrapper .featured-title a,
.editorial_block_grid .post-content-wrapper .post-title a {
  font-size: 15px;
}

.slider-meta-wrapper .post-meta-wrapper>span,
.slider-meta-wrapper .post-meta-wrapper>a,
.featured-meta-wrapper .post-meta-wrapper>span,
.featured-meta-wrapper .post-meta-wrapper>a,
.post-meta-wrapper>span,
.post-meta-wrapper span a {
  font-size: 12px;
}

.grid-posts-block .post-title a,
.column-posts-block .post-title a {
  font-size: 16px;
}

.mt-slider-section .slide-title a {
  font-size: 20px;
}

.editorial_block_layout .primary-post .post-meta-wrapper,
.editorial_block_column .primary-post .post-meta-wrapper {
  margin-bottom: 10px;
}

.editorial_block_column .single-post-wrapper.primary-post {
  margin-bottom: 0;
}

.column-posts-block .post-content-wrapper {
  margin-top: -5px;
}

.column-posts-block .primary-post .post-content-wrapper {
  margin-top: 10px;
}

.list-posts-block .single-post-wrapper .post-content-wrapper .post-title a,
.column-posts-block .single-post-wrapper.secondary-post .post-content-wrapper .post-title a {
  font-size: 13px;
}

.home .widget.editorial_plus_social_icons {
  float: none;
  margin-bottom: 30px;
  text-align: center;
}

.editorial_plus_social_icons .social-link {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.editorial_plus_social_icons .social-link .fa-facebook {
  background-color: #3350ae;
}

.editorial_plus_social_icons .social-link .fa-twitter {
  background-color: #1eaaff;
}

.editorial_plus_social_icons .social-link .fa-linkedin {
  background-color: #0084d7;
}

.editorial_plus_social_icons .social-link .fa-youtube {
  background-color: #c70504;
}

.editorial_plus_social_icons .social-link .fa-instagram {
  background-color: #ff7900;
}

.editorial_plus_social_icons .social-link .fa-pinterest {
  background-color: #e02828;
}

.editorial_plus_social_icons .social-link .fa-google-plus {
  background-color: #e02828;
}

.editorial_plus_social_icons .social-link .fa-vimeo {
  background-color: #15DEFF;
}

.editorial_plus_social_icons .social-link .fa {
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  border-radius: 100%;
}

#top-footer {
  background: #212121;
  color: #fff;
}

#top-footer .block-header,
#top-footer .widget .widget-title-wrapper,
#top-footer .block-header .block-title,
#top-footer .widget .widget-title,
#top-footer .widget_archive a,
#top-footer .widget_categories a,
#top-footer .widget_recent_entries a,
#top-footer .widget_meta a,
#top-footer .widget_recent_comments li,
#top-footer .widget_rss li,
#top-footer .widget_pages li a,
#top-footer .widget_nav_menu li a,
.top-menu ul li a,
#footer-navigation ul li a {
  color: #fff;
}

#bottom-footer {
  background: #191919;
  color: #fff;
}

.entry-meta span a,
.entry-meta span,
.cat-links {
  font-style: normal;
}

article.hentry h1.entry-title {
  margin-top: 10px;
}

.related-posts-wrapper .post-title a {
  font-size: 15px;
  font-weight: 600;
}

.navigation.post-navigation::after {
  content: "";
  display: block;
  clear: both;
}

#respond {
  margin: 40px 0 0;
}

#commentform .comment-form-cookies-consent label {
  display: inline-block;
  vertical-align: top;
  width: 95%;
  margin-left: 7px;
  margin-top: 2px;
}

#top-footer {
  background: #212121;
  color: #fff;
  padding: 60px 0 0;
}

.home-icon a {
  color: #fff;
}

.error404 #primary {
  float: none;
  margin: 120px auto 140px;
}


#colophon {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .menu-toggle {
    display: block;
    margin: 2px 0;
    color: #fff;
  }

  #site-navigation {
    background: #333;
  }

  .related-posts-wrapper .single-post-wrap {
    width: 98%;
  }
  #site-navigation ul li a.sub-toggle{
    background-color: #fff;
    color: #333 !important;
  }
}