/*
  Theme: ZoxPress Child
  Theme URI:
  Description: ZoxPress child theme developed by Mercenary Digital
  Author: Mercenary Digital
  Author URI: https://mercenary-digital.com/
  Version: 0.1.0
  License: GNU General Public License v3 or later
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
  Template: zoxpress
  Tags: two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
  Text Domain: zoxpress-child
*/

@import url(../zoxpress/style.css);

:root {
  --roboto-condensed: 'Roboto Condensed', sans-serif;
  --grey-text: #2f3846;
  --grey-background: #474747;
  --cream-color: #f9f6f0;
}

/* Sets consistent width of hamburger lines */
.zox-fly-but-wrap.zoxrel.zox-fly-but-click > span {
  width: 100%;
}

.header-tagline {
  font-size: 0.75rem;
	font-style: italic;
  width: 35ch;
	line-height: 1.35;
	color: var(--cream-color);
  font-family: var(--roboto);
	margin: 0 auto;
	margin-top: 0.75rem;
	font-weight: 200;
}

.time-wrapper {
	font-size: 1rem;
	color: var(--cream-color);
  font-family: var(--roboto-condensed);
	font-weight: 300;
}

/* Remove padding to fit new tagline text */
#zox-main-head-wrap #zox-top-head,
#zox-main-head-wrap #zox-top-head-wrap {
	padding-bottom: 0;
}

/* Make Nav Links Uppercase */
.zox-nav-menu ul li a,
.zox-fly-nav-menu #menu-primary-menu a {
  text-transform: uppercase;
}

#zox-top-head-mid img {
  max-width: 240px;
}

.zox-bot-head-logo-main img {
  max-width: 115px;
}

/* Fixes header nav overlapping logo issue (theme styles set to grid for no apparent reason) */
@media screen and (max-width: 1250px) and (min-width: 1024px) {
  .zox-fix-up #zox-bot-head #zox-bot-head-mid {
    display: block;
  }
}

/* Hides nav slide out logo & Connect with us link */
#zox-fly-logo > a,
#zox-fly-soc-wrap {
	display: none;
}

/* Styles the (+) for nav parent toggle */
nav.zox-fly-nav-menu ul li.menu-item-has-children:after {
  color: var(--cream-color);
  font-size: 2rem;
  font-family: auto;
  font-weight: 300;
}

/* Styles the (-) for the nav parent toggle */
nav.zox-fly-nav-menu ul li.menu-item-has-children.tog-minus:after {
  top: -2px;
  right: 1px;
  font-weight: 700;
}

#zox-top-head {
  grid-template-columns: repeat(3, 1fr);
}

#zox-top-head-right {
  width: min(70%, 400px);
  overflow: hidden;
  margin-left: auto;
}



#zox-main-head-wrap div#zox-top-head-mid {
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
}

#zox_side_trend_widget-7 {
  background-color: #FFF;
  padding-top: 3rem;
  padding-bottom: 4.25rem;
  width: 100%;
}

#zox_side_trend_widget-3 .zox-widget-main-title {
  width: 100%;
}

#zox_side_trend_widget-3 .zox-title-width {
  max-width: unset;
}

#zox_side_trend_widget-3 .zox-widget-side-trend-wrap {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(5, 1fr);
  grid-auto-flow: column;
}

#zox_side_trend_widget-3 span.zox-widget-main-title::after {
  width: 100%;
  height: 2px;
  margin: 0;
  left: 0;
  background-color: var(--grey-background);
}

/* Uncomment this for a smoother image hover animation
  #zox-home-widget-wrap .zox-art-img:hover img, #zox-main-blog-wrap .zox-art-img:hover img {
    transform: scale(1.06, 1.06);
  }

  #zox-home-widget-wrap .lazy-load {
    transition: opacity .75s, transform .75s ease-in
  } 
*/

/* Temporary setting of the footer color styles */
#zox-foot-wrap {
  background: var(--grey-background);
}

#zox-foot-wrap a,
#zox-foot-wrap p {
  color: var(--cream-color);
}

#zox-category-title {
  text-align: center;
  font-size: xxx-large;
  margin: 20px;
  color: inherit;
}

.zox-dark #zox-category-title {
  color: #efefef;
}

/* Fix for ZoxPress Logo on scroll down */
.zox-bot-head-logo-main .zox-logo-dark {
	display: none;
}