/*
Theme Name: Healthy Debate
Theme URI: https://stationwp.com/
Author: Station WP
Author URI: https://stationwp.com/
Description: A custom theme for the Healthy Debate publication.
Version: 2020.1
Text Domain: healthydebate
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

body {
    line-height: 1
}

button {
    outline: 0
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

q {
    display: inline;
    font-style: italic
}

q:before {
    content: '"';
    font-style: normal
}

q:after {
    content: '"';
    font-style: normal
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

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

th,
td {
    padding: 2px
}

big {
    font-size: 120%
}

small,
sup,
sub {
    font-size: 80%
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

dd {
    margin-left: 20px
}

kbd,
tt {
    font-family: courier;
    font-size: 12px
}

ins {
    text-decoration: underline
}

del,
strike,
s {
    text-decoration: line-through
}

dt {
    font-weight: bold
}

address,
cite,
var {
    font-style: italic
}

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

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.sticky {}

.bypostauthor {}

.wp-caption {}

.wp-caption-text {}

.gallery-caption {}

.alignright {}

.alignleft {}

.aligncenter {}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important
}


@font-face {
    font-family: 'Circular Std';
    src: url('/wp-content/themes/healthydebate/fonts/circular/CircularStd-Medium.woff2') format('woff2'),
        url('/wp-content/themes/healthydebate/fonts/circular/CircularStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Circular Std';
    src: url('/wp-content/themes/healthydebate/fonts/circular/CircularStd-Black.woff2') format('woff2'),
        url('/wp-content/themes/healthydebate/fonts/circular/CircularStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Circular Std';
    color: #333;
}

/* body.locked {overflow:hidden;} */
p,
.article-col ul,
.article-col ol {
    font-family: 'Frank Ruhl Libre', serif;
    line-height: 1.6;
    clear: both;
}

img {
    display: block;
    max-width: 100%;
}

p strong,
ul strong,
ol strong {
    font-weight: 700;
}

em {
    font-style: italic;
}


/* global structure */
.max-w {
    max-width: 1400px;
    margin: 0 auto;
}

.h-pad,
.meta {
    padding: 0 15px;
}

.outside-meta.meta {
    padding: 0 0;
}

.vs-article {
    padding: 15px 15px 20px;
}

#wrapper {
    position: relative;
}

#container {}

.active,
.sticky-menu .active,
.drop-active {
    z-index: 100;
}

article img {
    width: 100%;
    height: auto;
}

section+section,
section+.grey-wrap,
.grey-wrap+section {
    margin-top: 60px;
}

section.top-break {
    padding-top: 60px;
    border-top: 1px solid #d6d6d6;
}

.grey-wrap section+section,
.article+.article {
    margin-top: 60px;
}

.article-group section+section,
.grey-wrap .article+.article,
.vs-article+.vs-article {
    margin-top: 30px;
}

.label {
    margin-top: 30px;
}

section+.no-top-space {
    margin-top: 0;
}

mark {
    background: #ecffc2;
}

#content section.column-copy:first-child {
    margin-top: 60px;
}

body.locked {
    overflow: hidden;
}

.grey-wrap+.grey-wrap {
    margin-top: 60px;
}

/* social embeds */
.article-col .twitter-tweet,
.article-col .instagram-media {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/* global nav */
header {
    position: relative;
    padding-top: 20px;
}

.sticky-menu {
    position: fixed !important;
    top: 0;
    left: 15px;
    right: 15px;
}

#sticky-spacer.expand {
    height: 63px;
    display: block;
}

#site-title {
    text-indent: -10000px;
}

#site-title a {
    display: block;
    width: 160px;
    height: 28px;
    background-size: 160px 28px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#menu {
    padding-top: 8px;
    position: relative;
    border-bottom: 0 solid #d6d6d6;
    background: #fff;
    z-index: 2;
}

/* #menu.menu-open {z-index:inherit;} */
#menu>ul>li {
    float: left;
    position: relative;
    margin-right: -2px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    height: 52px;
}

#menu>ul>li>a {
    padding: 17px 11px 21px;
    display: block;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    height: 100%;
}

#menu>ul>li>a:hover,
#menu>ul>li#search-nav:hover {
    background-color: #eaeaea;
    z-index: 2;
}

#menu>ul>li#search-nav.active,
#menu>li#topics-menu.active {
    background-color: #3ebecc;
    z-index: 3;
}

#menu>ul>li#search-nav.active,
#menu li.active>a,
#menu>ul>li#search-nav.active,
#menu li.drop-active>a,
.search #menu>ul>li#search-nav {
    background-color: #3ebecc !important;
}

#menu>ul>li.active>a,
#menu>ul>li.drop-active>a {
    color: #fff !important;
}

#menu>ul>li.active .bottom-border {
    position: absolute;
    bottom: -1;
    width: 100%;
    height: 1px;
    background: #f50;
}

#menu>ul>li:before {
    content: "";
    position: absolute;
    height: 14px;
    width: 1px;
    background: #d6d6d6;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

#menu>ul>li:hover:before,
#menu>ul>li#search-nav.active:before {
    display: none;
}

#menu .search-icon .text {
    text-indent: -10000px;
    display: block;
}

#menu .search-icon .icon {
    width: 18px;
    height: 18px;
    background: url(/wp-content/themes/healthydebate/images/search-icon.png);
    background-size: 18px 36px;
    display: block;
    background-repeat: no-repeat;
    margin: 0 10px;
    background-position: bottom;
    position: relative;
    bottom: 2px;
}

#menu li#search-nav.active .search-icon .icon,
.search #menu li#search-nav .search-icon .icon {
    background-position: top !important;
}

#social-menu {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    margin-top: 17px;
}

#social-menu .subscribe-cta {
    display: none;
}

#social-menu .non-cta a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

#social-menu ul li a:hover {
    text-decoration: underline;
}

#social-menu ul {
    float: left;
}

#social-menu ul li {
    float: left;
}

.header-social-wrap {
    float: left;
    margin-left: 6px;
    display: none;
}

#social-menu .non-cta {
    margin-top: 8px;
}

#social-menu .cta-button {
    margin-left: 15px;
    display: block;
}

#social-menu .cta-button:hover {
    text-decoration: none;
}

header .social-icon {
    margin-left: 6px;
    margin-right: 0;
}

.social-icon {
    display: inline-block;
    position: relative;
}

.social-icon a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.social-icon.on-white {
    background-size: 35px 70px;
    background-position: bottom;
    background-repeat: no-repeat;
}

.social-icon.fb-icon {
    background: url(/wp-content/themes/healthydebate/images/fb-icon-on-white.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.tw-icon {
    background: url(/wp-content/themes/healthydebate/images/tw-icon-on-white.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.in-icon {
    background: url(/wp-content/themes/healthydebate/images/in-icon-on-white.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.li-icon {
    background: url(/wp-content/themes/healthydebate/images/li-icon-on-white.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.bk-icon {
    background: url(/wp-content/themes/healthydebate/images/bk-icon-on-white.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.web-icon {
    background: url(/wp-content/themes/healthydebate/images/web-icon-on-white.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.on-white:hover {
    background-position: top;
}

#menu:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    bottom: 0;
    z-index: -1;
    position: absolute;
}

.special-menu span {
    display: none;
}

.topics.active:after {
    position: absolute;
    height: 100%;
    background: #f60;
    width: 100vw;
    content: "";
}

/* .desk-topics {display:none;} */

#search-bar,
#topic-items {
    position: absolute;
    width: 100%;
    border-radius: 0 5px 5px 5px;
    left: 0;
    display: none;
}

#topic-items .close-icon {
    position: fixed;
}

#topic-items {
    width: auto;
    left: 36px;
    font-size: 14px;
    color: #fff;
    padding: 25px 0 10px;
    border-radius: 0;
}

#topic-items a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

#topic-items a:hover {
    text-decoration: underline;
}

#topic-items .h-pad {
    padding: 0 18px 0 11px;
}

.most-pop-list {
    margin-top: 30px;
}

#search-bar.active,
#topic-items.active {
    display: block;
}

.search-pad {
    padding: 15px 13px;
}

#search {
    border: 0;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    font-family: 'Circular Std';
    width: 100%;
    width: calc(100% - 40px);
    outline: 0;
}

#topic-items {
    height: 100vh;
    bottom: 0;
    top: 0;
    overflow: scroll;
    width: 100vw;
    left: 0;
    position: fixed;
}

#searchsubmit {
    display: none;
}

.close-icon,
.pauseit {
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/themes/healthydebate/images/close-icon-2.png');
    background-size: 24px;
    position: absolute;
    right: 17px;
    top: 23px;
    overflow: hidden;
    cursor: pointer;
}

.menu-screen {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 1000%;
    height: 100vh;
    background: #fff;
    opacity: 0.95;
    margin-left: -100%;
    z-index: 2;
}

.menu-screen.screen-it {
    display: block;
}

.most-pop-list li {
    margin-bottom: 15px;
    padding-right: 30px;
}

.most-pop-list .count {
    font-size: 12px;
}

/* search page styling */
.search .close-icon,
.page-id-29032 .close-icon {
    display: none;
}

.search #search-bar,
.page-id-29032 #search-bar {
    position: relative;
    display: block !important;
}

.search #search,
.page-id-29032 #search {
    width: 100%;
}

.search #menu {
    border-bottom: 0;
}

.search #sticky-spacer.expand {
    height: 129px;
}

.search h1 span.search-text {
    text-transform: none;
}

.search h1 .search-meta {
    padding-right: 5px;
    font-size: 14px;
    font-weight: normal;
}

.search-break {
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    margin: 30px 0 30px;
}

.search .page-intro {
    margin-top: 30px;
}

.search .meta-outside {
    padding-left: 0;
}

.search .tax-list .meta-outside {
    width: 100%;
    padding-left: 0;
}

/* .search .meta span {background:#f2ffbd;} */
.search #menu:before {
    display: none;
}

.search .contributor-result .profile-image {
    width: 40px;
    height: 40px;
    margin-top: -10px;
}

.search .topic-result .topic-tag {
    width: 30px;
    height: 18px;
    margin-top: 2px;
    background-image: url(/wp-content/themes/healthydebate/images/tag-icon.png);
    background-size: 30px 18px;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: relative;
}

.search .contributor-result .meta-outside,
.search .topic-result .meta-outside {
    width: calc(100% - 55px);
}

/* global colors */
.dark-bg {
    color: #fff;
}

.blue-bg {
    background: #3ebecc;
}

.black-bg {
    background: #333;
}

/* global links */
.cta-button,
div .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.comment-reply-link,
input[type="submit"],
.cta-button.collapseomatic,
.embed-modal {
    border-radius: 5px;
    font-size: 18px;
    padding: 8px 16px 8px;
    display: inline-block;
    color: #fff;
    background: #3ebecc;
    text-decoration: none;
    border: none;
    font-family: 'Circular Std';
    line-height: 1;
    cursor: pointer;
    height: 35px;
}

.cta-button:hover,
div .gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.comment-reply-link:hover,
input[type="submit"]:hover {
    background-color: #333;
}

.cta-button.dark-hover:hover {
    background-color: #333 !important;
    color: #fff !important;
}

.dark-bg .cta-button:hover,
.dark-bg .gform_wrapper .gform_footer input[type=submit]:hover,
.embed-modal:hover {
    background-color: #fff;
    color: #3ebecc;
}

.cta-button.white {
    color: #333;
    background: #fff;
}

.cta-2 {
    font-size: 18px;
    border-bottom: 2px solid #fff;
    text-decoration: none;
    line-height: 1.3;
    display: inline-block;
}

.cta-2-w {
    color: #fff;
}

.cta-2-b {
    color: #3ebecc;
    border-bottom: 2px solid #3ebecc;
}

.cta-2-b:hover {
    color: #333;
    border-bottom: 2px solid #333;
}

.blue-bg .cta-2-w:hover {
    color: #333;
    border-bottom: 2px solid #333;
}

.video-feature .cta-2-w:hover {
    color: #90f4ff;
    border-bottom: 2px solid #90f4ff;
}

.cta-play,
.cta-button.collapseomatic.cta-play {
    padding-right: 40px;
    position: relative;
    padding-right: 40px;
    background-image: url(/wp-content/themes/healthydebate/images/play-icon.png);
    background-size: 16px 19px;
    background-position: right 16px top 8px;
    background-repeat: no-repeat;
}

.tile-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

h2 a {
    text-decoration: none;
    color: #333;
}

h2 a:hover {
    text-decoration: underline;
}

.blue-bg h2 a {
    color: #fff;
}

.text-black h2 a {
    color: #333;
}

.cta-button.collapseomatic.cta-play {
    background-image: none;
}

.cta-drop.cta-play:after {
    background-image: url(/wp-content/themes/healthydebate/images/play-icon.png);
    background-size: 15px 18px;
    background-repeat: no-repeat;
    content: "";
    width: 15px;
    height: 18px;
    position: absolute;
    right: 13px;
    top: 9px;
    transform: rotate(90deg);
}

.collapseomatic.colomat-close.cta-play:after {
    transform: rotate(-90deg);
}

.growers-switch {
    margin-top: 20px;
}

.label a {
    color: #3ebecc;
    text-decoration: none;
}

.label a:hover {
    text-decoration: underline;
}

.page-intro p a {
    color: #333;
}

.page-intro p a:hover {
    color: #3ebecc;
}

.label-list {
    display: inline-block;
    margin-right: 5px;
}

.label-list a {
    color: #3ebecc;
    text-decoration: none;
    font-family: 'Circular Std';
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
}

p a {
    color: #333;
}

p a:hover {
    color: #3ebecc;
}

/* global typography */
h1,
h2,
h3,
h4,
.page-intro h1,
.search h1 span.search-text,
.article-col .entry-content h1 {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.15;
    clear: both;
}

.label,
#reply-title {
    text-transform: uppercase;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Circular Std';
}

.title h2,
.title h2 a {
    font-size: 24px;
    display: inherit;
}

body.search div h2 {
    font-size: 18px;
}

p,
h2+p,
p+.cta-button,
h2+.cta-button,
p+ul,
h3+ul,
p+ol,
h3+ol,
p+.video-container {
    margin-top: 20px;
}

.profile-section+p {
    margin-top: 30px;
}

.typical-copy ol,
.typical-copy ul {
    margin-left: 20px;
}

.typical-copy ul li,
.typical-copy ol li,
.entry-content ul li,
.entry-content ol li {
    list-style: outside;
    line-height: 1.6;
    margin-bottom: 10px;
    font-family: 'Frank Ruhl Libre', serif;
}

.typical-copy ol li,
.entry-content ol li {
    list-style: decimal;
    margin-left: 0;
    word-wrap: break-word;
}

.typical-copy ul li {
    margin-left: 0;
}

.typical-copy ul li:last-child,
.typical-copy ul oi:last-child,
.entry-content ul li:last-child,
.entry-content ol li:last-child {
    margin-bottom: 0;
}

.typical-copy p a,
.typical-copy ul li a,
.typical-copy ol li a,
.meta-outside p a {
    color: #333;
}

.typical-copy p a:hover,
.typical-copy ul li a:hover,
.typical-copy ol li a:hover,
.meta-outside p a:hover {
    color: #3ebecc;
}

.typical-copy li ul,
.typical-copy li ol {
    margin-top: 10px;
}

.column-copy h2 {
    font-size: 24px;
}

.column-copy h3 {
    font-size: 21px;
}

.column-copy h4,
.entry-content h4,
.footnote-sec h4 {
    font-size: 18px;
}

.column-copy p+h2,
.column-copy p+h3,
.column-copy p+h4,
.profile-section+h4,
.typical-copy p+h4 {
    margin-top: 45px;
}

blockquote {
    font-size: 24px;
    text-align: right;
    margin-top: 60px;
    margin-bottom: 0;
    line-height: 1.2;
    padding-left: 15%;
    font-weight: 900;
    font-style: italic;
}

blockquote p {
    line-height: 1.2;
}

blockquote+p {
    margin-top: 60px;
}

.drop-it>p:first-child:first-letter {
    font-weight: 900;
    font-size: 50px;
    padding-top: 14px;
    padding-right: 6px;
    margin-bottom: 10px;
    color: #3ebecc;
    float: left;
    line-height: .4
}

.drop-it>p:nth-child(2) {
    padding-top: 10px;
}

/* alt h2s */
h2.sm {
    font-size: 18px;
}

h2.x-sm {
    font-size: 18px;
}

/* global gravity form styling */
div .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
    position: relative;
}

div .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
div .gform_wrapper textarea.medium {
    padding: 10px;
    letter-spacing: normal;
    border: 0;
    border-radius: 5px;
    color: #333;
    font-size: 18px;
    outline: 0;
    font-family: 'Circular Std';
    margin-top: 12px;
}

div.footer-mail-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    text-align: center;
    max-width: 400px;
}

div.white-bg .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
div.white-bg .gform_wrapper textarea.medium {
    border: 1px solid #d6d6d6;
}

div .gform_wrapper .top_label input.medium,
div .gform_wrapper .top_label select.medium {
    width: 100%;
}

div .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}

div .gform_wrapper li.gfield.gfield_error {
    background-color: transparent;
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

div .gform_wrapper .top_label .gfield_error {
    width: 100%;
}

div .gform_wrapper .gform_footer {
    padding: 10px 0 0 0;
}

div.footer-mail-form .gform_wrapper .gform_footer {
    text-align: center;
}

div .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 0;
}

div .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 0;
    margin-bottom: 0 !important;
}

div .gform_wrapper .validation_message {
    color: #ffa3a3;
    font-weight: 400;
    letter-spacing: normal;
    font-size: 16px;
}

div .gform_wrapper .field_description_below .gfield_description {
    padding-top: 10px;
}

div .gform_wrapper.gform_validation_error .top_label input.medium {
    width: 100%;
}

div .gform_wrapper div.validation_error,
.gform_confirmation_message_1 p {
    font-weight: 400;
    margin-bottom: 10px;
    border-top: 0;
    border-bottom: 0;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background: #ffa3a3;
    color: #333;
    line-height: 1.5;
    margin-top: 25px;
    max-width: 400px;
    margin: 30px auto 20px;
    text-align: center;
}

.gform_confirmation_message_1 p {
    color: #3ebdcb;
    font-family: 'Circular Std';
    padding: 0;
    background: transparent;
    margin-top: 20px;
}

div .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
    margin-top: 0 !important;
}

div .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: inherit;
    min-height: inherit;
}

div .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    width: auto;
}

div .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    text-align: center;
    padding-right: 0;
}

div .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    margin: 0 auto;
}

body div .gform_wrapper .top_label div.ginput_container {
    text-align: center;
}

body img.gform_ajax_spinner {
    display: none !important;
}

/* article grid */
.article {
    position: relative;
}

.article.full-width {
    padding-top: 250px;
    width: 100%;
    position: relative;
    background-color: #3ebdcc;
}

.overlay-meta {
    color: #fff;
}

.overlay-black .overlay-meta {
    color: #333;
}

.light-bg .overlay-meta {
    color: #333;
}

.tag {
    padding: 12px;
    background: rgba(0, 0, 0, 0.5);
    width: auto;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    margin-top: 15px;
    color: #fff;
    font-size: 14px;
}

.tag.reverse {
    background: rgba(255, 255, 255, 0.75);
    color: #333;
}

.meta .title {
    clear: both;
    width: 100%;
}

.meta .title a,
.meta-outside h2 a {
    text-decoration: none;
    color: #333;
}

.meta .title a:hover,
.meta-outside h2 a:hover {
    text-decoration: underline;
}

.meta .title.bottom-space {
    margin-bottom: 20px;
}

.meta .title.bottom-space+.tag {
    margin-top: -20px;
}

.small-meta {
    width: 100%;
    line-height: 1.5;
}

.small-meta+.title,
.small-meta+h2 {
    margin-top: 10px;
}

.date,
.author {
    display: inline-block;
    float: left;
    width: auto;
    margin-right: 5px;
    font-size: 14px;
}

.date {
    margin-bottom: 0;
}

.outside-meta .date {
    color: #666;
}

.author {
    margin-right: 0;
}

.author a,
.author span {
    text-decoration: none;
    color: #fff;
}

.overlay-black .author a,
.overlay-black .author span {
    color: #333;
}

.outside-meta .author a,
.outside-meta .author span {
    color: #666;
}

.author a:hover {
    text-decoration: underline;
}

.article-row.thirds {
    display: flex;
}

.bg-image {
    background-color: #3ebecc;
    position: relative;
    background-repeat: no-repeat !important;
}

.thirds {
    display: flex;
    flex-flow: wrap;
}

.thirds .article {
    width: 100%;
}

.thirds .bg-image {
    padding-top: 250px;
    display: flex;
    align-items: flex-end;
    width: 100%;
}

.outside-meta {
    margin-top: 20px;
}

.outside-meta p {
    margin-top: 10px;
}

.grey-bg,
.grey-wrap {
    background: #f7f7f7;
    top: -1px;
}

.debate-box {
    top: -1px;
}

.debate-box.grey-bg .debate-intro h2>a {
    color: #333;
}

.grey-wrap,
.grey-bg,
.blue-debate-bg {
    padding: 30px 15px;
    border: 1px solid #d6d6d6;
    position: relative;
}

.grouped-meta {
    margin-bottom: 20px;
}

.feature .overlay-meta {
    margin: 0 auto;
    text-align: center;
}

.feature .article.full-width {
    padding-top: 250px;
}

.feature .title+.date,
.feature .title+p {
    margin-top: 10px;
}

.bg-color-blue {
    background-color: #3ebecc;
}

.bg-color-black {
    background-color: #333;
}

.bg-color-grey {
    background-color: #666;
}

/* debate box */
.debate-box {
    text-align: center;
    padding-top: 0;
    padding-bottom: 30px;
}

.grey-bg {
    background: #f7f7f7;
    border: 1px solid #d6d6d6;
    position: relative;
}

.top-tag {
    top: -1px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    border-radius: 0 0 5px 5px;
}

.debate-meta {
    text-align: center;
}

.debate-meta .date {
    margin-right: 0;
    float: none;
    margin-bottom: 15px;
}

.debate-intro {
    margin: 30px auto;
}

.vs-wrap {
    text-align: left;
    position: relative;
}

.vs-article {
    background: #fff;
    border: 1px solid #d6d6d6;
    position: relative;
}

.article .image {
    width: 100%;
    height: 0;
    padding-top: 65%;
    position: relative;
}

.vs-text {
    position: absolute;
    font-size: 100px;
    font-weight: 900;
    left: 50%;
    z-index: 1;
    margin-left: -65px;
    bottom: -75px;
}

.grey-bg .vs-text {
    color: #3ebecc;
}

.blue-debate-bg .debate-intro {
    color: #fff;
}

.debate-list .vs-text {
    display: none;
}

.debate-list .vs-wrap,
.argument-set-up {
    display: block;
}

.argument-set-up {
    display: flex;
    justify-content: center;
    margin: 30px auto;
    font-weight: 900;
    align-items: center;
}

.argument-set-up .argument {
    font-size: 16px;
}

.argument-set-up .argument-1 {
    padding-right: 10px;
    text-align: right;
    color: #6b6b6b;
    width: 50%;
}

.argument-set-up .argument-2 {
    padding-left: 10px;
    text-align: left;
    color: #333;
    width: 50%;
}

.vs-argument {
    color: #3ebecc;
    font-size: 30px;
}

.debate-timeline {
    position: relative;
}

.debate-timeline .vs-wrap {
    display: block;
}

.debate-timeline .vs-article-left {
    margin-right: 40px;
}

.debate-timeline .vs-article-right {
    margin-left: 40px;
}

.debate-timeline .outside-meta {
    padding: 0;
    margin-top: 5px;
}

.debate-timeline .vs-article,
.debate-timeline .vs-article a {
    color: #fff;
    border: 0;
    clear: both;
}

.debate-timeline .vs-article .author span {
    color: #fff;
    display: inline;
}

.debate-timeline .vs-article-left {
    background: #6b6b6b;
}

.debate-timeline .vs-article-right {
    background: #333;
}

.debate-timeline .line {
    position: absolute;
    left: 50%;
    height: 100%;
    margin-top: -30px;
    width: 1px;
    background: #333;
}

.debate-timeline .meta-align {}

.debate-timeline .vs-article .date {
    color: #fff;
}

.debate-timeline .vs-article-right .meta-align {
    float: left;
}

.timeline-title {
    margin: 30px 0 60px;
}

.debate-timeline .vs-article+.vs-article {
    margin-top: 30px;
}

.debate-end-wrap {
    width: 100%;
    text-align: center;
    clear: both;
    padding-top: 30px;
    z-index: 1;
    position: relative;
}

.debate-list .vs-article .outside-meta.meta {
    padding-right: 0;
}

/* auto lists */
.auto-lists .article {
    padding-top: 30px;
    display: flex;
    margin-top: 0;
}

.auto-lists .outside-meta,
.tax-list .meta-outside {
    padding-right: 0;
    width: 65%;
    margin-top: 0;
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.auto-lists .image,
.tax-list .image {
    padding-right: 0;
    width: 30%;
    padding-top: 25%;
    position: relative;
    background-color: #3ebdcc;
    background-repeat: no-repeat;
}

.feature .date,
.feature .author {
    float: none;
}

.auto-list:last-child {
    margin-top: 60px;
}

.no-vert-break .list-right .label {
    display: none;
}

.no-vert-break .auto-list:last-child {
    margin-top: 0;
}

.top-break .label {
    margin-top: 0;
}

.auto-lists h2.x-sm,
.auto-lists .title h2 a {
    font-size: 18px;
}

/* podcast promo */
.podcast-promo {
    color: #fff;
}

.promo-right.text-black {
    color: #333;
}

.promo-right {
    background-color: #666;
    padding: 120px 0 !important;
}

.promo-panel {
    padding: 60px 0;
    position: relative;
}

.subscribe-links {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.4;
}

.subscribe-links span {
    padding-right: 5px;
}

.subscribe-links a {
    margin-right: 10px;
}

.join-icon {
    width: 90px;
    height: 60px;
    background: url(/wp-content/themes/healthydebate/images/beat.png);
    background-size: 90px 60px;
    background-repeat: no-repeat;
    position: absolute;
    top: -30px;
    left: 15px;
}

/* podcasts */
.podcast_player {
    position: relative;
    z-index: 1;
}

/* video feature */
.video-feature {
    position: relative;
    padding: 80px 0;
    color: #fff;
}

.video-feature .cta-2 {
    margin-top: 20px;
    display: inline-block;
}

.video-feature .tag {
    top: 0;
    position: absolute;
}

.sec-bg {
    background-size: cover;
    background-position: center top;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.15;
    z-index: -1;
    background-color: #666;
}

.hero .copy {
    width: 100%;
    max-width: 600px;
}

.hero .line-cta {
    margin-right: 20px;
}

.video-hero {
    transition: height 1.5s ease;
    padding-bottom: 0;
}

.video-hero .responsive-media-container {
    opacity: 0;
    transition: height 1.5s ease;
}

.playing .responsive-media-container {
    opacity: 1;
}

.responsive-media-container {
    position: absolute;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    top: 0;
    width: 100%;
    visibility: hidden;
}

.playing.playing .responsive-media-container,
.playing.playing .responsive-media-container iframe {
    visibility: visible;
    z-index: 1;
    height: 100%;
}

.playing .video-cta {
    z-index: -1;
}

.responsive-media-container iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.pauseit {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 0;
    z-index: 2;
    width: 24px;
    height: 24px;
    right: 10px;
    cursor: pointer;
    display: none;
}

.pauseit .nav-bar {
    background: #fff;
}

.playing .responsive-media-container:hover .pauseit {
    display: block;
}

.play-icon {
    width: 45px;
    height: 47px;
    background-image: url(/wp-content/themes/healthydebate/images/play-icon.png);
    background-size: 45px 48px;
    /* background-position: bottom; */
    margin: 0 auto;
    background-repeat: no-repeat;
    overflow: hidden;
}

.play-button {
    cursor: pointer;
}

.play-button:hover .play-icon {
    background-position: top;
}

.video-copy-wrap {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -7px;
}

.video-copy-wrap .tag {
    color: #e1251b;
    text-align: center;
    border-bottom: 2px solid transparent;
    padding: 15px 0 4px;
    display: inline-block;
}

.play-button:hover .tag {
    border-bottom: 2px solid #e1251b;
}

.video-cta {
    margin-top: 0;
    width: 100%;
    margin-left: -15px;
    position: relative;
    right: 0;
    width: calc(100% + 30px);
    height: 0;
    padding-top: calc(56.25% + 16.875px);
    margin-top: 30px;
    z-index: 99;
}

.video-block {
    position: absolute;
    bottom: 0;
    height: 0;
    padding-top: 56.25%;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}

.playing .video-block {
    opacity: 1;
    transition: opacity 0.5s ease;
    z-index: 0;
}

.border-decor {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 30px;
    border: 1px solid #fff;
}

/* page intro */
.page-intro {
    margin-top: 60px;
}

/* topic pages */
.tax-break {
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    margin: 60px 0 30px;
}

.tax-break.less-top {
    margin-top: 30px;
}

.tax-list .article {
    display: flex;
}

.tax-list .meta {
    padding-right: 0;
}

.tax-list p,
.tax-list .author {
    display: none;
}

.search .tax-list p {
    display: block;
}

.tax-list .article+.article {
    margin-top: 30px;
    border-top: 1px solid #d6d6d6;
    padding-top: 30px;
}

.tax-list .most-pop-list ul {
    columns: 1;
}

.tax-list .sort-list ul {
    columns: 1;
}

.tax-list .most-pop-list ul a {
    color: #3ebdcc;
    text-decoration: none;
}

.tax-list .most-pop-list ul a:hover {
    text-decoration: underline;
}

.tax-list .most-pop-list ul li span {
    font-size: 12px;
    color: #999;
}

.sort-list ul li a {
    color: #333;
    text-decoration: none;
}

.sort-list ul li a:hover {
    text-decoration: underline;
}

.sub-topic-list-wrap {
    display: inline;
}

.tax-topic .label+h1 {
    margin-top: 25px;
}

.sub-topic-list {
    display: inline;
}

.sub-topic-list .label-list {
    margin-top: 10px;
}

.sub-topic-list .label-list:after {
    content: ",";
    display: inline-block;
    padding-left: 1px;
}

.sub-topic-list .label-list:last-child:after {
    content: "";
}

.number-articles-label {}

.pager {
    border-top: 1px solid #d6d6d6;
    margin-top: 30px;
    position: relative;
    padding-top: 30px;
    height: 66px;
}

.pager .next {
    float: right;
}

.pager .page-count {
    position: absolute;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    text-align: center;
    top: 38px;
}

/* posts */
.post-social {
    margin-top: 30px;
}

.post-social .social-icon {
    margin-right: 6px;
}

.social-item {
    display: inline-block;
}

.share span {
    padding-right: 10px;
}

.comments-link {
    margin-right: 13px;
}

.social-share-wrap {
    margin-top: 20px;
}

.share {
    display: block;
    margin-top: 20px;
}

.entry-content {
    margin-top: 30px;
}

.entry-content a,
.entry-content span a {
    color: #000;
}

.entry-content a:hover,
.entry-content a:hover span {
    color: #3ebecc;
}

.entry-content img {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100% !important;
    height: auto !important;
}

.article-col p+h3,
.column-copy p+h3,
.article-col p+h2,
.column-copy p+h2,
.article-col p+h1,
.column-copy p+h1,
.article-col ul+h2,
.column-copy ul+h2,
.article-col ul+h3,
.column-copy ul+h3,
.article-col ul+h1,
.column-copy ul+h1,
.article-col ul+h4,
.column-copy ul+h4,
.article-col ol+h2,
.column-copy ol+h2,
.article-col ol+h3,
.column-copy ol+h3,
.article-col ol+h1,
.column-copy ol+h1,
.article-col ol+h4,
.column-copy ol+h4,
.article-col h3+h3,
.column-copy h3+h3,
.article-col p+h4,
.column-copy p+h4 {
    margin-top: 45px;
}

.post-content .h-pad {
    padding: 0;
}

.post-content .outside-meta {
    padding-left: 0;
}

.post-content table {
    font-family: 'Frank Ruhl Libre', serif;
    line-height: 1.6;
}

.post-content tr {
    margin-bottom: 20px;
}

.post-content td {
    padding-bottom: 15px;
    padding-right: 5px;
}

.post-content td h5,
.post-content td strong {
    font-weight: 700;
}

.share.share-end {
    margin-top: 60px;
    float: left;
    display: flex;
    align-items: center;
}

.share-end .social-icon {
    margin-right: 6px;
}

.share-end .social-share-wrap {
    margin-top: 0;
}

.author-list a,
.author-list span {
    margin-right: 2px;
    display: inline-block;
}

.author-list a:after,
.author-list span:after {
    content: ", ";
}

.author-list a:last-child:after,
.author-list span:last-child:after {
    content: "";
}

.by-intro {
    padding-right: 5px;
}

.article-col ul,
.article-col ol {
    margin-left: 20px;
    list-style: outside;
}

.article-col ol {
    list-style: decimal;
}

.wp-caption-text {
    margin-top: -15px;
    padding-bottom: 30px;
    font-size: 13px;
    text-align: right;
    width: 100%;
    color: #999;
    font-family: 'Circular Std';
    float: right;
}

.article-col .alignright {
    width: 100% !important;
}

.post-views {
    display: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-caption,
.alignnone,
.alignleft,
.alignright {
    width: 100% !important;
}

.sidebar-desk {
    display: none;
}

.sidebar-mobile {
    margin-top: 60px;
    display: inline-block;
    width: 100%;
}

.sidebar-mobile .label {
    margin-top: 0;
}

.article-anchor {
    float: left;
    margin-right: 12px;
    position: relative;
    top: 3px;
}

section+.article-anchor {
    margin-top: 60px;
}

.article-anchor img {
    width: 30px;
}

.custom-image-size.part-width .wp-caption-text {
    max-width: 100% !important;
    width: 100% !important;
    text-align: left;
}

.image-swap .wider-image {
    display: none;
}

.image-swap .slimmer-image {
    display: block;
}

.special-footer-wrap p+.custom-image-size {
    margin: 20px auto 0;
    text-align: center;
}

.special-footer-wrap .image-wrap {
    margin: 0 auto;
}

.special-footer-wrap p {
    margin-top: 0;
}

.special-footer-wrap p+p,
.special-footer-wrap h2+p,
.special-footer-wrap h3+p {
    margin-top: 20px;
}

.republish-box {
    margin-top: 30px;
    background: #333;
    padding: 20px 20px 25px 20px;
    color: #fff;
}

.embed-modal {
    margin-top: 20px;
    margin-right: 10px;
}

.republish-box a {
    margin-top: 12px;
}

.republish-box .cta-2-w:hover {
    color: #3ebecc;
    border-bottom: 2px solid #3ebecc;
}

.republish-box .cc-logo {
    margin-left: 0;
}

/* footnotes */
.footnotes-wrap {
    border-top: 1px solid #d6d6d6;
    margin-top: 60px;
    clear: both;
    padding: 0 20px 30px;
    border: 1px solid #d6d6d6;
    background: #f7f7f7;
}

.footnotes-wrap h4+ul,
.footnotes-wrap h4+ol,
.footnotes-wrap h4+p {
    margin-top: 20px;
}

.footnote-sec {
    margin-top: 30px;
}

/* related content */
.related-content-wrap {
    float: left;
    width: 100%;
}

.related-content {
    clear: both;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d6d6d6;
}

.related-content .article:first-child {
    padding-top: 0;
    border-top: 0;
}

.related-content .article {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d6d6d6;
}

.related-content .article:last-child {
    padding-bottom: 30px;
    border-bottom: 1px solid #d6d6d6;
}

.context .related-content .article:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.post-content .related-content .outside-meta {
    padding-left: 15px;
}

.context .related-content {
    padding: 30px 15px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    background: #f7f7f7;
    margin-bottom: -30px;
    border-bottom: 1px solid #d6d6d6;
}

.related-content .footnote-sec {
    margin-top: 0;
}

.related-content .footnote-sec a {
    color: #000;
}

.related-content .footnote-sec a:hover {
    color: #3ebdcc;
}

/* mailpoet unsubscribe */
.single-mailpoet_page .entry-footer,
.single-mailpoet_page .entry-meta {
    display: none;
}

.single-mailpoet_page header {
    padding-top: 60px;
}

.single-mailpoet_page h1 a {
    text-decoration: none;
    color: #333;
}

/* creative commons popup */
.republishing-text ol,
.republishing-text ul {
    margin-top: 20px;
}

/* comments */
#comments {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d6d6d6;
}

#comments #reply-title {
    margin-top: 30px;
}

#comments-list ul {
    margin-top: 30px;
    list-style: none;
    margin-left: 0;
}

#comments-list>.label {
    margin-top: 60px;
    margin-bottom: -20px;
}

.comment-author {
    float: left;
    padding-right: 20px;
    font-family: 'Circular Std';
}

.comment-author .says {
    display: none;
}

.comment-edit-link,
.logged-in-as {
    display: none;
}

.comment-author cite {
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    color: #333;
}

.comment-meta a {
    text-decoration: none;
    font-size: 14px;
    color: #666;
    float: left;
    margin-top: 7px;
    font-family: 'Circular Std';
}

a.comment-reply-link,
a.comment-reply-link:hover {
    margin-top: 20px;
    text-transform: uppercase;
    background: none;
    color: #3ebdcb;
    padding: 0;
    font-size: 14px;
    height: auto;
}

a.comment-reply-link:hover {
    text-decoration: underline;
}

#commentform {
    background: #f7f7f7;
    border: 1px solid #d6d6d6;
    padding: 30px 20px;
    margin-top: 30px;
}

.comment-form-comment label {
    display: none;
}

.comment {
    margin-top: 60px;
}

.comments .label {
    margin-top: 60px;
}

#commentform textarea {
    border: 1px solid #d6d6d6;
    width: 100%;
    height: 200px;
    border-radius: 5px;
    padding: 10px;
    font-family: 'Frank Ruhl Libre', serif;
    line-height: 1.7;
    font-size: 16px;
}

#commentform input[type="text"] {
    border: 1px solid #d6d6d6;
    width: 100%;
    height: auto;
    border-radius: 5px;
    padding: 10px;
    font-family: 'Frank Ruhl Libre', serif;
    line-height: 1.7;
    font-size: 16px;
}

#cancel-comment-reply-link {
    font-size: 14px;
    margin-left: 10px;
    color: #3ebecc;
}

#cancel-comment-reply-link:hover {
    color: #333;
}

.depth-2,
.depth-3 {
    padding-left: 15px;
    border-left: 1px solid #d6d6d6;
}

.comment-notes {
    display: none;
}

.comments-width {
    width: 100%;
}

#comment {
    clear: both;
}

.comment:first-child: {
    margin-top: 30px;
}

#policy {
    margin-left: 0;
}

#community {
    margin-left: 0;
    margin-right: 11px;
    float: left;
}

.comment-form-cookies-consent label {
    float: left;
    width: calc(100% - 25px);
    margin-top: 1px;
    line-height: 1.2;
}

.mail-list-consent {
    left: 23px;
    top: -143px;
    line-height: 1.2;
    position: relative;
    width: 100%;
    width: calc(100% - 50px);
}

/* p.form-submit {margin-top:60px;margin-bottom:-50px} */
/* .wysija-after-comment {position:relative;top:-50px;} */
.hide-input {
    height: 0;
    margin-top: 0;
    overflow: hidden;
}

#comments-list li {
    list-style: none;
    word-wrap: break-word;
}

.comment-form-mailpoet input {
    margin-left: 0;
    margin-right: 8px;
}


/* profiles */
.author-profiles {
    background: #f7f7f7;
    border: 1px solid #d6d6d6;
    padding: 20px;
    margin-top: 30px;
}

.author-profiles .social-share-wrap {
    margin-top: 20px;
}

.author-profiles .social-icon,
.social-share-wrap .social-icon {
    margin-right: 6px;
}

.author-profiles .profile+.profile {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #d6d6d6;
}

.profile-image {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #d6d6d6;
}

.profile h3 {
    font-size: 18px;
}

.profile-image {
    margin-right: 15px;
    width: 80px;
    border: 1px solid #d6d6d6;
    background-position: center top !important;
}

.profile-meta a {
    text-decoration: none;
    color: #333;
}

.profile-meta a:hover {
    text-decoration: underline;
}

.profile-meta span {
    display: inline-block;
    padding-top: 2px;
    line-height: 1.3;
    margin-bottom: -3px;
}

.profile-meta span a {
    color: #333;
    font-weight: 400;
}

.profile-meta span a:hover {
    color: #3ebecc;
    font-weight: 400;
}

.profile-meta {
    margin-top: 15px;
}

.profile-meta p {
    margin-top: 0;
    font-family: 'Circular Std';
    line-height: 1.3;
}

.profile p a {
    color: #333;
}

.profile p a:hover {
    color: #3ebecc;
}

.profile-email {
    margin-top: 15px;
    padding-bottom: 4px;
}

.author-profiles+.authors-label {
    margin-top: 30px;
}

/* accordions */
.collapseomatic {
    position: relative;
}

.collapseomatic:after {
    position: absolute;
    right: 0;
    top: 6px;
    content: "";
    width: 19px;
    height: 17px;
    background: url(/wp-content/themes/healthydebate/images/accordion-tri.png);
    background-size: 19px;
    height: 17px;
    background-repeat: no-repeat;
}

.collapseomatic.colomat-close:after {
    transform: rotateX(180deg);
}

.collapseomatic h3 {
    font-size: 24px;
}

.collapseomatic {
    background-image: none;
    background-repeat: no-repeat;
    padding: 0 30px 0 0;
    cursor: pointer;
}

.collapseomatic_excerpt,
.collapseomatic_content {
    margin-left: 0;
}

.accordion-item+.accordion-item {
    border-top: 1px solid #d6d6d6;
    margin-top: 30px;
    padding-top: 30px;
}

.collapseomatic.profile-meta {
    width: 100%;
}

.collapseomatic.profile-meta h3 {
    font-size: 21px;
}

.collapseomatic.profile-meta:after {
    top: 4px;
}

.accordion-logo.narrow {
    width: 120px;
}

.accordion-logo {
    width: 200px;
    margin-top: 20px;
}

.accordion-logo.wide {
    width: 280px;
}

.accordion-logo img {
    width: 100%;
}

.accordion-profile {
    margin-top: 20px;
}

.accordion-profile+.accordion-profile {
    margin-top: -1px;
}

.plain-copy+.accordion-item {
    margin-top: 60px;
}

.accordion-profile .profile-meta {
    margin-top: 0;
}

/* footer */
footer {
    margin-top: 60px;
}

.footer-halfs-wrap {
    display: flex;
    flex-flow: wrap;
}

.footer-half {
    width: 100%;
    padding: 50px 0;
}

.donate-image {
    background-size: cover;
    background-position: center;
    padding: 20% 0;
    background-repeat: no-repeat;
}

.footer-meta,
.donate-text {
    text-align: center;
}

.cc-logo {
    width: 164px;
    margin: 0 auto;
}

.cc-logo img {
    width: 100%;
    display: block;
}

.footer-mail {
    text-align: center;
}

footer p {
    max-width: 400px;
    margin: 20px auto 0;
}

.footer-menu {
    margin-top: 30px;
}

.footer-menu li {
    margin-top: 20px;
}

.footer-menu li:first-child {
    margin-top: 0;
}

.footer-menu a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}

.footer-menu a:hover {
    text-decoration: underline;
}

.footer-meta {
    padding-top: 0;
}

.footer-meta-content {
    border-top: 1px solid #fff;
    padding-top: 50px;
}

.social-icon {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

footer .social-icon {
    margin: 0 4px;
    display: inline-block;
}

footer .social-icons {
    margin-top: 30px;
}

.social-icon.fb-icon.on-dark {
    background: url(/wp-content/themes/healthydebate/images/fb-icon-on-dark.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.tw-icon.on-dark {
    background: url(/wp-content/themes/healthydebate/images/tw-icon-on-dark.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.in-icon.on-dark {
    background: url(/wp-content/themes/healthydebate/images/in-icon-on-dark.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.li-icon.on-dark {
    background: url(/wp-content/themes/healthydebate/images/li-icon-on-dark.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.bk-icon.on-dark {
    background: url(/wp-content/themes/healthydebate/images/bk-icon-on-dark.png);
    background-size: 35px 70px;
    background-position: bottom;
}

.social-icon.on-dark:hover {
    background-position: top;
}

/* special series */
.special-page h1 img {
    width: 100%;
    height: auto;
    margin: 20px auto;
    max-width: 400px;
}

.special-page #site-title a {
    width: auto;
    height: auto;
    margin-top: 0;
}

.special-page #site-title {
    width: auto;
    display: inline-block;
}

.special-page #branding {
    text-align: center;
}

.special-by-line {
    text-align: center;
    margin-top: 20px;
    line-height: 1.4;
}

.hd-logo {
    display: block;
    width: 160px;
    height: 28px;
    background-size: 160px 28px;
    margin: 20px auto 20px;
}

.sharing-special {
    margin-top: 20px;
    margin-bottom: 40px;
}

.sharing-special span {
    display: block;
    padding-right: 0;
}

.sharing-special .social-share-wrap {
    display: inline-block;
    width: 100%;
}

.sharing-special .share {
    display: block;
    text-align: center;
}

.sharing-special .social-share-wrap {
    margin-top: 15px;
}

header .sharing-special .social-icon {
    margin-left: 3px;
    margin-right: 3px;
}

.special-page .text-title a {
    color: #000;
    text-decoration: none;
    font-size: 36px;
}

.special-page .text-title a:hover {
    text-decoration: underline;
}

.special-page .text-title {
    margin-top: 20px;
    padding-bottom: 20px;
    font-size: 36px;
}

.special-page #menu {
    padding-top: 4px;
    border-top: 1px solid #d6d6d6;
    margin-top: 40px;
}

.special-page .sticky-menu {
    position: relative !important;
    left: 0;
}

.special-page #menu {
    background: transparent;
    overflow-x: scroll;
    overflow-y: hidden;
}

.special-page #menu:after {
    content: "";
    border-bottom: 1px solid #d6d6d6;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    z-index: -1;
}

.special-page #menu::-webkit-scrollbar {
    height: 0;
    width: 0;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */
}

.special-page #menu>ul {
    text-align: center;
    width: auto;
    white-space: nowrap;
    height: 52px;
}

.special-page #menu>ul>li {
    float: none;
    display: inline-block;
    height: auto;
    background: transparent;
}

.special-page #menu>ul>li:before {
    display: none;
}

.special-page #menu>ul>li>a {
    border-bottom: 5px solid transparent;
    height: auto;
    padding-bottom: 17px;
    padding-left: 7px;
    padding-right: 7px;
}

.special-page #menu>ul>li.active-sub>a,
.special-page #menu>ul>li.active-sub>a:hover {
    border-bottom: 5px solid #3ebecc;
}

.special-page #menu>ul>li>a:hover {
    background: #fff;
    border-bottom: 5px solid #d6d6d6;
}

.special-page #menu:before {
    display: none;
}

.special-page .footer-half {
    width: 100%;
    padding-top: 0;
}

.special-page .footer-menu a {
    color: #000;
}

.special-page footer .hd-logo {
    margin-bottom: 0;
}

.special-page .footer-logo {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.special-page .footer-logo img {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.special-footer-menu {
    text-align: center;
    margin-bottom: 30px;
}

.special-page .typical-copy {
    margin: 60px auto 0;
}

.special-footer-wrap {
    padding: 30px 0;
    border: 1px solid #d6d6d6;
    background: #f7f7f7;
    margin-top: 60px;
}

.special-footer-wrap .typical-copy {
    margin-top: 0;
}

.special-page .footer-meta-content {
    padding-top: 0;
}

.partner-logo-wrap {
    width: 160px;
    text-align: center;
    margin: 0 auto;
}

.partner-logo-wrap img {
    width: 100%;
}

.special-by-line a {
    color: #333;
}

.special-by-line a:hover {
    color: #3ebecc;
}


/* old styling can be deleted when old content layouts abandonned */
.flex-content.content-separator {
    margin-top: 20px;
}

@media screen and (min-width: 370px) {

    #site-title a {
        display: block;
        width: 178px;
        height: 32px;
        background-size: 178px 32px;
        margin-bottom: 0;
    }

    #sticky-spacer.expand {
        height: 63px;
    }

    .search #sticky-spacer.expand {
        height: 131px;
    }

    #menu>ul>li>a {
        padding: 17px 12px 21px;
        /*font-size:16px;*/
    }

    #menu .search-icon .icon {
        width: 20px;
        height: 20px;
        background: url(/wp-content/themes/healthydebate/images/search-icon.png);
        background-size: 20px 40px;
        background-position: bottom;
    }

    #social-menu .cta-button {
        display: block;
    }

    #menu .search-icon .icon {
        margin: 0 12px;
    }

    #menu>ul>li:before {
        height: 15px;
    }

    #menu>ul>li {
        height: 54px;
    }

    .special-menu span {
        display: inline;
    }

    #search {
        font-size: 16px;
    }

    #topic-items {
        left: 0;
        font-size: 16px;
    }

    #topic-items .h-pad {
        padding: 0 20px 0 12px;
    }

    .argument-set-up .argument-1 {
        padding-right: 15px;
    }

    .argument-set-up .argument-2 {
        padding-left: 15px;
    }

    .vs-argument {
        font-size: 40px;
    }

    .debate-timeline .vs-article-left {
        margin-right: 60px;
    }

    .debate-timeline .vs-article-right {
        margin-left: 60px;
    }

    /* profiles */
    .profile-row-1 {
        display: flex;
        align-items: center;
    }

    .profile-meta {
        margin-top: 0;
    }

    .profile-meta {
        width: calc(100% - 95px);
    }

}

@media screen and (min-width: 400px) {

    #social-menu .subscribe-cta {
        display: block;
    }

}

@media screen and (min-width: 480px) {

    /* global typography */
    h1,
    h2,
    h2.sm,
    .page-intro h1,
    .title h2,
    .title h2 a {
        font-size: 24px;
    }

    .single h1 {
        font-size: 28px;
    }

    #social-menu .non-cta a {
        font-size: 18px;
    }

    #menu>ul>li>a {
        padding: 17px 16px 21px;
        font-size: 18px;
    }

    #menu .search-icon .icon {
        width: 24px;
        height: 24px;
        background: url(/wp-content/themes/healthydebate/images/search-icon.png);
        background-size: 24px 48px;
        background-position: bottom;
    }

    #social-menu .cta-button {
        display: block;
    }

    #menu .search-icon .icon {
        margin: 0 23px;
    }

    #menu li:before {
        height: 18px;
        margin-top: -12px;
    }

    #menu>ul>li {
        height: 55px;
    }

    .close-icon {
        right: 20px;
        top: 25px;
    }

    #search {
        font-size: 18px;
    }

    .search-pad {
        padding: 15px 20px;
    }

    #topic-items {
        left: 0;
        font-size: 18px;
    }

    #topic-items .h-pad {
        padding: 0 32px 0 23px;
    }

    .no-overlay .one-third .bg-image {
        padding-top: 250px;
    }

    /* debate box */
    .argument-set-up .argument {
        font-size: 20px;
    }

    .argument-set-up .argument-1 {
        padding-right: 20px;
    }

    .argument-set-up .argument-2 {
        padding-left: 20px;
    }

    .vs-argument {
        font-size: 50px;
    }

    .debate-timeline .vs-article-left {
        margin-right: 120px;
    }

    .debate-timeline .vs-article-right {
        margin-left: 120px;
    }

    /* video feature */
    .play-icon {
        width: 90px;
        height: 97px;
        background-image: url(/wp-content/themes/healthydebate/images/play-icon.png);
        background-size: 90px 99px;
    }

    .video-cta {
        margin-top: 60px;
    }

    /* topic pages */
    .tax-list p,
    .tax-list .author {
        display: inherit;
    }

    /* search page */
    .search #sticky-spacer.expand {
        height: 134px;
    }

    /* posts */
    .share {
        display: flex;
        align-items: center;
    }

    .post-social {
        display: flex;
    }

    .social-share-wrap {
        margin-top: 0;
    }

    .share {
        margin-top: 0;
    }

    /* special series */
    .special-page .text-title a {
        color: #000;
        text-decoration: none;
        font-size: 48px;
    }

    .special-page #menu>ul {
        height: 56px;
    }

}

@media screen and (min-width: 650px) {

    /* global structure */
    .h-pad,
    .meta,
    .grey-bg,
    .blue-debate-bg,
    .outside-meta.meta {
        padding: 0 20px;
    }

    .article-col .outside-meta.meta {
        padding: 0;
    }

    .grey-bg,
    .blue-debate-bg {
        padding-bottom: 20px;
    }

    .debate-box {
        padding-bottom: 30px;
    }

    .vs-article {
        padding: 20px;
    }

    .debate-vs .vs-article {
        width: 50%;
    }

    .sticky-menu {
        left: 20px;
        right: 20px;
    }

    .grey-wrap {
        padding: 30px 20px;
    }

    .vs-article-left {
        margin-right: 10px;
    }

    .vs-article-right {
        margin-left: 10px;
    }

    .header-social-wrap {
        display: block;
    }

    /* global typography */
    /* h2.x-sm {font-size:32px;} */

    /* posts */
    .image-swap .wider-image {
        display: block;
    }

    .image-swap .slimmer-image {
        display: none;
    }

    #menu>ul>li>a {
        padding: 17px 23px 21px;
    }

    /* article grid */
    .thirds .bg-image,
    .two-thirds+.one-third .bg-image {
        padding-top: 300px;
    }

    .article.full-width {
        padding-top: 350px;
    }

    .feature .article.full-width {
        padding-top: 350px;
    }

    .no-overlay .one-third .bg-image {
        padding-top: 300px;
    }

    .two-thirds-left .outside-meta,
    .one-third-right .outside-meta,
    .one-third .outside-meta {
        padding-left: 0;
        padding-right: 0;
    }

    /* debate box */
    .vs-wrap {
        display: flex;
    }

    .debate-list .vs-article-left {
        margin-right: 0 !important;
    }

    .debate-list .vs-article-right {
        margin-left: 0 !important;
    }

    .debate-box .article+.article {
        margin-top: 0;
    }

    .debate-list .article+.article,
    .debate-timeline .article+.article {
        margin-top: 30px;
    }

    .debate-list .article {
        display: flex;
        align-items: top;
    }

    .debate-list .image,
    .tax-list .image {
        width: 40%;
        padding-top: 30%;
    }

    .debate-list .outside-meta,
    .tax-list .meta-outside {
        width: 60%;
        margin-top: 0;
        display: flex;
        align-items: center;
    }

    .vs-text {
        left: auto;
        right: -75px;
        bottom: auto;
        top: 18%;
    }

    .debate-timeline .vs-article-left {
        margin-right: 0;
        width: 50%;
        width: calc(50% + 60px);
        float: left;
    }

    .debate-timeline .vs-article-right {
        margin-left: 0;
        width: 50%;
        width: calc(50% + 60px);
        float: right;
    }

    /* video feature */
    .video-feature {
        position: relative;
        padding: 200px 0;
    }

    .video-feature .copy {
        max-width: 50%;
    }

    .video-hero .h-pad {
        display: flex;
        align-items: center;
    }

    .video-cta {
        flex: 1;
    }

    .play-button {
        display: inline-block;
    }

    .video-hero .copy {
        margin-right: 60px;
    }

    .video-cta {
        margin-right: 30px;
        margin-top: 0;
        padding-top: 0;
        margin-left: 0;
        height: auto;
    }

    .playing.video-hero .copy {
        display: none;
        overflow: hidden;
    }

    .playing.video-hero .sec-bg,
    .playing.video-hero {
        padding-top: 56.25%;
        height: 0 !important;
        padding-bottom: 0;
    }

    .playing .video-cta {
        display: none;
    }

    .video-copy-wrap {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

    .pauseit {
        top: 50%;
        right: 20px;
        margin-top: -12px;
    }

    .border-decor {
        display: none;
    }

    /* old posts */
    .flex-content.two-col-13-23,
    .flex-content.two-col-23-13 {
        display: flex;
    }

    .flex-content .large-4 {
        width: 50%;
        margin-right: 15px;
    }

    .flex-content .large-8 {
        width: 50%;
        margin-left: 15px;
    }

    .flex-content.two-col-23-13 .large-4 {
        width: 50%;
        margin-left: 15px;
        margin-right: 0;
    }

    .flex-content.two-col-23-13 .large-8 {
        width: 50%;
        margin-right: 15px;
        margin-left: 0;
    }

    /* related content */
    .post-content .related-content .outside-meta {
        padding-left: 20px;
    }

    .context .related-content {
        padding: 30px 20px;
    }

    .facesPhasesChart h3 {
        padding: 0.5em 0 0.35em 0.25em;
    }
}

@media screen and (min-width: 750px) {

    /* podcast promo */
    .podcast-promo {
        display: flex;
    }

    .promo-panel {
        width: 50%;
        display: flex;
        align-items: center;
    }

    .joiner-icon .promo-left .h-pad {
        padding-right: 60px;
    }

    .joiner-icon .promo-right .h-pad {
        padding-left: 60px;
    }

    .join-icon {
        top: 50%;
        left: -45px;
        margin-top: -30px;
    }

    /* drop case */
    .drop-it>p:first-child:first-letter {
        font-size: 90px;
        padding-top: 20px;
        padding-right: 10px;
        margin-bottom: 20px;
        color: #3ebecc;
    }

}

@media screen and (min-width: 850px) {

    /* global structure */
    .h-pad,
    .meta,
    .grey-bg,
    .blue-debate-bg,
    .outside-meta.meta,
    .article-col .related-content .outside-meta.meta {
        padding: 0 30px;
    }

    .full-width+.outside-meta.meta {
        padding: 0;
    }

    .article-col .outside-meta.meta {
        padding: 0;
    }

    .grey-bg,
    .blue-debate-bg {
        padding-bottom: 30px;
    }

    .sticky-menu {
        left: 30px;
        right: 30px;
    }

    .grey-wrap {
        padding: 30px;
    }

    .vs-article {
        padding: 30px;
    }

    .vs-article-left {
        margin-right: 15px;
    }

    .vs-article-right {
        margin-left: 15px;
    }

    .article+.article,
    .thirds .article+.article {
        margin-top: 0;
    }

    /* global typography */
    h2.x-sm.half-width {
        font-size: 18px;
    }

    blockquote {
        font-size: 36px;
    }

    /* global nav */
    .most-pop-list ul {
        column-count: 3;
        column-gap: 10px;
    }

    .most-pop-list.no-cols ul {
        column-count: 1;
    }

    .tax-list-wrap .sort-list ul {
        columns: 1;
    }

    #topic-items {
        height: auto;
        bottom: auto;
        top: auto;
        overflow: hidden;
        width: auto;
        position: absolute;
        padding-bottom: 25px;
        border-radius: 0 5px 5px 5px;
        left: 68px;
    }

    #topic-items .close-icon {
        position: absolute;
    }

    /* .desk-topics {display:block;} */
    /* .mobile-topics{display:none;} */

    /* global gravity form styling */
    div .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        text-align: left;
        max-width: none;
    }

    div .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
        text-align: left;
    }

    div .gform_wrapper div.validation_error,
    .gform_confirmation_message_1 p {
        text-align: left;
        max-width: none;
    }

    div .gform_wrapper .gform_footer {
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }

    body div .gform_wrapper .top_label div.ginput_container {
        text-align: left;
    }

    div .gform_wrapper div.validation_error {
        width: 100%;
        text-align: left;
        max-width: 100%;
        margin: 30px auto 20px;
    }

    .footer-half {
        width: 50%;
    }

    .footer-mail,
    .donate-text {
        text-align: left;
    }

    footer p {
        max-width: none;
    }

    .donate-image {
        padding: 40px 0;
    }

    .footer-meta {
        padding-top: 50px;
    }

    .footer-meta-content {
        border-top: 0;
        margin: 0 auto;
        max-width: 600px;
    }

    .footer-meta .h-pad {
        border-left: 1px solid #fff;
        display: flex;
        height: 100%;
    }

    .footer-meta-content {
        padding-top: 0;
    }

    div.footer-mail-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        text-align: left;
        max-width: 500px;
    }

    div.footer-mail-form .gform_wrapper div.validation_error {
        max-width: 500px;
        margin-left: 0;
    }

    div.footer-mail-form .gform_wrapper .gform_footer {
        text-align: left;
    }

    /* article grid */
    .thirds .bg-image,
    .article.full-width,
    .two-thirds+.one-third .bg-image {
        padding-top: 300px;
    }

    .feature .article.full-width,
    .article.full-width {
        padding-top: 600px;
    }

    .thirds-only .one-third .bg-image {
        padding-top: 150px;
    }

    .thirds .two-thirds {
        width: 60%;
    }

    .thirds .one-third {
        width: 40%;
    }

    .thirds .two-thirds .bg-image {
        margin-right: 30px;
    }

    .thirds.half-half .two-thirds {
        width: 50%;
    }

    .thirds.half-half .one-third {
        width: 50%;
    }

    .thirds.half-half .two-thirds .bg-image {
        margin-right: 15px;
    }

    .thirds.half-half .one-third .bg-image {
        margin-left: 15px;
    }

    .thirds.third-left .two-thirds {
        width: 40%;
    }

    .thirds.third-left .one-third {
        width: 60%;
    }

    .thirds .one-third .bg-image {
        margin-left: 30px;
    }

    .thirds .two-thirds .bg-image {
        margin-right: 0;
    }

    .thirds-only .one-third {
        width: 33.333%;
    }

    .thirds-only .one-third.fst .bg-image {
        margin-right: 20px;
        margin-left: 0;
    }

    .thirds-only .one-third.snd .bg-image {
        margin-left: 10px;
        margin-right: 10px;
    }

    .thirds-only .one-third.thrd .bg-image {
        margin-left: 20px;
    }

    .thirds-only.no-overlay .thirds .bg-image {
        padding-top: 50%;
        height: auto;
        padding-top: calc(100% - 100px);
    }

    .thirds-only .one-third h2 {
        font-size: 24px;
    }

    .full-width .meta {
        max-width: 67%;
    }

    .fst .meta.outside-meta {
        /*padding-right:50px;*/
        padding-right: 20px;
        padding-left: 0;
    }

    .snd .meta.outside-meta {
        /* padding-left:40px;padding-right:40px; */
        padding-right: 10px;
        padding-left: 10px;
    }

    .thrd .meta.outside-meta {
        /* padding-left:50px; */
        padding-left: 20px;
        padding-right: 0;
    }

    .article-row.thirds.no-overlay {
        display: inherit;
    }

    .no-overlay .thirds {
        float: left;
    }

    .grouped-meta {
        max-width: 50%;
        padding-right: 15px;
    }

    .two-thirds-left .outside-meta {
        padding-left: 0;
        padding-right: 0;
    }

    .half-half .two-thirds-left .outside-meta {
        padding-right: 15px;
    }

    .half-half .one-third-right .outside-meta {
        padding-left: 15px;
    }

    /* debate box */
    .debate-intro {
        max-width: 60%;
    }

    .vs-text {
        left: auto;
        right: -80px;
        bottom: auto;
        top: 50%;
        margin-top: -100px;
    }

    .debate-list .vs-wrap {
        max-width: 75%;
        margin: 0 auto;
    }

    .argument-set-up .argument {
        font-size: 28px;
    }

    .argument-set-up .argument-1 {
        padding-right: 30px;
    }

    .argument-set-up .argument-2 {
        padding-left: 30px;
    }

    .vs-argument {
        font-size: 100px;
    }

    .debate-box .debate-intro h2,
    .debate-feature-header h2 {
        font-size: 48px;
    }

    /* auto lists */
    .auto-lists {
        display: flex;
    }

    .auto-list:last-child {
        margin-top: 0;
    }

    .auto-lists .article {
        padding-top: 30px;
    }

    .auto-list {
        width: 50%;
    }

    .popular-only .auto-list {
        width: 100%;
    }

    .auto-list+.auto-list {
        margin
    }

    .auto-lists .list-left {
        padding-right: 15px;
        border-right: 0 solid #d6d6d6;
    }

    .popular-only .list-left {
        padding-right: 0;
    }

    .popular-only .wpp-list {
        column-count: 2;
        column-width: 50%;
        column-gap: 0;
    }

    .popular-only .wpp-list .article {
        break-inside: avoid;
    }

    .auto-lists.no-vert-break .list-left {
        border-right: 0;
    }

    .auto-lists .list-right {
        padding-left: 15px;
    }

    .auto-lists .label {
        margin-top: 0;
    }

    .auto-lists .outside-meta {
        padding-left: 20px;
        padding-right: 0;
    }

    .no-vert-break .list-right .label {
        display: block;
    }

    /* selecting half or less items. Up to 12 */
    .popular-only .wpp-list .article:nth-child(n+2):last-child,
    .popular-only .wpp-list .article:nth-child(n+3):nth-last-child(-n+2),
    .popular-only .wpp-list .article:nth-child(n+4):nth-last-child(-n+3),
    .popular-only .wpp-list .article:nth-child(n+5):nth-last-child(-n+4),
    .popular-only .wpp-list .article:nth-child(n+6):nth-last-child(-n+5),
    .popular-only .wpp-list .article:nth-child(n+7):nth-last-child(-n+6),
    .popular-only .wpp-list .article:nth-child(n+8):nth-last-child(-n+7),
    .popular-only .wpp-list .article:nth-child(n+9):nth-last-child(-n+8),
    .popular-only .wpp-list .article:nth-child(n+10):nth-last-child(-n+9),
    .popular-only .wpp-list .article:nth-child(n+11):nth-last-child(-n+10),
    .popular-only .wpp-list .article:nth-child(n+12):nth-last-child(-n+11),
    .popular-only .wpp-list .article:nth-child(n+13):nth-last-child(-n+12) {
        padding-left: 30px;
    }

    /* topic pages */
    .archive .page-intro {
        max-width: 100%;
    }

    .page-intro {
        max-width: 67%;
    }

    /* related content */
    .context .related-content {
        padding: 30px 20px;
    }



}

@media screen and (min-width: 900px) {

    /* article grid */
    .full-width+.outside-meta {
        max-width: 67%;
    }

    /* post */
    .article-columns {
        display: flex;
    }

    .article-columns .col-left {
        width: 66.667%;
    }

    .article-columns .col-right {
        width: 33.333%;
        padding-top: 45px;
    }

    .article-columns .col-right .h-pad {
        padding-right: 0;
    }

    .post-content .h-pad {
        padding-right: 30px;
    }

    .wp-caption-text {
        width: 50%;
    }

    .authors-label {
        margin-top: 20px;
    }

    .author-profiles+.authors-label {
        margin-top: 30px;
    }

    .post-content .article-col .single-post {
        padding-right: 30px;
    }

    .sidebar-desk {
        display: block;
    }

    .sidebar-mobile {
        display: none;
    }

    .custom-image-size.full {
        width: calc((100% + 30px) * 1.5);
    }

    .image-swap .wider-image {
        display: none;
    }

    .image-swap .slimmer-image {
        display: block;
    }

    /* related content */
    .related-content-wrap {
        padding-right: 30px;
    }

    .related-content .article:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .context .related-content {
        border-bottom: 0;
    }

    /* comments */
    #comment {
        padding-right: 30px;
    }

    .depth-2,
    .depth-3 {
        padding-left: 30px;
    }

    #comment .col-left {
        padding-right: 30px;
    }

    /* old posts */
    .flex-content {
        display: block;
    }

    .flex-content .large-4 {
        width: 100%;
        margin-right: 0;
    }

    .flex-content .large-8 {
        width: 100%;
        margin-left: 0;
    }

}

@media screen and (min-width: 1000px) {

    /* global typography */
    h2.x-sm.half-width {
        font-size: 21px;
    }

    h2.sm {
        font-size: 21px;
    }

    h2.x-sm,
    .auto-lists .title h2 a,
    body.search div h2,
    .footnote-sec h4 {
        font-size: 21px;
    }

    /* debate box */
    .vs-text {
        margin-top: -150px;
    }

    .debate-intro {
        max-width: 50%;
    }

    .debate-timeline .vs-wrap {
        max-width: 75%;
        margin: 0 auto;
    }

    .argument-set-up {
        max-width: 75%;
    }

    /* topic pages */
    .tax-list-wrap {
        max-width: 67%;
    }

    /* accordions */
    .accordions,
    .column-copy {
        max-width: 67%;
    }

    /* article grid */
    .title h2,
    .title h2 a {
        font-size: 28px;
    }

    .thirds-only .one-third h2,
    h2 {
        font-size: 28px;
    }

    /* old posts */
    .flex-content.two-col-13-23,
    .flex-content.two-col-23-13 {
        display: flex;
    }

    .flex-content .large-4 {
        width: 50%;
        margin-right: 15px;
    }

    .flex-content .large-8 {
        width: 50%;
        margin-left: 15px;
    }

    .flex-content.two-col-23-13 .large-4 {
        width: 50%;
        margin-left: 15px;
        margin-right: 0;
    }

    .flex-content.two-col-23-13 .large-8 {
        width: 50%;
        margin-right: 15px;
        margin-left: 0;
    }

    .special-footer-wrap .h-pad {
        padding: 0;
    }

    /* posts */
    .image-swap .wider-image {
        display: block;
    }

    .image-swap .slimmer-image {
        display: none;
    }


}

@media screen and (min-width: 1400px) {

    /* global nav */
    .sticky-menu {
        left: auto;
        right: auto;
        width: 1340px;
    }

    /* post */
    .wp-caption-text {
        width: 50%;
    }


}

@media screen and (min-width: 1500px) {

    /* global structure */
    /* .h-pad,.meta,.grey-bg,.blue-debate-bg {padding: 0 60px;} */
    .grey-bg,
    .blue-debate-bg {
        padding-bottom: 60px;
    }

    .grey-wrap {
        padding: 30px 30px;
    }

    .vs-article {
        padding: 30px 30px;
    }

    .vs-article-left {
        margin-right: 15px;
    }

    .vs-article-right {
        margin-left: 15px;
    }

    .sticky-menu {
        width: 1340px;
    }

    /* global typography */
    h2.x-sm.half-width {
        font-size: 21px;
    }



}