@import '//fonts.googleapis.com/css?family=Exo+2:400,800,400italic|Open+Sans:400,400italic,700,300'; /* Ideal Evo Template Layout - currently used on story pages for Rare.us Created: 3-2016 */ .container, .hero-test .hero__inner, .move-social__inner.smooth-stick .move-social__btn-wrap { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .hero-test .hero__inner:before, .move-social__inner.smooth-stick .move-social__btn-wrap:before, .container:after, .hero-test .hero__inner:after, .move-social__inner.smooth-stick .move-social__btn-wrap:after { content: " "; display: table; } .container:after, .hero-test .hero__inner:after, .move-social__inner.smooth-stick .move-social__btn-wrap:after { clear: both; } @media (min-width: 768px) { .container, .hero-test .hero__inner, .move-social__inner.smooth-stick .move-social__btn-wrap { width: 750px; } } @media (min-width: 992px) { .container, .hero-test .hero__inner, .move-social__inner.smooth-stick .move-social__btn-wrap { width: 970px; } } @media (min-width: 1200px) { .container, .hero-test .hero__inner, .move-social__inner.smooth-stick .move-social__btn-wrap { width: 1170px; } } .container-fluid, .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6, .post-body--full .post-callout-footer { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .post-body--full iframe:before, .post-body--full .str-adunit:before, .post-body--full .fb-video:before, .post-body--full p:before, .post-body--full h1:before, .post-body--full h2:before, .post-body--full h3:before, .post-body--full h4:before, .post-body--full h5:before, .post-body--full h6:before, .post-body--full .post-callout-footer:before, .container-fluid:after, .post-body--full iframe:after, .post-body--full .str-adunit:after, .post-body--full .fb-video:after, .post-body--full p:after, .post-body--full h1:after, .post-body--full h2:after, .post-body--full h3:after, .post-body--full h4:after, .post-body--full h5:after, .post-body--full h6:after, .post-body--full .post-callout-footer:after { content: " "; display: table; } .container-fluid:after, .post-body--full iframe:after, .post-body--full .str-adunit:after, .post-body--full .fb-video:after, .post-body--full p:after, .post-body--full h1:after, .post-body--full h2:after, .post-body--full h3:after, .post-body--full h4:after, .post-body--full h5:after, .post-body--full h6:after, .post-body--full .post-callout-footer:after { clear: both; } @media (min-width: 768px) { .container-fluid, .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6, .post-body--full .post-callout-footer { max-width: 675px; } } @media (min-width: 992px) { .container-fluid, .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6, .post-body--full .post-callout-footer { max-width: 745px; } } @media (min-width: 1200px) { .container-fluid, .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6, .post-body--full .post-callout-footer { max-width: 945px; } } .container-fluid.ad, .post-body--full iframe.ad, .post-body--full .ad.str-adunit, .post-body--full .ad.fb-video, .post-body--full p.ad, .post-body--full h1.ad, .post-body--full h2.ad, .post-body--full h3.ad, .post-body--full h4.ad, .post-body--full h5.ad, .post-body--full h6.ad, .post-body--full .ad.post-callout-footer { padding: 0px; } .container-flush--all { padding: 0; } @media only screen and (max-width: 991px) { .container-flush--sm { width: 100% !important; padding: 0 !important; } } .clearfix:before, .lt-ie10 .header:before, .post-wrapper:before, .post-card:before, .clearfix:after, .lt-ie10 .header:after, .post-wrapper:after, .post-card:after { content: " "; display: table; } .clearfix:after, .lt-ie10 .header:after, .post-wrapper:after, .post-card:after { clear: both; } .layout.horizontal, .layout.horizontal-reverse, .layout.vertical, .layout.vertical-reverse, .layout.horizontal-reverse-md { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout.inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .layout.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 767px) { .layout.horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .layout.horizontal-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 991px) { .layout.horizontal-reverse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .layout.horizontal-reverse-md { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; } @media only screen and (min-width: 992px) { .layout.horizontal-reverse-md { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .layout.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout.vertical-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .layout.wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout.wrap-reverse { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .flex-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-none { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } .flex, .flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .flex-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .flex-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; } .flex-5 { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; } .flex-6 { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; } .flex-7 { -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; } .flex-8 { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; } .flex-9 { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; } .flex-10 { -webkit-box-flex: 10; -webkit-flex: 10; -ms-flex: 10; flex: 10; } .flex-11 { -webkit-box-flex: 11; -webkit-flex: 11; -ms-flex: 11; flex: 11; } .flex-12 { -webkit-box-flex: 12; -webkit-flex: 12; -ms-flex: 12; flex: 12; } .layout.start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .layout.center, .layout.center-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .layout.end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .layout.start-justified { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .layout.center-justified, .layout.center-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout.end-justified { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .layout.around-justified { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .layout.justified { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .self-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .rare-label, .rare-btn, .site-search .search-submit { font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #b82025; color: #fff; font-weight: 800; text-transform: uppercase; font-size: 16px; padding: 5px 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rare-label--inverse { background-color: #fff; color: #b82025; padding: 2px 8px; font-size: 10px; letter-spacing: 2px; } .rare-label--alt { text-transform: none; font-family: "Exo 2", Helvetica, Arial, sans-serif; } .rare-label a, .rare-btn a, .site-search .search-submit a { color: #fff; } .rare-headline, .post-header__subheadline, .post-callout__text, .main-nav-multi .sub-menu { font-family: "Exo 2", Helvetica, Arial, sans-serif; font-weight: 800; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rare-note, .post-block__text { font-family: "Exo 2", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.7; font-size: 12px; letter-spacing: 0.08em; color: #707070; } .rare-byline, .byline { font-family: "Exo 2", Helvetica, Arial, sans-serif; color: #707070; font-size: 18px; } .rare-byline__name, .byline__name { font-weight: bold; font-style: normal; } .rare-byline__title, .byline__title { font-style: italic; } .rare-body, body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; } .rare-btn, .site-search .search-submit { padding: 10px 20px; font-size: 14px; letter-spacing: 0.1em; } .rare-tag { font-family: "Exo 2", Helvetica, Arial, sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; padding: 5px 15px; background-color: #f2f2f2; } .rare-subtitle { font-family: "Exo 2", Helvetica, Arial, sans-serif; font-style: italic; } .rare-title, .post-header__headline, .modal__btn span { font-family: "Exo 2", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .site-logo { margin-right: 0px; display: block; } .site-logo__icon { width: 50px; height: 45px; fill: #fff; } @media only screen and (min-width: 375px) { .site-logo__icon { width: 75px !important; } } @media only screen and (min-width: 768px) { .site-logo__icon { width: 130px !important; } } @media only screen and (min-width: 992px) { .site-logo__icon { height: 55px; } } .menu-container-overflow { height: 100vh; left: -99999px; top: 100%; position: fixed; width: 100%; } .menu-container-overflow.open { left: 0px; } @media only screen and (min-width: 992px) { .menu-container-overflow { max-width: 254px; width: 254px; } } .menu-container-overflow-inner { height: 100%; overflow: auto; position: relative; } .menu-container { top: 0px !important; } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .container, .hero-test .hero__inner, .move-social__inner.smooth-stick .move-social__btn-wrap { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .hero-test .hero__inner:before, .move-social__inner.smooth-stick .move-social__btn-wrap:before, .container:after, .hero-test .hero__inner:after, .move-social__inner.smooth-stick .move-social__btn-wrap:after { content: " "; display: table; } .container:after, .hero-test .hero__inner:after, .move-social__inner.smooth-stick .move-social__btn-wrap:after { clear: both; } @media (min-width: 768px) { .container, .hero-test .hero__inner, .move-social__inner.smooth-stick .move-social__btn-wrap { width: 750px; } } @media (min-width: 992px) { .container, .hero-test .hero__inner, .move-social__inner.smooth-stick .move-social__btn-wrap { width: 970px; } } @media (min-width: 1200px) { .container, .hero-test .hero__inner, .move-social__inner.smooth-stick .move-social__btn-wrap { width: 1170px; } } .container-fluid, .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6, .post-body--full .post-callout-footer { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .post-body--full iframe:before, .post-body--full .str-adunit:before, .post-body--full .fb-video:before, .post-body--full p:before, .post-body--full h1:before, .post-body--full h2:before, .post-body--full h3:before, .post-body--full h4:before, .post-body--full h5:before, .post-body--full h6:before, .post-body--full .post-callout-footer:before, .container-fluid:after, .post-body--full iframe:after, .post-body--full .str-adunit:after, .post-body--full .fb-video:after, .post-body--full p:after, .post-body--full h1:after, .post-body--full h2:after, .post-body--full h3:after, .post-body--full h4:after, .post-body--full h5:after, .post-body--full h6:after, .post-body--full .post-callout-footer:after { content: " "; display: table; } .container-fluid:after, .post-body--full iframe:after, .post-body--full .str-adunit:after, .post-body--full .fb-video:after, .post-body--full p:after, .post-body--full h1:after, .post-body--full h2:after, .post-body--full h3:after, .post-body--full h4:after, .post-body--full h5:after, .post-body--full h6:after, .post-body--full .post-callout-footer:after { clear: both; } @media (min-width: 768px) { .container-fluid, .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6, .post-body--full .post-callout-footer { max-width: 675px; } } @media (min-width: 992px) { .container-fluid, .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6, .post-body--full .post-callout-footer { max-width: 745px; } } @media (min-width: 1200px) { .container-fluid, .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6, .post-body--full .post-callout-footer { max-width: 945px; } } .container-fluid.ad, .post-body--full iframe.ad, .post-body--full .ad.str-adunit, .post-body--full .ad.fb-video, .post-body--full p.ad, .post-body--full h1.ad, .post-body--full h2.ad, .post-body--full h3.ad, .post-body--full h4.ad, .post-body--full h5.ad, .post-body--full h6.ad, .post-body--full .ad.post-callout-footer { padding: 0px; } .container-flush--all { padding: 0; } @media only screen and (max-width: 991px) { .container-flush--sm { width: 100% !important; padding: 0 !important; } } .clearfix:before, .lt-ie10 .header:before, .post-wrapper:before, .post-card:before, .clearfix:after, .lt-ie10 .header:after, .post-wrapper:after, .post-card:after { content: " "; display: table; } .clearfix:after, .lt-ie10 .header:after, .post-wrapper:after, .post-card:after { clear: both; } .layout.horizontal, .layout.horizontal-reverse, .layout.vertical, .layout.vertical-reverse, .layout.horizontal-reverse-md { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout.inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .layout.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 767px) { .layout.horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .layout.horizontal-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 991px) { .layout.horizontal-reverse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .layout.horizontal-reverse-md { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; } @media only screen and (min-width: 992px) { .layout.horizontal-reverse-md { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .layout.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout.vertical-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .layout.wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout.wrap-reverse { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .flex-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-none { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } .flex, .flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .flex-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .flex-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; } .flex-5 { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; } .flex-6 { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; } .flex-7 { -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; } .flex-8 { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; } .flex-9 { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; } .flex-10 { -webkit-box-flex: 10; -webkit-flex: 10; -ms-flex: 10; flex: 10; } .flex-11 { -webkit-box-flex: 11; -webkit-flex: 11; -ms-flex: 11; flex: 11; } .flex-12 { -webkit-box-flex: 12; -webkit-flex: 12; -ms-flex: 12; flex: 12; } .layout.start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .layout.center, .layout.center-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .layout.end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .layout.start-justified { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .layout.center-justified, .layout.center-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout.end-justified { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .layout.around-justified { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .layout.justified { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .self-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .menu-push__icon, .utility__icon, .utility__text, .hero__date, .hero__label, .voice-post-thumbnail, .byline, .modal__btn span, .modal__btn .icon { display: inline-block; vertical-align: middle; } @media only screen and (max-width: 767px) { .mobile-break { display: block; } } @media only screen and (min-width: 992px) { .desktop-break { display: block; } } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .post-header__more { -webkit-transition: all .3s; transition: all .3s; display: inline-block; position: relative; padding-bottom: 10px; color: #b0b0b0; letter-spacing: 0.15em; } .post-header__more:after { -webkit-transition: all .3s; transition: all .3s; content: ''; height: 4px; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #b82025; } .post-header__more:hover { color: #b0b0b0; } .post-header__more:hover:after { background-color: #ce2429; } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } @-webkit-keyframes slideIn { from { bottom: -300px; opacity: 0; } to { bottom: 0; opacity: 1; } } @keyframes slideIn { from { bottom: -300px; opacity: 0; } to { bottom: 0; opacity: 1; } } @-webkit-keyframes slideOut { from { bottom: 0; opacity: 1; } to { bottom: -300px; opacity: 0; visibility: hidden; } } @keyframes slideOut { from { bottom: 0; opacity: 1; } to { bottom: -300px; opacity: 0; visibility: hidden; } } @-webkit-keyframes slideInTop { from { top: -50px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes slideInTop { from { top: -50px; opacity: 0; } to { top: 0; opacity: 1; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes dash { to { stroke-dashoffset: 0; } } @keyframes dash { to { stroke-dashoffset: 0; } } a { color: #b82025; text-decoration: none; } html { font-size: 100%; } img { height: auto; } *, *:before, *:after { box-sizing: border-box; } #wpstats { display: none; } .ad-container { overflow: hidden; } body { padding-top: 50px; } @media only screen and (min-width: 992px) { body { padding-top: 60px; } } body.logged-in { /* Allow wpadminbar to be always fixed to save from having to override with JS on mobile */ } body.logged-in #sticky #stickyInner.smooth-stick { top: 94px; } body.logged-in .header { top: 46px; } @media only screen and (min-width: 783px) { body.logged-in .header { top: 32px; } body.logged-in #sticky #stickyInner.smooth-stick { top: 82px; } } body.logged-in .menu-container { z-index: 999999; } body.logged-in #wpadminbar { position: fixed; } .header { background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); font-family: "Exo 2", Helvetica, Arial, sans-serif; font-size: 11px; position: fixed; z-index: 500; width: 100%; top: 0; left: 0; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .header__inner { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: 50px; } .header__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 65%; width: 65%; position: relative; } .header__item--first { max-width: 35%; width: 35%; background-color: #b82025; padding-right: 10px; padding-left: 15px; } .header__item--last { margin-left: auto; } .header__menu { text-align: right; } @media only screen and (min-width: 768px) { .header__item { width: auto; } .header__item--first { padding-right: 20px; } } @media only screen and (min-width: 992px) { .header__inner { height: 60px; } .header__item { padding-right: 30px; } .header__item--first { min-width: 250px; } } @media only screen and (min-width: 1200px) { .header__item--first { padding-left: 30px; } } .page-template-page-home .header__menu { text-align: left; } .page-template-page-home .header__item--first { min-width: 0; padding: 0 15px; width: auto; } .page-template-page-home .header .menu-push { margin-left: 0; } .page-template-page-home .header .menu-push__text { display: inline-block; vertical-align: middle; } @media only screen and (min-width: 768px) { .page-template-page-home .header__item--first { min-width: 100px; } } .site-logo { margin-right: 5px; display: block; } .site-logo__icon { width: 50px; height: 45px; fill: #fff; } @media only screen and (min-width: 375px) { .site-logo__icon { width: 75px; } } @media only screen and (min-width: 768px) { .site-logo__icon { width: 100px; } } @media only screen and (min-width: 992px) { .site-logo__icon { height: 55px; } } .menu-push { margin-left: 10px; text-transform: uppercase; font-size: 14px; display: inline-block; } .menu-push__icon { width: 20px; height: 20px; fill: #fff; } .menu-push__text { display: none; color: #fff; } @media only screen and (min-width: 992px) { .menu-push { margin-left: 35px; min-width: 75px; } .menu-push__text { display: inline-block; vertical-align: middle; } } .utility__item { padding: 0 4px; } .utility__item:first-child { margin-left: 3px; } .utility__icon { width: 15px; height: 15px; } .utility__icon--search { fill: #777777; } .utility__icon--facebook { fill: #325799; } .utility__icon--twitter { fill: #21B9F4; } .utility__icon--email { fill: #b82025; } .utility__text { font-family: "Exo 2", Helvetica, Arial, sans-serif; font-weight: normal; font-style: italic; font-size: 13px; } @media only screen and (min-width: 375px) { .utility__item { padding: 0 8px; } .utility__icon { width: 20px; height: 20px; } } @media only screen and (min-width: 480px) { .utility__item { padding: 0 10px; } .utility__item:first-child { margin-left: 20px; } } @media only screen and (min-width: 768px) { .utility__icon { width: 20px; height: 20px; } .utility__text { margin-left: 3px; font-size: 14px; } } .search-toggle { height: 50px; width: 25px; position: relative; display: block; } .search-toggle .icon { -webkit-transition: all .3s; transition: all .3s; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-toggle .icon-search { visibility: visible; opacity: 1; } .search-toggle .icon-close { visibility: hidden; opacity: 0; } .search-toggle.open .icon-close { visibility: visible; opacity: 1; } .search-toggle.open .icon-search { visibility: hidden; opacity: 0; } @media only screen and (min-width: 992px) { .search-toggle { height: 60px; } } .search-container { -webkit-transition: ease-in-out .25s; transition: ease-in-out .25s; width: 0px; height: 100%; overflow: hidden; position: absolute; top: 0; left: auto; margin-left: 30px; } .search-container.open { width: 90%; } .site-search .search-form { position: relative; height: 50px; max-width: 90%; margin: 0; } .site-search .search-field { -webkit-transition: ease-in-out .25s; transition: ease-in-out .25s; background: #fff; font-size: 14px; border: 1px solid #eee; width: 100%; height: 100%; box-shadow: 0 0 2px rgba(184, 32, 37, 0); padding: 8px 28px 8px 10px; -webkit-appearance: none; font-family: "Exo 2", Helvetica, Arial, sans-serif; } .site-search .search-field:focus { outline: none; -webkit-transition: ease-in-out .25s; transition: ease-in-out .25s; box-shadow: 0 0 1px rgba(184, 32, 37, 0.3); border: 1px solid rgba(184, 32, 37, 0.3); } .site-search .search-submit { width: auto; height: 100%; position: absolute; top: 0; right: 0; border: none; display: none; } @media only screen and (min-width: 992px) { .site-search .search-form { height: 60px; } } .site-search--full { max-width: 400px; } .site-search--full .search-submit { display: block; } .lt-ie10 .utility__item { display: table-cell; vertical-align: middle; } .lt-ie10 .header__item { float: left; display: table; height: 60px; } .lt-ie10 .header .flex-1 { display: table-cell; vertical-align: middle; } .reveal { -webkit-transition: all .4s; transition: all .4s; opacity: 0; visibility: hidden; height: 0; overflow: hidden; } .scrolled-down { -webkit-transition: all .3s; transition: all .3s; } .scrolled-down .reveal { opacity: 1; visibility: visible; -webkit-backface-visibility: hidden; height: auto; } @media only screen and (max-width: 767px) { .scrolled-down .scroll-hide { -webkit-transition: all .3s; transition: all .3s; opacity: 0; visibility: hidden; display: none; } .scrolled-down .reveal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .rare-alert-bar { background: #eee; padding: 5px 15px; font-size: 14px; } .rare-alert-bar__title { color: #b82025; letter-spacing: 2px; } .rare-alert-bar__headline { color: #000; } .content { position: relative; overflow-x: hidden; } .content--spaced { padding-top: 50px; } @media only screen and (min-width: 768px) { .content--spaced { padding-top: 0; } } .content--4 .container, .content--4 .hero-test .hero__inner, .hero-test .content--4 .hero__inner, .content--4 .move-social__inner.smooth-stick .move-social__btn-wrap, .move-social__inner.smooth-stick .content--4 .move-social__btn-wrap { width: 100%; padding: 0; } .content--4 .post-wrapper { padding-top: 0; } .rare-mobile .content { padding-top: 0; } .post-wrapper { padding: 30px 0; } .post-wrapper--flush { padding: 0; } .post-wrapper .sidebar { background: none; padding: 0 0 30px; float: none; width: auto; } .post-wrapper .sidebar--branded { border-top: 10px solid #000; border-color: #b82025; position: relative; } .post-wrapper .sidebar--branded:after { content: ''; height: 10px; left: 100%; top: -10px; width: 9999px; position: absolute; background-color: #b82025; } .post-wrapper .sidebar__block { position: relative; padding: 20px 10px; } .post-wrapper .sidebar__block--lined { border-bottom: 1px solid #b0b0b0; } @media only screen and (min-width: 375px) { .post-wrapper .sidebar__block { padding: 20px; } } .post-wrapper .content-area { padding-bottom: 30px; } .post-wrapper .content-area--spaced { padding-top: 25px; } @media only screen and (min-width: 992px) { .post-wrapper .content-area { float: left; width: 68%; padding-right: 50px; } .post-wrapper .content-area--flush { padding-right: 0; } .post-wrapper .content-area--lined { border-right: 1px solid #b0b0b0; } .post-wrapper .content-area--full { width: 100%; float: none; border: none; padding-right: 0; } .post-wrapper .sidebar { float: right; width: 300px; position: relative; } .post-wrapper .sidebar--lined { width: 32%; } .post-wrapper .sidebar--lined:before { content: ''; height: 100%; width: 1px; right: 100%; background-color: #b0b0b0; position: absolute; top: 0; } } @media only screen and (min-width: 1200px) { .post-wrapper .content-area { width: 73%; } .post-wrapper .content-area--full { width: 100%; } .post-wrapper .sidebar--lined { width: 27%; } } .home-sidebar { display: none; } @media only screen and (min-width: 992px) { .home-sidebar { display: block; margin-top: 40px; } } .footer { background-color: #eee; text-align: center; font-family: "Exo 2", Helvetica, Arial, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 991px) { .footer__copy { background-color: #fff; padding: 10px 0; color: #999; } .footer__copy a { color: #999; } } @media only screen and (min-width: 768px) { .footer { font-size: 12px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer { font-size: 10px; } } @media only screen and (min-width: 992px) { .footer__copy { color: #000; } .footer__copy a { color: #000; } .footer__nav { text-align: left; } } .footer-link-list { padding: 0; } .footer-link-list ul { margin: 10px 0; padding: 0; list-style: none; } .footer-link-list li { display: inline-block; color: #000; } .footer-link-list li:before { content: ' | '; padding: 0 4px; } .footer-link-list li:first-child:before { content: ''; padding: 0; } .footer-link-list li a { color: #000; } .lt-ie10 .footer-link-list { text-align: center; } .hero { position: relative; background-size: cover; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hero__container { padding-left: 0; padding-right: 0; } .hero__slider { position: absolute; top: 0; } .hero__centered { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; right: 0; margin: 0 auto; text-align: center; } .hero__text { padding: 15px; } .hero__cta { margin-top: 5px; } .hero__headline { margin: 5px 0 0; font-family: "Exo 2", Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.2; } .hero__date { font-size: 9.5px; font-size: 0.95rem; display: inline-block; vertical-align: middle; } .hero__label { margin-right: 10px; } .hero__image { width: 100%; display: block; } .hero__faux-img { display: none; } .hero__video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .hero__video-sm { width: 100%; } .hero__flag { margin-top: 5px; } .hero__photo-credit { background-color: rgba(0, 0, 0, 0.4); color: #fff; padding: 5px; position: absolute; top: 0; right: 0; font-size: 12px; z-index: 1; } @media only screen and (min-width: 480px) { .hero__container { position: absolute; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; } .hero__inner { width: 100%; background-color: rgba(0, 0, 0, 0.65); max-width: 930px; color: #fff; position: absolute; left: 0; bottom: 0; } } @media only screen and (min-width: 768px) { .hero__inner:before { content: ""; position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; background-color: rgba(0, 0, 0, 0.65); } .hero__text { padding-top: 30px; padding-bottom: 30px; } .hero__headline { font-size: 20px; font-size: 2rem; } .hero__photo-credit { padding: 5px 20px; font-size: 13px; } .hero__image-wrap { overflow: hidden; max-height: 450px; } .hero__image-wrap--custom { max-height: none; } } @media only screen and (min-width: 992px) { .hero__cta { margin-top: 10px; } .hero__image-wrap { max-height: 465px; } .hero__image-wrap--custom { max-height: none; } } .hero--no-image .hero__container, .hero--no-image .hero__inner { position: static; } .hero--no-image .hero__inner { background: none; color: #000; } @media only screen and (min-width: 480px) { .rare-mobile .hero__inner { bottom: 50px; } } .home-hero { background-position: center center; background-image: url(/wp-content/themes/vip/cox-rare-platform/page-templates/ideal/css/brands/fanbuzz/../../../img/home/hero-sm.jpg); overflow: hidden; } @media only screen and (min-width: 768px) { .home-hero { background-image: url(/wp-content/themes/vip/cox-rare-platform/page-templates/ideal/css/brands/fanbuzz/../../../img/home/hero-md.jpg); } } @media only screen and (min-width: 992px) { .home-hero { background-image: url(/wp-content/themes/vip/cox-rare-platform/page-templates/ideal/css/brands/fanbuzz/../../../img/home/hero-lg.jpg); } } .home-hero.hero { height: 190px; } @media only screen and (min-width: 768px) { .home-hero.hero { height: 400px; } .home-hero.hero .owl-carousel .owl-item { height: 400px; } } @media only screen and (min-width: 992px) { .home-hero.hero__cta { margin-top: 10px; } } @media (min-width: 1600px) { .home-hero.hero { height: 450px; } .home-hero.hero .owl-carousel .owl-item { height: 450px; } } .home-hero.hero .owl-carousel .owl-nav { z-index: 600; display: none; } .hero__video { display: none; } .video-support .home-hero { background-image: url(/wp-content/themes/vip/cox-rare-platform/page-templates/ideal/css/brands/fanbuzz/../../../img/home/hero-first-frame.jpg); } .video-support .hero__video { display: block; } .hero-update { /* IE11 flex fix */ } .hero-update .hero__image-wrap { padding-left: 0; padding-right: 0; position: relative; } @media only screen and (min-width: 480px) { .hero-update { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .hero-update .hero__container, .hero-update .hero__inner { position: static; } .hero-update .hero__inner { background: none; color: #000; } .hero-update .hero__container { -ms-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } } @media all and (-ms-high-contrast: none) { .hero-update *::-ms-backdrop, .hero-update .hero__container { -ms-flex: 1 0 auto; flex: 1 0 auto; } } @media only screen and (min-width: 768px) { .hero-update .hero__text { padding-left: 0; padding-right: 0; } .hero-update .hero__image-wrap { max-height: none; } } @media only screen and (min-width: 992px) { .hero-update .hero__image-wrap { max-height: none; } } .hero-test .hero { color: #fff; } .hero-test.rare-mobile .hero { margin-bottom: 50px; } .hero-test.rare-mobile .move-social { position: absolute; top: 100%; width: 100%; } .hero-test .hero__image-wrap { width: 100%; position: absolute; height: 100%; top: 0; left: 0; overflow: hidden; } .hero-test .hero__container { width: 100%; position: relative; background-color: rgba(0, 0, 0, 0.65); } .hero-test .hero--no-image .hero__container { background-color: transparent; } .hero-test .hero__inner { position: relative; max-width: 100%; padding: 0; background: none; } .hero-test .hero__image { position: absolute; left: 0; top: 0; width: 150%; } .hero-test .hero__image--center { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hero-test .hero__image--bottom { bottom: 0; top: auto; } @media only screen and (min-width: 480px) { .hero-test .hero--no-image .hero__inner { color: #000; } .hero-test .hero__inner { color: #fff; } } @media only screen and (min-width: 768px) { .hero-test .hero__image { width: 100%; } } .post-block { padding: 20px 0; color: #777777; } .post-block__inner { padding: 15px 0; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .post-block__inner--blank { border: none; } .post-block__inner--last { border-top: none; } .post-block__inner--tight { padding: 0; } .post-block__inner--adjust { padding: 10px 0 2px; } .post-block__img { width: 100%; } @media only screen and (min-width: 992px) { .post-block { padding: 40px 0; } .post-block--sm { padding: 0; } } .post-block .post-block__inner--blank { border: none; } .post-body__text { line-height: 1.4; font-size: 18px; } @media only screen and (min-width: 768px) { .post-body__text { font-size: 16px; } } .post-body__text p { margin-bottom: 15px; } .post-body__article { padding-bottom: 20px; } .post-body__article img, .post-body__article figure, .post-body__article iframe { max-width: 100% !important; } .post-body__article figure { margin: 0; } .post-body__article blockquote { position: relative; margin: 0; padding: 0 1.2em; } .post-body__article blockquote:before { content: ''; width: 5px; height: 100%; position: absolute; left: 0; top: 0; background-color: #b82025; } .post-body__article hr { border: 1px solid #b0b0b0; } .post-body__video { height: 498px; position: relative; margin-top: 20px; overflow: hidden; } .post-body__video.facebook { height: auto; } .post-body__video iframe, .post-body__video object { bottom: 0; width: 100%; height: 100% !important; left: 0; position: absolute !important; right: 0; top: 0; } .post-body__video img.video-fail { height: 498px; width: 100%; } @media screen and (max-width: 1050px) { .post-body__video img.video-fail { height: auto; } } .post-body__video .fb_iframe_widget_fluid_desktop { overflow: hidden; } @media screen and (max-width: 800px) { .post-body__video .fb_iframe_widget_fluid_desktop { height: auto; } } @media screen and (max-width: 800px) { .post-body__video { height: auto; min-height: 380px; } } @media screen and (max-width: 580px) { .post-body__video { height: auto; min-height: 300px; } } @media screen and (max-width: 410px) { .post-body__video { height: auto; min-height: 250px; } } .post-body__footer-block { margin-bottom: 10px; } .post-body--full { font-size: 18px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga" on; } .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6 { display: block; } @media only screen and (min-width: 768px) { .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full p, .post-body--full h1, .post-body--full h2, .post-body--full h3, .post-body--full h4, .post-body--full h5, .post-body--full h6 { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 992px) { .post-body--full .wpcom-protected-iframe { max-width: 945px !important; } } .post-body--full iframe, .post-body--full .str-adunit, .post-body--full .fb-video, .post-body--full .twitter-tweet { margin: 1em auto; } .post-body--full blockquote { max-width: 90%; margin: .5em auto; } @media only screen and (min-width: 768px) { .post-body--full blockquote { max-width: 60%; } } .post-card { display: block; margin-bottom: 24px; margin: 0 auto 40px; } .post-card__image { margin-bottom: 15px; display: block; background-size: cover; } .post-card__image img { width: 100%; } .post-card__cat { display: block; letter-spacing: 0.1em; font-size: 15px; } .post-card__headline { display: block; color: #000; font-size: 20px; line-height: 1.3; } .post-card__meta { display: block; font-size: 14px; margin-top: 20px; color: #777777; } .post-card__flag { margin-top: 5px; } .post-card--alt .post-card__headline { font-size: 14px; } .post-card--alt .post-card__cat { font-size: 12px; } .post-card:nth-child(3n+3).post-card--video .post-card__image { position: relative; } .post-card:nth-child(3n+3).post-card--video .post-card__image:after { content: ''; width: 100px; height: 100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; right: 0; margin: 0 auto; background-size: cover; background-image: url(/wp-content/themes/vip/cox-rare-platform/page-templates/ideal/css/brands/fanbuzz/../../../img/home/play.png); position: absolute; } @media only screen and (min-width: 768px) { .post-card { padding-right: 0; margin: 0 0 20px; } .post-card__image { width: 40%; float: left; overflow: hidden; position: relative; } .post-card__image img { width: 100%; } .post-card__text { width: 60%; float: left; padding-left: 30px; } .post-card--alt .post-card__image, .post-card--alt .post-card__text { float: none; width: 100%; display: block; padding: 0; } .post-card:nth-child(3n+3).post-card--video .post-card__image { width: 100%; float: none; } .post-card:nth-child(3n+3).post-card--video .post-card__text { padding-left: 0; width: 100%; float: none; } } @media only screen and (min-width: 992px) { .post-card { margin-bottom: 30px; } } .post-header { font-size: 1rem; text-align: center; margin: 0 15px; padding-bottom: 20px; } .post-header__block { margin-bottom: 15px; } .post-header__meta { display: inline-block; vertical-align: top; margin-bottom: 5px; padding-left: 30px; padding-right: 30px; font-size: 0.9em; } .post-header__title { font-size: inherit; } .post-header__headline { letter-spacing: 0.1em; font-size: 2.9em; display: block; color: #b82025; line-height: 1; margin: 30px 0 10px; } .post-header__subheadline { display: block; color: #000; font-size: 1.75em; } .post-header__byline { margin-top: 20px; font-size: 1em; } .post-header__social { border: none; margin-top: 10px; height: 40px; } .post-header--single { padding-bottom: 0; } .post-header .smooth-stick .post-header__social { margin-top: 0; } .post-header__excerpt { margin-top: 10px; text-align: left; } .post-header__excerpt p { margin: 0 0 20px; font-size: 14px; line-height: 18px; } .post-header__cta { margin-top: 20px; text-align: center; } .post-header__preview { margin-top: 10px; padding: 10px 0 0; position: relative; } .post-header__preview:before { content: ''; background-color: #eee; height: 2px; width: 80%; left: 0; right: 0; top: 0; position: absolute; margin: 0 auto; } .post-header__preview img { max-width: 100%; } .post-header__preview hr { border: 1px solid #eee; } .post-header__photo-credit { text-align: left; color: #b0b0b0; font-size: 12px; } @media only screen and (min-width: 768px) { .post-header { padding-bottom: 45px; font-size: 1rem; } .post-header__preview--split { padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .post-header__image-wrap { position: relative; } .post-header__photo-credit { position: absolute; left: 0; top: 100%; } .post-header__image, .post-header__excerpt { width: 50%; } .post-header__excerpt { margin: 0 0 0 30px; padding-bottom: 50px; position: relative; } .post-header__more { position: absolute; left: 0; bottom: 0; } .post-header--single { padding-bottom: 0; } } @media only screen and (min-width: 992px) { .post-header { margin: 0 100px; } } .post-header .pgs-dpg-btn { text-align: center; } .post-callout { position: relative; color: #fff; font-size: 0.75rem; } .post-callout__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .post-callout__inner > * { max-width: 100%; } .post-callout__block { position: relative; } .post-callout__block--secondary { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; } .post-callout__img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; background-color: #b82025; background-size: cover; background-position: center center; display: block; } .post-callout__text { padding: 20px; margin: 0; position: relative; z-index: 1; text-align: center; white-space: normal; font-size: 1.5em; } .post-callout__text span { position: relative; } .post-callout__icon { position: absolute; width: 40px; height: 40px; left: -10px; top: -10px; fill: #fff; opacity: .3; z-index: -1; } .post-callout__icon--last { right: -15px; left: auto; top: auto; bottom: -15px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .post-callout__overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; } @media only screen and (min-width: 768px) { .post-callout { font-size: 1rem; } } @media only screen and (min-width: 992px) { .post-callout__text { padding: 90px 75px; } .post-callout__img--fixed { background-attachment: fixed; background-position: center center; } } @media only screen and (min-width: 1200px) { .post-callout__icon { width: 100px; height: 80px; top: -33px; left: -50px; } .post-callout__icon--last { left: auto; right: -70px; top: 0px; } } .post-callout--split { color: #b82025; padding: 20px 0; position: relative; position: relative; } .post-callout--split:before { content: ''; background-color: #eee; height: 2px; width: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; } @media (min-width: 768px) { .post-callout--split:before { max-width: 990px; } } @media (min-width: 992px) { .post-callout--split:before { max-width: 1210px; } } @media (min-width: 1200px) { .post-callout--split:before { max-width: 1410px; } } .post-callout--split:after { content: ''; background-color: #eee; height: 2px; width: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; } @media (min-width: 768px) { .post-callout--split:after { max-width: 990px; } } @media (min-width: 992px) { .post-callout--split:after { max-width: 1210px; } } @media (min-width: 1200px) { .post-callout--split:after { max-width: 1410px; } } .post-callout--split .post-callout__inner { display: block; } .post-callout--split .post-callout__block, .post-callout--split .post-callout__img { position: relative; } .post-callout--split .post-callout__icon { fill: #b0b0b0; } .post-callout--split .post-callout__text { text-align: left; font-size: 1.25em; } @media only screen and (min-width: 768px) { .post-callout--split .post-callout__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .post-callout--split .post-callout__block { position: relative; width: 50%; } .post-callout--split .post-callout__block--secondary { margin-right: 40px; } .post-callout--split .lt-ie10 .post-callout__block { float: left; width: 50%; } } @media only screen and (min-width: 992px) { .post-callout--split { padding: 50px 0; } .post-callout--split .post-callout__text { padding: 50px 0; } .post-callout--split .post-callout__block--secondary { margin-right: 100px; } } .post-callout-footer { font-size: 1rem; margin: 1em 0; background-color: #f1f2f2; } .post-callout-footer__img { height: 9em; background-color: #b82025; background-size: cover; background-position: center center; } .post-callout-footer__text { margin: 0; padding: 0.5em 1em; background-color: #b82025; color: #fff; font-size: 1em; } .post-callout-footer__text--inverse { color: #5d5e5e; background-color: #f1f2f2; font-size: .88em; font-weight: normal; padding: 1em; } .post-callout-footer__text--inverse p { margin: 0 0 0.8em; } .post-callout-footer__text--inverse a { color: #5d5e5e; } .post-callout-footer__caption { border-top: 1px solid #b0b0b0; font-size: .9em; padding-top: .5em; } .post-callout-footer__desc { padding-bottom: .3em; } .post-body--full .post-callout-footer { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) { .post-callout-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .post-callout-footer__img { width: 25%; height: auto; } .post-callout-footer__desc { width: 75%; } } .post-indicator { background-color: #b82025; padding: 0px 10px; line-height: 20px; height: 20px; color: #fff; font-weight: bold; font-size: 11px; display: inline-block; position: relative; font-family: "Exo 2", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0.025em; } .post-indicator:after { content: ""; width: 0; bottom: 0; position: absolute; display: block; border: 10px solid #000; border-color: #b82025; right: -10px; border-right-color: transparent !important; } .voice-post-thumbnail img { border-radius: 100px; height: 40px; width: 40px; -webkit-filter: grayscale(100%); } .byline { margin-left: 10px; } .entry-source { font-style: italic; } .entry-posted-on, .sep { display: none; } .author-like { margin-top: 5px; display: inline-block; margin-left: 15px; } .tag-list { padding: 0; margin: 0; text-align: left; } .tag-list__item { display: inline-block; margin-right: 8px; margin-bottom: 8px; } .tag-list__item:first-child { margin-left: 0; } .tag-list__item a { display: block; } .tag-list__item img { display: inline-block; max-width: 100px; } @media only screen and (min-width: 480px) { .rare-mobile .move-social { text-align: center; position: static; } } @media only screen and (min-width: 768px) { .move-social { position: static; } } .move-social { height: 40px; } .move-social iframe { width: 100%; height: 40px; max-width: 500px; } .move-social__inner { bottom: -60px; height: 48px; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s; padding: 4px 3px 1px; width: 100%; } .move-social__inner.smooth-stick { background-color: #eee; position: fixed; bottom: 0; left: 0; top: auto; z-index: 500; } .move-social__inner.smooth-stick .move-social__btn-wrap { padding: 0; } @media only screen and (min-width: 992px) { .move-social__inner.smooth-stick { text-align: left; } .move-social__inner.smooth-stick iframe { max-width: 500px; } } body.single-post, body.page-template-default { padding-bottom: 44px; } @media only screen and (min-width: 768px) { body.page-template-default { padding-bottom: 0; } } .menu-container { -webkit-transition: ease-in-out .25s; transition: ease-in-out .25s; overflow: hidden; width: 100%; height: 100%; position: fixed; top: 0; z-index: 999; overflow-y: scroll; background-color: #b82025; max-width: 280px; left: -280px; visibility: hidden; } .menu-container.open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); left: 0; visibility: visible; } body { width: 100%; } body .header { -webkit-transition: ease-in-out .25s; transition: ease-in-out .25s; } body.menu-open { overflow-x: hidden; } body.menu-open .header { left: 280px; } .body-wrap { -webkit-transition: ease-in-out .25s; transition: ease-in-out .25s; position: relative; overflow-x: hidden; left: 0; } .body-wrap:before { -webkit-transition: background-color ease-in-out .25s; transition: background-color ease-in-out .25s; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: transparent; visibility: hidden; z-index: -1; position: fixed; } .menu-open .body-wrap { left: 280px; } .menu-open .body-wrap:before { background-color: rgba(0, 0, 0, 0.75); visibility: visible; z-index: 501; } .content-wrap { -webkit-transition: ease-in-out .25s; transition: ease-in-out .25s; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; position: relative; left: 0; position: relative; } .content-wrap.menu-open { left: 280px; } .main-nav { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 55px 15px 30px; line-height: 1.3; position: relative; } .main-nav a { color: #fff; } .main-nav a:focus, .main-nav a:hover, .main-nav button:focus, .main-nav button:hover { outline: none; } .main-nav ul { list-style: none; padding: 0; margin: 0; } .main-nav__list a { display: block; } .main-nav__list .menu-item { position: relative; } .main-nav__list > .menu-item { margin-top: 20px; } .main-nav__list > .menu-item:first-child { margin-top: 0; } .main-nav__list > .menu-item > a { -webkit-transition: all .3s; transition: all .3s; font-size: 16px; text-transform: uppercase; letter-spacing: .1em; padding-bottom: 5px; border-bottom: 1px solid #fff; } .main-nav__list .dropdown-toggle { -webkit-transition: all .3s; transition: all .3s; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); background: none; border: none; width: 15px; height: 15px; position: absolute; right: 0; top: 0; z-index: 1; } .main-nav__list .dropdown-toggle:after { content: ''; -webkit-transition: all .3s; transition: all .3s; background-image: url(/wp-content/themes/vip/cox-rare-platform/page-templates/ideal/css/brands/fanbuzz/../../../img/svg/angle-down.svg); background-repeat: no-repeat; background-position: center center; background-size: 15px 15px; position: absolute; right: 0; top: 0; width: 15px; height: 15px; } .main-nav__list .dropdown-toggle--parent { height: 25px; } .main-nav__list .dropdown-toggle.toggle-on:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .main-nav__list a:not([href]) + .dropdown-toggle { width: 100%; } .main-nav__list .sub-menu { -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s; max-height: 0px; overflow: hidden; } .main-nav__list .sub-menu a { font-size: 14px; text-transform: uppercase; padding: 3px 0; } .main-nav__list .sub-menu a:first-child { margin-top: 5px; } .main-nav__list .sub-menu .sub-menu a { text-transform: none; } .main-nav__list .toggle-on + .sub-menu { max-height: 800px; } .main-nav__close { position: absolute; right: 0; top: 0; background-color: transparent; padding: 10px; border: none; } .main-nav__close .icon { width: 30px; height: 30px; fill: #fff; } .menu-container--alt { overflow: hidden; } .menu-container--alt .menu-primary-container, .menu-container--alt .menu-primary-navigation-container { padding: 55px 20px; } .main-nav-multi { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 0 30px; line-height: 1.3; position: fixed; width: 100%; max-width: 280px; height: 100%; overflow-y: auto; } .main-nav-multi:before { content: ''; height: 80px; background-color: #b82025; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; } body.category-rare-country .main-nav-multi:before, body.rare-country .main-nav-multi:before { background-color: #b82025; } .main-nav-multi a { color: #fff; } .main-nav-multi a:focus, .main-nav-multi a:hover, .main-nav-multi button:focus, .main-nav-multi button:hover { outline: none; } .main-nav-multi ul { list-style: none; padding: 0; margin: 0; } .main-nav-multi__close { position: absolute; right: 0; top: 0; background-color: transparent; padding: 10px; border: none; z-index: 4; } .main-nav-multi__close .icon { width: 30px; height: 30px; fill: #fff; } .main-nav-multi__list { position: relative; z-index: 3; } .main-nav-multi__list a { display: block; } .main-nav-multi .menu-item { text-align: center; -webkit-transition: all .3s; transition: all .3s; position: relative; } .main-nav-multi .menu-item__wrap { display: block; position: relative; } .main-nav-multi .menu-item .icon-wrap { margin: 0 auto 15px; text-align: center; display: block; width: 56px; height: 56px; border-radius: 50%; padding: 8px 15px; background-color: #a21c21; } body.category-rare-country .main-nav-multi .menu-item .icon-wrap, body.rare-country .main-nav-multi .menu-item .icon-wrap { background-color: #a21c21; } .main-nav-multi .menu-item .icon-wrap--menu-page, .main-nav-multi .menu-item .icon-wrap--menu-user { padding: 8px 20px; } .main-nav-multi .menu-item .icon { max-width: 100%; display: inline-block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .main-nav-multi .menu-item--first-level { margin-bottom: 55px; font-size: 14px; } .main-nav-multi .menu-item--first-level > .menu-item__wrap { font-weight: 400; position: relative; letter-spacing: 0.25em; } .main-nav-multi .menu-item--first-level > .menu-item__wrap a { margin: 0 auto; max-width: 185px; padding-bottom: 15px; } .main-nav-multi .menu-item--first-level > .menu-item__wrap:after { content: ''; width: 30%; height: 1px; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; background-color: #fff; } .main-nav-multi .menu-item--second-level { font-size: 13px; } .main-nav-multi .dropdown-toggle { -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); border: none; background: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; color: #fff; font-size: 12px; text-transform: uppercase; } .main-nav-multi .dropdown-toggle:before { content: ''; background-image: url(/wp-content/themes/vip/cox-rare-platform/page-templates/ideal/css/brands/fanbuzz/../../../img/svg/arrow.svg); background-repeat: no-repeat; background-position: center center; background-size: 13px 13px; width: 13px; height: 13px; opacity: 0; position: absolute; left: 0; top: 50%; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .main-nav-multi .sub-menu { display: none; } .main-nav-multi .sub-menu .menu-item { margin-top: 30px; font-size: 14px; } .main-nav-multi .sub-menu a { text-transform: none; padding: 3px 0; } .main-nav-multi .sub-menu a:first-child { margin-top: 5px; } .main-nav-multi .sub-menu .sub-menu a { text-transform: none; } .main-nav-multi .sub-menu .sub-menu .menu-item { margin-top: 5px; font-size: 12px; } .main-nav-multi .menu-trending { -webkit-transition: all .3s; transition: all .3s; opacity: 1; } .main-nav-multi.toggled { background-color: #a21c21; } body.category-rare-country .main-nav-multi.toggled, body.rare-country .main-nav-multi.toggled { background-color: #a21c21; } .main-nav-multi.toggled .menu-trending { opacity: 0; visibility: hidden; position: absolute; } .main-nav-multi .toggle-on { position: relative; -webkit-transform: translate(0, -5px); -ms-transform: translate(0, -5px); transform: translate(0, -5px); } .main-nav-multi .toggle-off { position: absolute; -webkit-transform: translate(-500px, 0); -ms-transform: translate(-500px, 0); transform: translate(-500px, 0); } .main-nav-multi .toggle-on .sub-menu { display: block; position: relative; -webkit-animation: slideInTop .25s; animation: slideInTop .25s; } .main-nav-multi .toggle-on .dropdown-toggle:before { opacity: 1; } .main-nav-multi::-webkit-scrollbar { width: 12px; } .main-nav-multi::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px transparent; border-radius: 10px; background-color: #b82025; } body.category-rare-country .main-nav-multi::-webkit-scrollbar-track, body.rare-country .main-nav-multi::-webkit-scrollbar-track { background-color: #b82025; } .main-nav-multi::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 3px transparent; background-color: #a21c21; } body.category-rare-country .main-nav-multi::-webkit-scrollbar-thumb, body.rare-country .main-nav-multi::-webkit-scrollbar-thumb { background-color: #a21c21; } .menu-trending { background-color: #a21c21; color: #fff; text-align: center; padding-top: 30px; display: none; position: relative; z-index: 3; } body.category-rare-country .menu-trending, body.rare-country .menu-trending { background-color: #a21c21; } .menu-trending__title { border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 10px; font-weight: 400; letter-spacing: 0.25em; } .menu-trending__headline { display: block; font-size: 14px; padding: 0 30px; text-transform: none; } .menu-trending__cta { display: block; border-top: 1px solid #fff; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; text-transform: none; } .menu-trending__cta .icon { width: 13px; height: 13px; fill: #fff; margin-right: 5px; } .callout__image { display: inline-block; height: 50px; width: auto; } @media only screen and (min-width: 992px) { .callout__image { height: 60px; } } .callout__image, .callout__text { display: inline-block; vertical-align: middle; } .callout__text { margin-left: 5px; } .callout__label { font-size: 10px; display: block; color: #b82025; text-transform: uppercase; letter-spacing: .08em; font-weight: bold; } .callout__title { margin: 0; font-size: 13px; font-family: "Source Sans Pro", sans-serif; color: #777777; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; } @media (min-width: 340px) { .callout__label { font-size: 12px; } } @media only screen and (min-width: 480px) { .callout__title { max-width: 175px; } } @media only screen and (min-width: 768px) { .callout__title { max-width: 200px; } } @media only screen and (min-width: 992px) { .callout__title { max-width: 250px; } } .modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .modal__content { position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 0; width: 100%; text-align: center; -webkit-animation-name: slideIn; animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .modal__close { position: absolute; right: 10px; top: 10px; display: block; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #b0b0b0; } .modal__close .icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 20px; height: 20px; fill: #b0b0b0; } .modal__close:hover, .modal__close:focus { text-decoration: none; cursor: pointer; } .modal__headline { color: #b82025; margin: 10px auto; line-height: 1.2; font-size: 20px; } .modal__icon { width: 80px; height: 40px; } .modal__icon--email-fanbuzz { width: 110px; } .modal__header { padding: 20px 10px 30px; border-top: 6px solid #b82025; background-color: #fff; position: relative; overflow: hidden; } .modal__form-wrap { position: relative; margin: 0 auto; } .modal__form-wrap.success { max-width: 260px; } .modal__form { -webkit-transition: all .3s; transition: all .3s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .success .modal__form { position: absolute; -webkit-transform: translateX(500px); -ms-transform: translateX(500px); transform: translateX(500px); } .modal__field { border-radius: 8px; border: none; padding-left: 10px; padding-right: 10px; } .modal__field--input { -webkit-transition: all .3s; transition: all .3s; width: 60%; background-color: #eee; border: 2px solid #eee; padding-right: 40px; } .modal__field--input:focus { outline: none; border: 2px solid #b82025; } .modal__field--input:focus::-webkit-input-placeholder { color: #989898; } .modal__field--input:focus:-moz-placeholder { color: #989898; } .modal__field--input:focus::-moz-placeholder { color: #989898; } .modal__field--input:focus:-ms-input-placeholder { color: #989898; } .modal__field--input::-webkit-input-placeholder { color: #565656; } .modal__field--input:-moz-placeholder { color: #565656; } .modal__field--input::-moz-placeholder { color: #565656; } .modal__field--input:-ms-input-placeholder { color: #565656; } .modal__field--submit { width: 40%; margin-left: 10px; } .modal__message { height: 0; bottom: 0; opacity: 0; text-align: left; -webkit-transition: opacity .3s; transition: opacity .3s; } .modal__message--loading { -webkit-transition: all .3s; transition: all .3s; position: absolute; left: 50%; top: 10px; } .error .modal__message--error { opacity: 1; height: auto; } .success .modal__message--success { opacity: 1; height: auto; padding: 10px 0; } .success .modal__message--loading { opacity: 1; height: auto; left: -40px; } .loading .modal__message--loading { opacity: 1; height: auto; } .modal__img { width: 100%; display: block; } .modal__btn { background: none; border: none; display: block; background: none; border: none; display: block; padding: 0; color: #b82025; position: absolute; right: 6px; bottom: 6px; font-size: 12px; } .modal__btn:active, .modal__btn:focus { outline: none; color: #dd3d42; } .modal__btn:active .icon, .modal__btn:focus .icon { fill: #dd3d42; } .modal__btn span.less { display: none; } .modal__btn .icon { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); width: 10px; height: 10px; fill: #b82025; margin-left: 1px; } .modal__body { -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; overflow: hidden; max-height: 0; } @media only screen and (min-width: 768px) { .modal__header { padding: 20px 40px; } .modal__btn { display: none; } .modal__body { max-height: 1024px; } .modal__outer { display: table; height: 100%; max-width: 450px; margin: 0 auto; } .modal__content { display: table-cell; vertical-align: middle; position: relative; padding-bottom: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; } } .modal.closing { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .modal.closing .modal__content { -webkit-animation-name: slideOut; animation-name: slideOut; } .modal__btn { display: none; } @media only screen and (max-width: 767px) { .modal.expand .modal__body { max-height: 270px; } .modal.expand .modal__btn span { display: none; } .modal.expand .modal__btn span.less { display: inline-block; vertical-align: middle; } .modal.expand .modal__btn .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } @media (max-width: 767px) and (orientation: landscape) { .modal.expand .modal__body { max-height: 200px; } } .modal.alternate .modal__form-wrap { display: none; } .modal.alternate .modal__btn { display: block; } .modal.alternate .modal__icon { width: 40px; height: 40px; } .modal.alternate .modal__icon--sports { width: 167px; height: 35px; } .modal.alternate .modal__header { padding-left: 40px; padding-right: 40px; } @media only screen and (min-width: 768px) { .modal.alternate .modal__content { max-width: 330px; } .modal.alternate .modal__btn { display: none; } } .modal.fanbuzz.alternate .modal__headline { margin-top: 4px; } .loading-icon { width: 25px; } .loading-icon .check-path { opacity: 0; } .loading-icon .check-path, .loading-icon .r-path { fill: #b82025; } .success .loading-icon .check-path { opacity: 1; } .success .loading-icon .r-path { opacity: 0; } .success .loading-icon .circle-path { stroke-dashoffset: 0; } .loading-icon .circle-path { fill: none; stroke: #b82025; stroke-miterlimit: 10; stroke-dasharray: 2000; stroke-dashoffset: 2000; stroke-width: 10px; } .loading .loading-icon .circle-path { -webkit-animation: dash 2s linear forwards; animation: dash 2s linear forwards; } body.rare-country .header__item--first, body.category-rare-country .header__item--first { background-image: url(/wp-content/themes/vip/cox-rare-platform/page-templates/ideal/css/brands/fanbuzz/../../../img/rc_header.png); background-size: cover; } .local { text-align: center; white-space: nowrap; overflow-x: scroll; padding: 0 10px; } .local__meta { display: block; font-size: 14px; margin-top: 15px; margin-bottom: 30px; color: #777777; } .local__item { display: inline-block; vertical-align: middle; } .local__item a { color: #000; display: block; } .local__item img { width: 100%; } .local__item h4 { font-size: 8px; font-size: 0.8rem; margin-top: 0px; } .local__label { color: #b0b0b0; } .local__headline { -webkit-transition: color .15s; transition: color .15s; color: #000; font-size: 20px; line-height: 1.3; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .local__headline:hover, .local__headline:active, .local__headline:focus { color: #b82025; } .local__cat { color: #b82025; display: block; letter-spacing: 0.1em; font-size: 15px; -webkit-transition: color .15s; transition: color .15s; text-transform: uppercase; font-weight: 700; } .local__cat:hover, .local__cat:active, .local__cat:focus { color: #ce2429; } .local .post-card__author { display: inline-block; font-size: 14px; color: #b82025; } .local__sidebar--date { display: inline-block; font-size: 14px; color: #777777; } @media only screen and (min-width: 768px) { .local { text-align: left; overflow-x: visible; white-space: normal; padding: 0; } .local__item { display: block; margin-bottom: 10px; } .local__item h4 { margin-bottom: 0px; } .local__cat { letter-spacing: 0.09em; padding: 10px 0 0px 0; position: relative; margin-bottom: 3px; } } .category-local .content-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 0 20px; } @media only screen and (min-width: 992px) { .category-local .content-area { padding: 0 60px; } } .category-local .post-card { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .category-local .post-card img { width: 100%; } .category-local .post-card:nth-of-type(1) { padding-right: 20px; } @media only screen and (max-width: 991px) { .category-chicago .utility__text.h-inline, .category-houston .utility__text.h-inline, .tag-rare-chicago .utility__text.h-inline, .tag-rare-houston .utility__text.h-inline { display: none; } } .category-chicago .banner--image, .category-houston .banner--image, .tag-rare-chicago .banner--image, .tag-rare-houston .banner--image { min-height: 158px; } @media only screen and (max-width: 991px) { .category-chicago .header__item, .category-houston .header__item, .tag-rare-chicago .header__item, .tag-rare-houston .header__item { max-width: 45%; width: 45%; } } @media only screen and (max-width: 991px) { .category-chicago .header__item--first, .category-houston .header__item--first, .tag-rare-chicago .header__item--first, .tag-rare-houston .header__item--first { max-width: 55%; width: 55%; } } .category-chicago .trending, .category-houston .trending, .tag-rare-chicago .trending, .tag-rare-houston .trending { display: none; } @media only screen and (max-width: 991px) { .category-chicago .trending__tab, .category-houston .trending__tab, .tag-rare-chicago .trending__tab, .tag-rare-houston .trending__tab { display: none; } } .category-chicago .archive-custom .archive-custom__marquee-block--wide, .category-houston .archive-custom .archive-custom__marquee-block--wide, .tag-rare-chicago .archive-custom .archive-custom__marquee-block--wide, .tag-rare-houston .archive-custom .archive-custom__marquee-block--wide { padding: 0px; } .category-chicago .archive-custom__marquee, .category-houston .archive-custom__marquee, .tag-rare-chicago .archive-custom__marquee, .tag-rare-houston .archive-custom__marquee { margin-top: 0px; } .category-chicago .archive-custom__marquee-block, .category-houston .archive-custom__marquee-block, .tag-rare-chicago .archive-custom__marquee-block, .tag-rare-houston .archive-custom__marquee-block { margin-bottom: 0px; } .category-chicago .owl-carousel .owl-nav span, .category-houston .owl-carousel .owl-nav span, .tag-rare-chicago .owl-carousel .owl-nav span, .tag-rare-houston .owl-carousel .owl-nav span { color: #000; } .category-chicago .owl-carousel .owl-nav .icon, .category-houston .owl-carousel .owl-nav .icon, .tag-rare-chicago .owl-carousel .owl-nav .icon, .tag-rare-houston .owl-carousel .owl-nav .icon { fill: #000; } @media only screen and (max-width: 991px) { .single-post.chicago .utility__text.h-inline, .single-post.houston .utility__text.h-inline { display: none; } } @media only screen and (max-width: 991px) { .single-post.chicago .header__item, .single-post.houston .header__item { max-width: 45%; width: 45%; } } @media only screen and (max-width: 991px) { .single-post.chicago .header__item--first, .single-post.houston .header__item--first { max-width: 55%; width: 55%; } } .category-chicago .site-logo__icon, .single-post.chicago .site-logo__icon, .tag-rare-chicago .site-logo__icon { width: 206px; height: 23px; } @media only screen and (max-width: 991px) { .category-chicago .site-logo__icon, .single-post.chicago .site-logo__icon, .tag-rare-chicago .site-logo__icon { width: 100%; } } @media only screen and (min-width: 992px) { .category-chicago .site-logo__icon, .single-post.chicago .site-logo__icon, .tag-rare-chicago .site-logo__icon { height: 23px; } } .category-chicago .header__item--first, .single-post.chicago .header__item--first, .tag-rare-chicago .header__item--first { background-color: #94d6ed; } .category-houston .site-logo__icon, .single-post.houston .site-logo__icon, .tag-rare-houston .site-logo__icon { width: 178px; height: 23px; } @media only screen and (max-width: 991px) { .category-houston .site-logo__icon, .single-post.houston .site-logo__icon, .tag-rare-houston .site-logo__icon { width: 100%; } } @media only screen and (min-width: 992px) { .category-houston .site-logo__icon, .single-post.houston .site-logo__icon, .tag-rare-houston .site-logo__icon { height: 23px; } } .geolocation-chip .noticon { display: inline-block; vertical-align: middle; } .geolocation-chip { margin-bottom: 1em; }/** * Post Reblogging not in the Reader */ .reblogger-note img.avatar { float: left; padding: 0; border: 0; } .reblogger-note-content { margin: 0 0 20px; } .wpcom-reblog-snapshot .reblog-from img { margin: 0 .75em 0 0; padding: 0; border: 0; } .wpcom-reblog-snapshot .reblogger-note img.avatar { float: left; padding: 0; border: 0; margin: 0 .5em 0 0; } .wpcom-reblog-snapshot { margin-bottom: 1em; } .wpcom-reblog-snapshot p.reblog-from { margin: 0 0 1em 0; } .wpcom-reblog-snapshot p.reblogger-headline { line-height: 32px; margin: 0 0 1em 0; } .wpcom-reblog-snapshot .reblogged-content { margin: 0 0 1em 0; } /* Old reblog styles */ .reblog-post .wpcom-enhanced-excerpt-content { border-left: 3px solid #eee; padding-left: 15px; } .reblog-post ul.thumb-list { display: block; list-style: none; margin: 2px 0; padding: 0; clear: both; } .reblog-post ul.thumb-list li { display: inline; margin: 0; padding: 0 1px; border: 0; } .reblog-post ul.thumb-list li a { margin: 0; padding: 0; border: 0; } .reblog-post ul.thumb-list li img { margin: 0; padding: 0; border: 0; } .reblog-post .wpcom-enhanced-excerpt { clear: both; } .reblog-post .wpcom-enhanced-excerpt address, .reblog-post .wpcom-enhanced-excerpt li, .reblog-post .wpcom-enhanced-excerpt h1, .reblog-post .wpcom-enhanced-excerpt h2, .reblog-post .wpcom-enhanced-excerpt h3, .reblog-post .wpcom-enhanced-excerpt h4, .reblog-post .wpcom-enhanced-excerpt h5, .reblog-post .wpcom-enhanced-excerpt h6, .reblog-post .wpcom-enhanced-excerpt p { font-size: 100% !important; } .reblog-post .wpcom-enhanced-excerpt blockquote, .reblog-post .wpcom-enhanced-excerpt pre, .reblog-post .wpcom-enhanced-excerpt code, .reblog-post .wpcom-enhanced-excerpt q { font-size: 98% !important; } /* Reblogged post */ .reblog-from img { margin: 0 10px 0 0; vertical-align: middle; padding: 0; border: 0; } .reblog-source { margin-bottom: 0; font-size: .8em; line-height: 1; } .reblog-source .more-words { color: #668eaa; } .wpcom-reblog-snapshot .reblog-post { box-shadow: 0 0 0 1px rgba(46, 68, 83, .1) inset, 0 1px 1px rgba(46, 68, 83, .05); border-radius: 4px; padding: 24px; } /* Optional notes */ .wpcom-reblog-snapshot .reblogger-note { margin: 0 0 1em 0; overflow: hidden; } .wpcom-reblog-snapshot p.reblogger-headline { line-height: 32px; margin: 0 0 1em 0; } .wpcom-reblog-snapshot .reblogger-note-content { margin: 0; padding: 0; } body .wpcom-reblog-snapshot .reblogger-note-content blockquote { font-style: normal; font-weight: normal; font-size: 1em; margin: 0; padding: 0; position: relative; border: none; } .wpcom-reblog-snapshot .reblogger-note-content blockquote p:last-child { margin-bottom: 0; } /* Global styles for WordPress.com */ img.latex { border: none; vertical-align: middle; } .video-player { border: 0; margin: auto; padding: 5px; text-align: center; max-width: 100%; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } .comment object, .comment embed, .embed-vimeo iframe, .embed-youtube iframe { max-width: 100%; /* avoid videos being too wide */ } /** * Layout */ .simple-homepage { display: none; }