.layout--page,
.layout--post,
.layout--productPage {
padding-top: 6.875rem
}
.layout--page.layout--notification,
.layout--post.layout--notification,
.layout--productPage.layout--notification {
padding-top: 10.5rem
}
.layout--page.layout--newsletter-signup,
.layout--post.layout--newsletter-signup,
.layout--productPage.layout--newsletter-signup {
padding-top: 10.5rem
}
.layout--page.layout--newsletter-signup .post__wrapper--advertorial .post__article-top-ad-wrapper,
.layout--post.layout--newsletter-signup .post__wrapper--advertorial .post__article-top-ad-wrapper,
.layout--productPage.layout--newsletter-signup .post__wrapper--advertorial .post__article-top-ad-wrapper {
margin-bottom: -3.125rem
}
@media screen and (min-width:40rem) {
.layout--page.layout--newsletter-signup .advertorial-header-wrapper .sticky-inner-wrapper,
.layout--post.layout--newsletter-signup .advertorial-header-wrapper .sticky-inner-wrapper,
.layout--productPage.layout--newsletter-signup .advertorial-header-wrapper .sticky-inner-wrapper {
margin-top: 6.875rem
}
}
@media screen and (min-width:53.125rem) {
.layout--page.layout--newsletter-signup .advertorial-header-wrapper .sticky-inner-wrapper,
.layout--post.layout--newsletter-signup .advertorial-header-wrapper .sticky-inner-wrapper,
.layout--productPage.layout--newsletter-signup .advertorial-header-wrapper .sticky-inner-wrapper {
margin-top: 3.1875rem
}
}
.layout--page.layout--notification-and-newsletter,
.layout--post.layout--notification-and-newsletter,
.layout--productPage.layout--notification-and-newsletter {
padding-top: 16.25rem
}
.layout--has-top-nav-ad {
padding: 0
}
.layout--notification {
padding-top: 9.1875rem
}
.layout--newsletter-signup {
padding-top: 10.5rem
}
.layout--notification-and-newsletter {
padding-top: 16.25rem
}
.newsLetterClosed .advertorial-header-wrapper .sticky-inner-wrapper {
margin-top: 0!important
}
@media screen and (max-width:40rem) {
.advertorial-header-wrapper .sticky-inner-wrapper {
margin-top: 0!important
}
}
a {
color: #ef5b24;
text-decoration: none
}
a:visited {
color: #ef5b24
}
a:hover {
color: #ef5b24
}
a:active {
color: #ef5b24
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 500px #fff inset
}
@media only screen and (max-width:767px) and (min-width:40rem) {
.layout--page {
padding-top: 3.75rem
}
}
@media screen and (max-width:39.9375em) {
body {
overflow-x: hidden
}
.layout--post,
.layout--productPage {
padding-bottom: 3.75rem;
padding-top: 3.75rem
}
.layout--page {
padding-top: 3.75rem
}
.layout--has-top-nav-ad {
padding: 4.0625rem 0 0
}
}
@media screen and (min-width:48rem) {
.layout--homepage {
padding-top: 0
}
.category-page--news {
padding-top: 1.3125rem
}
}
@media only screen and (max-width:1024px) and (min-width:47.9375rem) {
.layout--page,
.layout--post,
.layout--productPage {
padding-top: 5.5rem
}
}
.fixed-bar--bottom {
position: fixed;
bottom: 0;
width: 100%;
z-index: 999999;
left: 0
}
body>.masthead~.masthead {
display: none!important
}
body>.main~.main {
display: none!important
}
body>footer.footer~footer.footer {
display: none!important
}
.ranked__icon::before {
background-repeat: no-repeat;
content: '';
display: inline-block;
height: 35px;
position: relative;
top: 3px;
width: 35px
}
.ranked__header--ibd .ranked__icon {
padding-right: 50px;
position: relative
}
.ranked__header--ibd .ranked__icon::before {
position: absolute;
top: 7px;
right: 0
}
.ranked__icon--apps-and-games::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974879/fcweb/apps-and-games_jb49bo.svg)
}
.ranked__icon--design-company-of-the-year::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974879/fcweb/design-company-of-the-year_zsw4ul.svg)
}
.ranked__icon--experimental::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974879/fcweb/experimental_u1qhhg.svg)
}
.ranked__icon--fashion-and-beauty::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974881/fcweb/fashion-and-beauty_z02z2r.svg)
}
.ranked__icon--general-excellence::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974881/fcweb/general-excellence_rfics9.svg)
}
.ranked__icon--graphic-design-and-data-visualization::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974881/fcweb/graphic-design-and-data-visualization_xrdrdm.svg)
}
.ranked__icon--health::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974881/fcweb/health_nmzxkb.svg)
}
.ranked__icon--products::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974879/fcweb/products_ycc21p.svg)
}
.ranked__icon--retail-environments::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974879/fcweb/retail-environments_fos2qa.svg)
}
.ranked__icon--social-good::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974879/fcweb/social-good_xckqye.svg)
}
.ranked__icon--space-places-and-cities::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974881/fcweb/space-places-and-cities_da1sj8.svg)
}
.ranked__icon--students::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974881/fcweb/students_re8nan.svg)
}
.ranked__icon--timeless-design::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974883/fcweb/timeless-design_m77ydi.svg)
}
.ranked__icon--user-experience::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974883/fcweb/user-experience_pkoxcx.svg)
}
.ranked__icon--web-design::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974883/fcweb/web-design_rxvofr.svg)
}
.ranked__icon--finalist::before,
.ranked__icon--honorable-mention::before,
.ranked__icon--winner::before,
.ranked__icon--winners::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974883/fcweb/winners_mecmdy.svg)
}
.ranked__icon--workplace::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534974884/fcweb/workplace_crrfpy.svg)
}
.ranked__icon--black.ranked__icon--finalist::before,
.ranked__icon--black.ranked__icon--honorable-mention::before,
.ranked__icon--black.ranked__icon--winner::before {
background-image: url(https://images.fastcompany.net/image/upload/v1534982437/fcweb/IBD_icon_winners_wpk4es.svg)
}
.ranked__header {
border-bottom: .0625rem solid #ccc
}
.ranked__header::before {
content: '';
display: block;
height: 1.0625rem;
margin: 0 0 .875rem
}
.ranked__header--mcp::before {
content: none
}
.ranked__header--mcp .desktop-banner {
width: 100%;
display: none;
display: block
}
.ranked__header--mcp .mobile-banner {
width: 100%;
display: block;
display: none
}
.ranked__header--ibd::before {
display: none
}
.ranked__page--ibd .ranked__wrapper {
margin-bottom: 21px
}
.ranked__title {
color: #000;
font-family: Helvetica;
font-size: 2.25rem;
font-weight: 400;
letter-spacing: 1.23px;
line-height: 2.125rem;
margin-bottom: 11px;
text-transform: uppercase
}
.fonts-loaded .ranked__title {
font-family: Beckett, sans-serif;
font-size: 3.75rem;
letter-spacing: .5rem;
line-height: 3rem
}
.ranked__title span {
color: #7961aa
}
.ranked__ibd-title {
color: #000;
font-family: Helvetica;
font-size: 1.875rem;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.8125rem;
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 20px
}
.fonts-loaded .ranked__ibd-title {
font-family: GrifitoM, sans-serif;
font-size: 2.25rem;
line-height: 2.1875rem
}
.fonts-loaded .ranked__ibd-title {
color: #4cc0ad;
font-size: 3.125rem;
line-height: 3.0625rem
}
.fonts-loaded .ranked__ibd-title--black {
color: #000
}
.ranked__ibd-title::before {
order: 1;
height: 45px;
width: 45px
}
.ranked__group-title {
font-family: CentraNo1, sans-serif;
font-size: 2rem;
align-items: center;
color: #4bc0ad;
margin: 7px 0 0
}
.ranked__group-title::before {
margin-right: 10px
}
.ranked__group-title--black {
color: #000
}
.ranked__group-title a {
color: inherit
}
.ranked__group-title span {
color: #4bc0ad;
margin-left: 6px
}
.ranked__image {
margin: 0 0 22px
}
.ranked__image--small {
max-width: 120px;
margin: 0 0 12px
}
.ranked__image img {
display: block;
height: auto;
width: 100%
}
.ranked__description {
color: #000;
font-family: Georgia;
font-size: 1.1875rem;
letter-spacing: .2px;
line-height: 1.75rem;
margin: 1.25rem 0
}
.fonts-loaded .ranked__description {
font-family: MeretPro, sans-serif;
font-weight: 300
}
.ranked__nav {
position: relative;
z-index: 1
}
.ranked__page--ibd .ranked__nav {
margin-bottom: 50px
}
.ranked__nav .ranked-list li .number {
color: #ef4123;
width: 1.875rem
}
.ranked__nav .ranked-list li .name {
max-width: 80%
}
.ranked__nav .ranked-list li:hover {
color: #ef4123
}
.ranked__nav .ranked-list li:last-child .number {
margin-left: -.4375rem;
margin-right: .375rem
}
.ranked__nav .ranked-list>a,
.ranked__nav .ranked-list>span {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
display: block;
color: #000;
font-weight: 700;
letter-spacing: .05rem;
padding: 17px 0 18px
}
.fonts-loaded .ranked__nav .ranked-list>a,
.fonts-loaded .ranked__nav .ranked-list>span {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.ranked__nav .ranked-list--slim>a,
.ranked__nav .ranked-list--slim>span {
padding: 8px 0
}
.ranked-list {
border-top: .0625rem solid;
cursor: pointer;
position: relative
}
.ranked-list:last-child {
border-bottom: .0625rem solid #000
}
.ranked-list:hover>a,
.ranked-list:hover>span {
background: #e2e8ec
}
.ranked-list--extend::after {
background: #4cc0ad;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
content: '';
display: none;
height: 30px;
position: absolute;
right: -40px;
top: -1px;
width: 40px
}
.ranked-list--extend:hover::after {
display: block
}
.ranked-list--ibd:hover>a,
.ranked-list--ibd:hover>span {
background: #4bc0ad
}
.ranked-list>span {
padding-right: .9375rem;
position: relative
}
.ranked-list>span::after {
background: url(//images.fastcompany.net/image/upload/v1518112462/fcweb/mic-2018-arrow-black_ieenqj.svg) no-repeat 0 0;
content: '';
height: .875rem;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: .4375rem
}
.ranked-list:hover:not(.close) .ranked-list__panel {
display: block
}
.ranked-list.close .ranked-list__panel {
display: none
}
.ranked-list__filter {
background: #fff;
border-top: .0625rem solid #000;
left: 0;
position: absolute;
top: 0;
width: 40px
}
.ranked-list__filter>div {
font-family: FCZizouSans, sans-serif;
border-bottom: 1px solid #000;
cursor: pointer;
font-size: 14px;
font-weight: 700;
height: 31px;
line-height: 31px;
text-align: center;
text-transform: uppercase
}
.ranked-list__filter>div.active,
.ranked-list__filter>div:hover {
background: #4cc0ad
}
.ranked-list__panel {
background: #e2e8ec;
display: none;
padding: .9375rem 0 1.3125rem;
position: absolute;
left: 100%;
top: -.0625rem;
width: 80vw
}
.ranked-list__panel::after,
.ranked-list__panel::before {
background: #ccc;
content: '';
top: 18px;
bottom: 22px;
width: 1px;
position: absolute
}
.ranked-list__panel::before {
left: 33.33333%
}
.ranked-list__panel::after {
left: 66.66666%
}
.ranked-list__panel--ibd ul {
border-top: .0625rem solid #000
}
.ranked-list__panel--ibd li:hover {
background: #000
}
.ranked-list__panel--ibd li:hover a {
color: #fff
}
.ranked-list__panel--ibd a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.ranked-list ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
list-style: none;
margin: 0;
padding: 0
}
.ranked-list li {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
display: flex;
font-weight: 700;
letter-spacing: .05rem;
text-transform: none;
padding-left: 20px
}
.fonts-loaded .ranked-list li {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.ranked-list li:hover {
color: #ef4123
}
.ranked-list li:not(:last-child) {
margin-bottom: .3125rem
}
.ranked-list li span {
color: #ef4123;
margin-right: .1875rem
}
.ranked__past-winners {
font-family: MeretPro, sans-serif;
font-size: 19px
}
@media screen and (min-width:64em) {
.ranked__group {
display: flex
}
.ranked-list__panel {
width: 55.75rem
}
.ranked-list__panel::before {
left: 25%
}
.ranked-list__panel::after {
left: 75%
}
.ranked-list__panel ul {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.ranked-list__panel ul::after {
background: #ccc;
content: '';
top: 18px;
bottom: 22px;
left: 50%;
width: 1px;
position: absolute
}
.ranked-list__panel--ibd {
background: 0 0;
border-bottom: 0;
padding: 0 0 0 40px;
width: 39.75rem
}
.ranked-list__panel--ibd::before {
background: #000;
bottom: 0;
left: calc(50% + 20px);
top: 0
}
.ranked-list__panel--ibd::after {
background: #000;
bottom: 0;
height: 1px;
left: 40px;
top: auto;
width: calc(100% - 40px)
}
.ranked-list__panel--ibd ul {
background: #e3e3dd;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0
}
.ranked-list__panel--ibd ul::after {
display: none
}
.ranked-list__panel--ibd a:active,
.ranked-list__panel--ibd a:focus,
.ranked-list__panel--ibd a:hover,
.ranked-list__panel--ibd a:link,
.ranked-list__panel--ibd a:visited {
color: #000
}
.ranked-list__panel--ibd li {
border-bottom: 1px solid #000;
height: 31px;
margin: 0!important;
padding-bottom: 9px;
padding-top: 7px
}
}
@media screen and (min-width:40em) {
.ranked__wrapper {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
padding-top: 1.3125rem
}
.ranked__group:not(:last-child) .sticky-inner-wrapper {
padding-bottom: 1.5625rem
}
.ranked__header::before {
height: 1.875rem;
margin: 0 0 .875rem
}
.fonts-loaded .ranked__title {
font-size: 5.125rem;
line-height: 4.25rem;
letter-spacing: .20625rem
}
.ranked__nav {
flex: 0 0 16.66667%;
max-width: 16.66667%;
padding-right: .625rem;
padding-left: .625rem;
position: relative
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.ranked__nav {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.ranked__content {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.ranked__content {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.ranked__main {
flex: 1 1 auto
}
.ranked__sidebar {
flex: 0 0 24.1875rem;
margin-left: 2.5rem;
max-width: 24.1875rem
}
.ranked__sidebar--grouped {
display: flex;
flex-direction: column
}
.ranked__sidebar--grouped>* {
flex: 1 1 auto
}
}
@media screen and (max-width:39.9375em) {
.ranked__header::before {
margin: 1.25rem 0 1.0625rem
}
.ranked__header--ibd {
margin-top: 20px
}
.ranked__header--mcp img {
width: 100vw!important;
margin-left: -.625rem
}
.ranked__nav {
display: none
}
.fonts-loaded .ranked__title {
font-size: 3.0625rem;
line-height: 2.5rem;
letter-spacing: .125rem;
margin-bottom: .875rem
}
.ranked__icon::before {
height: 29px;
width: 29px
}
.ranked__ibd-title::before {
height: 40px;
width: 40px
}
.fonts-loaded .ranked__ibd-title {
font-size: 2.5rem
}
.fonts-loaded .ranked__group-title {
font-size: 1.75rem;
line-height: 1.6875rem!important
}
.ranked__description {
line-height: 1.5rem
}
.ranked__main>* {
padding: 0 .625rem
}
.ranked__main .ad-wrapper {
border-bottom: 1px solid #000;
margin-bottom: 6px!important;
padding-bottom: 30px
}
.ranked-person__profiles {
display: none
}
.ranked__sidebar {
border-bottom: .0625rem solid #ccc
}
.ranked__sidebar--grouped {
display: none
}
.ranked__sidebar .ad-wrapper {
margin-bottom: 0
}
}
.recommender-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 15px
}
@media (max-width:768px) {
.recommender-wrapper {
flex-wrap: wrap
}
}
.recommender-wrapper a.recommender-button {
display: flex;
justify-content: center;
align-items: center;
height: 41px;
float: left;
border: 2px solid #777;
flex: 1 0 0;
box-shadow: -3px 3px 0 0 #777;
color: #777;
font: bold 16px/16px CentraNo1;
letter-spacing: 1.76px;
text-transform: uppercase;
transition: left 250ms, bottom 250ms
}
@media (max-width:768px) {
.recommender-wrapper a.recommender-button {
flex: 1 0 100%
}
}
.recommender-wrapper a.recommender-button:hover {
border: 2px solid #ef5b24;
color: #ef5b24;
box-shadow: -3px 3px 0 0 #ef5b24
}
.recommender-wrapper a.recommender-button:active {
position: relative;
left: -3px;
bottom: -3px;
box-shadow: 0 0 0 0 #ef5b24
}
.recommender-wrapper a.recommender-button:nth-child(2) {
margin-left: 20px
}
@media (max-width:768px) {
.recommender-wrapper a.recommender-button:nth-child(2) {
margin-top: 10px;
margin-left: 0
}
}
.progress-meter {
padding-bottom: 1.6875rem;
margin-top: 1.6875rem;
margin-bottom: 1.6875rem;
border-bottom: 1px solid #f4f4f4;
border-top: 1px solid #f4f4f4;
padding-top: 27px
}
.progress-meter__wrapper {
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
max-width: 1240px
}
.progress-meter__text {
margin-left: 8.33333%;
padding-left: .1875rem;
padding-right: .8125rem;
font-family: CentraNo1Book, sans-serif;
font-size: 16px;
line-height: 18px
}
.progress-meter__text--active {
color: #ef5b24;
cursor: pointer
}
@media screen and (max-width:1023px) {
.progress-meter__text {
margin-left: 40px;
padding-right: 40px
}
}
.drawer__container {
height: 0;
transition: all .45s;
position: relative;
bottom: 0;
width: 100%;
background: #fff;
z-index: 9
}
.drawer__link {
color: #000;
font-size: 16px;
line-height: 20px;
text-align: left;
font-family: CentraNo1, sans-serif
}
.drawer__link span {
cursor: pointer;
color: #f73b00
}
.tp-close {
top: 10px!important;
right: 10px!important;
box-shadow: none!important;
background: 0 0!important
}
.tp-close::before {
content: "\e903";
font-family: FCIcon2015!important;
font-size: 20px
}
.piano-page-container {
margin: auto 0;
margin-bottom: 2px;
margin-top: -5px;
padding-top: 5px
}
@media screen and (min-width:48rem) {
.piano-page-container {
margin-top: -34px
}
}
@media screen and (min-width:63.75rem) {
.piano-page-container {
margin-top: -90px;
padding-top: 90px
}
}
.piano-page-container__header {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
max-width: 80rem;
margin: 0 auto;
padding: 0 20px;
margin-bottom: 14px
}
@media screen and (min-width:40em) {
.piano-page-container__header {
flex-direction: row
}
}
@media (max-width:600px) {
.piano-page-container__header {
margin-bottom: -14px
}
}
.piano-page-container__header__image {
background-image: url(https://images.fastcompany.net/image/upload/v1612980792/fcweb/Subscription_dots_wv2ood.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
padding-top: 34px;
padding-bottom: 44px;
padding-left: 64px;
padding-right: 64px;
text-align: center;
flex: 1
}
.piano-page-container__header__image img {
width: 100%;
max-width: 300px
}
.piano-page-container__header__text {
flex: 2
}
.piano-page-container__header__text h1 {
font-family: GrifitoM, serif;
font-weight: 700;
font-size: 37px;
line-height: 32px
}
@media screen and (min-width:40em) {
.piano-page-container__header__text h1 {
font-size: 72px;
line-height: 60px
}
}
.piano-page-container__header__text p {
font-family: CentraNo1Book;
color: #7e7e7e;
font-size: 15px;
line-height: 15px;
margin-top: 8px;
margin-bottom: 30px
}
@media screen and (min-width:40em) {
.piano-page-container__header__text p {
font-size: 24px;
line-height: 30px
}
}
.piano-page-container.offer,
.piano-page-container.subscribe {
margin-bottom: 40px;
background: #f4f4f4;
min-height: 50vh
}
.piano-page-container .piano-offer-container {
max-width: 80rem;
margin: 0 auto;
padding: 0 20px
}
.video-row {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
clear: both
}
@media screen and (max-width:39.9375em) {
.homepage-page__all-ad-container,
.homepage-page__ff-ad-container,
.homepage-page__tag-ad-container,
.homepage-page__video-ad-container {
border-top: .0625rem solid #ccc;
min-height: 17.5rem
}
.homepage-page__all-ad-container.homepage-page__ff-ad-container--navtop,
.homepage-page__ff-ad-container.homepage-page__ff-ad-container--navtop,
.homepage-page__tag-ad-container.homepage-page__ff-ad-container--navtop,
.homepage-page__video-ad-container.homepage-page__ff-ad-container--navtop {
display: none
}
}
@media screen and (min-width:40em) {
.homepage-mobile__featured-covid {
display: none
}
}
@media screen and (max-width:63.9375em) {
.homepage-mobile__featured-covid {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem;
letter-spacing: 1.82px;
padding-left: 1.25rem;
border-bottom: .0625rem solid #ccc;
padding-top: 18px;
padding-bottom: 18px
}
.homepage-mobile__featured-covid a {
font-family: CentraNo1, sans-serif;
font-weight: 700;
color: #e32719;
border-bottom: 1px solid #e32719;
opacity: 1
}
.homepage-mobile__featured-covid a:visited {
color: #e32719
}
}
@media screen and (max-width:47.9375rem) {
.homepage-desktop {
display: none
}
}
@media screen and (min-width:48rem) {
.homepage-mobile {
display: none
}
}
@media screen and (min-width:64em) {
.homepage-page__all-ad-container,
.homepage-page__ff-ad-container,
.homepage-page__tag-ad-container,
.homepage-page__video-ad-container {
margin: 3.125rem 0;
min-height: 6.6875rem;
background-color: #f4f4f4
}
.homepage-page__all-ad-container [class*=ad-wrapper--flexiblebillboard_],
.homepage-page__ff-ad-container [class*=ad-wrapper--flexiblebillboard_],
.homepage-page__tag-ad-container [class*=ad-wrapper--flexiblebillboard_],
.homepage-page__video-ad-container [class*=ad-wrapper--flexiblebillboard_] {
padding: .78125rem 0 1.0625rem;
margin: 0 auto
}
}
.homepage-page__ff-ad-container--navtop {
min-height: 0
}
.homepage-page__ff-ad-container--navtop .ad-wrapper__ad-slug {
display: none
}
.homepage-tag .card {
border-bottom: 0
}
.page-title {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.page-description {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
display: block;
text-align: center;
margin: 0 auto
}
@media print,
screen and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
}
.category-page__slug-component::before {
display: none
}  @media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) {
.page-description {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
display: block;
margin-left: auto;
margin-right: auto
}
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media print,
screen and (min-width:40em) {
.page-description {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
display: block;
margin-left: auto;
margin-right: auto
}
}
@media print,
screen and (min-width:40em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) { }
@media screen and (max-width:39.9375em) { }
@media screen and (max-width:39.9375em) and (min-width:40em) { }
@media screen and (max-width:39.9375em) {  .page-title {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.page-description {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: .875rem;
font-weight: 400;
letter-spacing: .8px;
line-height: .9375rem;
text-transform: uppercase;
margin: .3125rem 0 .3125rem 0
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: .8125rem;
letter-spacing: .0875rem
}
.category-page__all-ad-container,
.category-page__ff-ad-container,
.category-page__tag-ad-container,
.category-page__video-ad-container {
border-top: .0625rem solid #ccc;
min-height: 17.5rem
}
}
@media screen and (min-width:64em) {
.page-title {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.page-description {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
margin: .375rem auto 0 auto;
display: block;
text-align: center
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
}
.category-page__all-ad-container,
.category-page__ff-ad-container,
.category-page__tag-ad-container,
.category-page__video-ad-container {
min-height: 6.6875rem
}
}
.page-title {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
justify-content: center
}
.page-description {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
display: block;
text-align: center;
margin: 0 auto
}
@media print,
screen and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
}
.tag-page__slug-component::before {
display: none
}
.tag-page--advertorial {
background: #fff;
padding-top: .0625rem;
padding-bottom: .0625rem
}
.tag-page--kia .scroll-me {
right: 0;
left: 1.25rem
}
.tag-page--kia .slug-component {
margin-top: .375rem
}
.tag-page--kia .slug-component::before {
display: none
}
.tag-page--magazine .page-title .page-description {
margin-top: 2.875rem
}
.tag-page--magazine .tag-page__slug {
margin-top: 0;
padding: .5625rem 0 0;
line-height: 1.5625rem
}
.kia-banner {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-top: 2.5rem;
display: block
}
.smallToFast {
display: flex;
align-items: center;
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem;
color: #7b7b7b;
margin: 20px 0
}
.smallToFast .tmobileLogo {
width: 150px;
margin-left: 1.25rem
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) {
.page-description {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
display: block;
margin-left: auto;
margin-right: auto
}
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.page-title {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.page-title--paginated {
margin-bottom: 1.0625rem
}
.kia-banner {
padding-left: .625rem;
padding-right: .625rem
}
.smallToFast .tmobileLogo {
width: 125px;
margin-left: .625rem
}
.page-description {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: .875rem;
font-weight: 400;
letter-spacing: .8px;
line-height: .9375rem;
text-transform: uppercase;
margin: .3125rem 0 0 0
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: .8125rem;
letter-spacing: .0875rem
}
.tag-page--magazine .row__top {
margin-top: 1.0625rem
}
.tag-page--magazine .tag-page__slug {
padding-top: .3125rem
}
.tag-page--magazine .page-title .page-description {
margin-top: .9375rem
}
}
@media screen and (max-width:39.9375em) and (max-width:39.9375em) {
.tag-page--innovation_festival .video-megatron.custom {
padding: 0;
margin: 0 7px 45px
}
.tag-page--innovation_festival .video-megatron.custom .video-player-wrapper .video-info {
height: calc(60%)
}
.tag-page--innovation_festival .video-megatron.custom .video-player-wrapper .video-info .video-hed {
font-size: 31px
}
.tag-page--innovation_festival .video-megatron.custom .video-player-wrapper .video-info .video-dek {
display: none
}
.tag-page--innovation_festival .video-megatron.custom .related-slider--video-index {
margin: 25px -7px 0 -7px
}
.tag-page--innovation_festival .video-megatron.custom .related-slider--video-index .slick-list {
overflow: visible
}
.tag-page--innovation_festival .all-feed .all-feed__section .all-feed__posts .card--all-feed {
padding-top: 28.77px;
padding-bottom: 28.77px
}
}
@media screen and (max-width:39.9375em) {
.tag-page__all-ad-container,
.tag-page__ff-ad-container,
.tag-page__tag-ad-container,
.tag-page__video-ad-container {
border-top: .0625rem solid #ccc;
min-height: 17.5rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.page-description {
margin: .375rem auto 0 auto
}
.tag-page--magazine .card--subscribe {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: 0;
padding-left: 0;
margin: 0 auto
}
.tag-page--innovation_festival .tag-page__slug-component {
margin: 10 auto
}
.tag-page--innovation_festival .video-megatron .related-slider button:first-of-type {
left: 0
}
.tag-page--innovation_festival .video-megatron .related-slider .slick-arrow {
right: 0
}
.tag-page--innovation_festival .allPlaylist .related-slider button:first-of-type {
left: 0
}
.tag-page--innovation_festival .allPlaylist .related-slider .slick-arrow {
right: 0
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.tag-page--innovation_festival .video-megatron.custom .video-player-wrapper .video-info {
height: auto;
padding: 30px
}
.tag-page--innovation_festival .video-megatron.custom .video-player-wrapper .video-info .video-hed {
font-size: 44px
}
}
@media screen and (min-width:40em) {
.tag-page--magazine .row__top {
margin-bottom: 2.5rem;
margin-top: 2.125rem
}
.tag-page--magazine .row+.magazine-archive,
.tag-page--magazine .row+.slug-component {
margin-top: 2.5625rem
}
.tag-page--innovation_festival .video-megatron {
margin: 0 auto 15px
}
.tag-page--innovation_festival .video-megatron.custom {
padding: 0!important;
max-width: none;
min-height: 16.9375rem;
margin-top: .625rem
}
.tag-page--innovation_festival .video-megatron.custom .video-player-wrapper {
width: calc(percentage(12/14) - 2%);
margin: 0 7.9%
}
.tag-page--innovation_festival .video-megatron.custom .related-slider--video-index:last-of-type {
margin-top: 1.25rem
}
.tag-page--innovation_festival .allPlaylist .related-slider {
margin: 0 auto 30px
}
.tag-page--innovation_festival .all-feed {
max-width: none;
width: 85.71429%
}
.tag-page--innovation_festival .all-feed .slug-component {
margin-top: .625rem;
max-width: none
}
.tag-page--innovation_festival .all-feed .slug-component::before {
left: .55rem;
right: .55rem
}
.tag-page--innovation_festival .all-feed .all-feed__wrapper {
min-height: 16.9375rem;
margin-top: .625rem;
max-width: none
}
.tag-page--innovation_festival .all-feed .all-feed__wrapper .all-feed__section {
margin-top: .625rem;
max-width: none
}
.tag-page--innovation_festival .all-feed__wrapper .all-feed__posts {
margin: 0 auto 30px
}
.tag-page--innovation_festival .all-feed__section:last-of-type article:last-of-type {
border: none
}
}
@media screen and (min-width:64em) {
.tag-page--innovation_festival .video-megatron.custom {
margin: 0 auto 15px
}
.tag-page--innovation_festival .video-megatron.custom .video-player-wrapper .video-info {
height: auto;
padding: 30px
}
}
@media screen and (min-width:64em) {
.page-title {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.page-description {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
margin: .375rem auto 0 auto;
display: block;
text-align: center
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
}
.tag-page__featured-feed {
margin-top: -.625rem
}
.tag-page--advertorial {
margin-bottom: 1.25rem
}
.tag-page--advertorial .ad-wrapper.ad-wrapper--flexiblebillboard_3 {
margin-bottom: 1.8125rem
}
.tag-page--innovation_festival .tag-page__slug-component {
margin: 10 auto
}
.tag-page--innovation_festival .video-megatron.custom {
max-width: none;
min-height: 16.9375rem;
margin-top: .625rem
}
.tag-page--innovation_festival .video-megatron .related-slider button:first-of-type {
left: calc(-7.14286% - 1.25rem)
}
.tag-page--innovation_festival .video-megatron .related-slider .slick-arrow {
right: calc(-7.14286% - 1.25rem)
}
.tag-page--innovation_festival .allPlaylist .related-slider button:first-of-type {
left: calc(-7.14286% - 1.25rem)
}
.tag-page--innovation_festival .allPlaylist .related-slider .slick-arrow {
right: calc(-7.14286% - 1.25rem)
}
.tag-page__all-ad-container,
.tag-page__ff-ad-container,
.tag-page__tag-ad-container,
.tag-page__video-ad-container {
min-height: 6.6875rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.page-description {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
margin: .375rem auto 0 auto;
display: block;
text-align: center
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
}
}
body.layout--tag.innovation-festival-360 {
padding-top: 0
}
body.layout--tag.innovation-festival-360 section.main section.top {
padding: 90px 20px 0;
background: #252525;
margin-bottom: 50px
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top {
padding: 55px 0 0
}
}
body.layout--tag.innovation-festival-360 section.main section.top .logo {
padding: 30px 0;
text-align: center
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .logo {
padding: 20px 0
}
}
body.layout--tag.innovation-festival-360 section.main section.top .logo img {
height: 50px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns {
display: grid;
grid-template-columns: minmax(1px, 1fr) 385px;
-webkit-column-gap: 26px;
-moz-column-gap: 26px;
column-gap: 26px;
max-width: 1228px;
margin: 0 auto
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns {
display: block
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .video-title {
padding: 20px 0 38px;
border-bottom: 1px solid #fff
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .video-title {
padding: 20px 10px
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .video-title .video-eyebrow {
font: bold 13px/13px CentraNo1;
letter-spacing: 1.56px;
color: #999;
text-transform: uppercase;
margin: 0 0 11px 0
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .video-title h1 {
font: bold 54px/44px GrifitoM;
letter-spacing: 1.02px;
color: #fff
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event {
margin: 40px 0;
display: grid;
grid-template-columns: auto 286px;
gap: 0 30px
}
@media (max-width:1227px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event {
margin: 0;
padding: 20px 10px 30px;
grid-template-columns: 1fr;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
gap: 10px 0
}
}
@media screen and (max-width:63.9375em) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event {
display: none
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event .image {
width: 41.5vw;
height: 23.4vw;
max-width: 496px;
max-height: 279px;
background-size: cover;
background-position: center center
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event .image {
max-width: 640px;
max-width: 360px;
margin-bottom: 10px
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event .details .date {
font: bold 13px/13px CentraNo1;
letter-spacing: 1.52px;
color: #999;
text-transform: uppercase;
margin-bottom: 5px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event .details .name a {
font: bold 43px/44px GrifitoM;
color: #fff
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event .details .description {
font: bold 16px/20px CentraNo1Book;
letter-spacing: .3px;
color: #fff;
margin: 9px 0 14px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event .details button {
margin-top: 8px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event .details button a {
background: #000;
font: bold 14px/14px CentraNo1;
letter-spacing: 1.8px;
color: #fff;
width: 203px;
height: 30px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event .details button a:hover {
background: #777
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-l .upcoming-event .details button a img {
margin-left: 6px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event {
margin: 40px 0;
display: none;
grid-template-columns: auto 286px;
gap: 0 30px
}
@media (max-width:1227px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event {
margin: 0;
padding: 20px 10px 30px;
grid-template-columns: 1fr;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
gap: 10px 0
}
}
@media screen and (max-width:63.9375em) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event {
display: grid
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event .image {
width: 41.5vw;
height: 23.4vw;
max-width: 496px;
max-height: 279px;
background-size: cover;
background-position: center center
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event .image {
max-width: 640px;
max-width: 360px;
margin-bottom: 10px
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event .details .date {
font: bold 13px/13px CentraNo1;
letter-spacing: 1.52px;
color: #999;
text-transform: uppercase;
margin-bottom: 5px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event .details .name a {
font: bold 43px/44px GrifitoM;
color: #fff
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event .details .description {
font: bold 16px/20px CentraNo1Book;
letter-spacing: .3px;
color: #fff;
margin: 9px 0 14px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event .details button {
margin-top: 8px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event .details button a {
background: #000;
font: bold 14px/14px CentraNo1;
letter-spacing: 1.8px;
color: #fff;
width: 203px;
height: 30px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event .details button a:hover {
background: #777
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .upcoming-event .details button a img {
margin-left: 6px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more {
border-top: 3px solid #fff
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more h2 {
font: normal 41px/34px Beckett;
letter-spacing: 6px;
text-transform: uppercase;
color: #fff;
margin: 12px 0 0 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #fff
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more h2 {
margin: 0;
padding: 10px
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video {
border-bottom: 1px solid #fff;
padding: 10px 0;
display: grid;
grid-template-columns: 142px auto;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
cursor: pointer
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video {
padding: 10px
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video .poster img {
width: 142px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video .hed .eyebrow {
font: bold 13px/13px CentraNo1;
letter-spacing: 1.56px;
color: #ccc
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video .hed .title {
font: bold 16px/17px CentraNo1;
letter-spacing: .3px;
color: #fff
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video.playing .poster {
color: #fff;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
-webkit-filter: grayscale(50%) brightness(.4);
filter: grayscale(50%) brightness(.4);
content: "";
display: block;
left: 50%;
position: relative;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
width: 100%
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video.playing .poster::before {
color: #fff;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
content: "NOW PLAYING";
position: absolute;
width: 100%;
top: 50%;
z-index: 1
}
.fonts-loaded body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video.playing .poster::before {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.fonts-loaded body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video.playing .poster {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .watch-more .videos .video.playing .poster img {
-webkit-filter: grayscale(50%) brightness(.4);
filter: grayscale(50%) brightness(.4)
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration {
margin: 43px 0 40px;
background: #00c3ff;
width: 100%;
height: auto;
padding: 22px 25px 29px;
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration {
border: none;
flex-direction: column;
align-items: center;
padding: 28px 10px 20px;
margin: 20px 0
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .logo {
max-width: 212px;
margin: 0 auto 18px;
padding: 0
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .logo img {
width: 100%;
display: block
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup {
width: 100vw;
max-width: 400px;
display: flex;
flex-direction: column;
justify-content: space-between
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup {
width: 100%;
align-items: center
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .copy .hed {
font: 700 18px/20px CentraNo1;
letter-spacing: 1.68px;
color: #000;
text-align: center;
margin-bottom: 2px
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .copy .dek {
font: normal 18px/20px CentraNo1Book;
color: #000;
text-align: center
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form {
display: flex;
margin-top: 16px;
flex-direction: column;
align-items: center;
width: 100%
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form input {
width: 100%;
height: 35px;
background: #fff;
margin-bottom: 15px;
font: normal 12px/12px CentraNo1Book;
letter-spacing: 1.44px;
text-align: center
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form input {
height: 35px;
margin-bottom: 15px;
margin-right: 0
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form input::-moz-placeholder,
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form input::-webkit-input-placeholder {
color: #ccc;
opacity: 1
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form input::-moz-placeholder,
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form input::-webkit-input-placeholder,
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form input::placeholder {
color: #ccc;
opacity: 1
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form button {
width: 124px;
height: 40px;
background: #000;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
font: 700 14px/14px CentraNo1;
letter-spacing: 1.68px;
color: #fff
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .form button:hover {
background: #777
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .captcha {
display: flex;
justify-content: center;
margin-top: 16px
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .captcha {
margin-top: 0;
margin-bottom: 16px
}
}
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .subscribed-message {
font: 700 14px/14px CentraNo1;
letter-spacing: 1.68px;
color: #fff;
text-align: center;
margin-bottom: 10px
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .columns .column-r .registration .signup .subscribed-message {
margin-bottom: 0;
margin-top: 16px
}
}
body.layout--tag.innovation-festival-360 section.main section.top .tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 40px 0
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main section.top .tags {
display: none
}
}
body.layout--tag.innovation-festival-360 section.main section.top .tags .tag {
font: bold 13px/13px CentraNo1;
letter-spacing: 1.8px;
color: #999;
text-transform: uppercase;
padding: 5px 10px;
border: 1px solid #999;
border-radius: 3px;
word-break: keep-all
}
body.layout--tag.innovation-festival-360 section.main section.top .tags .tag:hover {
border-color: #fff;
color: #fff;
cursor: pointer
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main .ad-wrapper--articlescroll {
background: 0 0
}
}
body.layout--tag.innovation-festival-360 section.main .related-content {
padding: 0 20px
}
@media (max-width:1023px) {
body.layout--tag.innovation-festival-360 section.main .related-content {
padding: 0
}
}
body.layout--tag.innovation-festival-360 section.main .related-content .container {
max-width: 1228px;
margin: 0 auto
}
body.layout--tag.innovation-festival-360 section.main .related-content .container .event-video__slug-component::before {
left: 0;
right: 0
}
body.layout--tag.innovation-festival-360 .card__title--small {
font: bold 15px/20px CentraNo1;
color: #000;
letter-spacing: .28px;
text-transform: none;
margin-top: -1px
}
.podcast-page__slug {
margin-top: 27px
}
@media screen and (max-width:676px) {
.podcast-page__slug {
letter-spacing: .35938rem!important;
margin-top: 15px
}
}
.podcast-page__tiles-container {
display: flex
}
@media screen and (min-width:1024px) {
.podcast-page__ff-ad-container {
background-color: #f4f4f4
}
}
.podcast-page__tiles-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 36px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px
}
@media screen and (max-width:812px) {
.podcast-page__tiles-grid {
padding-left: 40px;
padding-right: 40px
}
}
@media screen and (max-width:42.25rem) {
.podcast-page__tiles-grid {
grid-template-columns: 1fr;
padding: 0
}
}
.podcast-page__page-title {
margin-bottom: .3125rem
}
@media screen and (max-width:42.25rem) {
.podcast-page__page-title {
margin-bottom: -1.25rem
}
}
@media screen and (max-width:39.9375em) {
.podcast-page__ff-ad-container {
min-height: 17.5rem;
margin-bottom: 30px;
margin-top: -20px
}
}
@media screen and (min-width:64em) {
.podcast-page__ff-ad-container {
min-height: 6.6875rem
}
}
.page-title {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.page-description {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
display: block;
text-align: center;
margin: 0 auto
}
@media print,
screen and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
} .custom-collection .card--advertorial {
background: #fff
}
.custom-collection__ad {
margin-bottom: 1.875rem
}
.custom-collection__featured {
margin-top: 1.75rem !important;
margin-bottom: 1.875rem!important
}
.custom-collection__featured--center .card {
margin: 0 auto
} .custom-collection__featured .card__text-wrapper {
text-align: center
}
.custom-collection__title {
margin-top: 8rem;
text-align: center;
margin-bottom: 30px;
}
.custom-collection__title img {
width: 16.25rem;
margin: .6875rem auto
}
.custom-collection__slug-component::before {
display: none
}
.custom-collection--advertorial {
padding-top: .0625rem;
padding-bottom: .0625rem
}
.custom-collection--kia .scroll-me {
right: 0;
left: 1.25rem
}
.custom-collection--kia .slug-component {
margin-top: .375rem
}
.custom-collection--kia .slug-component::before {
display: none
}
.custom-collection--magazine .page-title .page-description {
margin-top: 2.875rem
}
.custom-collection--magazine .custom-collection__slug {
margin-top: 0;
padding: .5625rem 0 0;
line-height: 1.5625rem
}
.kia-banner {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-top: 2.5rem;
display: block
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) {
.page-description {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
display: block;
margin-left: auto;
margin-right: auto
}
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:64rem) {
.custom-collection__title {
margin-top: 1.25rem
}
.custom-collection__title img {
margin-bottom: .3125rem
}
.custom-collection .slug {
padding-top: .3125rem
}
.custom-collection .all-feed {
padding-top: 10px
}
.custom-collection .all-feed .slug {
padding-top: 1.5625rem
}
.custom-collection__featured .card__text-wrapper {
text-align: left
}
.custom-collection__featured--center {
margin-bottom: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.page-title {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.page-title--paginated {
margin-bottom: 1.0625rem
}
.kia-banner {
padding-left: .625rem;
padding-right: .625rem
}
.page-description {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: .875rem;
font-weight: 400;
letter-spacing: .8px;
line-height: .9375rem;
text-transform: uppercase;
margin: .3125rem 0 0 0
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: .8125rem;
letter-spacing: .0875rem
}
.custom-collection__title {
margin-top: 1rem!important
}
.custom-collection__title .slug {
padding-bottom: .625rem
}
.custom-collection__title img {
margin-top: -.125rem
}
.custom-collection__featured--center {
margin-bottom: 1.25rem!important
}
.custom-collection .slug {
padding-top: .3125rem
}
.custom-collection__all-ad-container,
.custom-collection__ff-ad-container,
.custom-collection__tag-ad-container,
.custom-collection__video-ad-container {
border-top: .0625rem solid #ccc;
min-height: 17.5rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.page-description {
margin: .375rem auto 0 auto
}
.custom-collection--magazine .card--subscribe {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: 0;
padding-left: 0;
margin: 0 auto
}
}
@media screen and (min-width:40em) {
.custom-collection--magazine .row__top {
margin-bottom: 2.5rem;
margin-top: 2.125rem
} }
@media screen and (min-width:64em) {
.page-title {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.page-description {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
margin: .375rem auto 0 auto;
display: block;
text-align: center
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
}
.custom-collection__featured-feed {
margin-top: -.625rem
}
.custom-collection--advertorial {
margin-bottom: 1.25rem
}
.custom-collection--advertorial .ad-wrapper.ad-wrapper--flexiblebillboard_3 {
margin-bottom: 1.8125rem
}
.custom-collection__all-ad-container,
.custom-collection__ff-ad-container,
.custom-collection__tag-ad-container,
.custom-collection__video-ad-container {
min-height: 6.6875rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.page-description {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
margin: .375rem auto 0 auto;
display: block;
text-align: center
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.page-description {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.fonts-loaded .page-description {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
}
}
.layout--tag .card__poster::before {
background: 0 0!important
}
.author-bio {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
display: block
}
.author-bio__row {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.author-bio__author-name {
font-family: Beckett;
font-size: 3.5rem;
letter-spacing: .25rem;
line-height: 3.5rem;
font-weight: 400;
text-transform: uppercase
}
.author-bio__author-desc {
font-family: centraNo1;
line-height: 1.0625rem;
font-size: .75rem;
text-transform: uppercase;
letter-spacing: .0625rem;
color: #5f5f5f
}
.author-bio__author-desc p {
margin-top: .375rem;
margin-bottom: .6875rem
}
.author-bio__rss-feed {
border-bottom: .0625rem solid #ccc;
padding-bottom: .625rem;
text-align: right
}
.author-bio__rss-feed-url {
color: #ef5b24;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase
}
.fonts-loaded .author-bio__rss-feed-url {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.author-page__all-feed-title {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: 0;
padding-left: 0;
color: #939598;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase
}
.fonts-loaded .author-page__all-feed-title {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
@media screen and (max-width:39.9375em) {
.author-bio__stories-col {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.author-bio__stories-col {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.author-bio__author-name {
font-size: 2.3125rem;
margin-bottom: -.375rem
}
.author-bio__avatar {
margin-top: 20px
}
.author-bio__avatar-img {
width: 6.0625rem
}
.author-bio__text-wrapper {
margin-top: .9375rem
}
.author-bio__ad-col {
display: none
}
.author-bio__rss-feed {
border: 0
}
.author-page__all-feed-title {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
padding-bottom: .4375rem;
padding-left: .625rem;
padding-top: 1.4375rem
}
.author-page__all-feed-title-rss {
margin-right: .625rem;
float: right
}
}
@media print,
screen and (min-width:40em) {
.author-bio__avatar-img {
margin-left: -.3125rem
}
.author-bio__stories-col {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
padding-left: 1.25rem
}
.author-bio__rss-feed {
margin-right: 2.5rem;
margin-left: 1.25rem
}
.author-bio__text-wrapper {
flex: 0 0 75%;
max-width: 75%;
padding-right: 0;
padding-left: 0;
padding-left: .9375rem
}
.author-bio__ad-col {
display: none
}
.author-page__all-feed-title {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
margin-left: 1.25rem;
padding-top: 1.25rem;
margin-bottom: -.8125rem
}
.author-page__all-feed-title::after {
border-bottom: .0625rem solid #ccc;
content: "";
left: 1.25rem;
position: absolute;
right: 1.25rem;
top: 2.5rem;
width: 95%
}
}
@media screen and (min-width:40em) {
.author-bio__avatar {
flex: 0 0 16.66667%;
max-width: 16.66667%;
padding-right: .625rem;
padding-left: .625rem;
margin-bottom: 0;
float: left
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.author-bio__avatar {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.author-bio__avatar-img {
width: 5.3125rem
}
.author-bio__ad-col,
.author-bio__avatar {
margin-top: 2.5rem
}
.author-bio__text-wrapper {
margin-bottom: 1.3125rem;
margin-top: 3.4375rem
}
.author-page .all-feed__section:first-child {
margin-top: 0
}
.author-page__all-feed-title+div::before {
margin-top: -2rem;
border-bottom: 0
}
.author-page__all-feed-title-rss {
padding-right: 5rem;
float: right
}
}
@media print,
screen and (min-width:64em) {
.author-page__all-feed-title-rss {
padding-right: 2.5rem;
float: right
}
}
@media screen and (min-width:64em) {
.author-bio__avatar {
padding-left: 0
}
.author-bio__stories-col {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: 0;
padding-left: 0;
padding-left: 1.25rem
}
.author-bio__rss-feed {
margin-right: 1.25rem;
margin-left: 0
}
.author-bio__text-wrapper {
flex: 0 0 75%;
max-width: 75%;
padding-right: 0;
padding-left: 0;
overflow: hidden;
padding-right: 1.25rem
}
.author-bio__ad-col {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: .625rem;
padding-left: .625rem;
display: block;
padding: 0;
margin: 2.375rem 0 0 0
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.author-bio__ad-col {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.author-page__all-feed-title {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: 0;
padding-left: 0;
margin-left: 1.25rem;
padding-top: 2.625rem;
margin-bottom: -.6875rem
}
.author-page__all-feed-title::after {
border-bottom: .0625rem solid #ccc;
content: "";
left: 1.25rem;
position: absolute;
right: 1.25rem;
top: 4rem;
width: 63.5%
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.author-page__all-feed-title {
margin-left: 2.5rem;
margin-right: 2.5rem
}
.author-page__all-feed-title::after {
left: 2.5rem;
right: 2.5rem;
width: auto
}
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) {
.author-page__all-feed-title {
margin-left: 2.5rem;
margin-right: 2.5rem
}
.author-page__all-feed-title::after {
left: 2.5rem;
right: 2.5rem;
width: auto
}
}
.not-found-page {
text-align: center
}
.queryly_item_row img {
width: 220px
}
.queryly_item_row {
min-height: 100px;
max-height: 140px
}
.queryly_item_title {
overflow: hidden;
font-family: FCKaiser, sans-serif;
font-size: 1.5625rem;
font-weight: 500;
letter-spacing: .06875rem;
line-height: 1.5625rem;
color: #000
}
.queryly_item_description {
color: #5f5f5f;
font-family: Georgia;
font-size: 1rem;
font-weight: 400;
letter-spacing: .04px;
line-height: 1.125rem;
margin-top: 10px;
overflow: hidden
}
#resultdata {
margin-left: 40px;
margin-bottom: 60px;
width: calc(100% - 260px)
}
@media (max-width:880px) {
.queryly_item_description {
display: none
}
section.main {
width: 100%
}
.queryly_item_title {
font-family: FCKaiser;
font-size: 21px;
line-height: 22px;
letter-spacing: 1.2px;
font-weight: 400
}
.queryly_item_row {
min-height: 50px
}
.queryly_item_row img {
width: 140px
}
#faceteddata {
display: none
}
#resultdata {
width: 100%
}
}
.search {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
margin-top: 3.4375rem
}
.search__wrapper {
width: 100%
}
.search-results__count {
color: #939598;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
padding-bottom: .0625rem
}
.fonts-loaded .search-results__count {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.search-results__bottom-ad {
width: 100%
}
.pagination {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
display: flex;
list-style: none;
justify-content: space-between;
margin-bottom: 0;
margin-top: 1.375rem;
padding-left: 0;
position: relative
}
.fonts-loaded .pagination {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.pagination__meta {
position: relative
}
.pagination__meta::before {
background: #ccc;
content: '';
height: .0625rem;
position: absolute;
left: 0;
right: 0;
top: 0
}
.pagination__container {
padding: .625rem
}
.pagination__count {
color: #939598;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase
}
.fonts-loaded .pagination__count {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.pagination--bottom {
margin-bottom: 1.25rem;
margin-top: .8125rem;
padding-top: .5625rem
}
.pagination__page {
padding-right: .625rem
}
.pagination__page--active .pagination__link {
color: #939598
}
.pagination__page--next,
.pagination__page--prev {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 7px 3px 8px;
text-transform: uppercase;
text-align: center;
height: 27px;
height: 1.5625rem;
padding: .29688rem .4375rem .4375rem .5rem;
margin-top: -.3125rem
}
.fonts-loaded .pagination__page--next,
.fonts-loaded .pagination__page--prev {
font-family: CentraNo1, sans-serif;
line-height: .875rem;
letter-spacing: .1125rem
}
.pagination__page--next a,
.pagination__page--prev a {
outline: 0;
color: #fff
}
.pagination__page--next a:active,
.pagination__page--next a:focus,
.pagination__page--next a:hover,
.pagination__page--next a:visited,
.pagination__page--prev a:active,
.pagination__page--prev a:focus,
.pagination__page--prev a:hover,
.pagination__page--prev a:visited {
color: #fff
}
.pagination__page--break {
display: inline;
padding-right: .625rem
}
.pagination__link {
color: #000;
cursor: pointer
}
.pagination__link:active,
.pagination__link:focus,
.pagination__link:hover,
.pagination__link:link,
.pagination__link:visited {
color: #000
}
.pagination__link--prev {
color: #000
}
.pagination__link--next {
color: #000
}
@media screen and (max-width:39.9375em) {
.search__content {
margin: 0 .625rem
}
.pagination__page--next,
.pagination__page--prev {
height: 1.5625rem;
padding: .35938rem .4375rem .4375rem .5rem;
margin-top: -.3125rem
}
}
@media screen and (min-width:40em) {
.search__content {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
padding-top: 1.375rem;
position: relative
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.search__content {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.search__content::after {
border-bottom: .0625rem solid #ccc;
bottom: -.6875rem;
content: "";
left: 1.25rem;
position: absolute;
right: 1.25rem
}
.search .all-feed__section:first-child {
margin-top: .5625rem
}
.search-results__count {
position: absolute
}
.search-results__count--bottom {
flex: 0 0 50%;
max-width: 50%;
padding-right: 0;
padding-left: 0;
margin-bottom: 0;
padding-top: .5625rem;
position: absolute
}
.search-results__count--none {
margin-bottom: .6875rem
}
.pagination {
margin-top: 1.375rem
}
.pagination--bottom {
margin-top: -.9375rem
}
.pagination__meta::before {
left: 1.25rem;
right: 1.25rem
}
.pagination__container {
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
@media screen and (min-width:64em) {
.pagination {
margin-left: 52.33333%;
margin-top: .3125rem
}
.pagination__meta {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
margin: .5rem auto 0!important;
padding: .1875rem 1.25rem 0
}
.pagination__meta::before {
left: 1.25rem;
right: 1.25rem
}
.pagination__container {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: 0;
padding-left: 0;
padding-left: 0;
padding-right: 0;
position: relative
}
.pagination__count {
color: #939598;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.fonts-loaded .pagination__count {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.search__content {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0
}
.search-results__meta {
margin-left: 2.5rem;
margin-right: 2.5rem
}
}
.html-sitemap-index-page {
margin-bottom: 2.125rem;
margin-top: 1.75rem
}
.html-sitemap-index-page__main {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.html-sitemap-index-page__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.html-sitemap-index-page__sidebar {
display: none
}
.html-sitemap-index-page__heading {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem;
padding-bottom: 1.25rem
}
.fonts-loaded .html-sitemap-index-page__heading {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
.html-sitemap-index-page .url--year {
color: #000;
font-family: Georgia;
font-size: 1.1875rem;
letter-spacing: .2px;
line-height: 1.75rem;
color: #ef5b24;
display: inline-flex;
padding-bottom: 1.25rem;
width: 20%
}
.fonts-loaded .html-sitemap-index-page .url--year {
font-family: MeretPro, sans-serif;
font-weight: 300
}
.html-sitemap-index-page .url--week {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: .2px;
line-height: 1.5rem;
color: #ef5b24;
display: block;
padding-bottom: 1.1875rem
}
.fonts-loaded .html-sitemap-index-page .url--week {
font-family: MeretPro, sans-serif;
font-weight: 300
}
@media screen and (min-width:40em) {
.html-sitemap-index-page {
margin-top: 3rem
}
.html-sitemap-index-page__main {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
padding: 0 2.5rem
}
.html-sitemap-index-page__heading {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
padding-bottom: 1.25rem
}
.fonts-loaded .html-sitemap-index-page__heading {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
.html-sitemap-index-page .url--year {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: 0;
line-height: 1.75rem;
flex: 0 0 13.91667%;
max-width: 13.91667%;
padding-right: 0;
padding-left: 0;
color: #ef5b24;
display: inline-flex;
margin-right: 2.5rem;
outline: 0;
padding-bottom: 1.25rem
}
}
@media screen and (min-width:64em) {
.html-sitemap-index-page {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
flex-flow: row;
padding: 0
}
.html-sitemap-index-page__main {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.html-sitemap-index-page__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.html-sitemap-index-page .url--year {
width: 20%
}
}
.most-creative-people-page .slug-component {
padding: 0
}
@media screen and (max-width:39.9375em) {
.most-creative-people-page__ff-ad-container {
border-top: .0625rem solid #ccc;
min-height: 17.5rem
}
}
.innovation-by-design-page .slug-component {
padding: 0
}
.innovation-by-design-page .ibd-list__slug {
color: #000;
font-family: Helvetica;
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 1.83px;
line-height: 1.5625rem;
text-transform: uppercase;
padding-bottom: .875rem;
max-width: calc(100% - 20px)
}
.fonts-loaded .innovation-by-design-page .ibd-list__slug {
font-family: Beckett, sans-serif;
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 2.3125rem
}
.innovation-by-design-page .ibd-list__slug-component::after {
border-top: .0625rem solid #ccc;
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.innovation-by-design-page__category-container {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
@media screen and (min-width:40em) {
.innovation-by-design-page .ibd-list__slug-component::after {
left: 1.25rem;
right: 1.25rem
}
.innovation-by-design-page .ibd-list__slug {
color: #000;
font-family: Helvetica;
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 1.83px;
line-height: 1.5625rem;
text-transform: uppercase;
padding-bottom: .875rem;
padding-top: .9375rem;
max-width: calc(100% - 40px)
}
.fonts-loaded .innovation-by-design-page .ibd-list__slug {
font-family: Beckett, sans-serif;
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 2.3125rem
}
}
.wp-page__main {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.wp-page__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.wp-page__sidebar {
display: none
}
.slideshow-wrapper {
width: 100%;
position: relative
}
.slideshow-wrapper::before {
width: 12.9375rem;
height: calc(100% - 1px);
display: block;
content: '';
background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000);
top: 0;
left: 0;
position: absolute;
z-index: 2
}
.slideshow-wrapper::after {
width: 12.9375rem;
height: calc(100% - 1px);
display: block;
content: '';
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000);
top: 0;
right: 0;
position: absolute;
z-index: 2
}
.slideshow-wrapper button.slideshow-button {
position: absolute;
width: 3.4375rem!important;
height: 3.4375rem!important;
padding: 0;
margin: 0;
top: 50%;
background: rgba(255, 255, 255, .7);
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center
}
.slideshow-wrapper button.slideshow-button i {
font-size: 2.5rem;
color: #000
}
.slideshow-wrapper button.slideshow-button.slick-prev {
left: 8.4375rem
}
.slideshow-wrapper button.slideshow-button.slick-next {
right: 8.4375rem
}
.slideshow-wrapper .slide {
width: 53.75rem;
border-right: #fff 1px solid
}
.slideshow-wrapper .slide img {
width: 100%
}
.flexx {
flex: 50%!important
}
.slideshow-caption {
font-family: centraNo1Book;
font-size: .8125rem;
font-weight: 300;
letter-spacing: .01875rem;
line-height: .9375rem;
padding: .25rem 13.125rem;
margin-bottom: 2.25rem
}
.awards-page {
margin-top: -20px
}
.awards-page button,
.awards-page p {
padding-top: 0;
margin-top: 10px;
margin-bottom: 15px;
line-height: 28px
}
.awards-page__header {
margin-bottom: 0
}
.awards-page__header img {
margin: -1px auto;
display: block;
max-width: 100%;
max-height: 100%
}
.awards-page__header img.hide-on-desktop {
display: none
}
.awards-page__header--ibd {
background-color: #00c3ae
}
.awards-page__header--mic {
background-color: #1e2455
}
.awards-page__header--mic img {
max-height: 400px;
padding-top: 31px;
padding-bottom: 35px
}
.awards-page__header--btm {
background-color: #b883ff
}
.awards-page__header--btm img {
max-height: 400px;
padding-top: 50px;
padding-bottom: 50px
}
.awards-page__header--nbtit {
background-color: #0f0
}
.awards-page__header--nbtit img {
max-height: 400px;
padding-top: 50px;
padding-bottom: 50px
}
.awards-page__header--wci {
background-color: #b5dbaf
}
.awards-page__slider-image {
transition: opacity .5s ease-in;
width: 850px;
border-right: solid 1px #fff;
margin: 0;
opacity: .8
}
.awards-page__slider-image-active {
transition: opacity .5s ease-in;
width: 850px;
border-right: solid 1px #fff;
margin: 0
}
.awards-page .slick-prev {
padding-left: 12%;
z-index: 3
}
.awards-page .slick-prev::before {
content: none
}
.awards-page .slick-next {
padding-right: 15%;
z-index: 3
}
.awards-page .slick-next::before {
content: none
}
.awards-page__photo-caption {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
width: 51.875rem
}
.fonts-loaded .awards-page__photo-caption {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem;
line-height: .9375rem;
letter-spacing: .01875rem
}
.awards-page__image-header--ibd {
width: 145%;
margin-left: -22.5%;
height: 120px;
background-image: url(https://images.fastcompany.net/image/upload/v1553894482/fcweb/1c-2019-ibd-header_e1lkns.jpg);
background-size: cover
}
.awards-page__category-icon {
width: 36.6px;
height: 36.6px;
margin-bottom: -7.3px;
margin-right: 10px
}
.awards-page__category-icon--mic {
width: 59.47px;
height: 59.47px;
margin-bottom: -43.3px;
margin-right: 10px
}
.awards-page__photo-credit {
font-family: centraNo1Book;
font-size: .8125rem;
font-weight: 300;
letter-spacing: .01875rem;
line-height: .9375rem;
text-align: center;
margin: 0 auto;
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.awards-page__content {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
padding: .5rem 1.25rem 0 1.25rem!important
}
.awards-page__main {
margin: 1.875rem auto 0;
margin-top: 0
}
.awards-page__title {
margin-bottom: 2.5rem
}
.awards-page__title-text {
font-family: Beckett, sans-serif
}
.awards-page__heading,
.awards-page__title {
font-family: FCKaiser, sans-serif;
clear: both;
font-size: 3.125rem;
font-weight: 700;
letter-spacing: .1875rem;
line-height: 4.0625rem;
text-transform: uppercase
}
.awards-page__heading--ibd,
.awards-page__title--ibd {
text-align: left
}
.awards-page__heading {
margin-bottom: 2.5rem
}
.awards-page__applications-open {
text-align: center
}
.awards-page__why-apply {
display: flex;
flex-wrap: wrap
}
.awards-page__reasons {
width: 100%;
color: #555;
height: 100px;
padding-right: 15px;
font-family: GrifitoM;
font-size: 26px;
font-weight: 700;
letter-spacing: .79px;
display: flex
}
.awards-page__reasons--btm,
.awards-page__reasons--nbtit {
margin-bottom: 4px
}
.awards-page__reasons--btm p,
.awards-page__reasons--nbtit p {
line-height: 17px!important
}
.awards-page__reasons--btm-title,
.awards-page__reasons--nbtit-title {
font-size: 31px;
line-height: 28px
}
.awards-page__reasons--btm-desc,
.awards-page__reasons--nbtit-desc {
font-family: CentraNo1Book, sans-serif;
font-size: 15px;
line-height: 17px;
letter-spacing: 0;
font-weight: 300
}
.awards-page__subheading {
color: #000;
font-family: Helvetica;
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 1.83px;
line-height: 1.5625rem;
text-transform: uppercase;
margin-top: 2.5625rem
}
.fonts-loaded .awards-page__subheading {
font-family: Beckett, sans-serif;
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 2.3125rem
}
.awards-page__heading-text,
.awards-page__title-text {
font-family: Beckett, sans-serif;
font-weight: 400;
border-bottom: 1.5px solid #000;
letter-spacing: .5rem
}
.awards-page__heading-text__last-letter,
.awards-page__title-text__last-letter {
letter-spacing: 0
}
.awards-page__heading-text__image-header,
.awards-page__title-text__image-header {
color: #fff;
margin-left: 15.6%;
position: relative;
top: 25px;
border-bottom: 1px solid #fff!important
}
.awards-page__heading-text--mic-categories,
.awards-page__title-text--mic-categories {
color: #fff;
border-bottom: 1.5px solid #fff
}
.awards-page__apply-btn {
font-family: GrifitoM;
font-size: 20px;
line-height: 17px;
letter-spacing: 2.35px;
padding: 15px;
background-color: #e16daa;
color: #fff!important;
overflow: hidden;
max-width: 200px;
margin: 0 auto;
border-radius: 6px
}
.awards-page__btm-apply,
.awards-page__nbtit-apply {
text-align: left;
margin-bottom: 40px
}
.awards-page__nbtit-apply-btn {
font-family: centraNo1;
font-size: 14px;
line-height: 14px;
letter-spacing: 1.8px;
padding: 10px 30px;
background-color: #0f0;
color: #000!important;
overflow: hidden;
max-width: 156px;
border-radius: 4px
}
.awards-page__nbtit-apply-btn:hover {
background-color: #d7d7d7
}
.awards-page__btm-apply-btn {
font-family: centraNo1;
font-size: 14px;
line-height: 14px;
letter-spacing: 1.8px;
padding: 15px;
background-color: #004fdf;
color: #fff!important;
overflow: hidden;
max-width: 150px;
border-radius: 6px
}
.awards-page__nbtit-apply-deadline {
font-family: centraNo1Book;
font-size: 13px;
line-height: 22px;
letter-spacing: 0;
margin-top: 10px
}
.awards-page__btm-apply-deadline {
font-family: centraNo1Book;
font-size: 13px;
line-height: 22px;
letter-spacing: 0
}
.awards-page__full-width-wrapper {
margin: 0 -9999rem;
padding: 0 9999rem
}
.awards-page__full-width-wrapper--category-header {
background: #00c3ae;
overflow: visible
}
.awards-page__full-width-wrapper--category-highlight {
background: #e1e1e1;
overflow: visible
}
.awards-page__full-width-wrapper--judges {
background: #00e3ae;
overflow: visible
}
.awards-page__full-width-wrapper--mic-why-apply {
background: #e1e1e1;
overflow: visible;
padding-top: 1px;
padding-bottom: 21px
}
.awards-page__full-width-wrapper--btm-why-apply,
.awards-page__full-width-wrapper--nbtit-why-apply {
background: #000;
overflow: visible;
padding-top: 1px;
padding-bottom: 35px;
color: #fff
}
.awards-page__full-width-wrapper--btm-why-apply .awards-page__heading-text,
.awards-page__full-width-wrapper--nbtit-why-apply .awards-page__heading-text {
border-bottom: 1px solid #fff
}
.awards-page__full-width-wrapper--btm-why-apply .awards-page__why-apply .awards-page__reasons,
.awards-page__full-width-wrapper--nbtit-why-apply .awards-page__why-apply .awards-page__reasons {
color: #fff
}
.awards-page__full-width-wrapper--mic-categories {
background: #1e2455;
overflow: visible;
padding-top: .75rem;
padding-bottom: 1.75rem
}
.awards-page__full-width-wrapper--btm-categories,
.awards-page__full-width-wrapper--nbtit-categories {
background: #fff;
color: #000;
overflow: visible;
padding-top: .75rem;
padding-bottom: 1.75rem
}
.awards-page__p:not(:last-of-type) {
margin-bottom: 7px
}
.awards-page__section {
color: #000;
font-family: Georgia;
font-size: 1.0625rem;
letter-spacing: 0;
line-height: 1.5rem;
padding: 0 10px
}
.awards-page__section--mic {
margin-top: 1.875rem
}
.awards-page__section--categories {
text-align: center;
padding: 0 10px
}
.awards-page__section--btm,
.awards-page__section--nbtit {
font-family: MeretPro;
font-size: 18px;
letter-spacing: 0;
margin-top: 40px
}
.awards-page__section--btm p,
.awards-page__section--nbtit p {
line-height: 24px
}
.awards-page__button button {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: 1.375rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 8px 3px;
text-transform: uppercase;
text-align: center;
height: 2.5rem;
padding: 0 1rem .125rem 1.125rem;
margin: 0 auto;
display: block
}
.fonts-loaded .awards-page__button button {
font-family: CentraNo1, sans-serif
}
.awards-page__button--heading button {
margin-top: .625rem;
margin-bottom: 2.5rem
}
.awards-page__button--footer button {
margin-top: .375rem;
margin-bottom: 2.5rem
}
.awards-page__categories {
float: left;
padding-left: 0!important;
margin-top: 10px
}
.awards-page__categories--last {
margin-bottom: 3.75rem
}
.awards-page__categories-container--ibd {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.awards-page__category--general {
clear: both;
margin-top: .625rem;
text-align: center
}
.awards-page__category--mic {
margin-bottom: -1.5625rem;
text-align: left
}
.awards-page__category--mic p {
margin-bottom: 30px
}
.awards-page__category--ibd {
text-align: center
}
.awards-page__special-category--ibd {
text-align: center;
margin-top: 26px
}
.awards-page__category-name {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
display: block;
margin-bottom: 4px
}
.fonts-loaded .awards-page__category-name {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
.awards-page__category-name--general {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem
}
.fonts-loaded .awards-page__category-name--general {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
.awards-page__category-name--mic {
letter-spacing: .04938rem!important;
line-height: 1.4375rem!important;
font-size: 1.9375rem!important
}
.awards-page__category-description {
width: 100%
}
.awards-page__category-description--mic {
color: #5f5f5f;
font-family: CentraNo1Book, sans-serif;
font-size: .9375rem;
font-weight: 300;
letter-spacing: .3px;
line-height: 1.0625rem;
margin-top: -25px
}
.awards-page__category-description--mic strong {
font-family: CentraNo1, sans-serif
}
.awards-page__category-description--general {
color: #000;
font-family: Georgia;
font-size: 1.0625rem;
letter-spacing: 0;
line-height: 1.5rem;
display: block
}
.awards-page__banner {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: .5rem 1.25rem 0 1.25rem!important;
margin: 1.25rem auto 3.5rem;
text-align: center
}
.awards-page__banner img {
max-width: 100%
}
.awards-page__logo-credit {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
display: block;
text-align: center
}
.fonts-loaded .awards-page__logo-credit {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.awards-page__judge {
flex: 0 0 calc(25% - 10px);
max-width: calc(25% - 10px);
margin: 0;
margin-left: 5px;
margin-right: 5px
}
.awards-page__judge--ibd {
margin-right: 3.0625rem
}
.awards-page__judge figcaption {
margin-top: 4px;
text-align: center;
margin-bottom: 40px
}
.awards-page__judge img {
width: 100%
}
.awards-page .judge__name {
font-family: CentraNo1, sans-serif;
letter-spacing: .0625rem;
font-size: 1.25rem;
display: block
}
.awards-page .judge__title {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
font-size: .9375rem;
display: block
}
.fonts-loaded .awards-page .judge__title {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.awards-page .judge__title__ibd {
color: #fff;
font-size: .625rem;
text-align: left
}
.awards-page .judge__company {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 700;
letter-spacing: .56px;
line-height: .875rem;
font-size: .9375rem;
display: block
}
.fonts-loaded .awards-page .judge__company {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: 1.0625rem
}
.awards-page__judges {
margin-bottom: 2.5rem
}
.awards-page__judges--ibd {
padding-top: .625rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: -10px;
margin-right: -10px
}
.awards-page__judges--ibd::after {
content: "";
flex: 1
}
@media screen and (max-width:39.9375em) {
.awards-page__header {
margin-bottom: 0;
height: auto
}
.awards-page__header img {
max-width: 100%
}
.awards-page__header img.hide-on-mobile {
display: none
}
.awards-page__header img.hide-on-desktop {
display: block
}
.awards-page__header--btm img,
.awards-page__header--nbtit img {
max-width: 89%
}
.awards-page__heading {
margin-top: .5rem;
margin-bottom: .875rem;
text-align: left
}
.awards-page__heading--mic-categories {
margin-bottom: .00000001px;
margin-top: .0000000001px;
text-align: left
}
.awards-page__categories-container--ibd {
display: block
}
.awards-page__category {
margin-bottom: 1.25rem
}
.awards-page__category--ibd {
margin-top: 0;
margin-bottom: .75rem
}
.awards-page__left-gradient,
.awards-page__right-gradient {
display: none
}
.awards-page__special-category--ibd {
margin-top: 0;
margin-bottom: .75rem
}
.awards-page__title {
margin-bottom: 1.375rem;
text-align: center
}
.awards-page__judges {
margin-top: .6875rem
}
.awards-page__judge {
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px)
}
.awards-page__button button {
margin-top: 1.125rem
}
.awards-page__button--heading button {
margin-top: 1.25rem;
margin-bottom: .875rem
}
.awards-page__button--footer button {
margin-top: -1.0625rem;
margin-bottom: .875rem
}
.awards-page__logo-credit {
margin-top: 1.125rem;
margin-bottom: 1.25rem
}
}
@media screen and (min-width:40em) {
.awards-page__content {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
padding: .5rem 2.5rem!important
}
.awards-page__main {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.awards-page__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.awards-page__title {
font-family: Beckett, sans-serif;
clear: both;
font-size: 3.4375rem;
font-weight: 700;
letter-spacing: .625rem;
line-height: 4.0625rem;
margin-top: 1.875rem;
text-transform: uppercase;
text-align: center
}
.awards-page__title--ibd {
text-align: left
}
.awards-page__heading {
font-family: FCKaiser, sans-serif;
clear: both;
font-size: 3.4375rem;
font-weight: 700;
letter-spacing: .625rem;
line-height: 4.0625rem;
margin-top: 1.875rem;
text-transform: uppercase;
text-align: left;
margin-bottom: 2.5rem
}
.awards-page__heading--ibd,
.awards-page__heading--mic {
text-align: left
}
.awards-page__heading--mic-categories {
margin-bottom: .00000001px;
margin-top: .0000000001px;
text-align: left
}
.awards-page__subheading {
margin-top: 1.75rem
}
.awards-page__subheading:first-of-type {
margin-top: 1.125rem
}
.awards-page__heading-text,
.awards-page__title-text {
border-bottom: 1px solid #000
}
.awards-page__heading-text--mic-categories,
.awards-page__title-text--mic-categories {
border-bottom: 1px solid #fff
}
.awards-page__section {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: 0;
line-height: 1.75rem;
font-family: meretPro
}
.awards-page__section b,
.awards-page__section strong {
font-size: 1.0625rem
}
.awards-page__section--categories {
display: flex;
flex-wrap: wrap;
margin-top: 10px
}
.awards-page__section--categories--mic {
margin-top: 1.9375rem
}
.awards-page__section--ibd {
overflow: visible
}
.awards-page__section--btm,
.awards-page__section--nbtit {
font-family: MeretPro;
font-size: 18px;
letter-spacing: 0
}
.awards-page__section--btm p,
.awards-page__section--nbtit p {
line-height: 24px
}
.awards-page__categories {
flex: 0 0 50%;
max-width: 50%;
padding-right: .625rem;
padding-left: .625rem;
float: left;
padding-left: 0!important;
padding-right: 0!important;
display: flex
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.awards-page__categories {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.awards-page__categories--ibd,
.awards-page__categories--wci {
flex: 1 1 50%;
float: none;
display: block
}
.awards-page__categories--mic {
width: 50%;
padding-right: 10px
}
.awards-page__category {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
margin-bottom: 2.5rem;
align-items: center;
padding-left: 0!important;
padding-right: 1.25rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.awards-page__category {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.awards-page__category--general {
text-align: center;
width: 100%
}
.awards-page__category--ibd {
flex: 0 0 calc(50% - 20px);
max-width: calc(50% - 20px)
}
.awards-page__category--ibd__highlighted {
max-width: 100%
}
.awards-page__category--ibd:last-of-type {
margin-bottom: 0
}
.awards-page__category--ibd:not(:first-of-type) {
margin-top: 26px
}
.awards-page__category-name {
font-family: FCKaiser, sans-serif;
letter-spacing: .125rem;
font-size: 1.375rem
}
.awards-page__category-name--ibd {
text-align: left;
display: block
}
.awards-page__category-description {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: 0;
line-height: 1.75rem;
display: block
}
.awards-page__category-description--ibd {
text-align: left;
margin-left: 49.6px
}
}
@media screen and (min-width:64em) {
.custom-page {
margin-top: 2.3125rem
}
.wp-page {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
flex-flow: row;
padding: 0
}
.wp-page__main {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.wp-page__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.wp-page__sidebar {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: .625rem;
padding-left: .625rem;
display: block;
margin-top: 1rem
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.wp-page__sidebar {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.awards-page__main {
flex: 0 0 75%;
max-width: 75%;
padding-right: .625rem;
padding-left: .625rem;
margin-top: 0
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.awards-page__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.awards-page__category {
margin-bottom: 1.25rem;
min-height: 7.8125rem
}
.awards-page__category--mic {
margin-bottom: -.9375rem;
padding: 0;
padding-right: 40px
}
.awards-page__category-name {
font-family: FCKaiser, sans-serif;
letter-spacing: .125rem;
font-size: 1.375rem
}
.awards-page__category-name--general {
font-family: FCKaiser, sans-serif;
letter-spacing: .125rem;
font-size: 1.375rem
}
.awards-page__reasons {
width: 50%;
height: 140px
}
.awards-page__reasons--btm,
.awards-page__reasons--nbtit {
height: 100px
}
.awards-page__category-description--general {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: 0;
line-height: 1.75rem;
display: block
}
}
@media (min-width:1274px) {
section.slider {
width: 1274px;
margin-left: -37px
}
}
@media (max-width:1273px) and (min-width:1024px) {
section.slider {
width: 100vw;
margin-left: -40px
}
}
@media screen and (max-width:63.9375em) {
.awards-page__main>h2.awards-page__heading.awards-page__heading--mic,
section.slider {
display: none
}
.awards-page p {
line-height: 31px
}
.awards-page__section--btm p {
line-height: 24px
}
.awards-page__reasons {
height: auto;
margin-bottom: 20px
}
.awards-page__full-width-wrapper--mic-categories {
margin-bottom: 20px!important
}
.awards-page__section--categories {
text-align: left
}
.awards-page__category-name.awards-page__category-name--mic {
margin-top: 0!important;
margin-bottom: 2px!important
}
.awards-page__category-description--mic {
margin-bottom: 10px;
margin-top: 0
}
}
@media (max-width:414px) {
#post__wrapper-90496358 .social {
margin-top: 0!important;
margin-bottom: 0!important
}
}
@media (max-width:414px) {
#post__wrapper-90548713 .social {
position: fixed!important;
top: unset!important
}
}
#editor_highlight--90496358+.adhesive.adhesive-banner {
display: none
}
.masthead {
z-index: 15!important
}
header.list-header {
width: 100%;
max-width: 77.5rem;
margin: 0 auto 2.5rem auto
}
@media (max-width:414px) {
header.list-header {
margin-bottom: 1.875rem
}
}
header.list-header .headerDesktop {
display: none
}
@media (min-width:640px) {
header.list-header .headerDesktop {
display: block
}
}
header.list-header .headerMobile {
display: none
}
@media (max-width:639px) {
header.list-header .headerMobile {
display: block
}
}
header.list-header .wci20221_sponsor_bar {
height: 60px;
background-color: #000;
margin-top: -1px;
display: flex;
align-content: center;
justify-content: flex-end;
padding-right: 5vw
}
@media (max-width:639px) {
header.list-header .wci20221_sponsor_bar {
padding-right: 4vw
}
}
header.list-header .wci20221_sponsor_bar p {
color: #fff;
line-height: 40px;
font-family: CentraNo1Book;
letter-spacing: .11rem;
font-size: 10px
}
header.list-header .wci20221_sponsor_bar img {
height: 60px
}
header.list-header h2.deck {
font-family: GrifitoM;
font-weight: 700;
font-size: 2.375rem;
line-height: 2.375rem;
color: #777;
text-align: center
}
.list-article .post__main {
display: flex
}
@media (max-width:414px) {
.list-article .post__main {
display: block
}
}
.list-article .post__container {
display: block
}
@media (max-width:414px) {
.list-article .post__container {
border-top: #ccc 1px solid;
margin-top: 1.5625rem
}
}
.list-article .post__container section.introduction {
font-family: MeretPro;
font-weight: 300;
font-size: 1.1875rem;
line-height: 1.75rem;
color: #000;
position: relative;
z-index: 3;
margin-bottom: 2.5rem
}
@media (max-width:414px) {
.list-article .post__container section.introduction {
margin-bottom: 1.5625rem
}
}
.list-article .post__container section.introduction a {
color: #ef5b24
}
.list-article .post__container section.introduction img.wci2021Logo {
float: left;
margin-right: 17px;
margin-top: 5px
}
.list-article .post__container .panel-header {
display: flex;
border-bottom: #ccc 1px solid;
position: -webkit-sticky;
position: sticky;
top: 0;
background: #fff;
z-index: 2;
padding-top: 95px;
margin-top: -95px
}
@media (max-width:414px) {
.list-article .post__container .panel-header {
position: fixed;
bottom: 0;
left: 0;
border-bottom: initial;
border-top: #ccc 2px solid;
background: #fff;
width: 100vw;
margin-top: 0;
padding-top: 0;
z-index: 3;
top: initial
}
}
.list-article .post__container .panel-header>.social {
display: none
}
@media (max-width:414px) {
.list-article .post__container .panel-header>.social {
position: fixed;
background: #fff;
bottom: 46px;
width: 100vw;
padding: 5px 0;
justify-content: center;
display: none
}
}
.list-article .post__container .panel-header.active .social {
display: flex
}
.list-article .post__container .panel-header .tab {
flex: 1 0 0;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
font-family: CentraNo1;
font-size: 19px;
letter-spacing: 2.09px;
text-transform: uppercase;
cursor: pointer;
color: #ccc
}
@media (max-width:414px) {
.list-article .post__container .panel-header .tab {
height: 44px;
font-size: 16px;
letter-spacing: 1.76px
}
}
.list-article .post__container .panel-header .tab.active {
color: #000
}
.list-article .post__container .panel-header .tab.mobile-share {
display: none
}
@media (max-width:414px) {
.list-article .post__container .panel-header .tab.mobile-share {
display: flex;
flex: 73px 0 0
}
.list-article .post__container .panel-header .tab.mobile-share img {
position: relative;
right: -4.5px
}
}
.list-article .post__container .panel-header .tab:not(:first-of-type) {
border-left: #ccc 1px solid
}
@media (max-width:414px) {
.list-article .post__container .panel-header .tab:not(: first-of-type) {
border-left: #ccc 2px solid
}
}
@media (max-width:414px) {
.list-article .post__container {
margin-left: 0
}
}
.list-article section.list .list-entry {
position: relative;
display: grid;
padding: 1.5625rem 0
}
.list-article section.list .list-entry:not(:first-child) {
border-top: #ccc .0625rem solid
}
@media (max-width:414px) {
.list-article section.list .list-entry:first-child {
border-top: #ccc .0625rem solid
}
}
.list-article section.list .list-entry.panel1 {
grid-template-columns: 80px auto 38px;
grid-column-gap: 22px;
grid-template-areas: 'image header .' 'image name button' 'image deck button' 'image copy .' 'image accordion accordion'
}
@media (max-width:414px) {
.list-article section.list .list-entry.panel1 {
grid-template-columns: 50px auto 23px;
grid-column-gap: 15px;
grid-template-areas: 'image header button' 'name name name' 'deck deck deck' 'copy copy copy'
}
.list-article section.list .list-entry.panel1 .entry-deck.extra-margin {
margin-top: 26px
}
}
.list-article section.list .list-entry.panel2 {
grid-template-columns: 80px auto 38px;
grid-column-gap: 22px;
grid-template-areas: 'image name button' 'image copy button'
}
@media (max-width:414px) {
.list-article section.list .list-entry.panel2 {
grid-template-columns: 50px auto 23px;
grid-column-gap: 15px;
grid-template-areas: 'image name button' 'copy copy button'
}
}
.list-article section.list .list-entry.panel2 .entry-name {
font-size: 1.25rem!important;
display: flex;
align-items: center;
margin: 0
}
.list-article section.list .list-entry.panel2 p {
margin: 6px 0 0 0
}
.list-article section.list .list-entry .full-entry-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1
}
.list-article section.list .list-entry .entry-image {
grid-area: image;
width: 100%
}
.list-article section.list .list-entry .entry-count {
grid-area: header;
font-family: CentraNo1;
font-size: 1.5rem;
line-height: 2.5rem;
letter-spacing: .00313rem;
color: #777
}
.list-article section.list .list-entry .entry-category {
grid-area: header;
font-family: CentraNo1Book;
font-weight: 300;
font-size: 1rem;
line-height: 1.3125rem;
letter-spacing: .11rem;
text-transform: uppercase;
margin-bottom: .625rem;
display: flex;
align-items: center;
justify-content: flex-start;
color: #000
}
@media (max-width:414px) {
.list-article section.list .list-entry .entry-category {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0
}
}
.list-article section.list .list-entry .entry-name {
grid-area: name;
font-family: CentraNo2;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.625rem;
letter-spacing: .165rem;
text-transform: uppercase;
color: #000;
transition: color 150ms
}
@media (max-width:414px) {
.list-article section.list .list-entry .entry-name {
margin-top: .625rem;
font-size: 1.25rem
}
}
.list-article section.list .list-entry .entry-deck {
grid-area: deck;
font-family: CentraNo2;
font-weight: 400;
font-size: 1.4375rem;
line-height: 1.625rem;
letter-spacing: .15812rem;
text-transform: uppercase;
color: #777
}
@media (max-width:414px) {
.list-article section.list .list-entry .entry-deck {
font-size: 1.25rem
}
}
.list-article section.list .list-entry .entry-copy {
grid-area: copy;
font-family: CentraNo2;
font-weight: 400;
font-size: 1rem;
line-height: 1.3125rem;
min-height: 3.125rem;
color: #777
}
.list-article section.list .list-entry .entry-copy p {
margin-bottom: 0
}
.list-article section.list .list-entry .entry-button {
grid-area: button;
display: flex;
justify-content: flex-end;
align-items: center
}
.list-article section.list .list-entry .entry-button>img {
height: 25px
}
.list-article section.list .list-entry .entry-button>button>img {
width: 36px;
height: 36px
}
.list-article section.list .list-entry .entry-link-button {
font-family: CentraNo1;
font-weight: 700;
font-size: .875rem;
line-height: .875rem;
letter-spacing: .1125rem;
text-transform: uppercase;
padding: .375rem .625rem;
border-radius: .225rem;
color: #000;
border: #000 1px solid;
display: inline-block;
margin-top: 20px
}
.list-article section.list .list-entry .entry-link-button.generic {
background: #ef5b24;
border: none;
color: #fff
}
.list-article section.list .list-entry .accordion {
grid-area: accordion;
overflow: hidden;
transition: height 250ms;
height: 0
}
.list-article section.list .list-entry:hover .entry-name {
color: #ef5b24
}
.list-article section.panels .panel {
display: none
}
.list-article section.panels .panel.active {
display: block
}
.ibd-list-article .post__main {
flex: 0 0 100%;
max-width: 100%;
margin-left: 0
}
.ibd-list-article .post__main .post__container {
width: 100%
}
.ibd-list-article .post__main .post__container .post__content {
flex: 0 0 100%;
max-width: 100%
}
#post__wrapper-90471874 a {
color: #ed0f69
}
#post__wrapper-90471874 header.list-header {
margin-top: 1.25rem
}
#post__wrapper-90471874 header.list-header h2.deck {
margin-top: 2.25rem;
font-size: 2.375rem;
line-height: 2.1875rem
}
@media (max-width:414px) {
#post__wrapper-90471874 header.list-header h2.deck {
margin-top: 1rem
}
}
#post__wrapper-90471874 .entry-link-button {
color: #ed0f69;
border-color: #ed0f69
}
#post__wrapper-90471874 .panel1 {
grid-template-columns: 123px auto 38px;
grid-column-gap: 30px
}
@media (max-width:414px) {
#post__wrapper-90471874 .panel1 {
grid-template-columns: 123px auto 36px;
grid-template-rows: auto;
grid-column-gap: 18px;
grid-template-areas: 'image header header' 'image name name' 'deck deck button' 'accordion accordion accordion';
align-items: center
}
}
#post__wrapper-90471874 .list-entry:hover .entry-name {
color: #ed0f69
}
#post__wrapper-90471874 .list-entry .entry-image {
border-radius: 50%
}
#post__wrapper-90471874 .list-entry .entry-copy p {
font-family: MeretPro;
font-size: 1.1875rem;
line-height: 1.75rem;
letter-spacing: .0175rem;
color: #000
}
@media (max-width:414px) {
#post__wrapper-90471874 .list-entry .entry-count {
align-self: end
}
}
@media (max-width:414px) {
#post__wrapper-90471874 .list-entry .entry-name {
align-self: start
}
}
#post__wrapper-90471874 .list-entry .entry-deck {
font-family: CentraNo1;
font-size: 1rem;
line-height: 1.3125rem;
letter-spacing: .11rem;
color: #777;
margin-top: .625rem
}
#post__wrapper-90471874 .list-entry .entry-button button {
transition: -webkit-transform 250ms, -webkit-filter 250ms;
transition: transform 250ms, filter 250ms;
transition: transform 250ms, filter 250ms, -webkit-transform 250ms, -webkit-filter 250ms;
-webkit-filter: grayscale(1);
filter: grayscale(1)
}
#post__wrapper-90471874 .list-entry .entry-button button.open {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
@media (max-width:414px) {
#post__wrapper-90471874 .list-entry .entry-button button {
align-self: stretch
}
}
.mcp {
transition: color ease-in 1s;
padding-bottom: 82px
}
.mcp__header {
padding-top: 100px;
margin-right: 10px;
margin-left: 10px
}
@media (max-width:767px) {
.mcp__header {
padding-top: 30px
}
}
.mcp__header__image {
width: 100%;
margin-bottom: 50px;
max-width: 99vw;
margin-right: 10px;
display: none
}
@media (max-width:767px) {
.mcp__header__image {
margin-bottom: 30px
}
}
@media (max-width:600px) {
.mcp__header__image {
margin-bottom: 10px
}
}
@media (min-width:601px) {
.mcp__header__image__desktop {
display: block
}
}
@media (max-width:600px) {
.mcp__header__image__mobile {
display: block
}
}
.mcp__content {
display: flex
}
.mcp__title {
font-family: MeretPro, sans-serif;
font-size: 38px;
margin-top: 84px;
margin-bottom: 40px
}
.mcp__desc {
font-family: MeretPro, sans-serif;
font-size: 19px;
color: #000;
font-weight: 100;
margin-bottom: 66px;
margin-left: 10px;
margin-right: 10px;
line-height: 28px
}
.mcp__desc a {
color: #000;
text-decoration: underline;
transition: color .1s ease-in-out
}
.mcp__desc a:hover {
color: #777
}
.mcp__desc strong {
font-weight: 700
}
@media (max-width:1186px) {
.mcp__desc {
margin-bottom: 30px
}
}
.mcp__container {
max-width: 1000px;
margin: 0 auto;
display: flex
}
@media (min-width:1186px) {
.mcp__container {
position: relative;
left: -110px
}
}
.mcp__entries {
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
row-gap: 45px;
margin: 0 auto;
margin-top: 50px
}
.mcp__entries__title {
font-family: Voyage, serif;
font-size: 38px;
font-weight: 700;
letter-spacing: 4.56px;
text-transform: uppercase;
padding-top: 20px
}
@media (max-width:1020px) {
.mcp__entries__title {
margin-left: 10px
}
}
@media (max-width:1130px) {
.mcp__entries {
grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:1020px) {
.mcp__entries {
margin-left: 10px;
margin-right: 10px
}
}
@media (max-width:680px) {
.mcp__entries {
grid-template-columns: repeat(1, 1fr)
}
}
.mcp__nav-waypoint {
position: relative;
top: -100px;
display: block;
height: 0;
width: 0
}
@media (max-width:767px) {
.mcp__nav-waypoint {
top: -60px
}
}
.mcp__nav {
display: flex;
margin-left: 10px;
margin-right: 10px
}
@media (min-width:1021px) {
.mcp__nav {
width: 991px
}
}
@media (max-width:767px) {
.mcp__nav {
display: block
}
}
.mcp__forimage {
width: 232px;
height: 182px;
margin-top: -7px
}
@media (max-width:767px) {
.mcp__forimage {
display: block;
margin: 0 auto
}
}
.mcp__view-cat {
margin: 0 auto;
margin-top: 60px;
display: flex;
width: 340px
}
.mcp__view-cat p {
font-family: MeretPro, sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 1.92px;
text-transform: uppercase;
margin-left: 20px;
margin-right: 20px;
transition: color .1s ease-in-out
}
.mcp__view-cat p:hover {
color: #777
}
.mcp__view-cat img {
width: 65px
}
.mcp__card {
place-self: center;
position: relative;
margin-bottom: auto
}
.mcp__card__image {
width: 100%;
height: auto
}
@media (max-width:767px) {
.mcp__card__image {
height: auto;
width: 100%
}
}
.mcp__card__name {
font-family: MeretPro, sans-serif;
font-size: 1.1875rem;
letter-spacing: .13062rem;
font-weight: 700;
margin-top: 20px;
margin-bottom: 0;
text-transform: uppercase
}
.mcp__card__company {
font-family: CentraNo1Book, sans-serif;
font-size: 1rem;
color: #777;
margin-top: 5px;
margin-bottom: 0
}
.mcp__card a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.mcp__card:hover .mcp__card__image {
transition: background-color .2s ease-in-out;
mix-blend-mode: multiply
}
.mcp__card:hover .mcp__card__name {
color: #777
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
}
@keyframes rotation {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
}
.ibd-list-article .post__main {
flex: 0 0 100%;
max-width: 100%;
margin-left: 0
}
.ibd-list-article .post__main .post__container {
width: 100%;
border-top: none;
margin-top: .0001px
}
.ibd-list-article .post__main .post__container .panel-header {
border-bottom: #000 3px solid
}
.ibd-list-article .post__main .post__container .tab:not(:first-of-type) {
border-left: #000 1px solid
}
.ibd-list-article .post__main .post__container .post__content {
flex: 0 0 100%;
max-width: 100%
}
.ibd-list-article .post__main .post__container .post__content .list-entry {
grid-template-columns: 120px 270px auto 285px 38px;
grid-column-gap: 15px;
grid-template-areas: 'image header copy articleimage .' 'image name copy articleimage button' 'image deck copy articleimage button' 'image . copy articleimage .';
padding-top: 20px;
padding-bottom: 20px;
grid-template-rows: auto minmax(auto, .01fr) auto minmax(auto, 1fr)
}
@media screen and (max-width:1020px) {
.ibd-list-article .post__main .post__container .post__content .list-entry {
grid-template-columns: 120px auto 285px 38px;
grid-template-areas: 'image header articleimage .' 'image name articleimage button' 'image deck articleimage button' 'image copy articleimage .';
grid-template-rows: auto minmax(auto, .01fr) auto minmax(auto, 1fr)
}
}
.ibd-list-article .entry-article-image {
grid-area: articleimage;
width: 100%
}
.ibd-list-article .entry-image-hover {
grid-area: image;
opacity: 0;
width: 100%
}
.ibd-list-article .entry-article-image-hover {
grid-area: articleimage;
opacity: 0;
width: 100%
}
@media screen and (min-width:767px) {
.ibd-list-article .full-entry-link:hover~.entry-image-hover {
opacity: 100%;
-webkit-animation: rotation 2s forwards linear;
animation: rotation 2s forwards linear;
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.ibd-list-article .full-entry-link:hover~.entry-article-image-hover {
opacity: 100%
}
.ibd-list-article .ibd-awards__entry:hover .award__image__hover {
opacity: 100%;
-webkit-animation: rotation 2s forwards linear;
animation: rotation 2s forwards linear;
-webkit-animation-delay: .5s;
animation-delay: .5s
}
}
.ibd-list-article .entry-button {
margin-top: 40px
}
.ibd-list-article .ibd-header {
width: 100%;
margin-top: -50px
}
.ibd-list-article .introduction p {
margin-top: 54px;
margin-bottom: 67px
}
.ibd-list-article .introduction a {
color: #ef52b4;
text-decoration: underline
}
.ibd-list-article .entry-category,
.ibd-list-article .entry-deck {
font-size: 14px!important;
font-weight: 700!important;
color: #999!important;
letter-spacing: 1.54px!important;
line-height: 17px!important;
font-family: CentraNo1!important;
margin-bottom: 3px!important
}
.ibd-list-article .entry-name {
color: #000!important;
font-size: 19px!important;
letter-spacing: 2.09px!important;
line-height: 23px!important;
margin-bottom: 4px!important
}
.ibd-list-article .entry-copy {
font-size: 17px!important;
line-height: 22px!important;
margin-top: -18px
}
@media screen and (max-width:1020px) and (min-width:767px) {
.ibd-list-article .entry-copy {
margin-top: -15px
}
}
.ibd-list-article .entry-button-mobile {
display: none!important
}
.ibd-list-article .award-circle {
height: 12px;
width: 12px;
border-radius: 100%;
display: none;
margin-right: 8px
}
.ibd-list-article .ibd-social-desktop .social {
margin-top: 28px
}
.ibd-list-article .ibd-awards {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 27px
}
@media screen and (max-width:1078px) {
.ibd-list-article .ibd-awards {
grid-template-columns: repeat(3, 1fr)
}
}
@media screen and (max-width:815px) {
.ibd-list-article .ibd-awards {
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px
}
}
.ibd-list-article .ibd-awards__entry {
width: 215px;
place-self: center;
position: relative;
margin-bottom: auto
}
.ibd-list-article .ibd-awards .award__image {
position: relative;
margin: 0 auto;
width: 165px
}
.ibd-list-article .ibd-awards .award__image img {
position: absolute;
top: 0;
width: 100%
}
.ibd-list-article .ibd-awards .award__image__hover {
opacity: 0
}
.ibd-list-article .ibd-awards .award__name {
margin-top: 180px;
text-align: center;
width: 100%;
font-family: CentraNo1;
font-size: 16px;
line-height: 19px;
letter-spacing: 1.76px;
text-transform: uppercase;
color: #000
}
.ibd-list-article .ibd-awards .award__description {
text-align: center;
width: 100%;
font-family: CentraNo1Book;
letter-spacing: 0;
line-height: 22px;
font-size: 17px;
color: #555
}
.ibd-list-article .ibd-awards .award__description p {
margin-top: 3px;
margin-bottom: 25px
}
@media screen and (max-width:767px) {
.ibd-list-article .ibd-header-desktop {
opacity: 0
}
.ibd-list-article .ibd-header-mobile {
opacity: 100%
}
.ibd-list-article .ibd-awards__entry {
width: 165px
}
.ibd-list-article .tab {
font-size: 14px!important
}
.ibd-list-article .entry-name {
display: flex;
margin-top: 30px;
margin-bottom: 3px
}
.ibd-list-article .entry-category {
margin-bottom: 15px!important
}
.ibd-list-article .entry-copy {
margin-top: -10px
}
.ibd-list-article .entry-image,
.ibd-list-article .entry-image-hover {
display: none!important
}
.ibd-list-article .entry-button {
display: none!important
}
.ibd-list-article .list-entry {
grid-template-columns: auto!important;
grid-template-areas: 'header' 'articleimage' 'name' 'deck' 'copy'!important;
grid-template-rows: auto!important
}
.ibd-list-article .entry-button-mobile {
display: block!important;
position: absolute;
right: 0;
margin-left: auto;
margin-top: 10px!important
}
.ibd-list-article .ibd-social-desktop {
display: none
}
.ibd-list-article .award-circle {
display: inline
}
.ibd-list-article .introduction p {
margin-top: 30px
}
}
@media screen and (max-width:380px) {
.ibd-list-article .ibd-awards__entry {
width: 100%!important
}
.ibd-list-article .ibd-awards .award__image {
width: 100%!important;
max-width: 165px!important
}
}
.person-index-page .page-description {
padding-bottom: 1.6875rem;
position: relative
}
.person-index-page .page-description::after {
background-color: #000;
bottom: 0;
content: '';
height: .0625rem;
left: 0;
position: absolute;
width: 100%
}
@media screen and (min-width:40em) {
.person-index-page .page-description::after {
left: 1.25rem;
width: calc(100% - 40px)
}
}
.product-index-page .page-description {
padding-bottom: 1.6875rem;
position: relative
}
.product-index-page .page-description::after {
background-color: #000;
bottom: 0;
content: '';
height: .0625rem;
left: 0;
position: absolute;
width: 100%
}
@media screen and (min-width:40em) {
.product-index-page .page-description::after {
left: 1.25rem;
width: calc(100% - 40px)
}
}
.mic-year-page .slug {
color: #000;
font-family: Helvetica;
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 1.83px;
line-height: 1.5625rem;
text-transform: uppercase;
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0
}
.fonts-loaded .mic-year-page .slug {
font-family: Beckett, sans-serif;
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 2.3125rem
}
.mic-year-page__slug-component::before {
border-top: 0!important;
height: .1875rem;
background-color: #000;
margin: auto;
width: calc(100%);
left: 0
}
.mic-year-page .slick-initialized .slick-slide {
display: flex;
height: auto;
flex-wrap: wrap;
position: relative
}
.mic-year-page .slick-arrow {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 7px 3px 8px;
text-transform: uppercase;
text-align: center;
height: 27px;
height: 1.5rem;
line-height: 1.5rem;
padding-bottom: 0;
position: absolute;
bottom: .625rem;
z-index: 1
}
.fonts-loaded .mic-year-page .slick-arrow {
font-family: CentraNo1, sans-serif;
line-height: .875rem;
letter-spacing: .1125rem
}
.mic-year-page .slick-next {
right: .625rem
}
.mic-year-page .slick-prev {
left: .625rem
}
.mic-year-page__slider-row {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
max-height: 44.3125rem;
overflow-y: hidden
}
.mic-year-page__sector-contents,
.mic-year-page__sector-header,
.mic-year-page__slider {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
margin-left: 0
}
.mic-year-page__slide-currently-showing {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
bottom: .625rem;
height: 1.5rem;
line-height: 1.5rem;
position: absolute;
text-align: center;
vertical-align: middle;
width: calc(100% - 40px)
}
.fonts-loaded .mic-year-page__slide-currently-showing {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-year-page__slide-company {
width: 50%;
padding-right: 1.25rem;
padding-top: 1.0625rem;
height: 8.3125rem;
padding-bottom: 1.0625rem;
overflow-y: hidden
}
.mic-year-page__slide-company:nth-of-type(-n+2) {
border-top: .0625rem solid #939598;
border-bottom: .0625rem solid #ccc
}
.mic-year-page__slide-company:nth-of-type(n+3) {
border-bottom: .0625rem solid #ccc
}
.mic-year-page__slide-company:nth-of-type(odd) {
padding-left: .625rem
}
.mic-year-page__slide-company:nth-of-type(n+9) {
margin-bottom: 2.75rem
}
.mic-year-page__slide-company--sector {
height: auto;
min-height: 8.3125rem
}
.mic-year-page__slide-company--sector:nth-of-type(n+9) {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0
}
.mic-year-page__slide-company--sector:nth-of-type(-n+2) {
border-top: 0
}
.mic-year-page__slide-company-content {
max-height: 6.6875rem;
overflow-y: hidden
}
.mic-year-page__slide-company-rank {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem;
color: #e74caf;
display: inline-block;
margin-right: .3125rem
}
.fonts-loaded .mic-year-page__slide-company-rank {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
.mic-year-page__slide-company-name {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem
}
.fonts-loaded .mic-year-page__slide-company-name {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
.mic-year-page__slide-company-reason {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
color: #5f5f5f;
display: inline-block;
margin-top: .1875rem
}
.fonts-loaded .mic-year-page__slide-company-reason {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.mic-year-page__sector {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
@media screen and (min-width:40em) {
.mic-year-page .slug {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
padding-top: 1rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.mic-year-page .slug {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.mic-year-page__slug-component::before {
width: calc(83.3333% - 40px);
left: 1.25rem
}
.mic-year-page .slick-arrow {
bottom: 2.5rem
}
.mic-year-page .slick-next {
right: 1.25rem
}
.mic-year-page .slick-prev {
left: 1.25rem
}
.mic-year-page__slide-currently-showing {
bottom: 2.5rem
}
.mic-year-page__slider-row {
max-height: 22.0625rem
}
.mic-year-page__sector-contents,
.mic-year-page__sector-header,
.mic-year-page__slider {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 8.33333%
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.mic-year-page__sector-contents,
.mic-year-page__sector-header,
.mic-year-page__slider {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.mic-year-page__slide-company {
width: 20%;
padding-right: 2.5rem;
padding-top: 1.0625rem;
height: 8.3125rem
}
.mic-year-page__slide-company:nth-of-type(-n+2) {
border-top: 0;
border-bottom: 0
}
.mic-year-page__slide-company:nth-of-type(n+3) {
border-top: 0;
border-bottom: 0
}
.mic-year-page__slide-company:nth-of-type(odd) {
padding-left: 0
}
.mic-year-page__slide-company:nth-of-type(n+9) {
margin-bottom: 0
}
.mic-year-page__slide-company:nth-of-type(-n+5) {
margin-top: .8125rem;
border-top: .0625rem solid #939598
}
.mic-year-page__slide-company:nth-of-type(n+6) {
margin-bottom: 4.625rem;
border-top: .0625rem solid #ccc;
border-bottom: .0625rem solid #ccc
}
.mic-year-page__slide-company--sector:nth-of-type(-n+5) {
margin-top: 0;
border-top: 0
}
.mic-year-page__slide-company--sector:nth-of-type(n+6) {
margin-bottom: 0;
border-bottom: 0
}
.mic-year-page__slide-company-rank {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 1.0625rem;
color: #e74caf
}
.fonts-loaded .mic-year-page__slide-company-rank {
font-family: CentraNo1, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.mic-year-page__slide-company-name {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 1.0625rem
}
.fonts-loaded .mic-year-page__slide-company-name {
font-family: CentraNo1, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
}
@media screen and (max-width:39.9375em) {
.mic-year-page__ff-ad-container {
border-top: .0625rem solid #ccc;
min-height: 17.5rem
}
}
.mic-year-page--2018 ul {
list-style: none;
margin: 0;
padding: 0
}
.mic-2018__nav {
position: relative;
z-index: 1
}
.mic-2018__nav .mic-2018__honoree-menu>span,
.mic-2018__nav .sticky-inner-wrapper>a {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
border-bottom: .0625rem solid #000;
display: block;
color: #000;
font-weight: 700;
letter-spacing: .05rem;
padding: 17px 0 18px
}
.fonts-loaded .mic-2018__nav .mic-2018__honoree-menu>span,
.fonts-loaded .mic-2018__nav .sticky-inner-wrapper>a {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-2018__nav .sticky-inner-wrapper>a:hover {
color: #f8840f
}
.mic-2018__honoree-menu {
border-top: .0625rem solid;
cursor: pointer;
position: relative
}
.mic-2018__honoree-menu:hover>span {
background: #000;
color: #fff
}
.mic-2018__honoree-menu:hover>span::after {
background: url(//images.fastcompany.net/image/upload/v1518112462/fcweb/mic-2018-arrow-white_bquzuq.svg) no-repeat 0 0
}
.mic-2018__honoree-menu>span {
padding-right: .9375rem;
position: relative
}
.mic-2018__honoree-menu>span::after {
background: url(//images.fastcompany.net/image/upload/v1518112462/fcweb/mic-2018-arrow-black_ieenqj.svg) no-repeat 0 0;
content: '';
height: .875rem;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: .4375rem
}
.mic-2018__honoree-menu:hover:not(.close) .mic-2018__honoree-menu-panel {
display: flex
}
.mic-2018__honoree-menu.close .mic-2018__honoree-menu-panel {
display: none
}
.mic-2018__honoree-menu-panel {
background: #fff;
display: none;
padding: 5.3125rem 1.25rem 2.5rem;
position: absolute;
left: 100%;
top: -4.25rem;
width: 42.5rem
}
.mic-2018__honoree-menu ul {
list-style: none;
margin: 0;
padding: 0 1.25rem;
width: 33.33333%
}
.mic-2018__honoree-menu ul:not(:last-child) {
border-right: .0625rem solid #ccc
}
.mic-2018__honoree-menu li {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
display: flex;
font-weight: 700;
letter-spacing: .05rem
}
.fonts-loaded .mic-2018__honoree-menu li {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-2018__honoree-menu li:hover {
color: #f8840f
}
.mic-2018__honoree-menu li:not(:last-child) {
margin-bottom: .625rem
}
.mic-2018__honoree-menu li span {
color: #f8840f;
margin-right: .1875rem
}
.mic-2018__header {
border-bottom: .0625rem solid #ccc;
margin: 0 0 .875rem;
padding: 0 0 1.875rem
}
.mic-2018__header::before {
background: linear-gradient(to right, #fcb813, #d8641d);
content: '';
display: block;
height: 1.875rem;
margin: 0 0 1.25rem
}
.mic-2018__header h2 span {
display: block;
font-size: 1.0625rem;
line-height: 0;
text-indent: -624.9375rem
}
.mic-2018__header img {
display: block;
height: auto;
width: 100%
}
.mic-2018__header p {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.03125rem!important;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem;
margin: 0
}
.fonts-loaded .mic-2018__header p {
font-family: CentraNo1Book, sans-serif;
line-height: 1.25rem;
letter-spacing: .01312rem;
font-weight: 300
}
.mic-2018__main-col {
flex: 1 1 auto
}
.mic-2018__group:last-of-type .mic-2018__company:last-child {
margin-bottom: 2.25rem
}
.mic-2018__group:last-of-type .mic-2018__company:last-child::after {
display: none
}
.mic-2018__company {
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 2.875rem
}
.mic-2018__company::after {
background: #ccc;
bottom: -1.9375rem;
content: '';
height: .06875rem;
left: 0;
position: absolute;
width: 100%
}
.mic-2018__company--landscape {
display: block
}
.mic-2018__company-info {
flex: 0 0 10.8125rem;
margin-right: 2.5rem;
max-width: 10.8125rem
}
.mic-2018__company-info a:hover h3 {
color: #f8840f
}
.mic-2018__company-content {
flex: 1 1 auto;
padding-top: .0625rem
}
.mic-2018__company a,
.mic-2018__company h3,
.mic-2018__company p,
.mic-2018__company span {
transition: color .4s ease-out
}
.mic-2018__company h3,
.mic-2018__company span {
color: #000;
font-family: Helvetica;
font-size: 1.875rem;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.8125rem;
display: inline;
letter-spacing: .1125rem
}
.fonts-loaded .mic-2018__company h3,
.fonts-loaded .mic-2018__company span {
font-family: GrifitoM, sans-serif;
font-size: 2.25rem;
line-height: 2.1875rem
}
.mic-2018__company span {
color: #f8840f
}
.mic-2018__company h3 {
display: inline
}
.mic-2018__company ul {
margin-top: .9375rem
}
.mic-2018__company li {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 700;
letter-spacing: .56px;
line-height: .875rem
}
.fonts-loaded .mic-2018__company li {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: 1.0625rem
}
.mic-2018__company li:first-child {
margin-bottom: .625rem
}
.mic-2018__company li:last-child {
margin-bottom: 0
}
.mic-2018__company li a {
font-family: CentraNo1, sans-serif;
align-items: center;
border: .0625rem solid #000;
color: #000;
display: flex;
height: 1.9375rem;
justify-content: center;
transition-duration: .1s;
width: 9.6875rem;
font-size: .8125rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.mic-2018__company li a:hover {
color: #f8840f
}
.mic-2018__company img {
width: 100%;
display: block;
margin-bottom: .375rem;
margin-top: .3125rem
}
.mic-2018__company--selected a,
.mic-2018__company--selected h3,
.mic-2018__company--selected p {
color: #f8840f
}
.mic-2018__company--selected span {
color: #000
}
.mic-2018__why {
color: #7b7b7b;
font-family: Helvetica;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.125rem;
font-weight: 500;
margin: .1875rem 0 0
}
.fonts-loaded .mic-2018__why {
font-family: Grifo, sans-serif;
font-size: 1.8125rem;
line-height: 1.5rem;
letter-spacing: .01875rem
}
.fonts-loaded .mic-2018__why {
font-size: 2.125rem;
letter-spacing: .04688rem;
line-height: 2.0625rem
}
.mic-2018__why--inline {
margin-top: .0625rem
}
.mic-2018__caption {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
margin: 0
}
.fonts-loaded .mic-2018__caption {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.mic-2018__sidebar {
flex: 0 0 24.1875rem;
margin-left: 2.5rem;
max-width: 24.1875rem
}
.mic-2018__slug-component {
border-bottom: .0625rem solid;
flex: 0 0 100%;
margin-bottom: 2.5rem;
padding: 0 0 .8125rem!important;
width: 100%
}
.mic-2018__slug-component::before {
left: 0!important;
right: 0!important
}
.mic-2018__list:not(:last-child) {
border-right: .0625rem solid #ccc
}
.mic-2018__list li {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .05rem;
margin-bottom: .625rem;
padding-right: 1.25rem
}
.fonts-loaded .mic-2018__list li {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-2018__list li.active {
color: #fff;
position: relative
}
.mic-2018__list li.active::before {
bottom: -.3125rem;
background: #000;
content: '';
position: absolute;
left: 0;
right: 1.25rem;
top: -.25rem;
z-index: -1
}
.mic-2018__list li a {
color: #000
}
.mic-2018__list li a:hover {
color: #f8840f
}
.mic-2018__honorees-by-sectors {
display: flex;
flex: 0 0 100%;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2.5rem;
width: 100%
}
.mic-2018__honorees-by-sectors li {
border-bottom: .0625rem solid #cacaca
}
.mic-2018__honorees-by-sectors li a {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
display: block;
overflow: hidden;
padding: 1rem 0 1.0625rem;
text-overflow: ellipsis;
white-space: nowrap
}
.fonts-loaded .mic-2018__honorees-by-sectors li a {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
.mic-2018__honorees-by-sectors li a:active,
.mic-2018__honorees-by-sectors li a:focus,
.mic-2018__honorees-by-sectors li a:link,
.mic-2018__honorees-by-sectors li a:visited {
color: #000
}
.mic-2018__honorees-by-sectors li a:hover {
color: #f8840f
}
.mic-2018__sector {
padding-top: 1.3125rem
}
.mic-2018__sector-social {
flex: 0 0 8.33333%;
max-width: 8.33333%;
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.mic-2018__sector-social {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.mic-2018__sector-social .social {
margin-right: 0
}
.mic-2018__sector-content {
margin-bottom: 2.5rem
}
.mic-2018__sector-header {
border-bottom: .0625rem solid #ccc;
flex: 1 1 100%;
text-align: center;
margin: 0 0 1.25rem;
padding: 0 0 1.6875rem
}
.mic-2018__sector-header::before {
background: linear-gradient(to right, #fcb813, #d8641d);
content: '';
display: block;
height: 1.875rem;
margin: 0 0 .9375rem
}
.mic-2018__sector-header h1 {
color: #000;
font-family: Helvetica;
font-size: 2.25rem;
font-weight: 700;
line-height: 1
}
.fonts-loaded .mic-2018__sector-header h1 {
font-family: Beckett, sans-serif;
font-size: 3.3125rem;
letter-spacing: 3.5px;
line-height: 2.9375rem
}
.fonts-loaded .mic-2018__sector-header h1 {
max-width: 47.5rem;
margin: 0 auto
}
.mic-2018__sector-header h1 a:active,
.mic-2018__sector-header h1 a:focus,
.mic-2018__sector-header h1 a:hover,
.mic-2018__sector-header h1 a:link,
.mic-2018__sector-header h1 a:visited {
color: inherit
}
.mic-2018__sector-header span {
color: #f8840f
}
.mic-2018__sectors {
margin-right: 40px;
position: relative
}
.mic-2018__sectors::after {
background: #000;
content: '';
height: 100%;
right: -1.25rem;
position: absolute;
top: 0;
width: .0625rem
}
.mic-2018__sector-companies {
flex: 1 1 auto;
list-style: none;
margin: 0;
padding: 0;
position: relative
}
.mic-2018__rank-company {
border-bottom: .0625rem solid #ccc;
padding: 1.0625rem 0 1.1875rem;
position: relative
}
.mic-2018__rank-company::after {
background: url(https://images.fastcompany.net/image/upload/v1516216847/fcweb/mic-arrow_b2zu7x.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: 1.25rem;
opacity: .3;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: .625rem
}
.mic-2018__rank-company a {
display: block;
padding-right: 1.25rem
}
.mic-2018__rank-company a:hover h2 {
color: #f8840f
}
.mic-2018__rank-company h2,
.mic-2018__rank-company span {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
display: inline
}
.fonts-loaded .mic-2018__rank-company h2,
.fonts-loaded .mic-2018__rank-company span {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
.mic-2018__rank-company span {
color: #f8840f
}
.mic-2018__rank-company p {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
color: #5f5f5f;
margin: 0
}
.fonts-loaded .mic-2018__rank-company p {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.mic-2018__back-to-year a {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
align-items: center;
background-image: url(https://images.fastcompany.net/image/upload/v1516216541/fcweb/mic-2018-50-fix_yguoaw.svg), url(https://images.fastcompany.net/image/upload/v1516216847/fcweb/mic-arrow_b2zu7x.svg), linear-gradient(to right, #fcb813 40%, #d8641d);
background-position: 6.4375rem 50%, 5rem 50%, 0 0;
background-repeat: no-repeat;
display: flex;
color: #000;
font-weight: 700;
height: 6.25rem;
margin: 0 auto;
padding: 0 0 0 .8125rem;
width: 15.875rem
}
.fonts-loaded .mic-2018__back-to-year a {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-2018__mobile-nav {
display: none
}
.mic-2019__nav {
position: relative;
z-index: 1
}
.mic-2019__nav .mic-2019__honoree-menu>span,
.mic-2019__nav .sticky-inner-wrapper>a {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
border-bottom: .0625rem solid #000;
display: block;
color: #000;
font-weight: 700;
letter-spacing: .05rem;
padding: 17px 0 18px
}
.fonts-loaded .mic-2019__nav .mic-2019__honoree-menu>span,
.fonts-loaded .mic-2019__nav .sticky-inner-wrapper>a {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-2019__nav .sticky-inner-wrapper>a:hover {
color: #e00057
}
.mic-2019__honoree-menu {
border-top: .0625rem solid;
cursor: pointer;
position: relative
}
.mic-2019__honoree-menu:hover>span {
background: #000;
color: #fff
}
.mic-2019__honoree-menu:hover>span::after {
background: url(//images.fastcompany.net/image/upload/v1518112462/fcweb/mic-2018-arrow-white_bquzuq.svg) no-repeat 0 0
}
.mic-2019__honoree-menu>span {
padding-right: .9375rem;
position: relative
}
.mic-2019__honoree-menu>span::after {
background: url(//images.fastcompany.net/image/upload/v1518112462/fcweb/mic-2018-arrow-black_ieenqj.svg) no-repeat 0 0;
content: '';
height: .875rem;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: .4375rem
}
.mic-2019__honoree-menu:hover:not(.close) .mic-2019__honoree-menu-panel {
display: flex
}
.mic-2019__honoree-menu.close .mic-2019__honoree-menu-panel {
display: none
}
.mic-2019__honoree-menu-panel {
background: #fff;
display: none;
padding: 5.3125rem 1.25rem 2.5rem;
position: absolute;
left: 100%;
top: -4.25rem;
width: 42.5rem
}
.mic-2019__honoree-menu ul {
list-style: none;
margin: 0;
padding: 0 1.25rem;
width: 33.33333%
}
.mic-2019__honoree-menu ul:not(:last-child) {
border-right: .0625rem solid #ccc
}
.mic-2019__honoree-menu li {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
font-family: CentraNo1!important;
display: flex;
font-weight: 700;
letter-spacing: .05rem
}
.fonts-loaded .mic-2019__honoree-menu li {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-2019__honoree-menu li:hover {
color: #e00057
}
.mic-2019__honoree-menu li:not(:last-child) {
margin-bottom: .625rem
}
.mic-2019__honoree-menu li span {
color: #e00057;
margin-right: .1875rem
}
.mic-2019__header {
border-bottom: .0625rem solid #ccc;
margin: 0 0 .875rem;
padding: 0 0 1.875rem
}
.mic-2019__header__text p a {
display: contents
}
.mic-2019__header h2 span {
display: block;
font-size: 1.0625rem;
line-height: 0;
text-indent: -624.9375rem
}
.mic-2019__header img {
display: block;
height: auto;
width: 100%;
padding-bottom: .9375rem
}
.mic-2019__header p {
font-family: MeretPro;
font-size: 19px;
font-weight: 300;
letter-spacing: .2px;
line-height: 28px
}
.mic-2019__header__mobile-image {
display: none!important
}
.mic-2019__rank-company {
border-bottom: .0625rem solid #ccc;
padding: 1.0625rem 0 1.1875rem;
position: relative
}
.mic-2019__rank-company::after {
background: url(https://images.fastcompany.net/image/upload/v1516216847/fcweb/mic-arrow_b2zu7x.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: 1.25rem;
opacity: .3;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: .625rem
}
.mic-2019__rank-company a {
display: block;
padding-right: 1.25rem
}
.mic-2019__rank-company a p {
margin-top: .3125rem
}
.mic-2019__rank-company a:hover h2 {
color: #e00057
}
.mic-2019__rank-company h2,
.mic-2019__rank-company span {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
font-size: 2.125rem!important;
line-height: 1.75rem!important;
display: inline
}
.fonts-loaded .mic-2019__rank-company h2,
.fonts-loaded .mic-2019__rank-company span {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
.mic-2019__rank-company span {
color: #e00057
}
.mic-2019__rank-company p {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
color: #5f5f5f;
margin: 0
}
.fonts-loaded .mic-2019__rank-company p {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.mic-2019__back-to-year a {
background-color: gray;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 8px 3px;
text-transform: uppercase;
text-align: center;
height: 31px;
align-items: center;
display: flex;
font-weight: 700;
font-size: 11px;
margin: 0 auto;
padding: 0 0 0 .8125rem;
width: 380px;
transition: background-color .4s ease-in-out
}
.fonts-loaded .mic-2019__back-to-year a {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.mic-2019__back-to-year a:hover {
background-color: #e00057;
border-color: #e00057
}
.mic-2019__reason {
font-family: MeretPro, sans-serif;
margin-top: .6875rem;
font-size: 1.1875rem;
font-weight: 300;
letter-spacing: .0125rem;
line-height: 1.75rem;
overflow: hidden;
list-style: none;
text-align: left;
transition: height .3s ease-in-out
}
.mic-2019__reason a {
display: block
}
.mic-2019__reason p {
margin: -1px 0 0 0
}
.mic-2019__reason p span {
font-family: MeretPro!important;
color: #000;
font-size: 1.1875rem!important;
letter-spacing: .0125rem!important;
line-height: 1.75rem!important
}
.mic-2019__reason__caret {
display: inline-block;
-webkit-filter: invert(.3);
filter: invert(.3);
height: .875rem;
width: 1.125rem;
position: relative;
top: .1875rem;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
text-align: center
}
.mic-2019__reason__caret--active {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
.mic-2019__reason__active {
margin-bottom: 1.0625rem
}
.mic-2019__company {
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 2.875rem
}
.mic-2019__company::after {
background: #ccc;
bottom: -1.5625rem;
content: '';
height: .06875rem;
left: 0;
position: absolute;
width: 100%
}
.mic-2019__company--landscape {
display: block
}
.mic-2019__company-info {
flex: 0 0 10.8125rem;
margin-right: 2.5rem
}
.mic-2019__company-info a:hover h3 {
color: #777
}
.mic-2019__company-content {
flex: 1 1 auto;
padding-top: .0625rem
}
.mic-2019__company__links {
float: left;
color: #e00057
}
.mic-2019__company__links li {
display: block!important;
margin-right: 1.5625rem;
margin-bottom: 1.25rem!important
}
.mic-2019__company__links__profile a {
color: #fff!important;
background: #777
}
.mic-2019__company__links__profile a:hover {
background-color: #e00057;
border-color: #e00057
}
.mic-2019__company__links__profile__center {
text-align: center
}
.mic-2019__company__links__article a:hover {
color: #e00057;
border-color: #e00057
}
.mic-2019__company a,
.mic-2019__company h3,
.mic-2019__company p,
.mic-2019__company span {
transition: color .4s ease-out, background-color .4s ease-out, border-color .4s ease-out
}
.mic-2019__company h3,
.mic-2019__company span {
color: #000;
font-family: Helvetica;
font-size: 1.875rem;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.8125rem;
display: inline;
letter-spacing: .6px;
font-size: 3.3125rem!important;
line-height: 2.375rem!important
}
.fonts-loaded .mic-2019__company h3,
.fonts-loaded .mic-2019__company span {
font-family: GrifitoM, sans-serif;
font-size: 2.25rem;
line-height: 2.1875rem
}
.mic-2019__company span {
color: #e00057
}
.mic-2019__company h3 {
display: inline
}
.mic-2019__company ul {
margin-top: .9375rem
}
.mic-2019__company li {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 700;
letter-spacing: .56px;
line-height: .875rem
}
.fonts-loaded .mic-2019__company li {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: 1.0625rem
}
.mic-2019__company li:first-child {
margin-bottom: .625rem
}
.mic-2019__company li:last-child {
margin-bottom: 0
}
.mic-2019__company li a {
font-family: CentraNo1, sans-serif;
align-items: center;
border: .0625rem solid #777;
border-radius: .1875rem;
color: #777;
display: flex;
height: 1.9375rem;
justify-content: center;
transition-duration: .1s;
width: 9.6875rem;
font-size: .6875rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.mic-2019__company img {
width: 100%;
display: block;
margin-bottom: .375rem;
margin-top: .3125rem
}
.mic-2019__company--selected a,
.mic-2019__company--selected h3,
.mic-2019__company--selected p {
color: #e00057
}
.mic-2019__company--selected span {
color: #000
}
.mic-2019__why {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
font-family: centraNo1!important;
color: #7b7b7b;
line-height: 1.0625rem!important
}
.fonts-loaded .mic-2019__why {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-2019__why--inline {
margin-top: .0625rem
}
.mic-2019__caption {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
font-size: .8125rem!important;
margin: 0
}
.fonts-loaded .mic-2019__caption {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.mic-2019__sidebar {
flex: 0 0 24.1875rem;
margin-left: 2.5rem;
max-width: 24.1875rem
}
.mic-2019__companies #company-1 {
padding-top: 10px
}
.mic-2019__slug-component {
border-bottom: .0625rem solid;
flex: 0 0 100%;
margin-bottom: 2.5rem;
padding: 0 0 .8125rem!important;
width: 100%
}
.mic-2019__slug-component::before {
left: 0!important;
right: 0!important
}
.mic-2019__honoree-by-sector {
line-height: .9375rem!important
}
.mic-2019__sector {
padding-top: 1.3125rem
}
.mic-2019__sector-social {
flex: 0 0 8.33333%;
max-width: 8.33333%;
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.mic-2019__sector-social {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.mic-2019__sector-social .social {
margin-right: 0
}
.mic-2019__sector-social__mobile {
display: none
}
.mic-2019__sector-title {
display: none
}
.mic-2019__sector-content {
margin-bottom: 2.5rem
}
.mic-2019__sector-header {
flex: 1 1 100%;
text-align: center;
margin: 0 0 1.25rem;
padding: 0 0 1.6875rem
}
.mic-2019__sector-header__mobile-image {
display: none!important
}
.mic-2019__sector-header__desktop-image {
margin-bottom: .00001rem;
padding-bottom: .00001rem
}
.mic-2019__sector-header h1 {
color: #000;
font-family: Helvetica;
font-size: 2.25rem;
font-weight: 700;
line-height: 1
}
.fonts-loaded .mic-2019__sector-header h1 {
font-family: CentraNo1, sans-serif;
font-size: 2.25rem;
font-weight: 700;
letter-spacing: 1.44px;
line-height: 2.4375rem
}
.mic-2019__sector-header h1 a:active,
.mic-2019__sector-header h1 a:focus,
.mic-2019__sector-header h1 a:hover,
.mic-2019__sector-header h1 a:link,
.mic-2019__sector-header h1 a:visited {
color: inherit
}
.mic-2019__sector-header span {
color: #e00057
}
.mic-2019__sector-header img {
width: 100%
}
.mic-2019__honorees-by-sectors {
display: flex;
flex: 0 0 100%;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2.5rem;
width: 100%
}
.mic-2019__honorees-by-sectors li {
border-bottom: .0625rem solid #cacaca
}
.mic-2019__honorees-by-sectors li a {
color: #000;
font-family: Helvetica;
display: block;
overflow: hidden;
padding: 1rem 0 1.0625rem;
text-overflow: ellipsis;
white-space: nowrap
}
.fonts-loaded .mic-2019__honorees-by-sectors li a {
font-family: CentraNo1Book, sans-serif;
font-size: .9375rem;
font-weight: 700;
letter-spacing: 1.88px;
line-height: 1.5625rem
}
.mic-2019__honorees-by-sectors li a:active,
.mic-2019__honorees-by-sectors li a:focus,
.mic-2019__honorees-by-sectors li a:link,
.mic-2019__honorees-by-sectors li a:visited {
color: #000
}
.mic-2019__honorees-by-sectors li a:hover {
color: #e00057
}
.mic-2019__list:not(:last-child) {
border-right: .0625rem solid #ccc
}
.mic-2019__list li {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .05rem;
margin-bottom: .625rem;
padding-right: 1.25rem;
font-family: CentraNo1;
line-height: .9375rem!important
}
.fonts-loaded .mic-2019__list li {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-2019__list li.active {
color: #fff;
position: relative;
padding-left: .3125rem
}
.mic-2019__list li.active::before {
bottom: -.3125rem;
background: #000;
content: '';
position: absolute;
left: 0;
right: 1.25rem;
top: -.25rem;
z-index: -1
}
.mic-2019__list li a {
color: #000
}
.mic-2019__list li a:hover {
color: #e00057
}
.mic-2019 .ranked-pagination {
color: #00f;
width: 5000px
}
@media screen and (min-width:70.3125em) {
.mic-2018__group,
.mic-2019__group {
display: flex
}
.mic-2018__content-container,
.mic-2019__content-container {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:70.3125em) and (min-width:40em) {
.mic-2018__content-container,
.mic-2019__content-container {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:70.3125em) {
.mic-2018__nav,
.mic-2019__nav {
flex: 0 0 16.66667%;
max-width: 16.66667%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:70.3125em) and (min-width:40em) {
.mic-2018__nav,
.mic-2019__nav {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:70.3125em) {
.mic-2018__honorees-by-sectors,
.mic-2019__honorees-by-sectors {
padding: 0
}
.mic-2018__honorees-by-sectors ul,
.mic-2019__honorees-by-sectors ul {
flex: 0 0 25%;
padding: 0 1.25rem;
max-width: 25%
}
.mic-2018__honorees-by-sectors li:first-child a,
.mic-2019__honorees-by-sectors li:first-child a {
padding-top: 0
}
.mic-2018__sectors,
.mic-2019__sectors {
display: flex;
flex: 1 1 386px;
justify-content: space-between
}
.mic-2018__sectors ul,
.mic-2019__sectors ul {
flex: 0 0 47.5%;
max-width: 47.5%
}
.mic-2018__sector-companies,
.mic-2019__sector-companies {
display: flex;
flex: 1 1 600px;
justify-content: space-between
}
.mic-2018__sector-companies::after,
.mic-2019__sector-companies::after {
background: #ccc;
content: '';
height: 100%;
left: 50%;
position: absolute;
top: 0;
width: .0625rem
}
.mic-2018__rank-col,
.mic-2019__rank-col {
flex: 1 1 46.6%;
max-width: 46.6%
}
.mic-2018__rank-company:first-child,
.mic-2019__rank-company:first-child {
margin-top: -.1875rem;
padding-top: 0
}
.mic-2018__rank-company:last-child,
.mic-2019__rank-company:last-child {
border: 0;
padding-bottom: 0
}
.mic-2019__sector-companies::after {
display: none
}
}
@media screen and (min-width:40em) {
.mic-2018__sector,
.mic-2019__sector {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
flex-wrap: nowrap
}
.mic-2018__wrapper,
.mic-2019__wrapper {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
padding-top: 1.3125rem
}
.mic-2018__header h2,
.mic-2019__header h2 {
float: left;
margin-right: 20px;
width: calc(50% - 10px)
}
.mic-2018__header__text,
.mic-2019__header__text {
font-family: MeretPro, sans-serif;
margin-top: .6875rem;
font-size: 1.1875rem;
font-weight: 300;
letter-spacing: .0125rem;
line-height: 1.75rem;
overflow: hidden;
list-style: none;
text-align: left;
transition: height .3s ease-in-out
}
.mic-2018__header__text a,
.mic-2019__header__text a {
display: block
}
.mic-2018__header__text p,
.mic-2019__header__text p {
margin: -1px 0 0 0
}
.mic-2018__header__text p span,
.mic-2019__header__text p span {
font-family: MeretPro!important;
color: #000;
font-size: 1.1875rem!important;
letter-spacing: .0125rem!important;
line-height: 1.75rem!important
}
.mic-2018__company-content ul,
.mic-2019__company-content ul {
display: none
}
.mic-2018__company--landscape .mic-2018__company-info,
.mic-2019__company--landscape .mic-2018__company-info {
max-width: none
}
.mic-2018__company--landscape .mic-2018__why,
.mic-2019__company--landscape .mic-2018__why {
margin-bottom: 1.125rem
}
.mic-2018__company--landscape ul,
.mic-2019__company--landscape ul {
display: block
}
.mic-2018__company--landscape li,
.mic-2019__company--landscape li {
display: inline-block
}
.mic-2018__company--landscape li:first-child,
.mic-2019__company--landscape li:first-child {
margin: 0 .625rem 0 0
}
.mic-2018__honorees-by-sectors,
.mic-2019__honorees-by-sectors {
padding: 0 1.25rem
}
.mic-2018__honorees-by-sectors ul,
.mic-2019__honorees-by-sectors ul {
margin-top: -.25rem;
padding: 0 1.25rem
}
.mic-2018__sector-group,
.mic-2019__sector-group {
display: flex
}
.mic-2018__sector-content,
.mic-2019__sector-content {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.mic-2018__sector-content,
.mic-2019__sector-content {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.mic-2018__sector-content .slug-component,
.mic-2019__sector-content .slug-component {
display: none
}
.mic-2019__sectors .mic-2019__list {
border-right: 0
}
.mic-2019__sectors .mic-2019__list:last-child li:first-child {
margin-top: .00006rem
}
.mic-2019__back-to-year {
margin-bottom: 2.5rem
}
.mic-2019__list .active:first-child {
margin-top: .3125rem
}
.mic-2019__sector-companies {
border-left: .08125rem solid #ccc;
padding-left: 1.25rem;
padding-top: .00001rem;
margin-top: .00001rem
}
.mic-2019__rank-col div:first-child {
padding-top: .00006rem
}
}
@media screen and (max-width:63.9375em) {
.mic-2018__honorees-by-sectors ul,
.mic-2019__honorees-by-sectors ul {
flex: 0 0 50%;
max-width: 50%
}
.mic-2018__honorees-by-sectors ul:nth-of-type(1),
.mic-2019__honorees-by-sectors ul:nth-of-type(1) {
order: 0;
padding-left: 0
}
.mic-2018__honorees-by-sectors ul:nth-of-type(2),
.mic-2019__honorees-by-sectors ul:nth-of-type(2) {
order: 2;
padding-left: 0
}
.mic-2018__honorees-by-sectors ul:nth-of-type(3),
.mic-2019__honorees-by-sectors ul:nth-of-type(3) {
order: 1;
padding-right: 0
}
.mic-2018__honorees-by-sectors ul:nth-of-type(4),
.mic-2019__honorees-by-sectors ul:nth-of-type(4) {
order: 3;
padding-right: 0
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.mic-2019 .ranked-pagination {
display: none
}
.mic-2018__sector,
.mic-2018__wrapper,
.mic-2019__sector,
.mic-2019__wrapper {
padding: 0 1.25rem
}
.mic-2018__sector-social,
.mic-2019__sector-social {
flex: 0 0 16.66667%;
max-width: 16.66667%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.mic-2018__sector-social,
.mic-2019__sector-social {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.mic-2018__content-container,
.mic-2019__content-container {
flex: 0 0 75%;
max-width: 75%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.mic-2018__content-container,
.mic-2019__content-container {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.mic-2018__nav,
.mic-2019__nav {
flex: 0 0 25%;
max-width: 25%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.mic-2018__nav,
.mic-2019__nav {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.mic-2018__sectors .mic-2018__list,
.mic-2019__sectors .mic-2018__list {
border-right: 0
}
.mic-2018__rank-col:last-child .mic-2018__rank-company:last-child,
.mic-2019__rank-col:last-child .mic-2018__rank-company:last-child {
border: 0;
padding-bottom: 0
}
}
@media screen and (max-width:39.9375em) {
.mic-2018 .slug-component,
.mic-2019 .slug-component {
display: none
}
.mic-2019 .ranked-pagination {
display: none
}
.mic-2019__back-to-year a {
font-size: .6875rem!important;
width: 95vw;
display: block;
padding-top: 9px;
margin-bottom: 20px
}
.mic-2019__mobile-list {
background: #fff;
bottom: 2.5rem;
display: none;
left: 0;
overflow-y: auto;
padding: 1rem 1.25rem .625rem;
position: fixed;
top: 0;
width: 100%;
z-index: 0
}
.mic-2019__mobile-list--active {
display: block
}
.mic-2019__mobile-list .mic-2019__list img {
width: 100vw;
display: block;
margin-left: -1.25rem;
margin-top: -2.5rem;
margin-bottom: 1.875rem
}
.mic-2019__mobile-list .mic-2019__list li {
font-family: CentraNo1;
font-size: 1rem
}
.mic-2019__mobile-list li:not(:last-child) {
margin-bottom: 1.5625rem
}
.mic-2019__mobile-list span {
color: #e00057
}
.mic-2019__mobile-close {
background: url(https://images.fastcompany.net/image/upload/v1518637792/fcweb/x-mic-2018_njn5wf.svg) no-repeat 0 0;
background-size: contain;
cursor: pointer;
height: 20px;
position: absolute;
right: 1.25rem;
top: 1.25rem;
width: 20px;
-webkit-filter: invert(100%)
}
.mic-2019__company-content img,
.mic-2019__header img {
width: 101vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -51vw;
margin-right: -50vw
}
.mic-2019__header {
border-bottom: .01px;
margin-bottom: 1.875rem;
padding: .00063rem;
padding-top: 30px
}
.mic-2019__header::after {
background: #ccc;
content: '';
height: .06875rem;
left: 0;
position: absolute;
width: 100%
}
.mic-2019__header__desktop-image {
display: none!important
}
.mic-2019__header__mobile-image {
display: block!important
}
.mic-2019__company {
display: inline-block
}
.mic-2019__company__links {
display: flex
}
.mic-2019__company__links__group {
display: block
}
.mic-2019__company::after {
height: .0625rem;
margin-left: -6.25rem;
width: 62.5rem
}
.mic-2019__reason {
float: left;
margin-top: -.3125rem
}
.mic-2019__honorees-by-sectors,
.mic-2019__nav {
display: none
}
.mic-2019__rank-col a {
margin-left: .625rem
}
.mic-2019__sectors {
display: none
}
.mic-2019__sector-header {
margin-bottom: -.3125rem;
padding-bottom: 0
}
.mic-2019__sector-header__desktop-image {
display: none!important
}
.mic-2019__sector-header__mobile-image {
display: block!important;
margin-bottom: .00001rem;
padding-bottom: .00001rem
}
.mic-2019__sector-title {
display: block;
background: #000;
color: #fff;
font-size: 1.125rem;
font-family: CentraNo1;
padding-top: .1875rem;
padding-bottom: .1875rem;
margin-top: .3125rem;
letter-spacing: .09312rem;
text-align: center
}
.mic-2019__sector-social__desktop {
display: none!important
}
.mic-2019__sector-social__mobile {
display: block!important;
max-width: 100%
}
.mic-2019social__link {
background-color: #777
}
.mic-year-page--2018 .ad-wrapper--mobileleaderboard {
background: #f4f4f4;
padding-bottom: 1.25rem
}
.mic-2018__header {
margin-top: 1.25rem;
padding-bottom: 1.25rem
}
.mic-2018__header h2 {
margin-bottom: 1.0625rem
}
.mic-2018__header::before {
height: 1.25rem;
margin-bottom: .625rem
}
.mic-2018__back-to-year,
.mic-2018__nav,
.mic-2018__sectors {
display: none
}
.mic-2018__company {
display: block
}
.mic-2018__company ul {
display: block
}
.mic-2018__company li {
display: inline-block
}
.mic-2018__company li:first-child {
margin: 0 .625rem 0 0
}
.mic-2018__company-info {
margin-right: 0;
max-width: none
}
.mic-2018__company-info ul {
display: none
}
.mic-2018__company-info .mic-2018__why {
margin-bottom: 1.125rem
}
.mic-2018__honorees-by-sectors {
display: none
}
.mic-2018__honorees-by-sectors ul {
padding: 0 .3125rem
}
.mic-2018__honorees-by-sectors ul a {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 1.0625rem
}
.fonts-loaded .mic-2018__honorees-by-sectors ul a {
font-family: CentraNo1, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.mic-2018__mobile-nav {
bottom: 0;
color: #fff;
height: 2.5rem;
display: block;
position: fixed;
width: 100%;
z-index: 10
}
.mic-2018__mobile-close {
background: url(https://images.fastcompany.net/image/upload/v1518637792/fcweb/x-mic-2018_njn5wf.svg) no-repeat 0 0;
background-size: contain;
cursor: pointer;
height: 20px;
position: absolute;
right: 1.25rem;
top: 1.25rem;
width: 20px
}
.mic-2018__mobile-title {
color: #000;
font-family: Helvetica;
font-size: 2.25rem;
font-weight: 700;
line-height: 1;
border-bottom: .0625rem solid #ccc;
margin-bottom: 1.625rem;
padding-bottom: 1.0625rem;
padding-right: 2.5rem;
text-transform: uppercase
}
.fonts-loaded .mic-2018__mobile-title {
font-family: Beckett, sans-serif;
font-size: 3.3125rem;
letter-spacing: 3.5px;
line-height: 2.9375rem
}
.fonts-loaded .mic-2018__mobile-title {
font-size: 2.5rem;
letter-spacing: .1625rem;
line-height: 2.25rem
}
.mic-2018__mobile-item {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
align-items: center;
color: #fff;
display: flex;
flex: 1 1 calc(50% - 25px);
font-weight: 700;
justify-content: center;
max-width: calc(50% - 25px)
}
.fonts-loaded .mic-2018__mobile-item {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.mic-2018__mobile-item:not(:last-child) {
border-right: .0625rem solid
}
.mic-2018__mobile-item-container {
background: #000;
display: flex;
height: inherit;
position: relative;
width: 100%;
z-index: 1
}
.mic-2018__mobile-item--share {
flex: 0 0 3.125rem;
max-width: 3.125rem
}
.mic-2018__mobile-item--share i {
font-size: 1.25rem
}
.mic-2018__mobile-item a {
align-items: center;
color: #fff;
display: flex;
height: 100%;
justify-content: center;
width: 100%
}
.mic-2018__mobile-item span {
text-transform: lowercase
}
.mic-2018__mobile-list {
background: #fff;
bottom: 2.5rem;
display: none;
left: 0;
overflow-y: auto;
padding: 1rem 1.25rem .625rem;
position: fixed;
top: 0;
width: 100%;
z-index: 0
}
.mic-2018__mobile-list--active {
display: block
}
.mic-2018__mobile-list .mic-2018__list li {
font-size: 1rem
}
.mic-2018__mobile-list li:not(:last-child) {
margin-bottom: 1.5625rem
}
.mic-2018__mobile-list span {
color: #f8840f
}
.mic-2018__mobile-social {
background: #fff;
bottom: 2.5rem;
display: none;
padding: .625rem 0;
position: absolute;
width: 100%;
z-index: 0
}
.mic-2018__mobile-social--active {
display: block
}
.mic-2018__mobile-social .social {
border-top: 0;
display: block;
position: static
}
.mic-2018__wrapper {
padding: 0 .625rem
}
.mic-2018__sector {
padding: 0 .625rem
}
.mic-2018__sector-header {
border: 0;
margin-bottom: 0
}
.mic-2018__sector-header::before {
height: 1.25rem;
margin-bottom: 1rem
}
.fonts-loaded .mic-2018__sector-header h1 {
font-size: 2.5rem;
line-height: 2.25rem
}
.mic-2018__sector-content {
margin-top: 1.25rem
}
.mic-2018__sector-content .slug {
border-bottom: 1px solid #000
}
}
.mic-2020 {
margin-top: -88px;
position: relative;
z-index: 1
}
.mic-2020-ad-unit {
background: #f4f4f4;
margin-bottom: 100px;
padding: 10px 0 15px;
position: relative;
z-index: 10
}
.mic-2020-ad-unit .ad-wrapper {
margin: 0!important
}
@media screen and (max-width:39.9375em) {
.mic-2020-ad-unit {
margin: 0
}
}
.mic-2020__button {
font-family: CentraNo1, sans-serif;
background: #0059a1;
height: 35px;
letter-spacing: 1.5px;
transition: all 150ms ease-out
}
.mic-2020__button span {
color: #0059a1;
display: block;
border: 2px solid #0059a1;
background: #fff;
font-size: 16px;
font-weight: 700;
line-height: 32px;
text-transform: uppercase;
transition: all 150ms ease-out
}
.mic-2020__button:hover {
background: #f28575
}
.mic-2020__button:hover span {
border-color: #f28575;
color: #f28575;
-webkit-transform: translate(3px, -3px);
transform: translate(3px, -3px)
}
.mic-2020__header {
background: #fce4db;
color: #0059a1;
padding-bottom: 174px;
position: relative;
z-index: 10
}
.mic-2020__header p {
margin: 0 0 20px
}
.mic-2020__header-ceros {
background: #fce4db
}
.mic-2020__header-hero {
background: url(https://images.fastcompany.com/image/upload/v1580862405/MIC.desktop_2x.png) center top no-repeat;
background-size: 100% auto;
padding: 0 0 60%;
height: 0
}
.mic-2020__header-container {
display: flex;
max-width: 690px;
margin: 0 auto;
padding: 0 20px
}
.mic-2020__header-social {
flex: 0 0 70px
}
.mic-2020__header-content {
font-family: MeretPro, sans-serif;
font-size: 19px;
line-height: 28px;
flex: 1 1 auto
}
.mic-2020__header-content a {
color: #0059a1;
text-decoration: underline
}
.mic-2020__header-content a:hover {
color: #f28575
}
.mic-2020__header-buttons {
display: flex;
justify-content: space-between
}
.mic-2020__header-buttons>* {
flex: 0 0 48%
}
.mic-2020 .parallax {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(https://images.fastcompany.com/image/upload/v1583203304/confetti-overlay_2x.png) top right repeat-y;
z-index: 5
}
.mic-2020__back-to-top {
background: url(https://assets.fastcompany.com/image/upload/v1583678216/MIC/2020/back-to-top-icon.svg) no-repeat 0 0;
bottom: -97px;
cursor: pointer;
height: 97px;
opacity: 0;
position: fixed;
right: 11px;
width: 90px;
z-index: 11;
transition: all .2s ease-out
}
.mic-2020__back-to-top--active {
bottom: 62px;
opacity: 1
}
.mic-2020__back-to-top:hover {
background: url(https://assets.fastcompany.com/image/upload/v1583678216/MIC/2020/back-to-top-icon-hover.svg) no-repeat 0 0
}
@media screen and (min-width:1280px) {
.mic-2020__back-to-top {
right: 50%;
margin-right: -630px
}
}
@media screen and (max-width:39.9375em) {
.mic-2020__header {
padding-bottom: 50px
}
.mic-2020__header-hero {
background: url(https://images.fastcompany.com/image/upload/v1581123508/MIC.mobile.text_2x.png) center top no-repeat;
background-size: 100% auto;
padding: 0 0 113.33333%;
height: 0
}
.mic-2020__header-social {
display: none
}
.mic-2020__header-buttons {
display: none
}
.mic-2020 .parallax {
display: none
}
.mic-2020__back-to-top {
right: -5px;
background: url(https://assets.fastcompany.com/image/upload/v1583678216/MIC/2020/back-to-top-icon-mobile.svg) no-repeat 0 0;
bottom: 62px;
cursor: pointer;
height: 97px;
position: fixed;
width: 90px;
z-index: 11
}
.mic-2020__back-to-top:hover {
background: url(https://assets.fastcompany.com/image/upload/v1583678216/MIC/2020/back-to-top-icon-mobile.svg) no-repeat 0 0
}
}
.company-index-page .page-description {
padding-bottom: 1.6875rem;
position: relative
}
.company-index-page .page-description::after {
background-color: #000;
bottom: 0;
content: '';
height: .0625rem;
left: 0;
position: absolute;
width: 100%
}
@media screen and (min-width:40em) {
.company-index-page .page-description::after {
left: 1.25rem;
width: calc(100% - 40px)
}
}
.company-page .page-description {
padding-bottom: 1.6875rem;
position: relative
}
.company-page .page-description::after {
background-color: #000;
bottom: 0;
content: '';
height: .0625rem;
left: 0;
position: absolute;
width: 100%
}
.company-page__top-ad-container {
background: #f4f4f4;
margin-top: -.375rem;
padding-bottom: 1.1875rem
}
.company-page__top-ad-container div {
margin-bottom: 0
}
@media screen and (min-width:40em) {
.company-page .page-description::after {
left: 1.25rem;
width: calc(100% - 40px)
}
}
.video-index-page {
position: relative;
z-index: 0
}
.video-index-page .jw-title {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: .4375rem;
z-index: 1;
top: auto;
width: auto;
height: auto;
padding-top: 0;
padding-bottom: 0;
max-width: 100%
}
.video-index-page__video-wrapper {
margin-top: 0;
position: relative;
width: 100%;
padding-top: 56.25%
}
.video-index-page__all-feed-wrapper {
margin-top: 1.25rem
}
.video-index-page .jwplayer--video-post {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #e2e8ec;
max-height: 100%;
display: inline-block
}
.video-index-page .jw-state-idle .jw-display-icon-container {
border: 0
}
.video-index-page .jw-state-idle .jw-display-icon-container * {
display: none
}
.video-index-page .jw-state-idle .jw-display-icon-container::after {
content: "";
background: url(https://images.fastcompany.net/image/upload/v1512423015/fcweb/video-play-button-100px-fix_w1rixk.svg) no-repeat center center;
background-size: contain;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 3.125rem;
height: 3.125rem
}
.video-index-page .jw-title-primary {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem;
padding-bottom: .625rem
}
.fonts-loaded .video-index-page .jw-title-primary {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
.video-index-page .page-description {
padding-bottom: 1.6875rem;
position: relative
}
.video-index-page .page-description::after {
background-color: #000;
bottom: 0;
content: '';
height: .0625rem;
left: 0;
position: absolute;
width: 100%
}
.video-index-page__ad-container>.ad-wrapper {
margin-top: 0
}
@media screen and (min-width:40em) {
.video-index-page__video-wrapper {
margin-top: 1.25rem;
height: 75vh;
padding-top: 0
}
.video-index-page .jw-title-primary {
color: #000;
font-family: Helvetica;
font-size: 1.875rem;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.8125rem;
padding-bottom: 1.875rem
}
.fonts-loaded .video-index-page .jw-title-primary {
font-family: GrifitoM, sans-serif;
font-size: 2.25rem;
line-height: 2.1875rem
}
.video-index-page .jwplayer.jw-flag-aspect-mode {
height: 100%!important;
width: auto!important
}
.video-index-page .jw-state-idle .jw-display-icon-container::after {
width: 5rem;
height: 5rem
}
.video-index-page .page-description::after {
left: 1.25rem;
width: calc(100% - 40px)
}
.video-index-page__ad-container>.ad-wrapper {
margin-top: .3125rem
}
}
@media screen and (max-width:39.9375em) {
.video-index-page__ad-container>div[class*='ad-wrapper ad-wrapper--'] {
margin-top: -.9375rem
}
}
.dwen-container iframe {
display: block;
margin: 0 auto;
height: 1280px;
width: 600px;
position: relative;
top: -40px
}
.dwen-container .preloaded_lightbox {
margin-top: -250px!important
}
.dwen-container .inline-form {
display: block;
margin: 0 auto;
width: 350px
}
.flex-container__row {
display: flex;
flex-direction: row;
width: 100%;
max-width: 1280px;
margin: 0 auto
}
.flex-container__row.wrap {
flex-wrap: wrap;
flex-direction: column
}
@media screen and (min-width:40em) {
.flex-container__row.wrap {
flex-direction: row
}
}
.flex-container__row.wrap-reverse {
flex-wrap: wrap;
flex-direction: column-reverse
}
@media screen and (min-width:40em) {
.flex-container__row.wrap-reverse {
flex-direction: row
}
}
.flex-container__column {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
padding: 20px
}
.flex-container__column.justify-center {
justify-content: center
}
.flex-container__column.align-center {
align-items: center
}
.flex-container__column.border-r {
border-right: 1px solid #d3d3d3
}
.flex-container__column.mobile-border-b {
border-bottom: 1px solid #d3d3d3
}
@media screen and (min-width:40em) {
.flex-container__column.mobile-border-b {
border-bottom: none
}
}
html#mindedge body {
padding: 0
}
.full-center {
text-align: center;
margin: 0 auto
}
a.learn-more-button {
width: 232px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
font: 700 18px/18px CentraNo1;
letter-spacing: 1.25px;
text-transform: uppercase;
color: #fff;
background-color: #3a3a3a
}
@media screen and (min-width:40em) {
a.learn-more-button {
font: 700 25px/25px CentraNo1
}
}
a.learn-more-button:hover {
color: #ef5b24
}
.section-header {
font: 400 26px/28px CentraNo1Book;
letter-spacing: 1px;
color: #242424;
text-transform: uppercase;
text-align: center
}
@media screen and (min-width:40em) {
.section-header {
font: 400 40px/40px CentraNo1Book
}
}
.arrow-down {
margin: 25px auto
}
.course-card {
display: flex;
flex-direction: row;
min-width: 200px;
flex-direction: column;
border-bottom: none
}
.course-card .image {
flex: 1
}
.course-card .image img {
min-width: 150px;
width: 100%
}
.course-card .meta {
padding-left: 15px
}
@media screen and (min-width:40em) {
.course-card .meta {
padding-left: 0
}
}
.course-card .meta .hed {
font-family: CentraNo1;
font-weight: 700;
font-size: 20px;
line-height: 26px;
letter-spacing: .2px;
color: #000;
text-transform: uppercase
}
.course-card .meta .dek {
font-family: MeretPro;
font-weight: 300;
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
color: #000
}
.page-section {
padding: 60px 0
}
.page-section__intro {
background-image: url(//images.fastcompany.net/image/upload/v1589399920/fc/intro-background_auovbx.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.page-section__intro .eyebrow {
display: table;
margin-bottom: 30px;
background-color: rgba(5, 122, 155, .5);
padding: 8px 25px;
font: 700 14px/14px CentraNo1;
letter-spacing: .7px;
color: #fff;
width: auto;
margin: 0 auto;
margin-bottom: 25px
}
.page-section__intro .hed {
font: 400 58px/50px GrifoMRegular;
font-size: 58px;
line-height: 50px;
color: #fff;
text-align: center;
margin-bottom: 9px
}
@media screen and (min-width:40em) {
.page-section__intro .hed {
font: 400 122px/126px GrifoMRegular
}
}
.page-section__intro .dek {
font: 700 17px/20px CentraNo1;
letter-spacing: 1.7px;
padding-bottom: 29px;
color: #fff;
text-align: center;
text-transform: uppercase
}
@media screen and (min-width:40em) {
.page-section__intro .dek {
font: 700 25px/25px CentraNo1;
letter-spacing: 1.25px
}
}
.page-section__intro .cta-container {
width: 100%;
display: flex
}
.page-section__intro .cta-container .cta-notice {
background-color: #fff;
border: #057a9b 10px solid;
display: inline-block;
text-transform: uppercase;
margin: 0 auto;
padding: 20px 40px;
text-align: center
}
.page-section__intro .cta-container .cta-notice .line1 {
font: 700 46px/44px CentraNo1;
color: #000
}
@media (max-width:815px) {
.page-section__intro .cta-container .cta-notice .line1 {
font-size: 32px;
line-height: 30px
}
}
@media (max-width:520px) {
.page-section__intro .cta-container .cta-notice .line1 {
font-size: 30px;
line-height: 24px
}
}
.page-section__intro .cta-container .cta-notice .line2 {
font: 400 15px/15px CentraNo1Book;
letter-spacing: 1.5px;
color: #000
}
@media (max-width:815px) {
.page-section__intro .cta-container .cta-notice .line2 {
font-size: 11px;
line-height: 10px;
letter-spacing: 1.1px
}
}
@media (max-width:520px) {
.page-section__intro .cta-container .cta-notice .line2 {
font-size: 11px;
line-height: 12px;
letter-spacing: 1.1px
}
}
.page-section__intro .cta-container .cta-notice .line3 {
line-height: 18px
}
@media (max-width:815px) {
.page-section__intro .cta-container .cta-notice .line3 {
letter-spacing: 1.1px;
line-height: 10px
}
}
.page-section__intro .cta-container .cta-notice .line3 a {
font: 700 15px/15px CentraNo1Medium;
letter-spacing: 1.5px;
color: #000;
text-decoration: underline
}
@media (max-width:992px) {
.page-section__intro .cta-container .cta-notice .line3 a {
font: 700 15px/15px CentraNo1Medium
}
}
@media (max-width:815px) {
.page-section__intro .cta-container .cta-notice .line3 a {
font-size: 11px
}
}
.page-section__start,
.page-section__why {
background-image: url(//images.fastcompany.net/image/upload/v1589468582/fc/section-1-bg_fkkwoh.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.page-section__start .hed,
.page-section__why .hed {
font: normal 25px/28px CentraNo1Book;
letter-spacing: 1px;
color: #242424;
text-transform: uppercase;
margin-bottom: 16px
}
@media screen and (min-width:40em) {
.page-section__start .hed,
.page-section__why .hed {
font: normal 40px/40px CentraNo1Book
}
}
.page-section__start .dek,
.page-section__why .dek {
font: normal 23px/30px MeretPro;
color: #242424;
margin-bottom: 25px
}
.page-section__start .image-container>img,
.page-section__why .image-container>img {
width: 100%
}
.page-section__quote {
font: normal 30px/28px GrifoMRegular;
padding: 38px 12px 40px;
font-size: 30px;
line-height: 28px;
letter-spacing: 1.5px;
text-align: center;
text-transform: uppercase;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 300px
}
@media screen and (min-width:40em) {
.page-section__quote {
font: normal 72px/74px GrifoMRegular;
padding: 101px calc((100vw - 1280px)/ 2) 111px;
letter-spacing: 3.6px
}
}
.page-section__courses {
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3
}
.page-section__courses .course-grid {
display: grid;
grid-template-columns: 1fr
}
@media screen and (min-width:40em) {
.page-section__courses .course-grid {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}
}
.page-section__footer .hed {
font: 700 25px/35px CentraNo1;
letter-spacing: 1.25px;
color: #242424;
text-transform: uppercase;
text-align: center
}
.mindedge-top-navigation {
width: 100vw;
height: 94px;
background-color: #000;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 4;
display: flex;
align-items: center;
justify-content: space-between
}
@media (min-width:1305px) {
.mindedge-top-navigation {
padding-left: calc((100vw - 1265px)/ 2);
padding-right: calc((100vw - 1265px)/ 2)
}
}
@media (max-width:1304px) {
.mindedge-top-navigation {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:815px) {
.mindedge-top-navigation {
align-items: flex-start;
padding: 15px 20px
}
}
.mindedge-top-navigation .incLogo {
margin-left: 21.5px
}
.mindedge-top-navigation .incLogo img {
width: 202px;
display: block
}
@media (max-width:1023px) {
.mindedge-top-navigation .incLogo img {
width: 185px
}
}
@media (max-width:815px) {
.mindedge-top-navigation .incLogo img {
margin-left: 0;
width: 126px
}
}
@media (max-width:815px) {
.mindedge-top-navigation .incLogo {
margin-left: 0
}
}
.mindedge-top-navigation nav {
width: 100vw;
text-align: center;
position: absolute;
left: 0
}
@media (max-width:815px) {
.mindedge-top-navigation nav {
bottom: 15px
}
}
.mindedge-top-navigation nav a {
font-family: CentraNo1;
font-weight: 600;
font-size: 14px;
line-height: 14px;
letter-spacing: .7px;
color: #fff;
text-decoration: none
}
.mindedge-top-navigation nav a:not(:first-child) {
margin-left: 1em
}
@media (max-width:815px) {
.mindedge-top-navigation nav a:not(: first-child) {
margin-left: 2em
}
}
.mindedge-top-navigation nav a:not(:last-child) {
padding-right: 25px
}
@media (max-width:815px) {
.mindedge-top-navigation nav a:not(: last-child) {
padding-right: 0
}
}
@media (max-width:815px) {
.mindedge-top-navigation nav a {
font-size: 11px;
letter-spacing: .55px
}
}
.mindedge-top-navigation .mindEdgeLogo {
margin-right: 24px;
display: flex;
justify-content: flex-end;
align-items: center
}
@media (max-width:1023px) {
.mindedge-top-navigation .mindEdgeLogo {
margin-right: 0
}
}
.mindedge-top-navigation .mindEdgeLogo .mindEdgeText {
font-family: CentraNo1Medium;
font-weight: 400;
font-size: 12px;
line-height: 12px;
letter-spacing: 1.2px;
color: #fff;
margin-top: 1px;
margin-right: -1px
}
@media (max-width:815px) {
.mindedge-top-navigation .mindEdgeLogo .mindEdgeText {
font-size: 8px;
line-height: 8px
}
}
@media (max-width:815px) {
.mindedge-top-navigation .mindEdgeLogo {
margin-right: 0
}
}
.mindedge-top-navigation .mindEdgeLogo img {
width: 142px;
margin: 0 0 0 24px
}
@media (max-width:815px) {
.mindedge-top-navigation .mindEdgeLogo img {
width: 88px;
margin: 0 0 0 10px
}
}
.news-container {
display: flex;
margin: 0 auto;
justify-content: center;
margin-top: 50px;
margin-bottom: 30px
}
.news-container__choice {
max-width: 415px
}
.news-container__choice div {
margin-top: 17px
}
.news-container__choice div input {
margin-right: 10px;
height: 15px;
margin-top: 3px;
float: left
}
.news-container__choice div p {
line-height: 26px;
font-size: 19px;
font-family: 'Meret Pro';
margin-bottom: .0001px;
margin-top: .0001px;
display: flex
}
.newsletter-spacer {
height: auto;
width: 1px;
background-color: #ccc;
display: inline-block;
margin-right: 4.219vw;
margin-left: 4.219vw
}
@media screen and (max-width:927px) {
.news-container {
display: block;
margin: 0 auto;
justify-content: center;
margin-top: 50px;
margin-bottom: 30px;
max-width: 600px;
padding-left: 10px;
padding-right: 10px
}
.news-container__choice {
width: 100%;
margin: 0 auto!important;
max-width: 10000px
}
.news-container__choice img {
width: 100%
}
.newsletter-spacer {
height: 1px;
width: 100%;
background-color: #ccc;
display: inline-block;
margin-top: 20px;
margin-bottom: 20px;
margin-right: .0001px;
margin-left: .0001px
}
}
.queer-50-2021 {
background-color: #000
}
.queer-50-2021 .layout {
background-color: #000!important
}
.queer-50-2021 .recirc {
display: none!important
}
.queer-50-2021 .footer {
display: none!important
}
.queer-50-2021 .masthead {
background-color: #000!important
}
.queer-50-2021 .masthead__nav {
background-color: #000!important
}
.masonry-grid {
max-width: 1040px;
margin: 0 auto
}
.topButton {
text-align: right;
position: fixed;
bottom: 120px;
right: 20px;
cursor: pointer
}
@media screen and (max-width:64rem) {
.topButton {
display: none
}
}
.topButton:hover path {
fill: #ed0f69
}
@media screen and (max-width:48rem) {
.accordion_overlay .container {
display: flex!important;
flex-direction: row!important
}
.accordion_overlay .image {
flex-basis: 355px!important;
margin-left: 40px!important
}
.accordion_overlay .image img {
width: 355px!important;
max-height: 476px!important
}
.accordion_overlay .image h1 {
line-height: 23px!important
}
.accordion_overlay .content {
flex-basis: 293px!important
}
}
@media screen and (max-width:25.875rem) {
.accordion_overlay .image {
margin: 0!important
}
.accordion_overlay h1:last-of-type {
margin-bottom: 30px!important
}
.accordion_overlay .content {
justify-content: center!important;
flex-basis: 355px!important
}
}
.queer50__main_container {
background-color: #000
}
@media screen and (max-width:48rem) {
.queer50__main_container {
display: flex;
flex-direction: column
}
}
.queer50__heroSection {
margin: 0 auto;
max-width: 77.5rem;
width: 100%
}
.queer50__heroSection .headerDesktop {
width: 90%;
margin: 0 auto;
padding-top: 40px;
display: block
}
@media screen and (max-width:39.9375em) {
.queer50__heroSection .headerDesktop {
width: 100%;
margin: 0;
padding-top: 20px
}
}
.queer50__subtitle {
font-family: GrifitoM, sans-serif;
font-size: 38px;
padding-top: 40px;
color: #777;
margin: 0 auto;
max-width: 950px;
text-align: center
}
@media screen and (max-width:48rem) {
.queer50__subtitle {
max-width: 655px
}
}
@media screen and (max-width:39.9375em) {
.queer50__subtitle {
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
font-size: 30px;
line-height: 30px
}
}
.queer50__dek {
font-family: MeretPro, sans-serif;
font-size: 19px;
line-height: 28px;
max-width: 1000px;
margin: 0 auto;
color: #fff;
padding-top: 40px;
text-align: left;
padding-left: 15px;
padding-right: 15px
}
.queer50__dek a {
color: #ed0f69!important
}
.queer50__dek p {
margin-bottom: 0
}
.queer50__dek img:hover {
cursor: pointer
}
@media screen and (max-width:48rem) {
.queer50__dek {
max-width: 655px
}
}
@media screen and (max-width:23.4375rem) {
.queer50__dek {
text-align: justify;
padding: 40px 10px 0
}
}
.queer50__filters {
color: #fff;
margin: 40px auto 80px;
padding-left: 25px;
display: flex;
max-width: 1040px;
align-items: flex-end
}
.queer50__filters p {
font-family: CentraNo2;
margin: -2px 0 0 0;
padding-left: 10px;
font-size: 14px
}
.queer50__filters p:first-of-type {
margin-bottom: -.5px;
font-weight: 700
}
.queer50__filters input {
margin-left: 10px
}
.queer50__filters span {
padding-left: 15px;
padding-right: 5px;
color: #ccc
}
@media screen and (max-width:48rem) {
.queer50__filters {
padding: 0;
margin: 40px auto 0 60px
}
.queer50__filters span {
padding: 0 15px
}
}
@media screen and (max-width:25.875rem) {
.queer50__filters {
padding: 0;
margin: 60px 10px
}
}
.queer50__grid {
max-width: 1040px;
margin: 0 auto;
grid-template-columns: repeat(3, 300px);
-webkit-column-gap: 70px;
-moz-column-gap: 70px;
column-gap: 70px;
display: grid
}
@media screen and (max-width:64rem) {
.queer50__grid {
margin-top: 80px
}
}
@media screen and (max-width:48rem) {
.queer50__grid {
margin-top: 80px;
max-width: 678px;
grid-template-columns: repeat(2, 300px)
}
}
@media screen and (max-width:23.4375rem) {
.queer50__grid {
margin-top: 80px;
max-width: 307px;
grid-template-columns: repeat(1, 300px)
}
}
.mobile-ad-container {
display: block;
margin-bottom: 50px
}
@media screen and (min-width:40em) {
.mobile-ad-container {
display: none
}
}
.desktop-ad-container {
display: none;
margin-bottom: 100px
}
@media screen and (min-width:40em) {
.desktop-ad-container {
display: block
}
}
.jj-grid {
max-width: 1040px;
margin-left: 20px;
margin-right: 20px;
display: grid;
grid-template-columns: 1fr
}
@media screen and (min-width:40em) {
.jj-grid {
grid-template-columns: 1fr 1fr;
margin-left: auto;
margin-right: auto
}
}
@media screen and (min-width:64em) {
.jj-grid {
grid-template-columns: 1fr 1fr 1fr;
margin-left: auto;
margin-right: auto
}
}
.profileContainer {
width: 100%;
padding: 0 26px;
margin-bottom: 50px;
display: flex;
flex-direction: column
}
@media screen and (min-width:40em) {
.profileContainer {
margin-bottom: 100px
}
}
.profileContainer .categorySticker {
width: 62px;
height: 62px;
border-radius: 50%;
position: absolute;
top: -31px;
right: -31px;
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
font-weight: 700;
font-family: CentraNo2;
color: #fff;
text-transform: uppercase;
text-align: center
}
.profileContainer .categorySticker.next-gen {
background-color: #1aaf62
}
.profileContainer .categorySticker.trailblazer {
background-color: #f58473
}
.profileContainer p {
margin: 0;
line-height: 21px;
letter-spacing: 1.76px;
text-transform: uppercase;
font-family: CentraNo2;
font-weight: 700;
font-size: 16px;
color: #fff
}
.profileContainer p:first-of-type {
color: #ed0f69;
margin-top: 10px
}
.profileContainer p:last-of-type {
font-weight: 400;
color: #ccc;
margin-bottom: 10px
}
.profileContainer .buttonContainer {
padding: 20px 18px;
font-family: CentraNo2;
font-size: 14px;
letter-spacing: 1.75px;
line-height: 29px;
font-weight: 700;
margin: 10px 0;
color: #555;
border: 1px solid #555;
min-height: 40px;
position: relative
}
.profileContainer button {
display: flex;
position: absolute;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.profileContainer:hover {
cursor: pointer
}
.profileContainer:hover button {
transition: all 250ms linear;
-webkit-transform: translate(5px, -5px);
transform: translate(5px, -5px);
background-color: #ed0f69!important;
color: #fff
}
.accordion_overlay .close {
width: 25px!important;
height: 25px!important
}
@media screen and (max-width:39.9375em) {
.accordion_overlay .close {
top: 20px!important;
right: 10px!important
}
}
.accordion_overlay .close::before {
width: 25px!important
}
.accordion_overlay .close::after {
width: 25px!important
}   .content {
font-family: MeretPro;
font-size: 18px;
line-height: 28px
}
.content a {
color: #ed0f69!important
}
.content a:hover {
cursor: pointer
}
@media screen and (max-width:39.9375em) {
.content:nth-child(-n+10) {
margin-top: -10px
}
}
.close {
margin-right: 25px
}
.notification {
background: #5f5f5f;
color: #fbfbfb;
display: flex;
justify-content: center;
overflow: hidden;
transition: all .2s ease-out;
padding: 20px 0
}
.notification a {
color: #58aff6;
text-decoration: underline
}
.notification--closed {
height: 0;
padding: 0
}
.notification--success {
background: #dff2bf;
color: #4f8a10
}
.notification--error {
background: #ffbaba;
color: #d8000c
}
.notification--warning {
background: #feefb3;
color: #9f6000
}
.notification__container {
display: flex;
flex: 0 1 647px;
margin: 0 10px
}
.notification__message {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 700;
letter-spacing: .56px;
line-height: .875rem;
color: #fff;
margin: 0 15px 0 0
}
.fonts-loaded .notification__message {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: 1.0625rem
}
.notification__message--large {
font-size: 14px
}
.notification__close {
background: url(https://images.fastcompany.net/image/upload/v1532035777/fcweb/X-WHT_dk2tlq.svg);
background-repeat: no-repeat;
border: 0;
cursor: pointer;
flex: 0 0 21px;
height: 21px;
position: relative;
top: 1rem
}
@media screen and (max-width:39.9375em) {
.notification__message {
margin: 0 15px 20px 0
}
}
.loader-wrap {
min-height: 100vh
}
.loader,
.loader::after,
.loader::before {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
-webkit-animation: load7 1.8s infinite ease-in-out;
animation: load7 1.8s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.loader {
color: #000;
font-size: 10px;
left: 50%;
margin: 80px auto;
text-indent: -9999em;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -.16s;
animation-delay: -.16s
}
.loader--in-content {
position: static
}
.loader::after,
.loader::before {
content: '';
position: absolute;
top: 0
}
.loader::before {
left: -3.5em;
-webkit-animation-delay: -.32s;
animation-delay: -.32s
}
.loader::after {
left: 3.5em
}
@-webkit-keyframes load7 {
0%,
100%,
80% {
box-shadow: 0 2.5em 0 -1.3em
}
40% {
box-shadow: 0 2.5em 0 0
}
}
@keyframes load7 {
0%,
100%,
80% {
box-shadow: 0 2.5em 0 -1.3em
}
40% {
box-shadow: 0 2.5em 0 0
}
}
.not-found {
margin-top: 3.5rem
}
.not-found__title {
background-color: #d0011b;
color: #fff;
font-family: sans-serif;
font-size: 31px;
font-weight: 700;
letter-spacing: .58px;
padding: 3.125rem;
line-height: 26px;
margin-bottom: 60px;
margin-bottom: 60px;
text-align: center
}
.fonts-loaded .not-found__title {
font-family: GrifitoM, sans-serif
}
.not-found__subtitle {
color: #939598;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
margin-bottom: 2.5rem;
text-align: center
}
.fonts-loaded .not-found__subtitle {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
@media screen and (max-width:39.9375em) {
.not-found {
margin-top: 1.4375rem
}
.not-found__subtitle {
color: #939598;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
margin-bottom: 1.8125rem;
text-align: center
}
.fonts-loaded .not-found__subtitle {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
}
.footer {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
color: #000;
font-family: Helvetica;
font-size: .6875rem;
font-weight: 400;
letter-spacing: .072px;
line-height: 1.375rem;
display: block;
margin: 0 auto;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.fonts-loaded .footer {
font-family: CentraNo1Book, sans-serif;
font-size: .75rem;
line-height: 1rem;
letter-spacing: .04375rem
}
.footer__nav-wrapper {
border-top: .1875rem solid #000;
padding: .125rem 0 .0625rem 0
}
.footer__link-container {
list-style: none;
padding-left: 0;
text-align: center;
width: 100%
}
.footer__link {
display: inline;
margin-right: .625rem
}
.footer__link::after {
content: "|";
margin-left: .625rem
}
.footer__link:nth-child(6n)::after {
content: "|";
margin-left: .625rem
}
.footer__link:last-child::after {
content: ""
}
.footer__link:nth-last-child(2) {
color: #000;
font-family: Helvetica;
font-size: .6875rem;
font-weight: 400;
letter-spacing: .072px;
line-height: 1.375rem;
margin-right: .9375rem;
margin-left: 0
}
.fonts-loaded .footer__link:nth-last-child(2) {
font-family: CentraNo1Book, sans-serif;
font-size: .75rem;
line-height: 1rem;
letter-spacing: .04375rem
}
.footer__link:nth-last-child(2)::after {
content: "";
margin-left: 0
}
.footer__link:nth-last-child(3) {
margin-right: .3125rem
}
.footer__link:nth-last-child(3)::after {
content: "|";
margin-left: .875rem
}
.footer__link:first-child {
margin-left: 0
}
.footer__daa-logo {
height: .625rem;
padding-top: .0625rem;
width: .5625rem
}
.footer a {
color: #000
}
@media screen and (max-width:39.9375em) {
.footer {
color: #000;
font-family: Helvetica;
font-size: .8125rem;
font-weight: 400;
letter-spacing: .072px;
line-height: 1.5rem;
padding-left: 0;
padding-right: 0
}
.fonts-loaded .footer {
font-family: CentraNo1Book, sans-serif;
font-size: .75rem;
line-height: 1.75rem;
letter-spacing: .04375rem
}
.footer__nav-wrapper {
padding: 0;
margin-top: -.0625rem
}
.footer__link-container {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
text-align: center
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.footer__link-container {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.footer__mobile-link-adjustment {
display: block;
height: 25px;
margin: 0 auto;
width: auto
}
.footer__link {
display: inline;
margin-right: .53125rem
}
.footer__link::after {
content: "|";
margin-left: .53125rem
}
.footer__link:nth-child(4)::before {
content: "\A";
white-space: pre
}
.footer__link:nth-last-child(2) {
color: #000;
font-family: Helvetica;
font-size: .8125rem;
font-weight: 400;
letter-spacing: .072px;
line-height: 1.5rem
}
.fonts-loaded .footer__link:nth-last-child(2) {
font-family: CentraNo1Book, sans-serif;
font-size: .75rem;
line-height: 1.75rem;
letter-spacing: .04375rem
}
.footer__link:nth-last-child(2)::before {
content: "\A";
white-space: pre
}
.footer__link:nth-last-child(2)::after {
content: ""
}
.footer__link:first-child {
margin-left: 0
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.footer {
padding-left: 2.5rem;
padding-right: 2.5rem
}
}
.ad-wrapper {
display: flex;
justify-content: center;
overflow: hidden
}
.ad-wrapper--sponsorlogo {
justify-content: left
}
.ad-wrapper--ad-unit-wrap {
flex-direction: column
}
.ad-wrapper--header {
background-color: #000;
background-image: url(//a.fastcompany.net/asset_files/-/2015/06/04/lrg-hash-light.png);
display: none;
padding: 1.25rem 0
}
.ad-wrapper__ad-slug {
color: #5f5f5f;
font-family: Helvetica;
font-size: .6875rem;
font-weight: 300;
letter-spacing: 1.35px;
line-height: 1.0625rem;
text-align: center;
text-transform: uppercase;
margin: auto;
text-align: center;
text-transform: uppercase;
margin-bottom: -.125rem
}
.fonts-loaded .ad-wrapper__ad-slug {
font-family: CentraNo1Book, sans-serif;
font-size: .625rem;
letter-spacing: .07687rem
}
.ad-wrapper--fixedrectangle,
.ad-wrapper--mobileleaderboard,
.ad-wrapper--mobilerectangle,
.ad-wrapper[class*="--mobileparallax_"],
.ad-wrapper[class*="--mobilerectangle_"] {
margin: 0 auto
}
@media print,
screen and (min-width:64em) {
.ad-wrapper--fixedrectangle,
.ad-wrapper--mobileleaderboard,
.ad-wrapper--mobilerectangle,
.ad-wrapper[class*="--mobileparallax_"],
.ad-wrapper[class*="--mobilerectangle_"] {
display: none!important
}
}
.ad-wrapper--fixedrectangle {
padding-top: 1rem;
margin-bottom: 1.875rem
}
.ad-wrapper--mobilerectangle,
.ad-wrapper[class*="--mobileparallax_"],
.ad-wrapper[class*="--mobilerectangle_"] {
margin: .9375rem 0 1.875rem
}
.ad-wrapper--articlescroll,
.ad-wrapper--articletop {
background-color: #f4f4f4;
padding-bottom: 1.1875rem;
padding-top: .25rem;
margin-bottom: 0;
min-height: 5.625rem
}
.ad-wrapper--articlebottom {
margin-bottom: 2.5rem
}
@media screen and (max-width:39.9375em) {
.ad-wrapper--flexiblebillboard,
.ad-wrapper--flexiblehalfpage,
.ad-wrapper--flexibleinterrupter,
.ad-wrapper--flexibleleaderboard,
.ad-wrapper[class*="--flexiblebillboard_"] {
display: none!important
}
}
@media screen and (max-width:39.9375em) {
.ad-wrapper--flexiblebillboard,
.ad-wrapper--flexiblehalfpage,
.ad-wrapper--flexibleinterrupter,
.ad-wrapper--flexibleleaderboard,
.ad-wrapper[class*="--flexiblebillboard_"] {
display: none!important
}
}
@media screen and (max-width:63.9375em) {
.ad-wrapper--flexiblepushdown {
display: none!important
}
}
@media screen and (max-width:39.9375em) {
.ad-wrapper--welcomemat {
display: none!important
}
}
.ad-wrapper--welcomemat iframe {
top: 0!important
}
.ad-wrapper--oop {
line-height: .0625rem;
display: none
}
.ad-wrapper[class*="--nativecollectionmodule_"] {
height: .0625rem
}
.ad-wrapper--test-native {
display: none
}
.ad-wrapper--native_homepagefeature,
.ad-wrapper--native_infinitescroll,
.ad-wrapper--native_recommendationlink,
.ad-wrapper--native_sponsoredtile {
height: .0625rem
}
.ad-wrapper--native_mid_article_inject {
position: absolute;
height: .0625rem
}
.advertorial-mobile-paid {
display: none
}
.advertorial-header-wrapper {
margin-top: -.625rem
}
.advertorial-border {
transition: height .1s ease-in-out;
border-bottom: solid 1px #ccc;
height: 81px;
margin-bottom: 40px
}
.advertorial-border.noMargin {
margin-bottom: 0
}
.sticky__released {
display: none
}
.sticky .sticky-inner-wrapper {
z-index: 10000
}
.sticky .advertorial-border {
transition: height .3s ease-in-out;
height: 53px
}
.sticky .advertorial-header {
transition: height .3s ease-in-out
}
.sticky .advertorial-header__brandworks-logo {
display: none
}
.sticky .advertorial-header__inner {
transition: height .3s ease-in-out;
height: 52px;
margin-bottom: 30px
}
.sticky .advertorial-header__brandworks-logo--collapsed {
display: block!important;
margin-top: .25rem
}
.advertorial-header {
transition: height .1s ease-in-out;
max-width: 1240px;
margin: auto;
background-color: #fff;
z-index: 7
}
.advertorial-header__inner {
transition: height .1s ease-in-out;
margin-left: 8.333%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
height: 80px;
margin-bottom: 10px
}
.advertorial-header__brandworks-logo {
order: 1;
display: flex;
align-items: center
}
.advertorial-header__brandworks-logo img {
width: 140px;
margin-left: .2125rem;
margin-top: .2125rem
}
.advertorial-header__brandworks-logo img.wciLogo {
height: 40px;
width: auto;
margin-right: .9375rem;
margin-top: 0
}
.advertorial-header__brandworks-logo .wciText {
font-family: CentraNo2;
font-weight: 700;
font-size: 1rem;
letter-spacing: .0625rem
}
.advertorial-header__brandworks-logo--collapsed {
order: 1;
display: none
}
.advertorial-header__brandworks-logo--collapsed img {
height: 30px
}
.advertorial-header__brand-logo {
order: 2;
float: left;
width: 100%;
left: 0;
position: absolute
}
.advertorial-header__brand-logo .ad-unit {
border: 0!important
}
.advertorial-header__paid {
color: #5f5f5f;
font-family: Helvetica;
font-size: .6875rem;
font-weight: 300;
letter-spacing: 1.35px;
line-height: 1.0625rem;
text-align: center;
text-transform: uppercase;
order: 3;
justify-content: center;
margin-top: auto;
margin-bottom: auto;
margin-right: 13.5%;
color: #5f5f5f;
display: flex;
align-items: center
}
.fonts-loaded .advertorial-header__paid {
font-family: CentraNo1Book, sans-serif;
font-size: .625rem;
letter-spacing: .07687rem
}
.advertorial-header__paid .genpactLogo {
height: 40px;
margin-left: .9375rem
}
.post__article-top-ad-wrapper {
min-height: 5.375rem
}
.ad-container--gray {
background: #f4f4f4;
padding-top: 1.4375rem;
padding-bottom: 1.1875rem
}
.ad-container--gray .ad-wrapper {
margin: 0
}
@media screen and (max-width:39.9375em) {
.ad-container--hide-for-small {
display: none!important
}
}
@media screen and (max-width:63.9375em) {
.ad-container--hide-for-medium-down {
display: none!important
}
}
@media screen and (min-width:40em) {
.ad-container--hide-for-medium-up {
display: none!important
}
}
@media screen and (min-width:40em) {
.post__article-top-ad-wrapper {
min-height: 8.125rem
}
.ad-wrapper {
overflow: visible
}
.ad-wrapper--header {
display: flex
}
.ad-wrapper--flexibleinterrupter,
.ad-wrapper--flexibleleaderboard,
.ad-wrapper--flexiblepushdown {
margin: 2.125rem auto 2.5rem
}
.ad-wrapper--flexiblebillboard_1 {
margin: 1.625rem auto 2.5rem;
min-height: 6.6875rem
}
.ad-wrapper--flexiblebillboard_2 {
margin: 1.625rem auto 2.5rem;
min-height: 6.6875rem
}
.ad-wrapper--flexiblebillboard_3 {
margin: 1.5625rem auto 2.5rem;
min-height: 6.6875rem
}
.ad-wrapper--flexiblebillboard_4 {
margin: 1.625rem auto 2.5625rem;
min-height: 6.6875rem
}
.ad-wrapper--flexiblebillboard_5 {
margin: 1.5625rem auto 2.5rem;
min-height: 6.6875rem
}
.ad-wrapper--articletop {
margin: 0 auto 1.6875rem;
min-height: 7.875rem
}
.ad-wrapper--ceros {
margin-bottom: 0
}
.ad-wrapper--articlescroll {
margin-bottom: 2.1875rem;
min-height: 7.875rem
}
.ad-wrapper[class*="--nativecollectionmodule_"] {
height: .0625rem
}
}
@media screen and (max-width:39.9375em) {
.advertorial-header__brand-logo {
order: 3;
float: none!important;
width: auto!important;
left: 0;
position: relative!important
}
}
@media screen and (max-width:39.9375em) {
.advertorial-border {
height: 53px
}
.advertorial-header {
max-width: 1240px;
margin: auto;
background-color: #fff;
z-index: 7
}
.advertorial-header__brandworks-logo--collapsed {
color: #5f5f5f;
font-family: Helvetica;
font-size: .6875rem;
font-weight: 300;
letter-spacing: 1.35px;
line-height: 1.0625rem;
text-align: center;
text-transform: uppercase;
display: flex!important;
margin-left: .3125rem;
margin-top: .25rem!important;
align-items: center
}
.fonts-loaded .advertorial-header__brandworks-logo--collapsed {
font-family: CentraNo1Book, sans-serif;
font-size: .625rem;
letter-spacing: .07687rem
}
.advertorial-header__brandworks-logo--collapsed .genpactLogo {
margin-left: .625rem
}
.advertorial-header__inner {
height: 52px!important;
margin-left: .001px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px
}
.advertorial-header__brandworks-logo {
display: none
}
.advertorial-header__brand-logo {
order: 3;
float: left;
width: 100%;
left: 0;
position: absolute;
margin-right: .3125rem
}
.advertorial-header__paid {
display: none
}
.advertorial-mobile-paid {
display: block;
width: 100%;
background: #e6e7e8;
font-family: centraNo1Book;
text-align: center;
color: #606060;
height: 20px;
font-size: 10px
}
.advertorial-mobile-paid h2 {
color: #5f5f5f;
font-family: Helvetica;
font-size: .6875rem;
font-weight: 300;
letter-spacing: 1.35px;
line-height: 1.0625rem;
text-align: center;
text-transform: uppercase;
padding-top: 1px
}
.fonts-loaded .advertorial-mobile-paid h2 {
font-family: CentraNo1Book, sans-serif;
font-size: .625rem;
letter-spacing: .07687rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.ad-wrapper--article-top {
margin-top: 1.0625rem
}
}
.card {
position: relative
}
.card--event {
background: #e2e8ec
}
.card__poster {
margin: 0;
overflow: hidden;
position: relative
}
.card__poster::before {
background: #ccc;
display: block;
content: "";
padding-top: 56.25%;
width: 100%
}
.card__poster--video::after {
background: url(https://images.fastcompany.net/image/upload/v1501603685/play-button-60px-fix.svg) no-repeat center center;
background-size: 3.1875rem;
content: "";
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%
}
.card__poster .video,
.card__poster img {
left: 0;
position: absolute;
top: 0;
width: 100%
}
.card__poster img.aspect-ratio-image {
width: 100%;
height: auto
}
.card .eyebrow {
display: block;
margin-bottom: 0
}
.card__button {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 7px 3px 8px;
text-transform: uppercase;
text-align: center;
height: 27px;
margin-top: 1.125rem;
padding: 0 .4375rem .0625rem .4375rem
}
.fonts-loaded .card__button {
font-family: CentraNo1, sans-serif;
line-height: .875rem;
letter-spacing: .1125rem
}
.card--featured a,
.card--recirc a,
.card--video a {
display: block
}
.card__poster__ceros {
margin-bottom: 1.1875rem
}
.card__poster__ceros::before {
display: none!important
}
@media screen and (min-width:40em) {
.card--text>a {
border: 1px solid #ccc
}
.card__title--only {
border-bottom: .25rem solid #ccc;
display: inline
}
}
.card__poster--featured {
margin-bottom: 1.1875rem
}
.card__title--featured {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem
}
.fonts-loaded .card__title--featured {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
@media screen and (min-width:40em) {
.card--featured {
text-align: left
}
.card--featured .card__text-wrapper--text-only {
padding: 1.25rem 8%
}
.card--featured .card__title--only {
font-size: 3.0625rem!important;
font-weight: 400!important;
line-height: 4.375rem!important;
letter-spacing: 1.1px;
padding-bottom: .1875rem
}
.card--featured:not(.card--text) .eyebrow {
margin-bottom: .3125rem
}
.featured-feed .card.card--text::before,
.row--magazine .card.card--text::before {
display: block;
content: '';
width: 100%;
padding-top: 56.25%
}
.featured-feed .card.card--text>a,
.row--magazine .card.card--text>a {
align-content: center;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
left: 1.25rem;
position: absolute;
right: 1.25rem;
top: 0
}
.featured-feed .card--featured:not(.card--text) {
padding-bottom: 1.6875rem
}
.featured-feed .card--featured:not(.card--text)::after {
background: #ccc;
bottom: 0;
display: block;
content: "";
height: .0625rem;
left: 1.25rem;
right: 1.25rem;
position: absolute
}
.tag-page--custom .card--featured {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
margin: 1.6875rem auto 1.25rem;
padding-bottom: 1.625rem
}
.tag-page--custom .card--featured::after {
background: #ccc;
bottom: 0;
display: block;
content: "";
height: .0625rem;
left: 1.25rem;
position: absolute;
right: 1.25rem
}
.tag-page--custom .card--featured>a {
max-width: 66.66667%;
width: 100%
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.featured-feed .card--featured {
padding-top: 2.5rem
}
}
@media screen and (orientation:portrait) {
.featured-feed .card--featured:not(.card--text) {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.featured-feed .card--featured:not(.card--text)::after {
left: 2.5rem;
right: 2.5rem
}
.featured-feed .card--featured.card--text>a {
left: 2.5rem;
right: 2.5rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.tag-page--custom .card--featured::after {
left: 2.5rem;
right: 2.5rem
}
}
@media screen and (max-width:39.9375em) {
.card--featured {
padding-top: 1.25rem
}
.card--featured .eyebrow {
margin-bottom: .3125rem
}
.card__title--featured {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem
}
.fonts-loaded .card__title--featured {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
} .featured-feed .card--featured {
text-align: left;
padding: 1.25rem .625rem 1.125rem
}
.featured-feed .card--featured.card--text {
border-top: .0625rem solid #ccc
}
.featured-feed .card--featured:not(.card--text) {
padding-left: .625rem;
padding-right: .625rem
}
.tag-page--custom .card--featured {
padding: 1.9375rem .625rem 1.0625rem
}
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) {
.featured-feed .card--featured {
flex: 0 0 100%;
max-width: none
}
} .card--full-width {
flex: 0 0 16.66667%;
max-width: 16.66667%;
padding-right: 0;
padding-left: 0;
flex: 1 1 100%;
max-width: none;
padding: 0
}
.card--full-width img {
padding: 0
}
.card--full-width .card__issue-text {
line-height: 1.1875rem;
position: relative;
top: 0.25rem;
}
.card__title--magazine {
color: #000;
font-family: Grifo,sans-serif;
font-size: 1.8125rem;
line-height: 1.5rem;
letter-spacing: .01875rem;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.125rem;
margin-top: 0.8125rem;
}
.fonts-loaded .card__title--magazine {
font-family: Grifo, sans-serif;
font-size: 1.8125rem;
line-height: 1.5rem;
letter-spacing: .01875rem
}
.card__title--magazine a:active,
.card__title--magazine a:focus,
.card__title--magazine a:link,
.card__title--magazine a:visited {
color: #000
}
.card__issue-date {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
color: #5f5f5f
}
.fonts-loaded .card__issue-date {
font-family: CentraNo1Book,sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem;
}
.card__issue-date a {
display: inline
}
.card__links {
display: inline;
margin: 0;
padding-left: .5rem;
list-style: none
}
.card__links-item {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
display: inline;
line-height: .75rem;
padding-left: .5rem
}
.fonts-loaded .card__links-item {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.card__links-item:first-child {
border-left: 1px solid currentColor
}
.card__links-item:not(:last-child) {
border-right: 1px solid currentColor;
padding-right: .5rem
}
.card__links a {
display: inline;
font-size: .875rem
}
@media screen and (max-width:39.9375em) {
.card--magazine {
flex: 0 0 50%;
max-width: 50%;
padding-right: .625rem;
padding-left: .625rem;
padding-bottom: 1.625rem
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.card--magazine {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.card--magazine img {
padding: 0 .625rem
}
.card--full-width {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
margin-bottom: .25rem;
padding-bottom: 0
}
.card--full-width img {
padding: 0
}
.card__title--magazine {
color: #000;
font-family: Helvetica;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 1.76px;
line-height: 1.375rem;
text-transform: uppercase;
margin-bottom: .1875rem
}
.fonts-loaded .card__title--magazine {
font-family: Grifo, sans-serif;
font-size: 1.4375rem;
line-height: 1.25rem;
letter-spacing: .0125rem
}
.card__issue-date {
color: #5f5f5f;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
display: block;
margin-bottom: .0625rem
}
.fonts-loaded .card__issue-date {
font-family: CentraNo1Book, sans-serif;
font-size: .875rem;
line-height: 1rem;
letter-spacing: .0125rem
}
.card__issue-text {
color: #5f5f5f;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem
}
.fonts-loaded .card__issue-text {
font-family: CentraNo1Book, sans-serif;
font-size: .875rem;
line-height: 1rem;
letter-spacing: .0125rem
}
.card__links {
padding-left: 0
}
.card__links-item:first-child {
border-left: 0;
padding-left: 0
}
}
.card--small {
border-top: .0625rem solid #ccc;
padding: .625rem 0
}
.card--small.no-border {
border-top: none
}
.card--small:last-of-type {
border-bottom: .0625rem solid #ccc;
margin-bottom: 2.5rem
}
.card--small>a {
display: grid;
grid-template-columns: 1fr minmax(1px, 153px);
grid-template-areas: 'text poster';
gap: 0 20px
}
.card--small.reverse>a {
grid-template-areas: 'poster text'
}
.card--small.vertical>a {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: 'poster' 'text';
gap: 10px 0
}
.card--small.vertical.reverse>a {
grid-template-areas: 'text' 'poster'
}
.card__text-wrapper--small {
grid-area: text;
width: 100%
}
.card__title--small {
color: #000;
font-family: Georgia;
font-size: .9375rem;
font-weight: 700;
letter-spacing: .38px;
line-height: 1.0625rem;
display: -webkit-box;
margin-top: 0;
overflow: hidden;
padding-top: .375rem;
text-overflow: ellipsis;
width: 100%;
-webkit-line-clamp: 3
}
.fonts-loaded .card__title--small {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.card__poster--small {
grid-area: poster;
width: 100%
}
.row--magazine .card:last-child,
.scroll-me .card:last-child {
margin-bottom: 0
}
.scroll-me .card--small:first-child {
border-top: 0
}
.related-posts .card--small:first-of-type {
border-top: 0
}
.small-cards {
margin-top: 1.25rem
}
.video-slide {
position: relative
}
.video-slide--horizontal {
float: none;
height: auto;
padding: 0 1.25rem
}
.video-slide--horizontal:first-child {
margin-left: -1.25rem
}
.video-slide--horizontal:not(:last-child)::after {
background: #e2e8ec;
content: '';
height: 100%;
position: absolute;
right: 0;
top: 0;
width: .0625rem
}
.video-slide--horizontal-tight {
padding: 0 .625rem;
margin: 0
}
.video-slide--horizontal-tight .card__title--video {
color: #000;
font-family: Georgia;
font-size: .9375rem;
font-weight: 700;
letter-spacing: .38px;
line-height: 1.0625rem;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
overflow: hidden
}
.fonts-loaded .video-slide--horizontal-tight .card__title--video {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.video-slide--horizontal-tight .card--video picture {
margin-bottom: .4375rem
}
.card--video {
margin: 0
}
.card--video picture {
display: block;
margin-bottom: 1rem;
position: relative
}
.card--video picture::before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%
}
.card--video img {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%
}
.card--video-play picture::after {
background: url(https://images.fastcompany.net/image/upload/v1501603685/play-button-60px-fix.svg) no-repeat center center;
background-size: 2.5rem;
content: "";
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1
}
.card--video-active picture::after {
color: #fff;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
content: "NOW PLAYING";
display: block;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
width: 100%
}
.fonts-loaded .card--video-active picture::after {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.card--video-active img {
-webkit-filter: grayscale(50%) brightness(.4);
filter: grayscale(50%) brightness(.4)
}
.card__title--video {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 700;
letter-spacing: 1.1px;
line-height: 1.1875rem;
color: #000
}
.fonts-loaded .card__title--video {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
@media screen and (max-width:39.9375em) {
.video-slide--vertical::after {
background: #e2e8ec;
content: '';
height: 25rem;
position: absolute;
right: -.65625rem;
top: 0;
width: .0625rem
}
.video-slide--horizontal {
padding: 0 .625rem
}
.video-slide--horizontal:first-child {
margin-left: -.625rem
}
.video-slide--horizontal-tight {
padding: 0 .4375rem
}
.card--video-play picture::after {
background-size: 1.875rem
}
}
@media screen and (max-width:74.9375em) {
.video-slide--vertical {
margin-top: 1.25rem;
padding-bottom: 1.25rem
}
.video-slide--vertical:not(:last-child) {
margin-right: 1.25rem
}
}
@media screen and (min-width:64em) {
.video-slide--vertical {
margin: 0 1.25rem 0 0
}
.video-slide--vertical:not(:last-child) {
border-bottom: .0625rem solid #ccc;
margin-bottom: 1.25rem
}
.card--video picture {
margin-bottom: 1rem
}
.card__title--video {
margin-bottom: 1.0625rem
}
}
.card--recirc {
padding-bottom: 1.0625rem;
padding-top: 1.1875rem
}
.card--recirc:not(:last-child) {
border-bottom: .0625rem solid #ccc
}
.card--recirc .eyebrow {
margin-bottom: .3125rem
}
.card--recirc.card--advertorial {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.card__title--recirc {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 1.0625rem
}
.fonts-loaded .card__title--recirc {
font-family: CentraNo1, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
@media screen and (max-width:39.9375em) {
.recirc .card--recirc {
padding-left: .625rem;
padding-right: .625rem
}
.recirc .card__title--recirc {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 700;
letter-spacing: 1.1px;
line-height: 1.1875rem
}
.fonts-loaded .recirc .card__title--recirc {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
}
.all-feed__posts .card--all-feed {
border-bottom: .0625rem solid #ccc !important;
padding: 1.25rem 0;
border-radius: 0px;
}
.card--all-feed>a {
display: flex;
flex-wrap: nowrap
}
.card--all-feed .eyebrow {
margin-bottom: .1875rem;
font-family: 'Centra-No1';
letter-spacing: .0875rem;
line-height: .8125rem;
}
.card__deck--all-feed {
color: #5f5f5f;
font-family: CentraNo1Book,sans-serif;
font-size: .9375rem;
font-weight: 300;
letter-spacing: .3px;
line-height: 1.0625rem;
display: -webkit-box;
margin-top: 0.375rem;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 6;
}
}
.card__deck--all-feed {
color: #5f5f5f;
font-family: CentraNo1Book, sans-serif;
font-size: .9375rem;
font-weight: 300;
letter-spacing: .3px;
line-height: 1.0625rem;
display: -webkit-box;
margin-top: .375rem;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 6
}
.card__text-wrapper--all-feed {
flex: 1 1 100%
}
@media screen and (max-width:39.9375em) {
.card--all-feed {
padding-left: .625rem;
padding-right: .625rem
}
.card--all-feed.card--top {
border-top: .0625rem solid #ccc
}
.search .card--all-feed.card--top {
border-top: 0
}
.card--all-feed.card--top>a {
flex-direction: column
}
.card--all-feed.card--top .card__poster {
flex: 1 1 100%;
margin-bottom: 1.25rem;
margin-left: 0;
order: 0
}
.card--all-feed.card--top .card__text-wrapper {
order: 1
}
.card__poster--all-feed {
flex: 0 0 45.83333%;
margin-left: .625rem
}
.card__title--all-feed {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 700;
letter-spacing: 1.1px;
line-height: 1.1875rem;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3
}
.fonts-loaded .card__title--all-feed {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.card__deck--all-feed {
display: none
}
}
@media screen and (min-width:40em) {
.card--all-feed.card--advertorial {
padding: 1.25rem 0
}
.card__title--all-feed {
color: #000;
font-family: GrifitoM,sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem;
font-weight: 500;
}
.fonts-loaded .card__title--all-feed {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
.card__poster--all-feed {
flex: 0 0 calc(50% - 20px);
margin-left: 2.5rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.all-feed__section:not(: first-of-type) .card--all-feed:first-of-type {
border-top: .0625rem solid #ccc
}
}
.card--injection {
margin: 1.25rem 0;
padding: 0;
margin-top: 2.0625rem;
margin-bottom: 1.8125rem;
clear: both
}
.card--injection>a {
display: flex;
flex-wrap: nowrap
}
.card__text-wrapper--injection {
flex: 1 1 100%;
margin-top: 1.1875rem;
margin-right: .3125rem
}
.card__title--injection {
color: #000;
font-family: Helvetica;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.625rem
}
.fonts-loaded .card__title--injection {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
letter-spacing: .03125rem
}
.card__poster--injection {
flex: 1 0 calc(45% - 24px);
margin: 1.25rem!important
}
.card__deck--injection {
color: #5f5f5f;
font-family: CentraNo1Book, sans-serif;
font-size: .9375rem;
font-weight: 300;
letter-spacing: .3px;
line-height: 1.0625rem;
display: -webkit-box;
margin-top: .375rem;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 6
}
@media screen and (max-width:39.9375em) {
.card--injection {
padding: .3125rem 0 .3125rem 0
}
.card--injection>a {
display: flex;
flex-wrap: nowrap
}
.card__title--injection {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3
}
.fonts-loaded .card__title--injection {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
.card__deck--injection {
display: none
}
.card__poster--injection {
flex: 1 0 calc(45% - 24px);
margin: 1.25rem .625rem!important
}
}
.card .brandworks-logo-desktop {
display: none;
position: relative
}
.card .brandworks-logo-mobile {
background-image: url(https://images.fastcompany.net/image/upload/v1571242583/fcweb/FastCoWorks_Native_Tile_Mobile_yytrgb.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 50%;
height: 20px;
bottom: 12px;
display: none
}
.card--default {
border-bottom: .0625rem solid #ccc;
flex: 1 1 100%
}
.card--default .eyebrow {
margin-bottom: .3125rem
}
.card--default.card--event,
.card--default.card--subscribe {
border-bottom: 0
}
.card--noBottomBorder:last-of-type {
border-bottom: 0
}
.card--subscribe img {
display: block;
height: auto;
max-width: 100%
}
@media screen and (min-width:64em) {
.card--default .eyebrow {
display: none
}
.card--default a {
display: block;
height: 100%
}
.card--default h2 {
margin-top: -15px;
padding-bottom: 20px
}
.card--default.card--noBottomBorder {
border-bottom: 0
}
.card--default.card--text {
border-bottom: 0
}
.card--default.card--text>a {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
text-align: center
}
.card--default.card--size-2 {
min-height: 25rem
}
.card--default.card--size-2 .card__text-wrapper {
margin-bottom: 0;
padding: 10.30928%
}
.card--default.card--size-2 .card__title {
font-size: 3.0625rem;
font-weight: 400;
letter-spacing: 1.1px;
line-height: 4.375rem
}
.card--default.card--size-3 {
min-height: 297px
}
.card--default.card--size-3 .card__text-wrapper {
margin-bottom: 0;
padding: 1.875rem
}
.card--default.card--size-3 .card__title {
font-size: 2.4375rem;
font-weight: 400;
letter-spacing: 1.1px;
line-height: 3.375rem
}
.card--default.card--size-4 .card__text-wrapper {
margin-bottom: 0;
padding: 1rem
}
.card--default.card--size-4 .card__title {
font-size: 2rem;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 2.8125rem
}
.card__poster--default {
margin-bottom: 1.1875rem
}
.card__text-wrapper--default {
margin-bottom: 1.6875rem
}
.card__text-wrapper--align-center {
text-align: center
}
.more-stories-module .card__title--default {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 700;
letter-spacing: 1.1px;
line-height: 1.1875rem
}
.fonts-loaded .more-stories-module .card__title--default {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
}
@media screen and (min-width:40em) {
.card .brandworks-logo-desktop {
display: block;
right: -3px;
top: 2px
} .card__title--default {
color: #000;
font-family: GrifitoM,sans-serif;
font-size: 1.9375rem;
font-weight: 500;
line-height: 1.625rem;
font-size: 1.9375rem;
letter-spacing: .03125rem;
}
.fonts-loaded .card__title--default {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
letter-spacing: .03125rem
}
}
@media screen and (max-width:63.9375em) {
.card .brandworks-logo-mobile {
display: block
}
.card--default {
padding-bottom: 1.25rem;
padding-top: 1.25rem
}
.card--default:first-child {
border-top: .0625rem solid #ccc
}
.card--default.card--advertorial,
.card--default.card--event {
margin-top: 0
}
.card--default.card--advertorial {
border-top: .625rem solid #e4e4e3;
border-bottom: .625rem solid #e4e4e3
}
.card--default.card--advertorial .card__title--sponsored {
padding-bottom: 20px
}
.card--default.card--text a {
border: 0;
padding: 1.25rem
}
.card--default.card--text .card__title--only {
border: 0
}
.row+.row .card--default:first-child {
margin-top: 0
}
.tag-page--magazine .row+.row .card--default {
border-top: 0
}
.row+.row+.row .card--default:first-child {
border-top: .0625rem solid #ccc
}
.card--default a {
align-items: flex-start;
display: flex
}
.card__text-wrapper--default {
flex: 1 1 100%;
order: 1
}
.card__poster--default {
flex: 0 0 calc(50% - 20px);
margin-left: 2.5rem;
order: 2
}
.card--subscribe {
border-bottom: 0
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.card--default {
margin-left: 2.5rem;
margin-right: 2.5rem
}
}
@media screen and (max-width:39.9375em) {
.card .brandworks-logo-mobile {
width: 11.5rem;
height: 1.25rem
}
.card--default {
padding-left: .625rem;
padding-right: .625rem
}
.more-stories-module .row .card--default:last-child,
.row+.row .card--default:last-child {
border-bottom: 0
}
.card--default.card--top {
border-top: .0625rem solid #ccc
}
.card--default.card--top>a {
flex-direction: column
}
.card--default.card--top .card__poster {
flex: 1 1 100%;
margin-bottom: 1.25rem;
margin-left: 0;
order: 0
}
.card--default.card--top .card__text-wrapper {
order: 1
}
.card__title--default {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 700;
letter-spacing: 1.1px;
line-height: 1.1875rem;
display: block;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3
}
.fonts-loaded .card__title--default {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
}
.card--gift__image-container {
max-width: 300px;
max-height: 303px
}
.card--gift__image-container img {
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
width: 100%
}
.card--gift img:hover {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
.card--gift__title {
font-family: CentraNo1;
letter-spacing: .8px;
line-height: 17px;
margin-bottom: .0001px;
color: #000;
text-transform: uppercase
}
.card--gift__description {
margin: 0;
font-family: CentraNo1Book;
color: #777;
letter-spacing: .38px;
line-height: 22px
}
.card--gift:hover .price-buy span {
color: #777
}
.card--gift:hover .price-buy .buy {
color: #777
}
.card--gift:hover .price-buy .buy::before {
background: url(https://images.fastcompany.net/image/upload/v1606320892/fcweb/gray_arrow_gdkhwu.svg) no-repeat 0 0;
background-size: contain
}
@media screen and (max-width:1089px) {
.card--gift__image-container {
max-width: 100%;
max-height: 100%
}
}
@media screen and (max-width:747px) {
.card--gift {
max-width: 355px;
margin: 0 auto
}
.card--gift__image-container {
max-width: 100%;
max-height: 100%
}
}
.card--gift .price-buy {
color: #ef5b24;
font-family: CentraNo1;
font-size: 14px;
letter-spacing: 1.8px;
margin-top: 2px
}
.card--gift .price-buy .pipe {
margin: 0 10px
}
.card--gift .price-buy .buy {
text-transform: uppercase;
position: relative
}
.card--gift .price-buy .buy::before {
background: url(https://images.fastcompany.net/image/upload/v1606242268/fc/arrow_ev53c5.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: 10px;
position: absolute;
left: calc(100% + 3px);
top: 4px;
-moz-transform: translateY(.2px);
width: 10px
} .card--default .eyebrow {
margin-bottom: .3125rem
}
.card--default.card--event,
.card--default.card--subscribe {
border-bottom: 0
}
.card--noBottomBorder:last-of-type {
border-bottom: 0
}
.card--subscribe img {
display: block;
height: auto;
max-width: 100%
}
@media screen and (min-width:64em) {
.card--default .eyebrow {
display: none
}
.card--default a {
display: block;
height: 100%
}
.card--default h2 {
margin-top: 5px;
padding-bottom: 20px
}
.card--default.card--noBottomBorder {
border-bottom: 0
}
.card--default.card--text {
border-bottom: 0
}
.card--default.card--text>a {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
text-align: center
}
.card--default.card--size-2 {
min-height: 25rem
}
.card--default.card--size-2 .card__text-wrapper {
margin-bottom: 0;
padding: 10.30928%
}
.card--default.card--size-2 .card__title {
font-size: 3.0625rem;
font-weight: 400;
letter-spacing: 1.1px;
line-height: 4.375rem
}
.card--default.card--size-3 {
min-height: 297px
}
.card--default.card--size-3 .card__text-wrapper {
margin-bottom: 0;
padding: 1.875rem
}
.card--default.card--size-3 .card__title {
font-size: 2.4375rem;
font-weight: 400;
letter-spacing: 1.1px;
line-height: 3.375rem
}
.card--default.card--size-4 .card__text-wrapper {
margin-bottom: 0;
padding: 1rem
}
.card--default.card--size-4 .card__title {
font-size: 2rem;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 2.8125rem
}
.card__poster--default {
margin-bottom: 1.1875rem
}
.card__text-wrapper--default {
margin-bottom: 1.6875rem
}
.card__text-wrapper--align-center {
text-align: center
}
.more-stories-module .card__title--collection-text {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 700;
letter-spacing: 1.1px;
line-height: 1.1875rem
}
.fonts-loaded .more-stories-module .card__title--collection-text {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
}
@media screen and (min-width:40em) { .card__title--byline {
font-family: CentraNo1, sans-serif;
font-weight: 700;
color: #5f5f5f;
font-size: .8125rem;
text-transform: uppercase
}
.card__title--collection-text {
font-family: CentraNo1, sans-serif;
font-family: CentraNo1;
font-weight: 700;
color: #000;
font-size: 1rem!important;
margin-top: 5px
}
}
@media screen and (max-width:63.9375em) {
.card--default {
padding-bottom: 1.25rem;
padding-top: 1.25rem
}
.card--default:first-child {
border-top: .0625rem solid #ccc
}
.card--default.card--event {
margin-top: 0
}
.card--default.card--text a {
border: 0;
padding: 1.25rem
}
.card--default.card--text .card__title--only {
border: 0
}
.row+.row .card--default:first-child {
margin-top: 0
}
.tag-page--magazine .row+.row .card--default {
border-top: 0
}
.row+.row+.row .card--default:first-child {
border-top: .0625rem solid #ccc
}
.card--default a {
align-items: flex-start;
display: flex
}
.card__title--byline {
font-family: CentraNo1, sans-serif;
font-weight: 700;
color: #5f5f5f;
font-size: .8125rem;
text-transform: uppercase
}
.card__title--collection-text {
font-family: CentraNo1, sans-serif;
font-family: CentraNo1;
font-weight: 700;
color: #000;
font-size: 1rem!important;
margin-top: 5px
}
.card__text-wrapper--default {
flex: 1 1 100%;
order: 1
}
.card__poster--default {
flex: 0 0 calc(50% - 20px);
margin-left: 2.5rem;
order: 2
}
.card--subscribe {
border-bottom: 0
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.card--default {
margin-left: 2.5rem;
margin-right: 2.5rem
}
}
@media screen and (max-width:39.9375em) {
.card .brandworks-logo-mobile {
width: 11.5rem;
height: 1.25rem
}
.card--default {
padding-left: .625rem;
padding-right: .625rem
}
.more-stories-module .row .card--default:last-child,
.row+.row .card--default:last-child {
border-bottom: 0
}
.card--default.card--top {
border-top: .0625rem solid #ccc
}
.card--default.card--top>a {
flex-direction: column
}
.card--default.card--top .card__poster {
flex: 1 1 100%;
margin-bottom: 1.25rem;
margin-left: 0;
order: 0
}
.card--default.card--top .card__text-wrapper {
order: 1
}
.card__title--collection-text {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 700;
letter-spacing: 1.1px;
line-height: 1.1875rem;
display: block;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3
}
.fonts-loaded .card__title--collection-text {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
}
.image {
width: 100%
}
.lazyload,
.lazyloading {
opacity: 0
}
.lazyloaded {
opacity: 1;
transition: opacity .3s
} .row--magazine {
flex-flow: row wrap
}
.row__aside {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.row__aside {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.row__main {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.row__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.row--magazine {
flex-wrap: wrap
}
}
@media screen and (min-width:40em) {
.featured-feed--category .row:first-of-type,
.featured-feed--tag .row:first-of-type {
margin-top: 1.75rem
}
.tag-page--magazine .slug-component+.row {
margin-top: 1.25rem
}
.page-description+.row {
margin-top: 1.25rem
}
.post-more-stories .deck {
display: none
}
.post-more-stories .row {
margin-top: 1.25rem
}
.homepage-tag .row {
margin-top: 1.375rem
}
.control {
position: relative
}
}
@media screen and (max-width:39.9375em) {
.row__main {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
margin-bottom: 1.875rem
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.row__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.row__aside {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
margin-bottom: .4375rem
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.row__aside {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.row__aside .small-cards {
display: none
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.featured-feed .row:last-of-type {
margin-top: 0
}
.tag-page--magazine .row+.row {
margin-top: 0
}
}
.scrolling-module__promo {
margin-bottom: .625rem
}
.scrolling-module__promo img {
height: auto;
width: 100%
}
.scroll-flex {
display: flex;
flex-direction: column;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content
}
.scroll-flex::after {
display: none
}
.scroll-container {
flex: 1 1 auto;
position: relative
}
.scroll-container .scroll-me {
top: 0;
left: 0;
right: 0;
bottom: 50px;
max-height: none
}
.scroll-container::after {
border-top: 1px solid #ccc;
bottom: 50px;
content: "";
position: absolute;
width: 100%
}
.scroll-me {
left: 1.25rem;
max-height: 90%;
overflow: scroll;
overflow-x: hidden;
position: absolute;
right: 1.25rem;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.scroll-me--promoting {
max-height: 69.6%
}
.news-column {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: .625rem;
padding-left: .625rem;
overflow: hidden
}
@media print,
screen and (min-width:40em) {
.news-column {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.news-column::after {
border-top: 1px solid #ccc;
bottom: 0;
content: "";
left: 1.25rem;
position: absolute;
right: 1.25rem
}
@media screen and (orientation:landscape) and (max-width:39.9375em) {
.news-column {
display: none!important
}
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) {
.news-column {
display: none
}
}
@media screen and (orientation:portrait) and (max-width:63.9375em) {
.news-column {
display: none!important
}
}
.eyebrow {
color: #5f5f5f;
font-family: Georgia;
font-size: .8125rem;
font-weight: 700;
letter-spacing: 1.3px;
line-height: .75rem;
text-transform: uppercase;
margin: 0 0 .25rem;
padding-left: 0
}
.fonts-loaded .eyebrow {
font-family: CentraNo1, sans-serif;
letter-spacing: .0875rem;
line-height: .8125rem
}
.eyebrow__item {
color: #5f5f5f;
font-family: Georgia;
font-size: .8125rem;
font-weight: 700;
letter-spacing: 1.3px;
line-height: .75rem;
text-transform: uppercase;
list-style: none;
margin: 0 0 .375rem;
padding: 0;
display: inline-block
}
.fonts-loaded .eyebrow__item {
font-family: CentraNo1, sans-serif;
letter-spacing: .0875rem;
line-height: .8125rem
}
.eyebrow__item:not(:last-child) {
border-right: 1px solid;
margin-right: .5625rem;
padding-right: .5625rem
}
.eyebrow__item a:active,
.eyebrow__item a:focus,
.eyebrow__item a:link,
.eyebrow__item a:visited {
color: inherit
}
.eyebrow__item--live {
border: 0
}
.eyebrow__live {
color: red;
display: inline-block;
padding: 0 .3125rem 0 .625rem;
position: relative
}
.eyebrow__live::before {
background: currentColor;
border-radius: 50%;
content: '';
height: .375rem;
left: 0;
position: absolute;
top: .125rem;
width: .375rem
}
@media screen and (max-width:39.9375em) {
.eyebrow {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: .125rem;
-webkit-line-clamp: 1
}
.eyebrow--card {
margin-bottom: 0
}
}
.error-boundary {
margin: 2.8125rem auto 1.5625rem;
width: 80%
}
.error-boundary__message {
background-color: #d0011b;
color: #fff;
font-family: sans-serif;
font-size: 31px;
font-weight: 700;
letter-spacing: .58px;
padding: 3.125rem;
line-height: 26px;
margin-bottom: 60px
}
.fonts-loaded .error-boundary__message {
font-family: GrifitoM, sans-serif
}
.error-boundary__message p:first-of-type {
padding-top: 0;
margin-top: 0
}
.error-boundary__message a {
color: #fff;
text-decoration: underline
}
@media screen and (max-width:39.9375em) {
.error-boundary {
max-width: calc(100% - 1.25rem);
margin: 1.5625rem auto 1.5625rem
}
.error-boundary__message {
font-size: 1.25rem;
padding: .9375rem;
line-height: 1.5625rem
}
}
.slug-component {
justify-content: center;
position: relative;
width: 100%
}
.slug-component::before {
border-top: .1875rem solid #000;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0
}
.slug {
color: #000;
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 1.83px;
line-height: 1.5625rem;
text-transform: uppercase;
padding-bottom: .8125rem;
padding-top: 1rem;
text-align: center
}
.fonts-loaded .slug {
font-family: Beckett, sans-serif;
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 2.3125rem
}
.slug__title-link:active,
.slug__title-link:focus,
.slug__title-link:link,
.slug__title-link:visited {
color: #000
}
.slug__archives {
border-top: 1px solid #ccc;
display: block;
padding: .875rem 0 .625rem;
text-align: center
}
.slug__archives:active,
.slug__archives:focus,
.slug__archives:link,
.slug__archives:visited {
color: #7b7b7b
}
.slug__archives span {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
color: inherit;
padding: 0 2.5rem 0 0;
position: relative
}
.fonts-loaded .slug__archives span {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.slug__archives span::after {
background: url(https://images.fastcompany.net/image/upload/v1502728123/fcweb/circle-arrow-fix_oijpkw.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: 1.875rem;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1.875rem
}
@media screen and (max-width:39.9375em) {
.podcast-page__slug-component {
margin-top: 0;
padding-bottom: 0
}
.podcast-page__slug-component::before {
border-top: 0
}
.category-page__slug,
.tag-page__slug {
margin-top: 0;
padding-bottom: 0;
padding-top: 1rem
}
.category-page__slug::before,
.tag-page__slug::before {
border-top: 0
}
.related-slider__slug-component::before {
left: -.75rem;
right: -.75rem
}
.slug__archives {
margin: 0 0 .4375rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.slug__archives {
margin: 0 1.25rem;
position: relative;
top: .75rem
}
.all-page__slug-component::before {
display: none
}
}
@media screen and (min-width:40em) {
.slug-component {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.slug-component::before {
left: 1.25rem;
right: 1.25rem
}
.column__slug-component,
.related-slider__slug-component {
padding-left: 0;
padding-right: 0
}
.column__slug-component::before,
.related-slider__slug-component::before {
left: 0;
right: 0
}
.column__slug-component {
justify-content: flex-start
}
.column__slug-component::after {
border-top: 1px solid #ccc;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0
}
.related-slider__slug-component {
justify-content: center;
max-width: none!important
}
.category-page__slug,
.podcast-page__slug,
.tag-page__slug {
margin-top: 1.5rem
}
.category-page__slug-component::before,
.category-page__slug::before,
.podcast-page__slug-component::before,
.tag-page__slug-component::before,
.tag-page__slug::before {
border-top: 0
}
.all-page__slug {
margin-top: 1.0625rem
}
.slug {
color: #000;
font-size: 3.75rem;
font-weight: 400;
letter-spacing: 0.5rem;
line-height: 2.125rem;
padding-top: 1.5625rem;
margin-bottom: 0;
padding-bottom: 0
}
.fonts-loaded .slug {
font-family: Beckett, sans-serif;
font-size: 3.75rem;
letter-spacing: .5rem;
line-height: 3rem
}
.slug--advertorial {
margin-top: .375rem
}
.slug__active {
margin: 0 1.25rem 0
}
.tag-page__slug {
padding-bottom: .0625rem
}
.column__slug,
.live__header__slug,
.related-slider__slug {
color: #000;
font-family: Helvetica;
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 1.83px;
line-height: 1.5625rem;
text-transform: uppercase;
text-align: left;
padding-bottom: .875rem;
padding-top: 1rem
}
.fonts-loaded .column__slug,
.fonts-loaded .live__header__slug,
.fonts-loaded .related-slider__slug {
font-family: Beckett, sans-serif;
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 2.3125rem
}
}
@media screen and (min-width:64em) {
.slug-component {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.slug__archives {
border: 0;
position: absolute;
right: 1.25rem;
top: 1rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.slug-component:not(.related-slider__slug-component)::before {
left: 2.5rem;
right: 2.5rem
}
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.swiper-invisible-blank-slide {
visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: 0;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s top, .2s -webkit-transform;
transition: .2s transform, .2s top;
transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s left, .2s -webkit-transform;
transition: .2s transform, .2s left;
transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s right, .2s -webkit-transform;
transition: .2s transform, .2s right;
transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, .25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, .25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader::after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
.megatron .slick-slide {
height: 75vh
}
.megatron__slide {
height: 75vh
}
.megatron__slide-background {
background-position: top center;
background-size: cover;
height: 100%;
width: 100%
}
.megatron__articles {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
position: relative;
z-index: 1
}
.megatron__article {
flex: 0 0 25%;
max-width: 25%;
padding-right: .625rem;
padding-left: .625rem;
color: #ccc;
padding-top: 15px;
position: relative
}
@media print,
screen and (min-width:40em) {
.megatron__article {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.megatron__article a {
color: inherit
}
.megatron__article--native {
background: #f4f4f4;
padding-bottom: 20px;
padding-right: 40px;
position: relative
}
.megatron__article--native::before {
background: #fff!important;
height: 10px!important;
left: 0!important
}
.megatron__article--native::after {
background: #fff;
content: '';
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.megatron__article--native span {
color: #777
}
.megatron__article--native h2 {
color: #000
}
.megatron__article--native .img-container {
bottom: calc(100% - 10px);
left: 0;
position: absolute;
overflow: hidden
}
.megatron__article--native img {
display: block;
height: auto;
width: calc(100% - 20px);
transition: all .4s ease;
-webkit-transform: translateY(101%);
transform: translateY(101%)
}
.megatron__article--native:hover img,
.megatron__article--native__active img {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.megatron__article::before {
background: #868686;
content: '';
height: 0;
left: 20px;
position: absolute;
right: 20px;
top: 0;
transition: all .2s ease-out
}
.megatron__article--active {
color: #000
}
.megatron__article--active::before {
height: 5px
}
.megatron__article--active span {
color: #868686
}
.megatron__article span {
font-family: CentraNo1, sans-serif;
display: block;
font-weight: 700;
font-size: 12px;
line-height: 13px;
letter-spacing: 1.4px;
margin-bottom: 10px;
text-transform: uppercase;
transition: all .2s ease-out
}
.megatron__article h2 {
font-family: GrifitoM, sans-serif;
font-size: 31px;
font-weight: 700;
line-height: 26px;
letter-spacing: .58px;
transition: all .2s ease-out
}
.megatron.lander {
margin: 0 auto;
max-width: 80rem;
padding: 0 20px
}
@media (max-width:414px) {
.megatron.lander {
padding: 0 10px;
max-width: none
}
.megatron.lander .megatron__slide-background {
height: calc((100vw - 20px) * .56)
}
.megatron.lander .swiper-wrapper {
width: calc(100vw - 20px);
height: auto
}
.megatron.lander .swiper-wrapper .swiper-slide {
height: auto
}
}
.megatron.lander .megatron__caption {
width: 100%;
height: 25.8%;
background: rgba(0, 0, 0, .8);
position: absolute;
bottom: 0;
padding: 0 0 0 44px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
color: #fff
}
@media (max-width:414px) {
.megatron.lander .megatron__caption {
display: block;
position: relative
}
}
.megatron.lander .megatron__caption--eyebrow {
font-family: CentraNo1, sans-serif;
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
letter-spacing: 1.82px;
margin-bottom: 8px
}
.megatron.lander .megatron__caption--hed {
font-family: GrifitoM, sans-serif;
font-size: 54px;
line-height: 44px;
letter-spacing: 1.08px
}
.megatron.lander .megatron__caption--dek {
font-family: CentraNo1Book, sans-serif;
font-size: 16.5px;
line-height: 20px;
letter-spacing: .28px;
margin-top: 8px
}
.megatron.lander .megatron__articles {
justify-content: space-between;
margin-top: 34px
}
@media (max-width:414px) {
.megatron.lander .megatron__articles {
width: 100%;
overflow-x: scroll;
align-items: flex-start;
white-space: nowrap;
display: flex;
flex-flow: row;
margin-bottom: 20px
}
}
.megatron.lander .megatron__articles .megatron__article {
flex: 0 0 calc((100% - 72px)/ 3);
max-width: calc((100% - 72px)/ 3);
text-align: center;
position: relative;
padding: 0;
color: #000;
white-space: break-spaces
}
@media (max-width:414px) {
.megatron.lander .megatron__articles .megatron__article {
flex: 0 0 calc(((100vw - 20px) - 40px) * .436);
max-width: calc(((100vw - 20px) - 40px) * .436);
text-align: left
}
.megatron.lander .megatron__articles .megatron__article:nth-child(2) {
padding: 0 10px;
margin: 0 10px;
border-left: #ccc 1px solid;
border-right: #ccc 1px solid
}
.megatron.lander .megatron__articles .megatron__article span {
display: none
}
}
.megatron.lander .megatron__articles .megatron__article span {
color: #868686
}
.megatron.lander .megatron__articles .megatron__article img {
margin-bottom: 10px
}
.megatron.lander .megatron__articles .megatron__article::before {
background: #ccc;
content: '';
height: 1px;
left: 0;
position: absolute;
right: 0;
top: 350px;
transition: all .2s ease-out
}
@media (max-width:414px) {
.megatron.lander .megatron__articles .megatron__article::before {
content: none
}
}
.megatron.lander .megatron__articles .megatron__article--active::before {
background: #868686;
height: 5px
}
@media screen and (max-width:67.4375rem) {
.megatron__article h2 {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
}
.podcast-tile {
max-width: 600px;
margin-bottom: 30px;
margin-top: 30px
}
.podcast-tile__full {
max-width: 40000px
}
@media screen and (max-width:676px) {
.podcast-tile {
border-bottom: 1px solid #ccc;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px
}
}
.podcast-tile__title {
text-align: left;
font-size: 39px;
font-family: GrifitoM;
letter-spacing: .74px;
color: #000;
line-height: 33px
}
@media screen and (max-width:676px) {
.podcast-tile__title {
font-size: 31px;
letter-spacing: .58px;
line-height: 26px
}
}
.podcast-tile__links__centered {
display: inline-block;
text-align: center;
margin-top: 20px
}
.podcast-tile__blurb {
text-align: left;
font-family: CentraNo1Book;
letter-spacing: .32px;
color: #777;
margin-top: 5px;
margin-bottom: 15px
}
.podcast-tile__blurb__centered {
text-align: center
}
.podcast-tile__featured-mobile {
margin-top: -10px
}
.podcast-tile__link {
border: 1px solid #ef5b24;
border-radius: 4px;
opacity: 1;
height: 30px;
padding-top: 6px;
padding-bottom: 6px;
margin-right: 15px;
display: inline-block;
margin-bottom: 15px
}
.podcast-tile__link__text {
text-align: center;
font-size: 14px;
font-family: CentraNo1;
letter-spacing: 1.8px;
color: #ef5b24;
text-transform: uppercase;
opacity: 1;
padding-left: 10px;
padding-right: 10px
}
.podcast-tile__image {
width: 100%;
margin-top: 5px;
margin-bottom: -.1875rem
}
.podcast-tile-full-featured {
margin: 0 auto;
margin-bottom: 30px
}
@media screen and (max-width:676px) {
.podcast-tile-full-featured {
border-bottom: 1px solid #ccc;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px
}
}
.podcast-tile-full-featured__title {
text-align: center;
font-size: 39px;
font-family: GrifitoM;
letter-spacing: .74px;
color: #000;
line-height: 33px
}
@media screen and (max-width:676px) {
.podcast-tile-full-featured__title {
font-size: 31px;
letter-spacing: .58px;
line-height: 26px
}
}
.podcast-tile-full-featured__blurb {
text-align: center;
font-family: CentraNo1Book;
letter-spacing: .32px;
color: #777;
margin-top: 5px;
margin-bottom: 15px;
max-width: 1228px
}
.podcast-tile-full-featured__side-container {
display: flex;
margin: 0 auto;
max-width: 1228px;
overflow: hidden;
padding-left: .9375rem;
padding-right: .3125rem;
margin-top: .8125rem
}
.podcast-tile-full-featured__links {
display: flex;
justify-content: center;
margin-top: 24px
}
.podcast-tile-full-featured__link {
border: 1px solid #ef5b24;
border-radius: 4px;
opacity: 1;
height: 30px;
padding-top: 6px;
padding-bottom: 6px;
margin-right: 15px;
display: inline-block;
margin-bottom: 15px;
align-items: center
}
.podcast-tile-full-featured__link__text {
text-align: center;
font-size: 14px;
font-family: CentraNo1;
letter-spacing: 1.8px;
color: #ef5b24;
text-transform: uppercase;
opacity: 1;
padding-left: 10px;
padding-right: 10px
}
.podcast-tile-full-featured__image {
width: 66%;
height: 56%;
margin-bottom: -.1875rem
}
.podcast-tile-full-featured__embed {
width: 33%
}
.podcast-tile-full {
margin: 0 auto;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
max-width: 1276px
}
@media screen and (max-width:812px) {
.podcast-tile-full {
padding-left: 40px;
padding-right: 40px
}
}
@media screen and (max-width:676px) {
.podcast-tile-full {
border-bottom: 1px solid #ccc;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px
}
}
.podcast-tile-full__title {
text-align: left;
font-size: 39px;
font-family: GrifitoM;
letter-spacing: .74px;
color: #000;
line-height: 33px
}
@media screen and (max-width:676px) {
.podcast-tile-full__title {
font-size: 31px;
letter-spacing: .58px;
line-height: 26px
}
}
.podcast-tile-full__blurb {
text-align: left;
font-family: CentraNo1Book;
letter-spacing: .32px;
color: #777;
margin-top: 5px;
margin-bottom: 15px
}
.podcast-tile-full__side-container {
display: flex;
margin: 0 auto;
max-width: 1228px;
overflow: hidden
}
.podcast-tile-full__links {
display: flex
}
.podcast-tile-full__link {
border: 1px solid #ef5b24;
border-radius: 4px;
opacity: 1;
height: 30px;
padding-top: 6px;
padding-bottom: 6px;
margin-right: 15px;
display: inline-block;
margin-bottom: 15px;
align-items: center
}
.podcast-tile-full__link__text {
text-align: center;
font-size: 14px;
font-family: CentraNo1;
letter-spacing: 1.8px;
color: #ef5b24;
text-transform: uppercase;
opacity: 1;
padding-left: 10px;
padding-right: 10px
}
.podcast-tile-full__image {
width: 100%;
height: auto;
margin-bottom: -.1875rem
}
.podcast-tile-full__imagelink {
width: 51%;
height: 56%
}
.podcast-tile-full__embed {
width: 49%
}
.featured-feed--category,
.featured-feed--tag {
margin-top: 1.0625rem
}
.featured-feed__stories {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.featured-feed__stories {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.promo-container {
display: block;
max-width: 77.5rem;
border-top: 3px solid #000;
margin: 0 auto
}
.promo-container--partnership {
max-width: 16rem;
max-height: 1.5rem
}
.promo-container--image-container {
padding-top: 25px;
text-align: right
}
.channel-fc-works-promo {
display: flex;
max-width: 77.5rem;
flex-flow: row nowrap;
margin: 0 auto 1.375rem auto;
border-bottom: 3px solid #000
}
@media screen and (max-width:39.9375em) {
.featured-feed--category,
.featured-feed--tag {
margin-top: 0
}
.featured-feed--category .card--featured,
.featured-feed--tag .card--featured {
padding-top: 1.0625rem
}
}
@media screen and (min-width:64em) {
.homepage-page .featured-feed__stories .card:not(: last-child) {
padding-bottom: 3.125rem
}
.homepage-page .featured-feed__stories .card::after {
display: none!important
}
}
@media screen and (min-width:40em) {
.row--social .card--featured {
flex: 0 0 58.33333%;
max-width: 58.33333%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.row--social .card--featured {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.row--social .card--featured {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.row--social .card--featured {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:63.9375em) {
.featured-feed__stories {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (max-width:63.9375em) and (min-width:40em) {
.featured-feed__stories {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:63.9375em) {
.channel-fc-works-promo {
flex-direction: column
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.featured-feed__stories {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.featured-feed__stories {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.feature_term {
margin-bottom: 3.125rem
}
.masthead {
background: rgba(0, 0, 0, .8);
color: #fff;
height: 55px;
left: 0;
text-align: center;
position: fixed;
top: 0;
width: 100%;
z-index: 4
}
.masthead ul {
list-style: none;
margin: 0;
padding: 0
}
.masthead a {
color: currentColor
}
.masthead--top-nav-ad {
position: relative
}
.masthead__header {
align-items: center;
display: flex;
height: inherit;
justify-content: space-between;
max-width: 80rem;
margin: 0 auto;
padding: 0 20px
}
.masthead__title {
font-family: Beckett, sans-serif;
background: url(https://images.fastcompany.net/image/upload/v1538500532/fcweb/FC_Logo_2018_amgwhf.svg) 0 0 no-repeat;
background-size: contain;
height: 35px;
text-indent: -200vw;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 14.0625rem
}
.masthead__menu {
background: url(https://images.fastcompany.net/image/upload/v1540915228/fcweb/3_Line_Burger_ffffff2x_tiojxh.svg) 0 0 no-repeat;
height: 16px;
width: 20px
}
.masthead__interactive {
display: flex
}
.masthead__user {
color: #ccc;
margin-right: 30px!important;
position: relative
}
.masthead__user-label {
font-family: CentraNo1, sans-serif;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.4px;
opacity: 1;
text-transform: uppercase;
transition: all .1s ease-out;
padding-top: 6px
}
.masthead__user-list {
align-items: center;
display: flex;
justify-content: flex-end;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
transition: all .1s ease-out;
width: 0
}
.masthead__user--hover .masthead__user-label {
margin-right: 168px
}
.masthead__user--hover .masthead__user-list {
transition-duration: .4s;
width: 170px
}
.masthead__user--hover .masthead__user {
opacity: 100%
}
.masthead__user-item {
font-family: centraNo1Book;
text-transform: uppercase;
font-size: 10px;
margin-top: auto;
margin-right: 0;
letter-spacing: 1.17px;
line-height: 13px
}
.masthead__user-item:not(:last-child) {
margin-right: 30px
}
.masthead__user-button {
display: block;
text-align: center;
transition: all .2s ease-out;
width: auto
}
.masthead__user-button:hover {
opacity: .8
}
.masthead__user-login {
color: #ccc;
margin-right: 30px!important;
position: relative;
padding-top: 4px
}
.masthead__social {
color: #ccc;
margin-right: 30px!important;
position: relative;
padding-left: 80px
}
.masthead__social-label {
font-family: CentraNo1, sans-serif;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.4px;
opacity: 1;
padding-top: 10px;
text-transform: uppercase;
transition: all .1s ease-out
}
.masthead__social-list {
align-items: center;
display: flex;
justify-content: flex-end;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
transition: all .1s ease-out;
width: 0
}
.masthead__social:hover .masthead__social-label {
opacity: 0
}
.masthead__social:hover .masthead__social-list {
transition-duration: .4s;
width: 170px
}
.masthead__social-item:not(:last-child) {
margin-right: 10px
}
.masthead__social-button {
display: block;
text-align: center;
transition: all .2s ease-out;
width: 20px
}
.masthead__social-button:hover {
opacity: .8
}
.masthead__social-button i {
color: #ccc;
font-size: 14px
}
.masthead__social-button .icon-instagram {
font-size: 11px
}
.masthead__social {
padding-left: 80px
}
.masthead__user-button {
width: auto!important
}
.masthead__user-login {
color: #ccc;
margin-right: 30px!important;
position: relative;
padding-top: 4px
}
.masthead__user-label {
padding-top: 6px!important
}
.masthead__user-item:not(:last-child) {
margin-right: 30px
}
.masthead__user-item {
font-family: centraNo1Book;
text-transform: uppercase;
font-size: 10px;
margin-top: auto;
margin-right: 0;
letter-spacing: 1.17px;
line-height: 13px
}
.masthead__nav {
background: rgba(0, 0, 0, .8);
display: flex;
height: 0;
justify-content: center;
overflow: hidden;
transition: all .2s ease-out
}
.masthead__nav--active {
height: 35px
}
.masthead__nav-list {
display: flex;
justify-content: flex-end;
white-space: nowrap;
width: 1180px
}
.masthead__nav-item {
font-family: CentraNo1Book, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 1.4px;
line-height: 35px;
padding: 0 12px;
text-transform: uppercase
}
.masthead__nav-item--bold {
font-family: CentraNo1, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 33px
}
.masthead__nav-item--bold>a::after {
display: none
}
.masthead__nav-item a {
display: block;
position: relative
}
.masthead__nav-item a[data-eyebrow] {
position: relative
}
.masthead__nav-item a[data-eyebrow]::before {
font-family: CentraNo1, sans-serif;
bottom: 12px;
color: #e32719;
content: attr(data-eyebrow);
font-size: 8px;
font-weight: 700;
letter-spacing: .93px;
left: 0;
position: absolute
}
.masthead__nav-item a::after {
background: #868686;
bottom: 0;
content: '';
height: 0;
left: 0;
position: absolute;
transition: all .2s ease-out;
width: 100%
}
.masthead__nav-item a:hover::after {
height: 5px
}
.masthead__nav-item--active>a::after {
height: 5px
}
.masthead__nav-item--disabled {
color: #939598
}
.masthead__nav-item--disabled a::before {
opacity: .5
}
.masthead__nav-item--subtopics {
display: flex;
padding-right: 20px;
font-size: 12px
}
.masthead__nav-item--subtopics>a {
cursor: pointer;
position: relative
}
.masthead__nav-item--subtopics>a::before {
background: url(https://images.fastcompany.com/image/upload/v1572915268/right-arrow-white.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: 7px;
position: absolute;
left: calc(100% + 3px);
top: 13px;
transition: all .2s ease-out;
-moz-transform: translateY(.2px);
width: 8px
}
.masthead__nav-item--subtopics>a:hover::before {
left: calc(100% + 6px)
}
.masthead__nav-item--subtopics>a.active::before {
left: calc(100% + 3px)
}
.masthead__nav-item--subtopics li a::after {
bottom: -2px
}
.masthead__subtopics {
display: flex;
justify-content: flex-end;
transition: all .2s ease-out;
overflow: hidden;
max-width: 0;
width: 0
}
.masthead__subtopic {
font-family: CentraNo1Book, sans-serif;
padding: 0 10px;
font-size: 10px
}
.masthead__subtopic:first-child {
padding-left: 30px
}
.masthead__subtopic:last-child {
padding-right: 0
}
.masthead__spacer {
flex: 0 0 1px;
padding: 0 20px
}
.masthead__spacer::after {
background: #777;
content: '';
display: block;
height: 20px;
margin-top: 6px;
width: 1px
}
.masthead__channel {
display: flex;
flex: 0 0 20px;
font-size: 10px;
height: 20px;
justify-content: flex-end;
letter-spacing: 1.05px;
line-height: 20px;
margin-top: 6px;
margin-left: 10px;
opacity: 1;
position: relative;
text-transform: uppercase;
transition: all .2s ease-out;
white-space: nowrap;
z-index: 0
}
.masthead__channel::before {
background: #777;
border-radius: 10px;
content: '';
height: 20px;
left: 0;
position: absolute;
top: 0;
transition: all .2s ease-out;
width: 20px;
z-index: -1
}
.masthead__channel--active .masthead__channel-title,
.masthead__channel:hover .masthead__channel-title {
color: #ccc
}
.masthead__channel--active::before,
.masthead__channel:hover::before {
width: 100%
}
.masthead__channel--active .masthead__channel-title:hover::before {
left: calc(100% + 3px)
}
.masthead__channel--disabled {
opacity: .4
}
.masthead__channel-logo {
background: url(https://images.fastcompany.com/image/upload/v1576116466/icon-fastcoworks-W.svg) no-repeat 0 0;
cursor: pointer;
height: 20px
}
.masthead__channel-title {
font-family: CentraNo1, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.17px;
margin-right: 20px;
margin-left: 28px;
position: relative
}
.masthead__channel-title::before {
background: url(https://images.fastcompany.com/image/upload/v1572915268/right-arrow-white.svg) no-repeat 0 0;
background-size: contain;
content: '';
height: 7px;
position: absolute;
left: calc(100% + 3px);
top: 3px;
transition: all .2s ease-out;
width: 8px
}
.masthead__channel-title:hover::before {
left: calc(100% + 6px)
}
.masthead__channel--container {
display: flex;
overflow: hidden;
transition: all .2s ease-out;
max-width: 0;
width: 0
}
.masthead__channel-items {
font-family: CentraNo1, sans-serif;
display: flex;
font-weight: 700;
padding-left: 10px!important;
padding-right: 12px!important
}
.masthead__channel-item {
margin-top: 1px
}
.masthead__channel-item:not(:last-child) {
margin-right: 20px
}
.masthead__channel-item a:hover {
color: #ccc
}
.masthead__search {
width: 18px
}
.masthead__search i {
color: #ccc;
font-size: 18px
}
.masthead__nav-item--remove-always {
display: none
}
.notice {
width: 100vw;
height: 30px;
background: #000;
position: fixed;
z-index: 4;
top: 0
}
@media screen and (max-width:63.9375em) {
.notice {
background: rgba(0, 0, 0, .8)
}
}
.notice .inner {
width: 100%;
max-width: 80rem;
margin: 0 auto;
padding: 0 20px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative
}
.notice .inner a {
font-family: CentraNo1Book, sans-serif;
font-size: 13px;
line-height: 13px;
letter-spacing: 1.56px;
text-transform: uppercase
}
.notice .inner a b {
font-family: CentraNo1, sans-serif
}
.notice .inner .slide {
position: absolute;
transition: opacity .5s
}
.notice .inner .slide.show {
opacity: 1
}
.notice .inner .slide.hide {
opacity: 0
}
.notice .inner .close {
position: absolute;
width: 10px;
right: 20px;
top: 6px;
cursor: pointer
}
@media screen and (max-width:63.9375em) {
.notice .inner .close {
width: 12px;
top: 8px
}
}
.notice .inner .close img {
width: 100%
}
.notice+.masthead {
top: 30px
}
@media screen and (max-width:74.9375em) {
.masthead__social {
display: none
}
.masthead__user {
margin-right: 0!important
}
.masthead__user-login {
padding-top: 0!important;
margin-right: 0!important
}
.masthead__user-label {
padding-top: 0!important
}
.masthead__user-logo {
padding-top: 6px!important
}
.masthead__search {
position: absolute;
left: 53px;
top: 13px
}
.masthead__title {
-webkit-transform: translate(-50%, -38%);
transform: translate(-50%, -38%);
width: 160px
}
}
@media screen and (max-width:63.9375em) {
.masthead__nav {
display: none
}
}
@media (max-width:1220px) and (min-width:1000px) {
.masthead__nav-list {
width: 1004px
}
.masthead__nav-item--remove-on-scale {
display: none
}
}
.logoutLink {
cursor: pointer
}
.showOnSmall {
display: block!important
}
.hideOnSmall {
display: none!important
}
@media screen and (min-width:1220px) {
.showOnSmall {
display: none!important
}
.hideOnSmall {
display: block!important
}
}
.page-header {
background: #000;
left: 0;
text-align: center;
position: absolute;
top: 0;
width: 100%;
z-index: 4
}
.page-header::before {
background: #000;
content: '';
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity .4s;
z-index: 1
}
.page-header--menu::before {
height: 100vh;
opacity: .3;
position: fixed;
width: 100vw
}
.page-header__title {
font-family: Beckett, sans-serif;
color: #fff;
display: inline-block;
font-size: 1.8125rem;
padding: .5rem 0 .625rem;
background: url(https://images.fastcompany.net/image/upload/v1538500532/fcweb/FC_Logo_2018_amgwhf.svg) 50% 50%/contain no-repeat;
width: 8.75rem;
text-indent: -200vw
}
.page-header__title:active,
.page-header__title:focus,
.page-header__title:hover,
.page-header__title:link,
.page-header__title:visited {
color: #fff
}
.topnav-mobile-input {
display: none
}
.nav {
position: relative
}
.nav__menu {
position: relative;
top: -20px
}
.nav__menu__hamburger {
width: 20px
}
.nav__menu-lower {
top: -19px
}
.nav__menu-lower__scaled {
top: 1px
}
.nav__menu__scaled {
width: 28px;
position: relative
}
.nav__item__bold {
font-family: CentraNo1
}
.nav__newsletter,
.nav__subscribe {
color: #fff;
cursor: pointer
}
.nav__newsletter:active,
.nav__newsletter:hover,
.nav__newsletter:link,
.nav__newsletter:visited,
.nav__subscribe:active,
.nav__subscribe:hover,
.nav__subscribe:link,
.nav__subscribe:visited {
color: inherit
}
.nav__link {
color: inherit;
white-space: nowrap
}
.nav__link:visited {
color: inherit
}
.nav__link:hover {
color: #fff;
background-color: #000
}
.nav__active {
background-color: #fff
}
.nav__extras {
color: #fff;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
display: flex;
margin: 0;
position: absolute
}
.fonts-loaded .nav__extras {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.nav__extras--left {
height: 1.0625rem;
padding: 0 0 0 1.25rem
}
.nav__extras--right {
padding: 0 1.25rem 0 0
}
.nav__extras-item {
list-style-type: none;
line-height: 1;
position: relative
}
.nav__extras-item:last-child {
right: 0
}
.nav__social-button {
display: inline-block;
height: 1.875rem;
margin: 0 .9375rem 0 0;
width: 1.875rem
}
.nav__social-button .nav__icon {
color: #ccc;
font-size: 1.875rem;
position: relative
}
.nav__social-button .nav__icon::before {
position: relative
}
.nav__social-button--facebook .nav__icon {
top: -.1875rem;
left: -.125rem
}
.nav__social-button--instagram .nav__icon::before {
font-size: 1.25rem;
top: -.375rem;
left: .0875rem
}
.nav__social-button--linkedin .nav__icon {
top: -.0625rem;
left: -.10625rem
}
.nav__social-button--pocket .nav__icon {
left: -.0625rem
}
.nav__social-button--twitter .nav__icon {
left: -.09375rem
}
.nav__search-trigger .icon-search-glass::before {
color: #939598!important;
font-size: 1.3125rem
}
.topnav-newsletter-container {
font-family: CentraNo1, sans-serif;
background-color: #c0d7eb;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
display: flex;
justify-content: center;
align-items: center
}
@media screen and (max-width:53.125rem) {
.topnav-newsletter-container {
display: block;
padding-top: .3125rem;
padding-bottom: 0;
position: relative
}
}
.topnav-newsletter-container__label {
padding-left: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 1.875rem
}
.topnav-newsletter-container__label span {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem
}
.topnav-newsletter-container__label>:not(:last-child) {
margin-right: 20px
}
.topnav-newsletter-container .topnav-thank-you-text {
display: none;
font-family: centraNo1Book;
font-size: .8125rem;
padding-top: .75rem;
padding-bottom: .75rem
}
.topnav-newsletter-container .topnav-sign-up-text {
margin-top: .125rem
}
.topnav-newsletter-container__icon {
display: inline-block;
width: 230px;
height: 30px;
margin-top: 14px
}
.topnav-newsletter-container__icon img {
width: 100%
}
@media screen and (max-width:53.125rem) {
.topnav-newsletter-container__icon {
margin-top: .5rem
}
}
.topnav-newsletter-container__form {
padding-right: 10px
}
.topnav-newsletter-container__form--error::-webkit-input-placeholder {
color: #eb2399
}
.topnav-newsletter-container__form--error::-moz-placeholder {
color: #eb2399
}
.topnav-newsletter-container__form--error::-ms-input-placeholder {
color: #eb2399
}
.topnav-newsletter-container__form--error::placeholder {
color: #eb2399
}
.topnav-newsletter-container__form form {
height: 40px
}
.topnav-newsletter-container__form form input:focus::-webkit-input-placeholder {
color: transparent
}
.topnav-newsletter-container__form form input:focus:-moz-placeholder {
color: transparent
}
.topnav-newsletter-container__form form input:focus::-moz-placeholder {
color: transparent
}
.topnav-newsletter-container__form form input:focus:-ms-input-placeholder {
color: transparent
}
.topnav-newsletter-container__form form input {
font-family: CentraNo1Book, sans-serif;
color: #000;
background-color: #eff5fb;
height: 100%;
width: 250px;
padding-left: 10px;
padding-right: 10px;
font-size: .8125rem;
margin-left: -.5rem;
padding-top: .0625rem
}
.topnav-newsletter-container__form form button {
color: #000;
text-decoration: underline;
letter-spacing: 2px;
height: 100%;
padding-left: 20px;
padding-right: 20px;
font-size: .8125rem
}
.topnav-newsletter-container .closeNewsletters {
position: absolute;
right: 20px;
width: 3.75rem
}
@media screen and (max-width:53.125rem) {
.topnav-newsletter-container .closeNewsletters {
top: -.9375rem;
right: -.5rem
}
}
@media screen and (min-width:40em) {
.page-header {
position: fixed
}
.page-header .nav__title {
font-family: FCKaiser, sans-serif;
letter-spacing: .18em;
margin-top: initial;
line-height: initial
}
}
@media screen and (max-width:53.125rem) {
.topnav-desktop-input,
.topnav-sign-up-text {
display: none
}
.topnav-thank-you-text {
margin-top: .3125rem;
margin-bottom: .9375rem;
padding-bottom: 0!important;
padding-top: 0!important
}
.topnav-mobile-input {
display: inline-block;
width: 100%;
height: 2.5rem!important
}
.topnav-newsletter-container {
padding-top: 0
}
.topnav-newsletter-container__form {
padding: .000001px;
height: 1.875rem
}
.topnav-newsletter-container__icon--mobile-success {
position: absolute;
top: 5px
}
.topnav-newsletter-container__icon {
margin-top: .875rem
}
.topnav-newsletter-container__label {
height: 3.75rem
}
.topnav-newsletter-container form button {
margin-right: -6%;
background: #eff5fb;
width: 9%;
padding-left: .000001px;
font-size: 13px;
height: 2.5rem
}
}
@media screen and (max-width:53.125rem) and (max-width:47.125rem) {
.topnav-newsletter-container form button {
width: 10%
}
}
@media screen and (max-width:53.125rem) and (max-width:41.875rem) {
.topnav-newsletter-container form button {
width: 11%
}
}
@media screen and (max-width:53.125rem) and (max-width:37.5rem) {
.topnav-newsletter-container form button {
width: 12.5%
}
}
@media screen and (max-width:53.125rem) and (max-width:37.5rem) {
.topnav-newsletter-container form button {
width: 14%
}
}
@media screen and (max-width:53.125rem) and (max-width:30.625rem) {
.topnav-newsletter-container form button {
width: 15%
}
}
@media screen and (max-width:53.125rem) and (max-width:26.875rem) {
.topnav-newsletter-container form button {
width: 17%
}
}
@media screen and (max-width:53.125rem) and (max-width:23.75rem) {
.topnav-newsletter-container form button {
width: 19%
}
}
@media screen and (max-width:53.125rem) and (max-width:21.25rem) {
.topnav-newsletter-container form button {
width: 23%
}
}
@media screen and (max-width:53.125rem) {
.topnav-newsletter-container form input {
margin-left: -6%;
width: 91%;
font-size: 13px;
height: 1.875rem;
-webkit-border-radius: 0;
-webkit-appearance: none;
border-radius: 0!important
}
}
@media screen and (max-width:53.125rem) and (max-width:47.125rem) {
.topnav-newsletter-container form input {
width: 90%
}
}
@media screen and (max-width:53.125rem) and (max-width:41.875rem) {
.topnav-newsletter-container form input {
width: 89%
}
}
@media screen and (max-width:53.125rem) and (max-width:37.5rem) {
.topnav-newsletter-container form input {
width: 87.5%
}
}
@media screen and (max-width:53.125rem) and (max-width:31.875rem) {
.topnav-newsletter-container form input {
width: 86%
}
}
@media screen and (max-width:53.125rem) and (max-width:30.625rem) {
.topnav-newsletter-container form input {
width: 85%
}
}
@media screen and (max-width:53.125rem) and (max-width:26.875rem) {
.topnav-newsletter-container form input {
width: 83%
}
}
@media screen and (max-width:53.125rem) and (max-width:23.75rem) {
.topnav-newsletter-container form input {
width: 81%
}
}
@media screen and (max-width:53.125rem) and (max-width:21.25rem) {
.topnav-newsletter-container form input {
width: 77%
}
}
@media screen and (max-width:47.9375rem) {
body {
padding: 3.75rem 0 0
}
.nav {
display: none
}
.nav__list {
display: none;
background-color: gray
}
.nav__extras--left {
bottom: 15px;
left: 0
}
.nav__extras--right {
bottom: .5625rem!important;
right: 0
}
.nav__extras--right .nav__extras-item:not(:last-child) {
display: none
}
}
@media screen and (min-width:48rem) {
.nav__main-items {
margin: 0 auto;
max-width: 80rem;
position: relative
}
.page-header--with-top-ad {
position: relative
}
.page-header__title {
background-size: contain;
font-size: 3.5rem;
transition: all 150ms linear;
width: 18.125rem
}
.page-header__title--scaled {
font-size: 2.4375rem;
width: 13.125rem
}
.nav {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
background: #ff0
}
.fonts-loaded .nav {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.nav__list {
display: flex;
justify-content: center;
list-style: none;
margin: 0 auto;
padding: 0;
background-color: #ccc
}
.nav__item {
border-right: .0625rem solid #000
}
.nav__item:first-child {
border-left: .0625rem solid #000
}
.nav__active,
.nav__link {
display: block;
padding: .4375rem 1.25rem
}
.nav__extras {
transition: all .2s linear
}
.nav__extras--left {
left: 0;
bottom: .9375rem
}
.nav__extras--left.nav__extras--scaled {
bottom: 1.375rem
}
.nav__extras--left .nav__extras-item {
list-style-type: none;
line-height: 1;
position: relative;
padding-right: 5px
}
.nav__extras--left .nav__extras-item:not(:first-child) {
margin: 0 0 0 1.3125rem
}
.nav__extras--left .nav__extras-item:not(:last-child)::after {
content: "|";
font-size: .75rem;
line-height: .875rem;
padding: 0 .9375rem 0 0;
position: absolute;
right: -25px
}
.nav__extras--left .nav__extras-item:last-child {
padding-right: 20px
}
.nav__extras--right {
bottom: 1.0625rem;
right: 0
}
.nav__extras--right.nav__extras--scaled {
bottom: .8125rem
}
}
@media screen and (max-width:1024px) {
.nav__menu {
position: relative;
top: .00001px
}
.nav__menu__hamburger {
width: 20px
}
.nav__extras--left {
padding-left: 2.5rem
}
.nav__extras--left .nav__extras-item:not(:first-child) {
display: none
}
.nav__extras--left .nav__extras-item::after {
display: none
}
.nav__extras--right {
bottom: .8125rem
}
.nav__extras--right.nav__extras--scaled {
bottom: 1.125rem
}
.nav__extras-item .icon-search-glass {
padding-right: 1.25rem
}
.nav__social-button {
height: 1.5625rem;
margin: .1875rem .625rem 0 0;
width: 1.5625rem
}
.nav__social-button .nav__icon {
font-size: 1.5625rem
}
.nav__social-button--facebook .nav__icon {
top: -.125rem
}
.nav__social-button--instagram .nav__icon::before {
font-size: 1rem;
top: -.34375rem
}
.nav__social-button--linkedin .nav__icon {
top: -.125rem
}
.nav__social-button--pocket .nav__icon {
top: -.0625rem
}
.nav__social-button--twitter .nav__icon {
top: -.0625rem
}
}
@media only screen and (max-width:1024px) and (min-width:47.9375rem) {
.page-header__title {
font-size: 2.4375rem;
width: 13.125rem
}
.nav__item__remove {
display: none
}
.nav__extras--left {
bottom: 1.5rem;
height: .875rem
}
.nav__extras--right {
bottom: 1.125rem;
height: 1.5625rem
}
.nav__social-button {
margin-top: 0
}
.nav__social-button .nav__icon {
line-height: 1.8125rem
}
.nav__search-trigger .icon-search-glass {
line-height: normal
}
}
@media screen and (max-width:640px) {
.nav__extras--left {
padding-left: .625rem
}
.nav__extras--right {
padding-right: .625rem
}
.nav__extras-item .icon-search-glass {
padding-right: 0
}
}
body.layout--editorialFranchise {
padding-top: 55px
}
.main-menu {
background-color: #fff;
display: block;
height: 100vh;
width: 16.6875rem;
left: 0;
overflow-y: scroll;
position: fixed;
top: 0;
transition: -webkit-transform 150ms;
transition: transform 150ms;
transition: transform 150ms, -webkit-transform 150ms;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 2;
color: #000
}
.main-menu>* {
display: flex
}
.main-menu--opened {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.main-menu__brand {
align-items: center;
background: #fff;
display: flex;
height: 2.3125rem;
justify-content: center;
position: relative
}
.main-menu__brand .icon-close {
color: #000;
cursor: pointer;
display: block;
font-size: 1.25rem;
height: 1.25rem;
right: 0;
line-height: 0;
margin-left: 1.25rem;
margin-right: 1.25rem;
position: absolute;
top: 1.25rem;
width: 1.25rem
}
.main-menu__cosites {
align-items: center;
display: block;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0;
text-align: left
}
.main-menu__cosite-link {
color: #000
}
.main-menu__cosite-link:active,
.main-menu__cosite-link:focus,
.main-menu__cosite-link:hover,
.main-menu__cosite-link:visited {
color: #000
}
.main-menu__advertise,
.main-menu__codesign-collection,
.main-menu__collections,
.main-menu__cosite-item,
.main-menu__current-issue,
.main-menu__fastcompany-collection,
.main-menu__fastcoworks,
.main-menu__helpcenter,
.main-menu__innovation-festival,
.main-menu__learning,
.main-menu__newsletters {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
border-bottom: .0625rem solid #000;
border-top: .0625rem solid #000;
color: #000;
cursor: pointer;
display: block;
height: 3.125rem;
line-height: 3.0625rem!important;
margin-left: 1.25rem;
margin-right: 1.25rem;
text-align: left
}
.fonts-loaded .main-menu__advertise,
.fonts-loaded .main-menu__codesign-collection,
.fonts-loaded .main-menu__collections,
.fonts-loaded .main-menu__cosite-item,
.fonts-loaded .main-menu__current-issue,
.fonts-loaded .main-menu__fastcompany-collection,
.fonts-loaded .main-menu__fastcoworks,
.fonts-loaded .main-menu__helpcenter,
.fonts-loaded .main-menu__innovation-festival,
.fonts-loaded .main-menu__learning,
.fonts-loaded .main-menu__newsletters {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.main-menu__advertise:active,
.main-menu__advertise:hover,
.main-menu__advertise:link,
.main-menu__advertise:visited,
.main-menu__codesign-collection:active,
.main-menu__codesign-collection:hover,
.main-menu__codesign-collection:link,
.main-menu__codesign-collection:visited,
.main-menu__collections:active,
.main-menu__collections:hover,
.main-menu__collections:link,
.main-menu__collections:visited,
.main-menu__cosite-item:active,
.main-menu__cosite-item:hover,
.main-menu__cosite-item:link,
.main-menu__cosite-item:visited,
.main-menu__current-issue:active,
.main-menu__current-issue:hover,
.main-menu__current-issue:link,
.main-menu__current-issue:visited,
.main-menu__fastcompany-collection:active,
.main-menu__fastcompany-collection:hover,
.main-menu__fastcompany-collection:link,
.main-menu__fastcompany-collection:visited,
.main-menu__fastcoworks:active,
.main-menu__fastcoworks:hover,
.main-menu__fastcoworks:link,
.main-menu__fastcoworks:visited,
.main-menu__helpcenter:active,
.main-menu__helpcenter:hover,
.main-menu__helpcenter:link,
.main-menu__helpcenter:visited,
.main-menu__innovation-festival:active,
.main-menu__innovation-festival:hover,
.main-menu__innovation-festival:link,
.main-menu__innovation-festival:visited,
.main-menu__learning:active,
.main-menu__learning:hover,
.main-menu__learning:link,
.main-menu__learning:visited,
.main-menu__newsletters:active,
.main-menu__newsletters:hover,
.main-menu__newsletters:link,
.main-menu__newsletters:visited {
color: #000
}
.main-menu__advertise,
.main-menu__codesign-collection,
.main-menu__collections,
.main-menu__fastcompany-collection,
.main-menu__fastcoworks,
.main-menu__helpcenter,
.main-menu__innovation-festival,
.main-menu__learning,
.main-menu__newsletters {
border-bottom: 0
}
.main-menu__cosite-item {
border-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0
}
.main-menu__dropdown-content {
position: relative;
display: block
}
.main-menu__codesign-collection--open,
.main-menu__collections--open,
.main-menu__fastcompany-collection--open,
.main-menu__fastcoworks--open {
border-bottom: 1px solid #ccc
}
.main-menu__codesign-collection--active::after,
.main-menu__collections--active::after,
.main-menu__fastcompany-collection--active::after,
.main-menu__fastcoworks--active::after {
display: block;
content: '';
background: #ccc;
height: 1px
}
.main-menu__collections-caret {
position: absolute;
right: 1.25rem;
top: .25rem
}
.main-menu__collections-caret::after {
background: url(//images.fastcompany.net/image/upload/v1491842542/fcweb/carrot-right-fix.svg) no-repeat 0 0;
content: '';
display: inline-block;
-webkit-filter: invert(.3);
filter: invert(.3);
height: .875rem;
width: 1.125rem;
-webkit-transform: rotate(0);
transform: rotate(0);
position: relative;
top: .1875rem
}
.main-menu__collections-caret--active::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
top: .4375rem
}
.main-menu__current-issue {
border-top: .0625rem solid #000;
border-bottom: 0
}
.main-menu__current-issue::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.main-menu__collections-content {
height: 0;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
text-align: left;
transition: height .3s ease-in-out
}
.main-menu__collections-content--active {
margin-bottom: 1.0625rem
}
.main-menu__collections-content--menu {
display: block!important;
height: auto!important;
margin-bottom: 1.0625rem
}
.main-menu__collections-content--menu li {
margin: 0 1.25rem
}
.main-menu__collections-content--menu li:first-child {
padding-top: 0
}
.main-menu__collections-content--menu li:last-child {
padding-bottom: .6875rem
}
.main-menu__collections-content--collections.main-menu__collections-content--active,
.main-menu__collections-content--fastcoworks.main-menu__collections-content--active {
margin-bottom: 0
}
.main-menu__collection {
margin: 0 2.5rem;
padding-top: 1.625rem
}
.main-menu__collection:first-of-type {
padding-top: 1.75rem
}
.main-menu__collection:last-of-type {
padding-bottom: 1.8125rem
}
.main-menu__collection-link {
color: #000
}
.main-menu__collection-link:hover {
color: inherit
}
.main-menu__collection-title {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase
}
.fonts-loaded .main-menu__collection-title {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.main-menu__events-link {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
margin-bottom: 30px
}
.fonts-loaded .main-menu__events-link {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.main-menu__collection-deck {
color: #5f5f5f;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
margin: .25rem 0 0
}
.fonts-loaded .main-menu__collection-deck {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.main-menu__mag-cover {
background-repeat: no-repeat;
margin: 0 auto 1.25rem auto;
padding: 0 0 16.3125rem;
width: 14.0625rem;
text-indent: -1000vw;
background-position: center;
background-size: cover
}
.main-menu__social-menu,
.main-menu__subscription {
flex-direction: column
}
.main-menu__subscription-button-row {
border-top: 1px solid #000;
color: #fff;
width: 84%;
margin-left: 1.25rem
}
.main-menu__subscribe-link {
background-color: #ef5b24;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 7px 3px 8px;
text-transform: uppercase;
text-align: center;
height: 27px;
display: inline-block;
margin-top: 1.1875rem;
margin-bottom: 1.1875rem;
padding: .0625rem .4375rem 0 .5rem;
float: left;
line-height: 1.5rem!important
}
.fonts-loaded .main-menu__subscribe-link {
font-family: CentraNo1, sans-serif;
line-height: .875rem;
letter-spacing: .1125rem
}
.main-menu__subscribe-link:active,
.main-menu__subscribe-link:hover,
.main-menu__subscribe-link:visited {
color: #fff
}
.main-menu__social-menu {
border-top: .0625rem solid #000;
display: block;
margin-left: 1.25rem;
margin-right: 1.25rem;
text-align: left
}
.main-menu__social-text {
margin-top: .9375rem
}
.main-menu__social-text-hed {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
font-size: .8125rem!important
}
.fonts-loaded .main-menu__social-text-hed {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.main-menu__social-list {
display: flex;
margin-bottom: 1.25rem;
margin-top: .625rem
}
.main-menu__social-button {
align-items: center;
background: #000;
border-radius: 50%;
display: flex;
height: 1.875rem;
justify-content: center;
margin: 0 .5625rem;
width: 1.875rem;
transition: all .2s ease-out
}
.main-menu__social-button:hover {
background: #777
}
.main-menu__social-button:first-of-type {
margin-left: 0
}
.main-menu__social-button:last-of-type {
margin-right: 0
}
.main-menu__social-button:last-of-type::after {
background: 0 0
}
.main-menu__social-button::after {
height: 1.875rem;
display: inline-block;
width: .0625rem;
background: #ccc;
content: '';
position: relative;
left: .6875rem
}
.main-menu__social-button img {
height: 20px;
position: relative;
width: 20px
}
.main-menu__social-button--linkedin img {
height: 18px;
left: 1px;
width: 18px
}
.main-menu__social-button--twitter img {
left: 1px
}
.main-menu__icon {
color: #000;
font-size: 1.5625rem
}
.main-menu__icon--facebook {
left: .0625rem;
top: .0625rem
}
.main-menu__icon--twitter {
top: .125rem
}
.main-menu__icon--instagram {
left: .0625rem;
font-size: 1.125rem
}
.main-menu__icon--pocket {
left: .0625rem;
top: .125rem
}
.main-menu__icon--linkedin {
left: .03125rem;
top: .0625rem
}
@media screen and (max-width:39.9375em) {
.main-menu {
width: 100vw;
position: fixed
}
.main-menu__subscribe-link {
padding-top: .125rem
}
}
.siderail-video-module {
margin: 3.125rem 0 2.875rem;
border-bottom: solid 1px #ccc;
padding-bottom: 1.75rem
}
.siderail-video-module .slug {
margin: 0 auto
}
.siderail-video-module__player-container {
margin-bottom: .0625rem
}
.siderail-video-module__player-title-slug {
color: #000;
font-family: Georgia;
font-size: .9375rem;
font-weight: 700;
letter-spacing: .38px;
line-height: 1.0625rem
}
.fonts-loaded .siderail-video-module__player-title-slug {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.mobile-video-module {
margin: 1.875rem 0;
border-top: .0625rem solid #ccc;
border-bottom: .0625rem solid #ccc;
padding: .9375rem 0 1.25rem
}
.mobile-video-module .jwplayer {
margin: 0!important
}
.mobile-video-module .component-slug {
font-weight: 700;
font-size: .75rem;
line-height: 1.375rem;
font-family: CentraNo1, Arial, sans-serif;
letter-spacing: .0625rem;
text-transform: uppercase;
color: #6d6e6b
}
.mobile-video-module .video-title {
font-weight: 400;
font-size: .875rem;
line-height: 1.0625rem;
font-family: CentraNo1Book, Arial, sans-serif;
letter-spacing: -.01562rem;
color: #000;
width: 80%;
margin-bottom: .75rem
}
.mobile-video-module .close-button {
display: none;
color: #000;
position: absolute;
top: .375rem;
right: .625rem;
cursor: pointer
}
.sticky-outer-wrapper.active .mobile-video-module {
background: #fff;
position: fixed;
width: 100vw;
top: 0;
left: -.625rem;
margin: 0;
padding: 0;
border-top: 0;
border-bottom: 0
}
.sticky-outer-wrapper.active .mobile-video-module .component-slug {
display: none
}
.sticky-outer-wrapper.active .mobile-video-module .video-title {
font-weight: 400;
font-size: .6875rem;
line-height: 1.375rem;
height: 1.375rem;
font-family: CentraNo1Book, Arial, sans-serif;
letter-spacing: -.01063rem;
color: #6d6e6b;
width: 90%;
padding: 0 .625rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0
}
.sticky-outer-wrapper.active .mobile-video-module .video-title span {
font-weight: 700;
font-family: CentraNo1, Arial, sans-serif;
text-transform: uppercase
}
.sticky-outer-wrapper.active .mobile-video-module .close-button {
display: block;
width: .625rem
}
.sticky-outer-wrapper.active .mobile-video-module .close-button img {
display: block;
width: 100%
}
.jw-state-idle .jw-display-icon-container {
background-color: rgba(0, 0, 0, 0);
border: .1875rem solid #fff
}
.jw-display-icon-container>.jw-icon {
height: 3.75rem!important;
line-height: 3.75rem!important;
width: 3.75rem!important
}
.jw-controls {
z-index: 99999999999
}
.video-row--post {
margin-bottom: .5625rem
}
.video-row--post .slug-component::before {
border-top: .0625rem solid #cacaca
}
.video-row--post .slug {
padding-top: .875rem
}
.video-module-playlist {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
border-top: .0625rem solid #e2e8ec;
padding-bottom: 1.25rem
}
@media print,
screen and (min-width:40em) {
.video-module-playlist {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.video-module-playlist .slick-track {
display: flex
}
.video-module {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
position: relative;
z-index: 0
}
@media print,
screen and (min-width:40em) {
.video-module {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.video-module a {
color: #fff
}
.video-module a:active,
.video-module a:focus,
.video-module a:hover,
.video-module a:link {
color: inherit
}
.video-module__player-container {
position: relative;
background-color: #e2e8ec
}
.video-module__player-container::before {
display: block;
content: " ";
width: 100%;
padding-top: 56.25%
}
.video-module__player-container>div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.video-module__player-container>div>img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%
}
.video-module__title {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem;
text-align: center;
margin-top: .9375rem;
padding-bottom: 1.125rem
}
.fonts-loaded .video-module__title {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
@media screen and (min-width:40em) {
.video-module::after {
bottom: 0;
content: "";
left: 2.5rem;
position: absolute;
right: 2.5rem
}
.video-row--post {
margin-bottom: 2.5rem
}
.video-row--post .slug {
padding-top: 1.1875rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.video-module {
padding-left: 2.5rem;
padding-top: 1.1875rem;
padding-right: 2.5rem
}
.video-module__title {
color: #000;
font-family: Helvetica;
font-size: 1.875rem;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.8125rem;
margin-top: .875rem;
padding-bottom: 1.8125rem;
text-align: center
}
.fonts-loaded .video-module__title {
font-family: GrifitoM, sans-serif;
font-size: 2.25rem;
line-height: 2.1875rem
}
.video-module-playlist {
border-top: 0;
padding-left: 2.5rem;
padding-right: 2.5rem
}
.video-module-playlist::before {
border-top: .0625rem solid #e2e8ec;
top: 0;
content: "";
left: 2.5rem;
position: absolute;
right: 2.5rem
}
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) {
.video-module {
padding-left: 2.5rem;
padding-top: 1.1875rem;
padding-right: 2.5rem
}
.video-module-playlist {
border-top: 0;
padding-left: 2.5rem;
padding-right: 2.5rem
}
.video-module-playlist::before {
border-top: .0625rem solid #e2e8ec;
top: 0;
content: "";
left: 2.5rem;
position: absolute;
right: 2.5rem
}
}
@media screen and (min-width:64em) {
.video-module-playlist {
flex: 0 0 25%;
max-width: 25%;
padding-right: .625rem;
padding-left: .625rem;
border: 0;
padding: 0;
position: relative;
margin-top: 1.375rem
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.video-module-playlist {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.video-module-playlist>div {
overflow: scroll;
overflow-x: hidden;
max-height: 100%;
position: absolute;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.video-module-playlist .slick-slider {
max-height: 99.5%!important;
margin-left: 0;
margin-top: 1.25rem;
position: absolute
}
.video-module-playlist .slick-slider::after,
.video-module-playlist .slick-slider::before {
display: table;
content: ' '
}
.video-module-playlist .slick-slider::after {
clear: both
}
.video-module-playlist::after {
border-top: 1px solid #ccc;
bottom: 0;
content: "";
left: 1.25rem;
position: absolute;
right: 1.25rem
}
.video-module {
flex: 0 0 75%;
max-width: 75%;
padding-right: .625rem;
padding-left: .625rem;
margin-top: 1.375rem;
position: relative
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.video-module {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.video-module::after {
left: 1.25rem;
right: 1.25rem
}
.video-module__title {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
flex: 0 0 76.66667%;
max-width: 76.66667%;
padding-right: 0;
padding-left: 0;
margin: .875rem auto 0 0;
padding-bottom: 1.8125rem;
text-align: left
}
.fonts-loaded .video-module__title {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
}
.toaster-video-module {
display: flex;
background-color: #000;
justify-content: center;
height: 168.75px;
max-height: 169px
}
.toaster-video-module__player-container {
align-items: center;
justify-content: center;
width: 18.75rem
}
.toaster-video-module__player-info {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
color: #fff;
display: flex;
align-items: flex-end;
max-width: 15.625rem;
padding: 1.5625rem;
justify-content: center
}
.fonts-loaded .toaster-video-module__player-info {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
.toaster-video-module__close-button {
color: #fff;
position: absolute;
font-size: .9375rem;
font-weight: 700;
top: .3125rem;
right: .625rem;
cursor: pointer
}
.mcp-dropdown {
height: 136px;
flex: 1;
margin: 32px 0 0 38px;
border: solid #fff 2px;
cursor: pointer;
position: relative;
background: url(https://images.fastcompany.net/image/upload/v1594676579/fcweb/icon_down_mhzhnj.svg);
background-repeat: no-repeat;
background-position-x: calc(100% - 23px);
background-position-y: calc(50% - 7px);
transition: visibility .2s ease-in-out
}
@media (max-width:767px) {
.mcp-dropdown {
margin: .00001px;
margin-top: 30px
}
}
.mcp-dropdown:hover {
background: url(https://images.fastcompany.net/image/upload/v1594676579/fcweb/icon_down_mhzhnj.svg), #fff;
background-repeat: no-repeat;
background-position-x: calc(100% - 23px);
background-position-y: calc(50% - 7px)
}
.mcp-dropdown__selected {
height: 100%;
display: flex;
align-items: center;
padding-left: 25px;
padding-right: 70px;
font-weight: 700;
font-size: 38px;
line-height: 45px;
font-family: Voyage, serif;
text-transform: uppercase;
letter-spacing: 4.65px
}
@media (max-width:767px) {
.mcp-dropdown__selected {
font-size: 28px;
line-height: 30px
}
}
.mcp-dropdown__list {
position: absolute;
flex: 1;
background: #fff;
overflow: scroll;
max-height: 900px;
visibility: hidden;
transition: visibility .2s ease-in-out;
top: 0;
left: -2px;
width: calc(100% + 4px);
z-index: 2
}
@media (max-width:767px) {
.mcp-dropdown__list {
height: calc((78px * 4) + 123px)
}
}
.mcp-dropdown__list--active {
visibility: visible;
background: url(https://images.fastcompany.net/image/upload/v1594676579/fcweb/icon_up_geymup.svg), #fff;
background-repeat: no-repeat;
background-position-x: calc(100% - 23px);
background-position-y: 57px
}
.mcp-dropdown__list__item {
color: #777;
height: auto;
padding-top: 16px;
padding-bottom: 16px;
border-top: solid 1px #ccc;
display: grid;
grid-template-columns: 14px auto;
grid-column-gap: 10px;
font-weight: 700;
font-size: 32px;
line-height: 34px;
font-family: Voyage, serif;
text-transform: uppercase;
letter-spacing: 4.65px;
margin-left: 30px;
margin-right: 80px
}
@media (max-width:767px) {
.mcp-dropdown__list__item {
margin-left: 15px;
padding-top: 15px;
padding-bottom: 15px
}
}
@media (max-width:680px) {
.mcp-dropdown__list__item {
font-size: 22px;
line-height: 27px;
letter-spacing: 3px
}
}
.mcp-dropdown__list__item__color {
opacity: 0;
display: block;
height: 100%;
width: 100%;
margin-left: -30px
}
.mcp-dropdown__list__item__category {
margin-left: -24px
}
.mcp-dropdown__list__item:hover {
transition: color .3s ease-in-out;
color: #000
}
:hover>.mcp-dropdown__list__item__color {
transition: color .3s ease-in-out, opacity .3s ease-in-out;
color: #000;
opacity: 1
}
.mcp-dropdown__list__item p {
margin-top: auto;
margin-bottom: auto;
font-size: 36px;
margin-left: 27px
}
.mcp-dropdown__list__item:first-of-type {
border-top: none;
border-bottom: 1px solid #ccc;
margin-bottom: 5px
}
@media screen and (min-width:40em) {
.floating-player {
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.floating-player--is-floating-bottom-right {
position: fixed;
bottom: .9375rem;
right: 12.5625rem;
max-width: 18.75rem;
max-height: 10.625rem;
width: 18.75rem;
height: 10.625rem;
z-index: 9999999
}
.floating-player--is-floating-bottom-left {
position: fixed;
bottom: .9375rem;
left: .3125rem;
max-width: 18.75rem;
max-height: 10.625rem;
width: 18.75rem;
height: 10.625rem;
z-index: 9999999
}
.floating-player--is-floating-bottom-left-toaster {
position: fixed;
bottom: 0;
left: 0;
z-index: 9999999
}
.floating-player--is-floating-top-left {
position: fixed;
top: 5.25rem;
left: .3125rem;
max-width: 18.75rem;
max-height: 10.625rem;
width: 18.75rem;
height: 10.625rem;
z-index: 9999999
}
.floating-player--is-floating-top-right {
position: fixed;
top: 5.3125rem;
right: 12.25rem;
max-width: 18.75rem;
max-height: 10.625rem;
width: 18.75rem;
height: 10.625rem;
z-index: 9999999
}
}
@media screen and (min-width:64em) {
.floating-player--is-floating-bottom-left,
.floating-player--is-floating-bottom-right {
-webkit-transform: translate3d(10px, -15px, 5px);
transform: translate3d(10px, -15px, 5px)
}
.floating-player--is-floating-top-left,
.floating-player--is-floating-top-right {
-webkit-transform: translate3d(5px, -5px, 5px);
transform: translate3d(5px, -5px, 5px)
}
}
.all-feed button {
border: none;
background-color: #ef5b24;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 8px 3px;
text-transform: uppercase;
text-align: center;
height: 31px;
padding: 0 .5rem .125rem .5625rem;
display: block;
margin: 2.1875rem auto 1.25rem;
cursor: pointer;
}
.fonts-loaded .all-feed button {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.all-feed__wrapper {
position: relative
}
.all-feed.no-bottom-line .card:last-child {
border-bottom: none
}
@media screen and (max-width:39.9375em) {
.all-feed .slug {
padding-left: .625rem;
padding-right: .625rem
}
.layout--homepage .all-feed__more {
border-top: 1px solid #ccc;
display: block
}
.layout--homepage .all-feed__more button {
margin-top: 1.25rem
}
.all-feed button {
height: 2.0625rem;
padding: .0625rem .5rem .125rem .5625rem
}
.all-feed__section:nth-of-type(1n+2) .all-feed__posts {
border-top: .0625rem solid #ccc
}
.all-feed__wrapper--advertorial {
margin-top: 1.125rem
}
.all-feed__sidebar {
margin-bottom: 0
}
.all-feed__button--mobile-hidden {
display: none
}
.all-feed__button button {
margin: 0 auto;
display: block;
margin-bottom: 1.25rem;
margin-top: 1.25rem
}
.all-feed__promotion {
display: none
}
}
@media print,
screen and (min-width:40em) {
.all-feed__sidebar {
display: none
}
.all-feed__posts {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
padding: 0 2.5rem
}
}
@media screen and (min-width:40em) {
.all-feed {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
position: relative
}
.all-feed__wrapper:not(.all-feed__wrapper--user) {
width: 100%
}
.all-feed__wrapper:not(.all-feed__wrapper--user)::before {
content: "";
left: 1.25rem;
position: absolute;
right: 1.25rem;
top: 1.25rem
}
.all-feed__wrapper:not(.all-feed__wrapper--user)--advertorial::before {
position: static;
display: block;
width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
margin-top: 1.5rem
}
.all-feed__wrapper:not(.all-feed__wrapper--user)--advertorial .all-feed__section:first-child {
margin-top: 0
}
.all-feed__wrapper:not(.all-feed__wrapper--user)--no-slug::before {
top: 0
}
.all-feed__wrapper:not(.all-feed__wrapper--user)--no-slug .all-feed__section:first-child {
margin-top: .07812rem
}
.all-feed__section {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.all-feed__section:first-child {
margin-top: .125rem
}
.all-feed__promotion {
flex: 1;
margin-bottom: 1.25rem
}
.all-feed button {
margin-top: 1.3125rem auto 0
}
}
@media screen and (min-width:64em) {
.all-feed__sidebar {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: .625rem;
padding-left: .625rem;
display: flex;
flex-direction: column;
padding: .3125rem 0 0;
position: relative;
z-index: 1
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.all-feed__sidebar {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.all-feed__posts {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: 0;
padding-left: 0;
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.all-feed__wrapper::before {
left: 2.5rem;
right: 2.5rem
}
.all-feed__wrapper--advertorial::before {
width: calc(100% - 80px)
}
.all-feed__button {
margin-left: 1.25rem
}
}
.author {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
font-size: 14px;
padding: 20px 0
}
.author--post {
margin-bottom: 37px;
padding-top: 1.0625rem;
padding-bottom: 1rem
}
.author__title {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
margin: 0 0 6px
}
.fonts-loaded .author__title {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.author__description {
color: #231f20;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
display: inline;
line-height: 17px
}
.fonts-loaded .author__description {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem;
line-height: .9375rem;
letter-spacing: .01875rem
}
.author__description strong:first-of-type {
color: #000
}
.author p {
margin: 0;
display: inline
}
.post__initials {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 600;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
display: inline-block;
margin: 0 0 0 .1875rem;
padding: 0 0 .125rem;
position: relative
}
.fonts-loaded .post__initials {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.post__initials::before {
content: "\2014";
display: inline-block
}
.post__initials::after {
background: #000;
content: "";
height: .0625rem;
bottom: 0;
left: 1rem;
position: absolute;
right: .0625rem
}
.post__initials:active,
.post__initials:focus,
.post__initials:link,
.post__initials:visited {
color: #000
}
@media screen and (max-width:39.9375em) {
.related-posts.hide-on-mobile {
display: none
}
}
.related-posts.tiled {
width: 100%
}
.related-posts.tiled .slug-component {
margin-bottom: 10px
}
.related-posts.tiled .cards {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 45px 36px;
margin-top: 10px;
margin-bottom: 50px
}
@media screen and (max-width:63.9375em) {
.related-posts.tiled .cards {
grid-template-columns: repeat(3, 1fr);
padding: 0 20px
}
}
@media screen and (max-width:39.9375em) {
.related-posts.tiled .cards {
grid-template-columns: 1fr;
gap: 0;
border-top: #ccc 1px solid;
margin-bottom: 0
}
}
.related-posts.tiled .cards .card__title.card__title--small {
margin-bottom: 0
}
.recommender {
display: flex;
flex-wrap: wrap;
left: 0;
margin-bottom: 1.25rem;
position: absolute;
top: 0;
width: 100%
}
.recommender .slug {
margin: 0 auto
}
.recommender .book {
border-bottom: .0625rem solid #ccc;
flex: 0 0 50%;
padding: 0 0 .625rem;
position: relative
}
.recommender .book:nth-of-type(even)::after {
background: #ccc;
bottom: .625rem;
content: '';
position: absolute;
top: .625rem;
right: -.03125rem;
width: .0625rem
}
.recommender__disclaimer {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
color: #ccc;
flex: 0 0 100%;
margin-top: .375rem;
text-align: center
}
.fonts-loaded .recommender__disclaimer {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.book__link {
align-items: center;
display: flex;
flex-direction: column;
padding: 0 .625rem
}
.book__cover {
height: 6.25rem;
margin: .625rem 0 .5rem
}
.book__image {
display: block;
height: 100%;
width: auto
}
.book__title {
color: #000;
font-family: Georgia;
font-size: .9375rem;
font-weight: 700;
letter-spacing: .38px;
line-height: 1.0625rem;
font-style: normal;
margin-bottom: .25rem;
text-align: center
}
.fonts-loaded .book__title {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.book__price {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
color: #5f5f5f;
display: block
}
.fonts-loaded .book__price {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.post__byline {
border-top: .0625rem solid #ccc;
margin-bottom: 1.3125rem;
padding-top: 1.5rem
}
.post__by {
color: #5f5f5f;
font-family: Georgia;
font-size: .8125rem;
font-weight: 700;
letter-spacing: 1.3px;
line-height: .75rem;
text-transform: uppercase;
font-style: normal;
display: inline-block;
margin: 0 .625rem 0 0;
padding: 0 0 .125rem
}
.fonts-loaded .post__by {
font-family: CentraNo1, sans-serif;
letter-spacing: .0875rem;
line-height: .8125rem
}
.post__by:active,
.post__by:focus,
.post__by:link,
.post__by:visited {
color: #ef5b24
}
.post__no_highlight {
color: #5f5f5f;
font-family: Georgia;
font-size: .8125rem;
font-weight: 700;
letter-spacing: 1.3px;
line-height: .75rem;
text-transform: uppercase;
font-style: normal;
display: inline-block;
margin: 0 .625rem 0 0;
padding: 0 0 .125rem
}
.fonts-loaded .post__no_highlight {
font-family: CentraNo1, sans-serif;
letter-spacing: .0875rem;
line-height: .8125rem
}
.post__no_highlight:active {
color: #000!important
}
.post__readTime {
color: #231f20;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
display: block;
margin-top: .1875rem
}
.fonts-loaded .post__readTime {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
@media screen and (min-width:40em) {
.post__byline {
margin-bottom: 1.125rem
}
.post__readTime {
display: inline
}
}
.post__body::-moz-selection {
background: #e4e4e4
}
.post__body::selection {
background: #e4e4e4
}
@media screen and (max-width:39.9375em) {
.post__body:not(: last-child) {
margin-bottom: 3.25rem;
position: relative
}
.post__body:not(:last-child)::after {
bottom: -2.1875rem;
background: #ccc;
content: '';
height: .0625rem;
left: -.625rem;
position: absolute;
width: calc(100% + 20px)
}
__live-link {
color: #fff;
font-family: Helvetica;
font-size: .75rem;
font-weight: 700;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
background-color: #146fb9;
border-radius: .1875rem;
display: inline-block;
height: 1.5625rem;
line-height: 1.5625rem;
padding: 0 .4375rem;
margin-top: 1.625rem;
text-align: center
}
.fonts-loaded __live-link {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
__live-link:link,
__live-link:visited,
__live-link:active,
__live-link:focus {
color: #fff
}
}
@media screen and (min-width:40em) {
.post__body {
position: relative
}
.post__body:not(:last-child) {
margin: 0 0 1.125rem;
padding: 0 0 2.1875rem
}
.post__body:not(:last-child)::after {
background: #000;
bottom: -.0625rem;
content: '';
height: .0625rem;
position: absolute;
right: 0;
width: calc(100% - 106px)
}
.post__container {
display: flex;
justify-content: flex-end
}
.post__container--short {
margin: 0
}
.post__container--short .post__article div:first-child p {
margin-top: .9375rem
}
.post__container--short .post__article div:first-child figure:not(.slick-slide):first-child {
margin-top: 1.375rem
}
.post__container--short .post__article div:last-child p:last-child {
margin-bottom: 0
}
.post__content {
flex: 0 1 calc(100% - 132px);
max-width: 37.5rem
}
}
.highlight-share-popover {
max-width: 8em;
pointer-events: none;
-webkit-animation: highlight-share-intro .3s;
animation: highlight-share-intro .3s
}
.highlight-share-popover::before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
width: 0;
height: 0;
margin: -6px -.7em;
border-width: .7em .7em 0;
border-style: solid;
border-color: #ccc transparent
}
.highlight-share-popover>ul {
pointer-events: auto;
list-style: none;
padding: 12px;
margin: -.2em 0 0;
white-space: nowrap;
background: #ccc;
color: #fff;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%)
}
.highlight-share-popover>ul>li {
background: #000;
border-radius: 50%;
display: inline-block;
width: 1.9em;
height: 1.9em;
line-height: 1.9em;
text-align: center
}
.highlight-share-popover>ul>li:not(:last-child) {
margin-right: 7px
}
.highlight-share-popover>ul>li>a {
align-items: center;
display: flex;
justify-content: center;
width: 100%;
height: 100%;
color: inherit;
box-sizing: border-box
}
.highlight-share-popover>ul>li svg {
height: auto;
width: 17px
}
.highlight-share-popover>ul>li[data-share-via=linked-in] svg {
width: 20px
}
.highlight-share-popover>ul>li polyline {
stroke: #fff
}
@media (pointer:coarse) {
.highlight-share-popover {
font-size: 150%
}
.highlight-share-popover::before {
bottom: auto;
top: 100%;
border-width: 0 1em .7em;
margin-top: 0
}
.highlight-share-popover>ul {
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin: .7em 0 0
}
}
@media (max-width:575px) {
.highlight-share-popover {
left: 0!important;
right: 0!important;
width: auto!important;
max-width: none
}
.highlight-share-popover::before {
bottom: auto;
top: 100%;
border-width: 0 1em .7em;
margin-top: 0
}
.highlight-share-popover>ul {
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin: .7em 0 0
}
.highlight-share-popover>ul {
left: 0;
width: 100%;
-webkit-transform: none;
transform: none;
border-radius: 0;
text-align: center
}
}
@-webkit-keyframes highlight-share-intro {
0% {
-webkit-transform: translateY(-3em);
opacity: 0
}
80% {
-webkit-transform: translateY(.5em);
opacity: 1
}
100% {
-webkit-transform: translateY(0)
}
}
@keyframes highlight-share-intro {
0% {
-webkit-transform: translateY(-3em);
transform: translateY(-3em);
opacity: 0
}
80% {
-webkit-transform: translateY(.5em);
transform: translateY(.5em);
opacity: 1
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.post .mic-2019__article-links {
display: flex;
margin-bottom: 1.9375rem
}
.post .mic-2019__article-links button {
background-color: gray;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 8px 3px;
text-transform: uppercase;
text-align: center;
height: 31px;
font-size: .6875rem!important;
font-family: CentraNo1;
padding-bottom: .00001px;
margin-top: -.875rem
}
.fonts-loaded .post .mic-2019__article-links button {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.post .mic-2019__article-links__company {
margin-right: 1rem
}
.post .mic-2019__article-links__company button {
color: #fff;
background: #777
}
.post .mic-2019__article-links__company button:hover {
background-color: #e00057;
border-color: #e00057
}
.post .mic-2019__article-links__50-mic {
margin-bottom: 0
}
.post .mic-2019__article-links__50-mic button {
color: #777;
background: #fff;
border: 1px solid #777
}
.post .mic-2019__article-links__50-mic button:hover {
color: #e00057;
border-color: #e00057
}
.post .mcp-2019__article-links {
display: flex;
margin-bottom: 1.9375rem
}
.post .mcp-2019__article-links button {
background-color: gray;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 8px 3px;
text-transform: uppercase;
text-align: center;
height: 31px;
color: #777;
background: #fff;
border: 1px solid #777;
font-size: .6875rem!important;
font-family: CentraNo1;
padding-bottom: .00001px;
margin-top: -.875rem;
width: 320px
}
.fonts-loaded .post .mcp-2019__article-links button {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.post .mcp-2019__article-links button:hover {
color: #ef4123;
border-color: #ef4123
}
.post__article {
position: relative
}
.post__article mark {
background-color: transparent;
background-image: linear-gradient(to bottom, transparent 20%, #fcdd2b 21%), linear-gradient(to bottom, transparent 20%, #ccc 21%)!important;
background-position: 0 100%!important;
background-repeat: no-repeat!important;
background-size: 0 4px!important;
transition: background-size .5s ease-in-out .2s
}
.post__article mark.active {
background-size: 100% 4px, 100% 4px!important;
transition-delay: 0s
}
.post__article mark.set {
background-size: 0 4px, 100% 4px!important
}
.post__article--drawerpop~.post__footer {
margin-top: 40px
}
.post__article .fcf-live-banner {
font-style: italic
}
.post__article .perfect-pullquote {
color: #000
}
.post__article .perfect-pullquote.topquote::before {
content: '';
background: url(//images.fastcompany.com/image/upload/v1570839206/pullquote-quote.svg) no-repeat 0 0;
background-size: contain;
display: block;
height: 49px;
width: 63px;
margin-bottom: 7px
}
.post__article .perfect-pullquote blockquote {
margin: 0
}
@media screen and (max-width:39.9375em) {
.post__article .perfect-pullquote blockquote {
margin-bottom: 1.8125rem
}
}
.post__article .perfect-pullquote p {
font-family: Beckett, sans-serif;
font-size: 50px;
font-weight: 300;
line-height: 48px;
margin: 0 0 3px!important;
text-transform: uppercase
}
.post__article .perfect-pullquote cite {
font-family: CentraNo1Book, sans-serif;
display: block;
font-size: 13px;
font-weight: 300;
letter-spacing: 1px;
line-height: 15px;
text-transform: uppercase;
font-style: normal
}
@media screen and (max-width:63.9375em) {
.post__article .perfect-pullquote cite {
padding-bottom: 30px
}
}
.post__article p {
margin: 1.8125rem 0
}
.post__article div:first-child p {
margin-top: 0
}
.post__article div:nth-last-child(2) p:last-child {
margin-bottom: 0
}
.post__article div:nth-last-child(2) p:last-child .teads-inread {
margin-bottom: 2px!important;
margin-top: 32px!important
}
.post__article div:nth-last-child(2) p:last-child .teads-inread+figure {
margin-top: 14px
}
.post__article h2 {
padding-top: .3125rem
}
.post__article h2:not(.card__title--injection),
.post__article h4 {
color: #000;
font-family: Helvetica;
font-weight: 700;
font-size: 1.5625rem;
letter-spacing: 1.1px;
line-height: 1.25rem;
text-transform: uppercase
}
.fonts-loaded .post__article h2:not(.card__title--injection),
.fonts-loaded .post__article h4 {
font-family: CentraNo1, sans-serif;
font-size: 1.125rem;
letter-spacing: .03125rem;
line-height: 1.375rem
}
.post__article h3 {
color: #000;
font-family: Helvetica;
font-size: 1.1875rem;
font-weight: 700;
letter-spacing: .7px;
line-height: 1.125rem;
text-transform: none;
margin-bottom: .625rem
}
.fonts-loaded .post__article h3 {
font-family: MeretPro, sans-serif;
font-size: 1.1875rem;
line-height: 1.5rem;
letter-spacing: .01875rem
}
.post__article h2,
.post__article h4,
.post__article h5,
.post__article h6 {
margin-bottom: .4375rem
}
.post__article h2 a,
.post__article h3 a,
.post__article h4 a,
.post__article h5 a,
.post__article h6 a {
color: inherit
}
.post__article h2 a:active,
.post__article h2 a:focus,
.post__article h2 a:link,
.post__article h2 a:visited,
.post__article h3 a:active,
.post__article h3 a:focus,
.post__article h3 a:link,
.post__article h3 a:visited,
.post__article h4 a:active,
.post__article h4 a:focus,
.post__article h4 a:link,
.post__article h4 a:visited,
.post__article h5 a:active,
.post__article h5 a:focus,
.post__article h5 a:link,
.post__article h5 a:visited,
.post__article h6 a:active,
.post__article h6 a:focus,
.post__article h6 a:link,
.post__article h6 a:visited {
color: inherit
}
.post__article h2+p,
.post__article h3+p,
.post__article h4+p,
.post__article h5+p,
.post__article h6+p {
margin-top: 0
}
.post__article h2+figure,
.post__article h2+ol,
.post__article h3+figure,
.post__article h3+ol,
.post__article h4+figure,
.post__article h4+ol,
.post__article h5+figure,
.post__article h5+ol,
.post__article h6+figure,
.post__article h6+ol {
margin-top: 1.25rem
}
.post__article h2+ul,
.post__article h3+ul,
.post__article h4+ul,
.post__article h5+ul,
.post__article h6+ul {
margin-top: .75rem
}
.post__article blockquote {
margin-left: 3%;
margin-right: 11%
}
.post__article blockquote p {
letter-spacing: 0
}
.post__article blockquote,
.post__article ol,
.post__article ul {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: .2px;
line-height: 1.5rem
}
.fonts-loaded .post__article blockquote,
.fonts-loaded .post__article ol,
.fonts-loaded .post__article ul {
font-family: MeretPro, sans-serif;
font-weight: 300
}
.post__article blockquote p:not(:last-child),
.post__article ol p:not(:last-child),
.post__article ul p:not(:last-child) {
margin-bottom: .625rem
}
.post__article ol,
.post__article ul {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: .2px;
line-height: 1.5rem;
list-style: none;
margin: 0 11% 1.8125rem 0;
padding: 0
}
.fonts-loaded .post__article ol,
.fonts-loaded .post__article ul {
font-family: MeretPro, sans-serif;
font-weight: 300
}
.post__article ol li:not(:last-child),
.post__article ul li:not(:last-child) {
margin-bottom: .625rem
}
.post__article ol li::before,
.post__article ul li::before {
margin-left: -1.4375rem;
margin-right: .4375rem
}
.post__article ul {
margin-left: 9%
}
.post__article ul li::before {
color: #000;
content: "\25AA";
display: inline-block;
font-size: 1.625rem;
position: absolute
}
.post__article ol {
counter-reset: item;
margin-left: 9.5%
}
.post__article ol li::before {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 700;
letter-spacing: 1.6px;
content: counter(item) ")";
counter-increment: item;
display: inline
}
.fonts-loaded .post__article ol li::before {
font-family: FCZizouSans, sans-serif
}
.post__article b,
.post__article strong {
font-weight: 700
}
.post__article .pullquote {
color: #221f20;
font-family: Helvetica;
font-size: 1.375rem;
font-weight: 400;
letter-spacing: .6px;
line-height: 1.375rem;
margin: 2.125rem 0 1.9375rem;
padding-top: 2.25rem;
position: relative
}
.fonts-loaded .post__article .pullquote {
font-family: FCZizouSans, sans-serif;
font-size: 1.5rem;
font-weight: 400;
letter-spacing: .6px;
line-height: 1.5rem
}
.post__article .pullquote::before {
border-top: 1px solid #939598;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0
}
.post__article .pullquote q::after,
.post__article .pullquote q::before {
display: none
}
.post__article hr {
background: #ccc;
border: 0;
height: 1px;
margin: 2.0625rem 0 2.125rem
}
.post__article figure:not(.post__inline-slideshow__slide) {
margin: 2.0625rem 0 1.8125rem
}
.post__article figure:not(.post__inline-slideshow__slide)+h2 {
margin-top: 1.9375rem
}
.post__article figure:not(.post__inline-slideshow__slide).image-wrapper.fc-tracker {
margin: 0;
padding: 0;
width: 1px;
height: 1px
}
.post__article iframe {
max-width: 100%
}
.post__article img:not(.post__inline-slideshow__image):not(.inline-emoji),
.post__article video {
width: 100%;
height: auto
}
.post__article img[src*="fc-api.fastcompany.com/api/v3/emojis/icons/"] {
max-width: 16px
}
.post__article .sidebar {
display: none
}
.post__article .video-wrapper,
.post__article figure.inline-video .image-wrapper {
position: relative;
padding-bottom: 56.25%
}
.post__article .video-wrapper iframe,
.post__article figure.inline-video .image-wrapper iframe {
height: 100%!important;
left: 0;
position: absolute;
top: 0;
width: 100%!important
}
.post__article .video-wrapper,
.post__article figure.inline-video {
margin-bottom: 1.8125rem;
margin-top: 2.125rem
}
.post__article .jwplayer {
margin-top: 1.0625rem;
margin-bottom: 1.875rem
}
.post__article .inline-instagram iframe,
.post__article .inline-tweet iframe {
width: 100%
}
.post__article .inline-instagram {
overflow: hidden;
position: relative
}
.post__article .inline-instagram::before {
content: '';
display: block;
padding-top: 100%;
width: 100%
}
.post__article .inline-instagram iframe {
left: 0;
position: absolute;
top: 0
}
.post__article .instagram-media {
position: static!important;
margin-bottom: 2.0625rem!important;
margin-top: 2.0625rem!important
}
.post__article .inline-emoji {
width: auto;
margin-bottom: -7px
}
.post__article .caption {
font-size: .625rem;
margin-bottom: 1.5rem
}
.post .teads-inread {
margin-bottom: 0!important;
margin-top: -8px!important
}
.post .teads-inread+figure {
margin-top: 14px
}
@media screen and (max-width:39.9375em) {
.post__article {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: .2px;
line-height: 1.5rem
}
.fonts-loaded .post__article {
font-family: MeretPro, sans-serif;
font-weight: 300
}
.post__article blockquote {
font-size: 1.0625rem;
line-height: 1.375rem;
letter-spacing: .2px
}
.post__article .instagram-media {
margin-bottom: 2.1875rem!important;
margin-top: 2.1875rem!important
}
.post__article .mobile-sticky-player {
display: block
}
}
@media screen and (min-width:40em) {
.post__article {
color: #000;
font-family: Georgia;
font-size: 1.1875rem;
letter-spacing: .2px;
line-height: 1.75rem
}
.fonts-loaded .post__article {
font-family: MeretPro, sans-serif;
font-weight: 300
}
.post__article .perfect-pullquote {
float: left;
max-width: 336px;
margin-bottom: 20px;
margin-right: 20px;
margin-left: -107px
}
.post__article .perfect-pullquote p {
letter-spacing: 1.5px;
line-height: 46px
}
.post__article .perfect-pullquote footer {
font-size: 13px
}
.post__article p {
margin: 1.5625rem 0
}
.post__article div:first-child h2+p {
margin-top: 0
}
.post__article div:first-child p {
margin-top: 0
}
.post__article h3+.video-wrapper:not(.post__inline-slideshow__slide) {
margin-top: 1.0625rem
}
.post__article blockquote,
.post__article ol,
.post__article ul {
margin-right: 11%
}
.post__article blockquote {
margin-left: 2.625rem
}
.post__article ul {
margin-bottom: 1.9375rem;
margin-left: 3.9375rem;
margin-top: 1.75rem
}
.post__article ol {
margin-left: 4.0625rem
}
.post__article figure.inline-video {
margin-bottom: 1.875rem
}
.post__article .inline-video .video-wrapper {
margin-bottom: .375rem
}
.post__article figure.alignleft,
.post__article figure.alignright,
.post__article img.alignleft,
.post__article img.alignright {
clear: both;
float: left;
margin-bottom: 1.25rem;
margin-right: 1.25rem;
margin-top: .5rem;
padding-right: 1.25rem;
width: 50%
}
.post__article figure.inline .caption-wrapper,
.post__article figure.inline figcaption {
margin-bottom: -.1875rem
}
.post__article figure.inline.inline-large {
margin-top: 2.0625rem;
margin-bottom: 2.0625rem
}
.post__article figure.inline.inline-small {
margin-top: .625rem;
margin-bottom: 1.25rem
}
.post__article .inline-small,
.post__article .sidebar,
.post__article .sidebar.left,
.post__article .sidebar.right {
display: inline;
float: left;
margin-right: 1.25rem;
margin-top: .1875rem;
padding-right: 1.25rem;
width: 50%
}
.post__article .sidebar a:active,
.post__article .sidebar a:focus,
.post__article .sidebar a:hover,
.post__article .sidebar a:link,
.post__article .sidebar a:visited,
.post__article .sidebar h4 a:active,
.post__article .sidebar h4 a:focus,
.post__article .sidebar h4 a:hover,
.post__article .sidebar h4 a:link,
.post__article .sidebar h4 a:visited {
color: #ef5b24;
cursor: pointer
}
.post__article .sidebar ol,
.post__article .sidebar p,
.post__article .sidebar ul {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem
}
.fonts-loaded .post__article .sidebar ol,
.fonts-loaded .post__article .sidebar p,
.fonts-loaded .post__article .sidebar ul {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.post__article .sidebar ol:last-child,
.post__article .sidebar p:last-child,
.post__article .sidebar ul:last-child {
margin-bottom: .9375rem
}
.post__article .sidebar ol li:last-child,
.post__article .sidebar p li:last-child,
.post__article .sidebar ul li:last-child {
margin-bottom: 0
}
.post__article .sidebar b,
.post__article .sidebar strong {
font-weight: 400
}
.post__article .sidebar ol,
.post__article .sidebar ul {
margin-right: 0
}
.post__article .sidebar ol li,
.post__article .sidebar ul li {
margin-bottom: .3125rem
}
.post__article .sidebar ol {
margin-left: 1.4375rem
}
.post__article .sidebar ul {
margin-left: 1rem
}
.post__article .sidebar ul li::before {
font-size: 1.4375rem;
margin-left: -1.1875rem
}
.post__article .sidebar .subhead {
color: #7b7b7b;
font-family: Georgia;
font-size: .75rem;
font-weight: 700;
letter-spacing: 1.45px;
line-height: .8125rem;
text-transform: uppercase
}
.post__article .sidebar h2,
.post__article .sidebar h3 {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 1.0625rem;
text-transform: none
}
.fonts-loaded .post__article .sidebar h2,
.fonts-loaded .post__article .sidebar h3 {
font-family: CentraNo1, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.post__article .sidebar h2,
.post__article .sidebar h3,
.post__article .sidebar h4,
.post__article .sidebar h5,
.post__article .sidebar h6 {
margin-bottom: .5rem
}
.post__article .sidebar h2+ol,
.post__article .sidebar h2+p,
.post__article .sidebar h2+ul,
.post__article .sidebar h3+ol,
.post__article .sidebar h3+p,
.post__article .sidebar h3+ul,
.post__article .sidebar h4+ol,
.post__article .sidebar h4+p,
.post__article .sidebar h4+ul,
.post__article .sidebar h5+ol,
.post__article .sidebar h5+p,
.post__article .sidebar h5+ul,
.post__article .sidebar h6+ol,
.post__article .sidebar h6+p,
.post__article .sidebar h6+ul {
margin-top: 0
}
.post__article .sidebar h2 a:active,
.post__article .sidebar h2 a:focus,
.post__article .sidebar h2 a:hover,
.post__article .sidebar h2 a:link,
.post__article .sidebar h2 a:visited,
.post__article .sidebar h3 a:active,
.post__article .sidebar h3 a:focus,
.post__article .sidebar h3 a:hover,
.post__article .sidebar h3 a:link,
.post__article .sidebar h3 a:visited,
.post__article .sidebar h4 a:active,
.post__article .sidebar h4 a:focus,
.post__article .sidebar h4 a:hover,
.post__article .sidebar h4 a:link,
.post__article .sidebar h4 a:visited {
color: #000
}
.post__article .sidebar a img {
margin-bottom: 6px
}
.post__article .sidebar figure+h2,
.post__article .sidebar figure+h3,
.post__article .sidebar figure+h4 {
margin-top: .46875rem
}
.post__article .sidebar figure+h2,
.post__article .sidebar figure+h3,
.post__article .sidebar figure+ol,
.post__article .sidebar figure+p,
.post__article .sidebar figure+ul {
margin-top: .4375rem
}
.post__article .sidebar .inline,
.post__article .sidebar .inline-large,
.post__article .sidebar .inline-sidebar,
.post__article .sidebar .inline-small {
float: none;
margin: .625rem 0 .375rem 0;
padding-left: 0;
padding-right: 0;
width: 100%
}
.post__article .mobile-sticky-player {
display: none
}
}
.articleForceInjection>.ad-wrapper {
display: none;
position: relative;
height: auto;
text-align: center;
padding-bottom: 20px
}
@media screen and (min-width:64em) {
.articleForceInjection>.ad-wrapper {
display: block
}
}
.fc_callout_box {
background-color: #f4f4f4;
padding: 5px 25px;
margin: 0 auto
}
.fc_callout_box a {
color: #ef5b24
}
.fc_callout_box .bold {
font-weight: 700
}
.fc_callout_box .fc_callout_header {
text-transform: uppercase;
font-family: CentraNo1, sans-serif;
font-weight: 700
}
.fc_callout_box .fc_callout_body {
color: #000;
font-family: Georgia;
font-size: 1.1875rem;
letter-spacing: .2px;
line-height: 1.75rem
}
.fonts-loaded .fc_callout_box .fc_callout_body {
font-family: MeretPro, sans-serif;
font-weight: 300
}
.post__footer {
margin-top: 2.125rem
}
.post__footer .globalPostFooter {
font-family: MeretPro, sans-serif;
font-weight: 300;
font-size: 1.1875rem;
letter-spacing: .2px;
line-height: 1.75rem;
margin-bottom: 35px;
margin-top: 0
}
@media screen and (min-width:40em) {
.post__footer {
margin-top: 1.8125rem
}
}
@media screen and (min-width:40em) {
.post--default .post__featured-caption {
border-bottom: .0625rem solid #ccc
}
.post--default .post__byline {
border-top: 0
}
.post--default .header-slideshow__caption {
border-bottom: .0625rem solid #ccc
}
}
.genericListArticle figure {
margin: 0
}
.genericListArticle .post__featured-caption {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem;
line-height: .9375rem;
letter-spacing: .01875rem
}
@media screen and (min-width:40em) {
.genericListArticle .post__featured-caption {
margin-top: 1rem
}
}
@media screen and (min-width:64em) {
.genericListArticle .post__featured-caption {
flex: 0 0 50%;
max-width: 50%;
margin-left: 16.66667%;
border: 0;
padding-left: .375rem;
padding-right: .8125rem
}
}
.genericListArticle+.post .post__content {
flex: 0 1 100%
}
.post {
clear: both
}
.post__hero .post__header-text {
max-width: 51.25rem;
margin: 0 auto
}
.post__hero .post__header figure {
margin: 0
}
@media screen and (min-width:64em) {
.post__hero .header-slideshow__caption,
.post__hero .post__featured-caption {
flex: 0 0 50%;
max-width: 50%;
padding-right: 0;
padding-left: 0;
margin-left: 16.66667%;
border: 0;
padding-left: .375rem;
padding-right: .8125rem
}
}
@media screen and (min-width:40em) {
.post__hero {
padding-top: .0625rem
}
.post__wrapper--advertorial .post__hero {
margin-top: -.5rem
}
.post__hero .post__header {
max-width: 1240px;
margin: 0 auto
}
.post__hero .post__header .post__article {
margin-top: -.1875rem
}
.post__hero .post__header .post__header-text {
text-align: center
}
.fonts-loaded .post__hero .post__title {
font-size: 3.5625rem;
letter-spacing: .0625rem;
line-height: 3.0625rem
}
.post__hero .post__featured-caption {
margin-top: 1rem
}
.post__hero .post__deck {
margin-bottom: 1.625rem
}
.post__hero .advertorial__container {
justify-content: center
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.post__hero .header-slideshow__caption,
.post__hero .post__featured-caption {
margin-left: 6.625rem;
max-width: 37.5rem
}
}
@media screen and (min-width:64em) {
.post--video {
margin-top: -.3125rem;
padding-top: 0!important
}
}
@media screen and (min-width:40em) {
.post--short .post__title {
margin-bottom: 1rem
}
.post--short .social {
padding-top: 1.9375rem
}
}
.post {
clear: both
}
.post__gift .post__header {
margin-left: 10px;
margin-right: 10px
}
.post__gift .post__header-text {
max-width: 51.25rem;
margin: 0 auto
}
.post__gift .post__header figure {
margin: 0
}
.post__gift__container {
max-width: 1070px;
margin: 0 auto;
display: flex
}
.post__gift__container__body {
width: 100%;
max-width: 1020px
}
.post__gift__container__body .desc {
font-family: MeretPro, sans-serif;
font-size: 19px;
color: #000;
font-weight: 100;
margin-bottom: 66px;
line-height: 28px
}
.post__gift__container__body .desc a:hover {
color: #777
}
.post__gift__container__body .desc strong {
font-weight: 700
}
@media (max-width:1186px) {
.post__gift__container__body .desc {
margin-bottom: 30px
}
}
@media screen and (max-width:1170px) {
.post__gift__container {
margin-left: 10px;
margin-right: 10px
}
}
@media screen and (max-width:747px) {
.post__gift__container {
display: block
}
.post__gift__container__social {
border-bottom: 1px solid #ccc;
padding-bottom: 20px
}
}
.gift-credits {
font-size: 16px;
font-family: MeretPro, sans-serif;
font-style: italic;
margin-bottom: 50px
}
@media screen and (min-width:64em) {
.post__gift .header-slideshow__caption,
.post__gift .post__featured-caption {
flex: 0 0 50%;
max-width: 50%;
padding-right: 0;
padding-left: 0;
margin-left: 16.66667%;
border: 0;
padding-left: .375rem;
padding-right: .8125rem
}
}
@media screen and (min-width:40em) {
.post__gift {
padding-top: .0625rem
}
.post__wrapper--advertorial .post__gift {
margin-top: -.5rem
}
.post__gift .post__header {
max-width: 1240px;
margin: 0 auto
}
.post__gift .post__header .post__article {
margin-top: -.1875rem
}
.post__gift .post__header .post__header-text {
text-align: center
}
.fonts-loaded .post__gift .post__title {
font-size: 3.5625rem;
letter-spacing: .0625rem;
line-height: 3.0625rem
}
.post__gift .post__featured-caption {
margin-top: 1rem
}
.post__gift .post__deck {
margin-bottom: 1.625rem
}
.post__gift .advertorial__container {
justify-content: center
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.post__gift .header-slideshow__caption,
.post__gift .post__featured-caption {
margin-left: 6.625rem;
max-width: 37.5rem
}
}
@media screen and (max-width:39.9375em) {
.post {
clear: both
}
.post__photoessay .post__header-text {
max-width: 51.25rem;
margin: 0 auto;
text-align: center;
margin-left: 10px;
margin-right: 10px
}
.post__photoessay .post__header .eyebrow__item {
width: 100%;
text-align: center
}
.post__photoessay .post__header figure {
margin: 0
}
.post__photoessay .post__header .post__featured-caption {
margin-left: 10px;
margin-right: 10px;
font: normal normal normal 13px/20px CentraNo2
}
.post__photoessay .post__header .post_deck {
font-family: CentraNo2Book
}
.post__photoessay__container {
max-width: 1070px;
margin: 0 auto;
display: flex
}
.post__photoessay__container__body {
width: 100%;
max-width: 1020px
}
.post__photoessay__container__body .desc {
font-family: MeretPro, sans-serif;
font-size: 19px;
color: #000;
font-weight: 100;
margin-bottom: 66px;
line-height: 28px
}
.post__photoessay__container__body .desc a:hover {
color: #777
}
.post__photoessay__container__body .desc strong {
font-weight: 700
}
}
@media screen and (max-width:39.9375em) and (max-width:1186px) {
.post__photoessay__container__body .desc {
margin-bottom: 30px
}
}
@media screen and (max-width:39.9375em) and (max-width:1170px) {
.post__photoessay__container {
margin-left: 10px;
margin-right: 10px
}
}
@media screen and (max-width:39.9375em) and (max-width:747px) {
.post__photoessay__container {
display: block
}
.post__photoessay__container__social {
border-bottom: 1px solid #ccc;
padding-bottom: 20px
}
}
@media screen and (max-width:39.9375em) {
.post--photoessay {
padding-left: .625rem;
padding-right: .625rem
}
.post--photoessay .post__byline {
display: inline-flex;
width: 100%
}
.post--photoessay .post__readTime {
margin-top: 0
}
.post--photoessay .post__article {
font: normal normal normal 19px/28px MeretPro;
letter-spacing: .19px
}
}
@media screen and (min-width:40em) {
.post__photoessay .header-slideshow__caption,
.post__photoessay .post__featured-caption {
flex: 0 0 50%;
max-width: 50%;
padding-right: 0;
padding-left: 0;
margin-left: 16.66667%;
border: 0;
padding-left: .375rem;
padding-right: .8125rem
}
.post__photoessay .post__header {
max-width: 1240px;
margin: 0 auto
}
.post__photoessay .post__header .post__article {
margin-top: -.1875rem
}
.post__photoessay .post__header .post__header-text {
text-align: center
}
.fonts-loaded .post__photoessay .post__title {
font-size: 3.5625rem;
letter-spacing: .0625rem;
line-height: 3.0625rem
}
.post__photoessay .post__featured-caption {
margin-top: 1rem;
max-width: 43.75rem;
margin-left: 13%
}
.post__photoessay .post__deck {
margin-bottom: 1.625rem
}
.post--photoessay {
margin-right: auto;
margin-left: auto;
max-width: 1240px
}
.post--photoessay .social.articleRecirc {
margin-left: calc((100% - 43.75rem - 90px)/ 6)
}
.post--photoessay .post__byline {
max-width: 43.75rem
}
.post--photoessay .post__main {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0
}
.post--photoessay .post__content {
max-width: 100%;
margin-right: 40px
}
.post--photoessay .post__article {
max-width: 43.75rem
}
.post--photoessay .post__container {
justify-content: flex-start
}
}
@media screen and (min-width:64em) {
.post__photoessay .post__featured-caption {
margin-left: 21%
}
}
.post {
margin: 0 0 1.875rem
}
.post__advertorial-festival-banner {
display: flex;
flex-direction: row-reverse;
max-height: 80px;
max-width: 100%;
background-color: #2e3590;
margin-bottom: 35px;
justify-content: space-between;
align-items: center
}
@media screen and (min-width:40em) {
.post__advertorial-festival-banner {
margin-top: -27px
}
}
@media (max-width:500px) {
.post__advertorial-festival-banner {
height: 14vh;
max-height: none;
flex-direction: unset;
display: block
}
}
.post__advertorial-festival-art {
padding: 1.5625rem 0 1.5625rem 9%
}
@media (max-width:500px) {
.post__advertorial-festival-art {
padding: 0 14%
}
}
.post__advertorial-festival-paid-content {
font-family: CentraNo1Book, sans-serif;
min-width: 6.875rem;
display: block;
color: #fff;
font-size: 13px;
line-height: 13px;
letter-spacing: 1.82px;
padding: 2.0625rem 6% 1.875rem 0
}
@media (max-width:500px) {
.post__advertorial-festival-paid-content {
padding: 20px 34% 13px 34%
}
}
.post__wrapper--advertorial {
margin-bottom: 1.4375rem;
padding-top: 0
}
.post__wrapper--advertorial .post {
margin-bottom: 0;
padding-top: 0
}
.post__wrapper--advertorial .ad-wrapper--articlescroll,
.post__wrapper--advertorial .ad-wrapper--articletop {
margin-bottom: .625rem
}
.post__body figure,
.post__hero figure {
margin: 0
}
.post__poster-wrapper--no-caption {
margin-bottom: 1.875rem
}
.post__poster-wrapper img.aspect-ratio-image {
width: 100%;
height: auto
}
.post__poster-wrapper video {
width: 100%
}
.post__price {
align-items: center;
display: flex;
flex: 0 0 auto
}
.post__price span {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
display: inline-block;
margin-right: 1.25rem
}
.fonts-loaded .post__price span {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
.post__price a {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 8px 3px;
text-transform: uppercase;
text-align: center;
height: 31px;
flex: 0 0 auto!important;
line-height: 1.6875rem
}
.fonts-loaded .post__price a {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.post figcaption,
.post__featured-caption {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem
}
.fonts-loaded .post figcaption,
.fonts-loaded .post__featured-caption {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem;
line-height: .9375rem;
letter-spacing: .01875rem
}
.post figcaption b,
.post__featured-caption b {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 700;
letter-spacing: .4px;
line-height: .875rem
}
.fonts-loaded .post figcaption b,
.fonts-loaded .post__featured-caption b {
font-family: CentraNo1, sans-serif;
font-size: .8125rem;
line-height: .9375rem;
letter-spacing: .01875rem
}
.post figcaption .credit,
.post figcaption cite,
.post__featured-caption .credit,
.post__featured-caption cite {
color: #5f5f5f;
font-family: Helvetica;
font-size: .4375rem;
font-style: normal;
font-weight: 400;
letter-spacing: .8px;
line-height: .4375rem;
text-transform: uppercase;
display: inline;
padding-top: .1875rem
}
.fonts-loaded .post figcaption .credit,
.fonts-loaded .post figcaption cite,
.fonts-loaded .post__featured-caption .credit,
.fonts-loaded .post__featured-caption cite {
font-family: FCZizouSans, sans-serif;
font-size: .6875rem;
line-height: .6875rem
}
.fonts-loaded .post figcaption .credit,
.fonts-loaded .post figcaption cite,
.fonts-loaded .post__featured-caption .credit,
.fonts-loaded .post__featured-caption cite {
line-height: inherit
}
.post figcaption .credit::before,
.post figcaption cite::before,
.post__featured-caption .credit::before,
.post__featured-caption cite::before {
content: ' '
}
.post figcaption .credit em,
.post figcaption cite em,
.post__featured-caption .credit em,
.post__featured-caption cite em {
font-style: normal
}
.post figcaption .credit a,
.post figcaption cite a,
.post__featured-caption .credit a,
.post__featured-caption cite a {
color: #5f5f5f;
cursor: pointer
}
.post figcaption .credit a:visited,
.post figcaption cite a:visited,
.post__featured-caption .credit a:visited,
.post__featured-caption cite a:visited {
color: #ef5b24
}
.post figcaption .credit a:hover,
.post figcaption cite a:hover,
.post__featured-caption .credit a:hover,
.post__featured-caption cite a:hover {
color: #ef5b24
}
.post figcaption .credit a:active,
.post figcaption cite a:active,
.post__featured-caption .credit a:active,
.post__featured-caption cite a:active {
color: #ef5b24
}
.post__featured-caption {
margin-top: .375rem
}
.post__featured-caption cite {
line-height: 1rem!important
}
.post .header-slideshow__caption,
.post__featured-caption {
padding-bottom: 1.0625rem
}
.post .companyHeader {
scroll-margin-top: 100px
}
@media screen and (max-width:39.9375em) {
.post {
padding-left: .625rem;
padding-right: .625rem;
padding-top: .9375rem
}
.post--hero {
padding-top: 0
}
.post__hero {
padding-left: .625rem;
padding-right: .625rem;
padding-top: 1.125rem
}
.post__price {
margin: .625rem 0
}
.post__back-to-gift-guide {
color: #000;
font-family: Georgia;
font-size: 1.0625rem;
letter-spacing: 0;
line-height: 1.5rem;
color: #ef5b24
}
.post__article .ad-wrapper:not([class*=native]) {
min-height: 265px;
margin: -.5625rem 0 2.1875rem
}
.post__article-top-ad-wrapper .ad-wrapper:not([class*=native]) {
height: 288px;
margin: -.5625rem 0 2.1875rem
}
}
@media screen and (min-width:40em) {
.post {
margin-bottom: 2rem
}
.post__wrapper--advertorial {
padding-bottom: 1.5625rem
}
.post__wrapper--advertorial .post {
padding-top: 1.625rem
}
.post__poster-wrapper img {
width: 100%
}
.post__title-group {
display: flex;
justify-content: space-between
}
.post__title-group>a {
margin-right: 1.25rem
}
.post__back-to-gift-guide {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: 0;
line-height: 1.75rem;
color: #ef5b24
}
}
@media screen and (min-width:64em) {
.post__wrapper--advertorial .post {
padding-top: 0!important
}
.post__wrapper--advertorial .post:not(.post--hero) {
margin-top: -.4375rem
}
.post__main--error-pg::before,
.post__main::before {
flex: 0 0 calc(100% - 40);
height: 1.875rem;
margin-bottom: 2.4375rem;
margin-top: 1.0625rem
}
.post__main {
flex: 0 0 58.33333%;
max-width: 58.33333%;
padding-right: 0;
padding-left: 0;
margin-left: 8.33333%;
padding-left: .1875rem;
padding-right: .8125rem
}
.post__main--article-rule::before {
flex: 0 0 calc(100% - 40);
height: 1.875rem;
margin-bottom: 2.4375rem;
margin-top: 1.0625rem
}
.post__main--article-rule--error-pg {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
margin-top: 2.5rem
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.post__main--article-rule--error-pg {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.post {
margin-bottom: 2.4375rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: .5rem
}
.post__hero {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.post__wrapper--advertorial {
padding-bottom: .9375rem
}
}
.adhesive-banner {
height: initial;
padding-top: 0;
padding-bottom: 0;
width: 100vw;
background-color: #f2f2f2;
position: fixed;
left: 0;
bottom: 0;
z-index: 9948031
}
@media screen and (min-width:40em) {
.adhesive-banner {
display: none
}
}
.adhesive-banner .closeAdhesiveUnit {
position: absolute;
top: 4px;
right: 8px
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) {
.post {
padding-left: 2.5rem;
padding-right: 2.5rem
}
}
.article__insert .article__preview,
.sponsored_article__insert .article__preview {
margin-left: 8.33333%;
padding-left: .1875rem;
padding-right: .8125rem;
width: 57.3333%;
text-align: center;
margin-bottom: 20px
}
.article__insert .article__preview--active,
.sponsored_article__insert .article__preview--active {
display: none
}
.article__insert .article__preview button,
.sponsored_article__insert .article__preview button {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 8px 3px;
text-transform: uppercase;
text-align: center;
height: 31px;
margin-left: 8.33333%
}
.fonts-loaded .article__insert .article__preview button,
.fonts-loaded .sponsored_article__insert .article__preview button {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.article__insert .article__preview__top-ad,
.sponsored_article__insert .article__preview__top-ad {
margin-left: 47.2%
}
.article__insert .article__preview__title,
.sponsored_article__insert .article__preview__title {
margin-left: 8.33333%
}
.article__insert .article__preview__title h2,
.sponsored_article__insert .article__preview__title h2 {
color: #000;
font-family: Helvetica;
font-size: 2.625rem;
font-weight: 700;
letter-spacing: 0;
line-height: 2.4375rem;
margin-left: 8.33333%;
margin-bottom: .5rem;
display: block;
text-align: left
}
.fonts-loaded .article__insert .article__preview__title h2,
.fonts-loaded .sponsored_article__insert .article__preview__title h2 {
font-family: GrifitoM, sans-serif;
letter-spacing: .05937rem;
font-size: 3.375rem;
line-height: 2.75rem
}
.article__insert .article__preview__deck h2,
.sponsored_article__insert .article__preview__deck h2 {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.03125rem!important;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem;
margin-bottom: 1.3125rem;
text-align: left
}
.fonts-loaded .article__insert .article__preview__deck h2,
.fonts-loaded .sponsored_article__insert .article__preview__deck h2 {
font-family: CentraNo1Book, sans-serif;
line-height: 1.25rem;
letter-spacing: .01312rem;
font-weight: 300
}
.article__insert .article__preview__eyebrow,
.sponsored_article__insert .article__preview__eyebrow {
margin-left: 8.33333%;
text-align: left
}
.article__insert .article__preview__body,
.sponsored_article__insert .article__preview__body {
margin-left: 8.33333%
}
.article__insert .article__preview__body p,
.sponsored_article__insert .article__preview__body p {
color: #000;
font-family: Georgia;
font-size: 1.1875rem;
letter-spacing: .2px;
line-height: 1.75rem;
flex: 0 0 58.33333%;
margin-left: 8.33333%;
padding-right: 1.875rem;
text-align: left
}
.fonts-loaded .article__insert .article__preview__body p,
.fonts-loaded .sponsored_article__insert .article__preview__body p {
font-family: MeretPro, sans-serif;
font-weight: 300
}
.sponsored_article__insert {
margin-top: 20px;
padding-bottom: 20px
}
.post__header .post__article {
margin-top: -.1875rem
}
.post__title {
color: #000;
font-family: Helvetica;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1.875rem;
margin-bottom: .5rem
}
.fonts-loaded .post__title {
font-family: GrifitoM, sans-serif;
font-size: 2.3125rem;
line-height: 2rem;
letter-spacing: .6px
}
.post__title a:active,
.post__title a:focus,
.post__title a:link,
.post__title a:visited {
color: #000
}
.post__deck {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.03125rem!important;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem;
margin: 0 0 1.3125rem
}
.fonts-loaded .post__deck {
font-family: CentraNo1Book, sans-serif;
line-height: 1.25rem;
letter-spacing: .01312rem;
font-weight: 300
}
.poster-video-wrapper {
height: 0;
padding-bottom: 56.25%;
position: relative;
border: 0;
margin-bottom: .3125rem
}
.poster-video-wrapper__video {
border: 0;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%
}
.poster-video-wrapper--video-permalink {
margin-top: 1rem;
margin-bottom: -.375rem;
position: relative
}
.post-featured__poster {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0
}
.post-featured__poster img {
display: block
}
@media screen and (max-width:39.9375em) {
.post__deck {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.0625rem;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem
}
.fonts-loaded .post__deck {
font-family: CentraNo1Book, sans-serif;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .00625rem;
font-weight: 300
}
.post__header-text {
margin-bottom: 1.0625rem
}
.poster-video-wrapper--video-permalink {
margin-bottom: 1.3125rem
}
}
@media screen and (min-width:40em) {
.post__header .eyebrow {
margin-bottom: .0625rem
}
.post__title {
color: #000;
font-family: Helvetica;
font-size: 2.625rem;
font-weight: 700;
letter-spacing: 0;
line-height: 2.4375rem
}
.fonts-loaded .post__title {
font-family: GrifitoM, sans-serif;
letter-spacing: .05937rem;
font-size: 3.375rem;
line-height: 2.75rem
}
.post__title+.post__poster-wrapper {
margin-top: 1rem
}
.poster-video-wrapper {
margin-bottom: 3rem
}
.poster-video-wrapper--video-permalink {
margin-bottom: 1.0625rem
}
.poster-video-wrapper__video {
margin-bottom: 0
}
}
.social {
opacity: 1;
transition: opacity .2s ease-out
}
@media (min-width:641px) {
.social {
height: 180px;
margin-bottom: 38px
}
}
@media (min-width:1024px) {
.social.articleRecirc {
margin-left: calc((100% - 37.5rem - 90px)/ 2)
}
}
.social--mic-2020 {
padding-top: 8px!important
}
.social--mic-2020 .social__link {
background: #2b60ac
}
.social--mic-2020 .social__item {
justify-content: flex-start
}
.social--mic-2020-mobile {
margin-top: 0!important
}
.social--mic-2020-mobile .social__link {
background: #2b60ac
}
.social--hidden {
opacity: 0
}
.social__list {
list-style: none;
margin: 0;
padding: 0
}
.social__item {
display: flex;
justify-content: flex-end
}
.social__link {
background-color: #000;
border-radius: 50%;
height: 1.875rem;
position: relative;
text-align: center;
width: 1.875rem;
cursor: pointer
}
.social__link--twitter .icon-twitter::before {
line-height: 33px
}
.social__link--linkedin .icon-linkedin::before {
padding-right: 1px
}
.social--mic-2019 {
margin-top: .00006rem!important
}
.social--mic-2019 .social__list {
margin: auto;
width: 65%
}
.social--mic-2019 a {
background-color: #777
}
@media (max-width:747px) {
.social--gift-2020-desktop {
display: none!important
}
}
.social--gift-2020-mobile {
height: auto;
margin-left: 10px;
margin-bottom: 25px;
width: 250px;
padding-top: 0!important
}
@media (min-width:748px) {
.social--gift-2020-mobile {
display: none
}
}
.social--gift-2020-mobile .social__list {
display: flex
}
.social--gift-2020-mobile .social__item:not(:last-child) {
margin-right: 1.25rem;
padding-right: 1.25rem;
border-right: 1px solid #ccc
}
.social--gift-2020-mobile .social__link {
background-color: #000;
border-radius: 50%;
height: 1.875rem;
position: relative;
text-align: center;
width: 1.875rem;
width: 2rem;
height: 2rem;
display: block
}
.social--gift-2020-mobile .social__link--twitter .icon-twitter::before {
line-height: 33px
}
.social--gift-2020-mobile .social__link--linkedin .icon-linkedin::before {
padding-right: 1px
}
.social--mcp-2020 {
width: 250px;
margin: 0 auto!important;
padding-top: .000001px!important
}
@media (min-width:1186px) {
.social--mcp-2020 {
display: none
}
}
.social--mcp-2020 .social__list {
display: flex
}
.social--mcp-2020 .social__item:not(:last-child) {
border-right: none!important;
margin-right: 1.25rem;
padding-right: 1.25rem
}
.social--mcp-2020 .social__link {
background-color: #000;
border-radius: 50%;
height: 1.875rem;
position: relative;
text-align: center;
width: 1.875rem;
background-color: #fff;
width: 2rem;
height: 2rem;
display: block
}
.social--mcp-2020 .social__link--twitter .icon-twitter::before {
line-height: 33px
}
.social--mcp-2020 .social__link--linkedin .icon-linkedin::before {
padding-right: 1px
}
.social--mcp-2020-desktop {
margin-top: 843px
}
.social--mcp-2020-desktop .social__link {
background-color: #fff
}
@media (max-width:1185px) {
.social--mcp-2020-desktop {
display: none!important
}
}
@media screen and (max-width:39.9375em) {
.social:first-of-type {
margin-top: 1.25rem;
margin-bottom: 1.5625rem
}
.social:last-of-type {
margin-top: 1.75rem;
margin-bottom: 0
}
.social--active {
display: block
}
.social__list {
background: 0 0;
display: flex;
list-style: none;
margin-bottom: 0;
margin-top: 0;
padding-left: 0
}
.social__item:not(:last-child) {
border-right: 1px solid #ccc;
margin-right: 1.25rem;
padding-right: 1.25rem
}
.social__link {
background-color: #000;
border-radius: 50%;
height: 1.875rem;
position: relative;
text-align: center;
width: 1.875rem;
width: 2rem;
height: 2rem;
display: block
}
.social__link--twitter .icon-twitter::before {
line-height: 33px
}
.social__link--linkedin .icon-linkedin::before {
padding-right: 1px
}
}
@media screen and (max-width:63.9375em) {
.social--feature-feed,
.social--mcp-community,
.social--mic-year-sector,
.social--person-page,
.social--post-video {
display: none
}
}
@media screen and (min-width:40em) {
.social {
flex: 0 0 4.125rem;
margin-right: 2.5rem;
padding-top: 1.875rem
}
.social__list--empty {
padding-top: 0
}
.social__item {
margin-bottom: 10px
}
.social__item--empty {
padding: .4375rem 0
}
.social--person-page {
padding-top: 0
}
.social--feature-feed,
.social--person-page {
flex: 0 0 8.33333%;
max-width: 8.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-right: 0;
margin-top: 0
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.social--feature-feed,
.social--person-page {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.social--feature-feed .social__list,
.social--person-page .social__list {
padding-top: 0
}
.social--mcp-community {
width: 8.33333%;
padding: 0 1.25rem 6.25rem;
position: absolute
}
.social--mcp-community .social__list {
padding-top: 0
}
.social--mic-year-sector {
padding: 0 1.25rem;
position: absolute;
width: 8.33333%
}
.social--mic-year-sector .social__list {
padding-top: 3.75rem
}
.social--mic-2018,
.social--ranked {
flex: unset;
margin: 0 0 17px;
padding-top: 0;
width: 100%
}
.social--mic-2018 .social__list,
.social--ranked .social__list {
display: flex;
justify-content: space-between;
padding-top: 0
}
.social--mic-2018 .social__item,
.social--ranked .social__item {
border: 0;
padding: 0;
position: relative
}
.social--mic-2018 .social__item:first-child,
.social--ranked .social__item:first-child {
border-top: 0
}
}
@media screen and (min-width:64em) {
.social--post-video {
position: absolute;
left: -6.625rem;
top: -.75rem;
width: 4.125rem
}
}
.post__sidebar {
display: none
}
@media screen and (min-width:40em) {
.post__sidebar {
position: relative;
z-index: 1
}
.post__promotion {
flex: 1;
margin: 0 0 3.75rem;
padding: 0;
position: relative
}
.post__promotion--advertorial {
padding-top: .75rem
}
.post__promotion:not(.post__promotion--video):first-child {
margin-bottom: 2.5rem
}
.post__promotion:first-child .ad-wrapper {
margin-bottom: 3.125rem
}
.post__promotion .ad-wrapper {
min-height: 16.6875rem
}
.post__promotion--non-sticky {
flex: 0 0 auto!important;
margin-bottom: 0!important
}
.post__promotion--non-sticky .ad-wrapper {
margin-bottom: 0!important
}
.post__relative {
position: relative
}
.post__relative--recommender {
padding-top: 26.1875rem
}
}
@media screen and (min-width:64em) {
.post__sidebar {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: 0;
padding-left: 0;
display: flex;
flex-direction: column;
margin-top: .8125rem;
padding-left: 1.625rem
}
.post__sidebar--video {
margin-top: 0
}
}
.mic-bar {
font-family: CentraNo1, sans-serif;
margin-bottom: 30px
}
.mic-bar__title {
align-items: center;
display: flex;
flex: 0 0 196px;
font-size: 13px;
letter-spacing: 1.2px;
color: #000
}
.mic-bar__title a {
color: #000
}
.mic-bar__title:hover {
color: #f28575
}
.mic-bar__pagination {
display: flex;
flex: 1 1 auto;
padding-left: 20px;
align-items: center
}
.mic-bar__button {
font-size: 13px;
line-height: 1;
letter-spacing: 1.2px;
color: #ccc
}
.mic-bar__button:hover {
color: #f28575
}
.mic-bar__button--arrow {
color: transparent!important;
overflow: hidden;
width: 9px
}
.mic-bar__button--back.mic-bar__button--arrow {
background: url(https://images.fastcompany.com/image/upload/v1583675169/gray-arrow-left.svg) no-repeat center center
}
.mic-bar__button--forward.mic-bar__button--arrow {
background: url(https://images.fastcompany.com/image/upload/v1583675169/gray-arrow-right.svg) no-repeat center center
}
.mic-bar__select {
font-family: CentraNo1Book, sans-serif;
border: 1px solid #e4e4e4;
font-size: 13px;
letter-spacing: 1.2px;
text-transform: uppercase;
flex: 1 1 auto;
height: 33px;
margin: 0 11px;
position: relative
}
.mic-bar__select select {
font-family: CentraNo1Book, sans-serif;
font-size: 13px;
letter-spacing: 1.2px;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
text-transform: uppercase
}
.mic-bar__selected {
background: url(https://images.fastcompany.com/image/upload/v1583671122/black-arrow-down.svg) no-repeat calc(100% - 20px) center;
line-height: 33px;
padding: 0 20px
}
.mic-bar__selected strong {
font-family: CentraNo1, sans-serif;
padding-right: 10px
}
@media screen and (min-width:40em) {
.mic-bar {
display: flex
}
}
@media screen and (max-width:39.9375em) {
.mic-bar {
display: block
}
.mic-bar__title {
max-width: 250px;
margin: 0 auto 8px;
text-align: center
}
.mic-bar__pagination {
padding: 0 10px
}
}
nav.wci-bar {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 2.25rem;
margin-top: 1.4375rem
}
@media (max-width:414px) {
nav.wci-bar {
display: block
}
}
@media (max-width:414px) {
nav.wci-bar .header {
text-align: center;
margin-bottom: .625rem
}
}
nav.wci-bar .header a {
font-family: CentraNo1;
font-weight: 700;
font-size: .8125rem;
letter-spacing: .08125rem;
color: #000;
text-transform: uppercase;
transition: color 150ms
}
nav.wci-bar .header a:hover {
color: #ef5b24
}
nav.wci-bar select {
font-family: CentraNo1Book;
font-size: .8125rem;
line-height: 2.0625rem;
letter-spacing: .08125rem;
color: #000;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 1.25rem 0 .875rem;
flex: 21.6875rem 0 0;
height: 2.0625rem;
border: #e4e4e4 1px solid;
border-radius: 0;
margin-left: 1.875rem;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url(https://images.fastcompany.com/image/upload/v1583671122/black-arrow-down.svg);
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
cursor: pointer;
outline: 0
}
@media (max-width:414px) {
nav.wci-bar select {
margin-left: 0;
width: 100%;
-moz-text-align-last: center;
text-align-last: center
}
}
nav.mcp-bar {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 2.25rem;
margin-top: 1.4375rem
}
@media (max-width:414px) {
nav.mcp-bar {
display: block
}
}
@media (max-width:414px) {
nav.mcp-bar .header {
text-align: center;
margin-bottom: .625rem
}
}
nav.mcp-bar .header a {
font-family: CentraNo1;
font-weight: 700;
font-size: .8125rem;
letter-spacing: .08125rem;
color: #000;
text-transform: uppercase;
transition: color 150ms
}
nav.mcp-bar .header a:hover {
color: #ef5b24
}
nav.mcp-bar select {
font-family: CentraNo1Book;
font-size: .8125rem;
line-height: 2.0625rem;
letter-spacing: .08125rem;
color: #000;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 1.25rem 0 .875rem;
flex: 21.6875rem 0 0;
height: 2.0625rem;
border: #e4e4e4 1px solid;
border-radius: 0;
margin-left: 1.875rem;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url(https://images.fastcompany.com/image/upload/v1583671122/black-arrow-down.svg);
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
cursor: pointer;
outline: 0;
max-width: 360px
}
@media (max-width:414px) {
nav.mcp-bar select {
max-width: none;
margin-left: 0;
width: 100%;
-moz-text-align-last: center;
text-align-last: center
}
}
nav.package-nav {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 2.25rem;
margin-top: 1.4375rem
}
@media (max-width:414px) {
nav.package-nav {
display: block
}
}
@media (max-width:414px) {
nav.package-nav .header {
text-align: center;
margin-bottom: .625rem
}
}
nav.package-nav .header a {
font-family: CentraNo1;
font-weight: 700;
font-size: .8125rem;
letter-spacing: .08125rem;
color: #000;
text-transform: uppercase;
transition: color 150ms
}
nav.package-nav .header a:hover {
color: #ef5b24
}
nav.package-nav select {
font-family: CentraNo1Book;
font-size: .8125rem;
line-height: 2.0625rem;
letter-spacing: .08125rem;
color: #000;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 1.25rem 0 .875rem;
flex: 21.6875rem 0 0;
height: 2.0625rem;
border: #e4e4e4 1px solid;
border-radius: 0;
margin-left: 1.875rem;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url(https://images.fastcompany.com/image/upload/v1583671122/black-arrow-down.svg);
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
cursor: pointer;
outline: 0;
max-width: 360px
}
@media (max-width:414px) {
nav.package-nav select {
margin-left: 0;
width: 100%;
-moz-text-align-last: center;
text-align-last: center
}
}
.gift-grid {
display: grid;
grid-template-columns: repeat(auto-fit, 300px);
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
row-gap: 50px;
margin-top: 50px;
margin-bottom: 50px;
justify-content: center
}
@media screen and (max-width:1089px) {
.gift-grid {
grid-template-columns: repeat(2, 1fr)
}
}
@media screen and (max-width:747px) {
.gift-grid {
margin-top: 28px;
grid-template-columns: repeat(1, 1fr)
}
}
.gift-filter {
display: flex;
flex-direction: row;
border-top: 4px solid #000;
border-bottom: 4px solid #000;
padding-top: 25px;
padding-bottom: 12px
}
.gift-filter__sortby {
padding-right: 30px
}
.gift-filter__sortby div {
font-size: 14px;
letter-spacing: 1.4px;
line-height: 13px;
margin-bottom: 20px;
font-family: CentraNo1
}
.gift-filter__categories {
padding-left: 35px;
position: relative
}
.gift-filter__categories span {
margin-left: 8px
}
.gift-filter__categories__all {
font-size: 14px;
color: #000;
line-height: 13px;
letter-spacing: 1.4px;
text-transform: uppercase;
font-family: CentraNo1
}
.gift-filter__categories__individual {
font-size: 14px;
letter-spacing: .28px;
display: flex;
flex-wrap: wrap;
font-family: CentraNo1Book;
color: #777
}
.gift-filter__categories__category {
width: 155px;
margin-right: 25px;
margin-bottom: 15px;
flex-grow: 1
}
.gift-filter__categories .border_left {
border-left: solid 1px #ccc;
position: absolute;
bottom: 15px;
top: 0;
left: 0
}
@media screen and (max-width:747px) {
.gift-filter {
display: block
}
.gift-filter__sortby {
display: flex;
padding-right: .0001px
}
.gift-filter__sortby__label {
float: left;
margin-right: 15px;
margin-bottom: 0!important;
margin-top: 10px;
width: 105px
}
.gift-filter__categories {
padding-left: 0
}
.gift-filter__categories__all {
margin-bottom: 21px
}
.gift-filter__categories .border_left {
border-left: none
}
}
@media screen and (max-width:400px) {
.gift-filter__categories__individual .gift-filter__categories__category {
width: 145px;
margin-right: 0
}
}
.gift-dropdown {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 2.25rem;
margin-top: 1.4375rem
}
@media (max-width:414px) {
.gift-dropdown {
display: block
}
}
@media (max-width:414px) {
.gift-dropdown .header {
text-align: center;
margin-bottom: .625rem
}
}
.gift-dropdown .header a {
font-family: CentraNo1;
font-weight: 700;
font-size: .8125rem;
letter-spacing: .08125rem;
color: #000;
text-transform: uppercase;
transition: color 150ms
}
.gift-dropdown .header a:hover {
color: #ef5b24
}
.gift-dropdown select {
font-family: CentraNo1Book;
font-size: .8125rem;
line-height: 2.0625rem;
letter-spacing: .08125rem;
color: #000;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 1.25rem 0 .875rem;
flex: 21.6875rem 0 0;
height: 2.0625rem;
border: #e4e4e4 1px solid;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url(https://images.fastcompany.com/image/upload/v1583671122/black-arrow-down.svg);
background-repeat: no-repeat;
background-position: calc(100% - 7px) center;
cursor: pointer;
outline: 0;
max-width: 235px;
border-radius: 4px
}
@media (max-width:414px) {
.gift-dropdown select {
margin-left: 0;
width: 100%;
-moz-text-align-last: center;
text-align-last: center
}
}
@media screen and (max-width:747px) {
.gift-dropdown {
display: block;
width: 100%;
margin-top: .00001px;
margin-bottom: .00001px
}
.gift-dropdown select {
max-width: 100%;
width: 100%
}
}
.photo-essay-section .border {
border-top: 1px solid #ccc;
margin-top: 50px
}
.photo-essay-section .header {
font: normal normal bold 18px/28px CentraNo2;
letter-spacing: .27px;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 0;
margin-bottom: 0
}
.photo-essay-section .description {
font: normal normal normal 19px/28px MeretPro;
letter-spacing: .19px;
padding-top: 0;
margin-top: 0
}
.photo-essay-section .caption {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem;
line-height: .9375rem;
letter-spacing: .01875rem
}
.photo-essay-section img {
max-width: 100%;
margin-bottom: 10px
}
.photo-essay-section .image-row {
margin-bottom: 25px
}
.photo-essay-section .two-column {
display: flex;
width: 100%;
flex-wrap: wrap
}
.photo-essay-section .two-column .two-column-container {
width: 100%
}
.photo-essay-section .two-column .two-column-container:first-child {
margin-bottom: 25px
}
.photo-essay-section .two-column .two-column-container img {
max-width: 100%
}
@media screen and (min-width:40em) {
.photo-essay-section .border {
max-width: 43.75rem
}
.photo-essay-section .description {
max-width: 43.75rem
}
.photo-essay-section img {
max-width: 100%;
margin-bottom: 10px
}
.photo-essay-section .image-row {
margin-bottom: 25px
}
.photo-essay-section .two-column {
justify-content: space-between;
flex-wrap: nowrap
}
.photo-essay-section .two-column .two-column-container {
width: 49%;
margin-bottom: 0
}
.photo-essay-section .two-column .two-column-container img {
max-width: 100%
}
}
.event-video.if360 {
margin-top: -110px
}
@media (max-width:639px) {
.event-video.if360 {
margin-top: -60px
}
}
.event-video.if360 .top-section {
background: #333;
width: 100vw;
padding: 90px 85px 40px
}
@media (max-width:1023px) {
.event-video.if360 .top-section {
padding: 60px 0 0
}
}
@media (max-width:639px) {
.event-video.if360 .top-section {
padding: 55px 0 0
}
}
.event-video.if360 .top-section .container {
display: block;
max-width: 1230px;
margin: 0 auto
}
.event-video.if360 .top-section .container .logo-container {
display: flex;
justify-content: center;
padding: 32px 0
}
.event-video.if360 .top-section .container .logo-container .package-logo {
height: 50px
}
.event-video.if360 .top-section .container .logo-container .package-logo img {
height: 100%
}
.event-video.if360 .top-section .container .logo-container .sponsor {
margin-left: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 50px
}
.event-video.if360 .top-section .container .logo-container .sponsor .sponsored-by {
font: 900 10px/10px CentraNo1;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #fff
}
.event-video.if360 .top-section .container .logo-container .sponsor img {
height: 30px
}
.event-video.if360 .top-section .container .video-player .sticky-outer-wrapper .mobile-video-module {
border-top: none;
border-bottom: none;
padding: 0;
margin-top: 0;
margin-bottom: 21px;
left: 0
}
.event-video.if360 .top-section .container .video-player .sticky-outer-wrapper .mobile-video-module .video-title {
display: none
}
.event-video.if360 .top-section .container .video-player .sticky-outer-wrapper.active .mobile-video-module .video-title {
display: block
}
.event-video.if360 .top-section .container .video-player .poster-video-wrapper--video-permalink {
margin-top: 0
}
.event-video.if360 .top-section .container .header {
display: grid;
grid-template-columns: minmax(1px, 1fr) 393px;
gap: 0 40px
}
@media (max-width:1023px) {
.event-video.if360 .top-section .container .header {
grid-template-columns: 1fr;
gap: 0;
padding: 0 10px 30px
}
}
.event-video.if360 .top-section .container .header .hed .eyebrow__item {
border-color: #999;
color: #999
}
.event-video.if360 .top-section .container .header .hed .post__title a {
color: #fff
}
.event-video.if360 .top-section .container .header .tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 25px 0 0 0;
align-items: flex-start;
align-content: flex-start
}
.event-video.if360 .top-section .container .header .tags .tag {
font: bold 14px/14px CentraNo1;
letter-spacing: 1.8px;
color: #999;
text-transform: uppercase;
padding: 5px 10px;
border: 1px solid #999;
border-radius: 3px;
word-break: keep-all
}
.event-video.if360 .top-section .container .header .tags .tag:hover {
border-color: #fff;
color: #fff;
cursor: pointer
}
.event-video.if360 .content {
width: 100vw;
padding: 40px 85px
}
@media (max-width:1023px) {
.event-video.if360 .content {
padding: 40px 0
}
}
.event-video.if360 .content .container {
display: grid;
grid-template-columns: minmax(1px, 1fr) 393px;
gap: 0 40px;
max-width: 1230px;
margin: 0 auto
}
@media (max-width:1023px) {
.event-video.if360 .content .container {
grid-template-columns: 1fr;
gap: 0
}
}
.event-video.if360 .content .container .main h3 {
font: normal 13px/13px CentraNo1Book;
letter-spacing: 1.3px;
text-transform: uppercase;
color: #000
}
.event-video.if360 .content .container .main .intro {
padding: 0 0 20px 0;
border-bottom: 1px solid #ccc
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .intro {
padding: 0 10px 20px
}
}
.event-video.if360 .content .container .main .intro h3 {
padding: 0 0 20px 0
}
.event-video.if360 .content .container .main .intro .copy {
font: normal 19px/28px MeretPro;
color: #000
}
.event-video.if360 .content .container .main .intro .copy a {
color: #ef5b24;
text-decoration: none
}
.event-video.if360 .content .container .main .speakers {
border-bottom: 1px solid #ccc
}
.event-video.if360 .content .container .main .speakers h3 {
padding: 20px 0
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .speakers h3 {
padding: 20px 10px;
position: relative
}
.event-video.if360 .content .container .main .speakers h3 .mobileToggle {
width: 10px;
height: 10px;
border-top: 1px solid #000;
border-right: 1px solid #000;
position: absolute;
right: 10px;
display: none;
transition: -webkit-transform 250ms;
transition: transform 250ms;
transition: transform 250ms, -webkit-transform 250ms
}
}
@media (max-width:1023px) and (max-width:1023px) {
.event-video.if360 .content .container .main .speakers h3 .mobileToggle {
display: inline
}
}
.event-video.if360 .content .container .main .speakers .copy {
padding: 20px 0;
border-top: 1px solid #ccc
}
.event-video.if360 .content .container .main .speakers .copy .entry:not(:first-of-type) {
margin-top: 20px
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .speakers .copy .entry {
padding: 0 10px 20px
}
}
.event-video.if360 .content .container .main .speakers .copy .entry .info {
display: flex;
align-items: center
}
.event-video.if360 .content .container .main .speakers .copy .entry .info .image {
width: 85px;
margin-right: 15px
}
.event-video.if360 .content .container .main .speakers .copy .entry .info .image img {
width: 100%;
border-radius: 100%;
display: block
}
.event-video.if360 .content .container .main .speakers .copy .entry .info .details .name {
font: 700 16px/21px CentraNo1;
color: #333
}
.event-video.if360 .content .container .main .speakers .copy .entry .info .details .company,
.event-video.if360 .content .container .main .speakers .copy .entry .info .details .title {
font: normal 16px/21px CentraNo1Book;
color: #666
}
.event-video.if360 .content .container .main .speakers .copy .entry .description {
margin-top: 6px;
font: normal 16px/24px CentraNo1Book;
color: #666
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .speakers.open .mobileToggle {
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
}
.event-video.if360 .content .container .main .speakers.open .copy {
display: block
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .speakers.closed .mobileToggle {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
}
.event-video.if360 .content .container .main .speakers.closed .copy {
display: block
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .speakers.closed .copy {
display: none
}
}
.event-video.if360 .content .container .main .moderator h3 {
padding: 20px 0
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .moderator h3 {
padding: 20px 10px;
position: relative
}
.event-video.if360 .content .container .main .moderator h3 .mobileToggle {
width: 10px;
height: 10px;
border-top: 1px solid #000;
border-right: 1px solid #000;
position: absolute;
right: 10px;
display: none;
transition: -webkit-transform 250ms;
transition: transform 250ms;
transition: transform 250ms, -webkit-transform 250ms
}
}
@media (max-width:1023px) and (max-width:1023px) {
.event-video.if360 .content .container .main .moderator h3 .mobileToggle {
display: inline
}
}
.event-video.if360 .content .container .main .moderator .copy {
padding: 20px 0 0 0;
border-top: 1px solid #ccc
}
.event-video.if360 .content .container .main .moderator .copy .entry:not(:first-of-type) {
margin-top: 20px
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .moderator .copy .entry {
padding: 0 10px 20px
}
}
.event-video.if360 .content .container .main .moderator .copy .entry .info {
display: flex;
align-items: center
}
.event-video.if360 .content .container .main .moderator .copy .entry .info .image {
width: 85px;
margin-right: 15px
}
.event-video.if360 .content .container .main .moderator .copy .entry .info .image img {
width: 100%;
border-radius: 100%;
display: block
}
.event-video.if360 .content .container .main .moderator .copy .entry .info .details .name {
font: 700 16px/21px CentraNo1;
color: #333
}
.event-video.if360 .content .container .main .moderator .copy .entry .info .details .company,
.event-video.if360 .content .container .main .moderator .copy .entry .info .details .title {
font: normal 16px/21px CentraNo1Book;
color: #666
}
.event-video.if360 .content .container .main .moderator .copy .entry .description {
margin-top: 6px;
font: normal 16px/24px CentraNo1Book;
color: #666
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .moderator.open .mobileToggle {
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
}
.event-video.if360 .content .container .main .moderator.open .copy {
display: block
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .moderator.closed {
border-bottom: 1px solid #ccc
}
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .moderator.closed .mobileToggle {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
}
.event-video.if360 .content .container .main .moderator.closed .copy {
display: block
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .moderator.closed .copy {
display: none
}
}
.event-video.if360 .content .container .main .registration {
margin-top: 43px;
background: #00c3ff;
width: 100%;
height: auto;
padding: 21px 25px 27px 33px;
display: grid;
grid-template-columns: minmax(1px, 203px) 1fr;
gap: 0 45px;
align-items: center
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .registration {
grid-template-columns: 1fr;
gap: 18px 0;
justify-content: center
}
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .registration .logo {
max-width: 188px;
margin: 0 auto
}
}
.event-video.if360 .content .container .main .registration .logo img {
width: 100%;
display: block
}
.event-video.if360 .content .container .main .registration .signup {
display: flex;
flex-direction: column;
justify-content: space-between
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .registration .signup {
width: 100%;
align-items: center
}
}
.event-video.if360 .content .container .main .registration .signup .copy .hed {
font: 700 14px/16px CentraNo1;
letter-spacing: 1.68px;
color: #000;
text-align: center;
margin-bottom: 2px
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .registration .signup .copy .hed {
font-size: 18px;
line-height: 21px
}
}
.event-video.if360 .content .container .main .registration .signup .copy .dek {
font: normal 14px/16px CentraNo1Book;
color: #000;
text-align: center
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .registration .signup .copy .dek {
font-size: 18px;
line-height: 21px
}
}
.event-video.if360 .content .container .main .registration .signup .form {
display: flex;
justify-content: space-between;
margin-top: 16px
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .registration .signup .form {
margin-top: 12px;
flex-direction: column;
align-items: center;
width: 100%
}
}
.event-video.if360 .content .container .main .registration .signup .form input {
width: 100%;
height: 40px;
background: #fff;
margin-right: 16px;
font: normal 12px/12px CentraNo1Book;
letter-spacing: 1.44px;
text-align: center
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .registration .signup .form input {
height: 35px;
margin-bottom: 15px;
margin-right: 0
}
}
.event-video.if360 .content .container .main .registration .signup .form input::-moz-placeholder,
.event-video.if360 .content .container .main .registration .signup .form input::-webkit-input-placeholder {
color: #ccc;
opacity: 1
}
.event-video.if360 .content .container .main .registration .signup .form input::-moz-placeholder,
.event-video.if360 .content .container .main .registration .signup .form input::-webkit-input-placeholder,
.event-video.if360 .content .container .main .registration .signup .form input::placeholder {
color: #ccc;
opacity: 1
}
.event-video.if360 .content .container .main .registration .signup .form button {
width: 124px;
height: 40px;
background: #000;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
font: 700 14px/14px CentraNo1;
letter-spacing: 1.68px;
color: #fff
}
.event-video.if360 .content .container .main .registration .signup .form button:hover {
background: #777
}
.event-video.if360 .content .container .main .registration .signup .captcha {
display: flex;
justify-content: center;
margin-top: 16px
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .registration .signup .captcha {
margin-top: 0;
margin-bottom: 16px
}
}
.event-video.if360 .content .container .main .registration .signup .subscribed-message {
font: 700 14px/14px CentraNo1;
letter-spacing: 1.68px;
color: #fff;
text-align: center;
margin-bottom: 10px
}
@media (max-width:1023px) {
.event-video.if360 .content .container .main .registration .signup .subscribed-message {
margin-bottom: 0;
margin-top: 16px
}
}
.event-video.if360 .content .container .sidebar .post__sidebar--video {
flex: 0 0 100%;
max-width: 100%;
padding: 0;
margin: 0
}
.event-video.if360 .content .container .sidebar .slug-component.column {
padding-left: 0;
padding-right: 0;
justify-content: flex-start;
border-top: #000 3px solid
}
.event-video.if360 .content .container .sidebar .slug-component.column::before {
content: none
}
.event-video.if360 .content .container .sidebar .slug-component.column h2 {
padding: 0;
margin: 0
}
.event-video.if360 .content .container .sidebar .slug-component.column h2 a {
font-size: 41px;
text-align: left;
letter-spacing: 6px;
padding: 0;
margin: 6px 0 5px;
color: #000!important
}
.event-video.if360 .content .container .sidebar .card__poster.card__poster--small.card__poster--video {
order: 1;
margin-left: 0
}
.event-video.if360 .content .container .sidebar .card__text-wrapper.card__text-wrapper--small {
order: 2;
margin-left: 20px
}
.event-video.if360 .content .container .sidebar .card--small {
border-top: #777 1px solid
}
.event-video.if360 .content .container .sidebar .card--small .card__title--small {
font: bold 15px/20px CentraNo1;
color: #000;
letter-spacing: .28px;
text-transform: none
}
.event-video.if360 .content .container .sidebar .card--small:last-of-type {
border-bottom: #777 1px solid
}
.event-video.if360 .event-video__slug-component::before {
left: 0;
right: 0
}
.article__insert .event-video.if360 {
margin-top: 0
}
@media (max-width:639px) {
.article__insert .event-video.if360 {
margin-top: 0
}
}
.article__insert .event-video.if360 .top-section {
padding-top: 0
}
@media (max-width:1023px) {
.article__insert .event-video.if360 .top-section {
padding-top: 0
}
}
@media (max-width:639px) {
.article__insert .event-video.if360 .top-section {
padding-top: 0
}
}
.editor-highlights {
position: fixed;
width: 13px;
height: 100vh;
top: 109px;
z-index: 2
}
.editor-highlights__unread {
background-color: transparent;
bottom: 0;
left: 0;
position: absolute;
transition: all .2s ease-out;
width: inherit;
z-index: -1
}
.editor-highlights__unread--visible {
background-color: #f1f1f1
}
.editor-highlights__highlight {
transition: left .2s ease-out;
height: 0;
position: absolute;
width: inherit;
left: -30px;
z-index: 0
}
.editor-highlights__highlight--visible {
left: 0
}
.editor-highlights__highlight .expander {
position: absolute;
height: 60px;
width: inherit;
background: #fcdd2b;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: all .2s ease-out;
left: 0
}
.editor-highlights__highlight .expander.set {
background: #ccc
}
.editor-highlights__highlight--active {
z-index: 1
}
.editor-highlights__highlight .hotspot {
background: url(https://images.fastcompany.com/image/upload/v1571877332/fc-chatbubble.svg) no-repeat 0 0;
background-size: contain;
cursor: pointer;
height: 26px;
position: absolute;
right: -10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
z-index: 10
}
.editor-highlights__highlight .hotspot::after,
.editor-highlights__highlight .hotspot::before {
opacity: 0;
content: '';
transition: opacity .2s ease-out
}
.editor-highlights__highlight .hotspot:hover::after,
.editor-highlights__highlight .hotspot:hover::before {
opacity: 1
}
.editor-highlights__highlight .hotspot:hover::after {
font-family: CentraNo1Book, sans-serif;
background: #fff;
border: 1px solid #ccc;
content: "Editor's highlight";
font-size: 13px;
font-weight: 300;
height: 32px;
left: 35px;
letter-spacing: .3px;
line-height: 15px;
padding: 10px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 60px
}
.editor-highlights__highlight .hotspot:hover::before {
background: #fff;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
content: '';
height: 15px;
left: 27px;
position: absolute;
top: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
z-index: 1
}
@media screen and (max-width:63.9375em) {
.editor-highlights {
display: none
}
}
.post-personalized-recommendations {
margin-top: 0;
margin-bottom: 2.5rem
}
.post-personalized-recommendations__header {
color: #000;
font-family: Helvetica;
font-size: 1.1875rem;
font-weight: 700;
letter-spacing: .8px;
line-height: 1.1875rem;
margin-bottom: 1.375rem
}
.fonts-loaded .post-personalized-recommendations__header {
font-family: CentraNo1, sans-serif;
font-size: 1.125rem;
line-height: 1.125rem;
letter-spacing: .03125rem
}
.post-personalized-recommendations__list {
font-family: MeretPro, sans-serif;
font-size: 1.3125rem;
line-height: 1.75rem;
letter-spacing: .0125rem;
list-style: none;
padding: 0
}
.post-personalized-recommendations__item {
font-size: 1.25rem;
margin-bottom: 1.5rem;
line-height: 1.6875rem
}
.post-personalized-recommendations__item a {
border-bottom: 1px solid
}
.post-personalized-recommendations__item--advertorial {
background: #fff
}
.post-personalized-recommendations__sponsored-eyebrow {
color: #5f5f5f;
font-family: Georgia;
font-size: .8125rem;
font-weight: 700;
letter-spacing: 1.3px;
line-height: .75rem;
text-transform: uppercase;
margin-bottom: .1875rem
}
.fonts-loaded .post-personalized-recommendations__sponsored-eyebrow {
font-family: CentraNo1, sans-serif;
letter-spacing: .0875rem;
line-height: .8125rem
}
@media screen and (min-width:40em) {
.post-personalized-recommendations {
margin-top: 0
}
.post-personalized-recommendations__item {
font-size: 1.3125rem;
line-height: 1.75rem
}
}
.header-slideshow,
.post__inline-slideshow {
position: relative;
opacity: 0
}
.header-slideshow::before,
.post__inline-slideshow::before {
display: block;
content: " ";
width: 100%;
padding-top: 56.25%;
background: #000
}
.header-slideshow .slick-list,
.post__inline-slideshow .slick-list {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
padding: 0
}
.header-slideshow.slick-initialized,
.post__inline-slideshow.slick-initialized {
margin-top: 17px;
opacity: 1
}
.header-slideshow .slick-track,
.post__inline-slideshow .slick-track {
height: 100%
}
.header-slideshow .slick-arrow,
.post__inline-slideshow .slick-arrow {
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
top: 50%
}
.header-slideshow .slick-arrow path,
.post__inline-slideshow .slick-arrow path {
transition: fill .1s ease-out, stroke .1s ease-out
}
.header-slideshow .slick-arrow path:nth-of-type(2),
.header-slideshow .slick-arrow path:nth-of-type(3),
.post__inline-slideshow .slick-arrow path:nth-of-type(2),
.post__inline-slideshow .slick-arrow path:nth-of-type(3) {
fill: #000;
stroke: #000
}
.header-slideshow .slick-arrow path:first-of-type,
.post__inline-slideshow .slick-arrow path:first-of-type {
fill: #ccc
}
.header-slideshow .slick-list,
.post__inline-slideshow .slick-list {
bottom: 0;
right: 0;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
width: calc(100% + 1px)
}
.header-slideshow__svg,
.post__inline-slideshow__svg {
border-radius: 50%;
border: .0625rem solid #939598;
height: 1.875rem;
width: 1.875rem
}
.header-slideshow__slide,
.post__inline-slideshow__slide {
max-height: 100%;
position: relative
}
.header-slideshow__slide-curr,
.header-slideshow__slide-total,
.post__inline-slideshow__slide-curr,
.post__inline-slideshow__slide-total {
font-weight: 600
}
.header-slideshow__slide-total,
.post__inline-slideshow__slide-total {
color: #939598
}
.header-slideshow__slide video,
.post__inline-slideshow__slide video {
width: 100%;
max-height: 100%;
position: absolute
}
.header-slideshow__image,
.post__inline-slideshow__image {
margin: 0 auto
}
.header-slideshow__image--landscape,
.post__inline-slideshow__image--landscape {
width: 100%;
left: 0;
position: absolute;
top: 0
}
.header-slideshow__image--portrait,
.post__inline-slideshow__image--portrait {
height: 100%;
width: auto;
max-width: none
}
.header-slideshow__caption,
.post__inline-slideshow__caption {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
overflow: hidden;
margin-top: .5rem
}
.fonts-loaded .header-slideshow__caption,
.fonts-loaded .post__inline-slideshow__caption {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.header-slideshow__caption cite,
.post__inline-slideshow__caption cite {
color: #5f5f5f;
font-family: Helvetica;
font-size: .4375rem;
font-style: normal;
font-weight: 400;
letter-spacing: .8px;
line-height: .4375rem;
text-transform: uppercase;
line-height: 1rem!important
}
.fonts-loaded .header-slideshow__caption cite,
.fonts-loaded .post__inline-slideshow__caption cite {
font-family: FCZizouSans, sans-serif;
font-size: .6875rem;
line-height: .6875rem
}
.header-slideshow__caption p,
.post__inline-slideshow__caption p {
margin-bottom: 0
}
@media screen and (max-width:39.9375em) {
.header-slideshow .slick-prev,
.post__inline-slideshow .slick-prev {
left: -.5rem
}
.header-slideshow .slick-next,
.post__inline-slideshow .slick-next {
right: -.5rem
}
.header-slideshow .slick-arrow,
.post__inline-slideshow .slick-arrow {
width: 1.875rem;
height: 1.875rem
}
.header-slideshow__image--landscape,
.post__inline-slideshow__image--landscape {
top: 0;
height: 100%
}
}
@media screen and (min-width:40em) {
.header-slideshow .slick-prev,
.post__inline-slideshow .slick-prev {
left: -1.25rem
}
.header-slideshow .slick-next,
.post__inline-slideshow .slick-next {
right: -1.25rem
}
.header-slideshow .slick-arrow,
.post__inline-slideshow .slick-arrow {
width: 2.5rem;
height: 2.5rem
}
.header-slideshow .slick-arrow:hover path:nth-of-type(2),
.header-slideshow .slick-arrow:hover path:nth-of-type(3),
.post__inline-slideshow .slick-arrow:hover path:nth-of-type(2),
.post__inline-slideshow .slick-arrow:hover path:nth-of-type(3) {
fill: #ccc;
stroke: #ccc
}
.header-slideshow .slick-arrow:hover path:first-of-type,
.post__inline-slideshow .slick-arrow:hover path:first-of-type {
fill: #000
}
}
.recirc {
position: relative;
z-index: 0
}
.recirc__title {
color: #000;
font-family: Helvetica;
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 1.83px;
line-height: 1.5625rem;
text-transform: uppercase;
padding-top: 1rem;
padding-bottom: .8125rem;
text-align: center
}
.fonts-loaded .recirc__title {
font-family: Beckett, sans-serif;
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 2.3125rem
}
.recirc__title::after {
border-top: .1875rem solid #000;
content: "";
display: block
}
.recirc a:active,
.recirc a:focus,
.recirc a:link,
.recirc a:visited {
color: #000
}
@media screen and (max-width:39.9375em) {
.recirc__title {
border-bottom: .0625rem solid #ccc;
position: relative
}
.recirc__title::after {
left: 0;
position: absolute;
right: 0;
top: 0
}
}
@media screen and (min-width:40em) {
.recirc {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
position: relative;
padding-top: 20px;
padding-bottom: 1.25rem
}
.recirc::before {
border: 0;
content: "";
left: 1.25rem;
top: -5px;
position: absolute;
right: 1.25rem;
border-bottom: .1875rem solid #000
}
.recirc__column {
flex: 0 0 25%;
max-width: 25%;
padding-right: 0;
padding-left: 0;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.recirc__title {
margin-bottom: 0;
padding-bottom: 0;
text-align: left
}
.recirc__title a {
display: block;
padding-bottom: .8125rem
}
.recirc__title--fastcompany::after {
border-top-color: #fff
}
.recirc__title--design::after {
border-top-color: #fff
}
.recirc__title--entertainment::after {
border-top-color: #fff
}
.recirc__title--ideas::after {
border-top-color: #fff
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.recirc::before {
display: none
}
.recirc__column {
flex: 0 0 50%;
max-width: 50%;
padding-right: 0;
padding-left: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative
}
.recirc__column::before {
border: 0;
content: "";
left: 2.5rem;
top: 0;
position: absolute;
right: 2.5rem;
border-bottom: .1875rem solid #000
}
.recirc__column:first-of-type {
padding-bottom: 40px;
border-right: 1px solid #ccc
}
.recirc__column:nth-of-type(3) {
border-right: 1px solid #ccc
}
}
.advertorial--tag-page {
margin: 0 1.25rem
}
.advertorial__container {
border-bottom: 1px solid #ccc;
display: flex;
min-height: 2.0625rem;
justify-content: space-between;
margin: 0 0 1.125rem;
padding-bottom: .625rem
}
.advertorial__container--tag-page {
max-width: calc(80rem - 40px);
margin: 1.875rem auto 0
}
.advertorial__container--homepage-deck {
border-bottom: 0;
margin-bottom: -.5625rem
}
.advertorial__container .ad-unit__border {
border: 0
}
.advertorial__list {
align-items: flex-end;
display: flex;
list-style: none;
margin: 0;
padding: 0
}
.advertorial__item {
background-size: contain;
background-repeat: no-repeat;
background-position: left bottom;
height: 100%;
margin-right: 1.25rem
}
.advertorial__item--fast-co-works {
font-family: FCZizouSansCond, sans-serif;
border: .0625rem solid #000;
font-size: 14px;
font-weight: 700;
height: 1.25rem;
letter-spacing: .55px;
line-height: 1.125rem;
padding: 0 5px
}
.advertorial__item--fast-co-works::before {
content: 'FastCo Works';
display: block;
text-transform: uppercase
}
.advertorial__item--inc-brand-view {
background-image: url(//images.fastcompany.net/image/upload/v1497382418/fcweb/inc_brandview_bw_horizontal_fix_gvvgpd.svg);
width: 7.75rem
}
.advertorial .custom-brand-logo {
height: 1.9375rem;
position: relative;
top: 5px
}
.advertorial__copy {
color: #5f5f5f;
font-family: Helvetica;
font-size: .625rem;
font-style: normal;
font-weight: 400;
letter-spacing: 1.7px;
line-height: .625rem;
text-transform: uppercase;
align-items: flex-end;
display: flex;
padding-bottom: 4px
}
.fonts-loaded .advertorial__copy {
font-family: CentraNo1Book, sans-serif;
font-size: .625rem;
line-height: .75rem;
letter-spacing: .04688rem
}
.advertorial__module-deck {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
color: #7b7b7b;
font-family: Helvetica;
font-size: .875rem;
font-weight: 400;
letter-spacing: .8px;
line-height: .9375rem;
text-transform: uppercase;
display: block;
text-align: center;
margin: 0 auto
}
@media print,
screen and (min-width:40em) {
.advertorial__module-deck {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.fonts-loaded .advertorial__module-deck {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: .8125rem;
letter-spacing: .0875rem
}
.advertorial__sponsored-content-label {
color: #5f5f5f;
font-family: Helvetica;
font-size: .6875rem;
font-weight: 300;
letter-spacing: 1.35px;
line-height: 1.0625rem;
text-align: center;
text-transform: uppercase;
width: 100%;
padding-top: .6875rem;
text-align: center;
text-transform: uppercase;
margin-bottom: -.125rem
}
.fonts-loaded .advertorial__sponsored-content-label {
font-family: CentraNo1Book, sans-serif;
font-size: .625rem;
letter-spacing: .07687rem
}
.advertorial__post {
padding-top: 0
}
@media screen and (min-width:64em) {
.advertorial__module-deck {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
margin: .25rem auto -.125rem auto;
display: block;
text-align: center
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.advertorial__module-deck {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.fonts-loaded .advertorial__module-deck {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.advertorial__module-deck {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
line-height: 1.35;
text-transform: uppercase;
margin: .375rem auto -.125rem auto
}
.fonts-loaded .advertorial__module-deck {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem
}
}
@media screen and (max-width:39.9375em) {
.advertorial--tag-page {
margin: 0
}
.advertorial__container {
min-height: auto;
margin-bottom: 0;
position: relative;
line-height: 0;
border: 0;
padding-bottom: 1.125rem
}
.advertorial__container--tag-page {
margin-bottom: 0;
margin-top: .5rem;
padding-bottom: .5rem;
display: block;
text-align: center
}
.advertorial__container::after {
border-top: .0625rem solid #ccc;
bottom: -1;
content: "";
left: -20;
position: absolute;
right: -20
}
.advertorial__list {
display: none
}
.advertorial .custom-brand-logo {
display: none
}
.advertorial__copy {
text-align: center;
width: 100%;
position: relative;
padding-bottom: .875rem;
padding-top: .25rem;
justify-content: space-between
}
.advertorial__copy::after {
content: '';
background: #ccc;
height: .0625rem;
position: absolute;
bottom: 0;
left: -.625rem;
right: -.625rem
}
.advertorial__sponsored-content-label {
padding-top: .375rem
}
}
@media screen and (max-width:35.5rem) {
.homepage-tag__advertorial-title-container--advertorial {
background: #fff
}
.advertorial__module-deck {
color: #7b7b7b;
font-family: Helvetica;
font-size: .875rem;
font-weight: 400;
letter-spacing: .8px;
line-height: .9375rem;
text-transform: uppercase;
padding-bottom: .8125rem;
margin-top: -.5625rem
}
.fonts-loaded .advertorial__module-deck {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: .8125rem;
letter-spacing: .0875rem
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.advertorial--tag-page {
margin: 0 2.5rem
}
}
.magazine-attribution {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: 0;
line-height: 1.75rem;
font-style: italic;
margin-bottom: 2rem
}
.fastcompany-magazine {
font-style: normal
} .magazine-archive__see-more {
display: flex;
justify-content: center;
margin: 0 1.25rem;
padding: 1.25rem 0 1.875rem;
width: 100%
}
.magazine-archive__button {
color: #fff;
font-family: Helvetica;
font-size: .75rem;
font-weight: 700;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
background-color: #ef5b24;
border-radius: .1875rem;
color: #fff;
cursor: pointer;
display: inline-block;
height: 1.5625rem;
line-height: 1.5625rem;
padding: 0 .375rem 0 .5rem;
text-align: center;
vertical-align: middle
}
.fonts-loaded .magazine-archive__button {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
@media screen and (min-width:40em) {
.magazine-archive__see-more {
border-top: .0625rem solid #ccc
}
}
@media screen and (max-width:39.9375em) {
.magazine-archive .slug {
padding-bottom: 0
}
.magazine-archive .row {
border-bottom: .0625rem solid #ccc;
margin-top: .75rem
}
.magazine-archive .card__text-wrapper {
margin-top: .8125rem
} }
.badgetof {
width: 175px
}
.person-company-bio {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.person-company-bio__bio-text {
display: inline-block;
font-size: 1.1875rem;
margin-top: 1.625rem
}
.person-company-bio__bio-text--ibd {
margin-top: 1.0625rem
}
.person-company-bio__bio-text p:first-of-type {
margin-top: -.5rem
}
.person-company-bio__bio-text p {
margin: 1.8125rem 0
}
.person-company-bio__badge {
color: #000;
font-family: Helvetica;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1.375rem;
text-transform: uppercase;
background: #000;
color: #fff;
display: block;
float: left;
margin: 0 1.25rem .625rem 0;
padding: .625rem 0 .5rem .625rem;
width: 8.75rem
}
.fonts-loaded .person-company-bio__badge {
font-family: FCKaiserXCond, sans-serif;
font-size: 2rem;
letter-spacing: 2px;
line-height: 1.8125rem
}
.person-company-bio__badge:active,
.person-company-bio__badge:focus,
.person-company-bio__badge:link,
.person-company-bio__badge:visited {
color: #fff
}
.person-company-bio__badge::before {
background: url(//a.fastcompany.net/image/upload/v1488299125/fc/fastcompany-logo.svg) 0 0/contain no-repeat;
border-bottom: 1px solid;
content: '';
display: block;
height: 20px;
margin-bottom: .1875rem;
width: 110px
}
.person-company-bio__badge--mcp-2009,
.person-company-bio__badge--mcp-2010,
.person-company-bio__badge--mcp-2011,
.person-company-bio__badge--mcp-2012,
.person-company-bio__badge--mcp-2013,
.person-company-bio__badge--mcp-2014,
.person-company-bio__badge--mcp-2015,
.person-company-bio__badge--mcp-2016,
.person-company-bio__badge--mcp-2017,
.person-company-bio__badge--mcp-2018,
.person-company-bio__badge--mcp-2019,
.person-company-bio__badge--mcp-default {
background: 0 0;
padding: 0
}
.person-company-bio__badge--mcp-2009 img,
.person-company-bio__badge--mcp-2010 img,
.person-company-bio__badge--mcp-2011 img,
.person-company-bio__badge--mcp-2012 img,
.person-company-bio__badge--mcp-2013 img,
.person-company-bio__badge--mcp-2014 img,
.person-company-bio__badge--mcp-2015 img,
.person-company-bio__badge--mcp-2016 img,
.person-company-bio__badge--mcp-2017 img,
.person-company-bio__badge--mcp-2018 img,
.person-company-bio__badge--mcp-2019 img,
.person-company-bio__badge--mcp-default img {
width: 172px;
height: 172px
}
.person-company-bio__badge--mcp-2009::before,
.person-company-bio__badge--mcp-2010::before,
.person-company-bio__badge--mcp-2011::before,
.person-company-bio__badge--mcp-2012::before,
.person-company-bio__badge--mcp-2013::before,
.person-company-bio__badge--mcp-2014::before,
.person-company-bio__badge--mcp-2015::before,
.person-company-bio__badge--mcp-2016::before,
.person-company-bio__badge--mcp-2017::before,
.person-company-bio__badge--mcp-2018::before,
.person-company-bio__badge--mcp-2019::before,
.person-company-bio__badge--mcp-default::before {
content: none
}
.person-company-bio__badge--mic-2009,
.person-company-bio__badge--mic-2010,
.person-company-bio__badge--mic-2011,
.person-company-bio__badge--mic-2012,
.person-company-bio__badge--mic-2013,
.person-company-bio__badge--mic-2014,
.person-company-bio__badge--mic-2015,
.person-company-bio__badge--mic-2016,
.person-company-bio__badge--mic-2017,
.person-company-bio__badge--mic-2018,
.person-company-bio__badge--mic-2019,
.person-company-bio__badge--mic-2020 {
background: #fff;
padding-top: .00063rem;
padding-left: .00063rem;
margin-bottom: .00063rem
}
.person-company-bio__badge--mic-2009::before,
.person-company-bio__badge--mic-2010::before,
.person-company-bio__badge--mic-2011::before,
.person-company-bio__badge--mic-2012::before,
.person-company-bio__badge--mic-2013::before,
.person-company-bio__badge--mic-2014::before,
.person-company-bio__badge--mic-2015::before,
.person-company-bio__badge--mic-2016::before,
.person-company-bio__badge--mic-2017::before,
.person-company-bio__badge--mic-2018::before,
.person-company-bio__badge--mic-2019::before,
.person-company-bio__badge--mic-2020::before {
background: 0 0;
content: '';
display: none;
padding: 0
}
@media screen and (max-width:39.9375em) {
.person-company-bio__badge--mic-2009,
.person-company-bio__badge--mic-2010,
.person-company-bio__badge--mic-2011,
.person-company-bio__badge--mic-2012,
.person-company-bio__badge--mic-2013,
.person-company-bio__badge--mic-2014,
.person-company-bio__badge--mic-2015,
.person-company-bio__badge--mic-2016,
.person-company-bio__badge--mic-2017,
.person-company-bio__badge--mic-2018,
.person-company-bio__badge--mic-2019,
.person-company-bio__badge--mic-2020 {
width: auto
}
}
.person-company-bio__badge--mic-2018 span {
color: #814eae
}
.person-company-bio__badge--mic-2009 span,
.person-company-bio__badge--mic-2010 span,
.person-company-bio__badge--mic-2011 span,
.person-company-bio__badge--mic-2012 span,
.person-company-bio__badge--mic-2013 span,
.person-company-bio__badge--mic-2014 span,
.person-company-bio__badge--mic-2015 span,
.person-company-bio__badge--mic-2016 span,
.person-company-bio__badge--mic-2017 span {
color: #fd05c3
}
@media screen and (min-width:40em) {
.person-company-bio {
margin: 3.625rem auto 0
}
.person-company-bio__badge {
width: 10.875rem
}
.person-company-bio img {
width: 175px
}
.person-company-bio__bio-text {
color: #000;
font-family: Georgia;
font-size: 1.1875rem;
letter-spacing: .2px;
line-height: 1.75rem
}
.fonts-loaded .person-company-bio__bio-text {
font-family: MeretPro, sans-serif;
font-weight: 300
}
.person-company-bio__bio-text p {
margin: 1.625rem 0
}
.badgetof {
width: 100%
}
}
@media screen and (max-width:39.9375em) {
.person-company-bio__badge {
width: 7.3125rem;
height: 7.3125rem;
margin-right: 1.5625rem;
margin-bottom: .625rem
}
.person-company-bio__badge img {
width: 100%;
height: 100%
}
.fonts-loaded .person-company-bio__badge {
font-size: 24px;
line-height: 21px
}
.person-company-bio__bio-text {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: .2px;
line-height: 1.5rem
}
.fonts-loaded .person-company-bio__bio-text {
font-family: MeretPro, sans-serif;
font-weight: 300
}
}
.person-company-component {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.person-company-component__poster {
display: none
}
.person-company-component__main {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
margin-top: 1.625rem;
margin-bottom: .4375rem
}
@media print,
screen and (min-width:40em) {
.person-company-component__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.person-company-component__mcp-credit {
margin-right: .3125rem
}
.person-company-component__mcp-credit,
.person-company-component__mcp-credit-year {
color: #5f5f5f;
font-family: Georgia;
font-size: .8125rem;
font-weight: 700;
letter-spacing: 1.3px;
line-height: .75rem;
text-transform: uppercase;
color: #5f5f5f;
display: inline-block;
margin-bottom: .78125rem
}
.fonts-loaded .person-company-component__mcp-credit,
.fonts-loaded .person-company-component__mcp-credit-year {
font-family: CentraNo1, sans-serif;
letter-spacing: .0875rem;
line-height: .8125rem
}
.person-company-component__name {
color: #000;
font-family: Helvetica;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1.875rem;
margin-bottom: .3125rem
}
.fonts-loaded .person-company-component__name {
font-family: GrifitoM, sans-serif;
font-size: 2.3125rem;
line-height: 2rem;
letter-spacing: .6px
}
.person-company-component__mcp-reason {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.03125rem!important;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem;
margin-top: .0625rem;
font-style: italic;
color: #5f5f5f
}
.fonts-loaded .person-company-component__mcp-reason {
font-family: CentraNo1Book, sans-serif;
line-height: 1.25rem;
letter-spacing: .01312rem;
font-weight: 300
}
.person-company-component__title {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.03125rem!important;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem;
color: #000
}
.fonts-loaded .person-company-component__title {
font-family: CentraNo1Book, sans-serif;
line-height: 1.25rem;
letter-spacing: .01312rem;
font-weight: 300
}
.person-company-component__information {
margin-top: 1.625rem
}
.person-company-component__information-title {
color: #000;
font-family: Helvetica;
font-size: 1.1875rem;
font-weight: 700;
letter-spacing: .7px;
line-height: 1.125rem;
text-transform: none;
display: inline-block;
margin-bottom: .75rem
}
.fonts-loaded .person-company-component__information-title {
font-family: MeretPro, sans-serif;
font-size: 1.1875rem;
line-height: 1.5rem;
letter-spacing: .01875rem
}
.person-company-component__information-item {
color: #000;
font-family: Georgia;
font-size: 1.0625rem;
letter-spacing: 0;
line-height: 1.5rem;
margin-left: 1.375rem;
margin-right: 11%;
margin-bottom: .5rem
}
.person-company-component__information-item::before {
color: #000;
content: "\25AA";
display: inline-block;
font-size: 2.125rem;
margin-left: -1.4375rem;
margin-right: .4375rem;
position: absolute
}
.person-company-component__data-name {
text-transform: capitalize
}
.person-company-component__social-media-title {
color: #000;
font-family: Helvetica;
font-size: 1.1875rem;
font-weight: 700;
letter-spacing: .7px;
line-height: 1.125rem;
text-transform: none
}
.fonts-loaded .person-company-component__social-media-title {
font-family: MeretPro, sans-serif;
font-size: 1.1875rem;
line-height: 1.5rem;
letter-spacing: .01875rem
}
.person-company-component__social-media-item {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: 0;
line-height: 1.75rem
}
.person-company-component__social-media-item li {
list-style-type: square;
padding: .9375rem 0
}
@media screen and (min-width:40em) {
.person-company-component {
margin: 3.625rem auto 0
}
.person-company-component__poster {
flex: 0 0 16.66667%;
max-width: 16.66667%;
padding-right: .625rem;
padding-left: .625rem;
display: block
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.person-company-component__poster {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.person-company-component__poster-image {
width: 100%;
height: auto
}
.person-company-component__poster-credit {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
display: inline-block;
margin-top: -.4375rem
}
.fonts-loaded .person-company-component__poster-credit {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.person-company-component__main {
flex: 0 0 50%;
max-width: 50%;
padding-right: .625rem;
padding-left: .625rem;
margin-top: -.375rem;
max-height: 18.75rem;
overflow: hidden;
position: relative;
transition: max-height 1s
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.person-company-component__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.person-company-component__main--no-portrait {
margin-top: -6px
}
.person-company-component__main--expanded {
max-height: 312.5rem;
overflow: initial;
transition: max-height 1s
}
.person-company-component__mcp-credit,
.person-company-component__mcp-credit-year {
margin-bottom: .65625rem
}
.person-company-component__name {
color: #000;
font-family: Helvetica;
font-size: 2.625rem;
font-weight: 700;
letter-spacing: 0;
line-height: 2.4375rem;
margin-bottom: .125rem
}
.fonts-loaded .person-company-component__name {
font-family: GrifitoM, sans-serif;
letter-spacing: .05937rem;
font-size: 3.375rem;
line-height: 2.75rem
}
.person-company-component__button-container {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
height: 9.375rem;
pointer-events: none;
position: absolute;
top: 9.375rem;
width: 100%
}
.person-company-component__button {
font-family: CentraNo1, sans-serif;
background: #fff;
border: .0625rem solid #777;
border-radius: .1875rem;
color: #777;
cursor: pointer;
display: inline-block;
height: 1.9375rem;
letter-spacing: .1125rem;
line-height: 1.8125rem;
font-size: .6875rem;
font-weight: 700;
margin: 7.1875rem 0 0;
pointer-events: all;
text-align: center;
width: 9.6875rem;
transition: color .4s ease-out, background-color .4s ease-out, border-color .4s ease-out
}
.person-company-component__button:hover {
color: #fff;
border-color: #000;
background: #000
}
.person-company-component__button__article a:hover {
color: #e00057;
border-color: #e00057
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.person-company-component__main {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.person-company-component__main {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.post--product .post__container {
padding-top: 0
}
.post--product .product-creators {
color: #000;
font-family: Georgia;
font-size: 1.0625rem;
letter-spacing: 0;
line-height: 1.5rem;
font-style: italic;
margin-bottom: 1.8125rem
}
.post--product .product-creators__title {
font-weight: 700
}
@media screen and (min-width:64em) {
.post--product .post__container {
margin-top: 1.0625rem
}
.post--product .product-creators {
color: #000;
font-family: Georgia;
font-size: 1.125rem;
letter-spacing: 0;
line-height: 1.75rem
}
.post--product .social__list {
padding-top: 2.0625rem
}
.post--product .post__promotion:first-child {
margin-bottom: 0
}
}
.price-fix {
align-items: center;
display: flex;
margin-top: 1.25rem
}
.price-fix span {
font-family: CentraNo1;
font-size: 18px;
display: inline-block;
margin-right: 1.25rem
}
.price-fix button {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 8px 3px;
text-transform: uppercase;
text-align: center;
height: 31px
}
.fonts-loaded .price-fix button {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.mcp-section {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.mcp-section--0 {
position: relative
}
.mcp-section--0::after {
content: '';
position: absolute;
display: block;
width: calc(100% - 40px);
left: 1.25rem;
top: 0;
height: .0625rem;
background-color: #e2e8ec
}
.mcp-section a {
border-bottom: .0625rem solid #e2e8ec;
display: block;
max-height: 6.125rem;
padding: 1.25rem 0
}
.mcp-section__poster {
flex: 0 0 16.66667%;
max-width: 16.66667%;
padding-right: 0;
padding-left: 0;
margin-left: 10px;
float: left;
height: 16.67vw
}
.mcp-section__poster-image {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.mcp-section__text {
flex: 0 0 75%;
max-width: 75%;
padding-right: .625rem;
padding-left: .625rem;
display: block;
float: left;
margin-top: -.1875rem;
margin-bottom: .125rem
}
@media print,
screen and (min-width:40em) {
.mcp-section__text {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.mcp-section__text--no-thumb {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.mcp-section__text--no-thumb {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.mcp-section__name {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem;
margin-bottom: .375rem;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis
}
.fonts-loaded .mcp-section__name {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
.mcp-section__reason {
color: #5f5f5f;
font-family: CentraNo1Book, sans-serif;
font-size: .9375rem;
font-weight: 300;
letter-spacing: .3px;
line-height: 1.0625rem
}
.mcp-section__all-ad-container {
margin: 0 auto
}
@media screen and (min-width:40em) {
.mcp-section--0 {
margin-top: 1.25rem
}
.mcp-section__row {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
display: flex;
flex-flow: row wrap;
justify-content: space-between
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.mcp-section__row {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.mcp-section a {
max-width: calc(50% - 20px);
width: calc(50% - 20px);
flex-basis: calc(50% - 20px)
}
.mcp-section a:first-of-type,
.mcp-section a:nth-of-type(2) {
border-top: .0625rem solid #e2e8ec
}
.mcp-section__poster {
height: 47px;
margin-right: 1.25rem;
-o-object-fit: cover;
object-fit: cover;
width: 47px;
max-width: calc(20% - 20px);
padding: 0;
margin-left: 0
}
.mcp-section__text {
max-width: 80%;
padding: 0
}
.mcp-section__name {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
margin-bottom: .3125rem
}
.fonts-loaded .mcp-section__name {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.mcp-section__row {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.mcp-section__row {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.mcp-section {
position: relative
}
.mcp-section::after {
content: '';
position: absolute;
display: block;
width: 100%;
left: 0;
top: 0;
height: .0625rem;
background-color: #e2e8ec
}
.mcp-section a {
display: flex;
max-height: none;
padding: 1.25rem 0 1.0625rem
}
.mcp-section__poster {
float: none;
margin-bottom: .1875rem
}
.mcp-section__text {
float: none;
width: 100%
}
.mcp-section__row {
width: 100%
}
}
.ibd-category {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
width: 100%;
max-height: 3.75rem;
transition: max-height 2s;
background-color: #fff;
overflow: hidden;
position: relative
}
.ibd-category--active {
max-height: 6250rem
}
.ibd-category--active::after {
display: block;
content: "";
border-bottom: 1px solid #000;
width: 100%;
margin: 0 auto
}
.ibd-category--active .ibd-category__row::after {
display: none
}
.ibd-category__row {
cursor: pointer;
position: relative
}
.ibd-category__row::after {
background-color: #ccc;
bottom: 0;
content: '';
height: .0625rem;
position: absolute;
left: 0;
right: 0
}
.ibd-category__header {
height: 3.75rem;
position: relative
}
.ibd-category__dek {
position: relative;
top: -.3125rem;
max-width: calc(100% - 20px);
margin: 0 auto
}
.ibd-category__title {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
color: #000;
font-family: CentraNo1;
font-size: 18px;
display: block;
line-height: 3.75rem;
text-transform: capitalize;
vertical-align: middle;
text-align: center
}
@media print,
screen and (min-width:40em) {
.ibd-category__title {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.fonts-loaded .ibd-category__title {
line-height: 3.4375rem
}
.ibd-category__title-icon {
position: absolute;
right: 0;
top: calc(50% - 5px);
-webkit-transform: rotate(-90deg) translateY(-50%);
transform: rotate(-90deg) translateY(-50%)
}
.ibd-category__title-icon--active {
margin-right: 0;
padding-bottom: 0;
top: 50%;
right: .625rem;
-webkit-transform: rotate(0) translateY(-50%);
transform: rotate(0) translateY(-50%)
}
.ibd-category__accordion {
background-color: #fff
}
.ibd-category__accordion-section {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
margin-top: .75rem
}
.ibd-category__judges {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
margin-top: .75rem;
margin-bottom: .8125rem;
text-align: center
}
.fonts-loaded .ibd-category__judges {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.ibd-category__accordion-section-title {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
text-align: center;
position: relative;
height: 1.875rem;
line-height: 1.875rem;
vertical-align: middle;
margin-bottom: .6875rem
}
@media print,
screen and (min-width:40em) {
.ibd-category__accordion-section-title {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.fonts-loaded .ibd-category__accordion-section-title {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.ibd-category__accordion-section-title::before {
background-color: #ccc;
content: '';
height: .0625rem;
position: absolute;
right: 0;
width: 100%;
top: 0
}
.ibd-category__accordion-section-title span {
position: relative;
top: .375rem
}
.ibd-category a {
display: block
}
.ibd-category__product-poster {
position: relative;
margin: 0 0 .9375rem
}
.ibd-category__product-poster::before {
display: block;
content: " ";
width: 100%;
padding-top: 56.25%;
background: #e2e8ec
}
.ibd-category__product-poster img,
.ibd-category__product-poster video {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
padding: 0
}
.ibd-category__product-name {
color: #000;
font-family: GrifitoM, sans-serif;
font-size: 31px;
line-height: 26px
}
.ibd-category__category-description,
.ibd-category__product-description {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.03125rem!important;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem
}
.fonts-loaded .ibd-category__category-description,
.fonts-loaded .ibd-category__product-description {
font-family: CentraNo1Book, sans-serif;
line-height: 1.25rem;
letter-spacing: .01312rem;
font-weight: 300
}
.ibd-category__category-description {
text-align: center;
margin: 0 auto;
max-width: calc(100% - 20px)
}
.ibd-category__product-description {
margin-top: .3125rem
}
.ibd-category__product-price {
align-items: center;
display: flex;
margin-top: 1.25rem
}
.ibd-category__product-price span {
font-family: CentraNo1;
font-size: 18px;
display: inline-block;
margin-right: 1.25rem
}
.ibd-category__product-price button {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 8px 3px;
text-transform: uppercase;
text-align: center;
height: 31px
}
.fonts-loaded .ibd-category__product-price button {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: .875rem;
letter-spacing: .1125rem
}
.ibd-category__credit {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem
}
.fonts-loaded .ibd-category__credit {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.ibd-category__product-item,
.ibd-category__product-winner {
display: block;
margin-bottom: 1.625rem
}
.ibd-category__product-finalists-and-mentions {
display: block;
margin-bottom: 1.625rem
}
@media screen and (min-width:40em) {
.ibd-category--active::after {
width: calc(100% - 40px)
}
.ibd-category__accordion-section a {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.ibd-category__accordion-section a {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.ibd-category__accordion-section--winners a {
flex: 0 0 50%;
max-width: 50%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.ibd-category__accordion-section--winners a {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.ibd-category__accordion-section--list .ibd-category__product-item>a {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
padding: 0!important
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.ibd-category__accordion-section--list .ibd-category__product-item>a {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.ibd-category__product-item,
.ibd-category__product-winner {
flex: 0 0 50%;
max-width: 50%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.ibd-category__product-item,
.ibd-category__product-winner {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.ibd-category__product-finalists-and-mentions {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.ibd-category__product-finalists-and-mentions {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.ibd-category__accordion-section-title::before {
right: 1.25rem;
width: calc(100% - 40px)
}
.ibd-category__row::after {
left: 1.25rem;
right: 1.25rem
}
.ibd-category__title {
color: #000;
font-family: CentraNo1;
font-size: 18px
}
.fonts-loaded .ibd-category__title {
line-height: 3.5rem
}
.ibd-category__title-icon {
right: .625rem
}
.ibd-category__title-icon--active {
right: 1.25rem
}
.ibd-category__dek {
top: -.875rem;
max-width: calc(100% - 40px)
}
.ibd-category__judges {
margin-bottom: .25rem
}
.ibd-category__category-description {
max-width: calc((100% - 40px)/ 12 * 6)
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.ibd-category__accordion-section a {
flex: 0 0 50%;
max-width: 50%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.ibd-category__accordion-section a {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.ibd-category__product-item,
.ibd-category__product-winner {
flex: 0 0 50%;
max-width: 50%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.ibd-category__product-item,
.ibd-category__product-winner {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.ibd-category__product-finalists-and-mentions {
flex: 0 0 50%;
max-width: 50%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) and (min-width:40em) {
.ibd-category__product-finalists-and-mentions {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.ibd-category__accordion-section a {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.ibd-category__accordion-section a {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.ibd-category__accordion-section--list .ibd-category__product-item>a {
padding: 0!important
}
.ibd-category__product-item,
.ibd-category__product-winner {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
margin-bottom: .125rem
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.ibd-category__product-item,
.ibd-category__product-winner {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.ibd-category__product-price {
margin-bottom: 1.875rem
}
.ibd-category__product-finalists-and-mentions {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
margin-bottom: .9375rem
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.ibd-category__product-finalists-and-mentions {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.ibd-category--list a,
.ibd-category--winners a {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.ibd-category--list a,
.ibd-category--winners a {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.post-more-stories {
margin-top: 0
}
.post-more-stories .slug {
margin-top: 0;
padding-top: .3125rem
}
.post-more-stories .slug-component::before {
border-top: .0625rem solid #ccc
}
.post-more-stories .card .eyebrow {
color: #5f5f5f;
font-family: Georgia;
font-size: .75rem;
font-weight: 300;
letter-spacing: 1.3px;
line-height: .75rem;
text-transform: uppercase
}
.fonts-loaded .post-more-stories .card .eyebrow {
font-family: CentraNo1, sans-serif;
letter-spacing: .0875rem;
line-height: .8125rem;
font-size: .75rem
}
.post-more-stories .card__title--default {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 300;
letter-spacing: 1.1px;
line-height: 1.1875rem
}
.fonts-loaded .post-more-stories .card__title--default {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.125rem;
letter-spacing: .0125rem
}
.post-more-stories .card--advertorial {
border-bottom: .0625rem solid #ccc
}
.post-more-stories .card--advertorial:last-of-type {
border-bottom: 0
}
@media screen and (min-width:40em) {
.post-more-stories .card .eyebrow {
color: #5f5f5f;
font-family: Georgia;
font-size: .75rem;
font-weight: 300;
letter-spacing: 1.3px;
line-height: .75rem;
text-transform: uppercase
}
.fonts-loaded .post-more-stories .card .eyebrow {
font-family: CentraNo1, sans-serif;
letter-spacing: .0875rem;
line-height: .8125rem;
font-size: .75rem
}
.post-more-stories .card--advertorial {
margin: 0 .3125rem;
margin-bottom: 1.875rem;
border-bottom: 0
}
.post-more-stories .card--advertorial>a {
padding-bottom: 0
}
.post-more-stories .card--advertorial .card__text-wrapper--default {
margin-bottom: 1.25rem
}
.post-more-stories .card__title--default {
color: #000;
font-family: Helvetica;
font-size: .9375rem;
font-weight: 300;
letter-spacing: 1.1px;
line-height: 1.1875rem
}
.fonts-loaded .post-more-stories .card__title--default {
font-family: CentraNo1, sans-serif;
font-size: 1rem;
line-height: 1.125rem;
letter-spacing: .0125rem
}
.post-more-stories .card__poster--default {
margin-bottom: 1.0625rem
}
.post-more-stories .slug {
padding-top: .5625rem
}
}
.franchise-showcase {
padding: 22px 0 27px;
position: relative
}
.franchise-showcase::after,
.franchise-showcase::before {
content: '';
left: 20px;
position: absolute;
right: 20px
}
.franchise-showcase::before {
background: #000;
top: 0;
height: 3px
}
.franchise__photo {
margin: 0 0 12px
}
.franchise__photo img {
width: 100%
}
.franchise__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 14px
}
.franchise__head--title {
color: #000;
font-family: Helvetica;
font-size: 1.25rem;
font-weight: 500;
letter-spacing: 3.3px;
line-height: 2.1875rem;
text-align: left;
text-transform: uppercase
}
.fonts-loaded .franchise__head--title {
font-family: Grifo, sans-serif;
font-size: 1.8125rem;
line-height: 1.5rem;
letter-spacing: .01875rem
}
.franchise__head--logo {
width: 25%;
flex: 1 0 auto;
justify-content: flex-end;
display: flex
}
.franchise__head--logo img {
max-height: 3.125rem;
width: auto
}
.franchise__description {
color: #5f5f5f;
font-family: CentraNo1Book, sans-serif;
font-size: .9375rem;
font-weight: 300;
letter-spacing: .3px;
line-height: 1.0625rem;
text-align: left;
margin: 0
}
@media screen and (max-width:63.9375em) {
.franchise-showcase .slick-track {
display: flex;
align-items: flex-end
}
.franchise-showcase .slick-list {
overflow: visible
}
.franchise-pagination {
display: flex!important;
list-style: none;
justify-content: center;
margin: 1.25rem 0 0;
padding: 0
}
.franchise-pagination li {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 3.125rem;
opacity: .2;
transition: opacity 150ms ease-out;
width: 3.125rem
}
.franchise-pagination li.slick-active {
opacity: 1
}
.franchise-pagination li:not(:last-child) {
margin-right: 20px
}
.franchise-pagination li:nth-child(1) {
background-image: url(https://images.fastcompany.net/image/upload/v1536778764/fcweb/mcpnewlogo_d7dgyh.svg)
}
.franchise-pagination li:nth-child(2) {
background-image: url(https://images.fastcompany.net/image/upload/v1536781102/fcweb/IBD_small-icon-50x50px-fix_s2op0e.svg)
}
.franchise-pagination li:nth-child(3) {
background-image: url(https://images.fastcompany.net/image/upload/v1536778764/fcweb/micnewlogo_ctvsdy.svg)
}
.franchise-pagination li:nth-child(4) {
background-image: url(https://images.fastcompany.net/image/upload/v1536779048/fcweb/wcinewlogo_jebah8.svg)
}
.franchise-pagination li button {
display: block;
height: inherit;
text-indent: -9999px;
width: 100%
}
.franchise a {
display: flex;
flex-direction: column
}
.franchise.slick-slide {
opacity: .2;
transition: opacity .2s ease-out
}
.franchise.slick-active {
opacity: 1
}
.franchise__head {
order: 1;
margin: 0
}
.franchise__head--logo {
display: none
}
.franchise__head--title {
margin: 0 0 5px
}
.franchise__description {
order: 2;
margin-bottom: 16px
}
.franchise__photo {
order: 3;
margin-bottom: 0
}
}
@media screen and (max-width:39.9375em) {
.franchise {
padding: 0 10px
}
.franchise-showcase {
margin: 0 30px
}
.franchise-showcase::before {
left: -30px;
right: -30px
}
.franchise-showcase::after {
display: none
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.franchise {
padding: 0 10px
}
.franchise-showcase {
margin-left: 20px;
margin-right: 20px
}
.franchise-showcase .slick-list {
overflow: visible
}
}
@media screen and (min-width:64em) {
.franchise {
padding-left: 1.25rem;
padding-right: 1.25rem;
max-width: 25%
}
.franchise-pagination {
display: none
}
}
.franchise-accordion-section {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.franchise-accordion-section__title-row {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
margin-left: 0;
cursor: pointer;
height: 3.75rem;
position: relative;
display: flex;
justify-content: space-between
}
.franchise-accordion-section__title-row::after {
background-color: #000;
bottom: 0;
content: '';
height: .0625rem;
left: 0;
position: absolute;
width: 100%
}
.franchise-accordion-section__title {
color: #000;
display: inline-block;
line-height: 3.75rem;
padding-left: .625rem;
text-transform: uppercase;
vertical-align: middle
}
.fonts-loaded .franchise-accordion-section__title {
font-family: CentraNo1;
font-size: 18px;
line-height: 3.75rem
}
.franchise-accordion-section__title-icon {
padding-bottom: .625rem;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.franchise-accordion-section__title-icon--active {
-webkit-transform: rotate(0);
transform: rotate(0);
padding-bottom: 0;
padding-right: .625rem
}
.franchise-accordion-section__list-container {
width: 100%;
position: relative
}
.franchise-accordion-section__list {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
position: relative;
padding-bottom: 1.5rem
}
@media print,
screen and (min-width:40em) {
.franchise-accordion-section__list {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.franchise-accordion-section__list::after {
background-color: #000;
bottom: 0;
content: '';
height: .0625rem;
left: 0;
position: absolute;
width: 100%
}
.franchise-accordion-section__ff-ad-container {
display: block;
clear: both;
margin-left: auto;
margin-right: auto
}
.franchise-accordion-section__list-column {
margin-top: .875rem;
max-width: 100%
}
.franchise-accordion-section__list-column:first-of-type {
margin-top: 1.25rem
}
.franchise-accordion-section__list-column a {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem;
display: block;
margin-bottom: .875rem
}
.fonts-loaded .franchise-accordion-section__list-column a {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
.franchise-accordion-section__list-column a:last-of-type {
margin-bottom: 0
}
.franchise-accordion-section__pagination-page--inactive {
background-color: #cacaca
}
.franchise-accordion-section__pagination-page--inactive span {
color: #fff;
cursor: initial
}
.franchise-accordion-section__pagination-page--inactive span:hover {
color: #fff;
cursor: initial
}
.franchise-accordion-section--k .franchise-accordion-section__title-row::before {
content: '';
position: absolute;
background-color: #000;
height: .0625rem;
width: 100%;
top: 0
}
.franchise-accordion-section--mic-year:first-of-type .franchise-accordion-section__title-row::before {
background-color: #000;
content: '';
height: .0625rem;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.franchise-accordion-section--mic-year__title-row {
position: relative;
justify-content: flex-start
}
.franchise-accordion-section--mic-year__title {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 80px);
padding: 0;
font-family: CentraNo1;
size: 18px
}
.franchise-accordion-section--mic-year__title-icon {
margin-left: auto
}
.franchise-accordion-section--mic-year__list {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
display: none;
max-height: 0;
flex-wrap: wrap;
transition: all 1s
}
.franchise-accordion-section--mic-year__list--active {
display: flex;
max-height: 62.5rem;
transition: all 1s;
height: auto;
padding-bottom: 0
}
.franchise-accordion-section--mic-year__ff-ad-container {
width: 100%;
position: relative
}
.franchise-accordion-section--mic-year__ff-ad-container::after {
content: '';
position: absolute;
width: 100%;
height: .0625rem;
background-color: #000;
left: 0;
bottom: 0
}
@media screen and (min-width:40em) {
.franchise-accordion-section__title-row {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 8.33333%
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.franchise-accordion-section__title-row {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.franchise-accordion-section__title-row::after {
background-color: #cacaca;
width: calc(100% - 40px);
left: 1.25rem
}
.franchise-accordion-section__title {
padding-left: 0
}
.franchise-accordion-section__title-icon {
padding-bottom: 0
}
.franchise-accordion-section__title-icon--active {
padding-right: 0
}
.franchise-accordion-section__list {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 8.33333%;
position: relative;
display: inline-flex;
float: left;
padding-bottom: 2.3125rem;
width: 83.33333%
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.franchise-accordion-section__list {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.franchise-accordion-section__list::after {
background-color: #cacaca;
width: calc(100% - 40px);
left: 1.25rem
}
.franchise-accordion-section__list-column {
border-right: .0625rem solid #cacaca;
flex: 1;
flex-direction: row;
float: left;
margin-top: 1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
max-width: 25%
}
.franchise-accordion-section__list-column:first-of-type {
padding-left: 0
}
.franchise-accordion-section__list-column:last-of-type {
border-right: 0
}
.franchise-accordion-section__list-column a {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 1.0625rem
}
.fonts-loaded .franchise-accordion-section__list-column a {
font-family: CentraNo1, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.franchise-accordion-section__next-paddle,
.franchise-accordion-section__prev-paddle {
background-repeat: no-repeat;
display: inline-block;
height: 5rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align: middle
}
.franchise-accordion-section__next-paddle a,
.franchise-accordion-section__prev-paddle a {
display: block;
height: 5rem;
width: 2.5rem
}
.franchise-accordion-section__prev-paddle {
left: calc(8.3333% - 30px);
background-image: url(//images.fastcompany.net/image/upload/w_30,q_auto,f_auto,fl_lossy/v1495703884/paddle-left-fix.svg)
}
.franchise-accordion-section__next-paddle {
right: calc(8.3333% - 30px);
background-image: url(//images.fastcompany.net/image/upload/w_30,q_auto,f_auto,fl_lossy/v1495703884/paddle-right-fix.svg)
}
.franchise-accordion-section--k .franchise-accordion-section__title-row::before {
background-color: #cacaca;
width: calc(100% - 40px);
left: 1.25rem
}
.franchise-accordion-section--mic-year {
position: relative
}
.franchise-accordion-section--mic-year:first-of-type {
padding-top: .8125rem
}
.franchise-accordion-section--mic-year:first-of-type .franchise-accordion-section__title-row::before {
background-color: #ccc;
content: '';
height: .0625rem;
left: 1.25rem;
position: absolute;
top: 0;
width: calc(100% - 40px)
}
.franchise-accordion-section--mic-year__title-row {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 8.33333%
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.franchise-accordion-section--mic-year__title-row {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.franchise-accordion-section--mic-year__list {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 8.33333%;
width: 83.33333%;
padding-bottom: 0;
display: none;
max-height: 0;
transition: all 1s
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.franchise-accordion-section--mic-year__list {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.franchise-accordion-section--mic-year__list--active {
display: flex;
max-height: 16.625rem;
transition: all .5s
}
.franchise-accordion-section__ff-ad-container {
width: 83.33333%;
position: relative
}
.franchise-accordion-section__ff-ad-container::after {
content: '';
position: absolute;
width: calc(100% - 40px);
height: .0625rem;
background-color: #cacaca;
left: 1.25rem;
bottom: 0
}
}
@media screen and (min-width:64em) {
.franchise-accordion-section__title-row {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 16.66667%
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.franchise-accordion-section__title-row {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.franchise-accordion-section__list {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 16.66667%;
width: 66.66667%
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.franchise-accordion-section__list {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.franchise-accordion-section__list-column {
min-height: 22.25rem
}
.franchise-accordion-section__prev-paddle {
left: calc(16.6667% - 30px);
background-image: url(//images.fastcompany.net/image/upload/w_30,q_auto,f_auto,fl_lossy/v1495703884/paddle-left-fix.svg)
}
.franchise-accordion-section__next-paddle {
right: calc(16.6667% - 30px);
background-image: url(//images.fastcompany.net/image/upload/w_30,q_auto,f_auto,fl_lossy/v1495703884/paddle-right-fix.svg)
}
.franchise-accordion-section--mic-year__title-row {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 8.33333%
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.franchise-accordion-section--mic-year__title-row {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.franchise-accordion-section--mic-year__list {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 8.33333%;
width: 83.33333%
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.franchise-accordion-section--mic-year__list {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.mcp-community__section-container {
position: relative;
max-width: 80rem;
margin: auto
}
.mcp-community-section {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap
}
.mcp-community-section__title-row {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
margin-left: 0;
cursor: pointer;
height: 3.75rem;
position: relative;
display: flex;
justify-content: space-between
}
.mcp-community-section__title-row::after {
background-color: #000;
bottom: 0;
content: '';
height: .0625rem;
left: 0;
position: absolute;
width: 100%
}
.mcp-community-section__title {
color: #000;
font-family: Helvetica;
font-size: 2.4375rem;
font-weight: 500;
line-height: 2.0625rem;
display: inline-block;
line-height: 3.75rem;
padding-left: .625rem;
text-transform: uppercase;
vertical-align: middle
}
.fonts-loaded .mcp-community-section__title {
font-family: GrifitoM, sans-serif;
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: .04375rem
}
.fonts-loaded .mcp-community-section__title {
line-height: 3.75rem
}
.mcp-community-section__title-icon {
padding-bottom: .625rem;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.mcp-community-section__title-icon--active {
-webkit-transform: rotate(0);
transform: rotate(0);
padding-bottom: 0;
padding-right: .625rem
}
.mcp-community-section__list-container {
width: 100%;
position: relative
}
.mcp-community-section__list {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
position: relative;
padding-bottom: 1.5rem
}
@media print,
screen and (min-width:40em) {
.mcp-community-section__list {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.mcp-community-section__list::after {
background-color: #000;
bottom: 0;
content: '';
height: .0625rem;
left: 0;
position: absolute;
width: 100%
}
.mcp-community-section__ff-ad-container {
display: block;
clear: both;
margin-left: auto;
margin-right: auto
}
.mcp-community-section__list-column {
margin-top: .875rem;
max-width: 100%
}
.mcp-community-section__list-column:first-of-type {
margin-top: 1.25rem
}
.mcp-community-section__list-column a {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 1.125rem;
display: block;
margin-bottom: .875rem
}
.fonts-loaded .mcp-community-section__list-column a {
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing: .03125rem
}
.mcp-community-section__list-column a:last-of-type {
margin-bottom: 0
}
.mcp-community-section__pagination-page--inactive {
background-color: #cacaca
}
.mcp-community-section__pagination-page--inactive span {
color: #fff;
cursor: initial
}
.mcp-community-section__pagination-page--inactive span:hover {
color: #fff;
cursor: initial
}
.mcp-community-section--k .mcp-community-section__title-row::before {
content: '';
position: absolute;
background-color: #000;
height: .0625rem;
width: calc(100%);
top: 0
}
@media screen and (min-width:40em) {
.mcp-community-section__title-row {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 8.33333%
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.mcp-community-section__title-row {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.mcp-community-section__title-row::after {
background-color: #cacaca;
width: calc(100% - 40px);
left: 1.25rem
}
.mcp-community-section__title {
padding-left: 0
}
.mcp-community-section__title-icon {
padding-bottom: 0
}
.mcp-community-section__title-icon--active {
padding-right: 0
}
.mcp-community-section__list {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 8.33333%;
position: relative;
display: inline-flex;
float: left;
padding-bottom: 2.3125rem;
width: 83.33333%
}
}
@media screen and (min-width:40em) and (min-width:40em) {
.mcp-community-section__list {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:40em) {
.mcp-community-section__list::after {
background-color: #cacaca;
width: calc(100% - 40px);
left: 1.25rem
}
.mcp-community-section__list-column {
border-right: .0625rem solid #cacaca;
flex: 1;
flex-direction: row;
float: left;
margin-top: 1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
max-width: 25%
}
.mcp-community-section__list-column:first-of-type {
padding-left: 0
}
.mcp-community-section__list-column:last-of-type {
border-right: 0
}
.mcp-community-section__list-column a {
color: #000;
font-family: Helvetica;
font-size: 1rem;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 1.0625rem
}
.fonts-loaded .mcp-community-section__list-column a {
font-family: CentraNo1, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.mcp-community-section__next-paddle,
.mcp-community-section__prev-paddle {
background-repeat: no-repeat;
display: inline-block;
height: 5rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align: middle
}
.mcp-community-section__next-paddle a,
.mcp-community-section__prev-paddle a {
display: block;
height: 5rem;
width: 2.5rem
}
.mcp-community-section__prev-paddle {
left: calc(8.3333% - 30px);
background-image: url(//images.fastcompany.net/image/upload/w_30,q_auto,f_auto,fl_lossy/v1495703884/paddle-left-fix.svg)
}
.mcp-community-section__next-paddle {
right: calc(8.3333% - 30px);
background-image: url(//images.fastcompany.net/image/upload/w_30,q_auto,f_auto,fl_lossy/v1495703884/paddle-right-fix.svg)
}
.mcp-community-section--k .mcp-community-section__title-row::before {
background-color: #cacaca;
width: calc(100% - 40px);
left: 1.25rem
}
}
@media screen and (min-width:64em) {
.mcp-community-section__title-row {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 16.66667%
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.mcp-community-section__title-row {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.mcp-community-section__list {
flex: 0 0 66.66667%;
max-width: 66.66667%;
padding-right: .625rem;
padding-left: .625rem;
margin-left: 16.66667%;
width: 66.66667%
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.mcp-community-section__list {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.mcp-community-section__list-column {
min-height: 22.25rem
}
.mcp-community-section__prev-paddle {
left: calc(16.6667% - 30px);
background-image: url(//images.fastcompany.net/image/upload/w_30,q_auto,f_auto,fl_lossy/v1495703884/paddle-left-fix.svg)
}
.mcp-community-section__next-paddle {
right: calc(16.6667% - 30px);
background-image: url(//images.fastcompany.net/image/upload/w_30,q_auto,f_auto,fl_lossy/v1495703884/paddle-right-fix.svg)
}
}
.franchise-intro {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
margin-bottom: 1rem
}
.franchise-intro__title {
color: #000;
text-align: left
}
.fonts-loaded .franchise-intro__title {
font-family: GrifitoM, sans-serif;
letter-spacing: .0375rem;
font-size: 3.375rem;
line-height: 2.75rem
}
.franchise-intro__desc {
color: #5f5f5f;
font-family: GrifitoM, sans-serif;
font-size: 1.9375rem;
font-weight: 500;
letter-spacing: .03125rem;
line-height: 1.625rem;
font-family: CentraNo1Book;
font-size: 1.0625rem;
line-height: 1.25rem;
margin-bottom: 0;
margin-top: .375rem;
text-align: left
}
.franchise-intro__desc p,
.franchise-intro__desc~p {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.03125rem!important;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem;
letter-spacing: .04688rem!important;
font-size: 1.0625rem;
line-height: 1.25rem;
margin-top: 0;
text-align: left;
margin-bottom: 0
}
.fonts-loaded .franchise-intro__desc p,
.fonts-loaded .franchise-intro__desc~p {
font-family: CentraNo1Book, sans-serif;
line-height: 1.25rem;
letter-spacing: .01312rem;
font-weight: 300
}
.franchise-intro__col--4 {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
text-align: center;
margin-top: 1.6875rem;
margin-bottom: .875rem;
order: 2
}
@media print,
screen and (min-width:40em) {
.franchise-intro__col--4 {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.franchise-intro__col--6 {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem;
margin-top: 1.25rem;
text-align: center;
order: 1
}
@media print,
screen and (min-width:40em) {
.franchise-intro__col--6 {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.franchise-intro__col--4 img,
.franchise-intro__col--6 img {
max-width: 100%
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.franchise-intro__title {
color: #000;
font-family: Helvetica;
font-size: 2.625rem;
font-weight: 700;
letter-spacing: 0;
line-height: 2.4375rem;
font-size: 3.375rem;
line-height: 2.75rem
}
.fonts-loaded .franchise-intro__title {
font-family: GrifitoM, sans-serif;
letter-spacing: .05937rem;
font-size: 3.375rem;
line-height: 2.75rem
}
.franchise-intro__col--4 {
margin-top: 2.5rem
}
}
@media screen and (max-width:63.9375em) {
.gift-guide-page .franchise-intro__col--6 {
display: none
}
}
@media screen and (min-width:64em) {
.franchise-intro {
margin-top: 3.125rem;
margin-bottom: 1.625rem
}
.franchise-intro__title {
font-size: 3.375rem;
line-height: 2.75rem
}
.franchise-intro__desc {
margin-top: .8125rem
}
.franchise-intro__col--4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
padding-right: .625rem;
padding-left: .625rem;
margin-top: 0;
text-align: left;
order: 0
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.franchise-intro__col--4 {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width:64em) {
.franchise-intro__col--6 {
flex: 0 0 50%;
max-width: 50%;
padding-right: .625rem;
padding-left: .625rem;
margin-top: -.25rem;
text-align: left;
order: 0
}
}
@media screen and (min-width:64em) and (min-width:40em) {
.franchise-intro__col--6 {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.related-slider {
margin-top: 2.03125rem
}
.related-slider .slick-track {
display: flex
}
.related-slider .slick-arrow {
position: absolute;
z-index: 2;
top: 1.5625rem
}
.related-slider svg {
height: 3.125rem;
width: 1.4375rem
}
.related-slider svg:hover {
cursor: pointer
}
.related-slider .slick-prev {
left: -2rem
}
.related-slider .slick-next {
right: -2rem
}
.related-slider--video-index {
margin: 0 auto;
position: relative
}
.related-slider--video-index:first-of-type {
margin-top: 1.25rem
}
.related-slider--video-index .slick-list {
overflow: visible
}
.related-slider--video-index .slug {
text-align: left;
padding-left: .625rem
}
.related-slider--video-index .slug-component {
justify-content: left
}
.related-slider--initial .slick-prev {
display: none!important
}
.related-slider--end .slick-next {
display: none!important
}
@media screen and (min-width:40em) {
.related-slider--video-index {
min-height: 16.9375rem;
width: 85.71429%;
margin-top: .625rem
}
.related-slider--video-index .slug-component {
width: calc(100% - 1.25rem)
}
.related-slider--video-index .slug {
padding-left: 0
}
.related-slider--video-index .slick-prev {
left: calc(-7.14286% - 1.25rem)
}
.related-slider--video-index .slick-next {
right: calc(-7.14286% - 1.25rem)
}
.related-slider--video-index .slick-arrow {
top: 0;
bottom: 0;
width: calc(7.14286% + 1.875rem);
background: rgba(255, 255, 255, .5)
}
.related-slider--video-index .slick-arrow>div {
content: "";
width: 100%;
padding-top: 132%;
position: absolute;
top: 0;
left: 0
}
.related-slider--video-index .slick-arrow svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.related-slider--video-index .slick-arrow svg path {
stroke: #000
}
.related-slider--video-index:last-of-type {
margin-bottom: .625rem
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.related-slider:not(.related-slider--video-index) .slick-arrow {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media screen and (max-width:39.9375em) {
.related-slider {
margin-top: 2.21875rem
}
.related-slider .slick-list {
overflow: visible
}
.related-slider .text-wrapper {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0
}
.related-slider--video-index {
margin-bottom: 1.6875rem;
margin-top: 0;
min-height: 10.625rem
}
.related-slider--video-index .slick-arrow {
display: none!important
}
.related-slider--video-index .slug {
padding-left: .4375rem
}
}
.show-more {
max-height: 1.2em;
transition: 1s
}
.show-more--expanded {
max-height: 62.4375rem
}
.show-more__text {
color: #ef5b24;
font-weight: 600
}
.live {
border-bottom: .0625rem solid #ccc;
margin-top: 2.5rem
}
.live__header__slug-component::before {
right: 0;
left: 0
}
.live__update {
border-top: .0625rem solid #ccc;
padding: 1.25rem 0
}
.live__eyebrow {
color: #7b7b7b;
font-family: Georgia;
font-size: .75rem;
font-weight: 700;
letter-spacing: 1.45px;
line-height: .8125rem;
text-transform: uppercase;
line-height: .875rem;
margin: 0 0 1.25rem
}
.live__eyebrow span {
margin: 0 0 .6875rem;
padding: 0;
display: inline
}
.live__eyebrow span:not(:last-child) {
border-right: .0625rem solid #7b7b7b;
margin-right: .4375rem;
padding-right: .4375rem
}
.live__content {
overflow: hidden
}
.live__content figure:first-child,
.live__content p:first-child {
margin-top: 0
}
.live__content figure:last-child,
.live__content p:last-child {
margin-bottom: .75rem
}
.live__share {
cursor: pointer
}
@media screen and (max-width:39.9375em) {
.live__eyebrow {
color: #7b7b7b;
font-family: Georgia;
font-size: .6875rem;
font-weight: 700;
letter-spacing: 1.45px;
line-height: .6875rem;
text-transform: uppercase;
line-height: .75rem
}
}
.newsletter-signup__poster {
padding-bottom: 15px
}
.newsletter-signup__container {
min-height: 250px;
background: #000;
display: grid;
flex-wrap: wrap;
justify-content: center;
margin: 0 0 1.5625rem 0;
padding: 1.25rem
}
.card-wrapper:not(.card-wrapper--3) .newsletter-signup__container {
max-width: calc(100% / 3)
}
.newsletter-signup__container input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 31.25rem #e2e8ec inset
}
.newsletter-signup__container input::-webkit-input-placeholder {
color: #ccc
}
.newsletter-signup__container input::-moz-placeholder {
color: #ccc
}
.newsletter-signup__container input::-ms-input-placeholder {
color: #ccc
}
.newsletter-signup__container input::placeholder {
color: #ccc
}
.newsletter-signup__container--advertorial {
background: #000
}
.newsletter-signup__container--post {
display: inline
}
.newsletter-signup__status {
text-transform: uppercase;
color: #fff;
margin: 0 auto;
font-family: centraNo1;
font-weight: 700;
letter-spacing: 1.68px;
font-size: 14px;
line-height: 13px;
margin-bottom: 40px;
margin-top: 30px;
text-align: center
}
@media screen and (max-width:767px) {
.newsletter-signup__status {
margin-bottom: 30px
}
}
.newsletter-signup__copy-title--post {
color: #efea04;
font-size: 18px;
letter-spacing: 0;
line-height: 21px;
font-family: CentraNo1;
width: 300px
}
.newsletter-signup__copy-title--homepage {
color: #000
}
.newsletter-signup__copy-title-newsletter-page-link {
font-family: CentraNo1Book, sans-serif;
font-size: 12px;
color: #777;
text-align: center;
padding-top: 15px;
float: right
}
.newsletter-signup__copy-title-newsletter-page-link:hover {
color: #efea04
}
.newsletter-signup__header--post {
display: flex;
max-height: 80px
}
.newsletter-signup__header--post .newsletter-signup__poster {
max-width: 240px;
width: 100%;
height: auto
}
.newsletter-signup__header--post .newsletter-signup____copy-title--newsletterDeck {
color: #fff!important
}
@media screen and (max-width:767px) {
.newsletter-signup__header--post {
display: block;
max-height: none;
margin-bottom: 0
}
.newsletter-signup__header--post .newsletter-signup__poster {
width: 100%;
height: auto;
display: block;
margin: 0 auto
}
}
@media screen and (max-width:767px) {
.newsletter-signup--post .newsletter-signup__container {
display: block
}
}
.newsletter-signup--post .newsletter-signup__newsletter-page-link {
color: #777!important;
margin: 0 auto;
display: block;
float: none;
padding-top: 10px
}
.newsletter-signup--post .newsletter-signup__copy-title-newsletter-page-link {
color: #777!important;
margin: 0 auto;
display: block;
float: none;
padding-top: 15px
}
.newsletter-signup--post .newsletter-signup__copy-title-newsletter-page-link:hover {
color: #efea04!important
}
.newsletter-signup__copy {
font-family: CentraNo1Book, sans-serif;
text-align: center;
font-size: 1.0625rem;
line-height: 1.125rem;
letter-spacing: .00625rem;
color: #fff;
flex: 0 0 100%;
margin: 0 0 .9375rem 0;
display: grid
}
.newsletter-signup__copy-title--codesign {
font-family: CentraNo1, sans-serif;
color: #ef5b24;
font-weight: 700
}
.newsletter-signup__copy-title--codesign--post {
font-family: CentraNo1, sans-serif;
color: #ef5b24;
font-weight: 700
}
@media screen and (min-width:767px) {
.newsletter-signup__copy-title--codesign--post {
margin-top: 1px;
margin-bottom: -15px;
min-width: 260px;
width: 100%
}
}
.newsletter-signup__copy-title--section {
font-family: CentraNo1, sans-serif;
color: #efea04;
font-weight: 700;
margin-top: -3px;
padding-bottom: 3px
}
.newsletter-signup__copy--post {
flex: 0 0 50%;
margin-top: 10px;
margin-left: 15px
}
.newsletter-signup__input::-webkit-input-placeholder {
text-align: center
}
.newsletter-signup__input::-moz-placeholder {
text-align: center
}
.newsletter-signup__input::-ms-input-placeholder {
text-align: center
}
.newsletter-signup__input::placeholder {
text-align: center
}
.newsletter-signup__input {
color: #5f5f5f;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
background: #fff;
border-radius: 0;
flex: 1;
color: #000;
padding: 0 0 0 .625rem;
margin-right: .625rem;
height: 2.1875rem;
margin-bottom: .9375rem;
text-align: center
}
.fonts-loaded .newsletter-signup__input {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.newsletter-signup__input--post {
width: 448px;
margin: 0 auto;
height: 35px
}
@media screen and (max-width:1166px) and (min-width:415px) {
.newsletter-signup__input--post {
margin-left: 37px;
margin-right: 37px
}
}
@media screen and (max-width:767px) {
.newsletter-signup__input--post {
width: -moz-available;
width: -webkit-fill-available
}
}
.newsletter-signup__input--error::-webkit-input-placeholder {
color: #f03d51
}
.newsletter-signup__input--success::-webkit-input-placeholder {
color: #000
}
.newsletter-signup__input--loading {
background: #e2e8ec;
color: #e2e8ec!important;
display: none
}
.newsletter-signup__coDesignButton {
background-color: #ef5b24!important
}
.newsletter-signup__button:hover {
background-color: #777!important
}
.newsletter-signup__button {
background-color: #6f57a3;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 7px 3px 8px;
text-transform: uppercase;
text-align: center;
height: 27px;
height: 2.5rem;
padding: .6875rem 1.875rem .6875rem 1.875rem;
white-space: nowrap;
position: relative;
font-size: .875rem;
line-height: .8125rem;
letter-spacing: .125rem;
margin: 0 auto;
display: flex;
align-items: center
}
.fonts-loaded .newsletter-signup__button {
font-family: CentraNo1, sans-serif;
line-height: .875rem;
letter-spacing: .1125rem
}
.newsletter-signup__button--loading {
background-color: #fff;
color: #146fb9;
display: none
}
.newsletter-signup__button--post {
width: 7.75rem;
height: 2.5rem;
font-size: .875rem;
border-radius: .25rem;
justify-content: center;
margin-top: 10px
}
.newsletter-signup__button--nl-page {
padding: .0625rem .4375rem .125rem .5rem;
width: 3.375rem
}
.newsletter-signup__checkbox-option {
color: #5f5f5f;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
width: 100%;
display: inline;
margin-top: .9375rem
}
.fonts-loaded .newsletter-signup__checkbox-option {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.newsletter-signup__checkbox-option::after,
.newsletter-signup__checkbox-option::before {
display: table;
content: ' '
}
.newsletter-signup__checkbox-option::after {
clear: both
}
.newsletter-signup__checkbox-container {
float: left
}
.newsletter-signup__newsletter-page-link {
font-family: CentraNo1Book, sans-serif;
font-size: 12px;
color: #777;
text-align: center;
padding-top: 10px;
float: right
}
.newsletter-signup__checkbox-wrapper {
display: inline-block;
height: .8125rem;
margin-right: .3125rem;
position: relative;
width: .8125rem;
vertical-align: middle
}
.newsletter-signup__checkbox {
height: 100%;
left: 0;
position: absolute;
top: -.0625rem;
width: 100%
}
.newsletter-signup__recaptcha {
flex: 0 0 100%;
margin-top: .625rem;
width: 100%
}
.newsletter-signup__recaptcha div>div {
margin: 0 auto
}
@media screen and (max-width:39.9375em) {
form {
margin: -1.25rem -.625rem -1.25rem -.625rem
}
.newsletter-signup__container {
justify-content: center;
margin-bottom: -21px
}
.newsletter-signup--homepage .poster {
display: none
}
.newsletter-signup--post {
width: calc(100% + 20px)
}
.newsletter-signup--post .newsletter-signup__container {
background-color: #000;
margin-bottom: 2.8125rem
}
}
@media only screen and (max-width:39.9375em) and (max-width:320px) {
.newsletter-signup--post .newsletter-signup__container {
padding: 1.125rem 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.newsletter-signup--post input[type=checkbox] {
left: -.9375rem
}
.newsletter-signup--post .newsletter-signup__checkbox-wrapper {
margin: .3125rem .3125rem 0 0;
position: absolute
}
}
@media screen and (max-width:39.9375em) and (orientation:landscape) {
.newsletter-signup--post .newsletter-signup__checkbox-wrapper {
margin-top: .375rem
}
}
@media screen and (max-width:39.9375em) {
.newsletter-signup--post .newsletter-signup__label {
padding-top: .1875rem;
font-size: .8125rem
}
}
@media screen and (max-width:39.9375em) and (orientation:landscape) {
.newsletter-signup--post .newsletter-signup__label {
padding-left: .9375rem
}
}
@media screen and (max-width:39.9375em) {
.newsletter-signup__checkbox-option {
margin-top: 1rem;
text-align: center
}
.newsletter-signup__newsletter-page-link {
float: none;
display: block;
margin: .3125rem auto 0;
text-align: center;
font-size: .8125rem;
line-height: .9375rem
}
}
@media screen and (max-width:39.9375em) and (orientation:landscape) {
.newsletter-signup__newsletter-page-link {
float: right;
margin-top: .125rem
}
}
@media screen and (max-width:39.9375em) {
.newsletter-signup__checkbox-container {
float: none;
display: inline-block;
margin: 0 auto
}
}
@media screen and (max-width:39.9375em) and (orientation:landscape) {
.newsletter-signup__checkbox-container {
float: left
}
}
@media screen and (max-width:39.9375em) {
.newsletter-signup__checkbox-container,
.newsletter-signup__newsletter-page-link {
font-size: 12px!important;
padding-top: 1px
}
}
@media screen and (max-width:39.9375em) and (orientation:landscape) {
.newsletter-signup__checkbox-container,
.newsletter-signup__newsletter-page-link {
display: inline
}
}
@media screen and (max-width:39.9375em) {
.newsletter-signup__copy-title-newsletter-page-link {
float: none;
display: block;
margin: .3125rem auto 0;
text-align: center;
line-height: .9375rem;
font-size: 12px!important;
padding-top: 1px
}
}
@media screen and (max-width:39.9375em) and (orientation:landscape) {
.newsletter-signup__copy-title-newsletter-page-link {
float: right;
margin-top: .125rem;
display: inline
}
}
@media screen and (max-width:39.9375em) {
.newsletter-signup__copy-title--post {
font-family: CentraNo1, sans-serif;
color: #efea04;
font-size: 18px;
letter-spacing: 0;
line-height: 21px;
font-family: CentraNo1;
font-weight: 600;
display: block;
text-align: center
}
.newsletter-signup__copy-title--homepage {
font-family: CentraNo1, sans-serif;
color: #aaa;
font-weight: 600;
font-size: 18px!important
}
.newsletter-signup__copy-title--newsletterDeck {
font-family: CentraNo1Book, sans-serif;
color: #fff;
font-size: 18px!important
}
.newsletter-signup__input {
min-width: 300px
}
.newsletter-signup__button {
padding: .125rem .4375rem .0625rem .5rem;
min-width: 125px;
min-height: 40px;
display: initial
}
.newsletter-signup__button--fastcodesign {
padding-left: .375rem;
padding-right: .3125rem;
width: 4.625rem
}
.newsletter-signup__button--post {
padding-left: .375rem;
padding-right: .3125rem;
width: 4.625rem;
display: block
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.newsletter-signup__button {
display: block;
margin: .75rem auto 0 auto
}
}
@media screen and (min-width:40em) {
.newsletter-signup--homepage {
margin: 0
}
.newsletter-signup--homepage .newsletter-signup__container {
background-color: #000;
margin-bottom: 0
}
.newsletter-signup--homepage .poster {
margin-left: 0;
margin-right: 0;
margin-top: 0;
order: 0;
width: 100%
}
.newsletter-signup--homepage .poster img {
width: 100%
}
.newsletter-signup__copy-title--post {
font-family: CentraNo1, sans-serif;
color: #efea04;
font-size: 18px;
letter-spacing: 0;
line-height: 21px;
font-family: CentraNo1;
display: block
}
.newsletter-signup__copy-title--homepage {
font-family: CentraNo1, sans-serif;
color: #efea04;
font-size: 1.0625rem;
line-height: 1.125rem;
letter-spacing: .00625rem
}
.newsletter-signup__copy-title--newsletterDeck {
color: #fff
}
.newsletter-signup--post .newsletter-signup__label {
font-size: .8125rem;
line-height: .9375rem;
letter-spacing: .01875rem;
margin-top: -.0625rem;
color: #000
}
.newsletter-signup--post .newsletter-signup__container {
padding: .9375rem 1.25rem 1.0625rem 1.25rem
}
.newsletter-signup--post .newsletter-signup__newsletter-page-link {
margin-top: -.0625rem;
color: #000;
font-size: .8125rem;
line-height: .9375rem;
letter-spacing: .01875rem
}
.newsletter-signup--post .newsletter-signup__copy-title-newsletter-page-link {
margin-top: -.0625rem;
color: #000;
font-size: .8125rem;
line-height: .9375rem;
letter-spacing: .01875rem
}
.newsletter-signup__checkbox-option {
margin-top: .8125rem
}
form {
margin-bottom: 0
}
}
@media screen and (orientation:portrait) and (min-width:40em) and (max-width:63.9375em) {
.newsletter-signup__container .poster {
display: none
}
.newsletter-signup__input {
margin-top: .0625rem
}
.newsletter-signup__button {
margin-top: 0
}
.newsletter-signup--post .newsletter-signup__label {
padding-left: 0;
margin-top: -.375rem
}
}
@media screen and (orientation:landscape) and (max-width:39.9375em) {
.newsletter-signup__checkbox-wrapper {
margin: .1875rem .3125rem 0 0;
position: absolute
}
}
@media screen and (orientation:landscape) and (min-width:40em) and (max-width:63.9375em) {
.newsletter-signup__container .poster {
display: none
}
.newsletter-signup__input {
margin-top: .0625rem
}
.newsletter-signup__button {
margin-top: 0
}
}
.message {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem
}
.fonts-loaded .message {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.message svg {
margin-right: .3125rem;
position: relative;
bottom: -.125rem;
width: 16px
}
.visually-hidden {
display: none
}
.signup-widget {
text-align: center;
display: block;
margin-bottom: 1.25rem
}
.signup-widget__email {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
padding: 1.25rem;
margin: 0 auto;
border: .0625rem solid #fff;
transition: min-width .75s, padding-left .75s;
min-width: 17.5rem;
height: 2.5rem!important;
position: relative;
display: block;
text-align: center
}
.fonts-loaded .signup-widget__email {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.signup-widget__email--editable {
border: .0625rem solid #5f5f5f;
min-width: 17.5rem;
padding-left: .3125rem
}
.signup-widget__button {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 7px 3px 8px;
text-transform: uppercase;
text-align: center;
height: 27px;
transition: background .75s;
height: 2.5rem;
padding-top: .0625rem;
margin: 0 auto;
width: 7.375rem;
min-width: 6.25rem;
background-color: #ef5b24;
margin-top: 15px;
border-radius: .25rem
}
.fonts-loaded .signup-widget__button {
font-family: CentraNo1, sans-serif;
line-height: .875rem;
letter-spacing: .1125rem
}
.signup-widget__button--disabled {
background: #e2e8ec;
cursor: default
}
.signup-widget__button--left-space {
margin-left: .625rem
}
.signup-widget__button--no-border {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 700;
letter-spacing: .56px;
line-height: .875rem;
color: #146fb9;
min-width: 9.375rem;
background: #fff;
padding-top: .125rem
}
.fonts-loaded .signup-widget__button--no-border {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: 1.0625rem
}
.signup-widget__message-container {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 1.25rem
}
@media screen and (max-width:39.9375em) {
.signup-widget {
display: block
}
.signup-widget__email {
margin-bottom: .75rem;
min-width: 15.625rem;
padding-bottom: .3125rem;
padding-top: .3125rem
}
.signup-widget__button--no-border {
padding-left: 0;
min-width: 0
}
.signup-widget__button--left-space {
margin-left: 0;
display: block
}
.signup-widget__message-container {
padding-left: 0;
display: block;
margin-top: .5rem
}
}
.newsletter {
flex: 0 0 50%;
max-width: 50%;
padding-right: 0;
padding-left: 0;
padding-top: .3125rem;
margin-bottom: 1.5625rem
}
.newsletter span {
padding-left: .625rem;
margin-right: .625rem
}
.newsletter:nth-of-type(even) {
padding-left: 1.25rem
}
.newsletter:nth-of-type(odd) {
padding-right: 1.25rem
}
.newsletter__name {
color: #000;
font-family: Helvetica;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.125rem;
text-transform: uppercase
}
.fonts-loaded .newsletter__name {
font-family: Grifo, sans-serif;
font-size: 1.8125rem;
line-height: 1.5rem;
letter-spacing: .01875rem
}
.newsletter__desc {
font-family: CentraNo1Book, sans-serif;
font-size: 16px;
letter-spacing: .008em;
line-height: 22px;
text-transform: none;
font-weight: 400;
color: #5f5f5f;
margin-top: .125rem;
margin-bottom: .5625rem
}
.newsletter__option {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
position: relative;
top: 2px;
color: #5f5f5f;
padding-right: .625rem
}
.fonts-loaded .newsletter__option {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.newsletter:last-of-type {
margin-bottom: 2.28125rem
}
@media screen and (max-width:39.9375em) {
.newsletter {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0
}
.newsletter:nth-of-type(even) {
padding-left: 0
}
.newsletter:nth-of-type(odd) {
padding-right: 0
}
.newsletter__option {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
position: relative;
top: 0;
color: #5f5f5f;
padding-right: .625rem
}
.fonts-loaded .newsletter__option {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
}
.newsletter-list-section__label {
color: #000;
font-family: Helvetica;
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 1.83px;
line-height: 1.5625rem;
text-transform: uppercase;
border-top: .0625rem solid #000;
border-bottom: .0625rem solid #e2e8ec;
padding-bottom: 1rem;
padding-top: 1rem;
margin-bottom: 1.375rem;
margin-top: 1.25rem
}
.fonts-loaded .newsletter-list-section__label {
font-family: Beckett, sans-serif;
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 2.3125rem
}
.newsletter-list-section__input-group {
max-width: 80rem;
margin-right: auto;
margin-left: auto;
display: flex;
flex-flow: row wrap;
margin-bottom: 1.25rem
}
@media screen and (max-width:39.9375em) {
.newsletter-list-section__label {
margin-top: .625rem
}
}
.newsletter-form {
flex: 0 0 83.33333%;
max-width: 83.33333%;
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width:40em) {
.newsletter-form {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.newsletter-form__hed {
color: #000;
font-family: Helvetica;
font-size: 2.625rem;
font-weight: 700;
letter-spacing: 0;
line-height: 2.4375rem;
margin-top: 3.4375rem
}
.fonts-loaded .newsletter-form__hed {
font-family: GrifitoM, sans-serif;
letter-spacing: .05937rem;
font-size: 3.375rem;
line-height: 2.75rem
}
.newsletter-form__dek {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.03125rem!important;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem;
font-size: 1.0625rem!important;
margin-top: .3125rem;
max-width: 34.375rem;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 1.25rem;
color: #000
}
.fonts-loaded .newsletter-form__dek {
font-family: CentraNo1Book, sans-serif;
line-height: 1.25rem;
letter-spacing: .01312rem;
font-weight: 300
}
.newsletter-form__groupings {
margin-top: 2.5rem
}
.newsletter-form__button {
color: #5f5f5f;
font-family: Helvetica;
font-size: .4375rem;
font-style: normal;
font-weight: 400;
letter-spacing: .8px;
line-height: .4375rem;
text-transform: uppercase;
color: #000;
border-bottom: .0625rem solid #000;
padding-bottom: .25rem
}
.fonts-loaded .newsletter-form__button {
font-family: FCZizouSans, sans-serif;
font-size: .6875rem;
line-height: .6875rem
}
@media screen and (max-width:39.9375em) {
.newsletter-form {
flex: 0 0 100%;
max-width: 100%;
padding-right: .625rem;
padding-left: .625rem
}
}
@media screen and (max-width:39.9375em) and (min-width:40em) {
.newsletter-form {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (max-width:39.9375em) {
.newsletter-form__hed {
margin-top: .9375rem
}
}
.sticky-submit {
position: fixed;
bottom: 0;
height: 6.25rem;
background: #fff;
left: 0;
right: 0;
z-index: 1;
border: .0625rem solid #e2e8ec;
box-shadow: 0 -.4em 1em #e2e8ec
}
.sticky-submit--static {
position: relative;
border: 0;
box-shadow: none
}
.sticky-submit__button {
background-color: #146fb9;
border-radius: 3px;
color: #fff;
font-family: Helvetica;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 7px 3px 8px;
text-transform: uppercase;
text-align: center;
height: 27px;
min-width: 9.375rem;
transition: background .75s;
height: 1.5625rem;
padding-top: .0625rem;
margin: 0 2.5rem
}
.fonts-loaded .sticky-submit__button {
font-family: CentraNo1, sans-serif;
line-height: .875rem;
letter-spacing: .1125rem
}
.sticky-submit__button-container {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center
}
.sticky-submit__message-container {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 1.25rem;
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (max-width:39.9375em) {
.sticky-submit {
height: auto;
padding: .625rem 0 .625rem;
margin-top: 1.875rem
}
.sticky-submit__button-container {
position: relative;
left: 0;
top: 0;
margin: 0 auto;
-webkit-transform: none;
transform: none
}
.sticky-submit__button {
margin: .9375rem auto;
display: block
}
.sticky-submit__message-container {
position: static;
top: 0;
-webkit-transform: none;
transform: none;
right: 0;
min-height: 1.0625rem;
margin: 0 auto;
text-align: center;
padding: 0
}
}
.ranked-person {
border-bottom: .0625rem solid #ccc;
display: flex;
flex-wrap: wrap;
padding-bottom: 1.25rem;
padding-top: .9375rem
}
.ranked-person img {
display: block;
height: auto;
width: 100%
}
.ranked-person p {
margin: 0;
font-family: MeretPro, sans-serif;
font-size: 1.1875rem;
line-height: 1.75rem
}
.ranked-person p:not(:last-child) {
margin-bottom: 1.1875rem
}
.ranked-person__header {
flex: 0 0 100%;
width: 100%;
margin-bottom: 1.3125rem
}
.ranked-person__header p {
font-weight: 400
}
.ranked-person__link {
font-family: FCZizouSans, sans-serif;
display: block;
font-size: .75rem;
font-weight: 400;
letter-spacing: .05rem;
text-transform: uppercase
}
.ranked-person__link:not(:last-of-type) {
margin-bottom: .1875rem
}
.ranked-person__link:active,
.ranked-person__link:focus,
.ranked-person__link:link,
.ranked-person__link:visited {
color: #000
}
.ranked-person__link:hover {
color: #ef4123
}
.ranked-person__name {
font-family: CentraNo1Book, sans-serif;
font-weight: 400
}
.ranked-person__name strong {
font-family: CentraNo1, sans-serif
}
.ranked-person__title {
font-family: FCZizouSans, sans-serif;
font-size: .875rem;
font-weight: 400;
margin-bottom: .875rem;
text-transform: uppercase
}
.ranked-person__why {
font-family: GrifitoM, sans-serif;
font-weight: 500;
font-size: 2.6875rem;
letter-spacing: .0875rem;
line-height: 2.3125rem;
margin-bottom: .9375rem;
padding-right: 2.5rem
}
.ranked-person__why span {
color: #ef4123
}
.ranked-person__why a {
color: #000
}
.ranked-person__title-container {
position: relative
}
.ranked-person__twitter {
display: block;
position: absolute;
right: 0;
top: .3125rem
}
.ranked-person__art {
margin: 1.0625rem 0 0
}
.ranked-person__art figcaption {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
font-size: .8125rem!important;
margin-top: .375rem
}
.fonts-loaded .ranked-person__art figcaption {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.ranked-person__profiles {
flex: 0 0 107px;
margin-right: 1.25rem;
padding-top: .375rem
}
.ranked-person__profiles-mobile {
display: none;
float: left
}
.ranked-person__profiles.mcp {
margin-right: 1.8125rem
}
.ranked-person__profile {
font-family: CentraNo1, sans-serif;
font-size: .8125rem;
line-height: 1.125rem;
letter-spacing: .1125rem;
border: .0625rem solid #000;
margin: 0;
text-align: center
}
.ranked-person__profile:not(:last-child) {
margin-bottom: .625rem
}
.ranked-person__profile-link {
border-top: .0625rem solid #000;
display: block;
font-size: .875rem;
font-weight: 700;
padding: .375rem 0 .4375rem
}
.ranked-person__profile-link:active,
.ranked-person__profile-link:focus,
.ranked-person__profile-link:link,
.ranked-person__profile-link:visited {
color: #000
}
.ranked-person__profile-link:hover {
color: #ef4123
}
.ranked-person__profile.mcp {
border: 0
}
.ranked-person__profile.mcp:not(:last-child) {
margin-bottom: 2rem
}
.ranked-person__profile.mcp .ranked-person__profile-link {
border: 0;
letter-spacing: .03125rem
}
.ranked-person__content {
font-family: CentraNo1Book, sans-serif;
font-size: 1rem;
letter-spacing: .0125rem;
line-height: 1.375rem;
margin-top: -.125rem
}
.ranked-person__article {
font-family: MeretPro, sans-serif;
display: inline-block;
font-size: 1.1875rem;
line-height: 1.75rem;
margin-top: 0;
font-weight: 400;
text-transform: uppercase
}
.ranked__group:last-child .ranked-person:last-child {
border-bottom: 0
}
@media screen and (min-width:40em) {
.ranked-person__profiles-mobile {
display: none
}
.ranked-person__content {
flex: 0 0 calc(100% - 136px)
}
.ranked-person__title {
font-size: 1rem
}
}
@media screen and (max-width:39.9375em) {
.ranked-person {
padding-bottom: 1.5625rem
}
.ranked-person__art {
position: relative;
left: -.625rem;
width: 100vw
}
.ranked-person__art figcaption {
padding: 0 .625rem
}
.ranked-person__link:last-child {
margin-bottom: 1.25rem
}
.ranked-person__profiles {
display: none
}
.ranked-person__profiles-mobile {
display: block;
width: 107px;
margin-right: 22px
}
.ranked-person__profiles-mobile figure {
margin-bottom: 0
}
.ranked-person__content {
position: relative
}
.ranked-person__content p {
margin-top: -.5rem
}
.ranked-person__content--active {
max-height: none
}
.ranked-person__content--active::before {
display: none
}
}
.ranked-company {
border-bottom: 1px solid #000;
padding: 9px 0 26px
}
.ranked-company b {
font-weight: 700
}
.ranked-company__category {
color: #000;
font-family: Helvetica;
font-size: 1.875rem;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.8125rem;
align-items: center;
color: #4bc0ad;
display: flex;
margin: 0 0 13px
}
.fonts-loaded .ranked-company__category {
font-family: GrifitoM, sans-serif;
font-size: 2.25rem;
line-height: 2.1875rem
}
.ranked-company__category::before {
border: 2px solid #4bc0ad;
border-radius: 50%;
content: '';
display: block;
height: 35px;
margin-right: 10px;
width: 35px
}
.ranked-company__deck {
font-family: CentraNo1, sans-serif;
font-size: 18px;
margin: 0
}
.ranked-company__name {
font-family: CentraNo1, sans-serif;
font-size: 18px;
font-weight: 400;
margin: 0 0 12px
}
.ranked-company__name a:focus,
.ranked-company__name a:hover,
.ranked-company__name a:link,
.ranked-company__name a:visited {
color: #000
}
.ranked-company__image {
display: block;
height: auto;
margin: 0 0 11px;
width: 100%
}
.ranked-company__description {
color: #5f5f5f;
font-family: Georgia;
font-size: 1.03125rem!important;
font-weight: 400;
letter-spacing: .2px;
line-height: 1.3125rem;
color: #000;
margin: 0 0 6px
}
.fonts-loaded .ranked-company__description {
font-family: CentraNo1Book, sans-serif;
line-height: 1.25rem;
letter-spacing: .01312rem;
font-weight: 300
}
.ranked-company__description strong {
font-weight: 700
}
.ranked-company__credit-link {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 700;
letter-spacing: .56px;
line-height: .875rem;
color: #22458f;
cursor: pointer
}
.fonts-loaded .ranked-company__credit-link {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: 1.0625rem
}
.ranked-company__credit {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 300;
letter-spacing: .4px;
line-height: .875rem;
display: none
}
.fonts-loaded .ranked-company__credit {
font-family: CentraNo1Book, sans-serif;
font-size: .8125rem!important;
line-height: 1.0625rem;
letter-spacing: .01875rem
}
.ranked-company__credit strong {
font-weight: 700
}
.ranked-company__credit--active {
display: block
}
.ranked-company__credit--right {
text-align: right
}
@media screen and (min-width:40em) {
.ranked-company__deck--spacer {
padding-top: 2px
}
}
@media screen and (max-width:39.9375em) {
.ranked-company {
padding-top: 6px
}
.ranked-company__deck--spacer {
padding-top: 5px
}
}
.ranked-pagination {
color: #7b7b7b;
max-height: 0;
opacity: 0;
position: fixed;
top: 55vh;
width: 12.4%;
transition: opacity .2s ease-out, max-height .2s step-end, color .2s, ease-in, display .2s ease-in-out, -webkit-filter .2s ease-in;
transition: opacity .2s ease-out, max-height .2s step-end, filter .2s ease-in, color .2s, ease-in, display .2s ease-in-out;
transition: opacity .2s ease-out, max-height .2s step-end, filter .2s ease-in, color .2s, ease-in, display .2s ease-in-out, -webkit-filter .2s ease-in
}
.ranked-pagination--active {
display: block;
max-height: 100%;
opacity: 1;
transition-timing-function: ease-out, step-start
}
.ranked-pagination__btn {
align-items: center;
display: flex;
flex-direction: column;
width: 100%
}
.ranked-pagination__btn::after,
.ranked-pagination__btn::before {
content: '';
height: 1px;
background-color: #ccc;
display: block;
position: absolute;
width: 45px
}
.ranked-pagination__btn:hover {
color: #000
}
.ranked-pagination__btn:hover::before {
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.ranked-pagination__btn--mic:hover {
color: #e00057
}
.ranked-pagination__btn--mcp:hover {
color: #ef4123
}
.ranked-pagination__btn--mcp:hover::after,
.ranked-pagination__btn--mcp:hover::before {
background-color: #ef4123
}
.ranked-pagination__btn--next {
border-top: .0625rem solid #ccc
}
.ranked-pagination__btn--next::before {
order: 2;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
left: 0;
bottom: -15px
}
.ranked-pagination__btn--next::after {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: 0;
bottom: -15px
}
.ranked-pagination__btn--prev::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 0;
top: -15px
}
.ranked-pagination__btn--prev::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 0;
top: -15px
}
.ranked-pagination__name {
font-family: CentraNo1, sans-serif;
display: block;
font-size: .875rem;
font-weight: 700;
letter-spacing: .05rem;
line-height: .875rem;
margin: 10px 0;
text-transform: uppercase
}
.ranked-pagination__name--mic {
font-family: CentraNo1!important
}
@media screen and (min-width:64em) {
.ranked-pagination {
width: 173px
}
.ranked-pagination--mcp {
width: 76px;
margin-left: 50px
}
}
@media screen and (max-height:555px) {
.ranked-pagination {
top: 21.25rem
}
.ranked-pagination--mic {
display: none
}
}
@media screen and (max-height:650px) {
.ranked-pagination--mic {
display: none
}
}
@media screen and (max-width:39.9375em) {
.ranked-pagination--mic {
display: none
}
}
.ranked-mobile-menu {
bottom: 0;
color: #fff;
height: 2.5rem;
display: block;
position: fixed;
width: 100%;
z-index: 10
}
.ranked-mobile-menu a {
color: #fff
}
.ranked-mobile-menu__close {
background: url(https://images.fastcompany.net/image/upload/v1518637792/fcweb/x-mic-2018_njn5wf.svg) no-repeat 0 0;
background-size: contain;
cursor: pointer;
height: 20px;
position: absolute;
right: 1.25rem;
top: 1.25rem;
width: 20px
}
.ranked-mobile-menu__title {
color: #000;
font-family: Helvetica;
font-size: 2.25rem;
font-weight: 700;
line-height: 1;
background-color: #fff;
margin-bottom: 1.625rem;
text-transform: uppercase;
background-image: url(https://images.fastcompany.net/image/upload/v1556566193/fcweb/MobileNavigationBanner_nu8bls.jpg);
background-size: cover;
background-position: left bottom;
height: 120px
}
.fonts-loaded .ranked-mobile-menu__title {
font-family: Beckett, sans-serif;
font-size: 3.3125rem;
letter-spacing: 3.5px;
line-height: 2.9375rem
}
.fonts-loaded .ranked-mobile-menu__title {
font-size: 2.25rem;
letter-spacing: .15625rem;
line-height: 2.0625rem
}
.ranked-mobile-menu__title span {
color: #ef4123
}
.ranked-mobile-menu__title--ibd {
margin-bottom: 0;
padding-bottom: 10px;
text-align: left
}
.ranked-mobile-menu__btn-container {
background: #000;
display: flex;
height: inherit;
position: relative;
width: 100%;
z-index: 1
}
.ranked-mobile-menu__btn {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
align-items: center;
color: #fff;
display: flex;
flex: 1 1 calc(50% - 25px);
font-weight: 700;
justify-content: center;
max-width: calc(50% - 25px);
cursor: pointer
}
.fonts-loaded .ranked-mobile-menu__btn {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.ranked-mobile-menu__btn:not(:last-child) {
border-right: .0625rem solid
}
.ranked-mobile-menu__btn--share {
flex: 0 0 3.125rem;
max-width: 3.125rem;
padding-left: .1875rem
}
.ranked-mobile-menu__btn--share i {
font-size: 1.25rem
}
.ranked-mobile-menu__btn span {
text-transform: lowercase
}
.ranked-mobile-menu__list {
list-style: none;
padding: 0;
margin: 0
}
.ranked-mobile-menu__panel {
background: #fff;
bottom: 2.5rem;
color: #000;
left: 0;
overflow-y: scroll;
position: fixed;
top: 0;
width: 100%;
z-index: 0;
-webkit-overflow-scrolling: touch
}
.ranked-mobile-menu__panel li {
color: #000;
font-family: Helvetica;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1.25px;
line-height: .875rem;
text-transform: uppercase;
font-size: 1rem!important;
font-weight: 700;
padding: 0 1.25rem;
text-transform: none
}
.fonts-loaded .ranked-mobile-menu__panel li {
font-family: CentraNo1Book, sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem
}
.ranked-mobile-menu__panel li:not(:last-child) {
border-bottom: #ccc 1px solid
}
.ranked-mobile-menu__panel li span {
color: #ef4123
}
.ranked-mobile-menu__panel--ibd {
background: #fff;
text-align: center
}
.ranked-mobile-menu__panel--ibd li {
background: #e3e3dd;
border: 1px solid #000;
border-bottom: 0;
margin: 0;
padding: 0
}
.ranked-mobile-menu__panel--ibd li:not(:last-child) {
margin: 0
}
.ranked-mobile-menu__panel--ibd li:last-child {
border-bottom: 1px solid #000
}
.ranked-mobile-menu__panel--ibd a {
display: block;
padding: 12px 0 14px
}
.ranked-mobile-menu__panel--ibd a:focus,
.ranked-mobile-menu__panel--ibd a:hover,
.ranked-mobile-menu__panel--ibd a:link,
.ranked-mobile-menu__panel--ibd a:visited {
color: #000
}
.ranked-mobile-menu__social {
background: #fff;
bottom: 2.5rem;
padding: .625rem 0;
position: absolute;
display: flex;
justify-content: center;
width: 100%;
z-index: 0
}
.ranked-mobile-menu__social .social {
border-top: 0;
display: block;
position: static;
margin-top: 0
}
.ranked-mobile-menu__social .social a {
background-color: #777
}
.ranked-mobile-menu__entry-container {
width: 100%;
padding: 12px 0;
display: flex
}
.ranked-mobile-menu__name {
font-weight: 700;
font-family: CentraNo1;
font-size: 1.125rem;
line-height: .75rem;
color: #000;
margin-bottom: .375rem;
text-transform: uppercase
}
.ranked-mobile-menu__job-title {
font-weight: 300;
font-size: 1rem;
line-height: 1.125rem;
color: #000
}
.ranked-mobile-menu__company {
font-weight: 300;
font-size: 1rem;
line-height: 1.125rem;
color: #000
}
.ranked-mobile-menu__left-column {
width: 55px;
font-family: CentraNo1;
font-weight: 700;
font-size: 1.125rem;
line-height: 1.25rem;
letter-spacing: .0625rem;
color: #ef4123
}
.ranked-mobile-menu__right-column {
max-width: 80%
}
@media screen and (min-width:40em) {
.ranked-mobile-menu {
display: none
}
}
@font-face {
font-family: CentraNo1;
font-style: normal;
font-weight: 4 00;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo1-Bold-Italic-Web/CentraNo1-Bold.woff) format("woff"), url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo1-Bold-Italic-Web/CentraNo1-Bold.eot) format("embedded-opentype")
}
.signup-box {
position: relative;
max-width: 37.5rem;
margin-top: 1.25rem;
background-color: #c4dbed;
display: flex;
flex-direction: column;
height: auto
}
.signup-box .__thank-you {
display: none;
margin-top: .3125rem;
margin-bottom: 1.4375rem;
font-size: .8125rem
}
.signup-box .__box-right {
width: 100%;
font-family: centraNo1Book
}
.signup-box .__box-left {
width: 100%
}
.signup-box .__box-left .__desktop {
width: 300px;
height: auto
}
@media screen and (max-width:39.9375em) {
.signup-box .__box-left .__desktop {
display: none
}
}
.signup-box .__box-left .__mobile {
display: none;
height: 1.875rem;
width: 230px;
margin-top: .625rem
}
@media screen and (max-width:39.9375em) {
.signup-box .__box-left .__mobile {
display: block
}
}
.signup-box .__box-left img {
height: 1.875rem;
width: 230px;
margin-top: .625rem
}
.signup-box .__input-div {
width: 14.375rem;
width: 100%;
display: inline-block;
height: 40px
}
.signup-box .__input-div input:focus::-webkit-input-placeholder {
color: transparent
}
.signup-box .__input-div input:focus:-moz-placeholder {
color: transparent
}
.signup-box .__input-div input:focus::-moz-placeholder {
color: transparent
}
.signup-box .__input-div input:focus:-ms-input-placeholder {
color: transparent
}
.signup-box .__input-div .__email-input {
background-color: #eff5fb;
padding-right: .625rem;
font-family: centraNo1Book;
font-size: .8125rem;
height: 2.5rem;
width: 85%;
padding-top: 6.5px;
padding-bottom: 6.5px;
text-align: center;
padding-left: 6rem;
-webkit-border-radius: 0;
-webkit-appearance: none;
border-radius: 0!important
}
@media screen and (max-width:39.9375em) {
.signup-box .__input-div .__email-input {
text-align: left;
padding-left: .625rem;
width: 80%
}
}
.signup-box .__input-div .__button {
background-color: #eff5fb;
color: #000;
font-family: CentraNo1;
text-decoration: underline;
letter-spacing: .125rem;
font-size: .8125rem;
height: 2.5rem;
width: 15%;
padding-top: .40625rem;
padding-bottom: .40625rem;
padding-right: .625rem
}
@media screen and (max-width:39.9375em) {
.signup-box .__input-div .__button {
width: 20%
}
}
.signup-box .__input-div--error::-webkit-input-placeholder {
color: #eb2399
}
.signup-box .__input-div--error::-moz-placeholder {
color: #eb2399
}
.signup-box .__input-div--error::-ms-input-placeholder {
color: #eb2399
}
.signup-box .__input-div--error::placeholder {
color: #eb2399
}
.signup-box .__dek {
display: block;
font-size: .8125rem;
padding-top: .25rem;
padding-bottom: .5rem
}
.signup-box .__dek .heading {
font-family: CentraNo1
}
.animation--collapsed,
.animation--expanded {
background-color: #545454;
border-radius: 187500rem;
position: absolute;
background-image: url(https://images.fastcompany.net/image/upload/v1571242417/fcweb/FastCoWorks_Expanded_W_Native_Tile_hyv2a8.png);
background-repeat: no-repeat;
background-size: cover;
right: .625rem;
bottom: .625rem;
height: 1.875rem;
transition: width .4s ease-out, height .4s ease-out
}
.animation--collapsed {
width: 1.875rem
}
.animation--expanded {
width: 15rem;
background-position: .0625rem
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.animation--collapsed,
.animation--expanded {
display: none
}
}
@media screen and (max-width:39.9375em) {
.animation--collapsed,
.animation--expanded {
display: none
}
}
.dianomiScriptContainer {
margin-bottom: 30px;
height: 350px;
margin-left: 1.25rem;
margin-right: 1.25rem
}
@media screen and (max-width:747px) {
.dianomiScriptContainer {
margin-left: 0;
margin-right: 0
}
}
@media screen and (max-width:787px) {
.dianomiScriptContainer,
.dianomiScriptContainer>div,
.dianomiScriptContainer>div>iframe {
height: 1080px!important
}
}
@media screen and (max-width:600px) {
.dianomiScriptContainer,
.dianomiScriptContainer>div,
.dianomiScriptContainer>div>iframe {
height: 680px!important
}
}
@media screen and (max-width:350px) {
.dianomiScriptContainer,
.dianomiScriptContainer>div,
.dianomiScriptContainer>div>iframe {
height: 720px!important
}
}
.topBar {
padding-top: 10px;
border-top: 1px solid #ccc;
margin-left: 1.25rem;
margin-right: 1.25rem
}
@media screen and (max-width:747px) {
.topBar {
margin-left: 0;
margin-right: 0
}
}
.privacyPolicyPopup {
background: rgba(0, 0, 0, .8);
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 3.125rem;
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-family: CentraNo1Book, Arial, sans-serif;
font-size: .875rem;
line-height: .875rem;
color: #fff;
z-index: 1000000000;
border: 0
}
.privacyPolicyPopup strong {
font-weight: 700;
font-family: CentraNo1, Arial, sans-serif
}
.privacyPolicyPopup a {
color: #ccc
}
.privacyPolicyPopup .closeButton {
position: absolute;
right: 1.75rem;
cursor: pointer
}
.privacyPolicyPopup .closeButton img {
width: 1rem;
margin: 0;
display: block
}
@media (min-width:25.9375rem) and (max-width:48rem) {
.privacyPolicyPopup {
display: block;
padding: .6875rem
}
.privacyPolicyPopup .closeButton {
position: absolute;
right: .6875rem;
top: .6875rem;
cursor: pointer
}
.privacyPolicyPopup .closeButton img {
width: .75rem
}
}
@media (max-width:25.875rem) {
.privacyPolicyPopup {
height: 7.375rem;
display: block;
padding: .9375rem 2.5rem 1.5625rem;
line-height: 1.25rem
}
.privacyPolicyPopup .popupMessage {
text-align: center;
margin: 0 auto;
width: 15.625rem
}
.privacyPolicyPopup .closeButton {
position: absolute;
right: .9375rem;
top: .9375rem;
cursor: pointer
}
.privacyPolicyPopup .closeButton img {
width: 1.25rem
}
}
.top-50-shuffle {
display: flex;
max-width: 1276px;
margin: -50px auto 170px;
padding: 0 20px 0 90px;
position: relative;
z-index: 11
}
.top-50-shuffle__scroller {
flex: 0 0 73px;
margin-right: 50px;
padding-top: 100px
}
.top-50-shuffle__content {
display: flex;
flex: 1 1 auto;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 87px 0 0;
transition: all 250ms ease-out
}
.top-50-shuffle__shuffler {
font-family: CentraNo1, sans-serif;
width: 73px;
height: 73px;
text-align: center;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.32px;
color: #2b60ac;
text-transform: uppercase;
transition: all 150ms ease-out;
cursor: pointer
}
.top-50-shuffle__shuffler-icon {
border: 3px solid #f58473;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 73px;
height: 73px;
margin-bottom: 5px;
transition: all 150ms ease-out
}
.top-50-shuffle__shuffler path {
transition: all 150ms ease-out
}
.top-50-shuffle__shuffler:hover {
color: #f58473
}
.top-50-shuffle__shuffler:hover .top-50-shuffle__shuffler-icon {
border-color: #2b60ac
}
.top-50-shuffle__shuffler:hover .top-50-shuffle__shuffler-icon path {
fill: #2b60ac
}
.top-50-shuffle__card:not(:last-child) {
margin-bottom: 90px
}
.top-50-shuffle__card--portrait .top-50-shuffle__image-container {
margin-bottom: 15px
}
.top-50-shuffle__card--portrait .top-50-shuffle__digit {
font-size: 100px;
letter-spacing: .2px;
line-height: 61px;
margin-bottom: 8px
}
.top-50-shuffle__card--square .top-50-shuffle__image-container {
margin-bottom: 10px
}
.top-50-shuffle__card--square .top-50-shuffle__digit {
font-size: 54px;
letter-spacing: .11px;
line-height: 42px;
margin-bottom: 4px
}
.top-50-shuffle__card--digit .top-50-shuffle__digit {
font-size: 200px;
letter-spacing: -4px;
line-height: 122px;
margin-bottom: 8px
}
.top-50-shuffle__link {
display: flex;
flex-direction: column;
transition: all 150ms ease-out
}
.top-50-shuffle__link span {
color: #0059a1
}
.top-50-shuffle__link .mic-2020__button {
font-family: CentraNo1Book, sans-serif;
margin-bottom: 12px
}
.top-50-shuffle__link .mic-2020__button span {
font-size: 13px;
font-weight: 400;
letter-spacing: 1.43px;
text-transform: none;
padding: 0 16px
}
.top-50-shuffle__link:hover {
color: #f58473
}
.top-50-shuffle__link:hover .mic-2020__button {
background: #f28575
}
.top-50-shuffle__link:hover .mic-2020__button span {
border-color: #f28575;
color: #f28575;
-webkit-transform: translate(3px, -3px);
transform: translate(3px, -3px)
}
.top-50-shuffle__link:hover span {
color: #f28575
}
.top-50-shuffle__image {
display: block;
height: auto;
width: 100%
}
.top-50-shuffle__digit {
font-family: GrifitoM, sans-serif;
font-weight: 700
}
.top-50-shuffle__title {
font-family: CentraNo1, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 21px;
letter-spacing: 1.76px;
text-transform: uppercase
}
@media screen and (min-width:1480px) {
.top-50-shuffle {
padding: 0 20px
}
.top-50-shuffle__shuffler {
left: -100px
}
}
@media screen and (min-width:40em) {
.top-50-shuffle__column {
flex: 0 0 26.73814%
}
.top-50-shuffle__column--0:nth-child(2) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--0:nth-child(3) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--2:nth-child(2) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--2:nth-child(3) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--5:nth-child(2) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--5:nth-child(3) .top-50-shuffle__card:first-child {
margin-top: 80px
}
.top-50-shuffle__column--1:nth-child(1) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--1:nth-child(2) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--4:nth-child(1) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--4:nth-child(2) .top-50-shuffle__card:first-child {
margin-top: 80px
}
.top-50-shuffle__column--3:nth-child(1) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--3:nth-child(3) .top-50-shuffle__card:first-child {
margin-top: 80px
}
}
@media screen and (max-width:63.9375em) {
.top-50-shuffle__content {
justify-content: space-around
}
.top-50-shuffle__column--0:nth-child(2) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--2:nth-child(2) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--5:nth-child(2) .top-50-shuffle__card:first-child {
margin-top: 80px
}
.top-50-shuffle__column--1:nth-child(1) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--1:nth-child(2) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--4:nth-child(1) .top-50-shuffle__card:first-child,
.top-50-shuffle__column--4:nth-child(2) .top-50-shuffle__card:first-child {
margin-top: 80px
}
.top-50-shuffle__column--3:nth-child(1) .top-50-shuffle__card:first-child {
margin-top: 80px
}
}
@media screen and (max-width:39.9375em) {
.top-50-shuffle {
display: none
}
}
.top-50 {
margin-bottom: 100px;
position: relative
}
.top-50__background {
background-color: #fce4db;
bottom: 0;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: contain;
background-position: calc(100% + 114px) center;
height: 100%;
position: absolute;
width: 100vw;
z-index: -1
}
.top-50__background::before {
background: #fff;
content: '';
position: absolute;
left: 0;
height: 93px;
width: 100%;
z-index: -1
}
.top-50__background::after {
background: #fff;
content: '';
position: absolute;
top: 93px;
right: calc(50% + 509px);
height: 100%;
width: 100%;
z-index: -1
}
.top-50 button {
display: block;
width: 125px;
letter-spacing: 1.5px
}
.top-50 button:first-child {
margin-bottom: 15px
}
.top-50__header {
margin-bottom: 30px
}
.top-50__header h3 {
font-family: GrifitoM, sans-serif;
font-size: 80px;
line-height: 63px;
font-weight: 700;
color: #2b60ac
}
.top-50__container {
display: flex;
max-width: 1188px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 10
}
.top-50__scroll-container {
flex: 0 0 175px;
position: relative;
z-index: 1
}
.top-50__content {
flex: 1 1 auto
}
.top-50__list {
width: calc(100% + 114px);
list-style: none;
margin: 0;
padding: 70px 0 92px 114px;
-webkit-transform: translateX(-114px);
transform: translateX(-114px)
}
.top-50__item {
font-family: CentraNo1, sans-serif;
font-size: 28px;
font-weight: 400;
letter-spacing: 3.08px;
color: #2b60ac;
text-transform: uppercase
}
.top-50__item a {
color: inherit!important
}
.top-50__item:not(:last-child) {
margin-bottom: 49px
}
.top-50__rank {
color: #f58473;
display: inline-block;
font-weight: 700;
letter-spacing: .06px;
width: 40px
}
.top-50__company {
letter-spacing: 3.08px
}
@media screen and (max-width:1180px) {
.top-50__background::after {
right: auto;
left: 0;
width: 80px
}
}
@media screen and (min-width:40em) {
.top-50__item {
position: relative;
padding-right: 320px
}
.top-50__item::before {
background: url(https://assets.fastcompany.com/image/upload/v1583284416/arrow-with-line.svg) no-repeat top right;
content: '';
position: absolute;
top: 50%;
left: 150px;
height: 11px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
transition: all 150ms ease-out
}
.top-50__item:hover::before {
width: calc(100% - 470px)
}
.top-50__item:hover .top-50__description {
opacity: 1
}
.top-50__company {
font-family: CentraNo1Book, sans-serif;
background: #fce4db;
padding-right: 10px;
position: relative;
z-index: 1
}
.top-50__description {
font-family: CentraNo1, sans-serif;
font-size: 16px;
line-height: 21px;
letter-spacing: 1.76px;
color: #0059a1;
text-transform: uppercase;
max-width: 300px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
opacity: 0;
transition: all 150ms ease-out
}
}
@media screen and (max-width:39.9375em) {
.top-50 {
background: #fce4db;
margin: 0;
padding: 50px 20px 50px 20px
}
.top-50__background {
display: none
}
.top-50__container {
padding: 0
}
.top-50__scroll-container {
display: none
}
.top-50__content {
flex: 1 1 auto
}
.top-50__list {
width: 100%;
margin: 0;
padding: 0;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.top-50__item {
font-size: 21px
}
.top-50__item:not(:last-child) {
margin-bottom: 25px
}
.top-50__rank {
display: inline-block;
letter-spacing: .04px;
width: 30px
}
.top-50__company {
letter-spacing: 2.31px
}
.top-50__description {
font-family: CentraNo1Book, sans-serif;
display: block;
font-size: 14px;
letter-spacing: 1.54px;
margin-left: 38px
}
}
.sectors-list {
max-width: 1140px;
margin: 0 auto;
padding-bottom: 100px;
position: relative;
z-index: 10;
width: 100%
}
.sectors-list__header {
margin-bottom: 10px
}
.sectors-list h3 {
font-family: GrifitoM, sans-serif;
font-size: 80px;
line-height: 63px;
font-weight: 700;
color: #0059a1
}
.sectors-list__sector {
align-items: center;
background: url(https://images.fastcompany.com/image/upload/v1580952136/sector-icon.svg) 0 50% no-repeat;
background-size: 32px auto;
border-bottom: 1px solid #e4e4e4;
display: flex;
height: 50px;
padding-left: 44px
}
.sectors-list__sector a {
font-family: CentraNo1, sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: 1.54px;
color: #0059a1;
text-transform: uppercase
}
.sectors-list__sector a:hover {
color: #f58473
}
@media screen and (min-width:64em) {
.sectors-list__sector {
flex: 0 0 31%
}
}
@media screen and (min-width:40em) {
.sectors-list {
padding-left: 20px
}
.sectors-list__container {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
}
@media screen and (max-width:63.9375em) {
.sectors-list {
padding: 0 20px
}
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
.sectors-list__sector {
flex: 0 0 48%
}
}
@media screen and (max-width:39.9375em) {
.sectors-list {
margin: 0;
padding: 50px 20px
}
.sectors-list+.sectors-list {
padding-top: 0
}
.sectors-list__container {
display: block
}
}
.mic-mobile-menu {
bottom: 0;
border-top: .125rem solid;
color: #0059a1;
height: 2.5rem;
display: block;
position: fixed;
width: 100%;
z-index: 10
}
.mic-mobile-menu__item {
font-family: CentraNo1, sans-serif;
align-items: center;
color: #0059a1;
display: flex;
flex: 1 1 calc(50% - 25px);
font-size: 16px;
font-weight: 700;
letter-spacing: 1.76px;
justify-content: center;
max-width: calc(50% - 25px)
}
.mic-mobile-menu__item:not(:last-child) {
border-right: .125rem solid
}
.mic-mobile-menu__item-container {
background: #fff;
display: flex;
height: inherit;
position: relative;
width: 100%;
z-index: 1
}
.mic-mobile-menu__item--share {
background: url(https://images.fastcompany.com/image/upload/v1583286789/fc-share-icon-2B60AC.svg) no-repeat center center;
flex: 0 0 3.125rem;
max-width: 3.125rem
}
.mic-mobile-menu__item a {
align-items: center;
color: #0059a1;
display: flex;
height: 100%;
justify-content: center;
width: 100%
}
.mic-mobile-menu__item i {
color: #0059a1
}
.mic-mobile-menu__item span {
text-transform: lowercase
}
.mic-mobile-menu__social {
background: #fff;
bottom: 2.5rem;
display: none;
padding: .625rem 0;
position: absolute;
width: 100%;
z-index: 0
}
.mic-mobile-menu__social--active {
display: flex;
justify-content: center
}
.mic-mobile-menu__social .social {
border-top: 0;
display: block;
position: static
}
@media screen and (min-width:40em) {
.mic-mobile-menu {
display: none
}
}
.accordion_gallery {
border: 1px solid #ccc;
padding: 20px 30px 0;
margin-bottom: 40px;
margin-top: 30px
}
.accordion_gallery header {
padding-right: 60px;
position: relative;
margin-bottom: 10px
}
.accordion_gallery header h3 {
font-family: CentraNo1, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 22px;
text-transform: uppercase
}
.accordion_gallery header .description {
margin-top: -7px
}
.accordion_gallery header p {
font-family: MeretPro, sans-serif;
font-size: 19px;
line-height: 28px;
letter-spacing: .28px
}
.accordion_gallery header .toggle {
height: 25px;
position: absolute;
top: 0;
right: -15px;
width: 75px
}
.accordion_gallery header .toggle::after,
.accordion_gallery header .toggle::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-top: -2px/2;
margin-left: -25px/2;
display: block;
height: 2px;
width: 25px;
background-color: #777;
transition: all 350ms ease-out
}
.accordion_gallery header .toggle::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.accordion_gallery header .toggle::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.accordion_gallery header .toggle--active::before {
-webkit-transform: rotate(0);
transform: rotate(0)
}
.accordion_gallery header .toggle--active::after {
-webkit-transform: rotate(0);
transform: rotate(0)
}
.accordion_gallery .layout {
display: flex;
margin: 0;
padding: 0;
padding-bottom: 10px;
list-style: none
}
.accordion_gallery .layout .view {
background: #ccc;
border: 1px solid #ccc;
box-shadow: inset 3px 3px 0 #fff, inset -3px -3px #fff;
height: 20px;
width: 20px;
margin-right: 15px;
cursor: pointer
}
.accordion_gallery .layout .grid {
position: relative
}
.accordion_gallery .layout .grid::after,
.accordion_gallery .layout .grid::before {
content: '';
background: #fff;
position: absolute;
top: 50%;
left: 0;
height: 2px;
width: 100%;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
margin: initial
}
.accordion_gallery .layout .grid::after {
-webkit-transform: translateY(-1px) rotate(90deg);
transform: translateY(-1px) rotate(90deg)
}
.accordion_gallery .layout .active {
background: #5f5f5f;
border-color: #5f5f5f
}
.accordion_gallery .layout .single::after,
.accordion_gallery .layout .single::before {
content: ''
}
.accordion_gallery .layout .single:hover {
background: #5f5f5f;
border-color: #5f5f5f
}
.accordion_gallery .gallery_wrapper--inactive {
height: 100px;
overflow: hidden
}
.accordion_gallery .gallery_container {
padding-bottom: 20px
}
.accordion_gallery .gallery_container img {
max-width: 100%;
height: auto;
display: block
}
.accordion_gallery .gallery_container--grid {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px
}
.accordion_gallery .gallery_container--grid .item {
margin-bottom: 10px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid
}
.accordion_gallery .gallery_container--single .item {
margin-bottom: 20px;
width: 100%
}
.accordion_gallery .gallery_container .item__director,
.accordion_gallery .gallery_container .item__title {
font-size: 13px;
line-height: 16px;
margin: 0;
text-align: center
}
.accordion_gallery .gallery_container .item__title {
font-family: CentraNo1, sans-serif;
font-weight: 700;
margin-bottom: 5px
}
.accordion_gallery .gallery_container .item__director {
font-family: CentraNo1Book, sans-serif
}
.accordion_overlay {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, .9);
z-index: 20
}
.accordion_overlay img {
max-width: 100%;
height: auto;
display: block
}
.accordion_overlay .close {
cursor: pointer;
width: 35px;
height: 35px;
position: absolute;
top: 25px;
right: 25px
}
.accordion_overlay .close::after,
.accordion_overlay .close::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-top: -2px/2;
margin-left: -35px/2;
display: block;
height: 2px;
width: 35px;
background-color: #fff
}
.accordion_overlay .close::before {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg)
}
.accordion_overlay .close::after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.accordion_overlay .container {
color: #fff;
justify-content: space-between;
display: flex;
max-width: 1053px;
margin: 0 auto;
padding: 20px;
width: 100%
}
.accordion_overlay .image {
flex: 0 0 447px
}
.accordion_overlay .content {
flex: 0 0 526px
}
.accordion_overlay h3 {
font-family: CentraNo1, sans-serif;
font-size: 19px;
line-height: 24px;
letter-spacing: .38px;
text-transform: uppercase
}
.accordion_overlay .credit,
.accordion_overlay .director {
font-family: CentraNo1Book, sans-serif;
font-size: 19px;
line-height: 24px;
letter-spacing: .38px
}
.accordion_overlay .details {
font-family: MeretPro, sans-serif;
font-size: 18px;
line-height: 29px;
letter-spacing: .27px
}
.accordion_overlay .details a {
color: #ef5b24
}
@media screen and (min-width:64em) {
.accordion_gallery .gallery_container .item {
position: relative
}
.accordion_gallery .gallery_container .item:hover .item__overlay {
opacity: 1
}
.accordion_gallery .gallery_container .item__overlay {
align-items: center;
background: rgba(0, 0, 0, .9);
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
padding: 10px;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .2s ease-out
}
}
@media screen and (max-width:63.9375em) {
.accordion_gallery .gallery_container--grid {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.accordion_gallery .gallery_container .item {
margin-bottom: 20px
}
.accordion_gallery .gallery_container img {
margin-bottom: 10px
}
.accordion_overlay {
display: block;
overflow-y: auto
}
.accordion_overlay .container {
display: block;
padding: 40px 10px 20px
}
.accordion_overlay img {
max-height: 40vh;
margin-bottom: 20px
}
}
aside.article-recirc-by-tag {
width: 11.75rem;
position: absolute;
left: -6.625rem
}
aside.article-recirc-by-tag .header {
position: relative;
border-top: #ccc .0625rem solid;
margin-top: .9375rem;
padding-top: .9375rem
}
aside.article-recirc-by-tag .header .arrow {
width: .5625rem;
line-height: .375rem;
margin-bottom: .1875rem
}
aside.article-recirc-by-tag .header .arrow img {
width: 100%
}
aside.article-recirc-by-tag .header .package-name {
font-family: CentraNo1, sans-serif;
font-size: .875rem;
line-height: 1rem;
letter-spacing: .0875rem;
text-transform: uppercase;
color: #000
}
aside.article-recirc-by-tag .header a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
aside.article-recirc-by-tag .articles .article {
padding: 6px 0;
border-bottom: #ccc 1px solid
}
aside.article-recirc-by-tag .articles .article a {
font-family: CentraNo1Book, sans-serif;
font-size: 13px;
line-height: 14px;
color: #777
}
aside.article-recirc-by-tag .articles .article a:hover {
color: #ef5b24
}
.video-megatron {
max-width: 80rem;
padding: 0 20px;
margin: 0 auto 75px
}
@media (max-width:414px) {
.video-megatron {
margin: 0 auto 20px
}
}
.video-megatron .video-player-wrapper {
position: relative
}
.video-megatron .video-player-wrapper .video-player {
position: relative;
width: 100%;
height: calc(100% * .56)
}
.video-megatron .video-player-wrapper .video-player .jw-display-icon-container,
.video-megatron .video-player-wrapper .video-player .jw-title {
display: none
}
.video-megatron .video-player-wrapper .video-player .jw-wrapper {
z-index: 1
}
.video-megatron .video-player-wrapper .video-player .video-overlay {
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.video-megatron .video-player-wrapper .video-player .video-overlay.hide {
display: none
}
.video-megatron .video-player-wrapper .video-player .video-overlay.show_false {
display: none
}
.video-megatron .video-player-wrapper .video-player .video-overlay.show_true {
display: relative
}
.video-megatron .video-player-wrapper .video-player .video-overlay .play-button {
cursor: pointer
}
@media (max-width:414px) {
.video-megatron .video-player-wrapper .video-player .video-overlay .play-button img {
width: 54px
}
}
.video-megatron .video-player-wrapper .video-info {
position: absolute;
background: rgba(0, 0, 0, .8);
width: 100%;
height: calc(26% + 20px);
bottom: 0;
color: #fff;
padding: 0 44px;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 2
}
.video-megatron .video-player-wrapper .video-info.hide {
display: none
}
.video-megatron .video-player-wrapper .video-info.show_false {
display: none
}
.video-megatron .video-player-wrapper .video-info.show_true {
display: relative
}
@media (max-width:414px) {
.video-megatron .video-player-wrapper .video-info {
position: relative;
padding: 21px 0 0 0;
background: 0 0;
height: auto
}
}
.video-megatron .video-player-wrapper .video-info.show {
display: relative
}
.video-megatron .video-player-wrapper .video-info .video-eyebrow {
font-family: CentraNo1, sans-serif;
font-size: 13px;
line-height: 13px;
letter-spacing: 1.82px;
text-transform: uppercase;
margin-bottom: 8px
}
@media (max-width:414px) {
.video-megatron .video-player-wrapper .video-info .video-eyebrow {
color: #5f5f5f;
letter-spacing: 1.52px
}
}
.video-megatron .video-player-wrapper .video-info .video-hed {
font-family: GrifitoM, sans-serif;
font-size: 54px;
line-height: 44px;
letter-spacing: 1.08px
}
@media (max-width:414px) {
.video-megatron .video-player-wrapper .video-info .video-hed {
color: #000;
font-size: 31px;
line-height: 26px;
letter-spacing: .62px
}
}
.video-megatron .video-player-wrapper .video-info .video-dek {
font-family: CentraNo1Book, sans-serif;
font-size: 16.5px;
line-height: 20px;
letter-spacing: .28px;
margin-top: 8px
}
@media (max-width:414px) {
.video-megatron .video-player-wrapper .video-info .video-dek {
display: none
}
}
.video-megatron .videos {
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 36px;
-moz-column-gap: 36px;
column-gap: 36px;
margin-top: 34px
}
@media (max-width:414px) {
.video-megatron .videos {
grid-template-columns: repeat(3, 42%);
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
overflow-x: auto;
overflow-y: hidden;
margin-top: 20px
}
}
.video-megatron .videos article {
width: 100%;
position: relative;
cursor: pointer
}
@media (max-width:414px) {
.video-megatron .videos article:not(: first-child)::before {
content: '';
position: absolute;
width: 1px;
height: 100%;
left: -10px;
background: #ccc
}
}
.video-megatron .videos article .video-thumb {
width: 100%;
position: relative
}
.video-megatron .videos article .video-thumb .icon {
display: none
}
.video-megatron .videos article .video-thumb img {
width: 100%;
display: block
}
.video-megatron .videos article .video-caption {
margin-top: 16px;
text-align: center
}
@media (max-width:414px) {
.video-megatron .videos article .video-caption {
margin-top: 14px
}
}
.video-megatron .videos article .video-caption span {
font-family: CentraNo1, sans-serif;
font-size: 12px;
line-height: 13px;
letter-spacing: 1.4px;
text-transform: uppercase;
color: #868686;
margin-bottom: 6px;
display: block
}
@media (max-width:414px) {
.video-megatron .videos article .video-caption span {
display: none
}
}
.video-megatron .videos article .video-caption h2 {
font-family: GrifitoM, sans-serif;
font-size: 31px;
line-height: 26px;
letter-spacing: .58px
}
@media (max-width:414px) {
.video-megatron .videos article .video-caption h2 {
font-family: CentraNo1, sans-serif;
font-size: 16px;
line-height: 17px;
letter-spacing: .32px;
text-align: left
}
}
.video-megatron .videos article::after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #ccc;
position: absolute;
bottom: -25px
}
@media (max-width:414px) {
.video-megatron .videos article::after {
content: none
}
}
.video-megatron .videos article:hover::after {
height: 5px;
background-color: #868686;
bottom: -29px
}
.video-megatron .videos article.active::after {
height: 5px;
background-color: #868686;
bottom: -29px
}
.video-megatron .videos article.active .video-thumb {
display: flex;
justify-content: center;
align-items: center;
position: relative
}
.video-megatron .videos article.active .video-thumb .icon {
position: absolute;
display: block;
width: 54px
}
@media (max-width:414px) {
.video-megatron .videos article.active .video-thumb::after {
content: 'Now Playing';
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .8);
color: #fff;
font-family: CentraNo1Book, sans-serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .84px
}
}
.fceb_article_disclaimer {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 78px;
border-bottom: 1px solid #ccc;
margin-bottom: 60px;
margin-top: -27px;
padding: 0 2.5rem
}
@media (max-width:639px) {
.fceb_article_disclaimer {
height: 116px;
padding: 0 10px;
margin-bottom: 20px;
margin-top: 0
}
}
.fceb_article_disclaimer--container {
display: flex;
align-items: center;
flex: 0 0 100%
}
.fceb_article_disclaimer--logo {
width: 295px
}
@media (max-width:639px) {
.fceb_article_disclaimer--logo {
width: 90px
}
}
.fceb_article_disclaimer--logo img {
width: 100%
}
.fceb_article_disclaimer--copy {
font-family: CentraNo1Book;
font-size: 12px;
line-height: 15px;
color: #5f5f5f;
margin-left: 30px;
max-width: 795px;
flex: 1 0 0
}
@media (max-width:639px) {
.fceb_article_disclaimer--copy {
margin-left: 15px
}
}
.fceb_article_whats_this {
display: flex;
justify-content: center;
position: relative;
margin: 14px 0 0 0
}
@media (max-width:639px) {
.fceb_article_whats_this {
margin: 0 0 14px 0
}
}
.fceb_article_whats_this--label {
font-family: CentraNo1Book;
font-size: 13px;
line-height: 20px;
color: #ef5b24;
cursor: pointer
}
.fceb_article_whats_this--popup {
display: flex;
flex-direction: column;
align-items: center;
max-width: 240px;
padding: 15px;
background: #fff;
z-index: 10;
position: absolute;
top: 26px;
border: 1px solid #ccc;
box-shadow: rgba(0, 0, 0, .29) 0 3px 6px
}
.fceb_article_whats_this--text {
font-family: CentraNo1Book;
font-size: 12px;
line-height: 17px;
letter-spacing: .12px;
color: #000;
text-align: left
}
.fceb_article_whats_this--logo {
margin-bottom: 10px;
width: 100%;
text-align: left
}
.fceb_article_whats_this--logo img {
width: 198px
}
.fceb_article_whats_this--pointer {
width: 10px;
height: 10px;
background: #fff;
position: absolute;
top: -6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-left: #ccc 1px solid;
border-top: #ccc 1px solid
}
.fceb_channel_header {
display: flex;
flex-direction: column;
align-items: center;
margin: 36px 0 40px 0
}
@media (max-width:639px) {
.fceb_channel_header {
flex-direction: row;
padding: 0 10px;
margin: 20px 0
}
}
.fceb_channel_header img {
margin-bottom: 15px;
width: 297px
}
@media (max-width:639px) {
.fceb_channel_header img {
margin-bottom: 0;
width: 90px
}
}
.fceb_channel_header .text {
font-family: CentraNo1, sans-serif;
font-size: .75rem;
line-height: 1.35;
letter-spacing: .0875rem;
color: #777;
max-width: 750px;
text-align: center;
text-transform: uppercase
}
@media (max-width:639px) {
.fceb_channel_header .text {
font-family: CentraNo1Book, sans-serif;
text-transform: none;
text-align: left;
font-size: 12px;
line-height: 15px;
letter-spacing: 0;
margin-left: 15px
}
}
.displayToggle {
display: flex;
position: absolute;
justify-content: center;
align-items: center;
right: 20px;
background: #000;
color: #fff;
width: 24px;
text-align: center;
border-radius: 20px;
font-family: sans-serif;
cursor: pointer
}
#InlineDebugger {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #cecece;
border-radius: 10px;
box-shadow: #26394d 0 20px 30px -10px;
max-width: 80vw;
max-height: 56vh;
padding: 22px;
z-index: 999999;
overflow: scroll
}
#InlineDebugger.collapsed {
max-width: 0;
max-height: 0;
overflow: hidden
}
#InlineDebugger.collapsed .displayToggle {
width: 100%;
height: 100%;
top: 0;
right: 0;
background: #cecece;
color: #000
}
#InlineDebugger.InlineDebugger-portal {
height: 100vh;
width: 100vw;
position: absolute;
max-width: 100%;
margin: 0;
top: 0;
left: 0;
max-height: inherit;
border-radius: 0;
padding: 0 20px
}
.tableDataContainer {
border: 1px solid;
overflow: scroll;
padding: 8px;
margin-bottom: 15px;
margin-right: 25px
}
.tableDataContainer:last-child {
margin-bottom: 0
}
.tableDataName {
font-family: CentraNo1, sans-serif;
font-size: 12px;
line-height: 12px;
font-weight: 700
}
.debugHistory {
max-height: 150px;
overflow: hidden;
overflow-y: scroll
}
.debugButton {
box-shadow: rgba(0, 0, 0, .15) 0 2px 8px;
height: 40px;
width: 150px;
margin: 20px;
display: inline-block
}
.fc-swiper-slideshow .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.fc-swiper-slideshow .swiper-container-no-flexbox .swiper-slide {
float: left
}
.fc-swiper-slideshow .swiper-container-vertical>.swiper-wrapper {
flex-direction: column
}
.fc-swiper-slideshow .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box
}
.fc-swiper-slideshow .swiper-container-android .swiper-slide,
.fc-swiper-slideshow .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fc-swiper-slideshow .swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap
}
.fc-swiper-slideshow .swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.fc-swiper-slideshow .swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.fc-swiper-slideshow .swiper-invisible-blank-slide {
visibility: hidden
}
.fc-swiper-slideshow .swiper-container-autoheight,
.fc-swiper-slideshow .swiper-container-autoheight .swiper-slide {
height: auto
}
.fc-swiper-slideshow .swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.fc-swiper-slideshow .swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.fc-swiper-slideshow .swiper-container-3d .swiper-cube-shadow,
.fc-swiper-slideshow .swiper-container-3d .swiper-slide,
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-bottom,
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-left,
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-right,
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-top,
.fc-swiper-slideshow .swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-bottom,
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-left,
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-right,
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.fc-swiper-slideshow .swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.fc-swiper-slideshow .swiper-container-wp8-horizontal,
.fc-swiper-slideshow .swiper-container-wp8-horizontal>.swiper-wrapper {
touch-action: pan-y
}
.fc-swiper-slideshow .swiper-container-wp8-vertical,
.fc-swiper-slideshow .swiper-container-wp8-vertical>.swiper-wrapper {
touch-action: pan-x
}
.fc-swiper-slideshow .swiper-button-next,
.fc-swiper-slideshow .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.fc-swiper-slideshow .swiper-button-next.swiper-button-disabled,
.fc-swiper-slideshow .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.fc-swiper-slideshow .swiper-button-prev,
.fc-swiper-slideshow .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.fc-swiper-slideshow .swiper-button-next,
.fc-swiper-slideshow .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.fc-swiper-slideshow .swiper-button-prev.swiper-button-white,
.fc-swiper-slideshow .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.fc-swiper-slideshow .swiper-button-next.swiper-button-white,
.fc-swiper-slideshow .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.fc-swiper-slideshow .swiper-button-prev.swiper-button-black,
.fc-swiper-slideshow .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.fc-swiper-slideshow .swiper-button-next.swiper-button-black,
.fc-swiper-slideshow .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.fc-swiper-slideshow .swiper-button-lock {
display: none
}
.fc-swiper-slideshow .swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.fc-swiper-slideshow .swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.fc-swiper-slideshow .swiper-container-horizontal>.swiper-pagination-bullets,
.fc-swiper-slideshow .swiper-pagination-custom,
.fc-swiper-slideshow .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.fc-swiper-slideshow .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.fc-swiper-slideshow .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
transform: scale(.33);
position: relative
}
.fc-swiper-slideshow .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1)
}
.fc-swiper-slideshow .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1)
}
.fc-swiper-slideshow .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.fc-swiper-slideshow .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.fc-swiper-slideshow .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
transform: scale(.66)
}
.fc-swiper-slideshow .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
transform: scale(.33)
}
.fc-swiper-slideshow .swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
.fc-swiper-slideshow button.swiper-pagination-bullet {
border: 0;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.fc-swiper-slideshow .swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.fc-swiper-slideshow .swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.fc-swiper-slideshow .swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.fc-swiper-slideshow .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.fc-swiper-slideshow .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.fc-swiper-slideshow .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s top, .2s -webkit-transform;
transition: .2s transform, .2s top;
transition: .2s transform, .2s top, .2s -webkit-transform
}
.fc-swiper-slideshow .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.fc-swiper-slideshow .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.fc-swiper-slideshow .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s left, .2s -webkit-transform;
transition: .2s transform, .2s left;
transition: .2s transform, .2s left, .2s -webkit-transform
}
.fc-swiper-slideshow .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s right, .2s -webkit-transform;
transition: .2s transform, .2s right;
transition: .2s transform, .2s right, .2s -webkit-transform
}
.fc-swiper-slideshow .swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.fc-swiper-slideshow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top
}
.fc-swiper-slideshow .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top
}
.fc-swiper-slideshow .swiper-container-horizontal>.swiper-pagination-progressbar,
.fc-swiper-slideshow .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.fc-swiper-slideshow .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.fc-swiper-slideshow .swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.fc-swiper-slideshow .swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.fc-swiper-slideshow .swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, .25)
}
.fc-swiper-slideshow .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.fc-swiper-slideshow .swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.fc-swiper-slideshow .swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, .25)
}
.fc-swiper-slideshow .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.fc-swiper-slideshow .swiper-pagination-lock {
display: none
}
.fc-swiper-slideshow .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.fc-swiper-slideshow .swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.fc-swiper-slideshow .swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.fc-swiper-slideshow .swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.fc-swiper-slideshow .swiper-scrollbar-cursor-drag {
cursor: move
}
.fc-swiper-slideshow .swiper-scrollbar-lock {
display: none
}
.fc-swiper-slideshow .swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.fc-swiper-slideshow .swiper-zoom-container>canvas,
.fc-swiper-slideshow .swiper-zoom-container>img,
.fc-swiper-slideshow .swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.fc-swiper-slideshow .swiper-slide-zoomed {
cursor: move
}
.fc-swiper-slideshow .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.fc-swiper-slideshow .swiper-lazy-preloader::after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.fc-swiper-slideshow .swiper-lazy-preloader-white::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.fc-swiper-slideshow .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.fc-swiper-slideshow .swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.fc-swiper-slideshow .swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.fc-swiper-slideshow .swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.fc-swiper-slideshow .swiper-container-fade .swiper-slide-active,
.fc-swiper-slideshow .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.fc-swiper-slideshow .swiper-container-cube {
overflow: visible
}
.fc-swiper-slideshow .swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.fc-swiper-slideshow .swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.fc-swiper-slideshow .swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-active,
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-active,
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-next,
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-next+.swiper-slide,
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-shadow-bottom,
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-shadow-left,
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-shadow-right,
.fc-swiper-slideshow .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fc-swiper-slideshow .swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.fc-swiper-slideshow .swiper-container-flip {
overflow: visible
}
.fc-swiper-slideshow .swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.fc-swiper-slideshow .swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.fc-swiper-slideshow .swiper-container-flip .swiper-slide-active,
.fc-swiper-slideshow .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.fc-swiper-slideshow .swiper-container-flip .swiper-slide-shadow-bottom,
.fc-swiper-slideshow .swiper-container-flip .swiper-slide-shadow-left,
.fc-swiper-slideshow .swiper-container-flip .swiper-slide-shadow-right,
.fc-swiper-slideshow .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fc-swiper-slideshow .swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
.fc-swiper-slideshow {
display: block;
width: 100%;
position: relative
}
@media screen and (min-width:40em) {
.finite-scroll-experience>.post--default {
margin-left: 103px
}
}
@media screen and (max-width:39.9375em) {
.finite-scroll-experience>.post--default {
padding: 0
}
}
.finite-scroll__header {
font: bold 18px/20px CentraNo1;
margin-bottom: 10px
}
@media screen and (max-width:39.9375em) {
.finite-scroll__header {
padding: 0 .625rem
}
}
.finite-scroll__top-stories {
display: relative;
left: 25px
}
.finite-scroll__top-stories .articles article {
display: grid;
grid-template-columns: 120px 140px 300px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
padding: 15px 0
}
@media screen and (max-width:39.9375em) {
.finite-scroll__top-stories .articles article {
grid-template-columns: 1fr;
row-gap: 20px;
padding: 15px .625rem
}
}
.finite-scroll__top-stories .articles article .rank {
font: normal 125px/78px GrifoS;
color: #f4f4f4;
position: relative;
right: 7px;
letter-spacing: -7px
}
@media screen and (max-width:39.9375em) {
.finite-scroll__top-stories .articles article .image {
display: none
}
}
.finite-scroll__top-stories .articles article .image img {
width: 100%;
display: block;
margin-bottom: 0
}
.finite-scroll__top-stories .articles article .hed a {
font: bold 16px/20px CentraNo1;
color: #000
}
.finite-scroll__top-stories .articles article:not(:first-of-type) {
border-top: 1px solid #dbdbdb
}
.finite-scroll__newsletter {
margin-top: 25px;
margin-bottom: 25px;
display: grid;
grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
grid-template-columns: max-content 1fr max-content;
gap: 10px 20px;
padding: 20px;
background: #f4f4f4;
min-height: 80px;
align-items: center
}
@media screen and (max-width:39.9375em) {
.finite-scroll__newsletter {
grid-template-columns: 1fr
}
}
.finite-scroll__newsletter .label {
font: bold 16px/17px CentraNo1;
color: #000
}
@media screen and (max-width:39.9375em) {
.finite-scroll__newsletter .label {
text-align: center
}
}
.finite-scroll__newsletter .label span {
display: block;
color: #777
}
@media screen and (max-width:39.9375em) {
.finite-scroll__newsletter .label span {
display: inline
}
}
.finite-scroll__newsletter input[type=email] {
width: 100%;
height: 37px;
padding: 10px;
font: bold 12px/13px CentraNo2;
color: #000;
display: flex;
align-items: center;
background: #fff
}
.finite-scroll__newsletter input[type=email]::-webkit-input-placeholder {
color: #000;
opacity: 1
}
.finite-scroll__newsletter input[type=email]::-moz-placeholder {
color: #000;
opacity: 1
}
.finite-scroll__newsletter input[type=email]::-ms-input-placeholder {
color: #000;
opacity: 1
}
.finite-scroll__newsletter input[type=email]::placeholder {
color: #000;
opacity: 1
}
.finite-scroll__newsletter button {
font: bold 11px/11px CentraNo2;
letter-spacing: 1.32px;
text-transform: uppercase;
color: #ef5b24
}
.finite-scroll__newsletter .message {
grid-column: 2/2
}
.finite-scroll__newsletter .message.success {
color: green
}
.finite-scroll__newsletter .message.fail {
color: red
}
.finite-scroll__recommended-articles {
display: relative;
left: 25px
}
.finite-scroll__recommended-articles .articles article {
display: grid;
grid-template-columns: 140px 1fr;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
padding: 15px 0
}
@media screen and (max-width:39.9375em) {
.finite-scroll__recommended-articles .articles article {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
padding: 15px .625rem
}
}
.finite-scroll__recommended-articles .articles article .image img {
width: 100%;
display: block;
margin-bottom: 0
}
.finite-scroll__recommended-articles .articles article .hed a {
font: bold 16px/20px CentraNo1;
color: #000
}
.finite-scroll__recommended-articles .articles article:not(:first-of-type) {
border-top: 1px solid #dbdbdb
}
.finite-scroll__related-stories {
display: relative;
left: 25px;
padding-top: 25px;
border-top: 1px solid #dbdbdb
}
.finite-scroll__related-stories .cnx-ui-ps-image-wrapper.cnx-ui-ps-image-background {
display: none
}
.finite-scroll__related-stories #cnx {
margin-bottom: 0
}
@media screen and (max-width:39.9375em) {
.finite-scroll__related-stories #cnxinnerpostit {
flex-direction: column
}
.finite-scroll__related-stories #cnxinnerpostit a {
font: bold 16px/20px CentraNo1!important
}
}
.finite-scroll__related-stories #cnxinnerpostit #cnxNewButton {
display: flex!important;
width: 112px!important;
height: 27px!important;
align-items: center!important;
justify-content: center!important
}
.finite-scroll__related-stories #cnxinnerpostit #cnxNewButton #rMore {
font-family: CentraNo1!important;
font-size: 14px;
letter-spacing: 1.8px;
margin-top: 0!important;
margin-bottom: 0!important;
margin-left: 0!important;
margin-right: 0!important
}
@media screen and (max-width:63.9375em) {
.finite-scroll__related-stories {
margin-bottom: -5px
}
}
.finite-scroll__related-stories .cnx-playspace-footer {
border: none!important
}
.post__sidebar.sticky .ad-wrapper.ad-wrapper--flexibleportrait {
position: -webkit-sticky;
position: sticky;
top: 110px
}
.bottomBanner-wrapper {
position: fixed;
bottom: -4px;
width: 100%;
z-index: 999999;
left: 0;
display: none
}
@media only screen and (min-width:960px) {
.bottomBanner-wrapper {
display: block
}
}
.bottomBanner-wrapper .close-btn {
position: absolute;
top: 3px;
right: 3px;
margin: 0;
padding: 0;
text-decoration: none;
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
text-shadow: none;
border: 0
}
.bwi-2020 {
max-width: 1280px;
padding: 0 25px;
margin: 0 auto
}
@media (max-width:699px) {
.bwi-2020 {
padding: 0
}
}
.bwi-2020 .social-buttons {
display: inline-block;
float: left;
position: -webkit-sticky;
position: sticky;
top: 1.875rem;
padding-top: 50px;
margin-right: 20px;
z-index: 3
}
@media (max-width:699px) {
.bwi-2020 .social-buttons {
display: none
}
.bwi-2020 .social-buttons .social__list {
display: flex
}
.bwi-2020 .social-buttons .social__list .social__item:not(:last-child) {
border-right: 1px solid #ccc;
margin-right: 1.25rem;
padding-right: 1.25rem
}
.bwi-2020 .social-buttons .social__list .social__item {
margin-bottom: 0
}
}
.bwi-2020 .social-buttons .social__link {
background-color: #777
}
@media (max-width:699px) {
.bwi-2020 .social-buttons .social__link {
background-color: #000
}
}
@media (max-width:699px) {
.bwi-2020 .social-buttons.active {
display: flex;
float: none;
position: fixed;
top: 0
}
.bwi-2020 .social-buttons.active .social.social--post.social--active {
position: fixed;
margin: 0;
padding: 5px 10px;
bottom: 45px;
width: 100vw;
display: flex;
justify-content: center;
background: #fff
}
}
@media (max-width:699px) {
.bwi-2020 header.header-image {
padding: 40px 10px 30px
}
}
.bwi-2020 header.header-image .desktop {
display: none
}
@media (min-width:700px) {
.bwi-2020 header.header-image .desktop {
display: block
}
}
.bwi-2020 header.header-image .mobile {
display: none
}
@media (max-width:699px) {
.bwi-2020 header.header-image .mobile {
display: block
}
}
.bwi-2020 header.header-image img {
width: 100%
}
.bwi-2020 section.intro {
max-width: 810px;
margin: 70px auto 70px auto
}
@media (max-width:1024px) {
.bwi-2020 section.intro {
width: 100%;
padding: 0 0 0 50px
}
}
@media (max-width:699px) {
.bwi-2020 section.intro {
margin: 0;
padding: 0 10px
}
}
.bwi-2020 section.intro a {
text-decoration: underline
}
.bwi-2020 section.intro img {
width: 75px;
float: left;
margin-right: 30px;
padding-top: 7px
}
@media (max-width:699px) {
.bwi-2020 section.intro img {
margin-right: 15px
}
}
.bwi-2020 section.intro span {
font-family: MeretPro, sans-serif;
font-size: 25px;
line-height: 35px;
color: #f15a22
}
@media (max-width:699px) {
.bwi-2020 section.intro span {
font-family: MeretPro, sans-serif;
font-size: 19px;
line-height: 28px
}
}
.bwi-2020 section.intro span p:first-of-type {
margin-top: 0
}
.bwi-2020 section.intro span p:last-of-type {
margin-bottom: 0
}
.bwi-2020 section.intro span p a {
transition: color 150ms
}
.bwi-2020 section.intro span p a:hover {
color: #0072bc
}
.bwi-2020 section.list-container {
width: 1020px;
margin: 0 auto;
clear: both
}
@media (max-width:1070px) {
.bwi-2020 section.list-container {
width: 100%;
padding: 0 0 0 50px
}
}
@media (max-width:699px) {
.bwi-2020 section.list-container {
margin-top: 40px;
width: 100vw;
padding: 0
}
}
.bwi-2020 section.list-container section.mobile-list-header {
display: none;
background: #f7f7f7
}
@media (max-width:699px) {
.bwi-2020 section.list-container section.mobile-list-header {
display: flex;
flex-direction: column;
align-items: center
}
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-filters {
padding: 15px 0 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-filters::after {
content: '▼';
display: inline;
position: relative;
left: -18px;
color: #ccc;
font-size: 13px
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-filters span {
font: bold 13px/13px CentraNo1;
letter-spacing: 1.3px;
text-transform: uppercase;
padding-right: 9px
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-filters select {
border: #ccc 1px solid;
border-radius: 3px;
width: 160px;
height: 30px;
font: bold 13px/13px CentraNo1;
letter-spacing: 1.3px;
display: inline-flex;
padding: 0 6px;
align-items: center;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company {
display: grid;
width: calc(100vw - 20px);
padding: 25px 0 40px;
margin: 0 auto
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .rank {
grid-area: rank;
font: bold 25px/25px CentraNo1;
color: #0072bc
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .recognition {
grid-area: recognition;
font: bold 15px/20px CentraNo1;
text-transform: uppercase;
letter-spacing: 1.65px;
color: #0072bc
}
@media (max-width:699px) {
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .recognition {
font: bold 15px/20px CentraNo1
}
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .award {
grid-area: award;
font: bold 15px/20px CentraNo1;
text-transform: uppercase;
letter-spacing: 1.65px;
color: #000
}
@media (max-width:699px) {
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .award {
font: bold 15px/20px CentraNo1;
color: #0072bc
}
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .company {
grid-area: company;
font: bold 15px/20px CentraNo1;
text-transform: uppercase;
letter-spacing: 1.65px;
color: #000
}
@media (max-width:699px) {
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .company {
font: bold 15px/20px CentraNo1;
color: #0072bc
}
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .location {
grid-area: location;
font: normal 15px/25px CentraNo1Book;
color: #000
}
@media (max-width:699px) {
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .location {
font: bold 15px/20px CentraNo1Book;
color: #0072bc
}
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .industry {
grid-area: industry;
font: normal 15px/25px CentraNo1Book;
color: #000
}
@media (max-width:699px) {
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .industry {
font: normal 15px/20px CentraNo1Book;
color: #0072bc
}
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .content {
grid-area: content;
margin-top: 16px;
display: none;
grid-template-columns: auto;
grid-template-areas: 'copy'
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .content .copy {
grid-area: copy
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .content .copy a:last-of-type {
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
width: 115px;
height: 26px;
background: #0072bc;
color: #fff;
font: bold 14px/14px CentraNo1;
letter-spacing: 1.8px;
text-transform: uppercase;
margin-top: 24px
}
@media (min-width:700px) {
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company .content .copy a:last-of-type:hover {
background: #000
}
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-1 {
grid-template-columns: 70px auto 36px;
grid-template-areas: 'rank award .' 'rank company .' 'rank location .' 'rank industry .' 'rank content .'
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-1 .content {
display: block;
margin-top: 0
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-1 .content .copy .text {
display: none
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-1 .content .copy a:last-of-type {
margin-top: 10px
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-1 .content .image {
display: none
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-2 {
grid-template-columns: auto;
grid-template-areas: 'award' 'company' 'location' 'industry' 'content'
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-2 .content {
display: block;
margin-top: 0
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-2 .content .copy .text {
display: none
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-2 .content .copy a:last-of-type {
margin-top: 10px
}
.bwi-2020 section.list-container section.mobile-list-header .mobile-top-company.panel-2 .content .image {
display: none
}
.bwi-2020 section.list-container nav.tabs {
display: grid;
grid-template-columns: repeat(2, 50%)
}
@media (max-width:699px) {
.bwi-2020 section.list-container nav.tabs {
grid-template-columns: calc((100vw - 60px)/ 2) calc((100vw - 60px)/ 2) 60px;
height: 45px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
background: #fff;
z-index: 3;
border-top: #0072bc 1px solid
}
}
.bwi-2020 section.list-container nav.tabs .mobile-share {
display: none
}
@media (max-width:699px) {
.bwi-2020 section.list-container nav.tabs .mobile-share {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 45px;
border-left: #0072bc 1px solid
}
.bwi-2020 section.list-container nav.tabs .mobile-share img {
width: 30px
}
}
.bwi-2020 section.list-container nav.tabs .tab {
height: 200px;
padding: 21px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
cursor: pointer
}
@media (min-width:700px) {
.bwi-2020 section.list-container nav.tabs .tab:hover .tab-content .company-info .award,
.bwi-2020 section.list-container nav.tabs .tab:hover .tab-content .company-info .company,
.bwi-2020 section.list-container nav.tabs .tab:hover .tab-content .company-info .location {
color: #0072bc
}
}
@media (max-width:699px) {
.bwi-2020 section.list-container nav.tabs .tab {
width: 100%;
padding: 9px
}
}
.bwi-2020 section.list-container nav.tabs .tab .tab-title {
font: bold 13px/26px CentraNo1;
letter-spacing: 1.3px;
color: #0072bc;
text-transform: uppercase;
display: block
}
@media (max-width:699px) {
.bwi-2020 section.list-container nav.tabs .tab .tab-title {
display: none
}
}
.bwi-2020 section.list-container nav.tabs .tab .tab-title-mobile {
font: bold 13px/26px CentraNo1;
letter-spacing: 1.3px;
color: #0072bc;
text-transform: uppercase;
display: none
}
@media (max-width:699px) {
.bwi-2020 section.list-container nav.tabs .tab .tab-title-mobile {
display: block
}
}
.bwi-2020 section.list-container nav.tabs .tab .tab-content {
margin-top: 19px;
display: grid;
grid-template-columns: repeat(2, auto);
grid-column-gap: 50px
}
@media (max-width:699px) {
.bwi-2020 section.list-container nav.tabs .tab .tab-content {
display: none
}
}
.bwi-2020 section.list-container nav.tabs .tab .tab-content .company-info {
display: flex;
flex-direction: column;
justify-content: center
}
.bwi-2020 section.list-container nav.tabs .tab .tab-content .company-info .award {
font: normal 15px/20px CentraNo1Book;
color: #000
}
.bwi-2020 section.list-container nav.tabs .tab .tab-content .company-info .company {
font: bold 15px/20px CentraNo1;
letter-spacing: 1.65px;
text-transform: uppercase;
color: #000;
margin: 6px 0
}
.bwi-2020 section.list-container nav.tabs .tab .tab-content .company-info .location {
font: normal 15px/20px CentraNo1Book;
color: #000
}
.bwi-2020 section.list-container nav.tabs .tab .tab-content .illo img {
width: 100%
}
.bwi-2020 section.list-container nav.tabs .tab.active {
background: #f7f7f7
}
.bwi-2020 section.list-container nav.tabs .tab.inactive {
background: #fff
}
.bwi-2020 section.list-container nav.tabs .tab.inactive .tab-title-mobile {
color: #ccc
}
.bwi-2020 section.list-container .list {
padding: 44px 0 0 0;
margin: 0 0 80px 0;
background: #f7f7f7
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list {
padding: 0
}
}
.bwi-2020 section.list-container .list.panel-1 .list-row.filters {
grid-template-columns: 95px 385px 220px 225px 35px
}
@media (min-width:700px) and (max-width:1069px) {
.bwi-2020 section.list-container .list.panel-1 .list-row.filters {
grid-template-columns: 12% 27.6% 27.6% 27.6% 5%
}
}
.bwi-2020 section.list-container .list.panel-1 .list-row .list-row-container {
grid-template-columns: 95px 385px 220px 225px 35px;
grid-template-areas: 'rank company location industry icon' 'content content content content content'
}
@media (min-width:700px) and (max-width:1069px) {
.bwi-2020 section.list-container .list.panel-1 .list-row .list-row-container {
grid-template-columns: 12% 27.6% 27.6% 27.6% 5%
}
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list.panel-1 .list-row .list-row-container {
grid-template-columns: 70px auto 36px;
grid-template-areas: 'rank company icon' 'rank location icon' 'rank industry icon' 'content content content'
}
}
.bwi-2020 section.list-container .list.panel-1 .list-row .list-row-container .company {
position: relative;
top: 1px
}
.bwi-2020 section.list-container .list.panel-1 .list-row .list-row-container .industry,
.bwi-2020 section.list-container .list.panel-1 .list-row .list-row-container .location {
position: relative;
bottom: 1px
}
.bwi-2020 section.list-container .list.panel-1 .list-row .list-row-container .content {
grid-template-columns: 95px 400px 18px 380px 67px
}
@media (min-width:700px) and (max-width:1069px) {
.bwi-2020 section.list-container .list.panel-1 .list-row .list-row-container .content {
grid-template-columns: 12% 40.15% 2.5% 40.15% 5%
}
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list.panel-1 .list-row .list-row-container .content {
grid-template-columns: auto
}
}
.bwi-2020 section.list-container .list.panel-2 .list-row.filters {
grid-template-columns: 170px 310px 220px 225px 35px
}
@media (min-width:700px) and (max-width:1069px) {
.bwi-2020 section.list-container .list.panel-2 .list-row.filters {
grid-template-columns: 24.2% 23.6% 23.6% 23.6% 5%
}
}
.bwi-2020 section.list-container .list.panel-2 .list-row .list-row-container {
grid-template-columns: 170px 310px 220px 225px 35px;
grid-template-areas: 'recognition company location industry industry' 'content content content content content'
}
@media (min-width:700px) and (max-width:1069px) {
.bwi-2020 section.list-container .list.panel-2 .list-row .list-row-container {
grid-template-columns: 24.2% 23.6% 23.6% 23.6% 5%
}
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list.panel-2 .list-row .list-row-container {
grid-template-columns: auto 36px;
grid-template-areas: 'recognition recognition' 'company company' 'location location' 'industry industry' 'content content'
}
}
.bwi-2020 section.list-container .list.panel-2 .list-row .list-row-container .industry,
.bwi-2020 section.list-container .list.panel-2 .list-row .list-row-container .location {
position: relative;
bottom: 1px
}
.bwi-2020 section.list-container .list.panel-2 .list-row .list-row-container .content {
grid-template-columns: 170px 325px 18px 380px 67px
}
@media (min-width:700px) and (max-width:1069px) {
.bwi-2020 section.list-container .list.panel-2 .list-row .list-row-container .content {
grid-template-columns: 24.2% 34.15% 2.5% 34.15% 5%
}
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list.panel-2 .list-row .list-row-container .content {
grid-template-columns: auto
}
}
.bwi-2020 section.list-container .list .list-row {
padding: 0 30px
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row {
padding: 0 10px
}
}
.bwi-2020 section.list-container .list .list-row.open {
background: #fff
}
.bwi-2020 section.list-container .list .list-row.open.open-by-default {
background: #f7f7f7
}
.bwi-2020 section.list-container .list .list-row.open .list-row-container .rank,
.bwi-2020 section.list-container .list .list-row.open .list-row-container .recognition {
color: #0072bc
}
.bwi-2020 section.list-container .list .list-row.open .list-row-container .company {
color: #f15a22
}
.bwi-2020 section.list-container .list .list-row.open .list-row-container .location {
color: #0f7049
}
.bwi-2020 section.list-container .list .list-row.open .list-row-container .industry {
color: #0f7049
}
.bwi-2020 section.list-container .list .list-row.open .list-row-container .icon img {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-filter: invert(39%) sepia(98%) saturate(5224%) hue-rotate(187deg) brightness(90%) contrast(102%);
filter: invert(39%) sepia(98%) saturate(5224%) hue-rotate(187deg) brightness(90%) contrast(102%)
}
.bwi-2020 section.list-container .list .list-row.open .list-row-container .content {
display: grid
}
.bwi-2020 section.list-container .list .list-row.open .list-row-container,
.bwi-2020 section.list-container .list .list-row.open+.list-row .list-row-container {
border-top: initial;
padding-top: 31px
}
.bwi-2020 section.list-container .list .list-row.open-by-default {
background: #f7f7f7
}
.bwi-2020 section.list-container .list .list-row.open-by-default .list-row-container .content {
display: grid
}
.bwi-2020 section.list-container .list .list-row:not(.filters) {
cursor: pointer
}
@media (min-width:700px) {
.bwi-2020 section.list-container .list .list-row:not(.filters):hover {
background: #fff
}
.bwi-2020 section.list-container .list .list-row:not(.filters):hover .list-row-container .rank,
.bwi-2020 section.list-container .list .list-row:not(.filters):hover .list-row-container .recognition {
color: #0072bc
}
.bwi-2020 section.list-container .list .list-row:not(.filters):hover .list-row-container .company {
color: #f15a22
}
.bwi-2020 section.list-container .list .list-row:not(.filters):hover .list-row-container .location {
color: #0f7049
}
.bwi-2020 section.list-container .list .list-row:not(.filters):hover .list-row-container .industry {
color: #0f7049
}
.bwi-2020 section.list-container .list .list-row:not(.filters):hover .list-row-container .icon img {
-webkit-filter: invert(39%) sepia(98%) saturate(5224%) hue-rotate(187deg) brightness(90%) contrast(102%);
filter: invert(39%) sepia(98%) saturate(5224%) hue-rotate(187deg) brightness(90%) contrast(102%)
}
.bwi-2020 section.list-container .list .list-row:not(.filters):hover .list-row-container,
.bwi-2020 section.list-container .list .list-row:not(.filters):hover+.list-row .list-row-container {
border-top: initial;
padding-top: 31px
}
}
.bwi-2020 section.list-container .list .list-row.filters {
display: grid;
min-height: auto;
height: auto;
padding: 0 30px 12px 30px;
border-top: initial
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row.filters {
display: none
}
}
.bwi-2020 section.list-container .list .list-row.filters .filter {
display: flex;
align-items: center;
font: bold 13px/13px CentraNo1;
text-transform: uppercase;
letter-spacing: 1.3px;
color: #ccc;
cursor: pointer;
padding-right: 10px
}
.bwi-2020 section.list-container .list .list-row.filters .filter:last-of-type {
padding-right: 0
}
.bwi-2020 section.list-container .list .list-row.filters .filter span {
display: block;
margin-left: 8px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #ccc
}
.bwi-2020 section.list-container .list .list-row.filters .filter.active.asc span {
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
.bwi-2020 section.list-container .list .list-row.filters .filter.active.desc span {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.bwi-2020 section.list-container .list .list-row.filters .rank.active,
.bwi-2020 section.list-container .list .list-row.filters .rank:hover,
.bwi-2020 section.list-container .list .list-row.filters .recognition.active,
.bwi-2020 section.list-container .list .list-row.filters .recognition:hover {
color: #0072bc
}
.bwi-2020 section.list-container .list .list-row.filters .rank.active span,
.bwi-2020 section.list-container .list .list-row.filters .rank:hover span,
.bwi-2020 section.list-container .list .list-row.filters .recognition.active span,
.bwi-2020 section.list-container .list .list-row.filters .recognition:hover span {
border-top: 8px solid #0072bc
}
.bwi-2020 section.list-container .list .list-row.filters .company.active,
.bwi-2020 section.list-container .list .list-row.filters .company:hover {
color: #f15a22
}
.bwi-2020 section.list-container .list .list-row.filters .company.active span,
.bwi-2020 section.list-container .list .list-row.filters .company:hover span {
border-top: 8px solid #f15a22
}
.bwi-2020 section.list-container .list .list-row.filters .location.active,
.bwi-2020 section.list-container .list .list-row.filters .location:hover {
color: #0f7049
}
.bwi-2020 section.list-container .list .list-row.filters .location.active span,
.bwi-2020 section.list-container .list .list-row.filters .location:hover span {
border-top: 8px solid #0f7049
}
.bwi-2020 section.list-container .list .list-row.filters .industry.active,
.bwi-2020 section.list-container .list .list-row.filters .industry:hover {
color: #0f7049
}
.bwi-2020 section.list-container .list .list-row.filters .industry.active span,
.bwi-2020 section.list-container .list .list-row.filters .industry:hover span {
border-top: 8px solid #0f7049
}
.bwi-2020 section.list-container .list .list-row .list-row-container {
display: grid;
padding: 30px 0 23px 0;
border-top: #ccc 1px solid
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row .list-row-container {
padding: 35px 0
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column {
padding-right: 10px
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column:last-of-type {
padding-right: 0
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column.rank {
grid-area: rank;
font: bold 25px/25px CentraNo1;
color: #0072bc
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column.recognition {
grid-area: recognition;
font: bold 15px/20px CentraNo1;
text-transform: uppercase;
letter-spacing: 1.65px;
color: #0072bc
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row .list-row-container .column.recognition {
font: bold 15px/20px CentraNo1
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column.award {
grid-area: award;
font: bold 15px/20px CentraNo1;
text-transform: uppercase;
letter-spacing: 1.65px;
color: #000
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row .list-row-container .column.award {
font: bold 15px/20px CentraNo1
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column.company {
grid-area: company;
font: bold 15px/20px CentraNo1;
text-transform: uppercase;
letter-spacing: 1.65px;
color: #000
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row .list-row-container .column.company {
font: bold 15px/20px CentraNo1
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column.location {
grid-area: location;
font: normal 15px/18px CentraNo1Book;
color: #000
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row .list-row-container .column.location {
font: bold 15px/20px CentraNo1Book
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column.industry {
grid-area: industry;
font: normal 15px/18px CentraNo1Book;
color: #000
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row .list-row-container .column.industry {
font: normal 15px/20px CentraNo1Book
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column.icon {
grid-area: icon;
position: relative;
top: -4px
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row .list-row-container .column.icon {
top: 3px
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .column.icon img {
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
width: 100%
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content {
grid-area: content;
margin-top: 16px;
display: none
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content.has-image {
grid-template-areas: '. copy . image .'
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row .list-row-container .content.has-image {
grid-template-areas: 'image' 'copy'
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content.no-image {
grid-template-areas: '. copy copy copy .'
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content .copy {
grid-area: copy
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content .copy .text {
font-family: MeretPro, sans-serif;
font-size: 19px;
line-height: 28px;
color: #0f7049
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content .copy .text p {
margin: .75em 0 0 0
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content .copy .text p:first-of-type {
margin: 0
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content .copy .readmore-button {
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
width: 115px;
height: 26px;
background: #0072bc;
color: #fff;
font: bold 14px/14px CentraNo1;
letter-spacing: 1.8px;
text-transform: uppercase;
margin-top: 24px
}
@media (min-width:700px) {
.bwi-2020 section.list-container .list .list-row .list-row-container .content .copy .readmore-button:hover {
background: #000
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content .image {
grid-area: image
}
@media (max-width:699px) {
.bwi-2020 section.list-container .list .list-row .list-row-container .content .image {
margin: 5px 0
}
}
.bwi-2020 section.list-container .list .list-row .list-row-container .content .image img {
width: 100%
}
.ibd-list-article .post__main {
flex: 0 0 100%;
max-width: 100%;
margin-left: 0
}
.ibd-list-article .post__main .post__container {
width: 100%
}
.ibd-list-article .post__main .post__container .post__content {
flex: 0 0 100%;
max-width: 100%
}
@media (min-width:415px) {
.ibd-list-article .post__main .post__container .post__content .panel-header {
padding-top: 0;
margin-top: 0;
width: 100%;
top: 95px
}
.ibd-list-article .post__main .post__container .post__content .panel-header::before {
content: '';
width: 100%;
height: 95px;
display: flex;
position: absolute;
top: -95px;
background: #fff
}
}
@media (max-width:699px) {
.mic-2021 {
padding: 0
}
}
.mic-2021__back-to-top {
-webkit-mask: url(https://images.fastcompany.net/multisite_files/fastcompany/mic2021/back-to-top-btn-v2.svg) no-repeat 0 0;
mask: url(https://images.fastcompany.net/multisite_files/fastcompany/mic2021/back-to-top-btn-v2.svg) no-repeat 0 0;
bottom: -97px;
cursor: pointer;
height: 97px;
opacity: 0;
position: fixed;
right: 11px;
width: 90px;
z-index: 11;
transition: all .2s ease-out;
background: #ccc
}
@media screen and (min-width:1280px) {
.mic-2021__back-to-top {
right: 50%;
margin-right: -630px
}
}
.mic-2021__back-to-top--active {
bottom: 62px;
opacity: 1
}
@media (max-width:1024px) {
.mic-2021__back-to-top--active {
display: none
}
}
.mic-2021__back-to-top:hover {
background: #777
}
.mic-2021 .social-buttons-container {
max-width: 1240px;
margin: 0 auto;
position: -webkit-sticky;
position: sticky;
top: 1.875rem;
z-index: 3
}
.mic-2021 .social-buttons {
max-width: 1240px;
display: inline-block;
float: left;
position: -webkit-sticky;
position: sticky;
padding: 0 0 0 25px;
z-index: 3;
height: 610px
}
@media (max-width:1024px) {
.mic-2021 .social-buttons {
left: 0;
top: 0
}
}
@media (max-width:914px) {
.mic-2021 .social-buttons {
height: 910px
}
}
@media (min-width:700px) {
.mic-2021 .social-buttons .social__item:not(: last-child) {
margin-bottom: 7.5px
}
}
@media (max-width:699px) {
.mic-2021 .social-buttons {
display: none
}
.mic-2021 .social-buttons .social__list {
display: contents
}
.mic-2021 .social-buttons .social__list .social__item:not(:last-child) {
border-right: 1px solid #ccc;
margin-right: 1.25rem;
padding-right: 1.25rem
}
.mic-2021 .social-buttons .social__list .social__item {
margin-bottom: 0
}
}
.mic-2021 .social-buttons .social__link {
background-color: #777
}
@media (max-width:699px) {
.mic-2021 .social-buttons .social__link {
background-color: #000
}
}
@media (max-width:699px) {
.mic-2021 .social-buttons.active {
float: none;
top: 0;
display: flex;
position: fixed!important;
left: unset!important;
background: #fff;
bottom: 46px;
width: 100vw;
margin-top: 0;
margin-bottom: 12px;
padding: 0 0;
justify-content: center;
height: 30px
}
.mic-2021 .social-buttons.active .social.social--active {
position: fixed;
margin: 0;
padding: 5px 10px;
bottom: 45px;
width: 100vw;
display: flex;
justify-content: center;
background: #fff
}
}
.mic-2021 header.header-image {
background: #000;
margin-top: -109px;
padding-top: 109px
}
@media (max-width:768px) {
.mic-2021 header.header-image {
padding: 80px 10px 30px;
background: #000;
border: #000 1px solid
}
.mic-2021 header.header-image .header-container {
display: none
}
}
@media (min-width:768px) {
.mic-2021 header.header-image .header-container {
display: none
}
.mic-2021 header.header-image .header-container-static {
display: block;
background: #000
}
.mic-2021 header.header-image .header-container-static .icon-container {
width: 100%
}
.mic-2021 header.header-image .header-container-static .icon-text {
display: none
}
}
@media (min-width:1024px) {
.mic-2021 header.header-image .header-container {
display: block;
max-width: 1248px;
min-height: 600px;
margin: 0 auto 0 auto
}
.mic-2021 header.header-image .header-container-static {
display: none
}
}
.mic-2021 header.header-image .section-image {
width: 105px;
height: 105px;
margin: 5px
}
.mic-2021 header.header-image .section-image-hover {
width: 115px;
height: 115px;
margin: 0
}
.mic-2021 header.header-image .mobile-icon-container {
margin-top: 30px;
padding: 10px 65px 0 65px;
position: relative;
margin-bottom: -30px;
left: 0;
top: 0
}
.mic-2021 header.header-image .mobile-icon-img {
margin-bottom: 17px;
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
left: 0;
height: 210px
}
.mic-2021 header.header-image .mobile-icon-platform-img {
max-width: 232px;
max-height: 232px;
display: block;
margin-left: auto;
margin-right: auto;
position: absolute;
z-index: -1
}
.mic-2021 header.header-image .section-link {
flex-direction: column;
vertical-align: middle;
justify-content: center;
align-items: center;
position: relative;
display: inline-block
}
.mic-2021 header.header-image .section-text {
font-size: 12px;
text-align: center;
color: #fff;
font-family: CentraNo2, sans-serif;
font-weight: 700;
position: absolute;
z-index: 999;
margin: 102px auto;
left: 0;
right: 0
}
.mic-2021 header.header-image .section-image-div {
display: inline-block;
margin: 0 8px 0 0;
width: 115px;
height: 115px
}
.mic-2021 header.header-image .left-float {
float: left;
max-height: 232px;
width: 473px;
margin-left: 14px
}
.mic-2021 header.header-image .header-text {
font-size: 60px;
color: #fff;
font-family: CentraNo2, sans-serif;
font-weight: 700
}
@media (max-width:699px) {
.mic-2021 header.header-image .header-text {
font-size: 40px
}
}
.mic-2021 header.header-image .desktop {
display: none
}
@media (min-width:700px) {
.mic-2021 header.header-image .desktop {
display: block
}
}
.mic-2021 header.header-image .mobile {
display: none
}
@media (max-width:699px) {
.mic-2021 header.header-image .mobile {
display: block
}
}
.mic-2021 header.header-image img {
width: 100%
}
.mic-2021 section.carousel-section .swiper-container,
.mic-2021 section.carousel-section-mobile .swiper-container {
overflow: visible;
margin: auto 25px
}
@media (max-width:699px) {
.mic-2021 section.carousel-section .swiper-container,
.mic-2021 section.carousel-section-mobile .swiper-container {
margin: 0 auto 15px auto
}
}
.mic-2021 section.carousel-section .swiper-container::after,
.mic-2021 section.carousel-section-mobile .swiper-container::after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0
}
.mic-2021 section.carousel-section .swiper-slide,
.mic-2021 section.carousel-section-mobile .swiper-slide {
opacity: 0!important
}
.mic-2021 section.carousel-section .swiper-slide img,
.mic-2021 section.carousel-section-mobile .swiper-slide img {
transition: -webkit-transform .6s cubic-bezier(.25, .95, .45, .95);
transition: transform .6s cubic-bezier(.25, .95, .45, .95);
transition: transform .6s cubic-bezier(.25, .95, .45, .95), -webkit-transform .6s cubic-bezier(.25, .95, .45, .95)
}
.mic-2021 section.carousel-section .swiper-slide .content,
.mic-2021 section.carousel-section-mobile .swiper-slide .content {
transition: -webkit-transform 1s cubic-bezier(.25, .95, .45, .95);
transition: transform 1s cubic-bezier(.25, .95, .45, .95);
transition: transform 1s cubic-bezier(.25, .95, .45, .95), -webkit-transform 1s cubic-bezier(.25, .95, .45, .95)
}
.mic-2021 section.carousel-section .swiper-slide-active,
.mic-2021 section.carousel-section-mobile .swiper-slide-active {
opacity: 1!important
}
.mic-2021 section.carousel-section .swiper-slide-next img,
.mic-2021 section.carousel-section-mobile .swiper-slide-next img {
-webkit-transform: translateX(40px);
transform: translateX(40px)
}
.mic-2021 section.carousel-section .swiper-slide-next .content,
.mic-2021 section.carousel-section-mobile .swiper-slide-next .content {
-webkit-transform: translateX(40px);
transform: translateX(40px)
}
.mic-2021 section.carousel-section .swiper-slide-prev img,
.mic-2021 section.carousel-section-mobile .swiper-slide-prev img {
-webkit-transform: translateX(-40px);
transform: translateX(-40px)
}
.mic-2021 section.carousel-section .swiper-slide-prev .content,
.mic-2021 section.carousel-section-mobile .swiper-slide-prev .content {
-webkit-transform: translateX(-40px);
transform: translateX(-40px)
}
.mic-2021 section.carousel-section {
background: linear-gradient(to top, #fff 0, #fff 40%, #000 40%, #000 100%)
}
@media (max-width:1024px) {
.mic-2021 section.carousel-section {
background: linear-gradient(to top, #fff 0, #fff 29%, #000 29%, #000 100%)
}
}
.mic-2021 section.carousel-section section.carousel-container {
max-width: 910px;
margin: 0 auto 0 auto;
padding: 0 0 70px 0
}
@media (max-width:1024px) {
.mic-2021 section.carousel-section section.carousel-container {
padding: 20px 25px 20px 0
}
}
@media (max-width:1098px) {
.mic-2021 section.carousel-section section.carousel-container {
margin-left: 95px
}
}
.mic-2021 section.carousel-section h1.carousel-title {
color: #fff!important;
font-family: CentraNo2, sans-serif;
-webkit-text-decoration: bold;
text-decoration: bold
}
.mic-2021 section.carousel-section p.carousel-description {
color: #aca8a8;
font-family: CentraNo2, sans-serif;
font-weight: 700
}
.mic-2021 section.carousel-section button.carousel-prev-btn {
position: absolute;
cursor: pointer;
left: 345px;
bottom: 30px;
font-family: CentraNo2, sans-serif;
font-size: 12px;
z-index: 1;
padding: 10px;
background-color: #000;
color: #fff
}
.mic-2021 section.carousel-section button.carousel-next-btn {
cursor: pointer;
position: absolute;
left: 395px;
bottom: 30px;
font-size: 12px;
font-family: CentraNo2, sans-serif;
z-index: 1;
padding: 10px;
background-color: #000;
color: #fff
}
.mic-2021 section.carousel-section .carousel-btn-container {
position: absolute
}
.mic-2021 section.carousel-section a.carousel-read-more {
background-color: #fff;
border-radius: 3px;
font-family: CentraNo2, sans-serif;
text-transform: uppercase;
font-size: 12px;
color: #000;
padding: 5px 10px 5px 10px;
letter-spacing: 1.8px
}
.mic-2021 section.carousel-section a.carousel-read-more:hover {
background-color: #777
}
.mic-2021 section.carousel-section-mobile section.carousel-container-mobile {
background: #000;
max-width: 910px;
margin: 0 auto 0 auto
}
.mic-2021 section.carousel-section-mobile h1.carousel-title {
color: #fff!important;
padding-top: 20px;
font-family: CentraNo2, sans-serif;
-webkit-text-decoration: bold;
text-decoration: bold
}
.mic-2021 section.carousel-section-mobile p.carousel-description {
color: #aca8a8;
font-family: CentraNo2, sans-serif
}
.mic-2021 section.carousel-section-mobile button.carousel-prev-btn-mobile {
cursor: pointer;
margin-right: 15px;
font-size: 12px;
z-index: 1;
padding: 10px;
background-color: #000;
color: #fff;
height: 45px;
width: 45px
}
.mic-2021 section.carousel-section-mobile div.carousel-next-prev-mobile-container {
padding: 10px 15px;
background: #fff;
width: 100%
}
@media (max-width:768px) {
.mic-2021 section.carousel-section-mobile div.carousel-next-prev-mobile-container {
display: none
}
}
.mic-2021 section.carousel-section-mobile button.carousel-next-btn-mobile {
cursor: pointer;
font-size: 12px;
z-index: 1;
padding: 10px;
background-color: #000;
color: #fff;
height: 45px;
width: 45px
}
.mic-2021 section.carousel-section-mobile .carousel-btn-container {
position: absolute
}
.mic-2021 section.carousel-section-mobile a.carousel-read-more {
background-color: #fff;
border-radius: 3px;
font-family: CentraNo2, sans-serif;
text-transform: uppercase;
font-size: 12px;
color: #000;
padding: 5px 10px 5px 10px;
letter-spacing: 1.8px
}
.mic-2021 section.carousel-section-mobile a.carousel-read-more:hover {
background-color: #777
}
.mic-2021 section.intro-section {
background-color: #000;
margin: 0
}
.mic-2021 section.intro-section section.intro {
max-width: 910px;
margin: 0 auto 0 auto;
padding: 10px 0 16px 0;
background-color: #000;
text-align: left;
font: normal normal normal 25px/35px Meret Pro;
letter-spacing: 0;
color: #fff;
opacity: 1
}
@media (max-width:1024px) {
.mic-2021 section.intro-section section.intro {
padding: 0 30px 0 50px
}
}
@media (max-width:699px) {
.mic-2021 section.intro-section section.intro {
margin: 0;
padding: 0 10px
}
}
.mic-2021 section.intro-section section.intro a {
text-decoration: underline
}
.mic-2021 section.intro-section section.intro img {
width: 90px;
height: 90px;
float: left;
margin-right: 30px;
padding-top: 7px
}
@media (max-width:699px) {
.mic-2021 section.intro-section section.intro img {
margin-right: 15px
}
}
.mic-2021 section.intro-section section.intro span {
font-family: MeretPro, sans-serif;
text-align: left;
font: normal normal normal 25px/35px Meret Pro;
letter-spacing: 0;
color: #fff;
opacity: 1
}
@media (max-width:699px) {
.mic-2021 section.intro-section section.intro span {
font-family: MeretPro, sans-serif;
font-size: 19px;
line-height: 28px
}
}
.mic-2021 section.intro-section section.intro span p:first-of-type {
margin-top: 0
}
.mic-2021 section.intro-section section.intro span p:last-of-type {
margin-bottom: 0
}
.mic-2021 section.intro-section section.intro span p a {
transition: color 150ms
}
.mic-2021 section.intro-section section.intro span p a:hover {
color: #000
}
.mic-2021 section.intro-section .intro-ad-wrapper {
padding-bottom: 20px
}
.mic-2021 section.list-container {
max-width: 910px;
margin: 0 auto;
clear: both
}
@media (max-width:1070px) {
.mic-2021 section.list-container {
width: 92%;
padding: 0;
margin-left: 8%
}
}
@media (min-width:700px) and (max-width:1070px) {
.mic-2021 section.list-container {
position: relative
}
.mic-2021 section.list-container::before {
content: '';
position: absolute;
top: 64px;
left: -10%;
width: 10%;
bottom: 0;
background: #f7f7f7
}
.mic-2021 section.list-container.first-active::before {
top: 0
}
}
@media (max-width:699px) {
.mic-2021 section.list-container {
margin-top: 40px;
width: 100vw;
margin-left: 0;
padding: 0
}
.mic-2021 section.list-container .list-row-ad-wrapper {
margin: 0 10px!important
}
}
.mic-2021 section.list-container section.mobile-list-header {
display: none;
background: #f7f7f7
}
@media (max-width:699px) {
.mic-2021 section.list-container section.mobile-list-header {
display: flex;
flex-direction: column;
align-items: center
}
}
.mic-2021 section.list-container section.mobile-list-header .mobile-filters {
padding: 15px 0 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center
}
.mic-2021 section.list-container section.mobile-list-header .mobile-filters::after {
content: '▼';
display: inline;
position: relative;
left: -18px;
color: #ccc;
font-size: 13px
}
.mic-2021 section.list-container section.mobile-list-header .mobile-filters span {
font: bold 13px/13px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.3px;
padding-right: 9px
}
.mic-2021 section.list-container section.mobile-list-header .mobile-filters select {
border: #ccc 1px solid;
border-radius: 3px;
width: 160px;
height: 30px;
font: bold 13px/13px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.3px;
display: inline-flex;
padding: 0 6px;
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company {
display: grid;
width: calc(100vw - 20px);
padding: 25px 0 40px;
margin: 0 auto
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .rank {
grid-area: rank;
font: normal normal 300 35px/35px MonostenStencilLightPro;
color: #000
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .recognition {
grid-area: recognition;
font: bold 15px/20px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.65px;
color: #000
}
@media (max-width:699px) {
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .recognition {
font: bold 15px/20px CentraNo2;
font-family: CentraNo2, sans-serif
}
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .award {
grid-area: award;
font: bold 15px/20px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.65px;
color: #000
}
@media (max-width:699px) {
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .award {
font: bold 15px/20px CentraNo2;
font-family: CentraNo2, sans-serif;
color: #000
}
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .company {
grid-area: company;
font: normal normal bold 17px/22px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 0;
color: #000
}
@media (max-width:699px) {
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .company {
font: bold 15px/20px CentraNo2;
font-family: CentraNo2, sans-serif;
color: #000
}
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .location {
grid-area: location;
font: normal 15px/25px CentraNo2Book;
font-family: CentraNo2Book, sans-serif;
color: #000
}
@media (max-width:699px) {
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .location {
font: bold 15px/20px CentraNo2Book;
font-family: CentraNo2Book, sans-serif;
color: #000
}
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .industry {
grid-area: industry;
font: normal 15px/25px CentraNo2Book;
font-family: CentraNo2Book, sans-serif;
color: #000
}
@media (max-width:699px) {
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .industry {
font: normal 15px/20px CentraNo2Book;
font-family: CentraNo2Book, sans-serif;
color: #000
}
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .content {
grid-area: content;
margin-top: 16px;
display: none;
grid-template-columns: auto;
grid-template-areas: 'copy'
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .content .copy {
grid-area: copy
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .content .copy a:last-of-type {
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
width: 115px;
height: 26px;
font: bold 14px/14px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.8px;
margin-top: 24px
}
@media (min-width:700px) {
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company .content .copy a:last-of-type:hover {
background: #000
}
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-1 {
grid-template-columns: 70px auto 36px;
grid-template-areas: 'rank award .' 'rank company .' 'rank location .' 'rank industry .' 'rank content .'
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-1 .content {
display: block;
margin-top: 0
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-1 .content .copy .text {
display: none
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-1 .content .copy a:last-of-type {
margin-top: 10px
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-1 .content .image {
display: none
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-2 {
grid-template-columns: auto;
grid-template-areas: 'award' 'company' 'location' 'industry' 'content'
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-2 .content {
display: block;
margin-top: 0
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-2 .content .copy .text {
display: none;
font-family: CentraNo2, sans-serif
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-2 .content .copy a:last-of-type {
margin-top: 10px
}
.mic-2021 section.list-container section.mobile-list-header .mobile-top-company.panel-2 .content .image {
display: none
}
.mic-2021 section.list-container nav.tabs {
display: grid;
grid-template-columns: repeat(2, 50%)
}
@media (max-width:699px) {
.mic-2021 section.list-container nav.tabs {
grid-template-columns: calc((100vw - 60px)/ 2) calc((100vw - 60px)/ 2) 60px;
height: 45px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
background: #fff;
z-index: 3;
border-top: #000 1px solid
}
}
.mic-2021 section.list-container nav.tabs .mobile-share {
display: none
}
@media (max-width:699px) {
.mic-2021 section.list-container nav.tabs .mobile-share {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 45px;
border-left: #000 1px solid
}
.mic-2021 section.list-container nav.tabs .mobile-share img {
width: 30px
}
}
.mic-2021 section.list-container nav.tabs .tab {
height: 64px;
padding: 21px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
cursor: pointer
}
@media (min-width:700px) {
.mic-2021 section.list-container nav.tabs .tab:hover .tab-content .company-info .award,
.mic-2021 section.list-container nav.tabs .tab:hover .tab-content .company-info .company,
.mic-2021 section.list-container nav.tabs .tab:hover .tab-content .company-info .location {
color: #000
}
}
@media (max-width:699px) {
.mic-2021 section.list-container nav.tabs .tab {
width: 100%;
padding: 9px
}
}
.mic-2021 section.list-container nav.tabs .tab .tab-title {
font: bold 17px/26px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.3px;
color: #000;
text-transform: uppercase;
display: block
}
@media (max-width:699px) {
.mic-2021 section.list-container nav.tabs .tab .tab-title {
display: none
}
}
.mic-2021 section.list-container nav.tabs .tab .tab-title-mobile {
font: bold 13px/26px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.3px;
color: #000;
text-transform: uppercase;
display: none
}
@media (max-width:699px) {
.mic-2021 section.list-container nav.tabs .tab .tab-title-mobile {
display: block
}
}
.mic-2021 section.list-container nav.tabs .tab .tab-content {
margin-top: 19px;
display: grid;
grid-template-columns: repeat(2, auto);
grid-column-gap: 50px
}
@media (max-width:699px) {
.mic-2021 section.list-container nav.tabs .tab .tab-content {
display: none
}
}
.mic-2021 section.list-container nav.tabs .tab .tab-content .company-info {
display: flex;
flex-direction: column;
justify-content: center
}
.mic-2021 section.list-container nav.tabs .tab .tab-content .company-info .award {
font: normal 15px/20px CentraNo2Book;
font-family: CentraNo2Book, sans-serif;
color: #000
}
.mic-2021 section.list-container nav.tabs .tab .tab-content .company-info .company {
font: normal normal bold 17px/22px CentraNo2;
letter-spacing: 0;
color: #000;
margin: 6px 0
}
.mic-2021 section.list-container nav.tabs .tab .tab-content .company-info .location {
font: normal 15px/20px CentraNo2Book;
font-family: CentraNo2Book, sans-serif;
color: #000
}
.mic-2021 section.list-container nav.tabs .tab .tab-content .illo img {
width: 100%
}
.mic-2021 section.list-container nav.tabs .tab.active {
background: #f7f7f7
}
.mic-2021 section.list-container nav.tabs .tab.inactive {
background: #fff
}
.mic-2021 section.list-container nav.tabs .tab.inactive .tab-title-mobile {
color: #ccc
}
.mic-2021 section.list-container .list {
padding: 44px 0 0 0;
margin: 0 0 80px 0;
background: #f7f7f7
}
@media (max-width:699px) {
.mic-2021 section.list-container .list {
padding: 0
}
}
.mic-2021 section.list-container .list.panel-1 .list-row.filters {
grid-template-columns: 95px 150px
}
@media (min-width:700px) and (max-width:1069px) {
.mic-2021 section.list-container .list.panel-1 .list-row.filters {
grid-template-columns: 12% 83% 5%
}
}
.mic-2021 section.list-container .list.panel-1 .list-row .filter.company.active {
position: relative
}
.mic-2021 section.list-container .list.panel-1 .list-row .filter.company.active::before {
position: absolute;
top: 28px;
left: 0;
content: '';
width: 95%;
background-color: #000;
height: 5px
}
.mic-2021 section.list-container .list.panel-1 .list-row .filter.rank.active {
position: relative
}
.mic-2021 section.list-container .list.panel-1 .list-row .filter.rank.active::before {
position: absolute;
top: 28px;
left: 0;
content: '';
width: 65%;
background-color: #000;
height: 5px
}
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container .content .copy .text p a {
color: #0f0
}
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container {
grid-template-columns: 60px 751px 35px;
grid-template-areas: 'rank company icon' 'content content content'
}
@media (min-width:700px) and (max-width:1069px) {
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container {
grid-template-columns: 12% 83% 5%
}
}
@media (max-width:699px) {
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container {
grid-template-columns: 70px auto 36px;
grid-template-areas: 'rank company icon' 'content content content'
}
}
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container .company {
position: relative;
top: 1px;
font: normal normal bold 17px/22px CentraNo2;
font-family: CentraNo2, sans-serif
}
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container .company.reason {
color: #aca8a8;
letter-spacing: 0;
padding-left: 10px
}
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container .industry,
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container .location {
position: relative;
bottom: 1px
}
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container .content {
grid-template-columns: 60px 751px 35px
}
@media (min-width:700px) and (max-width:1069px) {
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container .content {
grid-template-columns: 12% 83% 5%
}
}
@media (max-width:699px) {
.mic-2021 section.list-container .list.panel-1 .list-row .list-row-container .content {
grid-template-columns: auto
}
}
.mic-2021 section.list-container .list.panel-2 .list-row.filters {
grid-template-columns: 828px 27px
}
@media (min-width:700px) and (max-width:1069px) {
.mic-2021 section.list-container .list.panel-2 .list-row.filters {
grid-template-columns: 95% 5%
}
}
.mic-2021 section.list-container .list.panel-2 .list-row .list-row-container {
grid-template-columns: 828px 27px;
grid-template-areas: 'sector gothere' 'content content'
}
@media (min-width:700px) and (max-width:1069px) {
.mic-2021 section.list-container .list.panel-2 .list-row .list-row-container {
grid-template-columns: 95% 5%
}
}
@media (max-width:699px) {
.mic-2021 section.list-container .list.panel-2 .list-row .list-row-container {
grid-template-columns: auto 36px;
grid-template-areas: 'sector gothere' 'content content'
}
}
.mic-2021 section.list-container .list.panel-2 .list-row .list-row-container .content {
grid-template-columns: 828px 27px
}
@media (min-width:700px) and (max-width:1069px) {
.mic-2021 section.list-container .list.panel-2 .list-row .list-row-container .content {
grid-template-columns: 95% 5%
}
}
@media (max-width:699px) {
.mic-2021 section.list-container .list.panel-2 .list-row .list-row-container .content {
grid-template-columns: auto
}
}
.mic-2021 section.list-container .list .list-row {
padding: 0 30px
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row {
padding: 0 10px
}
}
.mic-2021 section.list-container .list .list-row .icon img {
transition: -webkit-transform 250ms;
transition: transform 250ms;
transition: transform 250ms, -webkit-transform 250ms
}
.mic-2021 section.list-container .list .list-row-ad-wrapper {
border-top: 1px solid #000;
margin: 0 30px
}
.mic-2021 section.list-container .list .list-row.closed.open-by-default {
background: #f7f7f7
}
.mic-2021 section.list-container .list .list-row.closed.link {
cursor: pointer
}
.mic-2021 section.list-container .list .list-row.closed .list-row-container .rank {
color: #000
}
.mic-2021 section.list-container .list .list-row.closed .list-row-container .company {
color: #000
}
.mic-2021 section.list-container .list .list-row.closed .list-row-container .sector {
color: #000
}
.mic-2021 section.list-container .list .list-row.closed .list-row-container .sector .sector-reason {
padding-left: 10px;
color: #aca8a8;
letter-spacing: 0
}
.mic-2021 section.list-container .list .list-row.open {
background: #000;
color: #ccc
}
.mic-2021 section.list-container .list .list-row.open.open-by-default {
background: #f7f7f7
}
.mic-2021 section.list-container .list .list-row.open.link {
cursor: pointer
}
.mic-2021 section.list-container .list .list-row.open .list-row-container .rank {
color: #0f0!important
}
.mic-2021 section.list-container .list .list-row.open .list-row-container .recognition {
color: #000
}
.mic-2021 section.list-container .list .list-row.open .list-row-container .company {
color: #0f0!important
}
.mic-2021 section.list-container .list .list-row.open .list-row-container .company.reason {
color: #fff!important
}
.mic-2021 section.list-container .list .list-row.open .list-row-container .location {
color: #0f7049
}
.mic-2021 section.list-container .list .list-row.open .list-row-container .industry {
color: #0f7049
}
.mic-2021 section.list-container .list .list-row.open .list-row-container .icon img {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(187deg) brightness(90%) contrast(102%);
filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(187deg) brightness(90%) contrast(102%)
}
.mic-2021 section.list-container .list .list-row.open .list-row-container .content {
margin-top: 16px;
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content;
max-height: -webkit-fill-available
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row.open .list-row-container .content {
max-width: 680px
}
}
.mic-2021 section.list-container .list .list-row.open .list-row-container,
.mic-2021 section.list-container .list .list-row.open+.list-row .list-row-container {
border-top: initial;
padding-top: 31px
}
.mic-2021 section.list-container .list .list-row.open:not(.filters) {
cursor: pointer
}
@media (min-width:700px) {
.mic-2021 section.list-container .list .list-row.open:not(.filters):hover {
background: #000
}
.mic-2021 section.list-container .list .list-row.open:not(.filters):hover .list-row-container .rank,
.mic-2021 section.list-container .list .list-row.open:not(.filters):hover .list-row-container .recognition {
color: #0f0
}
.mic-2021 section.list-container .list .list-row.open:not(.filters):hover .list-row-container .company {
color: #0f0
}
.mic-2021 section.list-container .list .list-row.open:not(.filters):hover .list-row-container .icon img {
-webkit-filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(187deg) brightness(90%) contrast(102%);
filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(187deg) brightness(90%) contrast(102%)
}
.mic-2021 section.list-container .list .list-row.open:not(.filters):hover .list-row-container,
.mic-2021 section.list-container .list .list-row.open:not(.filters):hover+.list-row .list-row-container {
border-top: initial;
padding-top: 31px
}
}
.mic-2021 section.list-container .list .list-row.filters {
display: grid;
min-height: auto;
height: auto;
padding: 0 30px 15px 30px;
border-top: initial
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row.filters {
display: none
}
}
.mic-2021 section.list-container .list .list-row.filters .filter {
display: flex;
align-items: center;
font: bold 13px/13px CentraNo2;
font-family: CentraNo2, sans-serif;
text-transform: uppercase;
letter-spacing: 1.3px;
color: #ccc;
cursor: pointer;
padding-right: 10px
}
.mic-2021 section.list-container .list .list-row.filters .filter:last-of-type {
padding-right: 0
}
.mic-2021 section.list-container .list .list-row.filters .filter .active.asc span {
color: #000
}
.mic-2021 section.list-container .list .list-row.filters .filter .active.desc span {
color: #000
}
.mic-2021 section.list-container .list .list-row.filters .filter span {
display: block;
margin-left: 8px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #ccc
}
.mic-2021 section.list-container .list .list-row.filters .filter.active span {
display: block;
margin-left: 8px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #000
}
.mic-2021 section.list-container .list .list-row.filters .filter.active.asc {
color: #000
}
.mic-2021 section.list-container .list .list-row.filters .filter.active.asc span {
-webkit-transform: rotateX(0);
transform: rotateX(0);
display: block;
margin-left: 8px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #000
}
.mic-2021 section.list-container .list .list-row.filters .filter.active.desc {
color: #000
}
.mic-2021 section.list-container .list .list-row.filters .filter.active.desc span {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.mic-2021 section.list-container .list .list-row .list-row-container {
display: grid;
padding: 30px 0 23px 0;
border-top: #000 1px solid
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row .list-row-container {
padding: 35px 0
}
}
.mic-2021 section.list-container .list .list-row .list-row-container .column {
padding-right: 10px
}
.mic-2021 section.list-container .list .list-row .list-row-container .column:last-of-type {
padding-right: 0
}
.mic-2021 section.list-container .list .list-row .list-row-container .column.rank {
grid-area: rank;
font: normal normal 300 35px/35px MonostenStencilLightPro;
letter-spacing: 0;
color: #000;
text-align: left
}
.mic-2021 section.list-container .list .list-row .list-row-container .column.recognition {
grid-area: recognition;
font: bold 15px/20px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.65px;
color: #000
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row .list-row-container .column.recognition {
font: bold 15px/20px CentraNo2;
font-family: CentraNo2, sans-serif
}
}
.mic-2021 section.list-container .list .list-row .list-row-container .column.award {
grid-area: award;
font: bold 15px/20px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.65px;
color: #000
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row .list-row-container .column.award {
font: bold 15px/20px CentraNo2;
font-family: CentraNo2, sans-serif
}
}
.mic-2021 section.list-container .list .list-row .list-row-container .column.company {
grid-area: company;
font: normal normal bold 17px/22px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 0;
color: #000
}
.mic-2021 section.list-container .list .list-row .list-row-container .column.company.reason {
color: #aca8a8!important;
letter-spacing: 0
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row .list-row-container .column.company {
font: bold 17px/22px CentraNo2;
font-family: CentraNo2, sans-serif
}
}
.mic-2021 section.list-container .list .list-row .list-row-container .column.sector {
grid-area: sector;
font: normal normal bold 17px/22px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 0;
color: #000
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row .list-row-container .column.sector {
font: bold 17px/22px CentraNo2;
font-family: CentraNo2, sans-serif
}
}
.mic-2021 section.list-container .list .list-row .list-row-container .content {
display: grid;
grid-area: content;
max-height: 0;
overflow: hidden;
transition: all 250ms
}
.mic-2021 section.list-container .list .list-row .list-row-container .content.has-image {
grid-template-areas: '. copy . image .'
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row .list-row-container .content.has-image {
grid-template-areas: 'image' 'copy'
}
}
.mic-2021 section.list-container .list .list-row .list-row-container .content.no-image {
grid-template-areas: '. copy copy copy .'
}
.mic-2021 section.list-container .list .list-row .list-row-container .content .copy {
grid-area: copy
}
.mic-2021 section.list-container .list .list-row .list-row-container .content .copy .text {
font-family: MeretPro, sans-serif;
font: normal normal normal 17px/22px CentraNo2;
font-family: CentraNo2, sans-serif;
color: #ccc
}
.mic-2021 section.list-container .list .list-row .list-row-container .content .copy .text p {
margin: .75em 0 0 0;
text-align: left;
font: normal normal normal 17px/22px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 0;
opacity: 1
}
.mic-2021 section.list-container .list .list-row .list-row-container .content .copy .text p:first-of-type {
margin: 0;
font: normal normal normal 17px/22px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 0
}
.mic-2021 section.list-container .list .list-row .list-row-container .content .copy .readmore-button {
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
width: 115px;
height: 26px;
background-color: #fff;
color: #000;
font: bold 14px/14px CentraNo2;
font-family: CentraNo2, sans-serif;
letter-spacing: 1.8px;
text-transform: uppercase;
margin-top: 24px;
margin-bottom: 13px
}
@media (min-width:700px) {
.mic-2021 section.list-container .list .list-row .list-row-container .content .copy .readmore-button:hover {
background: #777
}
}
.mic-2021 section.list-container .list .list-row .list-row-container .content .image {
grid-area: image
}
@media (max-width:699px) {
.mic-2021 section.list-container .list .list-row .list-row-container .content .image {
margin: 5px 0
}
}
.mic-2021 section.list-container .list .list-row .list-row-container .content .image img {
width: 100%
}
.package-sticky-nav-queer50.queer-50-2021 {
width: 100vw;
height: 45px;
background: #000!important;
position: fixed;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid #ccc
}
@media (max-width:375px) {
.package-sticky-nav-queer50.queer-50-2021 {
position: fixed;
left: 0;
justify-content: space-between
}
}
.package-sticky-nav-queer50.queer-50-2021>a {
font: 700 12px/12px CentraNo2;
letter-spacing: 1.68px;
color: #ed0f69;
text-decoration: none;
text-transform: uppercase
}
@media (max-width:375px) {
.package-sticky-nav-queer50.queer-50-2021>a {
display: block;
width: calc(100vw - 105px);
text-align: center
}
}
.package-sticky-nav-queer50.queer-50-2021 .social-section {
width: 105px;
height: 44px;
border-left: 1px solid #ccc;
position: absolute;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer
}
@media (max-width:375px) {
.package-sticky-nav-queer50.queer-50-2021 .social-section {
position: relative
}
}
.package-sticky-nav-queer50.queer-50-2021 .social-section img {
position: relative;
top: 1px
}
.package-sticky-nav-queer50.queer-50-2021 .social-buttons {
width: 165px;
height: 52px;
background: #e4e4e4;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
bottom: 44px
}
.package-sticky-nav-queer50.queer-50-2021 .social-buttons>.social {
margin: 0!important;
padding: 0!important;
height: auto!important
}
.package-sticky-nav-queer50.queer-50-2021 .social-buttons>.social .social__list {
display: flex
}
.package-sticky-nav-queer50.queer-50-2021 .social-buttons>.social .social__list li {
margin: 0!important;
border: none!important;
padding: 0!important
}
.package-sticky-nav-queer50.queer-50-2021 .social-buttons>.social .social__list li:not(:first-of-type) {
margin-left: 7px!important
}
.package-sticky-nav {
width: 100vw;
height: 45px;
background: #fff;
position: -webkit-sticky;
position: sticky;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
@media (max-width:375px) {
.package-sticky-nav {
position: fixed;
left: 0;
justify-content: space-between
}
}
.package-sticky-nav>a {
font: 700 12px/12px CentraNo2;
letter-spacing: 1.68px;
color: #ef5b24;
text-decoration: none;
text-transform: uppercase
}
@media (max-width:375px) {
.package-sticky-nav>a {
display: block;
width: calc(100vw - 105px);
text-align: center
}
}
.package-sticky-nav .social-section {
width: 105px;
height: 44px;
border-left: 1px solid #ccc;
position: absolute;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer
}
@media (max-width:375px) {
.package-sticky-nav .social-section {
position: relative
}
}
.package-sticky-nav .social-section img {
position: relative;
top: 1px
}
.package-sticky-nav .social-buttons {
width: 165px;
height: 52px;
background: #e4e4e4;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
bottom: 44px
}
.package-sticky-nav .social-buttons>.social {
margin: 0!important;
padding: 0!important;
height: auto!important
}
.package-sticky-nav .social-buttons>.social .social__list {
display: flex
}
.package-sticky-nav .social-buttons>.social .social__list li {
margin: 0!important;
border: none!important;
padding: 0!important
}
.package-sticky-nav .social-buttons>.social .social__list li:not(:first-of-type) {
margin-left: 7px!important
}
body.package-article,
body.package-lander {
padding-top: 90px
}
@media (max-width:768px) {
body.package-article,
body.package-lander {
padding-top: 55px
}
}
.package-lander.the-new-worker-moment .ad-container {
background: #f4f4f4;
width: 100vw;
padding: 16px 0
}
.package-lander.the-new-worker-moment .featured-image {
margin: 0 auto;
width: 100vw;
height: 56.25vw;
background-position: center;
background-size: cover
}
.package-lander.the-new-worker-moment .wrapper {
padding: 0 38px
}
@media (max-width:375px) {
.package-lander.the-new-worker-moment .wrapper {
padding: 0 10px
}
}
.package-lander.the-new-worker-moment .wrapper .header {
margin: 0 auto;
max-width: calc(1108px);
padding: 60px 0 74px
}
@media (max-width:768px) {
.package-lander.the-new-worker-moment .wrapper .header {
padding: 50px 0 78px
}
}
@media (max-width:375px) {
.package-lander.the-new-worker-moment .wrapper .header {
padding: 50px 0 76px
}
}
.package-lander.the-new-worker-moment .wrapper .header h1 {
font: 300 100px/90px CentraNo2;
text-transform: uppercase;
letter-spacing: -3px;
color: #ef5b24
}
@media (max-width:768px) {
.package-lander.the-new-worker-moment .wrapper .header h1 {
font: 300 50px/45px CentraNo2;
letter-spacing: -1.5px
}
}
.package-lander.the-new-worker-moment .wrapper .header h2 {
margin-top: 17px;
font: normal 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.15px;
color: #ef5b24
}
@media (max-width:375px) {
.package-lander.the-new-worker-moment .wrapper .header h2 {
font: normal 13.5px/22px GTAmerica;
letter-spacing: 1.75px
}
}
.package-lander.the-new-worker-moment .wrapper .header h3 {
margin-top: 17px;
font: 700 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.15px;
color: #ef5b24
}
@media (max-width:375px) {
.package-lander.the-new-worker-moment .wrapper .header h3 {
font: bold 13.5px/22px GTAmerica;
letter-spacing: 1.75px
}
}
.package-lander.the-new-worker-moment .wrapper .inner {
margin: 0 auto;
max-width: calc(1108px);
display: grid;
grid-template-columns: 1fr minmax(100px, 732px)
}
@media (max-width:768px) {
.package-lander.the-new-worker-moment .wrapper .inner {
grid-template-columns: 1fr
}
}
.package-lander.the-new-worker-moment .wrapper .inner.border {
padding: 57px 0 0 0;
border-top: #ef5b24 5px solid
}
@media (max-width:768px) {
.package-lander.the-new-worker-moment .wrapper .inner.border {
padding: 67px 0 0 0;
border-top: #ef5b24 1px solid
}
}
@media (max-width:375px) {
.package-lander.the-new-worker-moment .wrapper .inner.border {
padding: 65px 0 0 0;
border-top: #ef5b24 5px solid
}
}
.package-lander.the-new-worker-moment .wrapper .inner.no-grid {
display: block;
grid-template-columns: initial
}
.package-lander.the-new-worker-moment .wrapper .inner .content .drop-cap {
width: 120px;
float: left;
display: flex
}
.package-lander.the-new-worker-moment .wrapper .inner .content .drop-cap.squares {
height: 135px;
position: relative;
top: 14px
}
.package-lander.the-new-worker-moment .wrapper .inner .content .drop-cap.squares .square {
width: 15px;
height: 15px;
background: #ef5b24
}
.package-lander.the-new-worker-moment .wrapper .inner .content .drop-cap.squares .square:not(:first-of-type) {
margin-left: 5px
}
.package-lander.the-new-worker-moment .wrapper .inner .content p {
font: 300 19px/40px MeretPro;
color: #000;
margin: 0
}
.package-lander.the-new-worker-moment .wrapper .inner .content p:not(:first-of-type) {
margin: 1em 0 0 0
}
.package-lander.the-new-worker-moment .animation {
margin: 0 auto;
width: 100vw;
background: #ccc
}
.package-lander.the-new-worker-moment .animation img {
width: 100%;
display: block
}
.package-lander.the-new-worker-moment .full-width-embed {
margin: 80px 0 0 0
}
.package-lander.the-new-worker-moment .bottom-of-section {
margin: 60px 0;
width: 100%;
height: 5px;
background: #ef5b24
}
.package-article.the-new-worker-moment .ad-container {
background: #f4f4f4;
width: 100vw;
padding: 16px 0
}
.package-article.the-new-worker-moment .wrapper {
padding: 0 38px
}
@media (max-width:375px) {
.package-article.the-new-worker-moment .wrapper {
padding: 0 10px
}
}
.package-article.the-new-worker-moment .wrapper .header {
margin: 0 auto;
max-width: calc(1108px);
padding: 40px 0 74px
}
.package-article.the-new-worker-moment .wrapper .header .headline-image {
max-width: 350px;
margin-bottom: 40px
}
.package-article.the-new-worker-moment .wrapper .header h2 {
font: 300 100px/90px CentraNo2;
text-transform: uppercase;
letter-spacing: -3px;
color: #ef5b24
}
@media (max-width:768px) {
.package-article.the-new-worker-moment .wrapper .header h2 {
font: 300 50px/45px CentraNo2;
letter-spacing: -1.5px
}
}
.package-article.the-new-worker-moment .wrapper .header h3 {
margin-top: 17px;
font: normal 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.15px;
color: #ef5b24
}
@media (max-width:375px) {
.package-article.the-new-worker-moment .wrapper .header h3 {
font: normal 13.5px/22px GTAmerica;
letter-spacing: 1.75px
}
}
.package-article.the-new-worker-moment .wrapper .header h4 {
margin-top: 17px;
font: 700 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.15px;
color: #ef5b24
}
@media (max-width:375px) {
.package-article.the-new-worker-moment .wrapper .header h4 {
font: bold 13.5px/22px GTAmerica;
letter-spacing: 1.75px
}
}
.package-article.the-new-worker-moment .wrapper .inner {
margin: 0 auto;
max-width: calc(1108px);
display: grid;
grid-template-columns: 1fr minmax(100px, 732px)
}
.package-article.the-new-worker-moment .wrapper .inner.border {
padding: 57px 0 0 0;
border-top: #ef5b24 5px solid
}
.package-article.the-new-worker-moment .wrapper .inner.no-grid {
display: block;
grid-template-columns: initial
}
.package-article.the-new-worker-moment .wrapper .inner .content .drop-cap {
width: 120px;
float: left;
display: flex;
position: relative
}
.package-article.the-new-worker-moment .wrapper .inner .content .drop-cap.squares {
height: 135px;
top: 14px
}
.package-article.the-new-worker-moment .wrapper .inner .content .drop-cap.squares .square {
width: 15px;
height: 15px;
background: #ef5b24
}
.package-article.the-new-worker-moment .wrapper .inner .content .drop-cap.squares .square:not(:first-of-type) {
margin-left: 5px
}
.package-article.the-new-worker-moment .wrapper .inner .content .drop-cap.image {
flex-direction: column;
top: 12px
}
.package-article.the-new-worker-moment .wrapper .inner .content .drop-cap.image img {
width: 100%
}
.package-article.the-new-worker-moment .wrapper .inner .content p {
font: 300 19px/40px MeretPro;
color: #000;
margin: 0
}
.package-article.the-new-worker-moment .wrapper .inner .content p:not(:first-of-type) {
margin: 1em 0 0 0
}
.package-article.the-new-worker-moment .wrapper .inner .content p strong {
font: 700 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.47px;
color: #ef5b24;
position: relative;
top: 1px;
padding-right: 3px
}
.package-article.the-new-worker-moment .wrapper .inner .content figure {
margin: 1em 0 0 0;
display: flex
}
.package-article.the-new-worker-moment .wrapper .inner .content figure figcaption {
align-self: flex-end
}
.package-article.the-new-worker-moment .wrapper .inner .content figure figcaption>img {
width: 350px;
height: auto
}
.package-article.the-new-worker-moment .wrapper .inner .content figure>img {
height: auto;
position: absolute;
width: 100%;
left: 0
}
.package-article.the-new-worker-moment .wrapper .inner .content .ceros-embed .ceros-experience {
position: absolute;
width: 100%;
height: 100%;
left: 0
}
.package-article.the-new-worker-moment .featured-image {
margin: 0 auto;
width: 100vw;
height: 56.25vw;
background-position: center;
background-size: cover
}
.package-article.the-new-worker-moment .full-width-embed {
margin: 80px 0
}
.package-article.the-new-worker-moment .bottom-of-section {
margin: 60px 0;
width: 100%;
height: 5px;
background: #ef5b24
}
.package-article-list.the-new-worker-moment .ad-container {
background: #f4f4f4;
width: 100vw;
padding: 16px 0
}
.package-article-list.the-new-worker-moment .wrapper {
padding: 0 38px
}
@media (max-width:375px) {
.package-article-list.the-new-worker-moment .wrapper {
padding: 0 10px
}
}
.package-article-list.the-new-worker-moment .wrapper .header {
margin: 0 auto;
max-width: calc(1108px);
padding: 40px 0 74px
}
.package-article-list.the-new-worker-moment .wrapper .header .headline-image {
width: 350px;
margin-bottom: 40px
}
.package-article-list.the-new-worker-moment .wrapper .header h2 {
font: 300 100px/90px CentraNo2;
text-transform: uppercase;
letter-spacing: -3px;
color: #ef5b24
}
@media (max-width:768px) {
.package-article-list.the-new-worker-moment .wrapper .header h2 {
font: 300 50px/45px CentraNo2;
letter-spacing: -1.5px
}
}
.package-article-list.the-new-worker-moment .wrapper .header h3 {
margin-top: 17px;
font: normal 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.15px;
color: #ef5b24
}
@media (max-width:375px) {
.package-article-list.the-new-worker-moment .wrapper .header h3 {
font: normal 13.5px/22px GTAmerica;
letter-spacing: 1.75px
}
}
.package-article-list.the-new-worker-moment .wrapper .header h4 {
margin-top: 17px;
font: 700 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.15px;
color: #ef5b24
}
@media (max-width:375px) {
.package-article-list.the-new-worker-moment .wrapper .header h4 {
font: bold 13.5px/22px GTAmerica;
letter-spacing: 1.75px
}
}
.package-article-list.the-new-worker-moment .wrapper .inner {
margin: 0 auto;
max-width: calc(1108px);
display: grid;
grid-template-columns: 1fr minmax(100px, 732px)
}
.package-article-list.the-new-worker-moment .wrapper .inner.border {
padding: 57px 0 0 0;
border-top: #ef5b24 5px solid
}
.package-article-list.the-new-worker-moment .wrapper .inner.no-grid {
display: block;
grid-template-columns: initial
}
.package-article-list.the-new-worker-moment .wrapper .inner .content .drop-cap {
width: 120px;
float: left;
display: flex;
position: relative
}
.package-article-list.the-new-worker-moment .wrapper .inner .content .drop-cap.squares {
height: 135px;
top: 14px
}
.package-article-list.the-new-worker-moment .wrapper .inner .content .drop-cap.squares .square {
width: 15px;
height: 15px;
background: #ef5b24
}
.package-article-list.the-new-worker-moment .wrapper .inner .content .drop-cap.squares .square:not(:first-of-type) {
margin-left: 5px
}
.package-article-list.the-new-worker-moment .wrapper .inner .content .drop-cap.image {
flex-direction: column;
top: 12px
}
.package-article-list.the-new-worker-moment .wrapper .inner .content .drop-cap.image img {
width: 100%
}
.package-article-list.the-new-worker-moment .wrapper .inner .content p {
font: 300 19px/40px MeretPro;
color: #000;
margin: 0
}
.package-article-list.the-new-worker-moment .wrapper .inner .content p:not(:first-of-type) {
margin: 1em 0 0 0
}
.package-article-list.the-new-worker-moment .wrapper .inner .content p strong {
font: 700 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.47px;
color: #ef5b24;
position: relative;
top: 1px;
padding-right: 3px
}
.package-article-list.the-new-worker-moment .wrapper .inner .content figure {
margin: 1em 0 0 0;
display: flex
}
.package-article-list.the-new-worker-moment .wrapper .inner .content figure figcaption {
align-self: flex-end
}
.package-article-list.the-new-worker-moment .wrapper .inner .content figure figcaption>img {
width: 350px;
height: auto
}
.package-article-list.the-new-worker-moment .wrapper .inner .content figure>img {
height: auto;
position: absolute;
width: 100%;
left: 0
}
.package-article-list.the-new-worker-moment .wrapper .inner .content .ceros-embed .ceros-experience {
position: absolute;
width: 100%;
height: 100%;
left: 0
}
.package-article-list.the-new-worker-moment .featured-image {
margin: 0 auto;
width: 100vw;
height: 56.25vw;
background-position: center;
background-size: cover
}
.package-article-list.the-new-worker-moment .full-width-embed {
margin: 80px 0
}
.package-article-list.the-new-worker-moment .bottom-of-section {
margin: 60px 0;
width: 100%;
height: 5px;
background: #ef5b24
}
.package-article-list-entry.the-new-worker-moment .ad-container {
background: #f4f4f4;
width: 100vw;
padding: 16px 0
}
.package-article-list-entry.the-new-worker-moment .wrapper {
padding: 0 38px
}
@media (max-width:375px) {
.package-article-list-entry.the-new-worker-moment .wrapper {
padding: 0 10px
}
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner {
margin: 0 auto;
max-width: calc(1108px);
display: grid;
grid-template-columns: 1fr minmax(100px, 732px)
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner.border {
padding: 57px 0 0 0;
border-top: #ef5b24 5px solid
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner.no-grid {
display: block;
grid-template-columns: initial
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .header {
margin: 0 auto;
padding: 40px 0 57px;
margin: 0 0 57px 0;
border-bottom: solid 1px #ef5b24
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .header .headline-image {
width: 350px;
margin-bottom: 40px
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .header h2 {
margin: 0;
font: 300 50px/45px CentraNo2;
text-transform: uppercase;
letter-spacing: -1.5px;
color: #ef5b24
}
@media (max-width:768px) {
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .header h2 {
font: 300 50px/45px CentraNo2;
letter-spacing: -1.5px
}
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .header h3 {
margin-top: 17px;
font: normal 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.15px;
color: #ef5b24
}
@media (max-width:375px) {
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .header h3 {
font: normal 13.5px/22px GTAmerica;
letter-spacing: 1.75px
}
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .header h4 {
margin-top: 17px;
font: 700 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.15px;
color: #ef5b24
}
@media (max-width:375px) {
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .header h4 {
font: bold 13.5px/22px GTAmerica;
letter-spacing: 1.75px
}
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .drop-cap {
width: 120px;
float: left;
display: flex;
position: relative
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .drop-cap.squares {
height: 135px;
top: 14px
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .drop-cap.squares .square {
width: 15px;
height: 15px;
background: #ef5b24
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .drop-cap.squares .square:not(:first-of-type) {
margin-left: 5px
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .drop-cap.image {
flex-direction: column;
top: 12px
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .drop-cap.image img {
width: 100%
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content p {
font: 300 19px/40px MeretPro;
color: #000;
margin: 0
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content p:not(:first-of-type) {
margin: 1em 0 0 0
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content p strong {
font: 700 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.47px;
color: #ef5b24;
position: relative;
top: 1px;
padding-right: 3px
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content h2 {
margin: 2em 0 5px 0;
font: 700 16.5px/25px GTAmerica;
text-transform: uppercase;
letter-spacing: 2.15px;
color: #ef5b24
}
@media (max-width:375px) {
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content h2 {
font: bold 13.5px/22px GTAmerica;
letter-spacing: 1.75px
}
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content h2+p {
margin-top: 0!important
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content figure {
margin: 1em 0 0 0;
display: flex
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content figure figcaption {
align-self: flex-end
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content figure figcaption>img {
width: 350px;
height: auto
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content figure>img {
height: auto;
position: absolute;
width: 100%;
left: 0
}
.package-article-list-entry.the-new-worker-moment .wrapper .inner .content .ceros-embed .ceros-experience {
position: absolute;
width: 100%;
height: 100%;
left: 0
}
.package-article-list-entry.the-new-worker-moment .featured-image {
margin: 0 auto;
width: 100vw;
height: 56.25vw;
background-position: center;
background-size: cover
}
.package-article-list-entry.the-new-worker-moment .full-width-embed {
margin: 80px 0
}
.package-article-list-entry.the-new-worker-moment .bottom-of-section {
margin: 60px 0;
width: 100%;
height: 5px;
background: #ef5b24
}
body.black-in-tech * {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: grayscale
}
body.black-in-tech .content-container a {
color: #ff344f
}
body.black-in-tech .content-container .audio {
margin-bottom: 50px
}
body.black-in-tech .content-container .audio .jwplayer {
width: 100%!important
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .audio .jwplayer {
width: auto
}
}
body.black-in-tech .content-container .wrapper {
width: 100vw;
max-width: 1040px;
margin-left: auto;
margin-right: auto
}
body.black-in-tech .content-container .wrapper.outer {
max-width: 100vw
}
body.black-in-tech .content-container .wrapper.outer.background-black {
background: #000
}
body.black-in-tech .content-container .wrapper.outer.background-white {
background: #fff
}
body.black-in-tech .content-container .wrapper.outer.text-black {
color: #000
}
body.black-in-tech .content-container .wrapper.outer.text-white {
color: #fff
}
body.black-in-tech .content-container .wrapper.outer.accent-red .role .role-content {
background: #ff344f;
color: #000;
padding: 2px
}
body.black-in-tech .content-container .wrapper.outer.accent-blue .role .role-content {
background: #a0c8fd;
color: #000;
padding: 2px
}
body.black-in-tech .content-container .wrapper.narrow {
padding-left: 10px;
padding-right: 10px;
width: 100%;
max-width: 700px
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .wrapper.narrow {
padding-left: 0;
padding-right: 0
}
}
body.black-in-tech .content-container .grid {
display: grid;
grid-template-columns: 1fr
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .grid {
grid-template-columns: repeat(2, 1fr)
}
}
body.black-in-tech .content-container .grid .col-l,
body.black-in-tech .content-container .grid .col-r {
display: block;
position: relative
}
@media screen and (max-width:39.9375em) {
body.black-in-tech .content-container .grid .col-l,
body.black-in-tech .content-container .grid .col-r {
overflow-x: hidden
}
}
body.black-in-tech .content-container .eyebrow {
text-align: center;
font: bold 13px/20px GTAmerica;
letter-spacing: 1.3px;
color: #ff344f;
margin: 20px 0;
display: block
}
body.black-in-tech .content-container .intro {
font: normal 19px/28px MeretPro;
color: #000;
padding: 10px 0
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .intro {
padding: 50px 0
}
}
body.black-in-tech .content-container .black-in-tech-footer {
padding: 50px 0
}
body.black-in-tech .content-container .black-in-tech-footer a {
color: #000
}
@media screen and (max-width:39.9375em) {
body.black-in-tech .content-container .black-in-tech-footer {
padding: 50px 9px
}
}
body.black-in-tech .content-container .black-in-tech-footer p:first-of-type {
margin-top: 0
}
body.black-in-tech .content-container .black-in-tech-footer>div:not(:first-of-type) {
border-top: #7b7b7b 1px solid;
padding: 25px 0 0 0;
margin: 25px 0 0 0
}
body.black-in-tech .content-container .black-in-tech-footer .credits {
font: 300 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase;
color: #000
}
body.black-in-tech .content-container .black-in-tech-footer .credits strong {
font-weight: 700
}
body.black-in-tech .content-container .black-in-tech-footer .copy {
font: normal 19px/28px MeretPro;
color: #7b7b7b
}
body.black-in-tech .content-container .black-in-tech-footer .photo-credits {
font: normal 14px/18px CentraNo2;
text-transform: uppercase;
color: #7b7b7b
}
body.black-in-tech .content-container .segment.ceros-with-header {
padding: 30px 10px 30px 10px
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.ceros-with-header {
padding: 40px 20px 50px 20px
}
}
body.black-in-tech .content-container .segment.ceros-with-header .hed {
font: normal 45px/45px Beckett;
letter-spacing: 3.15px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.ceros-with-header .dek {
padding: 5px 0 0 0;
font: normal 14px/22px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.ceros-with-header .rotateToView {
display: none;
margin-top: 15px
}
@media screen and (max-width:39.9375em) {
body.black-in-tech .content-container .segment.ceros-with-header .rotateToView {
display: block
}
}
body.black-in-tech .content-container .segment.ceros-with-header img.imageCopy {
display: none;
width: 100%
}
@media screen and (max-width:39.9375em) {
body.black-in-tech .content-container .segment.ceros-with-header img.imageCopy {
display: block
}
}
body.black-in-tech .content-container .segment.ceros-with-header div.imageCopy {
display: block
}
@media screen and (max-width:39.9375em) {
body.black-in-tech .content-container .segment.ceros-with-header div.imageCopy {
display: none
}
}
body.black-in-tech .content-container .segment.ceros-with-header .embed {
margin: 25px 0 0 0
}
body.black-in-tech .content-container .segment.two-column-profile {
padding: 30px 10px
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.two-column-profile {
padding: 50px 20px
}
}
@media screen and (max-width:39.9375em) {
body.black-in-tech .content-container .segment.two-column-profile .above-article-image {
width: 100%!important
}
}
body.black-in-tech .content-container .segment.two-column-profile .above-article-image {
width: 72%
}
body.black-in-tech .content-container .segment.two-column-profile .above-article-image>img {
width: 80%
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.two-column-profile .above-article-image>img {
width: 550px
}
}
body.black-in-tech .content-container .segment.two-column-profile .grid {
-webkit-column-gap: 140px;
-moz-column-gap: 140px;
column-gap: 140px;
margin-top: 27.9px
}
@media screen and (max-width:970px) {
body.black-in-tech .content-container .segment.two-column-profile .grid {
-webkit-column-gap: 65px;
-moz-column-gap: 65px;
column-gap: 65px
}
}
@media screen and (max-width:880px) {
body.black-in-tech .content-container .segment.two-column-profile .grid {
-webkit-column-gap: 45px;
-moz-column-gap: 45px;
column-gap: 45px
}
}
body.black-in-tech .content-container .segment.two-column-profile .name {
font: normal 45px/45px Beckett;
letter-spacing: 3.15px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.two-column-profile .bio {
padding: 9px 0 0 0;
font: normal 14px/22px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.two-column-profile .audio {
margin-bottom: auto
}
}
body.black-in-tech .content-container .segment.two-column-profile .copy {
font: normal 19px/28px MeretPro;
color: #000
}
body.black-in-tech .content-container .segment.two-column-profile .copy p:not(:first-of-type) {
margin-top: 1.5em
}
body.black-in-tech .content-container .segment.large-quote-with-portrait {
padding: 30px 10px
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .col-left-new {
grid-area: leftCol
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .col-right-new {
grid-area: rightCol
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .col-quote {
grid-area: audioCol
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid-container {
display: grid;
-webkit-column-gap: 135px;
-moz-column-gap: 135px;
column-gap: 135px;
grid-template-areas: 'leftCol' 'rightCol' 'audioCol'
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid-container {
grid-template-areas: 'leftCol rightCol' 'audioCol rightCol'
}
}
@media screen and (max-width:970px) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid-container {
-webkit-column-gap: 65px;
-moz-column-gap: 65px;
column-gap: 65px
}
}
@media screen and (max-width:880px) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid-container {
-webkit-column-gap: 45px;
-moz-column-gap: 45px;
column-gap: 45px
}
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.large-quote-with-portrait {
padding: 50px 20px
}
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid {
-webkit-column-gap: 135px;
-moz-column-gap: 135px;
column-gap: 135px
}
@media screen and (max-width:970px) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid {
-webkit-column-gap: 65px;
-moz-column-gap: 65px;
column-gap: 65px
}
}
@media screen and (max-width:880px) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid {
-webkit-column-gap: 45px;
-moz-column-gap: 45px;
column-gap: 45px
}
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote {
font-family: Beckett;
font-size: 40px;
line-height: 40px;
letter-spacing: 2.8px;
text-transform: uppercase;
margin-bottom: 25px
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote-mobile {
display: none;
margin-top: 0
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote {
font: normal 70px/65px Beckett;
letter-spacing: 4.9px;
margin-bottom: 0
}
}
@media screen and (max-width:970px) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote {
font: normal 70px/60px Beckett
}
}
@media screen and (max-width:880px) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote {
font: normal 55px/45px Beckett;
letter-spacing: 2.8px
}
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote::before {
content: '\00201c'
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote::after {
content: '\00201d'
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote-footnote {
padding: 10px 0 0 0;
font: normal 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote-footnote-mobile {
display: none
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote.portrait-left {
margin-top: 10px
}
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quoteAdditional {
margin: 20px 0;
margin-bottom: 0;
letter-spacing: 2.8px;
font: normal normal 400 40px/40px Beckett
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .quoteAdditional {
font: normal 70px/65px Beckett;
letter-spacing: 4.9px;
margin-bottom: 0;
margin-top: 0
}
}
@media screen and (max-width:970px) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .quoteAdditional {
font: normal 70px/65px Beckett
}
}
@media screen and (max-width:880px) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .quoteAdditional {
font: normal 55px/45px Beckett;
letter-spacing: 2.8px
}
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .image {
grid-area: imageSection
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .image img {
display: block;
width: 100%
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .imageSmall {
margin: 38px 0 0 0
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .imageSmall img {
display: block;
width: 100%;
max-width: 211px
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .name {
grid-area: nameSection;
font: normal 45px/45px Beckett;
letter-spacing: 3.15px;
text-transform: uppercase
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .name.portrait-right {
margin-top: 50px
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .audio.grid-col {
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin-bottom: 0
}
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .nameBold {
font: normal normal 400 45px/45px Beckett;
letter-spacing: 5.15px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .role {
grid-area: roleSection
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .role:not(:first-of-type) {
margin-top: 9px
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .role-label {
font: bold 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase;
padding-right: 12px
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .role-content {
font: 300 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .role-secondary {
grid-area: roleSecondarySection
}
@media screen and (max-width:39.9375em) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote {
display: none
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote-mobile {
display: block
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote-footnote {
display: none
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .quote-footnote-mobile {
display: block
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid {
grid-template-areas: "columnRight" "columnLeft"
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid .col-l {
grid-area: columnLeft
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .grid .col-r {
grid-area: columnRight;
display: grid;
grid-template-areas: "nameSection" "roleSection" "roleSecondarySection" "imageSection"
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .image {
padding: 33px 0
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .audio {
margin-bottom: 0
}
}
body.black-in-tech .content-container .segment.large-quote-with-portrait .audioAdditional {
margin-bottom: 50px
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.large-quote-with-portrait .audioAdditional {
margin-bottom: auto
}
}
body.black-in-tech .content-container .segment.big-quotation-mark {
padding: 30px 10px
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.big-quotation-mark {
padding: 50px 20px
}
}
body.black-in-tech .content-container .segment.big-quotation-mark .grid {
-webkit-column-gap: 82px;
-moz-column-gap: 82px;
column-gap: 82px
}
@media screen and (max-width:970px) {
body.black-in-tech .content-container .segment.big-quotation-mark .grid {
-webkit-column-gap: 65px;
-moz-column-gap: 65px;
column-gap: 65px
}
}
@media screen and (max-width:880px) {
body.black-in-tech .content-container .segment.big-quotation-mark .grid {
-webkit-column-gap: 45px;
-moz-column-gap: 45px;
column-gap: 45px
}
}
body.black-in-tech .content-container .segment.big-quotation-mark .quote {
font: normal 19px/28px MeretPro
}
body.black-in-tech .content-container .segment.big-quotation-mark .quote img {
display: block;
margin: 0 0 20px 0
}
body.black-in-tech .content-container .segment.big-quotation-mark .quote::after {
content: '\00201d'
}
body.black-in-tech .content-container .segment.big-quotation-mark .image {
margin: 38px 0 0 0
}
body.black-in-tech .content-container .segment.big-quotation-mark .image img {
display: block;
width: 100%;
max-width: 211px
}
body.black-in-tech .content-container .segment.big-quotation-mark .name {
font: normal 45px/45px Beckett;
letter-spacing: 3.15px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.big-quotation-mark .role:not(:first-of-type) {
margin-top: 9px
}
body.black-in-tech .content-container .segment.big-quotation-mark .role-label {
font: bold 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase;
padding-right: 12px
}
body.black-in-tech .content-container .segment.big-quotation-mark .role-content {
font: 300 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.full-width-profile {
padding: 30px 10px
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.full-width-profile {
padding: 50px 20px
}
}
body.black-in-tech .content-container .segment.full-width-profile .image {
margin: 0 0 33px 0;
background-repeat: no-repeat;
padding-bottom: 100%;
background-size: cover;
background-position: center;
display: none
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.full-width-profile .image {
display: block;
background-image: none;
padding-bottom: 0
}
}
body.black-in-tech .content-container .segment.full-width-profile .image img {
display: none;
width: 100%
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.full-width-profile .image img {
display: block
}
}
body.black-in-tech .content-container .segment.full-width-profile .mobile-image {
margin-bottom: 30px
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.full-width-profile .mobile-image {
display: none
}
}
body.black-in-tech .content-container .segment.full-width-profile .mobile-image img {
width: 100%
}
body.black-in-tech .content-container .segment.full-width-profile .name {
font: normal 45px/45px Beckett;
letter-spacing: 3.15px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.full-width-profile .bio {
padding: 10px 0 0 0;
font: normal 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.full-width-profile .copy {
font: normal 19px/28px MeretPro;
margin: 53px 0 0 0
}
body.black-in-tech .content-container .segment.full-width-profile .copy p:not(:first-of-type) {
margin-top: 1.5em
}
body.black-in-tech .content-container .segment.full-width-quote {
padding: 30px 10px
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.full-width-quote {
padding: 50px 20px
}
}
body.black-in-tech .content-container .segment.full-width-quote .grid {
-webkit-column-gap: 109px;
-moz-column-gap: 109px;
column-gap: 109px
}
@media screen and (min-width:40em) {
body.black-in-tech .content-container .segment.full-width-quote .grid {
margin-top: 50px
}
}
@media screen and (max-width:970px) {
body.black-in-tech .content-container .segment.full-width-quote .grid {
-webkit-column-gap: 65px;
-moz-column-gap: 65px;
column-gap: 65px
}
}
@media screen and (max-width:880px) {
body.black-in-tech .content-container .segment.full-width-quote .grid {
-webkit-column-gap: 45px;
-moz-column-gap: 45px;
column-gap: 45px
}
}
body.black-in-tech .content-container .segment.full-width-quote .grid .col-l,
body.black-in-tech .content-container .segment.full-width-quote .grid .col-r {
display: block;
position: relative;
overflow: hidden
}
body.black-in-tech .content-container .segment.full-width-quote .grid .col-l {
max-width: 450px
}
body.black-in-tech .content-container .segment.full-width-quote .grid .col-r {
max-width: 496px
}
body.black-in-tech .content-container .segment.full-width-quote .image {
margin: 0 0 37px 0
}
body.black-in-tech .content-container .segment.full-width-quote .image img {
display: block;
width: 100%;
max-width: 413px;
margin: 0 auto
}
body.black-in-tech .content-container .segment.full-width-quote .quote {
font: normal 70px/65px Beckett;
letter-spacing: 4.9px;
text-transform: uppercase;
text-align: center;
max-width: 580px;
margin: 0 auto
}
body.black-in-tech .content-container .segment.full-width-quote .quote::before {
content: '\00201c'
}
body.black-in-tech .content-container .segment.full-width-quote .quote::after {
content: '\00201d'
}
@media screen and (max-width:970px) {
body.black-in-tech .content-container .segment.full-width-quote .quote {
font: normal 70px/65px Beckett
}
}
@media screen and (max-width:880px) {
body.black-in-tech .content-container .segment.full-width-quote .quote {
font: normal 55px/50px Beckett;
letter-spacing: 2.8px
}
}
body.black-in-tech .content-container .segment.full-width-quote .quote-mobile {
display: none;
font: normal normal 400 40px/40px Beckett;
letter-spacing: 2.8px
}
body.black-in-tech .content-container .segment.full-width-quote .quote-footnote {
padding: 10px 0 0 0;
font: normal 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase;
max-width: 580px;
margin: 0 auto 35px;
text-align: center
}
body.black-in-tech .content-container .segment.full-width-quote .quote-footnote-mobile {
display: none
}
body.black-in-tech .content-container .segment.full-width-quote .name {
font: normal 45px/45px Beckett;
letter-spacing: 3.15px;
text-transform: uppercase
}
body.black-in-tech .content-container .segment.full-width-quote .role:not(:first-of-type) {
margin-top: 9px
}
body.black-in-tech .content-container .segment.full-width-quote .role-label {
font: bold 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase;
padding-right: 12px
}
body.black-in-tech .content-container .segment.full-width-quote .role-content {
font: 300 14px/20px GTAmerica;
letter-spacing: 1.4px;
text-transform: uppercase
}
@media screen and (max-width:39.9375em) {
body.black-in-tech .content-container .segment.full-width-quote {
display: grid;
grid-template-areas: "imageSection" "quoteSection" "gridSection"
}
body.black-in-tech .content-container .segment.full-width-quote .image {
grid-area: imageSection
}
body.black-in-tech .content-container .segment.full-width-quote .quote {
grid-area: quoteSection;
display: none
}
body.black-in-tech .content-container .segment.full-width-quote .quote-mobile {
display: block;
padding-top: 30px;
text-align: left
}
body.black-in-tech .content-container .segment.full-width-quote .quote-footnote {
display: none
}
body.black-in-tech .content-container .segment.full-width-quote .quote-footnote-mobile {
text-align: left;
display: block
}
body.black-in-tech .content-container .segment.full-width-quote .audio {
margin-bottom: 0
}
body.black-in-tech .content-container .segment.full-width-quote .grid {
grid-area: gridSection;
grid-template-areas: "columnRight" "columnLeft"
}
body.black-in-tech .content-container .segment.full-width-quote .grid .col-l {
grid-area: columnLeft
}
body.black-in-tech .content-container .segment.full-width-quote .grid .col-r {
grid-area: columnRight
}
}
body.black-in-tech .content-container .smallArrow {
font-family: CentraNo2;
font-style: normal;
font-weight: 700;
font-size: 19px;
color: #fc3853
}
body.black-in-tech .content-container .dropCap {
float: left;
padding-top: 12px;
padding-right: 20px;
line-height: 70%;
font-size: 135px;
text-align: center;
letter-spacing: 0;
font-family: Beckett, sans-serif
}
body.black-in-tech .content-container .dropCap.accent-blue {
color: #a0c8fd
}
body.black-in-tech .content-container .dropCap.accent-red {
color: #ff344f
}
body.black-in-tech .content-container .ad-wrapper--articlescroll,
body.black-in-tech .content-container .ad-wrapper--articletop {
background-color: #fff
}
@media (max-width:375px) {
body.black-in-tech .content-container .post__article-top-ad-wrapper {
display: inline
}
}
.square-image {
float: left;
position: relative;
width: 30%;
padding-bottom: 30%;
margin: 1.66%;
background-color: #1e1e1e;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
background-image: url(https://farm4.staticflickr.com/3794/13893055574_3df0ab636b.jpg)
}
.expander {
font-family: MeretPro;
font-size: 14px;
line-height: 16px;
color: #ff344f;
font-weight: 700;
cursor: pointer;
letter-spacing: 2.1px;
margin: 8px auto;
text-transform: uppercase
}
.jw-skin-black-in-tech {
overflow: visible!important;
width: 100%!important;
height: 128px!important;
max-width: 450px
}
@media screen and (max-width:39.9375em) {
.jw-skin-black-in-tech {
height: 0!important;
padding-bottom: 18%!important
}
}
.jw-skin-black-in-tech .jw-wrapper {
overflow: hidden;
background-color: #fff
}
.jw-skin-black-in-tech .jw-preview {
background-position: top!important;
left: -4px;
width: 104%;
background-size: cover!important;
background-color: #fff
}
@media screen and (min-width:40em) {
.jw-skin-black-in-tech .jw-preview {
background-size: auto
}
}
.jw-skin-black-in-tech .jw-video {
left: -6px!important;
width: 104%!important
}
.jw-skin-black-in-tech .jw-controls-backdrop {
visibility: hidden
}
.jw-skin-black-in-tech .jw-icon-rewind {
display: none!important
}
.jw-skin-black-in-tech .jw-icon-fullscreen {
display: none!important
}
.jw-skin-black-in-tech .jw-controls {
background: #212121!important;
margin-top: 86px!important;
height: 45px!important;
position: relative!important;
z-index: 1
}
@media (max-width:1024px) {
.jw-skin-black-in-tech .jw-controls {
height: 100%!important;
margin-top: 0!important;
background: 0 0!important
}
}
.jw-skin-black-in-tech .jw-media video {
top: 0!important;
bottom: initial!important;
height: auto!important;
-o-object-fit: initial;
object-fit: initial
}
@media (max-width:1024px) {
.jw-skin-black-in-tech .jw-media video {
-o-object-fit: cover!important;
object-fit: cover!important;
height: 100%!important
}
}
.jw-skin-black-in-tech .jw-controlbar {
display: block!important;
opacity: 1!important;
visibility: visible!important;
pointer-events: visible!important
}
@media (max-width:1024px) {
.jw-skin-black-in-tech .jw-controlbar {
display: none!important
}
}
.jw-skin-black-in-tech .jw-text-duration::before {
display: none
}
.jw-skin-black-in-tech .jw-display-icon-container {
border: none
}
.jw-skin-black-in-tech .jw-display .jw-svg-icon {
height: 45px!important;
width: 45px!important;
line-height: 45px!important
}
.jw-skin-black-in-tech .jw-slider-volume {
padding-left: 0!important;
padding-right: 5px!important
}
.jw-skin-black-in-tech .jw-horizontal-volume-container {
display: block!important
}
.jw-skin-black-in-tech .jw-horizontal-volume-container .jw-slider-container {
width: 50px!important
}
.jw-skin-black-in-tech .jw-flag-user-inactive .jw-controlbar,
.jw-skin-black-in-tech .jw-state-playing .jw-controlbar {
display: block!important;
opacity: 1!important
}
.jw-skin-black-in-tech .jw-display {
padding: 0!important
}
.jw-skin-black-in-tech .jw-display-controls {
display: none
}
@media (max-width:1024px) {
.jw-skin-black-in-tech .jw-display-controls {
display: block
}
.jw-skin-black-in-tech .jw-display-controls .jw-icon-display .jw-svg-icon-pause,
.jw-skin-black-in-tech .jw-display-controls .jw-icon-display .jw-svg-icon-play {
color: #000
}
}
.jw-skin-black-in-tech .jw-display-container {
text-align: center;
margin: 0 auto
}
.jw-skin-black-in-tech .jwplayer.jw-flag-user-inactive .jw-display .jw-icon-display .jw-svg-icon-play,
.jw-skin-black-in-tech .jwplayer.jw-flag-user-inactive .jw-icon-playback .jw-svg-icon-play,
.jw-skin-black-in-tech .jwplayer.jw-state-playing .jw-display .jw-icon-display .jw-svg-icon-play,
.jw-skin-black-in-tech .jwplayer.jw-state-playing .jw-icon-playback .jw-svg-icon-play {
display: inline-block!important
}
.jw-skin-black-in-tech .jw-flag-ads-vpaid:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar,
.jw-skin-black-in-tech .jw-flag-user-inactive.jw-state-buffering:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar,
.jw-skin-black-in-tech .jw-flag-user-inactive.jw-state-playing:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar {
visibility: visible!important;
display: inline-block!important
}
.jw-skin-black-in-tech .jw-state-playing .jw-icon,
.jw-skin-black-in-tech .jw-state-playing .jw-svg-icon {
display: inline-block!important
}
.jw-skin-black-in-tech .jw-icon-playback {
align-items: center!important;
display: flex!important;
justify-content: center!important
}
.jw-skin-black-in-tech .jw-display-icon-next,
.jw-skin-black-in-tech .jw-display-icon-rewind,
.jw-skin-black-in-tech .jw-icon-settings {
display: none!important
}
.theme-black .jw-skin-black-in-tech .jw-media {
background-color: #000
}
.theme-black .jw-skin-black-in-tech .jw-preview {
background: #000
}
.theme-black .jw-skin-black-in-tech .jw-display-controls {
display: none
}
@media (max-width:1024px) {
.theme-black .jw-skin-black-in-tech .jw-display-controls {
display: block
}
.theme-black .jw-skin-black-in-tech .jw-display-controls .jw-icon-display .jw-svg-icon-pause,
.theme-black .jw-skin-black-in-tech .jw-display-controls .jw-icon-display .jw-svg-icon-play {
color: #fff
}
}
@media screen and (max-width:39.9375em) {
.theme-black .jw-skin-black-in-tech .jw-display-controls {
display: block
}
.theme-black .jw-skin-black-in-tech .jw-display-controls .jw-icon-display .jw-svg-icon-pause,
.theme-black .jw-skin-black-in-tech .jw-display-controls .jw-icon-display .jw-svg-icon-play {
color: #fff
}
}
.mid-package-ad {
margin-top: 40px
}
@media screen and (max-width:39.9375em) {
.mid-package-ad {
margin-top: 20px
}
}
@font-face {
font-family: CentraNo1;
font-style: normal;
font-weight: 700;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo1-Bold-Italic-Web/CentraNo1-Bold.woff) format("woff"), url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo1-Bold-Italic-Web/CentraNo1-Bold.eot) format("embedded-opentype")
}
@font-face {
font-family: CentraNo2;
font-style: normal;
font-weight: 700;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Bold.eot);
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Bold?#iefix) format("embedded-opentype"), url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Bold.woff2) format("woff2"), url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Bold.woff) format("woff")
}
@font-face {
font-family: CentraNo2Book;
font-style: normal;
font-weight: 400;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Book.eot);
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Book?#iefix) format("embedded-opentype"), url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Book.woff2) format("woff2"), url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Book.woff) format("woff")
}
@font-face {
font-family: MeretPro;
font-style: normal;
font-weight: 300;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/meret/Meret_SubFC-Book.woff) format("woff")
}
@font-face {
font-family: MeretPro;
font-style: italic;
font-weight: 300;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/meret/Meret_SubFC-Book_Italic.woff) format("woff")
}
@font-face {
font-family: MeretPro;
font-style: normal;
font-weight: 700;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/meret/Meret_SubFC-Bold.woff) format("woff")
}
@font-face {
font-family: MeretPro;
font-style: italic;
font-weight: 700;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/meret/Meret_SubFC-Bold_Italic.woff) format("woff")
}
@font-face {
font-family: CentraNo2;
font-weight: 100;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/opentype/CentraNo2-Thin.otf) format("opentype")
}
@font-face {
font-family: CentraNo2;
font-weight: 300;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/opentype/CentraNo2-Light.otf) format("opentype")
}
@font-face {
font-family: CentraNo2;
font-weight: 300;
font-style: italic;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/opentype/CentraNo2-LightItalic.otf) format("opentype")
}
@font-face {
font-family: CentraNo2;
font-weight: 500;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/opentype/CentraNo2-Medium.otf) format("opentype")
}
@font-face {
font-family: CentraNo2;
font-weight: 800;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/opentype/CentraNo2-Extrabold.otf) format("opentype")
}
@font-face {
font-family: CentraNo2;
font-weight: 800;
font-style: italic;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/opentype/CentraNo2-ExtraboldItalic.otf) format("opentype")
}
@font-face {
font-family: GTAmerica;
font-weight: 300;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/GT-America/GT-America-Mono-Light.otf) format("opentype")
}
.mtb-sm {
margin-top: calc(20px / 2);
margin-bottom: calc(20px / 2)
}
.mtb-md {
margin-top: 20px;
margin-bottom: 20px
}
.mtb-lg {
margin-top: calc(20px * 2);
margin-bottom: calc(20px * 2)
}
.mtb-xl {
margin-top: calc(20px * 3);
margin-bottom: calc(20px * 3)
}
.ptb-sm {
padding-top: calc(20px / 2);
padding-bottom: calc(20px / 2)
}
.ptb-md {
padding-top: 20px;
padding-bottom: 20px
}
.ptb-lg {
padding-top: calc(20px * 2);
padding-bottom: calc(20px * 2)
}
.ptb-xl {
padding-top: calc(20px * 3);
padding-bottom: calc(20px * 3)
}
.ad-container {
background-color: #ccc;
display: flex;
justify-content: center;
align-items: center
}
a.anchorTag {
text-decoration: none
}
.articleList__container {
width: 140px;
background: #fff;
position: -webkit-sticky;
position: sticky;
top: 116px;
z-index: 0
}
.articleList__inner {
padding-left: 25px;
padding-right: 25px;
max-height: 90vh;
overflow: scroll
}
.articleList__header {
padding-bottom: 15px;
border-bottom: 2px solid #000
}
.articleList__header__logo:hover {
cursor: pointer
}
.articleList__item {
padding: 20px 0;
color: #777;
border-bottom: 1px solid #ccc
}
.articleList__item:hover {
color: #ef5b24
}
.articleList__item:hover .articleList__item__title,
.articleList__item:hover .articleList__item__title a {
color: #ef5b24
}
.articleList__item:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 100px
}
.articleList__item.active {
color: #000;
cursor: auto
}
.articleList__item.active .articleList__item__title,
.articleList__item.active .articleList__item__title a {
color: #000;
cursor: auto
}
.articleList__item__title,
.articleList__item__title a {
font-family: CentraNo2;
font-size: 12px;
line-height: 16px;
color: #777;
text-decoration: none;
font-weight: 700;
padding-top: 3px
}
.articleList__item__title a:hover,
.articleList__item__title:hover {
color: #ef5b24;
cursor: pointer
}
.articleList__item .eyebrow__text {
line-height: 12px;
font-size: 12px
}
.button__base {
background-color: #777;
border: none;
padding: 6px 11px;
color: #fff;
display: inline-block;
cursor: pointer;
text-transform: uppercase;
font-family: CentraNo2, sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 14px;
letter-spacing: 2.8px
}
.button__base:hover {
background-color: #000
}
.button__base--rounded {
border-radius: 3px
}
.button__base.bigger {
padding: 10px 30px
}
.caption-container--title {
font-family: CentraNo2, sans-serif;
font-size: 25px;
line-height: 28px;
letter-spacing: .25px;
font-weight: 700;
color: #0073c0;
text-transform: capitalize;
margin-bottom: 5px
}
.caption-container--subtitle {
font-family: CentraNo2Book, sans-serif;
font-size: 16px;
line-height: 21px;
letter-spacing: 1.6px;
color: #0073c0;
text-transform: uppercase
}
.caption-container--subtitle a {
color: inherit
}
.caption-link-arrow {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
margin-left: -3px;
margin-top: 10px
}
.cardgrid__container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px
}
@media (max-width:1023px) {
.cardgrid__container {
grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:639px) {
.cardgrid__container {
display: block;
}
.image-container .image-display{
overflow: hidden;
}
}
.cardgrid__mobile__container {
display: none
}
.slick-list,
.slick-slider,
.slick-track {
position: relative;
display: block
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden
}
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
top: 0;
left: 0
}
.slick-track::after,
.slick-track::before {
display: table;
content: ""
}
.slick-track::after {
clear: both
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.carousel__dots {
display: flex!important;
justify-content: center;
list-style-type: none;
padding: 0
}
.carousel__dots li {
margin-right: 15px
}
.carousel__dots li:last-child {
margin-right: 0
}
.carousel__dots .slick-active {
background-color: #0072bc
}
.carousel__paging {
width: 11px;
height: 11px;
color: #0072bc;
border: 2px #0072bc solid
}
.arrow-next,
.arrow-prev {
position: absolute;
top: 40%;
z-index: 9
}
.arrow-prev {
left: 2px
}
.arrow-next {
right: 2px
}
.slick-slide:not(.slick-active) .profile_card--image,
.slick-slide:not(.slick-active) .profile_card--meta {
visibility: hidden;
opacity: 0;
transition: visibility 0s ease-in 10ms, opacity 10ms
}
.slick-slide.slick-active {
z-index: 1
}
.slick-slide.slick-active .profile_card--image,
.slick-slide.slick-active .profile_card--meta {
visibility: visible;
opacity: 1;
transition: visibility 0s ease-in 10ms, opacity 10ms
}
.carousel__dots {
display: flex!important;
justify-content: center;
list-style-type: none;
padding: 0
}
.carousel__dots li {
margin-right: 15px
}
.carousel__dots li:last-child {
margin-right: 0
}
.carousel__dots .slick-active {
background-color: #0072bc
}
.carousel__paging {
width: 11px;
height: 11px;
color: #0072bc;
border: 2px #0072bc solid
}
.arrow-next,
.arrow-prev {
position: absolute;
top: 40%;
z-index: 9
}
.arrow-prev {
left: 2px
}
.arrow-next {
right: 2px
}
.slick-slide:not(.slick-active) .profile_card--image,
.slick-slide:not(.slick-active) .profile_card--meta {
visibility: hidden;
opacity: 0;
transition: visibility 0s ease-in 10ms, opacity 10ms
}
.slick-slide.slick-active {
z-index: 1
}
.slick-slide.slick-active .profile_card--image,
.slick-slide.slick-active .profile_card--meta {
visibility: visible;
opacity: 1;
transition: visibility 0s ease-in 10ms, opacity 10ms
}
.carousel__article .carousel__item .carousel__itemContents {
display: flex;
gap: 25px;
flex-wrap: wrap
}
@media (min-width:640px) {
.carousel__article .carousel__item .carousel__itemContents .carousel__itemContents__left {
flex: 1
}
}
.carousel__article .carousel__item .carousel__itemContents .carousel__itemContents__right {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px
}
.carousel__article .carousel__item .carousel__itemContents .carousel__itemContents__right button {
font-size: 14px
}
.carousel__article .carousel__item .carousel__itemContents .carousel__itemContents__right a:hover {
background-color: #000;
color: #fff
}
@media (max-width:1023px) {
.carousel__article .carousel__item .carousel__itemContents .carousel__itemContents__right button {
height: 30px
}
}
.carousel__article .carousel__item .carousel__item__title {
font: bold 27px/30px CentraNo2;
color: #000;
position: relative
}
.carousel__article .carousel__item .carousel__item__deck {
margin: 8px 0 0 0;
font: normal 16px/18px CentraNo2;
color: #000;
position: relative
}
.carousel__arrowContainer {
display: flex;
gap: 75px;
font: normal 30px/30px CentraNo2Book;
color: #000
}
.carousel__arrowContainer>div {
cursor: pointer;
width: 28px
}
@media (max-width:1023px) {
.carousel__arrowContainer {
display: none
}
}
.carousel__arrowContainer_nodesktop {
display: none
}
@media (max-width:1023px) {
.carousel__arrowContainer_nodesktop {
display: flex;
justify-content: space-between;
padding-top: 2em;
font: normal 30px/30px CentraNo2Book;
color: #000
}
.carousel__arrowContainer_nodesktop .image-display {
height: 30px;
margin-bottom: 2em
}
}
@media (max-width:639px) {
.carousel__arrowContainer_nodesktop {
display: flex;
justify-content: space-between
}
}
.carousel-next-arrow {
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
.carousel-prev-arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.eyebrow__text {
font-family: CentraNo2Book, sans-serif;
font-size: 8px;
line-height: 8px;
letter-spacing: 1.2px;
text-transform: uppercase
}
.grid__container {
display: block;
position: relative
}
.row__container {
display: flex
}
@media (max-width:639px) {
.row__container.amazon {
flex-direction: column
}
}
.row__container.amazon .col__container:first-of-type {
margin-bottom: 40px
}
.col__container {
flex: 1;
padding: 8px
}
@media (min-width:1024px) {
.col__container {
padding: 0 20px
}
}
.col__container--noPadding {
padding: 0
}
@media (min-width:1024px) {
.col__container.heroLeftColumn {
flex: none;
width: 114px;
margin-top: 40px;
border-right: 1px solid #ccc;
padding-top: 0
}
}
.col__container .dropCap {
width: 106px;
text-align: center;
border: 1px solid #000;
margin-top: 10px;
margin-bottom: 30px
}
.col__container .dropCap p {
font: bold 80px CentraNo2;
margin: 0
}
hr.horizontalRule {
border: none
}
.icon_title--container {
display: flex;
align-items: center;
margin-bottom: 15px
}
@media (max-width:639px) {
.icon_title--container {
align-items: flex-start;
flex-direction: column
}
}
.icon_title--container .with-underline {
padding-bottom: 5px
}
.icon_title--icon {
max-width: 75px
}
.icon_title--icon img {
width: 75px
}
.icon_title--title {
font-family: CentraNo2, sans-serif;
font-size: 30px;
line-height: 36px;
letter-spacing: 3px;
font-weight: 700;
color: #0073c0;
text-transform: uppercase
}
.icon_title--title.with-icon {
margin-left: 15px
}
@media (max-width:639px) {
.icon_title--title.with-icon {
margin-left: 0
}
}
.image-container {
width: 100%
}
.image-container--flex {
display: flex;
flex-direction: column;
}
.image-container--flex .image-display {
margin-right: 5px
}
@media (max-width:639px) {
.image-container--flex .image-display {
margin-right: 0
}
}
@media (max-width:1023px) {
.image-container {
flex-direction: column
}
}
.image-container .image-display {
flex: 4
}
.image-container .image-display img {
width: 100%;
height: 100%;
display: block;
position: relative;
overflow: hidden
}
.image-container .image-display.withBorder {
border: 6px solid #0073c0;
height:190px;
}
@media (max-width:639px) {
.image-container .image-display.withBorder {
border-width: 3px
}
}
.image-container .image-display.float {
padding-bottom: 20px;
position: relative;
top: 8px
}
.image-container .image-display.float.left {
float: left;
padding-right: 20px
}
.image-container .image-display.float.right {
float: right;
padding-left: 20px
}
.image-container .image-caption {
flex: 1;
margin-left: 10px;
margin-top:10px;
}
@media (max-width:1023px) {
.image-container .image-caption {
margin-left: initial;
margin-top: 15px
}
}
.image-container:hover .image-display {
border-color: #fff
}
.section__leftRail_container {
top: 1032px;
left: 25px;
width: 91px;
height: 764px
}
.section__leftRail_container .icon_title--container {
width: 84px
}
.section__leftRail_container .icon_title--container .icon_title--icon img {
width: 25px
}
.section__leftRail_container .icon_title--container .icon_title--title {
font-family: CentraNo2, sans-serif;
font-size: 5px;
font-weight: 700;
color: #0073c0;
text-transform: uppercase
}
.leftRailItem_container li.text-container {
text-align: left;
font: normal normal normal 8px/25px CentraNo2;
letter-spacing: 1.2px;
color: #000;
text-transform: uppercase;
opacity: 1;
list-style: none;
top: 1032px;
left: 25px;
width: 84px;
height: 10px
}
.leftRailItem_container p.text-container {
text-align: left;
font: normal normal bold 12px/16px CentraNo2;
letter-spacing: 0;
opacity: 1;
top: 1045px;
left: 25px;
width: 84px;
height: 81px
}
.leftRailItem_container .border {
top: 1146px;
left: 26px;
width: 90px;
height: 0;
border: 1px solid #ccc;
opacity: 1
}
.listselector__container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding-top: 16px;
padding-left: 16px;
margin: 10px auto;
z-index: 10;
}
@media (max-width:1023px) {
.listselector__container {
flex-direction: column;
padding-left: 0;
padding-right: 0
}
}
.listselector__menu {
display: none;
position: absolute;
top: -40%;
background-color: #fff
}
@media (max-width:639px) {
.listselector__menu {
top: -37%
}
}
.listselector__menu--open {
display: inline-block;
border: 6px solid;
margin-left: -8px;
margin-right: -8px
}
@media (max-width:639px) {
.listselector__menu--open {
border-width: 3px
}
}
.listselector__select {
border: none
}
.listselector__connector {
height: 6px;
width: 42px;
background: #0073c0
}
@media (max-width:1023px) {
.listselector__connector {
height: 42px;
width: 6px
}
}
@media (max-width:639px) {
.listselector__connector {
width: 3px
}
}
.listselector__base__left {
display: flex;
position: relative;
justify-content: center;
align-items: center;
border: 6px solid #0073c0;
padding: 10px 59px;
background-color: #fff200;
font-family: CentraNo2, sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 36px;
letter-spacing: 3.4px;
text-transform: uppercase;
color: #0073c0;
box-shadow: -10px 10px 0 -4px #f15922, -10px 10px 0 2px #0073c0
}
@media (max-width:639px) {
.listselector__base__left {
border-width: 3px;
box-shadow: -7px 7px 0 -4px #f15922, -7px 7px 0 -1px #0073c0
}
}
.listselector__base__right {
border: 6px solid #0073c0;
display: flex;
position: relative;
align-items: center;
cursor: pointer;
background-color: #fff;
font-family: CentraNo2, sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 36px;
letter-spacing: 3.4px;
text-transform: uppercase;
color: #0073c0;
flex: 4
}
@media (max-width:1023px) {
.listselector__base__right {
width: 100%
}
}
@media (max-width:639px) {
.listselector__base__right {
border-width: 3px
}
}
.listselector__base__right select {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit
}
.listselector__item__container {
display: block;
position: relative;
width: 100%;
z-index: 1
}
.listselector__item__container>span {
display: inline-block;
padding: 10px 12px
}
.listselector__item__container .listselector__arrow {
position: absolute;
right: 10px;
top: 7px;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}
.listselector__item__container .listselector__arrow--open {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.listselector__item {
margin: auto 14px;
border-bottom: 6px solid #0073c0;
font-family: CentraNo2, sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 36px;
letter-spacing: 3.4px;
text-transform: uppercase;
padding-top: 23px;
padding-bottom: 23px;
color: #0073c0;
margin-right: 50px
}
@media (max-width:639px) {
.listselector__item {
border-width: 3px
}
}
.listselector__item:last-child {
border-bottom: none;
padding-bottom: 10px
}
.listselector__item:hover {
color: #ef5b24
}
.listselector__item--active {
color: #ef5b24
}
.listselector__item>button {
background-color: #fff;
border: none;
width: 100%;
text-align: left;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
cursor: pointer;
padding-left: 0
}
.multi-tab-list {
width: 100%
}
.tabs__list {
display: flex
}
@font-face {
font-family: CentraNo2;
font-style: normal;
font-weight: 700;
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Bold.eot);
src: url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Bold?#iefix) format("embedded-opentype"), url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Bold.woff2) format("woff2"), url(https://images.fastcompany.net/multisite_files/fastcompany/static/sites/fonts/201010/CentraNo2/CentraNo2-Bold.woff) format("woff")
}
.multi-tab-list .tabs__list .tab {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 0;
flex-direction: column;
cursor: pointer;
height: 150px;
padding: 20px
}
.multi-tab-list .tabs__list .tab.active {
color: #00f;
background-color: #f7f7f7
}
.multi-tab-list .tabs__list .tab.inactive {
color: #00f;
background-color: #fff
}
.multi-tab-list .tabs__list .tab .category {
font: bold 13px/26px CentraNo2;
letter-spacing: 1.3px;
text-transform: uppercase
}
.multi-tab-list .tabs__list .tab img {
display: block;
height: 40px;
margin: 10px 0 0 0
}
.multi-tab-list.bwi-2021 .tabs .tab {
height: 150px;
padding: 20px
}
.multi-tab-list.bwi-2021 .tabs .tab.active {
color: #00f;
background-color: #f7f7f7
}
.multi-tab-list.bwi-2021 .tabs .tab.inactive {
color: #00f;
background-color: #fff
}
.multi-tab-list.bwi-2021 .tabs .tab .category {
font: bold 13px/26px CentraNo2;
letter-spacing: 1.3px;
text-transform: uppercase
}
.multi-tab-list.bwi-2021 .tabs .tab img {
display: block;
height: 40px;
margin: 10px 0 0 0
}
svg.openToggle {
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
display: block
}
svg.openToggle .plus-sign {
stroke: #00f;
stroke-width: 2px
}
svg.openToggle.active {
stroke: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
svg.openToggle.active .plus-sign {
stroke: #fff
}
.profile_card--meta {
margin: 10px auto
}
@media (max-width:639px) {
.profile_card--meta {
margin: 15px auto
}
}
@media (max-width:639px) {
.profile_card--container {
border: 3px solid #0073c0;
margin: 0 5px;
padding: 20px
}
}
.profile_card--container:hover .profile_card--image .image-container .image-display {
border-color: #fff
}
.section__container {
display: block;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
background-color: #fff;
transition: background-color 250ms
}
.section__container.noPadding {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.section__container.bg-1 {
background-color: #f8d6e5
}
.section__container.bg-2 {
background-color: #fff39e
}
.section__container.bg-3 {
background-color: #fdcaad
}
.section__container.bg-4 {
background-color: #f8dccd
}
.section__container.bg-5 {
background-color: #ffc734
}
.section__container.bg-6 {
background-color: #93cd57
}
.section__container.bg-7 {
background-color: #fff338
}
.section__inner {
max-width: 990px;
margin: 0 auto;
display: block;
position: relative
}
.section__inner .post__article-top-ad-wrapper .ad-wrapper--mobileleaderboard {
margin-top: 60px;
margin-bottom: 0
}
.section__video {
width: 100%;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
-o-object-fit: contain;
object-fit: contain
}
.section__videoWrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.section__videoWrapper .section__inner {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center
}
.section__ibd_anniversary.heroLeftColumn {
width: 10%
}
.section__ibd_anniversary.hero_section {
height: auto!important
}
.section__ibd_anniversary.backToTop {
padding: 6px 0
}
.section__ibd_anniversary.backToTop .section__inner p.text-container {
letter-spacing: 2px;
font-family: CentraNo2Book;
font-size: 10px;
color: #fff
}
.section__ibd_anniversary button {
letter-spacing: 2.4px;
text-transform: uppercase
}
@media (min-width:640px) and (max-width:1023px) {
.section__ibd_anniversary.section__container:not(.noPadding) {
padding-left: 20px;
padding-right: 20px
}
.section__ibd_anniversary.section__container button {
margin-top: 36px
}
.section__ibd_anniversary.section__container.hero_section {
height: auto!important
}
.section__ibd_anniversary.section__container.hero_section h6.text-container {
font-size: 22px;
line-height: 29px
}
.section__ibd_anniversary.section__container.section2 .section__inner button,
.section__ibd_anniversary.section__container.section4 .section__inner button {
margin-top: 0
}
.section__ibd_anniversary.section__container.section5 .section__inner button {
margin-top: 0
}
.section__ibd_anniversary.section__container.section6 .section__inner button {
margin-top: 0
}
.section__ibd_anniversary.section__container.section6 .section__inner div.image-container {
width: 518px;
height: 291px
}
.section__ibd_anniversary.section__container.section7 .section__inner button {
margin-top: 0
}
.section__ibd_anniversary.section__container.section7 .section__inner div.image-container {
width: 518px;
height: 291px
}
.section__ibd_anniversary.section__container.section8 .section__inner button {
margin-top: 0
}
.section__ibd_anniversary.section__container.section8 .section__inner div.image-container {
width: 518px;
height: 291px
}
.section__ibd_anniversary.section__container .section__inner h6.text-container {
margin-bottom: 40px
}
}
@media (max-width:639px) {
.section__ibd_anniversary.hero_section {
height: auto!important
}
.section__ibd_anniversary.backToTop .section__inner p.text-container {
letter-spacing: 2px;
font-family: CentraNo2Book;
font-size: 10px;
color: #fff
}
.section__ibd_anniversary button {
letter-spacing: 2.4px;
text-transform: uppercase
}
.section__ibd_anniversary .section__inner h2.text-container {
font-size: 30px!important;
line-height: 30px!important
}
}
.list-items-container {
background-color: #f7f7f7
}
.list-row.active {
background: #00f;
color: #fff
}
.list-row__header {
font: bold 13px/28px CentraNo1;
letter-spacing: 1.3px;
text-transform: uppercase;
color: #00f;
margin-left: 20px;
margin-right: 20px;
padding-top: 40px;
border-bottom: #ccc 1px solid
}
.list-row__header.active {
color: #00f
}
.list-row__header.inactive {
color: #ccc
}
.list-row__header .container {
display: grid;
-webkit-column-gap: 18.5px;
-moz-column-gap: 18.5px;
column-gap: 18.5px;
align-items: center
}
@media (max-width:639px) {
.list-row__header .container {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px
}
}
@media (max-width:375px) {
.list-row__header .container {
display: none
}
}
.list-row__header .container__mobile {
display: none
}
@media (max-width:375px) {
.list-row__header .container__mobile {
display: flex
}
}
.list-row__header .container.ad {
width: 100%;
justify-content: center
}
.list-row__header .container .column.icon>svg {
float: right
}
.list-row__header span {
margin-left: .5em;
font-size: 12px
}
.list-row__header button {
background-color: inherit;
color: inherit;
font: inherit;
text-transform: inherit;
letter-spacing: inherit;
padding: inherit;
border: unset;
text-align: left
}
.list-row__header button.descending::after {
margin-left: .5em;
content: '▲'
}
.list-row__header button.ascending::after {
margin-left: .5em;
content: '▼'
}
.list-row__item {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
color: #00f;
font: normal 15px/20px CentraNo2
}
.list-row__item .container {
display: grid;
-webkit-column-gap: 18.5px;
-moz-column-gap: 18.5px;
column-gap: 18.5px;
align-items: center
}
@media (max-width:375px) {
.list-row__item .container {
align-items: flex-start
}
}
.list-row__item .container.ad {
width: 100%;
justify-content: center
}
.list-row__item .container .column {
flex: 1
}
.list-row__item .container .column.rank {
grid-area: rank
}
.list-row__item .container .column.company {
grid-area: company
}
.list-row__item .container .column.location {
grid-area: location
}
.list-row__item .container .column.industry {
grid-area: industry
}
.list-row__item .container .column.control {
grid-area: control;
display: flex;
justify-content: flex-end
}
.list-row__item .container .column__mobile {
display: none;
color: #00f;
font: normal 15px/20px CentraNo2;
text-transform: initial
}
@media (max-width:375px) {
.list-row__item .container .column__mobile {
display: block
}
}
.list-row__item .rank {
font: bold 25px/25px CentraNo2
}
.list-row__item .company {
font: bold 15px/20px CentraNo2;
letter-spacing: 1.65px;
text-transform: uppercase
}
.text-container, .text-container div {
font-family: MeretPro, serif;
font-size: 19px;
line-height: 28px;
color: #fff !important;
}
.text-container--centered {
text-align: center
}
.text-container--absolute {
position: absolute;
bottom: 12px;
left: 50%
}
.text-container.h2 {
font-family: CentraNo2Book, sans-serif;
font-size: 45px;
line-height: 45px;
margin-bottom: 15px;
margin-top: 15px
}
.text-container.h6 {
font-family: CentraNo2Book, sans-serif;
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
margin-top: 10px
}
.text-container a {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
text-decoration: underline
}
.topNav__placeholder {
position: fixed;
top: 0;
left: 0;
height: 55px;
width: 100%;
background: rgba(0, 0, 0, .8);
z-index: 5
}
.topNav__inner {
align-items: center;
display: flex;
height: inherit;
justify-content: space-between;
max-width: 80rem;
margin: 0 auto;
padding: 0 20px;
color: #fff;
box-sizing: border-box
}
.category-and-articles {
display: block
}
.category-and-articles__category {
display: grid;
grid-template-columns: 120px 1fr 35px;
grid-template-areas: 'image name arrow';
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
padding: 15px 0;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
align-items: center;
position: relative
}
@media (max-width:639px) {
.category-and-articles__category {
grid-template-columns: 120px 1fr;
grid-template-areas: 'image arrow' 'name name';
gap: 10px
}
}
.category-and-articles__category img {
grid-area: image;
display: block;
border-radius: 100%;
width: 100%
}
.category-and-articles__category-name {
grid-area: name;
font: 300 35px/45px CentraNo2;
letter-spacing: 1.75px;
color: #000;
text-transform: uppercase
}
.category-and-articles__category-arrow {
grid-area: arrow;
font: 300 40px/30px CentraNo2;
color: #000
}
.category-and-articles__category-arrow::after {
display: block;
content: '→';
float: right
}
.category-and-articles__category a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.category-and-articles__category:hover>.category-and-articles__category-arrow,
.category-and-articles__category:hover>.category-and-articles__category-name {
color: #01b2f0
}
.category-and-articles__toggle {
display: flex;
align-items: center;
font: normal 12px/19px CentraNo2Book;
letter-spacing: 1.5px;
color: #777;
cursor: pointer;
padding: 15px 0 20px
}
.category-and-articles__toggle svg {
width: 8px;
margin-left: .5em
}
.category-and-articles__toggle svg path {
fill: #777
}
.category-and-articles__toggle svg.hide {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.category-and-articles__articles {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px 30px;
padding: 30px 0 40px 152px
}
@media (max-width:1023px) {
.category-and-articles__articles {
grid-template-columns: repeat(3, 1fr);
padding: 30px 0 40px
}
}
@media (max-width:639px) {
.category-and-articles__articles {
grid-template-columns: 1fr;
padding: 0 0 40px
}
}
.category-and-articles__articles-article {
display: grid;
row-gap: 5px;
align-content: flex-start;
position: relative
}
.category-and-articles__articles-article-hed {
font: 700 20px/24px CentraNo2;
letter-spacing: .2px;
color: #000
}
.category-and-articles__articles-article-dek {
font: normal 14px/19px CentraNo2Book;
letter-spacing: 1.4px;
text-transform: uppercase;
color: #000
}
.category-and-articles__articles-article a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.category-and-articles__articles-article:hover>.category-and-articles__articles-article-dek,
.category-and-articles__articles-article:hover>.category-and-articles__articles-article-hed {
color: #01b2f0
}
#InnovationByDesign__anniversary #anniversaryLander .section5 {
min-height: 500px
}
@media (min-width:640px) {
#InnovationByDesign__anniversary #anniversaryLander .section5 {
min-height: 350px
}
}
#InnovationByDesign__anniversary #anniversaryLander .section3 h2,
#InnovationByDesign__anniversary #anniversaryLander .section4 h2 {
margin-top: 0
}
#InnovationByDesign__anniversary #anniversaryLander .section__videoWrapper {
background-image: url(https://images.fastcompany.net/image/upload/v1632422808/fcweb/IBD-10th-Anniversary-backdrop_STATIC_nwuxtb.png);
background-size: cover;
background-position: center
}
@media (min-width:640px) {
#InnovationByDesign__anniversary #anniversaryLander .section__videoWrapper {
background-image: none
}
}
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero {
display: grid;
grid-template-columns: 1fr;
padding-top: 45px
}
@media (min-width:1024px) {
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero {
grid-template-columns: 140px 1fr
}
}
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero.amazon {
padding-top: 0
}
@media (min-width:1024px) {
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero.amazon {
grid-template-columns: 0 1fr
}
}
@media (max-width:639px) {
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero.amazon {
margin-bottom: -65px
}
}
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__left {
padding-left: 25px;
padding-right: 25px;
display: none
}
@media (min-width:1024px) {
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__left {
display: block
}
}
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__right {
padding: 0 90px 0 45px;
border-left: 1px solid #000
}
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__right .top_icon {
display: none
}
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__right .horizontalRule {
margin-top: 0;
margin-bottom: 30px
}
@media (max-width:1023px) {
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__right {
border-left: none;
padding: 0 30px 0 20px
}
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__right .top_icon {
display: inline-block;
width: 90px!important
}
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__right .horizontalRule {
margin-bottom: 50px
}
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__right .image-container {
display: block;
margin-bottom: 32px
}
}
@media (max-width:639px) {
#InnovationByDesign__anniversary #anniversaryLander .hero_section .section__hero .hero__right {
padding: 0 10px 0 10px
}
}
#InnovationByDesign__anniversary #anniversaryLander .introText {
font-family: CentraNo2, sans-serif;
font-size: 22px;
line-height: 29px;
color: #777
}
#InnovationByDesign__anniversary #anniversaryLander .sectionHeader .h2 {
font-family: CentraNo2, sans-serif!important;
font-size: 45px!important;
line-height: 52px!important
}
#InnovationByDesign__anniversary #anniversaryLander .sectionHeader .h6 {
font: normal 16px/20px CentraNo2
}
#InnovationByDesign__anniversary #anniversaryLander button {
font-size: 12px!important
}
#InnovationByDesign__anniversary #anniversaryLander button:hover {
color: #fff!important;
background-color: #ccc!important
}
#InnovationByDesign__anniversary #anniversaryLander .articleLeftSection .inner-grid-padding,
#InnovationByDesign__anniversary #anniversaryLander .articleRightSection .inner-grid-padding {
padding-left: 10px;
padding-right: 10px
}
@media (min-width:640px) {
#InnovationByDesign__anniversary #anniversaryLander .articleLeftSection .inner-grid-padding,
#InnovationByDesign__anniversary #anniversaryLander .articleRightSection .inner-grid-padding {
padding-left: 30px;
padding-right: 30px
}
}
@media (min-width:1024px) {
#InnovationByDesign__anniversary #anniversaryLander .articleLeftSection .inner-grid-padding,
#InnovationByDesign__anniversary #anniversaryLander .articleRightSection .inner-grid-padding {
padding-left: 100px;
padding-right: 100px
}
}
@media (max-width:1023px) {
#InnovationByDesign__anniversary #anniversaryLander .sectionHeader .h2 {
font-size: 45px!important;
line-height: 52px!important
}
#InnovationByDesign__anniversary #anniversaryLander .section__videoWrapper .section__inner {
padding: 20px
}
#InnovationByDesign__anniversary #anniversaryLander .articleLeftSection .sectionHeader .h2,
#InnovationByDesign__anniversary #anniversaryLander .articleRightSection .sectionHeader .h2 {
font-size: 45px!important;
line-height: 52px!important
}
}
@media (max-width:639px) {
#InnovationByDesign__anniversary #anniversaryLander .section__container {
padding-bottom: 0
}
#InnovationByDesign__anniversary #anniversaryLander .section__container.section3,
#InnovationByDesign__anniversary #anniversaryLander .section__container.section4 {
padding-top: 45px
}
#InnovationByDesign__anniversary #anniversaryLander .section__container .section5 {
margin-top: 20px!important;
margin-bottom: 20px!important
}
#InnovationByDesign__anniversary #anniversaryLander .section__container .sectionHeader .h2 {
font-size: 30px!important;
line-height: 30px!important
}
#InnovationByDesign__anniversary #anniversaryLander .section__container.articleLeftSection .sectionHeader .h2,
#InnovationByDesign__anniversary #anniversaryLander .section__container.articleRightSection .sectionHeader .h2 {
font-size: 45px!important;
line-height: 52px!important
}
#InnovationByDesign__anniversary #anniversaryLander .section__container.articleLeftSection .col__container,
#InnovationByDesign__anniversary #anniversaryLander .section__container.articleRightSection .col__container {
align-items: inherit!important
}
#InnovationByDesign__anniversary #anniversaryLander .section__container.articleLeftSection .col__container .image-bgCover,
#InnovationByDesign__anniversary #anniversaryLander .section__container.articleRightSection .col__container .image-bgCover {
height: 375px
}
#InnovationByDesign__anniversary #anniversaryLander .col__container {
padding: 0
}
#InnovationByDesign__anniversary #anniversaryLander .col__container .mtb-md {
margin-top: 36px;
margin-bottom: 66px
}
}
#InnovationByDesign__anniversary #anniversaryLander .image-bgCover {
height: 80vh;
background-size: cover;
background-position: center center;
max-height: 600px
}
#InnovationByDesign__anniversary .anniversaryGridLayout {
display: grid;
grid-template-columns: 1fr
}
@media (min-width:1024px) {
#InnovationByDesign__anniversary .anniversaryGridLayout {
grid-template-columns: 140px 1fr
}
}
#InnovationByDesign__anniversary .section__ibd_anniversary.menuCover {
margin-left: initial
}
@media (min-width:1024px) {
#InnovationByDesign__anniversary .section__ibd_anniversary.menuCover {
margin-left: -140px!important
}
}
#editorialLander {
background: #f7f7f7
}
#editorialLander .list-items-container {
background: #fff
}
#editorialLander .heroSection .nonDesktopHeroImage {
display: none
}
@media (max-width:1023px) {
#editorialLander .heroSection .desktopHeroImage {
display: none
}
#editorialLander .heroSection .nonDesktopHeroImage {
display: block
}
}
@media (max-width:1023px) {
#editorialLander .carouselSection,
#editorialLander .heroSection,
#editorialLander .introSection,
#editorialLander .tableSection {
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
width: 100%
}
}
@media (max-width:639px) {
#editorialLander .carouselSection,
#editorialLander .heroSection,
#editorialLander .introSection,
#editorialLander .tableSection {
padding-left: 0;
padding-right: 0;
margin: 0 auto;
width: 100%
}
}
@media (max-width:1023px) {
#editorialLander .tableSection {
background-color: #fff;
padding-left: 0;
padding-right: 0
}
#editorialLander .tableSection .section__container {
background-color: #fff!important;
padding-top: 0;
padding-left: 0;
padding-right: 0
}
}
#editorialLander .introText {
font-family: MeretPro, serif;
font-size: 19px;
line-height: 28px
}
#editorialLander .multi-tab-list .tabs__list .tab.active {
color: #999;
background: #fff
}
#editorialLander .multi-tab-list .tabs__list .tab {
height: 50px;
}
#editorialLander .multi-tab-list .tabs__list .tab.inactive {
background: #f7f7f7
}
@media (max-width:639px) {
#editorialLander .multi-tab-list .tabs__list .tab {
align-items: flex-start;
padding: 10px
}
#editorialLander .multi-tab-list .tabs__list .tab.inactive {
display: none
}
}
#editorialLander .multi-tab-list .tabs__list .tab .category {
font-size: 14px;
line-height: 17px;
letter-spacing: 1.54px
}
#editorialLander .list-row {
padding: 30px
}
@media (max-width:639px) {
#editorialLander .list-row {
padding: 30px 10px
}
#editorialLander .list-row .container {
border-top: #ccc 1px solid;
padding-top: 30px
}
#editorialLander .list-row:first-of-type {
padding-top: 0
}
}
#editorialLander .list-row:not(:last-of-type) {
padding-bottom: 0
}
#editorialLander .list-row:not(:first-of-type) .container {
border-top: #ccc 1px solid;
padding-top: 30px
}
#editorialLander .list-row .container {
align-items: flex-start
}
#editorialLander .list-row .container.tab-0 {
grid-template-areas: 'icon titles description image control'
}
#editorialLander .list-row .container.tab-1 {
grid-template-areas: 'icon titles control' 'icon description control'
}
@media (max-width:639px) {
#editorialLander .list-row .container {
padding-left: 0;
row-gap: 20px
}
#editorialLander .list-row .container.tab-0 {
grid-template-columns: fit-content(50px) 1fr fit-content(36px)!important;
grid-template-areas: 'icon titles control' 'description description description' 'image image image';
grid-template-rows: -webkit-max-content;
grid-template-rows: max-content
}
#editorialLander .list-row .container.ad {
grid-template-columns: none!important
}
}
@media (min-width:640px) and (max-width:1023px) {
#editorialLander .list-row .container {
padding-left: 0;
row-gap: 15px
}
#editorialLander .list-row .container.tab-0 {
grid-template-columns: fit-content(50px) 1fr fit-content(310px) fit-content(36px)!important;
grid-template-areas: 'icon titles image control' 'icon description image control';
grid-template-rows: -webkit-max-content;
grid-template-rows: max-content
}
#editorialLander .list-row .container.tab-1 {
grid-template-columns: fit-content(50px) 1fr fit-content(36px)!important;
grid-template-areas: 'icon titles control' 'icon description control'
}
#editorialLander .list-row .container.ad {
grid-template-columns: none!important
}
}
#editorialLander .list-row .container .column.icon {
grid-area: icon
}
#editorialLander .list-row .container .column.icon img {
width: 100%
}
#editorialLander .list-row .container .column.titles {
grid-area: titles
}
#editorialLander .list-row .container .column.titles .title__category {
font: bold 14px/17px CentraNo2;
text-transform: uppercase;
letter-spacing: 1.54px;
color: #777
}
#editorialLander .list-row .container .column.titles .title__title {
font: bold 19px/23px CentraNo2;
text-transform: uppercase;
letter-spacing: 2.09px;
color: #000;
margin: 5px 0;
cursor: pointer
}
#editorialLander .list-row .container .column.titles .title__company {
font: bold 14px/17px CentraNo2;
text-transform: uppercase;
letter-spacing: 1.54px;
color: #777
}
#editorialLander .list-row .container .column.description {
grid-area: description;
font: normal 17px/22px CentraNo2Book;
color: #5f5f5f
}
#editorialLander .list-row .container .column.description p {
margin: 0
}
#editorialLander .list-row .container .column.image {
grid-area: image;
cursor: pointer
}
#editorialLander .list-row .container .column.image img {
width: 100%
}
#editorialLander .list-row .container .column.control {
grid-area: control;
font: normal 30px/30px CentraNo2Book;
color: #000;
cursor: pointer
}
#editorialLander .list-row__item:hover .titles .title__title {
color: #ef5b24!important
}
.listItemContainer {
display: flex;
background-color: #f7f7f7;
align-items: flex-start;
padding: 15px 0;
gap: 20px
}
.listItemContainer .item-attribute {
flex: 1;
padding-left: 10px;
padding-right: 10px
}
.listItemContainer .item-attribute.item-icon {
max-width: 50px;
height: 50px
}
.listItemContainer .item-attribute.item-category,
.listItemContainer .item-attribute.item-company {
font-family: CentraNo2, sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 17px;
color: #777;
text-transform: uppercase
}
.listItemContainer .item-attribute.item-title {
font-family: CentraNo2, sans-serif;
font-weight: 700;
font-size: 19px;
line-height: 23px;
color: #000;
text-transform: uppercase
}
.post__article-top-ad-wrapper {
padding-top: 10px
}
.post__article-top-ad-wrapper .ad-wrapper--flexibleleaderboard {
margin-top: 0
}
#InnovationByDesign__anniversary.amazon .eyebrow {
text-align: center;
font: bold 13px/20px GTAmerica;
letter-spacing: 1.3px;
margin: 20px 0;
color: #ef5b24;
display: block
}
#InnovationByDesign__anniversary.amazon #anniversaryLander .section__container:not(.backToTop) {
padding-top: 30px;
padding-bottom: 21px
}
#InnovationByDesign__anniversary.amazon #anniversaryLander .section__container:not(.backToTop):first-of-type {
padding-top: 0
}
@media (max-width:639px) {
#InnovationByDesign__anniversary.amazon #anniversaryLander .section__container:not(.backToTop):not(.noPadding) {
padding-left: 20px;
padding-right: 20px
}
}
#InnovationByDesign__anniversary.amazon #anniversaryLander .mtb-md {
margin-bottom: 19px
}
#InnovationByDesign__anniversary.amazon .anniversaryGridLayout__left {
border-right: 1px solid #ccc
}
#InnovationByDesign__anniversary.amazon .section__hero .hero__left,
#InnovationByDesign__anniversary.amazon .section__hero .hero__right {
padding: 0;
padding-left: 0!important;
padding-right: 0!important
}
@media (min-width:1024px) {
#InnovationByDesign__anniversary.amazon .anniversaryGridLayout {
grid-template-columns: 200px 1fr
}
}
@media (min-width:1024px) {
#InnovationByDesign__anniversary.amazon .section__ibd_anniversary.menuCover {
margin-left: -200px!important
}
}
#InnovationByDesign__anniversary.amazon .articleList__container {
width: unset
}
#InnovationByDesign__anniversary.amazon .articleList__container .articleList__inner {
padding-left: 40px;
padding-right: 40px
}
#InnovationByDesign__anniversary.amazon .articleList__container .articleList__item:last-child {
padding-bottom: 20px
}
#InnovationByDesign__anniversary.amazon .introText {
padding-left: 20px;
padding-bottom: 30px
}
@media (max-width:1023px) {
#InnovationByDesign__anniversary.amazon .introText {
padding-left: 0
}
}
#InnovationByDesign__anniversary.amazon .post__article-top-ad-wrapper {
padding-top: 0
}
#WorldChangingIdeas__Application {
margin-bottom: 40px
}
#WorldChangingIdeas__Application button {
padding: 10px 30px
}
#WorldChangingIdeas__Application .section__container .icon_title--title h2 {
font-family: CentraNo2, sans-serif;
font-weight: 700;
letter-spacing: 5.4px;
margin-bottom: 1px
}
#WorldChangingIdeas__Application .section__container .icon_title--title h2+hr {
margin-top: 0;
margin-bottom: 14px
}
#WorldChangingIdeas__Application .section__topHero {
padding-top: 40px;
padding-bottom: 40px
}
@media (min-width:1024px) {
#WorldChangingIdeas__Application .section__topHero {
padding-top: 70px;
padding-bottom: 60px
}
}
#WorldChangingIdeas__Application .section__blurb {
margin-bottom: 20px
}
#WorldChangingIdeas__Application .section__whyApply {
padding-bottom: 20px
}
#WorldChangingIdeas__Application .section__categories .categoryContainer:last-child {
margin-bottom: 0;
padding-bottom: 0
}
#WorldChangingIdeas__Application .icon {
width: 60px;
height: 60px;
flex: 0 0 60px;
margin-right: 10px
}
#WorldChangingIdeas__Application .categoryContainer,
#WorldChangingIdeas__Application .reasonContainer {
display: grid;
grid-template-columns: 1fr;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 0
}
@media (min-width:640px) {
#WorldChangingIdeas__Application .categoryContainer,
#WorldChangingIdeas__Application .reasonContainer {
grid-template-columns: 1fr 1fr;
row-gap: 20px
}
}
#WorldChangingIdeas__Application .categoryContainer h3,
#WorldChangingIdeas__Application .reasonContainer h3 {
font-family: CentraNo2, sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 22px;
letter-spacing: .44px;
margin-top: 0;
margin-bottom: 8px
}
#WorldChangingIdeas__Application .categoryContainer h3>span,
#WorldChangingIdeas__Application .reasonContainer h3>span {
color: #fc136f
}
#WorldChangingIdeas__Application .categoryContainer .itemDescription,
#WorldChangingIdeas__Application .reasonContainer .itemDescription {
line-height: 15px
}
#WorldChangingIdeas__Application .topItems {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
#WorldChangingIdeas__Application .topItems h2 {
font-family: CentraNo2;
font-weight: 700;
font-size: 16px;
line-height: 20px;
letter-spacing: 5.5px;
margin-top: 40px;
text-align: center;
text-transform: uppercase
}
@media (min-width:640px) {
#WorldChangingIdeas__Application .topItems h2 {
font-size: 22px;
line-height: 26px
}
}
#WorldChangingIdeas__Application .whyApplyItem {
display: flex;
margin-bottom: 45px
}
#WorldChangingIdeas__Application .judgesContainer {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
text-align: center
}
@media (min-width:640px) {
#WorldChangingIdeas__Application .judgesContainer {
grid-template-columns: 1fr 1fr 1fr
}
}
#WorldChangingIdeas__Application .judgesContainer .judge-item>.image-container {
margin-bottom: 10px
}
#WorldChangingIdeas__Application .judgesContainer .judge-item__title {
margin-bottom: 2px
}
#WorldChangingIdeas__Application .sectionHeading {
font-family: CentraNo2, sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 30px;
letter-spacing: 5.4px
}
#WorldChangingIdeas__Application .categoryContainer {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #ccc
}
#WorldChangingIdeas__Application .categoryContainer:last-child {
border-bottom: none
}
#WorldChangingIdeas__Application .deadlineSubText>* {
font-family: CentraNo2Book, sans-serif;
font-size: 13px;
line-height: 17px;
font-weight: 400
}
#BrandsThatMatter__lander {
margin-bottom: 50px;
display: block;
position: relative
}
#BrandsThatMatter__lander .overall-page-hed {
display: none
}
#BrandsThatMatter__lander .list__container {
max-width: 700px;
margin: 0 auto;
border-top: 4px solid;
padding-top: 30px;
display: flex;
flex-wrap: wrap;
row-gap: 9px
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-name {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
min-height: 40px;
margin-right: 15px;
text-transform: uppercase;
position: relative
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-name:last-child {
margin-right: 0;
border-right: none
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-name .brand-animation {
padding-right: 2px;
z-index: 1
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-name .brand-animation>img {
max-height: 40px
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-name>span {
position: relative;
cursor: pointer
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-name .brandBorder {
width: 15px;
height: 30px;
border-right: 1px dashed #000;
z-index: 1
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-name .activeHighlight {
display: none;
background: #e6ff33;
width: 100%;
position: absolute;
left: 0;
height: 13px;
z-index: 0
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-description {
display: none;
color: #fff;
background-color: #114dbb
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-description>div {
max-width: 700px;
margin: 16px auto
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-description a {
color: #e6ff33;
text-decoration: underline
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-description__text {
text-shadow: initial
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-description__text::first-letter {
font-family: CentraNo2, serif;
font-weight: 800;
font-style: italic;
font-size: 46px;
color: #e6ff33;
float: left;
padding-top: 10px;
padding-right: 5px
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-description__text p {
display: inline
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-description__text .close-btn {
font-family: CentraNo2, serif;
font-weight: 800;
display: inline-block;
cursor: pointer
}
#BrandsThatMatter__lander .list__container .main-list-brand-item .brand-description__description {
font-family: CentraNo2, serif;
font-weight: 800
}
#BrandsThatMatter__lander .list__container .main-list-brand-item.active .brand-description {
font-family: CentraNo2, serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
font-style: normal;
letter-spacing: 0;
display: block;
position: absolute;
left: 0;
width: 100%;
padding: 8px
}
@media (min-width:1024px) {
#BrandsThatMatter__lander .list__container .main-list-brand-item.active .brand-description {
padding: initial
}
}
#BrandsThatMatter__lander .list__container .main-list-brand-item.active .brand-description em,
#BrandsThatMatter__lander .list__container .main-list-brand-item.active .brand-description i {
font-family: CentraNo2, serif;
font-weight: 300
}
#BrandsThatMatter__lander .list__container .main-list-brand-item.active .activeHighlight {
display: inline-flex
}
#BrandsThatMatter__lander .list__container__sublist {
border-top: none;
padding-top: 0
}
#BrandsThatMatter__lander .subcategory__container {
border-top: 4px solid;
max-width: 700px;
margin: 0 auto;
margin-bottom: 50px
}
#BrandsThatMatter__lander .subcategory__container:last-child {
margin-bottom: 0
}
#BrandsThatMatter__lander .subcategory__container__heading {
font-family: CentraNo2, serif;
font-weight: 800;
font-size: 14px;
line-height: 40px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 10px;
max-height: 40px
}
#BrandsThatMatter__lander .subcategory__container__heading img {
max-width: 20px
}
#BrandsThatMatter__lander .section__franchise__topper .topper__flex {
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 20px
}
@media (min-width:640px) {
#BrandsThatMatter__lander .section__franchise__topper .topper__flex {
flex-direction: row
}
}
#BrandsThatMatter__lander .section__franchise__topper .topper__flex>* {
flex: 1
}
#BrandsThatMatter__lander .section__franchise__topper .topper__flex .image-container {
margin-bottom: 25px
}
@media (min-width:1024px) {
#BrandsThatMatter__lander .section__franchise__topper .topper__flex .image-container {
margin-bottom: 40px
}
}
#BrandsThatMatter__lander .section__franchise__topper .animtedHeaderLogo,
#BrandsThatMatter__lander .section__franchise__topper video {
width: 100%
}
#BrandsThatMatter__lander .section__franchise__contents>.section__inner {
padding: 20px
}
@media (min-width:1024px) {
#BrandsThatMatter__lander .section__franchise__contents>.section__inner {
padding: initial
}
}
#BrandsThatMatter__lander .textBacker {
font-family: GTAmerica, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 29px;
background-color: #fff;
padding: 0 15px;
display: inline;
padding-left: 0
}
#BrandsThatMatter__lander .textBacker * {
display: inline
}
#BrandsThatMatter__lander .treatment-0 {
font-family: CentraNo2, serif;
font-weight: 800;
font-style: italic;
font-size: 28px;
line-height: 28px;
letter-spacing: 5.6px;
--stroke-color: #000;
--stroke-width: 1px;
color: #fff;
text-shadow: var(--stroke-width) 0 0 var(--stroke-color), calc(var(--stroke-width) * -1) 0 0 var(--stroke-color), 0 var(--stroke-width) 0 var(--stroke-color), 0 calc(var(--stroke-width) * -1) 0 var(--stroke-color);
text-shadow: calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * .9239) calc(var(--stroke-width) * .3827) 0 var(--stroke-color), calc(var(--stroke-width) * .7071) calc(var(--stroke-width) * .7071) 0 var(--stroke-color), calc(var(--stroke-width) * .3827) calc(var(--stroke-width) * .9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color), calc(var(--stroke-width) * -.3827) calc(var(--stroke-width) * .9239) 0 var(--stroke-color), calc(var(--stroke-width) * -.7071) calc(var(--stroke-width) * .7071) 0 var(--stroke-color), calc(var(--stroke-width) * -.9239) calc(var(--stroke-width) * .3827) 0 var(--stroke-color), calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * -.9239) calc(var(--stroke-width) * -.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -.7071) calc(var(--stroke-width) * -.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -.3827) calc(var(--stroke-width) * -.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color), calc(var(--stroke-width) * .3827) calc(var(--stroke-width) * -.9239) 0 var(--stroke-color), calc(var(--stroke-width) * .7071) calc(var(--stroke-width) * -.7071) 0 var(--stroke-color), calc(var(--stroke-width) * .9239) calc(var(--stroke-width) * -.3827) 0 var(--stroke-color)
}
#BrandsThatMatter__lander .treatment-1 {
font-family: CentraNo2, serif;
font-weight: 800;
font-size: 16px;
line-height: 16px;
letter-spacing: 6.4px
}
#BrandsThatMatter__lander .treatment-2 {
font-family: CentraNo2, serif;
font-weight: 100;
font-size: 40px;
line-height: 40px;
letter-spacing: 0
}
#BrandsThatMatter__lander .treatment-3 {
font-family: CentraNo2, serif;
font-weight: 500;
font-size: 40px;
line-height: 40px;
letter-spacing: 0
}
#BrandsThatMatter__lander .franchisetitleHolder {
width: 100%;
max-width: 465px;
color: #fff;
text-transform: uppercase
}
#BrandsThatMatter__lander .franchisetitleHolder .title1 {
font-family: CentraNo2, serif;
font-weight: 800;
font-size: 80px;
line-height: 104px;
display: grid;
width: 100%;
justify-content: flex-start
}
#BrandsThatMatter__lander .franchisetitleHolder .title2 {
font-family: CentraNo2, serif;
font-weight: 800;
font-size: 18px;
line-height: 23px;
width: 100%;
justify-content: center;
display: flex;
max-height: 33px
}
#BrandsThatMatter__lander .franchisetitleHolder .title2>img {
padding: 4px 6px;
background: #fff;
border-radius: 4px;
width: 29px;
margin-right: 10px
}
#BrandsThatMatter__lander .franchisetitleHolder .title2>div {
border: 1px solid #fff;
border-radius: 4px;
padding: 4px 20px
}
#BrandsThatMatter__lander .franchisetitleHolder .title3 {
font-family: CentraNo2, serif;
font-weight: 800;
font-size: 80px;
line-height: 104px;
display: grid;
width: 100%;
justify-content: flex-end
}
#BrandsThatMatter__lander .arrowRight {
display: flex;
background-color: #fff;
justify-content: center;
align-items: center;
padding: 6px
}
#BrandsThatMatter__lander .arrowRight img {
width: 100%
}
#BrandsThatMatter__lander .btm-content-container {
display: flex;
justify-content: center;
margin-left: -7.5vw
}
@media (max-width:639px) {
#BrandsThatMatter__lander .btm-content-container {
flex-direction: column;
margin-left: 0
}
#BrandsThatMatter__lander .btm-content-container .social.social--default {
margin: 20px auto 10px auto
}
}
#BrandsThatMatter__lander .slide-bottom {
-webkit-animation: slide-bottom .5s cubic-bezier(.25, .46, .45, .94) both;
animation: slide-bottom .5s cubic-bezier(.25, .46, .45, .94) both
}
@-webkit-keyframes slide-bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
}
@keyframes slide-bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
}
#franchisePage__nextBigThings {
display: block;
position: relative;
margin-bottom: 60px
}
#franchisePage__nextBigThings .section__container {
padding-left: 10px;
padding-right: 10px
}
@media (min-width:640px) {
#franchisePage__nextBigThings .section__container {
padding-left: 40px;
padding-right: 40px
}
#franchisePage__nextBigThings .section__container .section__inner .category-and-articles__articles {
padding: 40px 0 40px 152px
}
}
#franchisePage__nextBigThings .metaSection {
margin-bottom: -20px;
margin-top: 20px
}
#franchisePage__nextBigThings .metaSection__title {
font-family: CentraNo2, sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 50px;
line-height: 50px;
letter-spacing: 2.5px
}
@media (min-width:640px) {
#franchisePage__nextBigThings .metaSection__title {
font-size: 100px;
line-height: 100px;
letter-spacing: 5px
}
}
#franchisePage__nextBigThings .metaSection__excerpt {
font-family: CentraNo2, sans-serif;
font-weight: 400;
color: #5f5f5f;
font-size: 16px;
line-height: 20px;
letter-spacing: .16px
}
#franchisePage__nextBigThings .heroSection .heroImage__desktop {
display: none
}
@media (min-width:1024px) {
#franchisePage__nextBigThings .heroSection .heroImage__desktop {
display: block
}
}
#franchisePage__nextBigThings .heroSection .heroImage__mobile {
display: block
}
@media (min-width:1024px) {
#franchisePage__nextBigThings .heroSection .heroImage__mobile {
display: none
}
}
#franchisePage__nextBigThings .introSection {
margin-top: -20px;
margin-bottom: -20px
}
#franchisePage__nextBigThings .introSection .introText {
font-family: MeretPro, serif;
color: #000;
font-size: 19px;
line-height: 28px;
letter-spacing: 0
}
#franchisePage__nextBigThings .categorySection .ad-wrapper {
margin-bottom: 20px
}
@media (min-width:640px) {
#franchisePage__nextBigThings .categorySection .section__container .section__inner .category-and-articles__articles {
padding: 40px 0 40px 152px
}
}
#franchisePage__nextBigThings .categorySection .section__container .section__inner .category-and-articles__category-name {
font-size: 42px
}
#franchisePage__nextBigThings .contributorSection {
border-top: 1px solid #ccc;
padding-top: 20px;
margin-top: 40px;
text-align: center
}
#franchisePage__nextBigThings .contributorSection .contributorLine {
font-family: MeretPro, serif;
font-size: 14px;
line-height: 20px;
letter-spacing: 0;
margin-bottom: 12px
}
#franchisePage__nextBigThings .footerSection .footerUnitWrapper {
padding-top: 5px;
padding-bottom: 20px;
background-color: #f4f4f4
}
#franchisePage__nextBigThings .footerSection .footerUnitWrapper>.ad-wrapper {
margin: inherit
}
.bottomStickyNav {
width: 100vw;
height: 45px;
position: fixed;
bottom: 0;
left: 0;
border-top-width: 1px;
border-top-style: solid;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 5000000
}
.bottomStickyNav--hideTopBorder {
border-top: none!important
}
.bottomStickyNav-content {
width: 100%;
height: 100%;
display: flex;
justify-content: space-evenly;
align-items: center
}
.bottomStickyNav-content_box {
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 0;
height: 100%;
font: 700 12px/12px CentraNo2;
letter-spacing: 1.68px;
text-transform: uppercase;
cursor: pointer
}
.bottomStickyNav-content_box .hiddenDropdown {
margin-left: 8px
}
.bottomStickyNav-content_box .hiddenDropdown select {
opacity: 0;
position: absolute;
font: 700 12px/12px CentraNo2;
letter-spacing: 1.68px;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
max-width: 36vw;
-moz-text-align-last: center;
text-align-last: center;
color: #ccc;
width: 12px;
height: 12px;
z-index: 2
}
.bottomStickyNav-content_box .hiddenDropdown button {
position: relative;
bottom: 1px
}
.bottomStickyNav-content_box span {
padding-left: 8px
}
@media (max-width:639px) {
.bottomStickyNav-content_box {
flex: auto;
padding: 0 18px;
text-align: center
}
}
.bottomStickyNav-content_box:not(:first-of-type) {
border-left-width: 1px;
border-left-style: solid
}
.bottomStickyNav-content a {
font: 700 12px/12px CentraNo2;
letter-spacing: 1.68px;
text-decoration: none;
text-transform: uppercase;
text-align: center
}
.bottomStickyNav-content a img {
height: 100%;
max-height: 45px;
display: block;
padding: 4px 0
}
.bottomStickyNav-social {
display: flex;
justify-content: center;
align-items: center;
width: 105px;
height: 100%;
border-left-width: 1px;
border-left-style: solid;
cursor: pointer
}
.bottomStickyNav-icons {
height: 52px;
background: #e4e4e4;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
bottom: 45px;
padding: 0 12px
}
.bottomStickyNav-icons .social {
margin: 0!important;
padding: 0!important;
height: auto!important
}
.bottomStickyNav-icons .social>ul {
display: flex;
justify-content: flex-end
}
.bottomStickyNav-icons .social>ul>li {
margin: 0!important;
padding: 0!important;
border: none!important
}
.bottomStickyNav-icons .social>ul>li:not(:first-of-type) {
margin-left: 7px!important
}
.bottomStickyNav-icons .social>ul>li>a {
width: 30px!important;
height: 30px!important
}
.quickCarousel {
width: 760px;
height: 300px;
display: grid
}
@media (max-width:1023px) {
.quickCarousel {
width: 100%;
height: auto
}
}
.quickCarousel.default {
grid-template-columns: 375px auto;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px
}
.quickCarousel.bwi-2021 {
margin-bottom: 50px;
grid-template-columns: 375px auto;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
margin-top: 31px
}
@media (max-width:1023px) {
.quickCarousel.bwi-2021 {
grid-template-columns: auto;
-webkit-column-gap: none;
-moz-column-gap: none;
column-gap: none;
row-gap: 30px
}
}
.quickCarousel.bwi-2021 .image {
position: relative
}
.quickCarousel.bwi-2021 .image.loaded {
opacity: 1!important;
left: 0!important;
transition: opacity 250ms linear, left 250ms linear
}
.quickCarousel.bwi-2021 .image.loading {
opacity: 0;
left: 10px;
transition: opacity 250ms linear, left 0 linear 250ms
}
.quickCarousel.bwi-2021 .content {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center
}
@media (max-width:1023px) {
.quickCarousel.bwi-2021 .content {
display: block
}
}
.quickCarousel.bwi-2021 .content .copy {
position: relative
}
.quickCarousel.bwi-2021 .content .copy .hed {
font: bold 27px/30px CentraNo2;
color: #00f;
position: relative
}
.quickCarousel.bwi-2021 .content .copy .hed.loaded {
opacity: 1!important;
left: 0!important;
transition: opacity 250ms linear 125ms, left 250ms linear 125ms
}
.quickCarousel.bwi-2021 .content .copy .hed.loading {
opacity: 0;
left: 10px;
transition: opacity 250ms linear, left 0 linear 250ms
}
.quickCarousel.bwi-2021 .content .copy .dek {
margin: 8px 0 0 0;
font: normal 16px/18px CentraNo2;
color: #00f;
position: relative
}
.quickCarousel.bwi-2021 .content .copy .dek.loaded {
opacity: 1!important;
left: 0!important;
transition: opacity 250ms linear 125ms, left 250ms linear 125ms
}
.quickCarousel.bwi-2021 .content .copy .dek.loading {
opacity: 0;
left: 10px;
transition: opacity 250ms linear, left 0 linear 250ms
}
.quickCarousel.bwi-2021 .content .copy .button {
margin: 20px 0 0 0;
width: 115px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
font: normal 14px/14px CentraNo2;
letter-spacing: 1.8px;
text-transform: uppercase;
color: #fff!important;
background: #00f;
text-decoration: none;
border-radius: 3px
}
.quickCarousel.bwi-2021 .content .copy .button:hover {
color: #fff;
background: #000
}
.quickCarousel.bwi-2021 .content .arrows {
width: 114px;
display: flex;
justify-content: space-between;
position: absolute;
bottom: 0
}
@media (max-width:1023px) {
.quickCarousel.bwi-2021 .content .arrows {
position: initial;
margin: 26px 0 0 0;
width: 100%
}
}
.quickCarousel.bwi-2021 .content .arrows .slide-arrow {
cursor: pointer
}
.quickCarousel.ibd-2021,
.quickCarousel.nbtt-2021 {
margin-bottom: 50px;
grid-template-columns: 375px auto;
grid-template-areas: 'image hed' 'image dek' 'image button' 'image arrows';
align-items: flex-start;
grid-auto-rows: -webkit-max-content;
grid-auto-rows: max-content;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px
}
@media (max-width:1023px) {
.quickCarousel.ibd-2021,
.quickCarousel.nbtt-2021 {
grid-template-columns: auto auto;
grid-template-areas: 'image hed' 'image dek' 'image button' 'arrows arrows'
}
}
@media (max-width:639px) {
.quickCarousel.ibd-2021,
.quickCarousel.nbtt-2021 {
grid-template-columns: auto;
grid-template-areas: 'image' 'hed' 'dek' 'button' 'arrows'
}
}
.quickCarousel.ibd-2021 .image,
.quickCarousel.nbtt-2021 .image {
grid-area: image;
position: relative
}
@media (max-width:639px) {
.quickCarousel.ibd-2021 .image,
.quickCarousel.nbtt-2021 .image {
margin-bottom: 20px
}
}
.quickCarousel.ibd-2021 .image.loaded,
.quickCarousel.nbtt-2021 .image.loaded {
opacity: 1!important;
left: 0!important;
transition: opacity 250ms linear, left 250ms linear
}
.quickCarousel.ibd-2021 .image.loading,
.quickCarousel.nbtt-2021 .image.loading {
opacity: 0;
left: 10px;
transition: opacity 250ms linear, left 0 linear 250ms
}
.quickCarousel.ibd-2021 .hed,
.quickCarousel.nbtt-2021 .hed {
grid-area: hed;
font: bold 27px/30px CentraNo2;
color: #000;
position: relative
}
.quickCarousel.ibd-2021 .hed.loaded,
.quickCarousel.nbtt-2021 .hed.loaded {
opacity: 1!important;
left: 0!important;
transition: opacity 250ms linear 125ms, left 250ms linear 125ms
}
.quickCarousel.ibd-2021 .hed.loading,
.quickCarousel.nbtt-2021 .hed.loading {
opacity: 0;
left: 10px;
transition: opacity 250ms linear, left 0 linear 250ms
}
.quickCarousel.ibd-2021 .dek,
.quickCarousel.nbtt-2021 .dek {
grid-area: dek;
margin: 8px 0 0 0;
font: normal 16px/18px CentraNo2;
color: #000;
position: relative
}
.quickCarousel.ibd-2021 .dek.loaded,
.quickCarousel.nbtt-2021 .dek.loaded {
opacity: 1!important;
left: 0!important;
transition: opacity 250ms linear 125ms, left 250ms linear 125ms
}
.quickCarousel.ibd-2021 .dek.loading,
.quickCarousel.nbtt-2021 .dek.loading {
opacity: 0;
left: 10px;
transition: opacity 250ms linear, left 0 linear 250ms
}
.quickCarousel.ibd-2021 .dek p,
.quickCarousel.nbtt-2021 .dek p {
margin: 0
}
.quickCarousel.ibd-2021 .button,
.quickCarousel.nbtt-2021 .button {
grid-area: button;
margin: 20px 0 0 0;
width: 115px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
font: bold 14px/14px CentraNo2;
letter-spacing: 1.8px;
text-transform: uppercase;
color: #fff!important;
background: #ccc;
text-decoration: none;
border-radius: 3px
}
.quickCarousel.ibd-2021 .button:hover,
.quickCarousel.nbtt-2021 .button:hover {
color: #fff;
background: #000
}
.quickCarousel.ibd-2021 .arrows,
.quickCarousel.nbtt-2021 .arrows {
grid-area: arrows;
width: 114px;
display: flex;
justify-content: space-between;
margin-top: 20px
}
@media (max-width:1023px) {
.quickCarousel.ibd-2021 .arrows,
.quickCarousel.nbtt-2021 .arrows {
position: initial;
margin: 26px 0 0 0;
width: 100%
}
}
.quickCarousel.ibd-2021 .arrows .slide-arrow,
.quickCarousel.nbtt-2021 .arrows .slide-arrow {
cursor: pointer;
font: normal 30px/30px CentraNo2
}
.quickCarousel.nbtt-2021 {
margin-bottom: 0;
height: auto
}
.multi-tab-list .header .container {
display: grid;
grid-template-columns: minmax(1px, 95px) minmax(1px, 385px) minmax(1px, 260px) minmax(1px, 180px) minmax(1px, 36px);
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
@media (max-width:640px) {
.multi-tab-list .header .container {
display: flex;
justify-content: center;
align-items: center
}
}
.multi-tab-list .header .container .column {
display: flex;
align-items: center;
cursor: pointer
}
.multi-tab-list .header .container .column span {
display: block;
margin-left: 8px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #ccc;
width: 8px
}
.multi-tab-list .header .container .column.asc span {
-webkit-transform: rotate(0);
transform: rotate(0)
}
.multi-tab-list .header .container .column.desc span {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.multi-tab-list.bwi-2021 .header {
padding: 40px 20px 0;
background-color: #f7f7f7
}
@media (max-width:640px) {
.multi-tab-list.bwi-2021 .header {
padding: 17px 10px 0
}
.multi-tab-list.bwi-2021 .header span {
font: bold 13px/13px CentraNo1;
letter-spacing: 1.3px;
text-transform: uppercase;
color: #00f;
padding-right: .5em
}
.multi-tab-list.bwi-2021 .header select {
background-color: transparent;
border: #ccc 1px solid;
border-radius: 3px;
height: 30px;
padding: 0 8px;
font: bold 13px/13px CentraNo1;
letter-spacing: 1.3px;
text-transform: uppercase;
color: #00f;
padding-right: .5em;
min-width: 160px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(https://assets.fastcompany.com/image/upload/v1626886690/fcweb/select-down-arrow.png);
background-size: 10px;
background-repeat: no-repeat;
background-position: right 10px center
}
.multi-tab-list.bwi-2021 .header select option {
padding: 0
}
}
.multi-tab-list.bwi-2021 .header .container {
border-bottom: #ccc 1px solid;
padding: 0 0 5px 0
}
@media (max-width:640px) {
.multi-tab-list.bwi-2021 .header .container {
padding: 0 0 27px 0
}
}
.multi-tab-list.bwi-2021 .header .container .column {
font: bold 13px/28px CentraNo1;
letter-spacing: 1.3px;
text-transform: uppercase;
color: #00f
}
.multi-tab-list.bwi-2021 .header .container .column.active {
color: #00f
}
.multi-tab-list.bwi-2021 .header .container .column.active span {
border-top: 8px solid #00f
}
.multi-tab-list.bwi-2021 .header .container .column.inactive {
color: #ccc
}
.multi-tab-list.bwi-2021 .header .container .column.rank {
max-width: 95px
}
.multi-tab-list.bwi-2021 .header .container .column.company {
max-width: 385px
}
.multi-tab-list.bwi-2021 .header .container .column.location {
max-width: 260px
}
.multi-tab-list.bwi-2021 .header .container .column.industry {
max-width: 180px
}
.multi-tab-list .list .list-row .container {
display: grid
}
.multi-tab-list.bwi-2021 .list {
padding: 0 0 20px 0
}
.multi-tab-list.bwi-2021 .list .list-row {
background: #f7f7f7;
min-height: 82px;
padding: 0 20px;
color: #00f;
cursor: pointer
}
@media (max-width:639px) {
.multi-tab-list.bwi-2021 .list .list-row {
padding: 0 10px
}
}
.multi-tab-list.bwi-2021 .list .list-row.active {
background: #00f;
color: #fff
}
.multi-tab-list.bwi-2021 .list .list-row.active .container {
border-top: none!important
}
.multi-tab-list.bwi-2021 .list .list-row.active .column.company {
padding-bottom: 2px
}
.multi-tab-list.bwi-2021 .list .list-row.active .column.industry {
padding-top: 3px
}
.multi-tab-list.bwi-2021 .list .list-row.active .column.icon span {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.multi-tab-list.bwi-2021 .list .list-row.ad .container {
padding: 30px 0!important;
display: flex!important;
justify-content: center!important
}
@media (max-width:639px) {
.multi-tab-list.bwi-2021 .list .list-row.ad .container .ad-wrapper--mobilerectangle {
margin: 0!important
}
}
.multi-tab-list.bwi-2021 .list .list-row .container {
width: 100%
}
.multi-tab-list.bwi-2021 .list .list-row:not(:first-of-type) .container {
border-top: #ccc 1px solid
}
.multi-tab-list.bwi-2021 .list.tab-0 .list-row:hover:not(.active) {
background: #fff
}
.multi-tab-list.bwi-2021 .list.tab-0 .list-row:hover:not(.active) .container,
.multi-tab-list.bwi-2021 .list.tab-0 .list-row:hover:not(.active)+.list-row .container {
border-top: initial;
padding-top: 31px
}
.multi-tab-list.bwi-2021 .list.tab-0 .container {
grid-template-columns: minmax(1px, 95px) minmax(1px, 385px) minmax(1px, 260px) minmax(1px, 180px) minmax(1px, 36px);
grid-template-rows: auto auto;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
padding-top: 30px;
padding-bottom: 20px
}
@media (max-width:639px) {
.multi-tab-list.bwi-2021 .list.tab-0 .container {
grid-template-columns: minmax(1px, 55px) 1fr minmax(1px, 36px);
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px
}
}
.multi-tab-list.bwi-2021 .list.tab-0 .container.ad {
display: flex;
justify-content: center
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.rank {
font: bold 25px/25px CentraNo2
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.company {
font: bold 15px/20px CentraNo2;
letter-spacing: 1.65px;
text-transform: uppercase;
padding-bottom: 2px
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.location {
font: normal 15px/15px CentraNo2
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.industry {
font: normal 15px/15px CentraNo2;
padding-top: 3px
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.icon {
display: flex
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.icon span {
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
display: block
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.description {
grid-column: 2/span 3
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.description .copy {
font: 300 19px/28px MeretPro
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.description .button {
width: 115px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
font: normal 14px/14px CentraNo2;
letter-spacing: 1.8px;
text-transform: uppercase;
color: #00f;
background: #fff;
text-decoration: none;
border-radius: 3px
}
.multi-tab-list.bwi-2021 .list.tab-0 .container .column.description .button:hover {
color: #fff;
background: #000
}
.multi-tab-list.bwi-2021 .list.tab-1 .list-row:hover:not(.active) {
background: #fff
}
.multi-tab-list.bwi-2021 .list.tab-1 .list-row:hover:not(.active) .container,
.multi-tab-list.bwi-2021 .list.tab-1 .list-row:hover:not(.active)+.list-row .container {
border-top: initial;
padding-top: 51px
}
.multi-tab-list.bwi-2021 .list.tab-1 .container {
grid-template-columns: minmax(1px, 60px) 1fr minmax(1px, 30px);
-webkit-column-gap: 27px;
-moz-column-gap: 27px;
column-gap: 27px;
padding: 50px 0
}
.multi-tab-list.bwi-2021 .list.tab-1 .container.ad {
display: flex;
justify-content: center
}
.multi-tab-list.bwi-2021 .list.tab-1 .container .column.icon {
font: bold 25px/25px CentraNo2
}
.multi-tab-list.bwi-2021 .list.tab-1 .container .column.content .title {
font: bold 15px/20px CentraNo2;
letter-spacing: 1.65px;
text-transform: uppercase
}
.multi-tab-list.bwi-2021 .list.tab-1 .container .column.content .description {
font: normal 15px/21px CentraNo2;
color: #000
}
.multi-tab-list.bwi-2021 .list.tab-1 .container .column.content .description p {
margin: 5px 0 0 0
}
.multi-tab-list.bwi-2021 .list.tab-1 .container .column.link a {
text-decoration: none;
display: block
}
.multi-tab-list .tabs .tab {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 0;
flex-direction: column;
cursor: pointer
}
.multi-tab-list.bwi-2021 .tabs .tab {
height: 150px;
padding: 20px
}
.multi-tab-list.bwi-2021 .tabs .tab.active {
color: #00f;
background-color: #f7f7f7
}
.multi-tab-list.bwi-2021 .tabs .tab.inactive {
color: #00f;
background-color: #fff
}
.multi-tab-list.bwi-2021 .tabs .tab .category {
font: bold 13px/26px CentraNo2;
letter-spacing: 1.3px;
text-transform: uppercase
}
.multi-tab-list.bwi-2021 .tabs .tab img {
display: block;
height: 40px;
margin: 10px 0 0 0
}
.multi-tab-list .tabs {
display: flex;
justify-content: space-evenly;
align-items: center
}
.multi-tab-list {
width: 100%
}input.tnp-submit {
font-family: 'Centra-No1' !important;
} li#menu-item-73 {
border-bottom: 1px solid #000;
}
ul#menu-sidebar-menu-1 {
margin-bottom: 0px;
}
.all_stories_mainsec .img_contnt_mainsec .contnt_sec h2 {
font-family: 'Grifo-M';
font-size: 1.9375rem;
line-height: 1.625rem;
letter-spacing:.03125rem;
margin-bottom: 0.375rem;
}  div#popmake-444 {
border: none !important;
}
div#popmake-444 .subscription__top.container {
padding-top: 0px !important;
}
div#popmake-444 .sub_inner {
padding-top: 0px !important;
}
div#popmake-444 .sub_inner h1 {
max-width: 100%;
}
div#popmake-444 .sub_inner p.card__title.ng-binding {
font-size: 18px;
}
div#popmake-444 .sub_inner p.card__price.fast_price {
margin-top: 10px !important;
}
div#popmake-444 .sub_inner p.card__title.ng-binding.card__title--accent {
font-size: 18px !important;
}
div#popmake-444 .sub_inner p.card__price.card__price--discount {
margin: 10px;
}
div#popmake-444 .sub_inner p.card__price.fast_price {
margin-bottom: 56px !important;
}
div#popmake-444 .sub_inner .card__top {
min-height: auto !important;
}
div#popmake-444 .sub_inner .dise_per {
margin-top: 30px;
}
div#popmake-444 .subscription__plan-item {
padding: 10px;
}
div#popmake-444 .subscription__help {
padding-top: 60px;
padding-bottom: 0px;
}
div#popmake-444 {
top: 20px !important;
}
.sidenav a {
font-size: 0.8125rem;
line-height: 0.9150rem;
letter-spacing: .125rem;
padding: 12px 0px;
}  section.hoc_sec .top_text h2 {
font-size: 64px !important;
}
section.hoc_sec .top_text h2 span {
right: 10px !important;
top: 0px;
}
.magazine-archive h3.page-description {
font-family: 'Centra-No1' !important;
font-weight: 600 !important;
font-size: 12px !important;
margin-top: 10px !important;
margin-bottom: 20px !important;
}
body.post-type-archive-news article.post__article {
margin-left: 0px !important;
}
.aside_main {
padding-top: 15px;
position: relative;
right: 24px;
} ul.eyebrow {
display: flex;
}
.header_mainsec .container {
max-width: 1280px;
padding: 0px 20px;
height:100%;
}
.header_mainsec .container .side_menu {
padding: unset;
float: none;
height: 100%;
font-size: unset !important;
}
.header_mainsec .logo_sec img {
width: 235px !important;
}
.right_menusec {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
padding-top: 4px;
}
.header_mainsec .right_menusec ul li:last-child {
margin-right: 0px;
}
.header_mainsec .right_menusec ul li:last-child a {
font-size: 18px;
position: relative;
}
.header_mainsec .right_menusec ul li a {
font-size: 12px;
}
.header_mainsec {
height: auto !important;
min-height: 55px;
}
.header_mainsec .row{
align-items: center;
height:100%;
}
.news_mainsec .left_bigimg_contnt .news_boxsec .contnt_sec h2 a {
font-family: 'Grifo-M';
font-size: 2.4375rem;
line-height: 2.0625rem;
letter-spacing: -1.2px;
} div#post-ad-89-1 {
position: sticky;
top: 50px;
}
.header_mainsec .bottom_navsec ul li {
margin: 0px 10px;
}
.header_mainsec ul.fastCo_menu li a{
line-height: 28px !important;
}
.header_mainsec .bottom_navsec ul.fastCo_menu > li > a{
height:22px;
background-position: 0px 2px;
}
.header_mainsec .bottom_navsec ul.fastCo_menu > li > a::before{
top: 8px;
}
.header_mainsec .bottom_navsec ul.fastCo_menu {
margin-top: 5px !important;
height: 23px;
}
.header_mainsec .bottom_navsec .menu-sidebar-menu-1-container {
padding-right: 40px !important;
}
.header_mainsec.fixed_sec.stick .bottom_navsec {
height: 34px;
}
.container.slidercont a.carousel-control-prev {
left: 37% !important;
top: 88%;
background: none !important;
width: 0;
display: flex;
height: 0;
opacity: 1;
color: #000 !important;
display: block;
}
.container.slidercont a.carousel-control-next {
right: 49% !important;
top: 88%;
background: none!important;
width: 0;
display: flex;
height: 0;
opacity: 1;
display: block;
}
.container.slidercont a.carousel-control-prev span.carousel-control-prev-icon {
background-image: url(https://fastcompanyme.com/wp-content/themes/fastcompany/logo/download (1).svg');
width: 25px;
height: 20px;
}
.container.slidercont a.carousel-control-next span.carousel-control-next-icon {
background-image: url(https://fastcompanyme.com/wp-content/themes/fastcompany/logo/download (2).svg');
width: 25px;
height: 20px;
}
.queryly_title p {
display: none;
}
.login img {
width: auto !important;
}
header.post__header .socal_ul ul {
padding: 0px;
list-style: none;
}
header.post__header .aside_div {
width: 11.75rem;
}
.aside_main aside.article-recirc-by-tag {
padding-left: 0px;
padding-right: 0px;
} .aside_main img {
max-width: 100%;
width: auto !important;
margin-bottom: 0px !important;
}  .aside_main .socal_ul { margin-left: 0;
display: flex;
justify-content: flex-end;
padding-right: 12px;
}
header.post__header .aside_div aside.article-recirc-by-tag {
padding: 0px !important;
}
div#post-ad-89-1 h2 {
font-family: 'A2Beckett-Book';
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 40px;
text-transform: uppercase;
text-align: center;
margin-top: 20px;
border-top: 3px solid #000;
padding-top: 10px;
margin-bottom: 20px;
}
.video_test p {
color: black;
font-weight: 600;
font-size: 16px;
padding-top: 0px;
font-family: 'Centra-No1';
letter-spacing: .01875rem;
}
.co_pert {
position: relative;
display: flex;
}
header.post__header {
overflow: unset;
}
body.single {
overflow: unset;
}
.sidebar_main {
position: sticky;
top: 70px;
left: 0;
right: 0;
bottom: 0;
}
.header_mainsec .sidenav .social_mainsec ul li a {
padding: 0px !important;
display: flex;
align-items: center;
justify-content: center;
}
.header_mainsec .sidenav .social_mainsec ul li {
margin-right: 4px;
}
.header_mainsec .bottom_navsec ul.fastCo_menu:hover li .sub_menu {
padding-left: 15px !important;
}
.header_mainsec .bottom_navsec ul.fastCo_menu:hover > li > a {
padding-left: 29px !important;
}
.header_mainsec .bottom_navsec ul.fastCo_menu:hover { }
.header_mainsec .bottom_navsec .menu-sidebar-menu-1-container a {
padding-bottom: 6px;
display: flex;
position: relative;
font-family: CentraNo1Book,sans-serif !important;
}
.header_mainsec .bottom_navsec .menu-sidebar-menu-1-container .menu-item:last-child a {
font-weight: 700 !important;
font-family: 'Centra-No1' !important;
}
.header_mainsec .bottom_navsec .menu-sidebar-menu-1-container .menu-item:last-child a::before {
background-image: url(https://fastcompanyme.com/wp-content/themes/fastcompany/img/right-arrow-white.svg);
background-repeat: no-repeat;
background-size: contain;
content: '';
height: 8px;
position: absolute;
left: calc(100% + 3px);
top: 11.5px;
transition: all .2s ease-out;
width: 8px;
}
.header_mainsec .bottom_navsec .menu-sidebar-menu-1-container a::after {
background: #868686;
bottom: 7px;
content: '';
height: 0;
left: 0;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}
.header_mainsec .bottom_navsec .menu-sidebar-menu-1-container a:hover::after {
height: 5px;
}
ul.eyebrow {
margin-bottom: 0px;
}
.page-id-47 .post .post__main {
margin: 0 auto;
}
.page-id-47 .post .post__main .slug {
font-family: Beckett,sans-serif;
font-size: 3.75rem;
letter-spacing: .5rem;
line-height: 3rem;
text-transform: uppercase;
color: #000;
margin-top: 40px;
}
.page-id-47 .post .post__main .news-container{
margin-top: 50px !important;
}
.category-page__ff-ad-container{
min-height: 6.6875rem;
}
.page-id-47 .post .post__main 
input#email {
font-family: CentraNo1Book,sans-serif;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem;
border: 0.0625rem solid #5f5f5f;
padding: 13px 70px;
margin-top: 30px;
margin-bottom: 20px;
min-width: 17.5rem; padding: 1.25rem;
padding-left: 0.3125rem;
height: 2.5rem!important;
vertical-align: middle; text-align: center;
}
.page-id-47 .post .post__main button {
color: #fff;
font-family: Helvetica;
font-size: .875rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 0 7px 3px 8px;
text-transform: uppercase;
text-align: center;
transition: background .75s;
height: 2.5rem;
padding-top: 0.0625rem;
margin: 0 auto;
width: 7.375rem;
min-width: 6.25rem;
background-color: #ef5b24;
margin-top: 15px;
border-radius: 0.25rem;
border: none !important;
}
.page-id-1484 .post__main {
margin-top: 90px;
}
.page-id-1484 .post__main h1.entry-title {
font-family: 'Centra-No1';
letter-spacing: 2px;
line-height: 3rem;
text-transform: uppercase;
text-align: center;
font-weight: bold;
color: #000;
margin-top: 20px;
margin-bottom: 10px;
}
.page-id-1484 .post__main .col-1 {
padding: 0px !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 20px;
}
.page-id-1484 .post__main .col-1 h3, .page-id-1484 .post__main h3 {
font-size: 30px;
font-family: 'Centra-No1';
font-weight: 600;
text-transform: capitalize;
color: #000;
margin-bottom: 10px;
}
.page-id-1484 .post__main p {
display: block !important;
}
.page-id-1484 .post__main p label {
margin-bottom: 0px;
}
.page-id-1484 .post__main p input {
padding: 12px 20px;
}
.page-id-1484 .post__main p span.select2-selection {
height: auto !important;
padding: 8px 20px;
}
.page-id-1484 .post__main p span.select2-selection__arrow {
top: 10px;
}
.page-id-1484 .post__main .col-2 {
width: 100% !important;
max-width: 100%;
padding: 0px !important;
}
.page-id-1484 .post__main .col-2 textarea#order_comments {
padding: 10px 20px;
margin-bottom: 20px;
height: 100px;
} .fast_row .col-sm-6 {
padding-left: 0px;
padding-right: 0px;
border-bottom: 1px solid #ddd;
padding: 24px 0px;
}
.fast_img {
padding-left: 20px;
}
.fast_img img {
max-width: 100%;
}
.fast_cont h5 {
font-family: 'Centra-No1';
letter-spacing: .0875rem;
line-height: .8125rem;
color: #5f5f5f;
font-size: .8125rem;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 0.25rem;
padding-left: 0;
}
.fast_cont h3 {
font-family: 'Grifo-S';
line-height: 1.625rem;
letter-spacing: .03125rem;
color: #000;
font-size: 31px;
font-weight: 600;
}
.fast_cont p {
text-transform: capitalize;
font-size: 15px;
font-weight: 400;
letter-spacing: 0;
max-width: 390px;
line-height: 20px;
margin-top: 10px;
}
.page-id-44 {
overflow-x: visible !important;
}
.fast_work {
background: #fff;
padding-top: 80px;
}
.fast_work h2 {
font-family: 'A2Beckett-Book';
font-size: 56px;
letter-spacing: .25rem;
line-height: 3rem;
font-weight: 400;
text-transform: uppercase;
color: #000;
}
.fast_work p {
font-family: 'Centra-No1';
line-height: 1.0625rem;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .0625rem;
color: #5f5f5f;
font-weight: 600;
max-width: 600px;
}
.fast_work h6 {
margin-bottom: 0px;
text-align: right;
border-bottom: 1px solid #ddd;
padding-bottom: 6px;
}
.ad_img {
text-align: right;
position: sticky;
top: 120px;
}
.entry-content-main {
background: #fff;
} .news_mainsec .col-sm-12.col-md-8.col-lg-8.col-xl-8, 
.news_mainsec .col-sm-12.col-md-4.col-lg-4.col-xl-4, 
.four_box_mainsec .col-sm-12.col-md-6.col-lg-6.col-xl-6, 
.video_mainsec, .video_mainsec .col-sm-12.col-md-3.col-lg-3.col-xl-3, 
.col-sm-12.col-md-3.col-lg-3.col-xl-3, .video_mainsec .col-sm-12.col-md-9.col-lg-9.col-xl-9, .video_mainsec .col-sm-12.col-md-3.col-lg-3.col-xl-3, .video_mainsec .col-sm-12.col-md-12.col-lg-12.col-xl-12, .all_stories_mainsec .col-sm-12.col-md-12.col-lg-12.col-xl-12, .all_stories_mainsec .col-sm-12.col-md-8.col-lg-8.col-xl-8, .all_stories_mainsec .col-sm-12.col-md-4.col-lg-4.col-xl-4, .four_box_mainsec .col-sm-12.col-md-12.col-lg-12.col-xl-12, .four_box_mainsec .col-sm-12.col-md-4.col-lg-4.col-xl-4, .video_mainsec .col-sm-12.col-md-8.col-lg-8.col-xl-8, .video_mainsec .col-sm-12.col-md-4.col-lg-4.col-xl-4, .four_box_mainsec .col-sm-12.col-md-2.col-lg-2.col-xl-2{
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.header_mainsec .sidenav .subscribe_btn a {
font-family: 'Centra-No1';
letter-spacing: .1125rem;
font-size: .875rem;
font-weight: 700;
color: #fff !important;
padding: .0625rem .4375rem 0 .5rem;
height: 27px;
line-height: 27px;
margin-top: 1.1875rem;
margin-bottom: 1.1875rem;
}
li#menu-item-469 ul.sub-menu li {
border: none;
padding-left: 20px;
padding-bottom: 0px !important;
text-transform: uppercase !important;
}
li#menu-item-358 {
padding-top: 20px;
}
li#menu-item-469 ul.sub-menu li a {
font-family: 'Centra-No1';
font-size: 13px;
line-height: 1.0625rem;
letter-spacing: .01875rem;
text-transform: capitalize;
color: #898989;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
li#menu-item-469 ul.sub-menu li#menu-item-358 a,li#menu-item-469 ul.sub-menu li#menu-item-15429 a, li#menu-item-469 ul.sub-menu li#menu-item-361 a, li#menu-item-469 ul.sub-menu li#menu-item-360 a, li#menu-item-469 ul.sub-menu li#menu-item-362 a, li#menu-item-469 ul.sub-menu li#menu-item-6539 a, li#menu-item-469 ul.sub-menu li#menu-item-6530 a, li#menu-item-469 ul.sub-menu li#menu-item-359 a {
text-transform: uppercase !important;
color: #000 !important;
padding-top: 22px !important;
line-height: .8125rem;
letter-spacing: .125rem;
font-size: .8125rem !important;
}
ul.sub-menu li {
border-bottom: none !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
}
ul.sub-menu {
border-top: 1px solid #ccc;
padding-left: 20px !important;
margin-top: 5px;
padding-top: 18px;
}
body.single .post__header-text time{
font-weight: 600;
}
.post {
justify-content: space-between;
}
.stories_sec {
margin-bottom: 0px;
margin-top: 25px;
}
.stories_sec .post__main .post__content{
flex: 0 1 calc(100% - 112px);
max-width: 37.5rem;
margin-left: 4.5rem !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.stories_div img {
width: 100%;
}
.count_div {
padding-right: 30px;
}
.count_div h2 {
font: normal 125px/78px GrifoS;
color: #f4f4f4;
position: relative;
right: 7px;
letter-spacing: -7px;
}
.stories_div {
max-width: 600px;
display: grid;
border-bottom: 1px solid #ddd;
column-gap: 20px;
padding: 15px 0;
}
.stories_div a {
display: flex;
}
.stories_div .store_img {
width: 140px;
}
.store_imgont {
margin-left: 20px;
max-width: 300px;
}
.stories_sec h3 {
font-size: 18px;
line-height: 20px;
font-family: 'Centra-No1';
font-weight: 600;
color: #000;
margin-bottom: 20px;
}
.stories_div p {
margin-bottom: 4px;
font-family: 'Centra-No1';
letter-spacing: .0875rem;
line-height: .8125rem;
font-size: .8125rem;
font-weight: 700;
color: #5f5f5f;
}
.stories_div h6 {
color: #000;
font: bold 16px/20px Centra-No1;
}
.most_main {
margin-top: 30px !important;
}
.most_main time {
text-align: center;
display: block;
font-weight: 600;
font-family: 'Centra-No1';
letter-spacing: .0875rem;
line-height: .8125rem;
color: #5f5f5f;
font-size: .8125rem;
}
.most_main h1.post__title {
text-align: center;
font-family: 'Grifo-S' !important;
margin-top: 10px;
font-size: 3.5625rem;
letter-spacing: .0625rem;
line-height: 3.0625rem;
margin-bottom: 30px;
}
.most_main img {
width: 100%;
margin-bottom: 50px;
}
.head_main .post__featured-caption{
font-family: CentraNo1Book,sans-serif;
font-size: .8125rem;
line-height: 1rem;
letter-spacing: 0.01875rem;
padding-bottom: 1.0625rem;
margin-top: 0.375rem;
border-bottom: 0.0625rem solid #ccc;
margin-bottom: 1rem;
}
.stories-slider{
width: 600px;
position: relative;
}
.owl-nav{
position: absolute;
width: 100%;
top: 0;
height: 80%;
display: flex;
padding: 20px;
justify-content: space-between;
}
.owl-dots{
margin-bottom: -10px;
}
.owl-dot{
background: #dedede;
width: 8px;
height: 8px;
border-radius: 100%;
}
.owl-dot.active{
background: #000;
}
.container.slidercont img{
width: 375px;
margin-right: 40px;
height: 210px;
object-fit: cover;
}
.search-mobile{
display: none;
} .container.test_container{
max-width: 1248px !important;
}
#headerloginModal{
background: #00000090;
}
#headerloginModal .modal-dialog, #helpModal .modal-dialog{
width:400px;
min-height: auto;
margin: 50px auto;
}
#headerloginModal .modal-dialog .fw-semi-blod, #helpModal .modal-dialog .fw-semi-blod{
margin-top: 50px;
}
#headerloginModal .modal-dialog .modal-content, #helpModal .modal-dialog .modal-content{
border-radius: 0;
}
#headerloginModal .modal-dialog .modal-content .logo-box img, #helpModal .modal-dialog .modal-content .logo-box img{
margin: 0 auto;
width: 75px;
height: 75px;
margin-bottom: -30px;
margin-top: 30px;
}
#headerloginModal .modal-dialog .modal-content .logo-box, #helpModal .modal-dialog .modal-content .logo-box{
text-align: center;
}
#headerloginModal .modal-dialog .btn-close, #helpModal .modal-dialog .btn-close.tp-close.tp-active{
background: transparent;
border: none;
font-size: 28px;
padding: 0;
transform: scaleX(1.2); position: absolute;
right: 20px;
top: 20px;
line-height: 28px;
}
#headerloginModal .modal-dialog .round-social-button[_ngcontent-jca-c232], #helpModal .modal-dialog .round-social-button[_ngcontent-jca-c232]{
width: 48px;
height: 48px;
border-radius: 50%;
box-sizing: border-box;
background-size: inherit;
background-repeat: no-repeat;
background-position: 50%;
background-color: inherit;
margin: 0 4px;
border: 1px solid rgba(15,15,21,.06);
cursor: pointer;
}
#headerloginModal #loginform input[type=password], #helpModal #loginform input[type=password]{
max-width: 100% !important;
}
#registraion-form-create label, #helpModal label{
color: #151515;
font-weight: 900;
line-height: 1.25em;
letter-spacing: 0.025em;
outline: none;
text-transform: none;
text-align: left;
font-size: 10px;
margin-bottom: 0px !important;
font-family: 'Centra-No1';
}
#registraion-form-create label.remember-me, #helpModal label.remember-me{
text-align: center;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#registraion-form-create label.remember-me t, #helpModal label.remember-me t{   
margin-left: 5px;
font-family: "CentraNo1Book";
letter-spacing: 0.24px;
font-size: 12px;
text-transform: initial;
color: #5F5F5F;
}
.etn-attendee-form .attendee-title{
font-family: 'A2Beckett-Book';
letter-spacing: 5px;
font-size: 42px;
font-weight: 300;
line-height: 10px;
}
.etn-attendee-form .etn-attendee-form-wrap h4{
margin: 0 0 20px;
font-size: 26px;
font-family: 'CentraNo1Book' !important;
font-weight: 400;
text-transform: uppercase;
}
.etn-attendee-form .etn-attendee-form-wrap .etn-group-field label {
font-size: 14px;
line-height: 16px;
margin: 0 0 5px;  font-family: 'CentraNo1Book' !important;
font-weight: 600 !important;
text-transform: uppercase;
}
.etn-attendee-form .etn-attendee-form-wrap {
padding: 50px;
border: 1px solid #EAEAEA;
border-radius: 0 !important;
-webkit-border-radius: 12px;
-ms-border-radius: 12px;
margin-bottom: 30px;
background-color: #fff;
}
.etn-attendee-form .etn-attendee-form-wrap .attr-form-control {
background-color: transparent;
border: 1px solid #EAEAEA;
border-radius: 0;
height: 40px; }
#etn-event-attendee-data-form .etn-btn.etn-btn-secondary{
margin: auto 1%;
width: 48%;
text-align: center;
line-height: 40px;
height: 45px;
font-family: 'CentraNo1Book';
text-transform: uppercase;
background: transparent;
color: #5f5f5f;
border: 1px solid #5f5f5f;
border-radius: 0px;
}
#etn-event-attendee-data-form .etn-btn.etn-primary.attendee_sumbit{
margin: auto 1%;
width: 47%;
text-align: center;
line-height: 40px;
height: 45px;
font-family: 'CentraNo1Book';
text-transform: uppercase;
background: #EF5B24 !important;
color: #ffffff;
border: 1px solid #EF5B24;
border-radius: 0px;
}
.magazine-template-default.single-magazine .post__main.container{
margin: auto;
text-align: center;
}
@media (max-width: 1199px){
.header_mainsec .right_menusec ul li.follow_sec {
display: none;
}
.header_mainsec .bottom_navsec ul.fastCo_menu:hover > li > a {
padding-left: 31px !important;
}
.header_mainsec .bottom_navsec ul.fastCo_menu:hover {
width: 580px !important;
}
}
@media(max-width: 991px){
.home_slider_mainsec .bottom_title_sec .title_contnt_sec a h3 {
font-size: 16px;
font-weight: 600;
font-family: 'Centra-No1';
line-height: 1.0625rem;
letter-spacing: .01875rem;
}
.cloud_anywhere p {
font-size: 90px !important;
}
.orig_cloud {
padding: 20px 20px;
}
.right_news_box {
display: none;
}
.col-sm-12.col-md-8.col-lg-8.col-xl-8 {}
.news_mainsec .col-sm-12.col-md-8.col-lg-8.col-xl-8 {
max-width: 100% !important;
flex: auto !important;
}
.page-template-home .four_box_mainsec.climate_plan_mainsec .row {
display: block;
}
.page-template-home .four_box_mainsec.climate_plan_mainsec .row .col-sm-12.col-md-3.col-lg-3.col-xl-3 {
max-width: 100%;
}
.video_mainsec .row {
display: block !important;
}
.video_mainsec .row .col-sm-12.col-md-9.col-lg-9.col-xl-9 {
max-width: 100%;
}
.video_mainsec .row .col-sm-12.col-md-3.col-lg-3.col-xl-3 {
max-width: 100%;
}
.video_mainsec {
clear: both;
}
.page-template-home .all_stories_mainsec .col-sm-12.col-md-3.col-lg-3.col-xl-3 {
display: none;
}
.page-template-home .all_stories_mainsec .col-sm-12.col-md-9.col-lg-9.col-xl-9 {
max-width: 100%;
flex: auto;
} .footer_menusec {
text-align: center;
}
.header_mainsec.fixed_sec.stick > .container-fluid {
display: none;
}
}
@media (max-width: 767px){
.home_slider_mainsec .bottom_title_sec .title_contnt_sec {
width: 100%;
display: none;
padding: 0;
}
.header_mainsec.fixed_sec.stick > .container-fluid {
display: none !important;
}
.home_slider_mainsec .bottom_title_sec .title_contnt_sec.active{
display: flex;
}
.home_slider_mainsec .bottom_title_sec .title_contnt_sec a h6{
color: #5f5f5f;
}
.sidenav {
width:100%;
}
.sidenav .img_box a{
width: 14.0625rem;
margin: auto;
padding-top: 0;
}
.header_mainsec .sidenav .social_mainsec ul li a{
width: 30px;
height: 30px;
}
.header_mainsec .sidenav .social_mainsec ul li a img{
width: 20px;
height: 20px;
}
body{
padding-top: 70px;
}
.home_slider_mainsec .bottom_title_sec .title_contnt_sec .img_sec {
position: relative;
opacity: 1 !important;
overflow: revert !important;
}
.home_slider_mainsec .bottom_title_sec .title_contnt_sec .img_sec img {
transform: translatey(0px);
margin-top: 18px;
}
.home_slider_mainsec .bottom_title_sec .title_contnt_sec:hover::before, .home_slider_mainsec .bottom_title_sec .title_contnt_sec.active::before{
height:0px;
} .news_mainsec .left_bigimg_contnt .news_boxsec .contnt_sec h2 a {
display: block;
font-size: 20px;
}
.four_box_mainsec .img_contnt_box .contnt_sec h2 a {
font-size: 20px;
line-height: 20px;
}
.four_box_mainsec.climate_plan_mainsec h2 {
font-size: 40px;
letter-spacing: 0px;
} .franchise_mainsec .img_contnt_box .contnt_sec h2 span {
font-size: 21px;
width: 70%;
}
.all_stories_mainsec .img_contnt_mainsec .contnt_sec {
width: 100%;
}
.all_stories_mainsec .img_contnt_mainsec .img_sec {
padding: 0px;
width: 100%;
}
.all_stories_mainsec .img_contnt_mainsec .img_sec img {
height: auto !important;
margin-top: 20px;
}
.all_stories_mainsec .img_contnt_mainsec .contnt_sec h2 {
font-size: 20px;
} .header_mainsec{
background: #000;
}
.home_slider_mainsec{
padding: 0px 10px;
}
.container{
padding-left: 10px;
padding-right: 10px;
}
.home_slider_mainsec .bottom_title_sec{
flex-wrap: wrap;
}
.header_mainsec .container{
display: flex;
height: 55px;
justify-content: center;
align-items: center;
}
.header_mainsec .row{
width: 100%;
display: flex;
padding: 0 !important;
margin: 0px;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.home_slider_mainsec .bottom_title_sec .title_contnt_sec:last-child{
display: none;
}
.header_mainsec .row > div {  
display: flex;
width: auto;
flex: 100;
justify-content: center;
padding: 0;
}
.header_mainsec .row > div:first-child{
justify-content: flex-start;
}
.header_mainsec .row > div:last-child{
justify-content: flex-end;
}
.header_mainsec .row > div:last-child{
justify-content: flex-end;
}
.header_mainsec .logo_sec img {
width: 180px !important;
max-width: 180px !important;
}
.search-right{
display: none !important;
}
.search-mobile{
display: flex;
font-size: 20px;
color: #fff;
margin-top: 2px;
}
.search-header{
}
div#popmake-237 .search-header .search-box {
padding-right: 50px;
}
div#popmake-237 .search_container{
overflow-x: hidden;
}
div#pum-237 button.pum-close.popmake-close{
top:34px;
}
div#popmake-237 .search_result{
max-width: 100% !important;
margin-left: 0;
padding: 20px;
box-sizing: border-box;
}
div#popmake-237 .row{
margin: 0px;
}
.header_mainsec .right_menusec ul li.account-sec a.account img {
width: 25px;
}
.header_mainsec .right_menusec ul li.account-sec {
position: fixed;
height: 50px;
width: auto;
background: #000;
}
.header_mainsec .right_menusec ul li.account-sec ul.account-info{
margin-left: 0px;
}
.header_mainsec .right_menusec ul li.account-sec ul.account-info li a {
font-family: 'CentraNo1Book';
text-transform: uppercase;
font-size: 12px;
margin-top: auto;
margin-right: 0;
letter-spacing: 1.17px;
line-height: 16px;
}
.header_mainsec .right_menusec ul li {
margin: 0px 10px;
}
.header_mainsec .right_menusec ul li.account-sec:hover ul.account-info {
width: 165px;
}
div#popmake-237 .queryly_item{
flex-direction: column;
}
div#popmake-237 .queryly_item .queryly_img{
width: 100%;
margin-right: 0;
}
div#popmake-237 .queryly_item .queryly_content{
margin-right: 0;
margin-top: 20px;
}
.search-header .logo{
display: none;
}
.search-header .col-md-10{
width: 100%;
flex: 100;
max-width: 100%;
}
.swiper-container.home-slide-top {
height: 250px;
} .four_box_mainsec .row {
display: block;
}
.four_box_mainsec .row .col-sm-12.col-md-4.col-lg-4.col-xl-4.bottom-border {
width: 100% !important;
} .four_box_mainsec .img_contnt_box .contnt_sec h2 {
font-size: 20px;
}
.four_box_mainsec.width-section .img_sec img {
height: auto !important;
}
.title_mainsec h2 {
letter-spacing: .3rem;
line-height: 1.875rem;
font-size: 2.3125rem;
margin-bottom: 0 !important;
}      .four_box_mainsec.signup_two_boxsec .img_sec img {
height: auto !important;
}    section.category-page.category-page--news.post .post.post--default {
display: block !important;
}
section.category-page.category-page--news.post .post.post--default .post__main {
max-width: 100%;
}
body.post-type-archive-news h1.post__title a {
font-size: 26px;
line-height: 24px;
}
body.post-type-archive-news article.post__article {
margin-left: 0px;
}
body.post-type-archive-news aside.article-recirc-by-tag {
padding-left: 0px;
}
body.post-type-archive-news .post__wrapper .post.post--default {
display: block !important;
}
body.post-type-archive-news .post__wrapper .post.post--default .post__main {
max-width: 100%;
}
.post__header-text .post__title {
line-height: 18px !important;
} section.subscription__top.container {
padding-top: 50px;
}
.sub_inner h1.subscription__title {
font-size: 16px !important;
line-height: 22px !important;
}
.subscription__list {
display: block;
}
.subscription__list .card__top {
width: 100%;
margin-bottom: 20px;
}
.subscription__bottom .subscription__plan-list {
padding: 29px 15px;
display: block;
}
.subscription__plan-item {
width: 100%;
margin-bottom: 20px;
}
.card--default a {
display: block !important;
text-align: left !important;
}
.card__poster.card__poster--default {
margin-left: 0px;
margin-bottom: 20px;
}
.card--all-feed>a {
display: block;
}
.card--all-feed>a figure.card__poster.card__poster--all-feed {
margin-left: 0px;
} .cloud_anywhere p {
font-size: 41px !important;
}
.elementor-308 .elementor-element.elementor-element-fbee440 {
text-align: center;
}
.elementor-308 .elementor-element.elementor-element-eafbe27 {
text-align: center;
}
.intel_patner a {
padding: 13px 13px !important;    
font-size: 14px !important;
}
.orig_cloud {margin-top: 0px;padding: 20px 10px;}
.orig_cloud h2 {
font-size: 25px !important;
}
.orig_cloud h6 {
font-size: 16px !important;
}
.elementor-308 .elementor-element.elementor-element-57733c2 {
padding: 30px 0px 30px 0px;
}
.elementor-308 .elementor-element.elementor-element-72907f9 .elementor-heading-title {
font-size: 28px;
}
.elementor-308 .elementor-element.elementor-element-0163dde {
font-size: 16px;
}
.image-container .image-display img {
height: auto !important;
}
.post__main, .post__sidebar{
flex: 100 !important;
max-width: 100% !important;
padding: 0 20px !important;
margin: 0 !important;
box-sizing: border-box !important;
}
header.post__header .aside_div{
display: none;
}
.co_pert {
flex-direction: column;
}
.aside_main .socal_ul{
justify-content: flex-start;
}
.aside_main .socal_ul ul{
display: flex;
flex-direction: row;
}
header.post__header .socal_ul ul li{
border-right: 1px solid #ccc;
padding:0px 20px;
}
header.post__header .socal_ul ul li:first-child{
padding-left:0px;
}
.aside_main {
padding-top: 0px;
position: relative;
right: auto;
}
.top-stories{
margin-left: 0;
width: 100%;
}
.stories_div{
width: 100%;
display: flex;
}
.stories_div .store_img{
display: none;
}
.count_div{
padding-right: 0px;
}
.stories_div a{
width: 100%;
display: flex;
flex-direction: column;
}
.store_imgont{
margin-left: 0px;
max-width: 300px;
margin-top: 10px;
}
.post{
flex-direction: column;
}
.stories-slider{
width: 100%;
}
.stories_sec.articles > div {
width: 100%;
}
.articles.article{
margin-right: 0px;
}
.post-118 {
margin-left: 0px;
}
.page-template-innovation360 .upcoming-event{
gap: 0;
display: flex;
flex-direction: column;
}
.video_mainsec{
padding: 0px;
}
.page-template-innovation360 .image {
width: 100%;
padding: 20px;
height: 200px;
}
.page-template-innovation360 .upcoming-event .details{
display: flex;
flex-direction: column;
padding: 20px 0px;
}
.news-container{
flex-direction: column;
}
.news-container__choice:first-child{
border-right: 0px solid #ccc;
}
body.page-template-videos button.slide-arrow.next-arrow.slick-arrow, body.page-template-videos button.prev-arrow{
width: 40px;
}
.page-template-videos button.slide-arrow img{
width: 16px;
}
.trending_video .slick-list { box-sizing: border-box;
}
.hoc_sec .col-sm-7, .hoc_sec .col-sm-12, .hoc_sec .col-sm-5 {
padding: 0px !important;
}
.socal_xon{
height: auto;
display: flex;
}
.socal_xon ul{
height: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.page-id-334 section.hoc_sec .top_text h2 {
font-size: 54px !important;
}
#co-design .head_main .post__title, #co-design .head_main .post__title a{
font-size: 2.3125rem;
line-height: 2rem;
letter-spacing: .6px;
}
}