@charset "UTF-8"; /* Theme Name: tpt1 Theme URI: http://underscores.me/ Author: Automattic Author URI: http://automattic.com/ Description: Hi. I'm a starter theme called tpt1, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. Version: 1.0-wpcom License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: tpt1 Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. tpt1 is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Reset 2.0 Typography 3.0 Elements 4.0 Forms 5.0 Navigation 5.1 Links 5.2 Menus 6.0 Accessibility 7.0 Alignments 8.0 Clearings 9.0 Widgets 10.0 Content 10.1 Posts and pages 10.2 Asides 10.3 Comments 11.0 Infinite scroll 12.0 Media 12.1 Captions 12.2 Galleries --------------------------------------------------------------*/ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } /*-------------------------------------------------------------- 1.0 Reset --------------------------------------------------------------*/ 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { /*font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ font-size: 100%; overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; } a { color: black; text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-transition: color 0.25s; transition: color 0.25s; } a:hover { color: #808080; } span { -webkit-transition: color 0.25s; transition: color 0.25s; } @font-face { font-family: 'Graphik Web'; src: url("fonts/Graphik-Semibold-Web.eot"); src: url("fonts/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Graphik-Semibold-Web.woff") format("woff"), url("fonts/Graphik-Semibold-Web.ttf") format("truetype"), url("fonts/Graphik-Semibold-Web.svg#Graphik Web") format("svg"); font-weight: 600; font-style: normal; font-stretch: normal; } .graphik-semibold-web { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web Italic'; src: url("fonts/Graphik-SuperItalic-Web.eot"); src: url("fonts/Graphik-SuperItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Graphik-SuperItalic-Web.woff") format("woff"), url("fonts/Graphik-SuperItalic-Web.ttf") format("truetype"), url("fonts/Graphik-SuperItalic-Web.svg#Graphik Web") format("svg"); font-weight: 900; font-style: italic; font-stretch: normal; } .graphik-superitalic-web { font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Publico Text Web'; src: url("fonts/PublicoText-Roman-Web.eot"); src: url("fonts/PublicoText-Roman-Web.eot?#iefix") format("embedded-opentype"), url("fonts/PublicoText-Roman-Web.woff") format("woff"), url("fonts/PublicoText-Roman-Web.ttf") format("truetype"), url("fonts/PublicoText-Roman-Web.svg#Publico Text Web") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; } .publicotext-roman-web { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Publico Headline Web'; src: url("fonts/PublicoHeadline-Roman-Web.eot"); src: url("fonts/PublicoHeadline-Roman-Web.eot?#iefix") format("embedded-opentype"), url("fonts/PublicoHeadline-Roman-Web.woff") format("woff"), url("fonts/PublicoHeadline-Roman-Web.ttf") format("truetype"), url("fonts/PublicoHeadline-Roman-Web.svg#Publico Headline Web") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; } .publicoHeadline-roman-web { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?-v3mxjj"); src: url("fonts/icomoon.eot?#iefix-v3mxjj") format("embedded-opentype"), url("fonts/icomoon.woff2?-v3mxjj") format("woff2"), url("fonts/icomoon.ttf?-v3mxjj") format("truetype"), url("fonts/icomoon.woff?-v3mxjj") format("woff"), url("fonts/icomoon.svg?-v3mxjj#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], .posts-feed-list-item > div:before, .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-content:before, [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-play3:before { content: "\e900"; } .icon-pause2:before { content: "\e901"; } .icon-Audio:before, .posts-feed-list-item-audio:before, .posts-feed-list-item-soundcloud:before { content: "\e611"; } .icon-share:before { content: "\e610"; } .icon-Apostrophe:before { content: "\e600"; } .icon-Wondersauce:before { content: "\e601"; } .icon-Facebook:before, .posts-feed-list-item-facebook:before, .posts-feed-modal-content-facebook:before { content: "\e602"; } .icon-Twitter:before, .posts-feed-list-item-twitter:before, .posts-feed-modal-content-twitter:before { content: "\e603"; } .icon-Youtube:before { content: "\e604"; } .icon-Instagram:before, .posts-feed-list-item-instagram:before, .posts-feed-modal-content-instagram:before { content: "\e605"; } .icon-Vine:before { content: "\e606"; } .icon-Menu:before { content: "\e607"; } .icon-Search:before { content: "\e608"; } .icon-video:before, .icon-Video:before, .posts-feed-list-item-video:before, .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .icon-Play:before { content: "\e609"; } .icon-Gallery:before, .posts-feed-list-item-gallery:before, .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery:before { content: "\e60a"; } .icon-Email:before { content: "\e60b"; } .icon-Close:before { content: "\e60c"; } .icon-Replay:before { content: "\e60d"; } .icon-Left_Arrow:before { content: "\e60e"; } .icon-Right_Arrow:before { content: "\e60f"; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; line-height: 1.8em; font-size: 17px; } b, strong { font-weight: bold; padding-left: .25em; } p b:first-child, p strong:first-child { padding-left: 0 !important; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-size: 15px; font-size: 1.5rem; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } h1, h2, h3, h4, span, a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1 a, h1 { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 70px; line-height: 1em; color: white !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } .btn, .alm-load-more-btn, .newsletter-popin-col-form button[type="submit"] { border: none; background-color: transparent; outline: none; cursor: pointer; -webkit-appearance: none; } .giphyframe { text-align: center; margin-right: auto; margin-left: auto; min-height: 150px; width: 100%; max-width: 960px; background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; background-image: url(img/load.gif); } @media only screen and (max-width: 480px) { .giphyframe { padding-left: 5.2%; padding-right: 5.2%; } } .btn-icon { text-indent: -9999px; } .tpt-share-gallery-video, .posts-feed-modal-share { position: absolute; z-index: 999; top: 36px; right: 95px; padding-bottom: 30px; color: #FFF; font-size: 12px; font-family: 'Graphik Web'; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; -webkit-transition: color 0.25s; transition: color 0.25s; cursor: pointer; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .tpt-share-gallery-video:before, .posts-feed-modal-share:before { font-family: 'icomoon'; font-size: 1.8em; position: relative; top: 3px; font-weight: normal; } @media screen and (max-width: 1035px) { .tpt-share-gallery-video, .posts-feed-modal-share { font-size: 0; top: 32px; } .tpt-share-gallery-video:before, .posts-feed-modal-share:before { font-size: 26px; } .tpt-share-gallery-video [class^="icon-"], .posts-feed-modal-share [class^="icon-"], .tpt-share-gallery-video .posts-feed-list-item > div:before, .posts-feed-modal-share .posts-feed-list-item > div:before, .tpt-share-gallery-video .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-video .tpt-share-gallery-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-share .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-video .posts-feed-modal-share .posts-feed-modal-hero-meta:before, .tpt-share-gallery-video .posts-feed-modal-content:before, .posts-feed-modal-share .posts-feed-modal-content:before, .tpt-share-gallery-video [class*=" icon-"], .posts-feed-modal-share [class*=" icon-"] { font-size: 15px; } .tpt-share-gallery-video .sharePopdown, .posts-feed-modal-share .sharePopdown { left: -20px; } } @media screen and (max-width: 480px) { .tpt-share-gallery-video, .posts-feed-modal-share { top: 12px; right: 55px; } .tpt-share-gallery-video:before, .posts-feed-modal-share:before { font-size: 26px; } .tpt-share-gallery-video .sharePopdown, .posts-feed-modal-share .sharePopdown { left: -18px; } } .touch .tpt-share-fixed .sharePopdown { display: none !important; } .touch .sharePopdown.touchOnly { max-width: 100%; left: auto; position: absolute; width: auto; max-width: 100%; right: 71px; width: 0; top: 9px; } .touch .sharePopdown.touchOnly .sharePopdown-inner { max-width: 100%; } @media screen and (min-width: 1440px) { .no-touch .is-article-scroll-over-header .tpt-share-fixed { top: 1266px; } } .a2a_dd { display: none !important; } .no-touch .sharePopdown.touchOnly { display: none !important; } .no-touch .sharePopdown-inner { max-width: 100%; } @media screen and (max-width: 1035px) { .touch .sharePopdown, .tpt-share-fixed { font-size: 0px; } .touch .sharePopdown:before, .tpt-share-fixed:before { font-size: 22px; } .touch .sharePopdown [class^="icon-"], .touch .sharePopdown .posts-feed-list-item > div:before, .touch .sharePopdown .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-video .touch .sharePopdown .posts-feed-modal-hero-meta:before, .touch .sharePopdown .posts-feed-modal-content:before, .touch .sharePopdown [class*=" icon-"], .tpt-share-fixed [class^="icon-"], .tpt-share-fixed .posts-feed-list-item > div:before, .tpt-share-fixed .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-video .tpt-share-fixed .posts-feed-modal-hero-meta:before, .tpt-share-fixed .posts-feed-modal-content:before, .tpt-share-fixed [class*=" icon-"] { font-size: 15px; } } @media screen and (min-width: 1440px) { .no-touch .tpt-share-fixed { left: calc((100% - 1440px) / 2 + 25px); } } @media screen and (min-width: 960px) { .no-touch body > .tpt-share-fixed.fading, .no-touch body > .tpt-share-fixed.disabled { pointer-events: none; cursor: default; } .no-touch body > .tpt-share-fixed.fading .sharePopdown, .no-touch body > .tpt-share-fixed.disabled .sharePopdown { display: none; pointer-events: none; cursor: default; } } .tpt-share-fixed { left: 25px; padding-bottom: 30px; color: #010101; font-size: 12px; font-family: 'Graphik Web'; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; z-index: 200; -webkit-transition: color 0.2s, opacity 0.2s; transition: color 0.2s, opacity 0.2s; cursor: pointer; } .tpt-share-fixed:before { font-family: 'icomoon'; font-size: 1.8em; position: relative; top: 3px; font-weight: normal; } @media screen and (max-width: 1035px) { .tpt-share-fixed { font-size: 0px; } .tpt-share-fixed:before { font-size: 22px; } .tpt-share-fixed [class^="icon-"], .tpt-share-fixed .posts-feed-list-item > div:before, .tpt-share-fixed .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-video .tpt-share-fixed .posts-feed-modal-hero-meta:before, .tpt-share-fixed .posts-feed-modal-content:before, .tpt-share-fixed [class*=" icon-"] { font-size: 15px; } } @media screen and (max-width: 959px) { .tpt-share-fixed { display: none; } } .tpt_type-article-simple article { position: relative; } .tpt_type-article-block-header, .tpt_type-article-thin-header { position: relative; } .sharePopdown { position: relative; top: 0; left: -2px; width: 100%; z-index: 2; display: none; } .sharePopdown.hide { display: none !important; } .sharePopdown-inner { max-width: 1440px; position: relative; margin: 0 auto; } .sharePopdown .a2a_kit { position: absolute; left: 0; top: 20px; } .tpt-share-fixed:hover, .icon-share:hover { color: #808080; } @media screen and (max-width: 1035px) { .sharePopdown { left: -17px; } .sharePopdown a { padding: 15px 20px; } } .sharePopdown a { display: block; background: white; padding: 20px 30px; border: 1px solid #ccc; border-top: none; color: black; margin: 0; text-decoration: none; font-size: 22px; font-size: 1.375rem; } .sharePopdown a:first-child { border-top: 1px solid #ccc; } .sharePopdown a:hover { color: #808080; } @media screen and (max-width: 1035px) { .sharePopdown a { padding: 15px 20px; } } .sharePopdown a:hover { color: #808080; } .fb-like { position: absolute !important; right: 229px; top: 28px; overflow: hidden; } @media screen and (min-width: 960px) { .no-touch .tpt-share-fixed { top: 726px; z-index: 5000; position: absolute; } .no-touch .tpt-share-fixed.locked { position: fixed; top: 190px !important; } .no-touch .is-article-block-header .tpt-share-fixed { top: 165px; } .no-touch .is-article-block-header.no-header-image .tpt-share-fixed { top: 165px !important; } } @media screen and (min-width: 1440px) { .no-touch .is-article-thin-header .tpt-share-fixed { top: 590px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .no-touch .is-article-block-header.no-header-image .tpt-share-fixed { top: 154px !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .no-touch .is-article-block-header.no-header-image > .tpt-share-fixed { top: 154px !important; } } @media only screen and (max-width: 480px) { .no-touch .is-article-block-header.no-header-image article .tpt-share-fixed { top: 81px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .no-touch .is-article-block-header > .tpt-share-fixed { top: 154px !important; } } .is-article-block-header { /*article{ > .tpt-share-fixed, > .sharePopdown{ display:none; } }*/ /*.entry-preview-content{ .tpt-share-fixed,.sharePopdown{ @include respond-to(tabletL){ display:none !important; } @include respond-to(tabletP){ display:none !important; } } }*/ } @media only screen and (min-width: 769px) and (max-width: 1024px) { .is-article-block-header.no-header-image article .tpt-share-fixed { top: 9px !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .no-touch .is-article-block-header.no-header-image article .tpt-share-fixed { top: 9px !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .no-touch .is-article-block-header.no-header-image > .tpt-share-fixed { top: 98px !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .is-article-block-header article .tpt-share-fixed { top: 8px !important; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .is-article-block-header article .tpt-share-fixed { top: 10px !important; } } .touch .tpt-share-fixed { display: none; } @media screen and (max-width: 959px) { article .tpt-share-fixed { display: block; } } @media screen and (min-width: 960px) { article .tpt-share-fixed { display: none; } } article .tpt-share-fixed { top: 6px; position: absolute !important; } article.tpt_type-article-simple-sponsored .tpt-share-fixed { top: 8px; position: absolute !important; } @media only screen and (max-width: 480px) { article.tpt_type-article-simple-sponsored .tpt-share-fixed { top: -1px; } } .touch article .tpt-share-fixed { display: block; } @media only screen and (max-width: 480px) { article .tpt-share-fixed { left: auto; right: 25px; top: 0px; } .tpt-share-fixed .sharePopdown { left: -21px; } } .tpt-share-fixed .sharePopdown { top: 0 !important; } twitterwidget { margin: 0 auto; } blockquote.twitter-tweet { display: inline-block; padding: 16px; margin: 10px 0; max-width: 468px; border: #ddd 1px solid; border-top-color: #eee; border-bottom-color: #bbb; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); font: bold 14px/18px Helvetica, Arial, sans-serif; color: #000; } iframe.twitter-tweet { max-width: 960px; margin-right: auto !important; margin-left: auto !important; } blockquote.twitter-tweet p { font: normal 18px/24px Georgia, "Times New Roman", Palatino, serif; margin: 0 5px 10px 0; } blockquote.twitter-tweet a[href^="https://twitter.com"] { font-weight: normal; color: #666; font-size: 12px; } .instagram-embed, .social-embed, .tweet-embed { padding: 0 80px; } .post .entry-content > iframe { margin-left: 80px !important; } .post .entry-content > iframe.twitter-tweet { margin-left: auto !important; } @media only screen and (max-width: 480px) { .post .entry-content > iframe.twitter-tweet { margin-left: auto !important; margin-right: auto !important; width: 94% !important; } } .simplePullQuote { border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: none !important; text-indent: 0 !important; line-height: 40px !important; padding: 0 !important; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 50%; margin: 10px 50px !important; width: 400px !important; font-size: 28px !important; line-height: 31px !important; font-size: 1.75pxrem !important; } .simplePullQuote p { font-size: 28px !important; line-height: 31px !important; font-size: 1.75pxrem !important; margin-bottom: 20px !important; } @media only screen and (max-width: 480px) { .simplePullQuote { font-size: 28px !important; font-size: 1.75pxrem !important; line-height: 31px !important; width: 100% !important; max-width: 100% !important; clear: both; display: block !important; padding: 0 20px 20px 20px !important; margin: 0 !important; float: none !important; } .simplePullQuote p { font-size: 28px !important; font-size: 1.75pxrem !important; line-height: 31px !important; margin-bottom: 0 !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .simplePullQuote { font-size: 1.75pxrem !important; line-height: 31px !important; } .simplePullQuote p { font-size: 28px !important; font-size: 1.75pxrem !important; line-height: 31px !important; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .simplePullQuote { font-size: 1.75pxrem !important; line-height: 31px !important; } .simplePullQuote p { font-size: 28px !important; font-size: 1.75pxrem !important; line-height: 31px !important; } } .single blockquote { font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 40px; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; margin: 60px 0 70px; padding: 0 80px; font-size: 36px; line-height: 1.2; text-align: center; } .single blockquote cite { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; display: block; font-size: 17px; letter-spacing: 3px; text-transform: uppercase; line-height: 1.3; margin: 25px 0 0 0; } .single blockquote p { font-size: inherit; line-height: inherit; margin: 0; display: inline; } .single blockquote p:first-child::after, .single blockquote p:first-child::before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 13px; content: "\e600\e600"; vertical-align: top; } .single blockquote p:first-child::after { line-height: 1.4; margin: 0 0 0 3px; } .single blockquote p:first-child::before { line-height: 1.2; display: inline-block; margin: 0 5px 0 0; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media all and (max-width: 48em) { .single blockquote { font-size: 28px; margin: 45px 0 50px; } .single blockquote cite { margin: 20px 0 0 0; font-size: 12px; } .single blockquote p:first-child::after, .single blockquote p:first-child::before { font-size: 10px; } } @media only screen and (max-width: 480px) { .single blockquote { padding: 0 20px; } } /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } /*@import "buttons";*/ input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-border-radius: 3px; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; } .tpt-toggle { padding: 0; margin: 0; border: none; outline: none; background-color: transparent; cursor: pointer; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .btn, .alm-load-more-btn, .newsletter-popin-col-form button[type="submit"] { display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .btn-primary, .alm-load-more-btn, .newsletter-popin-col-form button[type="submit"] { padding: 0 16px 0 20px; line-height: 65px; background-color: #000; color: #FFF; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; font-size: 0.75rem; letter-spacing: 4px; text-transform: uppercase; } .btn-primary:hover, .alm-load-more-btn:hover, .newsletter-popin-col-form button[type="submit"]:hover { color: #FFF; } @media only screen and (max-width: 480px) { .btn-load-more, .alm-load-more-btn { padding: 0 31px 0 35px; } } .btn-load-more-wrapper { width: 100%; text-align: center; } /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ /*-------------------------------------------------------------- 13.1 Header / Nav --------------------------------------------------------------*/ #global-header { position: fixed; width: 100%; top: 0; left: 0; height: 0px; z-index: 100; } @media only screen and (max-width: 480px) { #global-header { z-index: 200; } } #global-header-inner { position: relative; max-width: 1440px; margin: 0 auto; } #masthead { position: absolute; top: 0; left: 0; width: auto; /* responsively set in script.js on "resize" */ z-index: 2; z-index: 99; height: 85px; opacity: 0; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: transform 0.5s; transition: transform 0.5s; } @media only screen and (min-width: 0) and (max-width: 959px) { #masthead { height: 65px; opacity: 1 !important; display: block !important; } } .touch #masthead { opacity: 1 !important; display: block !important; } #masthead #header-container > div { background: black; height: 100%; width: 100.1%; /* extra .1% fixes transform glitch when opening offcanvas panel */ margin: 0 auto; position: relative; text-align: justify; -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.75); -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.75); -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.75); -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: transform 0.5s; transition: transform 0.5s; overflow: hidden; } #masthead .apostrophe { width: 40px; position: absolute; top: 19px; left: 30px; z-index: 15; } @media only screen and (min-width: 0) and (max-width: 959px) { #masthead .apostrophe { display: none; } } #masthead .apostrophe a { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #masthead .apostrophe a:hover { opacity: .5; } #masthead #header-container { width: 100%; height: 100%; position: relative; -moz-perspective: 1100px; -o-perspective: 1100px; -ms-perspective: 1100px; -webkit-perspective: 1100px; perspective: 1100px; -moz-perspective-origin: 50% 0; -o-perspective-origin: 50% 0; -ms-perspective-origin: 50% 0; -webkit-perspective-origin: 50% 0; perspective-origin: 50% 0; } .lt-ie10 #masthead #header-container { overflow: hidden; } #masthead #downHeader { z-index: 200; moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -ms-transform: translateY(0%) rotateX(0deg); -webkit-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); } #masthead #downHeader .features-list { padding-right: 10px; display: table; vertical-align: middle; /*position:absolute; right:200px; top:0;*/ height: 85px; } #masthead #downHeader .features-list > div { display: table-cell; vertical-align: middle; } #masthead #downHeader .features-list a { color: white; letter-spacing: 3.5px; line-height: 1; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; display: block; } @media screen and (max-width: 1175px) { #masthead #downHeader .features-list a { letter-spacing: 2px; } } @media screen and (max-width: 1125px) { #masthead #downHeader .features-list a { font-size: 10px; font-size: 0.625rem; } } @media screen and (max-width: 1000px) { #masthead #downHeader .features-list a { display: none !important; } } #masthead #downHeader .page-info { height: 85px; display: table; margin-left: 100px; } @media only screen and (min-width: 0) and (max-width: 959px) { #masthead #downHeader .page-info { display: none; } } #masthead #downHeader .page-info h1 { vertical-align: middle; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; display: table-cell; } #masthead #downHeader .page-info .header-categories-inner, #masthead #downHeader .page-info .by-category-inner { display: table; } #masthead #downHeader .page-info .header-categories, #masthead #downHeader .page-info .by-category { height: 85px; display: table-cell; } #masthead #downHeader .page-info .header-categories > div, #masthead #downHeader .page-info .by-category > div { display: table; vertical-align: middle; height: 100%; } #masthead #downHeader .page-info .header-categories div div, #masthead #downHeader .page-info .by-category div div { vertical-align: middle; display: table-cell; } #masthead #downHeader .page-info .header-categories div div a, #masthead #downHeader .page-info .by-category div div a { display: block; color: white; text-transform: uppercase; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.5px; line-height: 1; margin-left: 5px; padding: 14px 20px 13px; -webkit-transition: all 0.3s; transition: all 0.3s; } #masthead #downHeader .page-info .header-categories div div:first-child a, #masthead #downHeader .page-info .by-category div div:first-child a { margin-left: 0; } #masthead #downHeader .page-info .header-categories div div a:hover, #masthead #downHeader .page-info .by-category div div a:hover { color: #808080; } .single #masthead #downHeader .page-info .header-categories div div a:hover, .single #masthead #downHeader .page-info .by-category div div a:hover { background: white; color: black; } #masthead #downHeader .page-info .header-categories { display: none !important; } @media only screen and (min-width: 0px) and (max-width: 1279px) { #masthead #downHeader .page-info .header-categories { display: none; } } #masthead #downHeader .page-info .header-title { display: table-cell; vertical-align: top; padding-left: 10px; } #masthead #downHeader .page-info .header-title > div { display: table; height: 85px; } #masthead #downHeader .page-info .header-title .search-results-copy { display: table-cell; vertical-align: middle; padding-right: 20px; line-height: 0; } @media all and (max-width: 80em) { #masthead #downHeader .page-info .header-title .search-results-copy { display: none; } } #masthead #downHeader .page-info .header-now-trending { display: table-cell; vertical-align: top; width: calc(100% + 152px); position: absolute; left: 0; top: 0; text-align: center; } @media all and (min-width: 60em) and (max-width: 64em) { #masthead #downHeader .page-info .header-now-trending { text-align: right; width: 100%; padding-right: 25px; } } @media all and (max-width: 60em) { #masthead #downHeader .page-info .header-now-trending { display: none; } } #masthead #downHeader .page-info .header-now-trending > div { display: table; height: 85px; width: 100%; } #masthead #downHeader .page-info .header-now-trending-wrapper { display: table-cell; vertical-align: middle; overflow: hidden; max-width: 400px; font-size: 11px; letter-spacing: 3.2px; text-transform: uppercase; } #masthead #downHeader .page-info .header-now-trending-label { display: inline-block; margin-right: 30px; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; color: #808080; } #masthead #downHeader .page-info .header-now-trending-category { display: inline-block; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; color: #FFF; } body.single #masthead #downHeader .page-info .header-categories a { font-size: 10px; letter-spacing: 3px; padding: 14px 20px 13px; background: #808080; white-space: nowrap; } #masthead #downHeader .page-info .by-category { display: none; } @media only screen and (min-width: 960px) and (max-width: 1279px) { #masthead #downHeader .page-info .by-category { display: table; } } @media screen and (min-width: 960px) { #masthead #downHeader .page-info .by-category { display: table; } } #masthead #downHeader .page-info .by-category a { cursor: pointer; } #masthead #downHeader .page-info .by-category a span { font-size: 14px; } .single #masthead #downHeader .page-info .by-category, .search #masthead #downHeader .page-info .by-category, .page #masthead #downHeader .page-info .by-category { display: none; } #masthead.scroll-up #downHeader { -ms-transform: translateY(-100%) rotateX(90deg); -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } #masthead #upHeader { moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; z-index: 100; position: absolute; -webkit-transition: top 0.5s, transform 0.5s; transition: top 0.5s, transform 0.5s; -ms-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); top: -1px; height: 86px; } @media only screen and (min-width: 0) and (max-width: 959px) { #masthead #upHeader { display: none; } } #masthead.scroll-up #upHeader { -webkit-transition: transform 0.5s; transition: transform 0.5s; -ms-transform: rotateX(0deg) translateY(-100%); -webkit-transform: rotateX(0deg) translateY(-100%); transform: rotateX(0deg) translateY(-100%); height: 87px; top: 0; } #masthead .header-inner { max-width: 1440px; position: relative; margin: 0 auto; } #masthead .social-buttons { position: absolute; overflow: hidden; height: 24px; width: 50%; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; text-align: right; } @media only screen and (min-width: 0) and (max-width: 1024px) { #masthead .social-buttons { display: none; } } .search #masthead .social-buttons, .single #masthead .social-buttons, .page #masthead .social-buttons { width: 25%; } #masthead .social-buttons > *:not(script):not(style) { margin-right: 20px !important; margin-bottom: 10px !important; vertical-align: middle !important; display: inline-block; } #masthead .fb-like { position: static !important; right: auto; top: auto; overflow: hidden; max-width: 80px; } #masthead .fb-like iframe { position: absolute !important; } .header-categories-popup { position: absolute; top: 85px; left: 100px; background: black; display: none; } @media only screen and (min-width: 1280px) and (max-width: 99999px) { .header-categories-popup { display: none !important; } } @media screen and (min-width: 960px) { .header-categories-popup.active { display: block !important; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .header-categories-popup { display: none !important; } } .header-categories-popup div { display: table; width: 100%; } .header-categories-popup div a { display: table-cell; vertical-align: middle; color: white; text-transform: uppercase; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.5px; line-height: 1; padding: 32px 50px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .header-categories-popup div a:hover { color: #808080; } .header-categories-popup.active { display: block; } .persistent { position: absolute; height: 85px; width: 320px; width: 185px; top: 0; right: 0; background: black; -ms-transform: translateX(0) translateZ(0); -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); -webkit-transition: transform 0.3s, width 0.3s; transition: transform 0.3s, width 0.3s; } .nav-open .persistent { width: 152px; } @media only screen and (min-width: 0) and (max-width: 959px) { .nav-open .persistent { width: 140px; } } @media only screen and (min-width: 0) and (max-width: 959px) { .persistent { height: 65px; width: 140px; /*width: 65px; */ } .persistent .players-popdown-toggle { display: none; } } .persistent .burger { position: absolute; top: 26px; right: 30px; cursor: pointer; } @media only screen and (min-width: 0) and (max-width: 959px) { .persistent .burger { top: 13px; right: 20px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .persistent .burger { top: 15px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .persistent .burger { top: 15px; } } @media only screen and (max-width: 480px) { .persistent .burger { top: 14px; } } .persistent .burger span { font-size: 21px; color: white; } @media only screen and (min-width: 0) and (max-width: 959px) { .persistent .burger span { font-size: 18px; } } .tpt-logo-link { display: block; width: 203px; height: 45px; position: absolute; z-index: 10; top: 20px; left: 40px; } .tpt-logo-link .tpt-logo { position: absolute; width: 203px; height: 45px; top: 0; left: 0; } .tpt-logo-link .tpt-logo.ie-fallback { display: none; position: absolute; width: 203px; height: 45px; top: 0; left: 0; } .lt-ie10 .tpt-logo-link .tpt-logo.ie-fallback { display: block; z-index: 1; } .tpt-logo-link .tpt-logo path { -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .tpt-logo-link .tpt-logo:hover path[opacity=".5"] { opacity: 1; } @media all and (min-width: 60em) { .search .scotch-panel-canvas .tpt-logo, .page-template-page-text-php .scotch-panel-canvas .tpt-logo, .page-template-page-athlete-list-php .scotch-panel-canvas .tpt-logo, .author .scotch-panel-canvas .tpt-logo { color: #222; } .search .scotch-panel-canvas .tpt-logo path, .page-template-page-text-php .scotch-panel-canvas .tpt-logo path, .page-template-page-athlete-list-php .scotch-panel-canvas .tpt-logo path, .author .scotch-panel-canvas .tpt-logo path { fill: currentColor; } .search .scotch-panel-canvas .up-header .tpt-logo, .page-template-page-text-php .scotch-panel-canvas .up-header .tpt-logo, .page-template-page-athlete-list-php .scotch-panel-canvas .up-header .tpt-logo, .author .scotch-panel-canvas .up-header .tpt-logo { color: #fff; } } #downHeader .tpt-logo-link { display: none; left: 20px; top: 16px; } @media only screen and (min-width: 0) and (max-width: 959px) { #downHeader .tpt-logo-link { display: block; } } #downHeader .tpt-logo-link .tpt-logo { height: 33px; width: 149px; } .site-title { display: none; } textarea:focus, input:focus { outline: 0; } .connect.tpt-small { color: #808080; font-size: 11px; display: none; margin-bottom: 25px; } #masthead .connect_buttons { position: absolute; right: 30px; top: 30px; } @media only screen and (min-width: 0) and (max-width: 1024px) { #masthead .connect_buttons { display: none; } } .connect_buttons a { color: white; text-decoration: none; margin-left: 50px; -webkit-transition: color 0.3s; transition: color 0.3s; } .connect_buttons a:hover { color: #808080; } .connect_buttons a span { -webkit-transition: none; transition: none; } /*-------------------------------------------------------------- 13.2 Off-canvas sidebar --------------------------------------------------------------*/ #scotch-panel { display: none; } .scotch-panel-canvas { z-index: 99; } @media only screen and (max-width: 480px) { .offcanvas-open .persistent .burger { top: 15px; } } .offcanvas-open .persistent .burger span.icon-Menu { font-size: 19px; } .offcanvas-open .persistent .burger span.icon-Menu:before { content: "\e60c"; } #offcanvas { background: #f5f2f2; overflow: hidden; height: 100%; padding: 0; position: fixed; right: 0; top: 0; width: 480px; text-align: center; z-index: -1; display: none; } @media only screen and (min-width: 0) and (max-width: 535px) { #offcanvas { width: 100%; } } #offcanvas #offcanvas-inner { width: 100%; overflow: hidden; overflow-x: hidden; overflow-y: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } #offcanvas #offcanvas-inner > div { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 100%; } #offcanvas #offcanvas-links { padding-top: 30px; } @media only screen and (min-width: 0) and (max-width: 535px) { #offcanvas #offcanvas-links { padding-top: 95px; } } #offcanvas #offcanvas-links .icon-Apostrophe { color: #212121; font-size: 28px; } #offcanvas #offcanvas-links .byline { color: #808080; font-size: 10px; margin: 27px 0 11px; } #offcanvas #offcanvas-links .links-group { margin-bottom: 40px; } #offcanvas #offcanvas-links .links-group ul { list-style-type: none; padding: 0; margin: 0; } #offcanvas #offcanvas-links .links-group a { padding: 4px 15px; display: block; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 11px; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 3px; } #offcanvas #offcanvas-links .links-group a.no-link { cursor: default; } #offcanvas #offcanvas-links .links-group a.no-link:hover { color: black; } #offcanvas #offcanvas-links .links-group a.social-link { font-size: 18px; font-size: 1.125rem; display: inline; padding: 4px 8px; } @media only screen and (min-width: 0) and (max-width: 535px) { #offcanvas #offcanvas-links .links-group a { font-size: 10px; padding: 7px 7px 7px 0; } #offcanvas #offcanvas-links .links-group a.social-link { font-size: 18px; font-size: 1.125rem; padding: 7px 8px; } } #offcanvas #offcanvas-sports { float: left; margin-right: 15px; width: 200px; } @media only screen and (min-width: 0) and (max-width: 535px) { #offcanvas #offcanvas-sports { padding-top: 65px; margin-right: 7px; } } @media only screen and (min-width: 0) and (max-width: 420px) { #offcanvas #offcanvas-sports { width: 160px; } } #offcanvas #offcanvas-sports div { display: table; position: relative; width: 200px; height: 200px; } @media only screen and (min-width: 0) and (max-width: 420px) { #offcanvas #offcanvas-sports div { width: 160px; height: 160px; } } #offcanvas #offcanvas-sports div img { width: 200px; height: 200px; position: absolute; top: 0; left: 0; } @media only screen and (min-width: 0) and (max-width: 420px) { #offcanvas #offcanvas-sports div img { width: 160px; height: 160px; } } #offcanvas #offcanvas-sports div span { font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: table-cell; vertical-align: middle; position: relative; height: 100%; width: 100%; font-size: 18px; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); z-index: 99; } .offcanvas-overlay { position: absolute; height: 100%; width: 100%; z-index: 4; display: none; top: 0; left: 0; } #global-header .offcanvas-overlay { height: 85px; width: 95%; width: calc(100% - 60px); z-index: 999; } @media only screen and (min-width: 0) and (max-width: 959px) { #global-header .offcanvas-overlay { height: 65px; } } /* Toggle Buttons */ .players-popdown-toggle { display: none; position: absolute; left: 40px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; font-size: 0.75rem; letter-spacing: 4px; text-transform: uppercase; color: #FFF; -webkit-transition: color 0.3s; transition: color 0.3s; } .players-popdown-toggle:hover { color: #808080; } .overlay .overlay-close { font-size: 0; } .overlay .overlay-close:before { font-size: 20px; } .search-toggle { width: 50%; height: 100%; height: calc(100% - 1px); position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 21px; font-size: 1.3125rem; color: #FFF; -webkit-transition: color 0.3s; transition: color 0.3s; font-size: 0; } .search-toggle:hover { color: #808080; } @media only screen and (max-width: 480px) { .search-toggle { right: 63px; } } .search-toggle:before { font-size: 21px; } .menu-toggle { width: 50%; height: 100%; position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #FFF; } .menu-toggle span { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 11px; letter-spacing: 3.3px; text-transform: uppercase; line-height: 89px; -webkit-transition: color 0.3s; transition: color 0.3s; position: relative; right: 15px; } @media only screen and (min-width: 0) and (max-width: 959px) { .menu-toggle span { line-height: 69px; right: 5px; } } .menu-toggle:before { font-family: 'icomoon'; font-size: 19px; display: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav-open .menu-toggle span { display: none; } .nav-open .menu-toggle:before { display: block; } /*-------------------------------------------------------------- 5.3 Footer --------------------------------------------------------------*/ .site-footer { padding: 40px 0; } @media only screen and (max-width: 480px) { .site-footer { background-color: #222222; text-align: center; } } .site-footer .site-info { padding: 0 40px; /*margin-top:20px;*/ } @media only screen and (max-width: 480px) { .site-footer .site-info { background-color: #000; } } .site-footer .subscribe, .site-footer .connect { display: none; } @media only screen and (max-width: 480px) { .site-footer .subscribe, .site-footer .connect { display: block; } } .single-post .site-footer { padding: 0 0 40px 0; } .author .site-footer .site-info { margin-top: 20px; margin-bottom: 20px; } .author, .single { /*.inline-newsletter--footer{ border-top:1px solid black; } .grey-bg{ border-top:1px solid black; border-bottom:1px solid black; }*/ } .author .site-footer, .single .site-footer { background: #222; } .author .site-footer .footer-menu-links a, .author .site-footer .footer-menu-links a:visited, .single .site-footer .footer-menu-links a, .single .site-footer .footer-menu-links a:visited { color: white; } .author .site-footer .footer-menu-links a:hover, .author .site-footer .footer-menu-links a:visited:hover, .single .site-footer .footer-menu-links a:hover, .single .site-footer .footer-menu-links a:visited:hover { color: #808080; } .author .inline-newsletter, .single .inline-newsletter { padding-top: 3.2%; margin-top: 0; } .author .site-footer, .single .site-footer { border-bottom: 1px solid black; } .subscribe form { width: 100%; padding: 55px 20px 0; } .subscribe .btn, .subscribe .alm-load-more-btn, .subscribe .newsletter-popin-col-form button[type="submit"], .newsletter-popin-col-form .subscribe button[type="submit"] { width: 100%; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } .subscribe .btn:hover, .subscribe .alm-load-more-btn:hover, .subscribe .newsletter-popin-col-form button[type="submit"]:hover, .newsletter-popin-col-form .subscribe button[type="submit"]:hover { background-color: #FFF; color: #000; } .subscribe .subscribe-input { width: 100%; margin-bottom: 10px; height: 68px; border-radius: 0; border: 1px solid #808080; background: none; color: #808080; text-align: center; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; font-size: 0.875rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .subscribe .subscribe-input.emailActive { color: #FFF; border-color: #FFF; } .connect { padding-bottom: 50px; color: #808080; } .connect a { margin-right: 50px; color: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; } .connect a:hover { color: #FFF; } .connect a:last-child { margin-right: 0; } .connect-title { margin-top: 30px; margin-bottom: 20px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; font-size: 0.625rem; letter-spacing: 3px; text-transform: uppercase; } .tpt-logo-footer-link { display: block; width: 203px; height: 45px; float: left; } @media only screen and (max-width: 480px) { .tpt-logo-footer-link { display: none; float: none; clear: both; } } .tpt-logo-footer-link .tpt-logo-footer { width: 203px; height: 45px; } .tpt-logo-footer-link .tpt-logo-footer.ie-fallback { display: none; width: 203px; height: 45px; } .lt-ie10 .tpt-logo-footer-link .tpt-logo-footer.ie-fallback { display: block; z-index: 1; } .tpt-logo-footer-link .tpt-logo-footer path { -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .tpt-logo-footer-link .tpt-logo-footer:hover path[opacity=".5"] { opacity: 1; } .tpt-credits-footer-link { float: right; font-size: 10px; font-size: 0.625rem; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.25s; transition: color 0.25s; color: #a6a8ac; line-height: 45px; } .tpt-credits-footer-link:visited { color: #a6a8ac; } .tpt-credits-footer-link:hover { color: #000; } .tpt-credits-footer-link i { position: relative; top: 6px; margin-right: 7px; font-size: 20px; font-size: 1.25rem; } @media only screen and (max-width: 480px) { .tpt-credits-footer-link { float: none; clear: both; } .tpt-credits-footer-link:hover { color: #FFF; } } .header-animation-fix { display: none; position: absolute; width: 100%; height: 85px; background-color: #000; pointer-events: none; } @media only screen and (min-width: 0) and (max-width: 959px) { .header-animation-fix { height: 65px; } } .nav-open .persistent { -ms-transform: translateX(-320px); -webkit-transform: translateX(-320px); transform: translateX(-320px); } .lt-ie10 .nav-open .persistent { -ms-transform: translateX(-300px); } @media only screen and (max-width: 480px) { .nav-open .persistent { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } .nav-open .nav-feed { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 480px) { .nav-open .nav-feed { display: block; } } .nav-open .header-now-trending { display: none !important; } @media all and (min-width: 64em) { .home .nav-feed { float: right; position: relative; height: auto; overflow: hidden; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .home .nav-feed.locked { bottom: 0; position: fixed; right: 0; top: auto; } } @media all and (min-width: 64em) and (min-width: 90em) { .home .nav-feed.locked { right: auto; left: calc(50% + 400px); } } .nav-feed { position: absolute; right: 0; top: 0; padding: 40px 30px; width: 320px; height: 100vh; background-color: #000; color: #FFF; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 100; -ms-transform: translateX(320px); -webkit-transform: translateX(320px); transform: translateX(320px); -webkit-transition: transform 0.3s; transition: transform 0.3s; /* Social Links */ } @media only screen and (max-width: 480px) { .nav-feed { padding: 105px 30px; width: 100%; -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } } .nav-feed .connect { margin: 45px 0 40px; padding: 0; text-align: center; } .nav-feed .connect a { display: inline-block; margin-right: 40px; color: #FFF; font-size: 20px; } .nav-feed .connect a:last-child { margin: 0; } .nav-feed .connect-title { margin: 0 0 10px; font-size: 12px; letter-spacing: 3.6px; } .nav-feed .alm-load-more-btn { width: 100%; padding: 0; color: #000; background-color: #FFF; } .fixed-menu-wrapper { position: fixed; top: 0; right: 0; width: 320px; z-index: 150; display: block; color: #FFF; } @media all and (min-width: 90em) { .fixed-menu-wrapper { right: auto; left: calc(50% + 400px); } } @media only screen and (max-width: 480px) { .fixed-menu-wrapper { width: 100%; top: 65px; } } .fixed-menu-wrapper.hidden { display: none !important; } @media all and (max-width: 64em) { .fixed-menu-wrapper { display: none; } .nav-open .fixed-menu-wrapper { display: block; } } .fixed-menu { top: 85px; position: absolute; left: 0; width: 100%; padding: 0 30px 40px !important; display: none !important; overflow: auto; background-color: #000; } @media all and (max-width: 60em) { .fixed-menu { top: 65px; } } .fixed-menu.fixed-menu-open { display: block !important; } .fixed-menu-toggle { position: absolute; top: 0; right: 0; display: none; width: 100%; height: 85px; color: #FFF; background-color: #000; text-align: center; cursor: pointer; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .fixed-menu-toggle a { color: #FFF; } @media all and (max-width: 60em) { .fixed-menu-toggle { height: 65px; } } .fixed-menu-toggle a { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .fixed-menu-toggle a:after { position: relative; margin-left: 5px; display: inline-block; } .fixed-menu-toggle.active a:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .main-nav { /* Menu Sports */ } .main-nav ul, .main-nav li { display: block; margin: 0; padding: 0; } .main-nav a { display: block; color: inherit; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; } .main-nav a:focus { outline: 0; } .main-nav .sub-menu { display: none; } .main-nav .sub-menu li:not(.menu-view-archived):last-child a { margin: 0 0 25px; } .main-nav .sub-menu a { margin: 0 0 15px; color: #808080; font-size: 11px; letter-spacing: 2.2px; } .main-nav .sub-menu .menu-view-archived { margin: 0 0 40px; border: 1px solid #808080; text-align: center; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; } .main-nav .sub-menu .menu-view-archived a { margin: 0; padding: 20px 0; font-size: 12px; -webkit-transition: color 0.3s; transition: color 0.3s; } .main-nav .sub-menu .menu-view-archived:hover { border-color: #FFF; background-color: #FFF; } .main-nav .sub-menu .menu-view-archived:hover a { color: #000; } .main-nav .menu > li > a { position: relative; width: 100%; margin: 0 0 25px; } .main-nav .has-dropdown > a:after { position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .main-nav .menu-sports .sub-menu { margin: 0 0 35px -30px; width: 320px; } @media only screen and (max-width: 480px) { .main-nav .menu-sports .sub-menu { width: calc(100% + 60px); } } .main-nav .menu-sports .sub-menu li { position: relative; height: 125px; width: 100%; text-align: center; font-size: 0; overflow: hidden; } .main-nav .menu-sports .sub-menu li a { display: inline-block; width: 100%; position: relative; margin: 0; z-index: 15; color: #FFF; font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; letter-spacing: 0; line-height: 125px; text-transform: none; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .main-nav .menu-sports img { position: absolute; top: 0; left: 0; width: 100%; z-index: 5; } .fixed-menu-toggle a:after, .main-nav .has-dropdown > a:after { content: '\25BE'; top: 50%; right: 0; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; } .main-nav .has-dropdown > a.active:after { -ms-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .posts-feed-title { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; letter-spacing: 3.6px; color: #808080; text-transform: uppercase; text-align: center; } .posts-feed-list { position: relative; margin: 30px 0 0; padding: 0; list-style-type: none; } .posts-feed-list:after { position: absolute; top: -5%; left: -5%; content: ''; display: block; width: 110%; height: 110%; pointer-events: none; z-index: 10; background-color: #000; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .lt-ie10 .posts-feed-list:after, .no-pointerevents .posts-feed-list:after { display: none; } .posts-feed-list.modal-active:after { opacity: .6; } .lt-ie10 .posts-feed-list.modal-active:after, .no-pointerevents .posts-feed-list.modal-active:after { display: block; } .has-icon .byline { width: calc(100% - 40px); } .posts-feed-list-item { position: relative; z-index: 5; margin: 0 0 60px; cursor: pointer; } .posts-feed-list-item-thumbnail { width: 100%; } @media only screen and (max-width: 480px) { .posts-feed-list-item-thumbnail { margin-bottom: 8px; } } .posts-feed-list-item > div { position: relative; } .posts-feed-list-item > div:before { position: absolute; top: -5px; right: 0; display: block; font-size: 20px; color: rgba(255, 255, 255, 0.4); } .posts-feed-list-item .byline { margin: 5px 0 5px; color: #808080; font-size: 10px; line-height: 15px; letter-spacing: 3px; text-align: left; text-shadow: none !important; } .posts-feed-list-item .byline a { color: #FFF; } .posts-feed-list-item .byline a, .posts-feed-list-item .byline a:active { outline: 0; } .posts-feed-list-item-title { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 20px; line-height: 1.3; } [data-template-type="instagram"] .posts-feed-list-item-title { max-height: 104px; } .posts-feed-list-item-title a { color: #FFF; } .posts-feed-list-item.active { z-index: 15; } /* MODAL */ .posts-feed-modal.mfp-wrap, .posts-feed-modal.mfp-bg { left: 0; width: calc(100% - 320px); } @media all and (min-width: 90em) { .posts-feed-modal.mfp-wrap, .posts-feed-modal.mfp-bg { left: calc((100% - 1440px) / 2); width: calc(1440px - 320px); } } @media all and (max-width: 48em) { .posts-feed-modal.mfp-wrap, .posts-feed-modal.mfp-bg { width: 100%; } } .posts-feed-modal.mfp-wrap { z-index: 5500; } .posts-feed-modal-video-player { position: absolute; top: 0; left: 0; z-index: 15; display: none; opacity: 0; } .posts-feed-modal-share { top: 27px; right: 80px; } @media only screen and (max-width: 480px) { .posts-feed-modal-share { top: 17px; right: 60px; } } .no-hero:not(.posts-feed-modal-soundcloud):not(.posts-feed-modal-article) .posts-feed-modal-share { top: auto; right: auto; bottom: -75px; left: 0; } @media only screen and (max-width: 480px) { .no-hero:not(.posts-feed-modal-soundcloud):not(.posts-feed-modal-article) .posts-feed-modal-share { top: -28px; right: 35px; bottom: auto; left: auto; } } .no-hero .posts-feed-modal-share { color: #000; text-shadow: none; } .no-hero .posts-feed-modal-share:before { display: inline-block; } .no-hero .posts-feed-modal-share:before, .no-hero .posts-feed-modal-share:hover { color: #000; } .posts-feed-modal .has-icon .byline { width: calc(100% - 70px); } .posts-feed-modal .btn-close { position: absolute; top: 19px; right: 40px; z-index: 30; height: 16px; width: 16px; padding: 16px; margin: 0; display: block; overflow: hidden; font-size: 16px; color: #000; -webkit-tap-highlight-color: transparent; } @media only screen and (max-width: 480px) { .posts-feed-modal .btn-close { top: 13px; right: 30px; } } .posts-feed-modal .has-hero .btn-close { color: #FFF; } .posts-feed-modal-ctn { position: relative; width: auto; max-width: 800px; margin: 0 auto; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 50px; } @media only screen and (max-width: 480px) { .posts-feed-modal-ctn { max-height: 100%; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; } } .posts-feed-modal a:focus { outline: 0; } .posts-feed-modal .byline { text-align: left; font-size: 12px; letter-spacing: 3.6px; } @media only screen and (max-width: 480px) { .posts-feed-modal .byline { font-size: 10px; letter-spacing: 3px; } } .posts-feed-modal .byline-newline { display: block; color: #808080; } .posts-feed-modal .entry-date { display: block; margin: 10px 0 0; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; letter-spacing: 3.6px; color: #262626; text-transform: uppercase; } .posts-feed-modal .btn-primary, .posts-feed-modal .alm-load-more-btn, .posts-feed-modal .newsletter-popin-col-form button[type="submit"], .newsletter-popin-col-form .posts-feed-modal button[type="submit"] { padding: 0 66px 0 70px; margin: 30px 0 0; } @media only screen and (max-width: 480px) { .posts-feed-modal .btn-primary, .posts-feed-modal .alm-load-more-btn, .posts-feed-modal .newsletter-popin-col-form button[type="submit"], .newsletter-popin-col-form .posts-feed-modal button[type="submit"] { width: 100%; padding: 0; } } .posts-feed-modal-wrapper { position: relative; } .posts-feed-modal-instagram, .posts-feed-modal-twitter { max-width: 560px; width: 100%; margin: 0 auto; text-align: left; } .posts-feed-modal-twitter .btn-close { color: #000; } .posts-feed-modal-twitter .has-profile-img .byline { display: inline-block; vertical-align: middle; width: auto; } .posts-feed-modal-twitter.no-hero .posts-feed-modal-content-wrapper { padding: 55px 40px 80px; } @media only screen and (max-width: 480px) { .posts-feed-modal-twitter.no-hero .posts-feed-modal-content-wrapper { padding: 45px 25px 40px; } } .posts-feed-modal-twitter .posts-feed-modal-content-wrapper { padding: 40px; } @media only screen and (max-width: 480px) { .posts-feed-modal-twitter .posts-feed-modal-content-wrapper { padding: 35px 25px; } } .posts-feed-modal-twitter .posts-feed-modal-body { clear: both; } .posts-feed-modal-article .posts-feed-modal-title, .posts-feed-modal-soundcloud .posts-feed-modal-title { line-height: 33px; } .posts-feed-modal-article { text-align: center; } .posts-feed-modal-article.no-hero .byline { margin: 30px 0 15px; text-align: center; } .posts-feed-modal-article .posts-feed-modal-content-wrapper { padding: 45px 40px 55px; } @media only screen and (max-width: 480px) { .posts-feed-modal-article .posts-feed-modal-content-wrapper { padding: 45px 25px 60px; } } .posts-feed-modal-article .posts-feed-modal-body { margin: 30px 0 0; } .posts-feed-modal-soundcloud { text-align: center; } .posts-feed-modal-soundcloud.no-hero .byline { margin: 30px 0 15px; text-align: center; } .posts-feed-modal-soundcloud.no-hero .posts-feed-modal-content-wrapper { padding: 65px 40px 55px; } @media only screen and (max-width: 480px) { .posts-feed-modal-soundcloud.no-hero .posts-feed-modal-content-wrapper { padding: 65px 25px 40px; } } .posts-feed-modal-soundcloud.has-hero .posts-feed-modal-title { margin: 40px 0 0; } .posts-feed-modal-video .posts-feed-modal-hero { cursor: pointer; } .posts-feed-modal-video .posts-feed-modal-hero-meta { position: relative; padding: 0 0 0 100px; } @media only screen and (max-width: 480px) { .posts-feed-modal-video .posts-feed-modal-hero-meta { padding: 0 0 0 55px; } } .posts-feed-modal-video .posts-feed-modal-hero-meta:before { position: absolute; top: 50%; left: 0; display: block; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 85px; color: rgba(255, 255, 255, 0.4); } @media only screen and (max-width: 480px) { .posts-feed-modal-video .posts-feed-modal-hero-meta:before { font-size: 45px; } } .posts-feed-modal-video .posts-feed-modal-title { margin: 0 0 5px; color: #FFF; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .posts-feed-modal-video .posts-feed-modal-body { margin: 0; } .posts-feed-modal-hero { position: relative; } .posts-feed-modal-hero > div { position: absolute; left: 40px; bottom: 30px; } @media only screen and (max-width: 480px) { .posts-feed-modal-hero > div { left: 25px; bottom: 10px; } } .posts-feed-modal-hero .byline { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .posts-feed-modal-hero .byline a { color: #FFF; } .posts-feed-modal-img { display: block; width: 100%; } .posts-feed-modal-profile-img { margin: 0 25px 0 0; display: inline-block; vertical-align: middle; width: 65px; height: 65px; } @media only screen and (max-width: 480px) { .posts-feed-modal-profile-img { margin: 0 15px 0 0; } } .posts-feed-modal-content-wrapper { padding: 55px 40px; background: #FFF; } @media only screen and (max-width: 480px) { .posts-feed-modal-content-wrapper { padding: 35px 25px; } } .posts-feed-modal-content-wrapper .byline { text-shadow: none !important; } .posts-feed-modal-content { position: relative; font-size: 0; } .posts-feed-modal-content:before { position: absolute; top: -10px; right: 0; display: block; font-size: 30px; color: rgba(102, 102, 102, 0.4); } @media only screen and (max-width: 480px) { .posts-feed-modal-content:before { display: none; } } .posts-feed-modal-content-facebook:before { top: 12px; right: -6px; } .posts-feed-modal-content-twitter:before { top: 12px; } .posts-feed-modal-title { max-width: 95%; margin: 0 auto; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; color: #000; font-size: 33px; line-height: 33px; letter-spacing: -.5px; } @media only screen and (max-width: 480px) { .posts-feed-modal-title { font-size: 20px; line-height: 26px; letter-spacing: 1; } } .posts-feed-modal-body { margin: 20px 0 0; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; color: #262626; font-size: 20px; line-height: 30px; } @media only screen and (max-width: 480px) { .posts-feed-modal-body { margin: 15px 0 0; } } .posts-feed-modal-body p { max-width: 550px; margin: 0 auto; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: inherit; text-align: left; } /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #262626; display: block; font-size: 14px; font-size: 1.4rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 9.0 Widgets & Features --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets */ } .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } #ajax-load-more { margin-bottom: 8.5%; margin-top: -2%; } @media only screen and (max-width: 480px) { #ajax-load-more { margin-bottom: 90px; } } .home .listing article:last-child { margin-bottom: 0; } .inline-newsletter { background: #222; padding: 4.2%; color: white; position: relative; text-align: center; } @media screen and (max-width: 650px) { .inline-newsletter { padding: 10% 40px; } } @media screen and (max-width: 480px) { .inline-newsletter { padding: 20% 35px; } } .inline-newsletter form { font-size: 0; } .inline-newsletter h6 { margin-bottom: 5px; font-family: 'Publico Text Web'; font-weight: 400; letter-spacing: 0px; font-size: 20px; display: inline-block; line-height: 60px; -webkit-font-smoothing: antialiased; position: relative; } @media screen and (max-width: 940px) { .inline-newsletter h6 { display: block; line-height: 1em; top: 0; margin-bottom: 15px; } } @media screen and (max-width: 650px) { .inline-newsletter h6 { font-size: .8em; } } @media screen and (max-width: 480px) { .inline-newsletter h6 { font-size: .7em; } } .inline-newsletter button { background: black; color: white; outline: 0; height: 60px; line-height: 60px; border: none; cursor: pointer; font: 12px Graphik Web,sans-serif; letter-spacing: 3px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; padding: 0 30px; display: inline-block; vertical-align: middle; } @media screen and (max-width: 940px) { .inline-newsletter button { width: auto; } } @media all and (max-width: 47.9375em) { .inline-newsletter button { display: block; width: 100%; margin-top: 20px; } } .inline-newsletter input[type="email"] { display: inline-block; vertical-align: middle; margin-right: 10px; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; padding: 0 15px; border: 1px solid #808080; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: transparent; min-width: 400px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 14px; color: #808080; } .inline-newsletter input[type="email"]:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #222 inset; -webkit-text-fill-color: #FFF; } .inline-newsletter input[type="email"]:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px #222 inset; -webkit-text-fill-color: #FFF; } .inline-newsletter input[type="email"]:focus { border: 1px solid white; color: white; } @media all and (max-width: 71.875em) { .home .inline-newsletter input[type="email"] { min-width: 300px; } } @media all and (min-width: 64em) and (max-width: 65em) { .home .inline-newsletter input[type="email"] { min-width: 200px; } } @media all and (max-width: 63.9375em) { .inline-newsletter input[type="email"] { min-width: 300px; } } @media all and (max-width: 47.9375em) { .inline-newsletter input[type="email"] { min-width: none; width: 100%; margin-bottom: 20px; } } @media screen and (max-width: 940px) { .inline-newsletter input[type="email"] { border: 1px solid #808080; } .inline-newsletter input[type="email"]:focus { border: 2px solid white; } } @media screen and (max-width: 650px) { .inline-newsletter input[type="email"] { display: block; min-width: 0; width: 100%; } } .inline-newsletter-embed { background-color: transparent; color: #262626; } @media screen and (max-width: 650px) { .single .inline-newsletter-embed { padding: 0 40px; margin-bottom: 1.5em; } } @media screen and (max-width: 480px) { .single .inline-newsletter-embed { padding: 0 20px; } } @media all and (max-width: 47.9375em) { .inline-newsletter-embed { text-align: left; } } .inline-newsletter-embed hr { margin: 0 auto; max-width: 1024px; width: 100%; } .inline-newsletter-embed form { padding: 20px 0; } @media screen and (max-width: 940px) { .inline-newsletter-embed form { padding: 40px 0 20px; } } .inline-newsletter-embed h6 { display: inline-block; vertical-align: middle; margin: 0 10px 0; font-size: 20px !important; } @media screen and (max-width: 940px) { .inline-newsletter-embed h6 { display: block; margin: 0 0 15px; } } @media all and (max-width: 47.9375em) { .inline-newsletter-embed h6 { margin: 0 0 15px; } } .inline-newsletter-embed .inline-newsletter-embed-heading { display: block; } .inline-newsletter-embed p { display: none; margin: 0 0 25px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 23px; color: #808080; } @media screen and (max-width: 940px) { .inline-newsletter-embed p { display: block; } } .inline-newsletter-embed input[type="email"] { color: #262626; } .inline-newsletter-embed input[type="email"]:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #FFF inset; -webkit-text-fill-color: #262626; } .inline-newsletter-embed input[type="email"]:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px #FFF inset; -webkit-text-fill-color: #262626; } .inline-newsletter-embed input[type="email"]:focus { color: #262626; border: 1px solid #262626; } @media all and (max-width: 63.9375em) { .inline-newsletter-embed input[type="email"] { min-width: 400px; } } @media all and (max-width: 47.9375em) { .inline-newsletter-embed input[type="email"] { margin: 0; min-width: 0; } } @media all and (max-width: 47.9375em) { .inline-newsletter-embed button[type="submit"] { margin: 10px 0 0; } } .inline-newsletter-embed.inline-newsletter div.cs-select { background-color: transparent; } @media all and (max-width: 47.9375em) { .inline-newsletter-embed.inline-newsletter div.cs-select { margin: 10px 0 0; } } .inline-newsletter-embed.inline-newsletter .cs-select .cs-options { background-color: #FFF; color: #000; border-color: #808080; } .inline-newsletter-embed.inline-newsletter div.cs-active { border-color: #8a8a8a; border-bottom-color: #FFF; } .inline-newsletter--footer { margin-top: 2%; padding: 4% 6%; } footer .inline-newsletter--footer { display: none; } @media only screen and (max-width: 480px) { .single-post .site-footer { padding-bottom: 0; } footer .inline-newsletter--footer { display: block; padding-top: 10%; } .inline-newsletter--largeonly { display: none; } } .inline-newsletter .cs-select .cs-options li input[type="checkbox"], .newsletter-popin .cs-select .cs-options li input[type="checkbox"], .connect-newsletter-options input[type="checkbox"] { /* Base for label styling */ } .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:not(:checked), .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:not(:checked), .connect-newsletter-options input[type="checkbox"]:not(:checked), .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:checked, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:checked, .connect-newsletter-options input[type="checkbox"]:checked { position: absolute; left: -9999px; } .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label, .connect-newsletter-options input[type="checkbox"]:not(:checked) + label, .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:checked + label, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:checked + label, .connect-newsletter-options input[type="checkbox"]:checked + label { position: relative; cursor: pointer; } .inline-newsletter, .newsletter-popin { /* Placeholder and selected option */ /* Options */ } .inline-newsletter select.cs-select, .newsletter-popin select.cs-select { display: none; } .inline-newsletter div.cs-select, .newsletter-popin div.cs-select { display: inline-block; vertical-align: middle; position: relative; padding: 0 15px; margin-right: 10px; z-index: 90; width: 100%; max-width: 200px; text-align: left; background: #222222; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #808080; } @media all and (max-width: 47.9375em) { .inline-newsletter div.cs-select, .newsletter-popin div.cs-select { max-width: none; } } .inline-newsletter div.cs-select:focus, .newsletter-popin div.cs-select:focus { outline: none; /* For better accessibility add a style for this in your skin */ } .inline-newsletter .cs-select select, .newsletter-popin .cs-select select { display: none; } .inline-newsletter .cs-select span, .newsletter-popin .cs-select span { display: block; position: relative; cursor: pointer; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 58px; } .inline-newsletter .cs-select > span, .newsletter-popin .cs-select > span { color: #808080; } .inline-newsletter .cs-select > span::after, .inline-newsletter .cs-select .cs-selected span::after, .newsletter-popin .cs-select > span::after, .newsletter-popin .cs-select .cs-selected span::after { speak: none; position: absolute; top: 50%; right: 0; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inline-newsletter .cs-select > span::after, .newsletter-popin .cs-select > span::after { content: '\25BE'; letter-spacing: 0; } .inline-newsletter .cs-select.cs-active > span::after, .newsletter-popin .cs-select.cs-active > span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .inline-newsletter div.cs-active, .newsletter-popin div.cs-active { border-color: #FFF; } .inline-newsletter .cs-select .cs-options, .newsletter-popin .cs-select .cs-options { position: absolute; padding: 0 15px; overflow: hidden; width: calc(100% + 2px); left: -1px; background: #222222; visibility: hidden; color: #FFFFFF; border: 1px solid #FFF; border-top: none; } .inline-newsletter .cs-select .cs-options label, .newsletter-popin .cs-select .cs-options label { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inline-newsletter .cs-select .cs-options li, .newsletter-popin .cs-select .cs-options li { margin-bottom: 20px; } .inline-newsletter .cs-select .cs-options li input[type="checkbox"], .newsletter-popin .cs-select .cs-options li input[type="checkbox"] { /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ } .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label, .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:checked + label, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:checked + label { padding-left: 25px; } .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label:before, .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:checked + label:before, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label:before, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 13px; height: 13px; border: 1px solid #808080; background: transparent; z-index: 1; } .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label:after, .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:checked + label:after, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label:after, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:checked + label:after { content: ''; width: 11px; height: 11px; background-image: url("img/icons2x/arrow-checkbox.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 1px; font-size: 14px; -webkit-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label:after, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .inline-newsletter .cs-select .cs-options li input[type="checkbox"]:checked + label:after, .newsletter-popin .cs-select .cs-options li input[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } .inline-newsletter .cs-select.cs-active .cs-options, .newsletter-popin .cs-select.cs-active .cs-options { visibility: visible; } .inline-newsletter .cs-select ul, .newsletter-popin .cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; } .inline-newsletter--footer .cs-select > span::after, .inline-newsletter--footer .cs-select .cs-selected span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .inline-newsletter--footer .cs-select.cs-active > span::after { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .inline-newsletter--footer .cs-select .cs-options { transform: translateY(-100%); top: 0; border-bottom: none; border-top: 1px solid #FFF; } .inline-newsletter--footer .cs-select .cs-options li { margin-bottom: 0; margin-top: 20px; } .footer-menu-links { float: right; margin-top: 17px; letter-spacing: 2px; font-size: 11px; color: black; text-transform: uppercase; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; } .footer-menu-links a { display: inline-block; margin-left: 25px; } .footer-menu-links a:hover { color: #808080; } @media screen and (max-width: 850px) { .footer-menu-links { clear: both; text-align: center; margin-top: 80px; margin-right: 0; float: none; } .footer-menu-links a { margin-left: 25px; margin-right: 25px; } } @media screen and (max-width: 480px) { .footer-menu-links { display: none; } .footer-menu-links.footer-menu-links--mobile { display: block; } } .footer-menu-links--mobile { display: none; background: #222; color: white; text-align: center; float: none; margin: 0; padding: 7%; } .footer-menu-links--mobile a { color: white; margin: 0 10px; } .feature-header-content { margin-left: auto; margin-right: auto; width: 256px; height: 154px; left: 50%; top: 50%; position: absolute; z-index: 5; } .feature-header-content > div { height: 100%; background-image: url(/wp-content/themes/tpt1/img/kobe-feature-logo.png); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; text-indent: -9999em; position: relative; left: -50%; top: -50%; } @media only screen and (max-width: 480px) { .feature-header-content { width: 40%; } } .feature-listing-page main { margin-bottom: 55px; } .feature-listing-page main > p { max-width: 787px; margin: 0 auto 1.5em auto; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; font-size: 1.0625rem; color: black; } .feature-listing-page main > p:first-child, .feature-listing-page main > p:first-of-type { margin-top: 55px; } @media only screen and (max-width: 480px) { .feature-listing-page main > p:first-child, .feature-listing-page main > p:first-of-type { margin-top: 30px; } } @media screen and (max-width: 900px) { .feature-listing-page main > p { padding-right: 80px; padding-left: 80px; } } @media only screen and (max-width: 480px) { .feature-listing-page main > p { padding: 0 20px; font-size: 15px; font-size: 0.9375rem; } } .feature-listing-page main > p:first-of-type::first-letter, .feature-listing-page main > p:first-child::first-letter { float: left; font-size: 108px; line-height: 100px; padding: 4px 12px 0 0; margin-bottom: -10px; } @media only screen and (max-width: 480px) { .feature-listing-page main > p:first-of-type::first-letter, .feature-listing-page main > p:first-child::first-letter { font-size: 2.25em; line-height: 1em; float: none; padding: 0px 2px 0 0; margin-bottom: 0px; margin-top: -8px; } } .feature-article-listing { max-width: 1120px; margin: 55px auto 0 auto; } @media screen and (max-width: 1190px) { .feature-article-listing { margin-right: 20px; margin-left: 20px; max-width: 100%; } } .feature-article-listing article { float: left; margin-bottom: 96px; margin-right: 33px; width: 31%; } @media screen and (max-width: 1190px) { .feature-article-listing article { margin-bottom: 66px; } } @media only screen and (max-width: 480px) { .feature-article-listing article { margin-bottom: 30px; } } .feature-article-listing article.third { margin-right: 0; } .feature-article-listing article > a { display: block; } .feature-article-listing article p { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; font-size: 0.875rem; line-height: 23px; } @media screen and (max-width: 1000px) { .feature-article-listing article { width: 30%; } } @media screen and (max-width: 850px) { .feature-article-listing article { width: 46%; } .feature-article-listing article.third { margin-right: 33px; } .feature-article-listing article.second { margin-right: 0; } } @media screen and (max-width: 560px) { .feature-article-listing article { width: 100%; } .feature-article-listing article.third, .feature-article-listing article.second { margin-right: 0; } } .feature-article-listing .fullimg { position: relative; height: 0; width: 100%; padding-bottom: 60.79%; } .feature-article-listing .fullimg img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .page .feature-article-listing h1 a, .page .feature-article-listing h1 { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 20px; font-size: 1.25rem; } .page .feature-article-listing h1 { margin: 10px 0; color: #ccc !important; } .page .feature-article-listing h1 a { color: black !important; } .page .hero.feature-listing-hero { height: 0; position: relative; padding-bottom: 39.84%; } @media screen and (max-width: 1000px) { .page .hero.feature-listing-hero { padding-bottom: 55.84%; } } .page .hero.feature-listing-hero .cover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media screen and (max-width: 1000px) { .page .hero.feature-listing-hero .cover img { width: 100%; } } .csscalc .feature-article-listing article { width: calc(33% - 19px); } @media screen and (max-width: 952px) { .csscalc .feature-article-listing article { width: calc(33% - 20px); } } @media screen and (max-width: 850px) { .csscalc .feature-article-listing article { width: calc(50% - 17px); } .csscalc .feature-article-listing article.third { margin-right: 33px; } .csscalc .feature-article-listing article.second { margin-right: 0; } } @media screen and (max-width: 560px) { .csscalc .feature-article-listing article { width: 100%; } .csscalc .feature-article-listing article.third, .csscalc .feature-article-listing article.second { margin-right: 0; } } .cat-description { width: 100%; } .cat-description p { max-width: 787px; margin: 0 auto 1.5em auto; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; font-size: 1.0625rem; color: black; } .cat-description p:first-child, .cat-description p:first-of-type { margin-top: 55px; } @media only screen and (max-width: 480px) { .cat-description p:first-child, .cat-description p:first-of-type { margin-top: 30px; } } @media screen and (max-width: 900px) { .cat-description p { padding-right: 80px; padding-left: 80px; } } @media only screen and (max-width: 480px) { .cat-description p { padding: 0 20px; font-size: 15px; font-size: 0.9375rem; } } .cat-description p:first-of-type::first-letter, .cat-description p:first-child::first-letter { float: left; font-size: 108px; line-height: 100px; padding: 4px 12px 0 0; margin-bottom: -10px; } @media only screen and (max-width: 480px) { .cat-description p:first-of-type::first-letter, .cat-description p:first-child::first-letter { font-size: 2.25em; line-height: 1em; float: none; padding: 0px 2px 0 0; margin-bottom: 0px; margin-top: -8px; } } .category .category-branding { margin-top: 30px; } .p-category { letter-spacing: 3px; font-size: 13px; font-size: 0.8125rem; color: black; text-transform: uppercase; max-width: 800px; text-align: center; margin-right: auto; margin-left: auto; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .category-branding { margin-top: 10px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; } .category-branding p { margin-bottom: 5px; } .category-branding .presented { font-size: 20px; font-size: 1.25rem; color: #bfbfbf; } .category-branding p { text-align: center; } .ad-970 { width: 970px; position: relative; background-position: center center; margin: 20px auto; height: 90px !important; background-image: url(/wp-content/themes/tpt1/img/ads/dove/ad970.jpg); } .ad-970 iframe { width: 100% !important; height: 90px !important; } @media screen and (max-width: 969px) { .ad-970 { width: 320px !important; margin-right: auto; margin-left: auto; height: 50px !important; background-image: url(/wp-content/themes/tpt1/img/ads/dove/ad320.png); } .ad-970 iframe { width: 100% !important; height: 50px !important; } } @media only screen and (max-width: 969px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 969px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 969px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 969px) and (min-device-pixel-ratio: 2), only screen and (max-width: 969px) and (min-resolution: 192dpi), only screen and (max-width: 969px) and (min-resolution: 2dppx) { .ad-970 { /* Retina-specific stuff here */ background-image: url(/wp-content/themes/tpt1/img/ads/dove/ad320@2x.png); background-size: 320px 50px; } } .ad-970 a { display: block; height: 100%; } .ad-970 html, .ad-970 body { height: 90px; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } /* .byline, .updated:not(.published){ display: none; } .single .byline, .group-blog .byline { display: inline; }*/ .single .tpt_type-article-simple .entry-content h1, .single .tpt_type-article-simple .entry-content h2, .single .tpt_type-article-simple .entry-content h3, .single .tpt_type-article-simple .entry-content h4 { color: black !important; max-width: 960px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .entry-content h1, .single .tpt_type-article-simple .entry-content h2, .single .tpt_type-article-simple .entry-content h3, .single .tpt_type-article-simple .entry-content h4 { padding-left: 5.2%; padding-right: 5.2%; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .single .tpt_type-article-simple .entry-content h1, .single .tpt_type-article-simple .entry-content h2, .single .tpt_type-article-simple .entry-content h3, .single .tpt_type-article-simple .entry-content h4 { padding-left: 80px; padding-right: 80px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .single .tpt_type-article-simple .entry-content h1, .single .tpt_type-article-simple .entry-content h2, .single .tpt_type-article-simple .entry-content h3, .single .tpt_type-article-simple .entry-content h4 { padding-left: 80px; padding-right: 80px; } } .single .tpt_type-article-simple .entry-content h1 { font-size: 72px; font-size: 4.5rem; } @media only screen and (min-width: 481px) and (max-width: 768px) { .single .tpt_type-article-simple .entry-content h1 { font-size: 51px; font-size: 3.1875rem; line-height: 55px; letter-spacing: -1px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .single .tpt_type-article-simple .entry-content h1 { font-size: 51px; font-size: 3.1875rem; line-height: 55px; letter-spacing: -1px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .entry-content h1 { font-size: 30px; font-size: 1.875rem; line-height: 36px; letter-spacing: -1px; } } .single .tpt_type-article-simple .entry-content h2 { font-size: 33px; font-size: 2.0625rem; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 38px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .single .tpt_type-article-simple .entry-content h2 { font-size: 28px; font-size: 1.75rem; line-height: 33px; letter-spacing: 0px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .single .tpt_type-article-simple .entry-content h2 { font-size: 28px; font-size: 1.75rem; line-height: 33px; letter-spacing: 0px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .entry-content h2 { font-size: 24px; font-size: 1.5rem; line-height: 28px; letter-spacing: 0px; } } .single .tpt_type-article-simple .entry-content h3 { font-size: 24px; font-size: 1.5rem; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 28px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .single .tpt_type-article-simple .entry-content h3 { font-size: 21px; font-size: 1.3125rem; line-height: 26px; letter-spacing: 0px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .single .tpt_type-article-simple .entry-content h3 { font-size: 21px; font-size: 1.3125rem; line-height: 26px; letter-spacing: 0px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .entry-content h3 { font-size: 18px; font-size: 1.125rem; line-height: 22px; letter-spacing: 0px; } } .single .tpt_type-article-simple .entry-content h4 { font-size: 12px; font-size: 0.75rem; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 18px; text-transform: uppercase; letter-spacing: 3px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .single .tpt_type-article-simple .entry-content h4 { font-size: 11px; font-size: 0.6875rem; line-height: 17px; letter-spacing: 3px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .single .tpt_type-article-simple .entry-content h4 { font-size: 11px; font-size: 0.6875rem; line-height: 17px; letter-spacing: 3px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .entry-content h4 { font-size: 10px; font-size: 0.625rem; line-height: 15px; letter-spacing: 3px; } } .byline { display: block; font-size: 13px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; text-transform: uppercase; text-align: center; letter-spacing: 3px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .photo-credits-wrap.dark .byline { color: #262626; text-shadow: none; } .home .byline { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .home .entry-title { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .byline span { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; } .dark.byline span { color: black; } .dark.byline span a:hover { color: #808080; } .dark.byline { color: #808080; } .darkest.byline { color: #262626; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .hero { position: relative; overflow: hidden; min-height: 100px; width: 100%; margin-bottom: 31px; } .hero .photo-credits-wrap { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .hero .photo-credits.byline { font-size: 10px; font-size: 0.625rem; } @media only screen and (max-width: 480px) { .hero .photo-credits.byline { right: auto; position: relative; } } @media only screen and (max-width: 480px) { .single .hero .photo-credits.byline { padding: 0 5.2%; } } .single .tpt_type-article-thin-header h1 { color: black !important; text-align: center; margin-bottom: 10px; } @media screen and (min-width: 1036px) { .single .tpt_type-article-thin-header h1 { padding: 0 114px; } } .tpt_type-article-simple .hero { height: 688px; } .single .tpt_type-article-simple .hero { background-color: black; } .single .tpt_type-article-simple .hero:hover > .css-cover { opacity: 1; } .single .tpt_type-article-simple .hero > .css-cover { background-position: 50% 0; opacity: .8; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .single .tpt_type-article-scroll-over-header { background-size: 100% auto; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; } .single .tpt_type-article-scroll-over-header .hero { height: 100vh; margin-bottom: 0; background-color: transparent; } @media only screen and (max-width: 959px) and (min-width: 0) { .single .tpt_type-article-scroll-over-header .hero { height: calc(100vh - 65px) !important; } } .single .tpt_type-article-scroll-over-header section { padding-top: 2.5em; background: white; padding-bottom: 100px; } @media only screen and (max-width: 480px) { .single .tpt_type-article-scroll-over-header section { padding-top: 1em; } } .single .tpt_type-article-scroll-over-header .entry-content-wrap { opacity: 0; } .single .tpt_type-article-scroll-over-header.hentry { margin-bottom: 0; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .single .tpt_type-article-scroll-over-header .tpt-share-fixed { top: 70px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-scroll-over-header .tpt-share-fixed { top: 30px; } } .fixed-scroll-bg { width: 100%; max-width: 1440px; position: fixed; background-size: cover; background-repeat: no-repeat; background-position: center top; top: 0; left: 0; z-index: 0; height: 100%; } @media screen and (min-width: 1440px) { .fixed-scroll-bg { left: calc((100% - 1440px) / 2); } } @media only screen and (max-width: 959px) and (min-width: 0) { .fixed-scroll-bg { top: 65px; height: calc(100% - 65px); } } .is-article-scroll-over-header body { background-color: #141414; } .is-article-scroll-over-header #page { background: transparent; } .is-article-scroll-over-header #background { background-color: transparent; } .home .tpt_type-article-simple .byline { text-shadow: none; } .home .starting-lineup .entry-title, .home .starting-lineup .byline { text-shadow: none; } .page .hero { height: 720px; margin-bottom: 0; } @media only screen and (max-width: 480px) { .page .hero { height: 180px; margin-top: 65px; } } .page h1 { font-size: 60px; font-size: 3.75rem; z-index: 5; position: relative; } .css-cover { height: 100%; width: 100%; position: absolute; background-size: cover; background-position: 50% 50%; } .cover { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; } .cover img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; overflow-x: hidden; max-width: none; } .hero h1 { max-width: 814px; margin: 0 auto; padding: 0 40px; } .photo-credits-wrap { position: absolute; bottom: 0; width: 100%; } .photo-credits-wrap-inner { max-width: 1440px; margin: 0 auto; position: relative; } .hero .photo-credits { position: absolute; bottom: 35px; right: 36px; } .hero .entry-meta { margin-top: 26px; } .table { display: table; position: absolute; height: 100%; width: 100%; text-align: center; } .table-cell { display: table-cell; vertical-align: middle; } .entry-content-wrap > .credits, .entry-content-wrap p { max-width: 960px; margin-left: auto; margin-right: auto; } .entry-content-wrap > * { padding: 0 80px; } @media only screen and (max-width: 480px) { .entry-content-wrap > * { padding: 0 5.2%; } } .credits .author-credit { display: inline-block; text-align: left; padding: 0 45px; background: url("img/divider.svg") top left no-repeat; background-size: auto 50px; vertical-align: top; height: 50px; } @media only screen and (max-width: 480px) { .credits .author-credit { padding: 0 10px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .credits .author-credit { padding: 0 10px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .credits .author-credit { padding: 0 20px; } } .credits--printed .author-credit-avatar { width: 60px; display: inline-block; vertical-align: middle; } @media only screen and (min-width: 481px) and (max-width: 768px) { .credits--printed .author-credit-avatar { width: 50px; } } @media only screen and (max-width: 480px) { .credits--printed .author-credit-avatar { width: 40px; } } .credits--printed .author-credit-avatar + .author-credit { padding-left: 20px; } @media only screen and (max-width: 480px) { .credits--printed .author-credit-avatar + .author-credit { padding-left: 10px !important; } } .credits--printed .author-credit { vertical-align: middle; } @media only screen and (max-width: 480px) { .credits--printed .author-credit { clear: both; padding-left: 0 !important; text-align: left; } } .credits--printed .author-credit--divider { float: none; vertical-align: middle; display: inline-block; } @media only screen and (max-width: 480px) { .credits--printed .author-credit--divider { display: none !important; } } .credits .author-credit:first-child { background: none; padding-left: 0; } .credits .byline { text-align: left; } .credits .byline:first-child { margin-top: 5px; } .entry-content { position: relative; margin: 60px 0; padding: 0; overflow-x: hidden; } .single .entry-content { margin: 60px auto; max-width: 960px; overflow: visible; } .entry-content .text-link-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .tpt_type-article-scroll-over-header .entry-content-wrap { max-width: 100%; } .tpt_type-article-scroll-over-header .entry-content-wrap p { max-width: 960px; margin-right: auto; margin-left: auto; } .tpt_type-article-scroll-over-header .credits.credits--printed { max-width: 960px; margin-right: auto; margin-left: auto; } .twitter-fw { max-width: 963px; margin: 1.5em auto; } @media only screen and (max-width: 480px) { .twitter-fw { font-size: 15px; font-size: 0.9375rem; margin-right: 15px; margin-left: 15px; } } .twitter-fw blockquote.twitter-tweet, .twitter-fw iframe { width: 100% !important; max-width: 100% !important; } .entry-content.has-apostrophe-avatar { margin-top: 45px; } @media only screen and (max-width: 480px) { .entry-content.has-apostrophe-avatar { margin-top: 30px; } } .fullbleed { height: 0; position: relative; margin-bottom: 1.5em; overflow: hidden; width: 100vw; max-width: 1440px; padding-bottom: 56vw; margin-left: calc(-50vw + 50%); } .fullbleed.not-fullbleed { height: auto; width: 100%; margin: 1.5em 0; padding: 0; } .fullbleed.not-fullbleed img { position: relative; left: auto; top: auto; -ms-transform: none; -webkit-transform: none; transform: none; } @media all and (max-width: 60em) { .fullbleed.not-fullbleed { padding: 0 20px; } } @media only screen and (max-width: 480px) { .fullbleed.not-fullbleed { padding: 0; } } @media all and (min-width: 90em) { .fullbleed { margin-left: -240px; padding-bottom: 810px; } .fullbleed.not-fullbleed { margin: 1.5em 0; padding: 0; } } @media only screen and (max-width: 480px) { .fullbleed { font-size: 15px; font-size: 0.9375rem; } } .fullbleed .cite { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; display: block; font-size: 17px; letter-spacing: 3px; text-transform: uppercase; line-height: 1.3; margin: 25px 0 0 0; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } @media all and (max-width: 48em) { .fullbleed .cite { font-size: 12px; } } .fullbleed .text { position: absolute; left: 10%; top: 0; height: 100%; width: 80%; margin: 0 auto; color: white; text-align: center; } .fullbleed .text p { margin: 0 auto; color: white; font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.2em; text-align: center; font-size: 36px; font-size: 2.25rem; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .fullbleed .text p::after, .fullbleed .text p::before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 0.35em; content: "\e600\e600"; vertical-align: top; color: #fff; } .fullbleed .text p::after { line-height: 1.4; margin: 0 -18px 0 3px; } .fullbleed .text p::before { line-height: 1.2; display: inline-block; margin: 0 5px 0 -18px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 480px) { .fullbleed .text p { font-size: 28px; font-size: 1.75rem; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .fullbleed .text p { font-size: 32px; font-size: 2rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .fullbleed .text p { font-size: 32px; font-size: 2rem; } } @media only screen and (max-width: 480px) { .fullbleed.shrink-mobile-text .text p { font-size: 20px; font-size: 1.25rem; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .fullbleed.shrink-mobile-text .text p { font-size: 26px; font-size: 1.625rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .fullbleed.shrink-mobile-text .text p { font-size: 26px; font-size: 1.625rem; } } .fullbleed img { position: absolute; left: 0; width: 100%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .chirp-subtitle { color: white; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; font-size: 1.875rem; margin-top: 20px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 481px) and (max-width: 768px) { .chirp-subtitle { font-size: 22px; font-size: 1.375rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .chirp-subtitle { font-size: 22px; font-size: 1.375rem; } } @media only screen and (max-width: 480px) { .chirp-subtitle { font-size: 17px; font-size: 1.0625rem; } } .single .tpt_type-article-simple .ira { float: right; width: 280px; margin: 50px 80px 50px 50px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .single .tpt_type-article-simple .ira h3 { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; } @media screen and (min-width: 1440px) { .single .tpt_type-article-simple .ira { margin-right: calc(100% - 1360px); } } .single .tpt_type-article-simple .ira p { font-size: 16px; font-size: 1rem; line-height: 1.5em; } @media screen and (max-width: 900px) { .single .tpt_type-article-simple .ira { width: auto; margin-right: 160px; margin-left: 160px; float: none; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .single .tpt_type-article-simple .ira { margin-right: 80px; margin-left: 80px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .ira { margin-right: 10.2%; margin-left: 10.2%; } .single .tpt_type-article-simple .ira p { font-size: 15px; font-size: 0.9375rem; } } .single .tpt_type-article-simple .entry-content > p:first-of-type i .fl, .single .tpt_type-article-simple .entry-content > p:first-child i .fl { padding-right: .45em; } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .entry-content > p:first-of-type i .fl, .single .tpt_type-article-simple .entry-content > p:first-child i .fl { padding-right: 0; } } .single .tpt_type-article-simple .entry-content > p:first-of-type::first-letter, .single .tpt_type-article-simple .entry-content > p:first-child::first-letter { float: left; font-size: 108px; line-height: 100px; padding: 4px 12px 0 0; margin-bottom: -10px; } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .entry-content > p:first-of-type::first-letter, .single .tpt_type-article-simple .entry-content > p:first-child::first-letter { font-size: 2.25em; line-height: 1em; float: none; padding: 0px 2px 0 0; margin-bottom: 0px; margin-top: -8px; } } .single .tpt_type-article-block-header.no-image .credits { margin: 0 auto 35px; width: 100%; padding-left: 80px; } @media only screen and (max-width: 480px) { .single .tpt_type-article-block-header.no-image .credits { padding-left: 5.2%; } .single .tpt_type-article-block-header.no-image .credits .author-credit { width: 100%; display: block; } .single .tpt_type-article-block-header.no-image .credits .byline { margin-left: 0; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-block-header .signoff .byline { margin-left: 0; text-align: center; } } .single .tpt_type-article-block-header .credits--printed { margin: 35px auto; width: 72.45%; max-width: 960px; } @media screen and (min-width: 1300px) { .single .tpt_type-article-block-header .credits--printed { padding-left: 80px; } } @media screen and (max-width: 1299px) { .single .tpt_type-article-block-header .credits--printed { padding-left: 80px; width: 100%; max-width: 960px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-block-header .credits--printed { width: 100%; padding-left: 0; } } .instagram_grid, .soundcloud-grid { margin: 50px 0; } .sc-fw { margin: 50px auto; } @media only screen and (max-width: 480px) { .sc-fw { margin-left: 5.2%; margin-right: 5.2%; } } .sc-fw, .instagram_grid, .soundcloud-grid { margin-left: auto; max-width: 958px; margin-right: auto; } @media only screen and (min-width: 481px) and (max-width: 768px) { .sc-fw, .instagram_grid, .soundcloud-grid { width: 94%; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .sc-fw, .instagram_grid, .soundcloud-grid { width: 94%; margin-left: auto; margin-right: auto; } } .instagram_grid > div { width: 50%; float: left; position: relative; height: 0; padding-bottom: 59%; } .instagram_grid > div > div { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .instagram_grid > div { width: 100%; padding-bottom: 113%; float: none; margin-top: 25px; } .instagram_grid > div:first-child { margin-top: 0; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .instagram_grid > div { width: 100% !important; float: none; padding-bottom: 113%; margin-top: 25px; } .instagram_grid > div:first-child { margin-top: 0; } } @media only screen and (max-width: 480px) { .instagram_grid > div { width: 100% !important; float: none; padding-bottom: 125%; margin-top: 25px; } .instagram_grid > div:first-child { margin-top: 0; } } @media only screen and (max-width: 480px) { .soundcloud-grid { margin-left: 5.2%; margin-right: 5.2%; } } .soundcloud-grid h2 { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 32px; font-size: 2rem; margin: 0 0 50px 80px; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .soundcloud-grid h2 { margin-left: 0; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .soundcloud-grid h2 { margin-left: 0; } } @media only screen and (max-width: 480px) { .soundcloud-grid h2 { margin-left: 0; margin-bottom: 25px; font-size: 24px; font-size: 1.5rem; } } .soundcloud-grid .sc { width: 50% !important; padding-right: 1%; float: left; margin-bottom: 40px; } .soundcloud-grid .sc.even { padding-left: 1%; padding-right: 0%; float: right; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .soundcloud-grid .sc { width: 100% !important; padding-right: 0; float: none; } .soundcloud-grid .sc.even { padding-left: 0%; padding-right: 0%; float: right; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .soundcloud-grid .sc { width: 100% !important; padding-right: 0; float: none; } .soundcloud-grid .sc.even { padding-left: 0%; padding-right: 0%; float: right; } } @media only screen and (max-width: 480px) { .soundcloud-grid .sc { width: 100% !important; padding-right: 0; float: none; } .soundcloud-grid .sc.even { padding-left: 0%; padding-right: 0%; float: right; } .soundcloud-grid .sc .byline { margin-left: 0; } } article p.sponsored { text-align: center; text-transform: uppercase; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 2px; font-size: 12px; font-size: 0.75rem; margin-top: 10%; } article p.sponsored img { position: relative; } article p.sponsored a:focus { outline: none; } article p.icon { color: #262626; text-align: center; margin: 25px auto 0; font-size: 120px; font-size: 7.5rem; } @media only screen and (max-width: 480px) { article p.icon { font-size: 80px; font-size: 5rem; } } .type-post .entry-content > p { padding: 0 80px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; font-size: 1.0625rem; } .type-post .entry-content > p.soundcloud { padding: 0; } @media only screen and (max-width: 480px) { .type-post .entry-content > p { padding: 0 5.2%; font-size: 15px; font-size: 0.9375rem; } } .type-post .entry-content > p iframe { max-width: 640px; width: 100% !important; margin: 0 auto; display: block; } @media only screen and (max-width: 480px) { .type-post .entry-content > p iframe { width: 100% !important; max-width: 100% !important; overflow: hidden; } } .responsive-iframe { display: block; max-width: 640px; margin: 20px auto; } .responsive-iframe > div { height: 0; position: relative; margin: 0 auto; } @media screen and (min-width: 481px) and (max-width: 870px) { .responsive-iframe { margin: 20px 80px; } } @media only screen and (max-width: 480px) { .responsive-iframe { margin: 20px 5.2%; } } .responsive-iframe > div > *, .responsive-iframe iframe { position: absolute; overflow: hidden; border: none !important; -webkit-backface-visibility: hidden; -webkit-transform: scale(1); -moz-backface-visibility: hidden; -moz-transform: scale(1); -o-backface-visibility: hidden; -o-transform: scale(1); -ms-backface-visibility: hidden; -ms-transform: scale(1); backface-visibility: hidden; transform: scale(1); left: 0; height: 100% !important; width: 100% !important; top: 0; } .responsive-iframe > div > * video, .responsive-iframe iframe video { width: 100%; } .tpt_type-article-simple-sponsored .author.byline { display: none; text-align: left; font-size: 10px; font-size: 0.625rem; } @media only screen and (max-width: 480px) { .tpt_type-article-simple-sponsored .author.byline { display: block; } } .tpt_type-article-simple-sponsored .author.byline a { display: block; } .tpt_type-article-simple-sponsored .hero .author.byline { display: block; position: absolute; bottom: 35px; left: 36px; text-shadow: none; } .tpt_type-article-simple-sponsored .hero .author.byline span { display: block; color: white; text-shadow: none; } @media only screen and (max-width: 480px) { .tpt_type-article-simple-sponsored .hero .author.byline { display: none; } } @media only screen and (max-width: 480px) { .tpt_type-article-simple-sponsored .hero .photo-credits.byline { text-align: left; left: 5.2%; bottom: 22px; } } .type-post .entry-content > ol, .type-post .entry-content > ul { list-style-position: inside; margin-left: 50px; margin-right: 0; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; font-size: 1.0625rem; padding: 0 80px; } @media only screen and (max-width: 480px) { .type-post .entry-content > ol, .type-post .entry-content > ul { padding: 0 5.2%; font-size: 15px; font-size: 0.9375rem; margin-left: 20px; } } .type-post .entry-content > ol li, .type-post .entry-content > ul li { margin-top: 1em; } .type-post .entry-content > ol li:first-child, .type-post .entry-content > ul li:first-child { margin-top: 0; } .gallery img { width: 100%; display: block; } .gallery-wrap .slider-arrow, .gallery-nav { display: none; } .signoff { width: 100%; position: relative; } .signoff .signature { display: block; text-align: center; margin: 10px 0 15px; } .single .signoff .signature { margin: 10px 0 11px; } .single .signoff .byline { font-size: 14px; font-size: 0.875rem; } .single .signoff .credits { margin: 0 auto; padding: 0 80px; max-width: 960px; text-align: center; } @media only screen and (max-width: 480px) { .single .signoff .credits .byline { text-align: center; } } .single .signoff .author-credit, .single .signoff .author-credit--divider { float: none; } .single .signoff .author-credit--divider { display: inline-block; } .single .hentry { margin: 0 0 100px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .single .hentry { margin: 0 0 60px; } } @media only screen and (max-width: 480px) { .single .hentry { margin: 0 0 60px; } } .single article.post { color: #262626; } .tags { text-align: center; } .tags a { display: inline-block; padding: 30px; background: #222222; color: #fff; text-align: center; margin: 0 auto; font: 0.75em Graphik Web,sans-serif; text-transform: uppercase; letter-spacing: 0.35em; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; padding: 10px; margin: 0 6px; } .tags a:hover { background: #fff; color: #000; } /* listings */ .listing article { width: 100%; max-width: 1440px; margin: 60px auto; padding: 0 80px; } @media only screen and (max-width: 480px) { .listing article { padding: 0 0 30px; } } .listing article .hero { height: auto !important; padding-bottom: 56.25%; } .listing .hero { height: 510px; } @media only screen and (max-width: 480px) { .listing .hero { height: 250px; margin-bottom: 30px; } } @media only screen and (min-width: 0) and (max-width: 380px) { .listing .hero { height: 180px; } } .listing .entry-content-wrap { float: right; padding: 0; width: 62%; max-width: 560px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .listing .entry-content-wrap { float: none; width: 100%; max-width: 100%; padding: 20px; } } @media only screen and (max-width: 480px) { .listing .entry-content-wrap { float: none; width: 100%; max-width: 100%; padding: 20px; } } .listing .entry-content-wrap .entry-content { margin: 0; } .listing .entry-content p { padding: 0; font-size: 14px; line-height: 1.7em; color: #262626; } .listing .signoff { width: 38%; padding-right: 50px; float: left; } @media only screen and (min-width: 481px) and (max-width: 768px) { .listing .signoff { float: none; width: 100%; } } @media only screen and (max-width: 480px) { .listing .signoff { float: none; width: 100%; } } .listing .signoff .signature { margin-bottom: 0; } .listing .signoff .signature img { width: 80%; height: auto; } @media only screen and (min-width: 481px) and (max-width: 768px) { .listing .signoff .signature img { width: auto; height: 100%; display: none; } } @media only screen and (max-width: 480px) { .listing .signoff .signature img { width: auto; height: 100%; display: none; } } .listing .byline, .listing .signature { font-size: 10px; text-align: left; margin-left: 40px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .listing .byline, .listing .signature { margin-left: 20px; } } @media only screen and (max-width: 480px) { .listing .byline, .listing .signature { margin-left: 20px; } } .listing .byline.the-field { margin-top: 40px; } @media only screen and (max-width: 480px) { .listing .byline.the-field { margin-top: 20px; } } .listing h1 a { font-size: 46px; line-height: 53px; position: absolute; bottom: 0; left: 0; padding: 30px 40px; max-width: 620px; } @media only screen and (max-width: 480px) { .listing h1 a { font-size: 36px; line-height: 43px; } } @media only screen and (max-width: 480px) { .listing h1 a { font-size: 26px; line-height: 32px; padding: 20px; } } .listing .legible-title { font-size: initial; padding: 0 0 20px; text-shadow: none; } .listing .legible-title a { position: relative; bottom: auto; left: auto; color: #000 !important; padding: 0 !important; max-width: 100%; text-shadow: none; } .listing section { margin: 60px 0; } @media only screen and (max-width: 480px) { .listing section { margin: 0px 0; } } .home .listing section { margin: 33px 0 60px; } @media only screen and (max-width: 480px) { .home .listing section.social, .home .listing section.tpt-archive-row, .home .listing section.special-callout { margin-bottom: 0 !important; } } @media only screen and (max-width: 480px) { .home .listing section.starting-lineup { margin-top: 0 !important; padding-top: 0 !important; } } .home .listing section:first-child { margin-top: 0 !important; } @media only screen and (max-width: 480px) { .home .listing section:first-child { margin-top: 0 !important; } } @media only screen and (max-width: 480px) { .listing .byline, .listing .signature { margin: 0 20px; padding: 0 !important; } .listing h1 { padding: 12px 30px; } .listing #module-carousel h1 { padding: 12px 30px 12px 0; } } .post .icon-Gallery, .post .posts-feed-list-item-gallery, .post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .post .posts-feed-modal-hero-meta-gallery { position: absolute; bottom: 35px; left: 40px; color: white; opacity: .5; font-size: 110px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 480px) { .post .icon-Gallery, .post .posts-feed-list-item-gallery, .post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .post .posts-feed-modal-hero-meta-gallery { font-size: 30px; bottom: 20px; left: 20px; } } .tpt_type-video h1 a, .tpt_type-gallery h1 a { left: 160px; bottom: 20px; } @media only screen and (max-width: 480px) { .tpt_type-video h1 a, .tpt_type-gallery h1 a { left: 65px; width: 80%; bottom: 0; } } .tpt_has_audio h1 a { left: 75px; } @media only screen and (max-width: 480px) { .tpt_has_audio h1 a { left: 45px; width: 80%; } } a.stretch-link { position: absolute; display: block; width: 100%; height: 100%; } .tpt-gallery { overflow: hidden; visibility: hidden; position: relative; } .tpt-gallery-inner { overflow: hidden; position: relative; } .tpt-gallery-inner > div { float: left; width: 100%; position: relative; overflow: hidden; } .tpt-gallery, .tpt-gallery-inner { height: 100%; } .slide { height: 100%; } /* Page Template */ .page:not(.page-template-page-about):not(.page-template-page-masthead):not(.page-template-page-connect):not(.page-template-page-david-ortiz-qa):not(.page-template-page-text-with-hero) #page .tpt-logo path { fill: #000; } .page .content-area { padding-top: 0 !important; } .page-fullbleed-container { padding: 100px 0; text-align: center; } .page-fullbleed-container.lesspad-bottom { padding: 100px 0 50px 0; } @media only screen and (max-width: 480px) { .page-fullbleed-container.lesspad-bottom { padding: 60px 0 30px 0; } } .page-fullbleed-container .page-row { margin: 0 auto; max-width: 960px; width: 100%; content: ""; display: table; } .page-fullbleed-container .social-link { margin-right: 40px; color: #808080; display: inline-block; } .page-fullbleed-container .social-link:first-of-type { margin-right: 35px; margin-left: -5px; } .page-fullbleed-container .social-link:last-child { margin-right: 0; } .page-fullbleed-container .social-link:hover { color: #000; } @media only screen and (max-width: 480px) { .page-fullbleed-container { padding: 60px 0; } } .page-fullbleed-small, .page-col-title { color: #808080 !important; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 4px; margin-right: -4px; } .page-fullbleed-content { margin: 25px auto 55px; max-width: 960px; } .page-fullbleed-content p { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-size: 1.25rem; line-height: 33px; color: #222222; } @media only screen and (max-width: 480px) { .page-fullbleed-content p { font-size: 14px; font-size: 0.875rem; line-height: 23px; } } @media only screen and (max-width: 480px) { .page-fullbleed-content { max-width: 240px; margin: 35px auto; } } .page-fullbleed-article { position: relative; overflow: hidden; height: 458px; } @media only screen and (max-width: 480px) { .page-fullbleed-article { height: 345px; } } .page-col-1-3 { float: left; width: 33.3%; } @media only screen and (max-width: 480px) { .page-col-1-3 { width: 100%; margin-bottom: 65px; } .page-col-1-3:last-child { margin-bottom: 0; } } .page-col-title { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 480px) { .page-col-title { margin-bottom: 20px; } } .page-col-details { margin-bottom: 0; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; font-size: 1.0625rem; line-height: 30px; } .page-col-details a { color: #222222; } /* Text Page */ .page-text-wrapper { margin: 195px auto 190px; width: 100%; max-width: 800px; color: #262626; } .page-text-wrapper h1 { color: #262626 !important; margin-bottom: 40px; } @media all and (max-width: 59.9375em) { .page-text-wrapper { margin: 110px 0 90px; padding: 0 40px; } } .page-text-content { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 480px) { .page-text-content { font-size: 14px; font-size: 0.875rem; line-height: 23px; } .page-text-content p[style*="padding-left: 60px"], .page-text-content p[style*="padding-left: 120px"], .page-text-content li[style*="padding-left: 60px"], .page-text-content li[style*="padding-left: 120px"] { padding-left: 0px !important; } } .page-text-content p, .page-text-content ul { margin: 0 0 40px; } .page-text-content ul { font-size: 17px; font-size: 1.0625rem; line-height: 1.8em; list-style: none; } .page-text-content ul li { margin-bottom: 40px; } .page-text-content ul li:before { content: '\2022 '; color: #808080; padding-right: 0.5em; } strong.p-title, strong.p-subtitle { margin-bottom: 10px; display: block; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; letter-spacing: 4px; } @media only screen and (max-width: 480px) { strong.p-title, strong.p-subtitle { line-height: 18px; } } strong.p-subtitle { color: #808080; } strong.p-subtitle-list, strong.p-title-list { margin-bottom: -30px; } /* start article variations */ .blockheader { margin-top: 1%; max-width: 960px; width: 72.45%; height: 0 !important; margin: 4% auto 3% auto; min-height: 0; padding-bottom: 52%; } @media only screen and (min-width: 481px) and (max-width: 768px) { .blockheader { width: 94%; padding-bottom: 73%; } } @media only screen and (max-width: 480px) { .blockheader { width: 89.6%; padding-bottom: 70%; margin-top: 35px; } } .sc .byline { text-align: left; font-size: 12px; font-size: 0.75rem; } .sc h4 { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 20px; font-size: 1.25rem; margin: 0 0 10px 0; } .nextPostBlock { position: relative; height: 0; padding-bottom: 42.8%; margin: 0 auto; display: table; vertical-align: middle; width: 100%; } @media only screen and (max-width: 480px) { .nextPostBlock { padding-bottom: 58.8%; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .nextPostBlock { padding-bottom: 59.8%; } } .nextPostBlock .byline { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .nextPostBlock .byline a { color: white; } .nextPostBlock .byline a:hover { color: white; } .nextPostBlock .entry-title { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 72px; font-size: 4.5rem; text-transform: none; line-height: 80px; letter-spacing: 1px; } @media only screen and (max-width: 480px) { .nextPostBlock .entry-title { font-size: 30px; font-size: 1.875rem; line-height: 36px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .nextPostBlock .entry-title { font-size: 51px; font-size: 3.1875rem; line-height: 55px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .nextPostBlock .entry-title { font-size: 51px; font-size: 3.1875rem; line-height: 55px; } } .left-aligned-nextblock { height: auto; position: relative; } .left-aligned-nextblock:hover .css-cover { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .left-aligned-nextblock .css-cover-link { display: block; width: auto; height: auto; top: 0; right: 0; left: 520px; bottom: 0; position: absolute; outline: none; background-color: #000; } .left-aligned-nextblock .css-cover { width: auto; height: auto; top: 0; right: 0; left: 0; bottom: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .left-aligned-nextblock .left-block { min-height: 470px; width: 523px; padding: 80px 3.85%; background-color: #f5f2f2; position: relative; } .left-aligned-nextblock .left-block .link-overlay { position: absolute; right: 0; left: 0; bottom: 0; top: 0; } .left-aligned-nextblock .left-block .inner { padding: 25px; } .left-aligned-nextblock .left-block .byline { text-align: left; font-size: 10px; letter-spacing: 3px; margin-bottom: 10px; } .left-aligned-nextblock .left-block .btn, .left-aligned-nextblock .left-block .alm-load-more-btn, .left-aligned-nextblock .left-block .newsletter-popin-col-form button[type="submit"], .newsletter-popin-col-form .left-aligned-nextblock .left-block button[type="submit"] { padding: 0 27px 0 30px; margin: 10px 0 0; } .left-aligned-nextblock .left-block h3 { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; color: #000; font-size: 33px; line-height: 1.2; letter-spacing: -.5px; margin: 0 0 15px; } @media only screen and (max-width: 480px) { .left-aligned-nextblock .left-block h3 { font-size: 20px; line-height: 26px; letter-spacing: 1; } } .left-aligned-nextblock .left-block .excerpt { font-size: 14px; line-height: 1.7em; color: #262626; margin: 0; padding: 0 0 25px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media all and (max-width: 65.625em) { .left-aligned-nextblock .css-cover-link { left: 50%; } .left-aligned-nextblock .left-block { width: 50%; } } @media all and (max-width: 64em) { .left-aligned-nextblock .left-block { padding: 45px; min-height: 380px; } .left-aligned-nextblock .left-block .inner { padding: 0; max-width: 390px; } } @media all and (max-width: 43.75em) { .left-aligned-nextblock .left-block { display: block; width: 100%; min-height: 100px; } .left-aligned-nextblock .css-cover-link { padding: 50% 0 0; position: relative; left: auto; top: auto; right: auto; bottom: auto; } } @media all and (max-width: 30em) { .left-aligned-nextblock .left-block { padding: 45px 5.2%; } .left-aligned-nextblock .left-block h3 { letter-spacing: initial; } .left-aligned-nextblock .btn, .left-aligned-nextblock .alm-load-more-btn, .left-aligned-nextblock .newsletter-popin-col-form button[type="submit"], .newsletter-popin-col-form .left-aligned-nextblock button[type="submit"] { display: block; text-align: center; } } .csstransforms .nextPostBlock .table { display: block; top: 50%; -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); height: auto; } .csstransforms .nextPostBlock .table-cell { display: block; } .csstransforms .fullbleed .text { display: block; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto; } .no-csstransforms .fullbleed { display: table; } .no-csstransforms .fullbleed .text { display: table-cell; vertical-align: middle; } h1.entry-title--black { margin-top: 142px; margin-bottom: 1%; color: #262626 !important; text-align: center; font-size: 2.25em; padding: 0 5.2%; } @media only screen and (max-width: 480px) { h1.entry-title--black { margin-top: 45px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { h1.entry-title--black { margin-top: 90px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { h1.entry-title--black { margin-top: 90px; } } .is-blockheader .byline { color: black; } @media only screen and (max-width: 480px) { .is-blockheader .byline { text-align: left; margin-left: 5.2%; } } .is-blockheader .credits--printed { margin-bottom: 35px; } .is-blockheader .cover .photo-credits-wrap { position: absolute; z-index: 10; right: 2%; width: 98%; bottom: 6%; font-size: 10px; text-align: right; color: white; } .is-blockheader .cover .photo-credits-wrap.dark { color: #262626; text-shadow: none; } .is-blockheader .cover .photo-credits-wrap.dark .byline { color: #262626; text-shadow: none; } .is-blockheader .hero .byline { text-align: left; } .is-blockheader .hero .byline.photo-credits { text-align: right; } .tpt_type-article-block-header .author-credit, .tpt_type-article-thin-header .author-credit { height: auto; } .tpt_type-article-block-header .credits--multiple { margin-top: 7%; } .tpt_type-article-block-header .author-credit--divider { color: black; } .tpt_type-article-block-header .author-credit--divider svg { top: -7px; } .feature-article-listing, .instagram_grid, .soundcloud-grid, .tpt_type-article-block-header .credits, .tpt_type-article-thin-header .credits, .credits, #secTable1 .tablesList .rCol, #secTable1 .tablesList ol { zoom: 1; } .feature-article-listing:after, .instagram_grid:after, .soundcloud-grid:after, .tpt_type-article-block-header .credits:after, .tpt_type-article-thin-header .credits:after, .credits:after, #secTable1 .tablesList .rCol:after, #secTable1 .tablesList ol:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media only screen and (max-width: 480px) { .tpt_type-article-thin-header h1.entry-title--black, .tpt_type-article-block-header h1.entry-title--black { text-align: left; } } @media only screen and (max-width: 480px) { .tpt_type-article-thin-header .hero .photo-credits, .tpt_type-article-block-header .hero .photo-credits { text-align: left !important; } } @media only screen and (max-width: 480px) { .tpt_type-article-thin-header > .credits .author-credit, .tpt_type-article-block-header > .credits .author-credit { float: none; display: block; width: 100%; max-width: 100%; } } .tpt_type-article-thin-header h1.entry-title--black { margin-top: 0; } @media only screen and (max-width: 480px) { .tpt_type-article-thin-header .byline { text-align: left; padding: 0 5.2%; } .tpt_type-article-thin-header .hero { height: auto !important; } } .tpt_type-article-thin-header .site-content > .byline { color: #262626; } .tpt_type-article-thin-header .author-credit a, .tpt_type-article-thin-header .author-credit a:visited, .tpt_type-article-thin-header .author-credit a span { color: white; } .tpt_type-article-thin-header .author-credit .dark a, .tpt_type-article-thin-header .author-credit .dark a:visited, .tpt_type-article-thin-header .author-credit .dark a span { color: black; } .tpt_type-article-thin-header > .credits { display: none; } @media only screen and (max-width: 480px) { .tpt_type-article-thin-header > .credits { display: block; margin: 35px 0; } } .tpt_type-article-thin-header .hero .credits { position: absolute; left: 2%; bottom: 22px; } .tpt_type-article-thin-header .credits { font-size: 12px; } .tpt_type-article-thin-header .author-credit--divider { color: white !important; } .tpt_type-article-thin-header .hero .byline { text-align: left; font-size: 12px; font-size: 0.75rem; } .tpt_type-article-thin-header .hero .byline:first-child { margin-top: 0; } .tpt_type-article-thin-header .cover .photo-credits-wrap { width: auto !important; } .tpt_type-article-thin-header .hero .photo-credits { text-align: right; } @media only screen and (max-width: 480px) { .tpt_type-article-thin-header .hero .photo-credits { padding-left: 0 !important; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .tpt_type-article-thin-header .cover .photo-credits-wrap { max-width: 40% !important; } .tpt_type-article-thin-header .credits { max-width: 60%; } } @media only screen and (max-width: 480px) { .tpt_type-article-thin-header .cover .photo-credits-wrap { max-width: 100% !important; width: 100% !important; text-align: left !important; left: 4%; right: auto !important; bottom: 10px !important; } } .is-blockheader .photo-credits-wrap-inner, .tpt_type-article-thin-header .photo-credits-wrap-inner { max-width: 100%; } .is-blockheader .cover .photo-credits-wrap, .tpt_type-article-thin-header .cover .photo-credits-wrap { position: absolute; z-index: 10; right: 2%; width: 98%; bottom: 22px; font-size: 10px; text-align: right; color: white; } .is-blockheader .hero .byline.dark .photo-credits, .is-blockheader .hero .photo-credits-wrap.dark .photo-credits, .tpt_type-article-thin-header .hero .byline.dark .photo-credits, .tpt_type-article-thin-header .hero .photo-credits-wrap.dark .photo-credits { color: #262626; text-shadow: none; } .is-blockheader .hero .photo-credits, .tpt_type-article-thin-header .hero .photo-credits { position: static; bottom: 0; letter-spacing: 2px; right: 0; color: white; } .is-blockheader .hero .photo-credits a, .tpt_type-article-thin-header .hero .photo-credits a { color: white; } /* .single{ .is-blockheader{ .cover{ .photo-credits-wrap{ color:#262626; } } .hero{ .byline, .photo-credits{ color:#262626; text-shadow:none; a{ color:#262626; } } } } }*/ .hero.thinheader { min-height: 0; height: 0; padding-bottom: 35.1%; margin-bottom: 2.5em; } @media only screen and (max-width: 480px) { .hero.thinheader { margin-bottom: 40px; } } .thinheader .cover, .blockheader .cover { position: static; left: 0; top: 0; width: 100%; height: 100%; } .thinheader .cover img, .blockheader .cover img { width: 100%; bottom: auto; } .tpt_type-article-simple-sponsored.tpt_type-article-thin-header .thinheader .cover { position: absolute; } .thinheader .author-credit-avatar { display: none; } /*homepage responsiveness*/ @media only screen and (max-width: 1024px) and (min-width: 769px) { .home .starting-lineup.articles-row { padding: 0; margin-bottom: 30px; } .home section.articles-row { margin-bottom: 0; padding-bottom: 0; } .home .listing .starting-lineup { padding: 0 48px; } .home .listing article, .home .listing .tpt_type-article-simple { padding: 0 48px; margin-top: 40px; } .home .listing article .hero, .home .listing .tpt_type-article-simple .hero { margin-bottom: 0; } .home .listing article section.entry-preview-content, .home .listing .tpt_type-article-simple section.entry-preview-content { margin-top: 27px; padding: 0 30px; } .home .listing article .byline:not(.the-field), .home .listing article .signature, .home .listing .tpt_type-article-simple .byline:not(.the-field), .home .listing .tpt_type-article-simple .signature { margin-left: 0; } .home .listing article .signature, .home .listing .tpt_type-article-simple .signature { display: none; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .home .listing article, .home .listing .tpt_type-article-simple { padding: 0 40px; } .home .listing article .signoff, .home .listing .tpt_type-article-simple .signoff { width: 100%; } .home .listing article .entry-content-wrap, .home .listing .tpt_type-article-simple .entry-content-wrap { float: none; width: 100%; max-width: 100%; } } @media only screen and (max-width: 480px) { .home .starting-lineup.articles-row { padding: 0; margin-bottom: 15px; } .home .starting-lineup.articles-row .article-preview-wrapper { padding: 5px 0 20px !important; } .home .starting-lineup .home .listing .entry-content-wrap { padding: 30px; } } @media only screen and (max-width: 768px) and (min-width: 481px) { .home .listing article, .home .listing .tpt_type-article-simple { padding: 0 40px; margin-top: 40px; margin-bottom: 0; } .home .listing article h1 a, .home .listing .tpt_type-article-simple h1 a { font-size: 36px; padding: 20px; line-height: 43px; } .home .listing article .entry-preview-content, .home .listing .tpt_type-article-simple .entry-preview-content { margin-top: 20px; margin-bottom: 30px; } .home .listing article .byline:not(.the-field), .home .listing .tpt_type-article-simple .byline:not(.the-field) { margin-left: 0; } .home .listing article .entry-content-wrap, .home .listing .tpt_type-article-simple .entry-content-wrap { padding: 20px 0 0; } .home .listing article .hero, .home .listing .tpt_type-article-simple .hero { height: 384px; margin-bottom: 0; } .home .listing .articles-row { margin-bottom: 0; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .home .listing h1 a { font-size: 36px; font-size: 2.25rem; line-height: 43px; letter-spacing: -1px; padding: 18px 30px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .home .listing h1 a { font-size: 36px; font-size: 2.25rem; line-height: 43px; letter-spacing: -1px; padding: 18px 30px; } } @media only screen and (max-width: 480px) { .home .listing article, .home .listing .tpt_type-article-simple { margin-bottom: 0; padding-bottom: 0px; margin-top: 0px; } .home .listing article section.entry-preview-content, .home .listing .tpt_type-article-simple section.entry-preview-content { margin-top: 15px; margin-bottom: 0; } .home .listing article .entry-content-wrap, .home .listing .tpt_type-article-simple .entry-content-wrap { padding-top: 15px; } .home .articles-row { padding-bottom: 0; margin-bottom: 0; margin-top: 0; } } .author-credit--nobg { background-image: none !important; } .author-credit--divider { float: left; color: white; position: relative; font-size: 5em; font-weight: 100; fill: white; width: 30px; height: 34px; top: -2px; overflow: visible; } .author-credit--divider svg { fill: currentColor; top: -10px; position: absolute; left: 10px; } .single .tpt_type-article-simple section { position: relative; } .single .tpt_type-article-simple .author-credit--divider { color: #262626; } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .entry-content { margin: 30px 0; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .signoff { width: 90%; margin-right: auto; margin-left: auto; } .single .tpt_type-article-simple .signoff .byline { font-size: 12px; font-size: 0.75rem; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .author-credit { height: auto; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .author-credit .byline { font-size: 10px; font-size: 0.625rem; } } .credits--printed .author-credit { background: none; } .error-404 { padding: 12% 0; } .error-404 .articles-row .byline { text-align: left; } .error-404 .page-content { text-align: center; } .error-404 .entry-meta.byline { color: #808080; } .error-404 a.home { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; color: white; background: black; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; padding: 2% 4%; } .error-404 h1 { color: #262626 !important; margin: 1.5% 0 100px; padding: 0 4%; } body.error404 .articles-row.grey-bg { margin-bottom: 100px; } @media screen and (max-width: 750px) { .error-404 { padding: 5% 0 8%; } .error-404 h1 { font-size: 50px; } } @media screen and (max-width: 655px) { .error-404 h1 { font-size: 30px; } .error-404 { padding: 5% 0 12%; } } @media screen and (max-width: 480px) { .error-404 h1 { font-size: 25px; margin: 2.5% 0; } .error-404 a.home { font-size: 10px; padding: 6% 8%; } } .single .more-articles-module .byline { text-align: left; font-size: 10px; font-size: 0.625rem; letter-spacing: 2px; line-height: 1.2em; } @media only screen and (max-width: 480px) { .single .more-articles-module .byline { letter-spacing: 1px; } } .single .entry-content p > img, .single .entry-content > figure, .single .entry-content p > .img-with-credit, .single .entry-content p > .inline-gallery { max-width: 100% !important; } @media only screen and (max-width: 480px) { .single .entry-content p > img, .single .entry-content > figure, .single .entry-content p > .img-with-credit, .single .entry-content p > .inline-gallery { width: 100% !important; margin-left: 0; margin-right: 0; } } .single .entry-content p > img img, .single .entry-content > figure img, .single .entry-content p > .img-with-credit img, .single .entry-content p > .inline-gallery img { display: block; } .single .entry-content p > img.aligncenter, .single .entry-content > figure.aligncenter, .single .entry-content p > .img-with-credit.aligncenter, .single .entry-content p > .inline-gallery.aligncenter { display: block; margin: 0 auto; } .single .entry-content p > img.alignnone:not(figure), .single .entry-content > figure.alignnone:not(figure), .single .entry-content p > .img-with-credit.alignnone:not(figure), .single .entry-content p > .inline-gallery.alignnone:not(figure) { width: 120% !important; max-width: 120% !important; margin-left: -10%; margin-top: 1.5em; display: block; } .single .entry-content p > img.alignleft, .single .entry-content > figure.alignleft, .single .entry-content p > .img-with-credit.alignleft, .single .entry-content p > .inline-gallery.alignleft { margin-left: -10%; margin-right: 50px; } .single .entry-content p > img.alignright, .single .entry-content > figure.alignright, .single .entry-content p > .img-with-credit.alignright, .single .entry-content p > .inline-gallery.alignright { margin-right: -10%; margin-left: 50px; } .single .entry-content p > img.alignleft, .single .entry-content p > img.alignright, .single .entry-content > figure.alignleft, .single .entry-content > figure.alignright, .single .entry-content p > .img-with-credit.alignleft, .single .entry-content p > .img-with-credit.alignright, .single .entry-content p > .inline-gallery.alignleft, .single .entry-content p > .inline-gallery.alignright { margin-bottom: 1.5em; } @media all and (max-width: 48em) { .single .entry-content p > img.alignleft, .single .entry-content p > img.alignright, .single .entry-content > figure.alignleft, .single .entry-content > figure.alignright, .single .entry-content p > .img-with-credit.alignleft, .single .entry-content p > .img-with-credit.alignright, .single .entry-content p > .inline-gallery.alignleft, .single .entry-content p > .inline-gallery.alignright { width: 100%; } .single .entry-content p > img.alignleft:not(figure), .single .entry-content p > img.alignright:not(figure), .single .entry-content > figure.alignleft:not(figure), .single .entry-content > figure.alignright:not(figure), .single .entry-content p > .img-with-credit.alignleft:not(figure), .single .entry-content p > .img-with-credit.alignright:not(figure), .single .entry-content p > .inline-gallery.alignleft:not(figure), .single .entry-content p > .inline-gallery.alignright:not(figure) { margin: 0 0 1.5em; } } .single .entry-content > figure a { display: block; } .single .entry-content > figure img { width: 100%; } .single .entry-content > figure.alignnone, .single .entry-content > figure.aligncenter { margin-bottom: 1.5em; } @media all and (max-width: 60em) { .single .entry-content > figure.alignnone, .single .entry-content > figure.aligncenter { padding: 0 20px; } } .single .entry-content > figure.alignleft { margin-left: 0; } @media all and (min-width: 30.0625em) { .single .entry-content > figure.alignleft { margin-bottom: 0; } } @media all and (max-width: 65em) { .single .entry-content > figure.alignleft { padding-left: 20px; } } .single .entry-content > figure.alignright { margin-right: 0; } @media all and (min-width: 30.0625em) { .single .entry-content > figure.alignright { margin-bottom: 0; } } @media all and (max-width: 65em) { .single .entry-content > figure.alignright { padding-right: 20px; } } @media only screen and (max-width: 480px) { .single .entry-content > figure.alignleft, .single .entry-content > figure.alignright { padding: 0 20px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .hero { height: 296px; min-height: 0px; } } .single .hero h1, .single .hero .byline { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .single h1 { font-size: 72px; font-size: 4.5rem; line-height: 80px; } @media only screen and (max-width: 480px) { .single h1 { font-size: 30px; font-size: 1.875rem; line-height: 36px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .single h1 { font-size: 51px; font-size: 3.1875rem; line-height: 55px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .single h1 { font-size: 51px; font-size: 3.1875rem; line-height: 55px; } } .archive.category-the-chirp h1 a, .single .category-the-chirp h1 a, .category-the-chirp h1 a { font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .archive.category-the-chirp h1, .single .category-the-chirp h1, .category-the-chirp h1 { font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1em; text-transform: uppercase; font-size: 100px; font-size: 6.25rem; } @media only screen and (max-width: 480px) { .archive.category-the-chirp h1, .single .category-the-chirp h1, .category-the-chirp h1 { font-size: 40px; font-size: 2.5rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .archive.category-the-chirp h1, .single .category-the-chirp h1, .category-the-chirp h1 { font-size: 70px; font-size: 4.375rem; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .archive.category-the-chirp h1, .single .category-the-chirp h1, .category-the-chirp h1 { font-size: 70px; font-size: 4.375rem; } } .home .listing .chirpdate { display: none; } .home .listing .category-the-chirp .chirpdate { display: block; font-size: 17px; font-size: 1.0625rem; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; } @media only screen and (max-width: 480px) { .home .listing .category-the-chirp .chirpdate { font-size: 14px; font-size: 0.875rem; } } .listing .category-the-chirp .chirpbranding { position: absolute; bottom: 30px; left: 40px; } @media only screen and (max-width: 480px) { .listing .category-the-chirp .chirpbranding { left: 20px; bottom: 20px; } } .listing .category-the-chirp .chirpbranding h1 { padding: 0 0 12px 0; } .listing .category-the-chirp h1 a { padding: 0; position: relative; display: block; line-height: 40px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .listing .category-the-chirp h1 a { padding: 0 20px 0 0 !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .listing .category-the-chirp h1 a { padding: 0 20px 0 0 !important; } } @media only screen and (max-width: 480px) { .listing .category-the-chirp h1 a { line-height: 1em; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .hero { min-height: 0px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-simple .cover .credits--printed { display: none; } } .single .tpt_type-article-questionaire .entry-content p.questionaire { margin-top: 15px; margin-bottom: 15px; line-height: 100%; font-size: 32px; font-size: 2rem; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: -1px; } @media only screen and (max-width: 480px) { .single .tpt_type-article-questionaire .entry-content p.questionaire { font-size: 24px; font-size: 1.5rem; letter-spacing: 0px; } } .single .tpt_type-article-questionaire .entry-content p.questionaire span { text-transform: uppercase; font-size: 12px; font-size: 0.75rem; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: 3px; display: block; } .single .tpt_type-article-questionaire .entry-content p > img { width: auto !important; max-width: 100% !important; margin-left: 0%; top: 6px; position: relative; } .single .tpt_type-article-questionaire .entry-content p > img.shiftdown, .single .tpt_type-article-questionaire .entry-content p > img.shiftdown1 { top: 15px; } .single .tpt_type-article-questionaire .entry-content p > img.shiftdown2 { top: 23px; } .single .tpt_type-article-questionaire .entry-content p > img.shiftdown3 { top: 28px; } .single .tpt_type-article-questionaire .entry-content p > img.old { height: 30px !important; } .responsive-iframe { display: block; max-width: 640px; margin: 20px auto; } .responsive-iframe.responsive-iframe-nomax { max-width: 960px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 980px) { .responsive-iframe.responsive-iframe-nomax { max-width: 94%; } } .responsive-iframe > div { height: 0; position: relative; margin: 0 auto; } @media screen and (min-width: 481px) and (max-width: 870px) { .responsive-iframe { margin: 20px 80px; } } @media only screen and (max-width: 480px) { .responsive-iframe { margin: 20px 5.2%; } } .responsive-iframe > div > *, .responsive-iframe iframe { position: absolute; overflow: hidden; border: none !important; -webkit-backface-visibility: hidden; -webkit-transform: scale(1); -moz-backface-visibility: hidden; -moz-transform: scale(1); -o-backface-visibility: hidden; -o-transform: scale(1); -ms-backface-visibility: hidden; -ms-transform: scale(1); backface-visibility: hidden; transform: scale(1); left: 0; height: 100% !important; width: 100% !important; top: 0; } .responsive-iframe > div > * video, .responsive-iframe iframe video { width: 100%; } .tpt_type-article-simple-sponsored.tpt_type-article-thin-header .hero .vert-align-mid { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: table; text-align: center; } .tpt_type-article-simple-sponsored.tpt_type-article-thin-header .hero .vert-align-mid-content { display: table-cell; vertical-align: middle; } .tpt_type-article-simple-sponsored.tpt_type-article-thin-header .hero .vert-align-mid-content .byline { text-align: center; margin-top: 0px; } .tpt_type-article-simple-sponsored.tpt_type-article-thin-header .hero h1 { color: white !important; } .tpt_type-article-simple-sponsored.tpt_type-article-thin-header p.icon { color: black; } .tpt_type-article-simple-sponsored.tpt_type-article-thin-header p.sponsored { margin-top: 0; } .single .tpt_type-article-block-header h1.entry-title { color: #262626 !important; text-align: center; margin: 10% auto 0px; max-width: 960px; } @media all and (max-width: 71.875em) { .single .tpt_type-article-block-header h1.entry-title { max-width: 750px; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { .single .tpt_type-article-block-header h1.entry-title { max-width: 600px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-block-header h1.entry-title { text-align: left !important; margin: 10% auto 0 5.2%; max-width: 300px; } } .video-play-btn { display: block; width: 72px; height: 87px; background-image: url("img/hero-video-play.png"); background-repeat: no-repeat; background-size: 72px 174px; margin: 0 auto; cursor: pointer; } .video-play-btn:hover { background-position: 0px -87px; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 174px; background-image: url(img/scrim-article.png); background-size: 1px 175px; background-repeat: repeat-x; background-position: bottom left; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .photo-credits-wrap { z-index: 1; position: relative; padding: 25px 0 0; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .photo-credits-wrap .photo-credits.byline { bottom: auto; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .photo-credits-wrap.dark .byline { color: #fff; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .entry-meta { margin-top: 10px; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .entry-meta.byline { font-size: 10px; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .table-cell { z-index: 1; position: relative; padding: 110px 0 25px 0; vertical-align: bottom; } @media all and (min-width: 30em) { .tpt_type-article-simple .entry-header .table.center-bottom-scrim::after { height: 334px; background-size: 1px 335px; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .table-cell { padding-bottom: 35px; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .entry-meta { margin-top: 20px; margin-bottom: 40px; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .entry-meta.byline { font-size: 13px; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .photo-credits-wrap { position: absolute; margin: 0; right: 0; bottom: 0; width: auto; padding: 0 30px 30px 30px; } .tpt_type-article-simple .entry-header .table.center-bottom-scrim .photo-credits-wrap .photo-credits.byline { position: relative; bottom: auto; right: auto; } } @media all and (min-width: 48em) { .tpt_type-article-simple .entry-header .table.left-center, .tpt_type-article-simple .entry-header .table.left-bottom, .tpt_type-article-simple .entry-header .table.left-bottom-flipped { text-align: left; } .tpt_type-article-simple .entry-header .table.left-center h1, .tpt_type-article-simple .entry-header .table.left-bottom h1, .tpt_type-article-simple .entry-header .table.left-bottom-flipped h1 { margin-left: 0px; } .tpt_type-article-simple .entry-header .table.left-center .entry-meta, .tpt_type-article-simple .entry-header .table.left-bottom .entry-meta, .tpt_type-article-simple .entry-header .table.left-bottom-flipped .entry-meta { text-align: left; margin-left: 40px; } .tpt_type-article-simple .entry-header .table.left-center .video-play-btn, .tpt_type-article-simple .entry-header .table.left-bottom .video-play-btn, .tpt_type-article-simple .entry-header .table.left-bottom-flipped .video-play-btn { margin-left: 40px; margin-bottom: 26px; } .tpt_type-article-simple .entry-header .table.left-bottom .table-cell, .tpt_type-article-simple .entry-header .table.left-bottom-flipped .table-cell, .tpt_type-article-simple .entry-header .table.center-bottom-flipped .table-cell { vertical-align: bottom; padding-bottom: 35px; } .tpt_type-article-simple .entry-header .table.left-bottom-flipped .entry-meta, .tpt_type-article-simple .entry-header .table.center-bottom-flipped .entry-meta { margin-top: 0px; margin-bottom: 26px; } .tpt_type-article-simple .entry-header .table.center-bottom-flipped .photo-credits-wrap { position: relative; bottom: auto; margin-top: 26px; } .tpt_type-article-simple .entry-header .table.center-bottom-flipped .photo-credits-wrap .photo-credits.byline { position: relative; bottom: auto; right: auto; } } .img-with-credit { position: relative; } .img-with-credit.alignnone img { width: 100%; } .img-with-credit.aligncenter p { width: 100%; right: auto; text-align: center; } .img-with-credit img { display: block; } .img-with-credit p { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; font-size: 0.625rem; position: absolute; right: 30px; bottom: 20px; margin-bottom: 0px; line-height: 13px; text-transform: uppercase; color: #fff; letter-spacing: 1px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .archive .tpt-assist-logo { display: block; position: relative; width: 520px; margin: 65px auto 60px; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .archive .tpt-assist-logo { margin: 65px auto 0; } } @media only screen and (max-width: 480px) { .archive .tpt-assist-logo { width: 280px; margin: 35px auto -20px; } } .page-template-page-text-with-hero .css-cover { top: 0; left: 0; } .page-template-page-text-with-hero .page-text-wrapper { margin: 100px auto 190px; } @media all and (max-width: 59.9375em) { .page-template-page-text-with-hero .page-text-wrapper { margin: 80px 0 90px; } } @media only screen and (max-width: 480px) { .page-template-page-text-with-hero .page-text-wrapper { margin: 60px 0 90px; } } @media only screen and (max-width: 480px) { .page-template-page-text-with-hero .hero { height: 296px; min-height: 0px; } } .page-template-page-text-with-hero .hero h1 { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); font-size: 72px; font-size: 4.5rem; line-height: 80px; } @media only screen and (max-width: 480px) { .page-template-page-text-with-hero .hero h1 { font-size: 30px; font-size: 1.875rem; line-height: 36px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .page-template-page-text-with-hero .hero h1 { font-size: 51px; font-size: 3.1875rem; line-height: 55px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .page-template-page-text-with-hero .hero h1 { font-size: 51px; font-size: 3.1875rem; line-height: 55px; } } .single .tpt_type-article-simple .entry-content h3.l-small { font-size: 14px; line-height: 18px; color: #808080 !important; padding: 0; } .article-column-container, .embed-container { display: inline-block; width: 100%; margin-bottom: 10px; } .article-column-container p { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; font-size: 1.0625rem; } .article-column-inner { display: inline-block; } .article-column { display: inline-block; } .article-column .simplePullQuote { max-width: 100% !important; margin: 0 !important; text-align: left; } .article-column .simplePullQuote span { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-size: 16px; } .article-column .simplePullQuote cite { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; text-transform: uppercase; letter-spacing: 3px; font-size: 0.6875rem; line-height: 17px; letter-spacing: 3px; padding: 0; display: inline-block; margin-top: 10px; } .audio-player-mini { float: left; position: relative; padding: 20px 0px; } .single .tpt_type-article-simple .entry-content .audio-player-mini h4 { padding: 0; margin-bottom: 5px; font-size: 14px; letter-spacing: 2px; line-height: 18px; } .audio-player-mini h5 { font-size: 10px; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 18px; text-transform: uppercase; letter-spacing: 3px; color: #666; margin-bottom: 3px; } .audio-player-mini .player-left, .audio-player-mini .play-pause { width: 50px; position: relative; float: left; } .audio-player-mini .play-pause { height: 50px; } .audio-player-mini .play-pause a { position: absolute; } .audio-player-mini .play, .audio-player-mini .pause { display: inline-block; width: 50px; height: 50px; border: 1px solid #000; border-radius: 3px; } .audio-player-mini .pause { display: none; } .audio-player-mini progress, .audio-player-mini progress[value] { width: 100%; height: 8px; position: absolute; left: 0; bottom: 0; } .audio-player-mini progress { background: #fff; } .audio-player-mini progress[value] { background: #666; } .audio-player-mini progress::-webkit-progress-bar { background: #fff; } .audio-player-mini progress::-webkit-progress-value { background: #000; } .audio-player-mini [class^="icon-"], .audio-player-mini .posts-feed-list-item > div:before, .audio-player-mini .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-video .audio-player-mini .posts-feed-modal-hero-meta:before, .audio-player-mini .posts-feed-modal-content:before { font-size: 25px; line-height: 50px; width: 100%; text-align: center; color: #000; display: inline-block; } .audio-player-mini [class^="icon-"]:hover, .audio-player-mini .posts-feed-list-item > div:hover:before, .audio-player-mini .posts-feed-modal-video .posts-feed-modal-hero-meta:hover:before, .posts-feed-modal-video .audio-player-mini .posts-feed-modal-hero-meta:hover:before, .audio-player-mini .posts-feed-modal-content:hover:before { color: #333; } .audio-player-mini .player-right { padding: 0; float: left; } .embed-container-inner { position: relative; height: 0; overflow: hidden; max-width: 120% !important; } .embed-container-inner iframe, .embed-container-inner object, .embed-container-inner embed { position: absolute; top: 0; left: 0; height: 100%; width: 100% !important; max-width: 100% !important; } @media only screen and (min-width: 850px) { .audio-player-mini .player-right { width: 74%; margin-left: 5%; } } @media only screen and (min-width: 769px) and (max-width: 849px) { .audio-player-mini .player-right { width: 100%; margin-left: 0; margin-top: 10px; } } @media only screen and (min-width: 769px) { .article-column.left { width: 60%; margin-right: 5%; float: left; } .article-column.right { width: 35% !important; float: left; } .audio-player-mini { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } } @media only screen and (max-width: 768px) { .article-column.left, .article-column.right, .article-column .simplePullQuote { max-width: 100%; width: 100% !important; float: none; } .audio-player-mini { margin: 10px 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .audio-player-mini .player-right { width: 74%; margin-left: 5%; } } @media only screen and (min-width: 480px) { .article-column-container, .embed-container { padding: 0 80px; } .embed-container-inner { width: 120%; margin-left: -10%; max-width: 960px; padding-bottom: 68.25% !important; } } @media only screen and (max-width: 479px) { .audio-player-mini .player-right { width: 70%; margin-left: 5%; } .article-column-container { padding: 0 5.2%; } .article-column-container p { font-size: 0.9375rem; } .embed-container-inner { width: 100%; margin-left: 0; max-width: 960px; padding-bottom: 57.25% !important; } } .ajax-call-ctn { width: 100%; height: 100%; } body.type-gallery .content-area, body.type-video .content-area { padding: 0 !important; } body.media-popup #background, body.media-popup .scotch-panel-wrapper, body.media-popup #panel-wrap { height: 100%; } body.type-video .tpt-logo-link, body.type-gallery .tpt-logo-link { display: none; } body.type-video .article-overlay-content .tpt-logo-link, body.type-gallery .article-overlay-content .tpt-logo-link { display: none; } .gallery-slider .slick-list, .gallery-slider .slick-track { height: 100%; } .gallery-slider .slick-slide { overflow: hidden; } .gallery-slider .slick-slide:first-child:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .15; z-index: 5; } .gallery-slider .article-overlay-on-end { display: block; } @media only screen and (max-width: 480px) { .gallery-slider .slick-arrow { display: none !important; } } .article-inline-gallery .gallery-caption, .gallery-slide .gallery-caption { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; bottom: 6%; width: 90%; left: 5%; font-size: 14px; font-size: 0.875rem; color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .article-inline-gallery .gallery-caption p, .gallery-slide .gallery-caption p { font-size: 14px; font-size: 0.875rem; line-height: 21px; margin-bottom: 0; } .article-inline-gallery .gallery-caption p > span, .gallery-slide .gallery-caption p > span { text-transform: uppercase; margin-top: 12px; display: block; font-size: 10px; font-size: 0.625rem; letter-spacing: 3px; } .article-inline-gallery .gallery-caption p > span span, .gallery-slide .gallery-caption p > span span { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; } .article-overlay { position: relative; height: 100%; overflow: hidden; background-color: #222222; } @media only screen and (max-width: 480px) { .article-overlay .byline { display: none; } } .article-overlay .byline-mobile { display: none; } @media only screen and (max-width: 480px) { .article-overlay .byline-mobile { display: block; } .article-overlay .byline-mobile span { display: block; } } .article-overlay-content-wrapper { position: relative; height: 100%; z-index: 5; } .article-overlay-content-wrapper .tpt-logo-link { display: block !important; } @media only screen and (max-width: 480px) { .article-overlay-content-wrapper { width: 100%; padding: 0 20px 20px; overflow: auto; height: calc(100% - 65px); background-color: #222222; } .article-overlay-content-wrapper .tpt-logo-link { display: none !important; } } .article-featured-img { display: none; position: relative; } .article-featured-img img { width: calc(100% + 40px); margin-left: -20px; max-width: none; } @media only screen and (max-width: 480px) { .article-featured-img { display: block; } } .article-featured-img-icon { position: absolute; top: 50%; left: 50%; z-index: 10; height: 44px; width: 50px; margin-left: -25px; margin-top: -22px; padding: 0; overflow: hidden; cursor: default; font-size: 50px; font-size: 3.125rem; color: #FFF; } .article-featured-img .icon-Play { cursor: pointer; display: block; } .hero-overlay-icon { display: inline-block; margin-top: 20px; } .hero-overlay-icon [class^="icon-"], .hero-overlay-icon .posts-feed-list-item > div:before, .hero-overlay-icon .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-video .hero-overlay-icon .posts-feed-modal-hero-meta:before, .hero-overlay-icon .posts-feed-modal-content:before, .hero-overlay-icon [class*=" icon-"] { position: relative; bottom: auto; left: auto; font-size: 70px; font-size: 4.375rem; color: #FFF; opacity: .4; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .article-overlay-tpt-logo { position: absolute; top: 40px; left: 40px; } .hero-overlay-icon { display: inline-block; margin-top: 20px; } .hero-overlay-icon [class^="icon-"], .hero-overlay-icon .posts-feed-list-item > div:before, .hero-overlay-icon .posts-feed-modal-video .posts-feed-modal-hero-meta:before, .posts-feed-modal-video .hero-overlay-icon .posts-feed-modal-hero-meta:before, .hero-overlay-icon .posts-feed-modal-content:before, .hero-overlay-icon [class*=" icon-"] { position: relative; bottom: auto; left: auto; font-size: 70px; font-size: 4.375rem; color: #FFF; opacity: .4; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } /*.mfp-container { .article-overlay-btn-close { display: block; } }*/ .article-overlay-btn-close { position: absolute; top: 20px; right: 40px; z-index: 30; height: 20px; width: 20px; padding: 20px; margin: 0; display: block; overflow: hidden; font-size: 20px; font-size: 1.25rem; color: #FFF; -webkit-tap-highlight-color: transparent; } .article-overlay-btn-close:visited { color: #FFF; } .article-overlay-btn-close:hover { color: #808080; } .article-overlay-btn-close:before { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 480px) { .article-overlay-btn-close { right: 20px; top: 0; } } .article-mobile-header { display: none; height: 65px; width: 100%; position: relative; z-index: 10; background-color: #000; } @media only screen and (max-width: 480px) { .article-mobile-header { display: block; } } .article-mobile-header .tpt-logo-link { display: block !important; left: 20px; top: 18px; } .article-mobile-header .tpt-logo { height: 33px; width: 149px; } .article-overlay-content { position: absolute; left: 40px; bottom: 40px; right: 40px; color: #FFF; } .article-overlay-content .byline { text-align: left; font-size: 10px; font-size: 0.625rem; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .article-overlay-content .tpt-logo-link { display: none !important; } @media only screen and (max-width: 480px) { .article-overlay-content { position: relative; bottom: auto; left: auto; right: auto; max-width: 100%; width: 100%; } .article-overlay-content .tpt-logo-link { display: block !important; position: relative; left: 0; top: 0; margin-bottom: 15px; } .article-overlay-content .tpt-logo-link .tpt-logo { height: 33px; width: 149px; } } /* Tags */ .article-overlay-tags { position: absolute; right: 0; bottom: 0; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .article-overlay-tags { position: relative; margin-top: 35px; } } @media only screen and (max-width: 480px) { .article-overlay-tags { margin-top: 35px; position: relative; right: auto; bottom: auto; } } .article-overlay-tags-list { margin: 0; padding: 0; list-style-type: none; font-size: 0; } .article-overlay-tags-list-item { display: inline-block; padding: 0 15px; margin-right: 10px; background-color: #000; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 8px; font-size: 0.5rem; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; } .article-overlay-tags-list-item:last-child { margin-right: 0; } .article-overlay-tags-list-item a { color: #FFF; } @media only screen and (max-width: 480px) { .article-overlay-tags-list-item { margin-bottom: 10px; } } .article-overlay-btn-play, .article-overlay-gallery-icon { position: absolute; top: 50%; left: 50%; z-index: 10; height: 80px; width: 72px; margin-left: -36px; margin-top: -40px; padding: 0; overflow: hidden; font-size: 80px; font-size: 5rem; color: rgba(255, 255, 255, 0.4); } .article-overlay-btn-play.dark, .dark.article-overlay-gallery-icon { color: rgba(38, 38, 38, 0.8); } @media only screen and (max-width: 480px) { .article-overlay-btn-play, .article-overlay-gallery-icon { display: none; height: 50px; width: 46px; margin-left: -23px; margin-top: -25px; font-size: 50px; font-size: 3.125rem; color: #FFF; } .article-overlay-btn-play.btn-play-last, .btn-play-last.article-overlay-gallery-icon { display: none !important; } } .article-overlay-gallery-icon { cursor: default; } @media only screen and (max-width: 480px) { .article-overlay-gallery-icon { display: none; } } .article-overlay-title, .article-overlay-on-end-title { max-width: 440px; font-size: 46px; font-size: 2.875rem; line-height: 53px; letter-spacing: -1px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 480px) { .article-overlay-title, .article-overlay-on-end-title { margin-top: 25px; font-size: 26px; font-size: 1.625rem; line-height: 32px; } } .article-overlay-excerpt { max-width: 440px; } .article-overlay-excerpt p { margin-top: 20px; margin-bottom: 30px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; font-size: 0.875rem; line-height: 23px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .type-video iframe#player, .article-overlay-player { position: absolute; top: 0; left: 0; z-index: 15; display: none; } .type-video iframe#player { opacity: 0; display: block; height: 0; } .article-overlay.show iframe#player { opacity: 1; display: block; height: 100%; position: absolute; top: 0; left: 0; z-index: 15; } .article-inline-player, .article-inline-gallery.slick-slider { position: relative; padding-bottom: 43.9%; margin: 60px auto; max-width: 960px; height: 0; } @media only screen and (max-width: 480px) { .article-inline-player, .article-inline-gallery.slick-slider { margin: 30px auto; } } @media screen and (max-width: 1000px) { .article-inline-player, .article-inline-gallery.slick-slider { margin: 60px 20px; } } .article-inline-gallery.slick-slider { /*@media screen and (min-width:1440px){ padding-bottom:37.5%; }*/ padding-bottom: 0 !important; height: auto !important; } .article-inline-gallery.slick-slider .gallery-slide { position: relative; margin: 0 30px; } .article-inline-gallery.slick-slider .slick-list { overflow: visible; margin: 0 -30px; } .article-inline-gallery.slick-slider .slick-disabled { cursor: default; } .article-inline-gallery.slick-slider .overlay-content { position: absolute; left: 2%; bottom: 2%; } .article-inline-gallery.slick-slider .overlay-content.gallery-caption { bottom: 6%; width: 90%; left: 5%; } .article-inline-gallery.slick-slider h1, .article-inline-gallery.slick-slider h1.gallery-slide-title { position: relative; bottom: 2%; left: 2%; padding-left: 130px; padding-right: 120px; color: #FFF !important; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .article-inline-gallery.slick-slider h1 .icon-Gallery, .article-inline-gallery.slick-slider h1 .posts-feed-list-item-gallery, .article-inline-gallery.slick-slider h1 .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .article-inline-gallery.slick-slider h1 .posts-feed-modal-hero-meta-gallery, .article-inline-gallery.slick-slider h1.gallery-slide-title .icon-Gallery, .article-inline-gallery.slick-slider h1.gallery-slide-title .posts-feed-list-item-gallery, .article-inline-gallery.slick-slider h1.gallery-slide-title .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .article-inline-gallery.slick-slider h1.gallery-slide-title .posts-feed-modal-hero-meta-gallery { position: absolute; bottom: auto; top: -26px; margin: 0 8px 0 0; left: 0; width: auto; height: auto; } .article-inline-gallery.slick-slider h1, .article-inline-gallery.slick-slider h1.gallery-slide-title { position: relative; line-height: 1em; min-height: 80px; padding: 0; padding-left: 135px; padding-right: 150px; font-size: 46px; font-size: 2.875rem; } @media only screen and (max-width: 480px) { .article-inline-gallery.slick-slider h1, .article-inline-gallery.slick-slider h1.gallery-slide-title { font-size: 25px; font-size: 1.5625rem; line-height: 36px; padding-right: 10px; padding-left: 80px; min-height: 0; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .article-inline-gallery.slick-slider h1, .article-inline-gallery.slick-slider h1.gallery-slide-title { font-size: 41px; font-size: 2.5625rem; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .article-inline-gallery.slick-slider h1, .article-inline-gallery.slick-slider h1.gallery-slide-title { font-size: 41px; font-size: 2.5625rem; padding-right: 25px; } } @media only screen and (max-width: 480px) { .single .tpt_type-article-scroll-over-header.tpt_type-article-simple .article-inline-player .hero { height: 100% !important; } } .article-inline-player iframe { z-index: 1; } .article-inline-player iframe, .article-inline-player .hero { width: 100%; height: 100% !important; position: absolute; left: 0; top: 0; } .article-inline-player .hero { padding: 0; margin: 0; padding-bottom: 0 !important; min-height: 0; z-index: 2; } .article-inline-player .hero .content-wrap { height: 100%; position: relative; } .article-inline-player .hero .css-cover { opacity: 1 !important; } @media only screen and (max-width: 480px) { .article-inline-player .hero { height: 100% !important; } } .article-inline-player .hero h1 a { font-size: 46px; font-size: 2.875rem; position: relative; line-height: 1em; padding-left: 112px; display: block; } @media only screen and (max-width: 480px) { .article-inline-player .hero h1 a { font-size: 25px; font-size: 1.5625rem; line-height: 36px; padding-left: 80px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .article-inline-player .hero h1 a { font-size: 41px; font-size: 2.5625rem; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .article-inline-player .hero h1 a { font-size: 31px; font-size: 1.9375rem; } } .article-inline-player .hero h1 a span { position: absolute; left: 0; font-size: 85px; font-size: 5.3125rem; opacity: .4; top: -20px; } @media only screen and (max-width: 480px) { .article-inline-player .hero h1 a span { top: -10px; font-size: 55px; font-size: 3.4375rem; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .article-inline-player .hero h1 a span { top: -16px; font-size: 80px; font-size: 5rem; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .article-inline-player .hero h1 a span { top: -22px; font-size: 80px; font-size: 5rem; } } .article-inline-player .hero h1.entry-title { line-height: 1em; position: absolute; left: 5.2%; bottom: 40px; padding: 0; text-align: left; padding-right: 150px; font-size: 46px; font-size: 2.875rem; } @media only screen and (max-width: 480px) { .article-inline-player .hero h1.entry-title { font-size: 25px; font-size: 1.5625rem; line-height: 36px; padding-right: 10px; bottom: 20px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .article-inline-player .hero h1.entry-title { font-size: 41px; font-size: 2.5625rem; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .article-inline-player .hero h1.entry-title { font-size: 31px; font-size: 1.9375rem; padding-right: 25px; } } .next-video-progress-bar { width: 100%; height: 8px; position: relative; z-index: 20; top: -8px; } .next-video-progress-bar svg { display: block; width: 100%; height: 8px; pointer-events: none; } .next-video { position: absolute; bottom: 70px; left: 0; width: 100%; } @media only screen and (max-width: 480px) { .next-video { position: relative; bottom: auto; margin-top: 40px; } } .next-video .btn, .next-video .alm-load-more-btn, .next-video .newsletter-popin-col-form button[type="submit"], .newsletter-popin-col-form .next-video button[type="submit"] { position: absolute; top: 50%; left: 50%; height: 35px; width: 35px; padding: 0; margin: -18px 0 0 -14px; overflow: hidden; font-size: 35px; font-size: 2.1875rem; color: rgba(255, 255, 255, 0.4); transition: color .3s; } .next-video .btn:hover, .next-video .alm-load-more-btn:hover, .next-video .newsletter-popin-col-form button[type="submit"]:hover, .newsletter-popin-col-form .next-video button[type="submit"]:hover { color: white; } .next-video-label { display: block; margin: 0 0 15px; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; line-height: 1; } @media only screen and (max-width: 480px) { .next-video .signoff { display: none; } } .article-overlay-on-end { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 25; display: none; /* ** RELATED CONTENT */ } .article-overlay-on-end img { -webkit-filter: grayscale(100%); } @media only screen and (max-width: 480px) { .article-overlay-on-end { overflow: auto; } } .article-overlay-on-end .cover:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; opacity: .7; z-index: 10; } .article-overlay-on-end-current { position: relative; overflow: hidden; } .article-overlay-on-end-current.full { width: 100%; } .article-overlay-on-end-current, .article-overlay-on-end-related { float: left; width: 50%; height: 100%; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .article-overlay-on-end-current, .article-overlay-on-end-related { float: none; width: 100%; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { .article-overlay-on-end-current { height: calc(100% - 215px); } } @media only screen and (max-width: 480px) { .article-overlay-on-end-current { float: none; width: 100%; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { .article-overlay-on-end-related { height: 215px; } } @media only screen and (max-width: 480px) { .article-overlay-on-end-related { float: none; width: 100%; height: auto; } } .article-overlay-on-end-related-block { position: relative; display: block; width: 100%; height: 50%; background-position: center; background-size: cover; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .article-overlay-on-end-related-block { width: 50%; height: 100%; float: left; } } @media only screen and (max-width: 480px) { .article-overlay-on-end-related-block { width: 100%; height: 215px; } } .article-overlay-on-end-related-block-wrapper { display: table; width: 100%; height: 100%; } .article-overlay-on-end-related-block-content { display: table-cell; text-align: center; vertical-align: middle; } .article-overlay-on-end-related-block-content-title { margin: 0 0 10px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; letter-spacing: -.5px; line-height: 1; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .article-overlay-on-end-related-block-content-title a { color: #FFF; } .article-overlay-on-end-related-block-content-title a:visited, .article-overlay-on-end-related-block-content-title a:hover { color: #FFF; } .article-overlay-on-end-related-block-content .signoff .byline { font-size: 10px; letter-spacing: 3px; } .article-overlay-on-end-wrapper { position: relative; z-index: 15; display: table; width: 100%; height: 100%; } .article-overlay-on-end-content { display: table-cell; text-align: center; vertical-align: middle; color: #FFF; } .article-overlay-on-end-content .signoff .byline { font-size: 10px; letter-spacing: 3px; } .article-overlay-btn-replay { height: 40px; width: 40px; padding: 0; margin: 0 0 40px 0; overflow: hidden; font-size: 40px; font-size: 2.5rem; color: #FFF; } .article-overlay-on-end-title { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 auto 15px; } @media only screen and (max-width: 480px) { .article-overlay-on-end-title { max-width: 240px; } } .article-overlay-on-end-title a { color: #FFF; } /* ** Share Module */ .gallery-slide .share-module { margin-top: 50px; } @media only screen and (max-width: 480px) { .gallery-slide .share-module { margin-top: 30px; } } .share-module p { margin-bottom: 15px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; font-size: 0.625rem; color: #808080; letter-spacing: 3px; text-transform: uppercase; } .share-module-list { margin: 0; padding: 0; list-style-type: none; } .share-module-list a { width: 80px; height: 80px; display: block; font-size: 22px; font-size: 1.375rem; color: inherit; } .share-module-list i { line-height: inherit; } .share-module-list-item { display: inline-block; transition: color .3s; line-height: 78px; border: 1px solid #808080; color: #808080; } .share-module-list-item:first-child { border-right: none; } .share-module-list-item:last-child { border-left: none; } /* ** Slick Specific Styles */ .gallery-slider.slick-slider { margin-bottom: 0; } .gallery-slider .slick-next, .gallery-slider .slick-prev, .article-inline-gallery .slick-next, .article-inline-gallery .slick-prev { height: 100%; width: 20%; top: 10px; z-index: 5; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; background-color: transparent; } .gallery-slider .slick-next:hover, .gallery-slider .slick-prev:hover, .article-inline-gallery .slick-next:hover, .article-inline-gallery .slick-prev:hover { background-color: rgba(0, 0, 0, 0.15); } .gallery-slider .slick-next:before, .gallery-slider .slick-prev:before, .article-inline-gallery .slick-next:before, .article-inline-gallery .slick-prev:before { font-family: 'icomoon'; font-size: 30px; font-size: 1.875rem; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .gallery-slider .slick-next, .article-inline-gallery .slick-next { right: 0; } .gallery-slider .slick-next:before, .article-inline-gallery .slick-next:before { content: "\e60f"; right: 55px; position: absolute; } .gallery-slider .slick-prev, .article-inline-gallery .slick-prev { left: 0; transition: height .3s; } .gallery-slider .slick-prev:before, .article-inline-gallery .slick-prev:before { content: "\e60e"; left: 55px; position: absolute; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .gallery-slider .slick-prev.slick-last, .article-inline-gallery .slick-prev.slick-last { height: calc(100% - 215px); } } .gallery-slider .slick-disabled, .article-inline-gallery .slick-disabled { display: none !important; } .single .gallery-slider .article-overlay-content-wrapper .signoff .byline, .single.type-video .article-overlay-content-wrapper .signoff .byline { font-size: 10px; font-size: 0.625rem; letter-spacing: 3px; } /* ** Vertical Centering Helper Classes */ .center-v-wrapper { display: table; height: 100%; width: 100%; } .center-v-ctn { display: table-cell; vertical-align: middle; text-align: center; width: 100%; } .center-v-ctn img { margin: 0 auto; } body.media-popup #global-header { display: none; } .ytplay { opacity: 0; cursor: default; transition: opacity .2s linear; } @media only screen and (max-width: 480px) { .ytplay { display: block; height: 50px; width: 46px; margin-left: -23px; margin-top: -25px; font-size: 50px; font-size: 3.125rem; color: #FFF; } } .ytplay.show { opacity: 1; cursor: pointer; } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .home { /* HEADER */ } @media all and (min-width: 64em) { .home { /* CONTENT */ } .home .persistent { right: 320px; width: 76px; } .home .menu-toggle { display: none; } .home .search-toggle { width: 100%; } .home .site-content { width: calc(100% - 320px); float: left; position: relative; } } @media only screen and (max-width: 480px) { .home .listing .hero { height: 180px !important; padding-bottom: 0; } .home .listing .hero h1 { padding: 0; } } @media all and (min-width: 47.9375em) and (max-width: 48em) { .home .listing .signoff { width: 38% !important; float: left !important; margin-top: 20px !important; } .home .listing .entry-content-wrap { float: right !important; padding: 0 !important; width: 62% !important; max-width: 560px !important; margin-top: 20px !important; } } @media all and (min-width: 48em) { .home .listing .tpt_type-video .hero, .home .listing .tpt_type-gallery .hero { margin-left: -80px; width: calc(100% + 160px); } } .home .listing .tpt_type-video .byline, .home .listing .tpt_type-video .signature, .home .listing .tpt_type-gallery .byline, .home .listing .tpt_type-gallery .signature { margin-left: 0; } .home .listing .tpt_type-video .byline-mobile, .home .listing .tpt_type-gallery .byline-mobile { display: block; padding: 0 20px !important; } @media all and (min-width: 48em) { .home .listing .tpt_type-video .byline-mobile, .home .listing .tpt_type-gallery .byline-mobile { display: none; } } @media all and (max-width: 47.9375em) { .home .listing .tpt_type-video .signoff, .home .listing .tpt_type-gallery .signoff { display: none; } } .home .listing .tpt_type-video .the-field, .home .listing .tpt_type-gallery .the-field { margin-left: 80px; } @media only screen and (max-width: 480px) { .home .listing .tpt_type-video .the-field, .home .listing .tpt_type-gallery .the-field { margin-left: 20px; } } .home .the-field { position: relative; font-size: 10px !important; } /*-------------------------------------------------------------- 11.0 Infinite scroll & FancyBox --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: transparent; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin #landing-letter { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: visible !important; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: black; background: rgba(0, 0, 0, 0.7); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #landing-letter { z-index: -1; position: absolute; background: white; left: 0; top: 0; opacity: 0; padding-bottom: 2%; margin-bottom: 50px; text-align: center; max-width: 1115px; color: #262626; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #landing-letter .byline { text-shadow: none; margin: 2% auto; color: #262626; } #landing-letter a.close { display: inline-block; background: black; color: white; text-transform: uppercase; padding: 24px 65px; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: 3px; font-size: 12px; font-size: 0.75rem; margin-bottom: 3%; } #landing-letter .signoff { margin: 50px auto; } #landing-letter .intrinsic-header { padding-bottom: 39.55%; overflow: hidden; vertical-align: top; height: 0; position: relative; } #landing-letter .intrinsic-header img { width: 100%; left: 0; top: 0; position: absolute; z-index: 10; } #landing-letter .intrinsic-header .byline { position: absolute; z-index: 12; left: 3%; bottom: 4%; font-size: 10px; font-size: 0.625rem; margin-bottom: 0; color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } #landing-letter .intrinsic-header .byline a { color: white; } #landing-letter h1, #landing-letter h2, #landing-letter h3, #landing-letter h4 { text-align: center; } #landing-letter > p { text-align: center; } #landing-letter h2 { margin: 3% 9% 0 9%; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 55px; font-size: 3.4375rem; line-height: 80px; } @media only screen and (max-width: 480px) { #landing-letter h2 { font-size: 22px; font-size: 1.375rem; line-height: 36px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { #landing-letter h2 { font-size: 45px; font-size: 2.8125rem; line-height: 55px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { #landing-letter h2 { font-size: 45px; font-size: 2.8125rem; line-height: 55px; } } #landing-letter .letter-content { padding: 0 9%; text-align: left; } #landing-letter .letter-content p:first-of-type::first-letter, #landing-letter .letter-content p:first-child::first-letter { float: left; font-size: 108px; line-height: 100px; padding: 4px 12px 0 0; margin-bottom: -10px; } @media only screen and (max-width: 480px) { #landing-letter .letter-content p:first-of-type::first-letter, #landing-letter .letter-content p:first-child::first-letter { font-size: 2.25em; line-height: 1em; float: none; padding: 0px 2px 0 0; margin-bottom: 0px; margin-top: -8px; } } .fancybox-opened #landing-letter, .fancybox-overlay #landing-letter { opacity: 1; z-index: 5; } .x-close { display: table; vertical-align: middle; position: absolute; z-index: 500; right: -1px; top: 0; background: black; color: white; width: 75px; height: 75px; } .x-close a { display: table-cell; height: 100%; color: white; padding-top: 8px; vertical-align: middle; } @media only screen and (min-width: 481px) and (max-width: 768px) { .x-close a { font-size: 16px; font-size: 1rem; } } @media only screen and (max-width: 480px) { .x-close a { font-size: 16px; font-size: 1rem; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .x-close { width: 50px; height: 50px; } } @media only screen and (max-width: 480px) { .x-close { width: 50px; height: 50px; } } .fancybox-title { left: 0; top: 0; margin-bottom: 0px; text-align: left; background-color: transparent; border: 0px; position: relative; } .fancybox-title .credits { position: absolute; right: 20px; bottom: 10px; text-transform: uppercase; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; font-size: 0.625rem; letter-spacing: 1px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .fancybox-title .child { padding: 0; margin: 0; width: 100%; position: relative; display: block; background-color: transparent; text-shadow: none; } .fancybox-caption { position: absolute; margin: 0; left: 0; bottom: -10px; width: 100%; -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 23px; text-transform: none; white-space: normal; } /*-------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- 12.1 Captions --------------------------------------------------------------*/ .wp-caption .wp-caption-text { margin: 15px 0 0; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 23px; color: #262626; } /*-------------------------------------------------------------- 12.2 Galleries --------------------------------------------------------------*/ .gallery { margin: 3.4em 0 3em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .home .listing .post .icon-Audio, .home .listing .post .posts-feed-list-item-audio, .home .listing .post .posts-feed-list-item-soundcloud, .home .listing .post .icon-play, .home .listing .post .icon-Play, .home .listing .post .icon-video, .home .listing .post .icon-Gallery, .home .listing .post .posts-feed-list-item-gallery, .home .listing .post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .home .listing .post .posts-feed-modal-hero-meta-gallery, .home .listing .type-post .icon-Audio, .home .listing .type-post .posts-feed-list-item-audio, .home .listing .type-post .posts-feed-list-item-soundcloud, .home .listing .type-post .icon-play, .home .listing .type-post .icon-Play, .home .listing .type-post .icon-video, .home .listing .type-post .icon-Gallery, .home .listing .type-post .posts-feed-list-item-gallery, .home .listing .type-post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .home .listing .type-post .posts-feed-modal-hero-meta-gallery { opacity: .4; color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); position: absolute; left: 40px; bottom: 6%; font-size: 90px; } @media only screen and (max-width: 768px) and (min-width: 481px) { .home .listing .post .icon-Audio, .home .listing .post .posts-feed-list-item-audio, .home .listing .post .posts-feed-list-item-soundcloud, .home .listing .post .icon-play, .home .listing .post .icon-Play, .home .listing .post .icon-video, .home .listing .post .icon-Gallery, .home .listing .post .posts-feed-list-item-gallery, .home .listing .post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .home .listing .post .posts-feed-modal-hero-meta-gallery, .home .listing .type-post .icon-Audio, .home .listing .type-post .posts-feed-list-item-audio, .home .listing .type-post .posts-feed-list-item-soundcloud, .home .listing .type-post .icon-play, .home .listing .type-post .icon-Play, .home .listing .type-post .icon-video, .home .listing .type-post .icon-Gallery, .home .listing .type-post .posts-feed-list-item-gallery, .home .listing .type-post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .home .listing .type-post .posts-feed-modal-hero-meta-gallery { font-size: 3em; left: 2%; } } @media only screen and (max-width: 480px) { .home .listing .post .icon-Audio, .home .listing .post .posts-feed-list-item-audio, .home .listing .post .posts-feed-list-item-soundcloud, .home .listing .post .icon-play, .home .listing .post .icon-Play, .home .listing .post .icon-video, .home .listing .post .icon-Gallery, .home .listing .post .posts-feed-list-item-gallery, .home .listing .post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .home .listing .post .posts-feed-modal-hero-meta-gallery, .home .listing .type-post .icon-Audio, .home .listing .type-post .posts-feed-list-item-audio, .home .listing .type-post .posts-feed-list-item-soundcloud, .home .listing .type-post .icon-play, .home .listing .type-post .icon-Play, .home .listing .type-post .icon-video, .home .listing .type-post .icon-Gallery, .home .listing .type-post .posts-feed-list-item-gallery, .home .listing .type-post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .home .listing .type-post .posts-feed-modal-hero-meta-gallery { font-size: 2.5em; bottom: 11%; left: 2%; } } .home .listing .post .icon-Audio, .home .listing .post .posts-feed-list-item-audio, .home .listing .post .posts-feed-list-item-soundcloud, .home .listing .type-post .icon-Audio, .home .listing .type-post .posts-feed-list-item-audio, .home .listing .type-post .posts-feed-list-item-soundcloud { bottom: 5%; } @media all and (min-width: 48em) { .home .listing .post .icon-play, .home .listing .post .icon-Play, .home .listing .post .icon-video, .home .listing .post .icon-Gallery, .home .listing .post .posts-feed-list-item-gallery, .home .listing .post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .home .listing .post .posts-feed-modal-hero-meta-gallery, .home .listing .type-post .icon-play, .home .listing .type-post .icon-Play, .home .listing .type-post .icon-video, .home .listing .type-post .icon-Gallery, .home .listing .type-post .posts-feed-list-item-gallery, .home .listing .type-post .posts-feed-modal-video .posts-feed-modal-hero-meta-gallery, .posts-feed-modal-video .home .listing .type-post .posts-feed-modal-hero-meta-gallery { left: 80px; } } .lt-ie10 #secTable1 .sWrap:after { display: none !important; } #secTable1 sup { display: none; } @media screen and (max-width: 995px) { #secTable1 { margin-right: 10px; margin-left: 10px; } } @media screen and (max-width: 975px) { #secTable1 { margin-right: 20px; margin-left: 20px; } } #secTable1 .sWrap { padding: 25px 30px; background: black; display: inline-block; position: relative; letter-spacing: 5px; } #secTable1 .sWrap:after { top: 5px; top: calc(50% - 2px); right: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 4px; } @media only screen and (min-width: 481px) and (max-width: 768px) { #secTable1 .sWrap { padding: 15px 20px; } } @media only screen and (max-width: 480px) { #secTable1 .sWrap { padding: 15px 20px; } } #secTable1 select::-ms-expand { display: none; } #secTable1 select:-moz-focusring { color: transparent; border: none; text-shadow: 0 0 0 #fff; outline: 0; } #secTable1 select option { color: black; background: white; } #secTable1 select { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; width: 90px; font-size: 14px; font-size: 0.875rem; letter-spacing: 5px; color: white; -moz-appearance: window; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; appearance: none; margin-top: 0; padding-top: 0; background: none; border: none; outline: 0; position: relative; top: -2px; } #secTable1 select:focus { outline: 0; } @media only screen and (min-width: 481px) and (max-width: 768px) { #secTable1 select { top: 0; } } @media only screen and (max-width: 480px) { #secTable1 select { top: 0; } } #secTable1 span { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 28px; font-size: 1.75rem; padding-right: 15px; } @media only screen and (min-width: 481px) and (max-width: 768px) { #secTable1 span { font-size: 18px; font-size: 1.125rem; } } @media only screen and (max-width: 480px) { #secTable1 span { font-size: 18px; font-size: 1.125rem; } } #secTable1 .tablesList { margin: 25px auto; } @media screen and (max-width: 500px) { #secTable1 .tablesList { overflow-x: scroll; } } #secTable1 .tablesList div { font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 25px; font-size: 1.5625rem; display: none; } #secTable1 .tablesList div:first-child { display: block; } @media only screen and (min-width: 481px) and (max-width: 768px) { #secTable1 .tablesList div { font-size: 18px; font-size: 1.125rem; } } @media only screen and (max-width: 480px) { #secTable1 .tablesList div { font-size: 18px; font-size: 1.125rem; } } @media screen and (max-width: 500px) { #secTable1 .tablesList div { width: 200%; } } #secTable1 .tablesList .rCol { float: right; width: 220px; margin-left: 25px; font-size: 24px; font-size: 1.5rem; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media screen and (max-width: 975px) { #secTable1 .tablesList .rCol { width: 190px; } #secTable1 .tablesList .rCol h4 { line-height: 100%; } } @media screen and (max-width: 960px) { #secTable1 .tablesList .rCol { float: none; clear: both; width: 100%; margin-left: 0; margin-bottom: 20px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { #secTable1 .tablesList .rCol { font-size: 18px; font-size: 1.125rem; } } @media only screen and (max-width: 480px) { #secTable1 .tablesList .rCol { font-size: 18px; font-size: 1.125rem; } } #secTable1 .tablesList ol { margin: 12px 0 0 0; padding: 0; list-style-position: inside; font-size: 17px; font-size: 1.0625rem; } @media screen and (max-width: 960px) { #secTable1 .tablesList ol li { float: left; margin-left: 10px; } #secTable1 .tablesList ol li:first-child { margin-left: 0; } } @media only screen and (min-width: 481px) and (max-width: 768px) { #secTable1 .tablesList ol { font-size: 14px; font-size: 0.875rem; } } @media only screen and (max-width: 480px) { #secTable1 .tablesList ol { font-size: 14px; font-size: 0.875rem; } } #secTable1 .tablesList tr, #secTable1 .tablesList td { min-height: 70px; vertical-align: middle; } #secTable1 .tablesList table { max-width: 690px; } @media screen and (max-width: 960px) { #secTable1 .tablesList table { max-width: 100%; } } @media screen and (max-width: 500px) { #secTable1 .tablesList table { margin-bottom: 0; } } #secTable1 .tablesList table, #secTable1 .tablesList td { border: 1px solid #ededed; text-align: center; } #secTable1 .tablesList .dcell { background: #fafafa; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; font-size: 1.125rem; padding: 20px 0; } @media only screen and (min-width: 481px) and (max-width: 768px) { #secTable1 .tablesList .dcell { font-size: 16px; font-size: 1rem; } } @media only screen and (max-width: 480px) { #secTable1 .tablesList .dcell { font-size: 16px; font-size: 1rem; } } #secTable1 .tablesList .xcell { color: #808080; } #secTable1 .tablesList .rcell { color: #ff3333; } /*-------------------------------------------------------------- 13.0 Layout --------------------------------------------------------------*/ #page { max-width: 1440px; margin: 0 auto; position: relative; overflow: hidden; background: white; } @media only screen and (max-width: 480px) { #page { padding-bottom: 0; } } .single.type-video #page, .single.type-gallery #page { height: 100%; } body, #background { background: #141414; } body, html, .site-content, .site-main, .content-area { height: 100%; } @media only screen and (min-width: 0) and (max-width: 959px) { .content-area { padding-top: 65px !important; } } .touch .content-area { padding-top: 85px; } /*-------------------------------------------------------------- 14 Plugins & Modules --------------------------------------------------------------*/ /*-------------------------------------------------------------- 14.1 Magnific --------------------------------------------------------------*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* PLAYERS TRIBUNE CUSTOMIZATION */ /*-------------------------------------------------------------- 14.2 Video pop-in --------------------------------------------------------------*/ .mfp-container .mfp-content, .mfp-container .gallery, .mfp-container iframe { height: 100%; } .mfp-content { font-size: 0; } .mfp-container { padding: 0; } .mfp-close { color: white !important; opacity: 0 !important; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } .mfp-container:hover .mfp-close { opacity: 1 !important; -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } /* Fade Animation */ /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* CSS-based preloader */ .mfp-preloader { width: 40px; height: 40px; margin: 0 auto; } .mfp-preloader path { transform-origin: 50% 50%; } /*-------------------------------------------------------------- 14.2 Modules --------------------------------------------------------------*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { /* background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; */ } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Icons */ /* @font-face { font-family:"slick"; src: slick-font-url("slick.eot"); src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: 30px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 28px; line-height: 20px; text-align: center; color: #848484; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #fff; opacity: 0.75; } .articles-row { width: 100%; padding: 0 55px; clear: both; overflow: hidden; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .articles-row { padding: 50px 0; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .articles-row { padding: 50px 0; } } @media only screen and (max-width: 480px) { .articles-row { padding: 50px 0; } } @media only screen and (max-width: 480px) { .archive .articles-row { padding-bottom: 0; } } .articles-row.white-bg .row-heading { font-size: 12px; font-size: 0.75rem; margin: 0 auto 30px; text-align: center; } .articles-row.grey-bg { padding: 60px 55px; background-color: #222; } @media only screen and (min-width: 481px) and (max-width: 768px) { .articles-row.grey-bg { padding: 50px 0; } } @media only screen and (max-width: 480px) { .articles-row.grey-bg { padding: 48px 0; } } .articles-row.grey-bg .row-heading { font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; font-size: 1.75rem; line-height: 35px; margin: 0 auto 30px 25px; text-align: left; text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .articles-row.grey-bg .row-heading { text-align: center; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .articles-row.grey-bg .row-heading { text-align: center; } } @media only screen and (max-width: 480px) { .articles-row.grey-bg .row-heading { margin-left: 40px; font-size: 22px; font-size: 1.375rem; } } .articles-row.grey-bg .row .article-snippet .article-preview-wrapper .byline span { color: #fff; } .articles-row.grey-bg .row .article-snippet .article-preview-wrapper h3, .articles-row.grey-bg .row .article-snippet .article-preview-wrapper p, .articles-row.grey-bg .row .article-snippet .article-preview-wrapper h3 a { color: #fff; } .articles-row.grey-bg .row .article-snippet .article-preview-wrapper a { word-break: break-word; } .articles-row.grey-bg a { color: #FFF; } .articles-row.grey-bg a:hover { color: #808080; } .articles-row.grey-bg a:hover span { color: #808080 !important; } .articles-row.social .row .article-snippet .article-img-wrapper { padding-bottom: 100%; } .articles-row.social .row .article-snippet .article-preview-wrapper h3, .articles-row.social .row .article-snippet .article-preview-wrapper p { color: #fff; } .articles-row.social .row .article-snippet .hero { height: 340px; } .articles-row .row { width: 100%; max-width: 1330px; margin: 0 auto; } .articles-row .row:before, .articles-row .row:after { display: table; content: " "; } .articles-row .row:after { clear: both; } @media only screen and (max-width: 480px) { .archive .articles-row .row { margin-bottom: 0; } } .articles-row .row .article-snippet { width: 33.3%; float: left; padding: 0 25px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .articles-row .row .article-snippet { width: 50%; padding: 0 20px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .articles-row .row .article-snippet { width: 50%; padding: 0 20px; } } @media only screen and (max-width: 480px) { .articles-row .row .article-snippet { width: 100%; padding: 0 15px; } } .articles-row .row .article-snippet .article-img-wrapper { width: 100%; height: 190px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .articles-row .row .article-snippet .article-img-wrapper img { width: 100%; height: auto; } .articles-row .row .article-snippet .article-preview-wrapper { position: relative; } .articles-row .row .article-snippet .article-preview-wrapper .module-content-type-icon { position: absolute; top: -4px; right: 0; line-height: 0; } .articles-row .row .article-snippet .article-preview-wrapper .module-content-type-icon span { color: #c0c0c0; } .articles-row .row .article-snippet .article-preview-wrapper .byline { margin: 18px 32px 10px 0; display: block; } .articles-row .row .article-snippet .article-preview-wrapper .article-preview-body { margin-top: 15px; } .articles-row .row .article-snippet .article-preview-wrapper h3 { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-size: 1.25rem; line-height: 24px; margin-bottom: 10px; color: #262626; } .articles-row .row .article-snippet .article-preview-wrapper p { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; font-size: 0.875rem; line-height: 20px; } .articles-row .row .article-snippet .hero { height: 192px; width: 100%; margin-bottom: 0; } @media only screen and (max-width: 480px) { .articles-row .row .article-snippet.is-ad { min-height: 0; margin-bottom: 100px; } } .articles-row .row .article-snippet.is-ad .entry-title { margin-top: 15px; } @media only screen and (max-width: 480px) { .articles-row .row.fullview .article-snippet { width: 100%; padding: 0; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .articles-row .row.fullview .article-snippet:first-child { width: 100%; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .articles-row .row.fullview .article-snippet:first-child { width: 100%; padding-bottom: 30px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .articles-row .row.fullview .article-snippet:first-child .hero { padding-bottom: 46.25%; /* 16:9 looked too tall */ } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .articles-row .row.fullview .article-snippet:first-child .hero { padding-bottom: 46.25%; } } @media only screen and (max-width: 480px) { .articles-row .row.fullview .article-snippet .article-preview-wrapper { padding: 30px 20px 50px; } } .special-callout { height: 330px; width: 100%; position: relative; } @media only screen and (min-width: 481px) and (max-width: 768px) { .special-callout { height: auto; } } @media only screen and (max-width: 480px) { .special-callout { height: auto; } } .special-callout .byline { margin-left: 0; } .special-callout .happening-now { background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 53%; height: 100%; } @media only screen and (min-width: 481px) and (max-width: 768px) { .special-callout .happening-now { width: 100%; position: relative; height: 350px; margin: 0; } } @media only screen and (max-width: 480px) { .special-callout .happening-now { width: 100%; position: relative; height: 250px; margin: 0; } } .special-callout .happening-now .now-overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .special-callout .happening-now .txt-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: table; z-index: 10; } .special-callout .happening-now .txt-wrapper .inner-wrapper { display: table-cell; vertical-align: middle; text-align: center; color: #fff; } .special-callout .happening-now .txt-wrapper .inner-wrapper .byline { text-align: center; margin: 0; font-size: 12px; font-size: 0.75rem; padding: 0 15px; } .special-callout .happening-now .txt-wrapper .inner-wrapper p { max-width: 460px; padding: 0 30px; margin: 20px auto 0; font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; font-size: 1.75rem; line-height: 31px; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 481px) and (max-width: 768px) { .special-callout .happening-now .txt-wrapper .inner-wrapper p { font-size: 25px; font-size: 1.5625rem; line-height: 27px; max-width: 630px; } } @media only screen and (max-width: 480px) { .special-callout .happening-now .txt-wrapper .inner-wrapper p { font-size: 22px; font-size: 1.375rem; line-height: 24px; } } .special-callout .weighing-in { background-color: #2b2b2b; width: 52%; position: absolute; top: 0; right: 0; height: 100%; -webkit-mask-image: url("img/twitter-hero-mask.png"); } @media only screen and (min-width: 481px) and (max-width: 768px) { .special-callout .weighing-in { width: 100%; position: relative; height: 350px; margin: 0; -webkit-mask-image: none; } } @media only screen and (max-width: 480px) { .special-callout .weighing-in { width: 100%; position: relative; height: 250px; margin: 0; -webkit-mask-image: none; } } .special-callout .weighing-in .slick-track, .special-callout .weighing-in .slick-list { height: 100%; } .special-callout .weighing-in .weigh-slider { width: 100%; height: 100%; position: relative; } @media only screen and (max-width: 480px) { .special-callout .weighing-in .slick-dots { bottom: 20px; } } .special-callout .weighing-in .item { text-align: center; width: 100%; height: 100%; display: table; z-index: 10; cursor: default; height: 100%; } .special-callout .weighing-in .item .inner-wrapper { text-align: center; color: #fff; display: table-cell; vertical-align: middle; height: 100%; } .special-callout .weighing-in .item .inner-wrapper .byline { color: #808080; text-align: center; font-size: 12px; font-size: 0.75rem; padding: 0 15px; } .special-callout .weighing-in .item .inner-wrapper .byline span { color: #fff; font-size: 10px; font-size: 0.625rem; top: -1px; position: relative; -webkit-transition: color 0.25s; transition: color 0.25s; } .special-callout .weighing-in .item .inner-wrapper .byline span:hover { color: #808080; } .special-callout .weighing-in .item .inner-wrapper p { max-width: 480px; padding: 0 30px; margin: 20px auto 0; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 20px; font-size: 1.25rem; line-height: 32px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .special-callout .weighing-in .item .inner-wrapper p { max-width: 640px; } } @media only screen and (max-width: 480px) { .special-callout .weighing-in .item .inner-wrapper p { font-size: 15px; font-size: 0.9375rem; line-height: 23px; margin-bottom: 10px; } } .special-callout .weighing-in .item .inner-wrapper p a { color: #fff; } .no-cssmask .special-callout > div { width: 50%; } @media only screen and (max-width: 480px) { .no-cssmask .special-callout > div { width: 100%; } } #module-carousel { margin: 0; } .listing .module_type-carousel { margin-top: 0; padding: 0; position: relative; height: 570px; background: grey; } @media only screen and (min-width: 0) and (max-width: 959px) { .listing .module_type-carousel { height: 434px; } } @media only screen and (min-width: 0) and (max-width: 480px) { .listing .module_type-carousel { height: 400px; } } .listing .module_type-carousel .carousel-row { height: 570px; overflow: hidden; } @media only screen and (min-width: 0) and (max-width: 959px) { .listing .module_type-carousel .carousel-row { width: 100%; height: 434px; } } @media only screen and (min-width: 0) and (max-width: 480px) { .listing .module_type-carousel .carousel-row { height: 400px; } } .listing .module_type-carousel .carousel-row > div { visibility: hidden; } @media only screen and (min-width: 0) and (max-width: 959px) { .listing .module_type-carousel .carousel-row .slick-dots { bottom: 22px; } } .listing .module_type-carousel .carousel-row .slick-dots li { width: 30px; } @media only screen and (min-width: 0) and (max-width: 959px) { .listing .module_type-carousel .carousel-row .slick-dots li { width: 18px; } } .listing .module_type-carousel .carousel-row .slick-dots li button:before { font-size: 35px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); opacity: .65; } @media only screen and (min-width: 0) and (max-width: 959px) { .listing .module_type-carousel .carousel-row .slick-dots li button:before { font-size: 25px; } } .listing .module_type-carousel .carousel-row .slick-dots li.slick-active button:before { opacity: .85; } .listing .module_type-carousel .carousel-row .byline { font-size: 12px; text-align: center; margin-left: 0; } .listing .module_type-carousel .carousel-row .byline a { color: white; } .listing .module_type-carousel .carousel-row .signature { margin: 0; } .listing .module_type-carousel .carousel-row .signature img { margin: 15px auto 0; max-width: 230px; } .listing .module_type-carousel .carousel-row .avatars { position: absolute; top: 0; right: 0; width: 490px; height: 570px; -webkit-mask-image: url("img/carousel-mask.png"); } @media only screen and (min-width: 0) and (max-width: 959px) { .listing .module_type-carousel .carousel-row .avatars { display: none; } } .listing .module_type-carousel .carousel-row .avatars > img { height: 570px; position: absolute; top: 0; width: 535px; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .listing .module_type-carousel .carousel-row .avatars .avatar-slider { height: 570px; width: 490px; } .listing .module_type-carousel .carousel-row .avatars .avatar-item { height: 570px; width: 535px; position: relative; -webkit-mask-image: url("img/carousel-mask.png"); margin-left: -45px; -ms-transform: translate(44px, 0); -webkit-transform: translate(44px, 0); transform: translate(44px, 0); } .listing .module_type-carousel .carousel-row .avatars .avatar-item.slick-hover { -ms-transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } .listing .module_type-carousel .carousel-row .heros { max-width: 950px; position: absolute; top: 0; left: 0; height: 570px; } @media only screen and (min-width: 0) and (max-width: 959px) { .listing .module_type-carousel .carousel-row .heros { width: 100%; height: 434px; } } @media only screen and (min-width: 0) and (max-width: 480px) { .listing .module_type-carousel .carousel-row .heros { height: 400px; } } .listing .module_type-carousel .carousel-row .hero-slider { width: 100%; height: 570px; } @media only screen and (min-width: 0) and (max-width: 959px) { .listing .module_type-carousel .carousel-row .hero-slider { width: 100% !important; height: 434px; } } @media only screen and (min-width: 0) and (max-width: 480px) { .listing .module_type-carousel .carousel-row .hero-slider { height: 400px; } } .listing .module_type-carousel .carousel-row .hero-slider .hero-item { height: 570px; position: relative; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; -webkit-mask-image: url("img/carousel-mask.png"); margin-left: -45px; -ms-transform: translate(44px, 0); -webkit-transform: translate(44px, 0); transform: translate(44px, 0); } @media only screen and (min-width: 0) and (max-width: 959px) { .listing .module_type-carousel .carousel-row .hero-slider .hero-item { width: 100%; height: 434px; margin: 0; -webkit-mask-image: none !important; -ms-transform: none; -webkit-transform: none; transform: none; } } @media only screen and (min-width: 0) and (max-width: 480px) { .listing .module_type-carousel .carousel-row .hero-slider .hero-item { height: 400px; } } .listing .module_type-carousel .carousel-row .hero-slider .hero-item.sliding { -webkit-mask-image: none; } .listing .module_type-carousel .carousel-row .hero-slider .hero-item.slick-active:not(.keep-mask) { -webkit-mask-image: none; } .listing .module_type-carousel .carousel-row .hero-slider .hero-item.slick-hover { -ms-transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } .listing .module_type-carousel .carousel-row.missingAvatar { max-width: none; padding-right: 50px; width: 100%; } .listing .module_type-carousel .carousel-row.missingAvatar .heros { max-width: none; width: 100%; } .listing .module_type-carousel .carousel-row.missingAvatar .heros .hero-slider { width: 100% !important; } .listing .module_type-carousel .carousel-row.missingAvatar .heros .hero-slider .hero-item { margin: 0; width: 100%; -webkit-mask-image: none !important; -ms-transform: none; -webkit-transform: none; transform: none; } .centered, .carousel-info { position: absolute; top: 50%; width: 100%; text-align: center; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .carousel-image-darken { position: absolute; left: 0; height: 0; background: black; opacity: .2; width: 100%; height: 100%; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .carousel-link-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; } #module-carousel:hover .carousel-image-darken { opacity: 0; } .with-bottom-scrim::after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 389px; background-image: url(img/scrim.png); background-size: 1px 390px; background-repeat: repeat-x; background-position: bottom left; } .with-bottom-scrim .carousel-info { transform: none; bottom: 80px; top: auto; } .with-bottom-scrim .carousel-info .byline.w960 { margin-top: 20px; } @media all and (max-width: 30em) { .with-bottom-scrim .carousel-info { bottom: 50px; } } .carousel-info { z-index: 100; padding-right: 134px; padding-left: 50px; } .avatars .carousel-info { padding: 0 0 0 10px; } @media only screen and (min-width: 481px) and (max-width: 959px) { .carousel-info { padding: 0 40px !important; } } @media only screen and (min-width: 0) and (max-width: 480px) { .carousel-info { top: auto; bottom: 50px; transform: none; text-align: left; padding: 0 20px; } } .carousel-info h1 { margin-bottom: 10px; } .carousel-info h1 a { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); position: static; padding: 0; font-size: 60px; } .carousel-info h1 a, .carousel-info h1 { line-height: 64px; } @media only screen and (min-width: 481px) and (max-width: 959px) { .carousel-info h1 a, .carousel-info h1 { font-size: 43px; line-height: 50px; } } @media only screen and (min-width: 0) and (max-width: 480px) { .carousel-info h1 a, .carousel-info h1 { font-size: 29px; line-height: 36px; } } .carousel-info .byline { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 0) and (max-width: 959px) { .carousel-info .byline { display: none; } } .carousel-info .byline.w960 { margin-top: 3px; } @media only screen and (min-width: 481px) and (max-width: 959px) { .carousel-info .byline.w960 { display: block; } } .carousel-info .byline.w480 { display: none; } .carousel-info .byline.w480 a { display: block; } @media only screen and (min-width: 0) and (max-width: 480px) { .carousel-info .byline.w480 { display: block; text-align: left !important; margin-top: 4px; } } .missingAvatar .carousel-info { padding-right: 50px; } @media only screen and (max-width: 480px) and (-webkit-min-resolution: 2dppx), only screen and (max-width: 480px) and (-webkit-min-resolution: 144dpi), only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 480px) and (-moz-min-resolution: 2dppx), only screen and (max-width: 480px) and (-moz-min-resolution: 144dpi), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 480px) and (min-resolution: 2dppx), only screen and (max-width: 480px) and (min-resolution: 144dpi), only screen and (max-width: 480px) and (min-device-pixel-ratio: 1.5) { section.articles-row.tpt-archive-row .cover img { width: 75%; height: auto; } } @media only screen and (min-width: 481px) and (max-width: 768px) and (-webkit-min-resolution: 2dppx), only screen and (min-width: 481px) and (max-width: 768px) and (-webkit-min-resolution: 144dpi), only screen and (min-width: 481px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 481px) and (max-width: 768px) and (-moz-min-resolution: 2dppx), only screen and (min-width: 481px) and (max-width: 768px) and (-moz-min-resolution: 144dpi), only screen and (min-width: 481px) and (max-width: 768px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 481px) and (max-width: 768px) and (min-resolution: 2dppx), only screen and (min-width: 481px) and (max-width: 768px) and (min-resolution: 144dpi), only screen and (min-width: 481px) and (max-width: 768px) and (min-device-pixel-ratio: 1.5) { section.articles-row.tpt-archive-row .cover img { width: 75%; height: auto; } } .home section.articles-row.tpt-archive-row, .home section.articles-row.social, .articles-row.tpt-archive-row, .articles-row.social, .single .articles-row { padding: 3.85%; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .home section.articles-row.tpt-archive-row, .home section.articles-row.social, .articles-row.tpt-archive-row, .articles-row.social, .single .articles-row { padding: 45px; padding-bottom: 39px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .home section.articles-row.tpt-archive-row, .home section.articles-row.social, .articles-row.tpt-archive-row, .articles-row.social, .single .articles-row { padding: 45px; padding-bottom: 39px; } } @media only screen and (max-width: 480px) { .home section.articles-row.tpt-archive-row, .home section.articles-row.social, .articles-row.tpt-archive-row, .articles-row.social, .single .articles-row { padding: 43px 0; padding-bottom: 39px; } } .home section.articles-row.tpt-archive-row .row-heading, .home section.articles-row.social .row-heading, .articles-row.tpt-archive-row .row-heading, .articles-row.social .row-heading, .single .articles-row .row-heading { margin: 0 1.9% 1.9% 40px; } .home section.articles-row.tpt-archive-row .row .article-snippet .article-preview-wrapper .byline, .home section.articles-row.social .row .article-snippet .article-preview-wrapper .byline, .articles-row.tpt-archive-row .row .article-snippet .article-preview-wrapper .byline, .articles-row.social .row .article-snippet .article-preview-wrapper .byline, .single .articles-row .row .article-snippet .article-preview-wrapper .byline { margin: 4.58% 8.25% 20px 0; } @media only screen and (min-width: 481px) and (max-width: 768px) { .home section.articles-row.tpt-archive-row .row .article-snippet .article-preview-wrapper .byline, .home section.articles-row.social .row .article-snippet .article-preview-wrapper .byline, .articles-row.tpt-archive-row .row .article-snippet .article-preview-wrapper .byline, .articles-row.social .row .article-snippet .article-preview-wrapper .byline, .single .articles-row .row .article-snippet .article-preview-wrapper .byline { margin: 18px 32px 10px 0; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .home section.articles-row.tpt-archive-row .row .article-snippet .article-preview-wrapper .byline, .home section.articles-row.social .row .article-snippet .article-preview-wrapper .byline, .articles-row.tpt-archive-row .row .article-snippet .article-preview-wrapper .byline, .articles-row.social .row .article-snippet .article-preview-wrapper .byline, .single .articles-row .row .article-snippet .article-preview-wrapper .byline { margin: 18px 32px 10px 0; } } @media only screen and (max-width: 480px) { .home section.articles-row.tpt-archive-row .row .article-snippet .article-preview-wrapper .byline, .home section.articles-row.social .row .article-snippet .article-preview-wrapper .byline, .articles-row.tpt-archive-row .row .article-snippet .article-preview-wrapper .byline, .articles-row.social .row .article-snippet .article-preview-wrapper .byline, .single .articles-row .row .article-snippet .article-preview-wrapper .byline { margin: 18px 32px 10px 0; } } .archive section { margin: 0 auto; } @media only screen and (min-width: 1025px) { .archive .articles-row { margin-top: 60px; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { .archive .articles-row .row .article-snippet { padding: 0 40px; } } .archive .page-header { position: relative; height: 510px; overflow: hidden; } .archive h1 { position: relative; z-index: 5; font-size: 60px; font-size: 3.75rem; line-height: 66px; letter-spacing: -1px; } .archive .btn-load-more-wrapper { margin: 50px 0 80px; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .archive .btn-load-more-wrapper { margin: 0 0 120px; } } @media only screen and (max-width: 480px) { .archive .btn-load-more-wrapper span { display: none; } } .archive.category-the-chirp .page-header { height: 810px; } @media screen and (max-width: 1399px) { .archive.category-the-chirp .page-header { height: 0; position: relative; padding-bottom: 56%; } .archive.category-the-chirp .page-header > * { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .archive.category-the-chirp .page-header > .center-v-ctn { top: 50%; height: auto; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .articles-listing .article-snippet { min-height: 415px; max-height: 415px; overflow: hidden; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .articles-listing .article-snippet { min-height: 380px; max-height: 380px; } } .articles-listing-section-title { padding-left: 25px; margin-bottom: 40px; font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 1; color: #808080; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .articles-listing-section-title { padding-left: 40px; } } @media only screen and (max-width: 480px) { .articles-listing-section-title { padding-left: 15px; } } @media only screen and (max-width: 480px) { .articles-listing-section.articles-listing-section-watch { padding-bottom: 0; } } .articles-listing-section.articles-listing-section-listen { margin-top: 0px; } @media only screen and (max-width: 480px) { .articles-listing-section.articles-listing-section-listen { padding-top: 0; } } /* ** Editors' Module */ @media all and (min-width: 30em) { .editors-module.with-spacing { margin-bottom: 40px; } } @media only screen and (max-width: 480px) { .editors-module { padding: 60px 0 !important; } } .editors-module .article-snippet { height: 355px; } @media only screen and (max-width: 480px) { .editors-module .article-snippet { height: 255px; } } .editors-module .hero { height: 100% !important; } .editors-module .hero > img { position: relative; z-index: 5; } .editors-module .center-v-wrapper { position: relative; z-index: 5; } .editors-module .byline { margin-left: 0; text-align: center; } .editors-module .attachment-signature { margin-top: 5px; } .t-shadow { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .author .more-posts-copy { margin: 60px 0 25px 25px; font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-size: 1.25rem; color: #808080; } @media only screen and (min-width: 481px) and (max-width: 768px) { .author .more-posts-copy { margin: 20px auto 30px; text-align: center; } } .author .article-snippet { min-height: 345px; } .author .btn-load-more-wrapper { margin-bottom: 80px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .author .btn-load-more-wrapper { margin: 15px 0 120px; } } @media only screen and (max-width: 480px) { .author .btn-load-more-wrapper span { display: none; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { .author .articles-row { padding: 50px 0 0 !important; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .author .article-snippet { padding: 0 25px !important; } .author .article-snippet:last-child { width: 50% !important; padding-top: 0 !important; } } @media only screen and (max-width: 480px) { .author .articles-row { padding: 0; } .author .articles-row .row .article-snippet { padding: 0 20px; } } .article-preview-date { text-align: left; } .author-meta { text-align: center; padding: 160px 0 20px; } .author-meta-img { display: block; margin: 0 auto; width: 81px; } .author-meta-title { display: block; margin: 35px 0 15px; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; color: #808080; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .author-meta .byline { font-size: 12px; margin: 15px 0 0; } .author-meta h1 { margin: 0 auto; line-height: 1; } .author-meta-name { color: #262626 !important; letter-spacing: -.9px; } .author-meta-social { margin: 30px 0 0; padding: 0; list-style-type: none; font-size: 0; } .author-meta-social-item { display: inline-block; } .author-meta-social-item:last-child { margin-right: 0 !important; } .author-meta-social-item.icon-facebook { margin-right: 20px; } .author-meta-social-item.icon-twitter { margin-right: 20px; } .author-meta-social-link { color: #808080; } .author-meta-social-link i { font-size: 16px; font-size: 1rem; } /* including this here because its the tags under signature */ .end-tags { text-align: center; font-family: 'Graphik Web'; } .end-tags div { display: inline-block; color: white; margin-left: 8px; } .end-tags div:first-child { margin-left: 0; } .end-tags a { background: black; color: white; padding: 10px 18px; text-transform: uppercase; display: block; padding: 10px 15px; font-size: 8px; letter-spacing: 3px; -webkit-transition: background 0.3s; transition: background 0.3s; } .end-tags a:hover { background: #808080; } /* Overlay style */ .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #222222; z-index: 500; } /* Overlay closing cross */ .overlay .overlay-close { width: 20px; height: 20px; position: absolute; right: 30px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; border: none; outline: none; z-index: 505; padding: 0; margin: 0; color: #FFF; background-color: transparent; cursor: pointer; } .overlay .overlay-close:before { font-size: 20px; position: relative; top: -2px; } @media all and (max-width: 59.9375em) { .overlay .overlay-close { right: 20px; } } .overlay-header { height: 85px; width: 100%; position: relative; } @media all and (max-width: 59.9375em) { .overlay-header { height: 65px; } } .overlay-header .tpt-players-logo { width: 172px; height: 20px; } .overlay-header .tpt-full-logo { width: 203px; height: 45px; } @media all and (max-width: 59.9375em) { .overlay-header .tpt-full-logo { height: 33px; width: auto; } } .overlay-header .tpt-logo { position: absolute; top: 50%; left: 40px; z-index: 10; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media all and (max-width: 59.9375em) { .overlay-header .tpt-logo { left: 20px; } } /* Effects */ .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .overlay-hugeinc nav { -webkit-perspective: 1200px; perspective: 1200px; } .overlay-hugeinc nav ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .overlay-hugeinc.open nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .overlay-hugeinc.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); } .no-scroll { overflow: hidden; } .players-popdown-grid { position: relative; width: 100%; height: 100%; height: calc(100% - 85px); top: 0; left: 0; overflow: auto; } .players-popdown-list { margin: 0; height: 100%; width: 100%; list-style: none; } .players-popdown-list-item { display: block; float: left; position: relative; overflow: hidden; width: 33.3%; height: 50%; min-height: 180px; } @media only screen and (min-width: 641px) and (max-width: 960px) { .players-popdown-list-item { width: 50%; height: 33.3%; } } @media only screen and (max-width: 640px) { .players-popdown-list-item { width: 100%; height: 66.6%; } } .players-popdown-list-item a { height: 100%; width: 100%; display: block; } .players-popdown-list-item:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #21201f; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .players-popdown-list-item:hover:after { opacity: 1; } .players-popdown-list-item:hover .center-v-ctn img { display: block; opacity: 1; } .players-popdown-list-item:hover .byline { display: none; opacity: 0; } .players-popdown-list-item .byline { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); position: relative; z-index: 10; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .players-popdown-list-item .byline span { display: block; } .players-popdown-list-item .center-v-ctn img { position: relative; display: none; z-index: 20; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .search-overlay { background-color: rgba(0, 0, 0, 0.95); } .search-overlay-content { position: absolute; height: 100%; width: 100%; top: 0; padding: 0 40px; z-index: 5; } .tt-hint { color: #4c4c4c !important; } .tt-dropdown-menu { display: none !important; } .twitter-typeahead { width: 100%; } input[type="text"].search-overlay-input { width: 100%; padding: 0; line-height: 1; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 60px; font-size: 3.75rem; letter-spacing: -1px; background-color: transparent; border: none; color: #FFF; display: block; } @media only screen and (max-width: 480px) { input[type="text"].search-overlay-input { font-size: 30px; font-size: 1.875rem; } } .ajax-load-more-wrap { clear: both; } .alm-btn-wrap { text-align: center; } .alm-btn-wrap .done { display: none; } .alm-btn-wrap button { transition: background 0.25s; } .alm-btn-wrap button:hover { background: #808080; } .search #page .tpt-logo path { fill: #000; } .search-results-header { margin: 205px 0 110px; text-align: center; } .search-results-copy { margin-bottom: 10px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 11px; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 4px; color: #808080; } .search-results-copy i { font-size: 9px; font-size: 0.5625rem; } .search-results-query { margin: 0; font-size: 60px; font-size: 3.75rem; color: #262626 !important; } .search.search-no-results .page-content { margin-top: 7%; } .search.search-no-results .page-content p { color: #262626; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1rem; } @media screen and (max-width: 450px) { .search.search-no-results .page-content p { width: 80%; margin-right: auto; margin-left: auto; } } .search.search-no-results .search-results-header { margin-bottom: 45px; } @media only screen and (min-width: 481px) and (max-width: 768px) { .search.search-no-results .search-results-header { margin-top: 10%; } } @media only screen and (max-width: 480px) { .search.search-no-results .search-results-header { margin-top: 6%; margin-bottom: 25px; } } @media only screen and (max-width: 480px) { .search.search-no-results .search-results-query { font-size: 35px; font-size: 2.1875rem; } } .search.search-no-results .no-results { text-align: center; margin-top: 0; margin-bottom: 10%; padding-top: 0; } .search.search-no-results .no-results .page-header { display: none; } .search.search-no-results input[type="search"] { border: 2px solid #262626; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1rem; border-radius: 0; padding: 16px 10px; min-width: 26.39%; } @media screen and (max-width: 920px) { .search.search-no-results input[type="search"] { min-width: 404px; } } @media screen and (max-width: 650px) { .search.search-no-results input[type="search"] { min-width: 240px; } } @media screen and (max-width: 450px) { .search.search-no-results input[type="search"] { min-width: 80%; width: 80%; margin-right: auto; margin-left: auto; margin-bottom: 15px; text-align: center; } } .search.search-no-results ::-webkit-input-placeholder { color: #808080; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1rem; } @media only screen and (max-width: 480px) { .search.search-no-results ::-webkit-input-placeholder { font-size: 10px; font-size: 0.625rem; } } .search.search-no-results :-moz-placeholder { /* Firefox 18- */ color: #808080; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1rem; } @media only screen and (max-width: 480px) { .search.search-no-results :-moz-placeholder { font-size: 10px; font-size: 0.625rem; } } .search.search-no-results ::-moz-placeholder { /* Firefox 19+ */ color: #808080; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1rem; } @media only screen and (max-width: 480px) { .search.search-no-results ::-moz-placeholder { font-size: 10px; font-size: 0.625rem; } } .search.search-no-results :-ms-input-placeholder { color: #808080; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1rem; } @media only screen and (max-width: 480px) { .search.search-no-results :-ms-input-placeholder { font-size: 10px; font-size: 0.625rem; } } .search.search-no-results input[type="submit"] { color: white; height: 60px; letter-spacing: 4px; text-transform: uppercase; -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; cursor: pointer; border: none; background: black; position: relative; top: 0px; line-height: 60px; font-size: 12px; font-size: 0.75rem; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; padding: 0 20px; } .editors-grid-module { width: 100%; content: ""; display: table; } .editors-grid-module-item { display: block; float: left; width: 50%; height: 360px; position: relative; overflow: hidden; } .editors-grid-module-item:hover .editors-grid-module-meta { opacity: 0; } .editors-grid-module-item:hover .editors-grid-module-hover { opacity: 1; } @media only screen and (max-width: 480px) { .editors-grid-module-item { width: 100%; height: 285px; } } .editors-grid-module-meta, .editors-grid-module-hover { position: absolute; top: 0; left: 0; z-index: 5; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .editors-grid-module-meta { opacity: 1; } .editors-grid-module-meta .byline span { display: block; } .editors-grid-module-hover { opacity: 0; background-color: #21201f; } .editors-grid-module-avatar { min-width: 100%; position: absolute; top: 50%; z-index: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .editor-quote-module { z-index: 5; position: relative; } .editor-quote-module .byline { margin-top: 30px; font-size: 14px; font-size: 0.875rem; } @media only screen and (max-width: 480px) { .editor-quote-module { max-width: 240px; margin: 0 auto; } .editor-quote-module .byline { font-size: 12px; font-size: 0.75rem; } } .editor-quote-module-copy { position: relative; max-width: 640px; margin: 0 auto; color: #FFF; font-family: 'Graphik Web Italic'; font-weight: 900; font-style: italic; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; font-size: 1.75rem; line-height: 32px; } .editor-quote-module-copy .editor-quote-icon:first-child { top: -8px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .editor-quote-module-copy .editor-quote-icon:last-child { top: -12px; } @media only screen and (max-width: 480px) { .editor-quote-module-copy { font-size: 25px; font-size: 1.5625rem; line-height: 28px; } } .editor-quote-icon { line-height: 1; position: relative; display: inline-block; } .editor-quote-icon:before { content: "\e600\e600"; font-family: 'icomoon'; font-style: normal; font-size: 8px; font-size: 0.5rem; letter-spacing: -1px; } .lt-ie9 .editors-page .tpt-avatar { top: 0; } .editors-page .avatar-wrap { position: relative; width: 50%; height: 360px; overflow: hidden; float: left; } .editors-page .avatar-meta { position: absolute; width: 100%; height: 100%; } .editors-page .avatar-wrap:hover .avatar-meta { opacity: 0; } .editors-page > .tpt-small { color: #808080; margin-bottom: 94px; display: none; } .editors-page .tpt-author-title { margin-top: 0; font-size: 14px; letter-spacing: 4px; } .editors-page .author-info { color: white; } .editors-page .tpt-author-title span { color: white; } .avatar-meta-inner { display: table-cell; vertical-align: middle; padding: 0 20px; } .editors-page .avatar-hover-meta { display: table; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-color: rgba(0, 0, 0, 0.35); opacity: 0; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } .lt-ie9 .editors-page .avatar-hover-meta { display: none; } .editors-page .avatar-hover-meta.display-table { display: table; } .editors-page .avatar-wrap:hover .avatar-hover-meta { opacity: 1; } .editors-page .avatar-hover-meta-inner { display: table-cell; vertical-align: middle; padding: 0 20px; } .next-editor { background: #222222; } .editors-page .editor-reveal { position: absolute; width: 100%; height: 100%; display: table; } .editor-reveal .reveal-inner { display: table-cell; vertical-align: middle; padding: 0 20px; } .next-editor h3 { font: 3.625em Publico Headline Web,serif; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; margin: 17px 0 1px; font-size: 46px; letter-spacing: 0px; } .play-icon { width: 54px; margin-top: 79px; opacity: .75; } .author-info { color: #808080; } .author-info span { color: white; } .author-quote { margin: 30px auto 0; font-family: Publico Headline Web,serif; font-size: 26px; letter-spacing: 0; line-height: 1.2em; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width: 640px; min-width: 600px; padding: 0 120px; } .related-articles-module .byline { text-align: left; } .advanced-category .article-snippet { text-align: left; } .wide-wrap .sponsored-by-logo { max-width: 340px; } .sponsored-by { margin: 50px 0 -20px; text-align: center; } .sponsored-by p { margin: 0; max-width: none; } .sponsored-by-label { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; text-transform: uppercase; letter-spacing: 3px; } .sponsored-by-logo { display: block; margin: 15px auto 0; width: 100%; max-width: 180px; } .sponsored-by-link { display: inline-block; } .sponsored-by.is-inline .sponsored-by-link { vertical-align: middle; } .sponsored-by.is-inline .sponsored-by-label { display: inline-block; vertical-align: middle; margin-right: 1.2em; } .sponsored-by.is-inline .sponsored-by-logo { display: inline-block; margin: 0; } h1.advanced-category-title { font-size: 46px; letter-spacing: -.7px; color: #000 !important; } .advanced-category-header { text-align: center; } .advanced-category-title { margin: 50px 0 30px; } .advanced-category-intro { margin: 0 auto; max-width: 640px; padding: 0 20px; color: #000; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 23px; } .advanced-category-athletes { margin: 55px 0 30px; padding: 0; list-style-type: none; } .advanced-category-athletes-item { display: inline-block; margin-right: 75px; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 10px; line-height: 15px; letter-spacing: 3px; text-transform: uppercase; color: #000; } .advanced-category-athletes-item:last-child { margin-right: 0; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .advanced-category-athletes-item { margin-right: 40px; } } @media only screen and (min-width: 0px) and (max-width: 768px) { .advanced-category-athletes-item { display: block; margin: 0 0 35px 0; } .advanced-category-athletes-item:last-child { margin: 0; } } .advanced-category-athletes-item-date { display: block; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; color: #808080; } .article-snippet .sponsored-by { margin: -10px 0 0; text-align: left; } .article-snippet .sponsored-by-label { font-size: 10px !important; } .article-snippet .sponsored-by-logo { max-width: 80px; } .type-video .sponsored-by, .type-gallery .sponsored-by, .ajax-call-ctn .sponsored-by { text-align: left; margin: 10px 0 0; } .type-video .sponsored-by-link, .type-gallery .sponsored-by-link, .ajax-call-ctn .sponsored-by-link { vertical-align: middle; } .type-video .sponsored-by-label, .type-gallery .sponsored-by-label, .ajax-call-ctn .sponsored-by-label { display: inline-block; margin-right: 10px; font-size: 10px; } .type-video .sponsored-by-logo, .type-gallery .sponsored-by-logo, .ajax-call-ctn .sponsored-by-logo { margin: 0; } .sponsored-slide-link { display: block; } .advanced-category-filters { margin: 58px 0 30px; } .category-tpt-assist .advanced-category-filters { margin-top: 0; } @media only screen and (max-width: 480px) { .category-tpt-assist .advanced-category-filters { padding: 0; } } @media only screen and (max-width: 480px) { .advanced-category-filters { padding: 0 40px; } .advanced-category-filters div.cs-select { display: inline-block !important; } } .advanced-category-filters-list { display: block; width: 100%; height: 70px; margin: 0; padding: 0; list-style-type: none; } @media only screen and (max-width: 480px) { .advanced-category-filters-list { display: none; } } .advanced-category-filters-item { height: 100%; width: 25%; float: left; border: 1px solid #CCCCCC; border-right: none; text-align: center; } .advanced-category-filters-item:first-child { border-left: none; } .advanced-category-filters-link { display: block; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; color: #808080; line-height: 68px; text-transform: uppercase; transition: color .2s, background-color .2s; } .advanced-category-filters-link:visited { color: #808080; } .advanced-category-filters-link.active, .advanced-category-filters-link:hover { color: #262626; background-color: #CCCCCC; } /* Default custom select styles */ select.cs-select { display: none; } .advanced-category-filters { /* Placeholder and selected option */ /* Options */ } .advanced-category-filters div.cs-select { display: none; vertical-align: middle; position: relative; text-align: center; background: #CCCCCC; z-index: 100; width: 100%; max-width: 500px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .advanced-category-filters div.cs-select:focus { outline: none; /* For better accessibility add a style for this in your skin */ } .advanced-category-filters .cs-select select { display: none; } .advanced-category-filters .cs-select span { display: block; position: relative; cursor: pointer; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; line-height: 70px; } .advanced-category-filters .cs-select > span { color: #262626; } .advanced-category-filters .cs-select > span::after, .advanced-category-filters .cs-select .cs-selected span::after { speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .advanced-category-filters .cs-select > span::after { content: '\25BE'; letter-spacing: 0; } .advanced-category-filters .cs-select.cs-active > span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .advanced-category-filters div.cs-active { z-index: 200; } .advanced-category-filters .cs-selected { display: none; } .advanced-category-filters .cs-select .cs-options { position: absolute; overflow: hidden; width: 100%; background: #FFFFFF; visibility: hidden; color: #808080; } .advanced-category-filters .cs-select .cs-options li { height: 70px; border: 1px solid #CCCCCC; border-top: none; } .advanced-category-filters .cs-select .cs-options li:first-child { border-top: 1px solid #CCCCCC; } .advanced-category-filters .cs-select.cs-active .cs-options { visibility: visible; } .advanced-category-filters .cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; } .google-ad { position: relative; } .home .ad-footer { margin-bottom: 2%; } .archive .ad-footer { margin-bottom: 8.5%; } .single .ad-footer { margin-bottom: 100px; } .ad-inline { margin-bottom: 1.5em; } .ad-fullbleed { width: 1280px; margin: 0 auto; } .ad-article-snippet { height: 250px; width: 300px; margin: 0 auto; top: 50%; left: 50%; position: absolute; transform: translateX(-50%) translateY(-50%); } .ad-article-snippet-ad { width: 300px; margin: 0 auto; } .google-ad.ad-sponsor { margin: 0 auto; } .google-ad.ad-sponsor a, .google-ad.ad-sponsor img { display: block; } .archive .google-ad.ad-sponsor { margin: 0 auto 30px; } @media all and (min-width: 48em) and (max-width: 80em) { .archive .google-ad.ad-sponsor { margin: 0 auto 25px; } } @media all and (min-width: 20em) and (max-width: 48em) { .google-ad.ad-sponsor { width: 320px; } } @media all and (min-width: 48em) and (max-width: 80em) { .google-ad.ad-sponsor { width: 768px; } } @media all and (min-width: 80em) and (max-width: 90em) { .google-ad.ad-sponsor { width: 1280px; } } @media all and (min-width: 90em) { .google-ad.ad-sponsor { width: 100%; } } .athletes-listing { max-width: 1040px; margin: 0 auto; padding: 0 40px; } .athletes-listing-heading { display: block; margin: 165px 0 115px; text-align: center; letter-spacing: -.9px; color: #262626 !important; } .athletes-listing-tier { margin: 0 0 70px; } .athletes-listing-tier:last-child { margin: 0 0 110px; } .athletes-listing-title { display: block; margin: 0 0 35px; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; color: #808080; line-height: 1; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .athletes-listing-title { margin: 0 0 25px; } } @media only screen and (max-width: 480px) { .athletes-listing-title { margin: 0 0 25px; } } .athletes-listing-list { margin: 0; padding: 0; clear: both; float: none; list-style-type: none; /* last row (3 items), doesn't matter how many cells */ /* last row (2 items), doesn't matter how many cells */ } @media only screen and (min-width: 1025px) { .athletes-listing-list .athletes-listing-list-item:nth-child(3n + 2) { padding: 0 2%; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { .athletes-listing-list .athletes-listing-list-item:nth-child(odd) { padding: 0 2% 0 0; clear: both; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { .athletes-listing-list .athletes-listing-list-item:nth-child(even) { padding: 0 0 0 2%; } } @media only screen and (min-width: 1025px) { .athletes-listing-list .athletes-listing-list-item:nth-last-child(-n + 3):nth-child(3n + 1), .athletes-listing-list .athletes-listing-list-item:nth-last-child(-n + 3):nth-child(3n + 1) ~ li { margin: 0; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { .athletes-listing-list .athletes-listing-list-item:nth-last-child(-n + 2):nth-child(2n + 1), .athletes-listing-list .athletes-listing-list-item:nth-last-child(-n + 2):nth-child(2n + 1) ~ li { margin: 0; } } @media only screen and (max-width: 480px) { .athletes-listing-list .athletes-listing-list-item:last-child { margin: 0; } } .athletes-listing-list-item { width: 32%; float: left; display: block; margin: 0 0 45px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .athletes-listing-list-item { width: 48%; margin: 0 0 35px; } } @media only screen and (max-width: 480px) { .athletes-listing-list-item { width: 100%; float: none; margin: 0 0 35px; } } .athletes-listing-author { display: inline-block; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 33px; letter-spacing: -.5px; line-height: 1; color: #262626; } @media only screen and (min-width: 481px) and (max-width: 1024px) { .athletes-listing-author { font-size: 29px; } } @media only screen and (max-width: 480px) { .athletes-listing-author { font-size: 29px; } } .athletes-listing-author-link { display: block; margin-bottom: 7px; color: inherit; } .athletes-listing-author-title { display: block; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; line-height: 1; } .page-template-page-masthead .hero { height: 210px; margin-top: 85px; } .page-template-page-masthead .hero h1 { color: #404040 !important; } @media screen and (max-height: 720px) { .page-template-page-masthead .hero { height: 150px; } } @media only screen and (max-width: 480px) { .page-template-page-masthead .hero { height: 130px; } .page-template-page-masthead .hero h1 { font-size: 33px; line-height: 1; } } .masthead { max-width: 1200px; margin: 0 auto; } .masthead .page-fullbleed-container { padding: 0; margin-bottom: 125px; } @media all and (max-width: 30.0625em) { .masthead .page-fullbleed-container { margin-bottom: 80px; } } .masthead .page-row { display: block; } .masthead .page-col-title { font-size: 12px; } .masthead .page-col-details { font-size: 20px; } .masthead-section-heading { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; margin: 0 0 55px; font-size: 33px; line-height: 1; color: #404040; text-align: center; } @media only screen and (max-width: 480px) { .masthead-section-heading { margin: 0 0 35px; } } .masthead-list { margin: 0; list-style-type: none; margin: 0 -2.2%; overflow: hidden; padding: 0 0 100px; } @media all and (max-width: 50em) { .masthead-list { margin: 0 -3.1%; padding: 0 0 80px; } } @media only screen and (max-width: 480px) { .masthead-list { padding: 0 0 50px; margin: 0 -2.2%; } } .large-masthead-list { max-width: 790px; margin: 0 auto; } .large-masthead-list .masthead-list { margin: 0 -3.1%; } @media only screen and (max-width: 480px) { .large-masthead-list .masthead-list { margin: 0; } } .masthead-list-item { float: left; width: 25%; margin: 0 0 40px 0; } .large-masthead-list .masthead-list-item { width: 50%; } .large-masthead-list .masthead-list-item .inner { padding: 0 6%; } @media only screen and (max-width: 480px) { .large-masthead-list .masthead-list-item { width: 100%; } .large-masthead-list .masthead-list-item .inner { padding: 0; } } .masthead-list-item .masthead-img-wrap { margin: 0 0 15px 0; overflow: hidden; } .masthead-list-item .masthead-img-wrap .img { padding: 107.5% 0 0 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .masthead-list-item .inner { padding: 0 8.5%; } .masthead-list-item span { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; margin-bottom: 8px; font-size: 20px; letter-spacing: -.3px; line-height: 1.2; color: inherit; } .masthead-list-item span:visited, .masthead-list-item span:active { color: #262626; } .masthead-list-item small { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; display: block; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; line-height: 1.3; } @media all and (max-width: 50em) { .masthead-list-item { width: 50%; } .masthead-list-item .inner { padding: 0 6%; } } @media only screen and (max-width: 480px) { .masthead-list-item .inner { padding: 0 4.2%; } } .masthead { width: 100%; position: relative; } .masthead .title { color: #000; font-family: 'Graphik Web'; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; } .masthead .name { color: #333; font-family: 'Publico Text Web'; } .masthead h2 { font-family: 'Publico Text Web'; margin: 40px 0; font-weight: normal; } @media only screen and (min-width: 767px) { .masthead .title { font-size: 13px; } .masthead .name { font-size: 21px; } .masthead h2 { font-size: 30px; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .masthead .title, .masthead .name { display: block; } .masthead .title { font-size: 10px; } .masthead .name { font-size: 16px; } } .now-trending { padding: 25px 20px; background-color: #f5f2f2; text-align: center; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; } .now-trending-heading { color: #808080; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media all and (max-width: 75em) { .now-trending-heading { display: block; margin-bottom: 10px; } } .now-trending-list { padding: 0; margin: 0; display: block; } @media all and (min-width: 64em) { .now-trending-list { display: inline-block; } } .now-trending-list-item { margin: 0; display: inline-block; } @media all and (min-width: 64em) { .now-trending-list-item { margin: 0 0 0 37px; } } @media all and (min-width: 64em) and (max-width: 75em) { .now-trending-list-item:first-child { margin: 0; } } .now-trending-list-item a { color: #262626; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; } .starting-lineup { margin: 0 !important; } @media all and (max-width: 48em) { .starting-lineup { padding: 0 !important; } } .starting-lineup .row-heading { margin: 40px auto !important; } .starting-lineup .row .article-snippet { width: 50%; padding: 0 20px 45px; } @media all and (min-width: 48em) { .starting-lineup .row .article-snippet:nth-child(n+3) { padding: 0 20px; } } .starting-lineup .row .article-snippet:nth-child(2n+1) { clear: both; } @media all and (max-width: 47.9375em) { .starting-lineup .row .article-snippet { width: 100%; padding: 0 40px; } } @media all and (min-width: 30.0625em) and (max-width: 47.9375em) { .starting-lineup .row .article-snippet { margin-bottom: 20px; } } .starting-lineup .row .article-snippet .hero { height: 215px; } @media only screen and (max-width: 480px) { .starting-lineup .module-content-type-icon { top: 15px !important; } } article.has-related { margin: 60px auto 0; } article.has-related.multiline-title-2 .entry-header .byline:not(.the-field) { bottom: 115px; } @media only screen and (min-width: 769px) and (max-width: 1024px) { article.has-related.multiline-title-2 .entry-header .byline:not(.the-field) { bottom: 100px; } } @media all and (min-width: 30.0625em) and (max-width: 48em) { article.has-related.multiline-title-2 .entry-header .byline:not(.the-field) { bottom: 90px; } } article.has-related.multiline-title-3 .entry-header .byline:not(.the-field) { bottom: 165px; } @media only screen and (min-width: 769px) and (max-width: 1024px) { article.has-related.multiline-title-3 .entry-header .byline:not(.the-field) { bottom: 140px; } } @media all and (min-width: 30.0625em) and (max-width: 48em) { article.has-related.multiline-title-3 .entry-header .byline:not(.the-field) { bottom: 130px; } } article.has-related .hero { margin-bottom: 0; } article.has-related .entry-header .byline:not(.the-field) { z-index: 5; position: absolute; left: 0; bottom: 60px; margin: 0; padding: 30px 40px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 769px) and (max-width: 1024px) { article.has-related .entry-header .byline:not(.the-field) { bottom: 45px; padding: 18px 30px; } } @media all and (min-width: 30.0625em) and (max-width: 48em) { article.has-related .entry-header .byline:not(.the-field) { bottom: 40px; } } @media only screen and (max-width: 480px) { article.has-related .entry-header .byline:not(.the-field) { display: none; } } article.has-related .entry-header .byline:not(.the-field) a { color: #FFF; } article.has-related .entry-preview-content { margin: 25px 0 0 0 !important; } @media all and (min-width: 30.0625em) { article.has-related .entry-preview-content { display: none; } } article.has-related .entry-preview-content .entry-content-wrap { padding: 0 20px; } article.has-related .entry-preview-content .entry-content-wrap p { margin: 0; } .homepage-related-articles { padding: 0 80px; margin: 0 0 60px; } @media all and (max-width: 48em) { .homepage-related-articles { padding: 0 40px 50px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { .homepage-related-articles { margin: 0 0 40px; } } @media all and (max-width: 47.9375em) { .homepage-related-articles { margin: 0; } } .homepage-related-articles + article { margin-top: 0 !important; } .homepage-related-articles-heading { margin: 40px 0 38px; text-align: center; color: #808080; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; } @media only screen and (max-width: 480px) { .homepage-related-articles-heading { margin: 30px 0 28px; } } .homepage-related-articles-item { float: left; width: 50%; padding: 0 15px 0 0; } .homepage-related-articles-item:last-child { padding: 0 0 0 15px; } @media all and (max-width: 47.9375em) { .homepage-related-articles-item { float: none; clear: both; width: 100%; padding: 0; margin: 0 0 30px; } .homepage-related-articles-item:last-child { padding: 0; margin: 0; } } .homepage-related-articles-item .hero { height: 215px; margin-bottom: 20px; } @media only screen and (max-width: 480px) { .homepage-related-articles-item .hero { height: 135px; } } .homepage-related-articles-item .byline { margin-left: 0; } @media only screen and (max-width: 480px) { .homepage-related-articles-item .byline { margin-bottom: 10px; } } .homepage-related-articles-item-wrapper { position: relative; } .homepage-related-articles .entry-title { font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 20px; line-height: 26px; } .homepage-related-articles .module-content-type-icon { position: absolute; top: -4px; right: 0; line-height: 0; color: #c0c0c0; } .mobile-featured-image { display: none; } @media all and (max-width: 30.0625em) { .mobile-featured-image { display: block; } .mobile-featured-image + div.css-cover, .mobile-featured-image + div.cover img, .mobile-featured-image + img.posts-feed-list-item-thumbnail, .mobile-featured-image + img.posts-feed-modal-img, .mobile-featured-image + img[class^="attachment"] { display: none; } } .mobile-photo-credits { display: none; } @media all and (max-width: 30.0625em) { .mobile-photo-credits { display: block; } .mobile-photo-credits + div.photo-credits { display: none; } } .mobile-fixed-scroll-bg { display: none; } @media all and (max-width: 30.0625em) { .mobile-fixed-scroll-bg { display: block; } .mobile-fixed-scroll-bg + div.fixed-scroll-bg { display: none; } } @media all and (max-width: 30.0625em) { .has-mobile-featured-img { background-image: none; } } .carousel-mobile-featured-image { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } @media all and (max-width: 30.0625em) { .carousel-mobile-featured-image { display: block; } } .mfp-content .popin { display: block; } .popin { display: none; width: 100%; max-width: 960px; margin: 0 auto; position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #FFF; } .popin .x-close { top: 12px; right: 0; width: 40px; height: 40px; font-size: 15px; background-color: transparent; } .popin .x-close a { padding-top: 0; color: #000; } .newsletter-popin-inner { padding: 40px 80px 0 0; } @media all and (max-width: 63.9375em) { .newsletter-popin-inner { padding: 65px 40px 60px; } } .newsletter-popin-col { display: inline-block; vertical-align: middle; } .newsletter-popin-col-img { width: 27%; padding: 0 10px 0 0; } .newsletter-popin-col-img img { display: block; } @media all and (max-width: 63.9375em) { .newsletter-popin-col-img { display: none; } } .newsletter-popin-col-form { width: 73%; color: #808080; } @media all and (max-width: 63.9375em) { .newsletter-popin-col-form { width: 100%; } } .newsletter-popin-col-form img { display: none; margin: 0 auto 20px; width: 50px; } @media all and (max-width: 63.9375em) { .newsletter-popin-col-form img { display: block; } } .newsletter-popin-col-form-heading { margin: 0 0 10px; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 24px; line-height: 33px; color: #000; } .newsletter-popin-col-form-heading strong { font-weight: inherit; font-style: italic; padding: 0; } .newsletter-popin-col-form-copy { margin: 0 0 30px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 28px; } .newsletter-popin-col-form form { font-size: 0; } .newsletter-popin-col-form input[type="email"] { width: calc(100% - 370px); margin-right: 10px; padding: 0 15px; height: 60px; vertical-align: middle; display: inline-block; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 60px; border-radius: 0; border: 1px solid #8a8a8a; } .newsletter-popin-col-form input[type="email"]:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #FFF inset; -webkit-text-fill-color: #000; } .newsletter-popin-col-form input[type="email"]:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px #FFF inset; -webkit-text-fill-color: #000; } @media all and (max-width: 47.9375em) { .newsletter-popin-col-form input[type="email"] { display: block; width: 100%; height: 48px; margin: 0 0 10px; line-height: 48px; font-size: 14px; } } .newsletter-popin-col-form ::-webkit-input-placeholder { color: #808080; line-height: 65px; } @media all and (max-width: 47.9375em) { .newsletter-popin-col-form ::-webkit-input-placeholder { line-height: 50px; font-size: 14px; } } .newsletter-popin-col-form :-moz-placeholder { /* Firefox 18- */ color: #808080; line-height: 65px; } @media all and (max-width: 47.9375em) { .newsletter-popin-col-form :-moz-placeholder { line-height: 50px; font-size: 14px; } } .newsletter-popin-col-form ::-moz-placeholder { /* Firefox 19+ */ color: #808080; line-height: 65px; } @media all and (max-width: 47.9375em) { .newsletter-popin-col-form ::-moz-placeholder { line-height: 50px; font-size: 14px; } } .newsletter-popin-col-form :-ms-input-placeholder { color: #808080; line-height: 65px; } @media all and (max-width: 47.9375em) { .newsletter-popin-col-form :-ms-input-placeholder { line-height: 50px; font-size: 14px; } } .newsletter-popin-col-form button[type="submit"] { width: 150px; padding: 0; vertical-align: middle; line-height: 60px; } @media all and (max-width: 47.9375em) { .newsletter-popin-col-form button[type="submit"] { display: block; width: 100%; margin: 10px auto 0; } } .newsletter-popin-col-form div.cs-select { background-color: #FFF; border-color: #8a8a8a; } .newsletter-popin-col-form .cs-select span { font-size: 16px; } @media all and (max-width: 47.9375em) { .newsletter-popin-col-form .cs-select span { font-size: 14px; line-height: 48px; } } .newsletter-popin-col-form div.cs-active { border-color: #8a8a8a; border-bottom-color: #FFF; } .newsletter-popin-col-form .cs-select .cs-options { background-color: #FFF; color: #000; border-color: #808080; } @media only screen and (max-width: 480px) { .newsletter-popin-col-form .cs-select > span::after, .newsletter-popin-col-form .cs-select .cs-selected span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .newsletter-popin-col-form .cs-select.cs-active > span::after { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .newsletter-popin-col-form div.cs-active { border-top-color: #FFF; } .newsletter-popin-col-form .cs-select .cs-options { transform: translateY(-100%); top: 0; padding-bottom: 5px; border-bottom: none; border-top: 1px solid #8a8a8a; } .newsletter-popin-col-form .cs-select .cs-options li { margin-bottom: 0; margin-top: 20px; } } .social-all-popin, .social-facebook-popin, .social-twitter-popin, .social-instagram-popin, .social-youtube-popin { background-image: url("img/social-popin-BlakeGriffin.jpg"); background-position: bottom right; background-repeat: no-repeat; background-size: 231px 388px; } @media only screen and (max-width: 480px) { .social-all-popin, .social-facebook-popin, .social-twitter-popin, .social-instagram-popin, .social-youtube-popin { background-image: none; } } .popin .fb-like { position: relative !important; right: auto; top: auto; vertical-align: middle; display: inline-block; } .social-all-popin .social-popin-buttons-ctn > *:not(.fb-like):not(script):not(style) { margin-left: 20px !important; vertical-align: middle !important; display: inline-block; } @media only screen and (max-width: 480px) { .social-all-popin .social-popin-buttons-ctn > *:not(.fb-like):not(script):not(style) { margin: 15px 0 0 !important; display: block !important; position: relative !important; left: 50% !important; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .social-popin-copies, .event-popin-copies { margin: 30px 0 40px; } .social-popin-copies-headline, .event-popin-copies-headline { color: #000; font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 24px; line-height: 33px; } .social-popin-copies-copy, .event-popin-copies-copy { margin: 20px auto 0; max-width: 650px; color: #808080; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 23px; } .social-popin-inner { padding: 70px 0 80px; text-align: center; } @media all and (max-width: 60em) { .social-popin-inner { padding: 70px 20px 80px; } } .social-popin-asset { display: block; width: 65px; margin: 0 auto; } .event-popin-inner { padding: 0 0 70px; text-align: center; } @media all and (max-width: 60em) { .event-popin-copies { padding: 0 20px; } } .event-popin-asset { display: block; width: 100%; margin: 0 0 65px; } .ortiz-qa-event-popin { max-width: 640px; } @media all and (min-width: 90.0625em) { .ortiz-qa-event-popin { max-width: 960px; } } .ortiz-qa-event-popin .x-close a { color: #FFF; } .ortiz-qa-event-popin .rsvp-btn { width: 265px; } .archived-header { margin: 200px 0 115px; text-align: center; } .archived-header-title { margin: 0; font-size: 60px; color: #262626 !important; } @media only screen and (max-width: 480px) { .archived-posts .hero { margin-top: 0; } } @media all and (max-width: 64em) { .archived-posts .articles-listing { margin: 0; } } @media only screen and (max-width: 480px) { .archived-posts .articles-listing { padding-bottom: 0; } } .archived-features .archived-filters { margin-bottom: 0; } .archived-filters { margin: 58px 0 30px; } @media only screen and (max-width: 480px) { .archived-filters div.cs-select { display: inline-block !important; } } .archived-filters-list { display: block; width: 100%; height: 70px; margin: 0; padding: 0; list-style-type: none; } @media all and (max-width: 47.9375em) { .archived-filters-list { width: 100%; float: none; } } .archived-filters-item { height: 100%; width: 50%; float: left; border: 1px solid #CCCCCC; border-right: none; text-align: center; } .archived-filters-item:first-child { border-left: none; } .archived-filters-link { display: block; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; color: #808080; line-height: 68px; text-transform: uppercase; transition: color .2s, background-color .2s; } .archived-filters-link:visited { color: #808080; } .archived-filters-link.active { color: #262626; } .archived-filters-link:hover { background-color: #CCCCCC; } @media only screen and (max-width: 480px) { .archived-filters-link span { display: none; } } /* Default custom select styles */ select.cs-select { display: none; } .archived-filters { /* Placeholder and selected option */ /* Options */ } .archived-filters div.cs-select { vertical-align: middle; position: relative; text-align: center; background: #FFF; border: 1px solid #CCC; border-right: none; z-index: 95; width: 33.33%; float: right; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media all and (max-width: 47.9375em) { .archived-filters div.cs-select { width: 100%; float: none; clear: both; border-top: none; } } .archived-filters div.cs-select:focus { outline: none; /* For better accessibility add a style for this in your skin */ } .archived-filters .cs-select select { display: none; } .archived-filters .cs-select span { display: block; position: relative; cursor: pointer; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; line-height: 68px; } .archived-filters .cs-select > span { color: #808080; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .archived-filters .cs-select > span:hover { background-color: #CCC; } .archived-filters .cs-select > span::after, .archived-filters .cs-select .cs-selected span::after { speak: none; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .archived-filters .cs-select > span::after { content: '\25BE'; letter-spacing: 0; } .archived-filters .cs-select.cs-active > span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .archived-filters .cs-selected { display: none; } .archived-filters .cs-select .cs-options { position: absolute; overflow: hidden; width: 100%; background: #FFFFFF; visibility: hidden; color: #808080; } .archived-filters .cs-select .cs-options li { height: 70px; position: relative; border: 1px solid #CCCCCC; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .archived-filters .cs-select .cs-options li:hover { background-color: #CCC; } .archived-filters .cs-select.cs-active .cs-options { visibility: visible; } .archived-filters .cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; } .archived-features-listing { margin: 0 0 225px; } @media all and (max-width: 47.9375em) { .archived-features-listing { margin: 0; } } .archived-features-item { float: left; width: 50%; height: 360px; } @media all and (max-width: 47.9375em) { .archived-features-item { width: 100%; float: none; height: 250px; } } .archived-features-item a { position: relative; display: block; width: 100%; height: 100%; } .archived-features-item-thumbnail { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .archived-features-item-title { display: block; position: absolute; top: 50%; left: 50%; width: 100%; -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); font-family: 'Publico Headline Web'; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 46px; line-height: 53px; letter-spacing: -.7px; color: #fefefe; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } @media all and (max-width: 47.9375em) { .archived-features-item-title { font-size: 24px; line-height: 28px; letter-spacing: -.4px; } } .archived-filter-by { padding: 25px 80px; text-align: center; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; } @media all and (min-width: 48em) and (max-width: 63.9375em) { .archived-filter-by { padding: 25px 20px; } } @media all and (max-width: 47.9375em) { .archived-filter-by { padding: 0; } } .archived-filter-by-heading { color: #808080; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media all and (max-width: 79.9375em) { .archived-filter-by-heading { display: block; margin-bottom: 10px; } } .archived-filter-by-list { padding: 0; margin: 0; display: block; } @media all and (min-width: 64em) { .archived-filter-by-list { display: inline-block; } } .archived-filter-by-list-item { margin: 0; display: inline-block; } @media all and (max-width: 47.9375em) { .archived-filter-by-list-item { padding: 0 30px; } } @media all and (min-width: 48em) { .archived-filter-by-list-item { margin: 0 0 0 30px; } } @media all and (min-width: 64em) { .archived-filter-by-list-item { margin: 0 0 0 58px; } } @media all and (min-width: 48em) and (max-width: 79.9375em) { .archived-filter-by-list-item:first-child { margin: 0; } } .archived-filter-by-list-item a { color: #808080; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; } .archived-filter-by-list-item a.active, .archived-filter-by-list-item a:hover { color: #262626; } @media only screen and (max-width: 480px) { .single .tpt-share-fixed { display: none !important; } } .mobile-persistent-share { position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; z-index: 100; border-top: 1px solid #c2c2c2; text-align: center; background-color: #FFF; } @media all and (min-width: 30.0625em) { .mobile-persistent-share { display: none; } } .mobile-persistent-share-view { height: 100%; width: 100%; display: none; position: absolute; top: 0; left: 0; } .mobile-persistent-share-view.active { display: block; } .mobile-persistent-share-btn { padding: 0; font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; color: #262626; text-transform: uppercase; } .mobile-persistent-share-icons .a2a_kit { height: 100%; width: 100%; content: ""; display: table; } .mobile-persistent-share-icons .a2a_kit a { border-right: 1px solid #c2c2c2; font-size: 20px; } .mobile-persistent-share-icons .a2a_kit a, .mobile-persistent-share-icons .a2a_kit button { width: 25%; float: left; line-height: 51px; color: #262626; } .mobile-persistent-share-btn-close { padding: 0; font-size: 16px; } .page-template-page-connect .hero { height: 576px; border-bottom: 1px solid #919191; } @media only screen and (max-width: 480px) { .page-template-page-connect .hero { height: 180px; } } .page-template-page-connect .hero .css-cover { top: 0; left: 0; } @media all and (min-width: 30em) { .page-template-page-connect .site-footer { padding: 0 0 20px; } } h1.connect-heading { margin: 110px 0 0; font-size: 24px; line-height: 33px; color: #000 !important; text-align: center; } @media only screen and (max-width: 480px) { h1.connect-heading { margin: 60px 0 0; } } .connect { max-width: 1440px; margin: 0 auto; padding: 0 80px; } @media all and (min-width: 30.0625em) and (max-width: 48em) { .connect { padding: 0 50px; } } @media all and (max-width: 30.0625em) { .connect { padding: 0 20px; } } .connect-copy { max-width: 530px; margin: 20px auto 0; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 28px; color: #808080; text-align: center; } .connect .inline-newsletter { padding: 0; margin: 70px 0 55px; } @media only screen and (max-width: 480px) { .connect .inline-newsletter { margin: 50px 0 55px; } } .connect .inline-newsletter form { padding: 0; } .connect-newsletter-options { max-width: 525px; margin: 35px auto 0; text-align: center; } .connect-newsletter-options-item { display: inline-block; vertical-align: middle; padding: 0 15px; margin-bottom: 15px; } .connect-newsletter-options label { font-family: 'Graphik Web'; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .connect-newsletter-options input[type="checkbox"] { /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ } .connect-newsletter-options input[type="checkbox"]:not(:checked) + label, .connect-newsletter-options input[type="checkbox"]:checked + label { padding-left: 25px; } .connect-newsletter-options input[type="checkbox"]:not(:checked) + label:before, .connect-newsletter-options input[type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 13px; height: 13px; border: 1px solid #808080; background: transparent; } .connect-newsletter-options input[type="checkbox"]:not(:checked) + label:after, .connect-newsletter-options input[type="checkbox"]:checked + label:after { font-family: 'Webdings'; content: ''; position: absolute; top: -5px; left: 0; font-size: 14px; -webkit-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .connect-newsletter-options input[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .connect-newsletter-options input[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } .connect-buttons { margin: 0 0 100px; text-align: center; } .connect-buttons-heading { display: block; margin: 0 0 15px; font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; letter-spacing: 3.6px; color: #808080; text-transform: uppercase; } .connect-buttons-ctn .fb-like { position: relative !important; right: auto; top: -10px; vertical-align: middle; display: inline-block; } @media only screen and (max-width: 480px) { .connect-buttons-ctn .fb-like { top: auto; } } .connect-buttons-ctn > *:not(.fb-like):not(script):not(style):not(.connect-buttons-heading) { margin-left: 20px !important; vertical-align: middle !important; display: inline-block; } @media only screen and (max-width: 480px) { .connect-buttons-ctn > *:not(.fb-like):not(script):not(style):not(.connect-buttons-heading) { margin: 15px 0 0 !important; display: block !important; position: relative !important; left: 50% !important; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .page-template-page-david-ortiz-qa .hero { height: 576px; margin-bottom: 80px; } @media all and (min-width: 30.0625em) and (max-width: 48em) { .page-template-page-david-ortiz-qa .hero { margin-bottom: 50px; } } @media only screen and (max-width: 480px) { .page-template-page-david-ortiz-qa .hero { height: 180px; margin-bottom: 20px; } } .page-template-page-david-ortiz-qa .hero .css-cover { top: 0; left: 0; } @media only screen and (max-width: 480px) { .page-template-page-david-ortiz-qa .hero h1 { font-size: 36px; } } .david-ortiz-qa { max-width: 1440px; margin: 0 auto; padding: 0 80px; } @media all and (min-width: 30.0625em) and (max-width: 48em) { .david-ortiz-qa { padding: 0 50px; } } @media all and (max-width: 30.0625em) { .david-ortiz-qa { padding: 0 20px; } } .david-ortiz-qa-content { max-width: 620px; margin: 0 auto; padding: 0 0 170px; text-align: center; } @media only screen and (max-width: 480px) { .david-ortiz-qa-content { padding: 0 0 50px; } } .david-ortiz-qa-content p { font-family: 'Publico Text Web'; font-weight: 400; font-style: normal; font-stretch: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 23px; color: #000; } .latest-module.articles-row { padding-bottom: 40px; } .latest-module.articles-row .article-snippet { width: 25%; } .latest-module.articles-row .row { margin-bottom: 0; } .latest-module.articles-row .row .article-preview-wrapper h3 { font-size: 14px; line-height: 23px; } .latest-module.articles-row .module-content-type-icon span { font-size: 20px; } .latest-module .slick-dots { position: relative; bottom: auto; } .carousel-tpt-assist-logo { margin: 0 auto 35px; width: 100%; max-width: 195px; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .page-template-page-text-with-form .tpt-logo path { fill: #fff !important; } .page-template-page-text-with-form .page-text-wrapper { margin: 50px auto 0; } .page-template-page-text-with-form .css-cover { top: 0; left: 0; } .page-template-page-text-with-form .entry-title { color: black !important; text-align: center; line-height: 80px; max-width: 790px; padding: 0 30px; margin: 0 auto; } .page-template-page-text-with-form .site-main .inline-newsletter { padding: 0 4.2% 130px 4.2%; } .page-template-page-text-with-form .inline-newsletter .vote-form { max-width: 800px; margin: 0 auto; font-size: 1em; } .page-template-page-text-with-form .verify-age-block { max-width: 530px; margin: 0 auto; padding: 0 0 20px; } .page-template-page-text-with-form .verify-age-block p { display: block; } .page-template-page-text-with-form .vote-form .signup-wrap input[type="checkbox"] { width: auto; margin: 0 10px 0 0; position: relative; top: -2px; } .page-template-page-text-with-form .vote-form .signup-wrap .age-verify { padding: 0 20px 15px; line-height: 1.3; } .page-template-page-text-with-form .vote-form ul { margin: 0; } .page-template-page-text-with-form .vote-form li { min-height: 80px; overflow: hidden; padding: 0; border: 1px solid #333; margin: 0 0 20px; list-style-type: none; } .page-template-page-text-with-form .vote-form .pad { padding: 0 0 0 58px; position: relative; width: 100%; float: left; } .page-template-page-text-with-form .vote-form .radio-wrap { max-height: 80px; text-align: center; width: 59px; position: absolute; top: 0; left: 0; bottom: 0; border-right: 1px solid #333; } .page-template-page-text-with-form .vote-form .radio-wrap input { cursor: pointer; margin-top: 19px; -moz-opacity: 0; opacity: 0; } .page-template-page-text-with-form .vote-form .radio-wrap label { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; margin: 0; padding: 0; cursor: pointer; } .page-template-page-text-with-form .vote-form .radio-wrap label .vote { color: #fff; font-family: 'Graphik Web'; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; display: block; font-size: 10px; background-color: #333; position: absolute; bottom: 0; right: 0; left: 0; padding: 4px 0 3px; height: 22px; } .page-template-page-text-with-form .vote-form .radio-wrap label .square { -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; outline: 1px solid #808080; border: 3px solid #fff; position: absolute; top: 7px; right: 0; left: 0; margin: auto; width: 44px; height: 44px; background-color: #fff; } .page-template-page-text-with-form .vote-form .radio-wrap label:hover .square { background-color: #ccc; } .page-template-page-text-with-form .vote-form .radio-wrap input[type="radio"]:checked + label .square { background-color: #333; } .page-template-page-text-with-form .vote-form .embed-wrap { text-align: left; height: 80px; overflow: hidden; position: relative; top: -1px; } .page-template-page-text-with-form .vote-form .name-wrap { width: 100%; float: left; text-align: left; padding: 19px 20px 15px 20px; } .page-template-page-text-with-form .vote-form span { color: #333; font-family: 'Graphik Web'; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; display: block; font-size: 10px; } .page-template-page-text-with-form .vote-form h4 { font-size: 21px; color: #333; font-family: 'Publico Text Web'; } .page-template-page-text-with-form .vote-form .signup-wrap { padding: 60px 0 30px; text-align: center; } .page-template-page-text-with-form .vote-form .signup-wrap.nopad-top { padding-top: 0; } .page-template-page-text-with-form .vote-form .signup-wrap label { display: block; font-size: 21px; color: #333; font-family: 'Publico Text Web'; padding: 0 0 15px; } .page-template-page-text-with-form .vote-form .signup-wrap input { margin: 0; width: 100%; } .page-template-page-text-with-form .vote-form .submit-wrap { margin: 0 auto; padding: 0 165px 0 0; position: relative; max-width: 530px; } .page-template-page-text-with-form .vote-form .submit-wrap button { position: absolute; top: 0; right: 0; bottom: 0; margin: 0; width: 165px; } .page-template-page-text-with-form .extra-text-wrap { padding: 60px 0 20px; } .page-template-page-text-with-form .extra-text-wrap h3 { font-size: 40px; color: #333; font-family: 'Publico Text Web'; margin: 0 0 10px; line-height: 1.2; } .page-template-page-text-with-form .extra-text-wrap p { color: #808080; font-family: 'Graphik Web'; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; display: block; font-size: 13px; max-width: 410px; margin: 0 auto; padding: 0 0 15px; } .page-template-page-text-with-form .social-wrap .connect_buttons { text-align: center; } .page-template-page-text-with-form .social-wrap .connect_buttons a { color: #333; margin: 0 20px; } .page-template-page-text-with-form .success-show { display: none; } @media screen and (max-width: 768px) { .page-template-page-text-with-form .entry-title { font-size: 51px; font-size: 3.1875rem; line-height: 55px; } } @media screen and (max-width: 600px) { .page-template-page-text-with-form .entry-title { font-size: 30px; font-size: 1.875rem; line-height: 36px; padding: 15px 30px 0 30px; } .page-template-page-text-with-form .site-main .inline-newsletter form { padding: 0 0 20px; } .page-template-page-text-with-form .page-text-wrapper { margin: 30px auto 50px; } .page-template-page-text-with-form .vote-form li { height: auto; border: none; } .page-template-page-text-with-form .vote-form .pad { border: 1px solid #333; } .page-template-page-text-with-form .site-main .inline-newsletter { padding: 0 6% 70px 6%; } .page-template-page-text-with-form .vote-form .submit-wrap { padding: 0; } .page-template-page-text-with-form .vote-form .signup-wrap { padding: 30px 0 0; } .page-template-page-text-with-form .vote-form .submit-wrap button { position: relative; top: auto; bottom: auto; margin: 10px 0 0; width: 100%; } .page-template-page-text-with-form .extra-text-wrap { padding: 20px 0; } .page-template-page-text-with-form .extra-text-wrap h3 { font-size: 30px; } .page-template-page-text-with-form .vote-form .radio-wrap label .vote { height: 20px; } } .lt-ie10 #masthead #downHeader .page-infi h1 { display: inline-block; line-height: 80px; } /*# sourceMappingURL=style.css.map */