@charset "UTF-8";
/*!
Theme Name: Queerty 2017 (AdBridg)
Theme URI: http://www.queerty.com/
Author: Q.Digital, Inc.
Author URI: http://www.q.digital
Description: Description
Version: 20220401-11:37
Text Domain: queerty_2017
Tags:
*/
/*
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.

Queerty 2017 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:
----------------------------------------------------------------
# Variables
# Dependencies
# Normalize
--------------------------------------------------------------*/
/*Main colors*/
/*background colors*/
/*element colors*/
/*text colors*/
/*input/button colors*/
/* 
 * 
 * SPIRIT DAY OVERRIDE
 *
 */
/*
 $color__primary-color: #754783 ;
 $color__main_elements_background: $color__primary-color;	
 $color__link-hover: $color__primary-color;
 $color__border-button-focus: $color__primary-color;
 $color__text-accent-color:#470a59;	
*/
/*
//USED $color__background-body: #fff; //USED
//NOUSE $color__background-screen: #f1f1f1;
//USED $color__background-hr: #ccc; //USED
$color__background-button: #e6e6e6;

//NOUSE $color__text-screen: #21759b;



$color__border-button: #ccc #ccc #bbb;
$color__border-button-hover: #ccc #bbb #aaa;
$color__border-button-focus: #aaa #bbb #bbb;
$color__border-input: #ccc;

*/
/*
$size__site-main: 100%;
$size__site-sidebar: 25%;
*/
/*--------------------------------------------------------------
# Dependencies   
  @import "../../../../bower_components/normalize-css/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: 600;
}

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

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

td,
th {
  padding: 0;
}

/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/* debug stuff --->
$visual-grid: true !default;
$visual-grid-index: front;
$visual-grid-color: #eee;
--> */
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #000;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: 600;
}

p {
  margin-bottom: 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;
}

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: #efefef; /* Fallback for when there is no custom background color defined. */
  font-family: proxima-nova, sans-serif;
}

a {
  color: #000;
}
a:visited {
  color: #333;
}
a:hover, a:focus, a:active {
  color: #F43700;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

blockquote, q {
  quotes: "" "";
  border-left: 2px solid #F43700;
  margin: 0 1rem;
  padding: 0.1rem 1rem;
  background-color: #F6f6f6;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

.giantquote {
  clear: both;
  background-color: #F6f6f6;
  color: #666;
  font-style: italic;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0 0 10px 0;
  padding: 5px 30px 30px 70px;
  border-top: 1px solid #F43700;
  border-bottom: 1px solid #F43700;
}
.giantquote:before {
  content: " ";
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.6 85' fill='#F43700'><path class='st0' d='M58.9 85L44.6 65.7 30.6 85 7.9 68.6l13.7-18.7L0 42.6 8.6 16l21.9 7.3V0h28v23.3L81 15.9l8.6 26.6-21.9 7.3 14 18.7L58.9 85z'/></svg>") no-repeat;
  float: left;
  margin: 30px 20px 10px -50px;
  background-size: 100%;
  height: 38px;
  width: 40px;
}
.giantquote span.attrib {
  font-style: normal;
  display: block;
  color: #F43700;
  padding-top: 10px;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media screen and (max-width: 635px) {
  .giantquote {
    font-size: 16px;
    font-size: 1rem;
  }
}

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

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

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 600;
}

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

.paginate-button-base, .load-more, .pagination {
  font-family: balboa, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 20px 0;
  text-transform: lowercase;
  color: #000;
  text-align: center;
  border-radius: 5px;
}

.pagination ul {
  display: inline;
  margin: 0;
  padding: 0;
  text-align: center;
}
.pagination ul li {
  display: inline;
  list-style: none;
}
.pagination ul ul li {
  display: none;
}
.pagination ul ul li:nth-child(1), .pagination ul ul li:nth-child(2), .pagination ul ul li:nth-child(3) {
  display: inline;
}
.pagination ul li span.current {
  font-weight: 600;
  padding: 0.375em 0.46875em;
}
.pagination ul li a {
  background-color: #8E8E8E;
  color: #fff;
  outline: none;
  padding: 0.375em 0.9375em;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}
.pagination ul li a:hover, .pagination ul li a:focus {
  background-color: #F43700;
}

.load-more {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 200;
  letter-spacing: 0.5px;
  background-color: #F43700;
  color: #fff !important;
  margin: 0 auto 30px;
  display: inherit;
  outline: none;
  padding: 0.375rem;
  width: 17.5rem;
  text-decoration: none;
}
.load-more:hover, .load-more:focus {
  background-color: #8E8E8E;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.pill, .comment-respond p.form-submit input[type=submit], .entry-footer .comments-number, .entry-footer .comments-link, .single-article .kicker,
.single-page .kicker, body.single .back-to-article,
body.attachment .back-to-article,
body.page .back-to-article, .tags-links a, button,
input[type=button],
input[type=reset],
input[type=submit] {
  font-size: 18.88px;
  font-size: 1.18rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  border-radius: 4.05px;
  display: inline-block;
  padding: 0.5rem 0.875rem;
}
.pill.a, .comment-respond p.form-submit input.a[type=submit], .entry-footer .a.comments-number, .entry-footer .a.comments-link, .single-article .a.kicker,
.single-page .a.kicker, body.single .a.back-to-article,
body.attachment .a.back-to-article,
body.page .a.back-to-article, .tags-links a.a, button.a,
input.a[type=button],
input.a[type=reset],
input.a[type=submit], .pill a, .comment-respond p.form-submit input[type=submit] a, .entry-footer .comments-number a, .entry-footer .comments-link a, .single-article .kicker a,
.single-page .kicker a, body.single .back-to-article a,
body.attachment .back-to-article a,
body.page .back-to-article a, .tags-links a a, button a,
input[type=button] a,
input[type=reset] a,
input[type=submit] a {
  text-decoration: none;
}
@media print {
  .pill, .comment-respond p.form-submit input[type=submit], .entry-footer .comments-number, .entry-footer .comments-link, .single-article .kicker,
  .single-page .kicker, body.single .back-to-article,
  body.attachment .back-to-article,
  body.page .back-to-article, .tags-links a, button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    border: 1px solid black;
    color: #000 !important;
  }
}

.pill-chat-bottom-left, .entry-footer .comments-number:before, article.card .card-commentcount:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 0.625rem;
  right: auto;
  top: auto;
  bottom: -0.62rem;
  border: 0.313rem solid;
  border-color: #E9E9E9 transparent transparent #E9E9E9;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: none;
  background-color: #E9E9E9;
}
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: #F43700;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

.tags-links a {
  background-color: #E9E9E9;
  color: #000;
  text-align: left !important;
  text-decoration: none !important;
  font-size: 16px;
  font-size: 1rem;
  text-transform: lowercase;
}

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: #D8D8D8;
  border: 1px solid #C6C6C6;
  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: #4A4A4A;
}

select {
  border: 1px solid #C6C6C6;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# 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: #bcbcbc;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #333333;
  display: block;
  font-size: 1.25em;
  font-weight: 600;
  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::after,
.clear:after::after,
.entry-content:before::after,
.entry-content:after::after,
.comment-content:before::after,
.comment-content:after::after,
.home-site-header:before::after,
.home-site-header:after::after,
.site-content:before::after,
.site-content:after::after,
.site-footer:before::after,
.site-footer:after::after {
  clear: both;
  content: "";
  display: block;
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Overall
--------------------------------------------------------------*/
#page {
  z-index: 1000;
  position: relative;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.ad-leaderboard-header {
  width: 100%;
  text-align: center;
  position: absolute;
  transition-property: top;
  transition-duration: 0.5s;
}
.ad-leaderboard-header.visible {
  position: relative;
  background-color: #ccc;
}
.ad-leaderboard-header.fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
  background: #ccc !important;
}

.queerty-header {
  z-index: 9999 !important;
  min-height: 5rem;
  padding: 10px 0 0;
  transition-property: top;
  transition-duration: 0.5s;
}
@media (min-width: 961px) {
  .queerty-header {
    padding: 0;
  }
}
@media (min-width: 1270px) {
  .queerty-header {
    padding: 2.313rem 0 3.563rem;
  }
}
.queerty-header::after {
  clear: both;
  content: "";
  display: block;
}
.compact .queerty-header {
  min-height: 4.375rem;
  padding: 0 !important;
}
@media screen and (max-width: 635px) {
  .compact .queerty-header {
    min-height: 2.5rem;
  }
}
@media screen and (max-height: 769px) {
  .queerty-header {
    min-height: 4.688rem;
    padding: 0 !important;
  }
}
.sticky .queerty-header {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.97);
  box-shadow: 0 3px 6px rgba(100, 100, 100, 0.1);
  top: 0;
  left: 0;
}
@media screen and (max-width: 635px) {
  .queerty-header {
    padding: 0;
    min-height: 2.5rem;
    margin: 0 0 0.75rem;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .queerty-header {
    margin: 0;
    min-height: 2.5rem;
    padding: 0;
  }
}
.queerty-header .queerty-header-wrapper {
  position: relative;
  z-index: 999;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  padding: 0px 0px;
  justify-content: space-between;
  align-items: center;
  max-width: 640px !important;
}
.queerty-header .queerty-header-wrapper::after {
  clear: both;
  content: "";
  display: block;
}
.queerty-header .queerty-header-wrapper::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (max-width: 635px) {
  .queerty-header .queerty-header-wrapper {
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
  .queerty-header .queerty-header-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .queerty-header .queerty-header-wrapper {
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
  .queerty-header .queerty-header-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .queerty-header .queerty-header-wrapper {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  .queerty-header .queerty-header-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .queerty-header .queerty-header-wrapper {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  .queerty-header .queerty-header-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  .queerty-header .queerty-header-wrapper {
    max-width: 1598px;
    margin-left: auto;
    margin-right: auto;
  }
  .queerty-header .queerty-header-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media (min-width: 961px) {
  .queerty-header .queerty-header-wrapper {
    max-width: 920px !important;
  }
}
@media (min-width: 1270px) {
  .queerty-header .queerty-header-wrapper {
    max-width: 1280px !important;
    padding: 0px 20px;
  }
}
@media (min-width: 1678px) {
  .queerty-header .queerty-header-wrapper {
    max-width: 1598px !important;
    padding: 0px 10px;
  }
}
.queerty-header .queerty-header-wrapper:after {
  display: none !important;
}
.queerty-header .queerty-header-menu {
  text-align: left;
  margin: 0 auto;
  overflow: visible;
  padding: 0;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  z-index: 99999;
  list-style-type: none;
}
.queerty-header .queerty-header-menu.show {
  display: block;
}
.queerty-header .queerty-header-menu.left-menu .menu-item {
  display: none;
  float: left;
  padding: 0px 1em 0 0;
}
@media (min-width: 961px) {
  .queerty-header .queerty-header-menu.left-menu .menu-item {
    display: inline;
  }
}
.queerty-header .queerty-header-menu.left-menu .menu-item a {
  text-decoration: none;
  color: #666666;
}
.queerty-header .queerty-header-menu .nav-link {
  text-align: right;
  display: none;
}
@media (min-width: 961px) {
  .queerty-header .queerty-header-menu .nav-link {
    display: inline;
  }
}
.queerty-header .queerty-header-menu .nav-link:last-child {
  display: inline;
}
.queerty-header ul li.nav-link {
  display: inline;
  overflow: hidden;
  text-align: center;
  width: auto;
  margin: 0;
  z-index: 9999;
  font-weight: 400;
  color: #C6C6C6;
  line-height: 5rem;
}
.compact ul li.nav-link {
  line-height: 4.375rem;
}

@media screen and (max-height: 769px) {
  .queerty-header ul li.nav-link {
    line-height: 4.688rem;
  }
}
.queerty-header ul li.nav-link a {
  color: #C6C6C6;
  display: inline-block;
  outline: none;
  text-decoration: none;
  padding-right: 0.9rem;
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .queerty-header ul li.nav-link a {
    padding-right: 1rem;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .queerty-header ul li.nav-link a {
    padding-right: 0.6rem;
  }
}
.queerty-header ul li.nav-link a:focus, .queerty-header ul li.nav-link a:hover {
  color: #adadad;
}
.queerty-header ul li.nav-link a img {
  height: 19px;
  width: auto;
}
.queerty-header ul li.nav-link img {
  height: 19px;
  width: auto;
}
.queerty-header ul li.nav-link:last-child a {
  padding-right: 0;
}
.queerty-header ul li.nav-link.selected a {
  color: #F13B00;
}
@media screen and (max-width: 840px) {
  .queerty-header ul li.nav-link {
    padding-right: 1rem;
    display: none;
    font-size: 1rem;
    line-height: 3.5rem;
  }
}
@media print {
  .queerty-header ul li.nav-link {
    display: none;
  }
}
.queerty-header .main-navigation {
  float: left;
  display: block;
  margin-right: 1.8801410106%;
  width: 36.3249118684%;
  text-align: left;
  position: relative;
  flex: 1;
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 0;
  width: auto !important;
}
.queerty-header .main-navigation:last-child {
  margin-right: 0;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .queerty-header .main-navigation {
    float: left;
    display: block;
    margin-right: 2.846975089%;
    width: 38.9346085409%;
    font-size: 16px;
    font-size: 1rem;
  }
  .queerty-header .main-navigation:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 635px) {
  .queerty-header .main-navigation {
    float: left;
    display: block;
    margin-right: 7.9701120797%;
    width: 28.0199252802%;
  }
  .queerty-header .main-navigation:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 840px) {
  .queerty-header .main-navigation {
    width: auto !important;
  }
  .queerty-header .main-navigation ul {
    text-align: left;
    margin-left: 20px;
  }
  .queerty-header .main-navigation li.selected, .queerty-header .main-navigation li.latest {
    display: inline;
    padding-right: 0;
    font-weight: 400;
    line-height: 1;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .queerty-header .main-navigation li.selected a, .queerty-header .main-navigation li.latest a {
    padding-top: 1.125rem;
    color: #C6C6C6 !important;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .queerty-header .main-navigation {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 36.3249118684%;
    font-size: 15.008px;
    font-size: 0.938rem;
  }
  .queerty-header .main-navigation:last-child {
    margin-right: 0;
  }
}
.queerty-header .logo-area {
  float: left;
  display: block;
  margin-right: 1.8801410106%;
  width: 23.5898942421%;
  margin-right: 0;
  text-align: center;
  height: 50px;
  width: auto !important;
}
.queerty-header .logo-area:last-child {
  margin-right: 0;
}
@media (min-width: 1270px) {
  .queerty-header .logo-area {
    height: 70px;
  }
}
.queerty-header .logo-area a {
  display: block;
}
.queerty-header .logo-area .queerty-logo img {
  width: auto;
  height: 50px;
  margin-top: 0px;
  /*height: $home-site-header-height;*/
  transition: all 0.4s ease-out;
}
@media (min-width: 1270px) {
  .queerty-header .logo-area .queerty-logo img {
    height: 70px;
  }
}
.compact .queerty-logo img {
  /*height: $home-site-header-compact-height/2!important;*/
  /*margin-top:$home-site-header-compact-height/4;*/
}

@media screen and (max-height: 769px) {
  .queerty-header .logo-area .queerty-logo img {
    /*height: $home-site-header-short-height/2!important;*/
    /*margin-top:$home-site-header-short-height/4;*/
  }
}
@media screen and (max-width: 635px) {
  .queerty-header .logo-area .queerty-logo img {
    /*margin-top:$home-site-header-compact-height/8;*/
    /*height: $home-site-header-mobile-height;*/
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .queerty-header .logo-area .queerty-logo img {
    /*margin-top:$home-site-header-compact-height/8;*/
    /*height: $home-site-header-mobile-height;*/
  }
}
@media screen and (max-width: 635px) {
  .queerty-header .logo-area {
    float: left;
    display: block;
    margin-right: 7.9701120797%;
    width: 28.0199252802%;
  }
  .queerty-header .logo-area:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .queerty-header .logo-area {
    float: left;
    display: block;
    margin-right: 2.846975089%;
    width: 16.4368327402%;
  }
  .queerty-header .logo-area:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .queerty-header .logo-area {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 23.5898942421%;
  }
  .queerty-header .logo-area:last-child {
    margin-right: 0;
  }
}
@media print {
  .queerty-header .logo-area {
    width: 100%;
  }
}
.queerty-header .secondary-navigation {
  margin-right: 0;
  float: left;
  display: block;
  margin-right: 1.8801410106%;
  width: 36.3249118684%;
  text-align: right;
  font-size: 24px;
  font-size: 1.5rem;
  flex: 1;
  float: right;
  width: auto !important;
}
.queerty-header .secondary-navigation:last-child {
  margin-right: 0;
}
.queerty-header .secondary-navigation ul {
  text-align: right;
}
.queerty-header .secondary-navigation li.nav-link a {
  padding-right: 1.5rem;
}
@media screen and (max-width: 635px) {
  .queerty-header .secondary-navigation {
    float: left;
    display: block;
    margin-right: 7.9701120797%;
    width: 28.0199252802%;
  }
  .queerty-header .secondary-navigation:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 840px) {
  .queerty-header .secondary-navigation li#more-menu {
    display: inline;
    font-size: 25.008px;
    font-size: 1.563rem;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .queerty-header .secondary-navigation {
    float: left;
    display: block;
    margin-right: 2.846975089%;
    width: 38.9346085409%;
    font-size: 18px;
    font-size: 1.125rem;
    padding-right: 0px;
  }
  .queerty-header .secondary-navigation:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .queerty-header .secondary-navigation {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 36.3249118684%;
    font-size: 18px;
    font-size: 1.125rem;
    padding-right: 0px;
  }
  .queerty-header .secondary-navigation:last-child {
    margin-right: 0;
  }
}

#selected-menu {
  display: none;
}
@media screen and (max-width: 635px) {
  #selected-menu {
    display: inline;
    margin-left: -20px;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 635px) {
  #masthead-sticky-wrapper {
    padding-bottom: 0.813rem;
    margin: 0 0 1rem;
  }
}
body.single #masthead-sticky-wrapper {
  background-color: #fff;
}

.single-post .queerty-header {
  margin: 0 auto;
  max-width: 920px;
}
.single-post .queerty-header .queerty-header-wrapper {
  padding: 0 20px;
}
@media (min-width: 640px) {
  .single-post .queerty-header {
    max-width: 640px;
  }
}
@media (min-width: 961px) {
  .single-post .queerty-header {
    max-width: 920px;
  }
}
@media (min-width: 1131px) {
  .single-post .queerty-header {
    max-width: 1100px;
  }
  .single-post .queerty-header .queerty-header-wrapper {
    max-width: 1100px !important;
  }
}
@media (min-width: 1280px) {
  .single-post .queerty-header {
    max-width: 1150px;
    padding: 1rem 0 0.5rem;
  }
  .single-post .queerty-header .queerty-header-wrapper {
    max-width: 1150px !important;
  }
}
@media (min-width: 1678px) {
  .single-post .queerty-header {
    max-width: 1210px;
  }
  .single-post .queerty-header .queerty-header-wrapper {
    max-width: 1210px !important;
  }
}

.queerty-menu-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 20.375rem;
  height: 100%;
  border-left: 0.5px solid #979797;
  -ms-transform: translateX(20.375rem); /* IE 9 */
  -webkit-transform: translateX(20.375rem); /* Safari and Chrome */
  -o-transform: translateX(20.375rem); /* Opera */
  -moz-transform: translateX(20.375rem);
  transform: translateX(20.375rem);
  transition: all 0.25s linear;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  z-index: 999999;
}
.queerty-menu-content.is-visible {
  -ms-transform: translateX(0); /* IE 9 */
  -webkit-transform: translateX(0); /* Safari and Chrome */
  -o-transform: translateX(0); /* Opera */
  -moz-transform: translateX(0);
  transform: translateX(0);
}
.queerty-menu-content ul {
  list-style: none;
  margin: 1rem 0;
  padding-left: 1.875rem;
  border-bottom: 1px solid #979797;
}
.queerty-menu-content ul li a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin: 0.875rem 0;
  display: block;
  text-decoration: none;
  font-weight: 600;
}
.queerty-menu-content .member_prompt {
  margin: 1rem 0;
  padding-left: 1.875rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #979797;
  font-weight: 600;
}
.queerty-menu-content .member_prompt::after {
  clear: both;
  content: "";
  display: block;
}
.queerty-menu-content .member_prompt img {
  float: left;
  margin-right: 10px;
}

.queerty-menu-fade-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}
.queerty-menu-fade-screen.is-visible {
  opacity: 0.4;
  visibility: visible;
}

.queerty-menu-logo {
  position: absolute;
  top: 20px;
  left: 1.875rem;
}

.queerty-menu-close {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #F43700;
  font-size: 14.4px;
  font-size: 0.9rem;
}
.queerty-menu-close img {
  height: 27px;
  width: auto;
}

.queerty-menu-searchbox {
  margin: 100px auto 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 0.5px solid #979797;
  border-left: 0;
  border-right: 0;
  padding: 5px 0;
}
.queerty-menu-searchbox input[type=search] {
  height: 40px;
  border: 0;
  width: 200px;
  padding-left: 18px;
}

/*--------------------------------------------------------------
## Cards
--------------------------------------------------------------*/
/*
	Overall card styles
	first is large, then small below & direct links below that
*/
article.card {
  background-color: white;
  position: relative;
  overflow: hidden;
  width: 300px;
  max-width: 100%;
}
article.card a {
  text-decoration: none;
  cursor: pointer;
}
article.card .card-commentcount {
  display: inline-block;
  background-color: #F43700;
  color: white;
  padding: 8px 15px;
  border-radius: 4px;
  position: relative;
  top: -30px;
  font-size: 13.008px;
  font-size: 0.813rem;
  z-index: 20;
}
article.card .card-commentcount:before {
  border-color: #F43700 transparent transparent #F43700;
}
article.card .card-featured {
  background-color: #fff;
  height: 510px;
  width: 570px;
  border-radius: 600px;
  color: #F13B00;
  padding: 1.5em 1.5em 0 1.5em;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  position: absolute;
  top: -470px;
  right: -133px;
  text-transform: uppercase;
}
article.card .card-featured b {
  display: inline-block;
  position: absolute;
  bottom: 1%;
  width: 70%;
  left: 15%;
  font-size: 20px;
  font-weight: 100;
  letter-spacing: 1px;
  font-family: balboa, sans-serif;
}
@media screen and (max-width: 635px) {
  article.card .card-featured {
    width: 175%;
  }
}
article.card .card-thumb {
  margin: 0px auto 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  display: block;
  position: relative;
  overflow: hidden;
  padding: 100% 0 0 0;
  background-color: #E9E9E9;
  max-height: 300px;
}
@media screen and (max-width: 635px) {
  article.card .card-thumb {
    padding: 47% 0 0 0;
  }
}
article.card .card-thumb img.wp-post-image {
  object-fit: cover;
  object-position: center; /* Center the image within the element */
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
article.card .kicker {
  font-family: balboa, sans-serif;
  font-weight: 100;
  font-size: 19.008px;
  font-size: 1.188rem;
  letter-spacing: 0.031rem;
  padding: 6px 13px;
  border-radius: 0 8px 8px 8px;
  background-color: #F0F0F0;
  width: auto;
  display: inline-block;
  color: #000;
  text-transform: lowercase;
}
article.card .card-content {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 635px) {
  article.card .card-content {
    padding-bottom: 20px !important;
  }
}
article.card .card-content time,
article.card .card-content span.branded-content-label {
  position: absolute;
  bottom: 15px;
  font-weight: 100;
  font-size: 15.008px;
  font-size: 0.938rem;
  color: #8E8E8E;
  right: 20px;
  z-index: 10;
}
article.card .card-content time:before,
article.card .card-content span.branded-content-label:before {
  content: "✔";
  font: normal normal normal 16px/1 Arial;
  margin-right: 5px;
  color: #fff;
}
@media screen and (max-width: 635px) {
  article.card .card-content time,
  article.card .card-content span.branded-content-label {
    font-weight: 400;
    display: none;
  }
}
article.card .card-content .share-card {
  position: absolute;
  bottom: 5px;
  left: 25px;
  font-size: 16px;
  font-size: 1rem;
  color: #F43700;
  height: 40px;
  width: 100%;
  min-width: 80%;
}
article.card .card-content .share-card .share-icon {
  position: relative;
  top: 10px;
  color: #F43700;
  height: 19px;
  width: auto;
}
article.card .card-content .share-card .share-tools {
  display: none;
  height: 32px;
  line-height: 32px;
  left: 20px;
  bottom: 5px;
  position: absolute;
  width: 100%;
  z-index: 15;
  background-color: #fff;
}
article.card .card-content .share-card .share-tools:hover {
  display: block;
}
article.card .card-content .share-card:hover .share-tools {
  display: block;
}
@media screen and (max-width: 635px) {
  article.card .card-content .share-card {
    display: none;
  }
}
article.card .card-content .branded-content-brand {
  color: #8E8E8E;
  margin-left: 12px;
  font-size: 14px;
  font-size: 0.875rem;
}
article.card .card-content span.branded-content-label {
  color: #F43700;
}
article.card h2 {
  color: #000;
  font-size: 20.8px;
  font-size: 1.3rem;
  line-height: 1.25;
  margin: 15px 5px 10px 12px;
}
article.card:focus, article.card:hover {
  cursor: pointer;
}
article.card:focus img.wp-post-image, article.card:hover img.wp-post-image {
  transform: scale(1.02);
  filter: saturate(2);
  filter: brightness(120%);
}
article.card:focus img.fallback-image, article.card:hover img.fallback-image {
  filter: brightness(100%);
  transform: scale(1.125);
}
article.card .fade-element-hide {
  opacity: 0;
}
article.card .fade-element-show {
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
article.card a:visited .card-commentcount {
  background-color: #ff9576;
}
article.card a:visited .card-commentcount:before {
  border-color: #ff9576;
}
article.card a:visited .kicker,
article.card a:visited h2 {
  color: #8E8E8E;
}
article.card a:visited time:before {
  color: #8E8E8E;
}

@media screen and (max-width: 635px) {
  article.card {
    height: auto;
    padding-bottom: 10px;
    width: 100%;
    margin-right: 0 !important;
  }
}

article.card-large {
  height: 600px;
  width: 300px;
  max-width: 100%;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 635px) {
  article.card-large {
    height: auto;
    padding-bottom: 10px;
  }
}

article.card-small {
  text-align: left;
  height: 300px;
  width: 300px;
  max-width: 100%;
  margin-bottom: 1.25rem;
}
article.card-small .card-thumb {
  margin: 0px auto 10px;
  padding: 0;
  padding-bottom: 47%;
}
article.card-small .card-thumb img.wp-post-image {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0px !important;
  color: white;
}
article.card-small h2 {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 9px 10px;
}
article.card-small .share-card {
  display: none;
}
article.card-small .kicker {
  font-size: 17.008px;
  font-size: 1.063rem;
  padding: 4px 10px;
}
article.card-small time,
article.card-small span.branded-content-label {
  font-size: 0.8rem !important;
  bottom: 8px !important;
}
article.card-small time:before,
article.card-small span.branded-content-label:before {
  font-size: 14px !important;
}
@media screen and (max-width: 635px) {
  article.card-small .card-thumb {
    padding-bottom: 46.4285714286%;
  }
}

article.card-side {
  text-align: left;
  height: 168px;
  width: 300px;
  max-width: 100%;
  margin-bottom: 1.25rem;
  border: 1px solid #efefef;
  padding: 0;
}
article.card-side .card-thumb {
  margin: 0;
  width: 120px;
  height: 150px;
  padding: 0;
  float: left;
}
article.card-side .card-thumb img.wp-post-image {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
}
article.card-side .card-content {
  float: left;
  width: 175px;
}
article.card-side h2 {
  font-size: 16px;
  font-size: 1rem;
  margin: 6px 10px;
}
article.card-side .card-commentcount {
  position: absolute;
  top: 6px;
  left: 77px;
}
article.card-side .kicker {
  font-size: 14.4px;
  font-size: 0.9rem;
  margin-top: 6px;
  margin-left: 6px;
}

article.card-ordered-list {
  text-align: left;
  height: 168px;
  width: 300px;
  max-width: 100%;
  margin-bottom: 1.25rem;
  border: 1px solid #efefef;
  padding: 0;
}
article.card-ordered-list .card-thumb {
  margin: 0;
  width: 100px;
  height: 130px;
  padding: 0;
  float: left;
}
article.card-ordered-list .card-thumb img.wp-post-image {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
}
article.card-ordered-list .card-content {
  float: left;
  width: 165px;
}
article.card-ordered-list h2 {
  font-size: 16px;
  font-size: 1rem;
  margin: 6px 10px;
}
article.card-ordered-list .card-commentcount {
  position: absolute;
  top: 6px;
  left: 77px;
}
article.card-ordered-list .kicker {
  font-size: 14.4px;
  font-size: 0.9rem;
  margin-top: 6px;
  margin-left: 6px;
}

article.card.card-portrait .card-thumb {
  height: 592px;
  max-height: 582px;
  padding: 0px;
  margin: 0 auto !important;
}
article.card.card-portrait .card-content {
  position: relative;
  padding: 375px 0px 0px;
}
@media (min-width: 636px) {
  article.card.card-portrait .card-content {
    padding: 285px 0px 0px;
  }
  article.card.card-portrait .card-content .entry-meta {
    width: 100%;
    top: 495px;
    padding: 0px 15px;
    display: flex;
    justify-content: space-between;
  }
  article.card.card-portrait .card-content .share-card {
    z-index: 2;
    position: relative;
    top: 0px;
    left: 0px;
  }
  article.card.card-portrait .card-content .share-card .share-tools {
    background-color: transparent;
  }
  article.card.card-portrait .card-content .share-card .share-tools .addthis_toolbox {
    position: relative;
    left: 10px;
  }
  article.card.card-portrait .card-content time,
  article.card.card-portrait .card-content span.branded-content-label {
    position: relative;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 10px;
  }
  article.card.card-portrait .card-content a time:before {
    color: transparent;
  }
}
article.card.card-portrait .card-content h2 {
  color: white;
  font-weight: 200;
}
article.card.card-portrait .kicker {
  color: white;
  background-color: #f43700;
  margin: 15px;
}
article.card.card-portrait .queerty-tv-overlay {
  background: url(/assets/q-2017/direct-link/queerty-interview-play-button.png) no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  position: relative;
  left: 15px;
}
article.card.card-portrait .queerty-interview-overlay {
  position: relative;
  background: url(/assets/q-2017/direct-link/queerty-interview-direct-link-logo.png) no-repeat;
  background-size: cover;
  width: 119px;
  height: 38px;
  left: 15px;
}
article.card.card-portrait .card-portrait-link {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: -9999px;
  z-index: 1;
}
@media (min-width: 636px) {
  article.card.card-portrait {
    padding-top: 0px;
  }
}
article.card.card-portrait a:visited .kicker {
  background-color: #8E8E8E;
  color: white;
}
article.card.card-portrait a:visited h2 {
  color: #C6C6C6;
}
article.card.card-portrait a:visited time:before {
  color: #8E8E8E;
}

.card-large .card-thumb-gradient {
  position: absolute;
  top: 32px;
}
.card-large .card-thumb-gradient img {
  width: 100% !important;
  height: 100% !important;
}
@media (min-width: 636px) {
  .card-large .card-thumb-gradient {
    position: absolute;
    top: 180px;
  }
  .card-large .card-thumb-gradient img {
    width: 100% !important;
    height: 100% !important;
  }
}

.card-thumb-new {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.card-thumb-new .wp-post-image {
  transition: all 0.2s ease-in-out;
}
.card-thumb-new .wp-post-image.mobile-image {
  display: block;
}
.card-thumb-new .wp-post-image.desktop-image {
  display: none;
}
@media (min-width: 636px) {
  .card-thumb-new .wp-post-image.mobile-image {
    display: none;
  }
  .card-thumb-new .wp-post-image.desktop-image {
    display: block;
  }
}

.index-latest article.card-large .card-thumb .card-thumb-gradient {
  position: absolute;
  top: 32px;
}
.index-latest article.card-large .card-thumb .card-thumb-gradient img {
  width: 100% !important;
  height: 100% !important;
}
@media (min-width: 636px) {
  .index-latest .card-thumb-new .wp-post-image.mobile-image {
    display: block;
  }
  .index-latest .card-thumb-new .wp-post-image.desktop-image {
    display: none;
  }
}
@media (min-width: 961px) {
  .index-latest .card-thumb-new .wp-post-image.mobile-image {
    display: none;
  }
  .index-latest .card-thumb-new .wp-post-image.desktop-image {
    display: block;
  }
}
@media (min-width: 961px) {
  .index-latest article.card-large .card-thumb .card-thumb-gradient {
    position: absolute;
    top: 180px;
  }
  .index-latest article.card-large .card-thumb .card-thumb-gradient img {
    width: 100% !important;
    height: 100% !important;
  }
}
@media (min-width: 961px) and (max-width: 1269px) {
  .index-latest article.card-large:nth-of-type(4) .card-thumb .card-thumb-gradient {
    position: absolute;
    top: 32px;
  }
  .index-latest article.card-large:nth-of-type(4) .card-thumb .card-thumb-gradient img {
    width: 100% !important;
    height: 100% !important;
  }
  .index-latest article.card-large:nth-of-type(4) .card-thumb-new .wp-post-image.desktop-image {
    display: none;
  }
  .index-latest article.card-large:nth-of-type(4) .card-thumb-new .wp-post-image.mobile-image {
    display: block;
  }
}
@media (min-width: 1270px) and (max-width: 1677px) {
  .index-latest article.card-large:nth-of-type(5) .card-thumb .card-thumb-gradient {
    position: absolute;
    top: 32px;
  }
  .index-latest article.card-large:nth-of-type(5) .card-thumb .card-thumb-gradient img {
    width: 100% !important;
    height: 100% !important;
  }
}
@media (min-width: 961px) and (max-width: 1677px) {
  .index-latest article.card-large:nth-of-type(5) .card-thumb-new .wp-post-image.desktop-image {
    display: none;
  }
  .index-latest article.card-large:nth-of-type(5) .card-thumb-new .wp-post-image.mobile-image {
    display: block;
  }
}

.card-small .card-thumb .card-thumb-gradient {
  position: absolute;
  top: 34px;
}
.card-small .card-thumb .card-thumb-gradient img {
  width: 100% !important;
  height: auto;
}

article.card.card-portrait .card-content {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 0px !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0) 70%);
}
article.card.card-portrait .card-thumb:after {
  content: " ";
  width: 143px;
  height: 40px;
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}
article.card.card-portrait:focus, article.card.card-portrait:hover {
  cursor: pointer;
}
article.card.card-portrait:focus img.wp-post-image, article.card.card-portrait:hover img.wp-post-image {
  filter: none;
}
article.card.card-portrait:focus .card-thumb:before, article.card.card-portrait:hover .card-thumb:before {
  color: white;
  text-transform: uppercase;
  height: 41px;
  line-height: 47px;
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  position: absolute;
  right: 155px;
  bottom: 10px;
  z-index: 10;
}

/*
article.card-side.dragaholic-link .card-thumb:after, article.card-side.gaycities-link .card-thumb:after,article.card-side.gaycities-link .card-thumb:after, article.card-side.lgbtqnation-link .card-thumb:after {
	width: 110px !important;
	height:20px !important;
}

article.card.into-link, article.card.gaycities-link, article.card.lgbtqnation-link, article.card.dragaholic-link, article.card.ever-after-link, article.card.queertytv-link, article.card.pride-50-link, article.card.out-for-good-link, article.card.queerty-interview-link {

.card-thumb-gradient {
	width:100%;
	height:100px;
		position: absolute;
		bottom: 0;		
}

.card-thumb:after {
		content: " ";
	width:143px;
	height:40px;
		display: block;
		position: absolute;
		right: 10px; 
		bottom: 10px;
		z-index:10; 
}

&:focus,
&:hover {
cursor: pointer;

	img.wp-post-image {
		filter: none;
	}

	.card-thumb:before {
		content: "Read more on  ";
		color:white;
		text-transform: uppercase;
		height:41px;
		line-height:47px;
		@include font-size(0.75);
			display: block;
			position: absolute;
			right: 155px; 
			bottom: 10px; 
			z-index:10;	
	}		
}
}

article.card.into-link {
.card-thumb:after {
		background:url(https://queerty-assets.s3.amazonaws.com/assets/q-2017/direct-link/into-direct-link-logo.png);
	background-size:cover;
	width:72px;
}
}	

article.card.gaycities-link {
.card-thumb:after {
		background:url(https://queerty-assets.s3.amazonaws.com/assets/q-2017/direct-link/gaycities-logo.png);
	background-size:cover;
}
}

article.card.lgbtqnation-link {
.card-thumb:after {
		background:url(https://queerty-assets.s3.amazonaws.com/assets/q-2017/direct-link/lgbtqnation-logo-2019.png); 
	background-size:cover;
	bottom: 8px;
}
}	

article.card.dragaholic-link {
.card-thumb:after {
		background:url(https://queerty-assets.s3.amazonaws.com/assets/q-2017/direct-link/dragaholic-logo.png);
	background-size:cover;
	width:152px;
	height:30px;
}

.card-thumb:before {
	content:""!important;
}
}

article.card.ever-after-link {
.card-thumb:after {
		background:url(https://queerty-assets.s3.amazonaws.com/assets/q-2017/direct-link/ever-after-logo-2019.png);
	background-size:cover;
	width:140px;
}

.card-thumb:before {
	content:""!important;
}
}

article.card.out-for-good-link {
.card-thumb:after {
		background:url(https://www.queerty.com/assets/editorial-headers/out-for-good-2020-logo.png) no-repeat;
	background-size:cover;
	width:163px;
	height:31px;
}
&.card-side .card-thumb:after {
	background-size:contain;
	width:86px !important;	
	position:absolute;
	bottom:0;	
}	
.card-thumb:before {
	content:""!important;
}
}
*/
article.card-portrait.queerty-interview-link .card-thumb:after {
  background: url(/assets/q-2017/direct-link/queerty-interview-direct-link-logo.png) no-repeat;
  background-size: cover;
  width: 119px;
  height: 38px;
  left: 10px;
  right: auto;
}
article.card-portrait.queerty-interview-link.card-small .card-thumb:after {
  background-size: contain;
  width: 100px;
  height: 32px;
}
article.card-portrait.queerty-interview-link.card-side {
  background-size: contain;
  width: 110px;
}
article.card-portrait.queerty-interview-link .card-thumb:before {
  content: "" !important;
}

article.card.card-portrait.queerty-interview-link .card-thumb:after {
  background: none;
  background-size: cover;
  width: 0px;
  height: 0px;
  left: 10px;
  right: auto;
}

/*
article.card.queertytv-link {
.card-thumb:after {
		background:url(https://queerty-assets.s3.amazonaws.com/assets/q-2017/direct-link/queertytv-play.png);
	background-size:cover;
	width:40px;
	height:40px; 
}

.card-thumb:before {
	content:""!important;
}
}
*/
article.card.card-portrait.queertytv-link .card-thumb:after {
  background: none;
  background-size: cover;
  width: 0px;
  height: 0px;
}
article.card.card-portrait.queertytv-link .card-thumb:before {
  content: "" !important;
}

/*
article.card.pride-50-link {
.card-thumb:after {
		background:url(https://queerty-assets.s3.amazonaws.com/assets/q-2017/direct-link/pride-50-logo.png) no-repeat;
	background-size:contain;
	width:152px;
	height:58px;
}

.card-thumb:before {
	content:""!important;
}
}

article.card-side.pride-50-link {
.card-thumb:after {
	width:119px;
	height:50px;
}
}
*/
article.card-video .card-thumb {
  height: 170px;
  width: 100%;
}
article.card-video .card-content {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 170px;
}
article.card-video .card-content .kicker-wrapper {
  align-self: flex-start;
  flex: 1;
}
article.card-video .card-content .kicker-wrapper .kicker {
  background-color: #f43700;
  color: white;
}
article.card-video .card-content h2 {
  color: white;
  margin-bottom: 10px;
}

article.card.takepride {
  background: url(/assets/promos/pride/2019/target/takepride-card-backer.png);
  background-size: cover;
}
article.card.takepride .kicker {
  background-color: #90589b;
  color: white !important;
}
article.card.takepride time {
  background: url("/assets/promos/pride/2019/target/takepride-logo.png");
  background-size: cover;
  width: 50%;
  height: 29px;
}
article.card.takepride time:before {
  display: none;
}

.ad-card,
.cards-list article.ad-card,
article.ad-card {
  text-align: center !important;
  width: 300px;
  max-width: 302px;
  min-width: 300px !important;
  border-color: transparent !important;
}
@media screen and (max-width: 635px) {
  .ad-card,
  .cards-list article.ad-card,
  article.ad-card {
    padding: 10px 0;
    width: 300px !important;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: transparent !important;
    float: none !important;
  }
  .ad-card::after,
  .cards-list article.ad-card::after,
  article.ad-card::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media (max-width: 635px) {
  .ad-card,
  .cards-list article.ad-card,
  article.ad-card {
    background-color: transparent !important;
  }
}
.ad-card.card-small,
.cards-list article.ad-card.card-small,
article.ad-card.card-small {
  background-color: transparent !important;
}

.sidebar-related .card-inline a {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.sidebar-related .card-inline a .card-image {
  flex-shrink: 0;
}
.sidebar-related .card-inline a .card-content .kicker {
  font-size: 0.9rem;
  color: red;
  padding: 0px;
  background-color: transparent;
}
.sidebar-related .card-inline a .card-content h2 {
  font-size: 1rem;
  margin: 0px;
}
.sidebar-related .card-inline a .card-content .branded-content-brand {
  margin: 0px;
  font-size: 0.75rem;
}

article.card-large.the-big-story-link .card-thumb-new:after,
article.card-small.the-big-story-link .card-thumb-new:after {
  content: " ";
  width: 100px;
  height: 100px;
  left: 10px;
  top: 10px;
  display: block;
  position: absolute;
  z-index: 10;
  background-image: url("https://queerty-prodweb.s3.amazonaws.com/2022/05/Queerty_Exclusive-v2.png");
  background-size: contain;
}

article.card-small.the-big-story-link .card-thumb-new:after {
  width: 50px;
  height: 50px;
  right: 5px;
  bottom: 5px;
}

/* trans awareness week, gradient on kicker */
article.card.trans-awareness-link .kicker,
.trans-awareness-link.kicker {
  background: rgb(91, 206, 250);
  background: linear-gradient(120deg, rgb(91, 206, 250) 0%, rgb(255, 255, 255) 50%, rgb(245, 169, 184) 100%);
  color: #333 !important;
}

.wrapper-link {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: -9999px;
  z-index: 1;
}

/* New Grid */
#primary article.card {
  float: none !important;
  margin: 0 !important;
  padding: 10px !important;
}

#primary article.ad-card {
  padding: 0 !important;
  background-color: transparent;
}

#primary .cards-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: none;
  grid-template-columns: none;
  justify-content: center;
  grid-gap: 10px;
}
@media (min-width: 636px) {
  #primary .cards-list {
    -ms-grid-columns: repeat(2, 300px);
    grid-template-columns: repeat(2, 300px);
  }
}
@media (min-width: 961px) {
  #primary .cards-list {
    -ms-grid-columns: repeat(3, 300px);
    grid-template-columns: repeat(3, 300px);
  }
}
@media (min-width: 1270px) {
  #primary .cards-list {
    -ms-grid-columns: repeat(4, 300px);
    grid-template-columns: repeat(4, 300px);
  }
}
@media (min-width: 1678px) {
  #primary .cards-list {
    -ms-grid-columns: repeat(5, 300px);
    grid-template-columns: repeat(5, 300px);
  }
}

@media (min-width: 635px) {
  .single #primary {
    padding: 0px 15px;
  }
}

/*--------------------------------------------------------------
## Index Page
--------------------------------------------------------------*/
body.home,
body.archive {
  background: linear-gradient(to bottom, #fff 0%, #efefef 300px);
  filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#fff, endColorstr=#efefef ); /* IE6-9 */
}

/*Categories on Home Page */
.index-between-sections-ad {
  margin: 20px auto;
  text-align: center;
}
.index-between-sections-ad::after {
  clear: both;
  content: "";
  display: block;
}

#more-latest.load-more {
  margin: 10px auto 30px;
}

.index-category-section {
  background: linear-gradient(to bottom, #fff 0%, #efefef 300px);
  filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr=#fff, endColorstr=#efefef ); /* IE6-9 */
  width: 100%;
  padding-bottom: 5px;
}
.index-category-section .index-category-header {
  padding-top: 2.625rem;
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
}
.index-category-section .index-category-header::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .index-category-section .index-category-header {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .index-category-section .index-category-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .index-category-section .index-category-header {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .index-category-section .index-category-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .index-category-section .index-category-header {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }
  .index-category-section .index-category-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .index-category-section .index-category-header {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  .index-category-section .index-category-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  .index-category-section .index-category-header {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .index-category-section .index-category-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  .index-category-section .index-category-header {
    max-width: 1598px;
    margin-left: auto;
    margin-right: auto;
  }
  .index-category-section .index-category-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .index-category-section .index-category-header {
    padding-top: 1.5rem;
    text-align: center;
  }
}
@media screen and (min-width: 1270px) {
  .index-category-section .index-category-header {
    max-width: 1200px !important;
  }
}
@media screen and (min-width: 1678px) {
  .index-category-section .index-category-header {
    max-width: 1525px !important;
  }
}

h3.category-heading,
.category-heading h1 {
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
  color: #F43700 !important;
  margin: 0 0 1em 0;
  font-weight: 600;
  margin-left: 0 !important;
  font-size: 40px;
  font-size: 2.5rem;
}
h3.category-heading::after,
.category-heading h1::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  h3.category-heading,
  .category-heading h1 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  h3.category-heading::after,
  .category-heading h1::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  h3.category-heading,
  .category-heading h1 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  h3.category-heading::after,
  .category-heading h1::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  h3.category-heading,
  .category-heading h1 {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }
  h3.category-heading::after,
  .category-heading h1::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  h3.category-heading,
  .category-heading h1 {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  h3.category-heading::after,
  .category-heading h1::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  h3.category-heading,
  .category-heading h1 {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  h3.category-heading::after,
  .category-heading h1::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  h3.category-heading,
  .category-heading h1 {
    max-width: 1598px;
    margin-left: auto;
    margin-right: auto;
  }
  h3.category-heading::after,
  .category-heading h1::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  h3.category-heading,
  .category-heading h1 {
    text-align: center;
  }
}

.single .category-heading a {
  color: #F43700;
  margin: 0 0 0 0;
  font-weight: 600;
  font-size: 40px;
  font-size: 2.5rem;
}

/* These styles may need to be disabled */
.tag-heading-suffix {
  color: #8E8E8E;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 200;
}
@media screen and (max-width: 635px) {
  .tag-heading-suffix {
    display: block;
    text-align: center;
  }
}

.page-num {
  color: #8E8E8E;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 200;
}

.related-tags {
  float: right;
  height: 3rem;
  line-height: 3rem;
  font-weight: normal;
  text-align: right;
  font-size: 19.008px;
  font-size: 1.188rem;
  text-transform: lowercase;
}
@media screen and (max-width: 635px) {
  .related-tags {
    display: none;
  }
}
.related-tags a {
  text-decoration: none;
  color: #4A4A4A;
  margin-left: 2.938rem;
}

/* End of potential disabled classes */
/* Handle Card Placements */
.cards-list {
  padding: 25px;
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 636px) and (max-width: 960px) {
  .cards-list {
    padding: 0px 12px;
  }
}
@media (min-width: 668px) {
  .cards-list {
    padding: 0px;
  }
}
.cards-list::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .cards-list {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .cards-list::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .cards-list {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .cards-list::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .cards-list {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }
  .cards-list::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .cards-list {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  .cards-list::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  .cards-list {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .cards-list::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  .cards-list {
    max-width: 1598px;
    margin-left: auto;
    margin-right: auto;
  }
  .cards-list::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media (max-width: 635px) {
  .cards-list {
    padding: 25px 0px !important;
  }
}

@media (max-width: 635px) {
  .index-latest article.card,
  .index-main article.card,
  .index-main article.card-small {
    height: auto !important;
    padding: 0px 10px !important;
  }
}

@media screen and (max-width: 635px) {
  .index-latest article.card-large {
    text-align: left;
    height: 300px;
    width: 300px;
    max-width: 100%;
    margin-bottom: 1.25rem;
  }
  .index-latest article.card-large .card-thumb {
    margin: 0px auto 10px;
    padding: 0;
    padding-bottom: 47%;
  }
  .index-latest article.card-large .card-thumb img.wp-post-image {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px !important;
    color: white;
  }
  .index-latest article.card-large h2 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 9px 10px;
  }
  .index-latest article.card-large .share-card {
    display: none;
  }
  .index-latest article.card-large .kicker {
    font-size: 17.008px;
    font-size: 1.063rem;
    padding: 4px 10px;
  }
  .index-latest article.card-large time,
  .index-latest article.card-large span.branded-content-label {
    font-size: 0.8rem !important;
    bottom: 8px !important;
  }
  .index-latest article.card-large time:before,
  .index-latest article.card-large span.branded-content-label:before {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 635px) and (max-width: 635px) {
  .index-latest article.card-large .card-thumb {
    padding-bottom: 46.4285714286%;
  }
}
@media screen and (max-width: 635px) {
  .index-latest article.card-large .card-thumb img {
    width: 0 !important;
    height: 0 !important;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .index-latest article.card-large {
    text-align: left;
    height: 300px;
    width: 300px;
    max-width: 100%;
    margin-bottom: 1.25rem;
  }
  .index-latest article.card-large .card-thumb {
    margin: 0px auto 10px;
    padding: 0;
    padding-bottom: 47%;
  }
  .index-latest article.card-large .card-thumb img.wp-post-image {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px !important;
    color: white;
  }
  .index-latest article.card-large h2 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 9px 10px;
  }
  .index-latest article.card-large .share-card {
    display: none;
  }
  .index-latest article.card-large .kicker {
    font-size: 17.008px;
    font-size: 1.063rem;
    padding: 4px 10px;
  }
  .index-latest article.card-large time,
  .index-latest article.card-large span.branded-content-label {
    font-size: 0.8rem !important;
    bottom: 8px !important;
  }
  .index-latest article.card-large time:before,
  .index-latest article.card-large span.branded-content-label:before {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) and (max-width: 635px) {
  .index-latest article.card-large .card-thumb {
    padding-bottom: 46.4285714286%;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .index-latest article.card-large .card-thumb img {
    width: 0 !important;
    height: 0 !important;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .index-latest article.card-large:nth-of-type(4), .index-latest article.card-large:nth-of-type(5) {
    text-align: left;
    height: 300px;
    width: 300px;
    max-width: 100%;
    margin-bottom: 1.25rem;
  }
  .index-latest article.card-large:nth-of-type(4) .card-thumb, .index-latest article.card-large:nth-of-type(5) .card-thumb {
    margin: 0px auto 10px;
    padding: 0;
    padding-bottom: 47%;
  }
  .index-latest article.card-large:nth-of-type(4) .card-thumb img.wp-post-image, .index-latest article.card-large:nth-of-type(5) .card-thumb img.wp-post-image {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px !important;
    color: white;
  }
  .index-latest article.card-large:nth-of-type(4) h2, .index-latest article.card-large:nth-of-type(5) h2 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 9px 10px;
  }
  .index-latest article.card-large:nth-of-type(4) .share-card, .index-latest article.card-large:nth-of-type(5) .share-card {
    display: none;
  }
  .index-latest article.card-large:nth-of-type(4) .kicker, .index-latest article.card-large:nth-of-type(5) .kicker {
    font-size: 17.008px;
    font-size: 1.063rem;
    padding: 4px 10px;
  }
  .index-latest article.card-large:nth-of-type(4) time,
  .index-latest article.card-large:nth-of-type(4) span.branded-content-label, .index-latest article.card-large:nth-of-type(5) time,
  .index-latest article.card-large:nth-of-type(5) span.branded-content-label {
    font-size: 0.8rem !important;
    bottom: 8px !important;
  }
  .index-latest article.card-large:nth-of-type(4) time:before,
  .index-latest article.card-large:nth-of-type(4) span.branded-content-label:before, .index-latest article.card-large:nth-of-type(5) time:before,
  .index-latest article.card-large:nth-of-type(5) span.branded-content-label:before {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) and (max-width: 635px) {
  .index-latest article.card-large:nth-of-type(4) .card-thumb, .index-latest article.card-large:nth-of-type(5) .card-thumb {
    padding-bottom: 46.4285714286%;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .index-latest article.card-large:nth-of-type(4) .card-thumb img, .index-latest article.card-large:nth-of-type(5) .card-thumb img {
    width: 0 !important;
    height: 0 !important;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .index-latest article.card-large:nth-of-type(5) {
    text-align: left;
    height: 300px;
    width: 300px;
    max-width: 100%;
    margin-bottom: 1.25rem;
  }
  .index-latest article.card-large:nth-of-type(5) .card-thumb {
    margin: 0px auto 10px;
    padding: 0;
    padding-bottom: 47%;
  }
  .index-latest article.card-large:nth-of-type(5) .card-thumb img.wp-post-image {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px !important;
    color: white;
  }
  .index-latest article.card-large:nth-of-type(5) h2 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 9px 10px;
  }
  .index-latest article.card-large:nth-of-type(5) .share-card {
    display: none;
  }
  .index-latest article.card-large:nth-of-type(5) .kicker {
    font-size: 17.008px;
    font-size: 1.063rem;
    padding: 4px 10px;
  }
  .index-latest article.card-large:nth-of-type(5) time,
  .index-latest article.card-large:nth-of-type(5) span.branded-content-label {
    font-size: 0.8rem !important;
    bottom: 8px !important;
  }
  .index-latest article.card-large:nth-of-type(5) time:before,
  .index-latest article.card-large:nth-of-type(5) span.branded-content-label:before {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) and (max-width: 635px) {
  .index-latest article.card-large:nth-of-type(5) .card-thumb {
    padding-bottom: 46.4285714286%;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .index-latest article.card-large:nth-of-type(5) .card-thumb img {
    width: 0 !important;
    height: 0 !important;
  }
}
@media (max-width: 635px) {
  .index-latest article.card-large {
    height: auto !important;
  }
}

@media (max-width: 959px) {
  .index-latest article.card-large.ad-box-1 {
    padding: 10px 0px !important;
  }
}

@media screen and (max-width: 635px) {
  .index-category-section article.card:nth-of-type(1n + 5) {
    display: none;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .index-category-section article.card:nth-of-type(1n + 3) {
    display: none;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .index-category-section article.card:nth-of-type(1n + 4) {
    display: none;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .index-category-section article.card:nth-of-type(1n + 5) {
    display: none;
  }
}
/* Archive Pages - special treatments */
.archive-description {
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  margin: -1rem 0 1.5em 0;
  padding: 1rem;
}
.archive-description::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .archive-description {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-description::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .archive-description {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-description::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .archive-description {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-description::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .archive-description {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-description::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  .archive-description {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-description::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  .archive-description {
    max-width: 1598px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-description::after {
    clear: both;
    content: "";
    display: block;
  }
}
.archive-description::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (max-width: 635px) {
  .archive-description {
    padding: 0.5rem;
  }
}

.top-promo-eyebrow {
  display: block;
  text-decoration: none;
  margin-top: 0;
  text-align: center;
  background-color: #f43700;
  width: 100%;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 0;
}
.top-promo-eyebrow:hover {
  color: #fff;
}
@media screen and (max-width: 635px) {
  .top-promo-eyebrow {
    display: none;
  }
}

.archive-header,
.page-header {
  padding: 0;
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
}
.archive-header::after,
.page-header::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .archive-header,
  .page-header {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after,
  .page-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .archive-header,
  .page-header {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after,
  .page-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .archive-header,
  .page-header {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after,
  .page-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .archive-header,
  .page-header {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after,
  .page-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  .archive-header,
  .page-header {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after,
  .page-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  .archive-header,
  .page-header {
    max-width: 1598px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after,
  .page-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .archive-header,
  .page-header {
    padding-top: 1.5rem;
    text-align: center;
  }
}
.archive-header a,
.page-header a {
  color: #F43700;
  text-decoration: none;
}

/* Card positioning for Queerty Interview */
.tag-the-queerty-interview {
  /*.cards-list {
  	padding: 0px 25px;

  	@media(min-width:$mobile_breakpoint) and (max-width:$desktop_breakpoint) {
  		padding: 0px 12px;
  	}

  	@media(min-width:961px) {
  		padding: 0px;
  	}

  	article.card {
  		margin-right: auto !important;
  		margin-left: auto !important;
  		clear: none;

  		@media(min-width:$mobile_breakpoint) {
  			margin-left: 3px !important;
  			margin-right: 3px !important;
  		}

  		@media(min-width:$larger_desktop_maxwidth) {
  			margin-left: .599% !important;
  			margin-right: .599% !important;
  		}
  	}	
  }

  .ad-card>div, .cards-list article.ad-card>div, article.ad-card>div {
  	margin-top: 0px;
  }*/
}
.tag-the-queerty-interview .jw-shelf-widget .jw-related-control .jw-svg-icon {
  color: #f43700;
}

/* Queerty Interview JW Player */
.interview-player-hero {
  align-items: center;
  background-color: white;
  -ms-grid-column-span: 0 !important;
  grid-column: span 0 !important;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 10px 10px;
}
@media (min-width: 636px) {
  .interview-player-hero {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
    width: auto;
    margin: 0px;
  }
}
@media (min-width: 961px) {
  .interview-player-hero {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
}
@media (min-width: 1270px) {
  .interview-player-hero {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
    padding: 0 10px;
  }
}
@media (min-width: 1280px) {
  .interview-player-hero {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3 !important;
  }
  .interview-player-hero .jwplayer {
    width: 660px !important;
    margin: auto;
  }
}

/* Driven/Single Video Archive layout */
@media screen and (min-width: 335px) {
  .archive .video-archive-lg-desktop .video-header {
    margin: 20px;
  }
}
@media screen and (min-width: 961px) {
  .archive .video-archive-lg-desktop .video-header {
    margin: 20px 0px;
  }
}
@media screen and (min-width: 1270px) {
  .archive .video-archive-lg-desktop {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
}

#cookie-law-info-bar {
  margin: 10px;
  width: calc(100vw - 20px);
  padding: 20px;
  border-radius: 0px;
}
@media (min-width: 636px) {
  #cookie-law-info-bar {
    margin: 20px;
    width: calc(100vw - 40px);
  }
}
@media (min-width: 1300px) {
  #cookie-law-info-bar {
    margin: 20px calc((100vw - 1280px) / 2);
    max-width: 1280px;
  }
}
@media (min-width: 1678px) {
  #cookie-law-info-bar {
    max-width: 1640px;
    margin: 20px calc((100vw - 1640px) / 2);
  }
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
  background-color: #f43700;
}

.manual-video-embed {
  aspect-ratio: 16/9;
  width: 100%;
  max-width: 1540px !important;
  display: block;
  margin: auto !important;
}

/*--------------------------------------------------------------
## Article
--------------------------------------------------------------*/
.d-none {
  display: none;
}

body.single,
body.attachment,
body.page {
  background-color: #fff;
}
body.single .site-content,
body.attachment .site-content,
body.page .site-content {
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
}
body.single .site-content::after,
body.attachment .site-content::after,
body.page .site-content::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  body.single .site-content,
  body.attachment .site-content,
  body.page .site-content {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .site-content::after,
  body.attachment .site-content::after,
  body.page .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  body.single .site-content,
  body.attachment .site-content,
  body.page .site-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .site-content::after,
  body.attachment .site-content::after,
  body.page .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  body.single .site-content,
  body.attachment .site-content,
  body.page .site-content {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .site-content::after,
  body.attachment .site-content::after,
  body.page .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  body.single .site-content,
  body.attachment .site-content,
  body.page .site-content {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .site-content::after,
  body.attachment .site-content::after,
  body.page .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  body.single .site-content,
  body.attachment .site-content,
  body.page .site-content {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .site-content::after,
  body.attachment .site-content::after,
  body.page .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  body.single .site-content,
  body.attachment .site-content,
  body.page .site-content {
    max-width: 1598px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .site-content::after,
  body.attachment .site-content::after,
  body.page .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1131px) and (max-width: 1279px) {
  body.single .site-content,
  body.attachment .site-content,
  body.page .site-content {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  body.single .site-content,
  body.attachment .site-content,
  body.page .site-content {
    max-width: 1150px;
  }
}
@media (min-width: 1678px) {
  body.single .site-content,
  body.attachment .site-content,
  body.page .site-content {
    max-width: 1210px !important;
  }
}
body.single .single-wrapper,
body.attachment .single-wrapper,
body.page .single-wrapper {
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  z-index: 1000;
  position: relative;
  padding: 10px 0 0 0;
}
body.single .single-wrapper::after,
body.attachment .single-wrapper::after,
body.page .single-wrapper::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  body.single .single-wrapper,
  body.attachment .single-wrapper,
  body.page .single-wrapper {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .single-wrapper::after,
  body.attachment .single-wrapper::after,
  body.page .single-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  body.single .single-wrapper,
  body.attachment .single-wrapper,
  body.page .single-wrapper {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .single-wrapper::after,
  body.attachment .single-wrapper::after,
  body.page .single-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  body.single .single-wrapper,
  body.attachment .single-wrapper,
  body.page .single-wrapper {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .single-wrapper::after,
  body.attachment .single-wrapper::after,
  body.page .single-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1131px) and (max-width: 1269px) {
  body.single .single-wrapper,
  body.attachment .single-wrapper,
  body.page .single-wrapper {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .single-wrapper::after,
  body.attachment .single-wrapper::after,
  body.page .single-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  body.single .single-wrapper,
  body.attachment .single-wrapper,
  body.page .single-wrapper {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .single-wrapper::after,
  body.attachment .single-wrapper::after,
  body.page .single-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  body.single .single-wrapper,
  body.attachment .single-wrapper,
  body.page .single-wrapper {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .single-wrapper::after,
  body.attachment .single-wrapper::after,
  body.page .single-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  body.single .single-wrapper,
  body.attachment .single-wrapper,
  body.page .single-wrapper {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
  }
  body.single .single-wrapper::after,
  body.attachment .single-wrapper::after,
  body.page .single-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
}
body.single .single-article,
body.attachment .single-article,
body.page .single-article {
  float: left;
  display: block;
  margin-right: 1.8801410106%;
  width: 68.5869565217%;
  border-right: 1px solid #efefef;
  padding-right: 2%;
}
body.single .single-article:last-child,
body.attachment .single-article:last-child,
body.page .single-article:last-child {
  margin-right: 0;
}
@media screen and (max-width: 635px) {
  body.single .single-article,
  body.attachment .single-article,
  body.page .single-article {
    float: left;
    display: block;
    margin-right: 7.9701120797%;
    width: 100%;
    border: none;
    padding-right: initial;
  }
  body.single .single-article:last-child,
  body.attachment .single-article:last-child,
  body.page .single-article:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  body.single .single-article,
  body.attachment .single-article,
  body.page .single-article {
    float: left;
    display: block;
    margin-right: 2.846975089%;
    width: 100%;
    border: none;
    padding-right: initial;
  }
  body.single .single-article:last-child,
  body.attachment .single-article:last-child,
  body.page .single-article:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  body.single .single-article,
  body.attachment .single-article,
  body.page .single-article {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 64.3419506463%;
  }
  body.single .single-article:last-child,
  body.attachment .single-article:last-child,
  body.page .single-article:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1131px) and (max-width: 1269px) {
  body.single .single-article,
  body.attachment .single-article,
  body.page .single-article {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 68.5869565217%;
  }
  body.single .single-article:last-child,
  body.attachment .single-article:last-child,
  body.page .single-article:last-child {
    margin-right: 0;
  }
}
@media print {
  body.single .single-article,
  body.attachment .single-article,
  body.page .single-article {
    border: none;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 635px) {
  body.single .single-article,
  body.attachment .single-article,
  body.page .single-article {
    margin-right: 0px !important;
    /*overflow-x: hidden;*/
  }
}
body.single .back-to-article,
body.attachment .back-to-article,
body.page .back-to-article {
  background-color: #E9E9E9;
  color: #000;
}
body.single .youtube,
body.attachment .youtube,
body.page .youtube {
  width: max-content !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 100% !important;
}
body.single .twitter-tweet,
body.attachment .twitter-tweet,
body.page .twitter-tweet {
  width: 550px !important;
  max-width: 100% !important;
  margin: auto;
}

body.single-feature .single-wrapper {
  padding: 0px 2%;
}
body.single-feature .single-article {
  float: none;
  margin-right: 0px;
  width: 100%;
  padding: 0px;
  border: none;
}
body.single-feature .comments-area {
  max-width: 100%;
}
@media (max-width: 959px) {
  body.single-feature .alignleft,
  body.single-feature .alignright {
    display: block;
    float: none;
    margin: auto;
  }
}
body.single-feature .entry-content p,
body.single-feature .entry-content h1,
body.single-feature .entry-content h2,
body.single-feature .entry-content h3,
body.single-feature .entry-content h4,
body.single-feature .entry-content h5,
body.single-feature .entry-content h6,
body.single-feature .entry-content ul,
body.single-feature .entry-content ol,
body.single-feature .entry-content blockquote {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}
body.single-feature .entry-content iframe.instagram-media {
  max-width: 614px !important;
}
body.single-feature .entry-content .wp-block-related-links {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.entry-content .wp-block-embed__wrapper iframe {
  margin: auto !important;
  display: block;
}

.single-article article.post {
  max-width: 768px;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #E9E9E9;
}
.single-article article.post::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (max-width: 635px) {
  .single-article article.post {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}
.single-article article.post .email-only {
  display: none !important;
}

.single-article a,
.single-page a {
  color: #000;
  text-decoration: underline;
}
.single-article h1,
.single-page h1 {
  font-size: 35px;
  font-size: 2.1875rem;
  font-weight: 600;
  line-height: 1.2;
  display: inline;
  margin: 10px 0;
  page-break-after: avoid;
}
@media screen and (max-width: 635px) {
  .single-article h1,
  .single-page h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.single-article h1 a,
.single-page h1 a {
  text-decoration: none;
}
.single-article .kicker,
.single-page .kicker {
  font-family: balboa, sans-serif;
  font-weight: 200;
  font-size: 19.2px;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  line-height: 1;
  text-transform: lowercase;
  color: #fff;
  background-color: #F43700;
  position: relative;
  top: -0.25rem;
  min-width: 6rem;
  margin-right: 0.5rem;
}
@media screen and (max-width: 635px) {
  .single-article .kicker,
  .single-page .kicker {
    font-size: 16px;
    font-size: 1rem;
    margin-right: 0.375rem;
    padding: 7px 10px;
    font-weight: 100;
  }
}
.single-article .kicker span.asterisk,
.single-page .kicker span.asterisk {
  background: url("https://queerty-assets.s3.amazonaws.com/assets/q-2017/asterisk-white.svg") no-repeat;
  background-size: 100%;
  height: 16px;
  width: 15px;
  display: inline-block;
  margin-bottom: -3px;
  margin-right: 5px;
}
.single-article .entry-meta,
.single-page .entry-meta {
  margin: 0.813rem 0;
  color: #8E8E8E;
  font-size: 15px;
  font-size: 0.9375rem;
}
.single-article .entry-meta a,
.single-page .entry-meta a {
  color: #000;
}
.single-article .entry-meta .byline,
.single-page .entry-meta .byline {
  margin-right: 5px;
}
.single-article .entry-meta .byline span,
.single-page .entry-meta .byline span {
  color: #000;
}
.single-article .entry-meta .article-commentcount,
.single-page .entry-meta .article-commentcount {
  color: #F43700;
}
@media screen and (max-width: 635px) {
  .single-article .entry-meta,
  .single-page .entry-meta {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0.75rem 0;
  }
  .single-article .entry-meta .posted-on span,
  .single-page .entry-meta .posted-on span {
    display: none;
  }
}
@media (max-width: 635px) {
  .single-article .entry-header,
  .single-page .entry-header {
    padding-top: 10px;
  }
}
.single-article .entry-content,
.single-page .entry-content {
  margin-top: 1.125rem;
  font-size: 17.008px;
  font-size: 1.063rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 635px) {
  .single-article .entry-content p img.size-large,
  .single-page .entry-content p img.size-large {
    margin-left: -5%;
    width: 110%;
    max-width: 110%;
  }
}
.single-article .entry-content ul,
.single-article .entry-content ol,
.single-page .entry-content ul,
.single-page .entry-content ol {
  margin-left: 0px;
}
.single-article .entry-content iframe,
.single-page .entry-content iframe {
  border: 0px !important;
}

.entry-footer {
  margin-top: 2.375rem;
}
.entry-footer::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (max-width: 635px) {
  .entry-footer .tags-links {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
}
.entry-footer .tags-links a {
  border-radius: 0.438rem;
  margin-bottom: 0.438rem;
  font-size: 0.938rem;
}
.entry-footer .topic-blurb {
  border: 1px solid #e9e9e9;
  border-bottom: 8px solid red;
  margin-bottom: 40px;
  padding: 15px;
}
@media (min-width: 636px) {
  .entry-footer .topic-blurb {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
    border-right: 8px solid red;
    gap: 30px;
    padding: 30px;
  }
}
.entry-footer .topic-blurb .topic-img {
  width: 100%;
  max-width: 80px;
  margin: auto;
  margin-bottom: 20px;
}
@media (min-width: 636px) {
  .entry-footer .topic-blurb .topic-img {
    margin-bottom: 0px;
  }
}
.entry-footer .topic-blurb .topic-desc {
  text-align: center;
}
@media (min-width: 636px) {
  .entry-footer .topic-blurb .topic-desc {
    text-align: left;
    flex-grow: 1;
  }
}
.entry-footer .topic-blurb .topic-desc a {
  text-decoration: none;
}
.entry-footer .topic-blurb .topic-desc h2 {
  margin: 0px 0px 5px;
  text-transform: lowercase;
  font-weight: 200;
  font-size: 2rem;
}
.entry-footer .topic-blurb .topic-desc h2 .topic-name {
  color: red;
  font-weight: 800;
}
.entry-footer .topic-blurb .topic-desc h2 p {
  margin: 0px;
}
.entry-footer .comments-link-area {
  float: right;
}
@media screen and (max-width: 635px) {
  .entry-footer .comments-link-area {
    width: 100%;
    text-align: center;
    margin-top: 1.5rem;
    border: 2px solid #F43700;
    padding: 8px 0;
    text-align: center;
    border-radius: 5px;
  }
  .entry-footer .comments-link-area a {
    color: #F43700;
    text-decoration: underline;
  }
}
@media print {
  .entry-footer .comments-link-area {
    display: none;
  }
}
.entry-footer .comments-link {
  background-color: #E9E9E9;
  color: #000;
  margin: 0 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 635px) {
  .entry-footer .comments-link {
    background-color: transparent;
    text-align: center;
    padding: 0;
    color: #F43700;
    text-decoration: underline;
    font-size: 17.008px;
    font-size: 1.063rem;
    text-transform: lowercase;
  }
}
.entry-footer .comments-number {
  font-family: balboa, sans-serif;
  color: #fff;
  font-weight: 100;
  letter-spacing: 1px;
  background-color: #F43700;
  position: relative;
  font-size: 13.008px;
  font-size: 0.813rem;
}
.entry-footer .comments-number:before {
  border-color: #F43700 transparent transparent #F43700;
}
@media screen and (max-width: 635px) {
  .entry-footer .comments-number {
    display: none;
  }
}

.article-email-prompt-red {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2.75rem;
  width: 100%;
  max-width: 768px;
  background-color: #F43700;
  color: #fff;
  padding: 0.75rem 1rem 1rem 1rem;
  font-size: 13.008px;
  font-size: 0.813rem;
  line-height: 1.25rem;
  border-radius: 4.05px;
}
.article-email-prompt-red::after {
  clear: both;
  content: "";
  display: block;
}
.article-email-prompt-red form {
  margin-top: 0.813rem;
  border-radius: 5px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.article-email-prompt-red form::after {
  clear: both;
  content: "";
  display: block;
}
.article-email-prompt-red h3 {
  color: #fff;
  font-size: 43.008px;
  font-size: 2.688rem;
  margin: 1rem 0;
  text-transform: uppercase;
  font-family: balboa, sans-serif;
}
.article-email-prompt-red span.asterisk {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.6 85' fill='#fff'><path class='st0' d='M58.9 85L44.6 65.7 30.6 85 7.9 68.6l13.7-18.7L0 42.6 8.6 16l21.9 7.3V0h28v23.3L81 15.9l8.6 26.6-21.9 7.3 14 18.7L58.9 85z'/></svg>") no-repeat;
  background-size: 100%;
  height: 32px;
  width: 31px;
  display: none;
  margin-right: 10px;
}
.article-email-prompt-red .button {
  line-height: 1.375rem;
  font-size: 16px;
  font-size: 1rem;
  background-color: transparent;
  float: right;
  border: 1px solid #fff;
  border-radius: 4.05px;
  color: #fff;
  width: 35%;
}
.article-email-prompt-red input[type=email] {
  margin: 0;
  width: 60%;
  height: 2.5rem;
  color: #8E8E8E;
  font-size: 22.4px;
  font-size: 1.4rem;
  padding: 10px;
  border: none;
  text-align: center;
}
@media screen and (max-width: 635px) {
  .article-email-prompt-red input[type=email] {
    width: 60%;
    margin-right: 0;
    float: left;
  }
}
@media print {
  .article-email-prompt-red {
    display: none;
  }
}
@media screen and (max-width: 635px) {
  .article-email-prompt-red h3 {
    font-size: 38.4px;
    font-size: 2.4rem;
  }
}

.article-email-prompt {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 2.75rem;
  width: 96%;
  max-width: 768px;
  color: #8E8E8E;
  font-size: 13.008px;
  font-size: 0.813rem;
  line-height: 1.25rem;
}
.article-email-prompt::after {
  clear: both;
  content: "";
  display: block;
}
.article-email-prompt form {
  margin-top: 0.813rem;
  border: 1px solid #D8D8D8;
  border-radius: 4.05px;
  width: 97%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.article-email-prompt form::after {
  clear: both;
  content: "";
  display: block;
}
.article-email-prompt h3 {
  color: #000;
  font-size: 27.008px;
  font-size: 1.688rem;
  margin: 0.75rem 0;
}
.article-email-prompt .button {
  line-height: 1.375rem;
  font-size: 16px;
  font-size: 1rem;
  background-color: #D8D8D8;
  float: right;
}
.article-email-prompt input[type=email] {
  margin: 0;
  width: 80%;
  height: 2rem;
  color: #000;
  height: 38px;
  border: none;
}
@media screen and (max-width: 635px) {
  .article-email-prompt input[type=email] {
    width: 60%;
    margin-right: 0;
    float: left;
  }
}
@media print {
  .article-email-prompt {
    display: none;
  }
}

#taboola-below-article-thumbnails {
  max-width: 768px;
  border-top: 1px solid #efefef;
  padding: 30px 0;
  font-family: proxima-nova, sans-serif !important;
}
@media print {
  #taboola-below-article-thumbnails {
    display: none;
  }
}
#taboola-below-article-thumbnails .trc_rbox_header_span {
  color: #F43700 !important;
  font-family: proxima-nova, sans-serif !important;
}
#taboola-below-article-thumbnails .alternating-thumbnails-a .trc_rbox_header,
#taboola-below-article-thumbnails span.branding {
  color: #F43700;
  font-family: proxima-nova, sans-serif !important;
}
#taboola-below-article-thumbnails .ab_alternating-thumbnails-a_vertical-3x6 .videoCube {
  border: 1px solid #efefef;
  padding: 10px;
}
#taboola-below-article-thumbnails .ab_alternating-thumbnails-a_vertical-3x6 .video-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
}
#taboola-below-article-thumbnails .video-label-box span {
  font-family: proxima-nova, sans-serif !important;
}
@media screen and (max-width: 479px) and (min-width: 0px) {
  #taboola-below-article-thumbnails .trc_elastic_trc_78004 .videoCube {
    margin: 0 2.25% 8%;
    width: 44.995%;
  }
  #taboola-below-article-thumbnails {
    background: none;
    filter: none; /* IE6-9 */
    border-top: 1px solid #efefef;
  }
}

/* Bottom artcile slider */
.single-bottom-articles-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.single-bottom-articles-grid .card-small {
  padding: 10px;
}

.single-bottom-articles {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #D8D8D8;
  margin-top: 10px;
  padding-top: 10px;
}
.single-bottom-articles::after {
  clear: both;
  content: "";
  display: block;
}
.single-bottom-articles h3 {
  text-align: center;
  font-size: 27.008px;
  font-size: 1.688rem;
}
.single-bottom-articles .slick-slide {
  width: 315px;
}
.single-bottom-articles .slick-slider {
  width: 945px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .single-bottom-articles .slick-slider {
    width: 630px;
  }
}
@media screen and (max-width: 635px) {
  .single-bottom-articles .slick-slider {
    width: 96%;
  }
}
@media screen and (max-width: 635px) {
  .single-bottom-articles {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 635px) {
  .single-bottom-articles {
    width: 300px;
    max-width: 100%;
    /*.card-thumb img {
    	padding: 0px 10px;
      	background-color: white;
    }*/
  }
}

.inline-ad {
  display: none;
  width: 100%;
  text-align: center;
}
.inline-ad:before {
  content: "Advertisement";
  font-size: 10px;
}
@media screen and (max-width: 635px) {
  .inline-ad {
    display: block;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .inline-ad {
    display: block;
  }
}

.pride-50-heading {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  font-style: italic;
  font-size: 16px;
  line-height: 18px;
}
.pride-50-heading img {
  float: left;
  margin: 0 17px 10px 0;
}

body.attachment img {
  width: 100%;
  height: auto;
}
body.attachment .entry-inner {
  text-align: center;
}

.wp-embed-aspect-16-9 iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

.wp-embed-aspect-4-3 iframe {
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
}

.shortcode-quiz a {
  text-decoration: none !important;
}
@media screen and (max-width: 635px) {
  .shortcode-quiz .la-quiz-answers-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0px 0.5rem;
  }
  .shortcode-quiz .la-quiz-question-answer-item {
    width: 100% !important;
  }
}

body.single .article-sidebar,
body.page-template-default .article-sidebar {
  float: left;
  display: block;
  margin-right: 1.8801410106%;
  width: 26.9858989424%;
  margin-right: 0;
  text-align: right;
}
body.single .article-sidebar:last-child,
body.page-template-default .article-sidebar:last-child {
  margin-right: 0;
}
@media screen and (max-width: 635px) {
  body.single .article-sidebar,
  body.page-template-default .article-sidebar {
    float: left;
    display: block;
    margin-right: 7.9701120797%;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  body.single .article-sidebar:last-child,
  body.page-template-default .article-sidebar:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  body.single .article-sidebar,
  body.page-template-default .article-sidebar {
    float: left;
    display: block;
    margin-right: 2.846975089%;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  body.single .article-sidebar:last-child,
  body.page-template-default .article-sidebar:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  body.single .article-sidebar,
  body.page-template-default .article-sidebar {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 26.9858989424%;
    margin-right: 0;
  }
  body.single .article-sidebar:last-child,
  body.page-template-default .article-sidebar:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1131px) and (max-width: 1269px) {
  body.single .article-sidebar,
  body.page-template-default .article-sidebar {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 26.9858989424%;
    margin-right: 0;
  }
  body.single .article-sidebar:last-child,
  body.page-template-default .article-sidebar:last-child {
    margin-right: 0;
  }
}
@media print {
  body.single .article-sidebar,
  body.page-template-default .article-sidebar {
    display: none;
  }
}
body.single .article-sidebar .card,
body.page-template-default .article-sidebar .card {
  float: none;
  max-width: 320px;
  margin: 0 auto 15px;
  width: 100%;
}
body.single .article-sidebar .card:hover,
body.page-template-default .article-sidebar .card:hover {
  background-color: #F6f6f6;
}
body.single .article-sidebar .sidebar-ad-1,
body.page-template-default .article-sidebar .sidebar-ad-1 {
  min-height: 250px;
  margin-bottom: 20px;
}
body.single .article-sidebar .sidebar-ad-2,
body.page-template-default .article-sidebar .sidebar-ad-2 {
  margin: 10px 0;
}
body.single .article-sidebar .sidebar-related,
body.page-template-default .article-sidebar .sidebar-related {
  width: 300px;
  margin: 10px auto;
}
body.single .article-sidebar h3.category-heading,
body.page-template-default .article-sidebar h3.category-heading {
  font-family: proxima-nova, sans-serif;
  max-width: 320px;
  width: 100%;
  font-size: 22px;
  font-size: 1.375rem;
  color: black;
  text-align: center;
  margin-bottom: 0;
  padding: 10px 0px;
  border: 1px solid #efefef;
  margin-bottom: 15px;
}

.sidebar-pride .card-commentcount {
  display: none !important;
}

.sidebar-background {
  padding: 15px 25px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}
.sidebar-background .card {
  width: 100%;
  min-width: 100%;
  padding: 5px 5px;
  height: auto;
}
.sidebar-background .card-thumb {
  width: 100% !important;
  margin-top: 0px !important;
}
.sidebar-background .card-content {
  width: 100% !important;
}
.sidebar-background h2 {
  font-size: 1rem !important;
  margin: 9px 5px !important;
}

.sidebar-pride .adb-sponsorship {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -25px;
}

@media (min-width: 961px) and (max-width: 1269px) {
  body.single .article-sidebar,
  body.page-template-default .article-sidebar {
    width: 300px !important;
  }
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("https://dxepcgbfdydik.cloudfront.net/assets/q-2017/asterisk-loading.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick-fonts/slick.eot");
  src: url("./fonts/slick-fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick-fonts/slick.woff") format("woff"), url("./fonts/slick-fonts/slick.ttf") format("truetype"), url("./fonts/slick-fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 80px;
  width: 80px;
  line-height: 0px;
  font-size: 0px;
  font-weight: bold;
  font-family: balboa, "sans-serif";
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev:active, .slick-prev:focus,
.slick-next:active,
.slick-next:focus {
  box-shadow: none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: balboa, "sans-serif";
  font-size: 80px;
  line-height: 1;
  color: #f43700;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -80px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -65px;
}
.slick-prev:before {
  content: "<";
}
[dir=rtl] .slick-prev:before {
  content: ">";
}

.slick-next {
  right: -65px;
}
[dir=rtl] .slick-next {
  left: -80px;
  right: auto;
}
.slick-next:before {
  content: ">";
}
[dir=rtl] .slick-next:before {
  content: "<";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.slick-slide .card {
  padding: 10px;
}

/*--------------------------------------------------------------
## Post
--------------------------------------------------------------*/
body.page-template-default .site-content {
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  z-index: 1000;
  position: relative;
  padding: 10px;
}
body.page-template-default .site-content::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  body.page-template-default .site-content {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-default .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  body.page-template-default .site-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-default .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  body.page-template-default .site-content {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-default .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1131px) and (max-width: 1269px) {
  body.page-template-default .site-content {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-default .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  body.page-template-default .site-content {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-default .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  body.page-template-default .site-content {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-default .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  body.page-template-default .site-content {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-default .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media (min-width: 961px) {
  body.page-template-default .site-content {
    padding: 10px 0 0 10px;
  }
}
body.page-template-default .content-area {
  float: left;
  display: block;
  margin-right: 1.8801410106%;
  width: 68.5869565217%;
  border-right: 1px solid #efefef;
  padding-right: 2%;
}
body.page-template-default .content-area:last-child {
  margin-right: 0;
}
@media screen and (max-width: 635px) {
  body.page-template-default .content-area {
    float: left;
    display: block;
    margin-right: 7.9701120797%;
    width: 100%;
    border: none;
    padding-right: initial;
  }
  body.page-template-default .content-area:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  body.page-template-default .content-area {
    float: left;
    display: block;
    margin-right: 2.846975089%;
    width: 100%;
    border: none;
    padding-right: initial;
  }
  body.page-template-default .content-area:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  body.page-template-default .content-area {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 64.3419506463%;
  }
  body.page-template-default .content-area:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1131px) and (max-width: 1269px) {
  body.page-template-default .content-area {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 68.5869565217%;
  }
  body.page-template-default .content-area:last-child {
    margin-right: 0;
  }
}
@media print {
  body.page-template-default .content-area {
    border: none;
    max-width: 100%;
    width: 100%;
  }
}

body.page-template-page-wide .site-content {
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  z-index: 1000;
  position: relative;
  padding: 10px;
}
body.page-template-page-wide .site-content::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  body.page-template-page-wide .site-content {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-page-wide .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  body.page-template-page-wide .site-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-page-wide .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  body.page-template-page-wide .site-content {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-page-wide .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1131px) and (max-width: 1269px) {
  body.page-template-page-wide .site-content {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-page-wide .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  body.page-template-page-wide .site-content {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-page-wide .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  body.page-template-page-wide .site-content {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-page-wide .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  body.page-template-page-wide .site-content {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-page-wide .site-content::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media (min-width: 961px) {
  body.page-template-page-wide .site-content {
    padding: 10px 0 0 10px;
  }
}

/*--------------------------------------------------------------
## Special Headers and sponsorships
--------------------------------------------------------------*/
/*
*
* HEaders here, see special pride below
*
*/
.archive-header {
  padding: 0;
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
  /* this is only the one on the article page */
  /* this is for the header promo on right */
}
.archive-header::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .archive-header {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .archive-header {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .archive-header {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .archive-header {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  .archive-header {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  .archive-header {
    max-width: 1598px;
    margin-left: auto;
    margin-right: auto;
  }
  .archive-header::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .archive-header {
    padding-top: 0;
    text-align: center;
  }
}
.archive-header h1 {
  margin: 0;
}
.archive-header a {
  color: #F43700;
  text-decoration: none;
}
.archive-header.health-header, .archive-header.trans-week-header {
  margin-bottom: 20px;
}
.archive-header.health-header h1, .archive-header.trans-week-header h1 {
  position: relative;
  font-size: 40px;
  display: inline-block;
  width: auto;
  padding: 0 1.2rem 0 0;
  margin: 0 10px 0;
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 635px) {
  .archive-header.health-header h1, .archive-header.trans-week-header h1 {
    line-height: inherit;
    text-align: center;
  }
}
.category-pride .archive-header, .archive-header.pride-header,
.archive-header .category-pride50 {
  min-height: 90px;
  position: relative;
  margin: 20px auto;
}
.category-pride .archive-header .left-holder, .archive-header.pride-header .left-holder,
.archive-header .category-pride50 .left-holder {
  background-color: #fff;
  height: 100%;
  min-height: 90px;
}
.category-pride .archive-header .right-holder, .archive-header.pride-header .right-holder,
.archive-header .category-pride50 .right-holder {
  background-color: #fff;
  height: 100%;
  min-height: 90px;
  position: relative;
}
.category-pride .archive-header .right-holder a, .archive-header.pride-header .right-holder a,
.archive-header .category-pride50 .right-holder a {
  color: #333;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 30%;
  margin: auto;
}
.category-pride .archive-header h1, .archive-header.pride-header h1,
.archive-header .category-pride50 h1 {
  position: relative;
  font-size: 40px;
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0;
  float: left;
}
@media screen and (max-width: 635px) {
  .category-pride .archive-header h1, .archive-header.pride-header h1,
  .archive-header .category-pride50 h1 {
    width: 100%;
    line-height: inherit;
    text-align: center;
  }
}
.category-pride .archive-header .term-sponsorship, .archive-header.pride-header .term-sponsorship,
.archive-header .category-pride50 .term-sponsorship {
  width: 300px;
  float: none;
  display: inline-block;
  height: 90px;
  margin-right: 10px;
  margin-left: -36px;
}
@media screen and (max-width: 635px) {
  .category-pride .archive-header .term-sponsorship, .archive-header.pride-header .term-sponsorship,
  .archive-header .category-pride50 .term-sponsorship {
    width: 100%;
    text-align: center;
    margin: 10px auto;
  }
}
.category-pride .archive-header .term-sponsorship iframe, .archive-header.pride-header .term-sponsorship iframe,
.archive-header .category-pride50 .term-sponsorship iframe {
  width: 100% !important;
}
@media screen and (max-width: 635px) {
  .category-pride .archive-header .tag-heading-suffix, .archive-header.pride-header .tag-heading-suffix,
  .archive-header .category-pride50 .tag-heading-suffix {
    display: none;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .category-pride .archive-header .tag-heading-suffix, .archive-header.pride-header .tag-heading-suffix,
  .archive-header .category-pride50 .tag-heading-suffix {
    display: none;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .category-pride .archive-header .tag-heading-suffix, .archive-header.pride-header .tag-heading-suffix,
  .archive-header .category-pride50 .tag-heading-suffix {
    display: none;
  }
}
.archive-header.pride-header {
  border-bottom: 1px solid #eee;
}
.archive-header.pride-header h1 {
  margin: 0 10px 0 0;
  padding-left: 0;
}
@media screen and (max-width: 635px) {
  .category-pride .archive-header .left-holder, .archive-header.pride-header .left-holder {
    float: left;
    display: block;
    margin-right: 7.9701120797%;
    width: 100%;
  }
  .category-pride .archive-header .left-holder:last-child, .archive-header.pride-header .left-holder:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .category-pride .archive-header .left-holder, .archive-header.pride-header .left-holder {
    float: left;
    display: block;
    margin-right: 5.8608058608%;
    width: 100%;
  }
  .category-pride .archive-header .left-holder:last-child, .archive-header.pride-header .left-holder:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .category-pride .archive-header .left-holder, .archive-header.pride-header .left-holder {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 71.9829612221%;
  }
  .category-pride .archive-header .left-holder:last-child, .archive-header.pride-header .left-holder:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .category-pride .archive-header .left-holder, .archive-header.pride-header .left-holder {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 74.5299647474%;
  }
  .category-pride .archive-header .left-holder:last-child, .archive-header.pride-header .left-holder:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1678px) {
  .category-pride .archive-header .left-holder, .archive-header.pride-header .left-holder {
    float: left;
    display: block;
    margin-right: 1.4984781082%;
    width: 79.7003043784%;
  }
  .category-pride .archive-header .left-holder:last-child, .archive-header.pride-header .left-holder:last-child {
    margin-right: 0;
  }
}
.category-pride .archive-header .right-holder, .archive-header.pride-header .right-holder {
  text-align: center;
}
@media screen and (max-width: 635px) {
  .category-pride .archive-header .right-holder, .archive-header.pride-header .right-holder {
    display: none;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .category-pride .archive-header .right-holder, .archive-header.pride-header .right-holder {
    display: none;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .category-pride .archive-header .right-holder, .archive-header.pride-header .right-holder {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 26.1368977673%;
    margin-right: 0;
  }
  .category-pride .archive-header .right-holder:last-child, .archive-header.pride-header .right-holder:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .category-pride .archive-header .right-holder, .archive-header.pride-header .right-holder {
    float: left;
    display: block;
    margin-right: 1.8801410106%;
    width: 23.5898942421%;
    margin-right: 0;
  }
  .category-pride .archive-header .right-holder:last-child, .archive-header.pride-header .right-holder:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1678px) {
  .category-pride .archive-header .right-holder, .archive-header.pride-header .right-holder {
    float: left;
    display: block;
    margin-right: 1.4984781082%;
    width: 18.8012175135%;
    margin-right: 0;
  }
  .category-pride .archive-header .right-holder:last-child, .archive-header.pride-header .right-holder:last-child {
    margin-right: 0;
  }
}
.archive-header.qea-header .twitter-follow-button, .archive-header.dragaholic-header .twitter-follow-button {
  margin-top: 32px;
}
.archive-header .archive-logo, .archive-header .category-heading {
  min-height: 90px;
  max-width: 100%;
  margin: 20px 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media (min-width: 636px) {
  .archive-header .archive-logo, .archive-header .category-heading {
    margin: 20px 10px;
    justify-content: flex-start;
  }
}
.archive-header .archive-logo.archive-background {
  padding: 10px;
}
.archive-header .archive-logo img {
  height: auto !important;
  max-width: 100%;
}
.archive-header .term-sponsorship {
  margin-left: 10px;
  width: auto;
  height: auto;
}
.archive-header .term-sponsorship iframe {
  width: 100% !important;
}
@media (max-width: 635px) {
  .archive-header .term-sponsorship {
    margin: 10px auto;
  }
}
.archive-header .archive-description {
  background-color: transparent;
  width: 100%;
  margin: 0px;
  text-align: left;
  padding: 0px 25px;
  font-family: proxima-nova, sans-serif;
  font-size: 1.5rem;
}
@media (min-width: 636px) {
  .archive-header .archive-description {
    padding: 0px 10px;
  }
}

.single .archive-header {
  max-width: 100% !important;
}

body.category-pride {
  background: url(/assets/promos/pride/2019/queerty-pride-backer-alt.jpg) repeat-y;
  background-size: 100%;
}
body.category-pride.single .queerty-header {
  background-color: white;
  margin: auto;
  padding: 10px 0px;
  max-width: 920px;
}
body.category-pride.single .queerty-header .queerty-header-wrapper {
  padding: 0 20px;
}
@media (min-width: 640px) {
  body.category-pride.single .queerty-header {
    max-width: 640px;
  }
}
@media (min-width: 961px) {
  body.category-pride.single .queerty-header {
    max-width: 920px;
  }
}
@media (min-width: 1131px) {
  body.category-pride.single .queerty-header {
    max-width: 1100px;
  }
  body.category-pride.single .queerty-header .queerty-header-wrapper {
    max-width: 1100px !important;
  }
}
@media (min-width: 1280px) {
  body.category-pride.single .queerty-header {
    max-width: 1150px;
    padding: 1rem 0 0.5rem;
  }
  body.category-pride.single .queerty-header .queerty-header-wrapper {
    max-width: 1150px !important;
  }
}
@media (min-width: 1678px) {
  body.category-pride.single .queerty-header {
    max-width: 1210px;
  }
  body.category-pride.single .queerty-header .queerty-header-wrapper {
    max-width: 1210px !important;
  }
}
body.category-pride .single-article {
  padding-left: 2%;
}
body.category-pride .queerty-header-logo {
  display: none;
}
body.category-pride .queerty-header-pride-logo {
  display: inline !important;
  margin-top: 10px;
}
body.category-pride .archive-header .left-holder,
body.category-pride .archive-header .right-holder {
  background: none;
}

.trans-week-header .trans-flag-bar {
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #5bcefa 0%, #5bcefa 20%, #5b3c05 20%, #f5a9b8 20%, #f5a9b8 40%, #fff 40%, #fff 60%, #f5a9b8 60%, #f5a9b8 80%, #5bcefa 80%, #5bcefa 100%);
}

.page-template-promospride50index-php .pride-central {
  background-color: rgba(255, 255, 255, 0.75);
}

.pride-central {
  position: relative;
  z-index: 2000;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
}
.pride-central .scroll-smooth::-webkit-scrollbar {
  display: none;
}
.pride-central .scroll-smooth {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.pride-central .flex {
  display: flex;
}
.pride-central .relative {
  position: relative;
}
.pride-central .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
.pride-central .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pride-central .overflow-scroll {
  overflow: scroll;
}
.pride-central .shadow-lg {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.pride-central .justify-start {
  justify-content: flex-start;
}
.pride-central .w-\[900px\] {
  width: 900px;
}
.pride-central .divide-x-2 > * + * {
  border-right-width: 0px !important;
  border-left-width: 2px !important;
  border-left-color: #e5e7eb;
  border-left-style: solid;
}
@media screen and (min-width: 768px) {
  .pride-central .md\:max-w-6xl {
    max-width: 72rem;
  }
  .pride-central .md\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .pride-central .md\:justify-evenly {
    justify-content: space-evenly;
  }
}
.pride-central .justify-center {
  justify-content: center;
}
.pride-central .items-center {
  align-items: center;
}
.pride-central .flex-shrink {
  flex-shrink: 1;
}
.pride-central .h-\[50px\] {
  height: 50px;
}
.pride-central .h-auto {
  height: auto;
}
.pride-central .px-6 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.pride50-header {
  margin: 0px !important;
  background-color: white;
}
@media (min-width: 961px) and (max-width: 1269px) {
  .pride50-header {
    max-width: 1150px;
  }
}
.pride50-header .pride50-letter {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding: 20px 10px;
  text-align: left;
  -webkit-box-shadow: inset 0px 10px 20px -20px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 10px 20px -20px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 10px 20px -20px rgba(0, 0, 0, 0.75);
}
@media (min-width: 768px) {
  .pride50-header .pride50-letter {
    padding: 20px 0 0 0;
  }
}
.pride50-header .pride50-letter::after {
  clear: both;
  content: "";
  display: block;
}
.pride50-header .pride50-letter .logo-area {
  width: 100%;
  text-align: center;
  margin: 0.5% 1%;
  color: grey;
  font-size: 0.9em;
}
.pride50-header .pride50-letter .logo-area img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 300px;
  margin: 10px auto;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .pride50-header .pride50-letter .logo-area {
    width: 29%;
    float: left;
  }
}
@media (min-width: 960px) {
  .pride50-header .pride50-letter .logo-area {
    width: 23%;
  }
}
.pride50-header .pride50-letter .term-sponsorship {
  height: 45px;
  position: relative;
  left: 5px;
}
.pride50-header .pride50-letter .intro {
  width: 100%;
  margin: 0.5% 1%;
  padding: 0px 0px;
  float: none;
  font-size: 12px;
}
.pride50-header .pride50-letter .intro h4 {
  color: #e14825;
  margin-bottom: 0;
}
@media (min-width: 500px) {
  .pride50-header .pride50-letter .intro {
    padding: 0px 50px;
  }
}
@media (min-width: 768px) {
  .pride50-header .pride50-letter .intro {
    padding: 0px 0px;
    width: 67%;
    float: left;
    font-size: 12px;
  }
}
.pride50-header .pride50-letter .intro h3 {
  color: #e14825;
  margin-bottom: 0px;
  margin-top: 0px;
  position: relative;
  top: 10px;
  padding: 5px 0px;
  background-color: white;
  width: 150px;
  font-weight: normal;
}
.pride50-header .pride50-letter .intro p {
  line-height: 1.75em;
  color: grey;
  padding: 5px 0;
  margin-top: 0px;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}
.pride50-header .pride50-letter .intro img {
  float: right;
  position: relative;
  top: -20px;
}
.pride50-header .pride50-letter .intro hr {
  margin: 0px;
}
.pride50-header .pride50-letter .honorees-daily {
  position: static;
  text-transform: uppercase;
  float: right;
  background-color: #e14825;
  color: white;
  font-size: 10px;
  padding: 6px;
  border-radius: 15px;
  margin-top: 50px;
}
.pride50-header .pride50-letter .honorees-daily a {
  padding: 10px;
  color: inherit;
  text-decoration: none;
}
@media (min-width: 500px) {
  .pride50-header .pride50-letter .honorees-daily {
    position: relative;
    right: 50px;
  }
}
@media (min-width: 768px) {
  .pride50-header .pride50-letter .honorees-daily {
    margin-top: 0px;
  }
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
  margin-top: 40px;
  max-width: 768px;
}
@media screen and (max-width: 635px) {
  .comments-area {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 92%;
  }
}

ul.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 635px) {
  ul.comment-list ul.children {
    margin-left: 0;
  }
}

h2.comments-title {
  color: #F43700;
  font-size: 22px;
  font-size: 1.375rem;
}

.comment-respond {
  width: 96%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.comment-respond h3.comment-reply-title {
  margin-bottom: 0;
  font-weight: 600;
  color: #F43700;
}
.comment-respond p.logged-in-as {
  margin: 0;
}
.comment-respond p.logged-in-as a:first-child {
  text-decoration: none !important;
}
.comment-respond p.logged-in-as a:hover {
  text-decoration: underline !important;
}
.comment-respond p.comment-form-comment {
  margin-bottom: 0;
}
.comment-respond p.comments_policy {
  margin-top: 4px;
  font-size: 0.813rem;
  float: left;
  width: 70%;
  color: #8E8E8E;
}
@media screen and (max-width: 635px) {
  .comment-respond p.comments_policy {
    width: 100%;
  }
}
.comment-respond p.form-submit {
  float: right;
  margin: 4px;
}
.comment-respond p.form-submit input[type=submit] {
  appearance: none !important;
  border: none;
  background-color: #E9E9E9;
  -webkit-appearance: none !important;
}
@media print {
  .comment-respond {
    display: none;
  }
}

.comment {
  border-bottom: 1px solid #efefef;
  display: table;
  margin-bottom: 1.5rem;
  padding-bottom: 1em;
  width: 100%;
}
.comment figure,
.comment .comment-content {
  display: table-cell;
  vertical-align: top;
}
.comment figure {
  padding-right: 1.4em;
}
@media screen and (max-width: 635px) {
  .comment figure {
    padding-right: 0.56em;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .comment figure {
    padding-right: 0.84em;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .comment figure {
    padding-right: 1.12em;
  }
}
.comment figure > img {
  display: block;
  height: auto;
  max-width: none;
  width: 5em;
}
@media screen and (max-width: 635px) {
  .comment figure > img {
    width: 2em;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .comment figure > img {
    width: 3em;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .comment figure > img {
    width: 4em;
  }
}
.comment-reverse-order .comment figure {
  padding-left: 10px;
  padding-right: 0;
}
.comment .depth-2 figure {
  padding-right: 0.7em;
}
@media screen and (max-width: 635px) {
  .comment .depth-2 figure {
    padding-right: 0.28em;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .comment .depth-2 figure {
    padding-right: 0.42em;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .comment .depth-2 figure {
    padding-right: 0.56em;
  }
}
.comment .depth-2 figure > img {
  width: 2.5em;
}
@media screen and (max-width: 635px) {
  .comment .depth-2 figure > img {
    width: 1em;
  }
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .comment .depth-2 figure > img {
    width: 1.5em;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .comment .depth-2 figure > img {
    width: 2em;
  }
}
.comment .comment-content {
  width: 100%;
}
.comment .comment-content h3 {
  font-size: 1em;
  margin: 0 0 0.5em 0;
}
.comment .comment-content h3 a {
  text-decoration: none;
}
.comment .comment-content p {
  line-height: 1.5rem;
  margin: 0.5em 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.comment .comment-content .comment-meta {
  color: rgba(51, 51, 51, 0.5);
  font-size: 0.9em;
}
.comment .comment-content .reply {
  margin-left: 0.5rem;
}
.comment .comment-content .reply:before {
  content: "\f112";
  font: normal normal normal 12px/1 FontAwesome;
  margin-right: 5px;
}
.comment .children {
  margin: 1rem 0 0 6rem;
  border-left: 1px solid #E9E9E9;
  padding-left: 1rem;
}
@media screen and (max-width: 635px) {
  .comment .children {
    margin-left: 3rem;
  }
}

.commenter_title {
  color: #F43700;
  display: inline-block;
  margin-left: 8px;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer-holder {
  width: 100%;
  background: linear-gradient(to bottom, #efefef 0%, #fff 20%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#fff,GradientType=0 ); /* IE6-9 */
  margin-top: 20px;
}

.footer-brand {
  margin-bottom: 2em;
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: -1px;
  color: #000;
}
.footer-brand span.asterisk {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.6 85' fill='#F43700'><path class='st0' d='M58.9 85L44.6 65.7 30.6 85 7.9 68.6l13.7-18.7L0 42.6 8.6 16l21.9 7.3V0h28v23.3L81 15.9l8.6 26.6-21.9 7.3 14 18.7L58.9 85z'/></svg>") no-repeat;
  background-size: 100%;
  height: 32px;
  width: 31px;
  display: inline-block;
  margin-bottom: -10px;
}
.footer-brand img {
  height: 1.875rem;
  width: auto;
}
@media screen and (max-width: 635px) {
  .footer-brand img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 635px) {
  .footer-brand {
    font-size: 16px;
    font-size: 1rem;
  }
}

.site-footer {
  padding: 3.125rem 1.875em 0;
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
  font-size: 13.008px;
  font-size: 0.813rem;
}
.site-footer::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .site-footer {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .site-footer::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .site-footer {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .site-footer::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .site-footer {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }
  .site-footer::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .site-footer {
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
  }
  .site-footer::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  .site-footer {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .site-footer::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  .site-footer {
    max-width: 1598px;
    margin-left: auto;
    margin-right: auto;
  }
  .site-footer::after {
    clear: both;
    content: "";
    display: block;
  }
}
.site-footer .tags-links {
  text-align: center;
  margin-bottom: 70px;
}
.site-footer .tags-links a {
  margin-bottom: 5px;
}
.site-footer .tags-links .second-row {
  margin-top: 10px;
}
.site-footer .tags-links .second-row a {
  font-size: 13.008px;
  font-size: 0.813rem;
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .site-footer .tags-links a:nth-of-type(1n+8) {
    display: none;
  }
}
@media screen and (max-width: 635px) {
  .site-footer .tags-links {
    display: none;
  }
}
.site-footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.site-footer ul {
  flex-basis: 13em;
  flex-shrink: 0;
  flex-grow: 0;
  margin-bottom: 3em;
  padding: 0;
  overflow: hidden;
}
.site-footer ul.double {
  flex-grow: 0.4;
}
.site-footer ul.double li {
  float: left;
  display: inline;
  width: 50%;
}
.site-footer ul.double li:first-child {
  width: 100%;
}
.site-footer li {
  line-height: 1.25rem;
  list-style: none;
}
.site-footer li a {
  color: #666;
  text-decoration: none;
}
.site-footer li a:focus, .site-footer li a:hover {
  color: black;
  text-decoration: underline;
}
.site-footer h3 {
  color: #333;
  font-size: 13.008px;
  font-size: 0.813rem;
  margin-bottom: 0;
}
.site-footer hr {
  border: 1px solid rgba(51, 51, 51, 0.1);
  margin: 0 auto 1.5em;
  width: 12em;
}
@media screen and (max-width: 635px) {
  .site-footer ul#footer-follow-links, .site-footer ul#footer-gaycities-links, .site-footer ul#footer-contact-links h3 {
    display: none;
    visibility: collapse;
  }
  .site-footer ul#footer-company-links, .site-footer ul#footer-contact-links {
    text-align: center;
    margin: 0 0 1em 0;
    width: 100%;
  }
  .site-footer ul#footer-contact-links {
    margin-top: 10px;
    flex-basis: inherit;
    flex-shrink: inherit;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #8E8E8E;
  }
  .site-footer ul#footer-contact-links li {
    display: inline-block;
    margin-right: 0.5rem;
  }
  .site-footer ul#footer-contact-links a {
    color: #8E8E8E !important;
  }
}
@media print {
  .site-footer ul#footer-follow-links, .site-footer ul#footer-gaycities-links, .site-footer ul#footer-contact-links h3, .site-footer ul#footer-contact-links, .site-footer .tags-links {
    display: none;
    visibility: collapse;
  }
  .site-footer ul#footer-company-links, .site-footer ul#footer-contact-links {
    text-align: center;
    margin: 0 0 1em 0;
    width: 100%;
  }
}

/*--------------------------------------------------------------
## Special Pages
--------------------------------------------------------------*/
.error-404 {
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
  font-size: 20.8px;
  font-size: 1.3rem;
  text-align: center;
  margin: 100px auto;
}
.error-404::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .error-404 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .error-404::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .error-404 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .error-404::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .error-404 {
    max-width: 800;
    margin-left: auto;
    margin-right: auto;
  }
  .error-404::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .error-404 {
    max-width: 800;
    margin-left: auto;
    margin-right: auto;
  }
  .error-404::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  .error-404 {
    max-width: 800;
    margin-left: auto;
    margin-right: auto;
  }
  .error-404::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  .error-404 {
    max-width: 800;
    margin-left: auto;
    margin-right: auto;
  }
  .error-404::after {
    clear: both;
    content: "";
    display: block;
  }
}
.error-404 h1 {
  font-size: 48px;
  font-size: 3rem;
}

.error-500 {
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
  font-size: 20.8px;
  font-size: 1.3rem;
  text-align: center;
  margin: 100px auto;
}
.error-500::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  .error-500 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .error-500::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  .error-500 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .error-500::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  .error-500 {
    max-width: 800;
    margin-left: auto;
    margin-right: auto;
  }
  .error-500::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  .error-500 {
    max-width: 800;
    margin-left: auto;
    margin-right: auto;
  }
  .error-500::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  .error-500 {
    max-width: 800;
    margin-left: auto;
    margin-right: auto;
  }
  .error-500::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  .error-500 {
    max-width: 800;
    margin-left: auto;
    margin-right: auto;
  }
  .error-500::after {
    clear: both;
    content: "";
    display: block;
  }
}
.error-500 h1 {
  font-size: 48px;
  font-size: 3rem;
}

/*.social-gfx-square {
	width: 100vw;
	height: 100vw;
	@media(min-width: 1000px) {
		width: 1000px;
		height: 1000px;	
	}
	background:$color__primary-color;
	color:#fff;

  	.wp-post-image {
  		width:100%;
  		height:50%;
  	}

	.headline-holder {
		width:100%;
		height:70%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.headline {
		display:inline;
		font-size:48px;
		width:80%;
	}
	.kicker  {	
		display:inline-block;
		@extend .pill;
		background-color:#fff;
		color:$color__primary-color;
		margin-bottom: 10px;
	}

	.logo-holder {
		width:100%;
		padding:10%;
		background-color:#fff;
		height:30%;
		display:block;
		img {
			float:right;
			width:40%;
		}

	}

	&.social-gfx-noimage {
		.headline {
			font-size:60px;
		}
		.kicker {
			font-size:2rem;
			top:-0.5rem;
			margin-right:20px;
		}
	}
	&.social-gfx-image, &.social-gfx-swipe {
		.headline-holder {
			height:30%;

			h1.large-headline {
				font-size:50px;
			}
		}
		.logo-holder {
			height:20%;
			padding:5%;
		}
		.kicker {
			font-size:2rem;
			top:-0.5rem;
			margin-right:20px;
		}		
	}	
	&.social-gfx-swipe {
		height:176vw;
		@media(min-width: 1000px) {
			height: 1766px;	
		}

	  	.wp-post-image {
	  		width:100%;
	  		height:70%;
	  	}		
		.headline-holder {
			height:18%;
		}
		.logo-holder {
			height:12%;
			padding:5%;
		}
	}
}
*/
/* Mobile Friendly */
/*body.page-template-index-social-graphics {
	.site-content {
	background-color: #dddddd;
  max-width: 100%;
  width: 100%;
  margin: 0px;
}
} 

.social-gfx-square .headline {
	@media (max-width: 575px) {
		font-size: 1.185rem !important;
		margin:0px !important; 
	}
}

.headline-holder {
	@media (max-width: 575px) {
		top: -5px;
		position: relative;
	}
}

.social-gfx-square .kicker {
	@media (max-width: 575px) {
  font-size: 1rem !important;
  margin-bottom: .25rem;
	}
}  

.social-gfx-noimage .headline {
	@media (max-width: 575px) {
  font-size: 1.5rem !important;
	}
}*/
/*--------------------------------------------------------------
## category specific design
--------------------------------------------------------------*/
/*****************
**
** Dragaholic on Queerty Styles
**
******************/
.dragaholic-header a {
  color: #c32c00 !important;
}
.dragaholic-header a:hover {
  color: #a22711 !important;
}

article.category-dragaholic .dragaholic-header {
  border-bottom: 1px solid #f3d5cc;
  height: 46px;
  margin-bottom: 15px;
}

body.page-template-template-dragaholic-wide .content-area {
  max-width: em(1600);
  margin-left: auto;
  margin-right: auto;
}
body.page-template-template-dragaholic-wide .content-area::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 636px) and (max-width: 960px) {
  body.page-template-template-dragaholic-wide .content-area {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-template-dragaholic-wide .content-area::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (max-width: 635px) {
  body.page-template-template-dragaholic-wide .content-area {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-template-dragaholic-wide .content-area::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 961px) and (max-width: 1269px) {
  body.page-template-template-dragaholic-wide .content-area {
    max-width: 1204px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-template-dragaholic-wide .content-area::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1677px) {
  body.page-template-template-dragaholic-wide .content-area {
    max-width: 1204px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-template-dragaholic-wide .content-area::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1677px) {
  body.page-template-template-dragaholic-wide .content-area {
    max-width: 1204px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-template-dragaholic-wide .content-area::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media screen and (min-width: 1678px) {
  body.page-template-template-dragaholic-wide .content-area {
    max-width: 1204px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-template-template-dragaholic-wide .content-area::after {
    clear: both;
    content: "";
    display: block;
  }
}
body.page-template-template-dragaholic-wide .content-area a {
  color: #c32c00 !important;
}
body.page-template-template-dragaholic-wide .content-area h1, body.page-template-template-dragaholic-wide .content-area h2 {
  color: #c32c00 !important;
}

/*
	body.category-dragaholic .site-content, body.page-template-template-dragaholic-wide .site-content, .category-fashion-style .site-content {
		padding-top:2rem;
		background: linear-gradient(to bottom, $color__foreground 0%,$color__background-body 300px); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fff, endColorstr=#efefef,GradientType=0 ); // IE6-9 
}
*/
ul.dragaholic_list {
  list-style: none;
}
ul.dragaholic_list li {
  background: url("https://dxepcgbfdydik.cloudfront.net/assets/dragaholic/arrow_16.png") no-repeat scroll left center transparent;
  padding: 5px 5px 5px 15px;
}
ul.dragaholic_list li a {
  color: #c32c00 !important;
}

.three_column {
  column-count: 3;
}

.category-dragaholic .share-icon, .category-dragaholic h2.comments-title {
  color: #c32c00 !important;
}
.category-dragaholic .entry-header .kicker, .category-dragaholic .entry-footer .comments-number {
  background-color: #c32c00 !important;
}
.category-dragaholic .entry-footer .comments-number:before {
  border-color: #c32c00 transparent transparent #c32c00 !important;
}
.category-dragaholic .card-commentcount {
  background-color: #c32c00 !important;
}
.category-dragaholic .card-commentcount:before {
  border-color: #c32c00 transparent transparent #c32c00 !important;
}

/*****************
**
** QEA  Styles
**
******************/
.category-ever-after .share-icon, .category-ever-after h2.comments-title {
  color: #51b6d0 !important;
}
.category-ever-after .entry-header .kicker, .category-ever-after .entry-footer .comments-number {
  background-color: #51b6d0 !important;
}
.category-ever-after .entry-footer .comments-number:before {
  border-color: #51b6d0 transparent transparent #51b6d0 !important;
}
.category-ever-after .card-commentcount {
  background-color: #51b6d0 !important;
}
.category-ever-after .card-commentcount:before {
  border-color: #51b6d0 transparent transparent #51b6d0 !important;
}
.category-ever-after .comment-reply-title {
  color: #51b6d0;
}
.category-ever-after .article-email-prompt-red {
  background-color: #51b6d0;
}

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

.jps-slider-nav {
  margin: 0px 0px 1rem;
}
.jps-slider-nav.jps-bottom-nav {
  margin: 1rem 0px 0px;
}
.jps-slider-nav .jps-prev-wrapper, .jps-slider-nav .jps-next-wrapper {
  background-color: #f43700;
  color: white !important;
  text-decoration: none !important;
  padding: 7px 10px;
  border-radius: 8px;
  font-weight: 400;
  text-transform: lowercase;
  font-size: 1rem;
}
.jps-slider-nav .jps-prev-wrapper:hover, .jps-slider-nav .jps-next-wrapper:hover {
  filter: brightness(0.9);
}

.jps-fullpost-link {
  text-align: center;
  padding: 0px;
  margin-bottom: 2rem;
}
.jps-fullpost-link a {
  color: transparent;
}
.jps-fullpost-link a:before {
  content: "View as one page" !important;
  color: black;
  display: block;
  text-decoration: underline;
}
.jps-fullpost-link a:hover:before {
  text-decoration: none !important;
}

.category-pride .archive-header .term-sponsorship iframe {
  width: inherit !important;
}

/*--------------------------------------------------------------
## Ad CLS Fix
--------------------------------------------------------------*/
.adb-top-lb,
.adb-lb-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
@media (min-width: 768px) {
  .adb-top-lb,
  .adb-lb-bottom {
    min-height: 90px;
  }
}

@media (min-width: 1200px) {
  body:not(.promo) .adb-top-lb,
  body:not(.promo) .adb-lb-bottom {
    min-height: 250px;
  }
}

.adb-lb-bottom {
  margin-top: 20px;
}

.ad-box {
  min-height: 250px;
}

.adb-box-small {
  min-height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.adb-box-large {
  min-height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home:not(.promo) .adb-lb-incontent {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  margin: 20px 0px;
}
@media (min-width: 768px) {
  .home:not(.promo) .adb-lb-incontent {
    min-height: 90px;
  }
}
.home:not(.promo) .index-category-section .adb-box-large {
  display: none;
}
@media (min-width: 1678px) {
  .home:not(.promo) .index-category-section .adb-box-large {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
  }
}

.single .adb-inarticle {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 375px;
  clear: both;
}
@media (min-width: 636px) {
  .single .adb-inarticle {
    min-height: 100px;
    align-items: center;
  }
}
.single .adb-byline {
  max-width: 400px;
  min-height: 50px;
}
.single .adb-byline div {
  margin: 0px !important;
}

article[class*=branded-] .entry-meta {
  display: flex;
  justify-content: flex-start;
}

.quizly-ad {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.single-post:not(.single-feature) .adb-inarticle {
  /*@media (min-width: 961px) {
    min-height: 0px;
    display: none;
  }*/
}
.single-post:not(.single-feature) .adb-inarticle-block {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 375px;
  margin-bottom: 1rem;
  clear: both;
}
@media (min-width: 636px) {
  .single-post:not(.single-feature) .adb-inarticle-block {
    min-height: 100px;
    align-items: center;
  }
}
@media (min-width: 961px) {
  .single-post:not(.single-feature) .adb-inarticle-block {
    min-height: 100px;
  }
}
@media (min-width: 1270px) {
  .single-post:not(.single-feature) .adb-inarticle-block {
    min-height: 90px;
  }
}

@media (min-width: 768px) {
  .single-feature .adb-inarticle {
    left: -58px;
  }
}
@media (min-width: 961px) {
  .single-feature .adb-inarticle {
    left: -45px;
  }
}
@media (min-width: 992px) {
  .single-feature .adb-inarticle {
    width: 970px;
  }
}
@media (min-width: 1131px) {
  .single-feature .adb-inarticle {
    position: static;
    width: auto;
  }
}
.single-feature .adb-inarticle-block {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 375px;
  clear: both;
}
@media (min-width: 636px) {
  .single-feature .adb-inarticle-block {
    min-height: 100px;
    align-items: center;
  }
}
@media (min-width: 961px) {
  .single-feature .adb-inarticle-block {
    min-height: 90px;
  }
}

.promo .adb-box-large {
  min-height: 250px;
}

.jpnopaddingtop .adb-top-lb {
  min-height: 0px !important;
}

@media (min-width: 961px) {
  .single-post:not(.single-feature) .single-wrapper {
    display: flex;
  }
  .single-post:not(.single-feature) #secondary {
    position: relative;
  }
  .single-post:not(.single-feature) .adb-box-large {
    position: sticky;
    top: 1rem;
  }
}
.index-latest article.card-large.ad-box-2 {
  margin: 0px !important;
  padding: 0px !important;
}

/*
@media (max-width: 767px) {
  .adb-inarticle, .adb-box-large {
    > div:not([style*="height: 100vh"]) {
      display: flex !important;
      align-items: flex-start !important;
      min-height: 375px !important;

      iframe {
        position: sticky !important;
        top: 15px !important;
        margin: 0px !important;
      }
    }
  }
}
*/
.adb-sticky-sidebar {
  display: none;
}
@media (min-width: 961px) {
  .adb-sticky-sidebar {
    display: flex;
    min-height: 250px;
  }
}

.multi-sticky-sidebar {
  align-items: stretch;
}
.multi-sticky-sidebar #secondary {
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 2rem;
  margin-left: auto;
  margin-right: auto;
}
.multi-sticky-sidebar #secondary .sidebar-section {
  position: relative;
  height: 100%;
}
.multi-sticky-sidebar #secondary .sidebar-section .sidebar-unit {
  position: sticky;
  top: 1rem;
}
.multi-sticky-sidebar #secondary .sidebar-section .sidebar-unit h3 {
  font-size: 22px;
  text-align: center;
  border: 1px solid #efefef;
  padding: 10px;
}

/*--------------------------------------------------------------
## Gutenberg Adjustments
--------------------------------------------------------------*/
.has-text-align-center {
  text-align: center;
}

.wp-block-pullquote {
  padding: 1em 0;
}
.wp-block-pullquote blockquote {
  clear: both;
  background-color: #f6f6f6;
  color: #666;
  font-style: italic;
  padding-top: 10px;
  line-height: 1.2;
  margin: 0 0 10px;
  border-top: 1px solid #f43700;
  border-bottom: 1px solid #f43700;
  border-left: 0px !important;
  text-align: left;
  padding: 1rem 1.5rem 2.5rem;
  font-size: 1.125rem;
}
@media (min-width: 636px) {
  .wp-block-pullquote blockquote {
    padding: 20px 30px 30px 70px;
    font-size: 1.5rem;
  }
}
.wp-block-pullquote blockquote:before {
  content: " ";
  background: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4OS42IDg1JyBmaWxsPScjRjQzNzAwJz48cGF0aCBjbGFzcz0nc3QwJyBkPSdNNTguOSA4NUw0NC42IDY1LjcgMzAuNiA4NSA3LjkgNjguNmwxMy43LTE4LjdMMCA0Mi42IDguNiAxNmwyMS45IDcuM1YwaDI4djIzLjNMODEgMTUuOWw4LjYgMjYuNi0yMS45IDcuMyAxNCAxOC43TDU4LjkgODV6Jy8+PC9zdmc+) no-repeat;
  float: none;
  margin: 0px -15px 20px;
  display: block;
  background-size: 100%;
  height: 38px;
  width: 40px;
}
@media (min-width: 636px) {
  .wp-block-pullquote blockquote:before {
    float: left;
    margin: 30px 20px 10px -50px;
    display: inline;
  }
}
.wp-block-pullquote blockquote p {
  margin: 0px 0px 0.5em;
}
.wp-block-pullquote blockquote cite {
  font-style: normal;
  display: block;
  color: #f43700;
  font-weight: 700;
  padding-top: 10px;
  line-height: 1.2;
  font-size: 1rem;
}
@media (min-width: 636px) {
  .wp-block-pullquote blockquote cite {
    font-size: 1.25rem;
  }
}

.wp-block-quote {
  padding-bottom: 1.5rem;
}
.wp-block-quote.has-background {
  border: none;
}

.wp-block-related-links.wp-block-quote {
  background-color: transparent;
  border: none;
  padding: 0px;
  margin: 0px;
}
.wp-block-related-links.wp-block-quote .related-link-header {
  margin-bottom: 5px;
}
.wp-block-related-links.wp-block-quote .wp-block-columns {
  gap: 1rem;
}
.wp-block-related-links.wp-block-quote .wp-block-columns figure {
  margin: 0px;
}
.wp-block-related-links.wp-block-quote .wp-block-columns p {
  display: none;
}
@media (min-width: 961px) {
  .wp-block-related-links.wp-block-quote .wp-block-columns p {
    display: block;
  }
}

.wp-block-image .aligncenter img {
  float: none;
  display: block;
  margin: auto;
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
  max-width: 50%;
}
@media (max-width: 575px) {
  .wp-block-image .alignleft,
  .wp-block-image .alignright {
    float: none;
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .wp-block-image .alignleft img,
  .wp-block-image .alignright img {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

.wp-block-cover {
  position: relative;
}
.wp-block-cover .wp-block-cover__inner-container {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-block-cover.is-position-top-left .wp-block-cover__inner-container {
  align-items: flex-start;
  justify-content: flex-start;
}
.wp-block-cover.is-position-top-center .wp-block-cover__inner-container {
  align-items: flex-start;
}
.wp-block-cover.is-position-top-right .wp-block-cover__inner-container {
  align-items: flex-start;
  justify-content: flex-end;
}
.wp-block-cover.is-position-center-left .wp-block-cover__inner-container {
  align-items: center;
  justify-content: flex-start;
}
.wp-block-cover.is-position-center-right .wp-block-cover__inner-container {
  align-items: center;
  justify-content: flex-end;
}
.wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container {
  align-items: flex-end;
  justify-content: flex-start;
}
.wp-block-cover.is-position-bottom-center .wp-block-cover__inner-container {
  align-items: flex-end;
}
.wp-block-cover.is-position-bottom-right .wp-block-cover__inner-container {
  align-items: flex-end;
  justify-content: flex-end;
}
.wp-block-cover .wp-block-cover__gradient-background {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
}
.wp-block-cover .has-background-dim {
  background-color: black;
  opacity: 0.5;
}
.wp-block-cover .has-background-dim-100 {
  opacity: 1;
}
.wp-block-cover .has-background-dim-90 {
  opacity: 0.9;
}
.wp-block-cover .has-background-dim-80 {
  opacity: 0.8;
}
.wp-block-cover .has-background-dim-70 {
  opacity: 0.7;
}
.wp-block-cover .has-background-dim-60 {
  opacity: 0.6;
}
.wp-block-cover .has-background-dim-40 {
  opacity: 0.4;
}
.wp-block-cover .has-background-dim-20 {
  opacity: 0.2;
}
.wp-block-cover .has-background-dim-10 {
  opacity: 0.1;
}
.wp-block-cover .has-background-dim-0 {
  opacity: 0;
}
.wp-block-cover .wp-block-cover__image-background,
.wp-block-cover .wp-block-cover__video-background {
  width: 100%;
  margin-top: 0px;
  margin-bottom: -7px;
}

figcaption {
  text-align: center;
  font-style: italic;
  font-size: 80%;
  line-height: 1.125;
}

blockquote.tiktok-embed {
  border: none;
  background-color: transparent;
}

.wp-block-related-links {
  margin-bottom: 1.5em;
}
.wp-block-related-links .related-link-header {
  font-family: "balboa", sans-serif;
  font-weight: 200;
  letter-spacing: 0.5px;
  color: #f43700;
  margin: 0px;
}
.wp-block-related-links .related-link {
  display: flex;
  position: relative;
  border: 1px solid #eaeaea;
  border-right: 6px solid #f43700;
  margin-bottom: 10px;
  flex-direction: column;
}
.wp-block-related-links .related-link:hover {
  filter: brightness(0.85);
  cursor: pointer;
}
@media (min-width: 525px) {
  .wp-block-related-links .related-link {
    flex-direction: row;
  }
}
.wp-block-related-links .related-link .related-link-image {
  background-size: cover;
  min-height: calc(50vw - 20px) !important;
}
@media (min-width: 525px) {
  .wp-block-related-links .related-link .related-link-image {
    min-height: 90px !important;
  }
}
.wp-block-related-links .related-link .related-link-info {
  padding: 10px;
}
.wp-block-related-links .related-link .related-link-info h4 {
  margin: 0px 0px 5px;
  line-height: 1.2;
}
.wp-block-related-links .related-link .related-link-info p {
  margin: 0px;
  font-size: 0.9rem;
  line-height: 1.2;
}

.absolute-link {
  position: absolute;
  height: 100%;
  width: 100%;
}

div[id^=tps_nav_upper],
div[id^=tps_nav_lower] {
  display: none;
}

.shortcode-quiz .la-quiz-question-item.style-type-3 {
  display: flex;
  gap: 1rem;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  margin: 10px 0px 10px;
}
.shortcode-quiz .la-quiz-question-item.style-type-3:first-of-type {
  margin: 10px 0px 10px;
}
.shortcode-quiz .la-quiz-question-item.style-type-3 .la-quiz-question-image-caption,
.shortcode-quiz .la-quiz-question-item.style-type-3 .la-quiz-question-description,
.shortcode-quiz .la-quiz-question-item.style-type-3 .numberSquare {
  display: none;
}
.shortcode-quiz .la-quiz-question-item.style-type-3 .la-quiz-question-image {
  flex-shrink: 0;
  max-width: 100px;
}
@media (max-width: 635px) {
  .shortcode-quiz .la-quiz-question-item.style-type-3 .la-quiz-question-image {
    max-width: 75px;
  }
}
.shortcode-quiz .la-quiz-question-item.style-type-3 .la-quiz-question-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-grow: 1;
}
.shortcode-quiz .la-quiz-question-item.style-type-3 .la-quiz-question-title h3 {
  width: 100%;
  height: auto;
  display: block;
  float: none;
  flex-grow: 1;
  margin: 0px;
  padding: 0px;
}
@media (max-width: 635px) {
  .shortcode-quiz .la-quiz-question-item.style-type-3 .la-quiz-question-title h3 {
    font-size: 1rem;
  }
}
.shortcode-quiz .la-quiz-question-item.style-type-3 .laqm-upvote-button {
  height: auto;
  text-align: center;
  flex-shrink: 0;
  display: flex;
  flex-direction: column-reverse;
  padding: 8px 5px 5px 10px;
}
.shortcode-quiz .la-quiz-question-item.style-type-3 .laqm-upvote-button .upvote-number {
  display: block;
  font-weight: normal;
  font-size: 0.75em;
}
.shortcode-quiz .la-quiz-question-item.style-type-3 .laqm-upvote-button .icon-ico-upvote:before {
  position: relative;
  top: -3px;
}
.shortcode-quiz .la-quiz-question-item.style-type-3 .laqm-upvote-button .upvote-number:after {
  content: " votes";
}
.shortcode-quiz .la-quiz-question-item.style-type-3 .laqm-upvote-button .iconhere::before {
  content: "Vote";
  padding-left: 5px;
}

.single-term-footer {
  margin-top: 50px;
  text-align: center;
}
.single-term-footer p {
  margin-bottom: 10px;
}
.single-term-footer .archive-logo {
  padding: 25px 12px;
  border-radius: 7px;
  box-shadow: 5px 5px 15px 2px rgba(0, 0, 0, 0.2);
}
.single-term-footer .archive-logo:hover {
  box-shadow: 5px 5px 15px 2px rgba(0, 0, 0, 0.35);
}

@media (min-width: 961px) {
  .single-post:not(.single-feature) .single-wrapper {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 1rem;
  }
  .single-post:not(.single-feature) .single-wrapper #primary {
    float: none !important;
    margin-right: 0px !important;
    width: 100% !important;
  }
  .single-post:not(.single-feature) .single-wrapper #primary article.post {
    max-width: 803px !important;
    width: 100% !important;
  }
  .single-post:not(.single-feature) .single-wrapper #secondary {
    float: none !important;
    margin: 0px !important;
  }
}
@media (min-width: 1678px) {
  .single-post:not(.single-feature) .site-content {
    max-width: 1150px !important;
    margin: auto !important;
  }
}

/*--------------------------------------------------------------
# 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,
.twitter-tweet {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

img.size-large, img.size-full {
  width: 100%;
  height: auto;
}

iframe.instagram-media {
  max-width: 80% !important;
  position: static !important;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 635px) {
  iframe.instagram-media {
    max-width: 100%;
  }
}

h5Player, .h5-wrapper {
  min-height: 150px;
  background-color: #eee;
  font-family: proxima-nova, sans-serif !important;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
@media print {
  @page {
    margin: 0.5in 1in;
  }
  a[href^=http]:not([href*=queerty]):after {
    content: " ( " attr(href) ")";
  }
}
/*--------------------------------------------------------------
# slick carousel
--------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*--------------------------------------------------------------
# Sticky Ads
--------------------------------------------------------------*/
#is-phone {
  display: none;
}

@media (max-width: 635px) {
  #is-phone {
    display: block;
  }
}
/*--------------------------------------------------------------
# Quantcast GPDR Dialog
--------------------------------------------------------------*/
.qc-cmp-button,
.qc-cmp-button.qc-cmp-secondary-button:hover {
  background-color: #F13B00 !important;
  border-color: #F13B00 !important;
}

.qc-cmp-button:hover,
.qc-cmp-button.qc-cmp-secondary-button {
  background-color: transparent !important;
  border-color: #F13B00 !important;
}

.qc-cmp-alt-action,
.qc-cmp-link {
  color: #F13B00 !important;
}

.qc-cmp-button,
.qc-cmp-button.qc-cmp-secondary-button:hover {
  color: #ffffff !important;
}

.qc-cmp-button:hover,
.qc-cmp-button.qc-cmp-secondary-button {
  color: #F13B00 !important;
}

.qc-cmp-small-toggle.qc-cmp-toggle-on,
.qc-cmp-toggle.qc-cmp-toggle-on {
  background-color: #F13B00 !important;
  border-color: #F13B00 !important;
}

.qc-cmp-small-toggle,
.qc-cmp-toggle {
  background-color: #999999 !important;
  border-color: #999999 !important;
}

/*--------------------------------------------------------------
# Ad tweaks - for width
--------------------------------------------------------------*/
#div-gpt-ad-box1, #div-gpt-ad-box2, #div-gpt-ad-box3, #div-gpt-ad-box4, .ad-300 {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#div-gpt-ad-box1 iframe, #div-gpt-ad-box2 iframe, #div-gpt-ad-box3 iframe, #div-gpt-ad-box4 iframe, .ad-300 iframe {
  max-width: none !important;
}
@media (max-width: 635px) {
  #div-gpt-ad-box1, #div-gpt-ad-box2, #div-gpt-ad-box3, #div-gpt-ad-box4, .ad-300 {
    max-width: 100%;
    padding: 0px !important;
  }
}

@media (min-width: 636px) and (max-width: 750px) {
  .archive .ad-box {
    margin-right: calc((100vw - 630px) / 3);
  }
}
@media (min-width: 751px) and (max-width: 959px) {
  .archive .ad-box {
    margin-right: 5.8608058608%;
  }
}

.inline-ad-holder {
  text-align: center;
  margin: 0 -9999rem;
  padding: 0 9999rem;
}
.inline-ad-holder div {
  margin: 0 auto;
}

@media screen and (min-width: 1678px) {
  .archive:not(.category):not(.tag-the-queerty-interview) .ad-box,
  .archive:not(.tag-the-queerty-interview) .ad-box,
  .archive:not(.tag-the-queerty-interview) .ad-box {
    margin-right: 1.4984781082%;
  }
}
/* 
 for the slideshow tool, push the sidebar ad down so that it is more inview
*/
.theiaPostSlider_body .article-sidebar {
  padding-top: 221px;
}

/*--------------------------------------------------------------
# Special Promos
--------------------------------------------------------------*/
#pride-50-promo {
  border: 1px solid #F43700;
}

.p50-image {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 0;
}

.p50-logo {
  height: 83px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}

.p50-name {
  background: #000;
  color: #fff;
  font-family: Balboa;
  display: inline-block;
  margin: 3px 5px 0 0;
  font-size: 16px;
  padding: 5px 6px 2px 8px;
}

.p50-cat {
  background: #fff;
  color: #000;
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 8px;
  padding: 3px 6px 3px 8px;
}

.p50-metaholder {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  padding-bottom: 5px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+53,ffffff+69,ffffff+100&0+0,0.8+53,0.9+69,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 53%, rgba(255, 255, 255, 0.9) 69%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 53%, rgba(255, 255, 255, 0.9) 69%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 53%, rgba(255, 255, 255, 0.9) 69%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */
}

/* Pride50 2023 */
.pride50-overlay {
  background-image: url("https://queerty-prodweb.s3.amazonaws.com/2023/05/pride50-white.png");
  position: relative;
  background-size: cover;
  width: 150px;
  height: 58px;
  left: 15px;
}

.card-portrait {
  max-width: 300px !important;
}

.page-template-promospride50index-images-php .honorees-section {
  margin: auto;
  text-align: center;
  padding: 0px 15px;
}
@media (min-width: 768px) {
  .page-template-promospride50index-images-php .honorees-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}

.page-template-promospride50index-php #content {
  max-width: 640px !important;
}
@media (min-width: 959px) {
  .page-template-promospride50index-php #content {
    max-width: 950px !important;
  }
}
@media (min-width: 1270px) {
  .page-template-promospride50index-php #content {
    max-width: 1280px !important;
  }
}
@media (min-width: 1678px) {
  .page-template-promospride50index-php #content {
    max-width: 1598px !important;
  }
}
.page-template-promospride50index-php .index_holder {
  background-color: rgba(255, 255, 255, 0.5);
}
.page-template-promospride50index-php .fallback .fallback-image {
  filter: brightness(0) !important;
}
.page-template-promospride50index-php .fallback .cta-form {
  color: white;
  margin: 15px 12px 10px 12px;
}
.page-template-promospride50index-php .fallback .cta-form form {
  padding: 10px 0px;
}
.page-template-promospride50index-php .fallback .cta-form input {
  width: 100%;
  margin-bottom: 5px;
}
.page-template-promospride50index-php .fallback .cta-form input[type=email] {
  color: black;
  padding: 5px;
}
.page-template-promospride50index-php .fallback .cta-form input[type=submit] {
  background-color: red;
  color: white;
}
@media (min-width: 636px) {
  .page-template-promospride50index-php .jwplayer {
    grid-column: span 3/span 3;
    background-color: white;
  }
}
@media (max-width: 635px) {
  .page-template-promospride50index-php .jwplayer {
    width: calc(100vw - 30px) !important;
  }
  .page-template-promospride50index-php .cards-list {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
  }
}
.page-template-promospride50index-php article.card.card-portrait.draft .card-content div:not(.kicker) {
  margin-left: auto;
  margin-right: auto;
}

.pride50-header {
  background-color: transparent;
  padding: 2rem;
}
@media (min-width: 959px) {
  .pride50-header {
    background-color: transparent;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
}
.pride50-header .logo-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
.pride50-header .logo-area a {
  text-align: center;
}
.pride50-header .logo-area img {
  max-width: 275px;
}
@media (min-width: 960px) {
  .pride50-header .logo-area img {
    max-width: 100%;
  }
}
.pride50-header .pride50-info {
  grid-column: span 2/span 2;
  color: grey;
}
.pride50-header .pride50-info .honorees-daily {
  background-color: #f43700;
  padding: 5px 10px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 0.85rem;
  float: right;
}
.pride50-header .pride50-info .heading {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
}
.pride50-header .pride50-info .heading h3 {
  color: #f43700;
  margin: 0px;
}
.pride50-header .pride50-info .heading hr {
  background-color: grey;
  height: 1px;
  flex-grow: 1;
  margin: 20px 0px;
}
.pride50-header .pride50-info p {
  margin: 0px;
  font-size: 0.9rem;
  line-height: 150%;
}
.pride50-header .pride50-info .signature {
  float: right;
  color: #f43700;
  font-size: 0.75rem;
}
.pride50-header .pride50-info .signature img {
  display: block;
}

/*.social-gfx-square {
	width: 100vw;
	height: 100vw;
	@media(min-width: 1000px) {
		width: 1000px;
		height: 1000px;	
	}
	background:$color__primary-color;
	color:#fff;

  	.wp-post-image {
  		width:100%;
  		height:50%;
  	}

	.headline-holder {
		width:100%;
		height:70%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.headline {
		display:inline;
		font-size:48px;
		width:80%;
	}
	.kicker  {	
		display:inline-block;
		@extend .pill;
		background-color:#fff;
		color:$color__primary-color;
		margin-bottom: 10px;
	}

	.logo-holder {
		width:100%;
		padding:10%;
		background-color:#fff;
		height:30%;
		display:block;
		img {
			float:right;
			width:40%;
		}

	}

	&.social-gfx-noimage {
		.headline {
			font-size:60px;
		}
		.kicker {
			font-size:2rem;
			top:-0.5rem;
			margin-right:20px;
		}
	}
	&.social-gfx-image, &.social-gfx-swipe {
		.headline-holder {
			height:30%;

			h1.large-headline {
				font-size:50px;
			}
		}
		.logo-holder {
			height:20%;
			padding:5%;
		}
		.kicker {
			font-size:2rem;
			top:-0.5rem;
			margin-right:20px;
		}		
	}	
	&.social-gfx-swipe {
		height:176vw;
		@media(min-width: 1000px) {
			height: 1766px;	
		}

	  	.wp-post-image {
	  		width:100%;
	  		height:70%;
	  	}		
		.headline-holder {
			height:18%;
		}
		.logo-holder {
			height:12%;
			padding:5%;
		}
	}
}
*/
/* Mobile Friendly */
/*body.page-template-index-social-graphics {
	.site-content {
	background-color: #dddddd;
  max-width: 100%;
  width: 100%;
  margin: 0px;
}
} 

.social-gfx-square .headline {
	@media (max-width: 575px) {
		font-size: 1.185rem !important;
		margin:0px !important; 
	}
}

.headline-holder {
	@media (max-width: 575px) {
		top: -5px;
		position: relative;
	}
}

.social-gfx-square .kicker {
	@media (max-width: 575px) {
  font-size: 1rem !important;
  margin-bottom: .25rem;
	}
}  

.social-gfx-noimage .headline {
	@media (max-width: 575px) {
  font-size: 1.5rem !important;
	}
}*/
/*--------------------------------------------------------------
# Dark mode
--------------------------------------------------------------*/
body.dark {
  background-color: #000 !important;
  background: #000 !important;
}
body.dark a {
  color: #fff;
}
body.dark .index-category-section {
  background: transparent;
}
body.dark article.card {
  background-color: #222222 !important;
  border-color: #222222 !important;
}
body.dark article.card h2 {
  color: #eee;
}
body.dark .site-footer-holder {
  color: #aaa;
  background: #000 !important;
}
body.dark .site-footer-holder .site-footer h3 {
  color: #666;
}
body.dark .site-footer-holder .footer-brand {
  color: #fff !important;
}
body.dark .site-footer-holder a {
  color: #eee;
}
body.dark .tags-links a {
  background: #666;
}
body.dark.single .single-wrapper, body.dark.attachment .single-wrapper, body.dark.page .single-wrapper {
  background-color: #222;
  color: #eee;
}
body.dark .single-article .entry-meta a, body.dark .single-page .entry-meta a {
  color: #fff;
}
body.dark.single .article-sidebar h3.category-heading, body.dark.page-template-default .article-sidebar h3.category-heading {
  color: #eee;
}
body.dark .giantquote, body.dark blockquote, body.dark q {
  background-color: #666;
  color: #eee;
}
body.dark .giantquote span.attrib, body.dark blockquote span.attrib, body.dark q span.attrib {
  color: #ccc;
}
body.dark .queerty-menu-content {
  background-color: #666;
}
body.dark .comment .comment-content .comment-meta {
  color: #eee;
}
body.dark .interview-player-hero {
  background-color: #222;
  color: white;
}
body.dark.category-pride .queerty-header {
  background-color: black;
}
body.dark.category-pride .pride-central {
  background-color: #666;
}
body.dark.category-pride .pride-central .border-r-2 {
  border-color: black;
}

body.dark.ahs article.card .card-commentcount,
body.dark.ahs .entry-footer .comments-number,
body.dark.ahs .article-email-prompt-red,
body.dark.ahs .single-article .kicker, body.dark.ahs .single-page .kicker {
  background-color: #ff000c !important;
}
body.dark.ahs article.card .card-commentcount:before {
  border-color: #ff000c transparent transparent #ff000c;
}
body.dark.ahs .single-article .entry-meta .article-commentcount,
body.dark.ahs .single-page .entry-meta .article-commentcount,
body.dark.ahs h2.comments-title,
body.dark.ahs .queerty-header ul li.nav-link.selected a {
  color: #ff000c;
}
body.dark.ahs .giantquote {
  border-color: #ff000c;
}
body.dark.ahs .queerty-menu-logo .queerty-header-logo, body.dark.ahs .queerty-menu-close img {
  filter: invert(17%) sepia(90%) saturate(7112%) hue-rotate(352deg) brightness(95%) contrast(113%);
}
body.dark.ahs #queerty-logo-img, body.dark.ahs .queerty-header-pride-logo {
  visibility: hidden;
}
body.dark.ahs #masthead .logo-area {
  background: url("https://queerty-assets.s3.amazonaws.com/assets/q-2017/queerty-logo-ahs.svg") no-repeat;
  background-position: center;
}