/*!
Theme Name: smag
Theme URI: http://underscores.me/
Author: Viuu
Author URI: http://viuu.ca
Description: SMagazine
Version: 1.0.24
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smag
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

smag is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/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
--------------------------------------------------------------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger-box {
  width: 25px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 25px;
  height: 4px;
  background-color: #000000;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  background-size: 100%;
  background-repeat: no-repeat;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
  font-family: "source_sans_probold";
  src: url("../woff2/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../woff/sourcesanspro-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "source_sans_prolight";
  src: url("../woff2/sourcesanspro-light-webfont.woff2") format("woff2"), url("../woff/sourcesanspro-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "source_sans_proregular";
  src: url("../woff2/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../woff/sourcesanspro-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /*777460-Univers Next W01 Light*/
  font-family: "UniversNext-light";
  src: url("../woff2/97c0f83d-39ac-412b-9d8a-d98208c0ce8d.woff2") format("woff2"), url("../woff/fc09acb4-f628-4ba0-b648-d2ca30265b20.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /*1140347-Univers N W01 930 B X Blk*/
  font-family: "UniversNext-X-Blk";
  src: url("../woff2/bac1b39b-eefb-416d-bbe5-a78d378cb66d.woff2") format("woff2"), url("../woff/67a1ce67-66ad-450a-a3d6-98e15f534199.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FreightBigProLight";
  src: url("../woff2/freightbigprolight.woff2") format("woff2"), url("../woff/freightbigprolight.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FreightBigProBook";
  src: url("../woff2/freightbigprobook.woff2") format("woff2"), url("../woff/freightbigprobook.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body,
button,
input,
select,
optgroup,
textarea {
  color: #000000;
  font-family: "source_sans_proregular", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "FreightBigProLight", sans-serif;
}

h2.main-heading {
  font-size: 3.1em;
  line-height: 1;
  font-weight: normal;
  margin: 0;
  transition: opacity 0.3s ease;
}
h2.main-heading:hover {
  opacity: 0.5;
}
h2.main-heading a:hover {
  font-style: normal;
}
@media (max-width: 2500px) {
  h2.main-heading {
    font-size: 3.1em;
  }
}
@media (max-width: 767px) {
  h2.main-heading {
    font-size: 2em;
    width: 88%;
  }
}
h2.main-heading a:hover {
  text-decoration: none;
}

.cat_heading {
  font-size: 4em;
  margin-bottom: 1.5rem;
  font-weight: normal;
  font-family: "FreightBigProBook", sans-serif;
  margin-top: 0;
  transition: opacity 0.3s ease;
}
.cat_heading:hover {
  opacity: 0.5;
}
.cat_heading a:hover {
  font-style: normal;
}
@media (max-width: 767px) {
  .cat_heading {
    margin-top: 71px;
    margin-bottom: 1rem;
    font-size: 1.8rem;
  }
}

.entry-title {
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .entry-title {
    font-size: 2.66vw;
  }
}

p {
  margin-bottom: 1.5em;
}

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

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

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 https://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. */
}

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

ul, ol {
  margin: 0 0 1.5em 1em;
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
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 {
  border-color: #aaa #bbb #bbb;
}

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 #ccc;
  border-radius: 3px;
  padding: 3px;
}
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: #000000;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #000000;
  text-decoration: none;
}
a:visited {
  color: #000000;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  font-style: italic;
}
a:focus {
  outline: none;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul li.menu-item-has-children:after {
  content: "\f078";
  font-family: fontawesome;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
  background: white;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation li.menu-item-has-children {
  padding-right: 30px !important;
}
.main-navigation li.menu-item-has-children:after {
  content: "\f078";
  font-family: fontawesome;
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 10px;
  font-size: 10px;
}
.main-navigation a {
  display: block;
  font-weight: normal;
  font-size: 1.75em;
  font-family: "FreightBigProBook", sans-serif;
}
.main-navigation a:hover {
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .site-main .post-navigation a,
.posts-navigation .site-main .post-navigation a,
.post-navigation .site-main .post-navigation a {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 40%;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .comment-navigation .nav-previous,
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous {
    display: none;
  }
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 40%;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .comment-navigation .nav-next,
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
    float: none;
    text-align: left;
    width: 100%;
  }
}

#mobile-menu {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  pointer-events: none;
  background: transparent;
  z-index: 99;
  transition: background 0.7s;
}
#mobile-menu .menu-container {
  width: 400px;
  background-color: #000000;
  height: 100vh;
  color: white;
  position: relative;
  transform: translateX(-100%);
  transition: transform 0.7s;
  z-index: 999;
  padding: 20px;
}
#mobile-menu .hamburger-inner,
#mobile-menu .hamburger-inner::before,
#mobile-menu .hamburger-inner::after {
  background-color: white;
}
#mobile-menu .menu-logo {
  width: 60%;
  float: left;
}
#mobile-menu .mobile-hamburger {
  width: 40%;
  float: left;
  text-align: right;
}
#mobile-menu .header-wrapper {
  content: "";
  display: table;
  table-layout: fixed;
  margin-bottom: 30px;
}
#mobile-menu aside#menu-widget {
  bottom: 0;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 20px 20px 30px 20px;
}
#mobile-menu ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
#mobile-menu ul li {
  padding: 10px 0 10px 30px;
}
#mobile-menu ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
}
#mobile-menu ul li a:hover {
  text-decoration: underline;
}
#mobile-menu #mobile-main,
#mobile-menu #mobile-admin {
  margin-bottom: 30px;
}
#mobile-menu #mobile-main li a {
  font-size: 16px;
  font-size: 1rem;
}
#mobile-menu #mobile-main li ul.sub-menu {
  transition: max-height 1s;
  max-height: 0;
  overflow: hidden;
}
#mobile-menu #mobile-main li ul.sub-menu li {
  padding-top: 0;
  padding-bottom: 0;
}
#mobile-menu #mobile-main li ul.sub-menu a {
  font-size: 12px;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}
#mobile-menu #mobile-main li ul.sub-menu a:hover {
  text-decoration: underline;
}
#mobile-menu #mobile-main li.smag-open-sub ul.sub-menu {
  max-height: 400px;
}
#mobile-menu #mobile-main li.menu-item-has-children {
  padding-right: 30px !important;
  position: relative;
  z-index: 99;
}
#mobile-menu #mobile-main li .fa {
  position: relative;
  left: 65%;
  pointer-events: all;
  cursor: pointer;
  z-index: 9999;
}
#mobile-menu #mobile-main li .fa:hover {
  color: #d4b877;
}
#mobile-menu #mobile-admin li {
  padding: 5px 0 5px 30px;
}
#mobile-menu #mobile-admin li a {
  font-size: 12px;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}
#mobile-menu #mobile-admin li a:hover {
  text-decoration: underline;
}

body.admin-bar #mobile-menu {
  height: calc(100vh - 32px);
  top: 32px;
}
body.admin-bar .menu-container {
  height: calc(100vh - 32px);
}

body.smag-menu-open #mobile-menu {
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.3215686275);
}
body.smag-menu-open #mobile-menu .menu-container {
  transform: translateX(0);
}

@media (max-width: 767px) {
  #mobile-menu #menu-widget {
    display: none;
  }
}
@media screen and (max-height: 800px) {
  #mobile-menu #menu-widget {
    display: none;
  }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
  -webkit-clip-path: none;
          clip-path: none;
  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,
section:before,
section:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
section:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

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

.post,
.page {
  margin: 0;
}

div#content {
  background: white;
  padding: 0 30px;
}

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

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.container.wrapper,
.site-main.wrapper,
.site-header.wrapper,
.entry-content {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding: 0px;
}

section.horizontal-ad .wrapper {
  padding: 0;
}

section.content-section {
  width: 100%;
}

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

.bypostauthor {
  display: block;
}

.mobile-only {
  display: none;
}
@media (max-width: 767px) {
  .mobile-only {
    display: block;
  }
}

@media (max-width: 767px) {
  .desktop-only {
    display: none;
  }
}
div#ad-banner-top {
  height: 260px;
  padding: 5px 0 0 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  max-width: 970px;
  width: 100%;
  margin: auto;
  padding-top: 30px;
}
div#ad-banner-top div[id^=google_ads_iframe] {
  display: block !important;
  margin: auto;
}

body .inner-body {
  margin: 0 auto !important;
  background: #fff;
}
body.admin-bar div#ad-banner-top {
  top: 32px;
}

html.takeover body .inner-body {
  max-width: 1370px;
}

.takeover-main {
  position: relative;
}
.takeover-main .takeover-sides {
  position: absolute;
  top: 0px;
  right: 0;
  width: 100%;
  text-align: center;
  z-index: -1;
  height: 100%;
}
.takeover-main .takeover-sides iframe {
  width: 2000px;
  position: absolute;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 2000px;
}

.site-title,
.site-description {
  display: none;
}

#page {
  position: relative;
  margin-top: 0;
  z-index: 1;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 560px) {
  #page {
    margin-bottom: 0;
  }
}
#page-takeover {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

header#masthead {
  background-color: transparent;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  display: grid;
  grid-template-columns: 200px auto;
  grid-template-rows: auto auto;
  transform: translateZ(0);
  transition: opacity 1.25s ease-in-out;
}
header#masthead button#menu-hamburger {
  transition: opacity 0.25s ease;
}
header#masthead button#menu-hamburger:hover {
  opacity: 0.6;
}
header#masthead.header-fixed {
  position: fixed;
  top: 0;
  left: auto;
  width: 100%;
  opacity: 0;
  background: #fff;
  z-index: 999;
  padding-bottom: 0px;
  padding-top: 5px;
}
@media (max-width: 1200px) {
  header#masthead {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "logo logo" "social ham";
  }
  header#masthead .site-branding {
    grid-area: logo;
  }
  header#masthead #social-right {
    grid-area: social;
  }
  header#masthead #mobile-nav {
    grid-area: ham;
  }
}
@media (max-width: 767px) {
  header#masthead {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  header#masthead #mobile-nav {
    place-self: end;
    align-self: center;
    margin-bottom: 0;
  }
}
header#masthead .site-branding {
  grid-area: logo;
  place-self: center;
  max-width: 300px;
  width: 90%;
  display: block;
  margin: auto;
}
header#masthead #social-right ul.sm-links {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: right;
}
header#masthead #social-right ul.sm-links li {
  display: inline-block;
  padding: 0 10px;
}
header#masthead #social-right ul.sm-links li:last-child {
  padding-right: 0;
}
header#masthead .menu li {
  padding: 0 40px;
}
header#masthead .menu li:hover {
  font-style: italic;
}
header#masthead .menu li:last-child {
  padding-right: 0px;
}

html.takeover header#masthead.header-fixed {
  max-width: 1370px;
}

body.show-main-menu header#masthead #mobile-nav {
  grid-area: ham;
  justify-self: end;
  align-self: center;
}
body.show-main-menu header#masthead #social-right {
  grid-area: social;
}
@media (max-width: 1200px) {
  body.show-main-menu header#masthead #social-right {
    place-self: center;
  }
}
body.show-main-menu header#masthead #site-navigation {
  grid-area: nav-menu;
  display: flex;
  justify-content: center;
  align-self: start;
}
@media (max-width: 1200px) {
  body.show-main-menu header#masthead #site-navigation {
    display: none;
  }
}

body.no-main-menu header#masthead #mobile-nav {
  grid-area: social;
  justify-self: end;
  align-self: center;
}
@media (max-width: 1200px) {
  body.no-main-menu header#masthead #mobile-nav {
    grid-area: ham;
  }
}
@media (max-width: 600px) {
  body.no-main-menu header#masthead #mobile-nav {
    place-self: end;
  }
}
body.no-main-menu header#masthead #social-right {
  grid-area: 2/1;
}
@media (max-width: 1200px) {
  body.no-main-menu header#masthead #social-right {
    place-self: center;
  }
}
@media (max-width: 600px) {
  body.no-main-menu header#masthead #social-right {
    place-self: start;
    flex-direction: column;
  }
  body.no-main-menu header#masthead #social-right .form-wrapper {
    margin-left: 5px;
    margin-top: 10px;
  }
}

#ad-left {
  grid-area: left;
  height: 100%;
}
@media (max-width: 1200px) {
  #ad-left {
    display: none;
  }
}

#smag-ad-widget {
  height: 230px;
}
#smag-ad-widget .smag-ad {
  overflow: hidden;
  height: 128px;
}

#ad-left .ad-left,
#ad-left .ad-right,
#smag-ad-widget .ad-left,
#smag-ad-widget .ad-right {
  width: 50%;
  float: left;
}
#ad-left .smag-ad,
#smag-ad-widget .smag-ad {
  height: 100%;
  display: flex;
  align-items: center;
}
#ad-left .smag-ad img,
#smag-ad-widget .smag-ad img {
  display: block;
}
#ad-left .smag-ad .ad-right,
#smag-ad-widget .smag-ad .ad-right {
  text-align: center;
  height: 100%;
  position: relative;
}
#ad-left .smag-ad .ad-right .ad-container,
#smag-ad-widget .smag-ad .ad-right .ad-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 5px;
  font-family: "UniversNext-light", sans-serif;
}
#ad-left .smag-ad .ad-right .ad-container p,
#smag-ad-widget .smag-ad .ad-right .ad-container p {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}
#ad-left .smag-ad .ad-right .ad-container a,
#smag-ad-widget .smag-ad .ad-right .ad-container a {
  display: inline-block;
  color: #000000;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  transition: all 0.5s;
}

#gallery-ad #smag-ad-widget a,
#mobile-menu #smag-ad-widget a {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.5s;
}

.subscribe_bar {
  width: 100%;
  display: block;
  background: #F1D94D;
  cursor: pointer;
  padding: 7px 30px;
}
.subscribe_bar p {
  display: inline-block;
  margin: 7px auto;
}
.subscribe_bar .bar_right {
  float: right;
}
.subscribe_bar a {
  color: #000000;
}
.subscribe_bar a:hover {
  text-decoration: none;
  font-style: italic;
}
.subscribe_bar a.cat_tag {
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .subscribe_bar a.cat_tag {
    font-size: 10px;
    margin-top: 12px;
  }
}

.post_wrap {
  clear: both;
}

.cat_tag {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
}
.cat_tag:hover {
  font-style: normal;
  opacity: 0.5;
}
@media (max-width: 2500px) {
  .cat_tag {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .cat_tag {
    margin-top: 21px;
    font-size: 14px;
  }
}

.small_desc {
  font-family: "Baskerville";
  font-size: 2.2em;
  font-weight: 400;
  line-height: 1.5;
  margin: 30px auto 0 auto;
}
@media (max-width: 2500px) {
  .small_desc {
    font-size: 1.2em;
  }
}

.top_header_right {
  margin-bottom: 10px;
  display: inline-flex;
  -moz-column-count: auto;
       column-count: auto;
  align-items: end;
  float: right;
}
.top_header_right .cat_tag {
  align-self: baseline;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .top_header_right .cat_tag {
    margin-top: 0;
  }
}
.top_header_right #header_search {
  align-self: center;
  margin-right: 10px;
}

.custom-logo-link {
  position: relative;
  display: inline-block;
}
.custom-logo-link svg {
  display: block;
  width: 200px;
  margin-left: -50px;
}
.custom-logo-link svg:hover .st0 {
  fill: #a5a5a5;
  stroke: #a5a5a5;
}
@media (max-width: 767px) {
  .custom-logo-link svg {
    margin-left: 0px;
    width: 120px;
  }
}

.top_20 {
  margin-top: 20px;
}

.menu-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: -100%;
  background-color: #000;
  overflow-x: hidden;
  transition: right 0.5s;
  padding: 0px 25px;
}
@media (max-width: 767px) {
  .menu-overlay {
    padding-top: 20px;
  }
}
.menu-overlay.open {
  right: 0;
}
.menu-overlay .search_bar {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .menu-overlay .search_bar {
    top: 0px;
    right: 25px;
  }
}
.menu-overlay .search_bar input#search {
  background: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #fff !important;
  color: #fff;
  font-size: 16px;
  font-weight: 200;
}
.menu-overlay .close-btn {
  color: #fff;
}
.menu-overlay .logo_white .logo_white_img {
  max-width: 10%;
}
@media (max-width: 767px) {
  .menu-overlay .logo_white .logo_white_img {
    max-width: 20%;
    margin-left: -15px;
  }
}
@media (max-width: 767px) {
  .menu-overlay .logo_white {
    margin-bottom: 30px;
  }
}
.menu-overlay li {
  list-style: none;
}
.menu-overlay .menu-content {
  position: relative;
  width: 100%;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .menu-overlay .menu-content {
    margin-top: 0px;
  }
}
.menu-overlay .menu-content ul {
  margin: 0;
}
@media (max-width: 767px) {
  .menu-overlay .menu-content ul {
    padding: 0;
  }
}
.menu-overlay .menu-content a {
  color: #fff;
  display: block;
  transition: 0.3s;
  font-weight: normal;
  font-size: 2.5em;
  font-family: "FreightBigProBook", sans-serif;
}
@media (max-width: 767px) {
  .menu-overlay .menu-content a {
    line-height: 1.5em;
    font-size: 2.25em;
  }
}
.menu-overlay .menu-content a:hover {
  font-style: italic;
  text-decoration: none;
}

.image-wrapper {
  transition: opacity 1.2s ease;
}
.image-wrapper:hover {
  opacity: 0.7;
}

.content-section .content_wrapper {
  display: flex;
  flex-direction: column;
}

.menu-footer {
  position: absolute;
  bottom: 50px;
  width: 100%;
  text-align: right;
  color: #fff;
  padding-right: 65px;
}
@media (max-width: 767px) {
  .menu-footer {
    position: initial;
    text-align: left;
    padding-right: 0;
  }
}
.menu-footer a {
  color: #fff;
  text-decoration: none;
  margin: 0 10px;
}
@media (max-width: 767px) {
  .menu-footer a {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .menu-footer ul {
    margin: 0;
    padding-left: 0px;
  }
}
.menu-footer .menu-footer-container {
  display: inline-block;
}
@media (max-width: 767px) {
  .menu-footer .menu-footer-container {
    display: block;
    margin-top: 62px;
  }
}
.menu-footer .menu-footer-container li {
  display: inline-block;
}
@media (max-width: 767px) {
  .menu-footer .menu-footer-container li {
    display: block;
    line-height: 40px;
  }
}
.menu-footer .menu-footer-container li a {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 10px;
}
.menu-footer .social-media {
  display: inline-block;
}
@media (max-width: 767px) {
  .menu-footer .social-media {
    margin-top: 62px;
    display: block;
  }
}
.menu-footer .social-media ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.menu-footer .social-media li {
  width: 26px;
  display: inline-block;
  margin: 0px 7px;
}
.menu-footer .social-media li:nth-child(2) {
  margin-left: 12px;
}
.menu-footer .social-media li .mv-twitter {
  display: flex;
  align-items: center;
}
.menu-footer .social-media li .twitter-icon {
  fill: #fff;
}
.menu-footer .social-media a {
  font-size: 30px;
  color: #fff;
  margin: 0;
  transition: opacity 1.2s ease;
}
.menu-footer .social-media a:hover {
  color: #f1f1f1;
  opacity: 0.5;
}

button#load-more-catposts {
  display: block;
  margin: 50px auto 0px auto;
  background: #000;
  color: #fff;
  padding: 16px 50px;
  font-size: 20px;
  cursor: pointer;
  font-weight: bold;
  font-family: "FreightBigProBook", sans-serif;
  letter-spacing: 1px;
  transition: opacity 1s;
}
button#load-more-catposts:hover {
  opacity: 0.6;
}

.insta_wrapper .insta_header {
  display: flex;
  flex-wrap: wrap;
  -moz-column-count: 2;
       column-count: 2;
  flex-direction: row;
  justify-content: space-between;
}
.insta_wrapper .sm-links {
  align-self: center;
  padding: 0;
  margin: 0;
  display: flex;
}
.insta_wrapper .sm-links li {
  display: inline-block;
  margin: 0px 7px;
  list-style: none;
  align-self: center;
}
.insta_wrapper .sm-links li a {
  font-size: 38px;
}
@media (max-width: 767px) {
  .insta_wrapper .sm-links li a {
    font-size: 30px;
  }
}
.insta_wrapper .sm-links li a:hover {
  color: #a5a5a5;
}
.insta_wrapper .sm-links li a.mv-twitter svg {
  height: 38px;
  margin-top: 13px;
}
@media (max-width: 767px) {
  .insta_wrapper .sm-links li a.mv-twitter svg {
    height: 30px;
  }
}
.insta_wrapper .sm-links li a.mv-twitter:hover svg {
  fill: #a5a5a5;
}
.insta_wrapper .mobile-only .sm-links {
  float: right;
}

footer#colophon, footer#colophon-takeover {
  background-color: #fff;
  height: auto;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  clear: both;
  display: grid;
  grid-template-columns: 200px auto;
  grid-template-rows: auto auto;
}
footer#colophon-takeover {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
footer#colophon .footer-logo, footer#colophon-takeover .footer-logo {
  padding: 20px 0;
  text-align: left;
  display: inline-block;
  position: relative;
}
footer#colophon .footer-logo svg, footer#colophon-takeover .footer-logo svg {
  display: block;
  max-width: 300px;
  width: 70%;
}
footer#colophon .footer-logo:hover .st0, footer#colophon-takeover .footer-logo:hover .st0 {
  fill: #a5a5a5;
  stroke: #a5a5a5;
}
footer#colophon .right-footer, footer#colophon-takeover .right-footer {
  grid-area: unset;
  align-self: end;
  margin-bottom: 30px;
  justify-self: end;
}
footer#colophon ul.menu, footer#colophon-takeover ul.menu {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
}
footer#colophon ul.menu li, footer#colophon-takeover ul.menu li {
  display: inline-block;
}
footer#colophon ul.menu li a, footer#colophon-takeover ul.menu li a {
  text-decoration: none;
}
footer#colophon ul.menu li a:hover, footer#colophon-takeover ul.menu li a:hover {
  font-style: italic;
}
footer#colophon ul.menu li ul.sub-menu, footer#colophon-takeover ul.menu li ul.sub-menu {
  display: none;
}
footer#colophon #footer-menu, footer#colophon-takeover #footer-menu {
  text-align: right;
  margin-bottom: 20px;
}
footer#colophon #footer-menu ul li, footer#colophon-takeover #footer-menu ul li {
  padding: 0 10px;
  font-weight: normal;
  font-size: 1.5em;
  font-family: "FreightBigProBook", sans-serif;
}
footer#colophon #footer-admin-nav, footer#colophon-takeover #footer-admin-nav {
  text-align: center;
}
footer#colophon #footer-admin-nav ul li, footer#colophon-takeover #footer-admin-nav ul li {
  padding: 0 10px;
  font-family: "UniversNext-light", sans-serif;
}
footer#colophon #footer-admin-nav a, footer#colophon-takeover #footer-admin-nav a {
  color: #000;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 767px) {
  footer#colophon #footer-admin-nav a, footer#colophon-takeover #footer-admin-nav a {
    font-size: 0.75em !important;
  }
}
footer#colophon #footer-admin-nav a:hover, footer#colophon-takeover #footer-admin-nav a:hover {
  font-style: italic;
}
footer#colophon #copyright, footer#colophon-takeover #copyright {
  padding: 10px 0 15px 0;
  text-align: center;
  color: #6d6d6d;
  font-size: 12px;
  font-size: 0.75rem;
}
footer#colophon #copyright span, footer#colophon-takeover #copyright span {
  padding: 0 15px;
  display: inline-block;
}
footer#colophon #copyright a, footer#colophon-takeover #copyright a {
  color: inherit;
}
footer#colophon #copyright a:hover, footer#colophon-takeover #copyright a:hover {
  font-style: italic;
}
footer#colophon #social-footer ul.sm-links, footer#colophon-takeover #social-footer ul.sm-links {
  padding-top: 5px;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: center;
}
footer#colophon #social-footer ul.sm-links li, footer#colophon-takeover #social-footer ul.sm-links li {
  display: inline-block;
  padding: 0 10px;
}
footer#colophon #social-footer ul.sm-links li:last-child, footer#colophon-takeover #social-footer ul.sm-links li:last-child {
  padding-right: 0;
}
footer#colophon #social-footer ul.sm-links li .fa, footer#colophon-takeover #social-footer ul.sm-links li .fa {
  color: white;
}
footer#colophon #social-footer ul.sm-links li .fa:hover, footer#colophon-takeover #social-footer ul.sm-links li .fa:hover {
  color: #d4b877;
}

.footer_newsletter {
  padding: 0 30px;
  display: flex;
  align-items: center;
}
.footer_newsletter .form {
  margin-top: 30px;
}
.footer_newsletter .form #mc_embed_signup {
  width: 600px;
}
@media (max-width: 767px) {
  .footer_newsletter .form #mc_embed_signup {
    width: 100%;
  }
}
.footer_newsletter .form #mc_embed_signup .mc-field-group {
  width: 65%;
  display: inline-block;
}
.footer_newsletter .form #mc_embed_signup input#mce-EMAIL {
  background: #000;
  border: 1px solid #000;
  border-radius: 0;
  color: #fff;
  text-align: center;
  font-size: 1.65em;
  line-height: 1.3;
  font-weight: normal;
  font-family: "FreightBigProBook", sans-serif;
}
@media (max-width: 767px) {
  .footer_newsletter .form #mc_embed_signup input#mce-EMAIL {
    font-size: 1.35em;
  }
}
.footer_newsletter .form #mc_embed_signup input#mce-EMAIL::-moz-placeholder {
  color: #fff;
}
.footer_newsletter .form #mc_embed_signup input#mce-EMAIL::placeholder {
  color: #fff;
}
.footer_newsletter .form #mc_embed_signup input#mce-EMAIL:focus {
  background: #a5a5a5;
  outline: none !important;
}
.footer_newsletter .form #mc_embed_signup #mc-embedded-subscribe {
  margin: 8px 5px 10px 0;
  display: inline-block;
  color: #000 !important;
  background: none !important;
}
.footer_newsletter .form #mc_embed_signup #mce-responses {
  padding: 0;
}
.footer_newsletter .form #mc_embed_signup #mce-responses .response {
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .footer_newsletter {
    padding: 0 20px;
    display: block;
  }
  .footer_newsletter #mc_embed_signup form {
    margin: 0;
  }
  footer#colophon, footer#colophon-takeover {
    display: block;
  }
  footer#colophon .footer-logo, footer#colophon-takeover .footer-logo {
    display: none;
  }
  footer#colophon .right-footer #footer-menu, footer#colophon-takeover .right-footer #footer-menu {
    display: none;
  }
  footer#colophon #footer-admin-nav ul li, footer#colophon-takeover #footer-admin-nav ul li {
    padding: 0 3px;
    display: inline;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  footer#colophon, footer#colophon-takeover {
    padding: 20px;
  }
}
/*--------------------------------------------------------------
# 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%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

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

body.page-template-template-home .wrapper {
  padding-bottom: 20px;
}
body.page-template-template-home .content-section {
  margin-bottom: 90px;
  content: "";
  display: table;
  table-layout: fixed;
  display: block;
}
@media (max-width: 767px) {
  body.page-template-template-home .content-section {
    margin-bottom: 0px;
  }
  body.page-template-template-home .content-section#section-2 .cat_heading {
    margin-top: 55px !important;
    margin-bottom: 21px !important;
  }
  body.page-template-template-home .content-section .featured-three .content.col-6.right {
    display: none;
  }
  body.page-template-template-home .content-section .featured-three-rev .content.col-6.left {
    display: none;
  }
  body.page-template-template-home .content-section .featured-two .image-wrapper {
    height: 380px;
  }
  body.page-template-template-home .content-section .featured-two .post:nth-child(2) {
    display: none;
  }
  body.page-template-template-home .content-section .featured-video .image-wrapper {
    height: 210px;
  }
}
body.page-template-template-home .content-section .section-title {
  position: relative;
  overflow: hidden;
}
body.page-template-template-home .content-section .image-wrapper {
  overflow: hidden;
}
body.page-template-template-home .content-section .image-wrapper a img {
  transition: transform 0.75s cubic-bezier(0.25, 0.8, 0.25, 1);
}
body.page-template-template-home .content-section .image-wrapper a:hover img {
  transform: scale(1.03);
  will-change: transform;
  transition: transform 0.75s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.featured-two .post:nth-child(2) .col-6.left {
  padding-left: 2%;
  padding-right: 0;
}

.grid .category,
.slide .category,
.article .category,
.post .category {
  margin-top: 1em;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
}
.grid .title,
.slide .title,
.article .title,
.post .title {
  margin: 0.37em 0;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
}
.grid .author,
.slide .author,
.article .author,
.post .author {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.grid .author a,
.slide .author a,
.article .author a,
.post .author a {
  font-weight: 600;
}

body.home .author {
  display: none;
}

.float_left {
  display: inline-block;
  width: 50%;
}

.cat_tag.split_tag {
  float: right;
}

.featured-article-video .image-wrapper {
  padding-top: 0 !important;
  height: 710px;
}
.featured-article-video .image-wrapper .bg_img {
  height: 710px;
}

section.featured-categories .section-title, section.featured-posts .section-title {
  position: relative;
  overflow: hidden;
  text-align: center;
}
section.featured-categories .section-title .title-inner, section.featured-posts .section-title .title-inner {
  position: relative;
  display: inline-block;
  padding: 0 30px;
}
section.featured-categories .section-title .title-inner:before, section.featured-posts .section-title .title-inner:before {
  right: 100%;
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background: grey;
  position: absolute;
  top: 50%;
}
section.featured-categories .section-title .title-inner:after, section.featured-posts .section-title .title-inner:after {
  left: 100%;
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background: grey;
  position: absolute;
  top: 50%;
}
section.featured-categories .section-title .title-inner h2, section.featured-posts .section-title .title-inner h2 {
  display: inline-block;
  text-transform: uppercase;
}
section.featured-categories .featured-categories, section.featured-posts .featured-categories {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 2.5%;
       column-gap: 2.5%;
}
@media (max-width: 768px) {
  section.featured-categories .featured-categories, section.featured-posts .featured-categories {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  section.featured-categories .featured-categories, section.featured-posts .featured-categories {
    grid-template-columns: repeat(1, 1fr);
  }
}

section.category_slider {
  overflow: hidden;
}
section.category_slider .container.wrapper {
  width: 100%;
}
@media (max-width: 1200px) {
  section.category_slider .container.wrapper {
    width: 100%;
    position: static;
  }
}
section.category_slider .slider {
  width: 102.5%;
  position: relative;
  left: -1.25%;
  max-width: 100%;
}
@media (max-width: 102.5%) {
  section.category_slider .slider {
    left: unset;
  }
}
section.category_slider .col-3 .slide {
  width: 33.3333333333%;
  padding: 0 1.25%;
  box-sizing: border-box;
}
section.category_slider .col-3 .category,
section.category_slider .col-3 .title,
section.category_slider .col-3 .author {
  text-align: center;
}
section.category_slider .col-4 .slide {
  width: 25%;
  padding: 0 1.25%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  section.category_slider .col-4 .slide {
    width: 33.3333333333%;
  }
}
section.category_slider .col-4 .category,
section.category_slider .col-4 .title,
section.category_slider .col-4 .author {
  text-align: left;
}
section.category_slider .slick-dots li {
  width: 10px;
}
section.category_slider .slick-dots li button {
  padding: 0;
  width: 10px;
}
section.category_slider .slick-dots li button:before {
  opacity: 0.1;
  width: 10px;
}
section.category_slider .slick-dots li.slick-active button:before {
  opacity: 0.4;
}

section.hero-category .section-title {
  position: relative;
  overflow: hidden;
  text-align: center;
}
section.hero-category .section-title .title-inner {
  position: relative;
  display: inline-block;
  padding: 0 30px;
}
section.hero-category .section-title .title-inner:before {
  right: 100%;
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background: grey;
  position: absolute;
  top: 50%;
}
section.hero-category .section-title .title-inner:after {
  left: 100%;
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background: grey;
  position: absolute;
  top: 50%;
}
section.hero-category .section-title .title-inner h2 {
  display: inline-block;
  text-transform: uppercase;
}
section.hero-category #hero-post {
  grid-area: hero-post;
  display: flex;
}
section.hero-category #hero-post .content {
  position: relative;
  width: 400px;
  text-align: center;
}
section.hero-category #hero-post .content .square {
  position: relative;
  top: 0;
  left: 0;
  height: 0;
  padding-bottom: 100%;
}
section.hero-category #hero-post .content .center {
  padding: 0 15%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
section.hero-category #hero-post .category,
section.hero-category #hero-post .title,
section.hero-category #hero-post .author {
  text-align: center;
}
section.hero-category #hero-post .title {
  font-size: 24px;
  font-size: 1.5rem;
}
@media (max-width: 1024px) {
  section.hero-category #hero-post .title {
    font-size: 2.3vw;
  }
}
@media (max-width: 768px) {
  section.hero-category #hero-post .title {
    font-size: 3.125vw;
  }
}
section.hero-category #cats {
  grid-area: cats;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  section.hero-category #cats {
    flex-wrap: wrap;
  }
}
section.hero-category #cats .post {
  width: calc(25% - 15px);
}
@media (max-width: 768px) {
  section.hero-category #cats .post {
    width: calc(50% - 10px);
  }
}
@media (max-width: 500px) {
  section.hero-category #cats .post {
    width: 90%;
    margin: auto;
  }
}
section.hero-category #cats-sidebar {
  grid-area: cats-sidebar;
  padding-left: 60px;
  position: relative;
}
section.hero-category #cats-sidebar .sidebar__inner,
section.hero-category #cats-sidebar .inner-wrapper-sticky {
  transform: translate(0, 0);
  /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
section.hero-category #cats-sidebar .second-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  will-change: min-height;
  overflow: hidden;
  height: 100%;
}
section.hero-category #hero-category {
  display: grid;
  grid-template-columns: 1fr 1fr 400px;
  grid-template-rows: auto auto;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 20px;
  grid-template-areas: "hero-post hero-post cats-sidebar" "cats cats cats-sidebar";
}
@media (max-width: 768px) {
  section.hero-category #hero-category {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 20px;
    grid-template-areas: "hero-post hero-post " "cats cats " "cats cats ";
  }
  section.hero-category #hero-category #hero-post {
    grid-area: hero-post;
  }
  section.hero-category #hero-category #cats {
    grid-area: cats;
  }
}
section.hero-category .post .category {
  margin-top: 0.6em;
  text-align: left;
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
}
section.hero-category .title {
  margin: 0.8em 0;
  text-align: left;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
}
section.hero-category .author {
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
}
section.hero-category .author a {
  font-weight: 600;
}
section.hero-category .content {
  color: white;
}
section.hero-category .content a {
  color: white;
}
section.hero-category .content a:hover {
  color: white;
  text-decoration: underline;
}

section.latest-posts .section-title {
  position: relative;
  overflow: hidden;
  text-align: center;
}
section.latest-posts .section-title .title-inner {
  position: relative;
  display: inline-block;
  padding: 0 30px;
}
section.latest-posts .section-title .title-inner:before {
  right: 100%;
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background: grey;
  position: absolute;
  top: 50%;
}
section.latest-posts .section-title .title-inner:after {
  left: 100%;
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background: grey;
  position: absolute;
  top: 50%;
}
section.latest-posts .section-title .title-inner h2 {
  display: inline-block;
  text-transform: uppercase;
}
section.latest-posts #latest-posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 2.5%;
       column-gap: 2.5%;
  row-gap: 2.5%;
}
@media (max-width: 768px) {
  section.latest-posts #latest-posts {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  section.latest-posts #latest-posts {
    grid-template-columns: repeat(1, 1fr);
  }
}

section.popular-posts .section-title {
  position: relative;
  overflow: hidden;
  text-align: center;
}
section.popular-posts .section-title .title-inner {
  position: relative;
  display: inline-block;
  padding: 0 30px;
}
section.popular-posts .section-title .title-inner:before {
  right: 100%;
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background: grey;
  position: absolute;
  top: 50%;
}
section.popular-posts .section-title .title-inner:after {
  left: 100%;
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background: grey;
  position: absolute;
  top: 50%;
}
section.popular-posts .section-title .title-inner h2 {
  display: inline-block;
  text-transform: uppercase;
}
section.popular-posts #popular-posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  -moz-column-gap: 2.5%;
       column-gap: 2.5%;
  row-gap: 10px;
}
@media (max-width: 768px) {
  section.popular-posts #popular-posts {
    grid-template-columns: 1fr;
  }
}
section.popular-posts .post {
  margin: 0;
}
section.popular-posts .category {
  margin-top: 0.6em;
  text-align: left;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
section.popular-posts .title {
  margin: 0.8em 0;
  text-align: left;
  margin: 0;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 600;
}
section.popular-posts .popular_ad_display_container-right {
  grid-row: 1/8;
  grid-column: 2;
}
@media (max-width: 768px) {
  section.popular-posts .popular_ad_display_container-right {
    display: none;
    grid-row: 1/3;
    grid-column: 1;
  }
}
section.popular-posts .popular_ad_display_container-left {
  grid-row: 1/8;
  grid-column: 1;
}
@media (max-width: 768px) {
  section.popular-posts .popular_ad_display_container-left {
    display: none;
    grid-row: 1/3;
    grid-column: 1;
  }
}

.widget .social-box ul {
  padding-left: 0;
  margin-left: 0;
}
.widget .social-box ul li {
  display: inline-block;
}

section.horizontal-ad {
  padding: 0 !important;
  margin-bottom: 65px !important;
}
@media (max-width: 767px) {
  section.horizontal-ad {
    margin-bottom: 0px !important;
    margin-top: 70px !important;
  }
}
section.horizontal-ad .widget {
  margin-bottom: 0;
}
section.horizontal-ad h2.widget-title {
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}
section.horizontal-ad .wrapper {
  background-color: transparent;
}

body.single-post header#masthead.right_article {
  width: 42.8% !important;
  margin-left: 0 !important;
}
@media (max-width: 767px) {
  body.single-post header#masthead.right_article {
    width: 100% !important;
  }
}
body.single-post header#masthead.right_article.header-fixed {
  width: 100% !important;
}
body.single-post header#masthead #site-navigation {
  display: none;
}
body.single-post header#masthead #mobile-nav {
  align-self: center !important;
  margin-bottom: 0px !important;
}
body.single-post .site-content {
  padding-right: 0 !important;
}
@media (max-width: 767px) {
  body.single-post .site-content {
    padding-right: 30px !important;
  }
}
body.single-post article.smag-single-centered {
  width: 929px;
}
@media (max-width: 767px) {
  body.single-post article.smag-single-centered {
    width: 100%;
  }
}
body.single-post article.smag-single-centered .entry-header-centered {
  text-align: center;
}
body.single-post article.smag-single-centered .entry-header-centered .single-heading {
  margin-top: 100px;
}
@media (max-width: 767px) {
  body.single-post article.smag-single-centered .entry-header-centered .single-heading {
    margin-top: 35px;
  }
}
body.single-post article.smag-single-centered .entry-header-centered .single-heading .meta-category {
  margin-bottom: 10px;
}
body.single-post article.smag-single-centered .entry-header-centered .single-heading h2.main-heading {
  width: 60%;
  margin: 0 auto;
}
body.single-post article.smag-single-centered .entry-header-centered .single-heading h2.main-heading:hover {
  opacity: 1 !important;
}
@media (max-width: 767px) {
  body.single-post article.smag-single-centered .entry-header-centered .single-heading h2.main-heading {
    width: 100%;
  }
}
body.single-post article.smag-single-centered .entry-header-centered .single-heading .small_desc {
  width: 85%;
}
body.single-post article.smag-single-centered .entry-header-centered .top_image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #dedede;
  margin-top: -292px;
}
@media (max-width: 767px) {
  body.single-post article.smag-single-centered .entry-header-centered .top_image {
    margin-top: 0px;
  }
}
body.single-post article.smag-single-centered .entry-header-centered .square {
  height: 0;
  padding-bottom: 90%;
}
body.single-post article.smag-single-centered .entry-header-centered .meta-data {
  margin-top: 30px;
}
body.single-post article.smag-single-centered .entry-content {
  display: block;
  margin: 0 auto;
  padding-right: 0;
}
body.single-post article.smag-single-centered .entry-content .content {
  padding-left: 0;
}
body.single-post article {
  background-color: white;
  width: 100%;
  margin: auto;
}
body.single-post article a:not(.product-link-button) {
  text-decoration: underline;
}
body.single-post article a:not(.product-link-button):hover {
  font-style: normal !important;
}
body.single-post article em a:hover {
  font-style: italic !important;
}
body.single-post article .entry-content .is-type-video iframe {
  width: 100% !important;
}
body.single-post article .entry-content .is-type-video iframe #player {
  width: 100% !important;
}
body.single-post article .entry-content h1, body.single-post article .entry-content h3, body.single-post article .entry-content h5 {
  font-family: "Baskerville";
}
body.single-post article .entry-content h2:not(.product-title), body.single-post article .entry-content h4, body.single-post article .entry-content h6 {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
}
body.single-post article .entry-content h1 {
  font-size: 2.2em;
}
body.single-post article .entry-content h2:not(.product-title) {
  font-size: 1.8em;
}
body.single-post article .entry-content h3 {
  font-size: 1.5em;
}
body.single-post article .entry-content h4 {
  font-size: 1.3em;
}
body.single-post article .entry-content h5 {
  font-size: 1.2em;
}
body.single-post article .entry-content h6 {
  font-size: 1em;
}
body.single-post article .meta-data .byline {
  text-transform: capitalize;
  margin-top: 50px;
  font-family: "Inter";
  font-size: 16px !important;
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 767px) {
  body.single-post article .meta-data .byline {
    font-size: 14px !important;
  }
}
body.single-post article .meta-data .byline .author {
  text-transform: capitalize;
  font-family: "Inter";
  font-size: inherit;
  font-weight: 400;
  line-height: 2;
}
body.single-post article .meta-data .byline .author a {
  font-weight: 400;
}
body.single-post article .meta-data .posted-on {
  text-transform: capitalize;
  font-family: "Inter";
  font-size: 16px !important;
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 767px) {
  body.single-post article .meta-data .posted-on {
    line-height: 1;
    font-size: 14px !important;
  }
}
body.single-post article header.entry-header {
  padding-top: 0px;
  width: 107%;
  max-width: 100%;
  position: static;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 0.75fr 1fr;
}
body.single-post article header.entry-header.right_aligned .meta-heading {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  body.single-post article header.entry-header.right_aligned .meta-heading {
    text-align: center;
    gap: 20px;
  }
  body.single-post article header.entry-header.right_aligned .meta-heading .meta-data .posted-on {
    line-height: 0;
  }
}
@media (max-width: 767px) {
  body.single-post article header.entry-header.right_aligned {
    flex-direction: column;
  }
}
body.single-post article header.entry-header .left,
body.single-post article header.entry-header .right {
  width: 100%;
}
body.single-post article header.entry-header .left .square,
body.single-post article header.entry-header .right .square {
  height: 0;
  padding-bottom: 90%;
}
body.single-post article header.entry-header .left {
  position: relative;
  display: flex;
  align-items: center;
}
body.single-post article header.entry-header .left h2.main-heading {
  width: 74%;
}
body.single-post article header.entry-header .left h2.main-heading:hover {
  opacity: 1 !important;
}
@media (max-width: 3528px) {
  body.single-post article header.entry-header .left h2.main-heading {
    width: 80%;
  }
}
@media (max-width: 767px) {
  body.single-post article header.entry-header .left h2.main-heading {
    width: 100%;
  }
}
body.single-post article header.entry-header .left .meta-data {
  margin-top: 30px;
}
body.single-post article header.entry-header .left .meta {
  text-align: center;
  width: 100%;
  padding: 0 15%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1000px) {
  body.single-post article header.entry-header .left .title h1 {
    font-size: 3.2vw;
    font-family: "FreightBigProLight", sans-serif;
  }
}
body.single-post article header.entry-header .left .meta-category,
body.single-post article header.entry-header .left .meta-data {
  font-family: "UniversNext-light", sans-serif;
}
@media (max-width: 1000px) {
  body.single-post article header.entry-header .left .meta-category,
  body.single-post article header.entry-header .left .meta-data {
    font-size: 1.9vw;
  }
}
body.single-post article header.entry-header .right {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #dedede;
  margin-top: -292px;
}
@media (max-width: 767px) {
  body.single-post article header.entry-header .right {
    margin-top: 35px;
  }
}
body.single-post article .entry-content {
  display: grid;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-left: 0;
  padding-right: 50px;
  -moz-column-gap: 2.5%;
       column-gap: 2.5%;
}
body.single-post article .entry-content.right_centered {
  grid-template-columns: 1.5fr 2fr !important;
  justify-items: flex-start !important;
}
@media (max-width: 767px) {
  body.single-post article .entry-content.right_centered {
    padding-right: 0px;
  }
}
body.single-post article .entry-content p {
  font-family: "Baskerville";
  font-size: 1.3em;
}
body.single-post article .entry-content p.photography_credit {
  text-align: center;
  font-size: 1.25em !important;
  line-height: 1.4em !important;
}
body.single-post article .entry-content table td {
  font-family: "Baskerville";
  font-size: 1.3em;
}
body.single-post article .entry-content li {
  font-family: "Baskerville";
  font-size: 1.3em;
}
body.single-post article .entry-content .content > p:first-child:first-letter {
  float: left;
  font-family: "Baskerville";
  font-size: 3.5em;
  line-height: 0;
  padding-top: 1px;
  padding-right: 8px;
  padding-left: 3px;
}
@media (max-width: 768px) {
  body.single-post article .entry-content {
    grid-template-columns: 70px minmax(0, 1fr);
  }
}
body.single-post article .entry-content .content {
  grid-row: 1;
}
body.single-post article .entry-content .content p:first-child {
  margin-top: 0;
}
body.single-post article .entry-content .sidebar {
  grid-column: 1/2;
  grid-row: 1;
  margin-left: auto;
  margin-right: auto;
}
body.single-post article h4.wp-block-heading {
  font-family: "Inter", sans-serif;
}
body.single-post .gallery {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: 0;
}
@media (max-width: 600px) {
  body.single-post .gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
body.single-post .gallery img {
  width: 100%;
}
body.single-post .gallery .gallery-item {
  margin: 0;
  width: 100% !important;
  max-width: 100% !important;
  display: none;
}
body.single-post .gallery .gallery-item:nth-child(-n+4) {
  display: block;
}
body.single-post .gallery figure {
  width: 100% !important;
}
@media (max-width: 767px) {
  body.single-post .cat_heading {
    margin-top: 0px;
  }
}
body.single-post .font_question {
  font-weight: bold !important;
  text-transform: uppercase;
  font-family: "FreightBigBook", sans-serif;
}

.lqm-social-share {
  width: 106px;
  overflow: hidden;
  margin: auto;
}
@media (max-width: 768px) {
  .lqm-social-share {
    width: 63px;
  }
}
.lqm-social-share a {
  float: left;
  display: inline-block;
}
.lqm-social-share a div {
  height: 43px;
  width: 43px;
  margin: 5px;
  position: relative;
  border: 1px solid #dedede;
  transition: background-color 0.5s;
}
.lqm-social-share a .fa {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #dedede;
  right: 0;
  left: 0;
  text-align: center;
}
.lqm-social-share a:hover .fa {
  color: white;
}
.lqm-social-share a.facebook:hover div {
  background-color: #3b5998;
}
.lqm-social-share a.twitter:hover div {
  background-color: #55acee;
}
.lqm-social-share a.pinterest:hover div {
  background-color: #bd081c;
}
.lqm-social-share a.email:hover div {
  background-color: #a9a9a9;
}

#post_sidebar_ad {
  margin-top: 30px;
}

.nav.navigation.post-navigation {
  width: 100%;
  margin: auto;
}

#post_footer_ad .widget {
  display: inline-block;
  /* margin: auto; */
  /* float: unset; */
  /* text-align: center; */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 92%;
}

@media (max-width: 768px) {
  body.single-post.has-instagram-embed article .entry-content {
    grid-template-columns: auto;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  body.single-post.has-instagram-embed article .entry-content aside.sidebar {
    display: none;
  }
}

.featured-single h2.main-heading {
  width: 88%;
  margin-top: 15px;
}

.footer_instagram {
  margin-top: 100px;
}

figure.wp-block-image.size-large img {
  width: 100%;
}

figure.wp-block-image.extended_image {
  width: 120%;
  margin-left: -10%;
}

figure.wp-block-image.extended_image img {
  width: 100%;
}

.extended_heading {
  width: 120%;
  text-align: left !important;
  margin-left: -10%;
  margin-top: 2px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .extended_heading {
    width: 100%;
    margin-left: 0;
  }
}

.two_images_row {
  gap: 20px;
}

h6.wp-block-heading {
  clear: both;
  font-family: "Inter";
  text-align: left !important;
  font-weight: 400;
  text-transform: capitalize;
}

.products-container {
  display: flex;
  flex-wrap: wrap;
}

.product-item {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .product-item {
    flex-wrap: wrap;
  }
}

.product-image {
  flex: 0 0 40%; /* Adjust as needed for image width */
}
@media (max-width: 767px) {
  .product-image {
    flex: 100%;
  }
}

.product-image img {
  max-width: 100%;
  height: auto;
}

.product-details {
  flex: 0 0 60%; /* Adjust as needed for details width */
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .product-details {
    flex: 100%;
  }
}

.product-title {
  font-size: 2.92em;
  font-weight: 400;
  font-family: "FreightBigProLight";
  line-height: 1;
  width: 75%;
}
@media (max-width: 767px) {
  .product-title {
    width: 100%;
    font-size: 2em;
    text-align: center;
    line-height: 1.2;
  }
}

.product-link-button {
  text-align: center;
  text-decoration: none;
  border: 1px solid;
  padding: 0px 45px;
  font-size: 2.33em;
  font-weight: 400;
  font-family: "FreightBigProLight";
  width: -moz-max-content;
  width: max-content;
}

.product-link-button:hover {
  text-decoration: none !important;
  font-style: italic;
}

blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
  margin-top: 50px;
}

blockquote.wp-block-quote {
  margin: 0;
}
blockquote.wp-block-quote p {
  font-size: 3.75em !important;
  font-family: "FreightBigProLight", sans-serif !important;
  line-height: 1 !important;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  blockquote.wp-block-quote p {
    font-size: 2.05em !important;
    line-height: 1.2 !important;
  }
}

body.archive #main section.grid, body.search #main section.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: row;
  gap: 30px 30px;
}
@media (max-width: 768px) {
  body.archive #main section.grid, body.search #main section.grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  body.archive #main section.grid, body.search #main section.grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
body.archive #main section.grid:before, body.search #main section.grid:before {
  content: unset;
}
body.archive .title-inner h1.page-title, body.search .title-inner h1.page-title {
  font-family: "FreightBigProBook", sans-serif;
  font-size: 6em;
  font-weight: normal;
  margin: 0;
}
@media (max-width: 767px) {
  body.archive .title-inner h1.page-title, body.search .title-inner h1.page-title {
    font-size: 3.5em;
  }
}

header.page-header {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 0 40px 0;
}
header.page-header .title-inner {
  position: relative;
  padding: 0;
  float: right;
}
header.page-header .title-inner h2 {
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  header.page-header {
    margin: 0 0 15px 0;
  }
}

.nav-links {
  padding: 0;
  font-family: "FreightBigProLight", sans-serif;
  font-size: 2em;
  line-height: 1;
  text-transform: capitalize;
}

h2.next-articles {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
}

.video_icon {
  width: 80px;
  height: 90px !important;
  position: absolute;
  top: 40% !important;
  left: 45% !important;
}
@media (max-width: 767px) {
  .video_icon {
    width: 60px;
    height: 70px !important;
    top: 42% !important;
    left: 42% !important;
  }
}

#smag-search-form {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
}
#smag-search-form input#search {
  width: 0;
  visibility: hidden;
  transition: width 1s;
}
#smag-search-form.form-open input#search {
  background-color: transparent;
  width: 200px;
  visibility: visible;
}
#smag-search-form input#smag-search {
  height: 22px;
  margin-right: 10px;
}

span.form-wrapper {
  position: relative;
  display: inline;
  margin-left: 20px;
  top: -3px;
}

#social-right {
  display: flex;
}

.gallery-overlay {
  display: none;
  background-color: #000000;
  height: 100vh;
  height: 0;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  transition: height 1s;
}
.gallery-overlay .white-text,
.gallery-overlay a {
  color: white;
}
.gallery-overlay a {
  color: white;
}
.gallery-overlay .overlay-wrapper {
  display: grid;
  grid-template-columns: 75% 25%;
  -moz-column-gap: 50px;
       column-gap: 50px;
  height: calc(100% - 120px);
}
@media (max-width: 900px) {
  .gallery-overlay .overlay-wrapper {
    grid-template-columns: 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (max-width: 700px) and (orientation: landscape) {
  .gallery-overlay .overlay-wrapper {
    padding: 30px 0;
  }
}
.gallery-overlay .gallery-slider {
  display: flex;
  justify-content: center;
  align-content: center;
}
.gallery-overlay .gallery-header {
  padding: 0 4%;
  overflow: hidden;
  border-bottom: 1px solid #505050;
}
@media (max-width: 700px) and (orientation: landscape) {
  .gallery-overlay .gallery-header {
    display: none;
  }
}
.gallery-overlay .gallery-header .title {
  color: white;
  text-align: left;
}
.gallery-overlay .gallery-header .title h4 {
  font-size: 16px;
  font-size: 1rem;
}
@media (max-width: 900px) {
  .gallery-overlay .gallery-header .title {
    margin-top: 60px;
    text-align: center;
    padding: 0 20px;
  }
  .gallery-overlay .gallery-header .title h4 {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.gallery-overlay .right {
  height: 100%;
  padding: 4vw 50px 4vw 0;
  position: relative;
  margin-right: 50px;
  overflow: hidden;
}
@media (max-width: 900px) {
  .gallery-overlay .right {
    margin-right: 0;
    padding: 0;
    overflow: hidden;
    max-width: 92%;
    margin: auto;
  }
}
.gallery-overlay h4:first-child {
  margin-top: 0;
}
@media (max-width: 900px) {
  .gallery-overlay h4:first-child {
    text-align: center;
  }
}
.gallery-overlay .gallery-description {
  height: calc(100vh - 550px);
  overflow-y: scroll;
}
@media (max-width: 900px) {
  .gallery-overlay .gallery-description {
    text-align: center;
  }
}
.gallery-overlay #gallery-ad {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 50px);
}
@media (max-width: 900px) {
  .gallery-overlay #gallery-ad {
    display: none;
  }
}
@media (max-width: 768px) {
  .gallery-overlay .gallery-caption {
    padding: 0 20px;
  }
}
.gallery-overlay .left {
  position: relative;
  padding: 4vw 0 4vw 4vw;
}
@media (max-width: 900px) {
  .gallery-overlay .left {
    padding: 0;
  }
}
.gallery-overlay .left:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #505050;
  right: 0;
  top: 0;
}

.gallery-counter {
  color: white;
  position: absolute;
  right: 130px;
  top: 7px;
}

#menu-hamburger-gallery {
  position: absolute;
  right: 4%;
  top: 30px;
}
#menu-hamburger-gallery .hamburger-inner,
#menu-hamburger-gallery .hamburger-inner::before,
#menu-hamburger-gallery .hamburger-inner::after {
  background-color: white;
}

body.open-gallery .gallery-overlay {
  top: 0;
  height: 100%;
}
body.open-gallery.admin-bar .gallery-overlay {
  top: 32px;
  height: calc(100% - 32px);
}
.gallery-overlay img.slide {
  max-height: 600px;
  width: auto;
  max-width: 600px;
  height: auto;
}
@media (max-width: 1200px) {
  .gallery-overlay img.slide {
    max-width: unset;
    max-height: unset;
  }
}
@media (max-width: 700px) and (orientation: landscape) {
  .gallery-overlay img.slide {
    height: calc(100vh - 80px);
    width: auto !important;
  }
}
.gallery-overlay .gallery-slides {
  width: 100%;
  max-width: 800px;
  text-align: center;
  display: grid !important;
  align-items: center;
}
.gallery-overlay .slick-slide img {
  visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 70vh;
}
@media (max-width: 900px) {
  .gallery-overlay .slick-slide img {
    max-height: 45vh;
  }
}
.gallery-overlay .slick-slide.slick-current img {
  visibility: visible;
}
.gallery-overlay .slick-slider .slick-track {
  display: flex !important;
  align-items: center;
}

.gallery {
  width: 100%;
  position: relative;
  cursor: pointer;
  padding: 5px 5px 0 5px;
  border: 1px solid lightgrey;
  transition: background 500ms;
}
.gallery figure {
  position: relative;
  pointer-events: none;
}
.gallery figure:nth-child(4):after {
  content: "";
  width: 100%;
  height: calc(100% - 5px);
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.33);
}
.gallery figure:nth-child(4):before {
  content: "+MORE";
  font-weight: bold;
  color: white;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 35%;
  font-size: 20px;
  z-index: 9;
}
@media (max-width: 600px) {
  .gallery figure:nth-child(4):before {
    font-size: 12px;
  }
}
.gallery:hover {
  background: #FFF;
}
.gallery:after {
  content: "VIEW GALLERY";
  position: absolute;
  right: 20px;
  top: 40%;
  color: black;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 600px) {
  .gallery:after {
    top: unset;
    bottom: 20%;
  }
}
@media (max-width: 600px) {
  .gallery:after {
    font-size: 12px;
  }
}
.gallery .gallery-caption {
  display: none;
}

figure.wp-block-gallery.is-style-smag-gallery {
  width: 100%;
  position: relative;
  cursor: pointer;
  padding: 5px;
  border: 1px solid lightgrey;
  transition: background 500ms;
}
figure.wp-block-gallery.is-style-smag-gallery li.blocks-gallery-item {
  position: relative;
  pointer-events: none;
}
figure.wp-block-gallery.is-style-smag-gallery li.blocks-gallery-item:nth-child(4):after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.33);
}
figure.wp-block-gallery.is-style-smag-gallery li.blocks-gallery-item:nth-child(4):before {
  content: "+MORE";
  font-weight: bold;
  color: white;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 35%;
  font-size: 20px;
  z-index: 9;
}
@media (max-width: 600px) {
  figure.wp-block-gallery.is-style-smag-gallery li.blocks-gallery-item:nth-child(4):before {
    font-size: 12px;
  }
}
figure.wp-block-gallery.is-style-smag-gallery:hover {
  background: #FFF;
}
figure.wp-block-gallery.is-style-smag-gallery:after {
  content: "VIEW GALLERY";
  position: absolute;
  right: 20px;
  top: 40%;
  color: black;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 600px) {
  figure.wp-block-gallery.is-style-smag-gallery:after {
    top: unset;
    bottom: 20%;
  }
}
@media (max-width: 600px) {
  figure.wp-block-gallery.is-style-smag-gallery:after {
    font-size: 12px;
  }
}
figure.wp-block-gallery.is-style-smag-gallery .blocks-gallery-item__caption {
  display: none;
}

body.single figure.wp-block-gallery.is-style-smag-gallery .blocks-gallery-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: 0;
}
@media (max-width: 600px) {
  body.single figure.wp-block-gallery.is-style-smag-gallery .blocks-gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
body.single figure.wp-block-gallery.is-style-smag-gallery .blocks-gallery-grid img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.single figure.wp-block-gallery.is-style-smag-gallery .blocks-gallery-grid li.blocks-gallery-item {
  margin: 0;
  width: 100% !important;
  max-width: 100% !important;
  display: none;
}
body.single figure.wp-block-gallery.is-style-smag-gallery .blocks-gallery-grid li.blocks-gallery-item:nth-child(-n+4) {
  display: block;
}

section.adrotate_widgets iframe {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.sidebar > #post_sidebar_ad {
  display: none;
}

@media screen and (min-width: 768px) {
  .sidebar {
    overflow: visible;
  }
  .sidebar > #post_sidebar_ad {
    display: block;
    width: 300px;
  }
  .col-6 {
    width: 50%;
    float: left;
  }
  .col-6.left {
    padding-right: 2%;
  }
  .col-6.right {
    padding-left: 2%;
  }
  .content.col-6.right {
    min-height: 260px;
  }
  .featured-single .content.col-6.right {
    display: flex;
    align-items: center;
    min-height: 500px;
  }
  .featured-video .image-wrapper .bg_img {
    height: 710px;
  }
}
.featured-article-single .post {
  display: flex;
}

.wp-block-image figcaption {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
}

.wp-block-quote > cite {
  text-transform: uppercase;
}

figcaption.wp-element-caption {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  text-align: center;
}

.wp-block-quote cite {
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
}

.question {
  font-family: "Inter", sans-serif !important;
  font-weight: 500;
  font-size: 1.25em !important;
  line-height: 1.6em;
  text-transform: uppercase;
  margin-bottom: 0px !important;
}

@media (max-width: 767px) {
  .home .featured-article-single .post {
    display: block;
  }
  .home .featured-two .post {
    width: 100%;
  }
  .home .featured-article-three {
    margin-bottom: 0px !important;
  }
  .home .featured-article-three .post {
    width: 100%;
  }
  .home .featured-article-three .post .image-wrapper {
    height: 480px !important;
  }
  .home .featured-article-three .right_posts {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */