/*
Theme Name: Unos Magazine Vu
Template: unos
Version: 1.0.18
Text Domain: unos-magazine-vu
Author: wpHoot
Author URI: https://wphoot.com/
Theme URI: https://wphoot.com/themes/unos-magazine-vu/
Requires at least: 5.4
Tested up to: 6.6
Requires PHP: 7.4
Description: Magazine Vu is a content driven news theme for review magazines, affiliate sites, fashion magazines, travel blogging, education, journals, or publishing blogs. Unos Magazine Vu is translation and multi-lingual ready with SEO optimized code which works with all popular plugins like Woocommerce, Jetpack, Yoast SEO, Contact Form 7, Page Builder etc. Theme support is available at https://wphoot.com/support/ You can also check out the theme instructions at https://wphoot.com/support/unos-magazine-vu/ and demo at https://demo.wphoot.com/unos-magazine-vu/ for a closer look.
Tags: grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, block-styles, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, entertainment, education, news
License: GNU General Public License 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html

All files, unless otherwise stated, are released under the GNU General Public
License version 3.0 (https://www.gnu.org/licenses/gpl-3.0.en.html)
This theme, like WordPress, is licensed under the GPL.
*/
/**
 * -----------------------------------------------------------------------------------------------
 * PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
 * 
 ** 'Additional Custom CSS' / 'Custom CSS' section in Customize Screen
 *  - This is the preferred location for small css snippets
 *  - These CSS rules are given highest priority
 *  - Your customizations remains unaffected by Theme updates (IMPORTANT!)
 * -----------------------------------------------------------------------------------------------
 */
body,
.has-small-font-size,
.has-regular-font-size,
.has-normal-font-size {
  line-height: 1.6em;
}
blockquote small,
blockquote cite {
  line-height: 1.6em;
}
.sub-footer,
.footer,
.widget_breadcrumb_navxt,
.sidebar {
  line-height: 1.6em;
}
.widget_breadcrumb_navxt .breadcrumbs > .hoot-bcn-pretext:after {
  border-top: 1.3em solid transparent;
  border-bottom: 1.3em solid transparent;
}
/************* Headings *************/
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  font-weight: 400;
}
h3 {
  font-size: 1.33333333em;
}
.title {
  font-size: 1.33333333em;
}
.titlefont {
  font-weight: 400;
}
/**
 * Header (Topbar, Header, Main Nav Menu)
 * ========================================================
 */
/************* Topbar *************/
#topbar {
  -webkit-box-shadow: inset 0px -8px 18px -6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px -8px 18px -6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px -8px 18px -6px rgba(0, 0, 0, 0.4);
}
#topbar .widget_nav_menu {
  margin: 5px 1em;
}
/************* Header Layout *************/
#header {
  border-bottom: solid 1px;
}
#header-primary,
#header-supplementary,
.below-header {
  border-bottom: none;
}
#header-supplementary.with-menubg {
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}
@media only screen and (max-width: 969px) {
  #header-aside {
    padding: 0;
    border-top: none;
  }
}
/************* Logo *************/
#site-logo {
  margin: 30px 0;
}
/* Text Logo */
#site-title {
  font-weight: 400;
  font-size: 28px;
}
#site-description {
  margin: 5px 0;
}
.site-logo-text-tiny #site-title {
  font-size: 16px;
}
.site-logo-text-medium #site-title {
  font-size: 45px;
}
.site-logo-text-large #site-title {
  font-size: 60px;
}
.site-logo-text-huge #site-title {
  font-size: 75px;
}
/* Custom Text */
#site-logo-mixedcustom .site-title > a,
#site-logo-custom .site-title > a {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.customblogname-left .site-title-line {
  padding-right: 10px;
}
.customblogname-right .site-title-line {
  padding-left: 10px;
}
.logo-border.nopadding .customblogname-left .site-title-line {
  padding-left: 10px;
}
.logo-border.nopadding .customblogname-right .site-title-line {
  padding-right: 10px;
}
/*** Responsive Logo ***/
@media only screen and (max-width: 969px) {
  #page-wrapper #site-description {
    margin: 5px 7px;
  }
  #site-logo-mixedcustom .site-title > a,
  #site-logo-custom .site-title > a {
    justify-content: center;
  }
}
/************* Nav Menus *************/
.nav-menu {
  position: relative;
  bottom: -1px;
}
.menu-items {
  /* Current & Hover */
  /* Title & Description */
}
.menu-items li {
  position: relative;
}
.menu-items > li.current-menu-item:not(.nohighlight):after,
.menu-items > li.current-menu-ancestor:after,
.menu-items > li:hover:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  border-bottom: solid 3px #ff4530;
}
/* Menu Tag */
.menu-items > li > a .menu-hoottag {
  display: block;
}
.menu-hoottag {
  display: none;
  position: absolute;
  left: 100%;
  bottom: 100%;
  padding: 2px 5px;
  white-space: nowrap;
  font-weight: normal;
  font-size: 12px;
  line-height: 1em;
  border: none;
  border-color: #ff4530;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33);
}
.menu-hoottag:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 4px;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top: 5px solid;
  border-top-color: inherit;
  border-right: 5px solid transparent;
}
.menu-hoottag {
  margin-bottom: 5px;
  margin-left: -30px;
}
@media only screen and (min-width: 970px) {
  #header.stuck .menu-hoottag {
    display: none;
  }
}
@media only screen and (max-width: 969px) {
  .menu-items > li > a .menu-title {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .menu-hoottag {
    position: static;
    white-space: break-spaces;
    margin: 0 5px 0 2px;
  }
  .menu-hoottag:after {
    visibility: hidden;
  }
  .mobilemenu-inline .menu-items {
    border-bottom: solid 1px rgba(0, 0, 0, 0.33);
  }
  .menu-items > li.current-menu-item:not(.nohighlight),
  .menu-items > li.current-menu-ancestor,
  .menu-items > li:hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .menu-items > li.current-menu-item:not(.nohighlight):after,
  .menu-items > li.current-menu-ancestor:after,
  .menu-items > li:hover:after {
    bottom: 0;
    top: 0;
    left: 0;
    right: auto;
    display: block;
    border-left: solid 3px #ff4530;
  }
}
@media only screen and (min-width: 970px) {
  .header-supplementary-center .menu-items > li > a {
    text-align: center;
  }
  .header-supplementary-center .nav-menu .sf-menu.sf-arrows > li > a.sf-with-ul {
    padding-right: 15px;
    padding-left: 15px;
  }
  .header-supplementary-center .sf-menu.sf-arrows .sf-with-ul .menu-title:after {
    position: relative;
    right: -5px;
    margin: 0;
    top: 0;
  }
  .header-supplementary-center .sf-menu.sf-arrows ul .sf-with-ul .menu-title:after {
    position: absolute;
    top: 50%;
    right: -2px;
    margin-top: -0.5em;
  }
}
/************* Menu Side Header *************/
@media only screen and (max-width: 969px) {
  .menu-side-box {
    border-top: none;
  }
}
/************* Aside Header *************/
/************* Below Header *************/
.below-header {
  border-bottom: solid 1px rgba(0, 0, 0, 0.14);
  padding: 0;
  position: relative;
  -webkit-box-shadow: inset 0px -8px 12px -8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px -8px 12px -8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px -8px 12px -8px rgba(0, 0, 0, 0.2);
}
.below-header:before {
  content: "\00a0";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.04);
}
/**
 * Main #Content
 * ========================================================
 */
/** Use 'entry-content'/'entry-the-content' classes to style posts on single post pages specifically **/
/************* Loop Meta *************/
.main.fullwidth > .loop-meta-wrap {
  position: relative;
  text-align: center;
}
.main.fullwidth > .loop-meta-wrap.pageheader-bg-default,
.main.fullwidth > .loop-meta-wrap.pageheader-bg-stretch,
.main.fullwidth > .loop-meta-wrap.pageheader-bg-both {
  background: none;
  border-top: solid 1px rgba(0, 0, 0, 0.33);
  border-bottom: none;
}
.main.fullwidth > .loop-meta-wrap.pageheader-bg-default:after,
.main.fullwidth > .loop-meta-wrap.pageheader-bg-stretch:after,
.main.fullwidth > .loop-meta-wrap.pageheader-bg-both:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: solid 3px;
  background: none;
  font: 0/0 a;
  visibility: visible;
  display: block;
}
.main.fullwidth > .loop-meta-wrap.pageheader-bg-incontent,
.main.fullwidth > .loop-meta-wrap.pageheader-bg-none {
  border-top: solid 1px rgba(0, 0, 0, 0.33);
  border-bottom: none;
}
.main.fullwidth > .loop-meta-wrap.pageheader-bg-incontent:after,
.main.fullwidth > .loop-meta-wrap.pageheader-bg-none:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: solid 3px;
  background: none;
  font: 0/0 a;
  visibility: visible;
  display: block;
}
.main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta {
  background: none;
  color: inherit;
  display: block;
  margin: 0;
}
.main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h1,
.main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h2,
.main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h3,
.main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h4,
.main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h5,
.main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta h6,
.main.fullwidth > .loop-meta-wrap .loop-meta-withbg .loop-meta a {
  color: inherit;
}
/*** Featured Image without Title (title inline with content) ***/
.entry-featured-img-headerwrap {
  height: 400px;
}
/************* Content Wrap *************/
.main.fullwidth > .content .loop-meta-wrap {
  margin-bottom: 1em;
  border: solid 1px rgba(0, 0, 0, 0.14);
  background: none;
}
.main.fullwidth > .content .loop-meta-wrap > .hgrid {
  padding: 0;
}
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-default,
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-stretch,
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-none {
  background: rgba(0, 0, 0, 0.04);
  padding: 1em 1.5em;
  border: solid rgba(0, 0, 0, 0.14);
  border-width: 1px 2px 2px 1px;
  text-align: center;
}
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-default:after,
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-stretch:after,
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-none:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: solid 3px;
  background: none;
  font: 0/0 a;
  visibility: visible;
  display: block;
}
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-incontent,
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-both {
  text-align: center;
  background: rgba(0, 0, 0, 0.04);
  padding: 1em 1.5em;
  border: solid rgba(0, 0, 0, 0.14);
  border-width: 1px 2px 2px 1px;
}
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-incontent:after,
.main.fullwidth > .content .loop-meta-wrap.pageheader-bg-both:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: solid 3px;
  background: none;
  font: 0/0 a;
  visibility: visible;
  display: block;
}
.main.fullwidth > .content .loop-meta {
  padding: 0;
}
.main.fullwidth > .content .loop-title {
  font-size: 2.3333em;
}
/************* Entry Meta Byline (Singular Post Page) *************/
.main.fullwidth .entry-footer .entry-byline {
  line-height: 1.3333em;
  text-transform: uppercase;
  border-bottom: solid 1px;
  display: block;
  position: relative;
}
.main.fullwidth .entry-footer .entry-byline-block {
  display: block;
}
.main.fullwidth .entry-footer .entry-byline-block:after {
  content: "";
  margin: 0 15px;
}
.main.fullwidth .entry-footer .entry-byline a {
  color: inherit;
}
.main.fullwidth .entry-footer .entry-byline a:hover {
  color: inherit;
  text-decoration: underline;
}
.main.fullwidth .entry-footer .entry-byline-label {
  margin-right: 5px;
}
.main.fullwidth .entry-footer .entry-byline-cats a {
  background: rgba(0, 0, 0, 0.14);
  padding: 5px 7px;
  margin: 0 8px 0 0;
}
.main.fullwidth .entry-footer .entry-byline-tags a {
  background: rgba(0, 0, 0, 0.14);
  padding: 5px 7px;
  margin: 0 8px 0 0;
}
/************* <main> #content *************/
.main.fullwidth .content-wrap .header-side .widget,
.main.fullwidth .content-wrap .menu-side .widget,
.main.fullwidth .content-wrap .topbar .widget,
.main.fullwidth .content-wrap .below-header .widget {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.main.fullwidth .content-wrap .header-side .widget:after,
.main.fullwidth .content-wrap .menu-side .widget:after,
.main.fullwidth .content-wrap .topbar .widget:after,
.main.fullwidth .content-wrap .below-header .widget:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: solid 3px;
  background: none;
  font: 0/0 a;
  visibility: visible;
  display: block;
}
.main.fullwidth .content-wrap .header-side .widget > a,
.main.fullwidth .content-wrap .menu-side .widget > a,
.main.fullwidth .content-wrap .topbar .widget > a,
.main.fullwidth .content-wrap .below-header .widget > a {
  text-decoration: underline;
}
.main.fullwidth .content-wrap .header-side .widget .widget-title,
.main.fullwidth .content-wrap .menu-side .widget .widget-title,
.main.fullwidth .content-wrap .topbar .widget .widget-title,
.main.fullwidth .content-wrap .below-header .widget .widget-title {
  font-size: inherit;
  color: inherit;
  background: none;
}
/************* Page Template - Landing *************/
.page-template-landing #main.main {
  padding-bottom: 0;
}
.page-template-landing #page-wrapper .main-content-grid {
  margin-top: 0;
}
.page-template-landing .entry-content {
  border-bottom: none;
}
.page-template-landing .entry-the-content {
  margin: 2.66666667em 0;
}
/************* Loop Meta *************/
.loop-title {
  font-size: 1.33333333em;
}
.content .loop-meta-wrap.pageheader-bg-incontent,
.content .loop-meta-wrap.pageheader-bg-both {
  border: solid 1px rgba(0, 0, 0, 0.04);
}
/************* Entry Meta Byline (Singular Post Page) *************/
.entry-byline {
  font-size: 0.86666667em;
  text-transform: uppercase;
}
/************* <main> #content *************/
.main > .main-content-grid:first-child {
  margin-top: 25px;
  /*@widgetMargin/2*/
}
.content-frontpage > .frontpage-area-boxed:first-child {
  margin-top: 25px;
  /*@widgetMargin/2*/
}
.frontpage-widgetarea.frontpage-area-boxed:first-child .hootkitslider-widget {
  margin: 0;
}
/*Overwrite parent css since we are now reducing first boxed area margin-top*/
/************* Sidebars *************/
.content .widget-title,
.content-frontpage .widget-title,
.content .widget-title-wrap,
.content-frontpage .widget-title-wrap {
  border-bottom: solid 1px;
  padding-bottom: 5px;
}
.content .widget-title-wrap .widget-title,
.content-frontpage .widget-title-wrap .widget-title {
  border-bottom: none;
  padding-bottom: 0;
}
.sidebar .widget-title {
  padding: 5px 7px;
}
.widget-title {
  margin-bottom: 20px;
}
/**
 * Theme and WordPress Plugins
 * ========================================================
 */
/************* Light Gallery *************/
/************* Woocommerce *************/
/************* Newsletter *************/
/*** Newsletter ***/
.widget_newsletterwidget,
.widget_newsletterwidgetminimal {
  background: #ff4530;
  color: #ffffff;
}
.widget_newsletterwidget .widget-title,
.widget_newsletterwidgetminimal .widget-title {
  color: inherit;
  font-style: normal;
  border: none;
  padding: 0;
  margin-bottom: 5px;
}
.widget_newsletterwidget label,
.widget_newsletterwidgetminimal label {
  font-weight: normal;
  margin: 0 0 3px 2px;
}
.widget_newsletterwidget input.tnp-submit[type=submit],
.widget_newsletterwidgetminimal input.tnp-submit[type=submit] {
  border: 1px solid;
}
.widget_newsletterwidget input.tnp-submit[type=submit]:hover,
.widget_newsletterwidgetminimal input.tnp-submit[type=submit]:hover {
  color: inherit;
  background: rgba(0, 0, 0, 0.2);
}
.widget_newsletterwidget input[type=text],
.widget_newsletterwidgetminimal input[type=text],
.widget_newsletterwidget input[type=email],
.widget_newsletterwidgetminimal input[type=email],
.widget_newsletterwidget select,
.widget_newsletterwidgetminimal select,
.widget_newsletterwidget input[type=text]:focus,
.widget_newsletterwidgetminimal input[type=text]:focus,
.widget_newsletterwidget input[type=email]:focus,
.widget_newsletterwidgetminimal input[type=email]:focus,
.widget_newsletterwidget select:focus,
.widget_newsletterwidgetminimal select:focus {
  background: rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.15);
  color: inherit;
}
.tnp-widget-minimal input.tnp-submit {
  border: 1px solid;
  border-color: inherit;
}
/**
 * Footer
 * ========================================================
 */
/************* Sub Footer *************/
.sub-footer {
  border-top: solid 1px rgba(0, 0, 0, 0.14);
}
/************* Footer *************/
.footer {
  background: rgba(0, 0, 0, 0.04);
}
/************* Post Footer *************/
.post-footer {
  background: rgba(0, 0, 0, 0.04);
  padding: 0;
  border-top: none;
}
.post-footer .credit {
  border-top: solid 1px;
  display: inline-block;
  min-width: 70%;
  margin: 0;
  padding: 1.5em 0;
}
/************* Sticky Header *************/
@media only screen and (min-width: 970px) {
  #header.stuck {
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  }
}