Last active
November 27, 2018 21:24
-
-
Save xaqrox/af9615250957d66a39c09edb6755ed97 to your computer and use it in GitHub Desktop.
live main.css after "gulp css"
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| diff --git a/src/wp-content/themes/yold-season2/assets/css/main.css b/src/wp-content/themes/yold-season2/assets/css/main.css | |
| index 82bf2a30..c45258fe 100644 | |
| --- a/src/wp-content/themes/yold-season2/assets/css/main.css | |
| +++ b/src/wp-content/themes/yold-season2/assets/css/main.css | |
| @@ -17,36 +17,19 @@ Variables | |
| Mixins | |
| ========================================================================== */ | |
| /* Module mixins */ | |
| -#module .title { | |
| - font: 100 50px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| - margin: 0 auto; | |
| - word-wrap: break-word; | |
| -} | |
| -#module .title.title-large { | |
| - font-size: 115%; | |
| -} | |
| -#module .title.title-centered { | |
| - text-align: center; | |
| - padding: 0 3%; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - #module .title { | |
| - font-size: 36px; | |
| - } | |
| -} | |
| -@media only screen and ( max-width: 320px ) { | |
| - #module .title { | |
| - font-size: 30px; | |
| - } | |
| -} | |
| /* General mixins */ | |
| /* Big fat sharing buttons */ | |
| /* Default input styles */ | |
| +/* Module title bar */ | |
| +/* Vertical media/text stack */ | |
| /* Zebra stripes on row columns */ | |
| +/* Standard vertical pull quote treatment */ | |
| +/* Horizontal quote treatment */ | |
| /* Text with a masked background image */ | |
| /* Background image covering entire element */ | |
| /* Styles for story and topic "card" */ | |
| +/* "Watch Years" box that goes on end of carousels */ | |
| +/* Standard CTA link with button on right side */ | |
| @-webkit-keyframes fadeUpDown-in { | |
| 0% { | |
| opacity: 0; | |
| @@ -157,134 +140,114 @@ Mixins | |
| } | |
| @-webkit-keyframes fadeInUpSmall { | |
| from { | |
| - -moz-transform: translate3d(0, 40px, 0); | |
| - -ms-transform: translate3d(0, 40px, 0); | |
| - -o-transform: translate3d(0, 40px, 0); | |
| + opacity: 0; | |
| -webkit-transform: translate3d(0, 40px, 0); | |
| transform: translate3d(0, 40px, 0); | |
| - opacity: 0; | |
| } | |
| to { | |
| + opacity: 1; | |
| -webkit-transform: none; | |
| - -moz-transform: none; | |
| - -ms-transform: none; | |
| - -o-transform: none; | |
| transform: none; | |
| - opacity: 1; | |
| } | |
| } | |
| @keyframes fadeInUpSmall { | |
| from { | |
| - -moz-transform: translate3d(0, 40px, 0); | |
| - -ms-transform: translate3d(0, 40px, 0); | |
| - -o-transform: translate3d(0, 40px, 0); | |
| + opacity: 0; | |
| -webkit-transform: translate3d(0, 40px, 0); | |
| transform: translate3d(0, 40px, 0); | |
| - opacity: 0; | |
| } | |
| to { | |
| + opacity: 1; | |
| -webkit-transform: none; | |
| - -moz-transform: none; | |
| - -ms-transform: none; | |
| - -o-transform: none; | |
| transform: none; | |
| - opacity: 1; | |
| } | |
| } | |
| .fadeInUpSmall { | |
| - -moz-animation-name: fadeInUpSmall; | |
| - -o-animation-name: fadeInUpSmall; | |
| -webkit-animation-name: fadeInUpSmall; | |
| animation-name: fadeInUpSmall; | |
| } | |
| -@-webkit-keyframes subtleZoomIn { | |
| - from { | |
| - -moz-transform: scale(0.9); | |
| - -webkit-transform: scale(0.9); | |
| - -ms-transform: scale(0.9); | |
| - -o-transform: scale(0.9); | |
| - transform: scale(0.9); | |
| - opacity: 0; | |
| - } | |
| - to { | |
| - -moz-transform: scale(1); | |
| - -webkit-transform: scale(1); | |
| - -ms-transform: scale(1); | |
| - -o-transform: scale(1); | |
| - transform: scale(1); | |
| - opacity: 1; | |
| - } | |
| +.screen-reader-text { | |
| + position: absolute; | |
| + top: -9999px; | |
| + left: -9999px; | |
| } | |
| -@keyframes subtleZoomIn { | |
| - from { | |
| - -moz-transform: scale(0.9); | |
| - -webkit-transform: scale(0.9); | |
| - -ms-transform: scale(0.9); | |
| - -o-transform: scale(0.9); | |
| - transform: scale(0.9); | |
| - opacity: 0; | |
| - } | |
| - to { | |
| - -moz-transform: scale(1); | |
| - -webkit-transform: scale(1); | |
| - -ms-transform: scale(1); | |
| - -o-transform: scale(1); | |
| - transform: scale(1); | |
| - opacity: 1; | |
| - } | |
| +/* ========================================================================== | |
| + Testing / Development | |
| + ========================================================================== */ | |
| +#test-data { | |
| + background: #333333; | |
| + border: 4px solid #555555; | |
| } | |
| -.subtleZoomIn { | |
| - -moz-animation-name: subtleZoomIn; | |
| - -o-animation-name: subtleZoomIn; | |
| - -webkit-animation-name: subtleZoomIn; | |
| - animation-name: subtleZoomIn; | |
| +.test-field-title { | |
| + border-radius: 6px; | |
| + background: #ccc; | |
| + padding: 5px; | |
| } | |
| -@-webkit-keyframes subtleZoomOut { | |
| - from { | |
| - -moz-transform: scale(1); | |
| - -webkit-transform: scale(1); | |
| - -ms-transform: scale(1); | |
| - -o-transform: scale(1); | |
| - transform: scale(1); | |
| - opacity: 1; | |
| - } | |
| - to { | |
| - -moz-transform: scale(1.1); | |
| - -webkit-transform: scale(1.1); | |
| - -ms-transform: scale(1.1); | |
| - -o-transform: scale(1.1); | |
| - transform: scale(1.1); | |
| - opacity: 0; | |
| - } | |
| +.test-subfield-title { | |
| + border-radius: 3px; | |
| + background: #ddd; | |
| + margin-bottom: 5px; | |
| + padding: 5px; | |
| } | |
| -@keyframes subtleZoomOut { | |
| - from { | |
| - -moz-transform: scale(1); | |
| - -webkit-transform: scale(1); | |
| - -ms-transform: scale(1); | |
| - -o-transform: scale(1); | |
| - transform: scale(1); | |
| - opacity: 1; | |
| - } | |
| - to { | |
| - -moz-transform: scale(1.1); | |
| - -webkit-transform: scale(1.1); | |
| - -ms-transform: scale(1.1); | |
| - -o-transform: scale(1.1); | |
| - transform: scale(1.1); | |
| - opacity: 0; | |
| - } | |
| +.test-field-data { | |
| + background: #eee; | |
| + border-radius: 5px; | |
| + margin-bottom: 10px; | |
| + padding: 5px; | |
| +} | |
| +.test-field-image { | |
| + background: #eee; | |
| + border-radius: 5px; | |
| + margin-bottom: 10px; | |
| + padding: 5px; | |
| } | |
| -.subtleZoomOut { | |
| - -moz-animation-name: subtleZoomOut; | |
| - -o-animation-name: subtleZoomOut; | |
| - -webkit-animation-name: subtleZoomOut; | |
| - animation-name: subtleZoomOut; | |
| +.test-subfield-data { | |
| + background: #eee; | |
| + border-radius: 5px; | |
| + margin-bottom: 5px; | |
| + min-height: 30px; | |
| + padding: 5px; | |
| } | |
| -.screen-reader-text { | |
| - position: absolute; | |
| - top: -9999px; | |
| - left: -9999px; | |
| +.test-subfield-image { | |
| + background: #eee; | |
| + border-radius: 5px; | |
| + margin-bottom: 5px; | |
| + min-height: 30px; | |
| + padding: 5px; | |
| +} | |
| +/* The little media query status bug in the top-left corner */ | |
| +#media-query { | |
| + background: rgba(0, 0, 0, 0.25); | |
| + color: #fff; | |
| + display: block; | |
| + font-size: 9px; | |
| + font-weight: bold; | |
| + left: 0; | |
| + line-height: 1; | |
| + padding: 4px; | |
| + position: fixed; | |
| + text-transform: uppercase; | |
| + top: 0; | |
| + z-index: 9999; | |
| + border-radius: 0 0 4px 0; | |
| +} | |
| +#media-query span[class^="visible-"]::after { | |
| + text-transform: lowercase; | |
| +} | |
| +#media-query .visible-xs::after { | |
| + content: ' 480px'; | |
| +} | |
| +#media-query .visible-sm::after { | |
| + content: ' 768px'; | |
| +} | |
| +#media-query .visible-md::after { | |
| + content: ' 992px'; | |
| +} | |
| +#media-query .visible-lg::after { | |
| + content: ' 1200px'; | |
| +} | |
| +#media-query .visible-xl::after { | |
| + content: ' 1420px'; | |
| } | |
| /* | |
| LESS variables are information about icon's compiled state, stored under its original file name | |
| @@ -356,34 +319,82 @@ The `.retina-sprites` mixin generates a CSS rule and media query for retina grou | |
| .retina-sprites(@retina-groups); | |
| */ | |
| -.put-a-price-on-it { | |
| - background-image: url(../../img/sprite@1x.png); | |
| - background-position: 0px 0px; | |
| - width: 304px; | |
| - height: 37px; | |
| +.logo-footer-vulcan { | |
| + background-image: url(../img/sprite@1x.png); | |
| + background-position: 0px -50px; | |
| + width: 142px; | |
| + height: 40px; | |
| +} | |
| +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | |
| + .logo-footer-vulcan { | |
| + background-image: url(../img/sprite@2x.png); | |
| + background-size: 398px 90px; | |
| + } | |
| +} | |
| +.logo-footer-years-project { | |
| + background-image: url(../img/sprite@1x.png); | |
| + background-position: -184px 0px; | |
| + width: 214px; | |
| + height: 42px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | |
| - .put-a-price-on-it { | |
| - background-image: url(../../img/sprite@2x.png); | |
| - background-size: 304px 87px; | |
| + .logo-footer-years-project { | |
| + background-image: url(../img/sprite@2x.png); | |
| + background-size: 398px 90px; | |
| } | |
| } | |
| .years-logo { | |
| - background-image: url(../../img/sprite@1x.png); | |
| - background-position: 0px -37px; | |
| + background-image: url(../img/sprite@1x.png); | |
| + background-position: 0px 0px; | |
| width: 184px; | |
| height: 50px; | |
| } | |
| @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | |
| .years-logo { | |
| - background-image: url(../../img/sprite@2x.png); | |
| - background-size: 304px 87px; | |
| - } | |
| + background-image: url(../img/sprite@2x.png); | |
| + background-size: 398px 90px; | |
| + } | |
| +} | |
| +/** | |
| + * @license | |
| + * MyFonts Webfont Build ID 2750822, 2014-02-18T17:47:38-0500 | |
| + * | |
| + * The fonts listed in this notice are subject to the End User License | |
| + * Agreement(s) entered into by the website owner. All other parties are | |
| + * explicitly restricted from using the Licensed Webfonts(s). | |
| + * | |
| + * You may obtain a valid license at the URLs below. | |
| + * | |
| + * Webfont: Helvetica 77 Cond Bold by Linotype | |
| + * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-77-bold-condensed/ | |
| + * Copyright: Copyright © 1990, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved. | |
| + * | |
| + * Webfont: Helvetica 55 Roman by Linotype | |
| + * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-55-roman/ | |
| + * Copyright: Copyright © 1988, 1990, 1993, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved. | |
| + * | |
| + * | |
| + * License: http://www.myfonts.com/viewlicense?type=web&buildid=2750822 | |
| + * Licensed pageviews: 1,000,000 | |
| + * | |
| + * © 2014 MyFonts Inc | |
| +*/ | |
| +/* @import must be at top of file, otherwise CSS will not work */ | |
| +/* @import url("//hello.myfonts.net/count/2A17A9"); */ | |
| +@font-face { | |
| + font-family: 'HelveticaNeueLTStd-BdCn'; | |
| + src: url('fonts/helvetica-neue/2A17B0_0_0.eot'); | |
| + src: url('fonts/helvetica-neue/2A17B0_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-neue/2A17B0_0_0.woff') format('woff'), url('fonts/helvetica-neue/2A17B0_0_0.ttf') format('truetype'), url('fonts/helvetica-neue/2A17B0_0_0.svg#wf') format('svg'); | |
| +} | |
| +@font-face { | |
| + font-family: 'HelveticaNeueLTStd-Roman'; | |
| + src: url('fonts/helvetica-neue/2A17B0_1_0.eot'); | |
| + src: url('fonts/helvetica-neue/2A17B0_1_0.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-neue/2A17B0_1_0.woff') format('woff'), url('fonts/helvetica-neue/2A17B0_1_0.ttf') format('truetype'), url('fonts/helvetica-neue/2A17B0_1_0.svg#wf') format('svg'); | |
| } | |
| @font-face { | |
| font-family: 'yold-icons'; | |
| - src: url('fonts/yold-icons/yold-icons.eot?1vnrm4'); | |
| - src: url('fonts/yold-icons/yold-icons.eot?1vnrm4#iefix') format('embedded-opentype'), url('fonts/yold-icons/yold-icons.ttf?1vnrm4') format('truetype'), url('fonts/yold-icons/yold-icons.woff?1vnrm4') format('woff'), url('fonts/yold-icons/yold-icons.svg?1vnrm4#yold-icons') format('svg'); | |
| + src: url('fonts/yold-icons/yold-icons.eot?81o5rz'); | |
| + src: url('fonts/yold-icons/yold-icons.eot?81o5rz#iefix') format('embedded-opentype'), url('fonts/yold-icons/yold-icons.ttf?81o5rz') format('truetype'), url('fonts/yold-icons/yold-icons.woff?81o5rz') format('woff'), url('fonts/yold-icons/yold-icons.svg?81o5rz#yold-icons') format('svg'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| @@ -401,20 +412,29 @@ The `.retina-sprites` mixin generates a CSS rule and media query for retina grou | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| -.icon-world:before { | |
| - content: "\e91b"; | |
| +.icon-quotes-right:before { | |
| + content: "\e908"; | |
| +} | |
| +.icon-quotes-left:before { | |
| + content: "\e909"; | |
| +} | |
| +.icon-search:before { | |
| + content: "\e036"; | |
| +} | |
| +.icon-plus:before { | |
| + content: "\e114"; | |
| } | |
| -.icon-globe:before { | |
| - content: "\e91b"; | |
| +.icon-minus:before { | |
| + content: "\e115"; | |
| } | |
| -.icon-internet:before { | |
| - content: "\e91b"; | |
| +.icon-check:before { | |
| + content: "\e116"; | |
| } | |
| -.icon-network:before { | |
| - content: "\e91b"; | |
| +.icon-cross:before { | |
| + content: "\e117"; | |
| } | |
| -.icon-sun-check:before { | |
| - content: "\e91c"; | |
| +.icon-tv:before { | |
| + content: "\21"; | |
| } | |
| .icon-yold-book:before { | |
| content: "\e900"; | |
| @@ -440,57 +460,6 @@ The `.retina-sprites` mixin generates a CSS rule and media query for retina grou | |
| .icon-yold-video:before { | |
| content: "\e906"; | |
| } | |
| -.icon-mail:before { | |
| - content: "\e91a"; | |
| -} | |
| -.icon-facebook-with-circle:before { | |
| - content: "\e90a"; | |
| -} | |
| -.icon-facebook:before { | |
| - content: "\e90b"; | |
| -} | |
| -.icon-google-with-circle:before { | |
| - content: "\e90c"; | |
| -} | |
| -.icon-google:before { | |
| - content: "\e90d"; | |
| -} | |
| -.icon-instagram-with-circle:before { | |
| - content: "\e90e"; | |
| -} | |
| -.icon-instagram:before { | |
| - content: "\e90f"; | |
| -} | |
| -.icon-pinterest-with-circle:before { | |
| - content: "\e910"; | |
| -} | |
| -.icon-pinterest:before { | |
| - content: "\e911"; | |
| -} | |
| -.icon-tumblr-with-circle:before { | |
| - content: "\e912"; | |
| -} | |
| -.icon-tumblr:before { | |
| - content: "\e913"; | |
| -} | |
| -.icon-twitter-with-circle:before { | |
| - content: "\e914"; | |
| -} | |
| -.icon-twitter:before { | |
| - content: "\e915"; | |
| -} | |
| -.icon-vimeo-with-circle:before { | |
| - content: "\e916"; | |
| -} | |
| -.icon-vimeo:before { | |
| - content: "\e917"; | |
| -} | |
| -.icon-youtube-with-circle:before { | |
| - content: "\e918"; | |
| -} | |
| -.icon-youtube:before { | |
| - content: "\e919"; | |
| -} | |
| .icon-arrow-right-thin:before { | |
| content: "\22"; | |
| } | |
| @@ -566,44 +535,29 @@ The `.retina-sprites` mixin generates a CSS rule and media query for retina grou | |
| .icon-arrow-right-lg:before { | |
| content: "\3d"; | |
| } | |
| -.icon-quotes-right:before { | |
| - content: "\e908"; | |
| -} | |
| -.icon-quotes-left:before { | |
| - content: "\e909"; | |
| -} | |
| -.icon-mail2:before { | |
| - content: "\e002"; | |
| -} | |
| -.icon-search:before { | |
| - content: "\e036"; | |
| -} | |
| -.icon-repeat:before { | |
| - content: "\e058"; | |
| -} | |
| -.icon-location:before { | |
| - content: "\e070"; | |
| +.icon-twitter:before { | |
| + content: "\3e"; | |
| } | |
| -.icon-location-2:before { | |
| - content: "\e071"; | |
| +.icon-facebook:before { | |
| + content: "\3f"; | |
| } | |
| -.icon-reload:before { | |
| - content: "\e080"; | |
| +.icon-pinterest:before { | |
| + content: "\40"; | |
| } | |
| -.icon-plus:before { | |
| - content: "\e114"; | |
| +.icon-google-plus:before { | |
| + content: "\41"; | |
| } | |
| -.icon-minus:before { | |
| - content: "\e115"; | |
| +.icon-email:before { | |
| + content: "\42"; | |
| } | |
| -.icon-check:before { | |
| - content: "\e116"; | |
| +.icon-youtube:before { | |
| + content: "\43"; | |
| } | |
| -.icon-cross:before { | |
| - content: "\e117"; | |
| +.icon-instagram:before { | |
| + content: "\44"; | |
| } | |
| -.icon-tv:before { | |
| - content: "\21"; | |
| +.icon-tumblr:before { | |
| + content: "\45"; | |
| } | |
| /* Twitter Bootstrap LESS files */ | |
| /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |
| @@ -895,6 +849,7 @@ a:focus { | |
| text-decoration: underline; | |
| } | |
| a:focus { | |
| + outline: thin dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| @@ -3976,6 +3931,7 @@ select[size] { | |
| input[type="file"]:focus, | |
| input[type="radio"]:focus, | |
| input[type="checkbox"]:focus { | |
| + outline: thin dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| @@ -4488,6 +4444,7 @@ select[multiple].input-lg { | |
| .btn.focus, | |
| .btn:active.focus, | |
| .btn.active.focus { | |
| + outline: thin dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| @@ -4525,25 +4482,25 @@ fieldset[disabled] a.btn { | |
| .btn-default { | |
| color: #333; | |
| background-color: #fff; | |
| - border-color: #fff; | |
| + border-color: #ccc; | |
| } | |
| .btn-default:focus, | |
| .btn-default.focus { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| - border-color: #bfbfbf; | |
| + border-color: #8c8c8c; | |
| } | |
| .btn-default:hover { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| - border-color: #e0e0e0; | |
| + border-color: #adadad; | |
| } | |
| .btn-default:active, | |
| .btn-default.active, | |
| .open > .dropdown-toggle.btn-default { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| - border-color: #e0e0e0; | |
| + border-color: #adadad; | |
| } | |
| .btn-default:active:hover, | |
| .btn-default.active:hover, | |
| @@ -4556,7 +4513,7 @@ fieldset[disabled] a.btn { | |
| .open > .dropdown-toggle.btn-default.focus { | |
| color: #333; | |
| background-color: #d4d4d4; | |
| - border-color: #bfbfbf; | |
| + border-color: #8c8c8c; | |
| } | |
| .btn-default:active, | |
| .btn-default.active, | |
| @@ -4573,7 +4530,7 @@ fieldset[disabled] .btn-default:focus, | |
| .btn-default[disabled].focus, | |
| fieldset[disabled] .btn-default.focus { | |
| background-color: #fff; | |
| - border-color: #fff; | |
| + border-color: #ccc; | |
| } | |
| .btn-default .badge { | |
| color: #fff; | |
| @@ -4582,25 +4539,25 @@ fieldset[disabled] .btn-default.focus { | |
| .btn-primary { | |
| color: #fff; | |
| background-color: #ed4503; | |
| - border-color: #ed4503; | |
| + border-color: #d43e03; | |
| } | |
| .btn-primary:focus, | |
| .btn-primary.focus { | |
| color: #fff; | |
| background-color: #bb3602; | |
| - border-color: #6f2001; | |
| + border-color: #561901; | |
| } | |
| .btn-primary:hover { | |
| color: #fff; | |
| background-color: #bb3602; | |
| - border-color: #b13302; | |
| + border-color: #972c02; | |
| } | |
| .btn-primary:active, | |
| .btn-primary.active, | |
| .open > .dropdown-toggle.btn-primary { | |
| color: #fff; | |
| background-color: #bb3602; | |
| - border-color: #b13302; | |
| + border-color: #972c02; | |
| } | |
| .btn-primary:active:hover, | |
| .btn-primary.active:hover, | |
| @@ -4613,7 +4570,7 @@ fieldset[disabled] .btn-default.focus { | |
| .open > .dropdown-toggle.btn-primary.focus { | |
| color: #fff; | |
| background-color: #972c02; | |
| - border-color: #6f2001; | |
| + border-color: #561901; | |
| } | |
| .btn-primary:active, | |
| .btn-primary.active, | |
| @@ -4630,7 +4587,7 @@ fieldset[disabled] .btn-primary:focus, | |
| .btn-primary[disabled].focus, | |
| fieldset[disabled] .btn-primary.focus { | |
| background-color: #ed4503; | |
| - border-color: #ed4503; | |
| + border-color: #d43e03; | |
| } | |
| .btn-primary .badge { | |
| color: #ed4503; | |
| @@ -4639,25 +4596,25 @@ fieldset[disabled] .btn-primary.focus { | |
| .btn-success { | |
| color: #fff; | |
| background-color: #5cb85c; | |
| - border-color: #5cb85c; | |
| + border-color: #4cae4c; | |
| } | |
| .btn-success:focus, | |
| .btn-success.focus { | |
| color: #fff; | |
| background-color: #449d44; | |
| - border-color: #2d672d; | |
| + border-color: #255625; | |
| } | |
| .btn-success:hover { | |
| color: #fff; | |
| background-color: #449d44; | |
| - border-color: #419641; | |
| + border-color: #398439; | |
| } | |
| .btn-success:active, | |
| .btn-success.active, | |
| .open > .dropdown-toggle.btn-success { | |
| color: #fff; | |
| background-color: #449d44; | |
| - border-color: #419641; | |
| + border-color: #398439; | |
| } | |
| .btn-success:active:hover, | |
| .btn-success.active:hover, | |
| @@ -4670,7 +4627,7 @@ fieldset[disabled] .btn-primary.focus { | |
| .open > .dropdown-toggle.btn-success.focus { | |
| color: #fff; | |
| background-color: #398439; | |
| - border-color: #2d672d; | |
| + border-color: #255625; | |
| } | |
| .btn-success:active, | |
| .btn-success.active, | |
| @@ -4687,7 +4644,7 @@ fieldset[disabled] .btn-success:focus, | |
| .btn-success[disabled].focus, | |
| fieldset[disabled] .btn-success.focus { | |
| background-color: #5cb85c; | |
| - border-color: #5cb85c; | |
| + border-color: #4cae4c; | |
| } | |
| .btn-success .badge { | |
| color: #5cb85c; | |
| @@ -4696,25 +4653,25 @@ fieldset[disabled] .btn-success.focus { | |
| .btn-info { | |
| color: #fff; | |
| background-color: #5bc0de; | |
| - border-color: #5bc0de; | |
| + border-color: #46b8da; | |
| } | |
| .btn-info:focus, | |
| .btn-info.focus { | |
| color: #fff; | |
| background-color: #31b0d5; | |
| - border-color: #1f7e9a; | |
| + border-color: #1b6d85; | |
| } | |
| .btn-info:hover { | |
| color: #fff; | |
| background-color: #31b0d5; | |
| - border-color: #2aabd2; | |
| + border-color: #269abc; | |
| } | |
| .btn-info:active, | |
| .btn-info.active, | |
| .open > .dropdown-toggle.btn-info { | |
| color: #fff; | |
| background-color: #31b0d5; | |
| - border-color: #2aabd2; | |
| + border-color: #269abc; | |
| } | |
| .btn-info:active:hover, | |
| .btn-info.active:hover, | |
| @@ -4727,7 +4684,7 @@ fieldset[disabled] .btn-success.focus { | |
| .open > .dropdown-toggle.btn-info.focus { | |
| color: #fff; | |
| background-color: #269abc; | |
| - border-color: #1f7e9a; | |
| + border-color: #1b6d85; | |
| } | |
| .btn-info:active, | |
| .btn-info.active, | |
| @@ -4744,7 +4701,7 @@ fieldset[disabled] .btn-info:focus, | |
| .btn-info[disabled].focus, | |
| fieldset[disabled] .btn-info.focus { | |
| background-color: #5bc0de; | |
| - border-color: #5bc0de; | |
| + border-color: #46b8da; | |
| } | |
| .btn-info .badge { | |
| color: #5bc0de; | |
| @@ -4753,25 +4710,25 @@ fieldset[disabled] .btn-info.focus { | |
| .btn-warning { | |
| color: #fff; | |
| background-color: #f0ad4e; | |
| - border-color: #f0ad4e; | |
| + border-color: #eea236; | |
| } | |
| .btn-warning:focus, | |
| .btn-warning.focus { | |
| color: #fff; | |
| background-color: #ec971f; | |
| - border-color: #b06d0f; | |
| + border-color: #985f0d; | |
| } | |
| .btn-warning:hover { | |
| color: #fff; | |
| background-color: #ec971f; | |
| - border-color: #eb9316; | |
| + border-color: #d58512; | |
| } | |
| .btn-warning:active, | |
| .btn-warning.active, | |
| .open > .dropdown-toggle.btn-warning { | |
| color: #fff; | |
| background-color: #ec971f; | |
| - border-color: #eb9316; | |
| + border-color: #d58512; | |
| } | |
| .btn-warning:active:hover, | |
| .btn-warning.active:hover, | |
| @@ -4784,7 +4741,7 @@ fieldset[disabled] .btn-info.focus { | |
| .open > .dropdown-toggle.btn-warning.focus { | |
| color: #fff; | |
| background-color: #d58512; | |
| - border-color: #b06d0f; | |
| + border-color: #985f0d; | |
| } | |
| .btn-warning:active, | |
| .btn-warning.active, | |
| @@ -4801,7 +4758,7 @@ fieldset[disabled] .btn-warning:focus, | |
| .btn-warning[disabled].focus, | |
| fieldset[disabled] .btn-warning.focus { | |
| background-color: #f0ad4e; | |
| - border-color: #f0ad4e; | |
| + border-color: #eea236; | |
| } | |
| .btn-warning .badge { | |
| color: #f0ad4e; | |
| @@ -4810,25 +4767,25 @@ fieldset[disabled] .btn-warning.focus { | |
| .btn-danger { | |
| color: #fff; | |
| background-color: #d9534f; | |
| - border-color: #d9534f; | |
| + border-color: #d43f3a; | |
| } | |
| .btn-danger:focus, | |
| .btn-danger.focus { | |
| color: #fff; | |
| background-color: #c9302c; | |
| - border-color: #8b211e; | |
| + border-color: #761c19; | |
| } | |
| .btn-danger:hover { | |
| color: #fff; | |
| background-color: #c9302c; | |
| - border-color: #c12e2a; | |
| + border-color: #ac2925; | |
| } | |
| .btn-danger:active, | |
| .btn-danger.active, | |
| .open > .dropdown-toggle.btn-danger { | |
| color: #fff; | |
| background-color: #c9302c; | |
| - border-color: #c12e2a; | |
| + border-color: #ac2925; | |
| } | |
| .btn-danger:active:hover, | |
| .btn-danger.active:hover, | |
| @@ -4841,7 +4798,7 @@ fieldset[disabled] .btn-warning.focus { | |
| .open > .dropdown-toggle.btn-danger.focus { | |
| color: #fff; | |
| background-color: #ac2925; | |
| - border-color: #8b211e; | |
| + border-color: #761c19; | |
| } | |
| .btn-danger:active, | |
| .btn-danger.active, | |
| @@ -4858,7 +4815,7 @@ fieldset[disabled] .btn-danger:focus, | |
| .btn-danger[disabled].focus, | |
| fieldset[disabled] .btn-danger.focus { | |
| background-color: #d9534f; | |
| - border-color: #d9534f; | |
| + border-color: #d43f3a; | |
| } | |
| .btn-danger .badge { | |
| color: #d9534f; | |
| @@ -6273,19 +6230,39 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { | |
| } | |
| /* end Twitter Bootstrap LESS files */ | |
| body { | |
| + -webkit-font-smoothing: antialiased; | |
| line-height: 1.3; | |
| padding-top: 162px; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| +@media only screen and ( max-width: 768px ) { | |
| body { | |
| padding-top: 60px; | |
| } | |
| } | |
| body.has-sub-navbar { | |
| - padding-top: 211px; | |
| + padding-top: 60px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + body.has-sub-navbar { | |
| + padding-top: 211px; | |
| + } | |
| +} | |
| +body.ref-msn { | |
| + padding-top: 93px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + body.ref-msn { | |
| + padding-top: 195px; | |
| + } | |
| + body.ref-msn.has-sub-navbar { | |
| + padding-top: 244px; | |
| + } | |
| } | |
| /* !MISC */ | |
| /* Overwrite some Bootstrap defaults */ | |
| +label { | |
| + font-weight: 300; | |
| +} | |
| a:hover { | |
| text-decoration: none; | |
| } | |
| @@ -6293,13 +6270,13 @@ a:focus, | |
| a:active { | |
| outline: none; | |
| } | |
| -body, | |
| button, | |
| input { | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .btn { | |
| - font: 600 18px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + border: none; | |
| + font: 600 18px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| min-width: 120px; | |
| padding-bottom: 10px; | |
| padding-top: 10px; | |
| @@ -6309,10 +6286,6 @@ input { | |
| -o-transition: 0.2s; | |
| transition: 0.2s; | |
| } | |
| -.btn [class*="icon-"] { | |
| - line-height: 1.2; | |
| - vertical-align: text-bottom; | |
| -} | |
| .btn.btn-lg { | |
| padding-bottom: 18px; | |
| padding-top: 18px; | |
| @@ -6395,302 +6368,358 @@ fieldset[disabled] .btn.btn-secondary.focus { | |
| color: #000; | |
| background-color: #fff; | |
| } | |
| -.btn.btn-outline { | |
| - color: #888; | |
| - background-color: transparent; | |
| - border-color: #ccc; | |
| - font-weight: 300; | |
| -} | |
| -.btn.btn-outline:focus, | |
| -.btn.btn-outline.focus { | |
| - color: #888; | |
| - background-color: rgba(0, 0, 0, 0); | |
| - border-color: #8c8c8c; | |
| -} | |
| -.btn.btn-outline:hover { | |
| - color: #888; | |
| - background-color: rgba(0, 0, 0, 0); | |
| - border-color: #adadad; | |
| -} | |
| -.btn.btn-outline:active, | |
| -.btn.btn-outline.active, | |
| -.open > .dropdown-toggle.btn.btn-outline { | |
| - color: #888; | |
| - background-color: rgba(0, 0, 0, 0); | |
| - border-color: #adadad; | |
| -} | |
| -.btn.btn-outline:active:hover, | |
| -.btn.btn-outline.active:hover, | |
| -.open > .dropdown-toggle.btn.btn-outline:hover, | |
| -.btn.btn-outline:active:focus, | |
| -.btn.btn-outline.active:focus, | |
| -.open > .dropdown-toggle.btn.btn-outline:focus, | |
| -.btn.btn-outline:active.focus, | |
| -.btn.btn-outline.active.focus, | |
| -.open > .dropdown-toggle.btn.btn-outline.focus { | |
| - color: #888; | |
| - background-color: rgba(0, 0, 0, 0); | |
| - border-color: #8c8c8c; | |
| -} | |
| -.btn.btn-outline:active, | |
| -.btn.btn-outline.active, | |
| -.open > .dropdown-toggle.btn.btn-outline { | |
| - background-image: none; | |
| -} | |
| -.btn.btn-outline.disabled:hover, | |
| -.btn.btn-outline[disabled]:hover, | |
| -fieldset[disabled] .btn.btn-outline:hover, | |
| -.btn.btn-outline.disabled:focus, | |
| -.btn.btn-outline[disabled]:focus, | |
| -fieldset[disabled] .btn.btn-outline:focus, | |
| -.btn.btn-outline.disabled.focus, | |
| -.btn.btn-outline[disabled].focus, | |
| -fieldset[disabled] .btn.btn-outline.focus { | |
| - background-color: transparent; | |
| - border-color: #ccc; | |
| -} | |
| -.btn.btn-outline .badge { | |
| - color: transparent; | |
| - background-color: #888; | |
| -} | |
| .btn.btn-connect.btn-connect-twitter { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| - font: 100 26px / 100px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| background: #00abed; | |
| - min-height: 100px; | |
| display: block; | |
| + min-height: 100px; | |
| text-align: center; | |
| + font-size: 42px; | |
| + line-height: 100px; | |
| color: #fff !important; | |
| padding: 0; | |
| + position: relative; | |
| + z-index: 1; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-twitter [class*="icon-"] { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| display: inline-block; | |
| - vertical-align: text-bottom; | |
| - margin-bottom: -0.2em; | |
| - font-size: 140%; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-twitter:hover { | |
| background: #12bdff; | |
| + z-index: 2; | |
| + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transform: scale(1, 1.1); | |
| + -webkit-transform: scale(1, 1.1); | |
| + -ms-transform: scale(1, 1.1); | |
| + -o-transform: scale(1, 1.1); | |
| + transform: scale(1, 1.1); | |
| } | |
| .btn.btn-connect.btn-connect-twitter:hover [class*="icon-"] { | |
| - opacity: 0.5; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .btn.btn-connect.btn-connect-twitter { | |
| - line-height: 75px; | |
| - min-height: 75px; | |
| - font-size: 20px; | |
| - } | |
| + -moz-transform: scale(1, 0.9090909090909091); | |
| + -webkit-transform: scale(1, 0.90909091); | |
| + -ms-transform: scale(1, 0.90909091); | |
| + -o-transform: scale(1, 0.90909091); | |
| + transform: scale(1, 0.90909091); | |
| } | |
| .btn.btn-connect.btn-connect-tumblr { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| - font: 100 26px / 100px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| background: #4d93be; | |
| - min-height: 100px; | |
| display: block; | |
| + min-height: 100px; | |
| text-align: center; | |
| + font-size: 42px; | |
| + line-height: 100px; | |
| color: #fff !important; | |
| padding: 0; | |
| -} | |
| -.btn.btn-connect.btn-connect-tumblr [class*="icon-"] { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| + position: relative; | |
| + z-index: 1; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| +} | |
| +.btn.btn-connect.btn-connect-tumblr [class*="icon-"] { | |
| display: inline-block; | |
| - vertical-align: text-bottom; | |
| - margin-bottom: -0.2em; | |
| - font-size: 140%; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-tumblr:hover { | |
| background: #67a3c8; | |
| + z-index: 2; | |
| + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transform: scale(1, 1.1); | |
| + -webkit-transform: scale(1, 1.1); | |
| + -ms-transform: scale(1, 1.1); | |
| + -o-transform: scale(1, 1.1); | |
| + transform: scale(1, 1.1); | |
| } | |
| .btn.btn-connect.btn-connect-tumblr:hover [class*="icon-"] { | |
| - opacity: 0.5; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .btn.btn-connect.btn-connect-tumblr { | |
| - line-height: 75px; | |
| - min-height: 75px; | |
| - font-size: 20px; | |
| - } | |
| + -moz-transform: scale(1, 0.9090909090909091); | |
| + -webkit-transform: scale(1, 0.90909091); | |
| + -ms-transform: scale(1, 0.90909091); | |
| + -o-transform: scale(1, 0.90909091); | |
| + transform: scale(1, 0.90909091); | |
| } | |
| .btn.btn-connect.btn-connect-instagram { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| - font: 100 26px / 100px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| background: #3d6687; | |
| - min-height: 100px; | |
| display: block; | |
| + min-height: 100px; | |
| text-align: center; | |
| + font-size: 42px; | |
| + line-height: 100px; | |
| color: #fff !important; | |
| padding: 0; | |
| + position: relative; | |
| + z-index: 1; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-instagram [class*="icon-"] { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| display: inline-block; | |
| - vertical-align: text-bottom; | |
| - margin-bottom: -0.2em; | |
| - font-size: 140%; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-instagram:hover { | |
| background: #4879a0; | |
| + z-index: 2; | |
| + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transform: scale(1, 1.1); | |
| + -webkit-transform: scale(1, 1.1); | |
| + -ms-transform: scale(1, 1.1); | |
| + -o-transform: scale(1, 1.1); | |
| + transform: scale(1, 1.1); | |
| } | |
| .btn.btn-connect.btn-connect-instagram:hover [class*="icon-"] { | |
| - opacity: 0.5; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .btn.btn-connect.btn-connect-instagram { | |
| - line-height: 75px; | |
| - min-height: 75px; | |
| - font-size: 20px; | |
| - } | |
| + -moz-transform: scale(1, 0.9090909090909091); | |
| + -webkit-transform: scale(1, 0.90909091); | |
| + -ms-transform: scale(1, 0.90909091); | |
| + -o-transform: scale(1, 0.90909091); | |
| + transform: scale(1, 0.90909091); | |
| } | |
| .btn.btn-connect.btn-connect-facebook { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| - font: 100 26px / 100px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| background: #374f89; | |
| - min-height: 100px; | |
| display: block; | |
| + min-height: 100px; | |
| text-align: center; | |
| + font-size: 42px; | |
| + line-height: 100px; | |
| color: #fff !important; | |
| padding: 0; | |
| + position: relative; | |
| + z-index: 1; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-facebook [class*="icon-"] { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| display: inline-block; | |
| - vertical-align: text-bottom; | |
| - margin-bottom: -0.2em; | |
| - font-size: 140%; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-facebook:hover { | |
| background: #415ea2; | |
| + z-index: 2; | |
| + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transform: scale(1, 1.1); | |
| + -webkit-transform: scale(1, 1.1); | |
| + -ms-transform: scale(1, 1.1); | |
| + -o-transform: scale(1, 1.1); | |
| + transform: scale(1, 1.1); | |
| } | |
| .btn.btn-connect.btn-connect-facebook:hover [class*="icon-"] { | |
| - opacity: 0.5; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .btn.btn-connect.btn-connect-facebook { | |
| - line-height: 75px; | |
| - min-height: 75px; | |
| - font-size: 20px; | |
| - } | |
| + -moz-transform: scale(1, 0.9090909090909091); | |
| + -webkit-transform: scale(1, 0.90909091); | |
| + -ms-transform: scale(1, 0.90909091); | |
| + -o-transform: scale(1, 0.90909091); | |
| + transform: scale(1, 0.90909091); | |
| } | |
| .btn.btn-connect.btn-connect-youtube { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| - font: 100 26px / 100px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| background: #de2924; | |
| - min-height: 100px; | |
| display: block; | |
| + min-height: 100px; | |
| text-align: center; | |
| + font-size: 42px; | |
| + line-height: 100px; | |
| color: #fff !important; | |
| padding: 0; | |
| + position: relative; | |
| + z-index: 1; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-youtube [class*="icon-"] { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| display: inline-block; | |
| - vertical-align: text-bottom; | |
| - margin-bottom: -0.2em; | |
| - font-size: 140%; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-youtube:hover { | |
| background: #e34743; | |
| + z-index: 2; | |
| + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transform: scale(1, 1.1); | |
| + -webkit-transform: scale(1, 1.1); | |
| + -ms-transform: scale(1, 1.1); | |
| + -o-transform: scale(1, 1.1); | |
| + transform: scale(1, 1.1); | |
| } | |
| .btn.btn-connect.btn-connect-youtube:hover [class*="icon-"] { | |
| - opacity: 0.5; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .btn.btn-connect.btn-connect-youtube { | |
| - line-height: 75px; | |
| - min-height: 75px; | |
| - font-size: 20px; | |
| - } | |
| + -moz-transform: scale(1, 0.9090909090909091); | |
| + -webkit-transform: scale(1, 0.90909091); | |
| + -ms-transform: scale(1, 0.90909091); | |
| + -o-transform: scale(1, 0.90909091); | |
| + transform: scale(1, 0.90909091); | |
| } | |
| .btn.btn-connect.btn-connect-email { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| - font: 100 26px / 100px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| background: #ec4501; | |
| - min-height: 100px; | |
| display: block; | |
| + min-height: 100px; | |
| text-align: center; | |
| + font-size: 42px; | |
| + line-height: 100px; | |
| color: #fff !important; | |
| padding: 0; | |
| + position: relative; | |
| + z-index: 1; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-email [class*="icon-"] { | |
| - -moz-transition: 0.35s ease; | |
| - -webkit-transition: 0.35s ease; | |
| - -o-transition: 0.35s ease; | |
| - transition: 0.35s ease; | |
| display: inline-block; | |
| - vertical-align: text-bottom; | |
| - margin-bottom: -0.2em; | |
| - font-size: 140%; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transition: 0.2s ease; | |
| + -webkit-transition: 0.2s ease; | |
| + -o-transition: 0.2s ease; | |
| + transition: 0.2s ease; | |
| } | |
| .btn.btn-connect.btn-connect-email:hover { | |
| background: #fe5713; | |
| + z-index: 2; | |
| + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + -moz-transform: scale(1, 1.1); | |
| + -webkit-transform: scale(1, 1.1); | |
| + -ms-transform: scale(1, 1.1); | |
| + -o-transform: scale(1, 1.1); | |
| + transform: scale(1, 1.1); | |
| } | |
| .btn.btn-connect.btn-connect-email:hover [class*="icon-"] { | |
| - opacity: 0.5; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .btn.btn-connect.btn-connect-email { | |
| - line-height: 75px; | |
| - min-height: 75px; | |
| - font-size: 20px; | |
| - } | |
| + -moz-transform: scale(1, 0.9090909090909091); | |
| + -webkit-transform: scale(1, 0.90909091); | |
| + -ms-transform: scale(1, 0.90909091); | |
| + -o-transform: scale(1, 0.90909091); | |
| + transform: scale(1, 0.90909091); | |
| } | |
| .btn.btn-twitter-blue { | |
| color: #fff; | |
| background-color: #00abed; | |
| - border-color: #ed4503; | |
| + border-color: #d43e03; | |
| } | |
| .btn.btn-twitter-blue:focus, | |
| .btn.btn-twitter-blue.focus { | |
| color: #fff; | |
| background-color: #0086ba; | |
| - border-color: #6f2001; | |
| + border-color: #561901; | |
| } | |
| .btn.btn-twitter-blue:hover { | |
| color: #fff; | |
| background-color: #0086ba; | |
| - border-color: #b13302; | |
| + border-color: #972c02; | |
| } | |
| .btn.btn-twitter-blue:active, | |
| .btn.btn-twitter-blue.active, | |
| .open > .dropdown-toggle.btn.btn-twitter-blue { | |
| color: #fff; | |
| background-color: #0086ba; | |
| - border-color: #b13302; | |
| + border-color: #972c02; | |
| } | |
| .btn.btn-twitter-blue:active:hover, | |
| .btn.btn-twitter-blue.active:hover, | |
| @@ -6703,7 +6732,7 @@ fieldset[disabled] .btn.btn-outline.focus { | |
| .open > .dropdown-toggle.btn.btn-twitter-blue.focus { | |
| color: #fff; | |
| background-color: #006c96; | |
| - border-color: #6f2001; | |
| + border-color: #561901; | |
| } | |
| .btn.btn-twitter-blue:active, | |
| .btn.btn-twitter-blue.active, | |
| @@ -6720,28 +6749,12 @@ fieldset[disabled] .btn.btn-twitter-blue:focus, | |
| .btn.btn-twitter-blue[disabled].focus, | |
| fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| background-color: #00abed; | |
| - border-color: #ed4503; | |
| + border-color: #d43e03; | |
| } | |
| .btn.btn-twitter-blue .badge { | |
| color: #00abed; | |
| background-color: #fff; | |
| } | |
| -.btn.btn-ask-joe { | |
| - padding-right: 30px; | |
| - max-width: 100%; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .btn.btn-ask-joe { | |
| - width: 100%; | |
| - } | |
| -} | |
| -.btn.btn-ask-joe svg { | |
| - width: 70px; | |
| - height: 55px; | |
| - display: inline-block; | |
| - vertical-align: middle; | |
| - margin: 0 0 2px -6px; | |
| -} | |
| .anim { | |
| visibility: hidden; | |
| } | |
| @@ -6823,7 +6836,7 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| min-width: 28px; | |
| background: transparent; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| +@media only screen and ( max-width: 768px ) { | |
| [class*="btn-media-"].btn-media-next { | |
| width: 16px; | |
| height: 16px; | |
| @@ -6836,7 +6849,7 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| line-height: 28px; | |
| color: #ed4503; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| +@media only screen and ( max-width: 768px ) { | |
| [class*="btn-media-"].btn-media-next [class*="icon-"] { | |
| font-size: 14px; | |
| line-height: 16px; | |
| @@ -6848,7 +6861,7 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| height: 40px; | |
| min-width: 40px; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| +@media only screen and ( max-width: 768px ) { | |
| [class*="btn-media-"].btn-media-next.lg { | |
| width: 30px; | |
| height: 30px; | |
| @@ -6859,7 +6872,7 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| font-size: 36px; | |
| line-height: 40px; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| +@media only screen and ( max-width: 768px ) { | |
| [class*="btn-media-"].btn-media-next.lg [class*="icon-"] { | |
| font-size: 26px; | |
| line-height: 30px; | |
| @@ -6872,7 +6885,7 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| right: 0; | |
| bottom: 0; | |
| padding: 0.5em; | |
| - position: absolute !important; | |
| + position: absolute; | |
| text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); | |
| z-index: 999; | |
| max-width: 100%; | |
| @@ -6911,360 +6924,96 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| } | |
| /* Content modules */ | |
| .module { | |
| - margin: 0 auto; | |
| + margin: 0 auto 30px auto; | |
| /* Global module content */ | |
| - /* Forms */ | |
| - /* Pullquote */ | |
| - /* Story */ | |
| - /* Topic */ | |
| - /* Blog post */ | |
| - /* Person tile */ | |
| + /* | |
| + // purely for testing | |
| + .test-video-wrapper { | |
| + position: absolute; | |
| + top: 25%; | |
| + bottom: 25%; | |
| + left: 25%; | |
| + right: 25%; | |
| + border: solid 1px #f00; | |
| + } | |
| + */ | |
| + /* Multi-column module layouts */ | |
| } | |
| .module-group .module { | |
| margin-bottom: 0; | |
| } | |
| .module-group .module:last-child { | |
| - margin-bottom: 0; | |
| + margin-bottom: 30px; | |
| } | |
| .module-group-compact .module, | |
| +.module-group-compact .module.share-bar, | |
| .module-group-compact .module.link-bar { | |
| margin-bottom: 0; | |
| } | |
| -.module .row-flex, | |
| -.module .row-flex > [class^='col-'] { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-flex: 1; | |
| - -moz-box-flex: 1; | |
| - -webkit-flex: 1 1 auto; | |
| - -ms-flex: 1 1 auto; | |
| - flex: 1 1 auto; | |
| +.module .pullquote-box { | |
| + background: #777777; | |
| } | |
| -.module .row-flex-wrap { | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: horizontal; | |
| - -moz-box-orient: horizontal; | |
| - -webkit-flex-direction: row; | |
| - -ms-flex-direction: row; | |
| - flex-direction: row; | |
| - -webkit-flex-wrap: wrap; | |
| - -ms-flex-wrap: wrap; | |
| - flex-wrap: wrap; | |
| - -webkit-align-content: flex-start; | |
| - -ms-flex-line-pack: start; | |
| - align-content: flex-start; | |
| - -webkit-box-flex: 0; | |
| - -moz-box-flex: 0; | |
| - -webkit-flex: 0; | |
| - -ms-flex: 0; | |
| - flex: 0; | |
| -} | |
| -.module .section-title { | |
| - font: 100 50px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| +.module .pullquote-box blockquote { | |
| + margin: 0; | |
| + padding: 0 0 0 60px; | |
| + font: normal 26px / 1.2 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + position: relative; | |
| +} | |
| +.module .pullquote-box blockquote:before { | |
| + content: "\201C"; | |
| + font-size: 500%; | |
| + position: absolute; | |
| + top: -0.25em; | |
| + left: -0.05em; | |
| + display: block; | |
| +} | |
| +.module .pullquote-box blockquote p { | |
| + margin: 15px 0; | |
| + font-size: inherit; | |
| +} | |
| +.module .pullquote-box blockquote footer { | |
| + margin: 20px 0 0 -60px; | |
| +} | |
| +.module .pullquote-box blockquote footer cite { | |
| + display: block; | |
| + font: italic 20px Georgia, "Times New Roman", Times, serif; | |
| +} | |
| +.module .pullquote-box nav { | |
| + margin: 30px 0 0 -60px; | |
| +} | |
| +.module .pullquote-box blockquote { | |
| + color: #9d9c9c; | |
| +} | |
| +.module .pullquote-box blockquote:before { | |
| color: #ed4503; | |
| - margin: 0 auto; | |
| - word-wrap: break-word; | |
| } | |
| -.module .section-title.title-large { | |
| - font-size: 115%; | |
| +.module .pullquote-box blockquote footer { | |
| + margin-top: 15px; | |
| } | |
| -.module .section-title.title-centered { | |
| - text-align: center; | |
| - padding: 0 3%; | |
| +.module .pullquote-box blockquote footer cite { | |
| + color: #9d9c9c; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module .section-title { | |
| - font-size: 36px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module .pullquote-box blockquote footer { | |
| + font-size: 16px; | |
| } | |
| } | |
| -@media only screen and ( max-width: 320px ) { | |
| - .module .section-title { | |
| - font-size: 30px; | |
| - } | |
| +.module .pullquote-box + blockquote { | |
| + margin-top: 0; | |
| } | |
| -.module .cta-link { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-align: center; | |
| - -moz-box-align: center; | |
| - -webkit-align-items: center; | |
| - -ms-flex-align: center; | |
| - align-items: center; | |
| - margin-top: 20px; | |
| - margin-bottom: 20px; | |
| - font-weight: 400; | |
| - font-size: 18px; | |
| - text-transform: uppercase; | |
| - text-decoration: none; | |
| -} | |
| -.module .cta-link [class*="icon-"] { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - color: #999; | |
| - display: inline-block; | |
| - vertical-align: text-bottom; | |
| - margin-left: 0.5em; | |
| - font-size: 125%; | |
| -} | |
| -.module .cta-link:hover [class*="icon-"] { | |
| - -webkit-transform: translate(5px, 0); | |
| - -moz-transform: translate(5px, 0); | |
| - -ms-transform: translate(5px, 0); | |
| - -o-transform: translate(5px, 0); | |
| - transform: translate(5px, 0); | |
| - color: #ed4503; | |
| -} | |
| -.module .source-link [class*="icon-"] { | |
| - color: #999; | |
| - font-size: 80%; | |
| - display: inline-block; | |
| - vertical-align: middle; | |
| -} | |
| -.module .block-buttons a { | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - padding: 40px 20px; | |
| - background: #ed4503; | |
| - color: #fff; | |
| -} | |
| -.module .block-buttons a label { | |
| - font: 100 30px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - text-transform: uppercase; | |
| - display: block; | |
| -} | |
| -.module .block-buttons a [class*="icon-"] { | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - font-size: 20px; | |
| - display: block; | |
| - opacity: 0.5; | |
| -} | |
| -.module .block-buttons a:nth-child(even) { | |
| - background: #d43e03; | |
| -} | |
| -.module .block-buttons a:hover [class*="icon-"] { | |
| - -moz-transform: translate(20px, 0); | |
| - -webkit-transform: translate(20px, 0); | |
| - -ms-transform: translate(20px, 0); | |
| - -o-transform: translate(20px, 0); | |
| - transform: translate(20px, 0); | |
| -} | |
| -.module form input[type=text], | |
| -.module form input[type=email], | |
| -.module form input[type=password], | |
| -.module form textarea { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border: solid 2px transparent; | |
| - border-radius: 0; | |
| - background: #2a2a2a; | |
| - color: #fff; | |
| - font-size: 18px; | |
| - line-height: normal; | |
| - height: 50px; | |
| - padding: 10px 12px; | |
| -} | |
| -.module form input[type=text]::-webkit-input-placeholder, | |
| -.module form input[type=email]::-webkit-input-placeholder, | |
| -.module form input[type=password]::-webkit-input-placeholder, | |
| -.module form textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| -} | |
| -.module form input[type=text]:-moz-placeholder, | |
| -.module form input[type=email]:-moz-placeholder, | |
| -.module form input[type=password]:-moz-placeholder, | |
| -.module form textarea:-moz-placeholder { | |
| - color: #777777; | |
| -} | |
| -.module form input[type=text]::-moz-placeholder, | |
| -.module form input[type=email]::-moz-placeholder, | |
| -.module form input[type=password]::-moz-placeholder, | |
| -.module form textarea::-moz-placeholder { | |
| - color: #777777; | |
| -} | |
| -.module form input[type=text]:-ms-input-placeholder, | |
| -.module form input[type=email]:-ms-input-placeholder, | |
| -.module form input[type=password]:-ms-input-placeholder, | |
| -.module form textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| -} | |
| -.module form input[type=text]::-moz-placeholder, | |
| -.module form input[type=email]::-moz-placeholder, | |
| -.module form input[type=password]::-moz-placeholder, | |
| -.module form textarea::-moz-placeholder { | |
| - color: #777777; | |
| - opacity: 1; | |
| -} | |
| -.module form input[type=text]:-ms-input-placeholder, | |
| -.module form input[type=email]:-ms-input-placeholder, | |
| -.module form input[type=password]:-ms-input-placeholder, | |
| -.module form textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| -} | |
| -.module form input[type=text]::-webkit-input-placeholder, | |
| -.module form input[type=email]::-webkit-input-placeholder, | |
| -.module form input[type=password]::-webkit-input-placeholder, | |
| -.module form textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| -} | |
| -.module form input[type=text]:focus, | |
| -.module form input[type=email]:focus, | |
| -.module form input[type=password]:focus, | |
| -.module form textarea:focus { | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border-color: #555; | |
| - outline: none; | |
| -} | |
| -.module form input[type=text].error, | |
| -.module form input[type=email].error, | |
| -.module form input[type=password].error, | |
| -.module form textarea.error { | |
| - border-color: #d9534f; | |
| -} | |
| -.module form textarea { | |
| - height: auto; | |
| -} | |
| -.module .pullquote { | |
| - text-align: center; | |
| - max-width: 1000px; | |
| - margin: 40px auto; | |
| -} | |
| -.module .pullquote .title { | |
| - font: 100 50px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| - margin: 0 auto; | |
| - word-wrap: break-word; | |
| - margin-top: -40px; | |
| -} | |
| -.module .pullquote .title.title-large { | |
| - font-size: 115%; | |
| -} | |
| -.module .pullquote .title.title-centered { | |
| - text-align: center; | |
| - padding: 0 3%; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module .pullquote .title { | |
| - font-size: 36px; | |
| - } | |
| -} | |
| -@media only screen and ( max-width: 320px ) { | |
| - .module .pullquote .title { | |
| - font-size: 30px; | |
| - } | |
| -} | |
| -.module .pullquote .title + blockquote { | |
| - margin-top: 50px; | |
| -} | |
| -.module .pullquote blockquote { | |
| - margin: 0; | |
| - padding: 0 5%; | |
| -} | |
| -.module .pullquote blockquote p { | |
| - font: 300 26px / 1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #a3a3a3; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module .pullquote blockquote p { | |
| - font-size: 20px; | |
| - } | |
| -} | |
| -.module .pullquote blockquote > p:first-of-type:before { | |
| - display: inline; | |
| - content: '\201C'; | |
| - opacity: 0.5; | |
| -} | |
| -.module .pullquote blockquote > p:last-of-type:after { | |
| - display: inline; | |
| - content: '\201D'; | |
| - opacity: 0.5; | |
| -} | |
| -.module .pullquote blockquote footer cite { | |
| - font: 400 22px / 1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #353535; | |
| - text-transform: uppercase; | |
| -} | |
| -.module .pullquote blockquote footer cite p { | |
| - font: inherit; | |
| - color: inherit; | |
| - text-transform: inherit; | |
| -} | |
| -.module .pullquote blockquote footer cite .cite-title { | |
| - display: block; | |
| - font-size: 80%; | |
| - text-transform: none; | |
| - color: #a3a3a3; | |
| - margin-top: 0.25em; | |
| -} | |
| -.module .pullquote blockquote footer cite:before { | |
| - display: block; | |
| - content: '\00b7'; | |
| - color: #c3c3c3; | |
| - font-size: 200%; | |
| - margin-top: -0.65em; | |
| - margin-bottom: -0.1em; | |
| -} | |
| -.module .pullquote blockquote footer .cite-photo { | |
| - display: block; | |
| - width: 163px; | |
| - max-width: 30%; | |
| - margin: 20px auto; | |
| -} | |
| -.module .pullquote blockquote footer .cite-photo .photo-bg { | |
| - background-color: #000; | |
| - background-repeat: no-repeat; | |
| - background-position: center center; | |
| - background-size: cover; | |
| - background-position: top center; | |
| - padding-top: 100%; | |
| - border-radius: 50%; | |
| -} | |
| -.module .pullquote blockquote footer .cite-photo .photo-bg.bg-contain { | |
| - background-size: 80%; | |
| -} | |
| -.module .pullquote blockquote footer .cite-photo + cite:before { | |
| - display: none; | |
| -} | |
| -.module .pullquote blockquote nav { | |
| - display: block; | |
| - margin-top: 15px; | |
| +.module .pullquote-box.includes-story-box .content-container { | |
| + padding-bottom: 500px !important; | |
| } | |
| .module .story-box { | |
| + position: relative; | |
| + width: 100%; | |
| + height: 100%; | |
| + overflow: hidden; | |
| -moz-transform: translate3d(0, 0, 0); | |
| -ms-transform: translate3d(0, 0, 0); | |
| -o-transform: translate3d(0, 0, 0); | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| - position: relative; | |
| - overflow: hidden; | |
| - width: 100%; | |
| } | |
| .module .story-box .story-cover, | |
| .module .story-box .story-info-overlay, | |
| @@ -7276,11 +7025,18 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| bottom: 0; | |
| display: block; | |
| } | |
| +.module .story-box .story-cover-wide-bg { | |
| + z-index: -1; | |
| + display: none; | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| +} | |
| +.module .story-box .story-cover-wide-bg.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| .module .story-box .story-status { | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| position: absolute; | |
| top: 20px; | |
| right: 20px; | |
| @@ -7288,174 +7044,193 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| color: #000; | |
| padding: 12px; | |
| min-width: 140px; | |
| - font: normal 18px / 1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| text-align: center; | |
| text-transform: uppercase; | |
| - z-index: 3; | |
| - opacity: 0.9; | |
| pointer-events: none; | |
| + z-index: 3; | |
| + -moz-transition: 0.35s; | |
| + -webkit-transition: 0.35s; | |
| + -o-transition: 0.35s; | |
| + transition: 0.35s; | |
| } | |
| -.module .story-box .story-status.status--active { | |
| +.module .story-box .story-status.active { | |
| background: #ed4503; | |
| color: #fff; | |
| } | |
| -.module .story-box .story-status.status--season-1 { | |
| - background: #888; | |
| -} | |
| .module .story-box .story-cover { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - position: relative; | |
| - overflow: hidden; | |
| z-index: 1; | |
| - padding-top: 100%; | |
| -} | |
| -.module .story-box .story-cover .cover-bg { | |
| background-color: #000; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| background-size: cover; | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -moz-transition: 0.35s; | |
| + -webkit-transition: 0.35s; | |
| + -o-transition: 0.35s; | |
| + transition: 0.35s; | |
| +} | |
| +.module .story-box .story-cover.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module .story-box .story-cover .story-cover-details { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| - top: 0; | |
| + padding: 35px 35px; | |
| } | |
| -.module .story-box .story-cover .cover-bg.bg-contain { | |
| - background-size: 80%; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module .story-box .story-cover .story-cover-details { | |
| + padding: 40px 40px; | |
| + } | |
| } | |
| -.module .story-box .story-cover > * { | |
| - position: relative; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module .story-box .story-cover .story-cover-details { | |
| + padding: 30px 30px; | |
| + } | |
| } | |
| -.module .story-box .story-cover:hover .cover-bg { | |
| - -moz-transform: scale(1.05); | |
| - -webkit-transform: scale(1.05); | |
| - -ms-transform: scale(1.05); | |
| - -o-transform: scale(1.05); | |
| - transform: scale(1.05); | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module .story-box .story-cover .story-cover-details { | |
| + padding: 20px 20px; | |
| + } | |
| } | |
| -.module .story-box .story-cover:after { | |
| - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); | |
| - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - display: block; | |
| - content: ""; | |
| - position: absolute; | |
| - top: 0; | |
| - left: 0; | |
| - bottom: 0; | |
| - right: 0; | |
| - z-index: 0; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module .story-box .story-cover .story-cover-details { | |
| + padding: 10px; | |
| + } | |
| } | |
| -.module .story-box .story-cover .story-cover-details { | |
| - padding: 20px; | |
| - position: absolute; | |
| - bottom: 0; | |
| - left: 0; | |
| - right: 0; | |
| - text-align: center; | |
| - z-index: 1; | |
| +.module .story-box .story-cover .story-cover-details h2 { | |
| + font-size: 54px; | |
| + color: #fff; | |
| + margin-bottom: 8px; | |
| } | |
| -.module .story-box .story-cover .story-cover-details .title { | |
| - font: 300 40px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| +.module .story-box .story-cover .story-cover-details h2 a { | |
| color: #fff; | |
| - margin: 0.1em auto; | |
| } | |
| -.module .story-box .story-cover .story-cover-details .title a { | |
| +.module .story-box .story-cover .story-cover-details h4, | |
| +.module .story-box .story-cover .story-cover-details h6 { | |
| + margin: 0 0.4em 0 0; | |
| color: #fff; | |
| + float: left; | |
| } | |
| -.module .story-box .story-cover .story-cover-details .subtitle { | |
| - font: 400 18px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| - margin: 0.5em auto; | |
| +.module .story-box .story-cover .story-cover-details h4 { | |
| + font-size: 22px; | |
| + line-height: 1; | |
| } | |
| -.module .story-box .story-cover .story-cover-details .subtitle span { | |
| - opacity: 0.5; | |
| +.module .story-box .story-cover .story-cover-details h6 { | |
| + font-size: 18px; | |
| + line-height: 24px; | |
| } | |
| .module .story-box .story-info-overlay { | |
| + background: #fff; | |
| + color: #333333; | |
| + padding: 40px; | |
| + z-index: 0; | |
| + visibility: hidden; | |
| + top: 40px; | |
| + pointer-events: none; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| -ms-backface-visibility: hidden; | |
| -o-backface-visibility: hidden; | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| - -moz-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -moz-transform: translate(0, 40px); | |
| - -webkit-transform: translate(0, 40px); | |
| - -ms-transform: translate(0, 40px); | |
| - -o-transform: translate(0, 40px); | |
| - transform: translate(0, 40px); | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - -webkit-box-pack: center; | |
| - -moz-box-pack: center; | |
| - -ms-flex-pack: center; | |
| - -webkit-justify-content: center; | |
| - justify-content: center; | |
| - background: rgba(255, 255, 255, 0.95); | |
| + -moz-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1); | |
| + -webkit-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1); | |
| + -o-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1); | |
| + transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1); | |
| +} | |
| +.module .story-box .story-info-overlay h3 { | |
| + font-size: 54px; | |
| + line-height: 1; | |
| +} | |
| +.module .story-box .story-info-overlay .story-cta { | |
| + position: absolute; | |
| + bottom: 60px; | |
| + left: 40px; | |
| + pointer-events: auto; | |
| + display: inline-block; | |
| +} | |
| +.module .story-box .story-info-overlay .story-cta label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| color: #333333; | |
| - padding: 20px; | |
| - z-index: 0; | |
| + cursor: pointer; | |
| pointer-events: none; | |
| - opacity: 0; | |
| - text-align: center; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.module .story-box .story-info-overlay .title { | |
| - font: 300 30px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: inherit; | |
| - margin: 0.1em auto; | |
| +.module .story-box .story-info-overlay .story-cta .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| } | |
| -.module .story-box .story-info-overlay .cta-link { | |
| - display: inline-block; | |
| - pointer-events: auto; | |
| - margin: 40px auto 0; | |
| - text-align: center; | |
| +.module .story-box .story-info-overlay .story-cta:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module .story-box .story-info-overlay .story-cta:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module .story-box .story-info-overlay .story-cta label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module .story-box .story-info-overlay .story-cta.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module .story-box .story-info-overlay .story-cta.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module .story-box .story-info-overlay .story-cta.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| } | |
| .module .story-box[data-story-status='on-air']:hover .story-status, | |
| -.module .story-box[data-story-status='active']:hover .story-status, | |
| -.module .story-box[data-story-status='']:hover .story-status { | |
| - -moz-transform: translate(0, 20px); | |
| - -webkit-transform: translate(0, 20px); | |
| - -ms-transform: translate(0, 20px); | |
| - -o-transform: translate(0, 20px); | |
| - transform: translate(0, 20px); | |
| +.module .story-box[data-story-status='sneak-preview']:hover .story-status { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| opacity: 0; | |
| + filter: alpha(opacity=0); | |
| } | |
| .module .story-box[data-story-status='on-air']:hover .story-info-overlay, | |
| -.module .story-box[data-story-status='active']:hover .story-info-overlay, | |
| -.module .story-box[data-story-status='']:hover .story-info-overlay { | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| +.module .story-box[data-story-status='sneak-preview']:hover .story-info-overlay { | |
| + top: 0; | |
| + visibility: visible; | |
| z-index: 2; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.module .story-box.status--coming-soon { | |
| +.module .story-box.coming-soon { | |
| background: #fff; | |
| } | |
| -.module .story-box.status--coming-soon .story-cover { | |
| +.module .story-box.coming-soon .story-cover { | |
| zoom: 1; | |
| -webkit-opacity: 0.25; | |
| -moz-opacity: 0.25; | |
| @@ -7471,7 +7246,7 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| -o-transition: 1s; | |
| transition: 1s; | |
| } | |
| -.module .story-box.status--coming-soon .story-cover:hover { | |
| +.module .story-box.coming-soon .story-cover:hover { | |
| zoom: 1; | |
| -webkit-opacity: 0.5; | |
| -moz-opacity: 0.5; | |
| @@ -7484,14 +7259,15 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| filter: saturate(100%); | |
| } | |
| .module .topic-box { | |
| + position: relative; | |
| + width: 100%; | |
| + height: 100%; | |
| + overflow: hidden; | |
| -moz-transform: translate3d(0, 0, 0); | |
| -ms-transform: translate3d(0, 0, 0); | |
| -o-transform: translate3d(0, 0, 0); | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| - position: relative; | |
| - overflow: hidden; | |
| - width: 100%; | |
| } | |
| .module .topic-box .topic-cover, | |
| .module .topic-box .topic-info-overlay, | |
| @@ -7503,11 +7279,18 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| bottom: 0; | |
| display: block; | |
| } | |
| +.module .topic-box .topic-cover-wide-bg { | |
| + z-index: -1; | |
| + display: none; | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| +} | |
| +.module .topic-box .topic-cover-wide-bg.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| .module .topic-box .topic-status { | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| position: absolute; | |
| top: 20px; | |
| right: 20px; | |
| @@ -7515,174 +7298,193 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| color: #000; | |
| padding: 12px; | |
| min-width: 140px; | |
| - font: normal 18px / 1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| text-align: center; | |
| text-transform: uppercase; | |
| - z-index: 3; | |
| - opacity: 0.9; | |
| pointer-events: none; | |
| + z-index: 3; | |
| + -moz-transition: 0.35s; | |
| + -webkit-transition: 0.35s; | |
| + -o-transition: 0.35s; | |
| + transition: 0.35s; | |
| } | |
| -.module .topic-box .topic-status.status--active { | |
| +.module .topic-box .topic-status.active { | |
| background: #ed4503; | |
| color: #fff; | |
| } | |
| -.module .topic-box .topic-status.status--season-1 { | |
| - background: #888; | |
| -} | |
| .module .topic-box .topic-cover { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - position: relative; | |
| - overflow: hidden; | |
| z-index: 1; | |
| - padding-top: 100%; | |
| -} | |
| -.module .topic-box .topic-cover .cover-bg { | |
| background-color: #000; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| background-size: cover; | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -moz-transition: 0.35s; | |
| + -webkit-transition: 0.35s; | |
| + -o-transition: 0.35s; | |
| + transition: 0.35s; | |
| +} | |
| +.module .topic-box .topic-cover.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module .topic-box .topic-cover .topic-cover-details { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| - top: 0; | |
| + padding: 35px 35px; | |
| } | |
| -.module .topic-box .topic-cover .cover-bg.bg-contain { | |
| - background-size: 80%; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module .topic-box .topic-cover .topic-cover-details { | |
| + padding: 40px 40px; | |
| + } | |
| } | |
| -.module .topic-box .topic-cover > * { | |
| - position: relative; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module .topic-box .topic-cover .topic-cover-details { | |
| + padding: 30px 30px; | |
| + } | |
| } | |
| -.module .topic-box .topic-cover:hover .cover-bg { | |
| - -moz-transform: scale(1.05); | |
| - -webkit-transform: scale(1.05); | |
| - -ms-transform: scale(1.05); | |
| - -o-transform: scale(1.05); | |
| - transform: scale(1.05); | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module .topic-box .topic-cover .topic-cover-details { | |
| + padding: 20px 20px; | |
| + } | |
| } | |
| -.module .topic-box .topic-cover:after { | |
| - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); | |
| - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - display: block; | |
| - content: ""; | |
| - position: absolute; | |
| - top: 0; | |
| - left: 0; | |
| - bottom: 0; | |
| - right: 0; | |
| - z-index: 0; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module .topic-box .topic-cover .topic-cover-details { | |
| + padding: 10px; | |
| + } | |
| } | |
| -.module .topic-box .topic-cover .topic-cover-details { | |
| - padding: 20px; | |
| - position: absolute; | |
| - bottom: 0; | |
| - left: 0; | |
| - right: 0; | |
| - text-align: center; | |
| - z-index: 1; | |
| +.module .topic-box .topic-cover .topic-cover-details h2 { | |
| + font-size: 54px; | |
| + color: #fff; | |
| + margin-bottom: 8px; | |
| } | |
| -.module .topic-box .topic-cover .topic-cover-details .title { | |
| - font: 300 40px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| +.module .topic-box .topic-cover .topic-cover-details h2 a { | |
| color: #fff; | |
| - margin: 0.1em auto; | |
| } | |
| -.module .topic-box .topic-cover .topic-cover-details .title a { | |
| +.module .topic-box .topic-cover .topic-cover-details h4, | |
| +.module .topic-box .topic-cover .topic-cover-details h6 { | |
| + margin: 0 0.4em 0 0; | |
| color: #fff; | |
| + float: left; | |
| } | |
| -.module .topic-box .topic-cover .topic-cover-details .subtitle { | |
| - font: 400 18px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| - margin: 0.5em auto; | |
| +.module .topic-box .topic-cover .topic-cover-details h4 { | |
| + font-size: 22px; | |
| + line-height: 1; | |
| } | |
| -.module .topic-box .topic-cover .topic-cover-details .subtitle span { | |
| - opacity: 0.5; | |
| +.module .topic-box .topic-cover .topic-cover-details h6 { | |
| + font-size: 18px; | |
| + line-height: 24px; | |
| } | |
| .module .topic-box .topic-info-overlay { | |
| + background: #fff; | |
| + color: #333333; | |
| + padding: 40px; | |
| + z-index: 0; | |
| + visibility: hidden; | |
| + top: 40px; | |
| + pointer-events: none; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| -ms-backface-visibility: hidden; | |
| -o-backface-visibility: hidden; | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| - -moz-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -moz-transform: translate(0, 40px); | |
| - -webkit-transform: translate(0, 40px); | |
| - -ms-transform: translate(0, 40px); | |
| - -o-transform: translate(0, 40px); | |
| - transform: translate(0, 40px); | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - -webkit-box-pack: center; | |
| - -moz-box-pack: center; | |
| - -ms-flex-pack: center; | |
| - -webkit-justify-content: center; | |
| - justify-content: center; | |
| - background: rgba(255, 255, 255, 0.95); | |
| + -moz-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1); | |
| + -webkit-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1); | |
| + -o-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1); | |
| + transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1); | |
| +} | |
| +.module .topic-box .topic-info-overlay h3 { | |
| + font-size: 54px; | |
| + line-height: 1; | |
| +} | |
| +.module .topic-box .topic-info-overlay .topic-cta { | |
| + position: absolute; | |
| + bottom: 60px; | |
| + left: 40px; | |
| + pointer-events: auto; | |
| + display: inline-block; | |
| +} | |
| +.module .topic-box .topic-info-overlay .topic-cta label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| color: #333333; | |
| - padding: 20px; | |
| - z-index: 0; | |
| + cursor: pointer; | |
| pointer-events: none; | |
| - opacity: 0; | |
| - text-align: center; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.module .topic-box .topic-info-overlay .title { | |
| - font: 300 30px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: inherit; | |
| - margin: 0.1em auto; | |
| +.module .topic-box .topic-info-overlay .topic-cta .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| } | |
| -.module .topic-box .topic-info-overlay .cta-link { | |
| - display: inline-block; | |
| - pointer-events: auto; | |
| - margin: 40px auto 0; | |
| - text-align: center; | |
| +.module .topic-box .topic-info-overlay .topic-cta:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module .topic-box .topic-info-overlay .topic-cta:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module .topic-box .topic-info-overlay .topic-cta label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module .topic-box .topic-info-overlay .topic-cta.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module .topic-box .topic-info-overlay .topic-cta.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module .topic-box .topic-info-overlay .topic-cta.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| } | |
| .module .topic-box[data-topic-status='on-air']:hover .topic-status, | |
| -.module .topic-box[data-topic-status='active']:hover .topic-status, | |
| -.module .topic-box[data-topic-status='']:hover .topic-status { | |
| - -moz-transform: translate(0, 20px); | |
| - -webkit-transform: translate(0, 20px); | |
| - -ms-transform: translate(0, 20px); | |
| - -o-transform: translate(0, 20px); | |
| - transform: translate(0, 20px); | |
| +.module .topic-box[data-topic-status='sneak-preview']:hover .topic-status { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| opacity: 0; | |
| + filter: alpha(opacity=0); | |
| } | |
| .module .topic-box[data-topic-status='on-air']:hover .topic-info-overlay, | |
| -.module .topic-box[data-topic-status='active']:hover .topic-info-overlay, | |
| -.module .topic-box[data-topic-status='']:hover .topic-info-overlay { | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| +.module .topic-box[data-topic-status='sneak-preview']:hover .topic-info-overlay { | |
| + top: 0; | |
| + visibility: visible; | |
| z-index: 2; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.module .topic-box.status--coming-soon { | |
| +.module .topic-box.coming-soon { | |
| background: #fff; | |
| } | |
| -.module .topic-box.status--coming-soon .topic-cover { | |
| +.module .topic-box.coming-soon .topic-cover { | |
| zoom: 1; | |
| -webkit-opacity: 0.25; | |
| -moz-opacity: 0.25; | |
| @@ -7698,7 +7500,7 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| -o-transition: 1s; | |
| transition: 1s; | |
| } | |
| -.module .topic-box.status--coming-soon .topic-cover:hover { | |
| +.module .topic-box.coming-soon .topic-cover:hover { | |
| zoom: 1; | |
| -webkit-opacity: 0.5; | |
| -moz-opacity: 0.5; | |
| @@ -7710,325 +7512,93 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| -ms-filter: saturate(100%); | |
| filter: saturate(100%); | |
| } | |
| -.module .blog-post-box { | |
| - -moz-transform: translate3d(0, 0, 0); | |
| - -ms-transform: translate3d(0, 0, 0); | |
| - -o-transform: translate3d(0, 0, 0); | |
| - -webkit-transform: translate3d(0, 0, 0); | |
| - transform: translate3d(0, 0, 0); | |
| - position: relative; | |
| +.module .bio-photo { | |
| overflow: hidden; | |
| - width: 100%; | |
| + position: relative; | |
| } | |
| -.module .blog-post-box .blog-post-cover, | |
| -.module .blog-post-box .blog-post-info-overlay, | |
| -.module .blog-post-box .blog-post-cover-wide-bg { | |
| - position: absolute; | |
| - top: 0; | |
| - left: 0; | |
| - right: 0; | |
| - bottom: 0; | |
| +.module .bio-photo img { | |
| display: block; | |
| -} | |
| -.module .blog-post-box .blog-post-status { | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - position: absolute; | |
| - top: 20px; | |
| - right: 20px; | |
| - background: #fff; | |
| - color: #000; | |
| - padding: 12px; | |
| - min-width: 140px; | |
| - font: normal 18px / 1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - text-align: center; | |
| - text-transform: uppercase; | |
| - z-index: 3; | |
| - opacity: 0.9; | |
| - pointer-events: none; | |
| -} | |
| -.module .blog-post-box .blog-post-status.status--active { | |
| - background: #ed4503; | |
| - color: #fff; | |
| -} | |
| -.module .blog-post-box .blog-post-status.status--season-1 { | |
| - background: #888; | |
| -} | |
| -.module .blog-post-box .blog-post-cover { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - position: relative; | |
| - overflow: hidden; | |
| - z-index: 1; | |
| - padding-top: 100%; | |
| -} | |
| -.module .blog-post-box .blog-post-cover .cover-bg { | |
| - background-color: #000; | |
| - background-repeat: no-repeat; | |
| - background-position: center center; | |
| - background-size: cover; | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - position: absolute; | |
| - bottom: 0; | |
| - left: 0; | |
| - right: 0; | |
| - top: 0; | |
| -} | |
| -.module .blog-post-box .blog-post-cover .cover-bg.bg-contain { | |
| - background-size: 80%; | |
| -} | |
| -.module .blog-post-box .blog-post-cover > * { | |
| - position: relative; | |
| -} | |
| -.module .blog-post-box .blog-post-cover:hover .cover-bg { | |
| - -moz-transform: scale(1.05); | |
| - -webkit-transform: scale(1.05); | |
| - -ms-transform: scale(1.05); | |
| - -o-transform: scale(1.05); | |
| - transform: scale(1.05); | |
| -} | |
| -.module .blog-post-box .blog-post-cover:after { | |
| - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); | |
| - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - display: block; | |
| - content: ""; | |
| - position: absolute; | |
| - top: 0; | |
| - left: 0; | |
| - bottom: 0; | |
| - right: 0; | |
| - z-index: 0; | |
| -} | |
| -.module .blog-post-box .blog-post-cover .blog-post-cover-details { | |
| - padding: 20px; | |
| - position: absolute; | |
| - bottom: 0; | |
| - left: 0; | |
| - right: 0; | |
| - text-align: center; | |
| - z-index: 1; | |
| -} | |
| -.module .blog-post-box .blog-post-cover .blog-post-cover-details .title { | |
| - font: 300 40px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #fff; | |
| - margin: 0.1em auto; | |
| -} | |
| -.module .blog-post-box .blog-post-cover .blog-post-cover-details .title a { | |
| - color: #fff; | |
| -} | |
| -.module .blog-post-box .blog-post-cover .blog-post-cover-details .subtitle { | |
| - font: 400 18px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| - margin: 0.5em auto; | |
| -} | |
| -.module .blog-post-box .blog-post-cover .blog-post-cover-details .subtitle span { | |
| - opacity: 0.5; | |
| -} | |
| -.module .blog-post-box .blog-post-info-overlay { | |
| + max-width: 100%; | |
| + height: auto; | |
| + width: 100%; | |
| + zoom: 1; | |
| + -webkit-opacity: 0.65; | |
| + -moz-opacity: 0.65; | |
| + opacity: 0.65; | |
| + filter: alpha(opacity=65); | |
| + -moz-transition: 1s ease; | |
| + -webkit-transition: 1s ease; | |
| + -o-transition: 1s ease; | |
| + transition: 1s ease; | |
| -ms-backface-visibility: hidden; | |
| -o-backface-visibility: hidden; | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| - -moz-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -moz-transform: translate(0, 40px); | |
| - -webkit-transform: translate(0, 40px); | |
| - -ms-transform: translate(0, 40px); | |
| - -o-transform: translate(0, 40px); | |
| - transform: translate(0, 40px); | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - -webkit-box-pack: center; | |
| - -moz-box-pack: center; | |
| - -ms-flex-pack: center; | |
| - -webkit-justify-content: center; | |
| - justify-content: center; | |
| - background: rgba(255, 255, 255, 0.95); | |
| - color: #333333; | |
| - padding: 20px; | |
| - z-index: 0; | |
| - pointer-events: none; | |
| - opacity: 0; | |
| - text-align: center; | |
| -} | |
| -.module .blog-post-box .blog-post-info-overlay .title { | |
| - font: 300 30px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: inherit; | |
| - margin: 0.1em auto; | |
| -} | |
| -.module .blog-post-box .blog-post-info-overlay .cta-link { | |
| - display: inline-block; | |
| - pointer-events: auto; | |
| - margin: 40px auto 0; | |
| - text-align: center; | |
| -} | |
| -.module .blog-post-box[data-blog-post-status='on-air']:hover .blog-post-status, | |
| -.module .blog-post-box[data-blog-post-status='active']:hover .blog-post-status, | |
| -.module .blog-post-box[data-blog-post-status='']:hover .blog-post-status { | |
| - -moz-transform: translate(0, 20px); | |
| - -webkit-transform: translate(0, 20px); | |
| - -ms-transform: translate(0, 20px); | |
| - -o-transform: translate(0, 20px); | |
| - transform: translate(0, 20px); | |
| - opacity: 0; | |
| -} | |
| -.module .blog-post-box[data-blog-post-status='on-air']:hover .blog-post-info-overlay, | |
| -.module .blog-post-box[data-blog-post-status='active']:hover .blog-post-info-overlay, | |
| -.module .blog-post-box[data-blog-post-status='']:hover .blog-post-info-overlay { | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| - z-index: 2; | |
| - opacity: 1; | |
| -} | |
| -.module .blog-post-box.status--coming-soon { | |
| - background: #fff; | |
| -} | |
| -.module .blog-post-box.status--coming-soon .blog-post-cover { | |
| - zoom: 1; | |
| - -webkit-opacity: 0.25; | |
| - -moz-opacity: 0.25; | |
| - opacity: 0.25; | |
| - filter: alpha(opacity=25); | |
| - -webkit-filter: saturate(50%); | |
| - -moz-filter: saturate(50%); | |
| - -o-filter: saturate(50%); | |
| - -ms-filter: saturate(50%); | |
| - filter: saturate(50%); | |
| - -moz-transition: 1s; | |
| - -webkit-transition: 1s; | |
| - -o-transition: 1s; | |
| - transition: 1s; | |
| } | |
| -.module .blog-post-box.status--coming-soon .blog-post-cover:hover { | |
| +.module .bio-photo:hover img { | |
| zoom: 1; | |
| - -webkit-opacity: 0.5; | |
| - -moz-opacity: 0.5; | |
| - opacity: 0.5; | |
| - filter: alpha(opacity=50); | |
| - -webkit-filter: saturate(100%); | |
| - -moz-filter: saturate(100%); | |
| - -o-filter: saturate(100%); | |
| - -ms-filter: saturate(100%); | |
| - filter: saturate(100%); | |
| -} | |
| -.module .bio { | |
| - position: relative; | |
| - overflow: hidden; | |
| -} | |
| -.module .bio .bio-photo .cover-bg { | |
| - background-color: #000; | |
| - background-repeat: no-repeat; | |
| - background-position: center center; | |
| - background-size: cover; | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| + -moz-transform: scale(1.05, 1.05); | |
| + -webkit-transform: scale(1.05, 1.05); | |
| + -ms-transform: scale(1.05, 1.05); | |
| + -o-transform: scale(1.05, 1.05); | |
| + transform: scale(1.05, 1.05); | |
| +} | |
| +.module .includes-story-box .story-box { | |
| + height: 425px; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| - top: 0; | |
| } | |
| -.module .bio .bio-photo .cover-bg.bg-contain { | |
| - background-size: 80%; | |
| -} | |
| -.module .bio > * { | |
| +.module .ad-box { | |
| + background: #000; | |
| + text-align: center; | |
| position: relative; | |
| } | |
| -.module .bio:hover .bio-photo .cover-bg { | |
| - -moz-transform: scale(1.05); | |
| - -webkit-transform: scale(1.05); | |
| - -ms-transform: scale(1.05); | |
| - -o-transform: scale(1.05); | |
| - transform: scale(1.05); | |
| -} | |
| -.module .bio .bio-photo { | |
| - padding-top: 100%; | |
| - overflow: hidden; | |
| -} | |
| -.module .bio .bio-photo .image-caption { | |
| +.module .ad-box .ad-label { | |
| position: absolute; | |
| + right: 20px; | |
| + top: 20px; | |
| + color: #7e7e7e; | |
| + font: normal 18px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| } | |
| -.module .bio .bio-caption, | |
| -.module .bio .bio-content { | |
| - padding: 20px; | |
| - text-decoration: none; | |
| +.module .ad-box .ad-container { | |
| + text-align: center; | |
| + padding: 60px 0 !important; | |
| } | |
| -.module .bio .bio-caption .title, | |
| -.module .bio .bio-content .title { | |
| - font: 300 24px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #636363; | |
| - margin-top: 0; | |
| - margin-bottom: 0.25em; | |
| +.module .ad-box .ad-container iframe { | |
| + max-width: 100%; | |
| + max-height: 100%; | |
| } | |
| -.module .bio .bio-caption .subtitle, | |
| -.module .bio .bio-content .subtitle { | |
| - font: 400 18px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #aaa; | |
| - margin: 0; | |
| +.module .ad-box.no-padding .ad-label { | |
| + display: none !important; | |
| } | |
| -.module .bio .bio-caption .body, | |
| -.module .bio .bio-content .body { | |
| - margin-top: 20px; | |
| - margin-bottom: 40px; | |
| +.module .topic-media-column { | |
| + background: #000; | |
| } | |
| -.module .bio .bio-caption { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - -webkit-box-pack: end; | |
| - -moz-box-pack: end; | |
| - -ms-flex-pack: end; | |
| - -webkit-justify-content: flex-end; | |
| - justify-content: flex-end; | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - min-height: 100px; | |
| - background: #ececec; | |
| +.module .topic-media-column .media-box { | |
| + min-height: 400px; | |
| + position: relative; | |
| } | |
| -.module .bio .bio-caption .cta-link { | |
| - display: none; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module .topic-media-column .media-box { | |
| + min-height: 200px; | |
| + } | |
| } | |
| -.module .bio:hover .bio-caption { | |
| - background: #fff; | |
| +.module .topic-media-column .ad-box { | |
| + min-height: 400px; | |
| + height: 400px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module .topic-media-column .ad-box { | |
| + min-height: 200px; | |
| + } | |
| } | |
| .module [data-content-full]:before, | |
| .module [data-content-excerpt]:before, | |
| @@ -8103,7 +7673,7 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| .module .embed-video-container .embed-video-wrapper .aspect-ratio { | |
| padding-top: 56.25%; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| +@media only screen and ( max-width: 768px ) { | |
| .module .embed-video-container { | |
| display: none !important; | |
| } | |
| @@ -8121,389 +7691,205 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| display: none; | |
| } | |
| } | |
| -.module .media.media--photo { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - padding-top: 100%; | |
| - width: 100%; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module.module-two-columns, | |
| + .module.module-three-columns, | |
| + .module.module-four-columns { | |
| + margin-left: -2.5%; | |
| + } | |
| + .module.module-two-columns:before, | |
| + .module.module-three-columns:before, | |
| + .module.module-four-columns:before, | |
| + .module.module-two-columns:after, | |
| + .module.module-three-columns:after, | |
| + .module.module-four-columns:after { | |
| + content: " "; | |
| + display: table; | |
| + } | |
| + .module.module-two-columns:after, | |
| + .module.module-three-columns:after, | |
| + .module.module-four-columns:after { | |
| + clear: both; | |
| + } | |
| + .module.module-two-columns:before, | |
| + .module.module-three-columns:before, | |
| + .module.module-four-columns:before, | |
| + .module.module-two-columns:after, | |
| + .module.module-three-columns:after, | |
| + .module.module-four-columns:after { | |
| + content: " "; | |
| + display: table; | |
| + } | |
| + .module.module-two-columns:after, | |
| + .module.module-three-columns:after, | |
| + .module.module-four-columns:after { | |
| + clear: both; | |
| + } | |
| + .module.module-two-columns > .module, | |
| + .module.module-three-columns > .module, | |
| + .module.module-four-columns > .module { | |
| + float: left; | |
| + margin-left: 2.5%; | |
| + margin-bottom: 0; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module.module-two-columns > .module { | |
| + width: 47.5%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module.module-three-columns > .module { | |
| + width: 30.83333333%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module.module-four-columns > .module { | |
| + width: 22.5%; | |
| + } | |
| +} | |
| +/* S2 */ | |
| +.module-page-title { | |
| + text-align: center; | |
| + padding: 0 20px 20px; | |
| +} | |
| +.module-page-title .title { | |
| + color: #636363; | |
| + font: 100 60px / 1.1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + margin: 0 auto; | |
| +} | |
| +/* S1 */ | |
| +/* Hero module */ | |
| +.module-hero { | |
| + background: #000; | |
| +} | |
| +.module-hero .hero-container { | |
| + padding-top: 43%; | |
| position: relative; | |
| + margin: 0 auto; | |
| overflow: hidden; | |
| -} | |
| -.module .media.media--photo .media-image { | |
| background-color: #000; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| background-size: cover; | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - position: absolute; | |
| - bottom: 0; | |
| - left: 0; | |
| - right: 0; | |
| - top: 0; | |
| } | |
| -.module .media.media--photo .media-image.bg-contain { | |
| +.module-hero .hero-container.bg-contain { | |
| background-size: 80%; | |
| } | |
| -.module .media.media--photo > * { | |
| - position: relative; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-hero .hero-container { | |
| + padding-top: 0 !important; | |
| + min-height: 200px; | |
| + } | |
| } | |
| -.module .media.media--photo:hover .media-image { | |
| - -moz-transform: scale(1.05); | |
| - -webkit-transform: scale(1.05); | |
| - -ms-transform: scale(1.05); | |
| - -o-transform: scale(1.05); | |
| - transform: scale(1.05); | |
| -} | |
| -.module .media.media--video { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - padding-top: 66.66666667%; | |
| - width: 100%; | |
| - position: relative; | |
| - overflow: hidden; | |
| -} | |
| -.module .media.media--video .media-image { | |
| - background-color: #000; | |
| - background-repeat: no-repeat; | |
| - background-position: center center; | |
| - background-size: cover; | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| +.module-hero .headline-container { | |
| position: absolute; | |
| - bottom: 0; | |
| - left: 0; | |
| - right: 0; | |
| + z-index: 2; | |
| top: 0; | |
| -} | |
| -.module .media.media--video .media-image.bg-contain { | |
| - background-size: 80%; | |
| -} | |
| -.module .media.media--video > * { | |
| - position: relative; | |
| -} | |
| -.module .media.media--video:hover .media-image { | |
| - -moz-transform: scale(1.05); | |
| - -webkit-transform: scale(1.05); | |
| - -ms-transform: scale(1.05); | |
| - -o-transform: scale(1.05); | |
| - transform: scale(1.05); | |
| -} | |
| -.module .media.media--video.layout--thumbnail .media-controls { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - position: absolute; | |
| - bottom: 0; | |
| left: 0; | |
| + bottom: 0; | |
| right: 0; | |
| - height: 4em; | |
| - overflow: hidden; | |
| -} | |
| -.module .media.media--video.layout--thumbnail .media-controls [class*="btn-media-"] { | |
| - -webkit-flex-basis: 80px; | |
| - flex-basis: 80px; | |
| - background: rgba(0, 0, 0, 0.6); | |
| - border: none; | |
| -} | |
| -.module .media.media--video.layout--thumbnail .media-controls .description { | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-flex: 1; | |
| - -moz-box-flex: 1; | |
| - -webkit-flex: 1; | |
| - -ms-flex: 1; | |
| - flex: 1; | |
| - -webkit-box-align: center; | |
| - -moz-box-align: center; | |
| - -webkit-align-items: center; | |
| - -ms-flex-align: center; | |
| - align-items: center; | |
| - opacity: 0; | |
| - background: rgba(0, 0, 0, 0.6); | |
| - padding: 10px 15px; | |
| - color: #fff; | |
| -} | |
| -.module .media.media--video.layout--thumbnail .media-controls .description p { | |
| - margin-top: 0; | |
| - margin-bottom: 0; | |
| - display: none; | |
| -} | |
| -.module .media.media--video.layout--thumbnail .media-controls .description p:first-child { | |
| - display: block; | |
| - max-height: 2.6em; | |
| - overflow: hidden; | |
| -} | |
| -.module .media.media--video.layout--thumbnail:hover .media-controls [class*="btn-media-"] { | |
| - background: rgba(237, 69, 3, 0.9); | |
| -} | |
| -.module .media.media--video.layout--thumbnail:hover .media-controls .description { | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| - opacity: 1; | |
| -} | |
| -.module .media.media--video.layout--large { | |
| - padding-top: 50%; | |
| } | |
| -.module .media.media--video.layout--large + .media-description { | |
| - display: none; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-hero .headline-container { | |
| + position: relative; | |
| + top: auto; | |
| + left: auto; | |
| + bottom: auto; | |
| + right: auto; | |
| + padding-top: 25%; | |
| + padding-bottom: 30px; | |
| + } | |
| } | |
| -.module .media.media--video.layout--large .media-controls { | |
| - -moz-transform: translate(0, -50%); | |
| - -webkit-transform: translate(0, -50%); | |
| - -ms-transform: translate(0, -50%); | |
| - -o-transform: translate(0, -50%); | |
| - transform: translate(0, -50%); | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - position: absolute; | |
| - top: 50%; | |
| - left: 0; | |
| +.module-hero .headline-container hgroup { | |
| width: 100%; | |
| - text-align: center; | |
| -} | |
| -.module .media.media--video.layout--large .media-controls [class*="btn-media-"] { | |
| - background: none; | |
| - border: none; | |
| + padding: 0 65px; | |
| } | |
| -.module .media.media--video.layout--large .media-controls [class*="btn-media-"] [class*="icon-"] { | |
| - font-size: 60px; | |
| -} | |
| -.module .media.media--video.layout--large .media-controls .description { | |
| - display: none; | |
| -} | |
| -.module .media.media--video.layout--large .media-controls .title { | |
| - margin-top: 0.5em; | |
| - font: 100 50px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #fff; | |
| - text-transform: uppercase; | |
| -} | |
| -.module.module-light { | |
| - background: #ececec; | |
| -} | |
| -.module.module-dark { | |
| - background: #353535; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-hero .headline-container hgroup { | |
| + padding: 0 80px; | |
| + } | |
| } | |
| -/* S2 */ | |
| -.module-page-title { | |
| - text-align: center; | |
| - padding: 0 0 20px; | |
| - color: #a3a3a3; | |
| - font-size: 18px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-hero .headline-container hgroup { | |
| + padding: 0 50px; | |
| + } | |
| } | |
| -.module-page-title .title { | |
| - color: #636363; | |
| - font: 100 60px / 1.1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - margin: 0 auto; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-hero .headline-container hgroup { | |
| + padding: 0 20px; | |
| + } | |
| } | |
| -.module-page-title .nav { | |
| - -moz-transition: background 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: background 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: background 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: background 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - margin: 0 auto; | |
| - padding: 20px 10px 16px; | |
| - display: block; | |
| - background: #fff; | |
| +.module-hero .headline-container hgroup:before, | |
| +.module-hero .headline-container hgroup:after { | |
| + content: " "; | |
| + display: table; | |
| } | |
| -.module-page-title .nav a { | |
| - display: inline-block; | |
| - color: inherit; | |
| - padding: 4px 10px; | |
| +.module-hero .headline-container hgroup:after { | |
| + clear: both; | |
| } | |
| -.module-page-title .nav a:hover { | |
| - color: #555555; | |
| +.module-hero .headline-container hgroup:before, | |
| +.module-hero .headline-container hgroup:after { | |
| + content: " "; | |
| + display: table; | |
| } | |
| -.module-page-title .nav a.active { | |
| - color: #ed4503; | |
| +.module-hero .headline-container hgroup:after { | |
| + clear: both; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-page-title .nav a { | |
| - text-decoration: underline; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-hero .headline-container hgroup { | |
| + padding-top: 12%; | |
| } | |
| } | |
| -.sticky-masonry-nav .module-page-title .nav { | |
| - background: #ececec; | |
| - z-index: 99; | |
| -} | |
| -.module-page-title .content { | |
| - margin-top: 20px; | |
| +.module-hero .headline-container hgroup .hero-title { | |
| margin-bottom: 20px; | |
| - padding: 0 20px; | |
| - line-height: 1.55; | |
| + font-size: 85px; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-page-title .content { | |
| - font-size: 16px; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-hero .headline-container hgroup .hero-title { | |
| + font-size: 100px; | |
| } | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-page-title { | |
| - padding-top: 20px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-hero .headline-container hgroup .hero-title { | |
| + font-size: 70px; | |
| } | |
| - .module-page-title .title { | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-hero .headline-container hgroup .hero-title { | |
| font-size: 40px; | |
| } | |
| } | |
| -@media only screen and ( max-width: 320px ) { | |
| - .module-page-title .title { | |
| - font-size: 36px; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-hero .headline-container hgroup .hero-title { | |
| + margin-bottom: 0; | |
| } | |
| } | |
| -/* Hero module */ | |
| -.module-hero { | |
| - background-repeat: no-repeat; | |
| - background-position: center center; | |
| - background-size: cover; | |
| - -ms-backface-visibility: hidden; | |
| - -o-backface-visibility: hidden; | |
| - -webkit-backface-visibility: hidden; | |
| - -moz-backface-visibility: hidden; | |
| - backface-visibility: hidden; | |
| - padding-top: 27%; | |
| - background-color: #000; | |
| +.module-hero .headline-container hgroup .hero-title, | |
| +.module-hero .headline-container hgroup .hero-subtitle, | |
| +.module-hero .headline-container hgroup .hero-story-subtitle { | |
| color: #fff; | |
| - overflow: hidden; | |
| - position: relative; | |
| -} | |
| -.module-hero.bg-contain { | |
| - background-size: 80%; | |
| -} | |
| -.module-hero:after { | |
| - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); | |
| - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); | |
| display: block; | |
| - content: ""; | |
| - position: absolute; | |
| - top: 0; | |
| - left: 0; | |
| - bottom: 0; | |
| - right: 0; | |
| - z-index: 1; | |
| -} | |
| -.module-hero .hero-nav-back { | |
| - -webkit-transition: background 0.35s, top 0s linear 0.6s; | |
| - -moz-transition: background 0.35s, top 0s linear 0.6s; | |
| - -o-transition: background 0.35s, top 0s linear 0.6s; | |
| - transition: background 0.35s, top 0s linear 0.6s; | |
| - position: fixed; | |
| - top: 212px; | |
| - left: 0; | |
| - z-index: 2; | |
| -} | |
| -.drawer-nav--open .module-hero .hero-nav-back { | |
| - -moz-transition: top 0s; | |
| - -webkit-transition: top 0s; | |
| - -o-transition: top 0s; | |
| - transition: top 0s; | |
| - top: 50px; | |
| -} | |
| -.module-hero .hero-nav-back [class*="icon-"] { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - display: inline-block; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-hero .hero-nav-back { | |
| - top: 80px; | |
| - min-width: 0; | |
| - } | |
| - .drawer-nav--open .module-hero .hero-nav-back { | |
| - top: 20px; | |
| - } | |
| -} | |
| -.module-hero .hero-nav-back:hover [class*="icon-"] { | |
| - -webkit-transform: translate(-5px, 0); | |
| - -moz-transform: translate(-5px, 0); | |
| - -ms-transform: translate(-5px, 0); | |
| - -o-transform: translate(-5px, 0); | |
| - transform: translate(-5px, 0); | |
| -} | |
| -.module-hero .headline-container { | |
| - text-align: center; | |
| - margin: 40px auto; | |
| - position: relative; | |
| - z-index: 2; | |
| - max-width: 1000px; | |
| - padding: 0 5%; | |
| -} | |
| -.module-hero .headline-container .title { | |
| - font: 300 70px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - margin: 0.15em auto; | |
| -} | |
| -.module-hero .headline-container .subtitle { | |
| - font: 400 24px / 1.1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - margin: 0.25em auto; | |
| -} | |
| -.module-hero .headline-container .subtitle span { | |
| - opacity: 0.5; | |
| + max-width: 100%; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-hero .headline-container .title { | |
| - font-size: 40px; | |
| - } | |
| - .module-hero .headline-container .subtitle { | |
| - font-size: 20px; | |
| - } | |
| +.module-hero .headline-container hgroup .hero-subtitle { | |
| + max-width: none; | |
| + text-transform: none; | |
| } | |
| -@media only screen and ( max-width: 320px ) { | |
| - .module-hero .headline-container .title { | |
| - font-size: 32px; | |
| - } | |
| - .module-hero .headline-container .subtitle { | |
| - font-size: 18px; | |
| - } | |
| +.module-hero .headline-container hgroup .hero-story-subtitle { | |
| + font-size: 24px; | |
| } | |
| -.module-hero.module-size-xs { | |
| - padding-top: 10%; | |
| +.module-hero .headline-container hgroup .hero-story-subtitle em { | |
| + font: italic 24px Georgia, "Times New Roman", Times, serif; | |
| + text-transform: none; | |
| } | |
| -.module-hero.module-size-sm { | |
| - padding-top: 14%; | |
| +.module-hero .headline-container hgroup nav { | |
| + margin-top: 30px; | |
| } | |
| -.module-hero.module-size-md { | |
| - padding-top: 18%; | |
| +.module-hero .headline-container hgroup.background--light .hero-title, | |
| +.module-hero .headline-container hgroup.background--light .hero-subtitle, | |
| +.module-hero .headline-container hgroup.background--light .hero-story-subtitle { | |
| + color: #111; | |
| } | |
| .module-hero .html5-video-container { | |
| position: absolute; | |
| @@ -8520,2081 +7906,8611 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| width: 100%; | |
| height: auto; | |
| } | |
| -.module-pullquote { | |
| - padding: 80px 0; | |
| +.module-hero.module-size-sm .hero-container { | |
| + padding-top: 25%; | |
| } | |
| -.module-pullquote footer { | |
| - text-align: center; | |
| +.module-hero.module-size-sm .headline-container hgroup { | |
| + padding-top: 4%; | |
| } | |
| -.module-intro { | |
| - padding: 60px 5%; | |
| +.module-hero.module-size-sm .headline-container hgroup .hero-title, | |
| +.module-hero.module-size-sm .headline-container hgroup .hero-subtitle { | |
| + max-width: 100%; | |
| } | |
| -.module-intro .intro-content { | |
| - margin: 0 auto; | |
| - text-align: center; | |
| - font: 300 27px / 1.35 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #a3a3a3; | |
| - max-width: 900px; | |
| +.module-hero.module-size-md .hero-container { | |
| + padding-top: 35%; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-intro .intro-content { | |
| - font-size: 22px; | |
| - } | |
| +.module-hero.module-size-md .headline-container hgroup { | |
| + padding-top: 7%; | |
| } | |
| -.module-intro .intro-content > .icon { | |
| - font-size: 50px; | |
| - color: #ccc; | |
| - display: block; | |
| - margin-bottom: -20px; | |
| +.module-hero.module-size-xs { | |
| + margin-bottom: 0; | |
| } | |
| -.module-text .text-content { | |
| - padding: 80px 30px; | |
| - padding-right: calc(30px + 5%); | |
| - font: 300 20px / 1.35 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #a3a3a3; | |
| - max-width: 100%; | |
| +.module-hero.module-size-xs .hero-container { | |
| + padding-top: 7%; | |
| } | |
| -.module-text .text-content h1 { | |
| - font: 100 50px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| - margin: 0 auto; | |
| - word-wrap: break-word; | |
| +.module-hero.module-size-xs .headline-container hgroup { | |
| + padding: 0 40px; | |
| } | |
| -.module-text .text-content h1.title-large { | |
| - font-size: 115%; | |
| +.module-hero.module-size-xs .headline-container hgroup .hero-title, | |
| +.module-hero.module-size-xs .headline-container hgroup .hero-subtitle { | |
| + max-width: 100%; | |
| } | |
| -.module-text .text-content h1.title-centered { | |
| - text-align: center; | |
| - padding: 0 3%; | |
| +.module-hero.module-size-xs .headline-container hgroup .hero-title { | |
| + font-size: 40px; | |
| + margin-bottom: 0; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-text .text-content h1 { | |
| - font-size: 36px; | |
| - } | |
| +.module-hero.module-size-xs .watch-bar { | |
| + display: none; | |
| } | |
| -@media only screen and ( max-width: 320px ) { | |
| - .module-text .text-content h1 { | |
| - font-size: 30px; | |
| - } | |
| +.module-hero.title-wide .headline-container hgroup .hero-title, | |
| +.module-hero.title-wide .headline-container hgroup .hero-subtitle { | |
| + max-width: 100%; | |
| } | |
| -.module-text .text-content h2 { | |
| - font-weight: 400; | |
| - font-size: 20px; | |
| - color: #636363; | |
| +.module-spotlight-partner-carousel .spotlight-partner-carousel-header { | |
| + background: #000; | |
| } | |
| -.module-text .text-content blockquote { | |
| - margin-left: 0; | |
| +.module-spotlight-partner-carousel .spotlight-partner-carousel-header #spotlight-module-title { | |
| + color: #7a7a7a; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| + height: 80px; | |
| + line-height: 80px; | |
| + text-transform: uppercase; | |
| + margin: 0; | |
| + padding: 0 40px; | |
| } | |
| -.module-text .text-content blockquote [class*="icon-"] { | |
| - display: block; | |
| - font-size: 20px; | |
| - color: #fff; | |
| +.module-spotlight-partner-carousel .spotlight-partner-carousel-content { | |
| + background: #fff; | |
| } | |
| -.module-text .text-photo { | |
| +.module-spotlight-partner-carousel .spotlight-partner-carousel-content #spotlight-image { | |
| background-color: #000; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| background-size: cover; | |
| + height: 100%; | |
| + position: relative; | |
| } | |
| -.module-text .text-photo.bg-contain { | |
| +.module-spotlight-partner-carousel .spotlight-partner-carousel-content #spotlight-image.bg-contain { | |
| background-size: 80%; | |
| } | |
| -.module-text .text-photo img { | |
| - display: block; | |
| - max-width: 100%; | |
| - height: auto; | |
| - width: 100vw; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-spotlight-partner-carousel .spotlight-partner-carousel-content #spotlight-image { | |
| + padding-top: 60%; | |
| + background-position: top center; | |
| + } | |
| } | |
| -.module-text.module-dark .text-content h1 { | |
| - color: #fff; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-spotlight-partner-carousel .spotlight-partner-carousel-content #spotlight-image { | |
| + padding-top: 100%; | |
| + } | |
| } | |
| -/* Share overlay module */ | |
| -.module-overlay .overlay-header { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-align: center; | |
| - -moz-box-align: center; | |
| - -webkit-align-items: center; | |
| - -ms-flex-align: center; | |
| - align-items: center; | |
| - padding: 20px; | |
| - border-bottom: solid 1px #2c2c2c; | |
| +.module-spotlight-partner-carousel .list-item { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + background-color: #fff; | |
| + background-size: contain; | |
| + height: 80px; | |
| + cursor: pointer; | |
| } | |
| -.module-overlay .overlay-header .title { | |
| - font-size: 24px; | |
| - line-height: 0.9; | |
| - color: #fff; | |
| - margin: 0.15em 0; | |
| +.module-spotlight-partner-carousel .list-item.bg-contain { | |
| + background-size: 80%; | |
| } | |
| -.module-overlay .overlay-header .btn-close { | |
| - position: relative; | |
| - font: normal 18px / 1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - text-transform: uppercase; | |
| - color: #666; | |
| - vertical-align: bottom; | |
| - margin-left: auto; | |
| +@media only screen and ( min-width: 992px ), only screen and ( min-width: 1200px ), only screen and ( min-width: 1420px ) { | |
| + .module-spotlight-partner-carousel .list-item { | |
| + width: 100%; | |
| + } | |
| } | |
| -.module-overlay .overlay-header .btn-close span { | |
| - display: inline-block; | |
| - -moz-transition: 0.2s; | |
| - -webkit-transition: 0.2s; | |
| - -o-transition: 0.2s; | |
| - transition: 0.2s; | |
| - zoom: 1; | |
| - -webkit-opacity: 1; | |
| - -moz-opacity: 1; | |
| - opacity: 1; | |
| - filter: alpha(opacity=100); | |
| +.module-spotlight-partner-carousel .list-item.active .list-item-mask { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + border-bottom: 10px solid #ed4503; | |
| + display: block; | |
| } | |
| -.module-overlay .overlay-header .btn-close:before, | |
| -.module-overlay .overlay-header .btn-close:after { | |
| - content: ""; | |
| +.module-spotlight-partner-carousel .list-item.active .list-item-mask.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-spotlight-partner-carousel .list-item.active .spotlight-partner-label { | |
| + display: block; | |
| +} | |
| +.module-spotlight-partner-carousel .list-item-mask { | |
| + display: none; | |
| + height: 100%; | |
| + left: 0; | |
| position: absolute; | |
| top: 0; | |
| - height: 0; | |
| - border-bottom: 1px solid #666; | |
| width: 100%; | |
| - left: 0; | |
| - right: 0; | |
| - zoom: 1; | |
| - -webkit-opacity: 0; | |
| - -moz-opacity: 0; | |
| - opacity: 0; | |
| - filter: alpha(opacity=0); | |
| - -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| - -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| - -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| - transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| } | |
| -.module-overlay .overlay-header .btn-close:after { | |
| - top: 100%; | |
| +.module-spotlight-partner-carousel .spotlight-partner-item { | |
| + -moz-transition: all 150ms ease-in-out; | |
| + -webkit-transition: all 150ms ease-in-out; | |
| + -o-transition: all 150ms ease-in-out; | |
| + transition: all 150ms ease-in-out; | |
| + height: 100%; | |
| } | |
| -.module-overlay .overlay-header .btn-close:hover span { | |
| - zoom: 1; | |
| - -webkit-opacity: 0; | |
| - -moz-opacity: 0; | |
| - opacity: 0; | |
| - filter: alpha(opacity=0); | |
| +.module-spotlight-partner-carousel .spotlight-partner-item:hover { | |
| + cursor: pointer; | |
| } | |
| -.module-overlay .overlay-header .btn-close:hover:after, | |
| -.module-overlay .overlay-header .btn-close:hover:before { | |
| - top: 50%; | |
| - zoom: 1; | |
| - -webkit-opacity: 1; | |
| - -moz-opacity: 1; | |
| - opacity: 1; | |
| - filter: alpha(opacity=100); | |
| +.module-spotlight-partner-carousel .spotlight-partner-label { | |
| + -moz-transition: all 150ms ease-in-out; | |
| + -webkit-transition: all 150ms ease-in-out; | |
| + -o-transition: all 150ms ease-in-out; | |
| + transition: all 150ms ease-in-out; | |
| + color: #fff; | |
| + display: none; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 15px; | |
| + font-weight: 400; | |
| + left: 10px; | |
| + position: absolute; | |
| + right: 10px; | |
| + text-transform: uppercase; | |
| + top: 10px; | |
| + z-index: 1; | |
| } | |
| -.module-overlay .overlay-header .btn-close:hover:after { | |
| - -moz-transform: rotate(-45deg); | |
| - -webkit-transform: rotate(-45deg); | |
| - -ms-transform: rotate(-45deg); | |
| - -o-transform: rotate(-45deg); | |
| - transform: rotate(-45deg); | |
| +.module-spotlight-partner-carousel #spotlight-fact { | |
| + bottom: 50px; | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 32px; | |
| + line-height: 1; | |
| + padding: 80px 200px 20px 70px; | |
| + position: absolute; | |
| + text-transform: uppercase; | |
| } | |
| -.module-overlay .overlay-header .btn-close:hover:before { | |
| - -moz-transform: rotate(45deg); | |
| - -webkit-transform: rotate(45deg); | |
| - -ms-transform: rotate(45deg); | |
| - -o-transform: rotate(45deg); | |
| - transform: rotate(45deg); | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-spotlight-partner-carousel #spotlight-fact { | |
| + padding: 15px 10px; | |
| + font-size: 24px; | |
| + } | |
| } | |
| -.module-overlay .overlay-content .share-buttons { | |
| - margin: 40px 0; | |
| +.module-spotlight-partner-carousel #spotlight-source-link { | |
| + bottom: 30px; | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 20px; | |
| + line-height: 1; | |
| + margin: 0 0 0 70px; | |
| + position: absolute; | |
| + text-transform: uppercase; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-overlay .overlay-content .share-buttons { | |
| - margin: 0; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-spotlight-partner-carousel #spotlight-source-link { | |
| + margin-left: 10px; | |
| } | |
| } | |
| -.module-overlay .overlay-content .share-buttons .btn { | |
| - min-width: 0; | |
| +.module-spotlight-partner-carousel #spotlight-cta { | |
| + padding: 40px; | |
| } | |
| -.module-overlay .overlay-content .share-url { | |
| - margin: 20px; | |
| - position: relative; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-spotlight-partner-carousel #spotlight-cta { | |
| + padding: 15px 10px; | |
| + } | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text], | |
| -.module-overlay .overlay-content .share-url input[type=email], | |
| -.module-overlay .overlay-content .share-url input[type=password], | |
| -.module-overlay .overlay-content .share-url textarea { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border: solid 2px transparent; | |
| - border-radius: 0; | |
| - background: #2a2a2a; | |
| - color: #fff; | |
| - font-size: 18px; | |
| - line-height: normal; | |
| - height: 60px; | |
| - padding: 10px 12px; | |
| +.module-spotlight-partner-carousel #spotlight-cta h3 { | |
| + color: #7e7e7e; | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text]::-webkit-input-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=email]::-webkit-input-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=password]::-webkit-input-placeholder, | |
| -.module-overlay .overlay-content .share-url textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| +.module-spotlight-partner-carousel #spotlight-cta #spotlight-cta-image { | |
| + background: no-repeat center center; | |
| + background-size: contain; | |
| + height: 120px; | |
| + width: 100%; | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text]:-moz-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=email]:-moz-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=password]:-moz-placeholder, | |
| -.module-overlay .overlay-content .share-url textarea:-moz-placeholder { | |
| - color: #777777; | |
| +.module-spotlight-partner-carousel #spotlight-cta #spotlight-cta-description { | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + margin: 30px 0; | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text]::-moz-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=email]::-moz-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=password]::-moz-placeholder, | |
| -.module-overlay .overlay-content .share-url textarea::-moz-placeholder { | |
| - color: #777777; | |
| +.module-spotlight-partner-carousel #spotlight-cta #spotlight-cta-link:hover { | |
| + text-decoration: none; | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text]:-ms-input-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=email]:-ms-input-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=password]:-ms-input-placeholder, | |
| -.module-overlay .overlay-content .share-url textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| +/* Text/media module */ | |
| +.module-content-columns { | |
| + min-height: 400px; | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text]::-moz-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=email]::-moz-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=password]::-moz-placeholder, | |
| -.module-overlay .overlay-content .share-url textarea::-moz-placeholder { | |
| - color: #777777; | |
| - opacity: 1; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-content-columns { | |
| + min-height: 200px; | |
| + } | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text]:-ms-input-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=email]:-ms-input-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=password]:-ms-input-placeholder, | |
| -.module-overlay .overlay-content .share-url textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box, | |
| +.module-content-columns.module-light .text-box, | |
| +.module-content-columns .blockquote-box, | |
| +.module-content-columns.module-light .blockquote-box { | |
| + color: #333333; | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text]::-webkit-input-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=email]::-webkit-input-placeholder, | |
| -.module-overlay .overlay-content .share-url input[type=password]::-webkit-input-placeholder, | |
| -.module-overlay .overlay-content .share-url textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box h3, | |
| +.module-content-columns.module-light .text-box h3, | |
| +.module-content-columns .blockquote-box h3, | |
| +.module-content-columns.module-light .blockquote-box h3 { | |
| + color: #7a7a7a; | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text]:focus, | |
| -.module-overlay .overlay-content .share-url input[type=email]:focus, | |
| -.module-overlay .overlay-content .share-url input[type=password]:focus, | |
| -.module-overlay .overlay-content .share-url textarea:focus { | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border-color: #555; | |
| - outline: none; | |
| +.module-content-columns > .row:nth-child(even) .text-box, | |
| +.module-content-columns.module-light > .row:nth-child(even) .text-box, | |
| +.module-content-columns > .row:nth-child(even) .blockquote-box, | |
| +.module-content-columns.module-light > .row:nth-child(even) .blockquote-box { | |
| + background: #dfdfdf; | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text].error, | |
| -.module-overlay .overlay-content .share-url input[type=email].error, | |
| -.module-overlay .overlay-content .share-url input[type=password].error, | |
| -.module-overlay .overlay-content .share-url textarea.error { | |
| - border-color: #d9534f; | |
| +.module-content-columns > .row:nth-child(odd) .text-box, | |
| +.module-content-columns.module-light > .row:nth-child(odd) .text-box, | |
| +.module-content-columns > .row:nth-child(odd) .blockquote-box, | |
| +.module-content-columns.module-light > .row:nth-child(odd) .blockquote-box { | |
| + background: #fff; | |
| } | |
| -.module-overlay .overlay-content .share-url textarea { | |
| - height: auto; | |
| +.module-content-columns.module-dark .text-box, | |
| +.module-content-columns.module-dark .blockquote-box { | |
| + color: #fff; | |
| } | |
| -.module-overlay .overlay-content .share-url input[type=text] { | |
| - width: 100%; | |
| - outline: none; | |
| - font-size: 20px; | |
| +.module-content-columns.module-dark > .row:nth-child(even) .text-box, | |
| +.module-content-columns.module-dark > .row:nth-child(even) .blockquote-box { | |
| + background: #000; | |
| } | |
| -.module-overlay .overlay-content .share-url .btn { | |
| - position: absolute; | |
| - top: 0; | |
| - right: 0; | |
| - bottom: 0; | |
| +.module-content-columns.module-dark > .row:nth-child(odd) .text-box, | |
| +.module-content-columns.module-dark > .row:nth-child(odd) .blockquote-box { | |
| + background: #1a1919; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-overlay .overlay-content .share-url .btn { | |
| - top: 100%; | |
| - bottom: auto; | |
| - left: 0; | |
| - width: 100%; | |
| +.module-content-columns .text-box .content-container, | |
| +.module-content-columns .blockquote-box .content-container, | |
| +.module-content-columns .pullquote-box .content-container, | |
| +.module-content-columns .media-feature-box .content-container, | |
| +.module-content-columns .media-player-box .content-container, | |
| +.module-content-columns .science-fact-box .content-container, | |
| +.module-content-columns .science-fact-box-large .content-container { | |
| + padding: 57.5px 65px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-content-columns .text-box .content-container, | |
| + .module-content-columns .blockquote-box .content-container, | |
| + .module-content-columns .pullquote-box .content-container, | |
| + .module-content-columns .media-feature-box .content-container, | |
| + .module-content-columns .media-player-box .content-container, | |
| + .module-content-columns .science-fact-box .content-container, | |
| + .module-content-columns .science-fact-box-large .content-container { | |
| + padding: 70px 80px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .text-box .content-container, | |
| + .module-content-columns .blockquote-box .content-container, | |
| + .module-content-columns .pullquote-box .content-container, | |
| + .module-content-columns .media-feature-box .content-container, | |
| + .module-content-columns .media-player-box .content-container, | |
| + .module-content-columns .science-fact-box .content-container, | |
| + .module-content-columns .science-fact-box-large .content-container { | |
| + padding: 45px 50px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-content-columns .text-box .content-container, | |
| + .module-content-columns .blockquote-box .content-container, | |
| + .module-content-columns .pullquote-box .content-container, | |
| + .module-content-columns .media-feature-box .content-container, | |
| + .module-content-columns .media-player-box .content-container, | |
| + .module-content-columns .science-fact-box .content-container, | |
| + .module-content-columns .science-fact-box-large .content-container { | |
| + padding: 20px 20px; | |
| } | |
| } | |
| -.module-overlay .form-share-email { | |
| - padding: 35px 35px; | |
| - margin: 0; | |
| - position: relative; | |
| +.module-content-columns .text-box .content-container p:last-child, | |
| +.module-content-columns .blockquote-box .content-container p:last-child, | |
| +.module-content-columns .pullquote-box .content-container p:last-child, | |
| +.module-content-columns .media-feature-box .content-container p:last-child, | |
| +.module-content-columns .media-player-box .content-container p:last-child, | |
| +.module-content-columns .science-fact-box .content-container p:last-child, | |
| +.module-content-columns .science-fact-box-large .content-container p:last-child { | |
| + margin-bottom: 0; | |
| } | |
| -@media only screen and ( max-width: 1199px ) { | |
| - .module-overlay .form-share-email { | |
| - padding: 40px 40px; | |
| - } | |
| +.module-content-columns .text-box { | |
| + font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 15px; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| - .module-overlay .form-share-email { | |
| - padding: 30px 30px; | |
| - } | |
| +.module-content-columns .text-box h1 { | |
| + color: #333333; | |
| + display: block; | |
| + font-size: 24px; | |
| + margin: 15px 0 10px 0; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-overlay .form-share-email { | |
| - padding: 20px 20px; | |
| - } | |
| +.module-content-columns .text-box h1:first-child { | |
| + margin: 0 0 25px; | |
| } | |
| -.module-overlay .form-share-email.thinking .form-control, | |
| -.module-overlay .form-share-email.thinking label, | |
| -.module-overlay .form-share-email.thinking .btn { | |
| - opacity: 0.2; | |
| - pointer-events: none; | |
| +.module-content-columns .text-box h2 { | |
| + color: #333333; | |
| + font-size: 24px; | |
| + margin: 35px 0 12px 0; | |
| } | |
| -.module-overlay .form-share-email p { | |
| - margin-top: 0; | |
| - color: #a3a3a3; | |
| - font-size: 18px; | |
| +.module-content-columns .text-box h3 { | |
| + background: #000; | |
| + color: #7e7e7e; | |
| + font-size: 24px; | |
| + margin: 25px 0 0 0; | |
| + padding: 25px 40px; | |
| } | |
| -.module-overlay .form-share-email p:last-of-type { | |
| - margin-bottom: 30px; | |
| +.module-content-columns .text-box h4 { | |
| + background: #000; | |
| + color: #7e7e7e; | |
| + font-size: 18px; | |
| + margin: 0 0 25px 0; | |
| + padding: 25px 40px; | |
| } | |
| -.module-overlay .form-share-email .form-intro { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-align: center; | |
| - -moz-box-align: center; | |
| - -webkit-align-items: center; | |
| - -ms-flex-align: center; | |
| - align-items: center; | |
| - margin: -10px 15% 20px; | |
| +.module-content-columns .text-box h1 > a, | |
| +.module-content-columns .text-box h2 > a { | |
| + color: #333333; | |
| + text-decoration: none; | |
| } | |
| -.module-overlay .form-share-email .form-intro svg { | |
| - width: 150px; | |
| - height: 100px; | |
| - margin-right: 20px; | |
| +.module-content-columns .text-box h1 > a i, | |
| +.module-content-columns .text-box h2 > a i { | |
| + font-size: 24px; | |
| + vertical-align: text-top; | |
| } | |
| -.module-overlay .form-share-email .form-intro p { | |
| - margin: 10px 0; | |
| +.module-content-columns .text-box .blog-links:nth-child(even) { | |
| + background: #333333; | |
| } | |
| -.module-overlay .form-share-email .result-message { | |
| - -moz-transform: translate(-50%, -150%); | |
| - -webkit-transform: translate(-50%, -150%); | |
| - -ms-transform: translate(-50%, -150%); | |
| - -o-transform: translate(-50%, -150%); | |
| - transform: translate(-50%, -150%); | |
| - position: absolute; | |
| - top: 50%; | |
| - left: 50%; | |
| - z-index: 99; | |
| +.module-content-columns .text-box .blog-links:nth-child(odd) { | |
| background: #1a1919; | |
| - padding: 5px 20px; | |
| } | |
| -.module-overlay .form-share-email .result-message p { | |
| - margin: 8px 0; | |
| +.module-content-columns .text-box .blog-links .blog-box { | |
| + color: #fff; | |
| + padding: 50px 80px; | |
| } | |
| -.module-overlay .form-share-email .result-message p.success [class*="icon-"] { | |
| - color: #5cb85c; | |
| +.module-content-columns .text-box .blog-links .blog-box h1 { | |
| + color: #9d9c9c; | |
| + margin-bottom: 20px; | |
| } | |
| -.module-overlay .form-share-email .result-message p.error [class*="icon-"] { | |
| - color: #d9534f; | |
| +.module-content-columns .text-box .blog-links .blog-box .cta-link { | |
| + display: inline-block; | |
| + margin: 20px 0 0; | |
| } | |
| -.module-overlay .form-share-email label { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - color: #7a7a7a; | |
| - font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - font-size: 14px; | |
| - line-height: 46px; | |
| - padding-top: 4px; | |
| - text-align: left; | |
| +.module-content-columns .text-box .blog-links .blog-box .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| text-transform: uppercase; | |
| - white-space: nowrap; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.module-overlay .form-share-email input[type=text], | |
| -.module-overlay .form-share-email input[type=email], | |
| -.module-overlay .form-share-email input[type=password], | |
| -.module-overlay .form-share-email textarea { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border: solid 2px transparent; | |
| - border-radius: 0; | |
| - background: #2a2a2a; | |
| - color: #fff; | |
| - font-size: 18px; | |
| - line-height: normal; | |
| - height: 50px; | |
| - padding: 10px 12px; | |
| -} | |
| -.module-overlay .form-share-email input[type=text]::-webkit-input-placeholder, | |
| -.module-overlay .form-share-email input[type=email]::-webkit-input-placeholder, | |
| -.module-overlay .form-share-email input[type=password]::-webkit-input-placeholder, | |
| -.module-overlay .form-share-email textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| -} | |
| -.module-overlay .form-share-email input[type=text]:-moz-placeholder, | |
| -.module-overlay .form-share-email input[type=email]:-moz-placeholder, | |
| -.module-overlay .form-share-email input[type=password]:-moz-placeholder, | |
| -.module-overlay .form-share-email textarea:-moz-placeholder { | |
| - color: #777777; | |
| -} | |
| -.module-overlay .form-share-email input[type=text]::-moz-placeholder, | |
| -.module-overlay .form-share-email input[type=email]::-moz-placeholder, | |
| -.module-overlay .form-share-email input[type=password]::-moz-placeholder, | |
| -.module-overlay .form-share-email textarea::-moz-placeholder { | |
| - color: #777777; | |
| -} | |
| -.module-overlay .form-share-email input[type=text]:-ms-input-placeholder, | |
| -.module-overlay .form-share-email input[type=email]:-ms-input-placeholder, | |
| -.module-overlay .form-share-email input[type=password]:-ms-input-placeholder, | |
| -.module-overlay .form-share-email textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box .blog-links .blog-box .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| } | |
| -.module-overlay .form-share-email input[type=text]::-moz-placeholder, | |
| -.module-overlay .form-share-email input[type=email]::-moz-placeholder, | |
| -.module-overlay .form-share-email input[type=password]::-moz-placeholder, | |
| -.module-overlay .form-share-email textarea::-moz-placeholder { | |
| - color: #777777; | |
| - opacity: 1; | |
| +.module-content-columns .text-box .blog-links .blog-box .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| } | |
| -.module-overlay .form-share-email input[type=text]:-ms-input-placeholder, | |
| -.module-overlay .form-share-email input[type=email]:-ms-input-placeholder, | |
| -.module-overlay .form-share-email input[type=password]:-ms-input-placeholder, | |
| -.module-overlay .form-share-email textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box .blog-links .blog-box .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| } | |
| -.module-overlay .form-share-email input[type=text]::-webkit-input-placeholder, | |
| -.module-overlay .form-share-email input[type=email]::-webkit-input-placeholder, | |
| -.module-overlay .form-share-email input[type=password]::-webkit-input-placeholder, | |
| -.module-overlay .form-share-email textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .text-box .blog-links .blog-box .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| } | |
| -.module-overlay .form-share-email input[type=text]:focus, | |
| -.module-overlay .form-share-email input[type=email]:focus, | |
| -.module-overlay .form-share-email input[type=password]:focus, | |
| -.module-overlay .form-share-email textarea:focus { | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border-color: #555; | |
| - outline: none; | |
| +.module-content-columns .text-box .blog-links .blog-box .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| } | |
| -.module-overlay .form-share-email input[type=text].error, | |
| -.module-overlay .form-share-email input[type=email].error, | |
| -.module-overlay .form-share-email input[type=password].error, | |
| -.module-overlay .form-share-email textarea.error { | |
| - border-color: #d9534f; | |
| +.module-content-columns .text-box .blog-links .blog-box .cta-link.centered label { | |
| + max-width: 100% !important; | |
| } | |
| -.module-overlay .form-share-email textarea { | |
| - height: auto; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .text-box .blog-links .blog-box .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| } | |
| -.module-overlay .form-share-email textarea.form-control { | |
| - height: auto; | |
| - line-height: inherit; | |
| - margin-bottom: 15px; | |
| +.module-content-columns .text-box.blog-text-box { | |
| + background: #fff !important; | |
| } | |
| -.module-overlay .form-share-email .btn { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| +.module-content-columns .text-box.blog-text-box h3 { | |
| + background: #000; | |
| + color: #7e7e7e; | |
| + font-size: 24px; | |
| } | |
| -.module-overlay .form-share-email-preview { | |
| - background: #222; | |
| - color: #fff; | |
| +.module-content-columns .text-box.blog-text-box h4 { | |
| + background: #000; | |
| + color: #7e7e7e; | |
| font-size: 18px; | |
| - padding: 20px; | |
| - margin-top: 30px; | |
| - border-left: solid 5px #555555; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-overlay .form-share-email-preview { | |
| - display: none; | |
| - } | |
| -} | |
| -.module-overlay .form-share-email-preview .share-preview-title { | |
| - font-size: 26px; | |
| - margin-bottom: 10px; | |
| -} | |
| -.module-overlay .form-share-email-preview .share-preview-description { | |
| - line-height: 1.25; | |
| - margin: 10px 0; | |
| - color: #666; | |
| - max-height: 2.5em; | |
| - overflow: hidden; | |
| } | |
| -.module-overlay .form-share-email-preview .share-preview-link { | |
| - color: #ed4503; | |
| - font-style: normal; | |
| - white-space: nowrap; | |
| - overflow: hidden; | |
| - text-overflow: ellipsis; | |
| +.module-content-columns .text-box.blog-text-box h3, | |
| +.module-content-columns .text-box.blog-text-box h4 { | |
| + margin: 25px 0 0; | |
| + padding: 25px 20px; | |
| } | |
| -.module-overlay .form-your-story { | |
| - height: 370px; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-content-columns .text-box.blog-text-box h3, | |
| + .module-content-columns .text-box.blog-text-box h4 { | |
| + margin-left: -80px; | |
| + margin-right: -80px; | |
| + padding-left: 40px; | |
| + padding-right: 40px; | |
| + } | |
| } | |
| -.module-overlay--elected-officials .overlay-content { | |
| - position: relative; | |
| +.module-content-columns .text-box.blog-text-box a + h3, | |
| +.module-content-columns .text-box.blog-text-box a + h4 { | |
| + marigin-top: 0; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .description { | |
| - margin: 20px; | |
| - font-size: 16px; | |
| - color: #a3a3a3; | |
| +.module-content-columns .text-box.blog-text-box img { | |
| + display: block; | |
| + max-width: 100%; | |
| + height: auto; | |
| + width: 100%; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .description p { | |
| - max-width: 650px; | |
| +.module-content-columns .text-box.blog-text-box .cta-link { | |
| + display: inline-block; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .description p strong { | |
| - color: #eee; | |
| +.module-content-columns .text-box.blog-text-box .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #000; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title + .description { | |
| - margin-top: 0; | |
| +.module-content-columns .text-box.blog-text-box .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title + .description :first-child { | |
| - margin-top: 0; | |
| +.module-content-columns .text-box.blog-text-box .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-location { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - padding: 10px 20px; | |
| - font: 300 26px / 40px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #fff; | |
| +.module-content-columns .text-box.blog-text-box .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-overlay--elected-officials .overlay-content .title-location { | |
| - padding-bottom: 0; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .text-box.blog-text-box .cta-link label { | |
| + max-width: 85%; | |
| } | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-location svg { | |
| - width: 65px; | |
| - height: 40px; | |
| - float: left; | |
| - margin-right: 10px; | |
| -} | |
| -.module-overlay--elected-officials .overlay-content .title-location svg path { | |
| - fill: #ed4503; | |
| +.module-content-columns .text-box.blog-text-box .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-location .location__district, | |
| -.module-overlay--elected-officials .overlay-content .title-location .location__state { | |
| - display: inline-block; | |
| +.module-content-columns .text-box.blog-text-box .cta-link.centered label { | |
| + max-width: 100% !important; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-overlay--elected-officials .overlay-content .title-location { | |
| - font-size: 20px; | |
| - line-height: 30px; | |
| - } | |
| - .module-overlay--elected-officials .overlay-content .title-location svg { | |
| - width: 45px; | |
| - height: 30px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .text-box.blog-text-box .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| } | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form { | |
| - padding: 10px 20px; | |
| +.module-content-columns .text-box.media-info h1 { | |
| + color: #666666; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text], | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email], | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password], | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border: solid 2px transparent; | |
| - border-radius: 0; | |
| - background: #2a2a2a; | |
| - color: #fff; | |
| - font-size: 18px; | |
| - line-height: normal; | |
| - height: 40px; | |
| - padding: 10px 12px; | |
| +.module-content-columns .text-box.media-info p { | |
| + margin: 0; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box.media-info a { | |
| + display: block; | |
| + margin: 20px 0 0; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text]:-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email]:-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password]:-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea:-moz-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box.text-box-white { | |
| + background: #fff !important; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea::-moz-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box.sources-box { | |
| + font-size: 12px; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box.sources-box .content-container { | |
| + padding: 40px 40px 40px 40px; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea::-moz-placeholder { | |
| - color: #777777; | |
| - opacity: 1; | |
| +.module-content-columns .text-box.sources-box h2 { | |
| + font-size: 18px; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box.sources-box ol, | |
| +.module-content-columns .text-box.sources-box ul { | |
| + padding-left: 0; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| +.module-content-columns .text-box.sources-box ol { | |
| + list-style-type: none; | |
| + list-style: none; | |
| + margin-left: 0; | |
| + position: relative; | |
| + padding: 0; | |
| + margin: 0; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text]:focus, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email]:focus, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password]:focus, | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea:focus { | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border-color: #555; | |
| - outline: none; | |
| +.module-content-columns .text-box.sources-box li { | |
| + margin-bottom: 10px; | |
| + padding-left: 1.5em; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text].error, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=email].error, | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=password].error, | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea.error { | |
| - border-color: #d9534f; | |
| +.module-content-columns .text-box.sources-box ol > li { | |
| + counter-increment: customlistcounter; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form textarea { | |
| - height: auto; | |
| +.module-content-columns .text-box.sources-box ol > li:before { | |
| + color: #ed4503; | |
| + content: counter(customlistcounter) " "; | |
| + font-weight: 700; | |
| + position: absolute; | |
| + left: 0; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form input[type=text] { | |
| - width: 100%; | |
| - outline: none; | |
| - font-size: 20px; | |
| +.module-content-columns .text-box.sources-box ol:first-child { | |
| + counter-reset: customlistcounter; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .title-form a { | |
| - -moz-transform: translate(0, -50%); | |
| - -webkit-transform: translate(0, -50%); | |
| - -ms-transform: translate(0, -50%); | |
| - -o-transform: translate(0, -50%); | |
| - transform: translate(0, -50%); | |
| - position: absolute; | |
| - top: 50%; | |
| - right: 30px; | |
| - margin-top: 0.15em; | |
| - font-size: 20px; | |
| - text-decoration: none; | |
| +.module-content-columns .text-box.sources-box ol { | |
| + *list-style-type: decimal; | |
| + /* targets IE6 and IE7 only */ | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - background: #000; | |
| +.module-content-columns .text-box.sources-box a { | |
| + font-weight: 700; | |
| + text-transform: uppercase; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-overlay--elected-officials .overlay-content .legislators { | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - } | |
| +.module-content-columns .blockquote-box h3 { | |
| + color: #7a7a7a; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator { | |
| - -webkit-box-flex: 1; | |
| - -moz-box-flex: 1; | |
| - -webkit-flex: 1; | |
| - -ms-flex: 1; | |
| - flex: 1; | |
| +.module-content-columns .blockquote-box blockquote { | |
| + margin: 0; | |
| + padding: 0 0 0 60px; | |
| + font: normal 26px / 1.2 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| position: relative; | |
| - overflow: hidden; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator:before { | |
| - padding-top: 135%; | |
| +.module-content-columns .blockquote-box blockquote:before { | |
| + content: "\201C"; | |
| + font-size: 500%; | |
| + position: absolute; | |
| + top: -0.25em; | |
| + left: -0.05em; | |
| display: block; | |
| - content: ''; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator.loading .image { | |
| - opacity: 0; | |
| +.module-content-columns .blockquote-box blockquote p { | |
| + margin: 15px 0; | |
| + font-size: inherit; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator .title, | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator .name { | |
| - padding: 0 20px; | |
| +.module-content-columns .blockquote-box blockquote footer { | |
| + margin: 20px 0 0 -60px; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator .title { | |
| - font: normal 15px / 1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - text-transform: uppercase; | |
| - color: #fff; | |
| - margin: 0.2em 0; | |
| - opacity: 0.65; | |
| +.module-content-columns .blockquote-box blockquote footer cite { | |
| + display: block; | |
| + font: italic 20px Georgia, "Times New Roman", Times, serif; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator .name { | |
| - font: normal 20px / 1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - text-transform: uppercase; | |
| - color: #fff; | |
| - margin: 0.35em 0; | |
| +.module-content-columns .blockquote-box nav { | |
| + margin: 30px 0 0 -60px; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator .name .party { | |
| - font-size: 70%; | |
| - font-weight: bold; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .blockquote-box nav { | |
| + margin: 15px 0; | |
| + } | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator nav { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - margin-top: 10px; | |
| +.module-content-columns .blockquote-box blockquote { | |
| + min-height: 150px; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator nav a { | |
| - -webkit-box-flex: 1; | |
| - -moz-box-flex: 1; | |
| - -webkit-flex: 1; | |
| - -ms-flex: 1; | |
| - flex: 1; | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - padding: 12px 6px; | |
| - text-align: center; | |
| - color: #fff; | |
| - background: #ed4503; | |
| - border-right: solid 1px #bb3602; | |
| - text-transform: uppercase; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .blockquote-box blockquote { | |
| + padding-left: 20px; | |
| + font-size: 18px; | |
| + } | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator nav a [class*="icon-"] { | |
| - vertical-align: middle; | |
| - margin-top: -2px; | |
| - display: inline-block; | |
| +.module-content-columns .blockquote-box blockquote p { | |
| + color: #999; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator nav a:hover { | |
| - background: #bb3602; | |
| +.module-content-columns .blockquote-box blockquote cite p { | |
| + color: #333333; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator nav a.disabled { | |
| - opacity: 0.8; | |
| - color: #888888; | |
| - background: #555555; | |
| - pointer-events: none; | |
| - border-right: none; | |
| +.module-content-columns .blockquote-box blockquote:before { | |
| + color: #ed4503; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator .info { | |
| - position: absolute; | |
| - bottom: 0; | |
| - left: 0; | |
| - right: 0; | |
| - z-index: 1; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .blockquote-box blockquote:before { | |
| + font-size: 40px; | |
| + } | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator .image { | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - position: absolute; | |
| - top: 0; | |
| - left: 0; | |
| - bottom: 0; | |
| - right: 0; | |
| +.module-content-columns .blockquote-box .image-credit { | |
| + margin-top: 40px; | |
| +} | |
| +.module-content-columns .media-box { | |
| + background-color: #fff; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| background-size: cover; | |
| - background-color: #000; | |
| - z-index: 0; | |
| - opacity: 0.75; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .legislators .legislator:hover .image { | |
| - opacity: 1; | |
| +.module-content-columns .media-box.bg-contain { | |
| + background-size: 80%; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - padding-top: 0; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .media-box { | |
| + padding-top: 60%; | |
| + background-position: top center; | |
| } | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator:nth-child(even) { | |
| - background: #1a1919; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-content-columns .media-box { | |
| + padding-top: 100%; | |
| } | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator .image, | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator .info { | |
| - position: relative; | |
| - top: auto; | |
| - left: auto; | |
| - bottom: auto; | |
| - right: auto; | |
| +} | |
| +.module-content-columns .media-player-box { | |
| + background: #000; | |
| +} | |
| +.module-content-columns .media-player-box h3 { | |
| + color: #777777; | |
| + margin-top: -40px; | |
| +} | |
| +.module-content-columns .media-player-box .content-container { | |
| + padding-left: 40px; | |
| + padding-right: 40px; | |
| + width: 100%; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .media-player-box .content-container { | |
| + padding: 10px; | |
| + } | |
| +} | |
| +.module-content-columns .media-player-box .media-preview { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-align: center; | |
| + -moz-box-align: center; | |
| + -webkit-align-items: center; | |
| + -ms-flex-align: center; | |
| + align-items: center; | |
| + -webkit-box-pack: center; | |
| + -moz-box-pack: center; | |
| + -ms-flex-pack: center; | |
| + -webkit-justify-content: center; | |
| + justify-content: center; | |
| + height: 100%; | |
| + text-align: center; | |
| + display: block; | |
| + text-decoration: none; | |
| +} | |
| +.module-content-columns .media-player-box .media-preview.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-content-columns .media-player-box .media-preview .btn { | |
| + display: inline-block; | |
| +} | |
| +.module-content-columns .media-player-box .media-description { | |
| + margin-top: 20px; | |
| + background: none; | |
| +} | |
| +.module-content-columns .media-description { | |
| + color: #777777; | |
| + background: #1a1919; | |
| +} | |
| +.module-content-columns .media-description .content-container { | |
| + padding: 70px 40px; | |
| +} | |
| +.module-content-columns .media-feature-box { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| +} | |
| +.module-content-columns .media-feature-box.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container { | |
| + padding-top: 20%; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container h2 { | |
| + font-size: 60px; | |
| + width: 80%; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container h2.small-title { | |
| + font-size: 48px !important; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container p { | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .media-link, | |
| +.module-content-columns .media-feature-box .content-container .cta-link { | |
| + display: inline-block; | |
| + margin-top: 20px; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .media-link label, | |
| +.module-content-columns .media-feature-box .content-container .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .media-link .btn, | |
| +.module-content-columns .media-feature-box .content-container .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .media-link:hover label, | |
| +.module-content-columns .media-feature-box .content-container .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .media-link:hover .btn, | |
| +.module-content-columns .media-feature-box .content-container .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .media-feature-box .content-container .media-link label, | |
| + .module-content-columns .media-feature-box .content-container .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .media-link.centered, | |
| +.module-content-columns .media-feature-box .content-container .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .media-link.centered label, | |
| +.module-content-columns .media-feature-box .content-container .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .media-feature-box .content-container .media-link.centered .btn, | |
| + .module-content-columns .media-feature-box .content-container .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .media-link label { | |
| + text-transform: none; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .cta-link h2 { | |
| + white-space: nowrap; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .cta-link h2 > * { | |
| + white-space: normal; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .cta-link .btn-media-play { | |
| + margin: -8px 0 0 20px; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container .cta-link label { | |
| + font-size: 18px; | |
| + margin-top: 20px; | |
| + text-transform: none; | |
| +} | |
| +.module-content-columns .media-feature-box .content-container nav { | |
| + margin-top: 35px; | |
| +} | |
| +.module-content-columns .science-fact-box { | |
| + background: #1a1919; | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 20px; | |
| +} | |
| +.module-content-columns .science-fact-box h3 { | |
| + color: #7e7e7e; | |
| + margin-bottom: 15px; | |
| +} | |
| +.module-content-columns .science-fact-box p { | |
| + margin: 5px 0; | |
| +} | |
| +.module-content-columns .science-fact-box p b, | |
| +.module-content-columns .science-fact-box p strong { | |
| + font-size: 70px; | |
| + font-weight: 400; | |
| +} | |
| +.module-content-columns .science-fact-box p i, | |
| +.module-content-columns .science-fact-box p em { | |
| + color: #ed4503; | |
| + font-style: normal; | |
| +} | |
| +.module-content-columns .science-fact-box a.source-link { | |
| + color: #8e8e8e; | |
| + font-size: 18px; | |
| + text-transform: uppercase; | |
| + display: block; | |
| + margin: 10px 0; | |
| +} | |
| +.module-content-columns .science-fact-box .cta-link { | |
| + display: inline-block; | |
| +} | |
| +.module-content-columns .science-fact-box .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-content-columns .science-fact-box .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-content-columns .science-fact-box .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-content-columns .science-fact-box .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .science-fact-box .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-content-columns .science-fact-box .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-content-columns .science-fact-box .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .science-fact-box .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-content-columns .science-fact-box-large { | |
| + background: #1a1919; | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 20px; | |
| +} | |
| +.module-content-columns .science-fact-box-large p { | |
| + margin: 5px 0; | |
| +} | |
| +.module-content-columns .science-fact-box-large p b, | |
| +.module-content-columns .science-fact-box-large p strong { | |
| + font-size: 120px; | |
| + font-weight: 400; | |
| + line-height: 1; | |
| +} | |
| +@media only screen and ( min-width: 992px ), only screen and ( max-width: 768px ), only screen and ( max-width: 480px ) { | |
| + .module-content-columns .science-fact-box-large p b, | |
| + .module-content-columns .science-fact-box-large p strong { | |
| + font-size: 70px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ), only screen and ( min-width: 1420px ) { | |
| + .module-content-columns .science-fact-box-large p b, | |
| + .module-content-columns .science-fact-box-large p strong { | |
| + font-size: 120px; | |
| + } | |
| +} | |
| +.module-content-columns .science-fact-box-large p i, | |
| +.module-content-columns .science-fact-box-large p em { | |
| + color: #ed4503; | |
| + font-size: 30px; | |
| + font-style: normal; | |
| +} | |
| +.module-content-columns .science-fact-box-large a.source-link { | |
| + color: #8e8e8e; | |
| + font-size: 18px; | |
| + text-transform: uppercase; | |
| + display: block; | |
| + margin: 10px 0; | |
| +} | |
| +.module-content-columns .science-fact-box-large .cta-link { | |
| + display: inline-block; | |
| +} | |
| +.module-content-columns .science-fact-box-large .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-content-columns .science-fact-box-large .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-content-columns .science-fact-box-large .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-content-columns .science-fact-box-large .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .science-fact-box-large .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-content-columns .science-fact-box-large .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-content-columns .science-fact-box-large .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .science-fact-box-large .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-content-columns .fact-media-box { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + height: 100%; | |
| + position: relative; | |
| + display: block; | |
| + /*& | |
| + @media @tablet, @phone { | |
| + height: 280px; | |
| + } | |
| + | |
| + @media @desktop, @lg-desktop, @xl-desktop { | |
| + //margin-bottom: 0; | |
| + } | |
| + */ | |
| +} | |
| +.module-content-columns .fact-media-box.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-content-columns .fact-media-box .btn { | |
| + position: absolute; | |
| + top: 50%; | |
| + left: 50%; | |
| + margin: -25px 0 0 -25px; | |
| +} | |
| +.module-content-columns .fact-media-box.contain-graphic { | |
| + background-color: #1a1919; | |
| + background-size: contain; | |
| +} | |
| +.module-content-columns .blog-header-dark { | |
| + background: #000; | |
| + padding: 40px; | |
| +} | |
| +.module-content-columns .blog-header-dark h3 { | |
| + color: #7e7e7e; | |
| + margin-bottom: 0; | |
| +} | |
| +.module-content-columns .blog-header-dark.blog-header-title { | |
| + color: #dfdfdf; | |
| +} | |
| +.module-content-columns .blog-header-dark.blog-header-title h3 { | |
| + color: #fff; | |
| + display: inline-block; | |
| + margin-right: 20px; | |
| +} | |
| +.module-content-columns .blog-footer-dark { | |
| + background: #000; | |
| + padding: 20px 40px; | |
| +} | |
| +.module-content-columns .blog-footer-dark .cta-link { | |
| + display: inline-block; | |
| +} | |
| +.module-content-columns .blog-footer-dark .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-content-columns .blog-footer-dark .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-content-columns .blog-footer-dark .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-content-columns .blog-footer-dark .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .blog-footer-dark .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-content-columns .blog-footer-dark .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-content-columns .blog-footer-dark .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .blog-footer-dark .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ), only screen and ( max-width: 480px ) { | |
| + .module-content-columns .blog-footer-dark { | |
| + margin-bottom: 30px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ), only screen and ( min-width: 1200px ), only screen and ( min-width: 1420px ) { | |
| + .module-content-columns .blog-footer-dark { | |
| + margin-bottom: 0; | |
| + } | |
| +} | |
| +.module-content-columns .blog-author-box { | |
| + background: #fff; | |
| +} | |
| +.module-content-columns .blog-author-box .content-container { | |
| + padding: 40px; | |
| +} | |
| +.module-content-columns .blog-author-box .content-container img { | |
| + max-width: 100%; | |
| +} | |
| +.module-content-columns .blog-author-box .content-container h4 { | |
| + color: #1a1919; | |
| + margin: 20px 0 0 0; | |
| +} | |
| +.module-content-columns .blog-author-box .content-container h6 { | |
| + color: #1a1919; | |
| + font-size: 18px; | |
| + margin: 0 0 0 0; | |
| +} | |
| +@media only screen and ( max-width: 768px ), only screen and ( max-width: 480px ) { | |
| + .module-content-columns .blog-author-box .content-container { | |
| + text-align: center; | |
| + } | |
| +} | |
| +.module-content-columns .blog-author-info { | |
| + background: #ffffff; | |
| +} | |
| +.module-content-columns .blog-author-info .content-container { | |
| + padding: 0px 20px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-content-columns .blog-author-info .content-container { | |
| + padding: 0px 20px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-content-columns .blog-author-info .content-container { | |
| + padding: 0px 20px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-content-columns .blog-author-info .content-container { | |
| + padding: 0px 20px; | |
| + } | |
| +} | |
| +.module-content-columns .blog-author-info .content-container img { | |
| + max-width: 100%; | |
| +} | |
| +.module-content-columns .blog-author-info .content-container h4 { | |
| + color: #1a1919; | |
| + font-size: 30px; | |
| + margin: 0; | |
| +} | |
| +.module-content-columns .blog-author-info .content-container h6 { | |
| + color: #1a1919; | |
| + font-size: 15px; | |
| + margin: 0 0 0 0; | |
| +} | |
| +.module-content-columns .blog-author-info .content-container a { | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| +} | |
| +.module-content-columns .blog-author-info .bio-content-column { | |
| + height: 300px; | |
| +} | |
| +.module-content-columns .blog-list-box { | |
| + background: #fff; | |
| + color: #000; | |
| +} | |
| +.module-content-columns .blog-list-box .content-container { | |
| + height: 33.3%; | |
| + padding: 30px; | |
| +} | |
| +.module-content-columns .blog-list-box .content-container a.summary { | |
| + color: #333; | |
| +} | |
| +.module-content-columns .blog-list-box .content-container h5 { | |
| + color: #000; | |
| + font-size: 20px; | |
| + text-transform: none; | |
| +} | |
| +.module-content-columns .blog-list-box .content-container p { | |
| + line-height: 16px; | |
| + margin: 4px 0; | |
| +} | |
| +.module-content-columns .blog-list-box .content-container .byline { | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| +} | |
| +.module-content-columns .blog-list-box .content-container .categories { | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + margin-top: 30px; | |
| +} | |
| +.module-content-columns .blog-list-box .content-container:nth-child(even) { | |
| + background: #dfdfdf; | |
| +} | |
| +.module-content-columns .blog-list-box .content-container:nth-child(odd) { | |
| + background: #cecece; | |
| +} | |
| +.module-content-columns .blog-list-box .content-container.highlight { | |
| + background: #fff; | |
| +} | |
| +.module-content-columns .blog-list-box.blog-list-full .content-container { | |
| + background: none; | |
| + min-height: 230px; | |
| + padding: 30px 40px; | |
| +} | |
| +.module-content-columns .blog-list-box.blog-list-full .content-container:before, | |
| +.module-content-columns .blog-list-box.blog-list-full .content-container:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-content-columns .blog-list-box.blog-list-full .content-container:after { | |
| + clear: both; | |
| +} | |
| +.module-content-columns .blog-list-box.blog-list-full .content-container:before, | |
| +.module-content-columns .blog-list-box.blog-list-full .content-container:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-content-columns .blog-list-box.blog-list-full .content-container:after { | |
| + clear: both; | |
| +} | |
| +.module-content-columns .blog-list-box.blog-list-full .content-container img { | |
| + float: right; | |
| + margin: 0 0 30px 30px; | |
| + max-width: 175px; | |
| + max-height: 175px; | |
| +} | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(2), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(5), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(8), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(11), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(14), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(17), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(20) { | |
| + background: #dfdfdf; | |
| +} | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(3), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(6), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(9), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(12), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(15), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(18), | |
| +.module-content-columns .blog-list-box.blog-list-full:nth-child(21) { | |
| + background: #cecece; | |
| +} | |
| +.module-content-columns .blog-links-list { | |
| + background: #1a1919; | |
| + color: #fff; | |
| +} | |
| +.module-content-columns .blog-links-list .content-container { | |
| + padding: 30px 40px; | |
| +} | |
| +.module-content-columns .blog-links-list .content-container h3 { | |
| + color: #fff; | |
| + margin-bottom: 8px; | |
| +} | |
| +.module-content-columns .blog-links-list .content-container ul { | |
| + list-style: none; | |
| + margin: 0 0 30px 0; | |
| + padding: 0; | |
| +} | |
| +.module-content-columns .blog-links-list .content-container ul li { | |
| + line-height: 16px; | |
| + margin-bottom: 8px; | |
| +} | |
| +/* Story bts module */ | |
| +.module-bts-featured { | |
| + height: 400px; | |
| + min-height: 400px; | |
| + max-height: 400px; | |
| +} | |
| +@media only screen and (max-width: 0px) { | |
| + .module-bts-featured { | |
| + height: auto; | |
| + min-height: 0; | |
| + max-height: none; | |
| + } | |
| +} | |
| +.module-bts-carousel .carousel-outer, | |
| +.module-bts-carousel .carousel-inner { | |
| + min-height: 200px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-bts-carousel .carousel-outer, | |
| + .module-bts-carousel .carousel-inner { | |
| + min-height: 100px; | |
| + } | |
| +} | |
| +.module-bts-carousel .list-item, | |
| +.module-bts-carousel .owl-item { | |
| + height: 200px; | |
| + min-height: 200px; | |
| + max-height: 200px; | |
| +} | |
| +@media only screen and (max-width: 0px) { | |
| + .module-bts-carousel .list-item, | |
| + .module-bts-carousel .owl-item { | |
| + height: auto; | |
| + min-height: 0; | |
| + max-height: none; | |
| + } | |
| +} | |
| +.module-bts-carousel .list-item { | |
| + position: relative; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-bts-carousel .list-item { | |
| + height: 150px; | |
| + min-height: 150px; | |
| + } | |
| +} | |
| +.module-bts-carousel .owl-item .list-item { | |
| + width: 100%; | |
| +} | |
| +.module-bts-carousel .owl-item { | |
| + background: #fff; | |
| +} | |
| +.module-bts-carousel .owl-item:nth-child(odd) { | |
| + background: #777777; | |
| +} | |
| +.module-bts-carousel .carousel-media-box { | |
| + height: 100%; | |
| + display: block; | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + -moz-transition: 1s ease; | |
| + -webkit-transition: 1s ease; | |
| + -o-transition: 1s ease; | |
| + transition: 1s ease; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-bts-carousel .carousel-media-box.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-bts-carousel .carousel-media-box .btn { | |
| + left: 50%; | |
| + margin-left: -25px; | |
| + margin-top: -25px; | |
| + position: relative; | |
| + top: 50%; | |
| +} | |
| +.module-bts-carousel .carousel-media-box:hover { | |
| + -webkit-filter: saturate(50%); | |
| + -moz-filter: saturate(50%); | |
| + -o-filter: saturate(50%); | |
| + -ms-filter: saturate(50%); | |
| + filter: saturate(50%); | |
| + zoom: 1; | |
| + -webkit-opacity: 0.75; | |
| + -moz-opacity: 0.75; | |
| + opacity: 0.75; | |
| + filter: alpha(opacity=75); | |
| +} | |
| +/* Connect module */ | |
| +.module-connect, | |
| +.module-connect-profile { | |
| + min-height: 865px; | |
| + color: #777777; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-connect, | |
| + .module-connect-profile { | |
| + min-height: 432.5px; | |
| + } | |
| +} | |
| +.module-connect > .container-fluid > .row > [class^='col-']:nth-child(odd), | |
| +.module-connect-profile > .container-fluid > .row > [class^='col-']:nth-child(odd), | |
| +.module-connect > .container > .row > [class^='col-']:nth-child(odd), | |
| +.module-connect-profile > .container > .row > [class^='col-']:nth-child(odd), | |
| +.module-connect > .row > [class^='col-']:nth-child(odd), | |
| +.module-connect-profile > .row > [class^='col-']:nth-child(odd) { | |
| + background: #1a1a1a; | |
| +} | |
| +.module-connect > .container-fluid > .row > [class^='col-']:nth-child(even), | |
| +.module-connect-profile > .container-fluid > .row > [class^='col-']:nth-child(even), | |
| +.module-connect > .container > .row > [class^='col-']:nth-child(even), | |
| +.module-connect-profile > .container > .row > [class^='col-']:nth-child(even), | |
| +.module-connect > .row > [class^='col-']:nth-child(even), | |
| +.module-connect-profile > .row > [class^='col-']:nth-child(even) { | |
| + background: #2c2c2c; | |
| +} | |
| +.module-connect h3, | |
| +.module-connect-profile h3 { | |
| + color: #7e7e7e; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-connect h4, | |
| +.module-connect-profile h4 { | |
| + color: #fff; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-connect a, | |
| +.module-connect-profile a { | |
| + color: #00abed; | |
| +} | |
| +.module-connect .btn-connect, | |
| +.module-connect-profile .btn-connect { | |
| + position: absolute; | |
| + bottom: 0; | |
| + left: 0; | |
| + padding: 0 !important; | |
| + right: 0; | |
| +} | |
| +.module-connect .full-height, | |
| +.module-connect-profile .full-height { | |
| + height: 100%; | |
| +} | |
| +.module-connect .half-height, | |
| +.module-connect-profile .half-height { | |
| + height: 50%; | |
| + position: relative; | |
| +} | |
| +.module-connect .one-third-height, | |
| +.module-connect-profile .one-third-height { | |
| + height: 33.333333%; | |
| + position: relative; | |
| +} | |
| +.module-connect .two-thirds-height, | |
| +.module-connect-profile .two-thirds-height { | |
| + height: 66.666666%; | |
| + position: relative; | |
| +} | |
| +.module-connect [class^='module-content-'] > *, | |
| +.module-connect-profile [class^='module-content-'] > * { | |
| + padding: 40px 40px 140px; | |
| + overflow: hidden; | |
| +} | |
| +.module-connect [class^='module-content-'] > * img, | |
| +.module-connect-profile [class^='module-content-'] > * img { | |
| + display: block; | |
| + max-width: 100%; | |
| + height: auto; | |
| +} | |
| +.module-connect .module-content-cta, | |
| +.module-connect-profile .module-content-cta { | |
| + color: #666666; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 44px; | |
| + line-height: 1.2; | |
| + width: 70%; | |
| + margin: 0 15%; | |
| + position: relative; | |
| +} | |
| +.module-connect .module-content-cta:before, | |
| +.module-connect-profile .module-content-cta:before { | |
| + font-size: 56px; | |
| + color: #ed4503; | |
| + content: '*'; | |
| + line-height: 36px; | |
| + position: absolute; | |
| + left: -30px; | |
| + top: 0px; | |
| +} | |
| +.module-connect .module-content-cta a, | |
| +.module-connect-profile .module-content-cta a { | |
| + color: #666666; | |
| + -moz-transition: 0.5s; | |
| + -webkit-transition: 0.5s; | |
| + -o-transition: 0.5s; | |
| + transition: 0.5s; | |
| +} | |
| +.module-connect .module-content-cta a:hover, | |
| +.module-connect-profile .module-content-cta a:hover { | |
| + color: #ed4503; | |
| + text-decoration: none; | |
| +} | |
| +.module-connect .module-content-cta a, | |
| +.module-connect-profile .module-content-cta a { | |
| + padding: 0; | |
| +} | |
| +.module-connect .connect-tweet-list .media-list, | |
| +.module-connect-profile .connect-tweet-list .media-list { | |
| + margin-bottom: 0; | |
| +} | |
| +.module-connect .connect-tweet-list .media-list .media > .pull-left, | |
| +.module-connect-profile .connect-tweet-list .media-list .media > .pull-left { | |
| + margin-right: 20px; | |
| +} | |
| +.module-connect .connect-tweet-list .media-list .media > .pull-right, | |
| +.module-connect-profile .connect-tweet-list .media-list .media > .pull-right { | |
| + margin-left: 20px; | |
| +} | |
| +.module-connect .connect-tweet-list .media-heading, | |
| +.module-connect-profile .connect-tweet-list .media-heading { | |
| + color: #7e7e7e; | |
| +} | |
| +.module-connect .connect-image-box, | |
| +.module-connect-profile .connect-image-box { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + padding: 0; | |
| +} | |
| +.module-connect .connect-image-box.bg-contain, | |
| +.module-connect-profile .connect-image-box.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-connect .connect-video-box, | |
| +.module-connect-profile .connect-video-box { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + display: block; | |
| + height: 200px; | |
| + padding: 0; | |
| + position: relative; | |
| +} | |
| +.module-connect .connect-video-box.bg-contain, | |
| +.module-connect-profile .connect-video-box.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-connect .connect-video-box .btn, | |
| +.module-connect-profile .connect-video-box .btn { | |
| + left: 50%; | |
| + margin-top: -25px; | |
| + margin-left: -25px; | |
| + position: absolute; | |
| + top: 50%; | |
| +} | |
| +.module-connect .module-content-blog .connect-blog-post, | |
| +.module-connect-profile .module-content-blog .connect-blog-post { | |
| + padding-bottom: 40px !important; | |
| +} | |
| +.module-connect .module-content-blog .blog-image, | |
| +.module-connect-profile .module-content-blog .blog-image { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + margin: 0 -40px 25px; | |
| + padding-top: 50%; | |
| +} | |
| +.module-connect .module-content-blog .blog-image.bg-contain, | |
| +.module-connect-profile .module-content-blog .blog-image.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-connect .module-content-blog blockquote, | |
| +.module-connect-profile .module-content-blog blockquote { | |
| + margin: 0; | |
| + padding: 0 0 0 60px; | |
| + font: normal 26px / 1.2 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + position: relative; | |
| +} | |
| +.module-connect .module-content-blog blockquote:before, | |
| +.module-connect-profile .module-content-blog blockquote:before { | |
| + content: "\201C"; | |
| + font-size: 500%; | |
| + position: absolute; | |
| + top: -0.25em; | |
| + left: -0.05em; | |
| + display: block; | |
| +} | |
| +.module-connect .module-content-blog blockquote p, | |
| +.module-connect-profile .module-content-blog blockquote p { | |
| + margin: 15px 0; | |
| + font-size: inherit; | |
| +} | |
| +.module-connect .module-content-blog blockquote footer, | |
| +.module-connect-profile .module-content-blog blockquote footer { | |
| + margin: 20px 0 0 -60px; | |
| +} | |
| +.module-connect .module-content-blog blockquote footer cite, | |
| +.module-connect-profile .module-content-blog blockquote footer cite { | |
| + display: block; | |
| + font: italic 20px Georgia, "Times New Roman", Times, serif; | |
| +} | |
| +.module-connect .module-content-blog nav, | |
| +.module-connect-profile .module-content-blog nav { | |
| + margin: 30px 0 0 -60px; | |
| +} | |
| +.module-connect .module-content-blog blockquote, | |
| +.module-connect-profile .module-content-blog blockquote { | |
| + font-size: 20px; | |
| +} | |
| +.module-connect .module-content-blog blockquote:before, | |
| +.module-connect-profile .module-content-blog blockquote:before { | |
| + color: #ed4503; | |
| +} | |
| +.module-connect .module-content-blog .blog-link, | |
| +.module-connect-profile .module-content-blog .blog-link { | |
| + margin-top: 30px; | |
| + display: inline-block; | |
| +} | |
| +.module-connect .module-content-blog .blog-link label, | |
| +.module-connect-profile .module-content-blog .blog-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-connect .module-content-blog .blog-link .btn, | |
| +.module-connect-profile .module-content-blog .blog-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-connect .module-content-blog .blog-link:hover label, | |
| +.module-connect-profile .module-content-blog .blog-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-connect .module-content-blog .blog-link:hover .btn, | |
| +.module-connect-profile .module-content-blog .blog-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-connect .module-content-blog .blog-link label, | |
| + .module-connect-profile .module-content-blog .blog-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-connect .module-content-blog .blog-link.centered, | |
| +.module-connect-profile .module-content-blog .blog-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-connect .module-content-blog .blog-link.centered label, | |
| +.module-connect-profile .module-content-blog .blog-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-connect .module-content-blog .blog-link.centered .btn, | |
| + .module-connect-profile .module-content-blog .blog-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +/* Connect Profile module */ | |
| +.module-connect-profile { | |
| + min-height: 450px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-connect-profile { | |
| + min-height: 225px; | |
| + } | |
| +} | |
| +/* Image Module */ | |
| +.module-image img { | |
| + display: block; | |
| + max-width: 100%; | |
| + height: auto; | |
| +} | |
| +/* About People Module */ | |
| +.module-about-people#science-advisors .blank-slot { | |
| + background: #000 !important; | |
| +} | |
| +.module-about-people .person { | |
| + background: #fff; | |
| +} | |
| +.module-about-people .person:nth-child(odd) { | |
| + background: #777777; | |
| +} | |
| +.module-about-people a:link, | |
| +.module-about-people a:visited, | |
| +.module-about-people a:hover, | |
| +.module-about-people a:active { | |
| + text-decoration: none; | |
| +} | |
| +.module-about-people .bio-photo { | |
| + padding-top: 100%; | |
| +} | |
| +.module-about-people .bio-photo img { | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| + bottom: 0; | |
| + right: 0; | |
| +} | |
| +.module-about-people .bio-caption { | |
| + height: 25%; | |
| + padding: 20px; | |
| +} | |
| +.module-about-people .bio-caption h6 { | |
| + color: #000; | |
| + font-size: 18px; | |
| + font-weight: 300; | |
| + margin-bottom: 8px; | |
| +} | |
| +.module-about-people .bio-caption .cta-link { | |
| + display: none; | |
| +} | |
| +.module-about-people > .row { | |
| + overflow: hidden; | |
| +} | |
| +.module-about-people > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: left; | |
| +} | |
| +@media only screen and ( max-width: 480px ), only screen and ( max-width: 768px ) { | |
| + .module-about-people > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: none; | |
| + } | |
| + .module-about-people > .row.faux-rows > *:nth-child(2n + 1) { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-about-people > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: none; | |
| + } | |
| + .module-about-people > .row.faux-rows > *:nth-child(4n + 1) { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-about-people > .row.faux-rows > *:nth-child(4n + 1) { | |
| + clear: none; | |
| + } | |
| + .module-about-people > .row.faux-rows > *:nth-child(4n + 1) { | |
| + clear: left; | |
| + } | |
| +} | |
| +.module-about-people > .row.faux-rows .blank-slot { | |
| + float: left; | |
| + width: 0; | |
| + height: 0; | |
| + padding: 0 9999px 9999px 0; | |
| + margin: 0 -9999px -9999px 0; | |
| + position: relative; | |
| + background: #eee; | |
| +} | |
| +.module-about-people > .row .faux-equal-length { | |
| + padding-bottom: 960px !important; | |
| + margin-bottom: -960px; | |
| +} | |
| +.module-featured-correspondents .carousel-outer, | |
| +.module-related-content .carousel-outer, | |
| +.module-featured-correspondents .carousel-inner, | |
| +.module-related-content .carousel-inner { | |
| + min-height: 400px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-featured-correspondents .carousel-outer, | |
| + .module-related-content .carousel-outer, | |
| + .module-featured-correspondents .carousel-inner, | |
| + .module-related-content .carousel-inner { | |
| + min-height: 200px; | |
| + } | |
| +} | |
| +.module-featured-correspondents .list-item, | |
| +.module-related-content .list-item, | |
| +.module-featured-correspondents .owl-item, | |
| +.module-related-content .owl-item { | |
| + height: 400px; | |
| + min-height: 400px; | |
| + max-height: 400px; | |
| +} | |
| +@media only screen and (max-width: 0px) { | |
| + .module-featured-correspondents .list-item, | |
| + .module-related-content .list-item, | |
| + .module-featured-correspondents .owl-item, | |
| + .module-related-content .owl-item { | |
| + height: auto; | |
| + min-height: 0; | |
| + max-height: none; | |
| + } | |
| +} | |
| +.module-featured-correspondents .list-item, | |
| +.module-related-content .list-item { | |
| + position: relative; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-featured-correspondents .list-item, | |
| + .module-related-content .list-item { | |
| + height: 300px; | |
| + min-height: 300px; | |
| + } | |
| +} | |
| +.module-featured-correspondents .owl-item .list-item, | |
| +.module-related-content .owl-item .list-item { | |
| + width: 100%; | |
| +} | |
| +.module-featured-correspondents .owl-item, | |
| +.module-related-content .owl-item { | |
| + background: #fff; | |
| +} | |
| +.module-featured-correspondents .owl-item:nth-child(odd), | |
| +.module-related-content .owl-item:nth-child(odd) { | |
| + background: #777777; | |
| +} | |
| +.module-featured-correspondents .list-item, | |
| +.module-related-content .list-item { | |
| + background: #000; | |
| +} | |
| +.module-featured-correspondents .module-content-cta, | |
| +.module-related-content .module-content-cta { | |
| + color: #666666; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 44px; | |
| + line-height: 1.2; | |
| + width: 70%; | |
| + margin: 0 15%; | |
| + position: relative; | |
| +} | |
| +.module-featured-correspondents .module-content-cta:before, | |
| +.module-related-content .module-content-cta:before { | |
| + font-size: 56px; | |
| + color: #ed4503; | |
| + content: '*'; | |
| + line-height: 36px; | |
| + position: absolute; | |
| + left: -30px; | |
| + top: 0px; | |
| +} | |
| +.module-featured-correspondents .module-content-cta a, | |
| +.module-related-content .module-content-cta a { | |
| + color: #666666; | |
| + -moz-transition: 0.5s; | |
| + -webkit-transition: 0.5s; | |
| + -o-transition: 0.5s; | |
| + transition: 0.5s; | |
| +} | |
| +.module-featured-correspondents .module-content-cta a:hover, | |
| +.module-related-content .module-content-cta a:hover { | |
| + color: #ed4503; | |
| + text-decoration: none; | |
| +} | |
| +.module-featured-correspondents .bio-caption { | |
| + padding: 20px; | |
| +} | |
| +.module-featured-correspondents .bio-caption h6 { | |
| + font-size: 20px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-featured-correspondents .bio-caption h6 { | |
| + display: none; | |
| + } | |
| +} | |
| +.module-featured-correspondents .cta-link { | |
| + display: none; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-featured-correspondents .bio-caption { | |
| + position: absolute; | |
| + bottom: 40px; | |
| + left: 40px; | |
| + padding: 0; | |
| + } | |
| + .module-featured-correspondents .bio-caption h4 { | |
| + color: #fff; | |
| + font-size: 50px; | |
| + } | |
| + .module-featured-correspondents .bio-caption h6 { | |
| + margin-bottom: 30px; | |
| + } | |
| + .module-featured-correspondents .bio-caption .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-featured-correspondents .bio-caption .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-featured-correspondents .bio-caption .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-featured-correspondents .bio-caption .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-featured-correspondents .bio-caption .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-featured-correspondents .bio-caption .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-featured-correspondents .bio-caption .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) and only screen and ( max-width: 768px ) { | |
| + .module-featured-correspondents .bio-caption .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) and only screen and ( max-width: 768px ) { | |
| + .module-featured-correspondents .bio-caption .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-featured-topics .module-content-cta { | |
| + color: #666666; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 44px; | |
| + line-height: 1.2; | |
| + width: 70%; | |
| + margin: 0 15%; | |
| + position: relative; | |
| +} | |
| +.module-featured-topics .module-content-cta:before { | |
| + font-size: 56px; | |
| + color: #ed4503; | |
| + content: '*'; | |
| + line-height: 36px; | |
| + position: absolute; | |
| + left: -30px; | |
| + top: 0px; | |
| +} | |
| +.module-featured-topics .module-content-cta a { | |
| + color: #666666; | |
| + -moz-transition: 0.5s; | |
| + -webkit-transition: 0.5s; | |
| + -o-transition: 0.5s; | |
| + transition: 0.5s; | |
| +} | |
| +.module-featured-topics .module-content-cta a:hover { | |
| + color: #ed4503; | |
| + text-decoration: none; | |
| +} | |
| +.module-featured-topics .cta-box { | |
| + background: #000; | |
| +} | |
| +/* Carousel + ad combo */ | |
| +.module-carousel-ad .carousel-outer, | |
| +.module-carousel .carousel-outer, | |
| +.module-carousel-ad .carousel-inner, | |
| +.module-carousel .carousel-inner { | |
| + min-height: 445px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-carousel-ad .carousel-outer, | |
| + .module-carousel .carousel-outer, | |
| + .module-carousel-ad .carousel-inner, | |
| + .module-carousel .carousel-inner { | |
| + min-height: 222.5px; | |
| + } | |
| +} | |
| +.module-carousel-ad .list-item, | |
| +.module-carousel .list-item, | |
| +.module-carousel-ad .owl-item, | |
| +.module-carousel .owl-item { | |
| + height: 445px; | |
| + min-height: 445px; | |
| + max-height: 445px; | |
| +} | |
| +@media only screen and (max-width: 0px) { | |
| + .module-carousel-ad .list-item, | |
| + .module-carousel .list-item, | |
| + .module-carousel-ad .owl-item, | |
| + .module-carousel .owl-item { | |
| + height: auto; | |
| + min-height: 0; | |
| + max-height: none; | |
| + } | |
| +} | |
| +.module-carousel-ad .list-item, | |
| +.module-carousel .list-item { | |
| + position: relative; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-carousel-ad .list-item, | |
| + .module-carousel .list-item { | |
| + height: 333.75px; | |
| + min-height: 333.75px; | |
| + } | |
| +} | |
| +.module-carousel-ad .owl-item .list-item, | |
| +.module-carousel .owl-item .list-item { | |
| + width: 100%; | |
| +} | |
| +.module-carousel-ad .owl-item, | |
| +.module-carousel .owl-item { | |
| + background: #fff; | |
| +} | |
| +.module-carousel-ad .owl-item:nth-child(odd), | |
| +.module-carousel .owl-item:nth-child(odd) { | |
| + background: #777777; | |
| +} | |
| +.module-carousel-ad .ad-box, | |
| +.module-carousel .ad-box { | |
| + height: 445px; | |
| + min-height: 445px; | |
| + max-height: 445px; | |
| +} | |
| +@media only screen and (max-width: 0px) { | |
| + .module-carousel-ad .ad-box, | |
| + .module-carousel .ad-box { | |
| + height: auto; | |
| + min-height: 0; | |
| + max-height: none; | |
| + } | |
| +} | |
| +.module-carousel-ad .list-item, | |
| +.module-carousel .list-item { | |
| + color: #000; | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box, | |
| +.module-carousel .list-item .story-media-box { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + padding-top: 66.66666667%; | |
| + position: relative; | |
| + overflow: hidden; | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box .media-image, | |
| +.module-carousel .list-item .story-media-box .media-image { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + position: absolute; | |
| + bottom: 0; | |
| + left: 0; | |
| + right: 0; | |
| + top: 0; | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box .media-image.bg-contain, | |
| +.module-carousel .list-item .story-media-box .media-image.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box > *, | |
| +.module-carousel .list-item .story-media-box > * { | |
| + position: relative; | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box:hover .media-image, | |
| +.module-carousel .list-item .story-media-box:hover .media-image { | |
| + -moz-transform: scale(1.05); | |
| + -webkit-transform: scale(1.05); | |
| + -ms-transform: scale(1.05); | |
| + -o-transform: scale(1.05); | |
| + transform: scale(1.05); | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box .media-controls, | |
| +.module-carousel .list-item .story-media-box .media-controls { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + position: absolute; | |
| + bottom: 0; | |
| + left: 0; | |
| + right: 0; | |
| + height: 4em; | |
| + overflow: hidden; | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box .media-controls [class*="btn-media-"], | |
| +.module-carousel .list-item .story-media-box .media-controls [class*="btn-media-"] { | |
| + -webkit-box-flex: 1; | |
| + -moz-box-flex: 1; | |
| + -webkit-flex: 1; | |
| + -ms-flex: 1; | |
| + flex: 1; | |
| + background: rgba(0, 0, 0, 0.6); | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box .media-controls .description, | |
| +.module-carousel .list-item .story-media-box .media-controls .description { | |
| + -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -moz-transform: translate(0, 0); | |
| + -webkit-transform: translate(0, 0); | |
| + -ms-transform: translate(0, 0); | |
| + -o-transform: translate(0, 0); | |
| + transform: translate(0, 0); | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-align: center; | |
| + -moz-box-align: center; | |
| + -webkit-align-items: center; | |
| + -ms-flex-align: center; | |
| + align-items: center; | |
| + opacity: 0; | |
| + background: rgba(0, 0, 0, 0.6); | |
| + padding: 10px 15px; | |
| + color: #fff; | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box .media-controls .description p, | |
| +.module-carousel .list-item .story-media-box .media-controls .description p { | |
| + margin-top: 0; | |
| + margin-bottom: 0; | |
| + display: none; | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box .media-controls .description p:first-child, | |
| +.module-carousel .list-item .story-media-box .media-controls .description p:first-child { | |
| + display: block; | |
| + max-height: 2.6em; | |
| + overflow: hidden; | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box:hover .media-controls [class*="btn-media-"], | |
| +.module-carousel .list-item .story-media-box:hover .media-controls [class*="btn-media-"] { | |
| + background: rgba(237, 69, 3, 0.9); | |
| +} | |
| +.module-carousel-ad .list-item .story-media-box:hover .media-controls .description, | |
| +.module-carousel .list-item .story-media-box:hover .media-controls .description { | |
| + -moz-transform: translate(0, 0); | |
| + -webkit-transform: translate(0, 0); | |
| + -ms-transform: translate(0, 0); | |
| + -o-transform: translate(0, 0); | |
| + transform: translate(0, 0); | |
| + opacity: 1; | |
| +} | |
| +.module-carousel-ad .list-item .story-text-box, | |
| +.module-carousel .list-item .story-text-box { | |
| + padding: 30px 40px; | |
| +} | |
| +.module-carousel-ad .story-media-box, | |
| +.module-carousel .story-media-box { | |
| + display: block; | |
| +} | |
| +.module-carousel-ad .story-media-box .btn, | |
| +.module-carousel .story-media-box .btn { | |
| + left: 50%; | |
| + margin-left: -25px; | |
| + margin-top: -25px; | |
| + position: relative; | |
| + top: 50%; | |
| +} | |
| +.module-carousel-ad .story-text-box, | |
| +.module-carousel .story-text-box { | |
| + line-height: 1.4; | |
| +} | |
| +/* Videos */ | |
| +.module-videos .row { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-flex-wrap: wrap; | |
| + -ms-flex-wrap: wrap; | |
| + flex-wrap: wrap; | |
| + -webkit-box-direction: normal; | |
| + -moz-box-direction: normal; | |
| + -webkit-box-orient: horizontal; | |
| + -moz-box-orient: horizontal; | |
| + -webkit-flex-direction: row; | |
| + -ms-flex-direction: row; | |
| + flex-direction: row; | |
| +} | |
| +.module-videos .list-item { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-direction: normal; | |
| + -moz-box-direction: normal; | |
| + -webkit-box-orient: vertical; | |
| + -moz-box-orient: vertical; | |
| + -webkit-flex-direction: column; | |
| + -ms-flex-direction: column; | |
| + flex-direction: column; | |
| + color: #000; | |
| +} | |
| +.module-videos .list-item .story-media-box { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + padding-top: 66.66666667%; | |
| + position: relative; | |
| + overflow: hidden; | |
| +} | |
| +.module-videos .list-item .story-media-box .media-image { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + position: absolute; | |
| + bottom: 0; | |
| + left: 0; | |
| + right: 0; | |
| + top: 0; | |
| +} | |
| +.module-videos .list-item .story-media-box .media-image.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-videos .list-item .story-media-box > * { | |
| + position: relative; | |
| +} | |
| +.module-videos .list-item .story-media-box:hover .media-image { | |
| + -moz-transform: scale(1.05); | |
| + -webkit-transform: scale(1.05); | |
| + -ms-transform: scale(1.05); | |
| + -o-transform: scale(1.05); | |
| + transform: scale(1.05); | |
| +} | |
| +.module-videos .list-item .story-media-box .media-controls { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + position: absolute; | |
| + bottom: 0; | |
| + left: 0; | |
| + right: 0; | |
| + height: 4em; | |
| + overflow: hidden; | |
| +} | |
| +.module-videos .list-item .story-media-box .media-controls [class*="btn-media-"] { | |
| + -webkit-box-flex: 1; | |
| + -moz-box-flex: 1; | |
| + -webkit-flex: 1; | |
| + -ms-flex: 1; | |
| + flex: 1; | |
| + background: rgba(0, 0, 0, 0.6); | |
| +} | |
| +.module-videos .list-item .story-media-box .media-controls .description { | |
| + -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -moz-transform: translate(0, 0); | |
| + -webkit-transform: translate(0, 0); | |
| + -ms-transform: translate(0, 0); | |
| + -o-transform: translate(0, 0); | |
| + transform: translate(0, 0); | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-align: center; | |
| + -moz-box-align: center; | |
| + -webkit-align-items: center; | |
| + -ms-flex-align: center; | |
| + align-items: center; | |
| + opacity: 0; | |
| + background: rgba(0, 0, 0, 0.6); | |
| + padding: 10px 15px; | |
| + color: #fff; | |
| +} | |
| +.module-videos .list-item .story-media-box .media-controls .description p { | |
| + margin-top: 0; | |
| + margin-bottom: 0; | |
| + display: none; | |
| +} | |
| +.module-videos .list-item .story-media-box .media-controls .description p:first-child { | |
| + display: block; | |
| + max-height: 2.6em; | |
| + overflow: hidden; | |
| +} | |
| +.module-videos .list-item .story-media-box:hover .media-controls [class*="btn-media-"] { | |
| + background: rgba(237, 69, 3, 0.9); | |
| +} | |
| +.module-videos .list-item .story-media-box:hover .media-controls .description { | |
| + -moz-transform: translate(0, 0); | |
| + -webkit-transform: translate(0, 0); | |
| + -ms-transform: translate(0, 0); | |
| + -o-transform: translate(0, 0); | |
| + transform: translate(0, 0); | |
| + opacity: 1; | |
| +} | |
| +.module-videos .list-item .story-text-box { | |
| + padding: 30px 40px; | |
| +} | |
| +.module-videos .list-item:nth-child(even) { | |
| + background: #777777; | |
| +} | |
| +/* Module-watch */ | |
| +.module-watch { | |
| + background: #000; | |
| +} | |
| +.module-watch .watch-video .module-header, | |
| +.module-watch .watch-primary-source .module-header, | |
| +.module-watch .watch-other-sources .module-header { | |
| + background: none; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-watch .watch-video .module-header .module-title, | |
| +.module-watch .watch-primary-source .module-header .module-title, | |
| +.module-watch .watch-other-sources .module-header .module-title { | |
| + color: #666; | |
| + font-size: 30px; | |
| + margin: 0; | |
| +} | |
| +.module-watch .watch-video .module-header .btn-close, | |
| +.module-watch .watch-primary-source .module-header .btn-close, | |
| +.module-watch .watch-other-sources .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-watch .watch-video .module-header .btn-close span, | |
| +.module-watch .watch-primary-source .module-header .btn-close span, | |
| +.module-watch .watch-other-sources .module-header .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-watch .watch-video .module-header .btn-close:before, | |
| +.module-watch .watch-primary-source .module-header .btn-close:before, | |
| +.module-watch .watch-other-sources .module-header .btn-close:before, | |
| +.module-watch .watch-video .module-header .btn-close:after, | |
| +.module-watch .watch-primary-source .module-header .btn-close:after, | |
| +.module-watch .watch-other-sources .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| +} | |
| +.module-watch .watch-video .module-header .btn-close:after, | |
| +.module-watch .watch-primary-source .module-header .btn-close:after, | |
| +.module-watch .watch-other-sources .module-header .btn-close:after { | |
| + top: 100%; | |
| +} | |
| +.module-watch .watch-video .module-header .btn-close:hover span, | |
| +.module-watch .watch-primary-source .module-header .btn-close:hover span, | |
| +.module-watch .watch-other-sources .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-watch .watch-video .module-header .btn-close:hover:after, | |
| +.module-watch .watch-primary-source .module-header .btn-close:hover:after, | |
| +.module-watch .watch-other-sources .module-header .btn-close:hover:after, | |
| +.module-watch .watch-video .module-header .btn-close:hover:before, | |
| +.module-watch .watch-primary-source .module-header .btn-close:hover:before, | |
| +.module-watch .watch-other-sources .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-watch .watch-video .module-header .btn-close:hover:after, | |
| +.module-watch .watch-primary-source .module-header .btn-close:hover:after, | |
| +.module-watch .watch-other-sources .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.module-watch .watch-video .module-header .btn-close:hover:before, | |
| +.module-watch .watch-primary-source .module-header .btn-close:hover:before, | |
| +.module-watch .watch-other-sources .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| +} | |
| +.module-watch .watch-video.module-size-sm .module-header .module-title, | |
| +.module-watch .watch-primary-source.module-size-sm .module-header .module-title, | |
| +.module-watch .watch-other-sources.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| +} | |
| +.module-watch .watch-video.module-size-sm .module-header .btn-close, | |
| +.module-watch .watch-primary-source.module-size-sm .module-header .btn-close, | |
| +.module-watch .watch-other-sources.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-watch .watch-video .module-header, | |
| + .module-watch .watch-primary-source .module-header, | |
| + .module-watch .watch-other-sources .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .module-watch .watch-video .module-header .module-title, | |
| + .module-watch .watch-primary-source .module-header .module-title, | |
| + .module-watch .watch-other-sources .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-watch .watch-video .module-header .btn-close, | |
| + .module-watch .watch-primary-source .module-header .btn-close, | |
| + .module-watch .watch-other-sources .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| +} | |
| +.module-watch .watch-video { | |
| + background: #1a1919; | |
| + color: #777777; | |
| +} | |
| +.module-watch .watch-video .module-header { | |
| + background: none; | |
| +} | |
| +.module-watch .watch-video .content-container { | |
| + text-align: center; | |
| +} | |
| +.module-watch .watch-video #inline-video-player { | |
| + margin: 40px auto; | |
| + max-width: 80%; | |
| +} | |
| +.module-watch .watch-video #featured-video { | |
| + background-size: cover; | |
| + display: block; | |
| + height: 380px; | |
| + margin: 0 auto 40px; | |
| + max-width: 100%; | |
| + width: 600px; | |
| +} | |
| +.module-watch .watch-video #featured-video .btn { | |
| + margin-top: 165px; | |
| +} | |
| +.module-watch .watch-video .module-footer { | |
| + text-align: left; | |
| +} | |
| +.module-watch .watch-video .module-footer p { | |
| + font: normal 18px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + margin: 0; | |
| +} | |
| +.module-watch .watch-video .module-footer .share-button { | |
| + margin-top: 30px; | |
| + margin-bottom: 30px; | |
| +} | |
| +.module-watch .watch-primary-source, | |
| +.module-watch .watch-other-sources { | |
| + text-align: center; | |
| + color: #555555; | |
| +} | |
| +.module-watch .watch-primary-source .module-header .module-title, | |
| +.module-watch .watch-other-sources .module-header .module-title { | |
| + max-width: 100% !important; | |
| +} | |
| +.module-watch .watch-primary-source { | |
| + background: #222222; | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-watch .watch-primary-source a { | |
| + margin: 0 auto; | |
| + display: block; | |
| +} | |
| +.module-watch .watch-primary-source .source-link { | |
| + -moz-transition: 0.35s ease; | |
| + -webkit-transition: 0.35s ease; | |
| + -o-transition: 0.35s ease; | |
| + transition: 0.35s ease; | |
| +} | |
| +.module-watch .watch-primary-source .source-link:hover { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.5; | |
| + -moz-opacity: 0.5; | |
| + opacity: 0.5; | |
| + filter: alpha(opacity=50); | |
| +} | |
| +.module-watch .watch-primary-source .source-logo { | |
| + color: #fff; | |
| + font-size: 120px; | |
| + line-height: 0.25; | |
| +} | |
| +.module-watch .watch-primary-source .source-caption { | |
| + font: normal 18px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| +} | |
| +.module-watch .watch-primary-source .ad-box { | |
| + height: 400px; | |
| + min-height: 400px; | |
| + max-height: 400px; | |
| +} | |
| +@media only screen and (max-width: 0px) { | |
| + .module-watch .watch-primary-source .ad-box { | |
| + height: auto; | |
| + min-height: 0; | |
| + max-height: none; | |
| + } | |
| +} | |
| +.module-watch .watch-other-sources { | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-watch .watch-other-sources p { | |
| + font: normal 18px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + margin: 0; | |
| +} | |
| +.module-watch .watch-other-sources ul.sources { | |
| + margin: 2em auto; | |
| + padding: 0; | |
| + max-width: 80%; | |
| +} | |
| +.module-watch .watch-other-sources ul.sources li { | |
| + list-style: none; | |
| + display: inline-block; | |
| + width: 30%; | |
| + padding: 0.4em; | |
| +} | |
| +.module-watch .watch-other-sources ul.sources li .source-link, | |
| +.module-watch .watch-other-sources ul.sources li .source-logo { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + background-color: transparent; | |
| + background-size: contain; | |
| + display: block; | |
| + padding-top: 40%; | |
| + -moz-transition: 0.25s; | |
| + -webkit-transition: 0.25s; | |
| + -o-transition: 0.25s; | |
| + transition: 0.25s; | |
| +} | |
| +.module-watch .watch-other-sources ul.sources li .source-link.bg-contain, | |
| +.module-watch .watch-other-sources ul.sources li .source-logo.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-watch .watch-other-sources ul.sources li .source-link:hover, | |
| +.module-watch .watch-other-sources ul.sources li .source-logo { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.5; | |
| + -moz-opacity: 0.5; | |
| + opacity: 0.5; | |
| + filter: alpha(opacity=50); | |
| +} | |
| +/* Large squares module */ | |
| +.module-squares-large .grid-box .grid-box-bio, | |
| +.module-squares-large .grid-box.grid-producer { | |
| + background: #fff; | |
| + color: #333333; | |
| + padding: 35px 35px; | |
| + min-height: 400px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-squares-large .grid-box .grid-box-bio, | |
| + .module-squares-large .grid-box.grid-producer { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-squares-large .grid-box .grid-box-bio, | |
| + .module-squares-large .grid-box.grid-producer { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-squares-large .grid-box .grid-box-bio, | |
| + .module-squares-large .grid-box.grid-producer { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-squares-large .grid-box .grid-box-bio, | |
| + .module-squares-large .grid-box.grid-producer { | |
| + min-height: 200px; | |
| + } | |
| +} | |
| +.module-squares-large .grid-box .grid-box-bio h2, | |
| +.module-squares-large .grid-box.grid-producer h2 { | |
| + color: #333333; | |
| + line-height: 0.9; | |
| + font-size: 52.5px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-squares-large .grid-box .grid-box-bio h2, | |
| + .module-squares-large .grid-box.grid-producer h2 { | |
| + font-size: 60px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-squares-large .grid-box .grid-box-bio h2, | |
| + .module-squares-large .grid-box.grid-producer h2 { | |
| + font-size: 45px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-squares-large .grid-box .grid-box-bio h2, | |
| + .module-squares-large .grid-box.grid-producer h2 { | |
| + font-size: 30px; | |
| + } | |
| +} | |
| +.module-squares-large .grid-box .grid-box-bio h6, | |
| +.module-squares-large .grid-box.grid-producer h6 { | |
| + color: #333333; | |
| + line-height: 1.2; | |
| + margin: 15px 0; | |
| +} | |
| +.module-squares-large .grid-box .grid-box-headshot { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + padding-top: 100%; | |
| +} | |
| +.module-squares-large .grid-box .grid-box-headshot.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-squares-large .story-box { | |
| + height: 400px; | |
| +} | |
| +.module-squares-large .topic-box { | |
| + height: 400px; | |
| +} | |
| +.module-squares-large .ad-box { | |
| + min-height: 400px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-squares-large .ad-box { | |
| + min-height: 200px; | |
| + } | |
| +} | |
| +.module-squares-large.bio-squares > .row { | |
| + overflow: hidden; | |
| +} | |
| +.module-squares-large.bio-squares > .row.faux-rows > *:nth-child(2n + 1) { | |
| + clear: left; | |
| +} | |
| +@media only screen and ( max-width: 480px ), only screen and ( max-width: 768px ) { | |
| + .module-squares-large.bio-squares > .row.faux-rows > *:nth-child(2n + 1) { | |
| + clear: none; | |
| + } | |
| + .module-squares-large.bio-squares > .row.faux-rows > *:nth-child(1n + 1) { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-squares-large.bio-squares > .row.faux-rows > *:nth-child(2n + 1) { | |
| + clear: none; | |
| + } | |
| + .module-squares-large.bio-squares > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-squares-large.bio-squares > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: none; | |
| + } | |
| + .module-squares-large.bio-squares > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: left; | |
| + } | |
| +} | |
| +.module-squares-large.bio-squares > .row.faux-rows .blank-slot { | |
| + float: left; | |
| + width: 0; | |
| + height: 0; | |
| + padding: 0 9999px 9999px 0; | |
| + margin: 0 -9999px -9999px 0; | |
| + position: relative; | |
| + background: #eee; | |
| +} | |
| +.module-squares-large.bio-squares > .row .faux-equal-length { | |
| + padding-bottom: 1000px !important; | |
| + margin-bottom: -960px; | |
| +} | |
| +.module-squares-large.name-squares > .row { | |
| + overflow: hidden; | |
| +} | |
| +.module-squares-large.name-squares > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: left; | |
| +} | |
| +@media only screen and ( max-width: 480px ), only screen and ( max-width: 768px ) { | |
| + .module-squares-large.name-squares > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: none; | |
| + } | |
| + .module-squares-large.name-squares > .row.faux-rows > *:nth-child(2n + 1) { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-squares-large.name-squares > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: none; | |
| + } | |
| + .module-squares-large.name-squares > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-squares-large.name-squares > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: none; | |
| + } | |
| + .module-squares-large.name-squares > .row.faux-rows > *:nth-child(3n + 1) { | |
| + clear: left; | |
| + } | |
| +} | |
| +.module-squares-large.name-squares > .row.faux-rows .blank-slot { | |
| + float: left; | |
| + width: 0; | |
| + height: 0; | |
| + padding: 0 9999px 9999px 0; | |
| + margin: 0 -9999px -9999px 0; | |
| + position: relative; | |
| + background: #eee; | |
| +} | |
| +.module-squares-large.name-squares > .row .faux-equal-length { | |
| + padding-bottom: 1040px !important; | |
| + margin-bottom: -960px; | |
| +} | |
| +.module-squares-large > .row .grid-box:nth-child(even) .grid-box-bio, | |
| +.module-squares-large > .row .grid-box:nth-child(even).grid-producer { | |
| + background: #777777; | |
| +} | |
| +/* Small squares module */ | |
| +.module-squares-small { | |
| + height: 300px; | |
| +} | |
| +.module-squares-small .grid-box { | |
| + background: #fff; | |
| + color: #333333; | |
| + text-align: center; | |
| + height: 100%; | |
| +} | |
| +.module-squares-small .grid-box.grid-row-a:nth-child(odd), | |
| +.module-squares-small .grid-box.grid-row-b:nth-child(even) { | |
| + background: #777777; | |
| +} | |
| +.module-squares-small .squares-header { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + height: 25%; | |
| +} | |
| +.module-squares-small .squares-header.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-squares-small .quote-container { | |
| + height: 75%; | |
| +} | |
| +.module-squares-small .quote-container .quote-text { | |
| + padding: 0 40px; | |
| +} | |
| +.module-squares-small .quote-container .quote-text h6 { | |
| + color: #333333; | |
| + line-height: 1.2; | |
| + margin: 0; | |
| +} | |
| +/* Correspondents module */ | |
| +.module-carousel-correspondents .correspondent { | |
| + padding-top: 100%; | |
| + position: relative; | |
| + display: block; | |
| + overflow: hidden; | |
| +} | |
| +.module-carousel-correspondents .correspondent .correspondent-name { | |
| + position: absolute; | |
| + bottom: 15px; | |
| + left: 15px; | |
| + right: 15px; | |
| + color: #fff; | |
| + font-size: 20px; | |
| + line-height: 1.1; | |
| + margin: 0; | |
| + z-index: 2; | |
| + zoom: 1; | |
| + -webkit-opacity: 0.65; | |
| + -moz-opacity: 0.65; | |
| + opacity: 0.65; | |
| + filter: alpha(opacity=65); | |
| + -moz-transition: 0.75s ease; | |
| + -webkit-transition: 0.75s ease; | |
| + -o-transition: 0.75s ease; | |
| + transition: 0.75s ease; | |
| +} | |
| +.module-carousel-correspondents .correspondent .correspondent-photo { | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| + bottom: 0; | |
| + right: 0; | |
| + z-index: 1; | |
| + width: 100%; | |
| + zoom: 1; | |
| + -webkit-opacity: 0.65; | |
| + -moz-opacity: 0.65; | |
| + opacity: 0.65; | |
| + filter: alpha(opacity=65); | |
| + -moz-transition: 1s ease; | |
| + -webkit-transition: 1s ease; | |
| + -o-transition: 1s ease; | |
| + transition: 1s ease; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-carousel-correspondents .correspondent:hover .correspondent-name { | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-carousel-correspondents .correspondent:hover .correspondent-photo { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + -moz-transform: scale(1.05, 1.05); | |
| + -webkit-transform: scale(1.05, 1.05); | |
| + -ms-transform: scale(1.05, 1.05); | |
| + -o-transform: scale(1.05, 1.05); | |
| + transform: scale(1.05, 1.05); | |
| +} | |
| +/* Share overlay module */ | |
| +.module-share-overlay .module-header { | |
| + background: #000; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-share-overlay .module-header .module-title { | |
| + color: #666; | |
| + font-size: 40px; | |
| + margin: 0; | |
| +} | |
| +.module-share-overlay .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-share-overlay .module-header .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-share-overlay .module-header .btn-close:before, | |
| +.module-share-overlay .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| +} | |
| +.module-share-overlay .module-header .btn-close:after { | |
| + top: 100%; | |
| +} | |
| +.module-share-overlay .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-share-overlay .module-header .btn-close:hover:after, | |
| +.module-share-overlay .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-share-overlay .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.module-share-overlay .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| +} | |
| +.module-share-overlay.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| +} | |
| +.module-share-overlay.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-share-overlay .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .module-share-overlay .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-share-overlay .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| +} | |
| +.module-share-overlay .module-header { | |
| + height: 90px; | |
| +} | |
| +.module-share-overlay .module-header h3 { | |
| + line-height: 1; | |
| +} | |
| +.module-share-overlay .share-overlay-body { | |
| + background: #1a1919; | |
| + height: 290px; | |
| + padding-top: 50px; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-buttons .btn { | |
| + min-width: 0; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url { | |
| + margin-top: 30px; | |
| + position: relative; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url input[type=text], | |
| +.module-share-overlay .share-overlay-body .share-url input[type=email], | |
| +.module-share-overlay .share-overlay-body .share-url input[type=password], | |
| +.module-share-overlay .share-overlay-body .share-url textarea { | |
| + background: #333333; | |
| + border: none; | |
| + color: #777777; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + line-height: 40px; | |
| + height: 60px; | |
| + padding: 10px 12px; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url input[type=text]::-webkit-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=email]::-webkit-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=password]::-webkit-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url textarea::-webkit-input-placeholder { | |
| + color: #777777; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url input[type=text]:-moz-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=email]:-moz-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=password]:-moz-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url textarea:-moz-placeholder { | |
| + color: #777777; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url input[type=text]::-moz-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=email]::-moz-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=password]::-moz-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url textarea::-moz-placeholder { | |
| + color: #777777; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url input[type=text]:-ms-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=email]:-ms-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=password]:-ms-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url textarea:-ms-input-placeholder { | |
| + color: #777777; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url input[type=text]::-moz-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=email]::-moz-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=password]::-moz-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url textarea::-moz-placeholder { | |
| + color: #777777; | |
| + opacity: 1; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url input[type=text]:-ms-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=email]:-ms-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=password]:-ms-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url textarea:-ms-input-placeholder { | |
| + color: #777777; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url input[type=text]::-webkit-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=email]::-webkit-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url input[type=password]::-webkit-input-placeholder, | |
| +.module-share-overlay .share-overlay-body .share-url textarea::-webkit-input-placeholder { | |
| + color: #777777; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url textarea { | |
| + height: auto; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url input[type=text] { | |
| + width: 100%; | |
| +} | |
| +.module-share-overlay .share-overlay-body .share-url .btn { | |
| + position: absolute; | |
| + top: 0; | |
| + right: 0; | |
| + bottom: 0; | |
| +} | |
| +.module-share-overlay .form-share-email { | |
| + background: #1a1919; | |
| + margin: 0; | |
| + padding: 35px 35px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-share-overlay .form-share-email { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-share-overlay .form-share-email { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-share-overlay .form-share-email { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.module-share-overlay .form-share-email label { | |
| + color: #7a7a7a; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| + line-height: 50px; | |
| + padding-right: 10px; | |
| + padding-top: 0; | |
| + text-transform: uppercase; | |
| + white-space: nowrap; | |
| +} | |
| +.module-share-overlay .form-share-email .form-control { | |
| + background: #333333; | |
| + border: none; | |
| + color: #dfdfdf; | |
| + font-size: 18px; | |
| + height: 50px; | |
| + line-height: 40px; | |
| + padding-bottom: 10px; | |
| + padding-top: 10px; | |
| + border: solid 2px #333333; | |
| + -moz-transition: 0.35s; | |
| + -webkit-transition: 0.35s; | |
| + -o-transition: 0.35s; | |
| + transition: 0.35s; | |
| +} | |
| +.module-share-overlay .form-share-email .form-control:focus { | |
| + outline: none; | |
| + border-color: #555555; | |
| + -moz-box-shadow: none; | |
| + -webkit-box-shadow: none; | |
| + box-shadow: none; | |
| +} | |
| +.module-share-overlay .form-share-email textarea.form-control { | |
| + height: auto; | |
| + line-height: inherit; | |
| + margin-bottom: 15px; | |
| +} | |
| +.module-share-overlay .form-share-email .btn { | |
| + padding-bottom: 20px; | |
| + padding-top: 20px; | |
| +} | |
| +.module-share-overlay .form-share-email-preview { | |
| + background: #333333; | |
| + color: #fff; | |
| + font-size: 18px; | |
| + font-style: italic; | |
| + padding: 10px; | |
| + margin-top: 20px; | |
| + border-left: solid 5px #555555; | |
| +} | |
| +.module-share-overlay .form-share-email-preview .share-preview-title { | |
| + font-size: 24px; | |
| + font-style: normal; | |
| + margin-bottom: 15px; | |
| +} | |
| +.module-share-overlay .form-share-email-preview .share-preview-link { | |
| + color: #ed4503; | |
| + font-style: normal; | |
| +} | |
| +.module-share-overlay .form-your-story { | |
| + height: 370px; | |
| +} | |
| +.module-facts { | |
| + min-height: 587px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts { | |
| + min-height: 293.5px; | |
| + } | |
| +} | |
| +.module-facts .module-header { | |
| + background: #000; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-facts .module-header .module-title { | |
| + color: #666; | |
| + font-size: 40px; | |
| + margin: 0; | |
| +} | |
| +.module-facts .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-facts .module-header .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-facts .module-header .btn-close:before, | |
| +.module-facts .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| +} | |
| +.module-facts .module-header .btn-close:after { | |
| + top: 100%; | |
| +} | |
| +.module-facts .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-facts .module-header .btn-close:hover:after, | |
| +.module-facts .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-facts .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.module-facts .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| +} | |
| +.module-facts.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| +} | |
| +.module-facts.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .module-facts .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-facts .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| +} | |
| +.module-facts .fact { | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| +} | |
| +.module-facts .fact:nth-child(odd) { | |
| + background: #1a1919; | |
| +} | |
| +.module-facts .fact:nth-child(even) { | |
| + background: #222121; | |
| +} | |
| +.module-facts .fact .fact-media-box { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + padding-top: 50%; | |
| + position: relative; | |
| + display: block; | |
| +} | |
| +.module-facts .fact .fact-media-box.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-facts .fact .fact-media-box .btn { | |
| + position: absolute; | |
| + top: 50%; | |
| + left: 50%; | |
| + margin: -25px 0 0 -25px; | |
| +} | |
| +.module-facts .fact .fact-text-box { | |
| + padding: 20px 40px; | |
| +} | |
| +.module-facts .fact .fact-text-box h3 { | |
| + color: #ed4503; | |
| + font-size: 60px; | |
| + margin: 0 0 10px; | |
| +} | |
| +.module-facts .fact .fact-text-box h3 span { | |
| + font-size: 24px; | |
| +} | |
| +.module-facts .fact .fact-text-box h3 sup, | |
| +.module-facts .fact .fact-text-box h3 sub { | |
| + text-transform: none; | |
| +} | |
| +.module-facts .fact .fact-text-box p { | |
| + font-size: 18px; | |
| +} | |
| +.module-facts .fact .fact-text-box .source, | |
| +.module-facts .fact .fact-text-box .source a { | |
| + color: #7a7a7a; | |
| + text-transform: uppercase; | |
| +} | |
| +.module-facts .fact .fact-text-box .source a:hover { | |
| + text-decoration: underline; | |
| +} | |
| +/* Blog link module */ | |
| +.module-blog-link { | |
| + background: #1a1919; | |
| +} | |
| +.module-blog-link, | |
| +.module-blog-link .text-box, | |
| +.module-blog-link .media-box { | |
| + height: 300px; | |
| + min-height: 300px; | |
| + max-height: 300px; | |
| +} | |
| +@media only screen and (max-width: 0px) { | |
| + .module-blog-link, | |
| + .module-blog-link .text-box, | |
| + .module-blog-link .media-box { | |
| + height: auto; | |
| + min-height: 0; | |
| + max-height: none; | |
| + } | |
| +} | |
| +.module-blog-link .text-box blockquote { | |
| + margin: 0; | |
| + padding: 0 0 0 60px; | |
| + font: normal 26px / 1.2 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + position: relative; | |
| +} | |
| +.module-blog-link .text-box blockquote:before { | |
| + content: "\201C"; | |
| + font-size: 300%; | |
| + position: absolute; | |
| + top: -0.25em; | |
| + left: -0.05em; | |
| + display: block; | |
| +} | |
| +.module-blog-link .text-box blockquote p { | |
| + margin: 15px 0; | |
| + font-size: inherit; | |
| +} | |
| +.module-blog-link .text-box blockquote footer { | |
| + margin: 20px 0 0 -60px; | |
| +} | |
| +.module-blog-link .text-box blockquote footer cite { | |
| + display: block; | |
| + font: italic 20px Georgia, "Times New Roman", Times, serif; | |
| +} | |
| +.module-blog-link .text-box nav { | |
| + margin: 30px 0 0 -60px; | |
| +} | |
| +.module-blog-link .text-box .content-container { | |
| + padding: 30px 40px; | |
| +} | |
| +.module-blog-link .text-box blockquote { | |
| + color: #fff; | |
| + font: normal 16px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + margin: 10px 0; | |
| + padding-left: 30px; | |
| +} | |
| +.module-blog-link .text-box blockquote:before { | |
| + color: #ed4503; | |
| +} | |
| +.module-blog-link .text-box .cta-link { | |
| + display: inline-block; | |
| + position: absolute; | |
| + bottom: 30px; | |
| +} | |
| +.module-blog-link .text-box .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-blog-link .text-box .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-blog-link .text-box .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-blog-link .text-box .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-blog-link .text-box .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-blog-link .text-box .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-blog-link .text-box .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-blog-link .text-box .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-blog-link .text-box a { | |
| + text-decoration: none; | |
| +} | |
| +.module-blog-link .text-box h3 { | |
| + color: #7a7a7a; | |
| + margin: 10px 0; | |
| +} | |
| +.module-blog-link .media-box, | |
| +.module-blog-link .media-box a { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| +} | |
| +.module-blog-link .media-box.bg-contain, | |
| +.module-blog-link .media-box a.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-blog-link .media-box a { | |
| + display: block; | |
| + width: 100%; | |
| + height: 100%; | |
| +} | |
| +/* Topic link module */ | |
| +.module-topic-link, | |
| +.module-topic-link .text-box, | |
| +.module-topic-link .media-box { | |
| + height: 300px; | |
| + min-height: 300px; | |
| + max-height: 300px; | |
| +} | |
| +@media only screen and (max-width: 0px) { | |
| + .module-topic-link, | |
| + .module-topic-link .text-box, | |
| + .module-topic-link .media-box { | |
| + height: auto; | |
| + min-height: 0; | |
| + max-height: none; | |
| + } | |
| +} | |
| +.module-topic-link .media-box { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| +} | |
| +.module-topic-link .media-box.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-topic-link .media-box .content-container { | |
| + padding: 30px 40px; | |
| + color: #fff; | |
| + position: absolute; | |
| + bottom: 0; | |
| + left: 0; | |
| +} | |
| +.module-topic-link .media-box h3 { | |
| + font-size: 60px; | |
| + margin: 0; | |
| + color: #fff; | |
| +} | |
| +.module-topic-link .media-box p { | |
| + font: normal 20px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + margin: 0 10% 0 0; | |
| +} | |
| +.module-topic-link .media-box .cta-link { | |
| + display: inline-block; | |
| + margin-top: 30px; | |
| +} | |
| +.module-topic-link .media-box .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-topic-link .media-box .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-topic-link .media-box .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-topic-link .media-box .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-topic-link .media-box .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-topic-link .media-box .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-topic-link .media-box .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-topic-link .media-box .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-episodes-stories .sidebar-column { | |
| + background: #1a1919; | |
| + overflow: hidden; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-episodes-stories .sidebar-column:after { | |
| + position: absolute; | |
| + left: 0; | |
| + bottom: 0; | |
| + right: 0; | |
| + height: 200px; | |
| + background-image: -webkit-linear-gradient(top, rgba(26, 25, 25, 0) 0%, #1a1919 100%); | |
| + background-image: -o-linear-gradient(top, rgba(26, 25, 25, 0) 0%, #1a1919 100%); | |
| + background-image: linear-gradient(to bottom, rgba(26, 25, 25, 0) 0%, #1a1919 100%); | |
| + background-repeat: repeat-x; | |
| + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001a1919', endColorstr='#ff1a1919', GradientType=0); | |
| + display: block; | |
| + content: ""; | |
| + z-index: 1; | |
| + } | |
| +} | |
| +.module-episodes-stories .module-squares-large.story-squares { | |
| + margin-bottom: 0; | |
| +} | |
| +.module-episodes-stories .module-squares-large.story-squares .story-index:first-child { | |
| + width: 100% !important; | |
| +} | |
| +.module-episodes-stories .module-squares-large.story-squares .story-index:first-child .story-cover-wide-bg { | |
| + display: block; | |
| +} | |
| +.module-episodes-stories .module-airdates, | |
| +.module-episodes-stories .module-press { | |
| + padding: 35px 35px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-episodes-stories .module-airdates, | |
| + .module-episodes-stories .module-press { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-episodes-stories .module-airdates, | |
| + .module-episodes-stories .module-press { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-episodes-stories .module-airdates, | |
| + .module-episodes-stories .module-press { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.module-episodes-stories .module-airdates h3, | |
| +.module-episodes-stories .module-press h3 { | |
| + font-size: 30px; | |
| + color: #7e7e7e; | |
| +} | |
| +.module-episodes-stories .module-airdates h3 [class*="icon-"], | |
| +.module-episodes-stories .module-press h3 [class*="icon-"] { | |
| + color: #222222; | |
| + margin-right: 0.35em; | |
| +} | |
| +.module-episodes-stories .module-airdates { | |
| + background: #777777; | |
| +} | |
| +.module-episodes-stories .module-airdates ul { | |
| + margin: 2em 0; | |
| + padding: 0; | |
| +} | |
| +.module-episodes-stories .module-airdates ul li { | |
| + list-style: none; | |
| + margin: 0; | |
| + padding: 0.3em 0 0.5em; | |
| + -moz-transition: 0.4s ease; | |
| + -webkit-transition: 0.4s ease; | |
| + -o-transition: 0.4s ease; | |
| + transition: 0.4s ease; | |
| +} | |
| +.module-episodes-stories .module-airdates ul li h4 { | |
| + color: #ed4503; | |
| + font-size: 30px; | |
| + margin: 0.15em 0; | |
| +} | |
| +.module-episodes-stories .module-airdates ul li p { | |
| + font: normal 18px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + margin: 0; | |
| +} | |
| +.module-episodes-stories .module-airdates ul li:hover { | |
| + box-shadow: inset 300px 0 0 rgba(255, 255, 255, 0.3), -5px 0 0 rgba(255, 255, 255, 0.3); | |
| +} | |
| +.module-episodes-stories .module-press .headlines { | |
| + margin-top: 5em; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-episodes-stories .module-press .headlines { | |
| + position: absolute; | |
| + } | |
| +} | |
| +.module-episodes-stories .module-press blockquote { | |
| + margin: 0; | |
| + padding: 0; | |
| + font: normal 26px / 1.5 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + position: relative; | |
| +} | |
| +.module-episodes-stories .module-press blockquote:before { | |
| + content: "\201C"; | |
| + font-size: 700%; | |
| + position: absolute; | |
| + bottom: 100%; | |
| + margin: 0 0 -0.75em -0.07em; | |
| + left: 0; | |
| + display: block; | |
| +} | |
| +.module-episodes-stories .module-press blockquote p { | |
| + margin: 15px 0; | |
| + font-size: inherit; | |
| +} | |
| +.module-episodes-stories .module-press blockquote footer { | |
| + margin-top: 35px; | |
| +} | |
| +.module-episodes-stories .module-press blockquote footer cite { | |
| + display: block; | |
| + font: italic 20px Georgia, "Times New Roman", Times, serif; | |
| +} | |
| +.module-episodes-stories .module-press nav { | |
| + margin-top: 30px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-episodes-stories .module-press blockquote { | |
| + font-size: 24px; | |
| + } | |
| +} | |
| +.module-episodes-stories .module-press blockquote { | |
| + color: #eeeeee; | |
| + -moz-transition: opacity 1s ease; | |
| + -webkit-transition: opacity 1s ease; | |
| + -o-transition: opacity 1s ease; | |
| + transition: opacity 1s ease; | |
| +} | |
| +.module-episodes-stories .module-press blockquote:before { | |
| + color: #ed4503; | |
| + font-size: 500%; | |
| +} | |
| +.module-episodes-stories .module-press blockquote p { | |
| + font-size: 40px; | |
| + line-height: 1.2; | |
| + margin: 0; | |
| +} | |
| +.module-episodes-stories .module-press blockquote footer { | |
| + margin-top: 15px; | |
| +} | |
| +.module-episodes-stories .module-press blockquote footer cite { | |
| + color: #9d9c9c; | |
| +} | |
| +.module-episodes-stories .module-press blockquote + blockquote { | |
| + padding-top: 2em; | |
| +} | |
| +.module-episodes-stories .module-press blockquote + blockquote:before { | |
| + display: none; | |
| +} | |
| +.module-episodes-stories .module-press blockquote.invisible { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-group-title { | |
| + padding-bottom: 40px !important; | |
| + padding-top: 125px !important; | |
| +} | |
| +.module-group-title:before, | |
| +.module-group-title:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-group-title:after { | |
| + clear: both; | |
| +} | |
| +.module-group-title:before, | |
| +.module-group-title:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-group-title:after { | |
| + clear: both; | |
| +} | |
| +.module-group-title.super-hero { | |
| + padding-bottom: 125px !important; | |
| + padding-top: 200px !important; | |
| +} | |
| +.module-group-title .hero-title { | |
| + margin-bottom: 20px; | |
| + font-size: 85px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-group-title .hero-title { | |
| + font-size: 100px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-group-title .hero-title { | |
| + font-size: 70px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-group-title .hero-title { | |
| + font-size: 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-group-title .hero-title { | |
| + margin-bottom: 0; | |
| + } | |
| +} | |
| +.module-group-title h2, | |
| +.module-group-title h3 { | |
| + max-width: 80%; | |
| +} | |
| +.module-group-title h2 { | |
| + font-size: 52.5px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-group-title h2 { | |
| + font-size: 60px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-group-title h2 { | |
| + font-size: 45px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-group-title h2 { | |
| + font-size: 30px; | |
| + } | |
| +} | |
| +.module-group-title h3 { | |
| + color: #fff; | |
| + font-size: 24px; | |
| + margin: 30px 0 0; | |
| + text-transform: none; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-group-title h3 { | |
| + font-size: 25px; | |
| + margin: 0; | |
| + } | |
| +} | |
| +.module-group-title p { | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| + max-width: 70%; | |
| +} | |
| +.module-elected-officials .module-header { | |
| + background: #333333; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-elected-officials .module-header .module-title { | |
| + color: #fff; | |
| + font-size: 30px; | |
| + margin: 0; | |
| +} | |
| +.module-elected-officials .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-elected-officials .module-header .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-elected-officials .module-header .btn-close:before, | |
| +.module-elected-officials .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| +} | |
| +.module-elected-officials .module-header .btn-close:after { | |
| + top: 100%; | |
| +} | |
| +.module-elected-officials .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-elected-officials .module-header .btn-close:hover:after, | |
| +.module-elected-officials .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-elected-officials .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.module-elected-officials .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| +} | |
| +.module-elected-officials.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| +} | |
| +.module-elected-officials.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-elected-officials .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .module-elected-officials .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-elected-officials .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| +} | |
| +.module-elected-officials .module-header { | |
| + padding: 20px 0; | |
| +} | |
| +.module-elected-officials .media-feature-box { | |
| + min-height: 532px; | |
| +} | |
| +.module-elected-officials .elected-cta { | |
| + background: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container { | |
| + padding: 40px 40px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-elected-officials .elected-cta .content-container { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-elected-officials .elected-cta .content-container { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-elected-officials .elected-cta .content-container { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +.module-elected-officials .elected-cta .content-container h3 { | |
| + margin: 0; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .elected-cta-image { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + background-color: #fff; | |
| + background-size: contain; | |
| + height: 200px; | |
| + width: 100%; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .elected-cta-image.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .form-control { | |
| + background: #c2c2c2; | |
| + color: #000; | |
| + float: left; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + font-weight: 300; | |
| + height: 52px; | |
| + text-transform: uppercase; | |
| + width: 60%; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .form-control::-webkit-input-placeholder { | |
| + color: #333333; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .form-control:-moz-placeholder { | |
| + color: #333333; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .form-control::-moz-placeholder { | |
| + color: #333333; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .form-control:-ms-input-placeholder { | |
| + color: #333333; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .form-control::-moz-placeholder { | |
| + color: #333333; | |
| + opacity: 1; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .form-control:-ms-input-placeholder { | |
| + color: #333333; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .form-control::-webkit-input-placeholder { | |
| + color: #333333; | |
| +} | |
| +.module-elected-officials .elected-cta .content-container .btn { | |
| + float: left; | |
| + min-width: 50px; | |
| + width: 40%; | |
| +} | |
| +/* Tweets + video two column module */ | |
| +.module-tweets-video { | |
| + background: #2c2c2c; | |
| +} | |
| +.module-tweets-video .col-tweet-list { | |
| + padding: 35px 35px; | |
| + background: #2c2c2c; | |
| + padding-top: 125px !important; | |
| + color: #777777; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-tweets-video .col-tweet-list { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-tweets-video .col-tweet-list { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-tweets-video .col-tweet-list { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.module-tweets-video .col-tweet-list h3 { | |
| + color: #7e7e7e; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-tweets-video .col-tweet-list h4 { | |
| + color: #fff; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-tweets-video .col-tweet-list a { | |
| + color: #00abed; | |
| +} | |
| +.module-tweets-video .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| + padding: 0 !important; | |
| + right: 0; | |
| + text-align: left; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-tweets-video .col-tweet-list .btn-connect { | |
| + font-size: 26px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-tweets-video .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1420px ) { | |
| + .module-tweets-video .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + } | |
| +} | |
| +.module-tweets-video .col-tweet-list .btn-connect i { | |
| + font-size: 48px; | |
| + margin-left: 40px; | |
| + margin-right: 20px; | |
| + margin-top: -5px; | |
| + vertical-align: middle; | |
| +} | |
| +/* Quotes carousel module */ | |
| +.module-quotes { | |
| + background: #fff; | |
| +} | |
| +.module-quotes .quote-symbol { | |
| + left: 50%; | |
| + position: absolute; | |
| + top: 0px; | |
| +} | |
| +.module-quotes .quote-symbol:before { | |
| + content: "\201C"; | |
| + color: #ed4503; | |
| + font-size: 1600%; | |
| + position: absolute; | |
| + top: -45px; | |
| + margin: 0; | |
| + left: 25px; | |
| + display: block; | |
| +} | |
| +.module-quotes .list-item { | |
| + background: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + padding: 20px 0; | |
| + width: 100%; | |
| +} | |
| +.module-quotes .list-item cite { | |
| + color: #757575; | |
| + display: block; | |
| + font-family: Georgia, "Times New Roman", Times, serif; | |
| + font-weight: 300; | |
| + font-size: 18px; | |
| +} | |
| +.module-quotes .list-item cite .cite-name { | |
| + font-weight: 600; | |
| +} | |
| +.module-quotes .list-item .source-link { | |
| + display: inline-block; | |
| + margin-top: 18px; | |
| +} | |
| +.module-quotes .owl-buttons .disabled { | |
| + display: none; | |
| +} | |
| +/* Logos carousel module */ | |
| +.module-logos { | |
| + background: #fff; | |
| +} | |
| +.module-logos .module-header { | |
| + background: #333333; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-logos .module-header .module-title { | |
| + color: #fff; | |
| + font-size: 40px; | |
| + margin: 0; | |
| +} | |
| +.module-logos .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-logos .module-header .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-logos .module-header .btn-close:before, | |
| +.module-logos .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| +} | |
| +.module-logos .module-header .btn-close:after { | |
| + top: 100%; | |
| +} | |
| +.module-logos .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-logos .module-header .btn-close:hover:after, | |
| +.module-logos .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-logos .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.module-logos .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| +} | |
| +.module-logos.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| +} | |
| +.module-logos.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-logos .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .module-logos .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-logos .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| +} | |
| +.module-logos .module-header { | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + padding-bottom: 25px; | |
| + padding-top: 30px; | |
| +} | |
| +.module-logos .module-header .module-subtitle { | |
| + margin: 4px 0; | |
| +} | |
| +.module-logos .list-item { | |
| + background: #fff; | |
| + padding: 2%; | |
| + width: 100%; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-logos .list-item { | |
| + padding: 2%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-logos .list-item { | |
| + padding: 2%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-logos .list-item { | |
| + padding: 10%; | |
| + } | |
| +} | |
| +.module-logos .list-item a { | |
| + background: #fff center center / contain no-repeat; | |
| + display: block; | |
| + height: 125px; | |
| + width: 100%; | |
| +} | |
| +/* Solutions + facts module */ | |
| +.module-solution-facts { | |
| + background: #fff; | |
| +} | |
| +.module-solution-facts .module-header { | |
| + background: #fff; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-solution-facts .module-header .module-title { | |
| + color: #757575; | |
| + font-size: 40px; | |
| + margin: 0; | |
| +} | |
| +.module-solution-facts .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-solution-facts .module-header .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-solution-facts .module-header .btn-close:before, | |
| +.module-solution-facts .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| +} | |
| +.module-solution-facts .module-header .btn-close:after { | |
| + top: 100%; | |
| +} | |
| +.module-solution-facts .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-solution-facts .module-header .btn-close:hover:after, | |
| +.module-solution-facts .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-solution-facts .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.module-solution-facts .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| +} | |
| +.module-solution-facts.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| +} | |
| +.module-solution-facts.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-solution-facts .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .module-solution-facts .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-solution-facts .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| +} | |
| +.module-solution-facts .module-header { | |
| + padding: 20px 0; | |
| +} | |
| +.module-solution-facts .list-item { | |
| + background: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + padding-top: 20px; | |
| + width: 100%; | |
| +} | |
| +.module-solution-facts .list-item .source-link { | |
| + display: block; | |
| + margin-top: 18px; | |
| +} | |
| +.module-solution-facts .list-item .share-link { | |
| + color: #000; | |
| + display: block; | |
| + text-transform: uppercase; | |
| +} | |
| +.module-solution-facts .list-item .share-link:hover { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.7; | |
| + -moz-opacity: 0.7; | |
| + opacity: 0.7; | |
| + filter: alpha(opacity=70); | |
| +} | |
| +/* CTAs + tweets two column module */ | |
| +.module-ctas-tweets { | |
| + background: #2c2c2c; | |
| +} | |
| +.module-ctas-tweets .cta-box { | |
| + height: 200px; | |
| + overflow: hidden; | |
| + position: relative; | |
| +} | |
| +.module-ctas-tweets .cta-box a { | |
| + display: inline-block; | |
| + height: 200px; | |
| + position: absolute; | |
| + width: 100%; | |
| + z-index: 3; | |
| +} | |
| +.module-ctas-tweets .cta-box a .background-frame { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + display: inline-block; | |
| + height: 200px !important; | |
| + position: absolute; | |
| + width: 100%; | |
| + z-index: -1; | |
| + zoom: 1; | |
| + -webkit-opacity: 0.65; | |
| + -moz-opacity: 0.65; | |
| + opacity: 0.65; | |
| + filter: alpha(opacity=65); | |
| + -moz-transition: 1s ease; | |
| + -webkit-transition: 1s ease; | |
| + -o-transition: 1s ease; | |
| + transition: 1s ease; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-ctas-tweets .cta-box a .background-frame.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-ctas-tweets .cta-box a:hover .background-frame { | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| + -moz-transform: scale(1.05, 1.05); | |
| + -webkit-transform: scale(1.05, 1.05); | |
| + -ms-transform: scale(1.05, 1.05); | |
| + -o-transform: scale(1.05, 1.05); | |
| + transform: scale(1.05, 1.05); | |
| +} | |
| +.module-ctas-tweets .cta-box a h2 { | |
| + margin-left: 40px; | |
| +} | |
| +.module-ctas-tweets .col-tweet-list { | |
| + padding: 35px 35px; | |
| + background: #2c2c2c; | |
| + padding-top: 125px !important; | |
| + color: #777777; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-ctas-tweets .col-tweet-list { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-ctas-tweets .col-tweet-list { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-ctas-tweets .col-tweet-list { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.module-ctas-tweets .col-tweet-list h3 { | |
| + color: #7e7e7e; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-ctas-tweets .col-tweet-list h4 { | |
| + color: #fff; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-ctas-tweets .col-tweet-list a { | |
| + color: #00abed; | |
| +} | |
| +.module-ctas-tweets .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| + padding: 0 !important; | |
| + right: 0; | |
| + text-align: left; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-ctas-tweets .col-tweet-list .btn-connect { | |
| + font-size: 26px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-ctas-tweets .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1420px ) { | |
| + .module-ctas-tweets .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + } | |
| +} | |
| +.module-ctas-tweets .col-tweet-list .btn-connect i { | |
| + font-size: 48px; | |
| + margin-left: 40px; | |
| + margin-right: 20px; | |
| + margin-top: -5px; | |
| + vertical-align: middle; | |
| +} | |
| +/* Quiz + tweets two column module */ | |
| +.module-tweets-quiz { | |
| + background: #2c2c2c; | |
| +} | |
| +.module-tweets-quiz .col-tweet-list { | |
| + padding: 35px 35px; | |
| + background: #2c2c2c; | |
| + padding-top: 125px !important; | |
| + color: #777777; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-tweets-quiz .col-tweet-list { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-tweets-quiz .col-tweet-list { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-tweets-quiz .col-tweet-list { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.module-tweets-quiz .col-tweet-list h3 { | |
| + color: #7e7e7e; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-tweets-quiz .col-tweet-list h4 { | |
| + color: #fff; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-tweets-quiz .col-tweet-list a { | |
| + color: #00abed; | |
| +} | |
| +.module-tweets-quiz .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| + padding: 0 !important; | |
| + right: 0; | |
| + text-align: left; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-tweets-quiz .col-tweet-list .btn-connect { | |
| + font-size: 26px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-tweets-quiz .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1420px ) { | |
| + .module-tweets-quiz .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + } | |
| +} | |
| +.module-tweets-quiz .col-tweet-list .btn-connect i { | |
| + font-size: 48px; | |
| + margin-left: 40px; | |
| + margin-right: 20px; | |
| + margin-top: -5px; | |
| + vertical-align: middle; | |
| +} | |
| +.module-tweets-quiz .media-quiz { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| +} | |
| +.module-tweets-quiz .media-quiz.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-tweets-quiz .media-quiz .quiz-intro { | |
| + margin-bottom: 30px; | |
| +} | |
| +.module-tweets-quiz .media-quiz .quiz-intro p { | |
| + margin: 0; | |
| +} | |
| +.module-tweets-quiz .media-quiz .quiz-intro h2 { | |
| + color: #000; | |
| + font-size: 40px; | |
| +} | |
| +.module-tweets-quiz .media-quiz .quiz-intro h1 { | |
| + color: #ed4503; | |
| + font-size: 60px; | |
| +} | |
| +.module-tweets-quiz .media-quiz .quiz-intro .cta-text { | |
| + color: #000; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| + margin: 20px 0 30px; | |
| + text-transform: uppercase; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item { | |
| + padding: 55px 55px; | |
| + width: 100%; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-tweets-quiz .media-quiz .list-item { | |
| + padding: 60px 60px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-tweets-quiz .media-quiz .list-item { | |
| + padding: 50px 50px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-tweets-quiz .media-quiz .list-item { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content { | |
| + background: #000; | |
| + padding: 35px 35px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content h2 { | |
| + color: #ed4503; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content h3 { | |
| + color: #ed4503; | |
| + font-size: 30px; | |
| + margin-bottom: 10px; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content h3 .of-count { | |
| + color: #999999; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-text { | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-weight: 300; | |
| + font-size: 24px; | |
| + line-height: 1.2; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-text p { | |
| + margin-top: 10px; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-text span { | |
| + color: #ed4503; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-result-text { | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| + text-transform: uppercase; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons { | |
| + color: #fff; | |
| + font-size: 24px; | |
| + margin: 30px 0 0; | |
| + text-transform: uppercase; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons:before, | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons:after { | |
| + clear: both; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons:before, | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons:after { | |
| + clear: both; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons .btn-primary { | |
| + font-size: 30px; | |
| + font-weight: 300; | |
| + min-width: 210px; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons .or { | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + line-height: 47px; | |
| + padding: 0 20px; | |
| +} | |
| +@media only screen and ( min-width: 992px ), only screen and ( max-width: 768px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons { | |
| + display: inline-block; | |
| + text-align: center; | |
| + } | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons .cta-link { | |
| + margin: 30px 0 0; | |
| + } | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons .or { | |
| + display: block; | |
| + } | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons .next-question { | |
| + display: block; | |
| + float: none; | |
| + margin: 30px 0 0; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons { | |
| + display: block; | |
| + text-align: left; | |
| + } | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons .or { | |
| + display: inline-block; | |
| + padding: 0 20px; | |
| + } | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content .quiz-buttons .next-question { | |
| + float: right; | |
| + } | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .cta-link { | |
| + display: inline-block; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content h3 { | |
| + font-size: 40px; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row { | |
| + background: #333333; | |
| + margin: 20px 0; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane { | |
| + padding: 35px 35px; | |
| + border-bottom: 1px solid #000; | |
| + border-right: 1px solid #000; | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 20px; | |
| + height: 100%; | |
| + text-transform: uppercase; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane .quiz-score { | |
| + color: #999999; | |
| + font-size: 100px; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane .quiz-score span { | |
| + color: #ed4503; | |
| +} | |
| +.module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane .quiz-buttons { | |
| + display: block; | |
| + text-align: left; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane .quiz-score { | |
| + font-size: 80px; | |
| + } | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane .btn { | |
| + font-size: 24px; | |
| + min-width: 100%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane .quiz-score { | |
| + font-size: 100px; | |
| + } | |
| + .module-tweets-quiz .media-quiz .list-item .quiz-content.quiz-finish-content .quiz-finish-row .quiz-finish-pane .btn { | |
| + font-size: 30px; | |
| + min-width: 100%; | |
| + } | |
| +} | |
| +/* Video + story two column module */ | |
| +.module-video-story { | |
| + min-height: 0; | |
| +} | |
| +.module-video-story .text-box { | |
| + background: #2c2c2c !important; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| +} | |
| +.module-video-story .text-box .content-container { | |
| + padding: 70px 35px; | |
| + display: table; | |
| + height: 100%; | |
| + position: relative; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-video-story .text-box .content-container { | |
| + padding: 80px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-video-story .text-box .content-container { | |
| + padding: 60px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-video-story .text-box .content-container { | |
| + padding: 40px 20px; | |
| + } | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text { | |
| + display: table-cell; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text h2 { | |
| + color: #999999; | |
| + margin-bottom: 0; | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text .cta-link { | |
| + display: inline-block; | |
| + display: block; | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-video-story .text-box .content-container .cta-text .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-video-story .text-box .content-container .cta-text .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-video-story .text-box .content-container .cta-text .cta-link i { | |
| + font-size: 30px; | |
| +} | |
| +/* Videos - two column module */ | |
| +.module-two-videos .media-feature-box { | |
| + height: 100%; | |
| +} | |
| +.module-two-videos .watch-bar { | |
| + padding: 40px 80px; | |
| + background: #2c2c2c; | |
| + color: #999999; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| + margin-bottom: 0; | |
| + text-transform: uppercase; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-two-videos .watch-bar { | |
| + padding: 40px 80px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-two-videos .watch-bar { | |
| + padding: 40px 80px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-two-videos .watch-bar { | |
| + padding: 40px 80px; | |
| + } | |
| +} | |
| +.module-two-videos .watch-bar a { | |
| + color: #fff; | |
| +} | |
| +.module-two-videos .watch-bar a span { | |
| + font-size: 18px; | |
| +} | |
| +/* Solutions module */ | |
| +.module-solutions { | |
| + background: #fff; | |
| +} | |
| +.module-solutions .solution { | |
| + background: #fff; | |
| + border-right: 10px solid #fff; | |
| + border-bottom: 10px solid #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| +} | |
| +.module-solutions .solution:before, | |
| +.module-solutions .solution:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-solutions .solution:after { | |
| + clear: both; | |
| +} | |
| +.module-solutions .solution:before, | |
| +.module-solutions .solution:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-solutions .solution:after { | |
| + clear: both; | |
| +} | |
| +.module-solutions .solution .solution-image { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + height: 200px; | |
| +} | |
| +.module-solutions .solution .solution-image.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-solutions .solution .solution-image.contain-image { | |
| + background-color: #fff; | |
| + background-size: contain; | |
| + border: 1px solid #efefef; | |
| +} | |
| +.module-solutions .solution .solution-container { | |
| + padding: 35px 35px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-solutions .solution .solution-container { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-solutions .solution .solution-container { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-solutions .solution .solution-container { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.module-solutions .solution .solution-container .solution-count { | |
| + color: #ed4503; | |
| + float: left; | |
| + font-size: 60px; | |
| + line-height: 60px; | |
| + vertical-align: text-top; | |
| + width: 20%; | |
| +} | |
| +.module-solutions .solution .solution-container .solution-intro-text { | |
| + float: right; | |
| + font-size: 16px; | |
| + width: 75%; | |
| +} | |
| +.module-solutions .solution .solution-container .solution-body-content { | |
| + clear: both; | |
| + font-size: 14px; | |
| +} | |
| +.module-solutions .solution .solution-container .solution-body-content a { | |
| + -ms-word-break: break-all; | |
| + word-break: break-all; | |
| + word-break: break-word; | |
| + -webkit-hyphens: auto; | |
| + -moz-hyphens: auto; | |
| + hyphens: auto; | |
| +} | |
| +.module-solutions .solution .solution-container .solution-body-content img { | |
| + border: 1px solid #efefef; | |
| + height: auto; | |
| + margin: 20px 0; | |
| + max-width: 100%; | |
| +} | |
| +.module-solutions .solution .solution-container [data-content-excerpt] { | |
| + clear: both; | |
| + margin-left: 25%; | |
| +} | |
| +.module-solutions .solution .solution-container .read-more, | |
| +.module-solutions .solution .solution-container .read-less { | |
| + color: #ed4503; | |
| + display: block; | |
| + font-weight: 500; | |
| + margin-top: 8px; | |
| +} | |
| +.module-solutions .solution .share-bar { | |
| + margin-bottom: 0; | |
| +} | |
| +.module-solutions .solution-col-0 .solution:nth-child(even) { | |
| + background: #777777; | |
| +} | |
| +.module-solutions .solution-col-1 .solution:nth-child(odd) { | |
| + background: #777777; | |
| +} | |
| +/* Elected officials widget module */ | |
| +.elected-officials-widget { | |
| + background: #eeeeee; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + height: 100%; | |
| + padding-bottom: 40px; | |
| + position: relative; | |
| +} | |
| +.elected-officials-widget .module-header { | |
| + background: #000; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +.elected-officials-widget .module-header .module-title { | |
| + color: #fff; | |
| + font-size: 30px; | |
| + margin: 0; | |
| +} | |
| +.elected-officials-widget .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.elected-officials-widget .module-header .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.elected-officials-widget .module-header .btn-close:before, | |
| +.elected-officials-widget .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| +} | |
| +.elected-officials-widget .module-header .btn-close:after { | |
| + top: 100%; | |
| +} | |
| +.elected-officials-widget .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.elected-officials-widget .module-header .btn-close:hover:after, | |
| +.elected-officials-widget .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.elected-officials-widget .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.elected-officials-widget .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| +} | |
| +.elected-officials-widget.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| +} | |
| +.elected-officials-widget.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .elected-officials-widget .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .elected-officials-widget .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .elected-officials-widget .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| +} | |
| +.elected-officials-widget .location-info { | |
| + color: #000; | |
| + font-size: 30px; | |
| + line-height: 1; | |
| + padding: 25px 5px; | |
| + text-transform: uppercase; | |
| +} | |
| +.elected-officials-widget .popup-form { | |
| + color: #a9a9a9; | |
| + font-size: 18px; | |
| + padding: 30px 5px 0 0; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container { | |
| + float: right; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container label { | |
| + margin-right: 8px; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container .form-control { | |
| + background: #fff; | |
| + border: none; | |
| + color: #000; | |
| + display: inline-block; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + font-weight: 300; | |
| + height: 52px; | |
| + margin: 0; | |
| + text-transform: uppercase; | |
| + width: 85px; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container .form-control::-webkit-input-placeholder { | |
| + color: #333333; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container .form-control:-moz-placeholder { | |
| + color: #333333; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container .form-control::-moz-placeholder { | |
| + color: #333333; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container .form-control:-ms-input-placeholder { | |
| + color: #333333; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container .form-control::-moz-placeholder { | |
| + color: #333333; | |
| + opacity: 1; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container .form-control:-ms-input-placeholder { | |
| + color: #333333; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container .form-control::-webkit-input-placeholder { | |
| + color: #333333; | |
| +} | |
| +.elected-officials-widget .popup-form .popup-form-container .btn { | |
| + border: none !important; | |
| + display: inline-block; | |
| + font-weight: 300; | |
| + height: 52px; | |
| + margin: 0 ; | |
| + margin-top: -4px; | |
| + min-width: 50px; | |
| + width: 100px; | |
| +} | |
| +.elected-officials-widget .elected-cta { | |
| + font-size: 20px; | |
| + padding: 20px 5px; | |
| +} | |
| +.elected-officials-widget hr { | |
| + border-top: 1px solid #999999; | |
| + margin: 0 5px; | |
| +} | |
| +.elected-officials-widget .reps .col-rep { | |
| + border: 5px solid #eeeeee; | |
| +} | |
| +.elected-officials-widget .reps .col-rep .rep-title { | |
| + background: #000; | |
| + color: #fff; | |
| + font-size: 18px; | |
| + margin-bottom: 10px; | |
| + padding: 12px 15px; | |
| + text-transform: uppercase; | |
| + width: 100%; | |
| +} | |
| +.elected-officials-widget .reps .col-rep .rep-image { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + height: 200px; | |
| + width: 100%; | |
| +} | |
| +.elected-officials-widget .reps .col-rep .rep-image.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.elected-officials-widget .reps .col-rep .rep-name { | |
| + background: #fff; | |
| + color: #000; | |
| + font-size: 20px; | |
| + padding: 12px 15px; | |
| + height: 80px; | |
| + text-transform: uppercase; | |
| + width: 100%; | |
| +} | |
| +.elected-officials-widget .reps .col-rep .rep-twitter-btn { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-align: center; | |
| + -moz-box-align: center; | |
| + -webkit-align-items: center; | |
| + -ms-flex-align: center; | |
| + align-items: center; | |
| + background: #00abed; | |
| + color: #fff; | |
| + display: inline-block; | |
| + float: left; | |
| + height: 100px; | |
| + text-align: center; | |
| + text-transform: uppercase; | |
| + width: 50%; | |
| +} | |
| +.elected-officials-widget .reps .col-rep .rep-twitter-btn i { | |
| + display: block; | |
| + font-size: 46px; | |
| +} | |
| +.elected-officials-widget .reps .col-rep .rep-email-btn { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-align: center; | |
| + -moz-box-align: center; | |
| + -webkit-align-items: center; | |
| + -ms-flex-align: center; | |
| + align-items: center; | |
| + background: #ed4503; | |
| + color: #fff; | |
| + display: inline-block; | |
| + float: left; | |
| + height: 100px; | |
| + text-align: center; | |
| + text-transform: center; | |
| + width: 50%; | |
| +} | |
| +.elected-officials-widget .reps .col-rep .rep-email-btn i { | |
| + display: block; | |
| + font-size: 46px; | |
| +} | |
| +.elected-officials-widget .message-overlay { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-align: center; | |
| + -moz-box-align: center; | |
| + -webkit-align-items: center; | |
| + -ms-flex-align: center; | |
| + align-items: center; | |
| + background: rgba(0, 0, 0, 0.85); | |
| + color: #fff; | |
| + font-size: 24px; | |
| + left: 0; | |
| + height: 100%; | |
| + position: absolute; | |
| + text-align: center; | |
| + top: 0; | |
| + width: 100%; | |
| +} | |
| +.elected-officials-widget .message-overlay .btn { | |
| + margin-top: 40px; | |
| +} | |
| +.elected-officials-widget .district-list-container { | |
| + font-size: 18px; | |
| + padding: 20px 5px 40px; | |
| +} | |
| +/* Solutions w/ sidebar module */ | |
| +.module-solutions-sidebar { | |
| + background: #2c2c2c; | |
| +} | |
| +.module-solutions-sidebar .module-header { | |
| + background: #000; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-solutions-sidebar .module-header .module-title { | |
| + color: #fff; | |
| + font-size: 30px; | |
| + margin: 0; | |
| +} | |
| +.module-solutions-sidebar .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-solutions-sidebar .module-header .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-solutions-sidebar .module-header .btn-close:before, | |
| +.module-solutions-sidebar .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| +} | |
| +.module-solutions-sidebar .module-header .btn-close:after { | |
| + top: 100%; | |
| +} | |
| +.module-solutions-sidebar .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-solutions-sidebar .module-header .btn-close:hover:after, | |
| +.module-solutions-sidebar .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-solutions-sidebar .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.module-solutions-sidebar .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| +} | |
| +.module-solutions-sidebar.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| +} | |
| +.module-solutions-sidebar.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-solutions-sidebar .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .module-solutions-sidebar .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-solutions-sidebar .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| +} | |
| +.module-solutions-sidebar .content-container { | |
| + padding: 40px 0; | |
| +} | |
| +.module-solutions-sidebar .content-container h3 { | |
| + padding: 0 0 15px 0; | |
| + margin: 0; | |
| +} | |
| +.module-solutions-sidebar .content-container h3:last-child { | |
| + padding: 0; | |
| +} | |
| +.module-solutions-sidebar .content-container h3 a { | |
| + color: #fff; | |
| +} | |
| +.module-solutions-sidebar .content-container h3.current { | |
| + margin: 8px 0; | |
| +} | |
| +.module-solutions-sidebar .content-container h3.current a { | |
| + color: #999999; | |
| +} | |
| +.module-solutions-sidebar .content-container h3.current a .btn-media-next { | |
| + display: none; | |
| +} | |
| +.module-solutions-sidebar .col-tweet-list { | |
| + padding: 35px 35px; | |
| + background: #2c2c2c; | |
| + padding-top: 125px !important; | |
| + color: #777777; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-solutions-sidebar .col-tweet-list { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-solutions-sidebar .col-tweet-list { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-solutions-sidebar .col-tweet-list { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.module-solutions-sidebar .col-tweet-list h3 { | |
| + color: #7e7e7e; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-solutions-sidebar .col-tweet-list h4 { | |
| + color: #fff; | |
| + margin-bottom: 35px; | |
| +} | |
| +.module-solutions-sidebar .col-tweet-list a { | |
| + color: #00abed; | |
| +} | |
| +.module-solutions-sidebar .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| + padding: 0 !important; | |
| + right: 0; | |
| + text-align: left; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-solutions-sidebar .col-tweet-list .btn-connect { | |
| + font-size: 26px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-solutions-sidebar .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1420px ) { | |
| + .module-solutions-sidebar .col-tweet-list .btn-connect { | |
| + font-size: 32px; | |
| + } | |
| +} | |
| +.module-solutions-sidebar .col-tweet-list .btn-connect i { | |
| + font-size: 48px; | |
| + margin-left: 40px; | |
| + margin-right: 20px; | |
| + margin-top: -5px; | |
| + vertical-align: middle; | |
| +} | |
| +/* 404 module */ | |
| +.module-404 { | |
| + margin-bottom: 0; | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| +} | |
| +.module-404.bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-404 .content-container { | |
| + padding: 15% 8.5% 25%; | |
| +} | |
| +.module-404 .content-container hgroup:before, | |
| +.module-404 .content-container hgroup:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-404 .content-container hgroup:after { | |
| + clear: both; | |
| +} | |
| +.module-404 .content-container hgroup:before, | |
| +.module-404 .content-container hgroup:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.module-404 .content-container hgroup:after { | |
| + clear: both; | |
| +} | |
| +.module-404 .content-container hgroup h1 { | |
| + font-size: 200px; | |
| + float: left; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-404 .content-container hgroup h1 { | |
| + display: block; | |
| + float: none; | |
| + font-size: 100px; | |
| + } | |
| +} | |
| +.module-404 .content-container hgroup h2 { | |
| + font-size: 24px; | |
| + margin: 117px 0 0 20px; | |
| + float: left; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-404 .content-container hgroup h2 { | |
| + float: none; | |
| + font-size: 48px; | |
| + margin: 0; | |
| + } | |
| +} | |
| +.module-404 .content-container h3 { | |
| + max-width: 60%; | |
| + color: #fff; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-404 .content-container h3 { | |
| + max-width: 75%; | |
| + margin-top: 30px; | |
| + font-size: 18px; | |
| + } | |
| +} | |
| +.module-404 .content-container nav .cta-link { | |
| + display: inline-block; | |
| + display: block; | |
| +} | |
| +.module-404 .content-container nav .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-404 .content-container nav .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-404 .content-container nav .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-404 .content-container nav .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-404 .content-container nav .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-404 .content-container nav .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-404 .content-container nav .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-404 .content-container nav .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-404 .content-container nav .cta-link label { | |
| + font-size: 18px; | |
| + } | |
| +} | |
| +/* Facts Grid Module */ | |
| +.module-facts-grid { | |
| + margin-top: 60px; | |
| + padding-bottom: 60px; | |
| +} | |
| +.module-facts-grid > .row { | |
| + overflow: hidden; | |
| +} | |
| +.module-facts-grid > .row.faux-rows { | |
| + clear: none; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .tablet-clear { | |
| + clear: left; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) { | |
| + background: #777777; | |
| + color: #222222; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link { | |
| + display: inline-block; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #222222; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(even) .share-link { | |
| + color: #000; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) { | |
| + background: #fff; | |
| + color: #000; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link { | |
| + display: inline-block; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #000; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-facts-grid > .row.faux-rows .fact:nth-child(odd) .share-link { | |
| + color: #000; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) { | |
| + background: #333333; | |
| + color: #fff; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .fact-wrapper:before { | |
| + color: #555555; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .share-link { | |
| + color: #fff; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) { | |
| + background: #777777; | |
| + color: #222222; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #222222; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) { | |
| + background: #fff; | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #000; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .tablet-clear, | |
| + .module-facts-grid > .row.faux-rows .desktop-clear { | |
| + clear: none; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .phone-clear { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) { | |
| + background: #777777; | |
| + color: #222222; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #222222; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) { | |
| + background: #777777; | |
| + color: #222222; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #222222; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) { | |
| + background: #fff; | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #000; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) { | |
| + background: #fff; | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #000; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .tablet-clear, | |
| + .module-facts-grid > .row.faux-rows .desktop-clear { | |
| + clear: none; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .phone-clear { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+1) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+2) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+3) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(4n+4) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) { | |
| + background: #777777; | |
| + color: #222222; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #222222; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) { | |
| + background: #fff; | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #000; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .phone-clear, | |
| + .module-facts-grid > .row.faux-rows .desktop-clear { | |
| + clear: none; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .tablet-clear { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(even) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(odd) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) { | |
| + background: #333333; | |
| + color: #fff; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .fact-wrapper:before { | |
| + color: #555555; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .share-link { | |
| + color: #fff; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) { | |
| + background: #777777; | |
| + color: #222222; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #222222; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) { | |
| + background: #fff; | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link { | |
| + display: inline-block; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #000; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .share-link { | |
| + color: #000; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .phone-clear, | |
| + .module-facts-grid > .row.faux-rows .tablet-clear { | |
| + clear: none; | |
| + } | |
| + .module-facts-grid > .row.faux-rows .desktop-clear { | |
| + clear: left; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+1) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+2) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) and only screen and ( max-width: 768px ) { | |
| + .module-facts-grid > .row.faux-rows .fact:nth-child(3n+3) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-facts-grid > .row.faux-rows .blank-slot { | |
| + float: left; | |
| + width: 0; | |
| + height: 0; | |
| + padding: 0 9999px 9999px 0; | |
| + margin: 0 -9999px -9999px 0; | |
| + position: relative; | |
| + background: #eee; | |
| +} | |
| +.module-facts-grid > .row .faux-equal-length { | |
| + padding-bottom: 960px !important; | |
| + margin-bottom: -960px; | |
| +} | |
| +.module-facts-grid .fact { | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| +} | |
| +.module-facts-grid .fact .fact-wrapper { | |
| + padding-bottom: 50px; | |
| + margin-bottom: -50px; | |
| +} | |
| +.module-facts-grid .fact .fact-wrapper:before { | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| + right: 0; | |
| + display: block; | |
| + content: attr(data-index); | |
| + font-size: 1400%; | |
| + padding-top: 0.44em; | |
| + text-align: center; | |
| + -moz-transition: opacity 0.5s ease; | |
| + -webkit-transition: opacity 0.5s ease; | |
| + -o-transition: opacity 0.5s ease; | |
| + transition: opacity 0.5s ease; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .fact .fact-wrapper:before { | |
| + font-size: 1400%; | |
| + padding-top: .1em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .fact .fact-wrapper:before { | |
| + font-size: 1200%; | |
| + padding-top: .4em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .fact .fact-wrapper:before { | |
| + font-size: 1000%; | |
| + padding-top: .4em; | |
| + } | |
| +} | |
| +.module-facts-grid .fact .fact-wrapper:hover:before { | |
| + zoom: 1 !important; | |
| + -webkit-opacity: 0 !important; | |
| + -moz-opacity: 0 !important; | |
| + opacity: 0 !important; | |
| + filter: alpha(opacity=0) !important; | |
| +} | |
| +.module-facts-grid .fact .fact-wrapper[style*="background"] { | |
| + color: #fff !important; | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| +} | |
| +.module-facts-grid .fact .fact-wrapper[style*="background"].bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.module-facts-grid .fact .fact-wrapper[style*="background"]:before { | |
| + color: rgba(255, 255, 255, 0.8) !important; | |
| + zoom: 1; | |
| + -webkit-opacity: 0.75; | |
| + -moz-opacity: 0.75; | |
| + opacity: 0.75; | |
| + filter: alpha(opacity=75); | |
| +} | |
| +.module-facts-grid .fact .fact-wrapper[style*="background"] .cta-link > label { | |
| + color: #fff !important; | |
| +} | |
| +.module-facts-grid .fact .fact-wrapper[style*="background"] .share-link { | |
| + color: #fff !important; | |
| +} | |
| +.module-facts-grid .fact a:link, | |
| +.module-facts-grid .fact a:visited, | |
| +.module-facts-grid .fact a:hover, | |
| +.module-facts-grid .fact a:active { | |
| + text-decoration: none; | |
| +} | |
| +.module-facts-grid .fact .fact-content { | |
| + padding-top: 100%; | |
| + position: relative; | |
| + overflow: hidden; | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-facts-grid .fact .fact-content { | |
| + padding-top: 80%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1420px ) { | |
| + .module-facts-grid .fact .fact-content { | |
| + padding-top: 60%; | |
| + } | |
| +} | |
| +.module-facts-grid .fact .fact-content > p { | |
| + position: absolute; | |
| + top: 0; | |
| + left: 0; | |
| + right: 0; | |
| + bottom: 0; | |
| + margin: 0; | |
| + padding: 35px 35px; | |
| + font-size: 17px; | |
| + line-height: 1.2; | |
| + text-overflow: ellipsis; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .fact .fact-content > p { | |
| + padding: 40px 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .fact .fact-content > p { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .fact .fact-content > p { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .fact .fact-content > p { | |
| + font-size: 20px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-facts-grid .fact .fact-content > p { | |
| + font-size: 20px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1420px ) { | |
| + .module-facts-grid .fact .fact-content > p { | |
| + font-size: 20px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .fact .fact-content > p { | |
| + font-size: 17px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .fact .fact-content > p { | |
| + font-size: 12px; | |
| + } | |
| +} | |
| +.module-facts-grid .fact .fact-footer { | |
| + padding: 0 35px; | |
| + margin: 20px 0; | |
| + height: 51px; | |
| + position: relative; | |
| + z-index: 1; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .fact .fact-footer { | |
| + padding: 0 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .fact .fact-footer { | |
| + padding: 0 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .fact .fact-footer { | |
| + padding: 0 20px; | |
| + } | |
| +} | |
| +.module-facts-grid .fact .fact-footer .cta-link { | |
| + display: block !important; | |
| + margin-bottom: 3px; | |
| +} | |
| +.module-facts-grid .fact .fact-footer .cta-link label { | |
| + font-size: 16px !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ), only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .fact .fact-footer .cta-link label { | |
| + font-size: 20px !important; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .fact .fact-footer .cta-link label { | |
| + font-size: 12px !important; | |
| + margin-right: 2px !important; | |
| + } | |
| +} | |
| +.module-facts-grid .fact .fact-footer .source-link { | |
| + padding: 0 35px; | |
| + bottom: 0; | |
| + display: inline-block; | |
| + left: 0; | |
| + position: absolute; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .fact .fact-footer .source-link { | |
| + padding: 0 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .fact .fact-footer .source-link { | |
| + padding: 0 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .fact .fact-footer .source-link { | |
| + padding: 0 20px; | |
| + } | |
| +} | |
| +.module-facts-grid .fact .fact-footer .share-link { | |
| + padding: 0 35px; | |
| + bottom: 0; | |
| + display: inline-block; | |
| + position: absolute; | |
| + right: 0; | |
| + text-transform: uppercase; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .fact .fact-footer .share-link { | |
| + padding: 0 40px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .fact .fact-footer .share-link { | |
| + padding: 0 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .fact .fact-footer .share-link { | |
| + padding: 0 20px; | |
| + } | |
| +} | |
| +.module-facts-grid .fact .fact-footer .share-link:hover { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.7; | |
| + -moz-opacity: 0.7; | |
| + opacity: 0.7; | |
| + filter: alpha(opacity=70); | |
| +} | |
| +.module-facts-grid .fact.list-item-hidden { | |
| + display: none; | |
| +} | |
| +.module-facts-grid .grid-intro { | |
| + background: #000 !important; | |
| +} | |
| +.module-facts-grid .grid-intro .intro-wrapper { | |
| + padding: 0 35px; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .grid-intro .intro-wrapper { | |
| + padding: 0 40px; | |
| } | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator .image { | |
| - -webkit-box-flex: 1; | |
| - -moz-box-flex: 1; | |
| - -webkit-flex: 1; | |
| - -ms-flex: 1; | |
| - flex: 1; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .grid-intro .intro-wrapper { | |
| + padding: 0 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .grid-intro .intro-wrapper { | |
| + padding: 0 20px; | |
| + } | |
| +} | |
| +.module-facts-grid .grid-intro .intro-wrapper h2 { | |
| + font-size: 60px; | |
| + margin-bottom: 20px; | |
| +} | |
| +.module-facts-grid .grid-intro .intro-wrapper h3 { | |
| + color: #7a7a7a; | |
| + font-size: 24px; | |
| + text-transform: none; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .grid-intro .intro-wrapper h2, | |
| + .module-facts-grid .grid-intro .intro-wrapper h3 { | |
| + max-width: 75%; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-facts-grid .grid-intro .intro-wrapper { | |
| padding-top: 40%; | |
| } | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator .info { | |
| - -webkit-box-flex: 2; | |
| - -moz-box-flex: 2; | |
| - -webkit-flex: 2; | |
| - -ms-flex: 2; | |
| - flex: 2; | |
| - padding: 10% 20px 20px 20px; | |
| + .module-facts-grid .grid-intro .intro-wrapper h2, | |
| + .module-facts-grid .grid-intro .intro-wrapper h3 { | |
| + max-width: 100%; | |
| } | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator .info .name, | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator .info .title { | |
| - padding-left: 0; | |
| - padding-right: 0; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .grid-intro .intro-wrapper { | |
| + padding-top: 0; | |
| } | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator .info nav { | |
| - display: block; | |
| - overflow: hidden; | |
| + .module-facts-grid .grid-intro .intro-wrapper h2 { | |
| + font-size: 50px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .grid-intro .intro-wrapper { | |
| + padding-top: 0; | |
| + } | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser { | |
| + color: #fff !important; | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .intro-wrapper { | |
| + padding: 0 0 50px 0; | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .intro-wrapper:before { | |
| + padding-left: 20px; | |
| + padding-top: .45em; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .intro-wrapper:before { | |
| + font-size: 2000%; | |
| + padding-left: 35px; | |
| + padding-top: .5em; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .intro-wrapper:before { | |
| + font-size: 2800%; | |
| + padding-top: .1em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .intro-wrapper:before { | |
| + font-size: 1400%; | |
| + padding-top: .4em; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .intro-wrapper:before { | |
| + font-size: 1200%; | |
| + padding-top: .2em; | |
| + } | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-content { | |
| + padding: 4.25% 4.25%; | |
| + padding-top: 45%; | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content { | |
| + padding: 5% 5%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content { | |
| + padding: 3.5% 3.5%; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content { | |
| + padding: 2% 2%; | |
| + } | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-content > p { | |
| + font-size: 40px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content { | |
| + padding-top: 45%; | |
| + } | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content > p { | |
| + font-size: 32px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content { | |
| + padding-top: 48%; | |
| + } | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content > p { | |
| + font-size: 20px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content { | |
| + padding-top: 120%; | |
| + } | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content > p { | |
| + font-size: 40px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content { | |
| + padding-top: 95%; | |
| + } | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content > p { | |
| + font-size: 40px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1420px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content { | |
| + padding-top: 70%; | |
| + } | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-content > p { | |
| + font-size: 50px; | |
| } | |
| - .module-overlay--elected-officials .overlay-content .legislators .legislator .info nav a { | |
| - float: left; | |
| - padding: 8px; | |
| - } | |
| -} | |
| -.module-overlay--elected-officials .overlay-content .email-message { | |
| - -moz-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -moz-transform: translate(0, 20px); | |
| - -webkit-transform: translate(0, 20px); | |
| - -ms-transform: translate(0, 20px); | |
| - -o-transform: translate(0, 20px); | |
| - transform: translate(0, 20px); | |
| - opacity: 0; | |
| - pointer-events: none; | |
| - padding: 20px; | |
| - position: absolute; | |
| - top: 0; | |
| - left: 0; | |
| - right: 0; | |
| - text-align: center; | |
| - background: #353535; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text], | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email], | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password], | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border: solid 2px transparent; | |
| - border-radius: 0; | |
| - background: #2a2a2a; | |
| - color: #fff; | |
| - font-size: 18px; | |
| - line-height: normal; | |
| - height: 40px; | |
| - padding: 10px 12px; | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer { | |
| + margin-top: 0; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link { | |
| + display: inline-block !important; | |
| + display: block !important; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text]:-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email]:-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password]:-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea:-moz-placeholder { | |
| - color: #777777; | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link label { | |
| + vertical-align: middle !important; | |
| + display: inline-block !important; | |
| + margin: 0 10px 0 0 !important; | |
| + text-transform: uppercase !important; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important; | |
| + color: #fff !important; | |
| + cursor: pointer !important; | |
| + pointer-events: none !important; | |
| + -moz-transition: 0.25s ease !important; | |
| + -webkit-transition: 0.25s ease !important; | |
| + -o-transition: 0.25s ease !important; | |
| + transition: 0.25s ease !important; | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link .btn { | |
| + vertical-align: middle !important; | |
| + -ms-backface-visibility: hidden !important; | |
| + -o-backface-visibility: hidden !important; | |
| + -webkit-backface-visibility: hidden !important; | |
| + -moz-backface-visibility: hidden !important; | |
| + backface-visibility: hidden !important; | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link:hover label { | |
| + zoom: 1 !important; | |
| + -webkit-opacity: 0.8 !important; | |
| + -moz-opacity: 0.8 !important; | |
| + opacity: 0.8 !important; | |
| + filter: alpha(opacity=80) !important; | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0) !important; | |
| + -ms-transform: translate3d(5px, 0, 0) !important; | |
| + -o-transform: translate3d(5px, 0, 0) !important; | |
| + -webkit-transform: translate3d(5px, 0, 0) !important; | |
| + transform: translate3d(5px, 0, 0) !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link.centered { | |
| + margin-left: auto !important; | |
| + margin-right: auto !important; | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link.centered label { | |
| + max-width: 100% !important !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link label { | |
| + font-size: 40px !important; | |
| +} | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link i { | |
| + font-size: 40px; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea::-moz-placeholder { | |
| - color: #777777; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link label { | |
| + font-size: 20px !important; | |
| + } | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-footer .cta-link i { | |
| + font-size: 30px; | |
| + } | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .source-link { | |
| + font-size: 24px; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password]::-moz-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea::-moz-placeholder { | |
| - color: #777777; | |
| - opacity: 1; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-footer .source-link { | |
| + font-size: 18px; | |
| + } | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password]:-ms-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea:-ms-input-placeholder { | |
| - color: #777777; | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-footer .share-link { | |
| + color: #fff !important; | |
| + font-size: 24px; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password]::-webkit-input-placeholder, | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea::-webkit-input-placeholder { | |
| - color: #777777; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid .grid-intro.facts-teaser .fact-footer .share-link { | |
| + font-size: 18px; | |
| + } | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text]:focus, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email]:focus, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password]:focus, | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea:focus { | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - border-color: #555; | |
| - outline: none; | |
| +.module-facts-grid .grid-intro.facts-teaser .fact-wrapper:before { | |
| + color: #fff !important; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=text].error, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=email].error, | |
| -.module-overlay--elected-officials .overlay-content .email-message input[type=password].error, | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea.error { | |
| - border-color: #d9534f; | |
| +.module-facts-grid.module-scary-carousel { | |
| + margin-bottom: 60px !important; | |
| + padding-bottom: 0; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea { | |
| - height: auto; | |
| +.module-facts-grid.module-scary-carousel .owl-buttons div.disabled { | |
| + display: none; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message p { | |
| - margin: 20px 0; | |
| - font-size: 16px; | |
| - color: #a3a3a3; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer { | |
| + background: #fff; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message textarea { | |
| - height: 200px; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .list-item { | |
| + width: 100%; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message nav { | |
| - margin: 20px 0; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1), | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) { | |
| + background: #777777; | |
| + color: #222222; | |
| } | |
| -.module-overlay--elected-officials .overlay-content .email-message nav .btn { | |
| - margin: 6px; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .fact-wrapper:before, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| } | |
| -.module-overlay--elected-officials .overlay-message { | |
| - -moz-transform: translate(-50%, 0); | |
| - -webkit-transform: translate(-50%, 0); | |
| - -ms-transform: translate(-50%, 0); | |
| - -o-transform: translate(-50%, 0); | |
| - transform: translate(-50%, 0); | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - position: absolute; | |
| - top: 50%; | |
| - left: 50%; | |
| - z-index: 99; | |
| - background: #1a1919; | |
| - color: #a3a3a3; | |
| - padding: 20px; | |
| - opacity: 0; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .cta-link, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .cta-link { | |
| + display: inline-block; | |
| +} | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .cta-link label, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #222222; | |
| + cursor: pointer; | |
| pointer-events: none; | |
| - text-align: center; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.module-overlay--elected-officials .overlay-message :first-child { | |
| - margin-top: 0; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .cta-link .btn, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| } | |
| -.module-overlay--elected-officials .overlay-message :last-child { | |
| - margin-bottom: 0; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .cta-link:hover label, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| } | |
| -.module-overlay--elected-officials .message--districts { | |
| - width: 80%; | |
| - max-width: 300px; | |
| - padding: 20px 0 0; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .cta-link:hover .btn, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| } | |
| -.module-overlay--elected-officials .message--districts p { | |
| - margin: 20px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .cta-link label, | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| } | |
| -.module-overlay--elected-officials .message--districts .district-list { | |
| - padding: 0; | |
| - list-style: none; | |
| - margin: 0; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .cta-link.centered, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| } | |
| -.module-overlay--elected-officials .message--districts .district-list a { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - display: block; | |
| - width: 100%; | |
| - background: #ed4503; | |
| - color: #fff; | |
| - padding: 10px; | |
| - font-weight: bold; | |
| - margin-top: 1px; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .cta-link.centered label, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| } | |
| -.module-overlay--elected-officials .message--districts .district-list a:hover { | |
| - background: #bb3602; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .cta-link.centered .btn, | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| } | |
| -.module-overlay--elected-officials .message--invalid { | |
| - width: 80%; | |
| - max-width: 400px; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+1) .share-link, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+4) .share-link { | |
| + color: #000; | |
| } | |
| -.module-overlay--elected-officials.view-loading .message--loading { | |
| - -moz-transform: translate(-50%, -50%); | |
| - -webkit-transform: translate(-50%, -50%); | |
| - -ms-transform: translate(-50%, -50%); | |
| - -o-transform: translate(-50%, -50%); | |
| - transform: translate(-50%, -50%); | |
| - opacity: 1; | |
| - pointer-events: auto; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2), | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) { | |
| + background: #fff; | |
| + color: #000; | |
| } | |
| -.module-overlay--elected-officials.view-loading .title-location { | |
| - opacity: 0; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .fact-wrapper:before, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .fact-wrapper:before { | |
| + color: #eeeeee; | |
| } | |
| -.module-overlay--elected-officials.view-loading .description, | |
| -.module-overlay--elected-officials.view-loading .legislators { | |
| - opacity: 0.1; | |
| - pointer-events: none; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .cta-link, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .cta-link { | |
| + display: inline-block; | |
| } | |
| -.module-overlay--elected-officials.view-invalid-address .message--invalid.invalid-address { | |
| - -moz-transform: translate(-50%, -50%); | |
| - -webkit-transform: translate(-50%, -50%); | |
| - -ms-transform: translate(-50%, -50%); | |
| - -o-transform: translate(-50%, -50%); | |
| - transform: translate(-50%, -50%); | |
| - opacity: 1; | |
| - pointer-events: auto; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .cta-link label, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #000; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.module-overlay--elected-officials.view-invalid-address .title-location { | |
| - opacity: 0; | |
| - display: none; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .cta-link .btn, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| } | |
| -.module-overlay--elected-officials.view-invalid-address .description, | |
| -.module-overlay--elected-officials.view-invalid-address .legislators { | |
| - opacity: 0.1; | |
| - pointer-events: none; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .cta-link:hover label, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| } | |
| -.module-overlay--elected-officials.view-invalid-location .message--invalid.invalid-location { | |
| - -moz-transform: translate(-50%, -50%); | |
| - -webkit-transform: translate(-50%, -50%); | |
| - -ms-transform: translate(-50%, -50%); | |
| - -o-transform: translate(-50%, -50%); | |
| - transform: translate(-50%, -50%); | |
| - opacity: 1; | |
| - pointer-events: auto; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .cta-link:hover .btn, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| } | |
| -.module-overlay--elected-officials.view-invalid-location .title-location { | |
| - opacity: 0; | |
| - display: none; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .cta-link label, | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| } | |
| -.module-overlay--elected-officials.view-invalid-location .description, | |
| -.module-overlay--elected-officials.view-invalid-location .legislators { | |
| - opacity: 0.1; | |
| - pointer-events: none; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .cta-link.centered, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| } | |
| -.module-overlay--elected-officials.view-districts .message--districts { | |
| - -moz-transform: translate(-50%, -50%); | |
| - -webkit-transform: translate(-50%, -50%); | |
| - -ms-transform: translate(-50%, -50%); | |
| - -o-transform: translate(-50%, -50%); | |
| - transform: translate(-50%, -50%); | |
| - opacity: 1; | |
| - pointer-events: auto; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .cta-link.centered label, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .cta-link.centered label { | |
| + max-width: 100% !important; | |
| } | |
| -.module-overlay--elected-officials.view-districts .title-location { | |
| - opacity: 0; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .cta-link.centered .btn, | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| } | |
| -.module-overlay--elected-officials.view-districts .description, | |
| -.module-overlay--elected-officials.view-districts .legislators { | |
| - opacity: 0.1; | |
| - pointer-events: none; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+2) .share-link, | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .owl-item .fact-standard:nth-child(4n+3) .share-link { | |
| + color: #000; | |
| } | |
| -.module-overlay--elected-officials.view-blank .title-location { | |
| - opacity: 0; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-content > p { | |
| + font-size: 20px; | |
| } | |
| -.module-overlay--elected-officials.view-blank .description, | |
| -.module-overlay--elected-officials.view-blank .legislators { | |
| - opacity: 0.1; | |
| - pointer-events: none; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-content > p { | |
| + font-size: 15px; | |
| + } | |
| } | |
| -.module-overlay--elected-officials.view-email-message .title-location, | |
| -.module-overlay--elected-officials.view-email-message .title-form, | |
| -.module-overlay--elected-officials.view-email-message .description, | |
| -.module-overlay--elected-officials.view-email-message .legislators { | |
| - opacity: 0; | |
| - pointer-events: none; | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-content > p { | |
| + font-size: 18px; | |
| + } | |
| } | |
| -.module-overlay--elected-officials.view-email-message .email-message { | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| - opacity: 1; | |
| - pointer-events: auto; | |
| +@media only screen and ( min-width: 1420px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-content > p { | |
| + font-size: 20px; | |
| + } | |
| } | |
| -.module-carousel .carousel-item .media, | |
| -.module-carousel .carousel-item .media--video, | |
| -.module-carousel .carousel-item .media--photo { | |
| - padding-top: 66.66666667%; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-content > p { | |
| + font-size: 18px; | |
| + } | |
| } | |
| -.module-carousel .carousel-item .media-description { | |
| - display: none; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-content > p { | |
| + font-size: 15px; | |
| + } | |
| } | |
| -.module-carousel .carousel-item .watch-link { | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - padding-top: 100%; | |
| - position: relative; | |
| - background: #333333; | |
| - display: block; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-footer .source-link, | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-footer .share-link { | |
| + display: block; | |
| + padding: 0; | |
| + position: static; | |
| + } | |
| } | |
| -.module-carousel .carousel-item .watch-link .link { | |
| - -moz-transform: translate(0, -50%); | |
| - -webkit-transform: translate(0, -50%); | |
| - -ms-transform: translate(0, -50%); | |
| - -o-transform: translate(0, -50%); | |
| - transform: translate(0, -50%); | |
| - position: absolute; | |
| - left: 20px; | |
| - right: 20px; | |
| - top: 50%; | |
| - padding-top: 30px; | |
| - color: #fff; | |
| +.module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-footer .cta-link label { | |
| + font-size: 20px !important; | |
| } | |
| -.module-carousel .carousel-item .watch-link .link .label { | |
| - font-weight: 400; | |
| - font-size: 18px; | |
| - text-transform: uppercase; | |
| - opacity: 0.5; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-footer .cta-link label { | |
| + font-size: 15px !important; | |
| + } | |
| } | |
| -.module-carousel .carousel-item .watch-link .link .title { | |
| - font: 100 40px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - display: block; | |
| - margin: 0.1em 0; | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-footer .cta-link label { | |
| + font-size: 20px !important; | |
| + } | |
| } | |
| -.module-carousel .carousel-item .watch-link .link [class*="icon-"] { | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - display: block; | |
| - font-size: 24px; | |
| - opacity: 0.5; | |
| - margin-top: 20px; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-facts-grid.module-scary-carousel .carousel-outer .fact-standard .fact-footer .cta-link label { | |
| + font-size: 13px !important; | |
| + } | |
| } | |
| -.module-carousel .carousel-item .watch-link:hover { | |
| - background: #555555; | |
| +.module-facts-grid .teaser-cta-link { | |
| + display: inline-block; | |
| + margin: 30px 5px 0 0; | |
| } | |
| -.module-carousel .carousel-item .watch-link:hover [class*="icon-"] { | |
| - -moz-transform: translate(20px, 0); | |
| - -webkit-transform: translate(20px, 0); | |
| - -ms-transform: translate(20px, 0); | |
| - -o-transform: translate(20px, 0); | |
| - transform: translate(20px, 0); | |
| +.module-facts-grid .teaser-cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.module-feature .feature { | |
| - background-color: #000; | |
| - background-repeat: no-repeat; | |
| - background-position: center center; | |
| - background-size: cover; | |
| +.module-facts-grid .teaser-cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| } | |
| -.module-feature .feature.bg-contain { | |
| - background-size: 80%; | |
| +.module-facts-grid .teaser-cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| } | |
| -.module-feature .feature .feature-content { | |
| - padding: 25% 5% 4%; | |
| - max-width: 800px; | |
| - color: #fff; | |
| +.module-facts-grid .teaser-cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-feature .feature .feature-content { | |
| - padding-bottom: 10%; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .teaser-cta-link label { | |
| + max-width: 85%; | |
| } | |
| } | |
| -.module-feature .feature .feature-content .title { | |
| - font: 100 50px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| - margin: 0 auto; | |
| - word-wrap: break-word; | |
| - color: inherit; | |
| -} | |
| -.module-feature .feature .feature-content .title.title-large { | |
| - font-size: 115%; | |
| +.module-facts-grid .teaser-cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| } | |
| -.module-feature .feature .feature-content .title.title-centered { | |
| - text-align: center; | |
| - padding: 0 3%; | |
| +.module-facts-grid .teaser-cta-link.centered label { | |
| + max-width: 100% !important; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-feature .feature .feature-content .title { | |
| - font-size: 36px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .teaser-cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| } | |
| } | |
| -@media only screen and ( max-width: 320px ) { | |
| - .module-feature .feature .feature-content .title { | |
| - font-size: 30px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-facts-grid .teaser-cta-link label { | |
| + max-width: 100%; | |
| } | |
| } | |
| -.module-feature .feature .feature-content .description { | |
| - font-size: 26px; | |
| - font-weight: 300; | |
| +.module-facts-grid .share-button { | |
| + margin-top: 30px; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-feature .feature .feature-content .description { | |
| - font-size: 20px; | |
| - line-height: 1.15; | |
| - } | |
| +/* Image Cycle Module */ | |
| +.module-image-cycle .module-header { | |
| + background: #000; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| } | |
| -.module-feature .feature .feature-content .actions { | |
| - margin-top: 30px; | |
| - display: block; | |
| +.module-image-cycle .module-header .module-title { | |
| + color: #fff; | |
| + font-size: 18px; | |
| + margin: 0; | |
| } | |
| -.module-feature .feature .feature-content .actions a:not(:last-child) { | |
| - margin-right: 20px; | |
| +.module-image-cycle .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-image-cycle .module-header .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.module-related-content { | |
| - padding: 60px 0; | |
| +.module-image-cycle .module-header .btn-close:before, | |
| +.module-image-cycle .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| } | |
| -.module-related-content .section-title { | |
| - margin-bottom: 60px; | |
| +.module-image-cycle .module-header .btn-close:after { | |
| + top: 100%; | |
| } | |
| -.module-bio { | |
| - padding: 60px 0; | |
| - color: #888; | |
| - font: 300 20px / 1.35 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| +.module-image-cycle .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| } | |
| -.module-bio .section-title { | |
| - color: #636363; | |
| - margin-bottom: 60px; | |
| +.module-image-cycle .module-header .btn-close:hover:after, | |
| +.module-image-cycle .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.module-squares { | |
| - margin: 60px 0; | |
| +.module-image-cycle .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| } | |
| -.module-squares .section-title { | |
| - margin-bottom: 60px; | |
| +.module-image-cycle .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| } | |
| -.module-squares .sort-bar { | |
| - background: #353535; | |
| +.module-image-cycle.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| } | |
| -.module-squares .sort-bar .dropdown { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-align: center; | |
| - -moz-box-align: center; | |
| - -webkit-align-items: center; | |
| - -ms-flex-align: center; | |
| - align-items: center; | |
| - -webkit-box-pack: end; | |
| - -moz-box-pack: end; | |
| - -ms-flex-pack: end; | |
| - -webkit-justify-content: flex-end; | |
| - justify-content: flex-end; | |
| - float: right; | |
| +.module-image-cycle.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| } | |
| -.module-squares .sort-bar .dropdown label { | |
| - font: normal 16px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - text-transform: uppercase; | |
| - margin: 0 10px 0 0; | |
| - color: #a3a3a3; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-image-cycle .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .module-image-cycle .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-image-cycle .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| } | |
| -.module-squares .sort-bar .dropdown .dropdown-toggle { | |
| - outline: none !important; | |
| -} | |
| -.module-squares .squares-list .list-item { | |
| - -webkit-transition: opacity 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); | |
| - -moz-transition: opacity 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86), -moz-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); | |
| - -o-transition: opacity 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86), -o-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); | |
| - transition: opacity 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),-moz-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),-o-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); | |
| -} | |
| -.module-squares .squares-list .list-item.invisible { | |
| - -moz-transition-duration: 0s; | |
| - -o-transition-duration: 0s; | |
| - -webkit-transition-duration: 0s; | |
| - transition-duration: 0s; | |
| - -moz-transform: translate(0, 20px); | |
| - -webkit-transform: translate(0, 20px); | |
| - -ms-transform: translate(0, 20px); | |
| - -o-transform: translate(0, 20px); | |
| - transform: translate(0, 20px); | |
| - opacity: 0; | |
| +.module-image-cycle .module-header { | |
| + color: #616060; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + padding-bottom: 30px; | |
| + padding-top: 30px; | |
| } | |
| -.module-squares .squares-list .list-item.item--person { | |
| - position: relative; | |
| - padding-bottom: 100px; | |
| +.module-image-cycle .module-header .module-subtitle { | |
| + color: #fff; | |
| + font-size: 20px; | |
| + margin: 8px 0; | |
| + text-transform: uppercase; | |
| } | |
| -.module-squares .squares-list .list-item.item--person .bio-caption { | |
| +.module-image-cycle .slide-link-container { | |
| + display: inline-block; | |
| position: absolute; | |
| - bottom: 0; | |
| - left: 0; | |
| right: 0; | |
| + text-align: right; | |
| + top: 0; | |
| } | |
| -.module-squares footer { | |
| - padding: 20px; | |
| +.module-image-cycle .slide-link-container .slide-link { | |
| + border-bottom: 8px solid #999999; | |
| + color: #999999; | |
| + display: inline-block; | |
| + margin-left: 10px; | |
| + min-width: 150px; | |
| + padding: 10px 0; | |
| + text-align: left; | |
| + text-decoration: none; | |
| + text-transform: uppercase; | |
| } | |
| -.module-connect .connect-tweets { | |
| - padding: 60px 10%; | |
| - max-width: 100%; | |
| - width: 100%; | |
| +.module-image-cycle .slide-link-container .slide-link.active.blue, | |
| +.module-image-cycle .slide-link-container .slide-link.blue:hover { | |
| + border-bottom-color: #00abed; | |
| + color: #00abed; | |
| } | |
| -.module-connect .connect-tweets .title { | |
| - font: 300 30px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - margin-top: 0; | |
| - margin-bottom: 0.25em; | |
| +.module-image-cycle .slide-link-container .slide-link.active.orange, | |
| +.module-image-cycle .slide-link-container .slide-link.orange:hover { | |
| + border-bottom-color: #ed4503; | |
| + color: #ed4503; | |
| } | |
| -.module-connect .connect-tweets .subtitle { | |
| - text-transform: none; | |
| - color: #a3a3a3; | |
| - font-size: 20px; | |
| - margin: 0; | |
| +.module-image-cycle .slide-container { | |
| + height: 286.557px; | |
| + position: relative; | |
| } | |
| -.module-connect .connect-tweets .tweets-list { | |
| - padding: 0; | |
| - margin: 20px 0; | |
| - list-style: none; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-image-cycle .slide-container { | |
| + height: 294px; | |
| + } | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet { | |
| - padding: 20px 20px 20px 100px; | |
| - overflow: hidden; | |
| - background: #fff; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-image-cycle .slide-container { | |
| + height: 173px; | |
| + } | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .tweet-avatar { | |
| - width: 60px; | |
| - display: block; | |
| - float: left; | |
| - margin-left: -80px; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-image-cycle .slide-container { | |
| + height: 361.9667px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-image-cycle .slide-container { | |
| + height: 437.377px; | |
| + } | |
| +} | |
| +@media only screen and ( min-width: 1420px ) { | |
| + .module-image-cycle .slide-container { | |
| + height: 544.459px; | |
| + } | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .tweet-avatar .avatar-image { | |
| +.module-image-cycle .slide-container .cycle-slide { | |
| background-color: #000; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| background-size: cover; | |
| - border-radius: 50%; | |
| - padding-top: 100%; | |
| + background-size: contain; | |
| + position: absolute; | |
| + width: 100%; | |
| + height: 100%; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: 1s ease; | |
| + -webkit-transition: 1s ease; | |
| + -o-transition: 1s ease; | |
| + transition: 1s ease; | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .tweet-avatar .avatar-image.bg-contain { | |
| +.module-image-cycle .slide-container .cycle-slide.bg-contain { | |
| background-size: 80%; | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .body-header { | |
| +.module-image-cycle .slide-container .cycle-slide.active { | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-image-cycle .slide-container .cycle-slide#cycle-slide-1 { | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-image-cycle .slide-sources { | |
| + background: #2c2c2c; | |
| + border-top: 1px solid #000; | |
| +} | |
| +.module-image-cycle .slide-sources .content-container { | |
| + height: 150px; | |
| +} | |
| +.module-image-cycle .slide-sources .content-container .slide-source { | |
| + padding: 2% 2%; | |
| + background: #2c2c2c; | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + height: 100%; | |
| + position: absolute; | |
| + width: 100%; | |
| display: none; | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .body-content { | |
| - font-size: 16px; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-image-cycle .slide-sources .content-container .slide-source { | |
| + padding: 2% 2%; | |
| + } | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-connect .connect-tweets .tweets-list .tweet .body-content { | |
| - word-wrap: break-word; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-image-cycle .slide-sources .content-container .slide-source { | |
| + padding: 2% 2%; | |
| } | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .body-footer { | |
| - margin-top: 5px; | |
| - color: #a3a3a3; | |
| - font-weight: 600; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-image-cycle .slide-sources .content-container .slide-source { | |
| + padding: 2% 2%; | |
| + } | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .body-footer :not(:last-child) { | |
| - margin-right: 8px; | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-image-cycle .slide-sources .content-container .slide-source { | |
| + width: 60%; | |
| + } | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .body-footer a { | |
| - color: inherit; | |
| +@media only screen and ( max-width: 768px ), only screen and ( max-width: 480px ) { | |
| + .module-image-cycle .slide-sources .content-container .slide-source { | |
| + font-size: 14px; | |
| + } | |
| +} | |
| +.module-image-cycle .slide-sources .content-container .slide-source p { | |
| + margin-top: 0; | |
| +} | |
| +.module-image-cycle .slide-sources .content-container .slide-source.active { | |
| + display: block; | |
| +} | |
| +.module-image-cycle .slide-sources .content-container .slide-source#slide-source-1 { | |
| + display: block; | |
| +} | |
| +/* Timeline Module */ | |
| +.module-timeline .module-header { | |
| + background: #333333; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +.module-timeline .module-header .module-title { | |
| + color: #fff; | |
| + font-size: 18px; | |
| + margin: 0; | |
| +} | |
| +.module-timeline .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| +} | |
| +.module-timeline .module-header .btn-close span { | |
| display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .body-footer .action { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| +.module-timeline .module-header .btn-close:before, | |
| +.module-timeline .module-header .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| +} | |
| +.module-timeline .module-header .btn-close:after { | |
| + top: 100%; | |
| +} | |
| +.module-timeline .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-timeline .module-header .btn-close:hover:after, | |
| +.module-timeline .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet .body-footer svg { | |
| - fill: #333333; | |
| - width: 18px; | |
| - height: 18px; | |
| - vertical-align: middle; | |
| +.module-timeline .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| } | |
| -.touch .module-connect .connect-tweets .tweets-list .tweet .body-footer .action { | |
| - opacity: 1; | |
| +.module-timeline .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet:nth-child(even) { | |
| - background: rgba(255, 255, 255, 0.5); | |
| +.module-timeline.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| } | |
| -.module-connect .connect-tweets .tweets-list .tweet:hover .body-footer .action { | |
| - opacity: 1; | |
| +.module-timeline.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-connect .connect-tweets .tweets-list .tweet { | |
| - padding-left: 20px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-timeline .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| } | |
| - .module-connect .connect-tweets .tweets-list .tweet .tweet-avatar { | |
| - display: none; | |
| + .module-timeline .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-timeline .module-header .btn-close { | |
| + margin-top: 15px; | |
| } | |
| } | |
| -.module-connect .connect-tweets .no-tweets { | |
| - text-align: center; | |
| - text-transform: uppercase; | |
| +.module-timeline .module-header { | |
| + color: #616060; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + padding-bottom: 30px; | |
| + padding-top: 30px; | |
| +} | |
| +.module-timeline .module-header .module-subtitle { | |
| + color: #fff; | |
| font-size: 20px; | |
| - color: #a3a3a3; | |
| - padding: 60px 10px; | |
| - border: dashed 2px #ddd; | |
| + margin: 8px 0; | |
| + text-transform: uppercase; | |
| } | |
| -.module-connect .connect-tweets .no-tweets [class*="icon-"] { | |
| - font-size: 80px; | |
| - color: #ccc; | |
| - display: block; | |
| - margin-bottom: 20px; | |
| +.module-timeline .timeline-nav > * { | |
| + padding: 0px 22.5px; | |
| + background: #333333; | |
| + border-bottom: 1px solid #000; | |
| + border-right: 1px solid #000; | |
| + border-top: 1px solid #000; | |
| + height: 108px; | |
| } | |
| -.module-connect .connect-form { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - background: #353535; | |
| - width: 100%; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-timeline .timeline-nav > * { | |
| + padding: 0px 25px; | |
| + } | |
| } | |
| -.module-connect .connect-form .form { | |
| - -webkit-box-flex: 0; | |
| - -moz-box-flex: 0; | |
| - -webkit-flex: 0 1 auto; | |
| - -ms-flex: 0 1 auto; | |
| - flex: 0 1 auto; | |
| - padding: 60px 10%; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-timeline .timeline-nav > * { | |
| + padding: 0px 20px; | |
| + } | |
| } | |
| -.module-connect .connect-form .form .title { | |
| - font: 300 30px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - margin-top: 0; | |
| - margin-bottom: 30px; | |
| - color: #a3a3a3; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-timeline .timeline-nav > * { | |
| + padding: 0px 15px; | |
| + } | |
| } | |
| -.module-connect .connect-form .form form textarea { | |
| - margin-bottom: 20px; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-timeline .timeline-nav > * { | |
| + height: 78px; | |
| + } | |
| } | |
| -.module-connect .connect-form .btn-connect { | |
| - -webkit-box-flex: 0; | |
| - -moz-box-flex: 0; | |
| - -webkit-flex: 0 1 auto; | |
| - -ms-flex: 0 1 auto; | |
| - flex: 0 1 auto; | |
| - margin-top: auto; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-timeline .timeline-nav > * { | |
| + height: 128px; | |
| + } | |
| + .module-timeline .timeline-nav > *.timeline-selector { | |
| + padding: 0 !important; | |
| + } | |
| } | |
| -.module-sidebar { | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - background: #353535; | |
| - border-top: solid 60px #fff; | |
| - border-bottom: solid 60px #fff; | |
| +.module-timeline .timeline-nav .timeline-titles-container { | |
| + display: table; | |
| + -moz-transition: 0.5s ease; | |
| + -webkit-transition: 0.5s ease; | |
| + -o-transition: 0.5s ease; | |
| + transition: 0.5s ease; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + height: 0; | |
| + position: absolute; | |
| } | |
| -.module-sidebar .module { | |
| - -webkit-box-flex: 0; | |
| - -moz-box-flex: 0; | |
| - -webkit-flex: 0 1 auto; | |
| - -ms-flex: 0 1 auto; | |
| - flex: 0 1 auto; | |
| +.module-timeline .timeline-nav .timeline-titles-container.active { | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| + height: 100%; | |
| + z-index: 20; | |
| } | |
| -.module-airdates { | |
| - background: #ececec; | |
| - padding: 60px 10%; | |
| +.module-timeline .timeline-nav .timeline-titles-container > div { | |
| + display: table-cell; | |
| + vertical-align: middle; | |
| + width: 100%; | |
| } | |
| -.module-airdates .airdates-countries { | |
| - padding: 0; | |
| - margin: 30px 0; | |
| - list-style: none; | |
| +.module-timeline .timeline-nav .timeline-titles-container .timeline-year-title { | |
| + color: #fff; | |
| + display: inline-block; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 40px; | |
| + line-height: 40px; | |
| + margin-right: 20px; | |
| } | |
| -.module-airdates .airdates-countries .country { | |
| - margin-bottom: 20px; | |
| +.module-timeline .timeline-nav .timeline-titles-container .timeline-year-desc { | |
| + color: #fff; | |
| + display: inline-block; | |
| + font-family: Georgia, "Times New Roman", Times, serif; | |
| + font-size: 14px; | |
| + font-style: italic; | |
| + line-height: 18px; | |
| + margin-right: 0px; | |
| + margin-top: 13px; | |
| } | |
| -.module-airdates .airdates-countries .country .country-name { | |
| - font-size: 24px; | |
| - margin: 0.15em 0; | |
| +.module-timeline .timeline-nav .timeline-titles-container .timeline-year-desc .description { | |
| + margin-right: 20px; | |
| } | |
| -.module-airdates .airdates-countries .country .country-info { | |
| - margin: 0.25em 0; | |
| - font-size: 16px; | |
| - color: #a3a3a3; | |
| +.module-timeline .timeline-nav .timeline-titles-container .timeline-year-desc .description .asterisk { | |
| + color: #ed4503; | |
| } | |
| -.module-press { | |
| - background: #353535; | |
| - padding: 60px 10%; | |
| +.module-timeline .timeline-nav .timeline-titles-container .timeline-year-desc a { | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 15px; | |
| + font-style: normal; | |
| + text-transform: uppercase; | |
| } | |
| -.module-press .section-title { | |
| - color: #fff; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-timeline .timeline-nav .timeline-titles-container .timeline-year-desc { | |
| + font-size: 14px; | |
| + line-height: 18px; | |
| + } | |
| } | |
| -.module-press .headlines { | |
| - color: #fff; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-timeline .timeline-nav .timeline-titles-container .timeline-year-desc { | |
| + font-size: 13px; | |
| + line-height: 17px; | |
| + } | |
| } | |
| -.module-press .headlines .headline { | |
| - padding: 30px 0; | |
| - margin: 0; | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .module-timeline .timeline-nav .timeline-titles-container .timeline-year-desc { | |
| + font-size: 20px; | |
| + line-height: 24px; | |
| + } | |
| } | |
| -.module-press .headlines .headline [class*="icon-"] { | |
| - font-size: 20px; | |
| +.module-timeline .timeline-nav .timeline-selector { | |
| + display: -webkit-box; | |
| + display: -moz-box; | |
| + display: -webkit-flex; | |
| + display: -ms-flexbox; | |
| + display: flex; | |
| + -webkit-box-align: center; | |
| + -moz-box-align: center; | |
| + -webkit-align-items: center; | |
| + -ms-flex-align: center; | |
| + align-items: center; | |
| + background: #1c1b1b; | |
| + text-align: center; | |
| } | |
| -.module-press .headlines .headline p { | |
| - font: 300 25px / 1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - margin: 0.35em 0; | |
| +.module-timeline .timeline-nav .timeline-selector .btn-default { | |
| + background: none; | |
| + color: #999999; | |
| } | |
| -.module-press .headlines .headline footer { | |
| - font: 600 15px / 1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #a3a3a3; | |
| +.module-timeline .timeline-nav .timeline-selector .btn-default .icon-arrow-down { | |
| + color: #fff; | |
| + display: inline-block; | |
| + font-size: 22px; | |
| + line-height: 22px; | |
| + vertical-align: text-bottom; | |
| } | |
| -.module-press .headlines .headline footer cite { | |
| - font-style: normal; | |
| +.module-timeline .timeline-label { | |
| + background: #333333; | |
| + border-bottom: 1px solid #000; | |
| + color: #999999; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 15px; | |
| + padding: 10px; | |
| + text-align: right; | |
| text-transform: uppercase; | |
| } | |
| -.module-press .headlines .headline:nth-child( n + 10 ) { | |
| - display: none !important; | |
| -} | |
| -.module-videos { | |
| - padding: 60px 0; | |
| +.module-timeline .carousel-inner .list-item { | |
| + width: 100%; | |
| } | |
| -.module-videos .media-description { | |
| +.module-timeline .carousel-inner .owl-buttons .disabled { | |
| display: none; | |
| } | |
| -.module-facts { | |
| - padding: 60px 0; | |
| +.module-timeline .timeline-cell { | |
| + background: #ed4503; | |
| + border-bottom: 1px solid #000; | |
| + color: #000; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 15px; | |
| + padding: 10px; | |
| } | |
| -.module-facts .section-title { | |
| - margin-bottom: 60px; | |
| +.module-timeline .timeline-cell a { | |
| + -ms-word-break: break-all; | |
| + word-break: break-all; | |
| + word-break: break-word; | |
| + -webkit-hyphens: auto; | |
| + -moz-hyphens: auto; | |
| + hyphens: auto; | |
| } | |
| -.module-facts .fact .media--photo, | |
| -.module-facts .fact .media--video { | |
| - padding-top: 50%; | |
| +.module-timeline .timeline-cell.timeline-cell-hilite { | |
| + color: #fff; | |
| } | |
| -.module-facts .fact .media-description { | |
| - display: none; | |
| +.module-timeline .timeline-cell.timeline-row-xlarge { | |
| + background: #be3702; | |
| } | |
| -.module-facts .fact .fact-content { | |
| - padding: 40px 20px; | |
| +.module-timeline .timeline-cell.timeline-row-xlarge a { | |
| + color: #fff; | |
| } | |
| -.module-facts .fact .fact-content .title { | |
| - font: 300 30px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| +.module-timeline .timeline-cell.timeline-row-xlarge p { | |
| margin-top: 0; | |
| - margin-bottom: 0.25em; | |
| -} | |
| -.module-facts .fact .fact-content .subtitle { | |
| - font: 400 18px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #aaa; | |
| - margin: 0; | |
| -} | |
| -.module-facts .fact .fact-content .description { | |
| - margin: 20px 0; | |
| } | |
| -.module-facts footer { | |
| - padding: 20px; | |
| +.module-timeline .timeline-row-small { | |
| + height: 40px; | |
| } | |
| -.module-ctas { | |
| - padding: 60px 0; | |
| +.module-timeline .timeline-row-medium { | |
| + height: 80px; | |
| } | |
| -.module-search { | |
| - padding-left: 20px; | |
| - padding-right: 20px; | |
| +.module-timeline .timeline-row-large { | |
| + height: 136px; | |
| } | |
| -.module-search .search-results span { | |
| - color: #333; | |
| +.module-timeline .timeline-row-xlarge { | |
| + border-bottom: none; | |
| + height: 240px; | |
| } | |
| -.module-search .form-search { | |
| - margin: 30px auto; | |
| - max-width: 600px; | |
| +.module-timeline .timeline-carousels-container { | |
| + -moz-transition: opacity 3s ease; | |
| + -webkit-transition: opacity 3s ease; | |
| + -o-transition: opacity 3s ease; | |
| + transition: opacity 3s ease; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + height: 0; | |
| + overflow: hidden; | |
| } | |
| -.module-search .form-search .form-input { | |
| - width: 100%; | |
| - position: relative; | |
| +.module-timeline .timeline-carousels-container.active { | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| + height: 616px; | |
| } | |
| -.module-search .form-search .form-input input { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - width: 100%; | |
| - padding: 12px; | |
| - font-size: 18px; | |
| - background: #f8f8f8; | |
| - border: solid 1px transparent; | |
| - border-bottom: solid 1px rgba(0, 0, 0, 0.1); | |
| - border-radius: 0; | |
| +/* Share quiz module */ | |
| +.module-quiz-overlay .module-header { | |
| + background: #2c2c2c; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| } | |
| -.module-search .form-search .form-input input:focus { | |
| - border-color: #ed4503; | |
| - background: #fff; | |
| - outline: none; | |
| +.module-quiz-overlay .module-header .module-title { | |
| + color: #fff; | |
| + font-size: 30px; | |
| + margin: 0; | |
| } | |
| -.module-search .form-search .form-input input.error { | |
| - background: #ffd2d2; | |
| +.module-quiz-overlay .module-header .btn-close { | |
| + margin-top: 20px; | |
| + position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| } | |
| -.module-search .form-search .form-input button[type="submit"] { | |
| +.module-quiz-overlay .module-header .btn-close span { | |
| + display: inline-block; | |
| -moz-transition: 0.2s; | |
| -webkit-transition: 0.2s; | |
| -o-transition: 0.2s; | |
| transition: 0.2s; | |
| - -moz-transform: translate(0, -50%); | |
| - -webkit-transform: translate(0, -50%); | |
| - -ms-transform: translate(0, -50%); | |
| - -o-transform: translate(0, -50%); | |
| - transform: translate(0, -50%); | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-quiz-overlay .module-header .btn-close:before, | |
| +.module-quiz-overlay .module-header .btn-close:after { | |
| + content: ""; | |
| position: absolute; | |
| - top: 50%; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| right: 0; | |
| - border: none; | |
| - background: transparent; | |
| - padding: 0.5em; | |
| - height: 2em; | |
| - font-size: 20px; | |
| - color: #666; | |
| - outline: none; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| } | |
| -.module-search .form-search .form-input button[type="submit"]:hover { | |
| - -moz-transform: translate(5px, -50%); | |
| - -webkit-transform: translate(5px, -50%); | |
| - -ms-transform: translate(5px, -50%); | |
| - -o-transform: translate(5px, -50%); | |
| - transform: translate(5px, -50%); | |
| - color: #ed4503; | |
| +.module-quiz-overlay .module-header .btn-close:after { | |
| + top: 100%; | |
| } | |
| -.module-thanks { | |
| - padding: 60px 5%; | |
| - color: #a3a3a3; | |
| +.module-quiz-overlay .module-header .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +.module-quiz-overlay .module-header .btn-close:hover:after, | |
| +.module-quiz-overlay .module-header .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.module-quiz-overlay .module-header .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.module-quiz-overlay .module-header .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| } | |
| -.module-thanks .section-title { | |
| - margin-bottom: 60px; | |
| +.module-quiz-overlay.module-size-sm .module-header .module-title { | |
| + font-size: 30px; | |
| } | |
| -.module-thanks.thanks-special { | |
| - text-align: center; | |
| +.module-quiz-overlay.module-size-sm .module-header .btn-close { | |
| + margin-top: 15px; | |
| } | |
| -.module-thanks.thanks-special p { | |
| - font-size: 24px; | |
| - margin: 0.45em auto; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-quiz-overlay .module-header { | |
| + padding-top: 20px; | |
| + padding-bottom: 20px; | |
| + } | |
| + .module-quiz-overlay .module-header .module-title { | |
| + font-size: 30px; | |
| + max-width: 70%; | |
| + } | |
| + .module-quiz-overlay .module-header .btn-close { | |
| + margin-top: 15px; | |
| + } | |
| } | |
| -.module-thanks.thanks-list .section-title { | |
| - color: #636363; | |
| +.module-quiz-overlay .module-header { | |
| + height: 90px; | |
| } | |
| -.module-thanks.thanks-list p { | |
| - font-size: 18px; | |
| +.module-quiz-overlay .module-header h3 { | |
| + line-height: 1; | |
| } | |
| -.module-thanks.thanks-list h1 { | |
| - font: 100 50px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| +.module-quiz-overlay .module-header h3 span { | |
| color: #ed4503; | |
| - margin: 0 auto; | |
| - word-wrap: break-word; | |
| - font-size: 35px; | |
| - margin-top: 2em; | |
| - margin-bottom: 2em; | |
| - color: #636363; | |
| } | |
| -.module-thanks.thanks-list h1.title-large { | |
| - font-size: 115%; | |
| +.module-quiz-overlay .quiz-overlay-body { | |
| + background: #fff; | |
| + padding-bottom: 30px; | |
| + padding-top: 30px; | |
| } | |
| -.module-thanks.thanks-list h1.title-centered { | |
| - text-align: center; | |
| - padding: 0 3%; | |
| +.module-quiz-overlay .quiz-overlay-body .qa-container:before, | |
| +.module-quiz-overlay .quiz-overlay-body .qa-container:after { | |
| + content: " "; | |
| + display: table; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-thanks.thanks-list h1 { | |
| - font-size: 36px; | |
| - } | |
| +.module-quiz-overlay .quiz-overlay-body .qa-container:after { | |
| + clear: both; | |
| } | |
| -@media only screen and ( max-width: 320px ) { | |
| - .module-thanks.thanks-list h1 { | |
| - font-size: 30px; | |
| - } | |
| +.module-quiz-overlay .quiz-overlay-body .qa-container:before, | |
| +.module-quiz-overlay .quiz-overlay-body .qa-container:after { | |
| + content: " "; | |
| + display: table; | |
| } | |
| -.module-q-and-a-title { | |
| - padding: 80px 0; | |
| +.module-quiz-overlay .quiz-overlay-body .qa-container:after { | |
| + clear: both; | |
| } | |
| -.module-q-and-a-title .section-title { | |
| - color: #353535; | |
| +.module-quiz-overlay .quiz-overlay-body .qa-container .answer { | |
| + color: #ed4503; | |
| + display: inline-block; | |
| + float: left; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 36px; | |
| line-height: 1.1; | |
| - max-width: 1000px; | |
| + text-align: right; | |
| + text-transform: uppercase; | |
| } | |
| -.module-blog-post .post-content, | |
| -.module-blog-post .post-sidebar { | |
| - margin-top: 60px; | |
| - margin-bottom: 60px; | |
| +.module-quiz-overlay .quiz-overlay-body .qa-container .question { | |
| + display: inline-block; | |
| + float: left; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| + margin-left: 30px; | |
| + width: 70%; | |
| } | |
| -.module-blog-post .post-content { | |
| - color: #a3a3a3; | |
| +.module-quiz-overlay .quiz-overlay-body h2 { | |
| + color: #777777; | |
| + font-size: 28px; | |
| + margin: 30px 0 0 0; | |
| +} | |
| +.module-quiz-overlay .quiz-overlay-body h3 { | |
| + color: #ed4503; | |
| font-size: 20px; | |
| - line-height: 1.3; | |
| + margin: 30px 0 0 0; | |
| } | |
| -.module-blog-post .post-content ul li, | |
| -.module-blog-post .post-content ol li { | |
| - margin: 0.5em 0; | |
| +.module-quiz-overlay .quiz-overlay-body p { | |
| + margin: 4px 0 8px 0; | |
| } | |
| -.module-blog-post .post-content .content-cta { | |
| - background: #e5e5e5; | |
| - padding: 1em 1em 1em 80px; | |
| - margin: 40px 0; | |
| - color: #333; | |
| +.module-quiz-overlay .module-footer { | |
| + background: #2c2c2c; | |
| + padding: 20px 0; | |
| } | |
| -.module-blog-post .post-content .content-cta [class*="icon-"] { | |
| - float: left; | |
| - margin-left: -55px; | |
| - font-size: 30px; | |
| - color: #bbb; | |
| +.module-quiz-overlay .module-footer h3 { | |
| + color: #7e7e7e; | |
| + font-size: 18px; | |
| + margin: 0 0 0 0; | |
| } | |
| -.module-blog-post .post-content .content-cta p:first-of-type { | |
| - margin-top: 0; | |
| +.module-quiz-overlay .module-footer .cta-link { | |
| + display: inline-block; | |
| + display: block; | |
| + margin: 5px 0; | |
| } | |
| -.module-blog-post .post-content .content-cta p:last-of-type { | |
| - margin-bottom: 0; | |
| +.module-quiz-overlay .module-footer .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.module-blog-post .post-content .content-header .header-image { | |
| - margin-bottom: 20px; | |
| +.module-quiz-overlay .module-footer .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| } | |
| -.module-blog-post .post-content .content-header .header-image img { | |
| - display: block; | |
| - max-width: 100%; | |
| - height: auto; | |
| +.module-quiz-overlay .module-footer .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| } | |
| -.module-blog-post .post-content .content-header .header-title { | |
| - font: 100 50px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| - margin: 0 auto; | |
| - word-wrap: break-word; | |
| +.module-quiz-overlay .module-footer .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| } | |
| -.module-blog-post .post-content .content-header .header-title.title-large { | |
| - font-size: 115%; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-quiz-overlay .module-footer .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| } | |
| -.module-blog-post .post-content .content-header .header-title.title-centered { | |
| - text-align: center; | |
| - padding: 0 3%; | |
| +.module-quiz-overlay .module-footer .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-blog-post .post-content .content-header .header-title { | |
| - font-size: 36px; | |
| - } | |
| +.module-quiz-overlay .module-footer .cta-link.centered label { | |
| + max-width: 100% !important; | |
| } | |
| -@media only screen and ( max-width: 320px ) { | |
| - .module-blog-post .post-content .content-header .header-title { | |
| - font-size: 30px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-quiz-overlay .module-footer .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| } | |
| } | |
| -.module-blog-post .post-content .content-header .header-title a { | |
| - text-decoration: none; | |
| -} | |
| -.module-blog-post .post-content .content-more { | |
| - font-weight: 400; | |
| +.module-quiz-overlay .module-footer .cta-link label { | |
| font-size: 18px; | |
| - text-transform: uppercase; | |
| } | |
| -.module-blog-post .post-content .content-more a { | |
| - text-decoration: none; | |
| +/* Thanks list module */ | |
| +.module-thanks-list p { | |
| + margin: 0 8px 2px 0; | |
| } | |
| -.module-blog-post .post-content .content-more [class*="icon-"] { | |
| - font-size: 80%; | |
| - margin-left: 0.35em; | |
| +.module-thanks-list .special-thanks { | |
| + background: #1a1919; | |
| + color: #fff; | |
| + padding: 42.5px 0px; | |
| } | |
| -.module-blog-post .post-content .content-footer { | |
| - margin-top: 40px; | |
| - margin-bottom: 20px; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-thanks-list .special-thanks { | |
| + padding: 50px 0px; | |
| + } | |
| } | |
| -.module-blog-post .post-content .content-footer:before { | |
| - display: block; | |
| - width: 35%; | |
| - content: ""; | |
| - border-top: solid 1px #eee; | |
| - padding-top: 20px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-thanks-list .special-thanks { | |
| + padding: 35px 0px; | |
| + } | |
| } | |
| -.module-blog-post .post-content .content-footer nav { | |
| - margin-top: 20px; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-thanks-list .special-thanks { | |
| + padding: 20px 0px; | |
| + } | |
| +} | |
| +.module-thanks-list .special-thanks h1 { | |
| + color: #ed4503; | |
| display: block; | |
| + font-size: 28px; | |
| + margin-bottom: 25px; | |
| } | |
| -.module-blog-post .post-content .content-footer nav > * { | |
| - margin-bottom: 8px; | |
| +.module-thanks-list .thanks { | |
| + background: #eeeeee; | |
| + color: #000; | |
| + padding: 42.5px 0px; | |
| } | |
| -.module-blog-post .post-content .content-footer nav :not(:last-child) { | |
| - margin-right: 15px; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-thanks-list .thanks { | |
| + padding: 50px 0px; | |
| + } | |
| } | |
| -.module-blog-post .post-content .content-author { | |
| - margin-top: 50px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-thanks-list .thanks { | |
| + padding: 35px 0px; | |
| + } | |
| } | |
| -.module-blog-post .post-content .content-author .author-header { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - -webkit-box-align: center; | |
| - -moz-box-align: center; | |
| - -webkit-align-items: center; | |
| - -ms-flex-align: center; | |
| - align-items: center; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-thanks-list .thanks { | |
| + padding: 20px 0px; | |
| + } | |
| } | |
| -.module-blog-post .post-content .content-author .author-header .name { | |
| - color: #555; | |
| +.module-thanks-list .thanks h1 { | |
| + color: #999999; | |
| + display: block; | |
| font-size: 28px; | |
| - line-height: 1; | |
| - margin: 8px 0; | |
| + margin-bottom: 25px; | |
| } | |
| -.module-blog-post .post-content .content-author .author-header .job-title { | |
| - font-size: 16px; | |
| - font-weight: 600; | |
| - line-height: 1; | |
| - margin: 8px 0; | |
| +.module-thanks-list .production-thanks { | |
| + background: #fff; | |
| + color: #000; | |
| + padding: 42.5px 0px; | |
| } | |
| -.module-blog-post .post-content .content-author .author-header .photo { | |
| - -webkit-box-flex: 0; | |
| - -moz-box-flex: 0; | |
| - -webkit-flex: 0 0 80px; | |
| - -ms-flex: 0 0 80px; | |
| - flex: 0 0 80px; | |
| - margin-right: 20px; | |
| +@media only screen and ( min-width: 992px ) { | |
| + .module-thanks-list .production-thanks { | |
| + padding: 50px 0px; | |
| + } | |
| } | |
| -.module-blog-post .post-content .content-author .author-header .photo img { | |
| - display: block; | |
| - max-width: 100%; | |
| - height: auto; | |
| - border-radius: 50%; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-thanks-list .production-thanks { | |
| + padding: 35px 0px; | |
| + } | |
| } | |
| -.module-blog-post .post-content .content-author .author-bio { | |
| - font-size: 15px; | |
| - margin-top: 20px; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-thanks-list .production-thanks { | |
| + padding: 20px 0px; | |
| + } | |
| } | |
| -.module-blog-post .post-content .content-author .author-more { | |
| - text-transform: uppercase; | |
| +.module-thanks-list .production-thanks h1 { | |
| + color: #333333; | |
| + display: block; | |
| + font-size: 28px; | |
| + margin: 40px 0 25px; | |
| } | |
| -.module-blog-post .post-content .content-author .author-more [class*="icon-"] { | |
| - font-size: 80%; | |
| - margin-left: 0.35em; | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-blog-post .post-content .content-author .author-header { | |
| - -webkit-box-direction: normal; | |
| - -moz-box-direction: normal; | |
| - -webkit-box-orient: vertical; | |
| - -moz-box-orient: vertical; | |
| - -webkit-flex-direction: column; | |
| - -ms-flex-direction: column; | |
| - flex-direction: column; | |
| - text-align: center; | |
| +.module-thanks-list .production-thanks > * h1:nth-child(1) { | |
| + margin-top: 0; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-thanks-list .production-thanks > * h1:nth-child(1) { | |
| + margin: 40px 0 25px; | |
| } | |
| - .module-blog-post .post-content .content-author .author-header .photo { | |
| - max-width: 100px; | |
| - margin-right: 0; | |
| - margin-bottom: 30px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-thanks-list .production-thanks div:nth-child(1) h1:nth-child(1) { | |
| + margin-top: 0; | |
| } | |
| } | |
| -.module-blog-post .post-content img.CToWUd[src*="f3012af7f26f.png"], | |
| -.module-blog-post .post-content img.CToWUd[src*="a8582c2f749a.png"] { | |
| - display: none; | |
| +.module-climate-nexus { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + background-attachment: fixed; | |
| } | |
| -.module-blog-post .post-content :first-child { | |
| - margin-top: 0; | |
| +.module-climate-nexus.bg-contain { | |
| + background-size: 80%; | |
| } | |
| -.module-blog-post .post-sidebar { | |
| - padding-left: 30px; | |
| - border-left: solid 1px #eee; | |
| +.module-climate-nexus .news-header { | |
| + padding-top: 5%; | |
| + padding-bottom: 20px; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| - .module-blog-post .post-sidebar { | |
| - padding-left: 0; | |
| - border-left: none; | |
| +.module-climate-nexus .news-header h2 { | |
| + font-size: 70px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-climate-nexus .news-header h2 { | |
| + font-size: 40px; | |
| } | |
| } | |
| -.module-blog-post .post-sidebar .section-title { | |
| - color: #555555; | |
| +.module-climate-nexus .news-header h3 { | |
| + color: #fff; | |
| + font-family: Georgia, "Times New Roman", Times, serif; | |
| + font-size: 24px; | |
| + font-style: italic; | |
| + font-weight: 300; | |
| + text-transform: none; | |
| + margin-top: 1em; | |
| } | |
| -.module-blog-post .post-sidebar p { | |
| - font-size: 15px; | |
| - color: #777777; | |
| +.module-climate-nexus .news-header h3 img { | |
| + display: inline-block; | |
| + height: 1.4em; | |
| + margin-left: 0.25em; | |
| } | |
| -.module-blog-post .post-sidebar .posts, | |
| -.module-blog-post .post-sidebar .authors, | |
| -.module-blog-post .post-sidebar .categories { | |
| - margin: 30px 0 50px; | |
| - padding: 0; | |
| - list-style: none; | |
| - font-size: 18px; | |
| - color: #a3a3a3; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-climate-nexus .news-header h3 img { | |
| + display: block; | |
| + margin-left: 0; | |
| + margin-top: 10px; | |
| + } | |
| } | |
| -.module-blog-post .post-sidebar .posts li, | |
| -.module-blog-post .post-sidebar .authors li, | |
| -.module-blog-post .post-sidebar .categories li { | |
| - margin-bottom: 1.25em; | |
| -} | |
| -.module-blog-post .post-sidebar .posts li .children, | |
| -.module-blog-post .post-sidebar .authors li .children, | |
| -.module-blog-post .post-sidebar .categories li .children { | |
| - margin-top: 0.5em; | |
| - border-left: solid 1px #eee; | |
| - padding: 0.1em 10px; | |
| - list-style: none; | |
| - font-size: 80%; | |
| +.module-climate-nexus .news-story { | |
| + background: rgba(26, 26, 26, 0.9); | |
| + padding: 40px 0; | |
| } | |
| -.module-blog-post .post-sidebar .posts li .children li, | |
| -.module-blog-post .post-sidebar .authors li .children li, | |
| -.module-blog-post .post-sidebar .categories li .children li { | |
| - margin: 0.5em 0; | |
| +.module-climate-nexus .news-story .story-title { | |
| + font-size: 27px; | |
| } | |
| -.module-blog-post .post-sidebar .posts a, | |
| -.module-blog-post .post-sidebar .authors a, | |
| -.module-blog-post .post-sidebar .categories a { | |
| - -moz-transition: 0.2s; | |
| - -webkit-transition: 0.2s; | |
| - -o-transition: 0.2s; | |
| - transition: 0.2s; | |
| - color: inherit; | |
| +.module-climate-nexus .news-story .story-intro { | |
| + color: #fff; | |
| } | |
| -.module-blog-post .post-sidebar .posts a:hover, | |
| -.module-blog-post .post-sidebar .authors a:hover, | |
| -.module-blog-post .post-sidebar .categories a:hover { | |
| - color: #ed4503; | |
| +.module-climate-nexus .news-story .story-intro .cta-link { | |
| + display: inline-block; | |
| + margin-top: 10px; | |
| } | |
| -.module-blog-post .post-sidebar .posts .current-cat > a, | |
| -.module-blog-post .post-sidebar .authors .current-cat > a, | |
| -.module-blog-post .post-sidebar .categories .current-cat > a, | |
| -.module-blog-post .post-sidebar .posts .active a, | |
| -.module-blog-post .post-sidebar .authors .active a, | |
| -.module-blog-post .post-sidebar .categories .active a { | |
| - color: #353535; | |
| -} | |
| -.module-media .media-enquiries, | |
| -.module-media .media-downloads, | |
| -.module-media .media-pullquote { | |
| - width: 100%; | |
| +.module-climate-nexus .news-story .story-intro .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.module-media .media-enquiries .title, | |
| -.module-media .media-downloads .title, | |
| -.module-media .media-pullquote .title { | |
| - font: 100 50px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #ed4503; | |
| - margin: 0 auto; | |
| - word-wrap: break-word; | |
| - font-size: 44px; | |
| +.module-climate-nexus .news-story .story-intro .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| } | |
| -.module-media .media-enquiries .title.title-large, | |
| -.module-media .media-downloads .title.title-large, | |
| -.module-media .media-pullquote .title.title-large { | |
| - font-size: 115%; | |
| +.module-climate-nexus .news-story .story-intro .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| } | |
| -.module-media .media-enquiries .title.title-centered, | |
| -.module-media .media-downloads .title.title-centered, | |
| -.module-media .media-pullquote .title.title-centered { | |
| - text-align: center; | |
| - padding: 0 3%; | |
| +.module-climate-nexus .news-story .story-intro .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-media .media-enquiries .title, | |
| - .module-media .media-downloads .title, | |
| - .module-media .media-pullquote .title { | |
| - font-size: 36px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-climate-nexus .news-story .story-intro .cta-link label { | |
| + max-width: 85%; | |
| } | |
| } | |
| -@media only screen and ( max-width: 320px ) { | |
| - .module-media .media-enquiries .title, | |
| - .module-media .media-downloads .title, | |
| - .module-media .media-pullquote .title { | |
| - font-size: 30px; | |
| - } | |
| +.module-climate-nexus .news-story .story-intro .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| } | |
| -.module-media .media-enquiries { | |
| - background: #ececec; | |
| +.module-climate-nexus .news-story .story-intro .cta-link.centered label { | |
| + max-width: 100% !important; | |
| } | |
| -.module-media .media-downloads .downloads { | |
| - margin: 0; | |
| - padding: 0; | |
| - list-style: none; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-climate-nexus .news-story .story-intro .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| } | |
| -.module-media .media-downloads .downloads li { | |
| - margin-bottom: 5px; | |
| +.module-climate-nexus .news-story .story-intro .cta-link label { | |
| + font-size: 20px; | |
| } | |
| -.module-media .media-downloads .downloads li [class*="icon-"] { | |
| - font-size: 80%; | |
| +.module-featured-links { | |
| + min-height: 400px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .module-featured-links { | |
| + min-height: 200px; | |
| + } | |
| } | |
| -.module-media .media-pullquote { | |
| - background: #222; | |
| +.module-featured-links .list-item { | |
| color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| } | |
| -.module-media .media-pullquote blockquote p { | |
| - font-size: 32px; | |
| - line-height: 1.2; | |
| +.module-featured-links .list-item:nth-child(odd) { | |
| + background: #1a1919; | |
| } | |
| -.module-404 { | |
| +.module-featured-links .list-item:nth-child(even) { | |
| + background: #222121; | |
| +} | |
| +.module-featured-links .list-item .link-media-box { | |
| background-color: #000; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| background-size: cover; | |
| + padding-top: 50%; | |
| position: relative; | |
| + display: block; | |
| } | |
| -.module-404.bg-contain { | |
| +.module-featured-links .list-item .link-media-box.bg-contain { | |
| background-size: 80%; | |
| } | |
| -.module-404:before { | |
| - position: absolute; | |
| - top: 0; | |
| - left: 0; | |
| - right: 0; | |
| - bottom: 0; | |
| - background: rgba(0, 0, 0, 0.5); | |
| - display: block; | |
| - content: ""; | |
| - z-index: 1; | |
| +.module-featured-links .list-item .link-media-box .btn { | |
| + position: absolute; | |
| + top: 50%; | |
| + left: 50%; | |
| + margin: -25px 0 0 -25px; | |
| +} | |
| +.module-featured-links .list-item .link-text-box { | |
| + padding: 20px 40px; | |
| +} | |
| +.module-featured-links .list-item .link-text-box h3 { | |
| + color: #ed4503; | |
| + font-size: 36px; | |
| + line-height: 1.1; | |
| + margin: 0 0 20px; | |
| + max-width: 80%; | |
| +} | |
| +.module-featured-links .list-item .link-text-box p { | |
| + font-size: 18px; | |
| +} | |
| +.module-featured-links .list-item .link-text-box .cta-link { | |
| + display: inline-block; | |
| +} | |
| +.module-featured-links .list-item .link-text-box .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.module-featured-links .list-item .link-text-box .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.module-featured-links .list-item .link-text-box .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| } | |
| -.module-404 .text-content { | |
| - padding: 20vh 10%; | |
| - position: relative; | |
| - z-index: 2; | |
| +.module-featured-links .list-item .link-text-box .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| } | |
| -.module-404 .text-content h1 { | |
| - font-size: 240px; | |
| - line-height: 1; | |
| - margin: 0; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-featured-links .list-item .link-text-box .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| } | |
| -.module-404 .text-content h2 { | |
| - font-size: 120px; | |
| - line-height: 1; | |
| - margin: 0; | |
| +.module-featured-links .list-item .link-text-box .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| } | |
| -.module-404 .text-content h3 { | |
| - font-size: 35px; | |
| - line-height: 1.1; | |
| - color: #fff; | |
| +.module-featured-links .list-item .link-text-box .cta-link.centered label { | |
| + max-width: 100% !important; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .module-404 .text-content h1 { | |
| - font-size: 80px; | |
| - } | |
| - .module-404 .text-content h2 { | |
| - font-size: 50px; | |
| - } | |
| - .module-404 .text-content h3 { | |
| - font-size: 25px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .module-featured-links .list-item .link-text-box .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| } | |
| } | |
| +.module-featured-links .list-item .link-text-box .cta-link label { | |
| + font-size: 20px; | |
| +} | |
| /* !HEADER */ | |
| .site-header { | |
| border: none; | |
| padding-right: 2%; | |
| padding-left: 2%; | |
| } | |
| -@media only screen and ( max-width: 1199px ) { | |
| +@media only screen and ( min-width: 992px ) { | |
| .site-header { | |
| -moz-transition: 0.5s ease; | |
| -webkit-transition: 0.5s ease; | |
| @@ -10602,7 +16518,15 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| transition: 0.5s ease; | |
| } | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| +.site-header.invisible { | |
| + top: -200px; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| .site-header { | |
| height: 60px; | |
| min-height: 60px; | |
| @@ -10614,8 +16538,6 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| .site-header .navbar-header .navbar-toggle { | |
| margin-top: 13px; | |
| margin-bottom: 13px; | |
| - padding-left: 0; | |
| - padding-right: 0; | |
| } | |
| } | |
| .site-header > .container { | |
| @@ -10636,12 +16558,10 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| } | |
| -.site-header .site-title a { | |
| - text-decoration: none; | |
| -} | |
| .site-header .site-title .logo-natgeo, | |
| .site-header .site-title .forward-slash, | |
| .site-header .site-title .logo-years { | |
| + height: 50px; | |
| display: inline-block; | |
| } | |
| .site-header .site-title .logo-natgeo svg, | |
| @@ -10662,102 +16582,17 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| transition: 0.25s; | |
| opacity: 0.65; | |
| } | |
| -.site-header .site-title .logo-natgeo, | |
| -.site-header .site-title .forward-slash, | |
| -.site-header .site-title .logo-years { | |
| - height: 50px; | |
| -} | |
| -.site-header .site-title .logo-natgeo svg { | |
| - width: 141.91106906px; | |
| -} | |
| -.site-header .site-title .forward-slash svg { | |
| - width: 17.35px; | |
| -} | |
| -.site-header .site-title .logo-years svg { | |
| - width: 180.78693051px; | |
| +.site-header .site-title .logo-years:hover { | |
| + opacity: 1; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| +@media only screen and ( max-width: 768px ) { | |
| .site-header .site-title { | |
| height: 60px; | |
| } | |
| - .site-header .site-title .logo-natgeo, | |
| - .site-header .site-title .forward-slash, | |
| - .site-header .site-title .logo-years { | |
| - height: 36px; | |
| - } | |
| - .site-header .site-title .logo-natgeo svg { | |
| - width: 102.17596973px; | |
| - } | |
| - .site-header .site-title .forward-slash svg { | |
| - width: 12.492px; | |
| - } | |
| - .site-header .site-title .logo-years svg { | |
| - width: 130.16658997px; | |
| - } | |
| -} | |
| -@media only screen and ( max-width: 320px ) { | |
| - .site-header .site-title .logo-natgeo, | |
| - .site-header .site-title .forward-slash, | |
| - .site-header .site-title .logo-years { | |
| - height: 30px; | |
| - } | |
| - .site-header .site-title .logo-natgeo svg { | |
| - width: 85.14664144px; | |
| - } | |
| - .site-header .site-title .forward-slash svg { | |
| - width: 10.41px; | |
| - } | |
| - .site-header .site-title .logo-years svg { | |
| - width: 108.47215831px; | |
| - } | |
| -} | |
| -.site-header .site-title:hover .logo-years { | |
| - opacity: 1; | |
| -} | |
| -.site-header .header-violator { | |
| - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -moz-transition: -moz-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: -o-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86),-moz-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86),-o-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86),transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - position: absolute; | |
| - top: 0; | |
| - left: 0; | |
| - right: 0; | |
| - border-top: solid 7px #333; | |
| - text-align: center; | |
| - z-index: 1; | |
| -} | |
| -.site-header .header-violator .violator-message { | |
| - display: inline-block; | |
| - background: #333; | |
| - margin: 0 auto; | |
| - padding: 0.65em 1.5em; | |
| - line-height: 1; | |
| - color: #a3a3a3; | |
| - border-radius: 0 0 5px 5px; | |
| -} | |
| -.site-header .header-violator .violator-message a { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - color: #fff; | |
| - border-bottom: solid 1px #666; | |
| -} | |
| -.site-header .header-violator .violator-message a:hover { | |
| - border-color: #fff; | |
| -} | |
| -@media only screen and ( max-width: 991px ) { | |
| - .site-header .header-violator { | |
| - display: none; | |
| - } | |
| } | |
| .site-header .primary-navigation, | |
| .site-header .secondary-navigation { | |
| - font: normal 18px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font: normal 18px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| text-transform: uppercase; | |
| } | |
| .site-header .primary-navigation a, | |
| @@ -10773,10 +16608,6 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| .site-header .primary-navigation .active:hover a { | |
| background-color: transparent; | |
| } | |
| -.site-header .primary-navigation ul.nav .menu-item-donate, | |
| -.site-header .primary-navigation ul.nav .menu-item-join { | |
| - display: none; | |
| -} | |
| .site-header .primary-navigation ul.nav li { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| @@ -10790,23 +16621,18 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| align-items: center; | |
| height: 162px; | |
| } | |
| +.site-header .primary-navigation ul.nav li.menu-item-home { | |
| + display: none; | |
| +} | |
| .site-header .primary-navigation ul.nav li a { | |
| padding: 10px; | |
| } | |
| -.site-header .primary-navigation ul.nav li a svg { | |
| - display: none; | |
| -} | |
| .site-header .primary-navigation ul.nav li a .caret { | |
| display: none; | |
| } | |
| .site-header .primary-navigation ul.nav li:last-child a { | |
| padding-right: 0; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| - .site-header .primary-navigation ul.nav li { | |
| - height: 60px; | |
| - } | |
| -} | |
| .site-header .primary-navigation ul.navbar-btns li { | |
| padding: 10px; | |
| } | |
| @@ -10816,11 +16642,6 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| .site-header .primary-navigation ul.navbar-btns li:last-child { | |
| padding-right: 0; | |
| } | |
| -@media only screen and (max-width: 1300px) { | |
| - .site-header .primary-navigation .main-menu-container { | |
| - display: none; | |
| - } | |
| -} | |
| .site-header .secondary-navigation { | |
| background: #1a1a1a; | |
| text-align: center; | |
| @@ -10851,222 +16672,153 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| .site-header .secondary-navigation ul li.current_page_item a { | |
| color: #ed4503; | |
| } | |
| -.site-header .social-links { | |
| - position: absolute; | |
| - top: 20px; | |
| - right: 3px; | |
| - font-size: 20px; | |
| - z-index: 1; | |
| -} | |
| -.site-header .social-links .nav-label { | |
| - display: none; | |
| -} | |
| -.site-header .social-links a { | |
| - margin-left: 0.4em; | |
| - color: #c2c2c2; | |
| - text-decoration: none; | |
| -} | |
| -.site-header .social-links a:hover { | |
| - color: #777777; | |
| -} | |
| -/* !Drawer navigation */ | |
| -.site-drawer { | |
| - -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - position: fixed; | |
| -} | |
| -.site-drawer .form-join.thinking .form-input, | |
| -.site-drawer .form-join.thinking button { | |
| - opacity: 0.2; | |
| - pointer-events: none; | |
| -} | |
| -.site-drawer .form-join .result-message p.success [class*="icon-"] { | |
| - color: #5cb85c; | |
| -} | |
| -.site-drawer .form-join .result-message p.error [class*="icon-"] { | |
| - color: #d9534f; | |
| +.site-header .super-nav-container { | |
| + position: relative; | |
| } | |
| -.drawer--join { | |
| - -moz-transform: translate(0, -100%); | |
| - -webkit-transform: translate(0, -100%); | |
| - -ms-transform: translate(0, -100%); | |
| - -o-transform: translate(0, -100%); | |
| - transform: translate(0, -100%); | |
| +.site-header .super-navigation { | |
| + background: #eeeeee; | |
| + position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| - background: #eee; | |
| - z-index: 1045; | |
| - padding: 4% 0; | |
| - text-align: center; | |
| -} | |
| -.drawer--join .join-methods { | |
| - padding: 4% 50px; | |
| + padding: 30px 0; | |
| + max-height: 0; | |
| + overflow: scroll; | |
| + pointer-events: none; | |
| + z-index: 1; | |
| + -moz-transform: translate3d(0, 0, 0); | |
| + -ms-transform: translate3d(0, 0, 0); | |
| + -o-transform: translate3d(0, 0, 0); | |
| + -webkit-transform: translate3d(0, 0, 0); | |
| + transform: translate3d(0, 0, 0); | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: max-height 0.6s cubic-bezier(0.980, -0.050, 0.385, 1.080) 0.25s, opacity 0.5s; | |
| + -webkit-transition: max-height 0.6s cubic-bezier(0.980, -0.050, 0.385, 1.080) 0.25s, opacity 0.5s; | |
| + -o-transition: max-height 0.6s cubic-bezier(0.980, -0.050, 0.385, 1.080) 0.25s, opacity 0.5s; | |
| + transition: max-height 0.6s cubic-bezier(0.980, -0.050, 0.385, 1.080) 0.25s, opacity 0.5s; | |
| + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.09999999999999998); | |
| + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); | |
| + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); | |
| +} | |
| +.site-header .super-navigation.visible { | |
| + max-height: 400px; | |
| + pointer-events: auto; | |
| + z-index: 2; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| + -moz-transition: max-height 0.4s cubic-bezier(0.360, -0.065, 0.000, 1.115), opacity 0.4s; | |
| + -webkit-transition: max-height 0.4s cubic-bezier(0.360, -0.065, 0.000, 1.115), opacity 0.4s; | |
| + -o-transition: max-height 0.4s cubic-bezier(0.360, -0.065, 0.000, 1.115), opacity 0.4s; | |
| + transition: max-height 0.4s cubic-bezier(0.360, -0.065, 0.000, 1.115), opacity 0.4s; | |
| } | |
| -.drawer--join .join-methods .nav-label, | |
| -.drawer--join .join-methods .form-label { | |
| +.site-header .super-navigation .super-nav { | |
| + text-align: center; | |
| display: block; | |
| - margin-bottom: 10px; | |
| - font: 400 16px / 1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - text-transform: uppercase; | |
| - color: #a3a3a3; | |
| -} | |
| -.drawer--join .join-methods .social-links a { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - display: inline-block; | |
| - color: #ccc; | |
| - margin: 3px; | |
| - font-size: 40px; | |
| + position: relative; | |
| } | |
| -.drawer--join .join-methods .social-links a:hover { | |
| - -moz-transform: scale(1.1); | |
| - -webkit-transform: scale(1.1); | |
| - -ms-transform: scale(1.1); | |
| - -o-transform: scale(1.1); | |
| - transform: scale(1.1); | |
| - color: #ed4503; | |
| +.site-header .super-navigation .super-nav-column { | |
| + text-align: left; | |
| } | |
| -.drawer--join .join-methods .form-join .form-input { | |
| - width: 100%; | |
| - position: relative; | |
| +.site-header .super-navigation .super-nav-column .super-nav-header { | |
| + border-bottom: 1px solid #777777; | |
| + font: normal 18px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + margin: 0 0 4px; | |
| + padding-bottom: 8px; | |
| } | |
| -.drawer--join .join-methods .form-join .form-input input { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - width: 100%; | |
| - padding: 12px; | |
| - font-size: 18px; | |
| - background: #f8f8f8; | |
| - border: solid 1px transparent; | |
| - border-bottom: solid 1px rgba(0, 0, 0, 0.1); | |
| - border-radius: 0; | |
| +.site-header .super-navigation .super-nav-column .super-nav-header a { | |
| + color: #333333; | |
| } | |
| -.drawer--join .join-methods .form-join .form-input input:focus { | |
| - border-color: #ed4503; | |
| - background: #fff; | |
| - outline: none; | |
| +.site-header .super-navigation .super-nav-column ul { | |
| + margin: 0; | |
| + padding: 0; | |
| } | |
| -.drawer--join .join-methods .form-join .form-input input.error { | |
| - background: #ffd2d2; | |
| +.site-header .super-navigation .super-nav-column ul li { | |
| + list-style: none; | |
| } | |
| -.drawer--join .join-methods .form-join .form-input button[type="submit"] { | |
| - -moz-transition: 0.2s; | |
| - -webkit-transition: 0.2s; | |
| - -o-transition: 0.2s; | |
| - transition: 0.2s; | |
| - -moz-transform: translate(0, -50%); | |
| - -webkit-transform: translate(0, -50%); | |
| - -ms-transform: translate(0, -50%); | |
| - -o-transform: translate(0, -50%); | |
| - transform: translate(0, -50%); | |
| - position: absolute; | |
| - top: 50%; | |
| - right: 0; | |
| - border: none; | |
| - background: transparent; | |
| - padding: 0.5em; | |
| - height: 2em; | |
| - font-size: 20px; | |
| - color: #666; | |
| - outline: none; | |
| +.site-header .super-navigation .super-nav-column ul li a { | |
| + color: #333333; | |
| + display: block; | |
| + padding: 8px 0; | |
| + text-decoration: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.drawer--join .join-methods .form-join .form-input button[type="submit"]:hover { | |
| - -moz-transform: translate(5px, -50%); | |
| - -webkit-transform: translate(5px, -50%); | |
| - -ms-transform: translate(5px, -50%); | |
| - -o-transform: translate(5px, -50%); | |
| - transform: translate(5px, -50%); | |
| +.site-header .super-navigation .super-nav-column ul li a:hover { | |
| color: #ed4503; | |
| + text-decoration: underline; | |
| } | |
| -.drawer--join .join-methods .form-join .form-input { | |
| - max-width: 400px; | |
| - margin-left: auto; | |
| - margin-right: auto; | |
| +.site-header .super-navigation .super-nav-column.super-nav-column-double ul li { | |
| + width: 50%; | |
| + float: left; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| - .drawer--join .join-methods .form-join { | |
| - margin-top: 6%; | |
| - } | |
| +.site-header .super-navigation .super-nav-column.super-nav-column-double ul li:nth-child(odd) { | |
| + clear: left; | |
| } | |
| -.drawer--join .join-stats .title { | |
| - font: 300 26px / 1.1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #a3a3a3; | |
| - margin: 0 auto; | |
| +.site-header .super-navigation .super-nav-column.super-nav-column-hlist .super-nav-header { | |
| + border-bottom: none; | |
| } | |
| -.drawer--join .join-stats .stats { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - padding: 0 5%; | |
| - list-style: none; | |
| - margin: 30px auto; | |
| +.site-header .social-links { | |
| + position: absolute; | |
| + top: 20px; | |
| + right: 3px; | |
| + font-size: 20px; | |
| + z-index: 1; | |
| } | |
| -.drawer--join .join-stats .stats .stat { | |
| - -webkit-box-flex: 1; | |
| - -moz-box-flex: 1; | |
| - -webkit-flex: 1; | |
| - -ms-flex: 1; | |
| - flex: 1; | |
| - color: #818181; | |
| - text-align: center; | |
| +.site-header .social-links .nav-label { | |
| + display: none; | |
| } | |
| -.drawer--join .join-stats .stats .stat .stat-icon { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - display: block; | |
| +.site-header .social-links a { | |
| + margin-left: 0.4em; | |
| + color: #c2c2c2; | |
| + text-decoration: none; | |
| } | |
| -.drawer--join .join-stats .stats .stat .stat-icon svg { | |
| - width: 80px; | |
| - height: 60px; | |
| - fill: #818181; | |
| +.site-header .social-links a:hover { | |
| + color: #777777; | |
| } | |
| -.drawer--join .join-stats .stats .stat .stat-label { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - margin-top: 15px; | |
| - padding: 0 15%; | |
| - display: block; | |
| - text-transform: uppercase; | |
| - line-height: 1; | |
| +.site-header .site-header-msn { | |
| + background: #eeeeee; | |
| + border-bottom: 1px solid #ccc; | |
| + font-family: Arial; | |
| + font-size: 12px; | |
| + line-height: 32px; | |
| + padding: 0 10px; | |
| } | |
| -.drawer--join .join-stats .stats .stat:hover .stat-icon { | |
| - -moz-transform: scale(1.25); | |
| - -webkit-transform: scale(1.25); | |
| - -ms-transform: scale(1.25); | |
| - -o-transform: scale(1.25); | |
| - transform: scale(1.25); | |
| +.site-header .site-header-msn li { | |
| + margin-right: 10px; | |
| } | |
| -.drawer--join .join-stats .stats .stat:hover .stat-label { | |
| - color: #ed4503; | |
| +.site-header .site-header-msn a { | |
| + color: #666; | |
| } | |
| -.drawer--join .owl-loaded .owl-prev, | |
| -.drawer--join .owl-loaded .owl-next { | |
| - background: transparent; | |
| - color: #a3a3a3; | |
| +.site-header .site-header-msn .logo-header-msn { | |
| + margin-bottom: -3px; | |
| + display: inline-block; | |
| } | |
| -.drawer--nav { | |
| +/* !Drawer navigation */ | |
| +.site-drawer { | |
| + -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| + position: fixed; | |
| top: 0; | |
| bottom: 0; | |
| left: 100%; | |
| width: 20%; | |
| - min-width: 280px; | |
| + min-width: 300px; | |
| background: #fff; | |
| z-index: 1040; | |
| } | |
| -.drawer--nav .drawer-close { | |
| +.site-drawer .drawer-close { | |
| -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| @@ -11100,30 +16852,29 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| z-index: 1; | |
| cursor: pointer; | |
| } | |
| -.drawer--nav .drawer-close [class*="icon-"] { | |
| +.site-drawer .drawer-close [class*="icon-"] { | |
| -moz-transition: 0.2s; | |
| -webkit-transition: 0.2s; | |
| -o-transition: 0.2s; | |
| transition: 0.2s; | |
| font-size: 24px; | |
| } | |
| -.drawer--nav .drawer-close:hover [class*="icon-"] { | |
| +.site-drawer .drawer-close:hover [class*="icon-"] { | |
| opacity: 0.5; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .drawer--nav { | |
| +@media only screen and ( max-width: 480px ) { | |
| + .site-drawer { | |
| width: 70%; | |
| } | |
| } | |
| -.drawer--nav .drawer-scroll { | |
| +.site-drawer .drawer-scroll { | |
| overflow: auto; | |
| height: 100vh; | |
| z-index: 2; | |
| position: relative; | |
| background: inherit; | |
| } | |
| -.drawer--nav .form-join, | |
| -.drawer--nav .form-search { | |
| +.site-drawer .drawer-form { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -webkit-flex; | |
| @@ -11144,20 +16895,16 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| background: #eeeeee; | |
| padding: 25px; | |
| } | |
| -.drawer--nav .form-join .form-label, | |
| -.drawer--nav .form-search .form-label { | |
| +.site-drawer .drawer-form .form-label { | |
| text-align: center; | |
| color: #a3a3a3; | |
| text-transform: uppercase; | |
| font-weight: 400; | |
| } | |
| -.drawer--nav .form-join .form-input, | |
| -.drawer--nav .form-search .form-input { | |
| +.site-drawer .drawer-form .form-input { | |
| width: 100%; | |
| - position: relative; | |
| } | |
| -.drawer--nav .form-join .form-input input, | |
| -.drawer--nav .form-search .form-input input { | |
| +.site-drawer .drawer-form .form-input input { | |
| -moz-transition: 0.25s; | |
| -webkit-transition: 0.25s; | |
| -o-transition: 0.25s; | |
| @@ -11170,90 +16917,54 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| border-bottom: solid 1px rgba(0, 0, 0, 0.1); | |
| border-radius: 0; | |
| } | |
| -.drawer--nav .form-join .form-input input:focus, | |
| -.drawer--nav .form-search .form-input input:focus { | |
| +.site-drawer .drawer-form .form-input input:focus { | |
| border-color: #ed4503; | |
| background: #fff; | |
| outline: none; | |
| } | |
| -.drawer--nav .form-join .form-input input.error, | |
| -.drawer--nav .form-search .form-input input.error { | |
| - background: #ffd2d2; | |
| -} | |
| -.drawer--nav .form-join .form-input button[type="submit"], | |
| -.drawer--nav .form-search .form-input button[type="submit"] { | |
| - -moz-transition: 0.2s; | |
| - -webkit-transition: 0.2s; | |
| - -o-transition: 0.2s; | |
| - transition: 0.2s; | |
| - -moz-transform: translate(0, -50%); | |
| - -webkit-transform: translate(0, -50%); | |
| - -ms-transform: translate(0, -50%); | |
| - -o-transform: translate(0, -50%); | |
| - transform: translate(0, -50%); | |
| - position: absolute; | |
| - top: 50%; | |
| - right: 0; | |
| - border: none; | |
| - background: transparent; | |
| - padding: 0.5em; | |
| - height: 2em; | |
| - font-size: 20px; | |
| - color: #666; | |
| - outline: none; | |
| -} | |
| -.drawer--nav .form-join .form-input button[type="submit"]:hover, | |
| -.drawer--nav .form-search .form-input button[type="submit"]:hover { | |
| - -moz-transform: translate(5px, -50%); | |
| - -webkit-transform: translate(5px, -50%); | |
| - -ms-transform: translate(5px, -50%); | |
| - -o-transform: translate(5px, -50%); | |
| - transform: translate(5px, -50%); | |
| - color: #ed4503; | |
| -} | |
| -.drawer--nav .form-search { | |
| +.site-drawer .form-search { | |
| min-height: 162px; | |
| } | |
| -.drawer--nav ul.nav { | |
| +.site-drawer ul.nav { | |
| margin: 20px 0; | |
| } | |
| -.drawer--nav ul.nav > li { | |
| +.site-drawer ul.nav > li { | |
| margin-bottom: 20px; | |
| } | |
| -.drawer--nav ul.nav > li > a { | |
| +.site-drawer ul.nav > li > a { | |
| text-transform: uppercase; | |
| } | |
| -.drawer--nav ul.nav > li > ul.sub-menu { | |
| +.site-drawer ul.nav > li > ul.sub-menu { | |
| padding: 0; | |
| list-style: none; | |
| margin-top: 5px; | |
| } | |
| -.drawer--nav ul.nav > li > ul.sub-menu a { | |
| +.site-drawer ul.nav > li > ul.sub-menu a { | |
| font-weight: 300; | |
| } | |
| -.drawer--nav ul.nav li.active > a { | |
| +.site-drawer ul.nav li.active a { | |
| color: #ed4503; | |
| background-color: transparent; | |
| } | |
| -.drawer--nav ul.nav li.active > a svg { | |
| +.site-drawer ul.nav li.active a svg { | |
| opacity: 0.5; | |
| } | |
| -.drawer--nav ul.nav li.active > a svg, | |
| -.drawer--nav ul.nav li.active > a svg * { | |
| +.site-drawer ul.nav li.active a svg, | |
| +.site-drawer ul.nav li.active a svg * { | |
| fill: #ed4503 !important; | |
| } | |
| -.drawer--nav ul.nav a { | |
| +.site-drawer ul.nav a { | |
| -moz-transition: 0.3s ease-in-out; | |
| -webkit-transition: 0.3s ease-in-out; | |
| -o-transition: 0.3s ease-in-out; | |
| transition: 0.3s ease-in-out; | |
| display: block; | |
| color: #a3a3a3; | |
| - font: 400 18px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font: 400 18px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| padding: 3px 10px 3px 55px; | |
| text-decoration: none; | |
| } | |
| -.drawer--nav ul.nav a svg { | |
| +.site-drawer ul.nav a svg { | |
| -moz-transition: 0.2s ease-in-out; | |
| -webkit-transition: 0.2s ease-in-out; | |
| -o-transition: 0.2s ease-in-out; | |
| @@ -11270,15 +16981,15 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| height: 20px; | |
| opacity: 0.6; | |
| } | |
| -.drawer--nav ul.nav a svg, | |
| -.drawer--nav ul.nav a svg * { | |
| +.site-drawer ul.nav a svg, | |
| +.site-drawer ul.nav a svg * { | |
| fill: #333 !important; | |
| } | |
| -.drawer--nav ul.nav a:hover { | |
| +.site-drawer ul.nav a:hover { | |
| color: #333; | |
| background: transparent; | |
| } | |
| -.drawer--nav ul.nav a:hover svg { | |
| +.site-drawer ul.nav a:hover svg { | |
| -webkit-transform: translate(0, -50%) scale(1.2); | |
| -moz-transform: translate(0, -50%) scale(1.2); | |
| -ms-transform: translate(0, -50%) scale(1.2); | |
| @@ -11286,12 +16997,7 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| transform: translate(0, -50%) scale(1.2); | |
| opacity: 1; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .drawer--nav ul.nav .menu-item-join { | |
| - display: none; | |
| - } | |
| -} | |
| -.drawer--nav .social-links { | |
| +.site-drawer .social-links { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -webkit-flex; | |
| @@ -11309,27 +17015,31 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| justify-content: center; | |
| margin: 20px 0; | |
| } | |
| -.drawer--nav .social-links .nav-label { | |
| +.site-drawer .social-links .nav-label { | |
| display: none; | |
| } | |
| -.drawer--nav .social-links a { | |
| +.site-drawer .social-links a { | |
| -moz-transition: 0.25s; | |
| -webkit-transition: 0.25s; | |
| -o-transition: 0.25s; | |
| transition: 0.25s; | |
| display: inline-block; | |
| - font-size: 36px; | |
| + font-size: 18px; | |
| + width: 2em; | |
| + line-height: 2; | |
| text-align: center; | |
| - margin: 0.05em; | |
| - color: #dbdbdb; | |
| + margin: 0.25em; | |
| + color: #fff; | |
| + background: #dbdbdb; | |
| + border-radius: 999px; | |
| } | |
| -.drawer--nav .social-links a:hover { | |
| +.site-drawer .social-links a:hover { | |
| -moz-transform: scale(1.1); | |
| -webkit-transform: scale(1.1); | |
| -ms-transform: scale(1.1); | |
| -o-transform: scale(1.1); | |
| transform: scale(1.1); | |
| - color: #ed4503; | |
| + background: #ed4503; | |
| } | |
| .drawer-overlay { | |
| -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| @@ -11353,20 +17063,20 @@ fieldset[disabled] .btn.btn-twitter-blue.focus { | |
| -o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| } | |
| -body.drawer-nav--open { | |
| +body.drawer--open { | |
| overflow: hidden; | |
| } | |
| -body.drawer-nav--open .site-header, | |
| -body.drawer-nav--open .site-content { | |
| +body.drawer--open .site-header, | |
| +body.drawer--open .site-content { | |
| -moz-transform: translate(-10%, 0); | |
| -webkit-transform: translate(-10%, 0); | |
| -ms-transform: translate(-10%, 0); | |
| -o-transform: translate(-10%, 0); | |
| transform: translate(-10%, 0); | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - body.drawer-nav--open .site-header, | |
| - body.drawer-nav--open .site-content { | |
| +@media only screen and ( max-width: 480px ) { | |
| + body.drawer--open .site-header, | |
| + body.drawer--open .site-content { | |
| -moz-transform: translate(-35%, 0); | |
| -webkit-transform: translate(-35%, 0); | |
| -ms-transform: translate(-35%, 0); | |
| @@ -11374,184 +17084,390 @@ body.drawer-nav--open .site-content { | |
| transform: translate(-35%, 0); | |
| } | |
| } | |
| -body.drawer-nav--open .site-header > *, | |
| -body.drawer-nav--open .site-content > * { | |
| +body.drawer--open .site-header > *, | |
| +body.drawer--open .site-content > * { | |
| pointer-events: none; | |
| } | |
| -body.drawer-nav--open .drawer-close { | |
| +body.drawer--open .drawer-close { | |
| -moz-transform: translate(0, 0); | |
| -webkit-transform: translate(0, 0); | |
| -ms-transform: translate(0, 0); | |
| -o-transform: translate(0, 0); | |
| transform: translate(0, 0); | |
| } | |
| -body.drawer-nav--open .drawer-overlay { | |
| +body.drawer--open .drawer-overlay { | |
| opacity: 0.93; | |
| pointer-events: auto; | |
| } | |
| -body.drawer-nav--open .drawer--nav { | |
| +body.drawer--open .site-drawer { | |
| -moz-transform: translate(-100%, 0); | |
| -webkit-transform: translate(-100%, 0); | |
| -ms-transform: translate(-100%, 0); | |
| -o-transform: translate(-100%, 0); | |
| transform: translate(-100%, 0); | |
| } | |
| -body.drawer-join--open { | |
| - overflow: hidden; | |
| -} | |
| -body.drawer-join--open .site-header, | |
| -body.drawer-join--open .site-content { | |
| - -moz-transform: translate(0, 100px); | |
| - -webkit-transform: translate(0, 100px); | |
| - -ms-transform: translate(0, 100px); | |
| - -o-transform: translate(0, 100px); | |
| - transform: translate(0, 100px); | |
| -} | |
| -@media only screen and ( max-width: 767px ) { | |
| - body.drawer-join--open .site-header, | |
| - body.drawer-join--open .site-content { | |
| - -moz-transform: translate(0, 200px); | |
| - -webkit-transform: translate(0, 200px); | |
| - -ms-transform: translate(0, 200px); | |
| - -o-transform: translate(0, 200px); | |
| - transform: translate(0, 200px); | |
| - } | |
| -} | |
| -body.drawer-join--open .site-header > *, | |
| -body.drawer-join--open .site-content > * { | |
| - pointer-events: none; | |
| +/* !FOOTER */ | |
| +.site-footer { | |
| + background: #1a1919; | |
| + color: #666; | |
| + font: normal 100% "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + margin-top: 50px; | |
| + text-transform: uppercase; | |
| } | |
| -body.drawer-join--open .drawer-close { | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| +.site-footer:before, | |
| +.site-footer:after { | |
| + content: " "; | |
| + display: table; | |
| } | |
| -body.drawer-join--open .drawer-overlay { | |
| - opacity: 0.93; | |
| - pointer-events: auto; | |
| +.site-footer:after { | |
| + clear: both; | |
| } | |
| -body.drawer-join--open .drawer--join { | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| +.site-footer:before, | |
| +.site-footer:after { | |
| + content: " "; | |
| + display: table; | |
| } | |
| -/* !FOOTER */ | |
| -.site-footer { | |
| - background: #353535; | |
| - color: #a7a7a7; | |
| - text-align: center; | |
| - padding: 40px 0; | |
| +.site-footer:after { | |
| + clear: both; | |
| } | |
| -.site-footer .google-auto-placed { | |
| - margin-bottom: 30px; | |
| +.error404 .site-footer { | |
| + margin-top: 0; | |
| } | |
| -.site-footer .footer-title { | |
| - font: 300 32px "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #636363; | |
| - margin: 0 auto; | |
| +.site-footer #footer-signup { | |
| + background: #000; | |
| + margin-bottom: 18px; | |
| + position: relative; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .site-footer .footer-title { | |
| - font-size: 24px; | |
| - } | |
| +.site-footer #footer-signup .footer-signup-form { | |
| + background: #000; | |
| + display: none; | |
| + position: relative; | |
| + top: 0; | |
| + left: 0; | |
| } | |
| -.site-footer .join-form { | |
| +.site-footer #footer-signup .footer-signup-form .btn-close { | |
| margin-top: 20px; | |
| - margin-bottom: 20px; | |
| position: relative; | |
| + font: normal 18px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: uppercase; | |
| + color: #666; | |
| + vertical-align: bottom; | |
| } | |
| -.site-footer .join-form.thinking .form-control, | |
| -.site-footer .join-form.thinking .btn { | |
| - opacity: 0.2; | |
| - pointer-events: none; | |
| +.site-footer #footer-signup .footer-signup-form .btn-close span { | |
| + display: inline-block; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.site-footer .join-form .form-control { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - height: 44px; | |
| - width: calc(100% - 10px); | |
| +.site-footer #footer-signup .footer-signup-form .btn-close:before, | |
| +.site-footer #footer-signup .footer-signup-form .btn-close:after { | |
| + content: ""; | |
| + position: absolute; | |
| + top: 0; | |
| + height: 0; | |
| + border-bottom: 1px solid #666; | |
| + width: 100%; | |
| + left: 0; | |
| + right: 0; | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -webkit-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + -o-transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| + transition: all 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| } | |
| -.site-footer .join-form .btn { | |
| - height: 44px; | |
| +.site-footer #footer-signup .footer-signup-form .btn-close:after { | |
| + top: 100%; | |
| } | |
| -.site-footer .join-form .btn:focus { | |
| - -moz-box-shadow: none; | |
| - -webkit-box-shadow: none; | |
| - box-shadow: none; | |
| - outline: none; | |
| +.site-footer #footer-signup .footer-signup-form .btn-close:hover span { | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| + opacity: 0; | |
| + filter: alpha(opacity=0); | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .site-footer .join-form .form-control { | |
| - width: 100%; | |
| +.site-footer #footer-signup .footer-signup-form .btn-close:hover:after, | |
| +.site-footer #footer-signup .footer-signup-form .btn-close:hover:before { | |
| + top: 50%; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| +} | |
| +.site-footer #footer-signup .footer-signup-form .btn-close:hover:after { | |
| + -moz-transform: rotate(-45deg); | |
| + -webkit-transform: rotate(-45deg); | |
| + -ms-transform: rotate(-45deg); | |
| + -o-transform: rotate(-45deg); | |
| + transform: rotate(-45deg); | |
| +} | |
| +.site-footer #footer-signup .footer-signup-form .btn-close:hover:before { | |
| + -moz-transform: rotate(45deg); | |
| + -webkit-transform: rotate(45deg); | |
| + -ms-transform: rotate(45deg); | |
| + -o-transform: rotate(45deg); | |
| + transform: rotate(45deg); | |
| +} | |
| +.site-footer #footer-signup .footer-signup-form header:before, | |
| +.site-footer #footer-signup .footer-signup-form header:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.site-footer #footer-signup .footer-signup-form header:after { | |
| + clear: both; | |
| +} | |
| +.site-footer #footer-signup .footer-signup-form header:before, | |
| +.site-footer #footer-signup .footer-signup-form header:after { | |
| + content: " "; | |
| + display: table; | |
| +} | |
| +.site-footer #footer-signup .footer-signup-form header:after { | |
| + clear: both; | |
| +} | |
| +.site-footer #footer-signup .footer-signup-cta { | |
| + overflow: hidden; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .site-footer #footer-signup .footer-signup-cta > div { | |
| + height: auto !important; | |
| + float: none !important; | |
| + min-height: inherit !important; | |
| + } | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe { | |
| + margin: 25px 0 65px; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe label { | |
| + color: #fff; | |
| + font-size: 18px; | |
| + text-transform: uppercase; | |
| + line-height: 60px; | |
| + width: 20%; | |
| + margin: 0; | |
| + float: left; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe label.error { | |
| + color: #ff2020; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe input[type=text], | |
| +.site-footer #footer-signup #form-email-subscribe input[type=email], | |
| +.site-footer #footer-signup #form-email-subscribe input[type=password], | |
| +.site-footer #footer-signup #form-email-subscribe textarea { | |
| + background: #333333; | |
| + border: none; | |
| + color: #777777; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 18px; | |
| + line-height: 40px; | |
| + height: 60px; | |
| + padding: 10px 12px; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe input[type=text]::-webkit-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=email]::-webkit-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=password]::-webkit-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe textarea::-webkit-input-placeholder { | |
| + color: #777777; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe input[type=text]:-moz-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=email]:-moz-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=password]:-moz-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe textarea:-moz-placeholder { | |
| + color: #777777; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe input[type=text]::-moz-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=email]::-moz-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=password]::-moz-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe textarea::-moz-placeholder { | |
| + color: #777777; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe input[type=text]:-ms-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=email]:-ms-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=password]:-ms-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe textarea:-ms-input-placeholder { | |
| + color: #777777; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe input[type=text]::-moz-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=email]::-moz-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=password]::-moz-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe textarea::-moz-placeholder { | |
| + color: #777777; | |
| + opacity: 1; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe input[type=text]:-ms-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=email]:-ms-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=password]:-ms-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe textarea:-ms-input-placeholder { | |
| + color: #777777; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe input[type=text]::-webkit-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=email]::-webkit-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe input[type=password]::-webkit-input-placeholder, | |
| +.site-footer #footer-signup #form-email-subscribe textarea::-webkit-input-placeholder { | |
| + color: #777777; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe textarea { | |
| + height: auto; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe input[type=text], | |
| +.site-footer #footer-signup #form-email-subscribe input[type=email], | |
| +.site-footer #footer-signup #form-email-subscribe input[type=password], | |
| +.site-footer #footer-signup #form-email-subscribe textarea { | |
| + width: 75% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .site-footer #footer-signup #form-email-subscribe input[type=text], | |
| + .site-footer #footer-signup #form-email-subscribe input[type=email], | |
| + .site-footer #footer-signup #form-email-subscribe input[type=password], | |
| + .site-footer #footer-signup #form-email-subscribe textarea { | |
| + width: 100% !important; | |
| margin-bottom: 10px; | |
| } | |
| - .site-footer .join-form .btn { | |
| - width: calc(100% - 10px); | |
| - float: right; | |
| - min-width: 0; | |
| +} | |
| +.site-footer #footer-signup #form-email-subscribe .btn { | |
| + min-width: 0; | |
| + width: 100%; | |
| +} | |
| +.site-footer #footer-signup #email-subscribe-result { | |
| + display: none; | |
| +} | |
| +.site-footer #footer-signup #email-subscribe-result h4 { | |
| + color: #fff; | |
| + margin: 20px 0; | |
| +} | |
| +.site-footer #footer-signup #email-subscribe-result h4.error { | |
| + color: #ff2020; | |
| +} | |
| +.site-footer #footer-signup .menu-social-nav { | |
| + line-height: 60px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .site-footer #footer-signup .menu-social-nav { | |
| + float: none !important; | |
| + margin: 0 10px; | |
| + text-align: center; | |
| + } | |
| +} | |
| +.site-footer #footer-signup .menu-social-nav .nav-label { | |
| + display: inline-block; | |
| +} | |
| +.site-footer #footer-signup .menu-social-nav a { | |
| + margin-left: 15px; | |
| + font-size: 22px; | |
| + vertical-align: middle; | |
| + color: inherit; | |
| + text-decoration: none; | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| +} | |
| +.site-footer #footer-signup .menu-social-nav a:hover { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.75; | |
| + -moz-opacity: 0.75; | |
| + opacity: 0.75; | |
| + filter: alpha(opacity=75); | |
| +} | |
| +.site-footer #footer-signup .footer-title { | |
| + line-height: 60px; | |
| + margin-right: 20px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .site-footer #footer-signup .footer-title { | |
| + float: left !important; | |
| + } | |
| +} | |
| +.site-footer #footer-signup .btn { | |
| + line-height: 60px; | |
| + padding-top: 0; | |
| + padding-bottom: 0; | |
| + min-width: 0; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .site-footer #footer-signup .btn { | |
| + float: right !important; | |
| } | |
| } | |
| -.site-footer .result-message p { | |
| - margin: 10px auto; | |
| +.site-footer .site-footer-info { | |
| + margin-bottom: 20px; | |
| } | |
| -.site-footer .result-message p.success [class*="icon-"] { | |
| - color: #5cb85c; | |
| +.site-footer .site-footer-info .menu-footer-nav { | |
| + text-align: center; | |
| + margin: 40px 20px; | |
| } | |
| -.site-footer .result-message p.error [class*="icon-"] { | |
| - color: #d9534f; | |
| +.site-footer .site-footer-info .menu-footer-nav li { | |
| + padding-left: 0; | |
| + margin: 6px; | |
| } | |
| -.site-footer .menu-social-nav { | |
| - margin-top: 10px; | |
| - margin-bottom: 10px; | |
| +.site-footer .site-footer-info .menu-footer-nav a { | |
| + color: #666; | |
| } | |
| -.site-footer .menu-social-nav .nav-label { | |
| - position: absolute; | |
| - top: -9999px; | |
| - left: -9999px; | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .site-footer .site-footer-info .menu-footer-nav { | |
| + float: right; | |
| + text-align: left; | |
| + line-height: 43px; | |
| + margin: 0; | |
| + } | |
| + .site-footer .site-footer-info .menu-footer-nav li { | |
| + white-space: nowrap; | |
| + } | |
| + .site-footer .site-footer-info .menu-footer-nav li:last-child { | |
| + margin-right: 0; | |
| + } | |
| } | |
| -.site-footer .menu-social-nav a { | |
| - -moz-transition: 0.3s; | |
| - -webkit-transition: 0.3s; | |
| - -o-transition: 0.3s; | |
| - transition: 0.3s; | |
| - color: #535353; | |
| - font-size: 32px; | |
| +.site-footer .site-footer-info .colophon { | |
| + text-align: center; | |
| + margin-left: 20px; | |
| + margin-right: 20px; | |
| +} | |
| +.site-footer .site-footer-info .colophon > * { | |
| display: inline-block; | |
| - text-decoration: none; | |
| - margin: 0 0.05em; | |
| + margin: 10px; | |
| } | |
| -.site-footer .menu-social-nav a:hover { | |
| - -moz-transform: scale(1.1); | |
| - -webkit-transform: scale(1.1); | |
| - -ms-transform: scale(1.1); | |
| - -o-transform: scale(1.1); | |
| - transform: scale(1.1); | |
| - color: #ed4503; | |
| +@media only screen and ( min-width: 1200px ) { | |
| + .site-footer .site-footer-info .colophon { | |
| + float: left; | |
| + text-align: left; | |
| + margin-left: 0; | |
| + margin-right: 0; | |
| + } | |
| + .site-footer .site-footer-info .colophon > *:first-child { | |
| + margin-left: 0; | |
| + } | |
| } | |
| -.site-footer .menu-footer-nav { | |
| - margin-top: 20px; | |
| +.site-footer .site-footer-disclaimer { | |
| + text-align: left; | |
| + color: #555555; | |
| + font: normal 70% "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + text-transform: none; | |
| + margin: 20px auto; | |
| } | |
| -.site-footer .menu-footer-nav .copyright, | |
| -.site-footer .menu-footer-nav a { | |
| - margin: 3px 10px; | |
| +.site-footer .site-footer-msn { | |
| + color: #fff; | |
| + font-family: Arial; | |
| + font-size: 11px; | |
| } | |
| -.site-footer .menu-footer-nav a { | |
| - -moz-transition: 0.3s; | |
| - -webkit-transition: 0.3s; | |
| - -o-transition: 0.3s; | |
| - transition: 0.3s; | |
| - color: inherit; | |
| - text-decoration: underline; | |
| +.site-footer .site-footer-msn li { | |
| + margin-right: 20px; | |
| } | |
| -.site-footer .menu-footer-nav a:hover { | |
| +.site-footer .site-footer-msn a { | |
| color: #fff; | |
| } | |
| +.site-footer .site-footer-msn .logo-footer-microsoft { | |
| + position: relative; | |
| + top: -4px; | |
| +} | |
| /* Carousels */ | |
| .owl-loaded .owl-nav { | |
| position: absolute; | |
| @@ -11635,225 +17551,506 @@ body.drawer-join--open .drawer--join { | |
| .source-popup .fancybox-inner { | |
| background: #1a1919; | |
| color: #fff; | |
| - font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 18px; | |
| } | |
| .source-popup .fancybox-inner .source-content, | |
| .source-popup .fancybox-inner .spotlight-source-content { | |
| padding: 35px 35px; | |
| } | |
| -@media only screen and ( max-width: 1199px ) { | |
| +@media only screen and ( min-width: 992px ) { | |
| .source-popup .fancybox-inner .source-content, | |
| .source-popup .fancybox-inner .spotlight-source-content { | |
| padding: 40px 40px; | |
| } | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| - .source-popup .fancybox-inner .source-content, | |
| - .source-popup .fancybox-inner .spotlight-source-content { | |
| - padding: 30px 30px; | |
| +@media only screen and ( max-width: 768px ) { | |
| + .source-popup .fancybox-inner .source-content, | |
| + .source-popup .fancybox-inner .spotlight-source-content { | |
| + padding: 30px 30px; | |
| + } | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .source-popup .fancybox-inner .source-content, | |
| + .source-popup .fancybox-inner .spotlight-source-content { | |
| + padding: 20px 20px; | |
| + } | |
| +} | |
| +.source-popup .fancybox-inner .source-content hr, | |
| +.source-popup .fancybox-inner .spotlight-source-content hr { | |
| + border: none; | |
| + background: rgba(255, 255, 255, 0.2); | |
| + height: 1px; | |
| + margin: 10px 0; | |
| +} | |
| +/* !PAGES */ | |
| +.section-privacy-policy .page { | |
| + background: #fff; | |
| + padding: 40px; | |
| +} | |
| +.section-privacy-policy h1, | |
| +.section-privacy-policy h2, | |
| +.section-privacy-policy h3, | |
| +.section-privacy-policy h4, | |
| +.section-privacy-policy h5 { | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-weight: normal; | |
| + text-rendering: optimizelegibility; | |
| + text-transform: uppercase; | |
| +} | |
| +.section-privacy-policy .entry-content { | |
| + -webkit-column-count: 2; | |
| + -moz-column-count: 2; | |
| + column-count: 2; | |
| + -webkit-column-gap: 40px; | |
| + -moz-column-gap: 40px; | |
| + column-gap: 40px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-privacy-policy .entry-content { | |
| + -webkit-column-count: auto; | |
| + -moz-column-count: auto; | |
| + column-count: auto; | |
| + -webkit-column-gap: auto; | |
| + -moz-column-gap: auto; | |
| + column-gap: auto; | |
| + } | |
| +} | |
| +/* !GENERIC SECTIONS */ | |
| +.container-dark { | |
| + background: #1a1919; | |
| +} | |
| +.section-content-templates[style*="background"] { | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + margin-bottom: 30px; | |
| +} | |
| +.section-content-templates[style*="background"].bg-contain { | |
| + background-size: 80%; | |
| +} | |
| +.section-content-templates[style*="background"].truncate-bg-image { | |
| + background-size: 100% auto; | |
| + background-position: top center; | |
| +} | |
| +.section-content-templates[style*="background"] .module:last-child, | |
| +.section-content-templates[style*="background"] .module:last-child .share-bar, | |
| +.section-content-templates[style*="background"] .module:last-child .link-bar { | |
| + margin-bottom: 0; | |
| +} | |
| +.section-content-templates[style*="background"] + .section-content-templates[style*="background"] { | |
| + margin-top: -30px; | |
| +} | |
| +.section-content-templates[style*="background"].no-margin { | |
| + margin-bottom: 0; | |
| +} | |
| +.section-content-templates h1, | |
| +.section-content-templates h2, | |
| +.section-content-templates h3, | |
| +.section-content-templates h4, | |
| +.section-content-templates h5 { | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-weight: normal; | |
| + text-rendering: optimizelegibility; | |
| + text-transform: uppercase; | |
| +} | |
| +.section-content-templates h1 { | |
| + color: #fff; | |
| + font-size: 100px; | |
| + line-height: 1; | |
| + margin: 0; | |
| +} | |
| +.section-content-templates h2 { | |
| + color: #fff; | |
| + font-size: 48px; | |
| + font-weight: 300; | |
| + line-height: 1; | |
| + margin: 0; | |
| +} | |
| +.section-content-templates h3 { | |
| + color: #333333; | |
| + font-size: 24px; | |
| + font-weight: 300; | |
| + line-height: 1.2; | |
| + margin: 0 0 30px 0; | |
| +} | |
| +.section-content-templates h3.page-section-title { | |
| + font-size: 30px; | |
| + margin-bottom: 20px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .section-content-templates h3.page-section-title { | |
| + text-align: center; | |
| + } | |
| +} | |
| +.section-content-templates h3.page-section-title-large { | |
| + font-size: 60px; | |
| + line-height: 1; | |
| + margin-bottom: 20px; | |
| +} | |
| +@media only screen and ( max-width: 480px ) { | |
| + .section-content-templates h3.page-section-title-large { | |
| + text-align: center; | |
| + } | |
| +} | |
| +.section-content-templates h4 { | |
| + color: #333333; | |
| + font-size: 24px; | |
| + font-weight: 300; | |
| + line-height: 1.1; | |
| + margin: 0 0 8px 0; | |
| +} | |
| +.section-content-templates h4.hero-subheadline { | |
| + color: #fff; | |
| + text-transform: none; | |
| +} | |
| +.section-content-templates h4.page-section-subtitle { | |
| + font-size: 20px; | |
| + margin-top: -20px; | |
| + margin-bottom: 20px; | |
| + text-transform: none; | |
| +} | |
| +.section-content-templates h4.module-subtitle { | |
| + font-size: 20px; | |
| + text-transform: none; | |
| +} | |
| +.section-content-templates h5 { | |
| + color: #fff; | |
| + font-size: 18px; | |
| + margin: 0; | |
| +} | |
| +.section-content-templates h6 { | |
| + color: #fff; | |
| + font-family: Georgia, "Times New Roman", Times, serif; | |
| + font-size: 24px; | |
| + font-style: italic; | |
| + font-weight: 300; | |
| + margin: 0; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-content-templates h6 { | |
| + font-size: 16px; | |
| + } | |
| +} | |
| +.section-content-templates .watch-bar { | |
| + background: #000; | |
| + margin-bottom: 30px; | |
| + padding-top: 35px; | |
| + padding-bottom: 35px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-content-templates .watch-bar { | |
| + padding-bottom: 10px; | |
| + padding-top: 10px; | |
| + } | |
| +} | |
| +.section-content-templates .watch-bar .watch-excerpt a { | |
| + text-decoration: none; | |
| +} | |
| +.section-content-templates .watch-bar .watch-excerpt .btn-link { | |
| + color: #fff; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| + line-height: 1; | |
| + padding-left: 0 !important; | |
| + text-transform: uppercase; | |
| + text-decoration: none; | |
| +} | |
| +.section-content-templates .watch-bar .watch-showtime a { | |
| + color: #999999; | |
| + font-family: "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + font-size: 24px; | |
| + font-weight: 300; | |
| + line-height: 1; | |
| +} | |
| +.section-content-templates .watch-bar .watch-showtime a span.asterisk { | |
| + color: #ed4503; | |
| + font-size: 30px; | |
| +} | |
| +.section-content-templates .watch-bar .watch-showtime a .icon-showtime-logo { | |
| + font-size: 400%; | |
| + vertical-align: middle; | |
| + line-height: 1px; | |
| + margin: 0 0.1em; | |
| +} | |
| +.section-content-templates .watch-bar .watch-showtime a:hover { | |
| + color: #ed4503; | |
| + text-decoration: none; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-content-templates .watch-bar .watch-showtime { | |
| + float: none !important; | |
| + font-size: 18px; | |
| + text-align: center; | |
| + } | |
| +} | |
| +.section-content-templates .share-bar, | |
| +.section-content-templates .link-bar { | |
| + background: #000; | |
| + margin-bottom: 30px; | |
| + padding-top: 30px; | |
| + padding-bottom: 30px; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-content-templates .share-bar, | |
| + .section-content-templates .link-bar { | |
| + padding-bottom: 10px; | |
| + padding-top: 10px; | |
| + } | |
| +} | |
| +.section-content-templates .share-bar.transparent-bar, | |
| +.section-content-templates .link-bar.transparent-bar { | |
| + background: transparent; | |
| +} | |
| +.section-content-templates .link-bar .cta-link { | |
| + display: inline-block; | |
| +} | |
| +.section-content-templates .link-bar .cta-link label { | |
| + vertical-align: middle; | |
| + display: inline-block; | |
| + margin: 0 10px 0 0; | |
| + text-transform: uppercase; | |
| + font: normal 24px / 1 "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + color: #fff; | |
| + cursor: pointer; | |
| + pointer-events: none; | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| +} | |
| +.section-content-templates .link-bar .cta-link .btn { | |
| + vertical-align: middle; | |
| + -ms-backface-visibility: hidden; | |
| + -o-backface-visibility: hidden; | |
| + -webkit-backface-visibility: hidden; | |
| + -moz-backface-visibility: hidden; | |
| + backface-visibility: hidden; | |
| +} | |
| +.section-content-templates .link-bar .cta-link:hover label { | |
| + zoom: 1; | |
| + -webkit-opacity: 0.8; | |
| + -moz-opacity: 0.8; | |
| + opacity: 0.8; | |
| + filter: alpha(opacity=80); | |
| +} | |
| +.section-content-templates .link-bar .cta-link:hover .btn { | |
| + -moz-transform: translate3d(5px, 0, 0); | |
| + -ms-transform: translate3d(5px, 0, 0); | |
| + -o-transform: translate3d(5px, 0, 0); | |
| + -webkit-transform: translate3d(5px, 0, 0); | |
| + transform: translate3d(5px, 0, 0); | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-content-templates .link-bar .cta-link label { | |
| + max-width: 85%; | |
| + } | |
| +} | |
| +.section-content-templates .link-bar .cta-link.centered { | |
| + margin-left: auto; | |
| + margin-right: auto; | |
| +} | |
| +.section-content-templates .link-bar .cta-link.centered label { | |
| + max-width: 100% !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-content-templates .link-bar .cta-link.centered .btn { | |
| + margin-top: 0.65em; | |
| + } | |
| +} | |
| +.section-content-templates .sort-bar { | |
| + background: #000; | |
| + height: 50px; | |
| + overflow: visible !important; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-content-templates .sort-bar .dropdown { | |
| + float: none !important; | |
| + } | |
| +} | |
| +.section-content-templates .sort-bar h5 { | |
| + color: #7e7e7e; | |
| + display: inline-block; | |
| + line-height: 50px; | |
| + margin-right: 20px; | |
| + float: left; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-content-templates .sort-bar h5 { | |
| + margin-left: 10px; | |
| + margin-right: 0; | |
| + text-align: left; | |
| + width: 80px; | |
| } | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .source-popup .fancybox-inner .source-content, | |
| - .source-popup .fancybox-inner .spotlight-source-content { | |
| - padding: 20px 20px; | |
| +.section-content-templates .sort-bar .dropdown-toggle { | |
| + background: #333333; | |
| + color: #999999; | |
| + height: 50px; | |
| + padding: 0 20px; | |
| + min-width: 240px; | |
| + text-align: left; | |
| + float: left; | |
| +} | |
| +@media only screen and ( max-width: 768px ) { | |
| + .section-content-templates .sort-bar .dropdown-toggle { | |
| + min-width: 230px; | |
| } | |
| } | |
| -.source-popup .fancybox-inner .source-content hr, | |
| -.source-popup .fancybox-inner .spotlight-source-content hr { | |
| - border: none; | |
| - background: rgba(255, 255, 255, 0.2); | |
| - height: 1px; | |
| - margin: 10px 0; | |
| +.section-content-templates .sort-bar .dropdown-toggle .dropdown-label { | |
| + line-height: 50px; | |
| } | |
| -/* !PAGES */ | |
| -.section-privacy-policy .page { | |
| - background: #fff; | |
| - padding: 40px; | |
| +.section-content-templates .sort-bar .dropdown-toggle [class*="icon-"] { | |
| + float: right; | |
| + line-height: 50px; | |
| } | |
| -.section-privacy-policy h1, | |
| -.section-privacy-policy h2, | |
| -.section-privacy-policy h3, | |
| -.section-privacy-policy h4, | |
| -.section-privacy-policy h5 { | |
| - font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - font-weight: normal; | |
| - text-rendering: optimizelegibility; | |
| - text-transform: uppercase; | |
| +.section-content-templates .clips-cta { | |
| + padding: 30px; | |
| + overflow: hidden; | |
| + background-color: #000; | |
| + background-repeat: no-repeat; | |
| + background-position: center center; | |
| + background-size: cover; | |
| + background-image: url('../img/backgrounds/clips-bg.jpg'); | |
| } | |
| -.section-privacy-policy .entry-content { | |
| - -webkit-column-count: 2; | |
| - -moz-column-count: 2; | |
| - column-count: 2; | |
| - -webkit-column-gap: 40px; | |
| - -moz-column-gap: 40px; | |
| - column-gap: 40px; | |
| +.section-content-templates .clips-cta.bg-contain { | |
| + background-size: 80%; | |
| } | |
| -@media only screen and ( max-width: 991px ) { | |
| - .section-privacy-policy .entry-content { | |
| - -webkit-column-count: auto; | |
| - -moz-column-count: auto; | |
| - column-count: auto; | |
| - -webkit-column-gap: auto; | |
| - -moz-column-gap: auto; | |
| - column-gap: auto; | |
| - } | |
| +.section-content-templates .clips-cta h3 { | |
| + font-size: 36px; | |
| + margin: 0px; | |
| + padding: 25px 15px 25px 15px; | |
| } | |
| -/* !GENERIC SECTIONS */ | |
| -.container-dark { | |
| - background: #1a1919; | |
| +@media only screen and ( max-width: 480px ) { | |
| + .section-content-templates .clips-cta h3 { | |
| + font-size: 24px; | |
| + text-align: center; | |
| + padding: 25px 0 15px 0; | |
| + } | |
| } | |
| -.section-content-templates h1, | |
| -.section-content-templates h2, | |
| -.section-content-templates h3, | |
| -.section-content-templates h4, | |
| -.section-content-templates h5 { | |
| - font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - font-weight: 300; | |
| - text-rendering: optimizelegibility; | |
| - text-transform: uppercase; | |
| +.section-content-templates .clips-cta a { | |
| + color: #fff; | |
| } | |
| -.fancybox-wrap.subtleZoomIn { | |
| - -moz-animation-duration: 0.65s; | |
| - -o-animation-duration: 0.65s; | |
| - -webkit-animation-duration: 0.65s; | |
| - animation-duration: 0.65s; | |
| - -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| -} | |
| -.fancybox-wrap.subtleZoomOut { | |
| - -moz-animation-duration: 0.35s; | |
| - -o-animation-duration: 0.35s; | |
| - -webkit-animation-duration: 0.35s; | |
| - animation-duration: 0.35s; | |
| - -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| - animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); | |
| -} | |
| -.fancybox-wrap .fancybox-skin { | |
| - -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); | |
| - -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); | |
| - box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); | |
| -} | |
| -.fancybox-wrap .fancybox-skin .fancybox-title-float-wrap { | |
| - -moz-transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); | |
| - -webkit-transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); | |
| - -o-transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); | |
| - transition: 0.25s cubic-bezier(0.19, 1, 0.22, 1); | |
| - -moz-transform: translate(0, -20px); | |
| - -webkit-transform: translate(0, -20px); | |
| - -ms-transform: translate(0, -20px); | |
| - -o-transform: translate(0, -20px); | |
| - transform: translate(0, -20px); | |
| - top: 100%; | |
| - right: auto; | |
| - margin-bottom: 0; | |
| - width: 100%; | |
| - visibility: visible; | |
| - opacity: 0; | |
| +.section-content-templates .clips-cta a:hover { | |
| + color: #777777; | |
| + text-decoration: none; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-title-float-wrap .child { | |
| - -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); | |
| - -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); | |
| - box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); | |
| - width: 100%; | |
| - display: block; | |
| - margin: 0; | |
| - padding: 20px 120px 20px 20px; | |
| - white-space: normal; | |
| - text-align: left; | |
| - border-radius: 0; | |
| - position: relative; | |
| - color: #454545; | |
| - font: normal 16px / 1.3 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - text-shadow: none; | |
| +.section-content-templates.section-content-dark { | |
| + background: #000; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .fancybox-wrap .fancybox-skin .fancybox-title-float-wrap .child { | |
| - padding: 10px; | |
| - font-size: 14px; | |
| - line-height: 1.15; | |
| - } | |
| +.section-content-templates.section-content-dark .page-section-title, | |
| +.section-content-templates.section-content-dark .page-section-title-large { | |
| + color: #fff; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-title-float-wrap .child .fancy-share-buttons { | |
| - position: absolute; | |
| - top: 0; | |
| +.dotnav { | |
| + position: fixed; | |
| right: 20px; | |
| + top: 0; | |
| bottom: 0; | |
| + z-index: 3; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-title-float-wrap .child .fancy-share-buttons a { | |
| - font-size: 24px; | |
| - margin: 0 8px; | |
| +.dotnav ul { | |
| + margin: 0; | |
| + padding: 0; | |
| display: inline-block; | |
| } | |
| -@media only screen and ( max-width: 767px ) { | |
| - .fancybox-wrap .fancybox-skin .fancybox-title-float-wrap .child .fancy-share-buttons { | |
| - display: none; | |
| - } | |
| -} | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer { | |
| - z-index: 9999; | |
| +.dotnav ul li { | |
| + list-style: none; | |
| + margin: 21px 0; | |
| + padding: 0; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav { | |
| - height: 60%; | |
| - top: 20%; | |
| +.dotnav ul li a { | |
| + position: relative; | |
| + width: 14px; | |
| + height: 14px; | |
| + border-radius: 9999px; | |
| + border: solid 2px #888; | |
| + color: #fff; | |
| + display: block; | |
| + text-indent: -9999px; | |
| + zoom: 1; | |
| + -webkit-opacity: 0.5; | |
| + -moz-opacity: 0.5; | |
| + opacity: 0.5; | |
| + filter: alpha(opacity=50); | |
| + -moz-transition: 0.2s; | |
| + -webkit-transition: 0.2s; | |
| + -o-transition: 0.2s; | |
| + transition: 0.2s; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev span, | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next span { | |
| - -moz-transition: 0.25s; | |
| - -webkit-transition: 0.25s; | |
| - -o-transition: 0.25s; | |
| - transition: 0.25s; | |
| - background: none; | |
| - visibility: visible; | |
| +.dotnav ul li a span { | |
| + position: absolute; | |
| + top: -2px; | |
| + bottom: -2px; | |
| + right: 200%; | |
| + display: inline-block; | |
| + text-transform: uppercase; | |
| + white-space: nowrap; | |
| + font: normal 12.6px / 14px "proxima-nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| + margin-right: 12px; | |
| + pointer-events: none; | |
| + text-indent: 0; | |
| + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); | |
| + zoom: 1; | |
| + -webkit-opacity: 0; | |
| + -moz-opacity: 0; | |
| opacity: 0; | |
| + filter: alpha(opacity=0); | |
| + -moz-transition: 0.25s ease; | |
| + -webkit-transition: 0.25s ease; | |
| + -o-transition: 0.25s ease; | |
| + transition: 0.25s ease; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev span [class*="icon-"], | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next span [class*="icon-"] { | |
| - color: #fff; | |
| - font-size: 40px; | |
| -} | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev:hover span, | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next:hover span { | |
| +.dotnav ul li a:hover { | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev span { | |
| - left: auto; | |
| +.dotnav ul li a:hover span { | |
| right: 100%; | |
| - padding-right: 0.3em; | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next span { | |
| - right: auto; | |
| - left: 100%; | |
| - padding-left: 0.3em; | |
| +.dotnav ul li.active a { | |
| + zoom: 1; | |
| + -webkit-opacity: 1; | |
| + -moz-opacity: 1; | |
| + opacity: 1; | |
| + filter: alpha(opacity=100); | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner { | |
| - background: #353535; | |
| +.dotnav ul li.separator { | |
| + background: rgba(136, 136, 136, 0.4); | |
| + height: 1px; | |
| +} | |
| +.fancybox-inner { | |
| + background: #1a1919; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .module { | |
| +.fancybox-inner .module { | |
| margin-bottom: 0; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .module:before, | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .module:after { | |
| +.fancybox-inner .module:before, | |
| +.fancybox-inner .module:after { | |
| content: " "; | |
| display: table; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .module:after { | |
| +.fancybox-inner .module:after { | |
| clear: both; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .module:before, | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .module:after { | |
| +.fancybox-inner .module:before, | |
| +.fancybox-inner .module:after { | |
| content: " "; | |
| display: table; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .module:after { | |
| +.fancybox-inner .module:after { | |
| clear: both; | |
| } | |
| -.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner > iframe { | |
| +.fancybox-inner > iframe { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| @@ -11862,121 +18059,35 @@ body.drawer-join--open .drawer--join { | |
| width: 100%; | |
| height: 100%; | |
| } | |
| -.fancybox-wrap .fancybox-close { | |
| - -moz-transition: 0.35s; | |
| - -webkit-transition: 0.35s; | |
| - -o-transition: 0.35s; | |
| - transition: 0.35s; | |
| - -moz-transform: translate(-100%, 0); | |
| - -webkit-transform: translate(-100%, 0); | |
| - -ms-transform: translate(-100%, 0); | |
| - -o-transform: translate(-100%, 0); | |
| - transform: translate(-100%, 0); | |
| - background: none; | |
| - top: 0; | |
| - right: auto; | |
| - left: 100%; | |
| - font-size: 30px; | |
| - color: #fff; | |
| - margin-left: 0.3em; | |
| - opacity: 0; | |
| - text-decoration: none; | |
| -} | |
| -.fancybox-wrap .fancybox-close:hover { | |
| - color: #ed4503; | |
| -} | |
| -.fancybox-wrap.fancybox-opened .fancybox-close { | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| - opacity: 1; | |
| +.fancybox-outer .fancybox-nav { | |
| + height: 60%; | |
| + top: 20%; | |
| } | |
| -.fancybox-wrap.fancybox-opened .fancybox-title-float-wrap { | |
| - -moz-transition-duration: 0.65s; | |
| - -o-transition-duration: 0.65s; | |
| - -webkit-transition-duration: 0.65s; | |
| - transition-duration: 0.65s; | |
| - -moz-transform: translate(0, 0); | |
| - -webkit-transform: translate(0, 0); | |
| - -ms-transform: translate(0, 0); | |
| - -o-transform: translate(0, 0); | |
| - transform: translate(0, 0); | |
| - opacity: 1; | |
| +.fancybox-skin .fancybox-title-float-wrap { | |
| + top: 100%; | |
| + margin-bottom: 0; | |
| + margin-top: 30px; | |
| + width: 100%; | |
| } | |
| -.video-player { | |
| - padding-top: 56.25%; | |
| +.fancybox-skin .fancybox-title-float-wrap .child { | |
| + width: 90%; | |
| + padding: 12px 90px 12px 14px; | |
| + line-height: 1.3; | |
| + white-space: normal; | |
| + text-align: left; | |
| + border-radius: 4px; | |
| position: relative; | |
| } | |
| -.video-player .player { | |
| +.fancybox-skin .fancybox-title-float-wrap .child .fancy-share-buttons { | |
| position: absolute; | |
| top: 0; | |
| - left: 0; | |
| - right: 0; | |
| + right: 20px; | |
| bottom: 0; | |
| } | |
| -.bio-popup { | |
| - display: -webkit-box; | |
| - display: -moz-box; | |
| - display: -webkit-flex; | |
| - display: -ms-flexbox; | |
| - display: flex; | |
| - width: 80vw; | |
| - max-width: 800px; | |
| -} | |
| -.bio-popup .bio-header { | |
| - -webkit-box-flex: 1; | |
| - -moz-box-flex: 1; | |
| - -webkit-flex: 1; | |
| - -ms-flex: 1; | |
| - flex: 1; | |
| - background: #ececec; | |
| -} | |
| -.bio-popup .bio-header .header-photo { | |
| - background-color: #000; | |
| - background-repeat: no-repeat; | |
| - background-position: center center; | |
| - background-size: cover; | |
| - position: relative; | |
| - padding-top: 100%; | |
| - overflow: hidden; | |
| -} | |
| -.bio-popup .bio-header .header-photo.bg-contain { | |
| - background-size: 80%; | |
| -} | |
| -.bio-popup .bio-header .header-photo .image-caption { | |
| - position: absolute; | |
| -} | |
| -.bio-popup .bio-header .header-photo[data-logo-background] { | |
| - background-size: 80%; | |
| -} | |
| -.bio-popup .bio-header .header-titles { | |
| - padding: 20px; | |
| - text-transform: uppercase; | |
| -} | |
| -.bio-popup .bio-header .header-titles .title { | |
| - font: 300 24px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #636363; | |
| - margin-top: 0; | |
| - margin-bottom: 0.25em; | |
| -} | |
| -.bio-popup .bio-header .header-titles .subtitle { | |
| - font: 400 18px / 0.9 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| - color: #aaa; | |
| - margin: 0; | |
| -} | |
| -.bio-popup .bio-content { | |
| - -webkit-box-flex: 1; | |
| - -moz-box-flex: 1; | |
| - -webkit-flex: 1.5; | |
| - -ms-flex: 1.5; | |
| - flex: 1.5; | |
| - background: #353535; | |
| - color: #a3a3a3; | |
| - font-size: 18px; | |
| - padding: 40px; | |
| - text-decoration: none; | |
| +.fancybox-skin .fancybox-title-float-wrap .child .fancy-share-buttons a { | |
| + font-size: 24px; | |
| + margin: 0 8px; | |
| + display: inline-block; | |
| } | |
| /* ========================================================================== | |
| Media Queries |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment