/*
Theme Name: YOULIKEREAD
Theme URI: https://youlikeread.com/
Author: ThemezHut
Author URI: http://themezhut.com
Description: YOULIKEREAD custom publication theme. Built from the GPL-licensed HitMag 1.4.5 codebase while preserving its Customizer, magazine templates, widgets, slider, sidebars and post options, with a new YOULIKEREAD design layer.
Version: 2.2.0
Tested up to: 7.1
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hitmag
Tags: grid-layout,right-sidebar,two-columns,custom-logo,custom-background,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,news,blog,e-commerce,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.

HitMag is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin: 0.9em 0;
  line-height: 1.3;
}

h1 {
  font-size: 36px;
  font-size: 2.25rem;
}

h2 {
  font-size: 32px;
  font-size: 2rem;
}

h3 {
  font-size: 28px;
  font-size: 1.75rem;
}

h4 {
  font-size: 24px;
  font-size: 1.5rem;
}

h5 {
  font-size: 20px;
  font-size: 1.25rem;
}

h6 {
  font-size: 16px;
  font-size: 1rem;
}

p {
  margin: 0 0 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

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

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;
  text-decoration: none;
}

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

big {
  font-size: 125%;
}

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

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

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote {
  quotes: "" "";
  padding: 1.5em;
  margin: 0 0 1em 0;
  font-size: 18px;
  background: #f8f8f8;
  border-left: 3px solid #e74c3c;
}
blockquote:before, blockquote:after {
  content: "";
}
blockquote p {
  margin: 0;
}
blockquote cite {
  margin-top: 1em;
}

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

.wp-block-quote {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 1.5em;
  margin: 0 0 1em 0;
  font-style: italic;
  background: #f8f8f8;
  border-left: 3px solid #e74c3c;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
  border-left: 3px solid #e74c3c;
  padding-left: 1.5em;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  padding: 1.5em;
  margin: 0 0 1em 0;
}

.wp-block-quote.is-large p {
  font-size: 21px;
}

.wp-block-quote cite, .wp-block-quote footer, .wp-block-quote__citation,
.wp-block-quote .wp-block-quote__citation {
  color: inherit;
  display: block;
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  margin-top: 1em;
}

.wp-block-quote cite, .wp-block-quote footer, .wp-block-quote__citation {
  font-size: 16px;
  font-weight: bold;
}

.wp-block-quote.is-large cite, .wp-block-quote footer, .wp-block-quote__citation {
  margin-top: 1em;
  font-size: 18px;
  font-weight: bold;
}

.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
  text-align: left;
}

.wp-block-quote.alignleft p,
.wp-block-quote.alignright p,
.wp-block-quote.alignleft .wp-block-quote__citation,
.wp-block-quote.alignright .wp-block-quote__citation {
  font-size: 14px;
}

.wp-block-quote.alignleft p:last-of-type,
.wp-block-quote.alignright p:last-of-type {
  margin-bottom: 0;
}

/* Pullquote */
.wp-block-pullquote {
  border: 0;
  line-height: 1.6;
}

.wp-block-pullquote p {
  margin-bottom: 0.8em;
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
  font-size: 18px;
  margin-bottom: 0.8em;
}

.wp-block-pullquote .wp-block-pullquote__citation {
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  margin-top: 1em;
}

/* Cover Image */
.wp-block-cover .wp-block-cover-text p {
  font-size: 2em;
  padding: 1em;
}

.wp-block-cover.alignleft p,
.wp-block-cover.alignright p {
  font-size: 1.4em;
  padding: 1em;
}

.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-pullquote__citation {
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  margin-top: 1em;
}

.wp-block-image .alignleft {
  float: left;
  margin-right: 1em;
}

.wp-block-image .alignright {
  float: right;
  margin-left: 1em;
}

/* Widget Title */
.widgettitle,
.is-style-hitmag-widget-title {
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 2px solid #e74c3c;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 24px;
}

/* Search Block */
.wp-block-search .wp-block-search__input {
  border: 1px solid #ddd;
  height: 45px;
  padding: 10px;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 3px;
}
.wp-block-search .wp-block-search__button {
  height: 45px;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
  background: #e74c3c;
  margin-left: 0;
  margin-right: 0;
  color: #ffffff;
}
.wp-block-search .wp-block-search__button:hover {
  background-color: #222222;
  color: #ffffff;
}

/* Fix widget h2 on fresh installs */
#secondary h2.wp-block-heading:not(.is-style-hitmag-widget-title) {
  font-size: 23.008px;
  font-size: 1.438rem;
}

#secondary h3.wp-block-heading:not(.is-style-hitmag-widget-title) {
  font-size: 22px;
  font-size: 1.375rem;
}

#secondary h4.wp-block-heading:not(.is-style-hitmag-widget-title) {
  font-size: 21.008px;
  font-size: 1.313rem;
}

ul, ol {
  margin: 0 0 1.5em 1.5em;
  padding-left: 2em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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 {
  border-collapse: collapse;
  margin: 0 0 1.5em;
  width: 100%;
}

table, th, td {
  border: 1px solid #ededed;
}

th {
  background: #f8f8f8;
  font-weight: bold;
  padding: 8px 15px;
}

.site-footer table, .site-footer th, .site-footer td {
  border: 1px solid #555;
}
.site-footer th {
  background: #222;
}

td {
  padding: 5px 15px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: none;
  border-radius: 3px;
  background: #e74c3c;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1;
  padding: 13px 20px;
  text-transform: uppercase;
  font-family: "Ubuntu", sans-serif;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background: #222222;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  background: #222222;
}

.th-readmore {
  display: inline-block;
  border-radius: 3px;
  font-weight: bold;
  color: #ffffff;
  font-size: 11px;
  background: #e74c3c;
  padding: 8px 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Ubuntu", sans-serif;
}

.th-readmore:hover,
.th-readmore:focus {
  background: #222;
  text-decoration: none;
  color: #ffffff;
}

.th-readmore:active,
.th-readmore:visited {
  color: #ffffff;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ddd;
  padding: 8px 5px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ddd;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #3498DB;
  text-decoration: none;
}
a:visited {
  color: #2980B9;
}
a:hover, a:focus, a:active {
  color: #e74c3c;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.hm-nav-container {
  position: relative;
  background-color: #222;
  clear: both;
}

.main-navigation {
  background-color: #222;
  clear: both;
  display: block;
  float: left;
  font-family: "Ubuntu", sans-serif;
  width: 100%;
}
.main-navigation a {
  line-height: 20px;
  padding: 12.5px 17px;
  color: #ddd;
}
.main-navigation a:hover {
  background-color: #e74c3c;
  color: #ffffff;
}
.main-navigation ul {
  display: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding-left: 0;
  text-transform: uppercase;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  font-weight: normal;
  position: absolute;
  left: -999em;
  z-index: 99999;
  background: #333333;
  text-transform: none;
}
.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;
  padding: 10px 17px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
@media (max-width: 991px) {
  .main-navigation ul {
    display: none;
  }
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  background-color: #e74c3c;
  color: #ffffff;
}

.main-navigation .menu-item-has-children > a:after,
.main-navigation .page_item_has_children > a:after {
  content: "\f0d7";
  line-height: 1;
  font-size: 11px;
  margin: 1px 0 0 10px;
}

.main-navigation .menu-item-has-children .menu-item-has-children > a:after,
.main-navigation .page_item_has_children .menu-item-has-children > a:after {
  content: "\f0da";
  float: right;
  line-height: 20px;
  font-size: 11px;
  margin: 0 0 0 10px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 992px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.comment-navigation,
.posts-navigation,
.post-navigation {
  clear: both;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 3em;
  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%;
}

.post-navigation .meta-nav {
  font-family: "Ubuntu", sans-serif;
  display: block;
  color: #aaa;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.post-navigation .post-title {
  color: #222;
  font-weight: bold;
}
.post-navigation .post-title:hover {
  color: #e74c3c;
}
.post-navigation .nav-previous {
  padding-right: 5px;
}
.post-navigation .nav-next {
  padding-left: 5px;
}

/* Top Navigation */
.top-navigation {
  clear: both;
  display: inline-block;
  margin-left: 10px;
}
.top-navigation a {
  color: #222;
  line-height: 20px;
  padding: 7.5px 9px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.top-navigation a:hover {
  color: #e74c3c;
}
.top-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.top-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  left: -999em;
  z-index: 99999;
  background: #ECF0F1;
}
.top-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.top-navigation ul ul li:hover > ul, .top-navigation ul ul li.focus > ul {
  left: 100%;
}
.top-navigation ul ul a {
  width: 200px;
  color: #222;
}
.top-navigation ul ul a:hover {
  background: #e74c3c;
  color: #fff;
}
.top-navigation ul li:hover > ul,
.top-navigation ul li.focus > ul {
  left: auto;
}
@media (max-width: 991px) {
  .top-navigation ul {
    display: none;
  }
}
.top-navigation li {
  float: left;
  position: relative;
}
.top-navigation a {
  display: block;
  text-decoration: none;
}
.top-navigation .menu-item-has-children > a:after,
.top-navigation .page_item_has_children > a:after {
  content: "\f0d7";
  line-height: 1;
  font-size: 10px;
  margin: 0 0 0 10px;
}

.top-navigation .menu-item-has-children .menu-item-has-children > a:after,
.top-navigation .page_item_has_children .menu-item-has-children > a:after {
  content: "\f0da";
  float: right;
  line-height: 20px;
  font-size: 10px;
  margin: 0 0 0 10px;
}

/* Small menu. */
.menu-toggle,
.top-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 992px) {
  .menu-toggle {
    display: none;
  }
  .top-navigation ul {
    display: block;
  }
}
#main-nav-button {
  color: #ddd;
  display: none;
  line-height: 45px;
  margin: 0 0 0 30px;
  text-align: left;
  padding: 0 16px;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
#main-nav-button:hover {
  color: #fff;
  background: #e74c3c;
  text-decoration: none;
}
@media (max-width: 991px) {
  #main-nav-button {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .hm-topnavbutton {
    background: #ECF0F1;
    border-bottom: 1px solid #ddd;
    display: block;
    height: 35px;
    padding: 0 15px;
  }
}

#top-nav-button {
  display: none;
  line-height: 35px;
  text-align: left;
  width: 100%;
  color: #222222;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
#top-nav-button:hover {
  color: #e74c3c;
  text-decoration: none;
}
@media (max-width: 991px) {
  #top-nav-button {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .hitmag-full-width #top-nav-button {
    margin-left: 20px;
  }
}

#main-nav-button:before {
  content: "\f0c9";
}

.main-nav-btn-lbl {
  margin: 0 0 0 10px;
}

#top-nav-button:before {
  content: "\f0c9";
  margin: 0 10px;
}

.responsive-mainnav,
.responsive-topnav {
  background: #333;
  display: none;
  padding-right: 30px;
}
@media (min-width: 992px) {
  .responsive-mainnav,
  .responsive-topnav {
    display: none !important;
  }
}
.responsive-mainnav ul,
.responsive-topnav ul {
  margin: 0;
  padding: 5px 0 5px 30px;
}
.responsive-mainnav li,
.responsive-topnav li {
  list-style: none;
}
.responsive-mainnav li a,
.responsive-topnav li a {
  color: #eee;
  line-height: 26px;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}
.responsive-mainnav li a:hover,
.responsive-topnav li a:hover {
  background: #e74c3c;
}

/* Social Menu */
.hm-social-menu {
  display: inline-block;
  float: right;
  line-height: 35px;
}
.hm-social-menu a {
  display: inline-block;
  width: 24px;
}

.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

#hm-menu-social ul {
  list-style: none;
  margin: 0;
  text-align: center;
  padding: 0;
}

#hm-menu-social ul li {
  display: inline-block;
  position: relative;
}

#hm-menu-social ul li a:hover svg {
  color: #222222;
}

#hm-menu-social .hm-svg-icon {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

#hm-menu-social .hm-svg-icon.hm-youtube {
  width: 16px;
  height: 15px;
}

/* Search Box */
.hm-search-box-container {
  display: none;
}

.hm-search-button-icon {
  cursor: pointer;
  float: right;
  position: absolute;
  top: 0;
  right: 35px;
  width: 30px;
  line-height: 45px;
  color: #ddd;
  background: transparent;
  padding: 0;
}
@media (max-width: 992px) {
  .hm-search-button-icon {
    z-index: 999999;
    text-align: center;
  }
}
.hm-search-button-icon:before {
  font-size: 16px;
  font-size: 1rem;
}
.hm-search-button-icon:focus, .hm-search-button-icon:hover {
  background-color: transparent;
}

.hm-search-button-icon:before {
  content: "\f002";
  cursor: pointer;
  display: inline-block;
}

.hm-search-button-icon.hm-search-close:before {
  content: "\f00d";
  cursor: pointer;
  display: inline-block;
}

.hm-search-box-container {
  background: #fff;
  border: 3px solid #E3E3E3;
  display: none;
  padding: 5px;
  position: absolute;
  top: 45px;
  width: 345px;
  z-index: 999;
}
@media (max-width: 480px) {
  .hm-search-box-container {
    width: 100%;
    right: 0;
  }
}
@media (min-width: 481px) {
  .hm-search-box-container {
    right: 25px;
  }
}
@media (min-width: 768px) {
  .hm-search-box-container {
    right: 30px;
  }
}
@media (min-width: 992px) {
  .hm-search-box-container {
    right: 40px;
  }
}

#hm-search-form .search-form .search-submit {
  border-radius: 0;
  box-shadow: none;
  background-color: #e74c3c;
  border: none;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 3px;
  font-weight: bold;
  font-family: "Ubuntu", sans-serif;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-shadow: none;
  text-transform: uppercase;
  width: 92px;
}
#hm-search-form .search-form .search-submit:hover {
  background: #222;
}
#hm-search-form .search-form .search-submit:focus {
  outline: none;
}
#hm-search-form .search-form .search-field {
  background: #f1f1f1;
  border: none;
  color: #222;
  float: left;
  height: 40px;
  margin: 0;
  padding: 0 11px;
  width: 220px;
}
#hm-search-form .search-form .search-field:focus {
  outline: none;
}

.pagination {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 1em 0;
  text-align: center;
  display: block;
}

.nav-links .page-numbers {
  color: #fff;
}

.nav-links .page-numbers:hover {
  color: #fff;
}

.page-numbers {
  background-color: #333;
  color: #fff;
  padding: 10px 15px;
  font-weight: bold;
  margin: 0 2px;
  border-radius: 3px;
  display: inline-block;
}

.page-numbers:hover {
  background: #666;
}

.nav-links .current {
  background: #e74c3c;
  color: #fff;
  padding: 10px 15px;
  font-weight: bold;
  margin: 0 2px;
}

.infinite-scroll .navigation {
  display: none;
}

#infinite-handle {
  text-align: center;
  margin: 25px 0 50px 0;
}

#infinite-handle span {
  background: #333;
  cursor: pointer;
  font-size: 13px;
  padding: 10px 30px;
  font-weight: bold;
}

#infinite-handle span.infinite-loader {
  text-align: center;
}

.infinite-scroll .infinite-loader {
  width: 100%;
  text-align: center;
}

.infinite-scroll .infinite-loader .spinner {
  bottom: -1em;
  left: auto;
  margin: 0 auto;
}

.hm-nwrap {
  margin: 0 auto;
  position: relative;
}
@media (min-width: 992px) {
  .hm-nwrap {
    max-width: 990px;
  }
}
@media (min-width: 768px) {
  .hm-nwrap {
    max-width: 760px;
  }
}

.main-navigation .menu-item-has-children > a:after,
.main-navigation .page_item_has_children > a:after,
.main-navigation .menu-item-has-children .menu-item-has-children > a:after,
.main-navigation .page_item_has_children .menu-item-has-children > a:after,
.top-navigation .menu-item-has-children > a:after,
.top-navigation .page_item_has_children > a:after,
.top-navigation .menu-item-has-children .menu-item-has-children > a:after,
.top-navigation .page_item_has_children .menu-item-has-children > a:after,
#main-nav-button:before,
#top-nav-button:before,
.hm-search-button-icon:before,
.hm-search-button-icon.hm-search-close:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.hm-header-breadcrumb {
  margin: -20px 0 20px;
  font-size: 15px;
}

.hm-breadcrumb-wrap {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 600;
}

.archive .hm-breadcrumb-wrap {
  margin: 0 0 15px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  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 {
  margin: 0 0 40px;
  display: block;
}
.widget::after {
  content: "";
  clear: both;
  display: table;
}
.widget {
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.elementor-widget-container h5,
.widget-title {
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 2px solid #e74c3c;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 24px;
}

.footer-widget-title {
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 2px solid #e74c3c;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  display: inline-block;
  color: #eee;
  margin-top: 0;
  margin-bottom: 24px;
}

.hm-header-sidebar {
  max-width: 100%;
  margin: 20px 0 0;
  overflow: hidden;
  float: right;
}
.hm-header-sidebar .widget {
  margin-bottom: 20px;
}

.widget ul,
.widget-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget ul li:not(.wp-block-social-link),
.widget-area ul li:not(.wp-block-social-link) {
  padding: 5px 10px;
}
.widget a,
.widget-area a {
  color: #222222;
}
.widget a:hover,
.widget-area a:hover {
  color: #e74c3c;
}

a.hm-viewall {
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  float: right;
  margin-top: 2px;
  margin-bottom: 20px;
  font-size: 10px;
  padding: 3px 10px;
  border-radius: 3px;
  color: #fff;
  background: #e74c3c;
}
a.hm-viewall:visited {
  color: #fff;
}
a.hm-viewall:hover {
  background: #222;
  color: #ffffff;
}

.hm-viewall:after {
  content: "\f101";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  margin-left: 0.3em;
  font-size: 8px;
}

.footer-widget-area {
  overflow: hidden;
  color: #ccc;
  margin: 0 -20px;
}
.footer-widget-area .widget {
  margin: 50px 0;
}
.footer-widget-area .widget ul {
  margin: 0;
  padding: 0 1px;
  list-style: none;
}
.footer-widget-area .widget ul li:not(.wp-block-social-link) {
  padding: 6px 0;
}
.footer-widget-area .widget ul li:not(.wp-block-social-link):first-child {
  padding-top: 0;
}
.footer-widget-area .widget a {
  color: #ddd;
}
.footer-widget-area .widget a:hover {
  color: #e74c3c;
}

.site-info {
  line-height: 20px;
  background: #222222;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ddd;
  overflow: hidden;
}
.site-info a {
  color: #fff;
}
.site-info a:hover {
  color: #e74c3c;
}

.site-info-owner {
  padding: 15px 0 5px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .site-info-owner {
    width: 50%;
    float: left;
    padding: 20px 20px 20px 0;
  }
}

.site-info-designer {
  line-height: 20px;
  padding: 5px 0 15px;
}
@media (min-width: 768px) {
  .site-info-designer {
    width: 50%;
    float: left;
    text-align: right;
    padding: 20px 0 20px 20px;
  }
}

.footer-sidebar {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .footer-sidebar {
    width: 33.33333%;
    float: left;
  }
}

/* Search widget */
.search-form {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.search-form .search-field {
  display: block;
  margin: 0;
  height: 45px;
  padding: 10px 85px 10px 10px;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 3px;
  width: 100%;
}

.search-form label {
  display: block;
}

.search-form .search-field::-moz-placeholder {
  color: #aaa;
  font-style: italic;
}

.search-form .search-field::placeholder {
  color: #aaa;
  font-style: italic;
}

.search-form .search-submit {
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
  background: #e74c3c;
  color: #fff;
}

.search-form .search-submit:hover {
  background: #222;
}

@media (min-width: 768px) {
  .hm-header-sidebar .widget_search {
    min-width: 345px;
    margin: 25px 0;
  }
}
/* Magazine Widgets */
.hmb-post,
.hms-posts {
  margin-left: 0;
  width: 47.3469387755%;
  float: left;
}
@media (max-width: 768px) {
  .hmb-post,
  .hms-posts {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}

.hmb-post img {
  margin-bottom: 16px;
  width: 100%;
  vertical-align: top;
}
.hmb-post {
  margin-right: 5.306122449%;
}
.hmb-post .cat-links {
  margin: 0 0 0.455em 0;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
}

.hms-posts {
  margin-right: 0;
}

.hmb-entry-title {
  font-size: 21.008px;
  font-size: 1.313rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 0.286em;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.hmb-entry-title a {
  color: #222222;
  line-height: 1.3;
}
.hmb-entry-title a:hover {
  color: #e74c3c;
}

.hmb-entry-meta,
.hms-meta {
  color: #888;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0;
}
.hmb-entry-meta a,
.hms-meta a {
  color: #888;
}
.hmb-entry-meta a:hover,
.hms-meta a:hover {
  color: #e74c3c;
}

.hmb-entry-summary {
  margin: 0.813em 0 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.hmb-entry-summary p {
  margin: 0 0 1.438em;
}

.hms-post {
  display: block;
  margin-bottom: 25px;
  overflow: hidden;
}
.hms-post:last-child {
  margin-bottom: 0;
}

.hms-thumb {
  float: left;
  margin-right: 15px;
}
.hms-thumb img {
  max-width: 125px;
  vertical-align: top;
}

.hms-details {
  overflow: hidden;
}

.hms-title {
  font-size: 16px;
  font-size: 1rem;
  margin: 0 0 0.8em;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.hms-title a {
  color: #222222;
  line-height: 1.3;
}
.hms-title a:hover {
  color: #e74c3c;
}

.widget_recent_entries span.post-date {
  color: #888;
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
  margin: 3px 0;
}

/* Dual Category Posts */
.widget.widget_hitmag_dual_category_posts {
  margin-bottom: 35px;
}

.widget_hitmag_dual_category_posts .hmb-entry-summary {
  margin-bottom: 2em;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.hm-dualc-left {
  margin-left: 0;
  margin-right: 5.306122449%;
  margin-bottom: 25px;
  width: 47.3469387755%;
  float: left;
}
@media (max-width: 768px) {
  .hm-dualc-left {
    margin-right: 0;
    margin-bottom: 40px;
    width: 100%;
    float: none;
  }
}

.hm-dualc-right {
  width: 47.3469387755%;
  float: right;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .hm-dualc-right {
    width: 100%;
    float: none;
  }
}

.hmbd-post img {
  margin-bottom: 16px;
  width: 100%;
  vertical-align: middle;
}
.hmbd-post .cat-links {
  margin: 0 0 0.455em 0;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
}

/* Grid Posts Widget */
.widget.widget_hitmag_grid_category_posts {
  margin-bottom: 20px;
}

.hitmag-grid-category-posts {
  margin: 0 -10px;
}

.hmw-grid-post {
  display: inline-block;
  padding: 0 10px;
  margin-bottom: 2em;
  width: 33.3333333%;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  clear: none;
}
@media (max-width: 768px) {
  .hmw-grid-post {
    width: 100%;
    margin-right: 0;
  }
}
.hmw-grid-post:nth-of-type(3n + 1) {
  clear: both;
}
.hmw-grid-post img {
  width: 100%;
  vertical-align: middle;
}
.hmw-grid-post .post-title {
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 0 0 0.5em 0;
}
.hmw-grid-post .post-title a {
  color: #222;
}
.hmw-grid-post .post-title a:hover {
  color: #e74c3c;
}

.hm-grid-thumb {
  margin-bottom: 17px;
}

/* Tab Widget */
ul.hm-tab-nav {
  overflow: hidden;
  margin: 0 0 25px 0;
  background: #ECF0F1;
  list-style: none;
  padding: 0;
}

li.hm-tab {
  float: left;
  padding: 0 !important;
}

.hm-tabs-wdt .hm-tab-anchor {
  font-size: 15px;
  padding: 10px 20px;
  line-height: 40px;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  color: #333;
}
.hm-tabs-wdt .hm-tab-anchor:focus {
  outline: none;
}
.hm-tabs-wdt .hm-tab-anchor:hover {
  opacity: 0.9;
}
@media (max-width: 1199px) {
  .hm-tabs-wdt .hm-tab-anchor {
    padding: 10px 15px;
    font-size: 14px;
  }
}
.hm-tabs-wdt .ui-state-active {
  border-bottom: 2px solid #e74c3c;
  outline: 0;
}
.hm-tabs-wdt #hitmag-comments,
.hm-tabs-wdt #hitmag-tags {
  display: none;
}

.hmw-comment {
  overflow: hidden;
  margin: 0 0 1em;
}

.hmw-comment-author,
.hitmag_comment_post {
  font-weight: bold;
}

.hmw-comment {
  font-size: 14px;
  margin-top: 5px;
}

.hmw_avatar {
  float: left;
  margin: 0 1em 0 0;
}
.hmw_avatar img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.hmw-comm-content {
  overflow: hidden;
}

/* Tag Cloud Widget */
#hitmag-tags a,
.widget_tag_cloud .tagcloud a {
  display: block;
  float: left;
  padding: 4px 10px;
  font-weight: bold;
  background: #e74c3c;
  color: #fff;
  margin: 0 1px 1px 0;
  font-size: 13px;
}

#hitmag-tags a:hover,
.widget_tag_cloud .tagcloud a:hover {
  background: #222;
}

/* Ready Magazine Widgets for other sidebars. */
#secondary .hmb-post,
.footer-widget-area .hmb-post {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
#secondary .hms-posts,
.footer-widget-area .hms-posts {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
#secondary .hm-dualc-left,
#secondary .hm-dualc-right,
.footer-widget-area .hm-dualc-left,
.footer-widget-area .hm-dualc-right {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  float: none;
}
#secondary .hmw-grid-post,
.footer-widget-area .hmw-grid-post {
  display: block;
  width: 100%;
}
#secondary a.hm-viewall,
.footer-widget-area a.hm-viewall {
  color: #ffffff;
}
#secondary a.hm-viewall:hover,
.footer-widget-area a.hm-viewall:hover {
  color: #ffffff;
}
#secondary .widget_categories select,
#secondary .widget_archive select,
.footer-widget-area .widget_categories select,
.footer-widget-area .widget_archive select {
  width: 100%;
}

.footer-widget-area .hmw-grid-post .post-title a,
.footer-widget-area .hmb-entry-title a,
.footer-widget-area .hms-title a {
  color: #eeeeee;
}
.footer-widget-area .hmw-grid-post .post-title a:hover,
.footer-widget-area .hmb-entry-title a:hover,
.footer-widget-area .hms-title a:hover {
  color: #e74c3c;
}
.footer-widget-area ul.hm-tab-nav {
  background: #2b2b2b;
}
.footer-widget-area .hm-tabs-wdt .hm-tab-anchor {
  color: #eee;
}

.widget_categories select,
.widget_archive select {
  display: block;
  padding: 8px;
}

#wp-calendar th, #wp-calendar td {
  padding: 8px;
  text-align: center;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Layout
--------------------------------------------------------------*/
.site-content {
  padding-bottom: 60px;
}

.hitmag-full-width .hitmag-wrapper {
  max-width: 100%;
  margin-top: 0;
}

.hitmag-wrapper {
  background: #ffffff;
  margin: 0 auto;
  box-shadow: 0 0 2px #bbb;
}
@media (min-width: 768px) {
  .hitmag-wrapper {
    max-width: 760px;
  }
}
@media (min-width: 992px) {
  .hitmag-wrapper {
    max-width: 990px;
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .hitmag-wrapper {
    max-width: 1200px;
  }
}

.hm-container {
  margin: 0 auto;
  padding: 0 25px;
  position: relative;
}
@media (min-width: 768px) {
  .hm-container {
    max-width: 760px;
    padding: 0 30px;
  }
}
@media (min-width: 992px) {
  .hm-container {
    max-width: 990px;
    padding: 0 40px;
  }
}
@media (min-width: 1200px) {
  .hm-container {
    max-width: 1200px;
  }
}

#primary.content-area {
  float: left;
  width: 65.625%;
}
@media (max-width: 992px) {
  #primary.content-area {
    width: 100%;
    float: none;
  }
}

#secondary.widget-area {
  float: right;
  width: 30.8%;
}
@media (max-width: 992px) {
  #secondary.widget-area {
    max-width: initial;
    width: 100%;
    float: none;
  }
}

.th-left-sidebar #primary.content-area {
  float: right;
}
.th-left-sidebar #secondary.widget-area {
  float: left;
}

.th-no-sidebar #primary.content-area {
  width: 100%;
  max-width: 1120px;
}
.th-no-sidebar #secondary.widget-area {
  display: none;
}

.th-content-centered #primary.content-area {
  float: none;
  margin: 0 auto;
}
.th-content-centered #secondary.widget-area {
  display: none;
}

.posts-wrap {
  position: relative;
}
.posts-wrap::after {
  content: "";
  clear: both;
  display: table;
}

.th-grid-2 .hitmag-post {
  display: inline-block;
  margin-right: 5.306122449%;
  margin-left: 0;
  width: 47.3469387755%;
  vertical-align: top;
  position: relative;
  float: left;
}
@media (max-width: 768px) {
  .th-grid-2 .hitmag-post {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}
.th-grid-2 .hitmag-post:nth-of-type(2n) {
  margin-right: 0;
}

.th-no-sidebar .th-grid-2 .hitmag-post {
  margin-right: 3.571428%;
  width: 48.21428571%;
}
@media (max-width: 768px) {
  .th-no-sidebar .th-grid-2 .hitmag-post {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}
.th-no-sidebar .th-grid-2 .hitmag-post:nth-of-type(2n) {
  margin-right: 0;
}

.th-grid-3 {
  margin: 0 -15px;
}
.th-grid-3 .hitmag-post {
  padding: 0 15px;
  width: 33.33333333%;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  clear: none;
}
@media (max-width: 768px) {
  .th-grid-3 .hitmag-post {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}
.th-grid-3 .hitmag-post:nth-of-type(3n + 1) {
  clear: both;
}

.th-no-sidebar .th-grid-3 {
  margin: 0 -19px;
}
.th-no-sidebar .th-grid-3 .hitmag-post {
  padding: 0 19px;
}
.th-no-sidebar .th-grid-3 .hitmag-post:nth-of-type(3n + 1) {
  clear: both;
}

.th-list-posts .hitmag-post .entry-summary {
  margin-bottom: 1em;
}
.th-list-posts .hitmag-post {
  overflow: hidden;
  clear: both;
}
.th-list-posts .archive-thumb {
  float: left;
  margin: 0 30px 16px 0;
}
.th-list-posts .archive-thumb img {
  max-width: 290px;
}
@media (max-width: 768px) {
  .th-list-posts .archive-thumb {
    width: 100%;
    float: none;
  }
}
.th-list-posts .archive-content {
  overflow: hidden;
}
@media (max-width: 768px) {
  .th-list-posts .archive-content {
    width: 100%;
    float: none;
  }
}

.th-no-sidebar .th-list-posts .archive-thumb img {
  max-width: 348px;
}

.site-footer {
  background: #333;
}

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

.hentry {
  margin: 0 0 1.5em;
}

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

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.page-links {
  clear: both;
  margin: 3.5em 0 1.5em;
}
.page-links .post-page-numbers {
  border: 1px solid #ddd;
  color: #404040 !important;
  padding: 5px 14px;
  font-weight: bold;
  margin: 0 2px;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none !important;
}
.page-links .post-page-numbers:visited {
  color: #000000;
}
.page-links .post-page-numbers:hover,
.page-links .post-page-numbers.current {
  background-color: #e74c3c;
  border: 1px solid #e74c3c;
  color: #ffffff !important;
}

html {
  font-size: 16px;
}

body {
  background: #ddd;
}

.hm-logo {
  float: left;
}

.hm-site-title {
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
}

.site-header {
  margin: 0 0 40px;
}

.hm-top-bar {
  height: 35px;
  background: #ECF0F1;
  border-bottom: 1px solid #ddd;
  font-family: "Ubuntu", sans-serif;
}

.hm-date {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  margin: 7.5px 15px 7.5px 0;
  float: left;
  font-weight: bold;
}

.header-main-area {
  overflow: hidden;
  clear: both;
}

.site-branding {
  float: left;
  max-width: 100%;
  margin: 28px 0;
}

.site-title {
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: bold;
  margin: 0;
  line-height: 1.3;
}
.site-title a {
  color: #e74c3c;
}
.site-title a:hover {
  color: #222222;
}

.site-description {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2px 0 0 0;
}

.hm-header-image img {
  float: left;
  width: 100%;
}

.hitmag-post {
  margin-bottom: 50px;
}
.hitmag-post .entry-title {
  font-size: 21.008px;
  font-size: 1.313rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 0.286em;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.hitmag-post .entry-title a {
  color: #222222;
  line-height: 1.3;
}
.hitmag-post .entry-title a:hover {
  color: #e74c3c;
}
.hitmag-post .entry-meta {
  color: #888;
  font-size: 13px;
  font-size: 0.8125rem;
}
.hitmag-post .entry-meta a {
  color: #888;
}
.hitmag-post .entry-meta a:hover {
  color: #e74c3c;
}
.hitmag-post .entry-summary {
  margin: 0.813em 0 0;
}
.hitmag-post .entry-summary p {
  margin: 0 0 1.438em;
}
.hitmag-post .cat-links {
  margin: 0 0 0.455em 0;
  font-size: 11px;
  font-size: 0.6875rem;
  text-transform: uppercase;
  line-height: 1.2;
}

@media all and (min-width: 768px) {
  .th-large-posts .hitmag-post {
    margin-bottom: 4.5em;
  }
  .th-large-posts .hitmag-post .entry-title {
    font-size: 26px;
    font-size: 1.625rem;
    margin-top: 0.192em;
  }
}
.meta-sep {
  margin: 0 2px;
}

.archive-thumb {
  margin: 0 0 16px;
}
.archive-thumb img {
  vertical-align: middle;
}
@media (max-width: 768px) {
  .archive-thumb img {
    width: 100%;
  }
}

.cat-links {
  font-family: "Ubuntu", sans-serif;
  color: #bbb;
}
.cat-links a {
  color: #e74c3c;
  font-weight: bold;
}
.cat-links a:hover {
  color: #222222;
}

.hitmag-single {
  margin-bottom: 3em;
  line-height: 1.6;
}
.hitmag-single .entry-header {
  margin-bottom: 27px;
}
.hitmag-single .cat-links {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-bottom: 0.455em;
  text-transform: uppercase;
}
.hitmag-single .entry-title {
  font-size: 32px;
  font-size: 2rem;
  margin: 0 0 0.2em;
  font-weight: bold;
  color: #222;
  line-height: 1.2;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.hitmag-single .entry-meta {
  margin: 0 0 1.154em;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #888888;
}
.hitmag-single .entry-meta a {
  color: #888888;
}
.hitmag-single .entry-meta a:hover {
  color: #e74c3c;
}
.hitmag-single .author a {
  color: #444;
}
.hitmag-single .author a:hover {
  color: #e74c3c;
}

.hm-authorbox {
  padding: 20px;
  border: 1px solid #dddddd;
  overflow: hidden;
  margin-bottom: 3em;
}

.hm-related-posts {
  margin-bottom: 3em;
}

.hm-author-img {
  float: left;
  margin: 0 25px 0 0;
}

.hm-author-content {
  overflow: hidden;
}
.hm-author-content .author-name {
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 0 0 1em;
}
.hm-author-content .author-description {
  margin: 0;
}
.hm-author-content .author-posts-link {
  margin: 1em 0 0;
  display: block;
  color: #e74c3c;
  font-style: italic;
}
.hm-author-content .author-posts-link:hover {
  color: #222;
}

.hm-tags-links {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 20px 0;
  display: block;
}
.hm-tags-links a {
  line-height: 1.5;
  padding: 0 5px;
  margin-right: 1px;
  background: #222;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 2px;
}
.hm-tags-links a:hover {
  background: #e74c3c;
  color: #fff;
}

.hm-tagged {
  line-height: 1.5;
  padding: 0 5px;
  margin-right: 1px;
  background: #e74c3c;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 2px;
}

.hm-edit-link {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1.5em;
}
.hm-edit-link a.post-edit-link {
  padding: 5px 10px;
  background: #e74c3c;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  font-size: 0.75rem;
}
.hm-edit-link a.post-edit-link:before {
  content: "\f044";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  margin: 1px 0.5em 0 0;
}
.hm-edit-link a.post-edit-link:hover {
  color: #fff;
  background: #222;
}

.hitmag-page .entry-title {
  margin: 0 0 1em 0;
  font-size: 34px;
  font-size: 2.125rem;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.arc-page-title {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 2px 0;
  border-bottom: 2px solid #e74c3c;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  display: inline;
}

.srch-page-title {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 2px 0;
  border-bottom: 2px solid #e74c3c;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  display: inline;
}

.archive-description {
  margin-top: 0.625em;
  font-style: italic;
}

.archive .page-header,
.search .page-header {
  margin-bottom: 2.55em;
}
.archive .page-header p,
.search .page-header p {
  margin-bottom: 0;
}

.archive.category .page-header {
  margin-bottom: 2.5em;
}

.no-results .page-title,
.error-404 .page-title {
  margin: 0.25em 0 1em 0;
  font-size: 34px;
  font-size: 2.125rem;
}
.no-results .page-header,
.error-404 .page-header {
  margin-bottom: 0;
}

/* Featured Slider */
.hitmag-featured-slider {
  margin-bottom: 40px;
}

.hm-slider-container {
  position: relative;
  cursor: pointer;
}

.hm-slide-holder {
  position: relative;
}

.hm-slide-image {
  position: relative;
  width: 100%;
  padding-top: 48.9795918367%;
}
.hm-slide-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.hm-slide-holder > .hm-slide-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hm-slider-details {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.5) 100%);
}
.hm-slider-details a {
  color: #fff;
}
.hm-slider-details a:hover {
  color: #ccc;
}
.hm-slider-details .cat-links {
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 3px 8px;
  background: #e74c3c;
  margin: 0 0 5px;
  display: inline-block;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.hm-slider-details .cat-links a {
  color: #fff;
}
.hm-slider-details .cat-links a:hover {
  color: #ddd;
}
@media (max-width: 768px) {
  .hm-slider-details .cat-links {
    display: none;
  }
}

.hm-slider-title {
  text-shadow: 0 0 5px #222;
  font-size: 16px;
  font-size: 1rem;
  margin: 2px 0 0;
  line-height: 1.3;
}
@media (min-width: 480px) {
  .hm-slider-title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .hm-slider-title {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (min-width: 992px) {
  .hm-slider-title {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.slide-entry-meta {
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 5px 0 0;
  text-shadow: 0 0 2px #000;
}
.slide-entry-meta span {
  position: relative;
  z-index: 2;
}
.slide-entry-meta a {
  color: #fff;
}
.slide-entry-meta a:hover {
  color: #ccc;
}
@media (max-width: 768px) {
  .slide-entry-meta {
    display: none;
  }
}

.hmwcsw {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.hm-swiper.hm-thumb-swiper {
  background: #ddd;
  padding: 10px;
}
.hm-swiper.hm-thumb-swiper .hm-swiper-slide {
  max-width: 48%;
  margin-right: 10px;
}
@media (min-width: 320px) {
  .hm-swiper.hm-thumb-swiper .hm-swiper-slide {
    max-width: 32%;
  }
}
@media (min-width: 480px) {
  .hm-swiper.hm-thumb-swiper .hm-swiper-slide {
    max-width: 24%;
  }
}
@media (min-width: 640px) {
  .hm-swiper.hm-thumb-swiper .hm-swiper-slide {
    max-width: 19%;
  }
}
.hm-swiper.hm-thumb-swiper img {
  width: 100%;
  display: block;
  opacity: 0.9;
  cursor: pointer;
  box-sizing: border-box;
}
.hm-swiper.hm-thumb-swiper img:hover {
  opacity: 1;
}
.hm-swiper.hm-thumb-swiper .swiper-slide-thumb-active img {
  opacity: 1;
  cursor: default;
  border: 2px solid #fff;
  height: auto !important;
}

.hm-thumb-bg {
  background: #000;
}

.hm-related-posts {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5em;
}

.hm-rel-post {
  display: inline-block;
  margin-right: 3.5%;
  margin-left: 0;
  margin-bottom: 2em;
  width: 31%;
  vertical-align: top;
  position: relative;
  float: left;
}
@media (max-width: 768px) {
  .hm-rel-post {
    width: 100%;
    margin-right: 0;
  }
}
.hm-rel-post img {
  margin-bottom: 17px;
  width: 100%;
  vertical-align: middle;
}
.hm-rel-post .post-title {
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 0 0 0.5em 0;
}
.hm-rel-post .post-title a {
  color: #222;
}
.hm-rel-post .post-title a:hover {
  color: #e74c3c;
}

.hm-rel-post:nth-of-type(3n) {
  margin-right: 0;
}

/* Share Icons */
.hitmag-social-sharing {
  overflow: hidden;
}

.entry-header .hitmag-social-sharing {
  margin-bottom: 2.3em;
}

.entry-footer .hitmag-social-sharing {
  margin-top: 1.5em;
}

.hm-share {
  margin-right: 10px;
  padding: 7px 13px;
  color: #fff;
  border-radius: 3px;
  line-height: 15px;
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}
.hm-share:visited {
  color: #fff;
}
.hm-share:hover {
  color: #fff;
  opacity: 0.8;
}

.hm-share-facebook {
  background: #3b5998;
}

.hm-share-facebook:before {
  content: "\f39e";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 11px;
  margin: 0;
}

.hm-share-twitter {
  background: #33ccff;
}

.hm-share-twitter:before {
  content: "\e61b";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 11px;
  margin: 0;
}

.hm-share-facebook:before,
.hm-share-twitter:before,
.hm-share-googleplus:before {
  line-height: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  margin-right: 0.6em;
  padding-right: 0.6em;
}

/**
 * Block Styles 
 */
ul.wp-block-gallery,
ol.wp-block-gallery {
  margin: 0;
  padding-left: 0;
}

.wp-block-pullquote {
  border-top: none;
  border-bottom: none;
  color: inherit;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1.75em;
  text-align: none;
}

.wp-block-pullquote.alignleft {
  margin-right: 25px;
}

.wp-block-pullquote.alignright {
  margin-left: 25px;
}

.wp-block-separator {
  background-color: #cccccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

.wp-block-table td,
.wp-block-table th {
  border: 1px solid #ededed;
  padding: 8px 15px;
}

.wp-block-audio :where(figcaption) {
  color: #555;
  font-size: 13px;
  text-align: center;
}

.is-dark-theme .wp-block-audio :where(figcaption) {
  color: hsla(0, 0%, 100%, 0.65);
}

.wp-block-audio {
  margin: 0 0 1em;
}

.wp-block-code {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: Menlo, Consolas, monaco, monospace;
  padding: 0.8em 1em;
}

.wp-block-embed :where(figcaption) {
  color: #555;
  font-size: 13px;
  text-align: center;
}

.is-dark-theme .wp-block-embed :where(figcaption) {
  color: hsla(0, 0%, 100%, 0.65);
}

.wp-block-embed {
  margin: 0 0 1em;
}

.blocks-gallery-caption {
  color: #555;
  font-size: 13px;
  text-align: center;
}

.is-dark-theme .blocks-gallery-caption {
  color: hsla(0, 0%, 100%, 0.65);
}

:root :where(.wp-block-image figcaption) {
  color: #555;
  font-size: 13px;
  text-align: center;
}

.is-dark-theme :root :where(.wp-block-image figcaption) {
  color: hsla(0, 0%, 100%, 0.65);
}

.wp-block-image {
  margin: 0 0 1em;
}

.wp-block-pullquote :where(cite), .wp-block-pullquote :where(footer), .wp-block-pullquote__citation {
  color: currentColor;
  font-size: 0.8125em;
  font-style: normal;
  text-transform: uppercase;
}

.wp-block-quote:where(.has-text-align-right) {
  border-left: none;
  border-right: 0.25em solid;
  padding-left: 0;
}

.wp-block-quote:where(.has-text-align-center) {
  border: none;
  padding-left: 0;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote:where(.is-style-plain) {
  border: none;
}

.wp-block-search .wp-block-search__label {
  font-weight: 700;
}

.wp-block-search__button {
  border: 1px solid #ccc;
  padding: 0.375em 0.625em;
}

:where(.wp-block-group.has-background) {
  padding: 1.25em 2.375em;
}

.wp-block-separator.has-css-opacity {
  opacity: 0.4;
}

.wp-block-separator {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-separator.has-alpha-channel-opacity {
  opacity: 1;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100px;
}

.wp-block-separator.has-background:not(.is-style-dots) {
  border-bottom: none;
  height: 1px;
}

.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
  height: 2px;
}

.wp-block-table {
  margin: 0 0 1em;
}

.wp-block-table td, .wp-block-table th {
  word-break: normal;
}

.wp-block-table :where(figcaption) {
  color: #555;
  font-size: 13px;
  text-align: center;
}

.is-dark-theme .wp-block-table :where(figcaption) {
  color: hsla(0, 0%, 100%, 0.65);
}

.wp-block-video :where(figcaption) {
  color: #555;
  font-size: 13px;
  text-align: center;
}

.is-dark-theme .wp-block-video :where(figcaption) {
  color: hsla(0, 0%, 100%, 0.65);
}

.wp-block-video {
  margin: 0 0 1em;
}

:root :where(.wp-block-template-part.has-background) {
  margin-bottom: 0;
  margin-top: 0;
  padding: 1.25em 2.375em;
}

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

.comment-content p {
  margin-top: 0;
}

.bypostauthor {
  display: block;
}

.comment-list {
  margin: 0 0 1.5em 0;
  list-style: none;
  padding: 0;
}

.says, .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
  padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
  font-size: 23px;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.3125;
  padding-top: 1.304em;
}

.comments-title {
  margin-bottom: 1.304em;
}

.comment-list {
  list-style: none;
  margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
  border-top: 1px solid #dddddd;
  padding: 30px 30px 30px 75px;
  position: relative;
}

.comment-list .children {
  list-style: none;
  margin: 0;
}

.comment-list .children > li {
  padding-left: 0.875em;
}

.comment-author {
  color: #1a1a1a;
  margin-bottom: 0.4375em;
  line-height: 1;
  display: inline;
}
.comment-author a {
  color: #e74c3c;
}
.comment-author a:hover {
  color: #222;
}

.comment-author .avatar {
  height: 50px;
  position: absolute;
  width: 50px;
  left: 0;
  top: 22px;
  border-radius: 50%;
}

.comment-metadata,
.pingback .edit-link {
  color: #888888;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6153846154;
}

footer.comment-meta {
  margin-bottom: 25px;
}

.comment-metadata {
  margin-left: 5px;
  display: inline;
}

.comment-metadata a,
.pingback .comment-edit-link {
  color: #888888;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
  color: #e74c3c;
}

.comment-metadata .edit-link,
.pingback .edit-link {
  display: inline-block;
}

.comment-content ul,
.comment-content ol {
  margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
  margin-bottom: 0;
}

.comment-reply-link {
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin-top: 1.25em;
  padding: 0.417em 0.833em;
  font-weight: bold;
  background: #222;
  text-transform: uppercase;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
  background: #e74c3c;
  color: #fff;
  outline: 0;
}

.comment-form label {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.077em;
  line-height: 1.5;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.comment-list .comment-form {
  padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 1.5em;
}

.no-comments {
  border-top: 1px solid #dddddd;
  font-weight: 700;
  margin: 0;
  padding-top: 1.75em;
}

.comment-navigation + .no-comments {
  border-top: 0;
  padding-top: 0;
}

.form-allowed-tags code {
  font-family: Inconsolata, monospace;
}

.form-submit {
  margin-bottom: 0;
}

.required {
  color: #e74c3c;
}

.comment-reply-title {
  border-top: 1px solid #ddd;
}

.comment-reply-title small {
  font-size: 100%;
}

.comment-reply-title small a {
  border: 0;
  float: right;
  font-size: 0;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
  color: #1a1a1a;
}

.comment-reply-title small a:before {
  content: "\f00d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  position: relative;
  top: -5px;
  color: #e74c3c;
}

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

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

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

/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
.woocommerce .page-title {
  margin: 10px 0;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center;
}

.woocommerce ul.products li.product .star-rating {
  color: #eac600;
}

.woocommerce ul.products li.product h3 {
  color: #222222;
  margin-bottom: 1em;
}

.woocommerce ul.products li.product h3:hover {
  color: #e74c3c;
}

.woocommerce .products .star-rating {
  margin-left: auto;
  margin-right: auto;
}

.woocommerce .woocommerce-ordering {
  margin: 0 0 30px;
}

.woocommerce .woocommerce-result-count {
  margin: 5px 0 25px;
}

.woocommerce select {
  padding: 8px;
}

.woocommerce-product-search {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-weight: bold;
}

.woocommerce-product-search .search-field {
  display: inline-block;
  margin: 0;
  width: 100%;
  height: 45px;
  padding: 10px 80px 10px 10px;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
}

.woocommerce-product-search input[type=submit]:hover {
  background: #333333;
}

.woocommerce-product-search input[type=submit]:focus {
  outline: none;
}

.woocommerce-product-search input[type=submit] {
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  background: #e74c3c;
  color: #fff;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border: none;
  border-radius: 3px;
  font-weight: bold;
  color: #ffffff;
  background: #e74c3c;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  padding: 11px 15px;
  text-transform: uppercase;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: #222222;
  color: #ffffff;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
  padding: 10px 0;
}

.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
  margin-top: 10px;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
  margin-top: 2px;
  width: 50px;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
  padding: 10px 0 0;
}

/* WC WIDGETS */
/* Layered Nav */
.woocommerce-pagination {
  margin-top: 20px;
  margin-bottom: 60px;
}

.woocommerce .widget_layered_nav ul li {
  padding: 8px 0;
}

/* Average Rating Widget */
.woocommerce .widget_rating_filter ul li {
  padding: 8px 0;
}

/* Woocommerce Pagination */
.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 10px 15px;
  margin: 0 2px;
  font-weight: bold;
  color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li a {
  background: #383732;
}

.woocommerce nav.woocommerce-pagination ul li a:focus {
  background: #e74c3c;
  color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #e74c3c;
  color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #e74c3c;
  color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
}

.woocommerce .page-numbers {
  background-color: transparent;
}

/* Woocommerce Product Page */
.woocommerce .entry-summary {
  margin-top: 0;
}

.woocommerce div.product .product_title {
  margin-bottom: 20px;
}

.woocommerce .cart input[type=number] {
  padding: 0;
  line-height: 32px;
  color: #222222;
  font-weight: bold;
}

.woocommerce .star-rating span {
  color: #eac600;
}

.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 20px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 15px;
}

.woocommerce .posted_in a,
a.woocommerce-review-link {
  color: #404040;
}

.woocommerce .posted_in a:hover,
a.woocommerce-review-link:hover {
  color: #222222;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #3f3f3f;
}

.woocommerce div.product .woocommerce-tabs .panel {
  margin: 10px 0 40px;
  padding: 10px 0 20px;
}

.woocommerce div.product .woocommerce-tabs .panel h2,
.related > h2,
.woocommerce-checkout h3,
.cart_totals h2 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 24px;
}

.cart_totals h2,
#order_review_heading {
  margin-top: 2em;
}

.woocommerce #reviews #comments ol.commentlist li {
  margin: 0 0 30px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0 0 0 70px;
  padding: 20px 20px 10px;
  border-radius: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: 50px;
  background: #eeeeee;
  border: 1px solid #eeeeee;
  padding: 0;
}

.woocommerce #reviews h3 {
  margin: 20px 0;
}

.woocommerce #review_form .stars {
  margin-bottom: 0;
}

.woocommerce #review_form #respond p {
  margin: 0 0 25px;
}

.select2-container .select2-choice {
  border: 1px solid #eee;
  border-radius: 0;
}

.woocommerce .widget_price_filter .ui-slider {
  margin-top: 5px;
}

.woocommerce span.onsale {
  background-color: #e74c3c;
}

.woocommerce ul.products li.product .price {
  color: #404040;
}

.woocommerce-widget-area ul {
  list-style: none;
  margin: 0;
}

.woocommerce-widget-area ul li {
  margin: 0.4em 0;
  padding: 0 1.2em;
}

.woocommerce-widget-area ul li a {
  color: #383732;
}

.woocommerce-widget-area ul li a:hover {
  text-decoration: none;
  color: #e74c3c;
}

.woocommerce-widget-area .widget-title {
  background: #e74c3c;
  color: white;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  margin: 0 0 1px 0;
  padding: 0 1.2em;
  text-transform: uppercase;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #e74c3c;
  transition: all 0.2s ease-in-out;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #333333;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  padding: 11px 15px;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
  background-color: #888;
}

.pswp button:active {
  top: 50%;
}

.woocommerce .flex-control-nav {
  display: block;
}
.woocommerce .label label {
  color: #404040;
  line-height: 50px;
  font-size: 14px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin-bottom: 60px;
}

.woocommerce .entry-header .hitmag-social-sharing {
  display: none;
}

.woocommerce-loop-product__title {
  color: #222222;
}
.woocommerce-loop-product__title:hover {
  color: #e74c3c;
}

.woocommerce-page.single-product .entry-header {
  margin-bottom: 40px;
}

.woocommerce table.shop_attributes td p {
  padding: 8px 16px;
}

.woocommerce #infinite-handle {
  display: none;
}

.woocommerce-cart .actions .button:disabled {
  background: #ccc;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: 110px;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  font-size: 1em;
}

#review_form .comment-reply-title {
  border: none;
  margin-bottom: 1em;
  display: block;
}
/* ============================================================
   YOULIKEREAD DESIGN LAYER v2.0
   Preserves the HitMag 1.4.5 Customizer, widgets and templates.
   ============================================================ */
:root {
  --ylr-red: #e8463a;
  --ylr-ink: #202020;
  --ylr-text: #272727;
  --ylr-muted: #707070;
  --ylr-line: #e9e9e9;
  --ylr-bg: #ffffff;
}
body { background: #f3f3f3; color: var(--ylr-text); }
#page { background: var(--ylr-bg); }
.hm-container { max-width: 1240px; }
.header-main-area { background: #fff; padding: 26px 0; }
.site-branding { min-height: 88px; display: flex; align-items: center; }
.site-branding-content { display: flex; align-items: center; gap: 18px; }
.hm-logo img, .custom-logo { max-height: 92px; width: auto; }
.site-title { letter-spacing: .14em; font-weight: 800; text-transform: uppercase; }
.site-title a { color: var(--ylr-red); }
.site-description { color: var(--ylr-muted); }
.main-navigation { background: #202020; }
.main-navigation a { font-weight: 700; letter-spacing: .015em; }
.main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a { color: #fff; background: rgba(255,255,255,.08); }

/* Homepage/blog/archive: consistent cards */
body.home :is(article,.post,.post-item,.blog-post,.grid-item),
body.blog :is(article,.post,.post-item,.blog-post,.grid-item),
body.archive :is(article,.post,.post-item,.blog-post,.grid-item) { display:flex; flex-direction:column; height:100%; }
body.home :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image),
body.blog :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image),
body.archive :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image) { display:block; width:100%; aspect-ratio:16/9; overflow:hidden; background:#eee; }
body.home :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image) img,
body.blog :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image) img,
body.archive :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image) img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .25s ease; }
body.home article:hover :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image) img,
body.blog article:hover :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image) img,
body.archive article:hover :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image) img { transform:scale(1.015); }
body.home :is(.entry-title,.post-title,.blog-entry-title),
body.blog :is(.entry-title,.post-title,.blog-entry-title),
body.archive :is(.entry-title,.post-title,.blog-entry-title) { line-height:1.35em; height:4.05em; min-height:4.05em; max-height:4.05em; margin-top:10px; margin-bottom:8px; overflow:hidden; }
body.home :is(.entry-title,.post-title,.blog-entry-title) a,
body.blog :is(.entry-title,.post-title,.blog-entry-title) a,
body.archive :is(.entry-title,.post-title,.blog-entry-title) a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; line-height:1.35em; max-height:4.05em; overflow:hidden; text-overflow:ellipsis; }
body.home :is(.entry-summary,.post-excerpt), body.blog :is(.entry-summary,.post-excerpt), body.archive :is(.entry-summary,.post-excerpt) { display:none; }

/* Single story readability */
.single-post .entry-content { font-size: 18px; line-height: 1.82; }
.single-post .entry-content p { margin-bottom: 1.35em; }
.single-post .entry-title { line-height: 1.18; }
.single-post .entry-meta { color: var(--ylr-muted); }
.single-post .entry-content img { border-radius: 3px; }

/* HitMag related posts: keep the user's exact visual behavior */
.single-post .hm-related-posts .hm-rel-post { display:flex; flex-direction:column; }
.single-post .hm-related-posts .hm-rel-post > a:first-child { display:block; width:100%; aspect-ratio:16/9; overflow:hidden; margin-bottom:10px; }
.single-post .hm-related-posts .hm-rel-post > a:first-child img { display:block; width:100%; height:100%; margin:0; object-fit:cover; object-position:center; }
.single-post .hm-related-posts .hm-rel-post .post-title { display:block; line-height:1.35; height:4.05em; min-height:4.05em; max-height:4.05em; margin:0 0 8px; padding:0; overflow:hidden; }
.single-post .hm-related-posts .hm-rel-post .post-title a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; line-height:1.35; height:4.05em; max-height:4.05em; white-space:normal; overflow:hidden; text-overflow:ellipsis; }
.single-post .hm-related-posts .hm-rel-post .entry-meta { margin-top:auto; }

/* Ad/widget surfaces remain distinct from editorial content */
.hm-header-sidebar, .widget-area .widget { position:relative; }
.site-footer { background:#171717; color:#d8d8d8; }
.site-footer a { color:#eee; }
.site-footer a:hover { color:#fff; }
.site-info { border-top:1px solid rgba(255,255,255,.09); }

@media (max-width: 767px) {
  .header-main-area { padding: 14px 0; }
  .site-branding { min-height: 64px; }
  .site-branding-content { gap: 10px; }
  .hm-logo img, .custom-logo { max-height: 68px; }
  .single-post .entry-content { font-size: 17px; line-height: 1.75; }
}


/* ============================================================
   YOULIKEREAD PROFESSIONAL PUBLICATION LAYER v2.1
   Wordmark-only branding + cleaner editorial layout.
   ============================================================ */
:root {
  --ylr-red: #e64b3c;
  --ylr-red-dark: #c93c31;
  --ylr-ink: #17191c;
  --ylr-text: #26292d;
  --ylr-muted: #697078;
  --ylr-line: #e7e9ec;
  --ylr-soft: #f6f7f8;
  --ylr-bg: #ffffff;
}
html { background: #f1f3f5; }
body { background: #f1f3f5; color: var(--ylr-text); -webkit-font-smoothing: antialiased; }
#page.hitmag-wrapper { background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.04); }
.hm-container { max-width: 1240px; padding-left: 28px; padding-right: 28px; }

/* Compact utility bar */
.hm-top-bar { height: 34px; background: #f6f7f8; border-bottom: 1px solid #e6e8ea; color: #5f666d; }
.hm-date { font-size: 12px; font-weight: 600; color: #5f666d; }
.top-navigation a { color: #5f666d; font-size: 12px; }
.top-navigation a:hover { color: var(--ylr-red); }

/* Wordmark-only header. Uploaded image logos are intentionally hidden. */
.site-header { margin-bottom: 32px; background: #fff; }
.header-main-area { padding: 0; background: #fff; border: 0; }
.header-main-area .hm-container { min-height: 142px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.site-branding { float: none; margin: 0; min-height: 0; display: flex; align-items: center; }
.site-branding-content { display: block; }
.hm-logo { display: none !important; }
.hm-site-title { display: block; margin: 0; overflow: visible; }
.site-title { margin: 0; font-family: "Open Sans", Arial, sans-serif; font-size: clamp(34px, 4vw, 52px); line-height: 1; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; }
.site-title a, .site-title a:visited { color: var(--ylr-red); text-decoration: none; }
.site-title a:hover { color: var(--ylr-red-dark); }
.site-description { margin: 12px 0 0; max-width: 650px; color: var(--ylr-muted); font-size: 14px; line-height: 1.5; letter-spacing: .01em; }
.hm-header-sidebar { margin-left: auto; max-width: 728px; }

/* Main navigation */
.hm-nav-container { border: 0; }
.main-navigation { background: var(--ylr-ink); box-shadow: none; }
.main-navigation .hm-container { display: flex; align-items: center; }
.main-navigation ul { flex: 1; }
.main-navigation a { padding: 18px 18px; color: #f4f4f4; font-size: 14px; font-weight: 700; letter-spacing: .025em; }
.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a { background: #292c30; color: #fff; }
.main-navigation ul ul { background: #202327; border-top: 2px solid var(--ylr-red); }
.hm-search-button-icon { opacity: .9; }

/* Main content */
.site-content { background: #fff; }
.site-content > .hm-container { padding-top: 12px; padding-bottom: 50px; }
.content-area { color: var(--ylr-text); }
.widget-area .widget { border-bottom: 1px solid var(--ylr-line); padding-bottom: 24px; margin-bottom: 28px; }
.widget-title, .footer-widget-title { font-weight: 800; letter-spacing: .02em; }

/* Editorial cards */
body.home .hitmag-post,
body.blog .hitmag-post,
body.archive .hitmag-post { margin-bottom: 42px; }
body.home :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image),
body.blog :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image),
body.archive :is(.post-thumbnail,.entry-thumb,.featured-image,.post-image,.entry-image) { border-radius: 4px; background: #eceff1; }
body.home :is(.entry-title,.post-title,.blog-entry-title),
body.blog :is(.entry-title,.post-title,.blog-entry-title),
body.archive :is(.entry-title,.post-title,.blog-entry-title) { color: var(--ylr-ink); }
body.home :is(.entry-title,.post-title,.blog-entry-title) a,
body.blog :is(.entry-title,.post-title,.blog-entry-title) a,
body.archive :is(.entry-title,.post-title,.blog-entry-title) a { color: var(--ylr-ink); font-weight: 750; text-decoration: none; }
body.home :is(.entry-title,.post-title,.blog-entry-title) a:hover,
body.blog :is(.entry-title,.post-title,.blog-entry-title) a:hover,
body.archive :is(.entry-title,.post-title,.blog-entry-title) a:hover { color: var(--ylr-red); }
.entry-meta { color: var(--ylr-muted); font-size: 13px; }

/* Single-story reading experience */
.single-post .site-main article { max-width: 100%; }
.single-post .entry-header { margin-bottom: 24px; }
.single-post .entry-title { color: var(--ylr-ink); font-size: clamp(32px, 4.2vw, 48px); line-height: 1.13; letter-spacing: -.02em; }
.single-post .entry-content { font-size: 18px; line-height: 1.82; color: #292d31; }
.single-post .entry-content p { margin-bottom: 1.45em; }
.single-post .entry-content h2 { margin-top: 1.7em; color: var(--ylr-ink); }
.single-post .entry-content a { text-decoration-thickness: 1px; text-underline-offset: 2px; }
.single-post .entry-content img { border-radius: 4px; }
.hm-related-posts { border-top: 1px solid var(--ylr-line); padding-top: 28px; margin-top: 38px; }

/* Buttons and form controls */
button, input[type="button"], input[type="reset"], input[type="submit"], .read-more, .more-link { border-radius: 3px; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { border-color: #d8dce0; }

/* Professional footer */
.site-footer { background: #15171a; color: #c9ced3; border-top: 4px solid var(--ylr-red); }
.footer-widget-area { margin: 0 -20px; padding: 18px 0 6px; }
.footer-widget-area .widget { margin: 34px 0; }
.footer-widget-title { color: #fff; font-size: 16px; text-transform: uppercase; }
.footer-widget-area a { color: #d9dde1; }
.footer-widget-area a:hover { color: #fff; }
.site-info { background: #0f1113; border-top: 1px solid rgba(255,255,255,.08); color: #aeb4ba; }
.site-info-owner { width: 100%; float: none; padding: 18px 0; font-size: 13px; }
.site-info a { color: #fff; }

/* Ad containers should remain visually distinct from editorial/navigation. */
.hm-header-sidebar .widget { margin: 0; }
.hm-header-sidebar iframe,
.hm-header-sidebar ins { max-width: 100%; }

@media (max-width: 991px) {
  .header-main-area .hm-container { min-height: 112px; }
  .site-title { font-size: 38px; }
  .hm-header-sidebar { max-width: 48%; }
}
@media (max-width: 767px) {
  .hm-container { padding-left: 18px; padding-right: 18px; }
  .hm-top-bar { display: none; }
  .site-header { margin-bottom: 22px; }
  .header-main-area .hm-container { min-height: 96px; justify-content: center; text-align: center; }
  .site-title { font-size: clamp(27px, 9vw, 38px); letter-spacing: .16em; }
  .site-description { font-size: 13px; margin-top: 9px; }
  .hm-header-sidebar { display: none; }
  .single-post .entry-title { font-size: 32px; }
  .single-post .entry-content { font-size: 17px; line-height: 1.75; }
  .footer-sidebar { width: 100%; }
}

.ylr-footer-brand { padding-top: 20px; color: #fff; font-size: 22px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.ylr-footer-nav { padding: 12px 0 2px; }
.ylr-footer-nav ul { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; margin: 0; padding: 0; }
.ylr-footer-nav a { color: #d9dde1; font-size: 13px; text-decoration: none; }
.ylr-footer-nav a:hover { color: #fff; }
@media (max-width: 767px) { .ylr-footer-nav ul { gap: 8px 16px; } }

/* =========================================================
   YOULIKEREAD v2.2 — mockup-matched editorial header/footer
   ========================================================= */
.header-main-area { background:#fff !important; }
.header-main-area > .hm-container { min-height:140px; display:flex; align-items:center; justify-content:space-between; gap:40px; padding-top:24px; padding-bottom:20px; }
.ylr-branding { flex:0 1 720px; }
.ylr-wordmark { margin:0 !important; font-size:clamp(42px,5vw,72px) !important; line-height:.95 !important; font-weight:900 !important; letter-spacing:-.055em !important; }
.ylr-wordmark a { text-decoration:none !important; }
.ylr-wordmark .ylr-like { color:#0d1d2c; }
.ylr-wordmark .ylr-read { color:#e52d35; }
.ylr-brand-rule { display:flex; align-items:center; gap:14px; width:min(520px,100%); margin:13px 0 6px; color:#777; }
.ylr-brand-rule span { height:3px; flex:1; background:#e52d35; border-radius:3px; }
.ylr-brand-rule b { font-size:25px; line-height:1; transform:rotate(90deg); color:#70757a; font-weight:400; }
.ylr-tagline { margin:0 !important; font-size:17px !important; letter-spacing:.08em !important; color:#73777c !important; }
.ylr-header-search { flex:0 0 330px; }
.ylr-header-search .search-form { display:flex; margin:0; }
.ylr-header-search .search-field { width:100%; min-height:48px; border:1px solid #d9dde1; border-radius:5px 0 0 5px; padding:0 16px; font-size:15px; }
.ylr-header-search .search-submit { min-width:54px; border:0; border-radius:0 5px 5px 0; background:#e52d35; color:#fff; font-size:0; position:relative; }
.ylr-header-search .search-submit:after { content:'⌕'; font-size:30px; line-height:1; }
.main-navigation { background:#0e1c29 !important; }
.main-navigation a { padding:19px 20px !important; font-size:14px !important; }
.main-navigation ul li.current-menu-item > a,.main-navigation ul li:hover > a { background:transparent !important; box-shadow:inset 0 -4px 0 #e52d35; }
.hm-nav-container .hm-search-button-icon,.hm-nav-container .hm-search-box-container { display:none !important; }

/* Body polish */
.site-content { background:#fff; }
.site-content > .hm-container { padding-top:34px; padding-bottom:46px; }
.entry-content { color:#30343a; }
a { transition:color .18s ease, background-color .18s ease; }

/* Footer matching approved visual */
.ylr-site-footer { background:linear-gradient(135deg,#0e1c29,#111f2d) !important; border-top:0 !important; color:#c9d0d6; }
.ylr-footer-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr 1fr; gap:56px; padding:48px 0 42px; }
.ylr-footer-wordmark { font-size:34px; font-weight:900; letter-spacing:-.045em; color:#fff; }
.ylr-footer-wordmark b { color:#e52d35; }
.ylr-footer-rule { display:flex; align-items:center; gap:10px; max-width:300px; margin:13px 0 17px; }
.ylr-footer-rule span { height:2px; flex:1; background:#e52d35; }
.ylr-footer-rule b { color:#fff; transform:rotate(90deg); font-size:19px; font-weight:400; }
.ylr-footer-about p { font-size:15px; line-height:1.7; letter-spacing:.035em; color:#aeb7bf; }
.ylr-footer-col h3 { color:#fff; text-transform:uppercase; font-size:15px; letter-spacing:.04em; margin:0 0 15px; padding-bottom:11px; border-bottom:1px solid #53606b; }
.ylr-footer-col ul,.ylr-footer-col .menu { list-style:none; margin:0; padding:0; }
.ylr-footer-col li { margin:0 0 8px; padding:0; border:0; }
.ylr-footer-col a { color:#eef1f3; text-decoration:none; font-size:14px; }
.ylr-footer-col a:hover,.ylr-legal-nav a:hover { color:#ff5a60; }
.ylr-footer-widgets .widget { margin:0; padding:0; border:0; }
.ylr-footer-widgets .widget-title { display:none; }
.ylr-footer-bottom { border-top:1px solid #41505c; }
.ylr-footer-bottom .hm-container { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.ylr-copyright { color:#b6bec5; font-size:13px; }
.ylr-legal-nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0; }
.ylr-legal-nav a { color:#eef1f3; text-decoration:none; font-size:13px; padding:0 16px; border-right:1px solid #87919a; }
.ylr-legal-nav a:last-child { border-right:0; padding-right:0; }
.site-info,.footer-widget-area { display:none !important; }

@media (max-width:900px) {
 .header-main-area > .hm-container { min-height:110px; }
 .ylr-header-search { flex-basis:260px; }
 .ylr-footer-grid { grid-template-columns:1fr 1fr; gap:38px; }
}
@media (max-width:767px) {
 .header-main-area > .hm-container { display:block; padding-top:22px; padding-bottom:20px; }
 .ylr-wordmark { font-size:43px !important; }
 .ylr-tagline { font-size:13px !important; letter-spacing:.04em !important; }
 .ylr-header-search { display:none; }
 .ylr-footer-grid { grid-template-columns:1fr; gap:30px; padding:36px 0; }
 .ylr-footer-bottom .hm-container { display:block; padding-top:20px; padding-bottom:20px; }
 .ylr-legal-nav { justify-content:flex-start; margin-top:12px; gap:8px 16px; }
 .ylr-legal-nav a { padding:0; border:0; }
}