/* 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('../woff2/circularstd-medium.woff2') format('woff2'), url('../woff/circularstd-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Circular Std'; src: url('../woff2/circularstd-black.woff2') format('woff2'), url('../woff/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(../png/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(../png/fb-icon-on-white.png);background-size:35px 70px;background-position:bottom;} .social-icon.tw-icon {background:url(../png/tw-icon-on-white.png);background-size:35px 70px;background-position:bottom;} .social-icon.in-icon {background:url(../png/in-icon-on-white.png);background-size:35px 70px;background-position:bottom;} .social-icon.li-icon {background:url(../png/li-icon-on-white.png);background-size:35px 70px;background-position:bottom;} .social-icon.web-icon {background:url(../png/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('../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/fb-icon-on-dark.png);background-size:35px 70px;background-position:bottom;} .social-icon.tw-icon.on-dark {background:url(../png/tw-icon-on-dark.png);background-size:35px 70px;background-position:bottom;} .social-icon.in-icon.on-dark {background:url(../png/in-icon-on-dark.png);background-size:35px 70px;background-position:bottom;} .social-icon.li-icon.on-dark {background:url(../png/li-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(../png/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(../png/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(../png/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;} }