Last active
July 27, 2020 16:35
-
-
Save ricealexander/55b8c5a392f18b5a57f249612af41e02 to your computer and use it in GitHub Desktop.
Fallback values for custom properties for IE support in Grove
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Patch in variables that aren't defined | |
| $buttonBgColor: initial; | |
| $grayscaleColor1: initial; | |
| $grayscaleColor2: initial; | |
| $grayscaleColor3: initial; | |
| $grayscaleColor4: initial; | |
| $grayscaleColor5: initial; | |
| $grayscaleColor6: initial; | |
| $headerBackgroundColorMobile: initial; | |
| $secondaryColor6: initial; | |
| $playerHeight: initial; | |
| $headerNavBarBgColor: $headerMenuBgColor; | |
| $bodyFontFamily: $bodyFont; | |
| // Stylesheet | |
| .headline-1 { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .ErrorPage-title,.GalleryPage-headline,.PromoC-title,.title-1 { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-1; | |
| } | |
| .PromoE-title,.title-2 { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-2; | |
| } | |
| .EventSearchResultsModule-title,.Fieldset-fieldset legend,.GalleryPage-aside .GalleryPage-headline,.GalleryPage-subHeadline,.LongFormPage-articleBody h2,.SearchResultsModule-title,.title-3 { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .ErrorPage-errorMessage,.EventSearchResultsModule-noResults,.SearchResultsModule-noResults,.title-4 { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-4; | |
| } | |
| .AuthorPage-jobTitle,.ListB-items-item .PromoLink,.ListTitles-items-item .PromoLink,.PlayListItem-title,.title-5 { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| } | |
| .Banner-link,.ErrorPage-search-input,.ErrorPage-search-input::-moz-placeholder,.GalleryPage-aside-cta,.GallerySlide-title,.title-6 { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| } | |
| .Banner-link,.ErrorPage-search-input,.ErrorPage-search-input:-ms-input-placeholder,.GalleryPage-aside-cta,.GallerySlide-title,.title-6 { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| } | |
| .Banner-link,.ErrorPage-search-input,.ErrorPage-search-input::placeholder,.GalleryPage-aside-cta,.GallerySlide-title,.title-6 { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| } | |
| .description-1 { | |
| color: $secondaryColor1; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $description-1; | |
| } | |
| .byline-1,.VideoEnhancement-title { | |
| font-size: $byline-1; | |
| } | |
| .byline-1,.date-1,.VideoEnhancement-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| color: $secondaryColor1; | |
| } | |
| .date-1 { | |
| font-size: $date-1; | |
| } | |
| .caption-1,.CarouselSlide-infoAttribution,.GalleryPage-aside-slideContent,.VideoEnhancement-credit { | |
| color: $secondaryColor1; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $caption-1; | |
| } | |
| .body-1,.ErrorPage-errorDescription,.PromoC-description { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-1; | |
| } | |
| .AuthorPage-fullBiography-content.RichTextBody,.body-2 { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .label-1,.PlayListItem-media-current { | |
| color: $secondaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-1; | |
| } | |
| .ActionLinkWithLabel span,.label-2,.ListTags-title { | |
| color: $secondaryColor1; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-2; | |
| } | |
| .CarouselSlide-infoDescription,.DateInput-labelText,.EmailInput-labelText,.ErrorPage-search-submit-text,.EventForm-message,.EventForm .RadioFieldset legend,.FileInput-labelText,.FollowButton,.FooterNavigationItem a,.Form-message,.Form .RadioFieldset legend,.Input-labelText,.label-3,.NavigationItem-text,.NavigationItem .NavigationLink,.Page-header-disclaimer,.PasswordInput-labelText,.PhoneNumberInput-labelText,.PlayListItem-duration,.Quote-attribution,.Select-labelText,.TextArea-labelText,.TextInput-labelText,.TextInputInverse-labelText,.TimeInput-labelText { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| } | |
| .AuthorPage-fullBiography-more,.Banner-title,.Button,.ButtonAlt,.ButtonInverse,.ButtonInverseAlt,.ButtonPrimary,.ButtonWithChevron,.CarouselSlide-numbers,.DateInput-input,.EmailInput-input,.EventForm .Button[type=submit],.EventSearchFilter-seeAll-button,.EventSearchResultsModule-filters-applyButton,.EventSearchResultsModule-filters-open,.EventSearchResultsModule-filters-query-formInput,.Form .Button[type=submit],.Form .ButtonAlt[type=submit],.Form .ButtonInverse[type=submit],.Form .ButtonInverseAlt[type=submit],.Form .ButtonWithChevron[type=submit],.Form .EventSearchResultsModule-filters-open[type=submit],.Form .GalleryPage-infoButton[type=submit],.Form .SearchResultsModule-filters-open[type=submit],.Form .VideoModule-cta a[type=submit],.GalleryPage-infoButton,.GalleryPage-start,.Input-input,.label-4,.PasswordInput-input,.PhoneNumberInput-input,.SearchFilter-seeAll-button,.SearchResultsModule-filters-applyButton,.SearchResultsModule-filters-open,.SectionNavigationItem-text,.SectionNavigationItem a,.Select-input,.TextArea-input,.TextInput-input,.TextInputInverse-input,.TimeInput-input,.VideoModule-cta a { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-4; | |
| } | |
| .counter-1,.EventSearchResultsModule-pageCounts,.GalleryPage-lead-count,.GalleryPage-numbers,.ListB-items-item:before,.ListTitles-items-item:before,.SearchResultsModule-pageCounts { | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $counter-1; | |
| } | |
| .quote-1,.Quote blockquote { | |
| color: $primaryTextColor; | |
| font-size: $quote-1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .Button,.ButtonAlt,.ButtonInverse,.ButtonInverseAlt,.ButtonPrimary,.ButtonWithChevron,.EventForm .Button[type=submit],.EventSearchResultsModule-filters-applyButton,.EventSearchResultsModule-filters-open,.Form .Button[type=submit],.Form .ButtonAlt[type=submit],.Form .ButtonInverse[type=submit],.Form .ButtonInverseAlt[type=submit],.Form .ButtonWithChevron[type=submit],.Form .EventSearchResultsModule-filters-open[type=submit],.Form .GalleryPage-infoButton[type=submit],.Form .SearchResultsModule-filters-open[type=submit],.Form .VideoModule-cta a[type=submit],.GalleryPage-infoButton,.GalleryPage-start,.SearchResultsModule-filters-applyButton,.SearchResultsModule-filters-open,.VideoModule-cta a { | |
| background: $buttonBgColor; | |
| border: 1px solid $buttonTextColor; | |
| color: $buttonTextColor; | |
| } | |
| .Button:focus,.Button:hover,.ButtonAlt:focus,.ButtonAlt:hover,.ButtonInverse:focus,.ButtonInverse:hover,.ButtonInverseAlt:focus,.ButtonInverseAlt:hover,.ButtonPrimary:focus,.ButtonPrimary:hover,.ButtonWithChevron:focus,.ButtonWithChevron:hover,.EventForm .Button[type=submit]:focus,.EventForm .Button[type=submit]:hover,.EventSearchResultsModule-filters-applyButton:focus,.EventSearchResultsModule-filters-applyButton:hover,.EventSearchResultsModule-filters-open:focus,.EventSearchResultsModule-filters-open:hover,.Form .Button[type=submit]:focus,.Form .Button[type=submit]:hover,.Form .ButtonAlt[type=submit]:focus,.Form .ButtonAlt[type=submit]:hover,.Form .ButtonInverse[type=submit]:focus,.Form .ButtonInverse[type=submit]:hover,.Form .ButtonInverseAlt[type=submit]:focus,.Form .ButtonInverseAlt[type=submit]:hover,.Form .ButtonWithChevron[type=submit]:focus,.Form .ButtonWithChevron[type=submit]:hover,.Form .EventSearchResultsModule-filters-open[type=submit]:focus,.Form .EventSearchResultsModule-filters-open[type=submit]:hover,.Form .GalleryPage-infoButton[type=submit]:focus,.Form .GalleryPage-infoButton[type=submit]:hover,.Form .SearchResultsModule-filters-open[type=submit]:focus,.Form .SearchResultsModule-filters-open[type=submit]:hover,.Form .VideoModule-cta a[type=submit]:focus,.Form .VideoModule-cta a[type=submit]:hover,.GalleryPage-infoButton:focus,.GalleryPage-infoButton:hover,.GalleryPage-start:focus,.GalleryPage-start:hover,.SearchResultsModule-filters-applyButton:focus,.SearchResultsModule-filters-applyButton:hover,.SearchResultsModule-filters-open:focus,.SearchResultsModule-filters-open:hover,.VideoModule-cta a:focus,.VideoModule-cta a:hover { | |
| background: $buttonBgColor; | |
| border: 1px solid $primaryColor1; | |
| color: $primaryColor1 | |
| } | |
| .ButtonAlt:focus,.ButtonAlt:hover { | |
| background: $primaryColor1; | |
| border: 1px solid $primaryColor1; | |
| color: $buttonBgColor | |
| } | |
| .ButtonInverse,.GalleryPage-infoButton { | |
| background: $inverseButtonBgColor; | |
| border: 1px solid $secondaryColor1; | |
| color: $primaryTextColorInverse | |
| } | |
| .ButtonInverse:focus,.ButtonInverse:hover,.GalleryPage-infoButton:focus,.GalleryPage-infoButton:hover { | |
| background: $grayscaleColor1; | |
| border: 1px solid $secondaryColor5; | |
| color: $secondaryColor5 | |
| } | |
| .ButtonInverseAlt { | |
| background: $grayscaleColor1; | |
| border: 1px solid $secondaryColor1; | |
| color: $secondaryColor5 | |
| } | |
| .ButtonInverseAlt:focus,.ButtonInverseAlt:hover,.ButtonPrimary,.EventForm .Button[type=submit],.EventSearchResultsModule-filters-applyButton,.Form .Button[type=submit],.Form .ButtonAlt[type=submit],.Form .ButtonInverse[type=submit],.Form .ButtonInverseAlt[type=submit],.Form .ButtonWithChevron[type=submit],.Form .EventSearchResultsModule-filters-open[type=submit],.Form .GalleryPage-infoButton[type=submit],.Form .SearchResultsModule-filters-open[type=submit],.Form .VideoModule-cta a[type=submit],.GalleryPage-start,.SearchResultsModule-filters-applyButton { | |
| background: $primaryColor1; | |
| border: 1px solid $primaryColor1; | |
| color: $secondaryColor5 | |
| } | |
| .ButtonPrimary:focus,.ButtonPrimary:hover,.EventForm .Button[type=submit]:focus,.EventForm .Button[type=submit]:hover,.EventSearchResultsModule-filters-applyButton:focus,.EventSearchResultsModule-filters-applyButton:hover,.Form .Button[type=submit]:focus,.Form .Button[type=submit]:hover,.Form .ButtonAlt[type=submit]:focus,.Form .ButtonAlt[type=submit]:hover,.Form .ButtonInverse[type=submit]:focus,.Form .ButtonInverse[type=submit]:hover,.Form .ButtonInverseAlt[type=submit]:focus,.Form .ButtonInverseAlt[type=submit]:hover,.Form .ButtonPrimary[type=submit]:focus,.Form .ButtonPrimary[type=submit]:hover,.Form .ButtonWithChevron[type=submit]:focus,.Form .ButtonWithChevron[type=submit]:hover,.Form .EventSearchResultsModule-filters-applyButton[type=submit]:focus,.Form .EventSearchResultsModule-filters-applyButton[type=submit]:hover,.Form .EventSearchResultsModule-filters-open[type=submit]:focus,.Form .EventSearchResultsModule-filters-open[type=submit]:hover,.Form .GalleryPage-infoButton[type=submit]:focus,.Form .GalleryPage-infoButton[type=submit]:hover,.Form .GalleryPage-start[type=submit]:focus,.Form .GalleryPage-start[type=submit]:hover,.Form .SearchResultsModule-filters-applyButton[type=submit]:focus,.Form .SearchResultsModule-filters-applyButton[type=submit]:hover,.Form .SearchResultsModule-filters-open[type=submit]:focus,.Form .SearchResultsModule-filters-open[type=submit]:hover,.Form .VideoModule-cta a[type=submit]:focus,.Form .VideoModule-cta a[type=submit]:hover,.GalleryPage-start:focus,.GalleryPage-start:hover,.SearchResultsModule-filters-applyButton:focus,.SearchResultsModule-filters-applyButton:hover { | |
| background: $buttonBgColor; | |
| border: 1px solid $buttonTextColor; | |
| color: $buttonTextColor | |
| } | |
| .FollowButton { | |
| background: $secondaryColor5; | |
| border: 1px solid $secondaryColor2; | |
| } | |
| .FollowButton:hover { | |
| border: 1px solid $primaryColor1; | |
| color: $primaryColor1 | |
| } | |
| .FollowButton[data-state-following] { | |
| background: $primaryColor1; | |
| border: 1px solid $primaryColor1; | |
| color: $secondaryColor5 | |
| } | |
| .FollowButton[data-state-following]:hover { | |
| background: $secondaryColor5; | |
| color: $primaryColor1 | |
| } | |
| .SectionButton,.SectionButtonInverse { | |
| color: $secondaryColor1; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-2; | |
| color: $sectionTextColor; | |
| } | |
| .SectionButton:hover,.SectionButtonInverse:hover { | |
| color: $primaryColor1 | |
| } | |
| .SectionButton[data-inverse],.SectionButtonInverse[data-inverse] { | |
| color: $secondaryColor5 | |
| } | |
| .SectionButton[data-inverse]:hover,.SectionButtonInverse[data-inverse]:hover { | |
| color: $secondaryColor3 | |
| } | |
| .SectionButtonInverse { | |
| color: $secondaryColor5 | |
| } | |
| .SectionButtonInverse:hover { | |
| color: $secondaryColor3 | |
| } | |
| .BreakingButton,.PromoTag,.TagButton,.TrendingButton { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| border: 1px solid $tagButtonBorderColor; | |
| color: $tagButtonTextColor; | |
| } | |
| .BreakingButton:hover,.PromoTag:hover,.TagButton:hover,.TrendingButton:hover { | |
| border-color: $primaryColor1 | |
| } | |
| .BreakingButton[data-active],.PromoTag[data-active],.TagButton[data-active],.TrendingButton[data-active] { | |
| color: $primaryColor1 | |
| } | |
| .BreakingButton { | |
| background: $breakingColor; | |
| border-color: $breakingColor | |
| } | |
| .BreakingButton:hover { | |
| background: $breakingTextColor; | |
| border: 1px solid $breakingColor; | |
| color: $breakingColor | |
| } | |
| .Carousel .flickity-prev-next-button,.CarouselAbstract .flickity-prev-next-button,.FlickityCarouselButton,.GalleryPage-slides .flickity-prev-next-button { | |
| background: $linkColor; | |
| } | |
| .Carousel .flickity-prev-next-button svg.flickity-button-icon,.CarouselAbstract .flickity-prev-next-button svg.flickity-button-icon,.FlickityCarouselButton svg.flickity-button-icon,.GalleryPage-slides .flickity-prev-next-button svg.flickity-button-icon { | |
| fill: $primaryTextColorInverse; | |
| } | |
| .Carousel .flickity-prev-next-button:hover,.CarouselAbstract .flickity-prev-next-button:hover,.FlickityCarouselButton:hover,.GalleryPage-slides .flickity-prev-next-button:hover { | |
| background: $linkHoverColor | |
| } | |
| .Carousel .flickity-prev-next-button:hover svg.flickity-button-icon,.CarouselAbstract .flickity-prev-next-button:hover svg.flickity-button-icon,.FlickityCarouselButton:hover svg.flickity-button-icon,.GalleryPage-slides .flickity-prev-next-button:hover svg.flickity-button-icon { | |
| fill: $primaryTextColorInverse | |
| } | |
| .Carousel .flickity-prev-next-button:disabled svg.flickity-button-icon,.CarouselAbstract .flickity-prev-next-button:disabled svg.flickity-button-icon,.FlickityCarouselButton:disabled svg.flickity-button-icon,.GalleryPage-slides .flickity-prev-next-button:disabled svg.flickity-button-icon { | |
| fill: $secondaryColor2 | |
| } | |
| .ButtonWithChevron { | |
| color: $secondaryTextColor; | |
| border-color: $secondaryColor2 | |
| } | |
| .ButtonCallToAction { | |
| color: $tagButtonTextColor | |
| } | |
| .DateInput-input,.EmailInput-input,.Input-input,.PasswordInput-input,.PhoneNumberInput-input,.Select-input,.TextArea-input,.TextInput-input,.TextInputInverse-input,.TimeInput-input { | |
| background-color: $siteBgColor; | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .DateInput-input+.DateInput-input-error,.DateInput-input+.EmailInput-input-error,.DateInput-input+.Input-input-error,.DateInput-input+.PasswordInput-input-error,.EmailInput-input+.DateInput-input-error,.EmailInput-input+.EmailInput-input-error,.EmailInput-input+.Input-input-error,.EmailInput-input+.PasswordInput-input-error,.EmailInput-input+.PhoneNumberInput-input-error,.EmailInput-input+.Select-input-error,.EmailInput-input+.TextArea-input-error,.EmailInput-input+.TextInput-input-error,.EmailInput-input+.TextInputInverse-input-error,.EmailInput-input+.TimeInput-input-error,.Input-input+.DateInput-input-error,.Input-input+.EmailInput-input-error,.Input-input+.Input-input-error,.Input-input+.PasswordInput-input-error,.Input-input+.PhoneNumberInput-input-error,.Input-input+.Select-input-error,.Input-input+.TextArea-input-error,.Input-input+.TextInput-input-error,.Input-input+.TextInputInverse-input-error,.Input-input+.TimeInput-input-error,.PasswordInput-input+.DateInput-input-error,.PasswordInput-input+.EmailInput-input-error,.PasswordInput-input+.Input-input-error,.PasswordInput-input+.PasswordInput-input-error,.PasswordInput-input+.PhoneNumberInput-input-error,.PasswordInput-input+.Select-input-error,.PasswordInput-input+.TextArea-input-error,.PasswordInput-input+.TextInput-input-error,.PasswordInput-input+.TextInputInverse-input-error,.PasswordInput-input+.TimeInput-input-error,.PhoneNumberInput-input+.EmailInput-input-error,.PhoneNumberInput-input+.Input-input-error,.PhoneNumberInput-input+.PasswordInput-input-error,.PhoneNumberInput-input+.PhoneNumberInput-input-error,.Select-input+.EmailInput-input-error,.Select-input+.Input-input-error,.Select-input+.PasswordInput-input-error,.Select-input+.Select-input-error,.TextArea-input+.EmailInput-input-error,.TextArea-input+.Input-input-error,.TextArea-input+.PasswordInput-input-error,.TextArea-input+.TextArea-input-error,.TextInput-input+.EmailInput-input-error,.TextInput-input+.Input-input-error,.TextInput-input+.PasswordInput-input-error,.TextInput-input+.TextInput-input-error,.TextInputInverse-input+.EmailInput-input-error,.TextInputInverse-input+.Input-input-error,.TextInputInverse-input+.PasswordInput-input-error,.TextInputInverse-input+.TextInputInverse-input-error,.TimeInput-input+.EmailInput-input-error,.TimeInput-input+.Input-input-error,.TimeInput-input+.PasswordInput-input-error,.TimeInput-input+.TimeInput-input-error { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| color: #d0021b; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .DateInput-input[readonly],.EmailInput-input[readonly],.Input-input[readonly],.PasswordInput-input[readonly],.PhoneNumberInput-input[readonly],.Select-input[readonly],.TextArea-input[readonly],.TextInput-input[readonly],.TextInputInverse-input[readonly],.TimeInput-input[readonly] { | |
| background: $secondaryColor4 | |
| } | |
| .DateInput-labelText,.EmailInput-labelText,.Input-labelText,.PasswordInput-labelText,.PhoneNumberInput-labelText,.Select-labelText,.TextArea-labelText,.TextInput-labelText,.TextInputInverse-labelText,.TimeInput-labelText { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .DateInput-labelText-required,.EmailInput-labelText-required,.Input-labelText-required,.PasswordInput-labelText-required,.PhoneNumberInput-labelText-required,.Select-labelText-required,.TextArea-labelText-required,.TextInput-labelText-required,.TextInputInverse-labelText-required,.TimeInput-labelText-required { | |
| color: #d0021b | |
| } | |
| .DateInput-typeaheadItems,.EmailInput-typeaheadItems,.Input-typeaheadItems,.PasswordInput-typeaheadItems,.PhoneNumberInput-typeaheadItems,.Select-typeaheadItems,.TextArea-typeaheadItems,.TextInput-typeaheadItems,.TextInputInverse-typeaheadItems,.TimeInput-typeaheadItems { | |
| background: $siteBgColor; | |
| } | |
| .DateInput-typeaheadItems span:hover,.DateInput-typeaheadItems span[data-typeahead-highlight],.EmailInput-typeaheadItems span:hover,.EmailInput-typeaheadItems span[data-typeahead-highlight],.Input-typeaheadItems span:hover,.Input-typeaheadItems span[data-typeahead-highlight],.PasswordInput-typeaheadItems span:hover,.PasswordInput-typeaheadItems span[data-typeahead-highlight],.PhoneNumberInput-typeaheadItems span:hover,.PhoneNumberInput-typeaheadItems span[data-typeahead-highlight],.Select-typeaheadItems span:hover,.Select-typeaheadItems span[data-typeahead-highlight],.TextArea-typeaheadItems span:hover,.TextArea-typeaheadItems span[data-typeahead-highlight],.TextInput-typeaheadItems span:hover,.TextInput-typeaheadItems span[data-typeahead-highlight],.TextInputInverse-typeaheadItems span:hover,.TextInputInverse-typeaheadItems span[data-typeahead-highlight],.TimeInput-typeaheadItems span:hover,.TimeInput-typeaheadItems span[data-typeahead-highlight] { | |
| color: $linkColor; | |
| } | |
| .DateInput-description,.EmailInput-description,.Input-description,.PasswordInput-description,.PhoneNumberInput-description,.Select-description,.TextArea-description,.TextInput-description,.TextInputInverse-description,.TimeInput-description { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| } | |
| .DateInput-description a,.EmailInput-description a,.Input-description a,.PasswordInput-description a,.PhoneNumberInput-description a,.Select-description a,.TextArea-description a,.TextInput-description a,.TextInputInverse-description a,.TimeInput-description a { | |
| color: $linkColor | |
| } | |
| .TextInputInverse input { | |
| color: $secondaryColor4 | |
| } | |
| .TextInputInverse input:focus { | |
| background-color: $secondaryColor5; | |
| color: $primaryTextColor | |
| } | |
| .CheckboxInput-input { | |
| background-color: $secondaryColor5; | |
| border: 2px solid $secondaryColor3; | |
| } | |
| .CheckboxInput-input:active,.CheckboxInput-input:checked { | |
| background: $primaryColor1; | |
| border: 2px solid $primaryColor1 | |
| } | |
| .CheckboxInput-input:active:after,.CheckboxInput-input:checked:after { | |
| border-right: 1px solid $primaryTextColorInverse; | |
| border-bottom: 1px solid $primaryTextColorInverse; | |
| } | |
| .CheckboxInput-label span { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .CheckboxInput-label-required { | |
| color: #d0021b | |
| } | |
| .Page-header-search-input,.Page-header-search-input-mobile,.SearchInput-input { | |
| color: $primaryColor1; | |
| } | |
| .Select-input { | |
| color: $primaryTextColor; | |
| font-size: $body-2; | |
| } | |
| .Select-input option { | |
| font-size: $body-2 | |
| } | |
| .Select-labelText { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .Select-labelText-required { | |
| color: #d0021b | |
| } | |
| .Select-description { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| } | |
| .Select-description a { | |
| color: $linkColor | |
| } | |
| .Fieldset-fieldset { | |
| border: solid $headerBorderColor; | |
| } | |
| .Fieldset-description { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| } | |
| .Fieldset-description a { | |
| color: $linkColor | |
| } | |
| .FileInput-name { | |
| background-color: $secondaryColor4; | |
| } | |
| .FileInput-labelText { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .FileInput-labelText-required { | |
| color: #d0021b | |
| } | |
| .FileInput-description { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .RepeatableFieldset[data-bg=gray] { | |
| background: $headerBackgroundColorMobile | |
| } | |
| .BlogPostPage-above,.ErrorPage-above,.Page-above { | |
| background: $siteBgColor; | |
| } | |
| .BlogPostPage-above .GoogleDfpAd,.ErrorPage-above .GoogleDfpAd,.Page-above .GoogleDfpAd { | |
| background-color: $secondaryColor4 | |
| } | |
| .BlogPostPage-below,.ErrorPage-below,.Page-below { | |
| border-top: 1px solid $secondaryColor3; | |
| } | |
| .Page-header { | |
| background: $headerBgColor; | |
| border-bottom: 1px solid $secondaryColor4; | |
| } | |
| .Page-header-donate-button { | |
| background-color: $donateBGColor; | |
| border-color: $donateBGColor; | |
| color: $headerIconColor; | |
| } | |
| .Page-header-donate-button svg { | |
| fill: $headerIconColor; | |
| } | |
| .Page-header-tagline { | |
| color: $headerTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .Page-header-persistent-player { | |
| background-color: $primaryColor1; | |
| } | |
| .Page-header-disclaimer { | |
| color: $primaryTextColor; | |
| } | |
| .Page-header-hamburger-menu { | |
| color: $headerMenuTextColor; | |
| } | |
| .Page-header-hamburger-menu-close { | |
| color: #333; | |
| } | |
| .Page-header-hamburger-menu-close .close-x { | |
| fill: #333; | |
| } | |
| .Page-header-hamburger-menu-wrapper { | |
| background: $headerMenuBgColor; | |
| } | |
| .Page-header-menu-trigger { | |
| color: $headerTextColor; | |
| } | |
| .Page-header-menu-trigger .burger-menu { | |
| fill: $headerTextColor; | |
| } | |
| .Page-header-menu-trigger .close-x { | |
| fill: $headerTextColor; | |
| } | |
| [data-header-background=true] .Page-header-menu-trigger { | |
| background-color: $primaryColor2; | |
| border-color: $primaryColor2; | |
| } | |
| .Page-header-search-button,.Page-header-search-button-mobile { | |
| color: $headerTextColor; | |
| } | |
| .Page-header-search-button-mobile .icon-magnify,.Page-header-search-button .icon-magnify { | |
| fill: $headerTextColor; | |
| } | |
| .Page-header-search-button-mobile .close-x,.Page-header-search-button .close-x { | |
| fill: $headerTextColor; | |
| } | |
| [data-header-background=true][data-search-open=false] .Page-header-search-button,[data-header-background=true][data-search-open=false] .Page-header-search-button-mobile { | |
| background-color: $primaryColor2; | |
| border-color: $primaryColor2; | |
| } | |
| .Page-header-search-button-mobile .icon-magnify { | |
| fill: #333 | |
| } | |
| .Page-header-search-input,.Page-header-search-input-mobile { | |
| font-size: $body-2; | |
| } | |
| .Page-header-search-close { | |
| color: $headerTextColor; | |
| } | |
| .Page-header-search-close svg { | |
| fill: $headerTextColor; | |
| } | |
| .Page-header-search-overlay { | |
| background: $headerMenuBgColor; | |
| } | |
| .Page-header-search-overlay-mobile,[data-toggle-header=search-overlay] .Page-header-search-overlay { | |
| background-color: $secondaryColor3; | |
| } | |
| .Page-header-search-submit svg { | |
| fill: $headerTextColor; | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .Page-header-search-overlay { | |
| background: $headerMenuBgColor; | |
| } | |
| [data-toggle-header=search-overlay] .Page-header-search-overlay { | |
| background-color: $secondaryColor3; | |
| } | |
| } | |
| @media only screen and (min-width: 1240px) { | |
| .Page-header-nav-bar { | |
| background-color: $headerNavBarBgColor,#fff; | |
| } | |
| } | |
| .Page-footer { | |
| background: $primaryColor1; | |
| color: $footerTextColor; | |
| } | |
| .Page-footer-branding { | |
| background-color: $footerPartnersBgColor; | |
| } | |
| .Page-footer-disclaimer { | |
| color: $footerTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-2; | |
| } | |
| .ArticlePage-authorBy a,.AuthorPage-authorBy a,.BlogPage-authorBy a,.BlogPostPage-authorBy a,.EventPage-authorBy a,.LongFormPage-authorBy a,.OneOffPage-authorBy a,.PodcastEpisodePage-authorBy a,.RadioShowEpisodePage-authorBy a,.SectionPage-authorBy a,.SeriesPage-authorBy a,.TagPage-authorBy a { | |
| color: $linkColor | |
| } | |
| .ArticlePage-authorBy a:hover,.AuthorPage-authorBy a:hover,.BlogPage-authorBy a:hover,.BlogPostPage-authorBy a:hover,.EventPage-authorBy a:hover,.LongFormPage-authorBy a:hover,.OneOffPage-authorBy a:hover,.PodcastEpisodePage-authorBy a:hover,.RadioShowEpisodePage-authorBy a:hover,.SectionPage-authorBy a:hover,.SeriesPage-authorBy a:hover,.TagPage-authorBy a:hover { | |
| color: $linkHoverColor | |
| } | |
| .ArticlePage .IntroText,.AuthorPage .IntroText,.BlogPage .IntroText,.BlogPostPage .IntroText,.EventPage .IntroText,.LongFormPage .IntroText,.OneOffPage .IntroText,.PodcastEpisodePage .IntroText,.RadioShowEpisodePage .IntroText,.SectionPage .IntroText,.SeriesPage .IntroText,.TagPage .IntroText { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-1; | |
| } | |
| .ArticlePage-articleBody,.AuthorPage-articleBody,.BlogPage-articleBody,.BlogPostPage-articleBody,.EventPage-articleBody,.LongFormPage-articleBody,.OneOffPage-articleBody,.PodcastEpisodePage-articleBody,.RadioShowEpisodePage-articleBody,.SectionPage-articleBody,.SeriesPage-articleBody,.TagPage-articleBody { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .ArticlePage-articleBody .Link,.AuthorPage-articleBody .Link,.BlogPage-articleBody .Link,.BlogPostPage-articleBody .Link,.EventPage-articleBody .Link,.LongFormPage-articleBody .Link,.OneOffPage-articleBody .Link,.PodcastEpisodePage-articleBody .Link,.RadioShowEpisodePage-articleBody .Link,.SectionPage-articleBody .Link,.SeriesPage-articleBody .Link,.TagPage-articleBody .Link { | |
| color: $linkColor | |
| } | |
| .ArticlePage-articleBody .Link:hover,.AuthorPage-articleBody .Link:hover,.BlogPage-articleBody .Link:hover,.BlogPostPage-articleBody .Link:hover,.EventPage-articleBody .Link:hover,.LongFormPage-articleBody .Link:hover,.OneOffPage-articleBody .Link:hover,.PodcastEpisodePage-articleBody .Link:hover,.RadioShowEpisodePage-articleBody .Link:hover,.SectionPage-articleBody .Link:hover,.SeriesPage-articleBody .Link:hover,.TagPage-articleBody .Link:hover { | |
| color: $linkHoverColor | |
| } | |
| .ArticlePage-authorInfo,.AuthorPage-authorInfo,.BlogPage-authorInfo,.BlogPostPage-authorInfo,.EventPage-authorInfo,.LongFormPage-authorInfo,.OneOffPage-authorInfo,.PodcastEpisodePage-authorInfo,.RadioShowEpisodePage-authorInfo,.SectionPage-authorInfo,.SeriesPage-authorInfo,.TagPage-authorInfo { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .ArticlePage-authorInfo-bio-header,.AuthorPage-authorInfo-bio-header,.BlogPage-authorInfo-bio-header,.BlogPostPage-authorInfo-bio-header,.EventPage-authorInfo-bio-header,.LongFormPage-authorInfo-bio-header,.OneOffPage-authorInfo-bio-header,.PodcastEpisodePage-authorInfo-bio-header,.RadioShowEpisodePage-authorInfo-bio-header,.SectionPage-authorInfo-bio-header,.SeriesPage-authorInfo-bio-header,.TagPage-authorInfo-bio-header { | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-2; | |
| color: $sectionTextColor; | |
| color: $secondaryColor1; | |
| } | |
| .ArticlePage-authorInfo-bio-header:hover,.AuthorPage-authorInfo-bio-header:hover,.BlogPage-authorInfo-bio-header:hover,.BlogPostPage-authorInfo-bio-header:hover,.EventPage-authorInfo-bio-header:hover,.LongFormPage-authorInfo-bio-header:hover,.OneOffPage-authorInfo-bio-header:hover,.PodcastEpisodePage-authorInfo-bio-header:hover,.RadioShowEpisodePage-authorInfo-bio-header:hover,.SectionPage-authorInfo-bio-header:hover,.SeriesPage-authorInfo-bio-header:hover,.TagPage-authorInfo-bio-header:hover { | |
| color: $primaryColor1 | |
| } | |
| .ArticlePage-authorInfo-bio-header[data-inverse],.AuthorPage-authorInfo-bio-header[data-inverse],.BlogPage-authorInfo-bio-header[data-inverse],.BlogPostPage-authorInfo-bio-header[data-inverse],.EventPage-authorInfo-bio-header[data-inverse],.LongFormPage-authorInfo-bio-header[data-inverse],.OneOffPage-authorInfo-bio-header[data-inverse],.PodcastEpisodePage-authorInfo-bio-header[data-inverse],.RadioShowEpisodePage-authorInfo-bio-header[data-inverse],.SectionPage-authorInfo-bio-header[data-inverse],.SeriesPage-authorInfo-bio-header[data-inverse],.TagPage-authorInfo-bio-header[data-inverse] { | |
| color: $secondaryColor5 | |
| } | |
| .ArticlePage-authorInfo-bio-header[data-inverse]:hover,.AuthorPage-authorInfo-bio-header[data-inverse]:hover,.BlogPage-authorInfo-bio-header[data-inverse]:hover,.BlogPostPage-authorInfo-bio-header[data-inverse]:hover,.EventPage-authorInfo-bio-header[data-inverse]:hover,.LongFormPage-authorInfo-bio-header[data-inverse]:hover,.OneOffPage-authorInfo-bio-header[data-inverse]:hover,.PodcastEpisodePage-authorInfo-bio-header[data-inverse]:hover,.RadioShowEpisodePage-authorInfo-bio-header[data-inverse]:hover,.SectionPage-authorInfo-bio-header[data-inverse]:hover,.SeriesPage-authorInfo-bio-header[data-inverse]:hover,.TagPage-authorInfo-bio-header[data-inverse]:hover { | |
| color: $secondaryColor3 | |
| } | |
| .ArticlePage-authorInfo-bio-content,.AuthorPage-authorInfo-bio-content,.BlogPage-authorInfo-bio-content,.BlogPostPage-authorInfo-bio-content,.EventPage-authorInfo-bio-content,.LongFormPage-authorInfo-bio-content,.OneOffPage-authorInfo-bio-content,.PodcastEpisodePage-authorInfo-bio-content,.RadioShowEpisodePage-authorInfo-bio-content,.SectionPage-authorInfo-bio-content,.SeriesPage-authorInfo-bio-content,.TagPage-authorInfo-bio-content { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .ArticlePage-authorInfo-bio-name,.AuthorPage-authorInfo-bio-name,.BlogPage-authorInfo-bio-name,.BlogPostPage-authorInfo-bio-name,.EventPage-authorInfo-bio-name,.LongFormPage-authorInfo-bio-name,.OneOffPage-authorInfo-bio-name,.PodcastEpisodePage-authorInfo-bio-name,.RadioShowEpisodePage-authorInfo-bio-name,.SectionPage-authorInfo-bio-name,.SeriesPage-authorInfo-bio-name,.TagPage-authorInfo-bio-name { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .ArticlePage-authorInfo-bio-cta,.AuthorPage-authorInfo-bio-cta,.BlogPage-authorInfo-bio-cta,.BlogPostPage-authorInfo-bio-cta,.EventPage-authorInfo-bio-cta,.LongFormPage-authorInfo-bio-cta,.OneOffPage-authorInfo-bio-cta,.PodcastEpisodePage-authorInfo-bio-cta,.RadioShowEpisodePage-authorInfo-bio-cta,.SectionPage-authorInfo-bio-cta,.SeriesPage-authorInfo-bio-cta,.TagPage-authorInfo-bio-cta { | |
| color: $tagButtonTextColor; | |
| } | |
| .ArticlePage-authorName,.ArticlePage-bylineText,.ArticlePage-contributors,.AuthorPage-authorName,.AuthorPage-bylineText,.AuthorPage-contributors,.BlogPage-authorName,.BlogPage-bylineText,.BlogPage-contributors,.BlogPostPage-authorName,.BlogPostPage-bylineText,.BlogPostPage-contributors,.EventPage-authorName,.EventPage-bylineText,.EventPage-contributors,.LongFormPage-authorName,.LongFormPage-bylineText,.LongFormPage-contributors,.OneOffPage-authorName,.OneOffPage-bylineText,.OneOffPage-contributors,.PodcastEpisodePage-authorName,.PodcastEpisodePage-bylineText,.PodcastEpisodePage-contributors,.RadioShowEpisodePage-authorName,.RadioShowEpisodePage-bylineText,.RadioShowEpisodePage-contributors,.SectionPage-authorName,.SectionPage-bylineText,.SectionPage-contributors,.SeriesPage-authorName,.SeriesPage-bylineText,.SeriesPage-contributors,.TagPage-authorName,.TagPage-bylineText,.TagPage-contributors { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $byline-1; | |
| color: $secondaryColor1; | |
| } | |
| .ArticlePage-breadcrumbs-wrapper,.AuthorPage-breadcrumbs-wrapper,.BlogPage-breadcrumbs-wrapper,.BlogPostPage-breadcrumbs-wrapper,.EventPage-breadcrumbs-wrapper,.LongFormPage-breadcrumbs-wrapper,.OneOffPage-breadcrumbs-wrapper,.PodcastEpisodePage-breadcrumbs-wrapper,.RadioShowEpisodePage-breadcrumbs-wrapper,.SectionPage-breadcrumbs-wrapper,.SeriesPage-breadcrumbs-wrapper,.TagPage-breadcrumbs-wrapper { | |
| color: $secondaryColor1; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .ArticlePage-breadcrumbs-wrapper>.Link,.AuthorPage-breadcrumbs-wrapper>.Link,.BlogPage-breadcrumbs-wrapper>.Link,.BlogPostPage-breadcrumbs-wrapper>.Link,.EventPage-breadcrumbs-wrapper>.Link,.LongFormPage-breadcrumbs-wrapper>.Link,.OneOffPage-breadcrumbs-wrapper>.Link,.PodcastEpisodePage-breadcrumbs-wrapper>.Link,.RadioShowEpisodePage-breadcrumbs-wrapper>.Link,.SectionPage-breadcrumbs-wrapper>.Link,.SeriesPage-breadcrumbs-wrapper>.Link,.TagPage-breadcrumbs-wrapper>.Link { | |
| color: inherit | |
| } | |
| .ArticlePage-breadcrumbs-wrapper>.Link:after,.AuthorPage-breadcrumbs-wrapper>.Link:after,.BlogPage-breadcrumbs-wrapper>.Link:after,.BlogPostPage-breadcrumbs-wrapper>.Link:after,.EventPage-breadcrumbs-wrapper>.Link:after,.LongFormPage-breadcrumbs-wrapper>.Link:after,.OneOffPage-breadcrumbs-wrapper>.Link:after,.PodcastEpisodePage-breadcrumbs-wrapper>.Link:after,.RadioShowEpisodePage-breadcrumbs-wrapper>.Link:after,.SectionPage-breadcrumbs-wrapper>.Link:after,.SeriesPage-breadcrumbs-wrapper>.Link:after,.TagPage-breadcrumbs-wrapper>.Link:after { | |
| border-right: 1px solid $secondaryColor1; | |
| border-top: 1px solid $secondaryColor1; | |
| } | |
| .ArticlePage-breadcrumbs-wrapper svg,.AuthorPage-breadcrumbs-wrapper svg,.BlogPage-breadcrumbs-wrapper svg,.BlogPostPage-breadcrumbs-wrapper svg,.EventPage-breadcrumbs-wrapper svg,.LongFormPage-breadcrumbs-wrapper svg,.OneOffPage-breadcrumbs-wrapper svg,.PodcastEpisodePage-breadcrumbs-wrapper svg,.RadioShowEpisodePage-breadcrumbs-wrapper svg,.SectionPage-breadcrumbs-wrapper svg,.SeriesPage-breadcrumbs-wrapper svg,.TagPage-breadcrumbs-wrapper svg { | |
| fill: $primaryTextColor; | |
| } | |
| .ArticlePage-byline,.AuthorPage-byline,.BlogPage-byline,.BlogPostPage-byline,.EventPage-byline,.LongFormPage-byline,.OneOffPage-byline,.PodcastEpisodePage-byline,.RadioShowEpisodePage-byline,.SectionPage-byline,.SeriesPage-byline,.TagPage-byline { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .ArticlePage-dateModified,.ArticlePage-datePublished,.AuthorPage-dateModified,.AuthorPage-datePublished,.BlogPage-dateModified,.BlogPage-datePublished,.BlogPostPage-dateModified,.BlogPostPage-datePublished,.EventPage-dateModified,.EventPage-datePublished,.LongFormPage-dateModified,.LongFormPage-datePublished,.OneOffPage-dateModified,.OneOffPage-datePublished,.PodcastEpisodePage-dateModified,.PodcastEpisodePage-datePublished,.RadioShowEpisodePage-dateModified,.RadioShowEpisodePage-datePublished,.SectionPage-dateModified,.SectionPage-datePublished,.SeriesPage-dateModified,.SeriesPage-datePublished,.TagPage-dateModified,.TagPage-datePublished { | |
| color: $secondaryColor1; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $date-1; | |
| } | |
| .ArticlePage-headline,.AuthorPage-headline,.BlogPage-headline,.BlogPostPage-headline,.EventPage-headline,.LongFormPage-headline,.OneOffPage-headline,.PodcastEpisodePage-headline,.RadioShowEpisodePage-headline,.SectionPage-headline,.SeriesPage-headline,.TagPage-headline { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .ArticlePage-mainContent hr,.AuthorPage-mainContent hr,.BlogPage-mainContent hr,.BlogPostPage-mainContent hr,.EventPage-mainContent hr,.LongFormPage-mainContent hr,.OneOffPage-mainContent hr,.PodcastEpisodePage-mainContent hr,.RadioShowEpisodePage-mainContent hr,.SectionPage-mainContent hr,.SeriesPage-mainContent hr,.TagPage-mainContent hr { | |
| background: $secondaryColor2; | |
| } | |
| .ArticlePage-subHeadline,.AuthorPage-subHeadline,.BlogPage-subHeadline,.BlogPostPage-subHeadline,.EventPage-subHeadline,.LongFormPage-subHeadline,.OneOffPage-subHeadline,.PodcastEpisodePage-subHeadline,.RadioShowEpisodePage-subHeadline,.SectionPage-subHeadline,.SeriesPage-subHeadline,.TagPage-subHeadline { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .ArticlePage-tags-heading,.AuthorPage-tags-heading,.BlogPage-tags-heading,.BlogPostPage-tags-heading,.EventPage-tags-heading,.LongFormPage-tags-heading,.OneOffPage-tags-heading,.PodcastEpisodePage-tags-heading,.RadioShowEpisodePage-tags-heading,.SectionPage-tags-heading,.SeriesPage-tags-heading,.TagPage-tags-heading { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-4; | |
| } | |
| .ArticlePage-tags .Link,.AuthorPage-tags .Link,.BlogPage-tags .Link,.BlogPostPage-tags .Link,.EventPage-tags .Link,.LongFormPage-tags .Link,.OneOffPage-tags .Link,.PodcastEpisodePage-tags .Link,.RadioShowEpisodePage-tags .Link,.SectionPage-tags .Link,.SeriesPage-tags .Link,.TagPage-tags .Link { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| border: 1px solid $tagButtonBorderColor; | |
| color: $tagButtonTextColor; | |
| } | |
| .ArticlePage-tags .Link:hover,.AuthorPage-tags .Link:hover,.BlogPage-tags .Link:hover,.BlogPostPage-tags .Link:hover,.EventPage-tags .Link:hover,.LongFormPage-tags .Link:hover,.OneOffPage-tags .Link:hover,.PodcastEpisodePage-tags .Link:hover,.RadioShowEpisodePage-tags .Link:hover,.SectionPage-tags .Link:hover,.SeriesPage-tags .Link:hover,.TagPage-tags .Link:hover { | |
| border-color: $primaryColor1 | |
| } | |
| .ArticlePage-tags .Link[data-active],.AuthorPage-tags .Link[data-active],.BlogPage-tags .Link[data-active],.BlogPostPage-tags .Link[data-active],.EventPage-tags .Link[data-active],.LongFormPage-tags .Link[data-active],.OneOffPage-tags .Link[data-active],.PodcastEpisodePage-tags .Link[data-active],.RadioShowEpisodePage-tags .Link[data-active],.SectionPage-tags .Link[data-active],.SeriesPage-tags .Link[data-active],.TagPage-tags .Link[data-active] { | |
| color: $primaryColor1 | |
| } | |
| .ArticlePage-updatesCorrections,.AuthorPage-updatesCorrections,.BlogPage-updatesCorrections,.BlogPostPage-updatesCorrections,.EventPage-updatesCorrections,.LongFormPage-updatesCorrections,.OneOffPage-updatesCorrections,.PodcastEpisodePage-updatesCorrections,.RadioShowEpisodePage-updatesCorrections,.SectionPage-updatesCorrections,.SeriesPage-updatesCorrections,.TagPage-updatesCorrections { | |
| border: 1px solid $secondaryColor3; | |
| border-top: 2px solid $listBorderColor; | |
| } | |
| .ErrorPage-search-submit { | |
| background-color: $primaryColor1; | |
| } | |
| .ErrorPage-search-submit svg { | |
| fill: $primaryTextColorInverse | |
| } | |
| .ErrorPage-search-input { | |
| background-color: $secondaryColor4; | |
| border: 1px solid $secondaryColor4; | |
| color: $secondaryColor1; | |
| } | |
| .ErrorPage-search-input:focus { | |
| background-color: $siteBgColor; | |
| border-color: $secondaryColor2 | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .ErrorPage-errorMessage { | |
| font-size: $title-5 | |
| } | |
| } | |
| .OneOffPage-pageHeading { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| color: $tertiaryTextColor | |
| } | |
| .SeriesPage-head { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .SeriesPage-social .SocialBar-heading { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| color: $primaryTextColor; | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .SeriesPage-head { | |
| border-top:1px solid $secondaryColor2; | |
| } | |
| } | |
| .ActionLink svg { | |
| fill: #fff; | |
| } | |
| .ActionLink[data-social-service=copylink] svg,.ActionLink[data-social-service=mailto] svg,.ActionLink[data-social-service=print] svg { | |
| background: $secondaryColor5; | |
| border: 1px solid $secondaryColor3; | |
| fill: $primaryTextColor | |
| } | |
| .ActionLink[data-dropdown-trigger] svg { | |
| background: $secondaryColor5; | |
| border: 1px solid $secondaryColor3; | |
| fill: $primaryTextColor | |
| } | |
| .ActionLink[data-dropdown-trigger]:hover svg { | |
| fill: $primaryColor1 | |
| } | |
| .ActionLinkWithLabel span { | |
| color: $primaryTextColor; | |
| } | |
| .PodcastActionBar-heading { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| color: $primaryTextColor | |
| } | |
| .PodcastLink { | |
| border: 1px solid $secondaryColor3; | |
| } | |
| .PodcastLink-provider { | |
| color: $secondaryColor1; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $date-1; | |
| color: $primaryTextColor; | |
| } | |
| .AlertBar { | |
| background-color: $primaryColor1; | |
| } | |
| .AlertBar-message { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| } | |
| [data-inverse-color=true] .AlertBar-message { | |
| color: $primaryTextColorInverse | |
| } | |
| .AudioEnhancement { | |
| background: $secondaryColor4; | |
| } | |
| .AudioEnhancement-title { | |
| color: $headerTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .Banner { | |
| background-color: $breakingColor | |
| } | |
| .Banner-title { | |
| font-size: $label-2; | |
| } | |
| .Banner-link,.Banner-title { | |
| color: $breakingTextColor | |
| } | |
| .Banner-link { | |
| font-family: $secondaryHeadlineFont | |
| } | |
| .Banner-close { | |
| background-color: transparent; | |
| } | |
| .Banner-close .close-x { | |
| fill: $breakingTextColor; | |
| } | |
| .Carousel .flickity-page-dots .dot,.CarouselAbstract .flickity-page-dots .dot,.GalleryPage-slides .flickity-page-dots .dot { | |
| background-color: $secondaryColor1 | |
| } | |
| .Carousel .flickity-page-dots .dot.is-selected,.CarouselAbstract .flickity-page-dots .dot.is-selected,.GalleryPage-slides .flickity-page-dots .dot.is-selected { | |
| background-color: $primaryTextColor | |
| } | |
| .Carousel { | |
| border-bottom: 1px solid $secondaryColor2 | |
| } | |
| .CarouselSlide-infoDescription { | |
| color: $tertiaryTextColor | |
| } | |
| .CarouselSlide-numbers { | |
| color: $primaryTextColor; | |
| } | |
| .FourColumnContainer .RichTextModule .example-container,.OneColumnContainer .RichTextModule .example-container,.ThreeColumnContainer .RichTextModule .example-container,.TwoColumnContainer3070 .RichTextModule .example-container,.TwoColumnContainer5050 .RichTextModule .example-container,.TwoColumnContainer7030 .RichTextModule .example-container { | |
| background: $secondaryColor2; | |
| } | |
| .ad-728-90 { | |
| background: $secondaryColor4; | |
| } | |
| .ad-300-250 { | |
| background: $secondaryColor4; | |
| } | |
| .EventForm-guidelines-title { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| } | |
| .EventForm-guidelines-text { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .EventForm-guidelines-text,.EventForm-guidelines-toggle { | |
| color: $secondaryColor1; | |
| font-size: $label-3; | |
| } | |
| .EventForm-guidelines-toggle { | |
| background: $secondaryColor4; | |
| } | |
| .EventForm-guidelines-toggle,.EventForm-guidelines-toggle:after { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .EventForm-guidelines-toggle:after { | |
| color: $linkColor; | |
| } | |
| .EventForm-disclaimer { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| } | |
| .EventForm-disclaimer a { | |
| color: $linkColor | |
| } | |
| .EventForm .EventForm-buttons .Button[type=submit],.EventForm .EventForm-buttons .ButtonAlt[type=submit],.EventForm .EventForm-buttons .ButtonInverse[type=submit],.EventForm .EventForm-buttons .ButtonInverseAlt[type=submit],.EventForm .EventForm-buttons .ButtonPrimary[type=submit],.EventForm .EventForm-buttons .ButtonWithChevron[type=submit],.EventForm .EventForm-buttons .EventForm .Button[type=submit][type=submit],.EventForm .EventForm-buttons .EventSearchResultsModule-filters-applyButton[type=submit],.EventForm .EventForm-buttons .EventSearchResultsModule-filters-open[type=submit],.EventForm .EventForm-buttons .Form .Button[type=submit][type=submit],.EventForm .EventForm-buttons .Form .ButtonAlt[type=submit][type=submit],.EventForm .EventForm-buttons .Form .ButtonInverse[type=submit][type=submit],.EventForm .EventForm-buttons .Form .ButtonInverseAlt[type=submit][type=submit],.EventForm .EventForm-buttons .Form .ButtonWithChevron[type=submit][type=submit],.EventForm .EventForm-buttons .Form .EventSearchResultsModule-filters-open[type=submit][type=submit],.EventForm .EventForm-buttons .Form .GalleryPage-infoButton[type=submit][type=submit],.EventForm .EventForm-buttons .Form .SearchResultsModule-filters-open[type=submit][type=submit],.EventForm .EventForm-buttons .Form .VideoModule-cta a[type=submit][type=submit],.EventForm .EventForm-buttons .GalleryPage-infoButton[type=submit],.EventForm .EventForm-buttons .GalleryPage-start[type=submit],.EventForm .EventForm-buttons .SearchResultsModule-filters-applyButton[type=submit],.EventForm .EventForm-buttons .SearchResultsModule-filters-open[type=submit],.EventForm .EventForm-buttons .VideoModule-cta a[type=submit] { | |
| background-color: #194173; | |
| font-size: $body-2; | |
| } | |
| .EventPage-categories,.EventPage-categories-mobile { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| } | |
| .EventPage-categories-mobile a:hover,.EventPage-categories a:hover { | |
| color: $linkHoverColor | |
| } | |
| .EventPage-name,.EventPage-name-mobile { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .EventPage-description { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .EventPage-information-price,.EventPage-information-time,.EventPage-information-venueName { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $byline-1; | |
| color: $secondaryColor1; | |
| color: $primaryTextColor; | |
| } | |
| .EventPage-information-time[data-recurring] .EventPage-information-time-icon { | |
| background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><path d="M23 4v6h-6M1 20v-6h6"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>'); | |
| } | |
| .EventPage-information-time-icon { | |
| background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>'); | |
| } | |
| .EventPage-ticketing .Link { | |
| background-color: #194173; | |
| color: $headerTextColorInverse; | |
| font-size: $body-2; | |
| } | |
| .EventPage-filters-applyButton,.EventPage-form-button { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| background-color: $siteBgColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .EventPage-filters-applyButton,.EventPage-filters-applyButton-link,.EventPage-form-button,.EventPage-form-button-link { | |
| color: #2c4273 | |
| } | |
| .EventPage-filters-applyButton:hover,.EventPage-form-button:hover { | |
| color: $buttonTextColor | |
| } | |
| .EventPage-filters-applyButton:hover .EventPage-filters-applyButton-link,.EventPage-filters-applyButton:hover .EventPage-form-button-link,.EventPage-form-button:hover .EventPage-filters-applyButton-link,.EventPage-form-button:hover .EventPage-form-button-link { | |
| color: $buttonTextColor | |
| } | |
| .PromoEvent-title { | |
| font-size: $title-1; | |
| } | |
| .PromoEvent-categories,.PromoEvent-title { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .PromoEvent-categories { | |
| color: $secondaryColor1; | |
| font-size: $label-3; | |
| } | |
| .PromoEvent-categories-item a:hover { | |
| color: $linkHoverColor | |
| } | |
| .PromoEvent-date { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-4; | |
| } | |
| .PromoEvent-time .PromoEvent-icon { | |
| background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>'); | |
| } | |
| .PromoEvent-time[data-recurring] .PromoEvent-icon { | |
| background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><path d="M23 4v6h-6M1 20v-6h6"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>'); | |
| } | |
| .PromoEvent-content-item { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $byline-1; | |
| color: $secondaryColor1; | |
| color: $primaryTextColor; | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .PromoEvent-title { | |
| font-size:$title-1 | |
| } | |
| .PromoEvent-description { | |
| color: $primaryTextColor; | |
| } | |
| .PromoEvent-description,.PromoEvent-description-more { | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .PromoEvent-description-more { | |
| color: $primaryTextColor; | |
| color: #4a90e2; | |
| } | |
| } | |
| .EventSearchResultsModule-filters-applyButton,.EventSearchResultsModule-form-button { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| background-color: $siteBgColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .EventSearchResultsModule-filters-applyButton,.EventSearchResultsModule-filters-applyButton-link,.EventSearchResultsModule-form-button,.EventSearchResultsModule-form-button-link { | |
| color: #2c4273 | |
| } | |
| .EventSearchResultsModule-filters-applyButton:hover,.EventSearchResultsModule-form-button:hover { | |
| background-color: #194173; | |
| color: $siteBgColor; | |
| } | |
| .EventSearchResultsModule-filters-applyButton:hover .EventSearchResultsModule-filters-applyButton-link,.EventSearchResultsModule-filters-applyButton:hover .EventSearchResultsModule-form-button-link,.EventSearchResultsModule-form-button:hover .EventSearchResultsModule-filters-applyButton-link,.EventSearchResultsModule-form-button:hover .EventSearchResultsModule-form-button-link { | |
| color: $siteBgColor | |
| } | |
| .EventSearchResultsModule-filters-query-heading { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $byline-1; | |
| color: $secondaryColor1; | |
| } | |
| .EventSearchResultsModule-filters-query-formInput { | |
| background-color: $siteBgColor; | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .EventSearchResultsModule-title { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .EventSearchResultsModule-spotlights { | |
| background-color: $secondaryColor4 | |
| } | |
| .EventSearchResultsModule-spotlights-title { | |
| color: $secondaryColor1; | |
| font-size: $label-1; | |
| } | |
| .EventSearchResultsModule .EventSearchResultsModule-results-item .PromoEvent,.EventSearchResultsModule .EventSearchResultsModule-spotlights-item .PromoEvent { | |
| border-bottom: 1px solid $secondaryColor2 | |
| } | |
| .ArtistInformation { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .ArtistInformation-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| } | |
| .ArtistInformation-website a { | |
| color: $linkColor | |
| } | |
| .ArtistInformation-website a:hover { | |
| color: $linkHoverColor | |
| } | |
| .PresentingOrganizationInformation { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .PresentingOrganizationInformation-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| } | |
| .VenueInformation-name { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| font-family: $bodyFontFamily; | |
| } | |
| .VenueInformation-address { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .VenueInformation-website a { | |
| color: $linkColor | |
| } | |
| .VenueInformation-website a:hover { | |
| color: $linkHoverColor | |
| } | |
| .Figure { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .Figure-caption { | |
| color: $secondaryColor1; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $date-1; | |
| color: $tertiaryTextColor; | |
| } | |
| .Figure-credit,.Figure-divider,.Figure-source { | |
| color: $secondaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-1; | |
| } | |
| .EventForm-message,.Form-message { | |
| color: $primaryTextColor; | |
| } | |
| .EventForm-submissionSuccess b,.Form-submissionSuccess b { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-1; | |
| } | |
| .EventForm .RadioFieldset legend,.Form .RadioFieldset legend { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .RadioTabs-panel { | |
| border-top: 1px solid $secondaryColor2; | |
| } | |
| .RadioTabs-panel-item .RadioTabs .RadioTabs-radio:checked+.RadioTabs-tab,.RadioTabs-panel-item .RadioTabs .RadioTabs-tab:hover { | |
| background-color: #555; | |
| color: $headerTextColorInverse; | |
| } | |
| .RadioTabs-header-title { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .RadioTabs-tab { | |
| font-size: $body-2; | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .RadioTabs-radio:checked+.RadioTabs-tab,.RadioTabs-tab:hover { | |
| background: $siteBgColor; | |
| border-color: $secondaryColor2; | |
| } | |
| .choices.is-disabled .choices__inner,.choices.is-disabled .choices__input { | |
| background-color: #eaeaea; | |
| } | |
| .choices[data-type*=select-one] .choices__input { | |
| background-color: #fff; | |
| } | |
| .choices[data-type*=select-one]:after { | |
| border-top-color: #333; | |
| } | |
| .choices[data-type*=select-one].is-open:after { | |
| border-color: transparent transparent #333; | |
| } | |
| .choices__inner { | |
| background-color: #f9f9f9; | |
| } | |
| .is-focused .choices__inner,.is-open .choices__inner { | |
| border-color: #b7b7b7 | |
| } | |
| .choices__list--multiple .choices__item { | |
| background-color: #00bcd4; | |
| color: #fff; | |
| } | |
| .choices__list--multiple .choices__item.is-highlighted { | |
| background-color: #00a5bb; | |
| } | |
| .is-disabled .choices__list--multiple .choices__item { | |
| background-color: #aaa; | |
| } | |
| .choices__list--dropdown { | |
| background-color: #fff; | |
| } | |
| .is-open .choices__list--dropdown { | |
| border-color: #b7b7b7 | |
| } | |
| .choices__list--dropdown .choices__item--selectable.is-highlighted { | |
| background-color: #f2f2f2 | |
| } | |
| .choices__heading { | |
| color: grey | |
| } | |
| .choices__button { | |
| background-color: transparent; | |
| } | |
| .choices__input { | |
| background-color: #f9f9f9; | |
| } | |
| .choices { | |
| font-family: $bodyFont; | |
| color: $secondaryColor1 | |
| } | |
| .choices__list--multiple .choices__item,.choices__list--multiple .choices__item.is-highlighted { | |
| color: $buttonTextColor; | |
| background-color: $primaryColor2; | |
| } | |
| .choices[data-type*=select-multiple] .choices__button { | |
| border-color: $buttonTextColor; | |
| } | |
| .EpisodesListA-header-title,.EpisodesListB-header-title,.EventForm-header-title,.Form-header-title,.ListB-header-title,.ListC-header-title,.ListD-header-title,.ListE-header-title,.ListF-header-title,.ListG-header-title,.ListH-header-title,.ListHeader-title,.ListPeople-header-title,.ListRelatedContent-header-title,.ListTitles-header-title,.RadioTabs-header-title,.ShowsListB-header-title,.Tabs-header-title,.VideoModule-header-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| color: $primaryTextColor; | |
| } | |
| .EpisodesListA-header-title a,.EpisodesListB-header-title a,.EventForm-header-title a,.Form-header-title a,.ListB-header-title a,.ListC-header-title a,.ListD-header-title a,.ListE-header-title a,.ListF-header-title a,.ListG-header-title a,.ListH-header-title a,.ListHeader-title a,.ListPeople-header-title a,.ListRelatedContent-header-title a,.ListTitles-header-title a,.RadioTabs-header-title a,.ShowsListB-header-title a,.Tabs-header-title a,.VideoModule-header-title a { | |
| color: $secondaryColor6 | |
| } | |
| .EpisodesListA-header-title svg,.EpisodesListB-header-title svg,.EventForm-header-title svg,.Form-header-title svg,.ListB-header-title svg,.ListC-header-title svg,.ListD-header-title svg,.ListE-header-title svg,.ListF-header-title svg,.ListG-header-title svg,.ListH-header-title svg,.ListHeader-title svg,.ListPeople-header-title svg,.ListRelatedContent-header-title svg,.ListTitles-header-title svg,.RadioTabs-header-title svg,.ShowsListB-header-title svg,.Tabs-header-title svg,.VideoModule-header-title svg { | |
| fill: $secondaryColor6; | |
| } | |
| .EpisodesListA-header-title:hover>a,.EpisodesListB-header-title:hover>a,.EventForm-header-title:hover>a,.Form-header-title:hover>a,.ListB-header-title:hover>a,.ListC-header-title:hover>a,.ListD-header-title:hover>a,.ListE-header-title:hover>a,.ListF-header-title:hover>a,.ListG-header-title:hover>a,.ListH-header-title:hover>a,.ListHeader-title:hover>a,.ListPeople-header-title:hover>a,.ListRelatedContent-header-title:hover>a,.ListTitles-header-title:hover>a,.RadioTabs-header-title:hover>a,.ShowsListB-header-title:hover>a,.Tabs-header-title:hover>a,.VideoModule-header-title:hover>a { | |
| color: $primaryColor1 | |
| } | |
| .EpisodesListA-header-title:hover svg,.EpisodesListB-header-title:hover svg,.EventForm-header-title:hover svg,.Form-header-title:hover svg,.ListB-header-title:hover svg,.ListC-header-title:hover svg,.ListD-header-title:hover svg,.ListE-header-title:hover svg,.ListF-header-title:hover svg,.ListG-header-title:hover svg,.ListH-header-title:hover svg,.ListHeader-title:hover svg,.ListPeople-header-title:hover svg,.ListRelatedContent-header-title:hover svg,.ListTitles-header-title:hover svg,.RadioTabs-header-title:hover svg,.ShowsListB-header-title:hover svg,.Tabs-header-title:hover svg,.VideoModule-header-title:hover svg { | |
| fill: $primaryColor1 | |
| } | |
| .ListItemsWithBorder-item { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .ListItemsWithCompleteBorder-item { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .ListAbstracts-nextPage>.Link,.ListE-nextPage>.Link,.ListPeople-nextPage>.Link { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| background: $buttonBgColor; | |
| color: #194173; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .ListB-items-item { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .ListC-items { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .Enhancement .ListC-items { | |
| border-top: 1px solid $secondaryColor2; | |
| } | |
| .Enhancement .ListC-items-item { | |
| border-bottom: 1px solid $secondaryColor2 | |
| } | |
| .ListE-items-item { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .ListF-header { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .ListF-items-item { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .ListG-items-item { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .ListG { | |
| border-bottom:1px solid $secondaryColor3 | |
| } | |
| } | |
| .ListH-header { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .ListH-items-item { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .ListPeople-header { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .ListPeople-items-item { | |
| border-bottom: 1px solid $secondaryColor2 | |
| } | |
| .ListRelatedContent-header { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .ListRelatedContent-items-item { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .ListRelatedInline-items { | |
| border-top: 1px solid $secondaryColor2; | |
| } | |
| .ListRelatedInline-items-item { | |
| border-bottom: 1px solid $secondaryColor2 | |
| } | |
| .ListTitles-header { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .ListTitles-items-item { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .FranchisePage,.PodcastPage,.RadioShowPage { | |
| color: $primaryTextColor; | |
| } | |
| .FranchisePage-breadcrumbs-wrapper,.PodcastPage-breadcrumbs-wrapper,.RadioShowPage-breadcrumbs-wrapper { | |
| color: $secondaryColor1; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .FranchisePage-breadcrumbs-wrapper .Link,.PodcastPage-breadcrumbs-wrapper .Link,.RadioShowPage-breadcrumbs-wrapper .Link { | |
| color: $linkColor | |
| } | |
| .FranchisePage-breadcrumbs-wrapper .Link:hover,.PodcastPage-breadcrumbs-wrapper .Link:hover,.RadioShowPage-breadcrumbs-wrapper .Link:hover { | |
| color: $linkHoverColor | |
| } | |
| .FranchisePage-breadcrumbs-wrapper svg,.PodcastPage-breadcrumbs-wrapper svg,.RadioShowPage-breadcrumbs-wrapper svg { | |
| fill: $primaryTextColor; | |
| } | |
| .FranchisePage-byline,.FranchisePage-headline,.FranchisePage-mediaSchedule,.PodcastPage-byline,.PodcastPage-headline,.PodcastPage-mediaSchedule,.RadioShowPage-byline,.RadioShowPage-headline,.RadioShowPage-mediaSchedule { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif | |
| } | |
| .FranchisePage-mediaSchedule,.FranchisePage-podcastSchedule,.PodcastPage-mediaSchedule,.PodcastPage-podcastSchedule,.RadioShowPage-mediaSchedule,.RadioShowPage-podcastSchedule { | |
| color: $secondaryColor1; | |
| font-size: $date-1; | |
| } | |
| .FranchisePage-byline,.PodcastPage-byline,.RadioShowPage-byline { | |
| font-size: $body-2; | |
| } | |
| .FranchisePage-description,.PodcastPage-description,.RadioShowPage-description { | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .FranchisePage-social .SocialBar-heading,.PodcastPage-social .SocialBar-heading,.RadioShowPage-social .SocialBar-heading { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| color: $primaryTextColor | |
| } | |
| .FranchisePage-social .SocialLink svg,.PodcastPage-social .SocialLink svg,.RadioShowPage-social .SocialLink svg { | |
| fill: #fff; | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .FranchisePage-headline,.PodcastPage-headline,.RadioShowPage-headline { | |
| font-size:$headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| } | |
| .ShowsListA-nextPage>.Link { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| background: $buttonBgColor; | |
| color: #194173; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .ShowsListB-header { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .ShowsListB-items { | |
| border-top: 1px solid $secondaryColor2; | |
| } | |
| .ShowsListB-items-item { | |
| border-bottom: 1px solid $secondaryColor2 | |
| } | |
| .PromoAudioShowA-title { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-1; | |
| } | |
| .RadioShowEpisodePage-parentInfo { | |
| background-color: $secondaryColor4; | |
| } | |
| .RadioShowEpisodePage-parentTitle { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .PodcastEpisodePage-parentInfo { | |
| background-color: $secondaryColor4; | |
| } | |
| .PodcastEpisodePage-parentTitle { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .PodcastEpisodePage-date { | |
| color: $secondaryColor1; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $date-1; | |
| } | |
| .EpisodesListA-header { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .EpisodesListA-nextPage>.Link { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| background: $buttonBgColor; | |
| color: #194173; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .EpisodesListA-items-item { | |
| border-bottom: 1px solid $secondaryColor2 | |
| } | |
| } | |
| .EpisodesListB-header { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .EpisodesListB-items-item { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .EpisodesListB-items-item .PromoAudioEpisode-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-4; | |
| } | |
| .PromoAudioEpisode-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| } | |
| .PromoAudioEpisode-hostName { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $byline-1; | |
| color: $secondaryColor1; | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .PromoAudioEpisode-title { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-1; | |
| } | |
| } | |
| .FranchisePage-main,.PodcastPage-main,.RadioShowPage-main { | |
| border-top: 1px solid $secondaryColor3; | |
| } | |
| .Navigation { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .NavigationItem-text { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .NavigationItem-text a:hover,.NavigationItem-text span:hover { | |
| color: $linkHoverColor | |
| } | |
| .NavigationItem-more svg { | |
| fill: $primaryTextColor; | |
| } | |
| .NavigationItem .NavigationLink { | |
| color: $headerMenuTextColor | |
| } | |
| .NavigationItem .NavigationLink:hover { | |
| color: $headerMenuTextColorHover | |
| } | |
| .Page-header-hamburger-menu .NavigationItem { | |
| border-bottom: 1px solid $headerBorderColor; | |
| } | |
| .Page-header-nav-bar .NavigationItem .NavigationItem-items,.Page-header-nav-bar .NavigationItem .NavigationItem-items-placeholder { | |
| background-color: $headerMenuBgColor; | |
| } | |
| .Page-header-nav-bar .NavigationItem .NavigationItem-items .NavigationLink { | |
| border-bottom: 1px solid $headerBorderColor | |
| } | |
| .FooterNavigationItem a { | |
| color: $footerTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .SectionNavigation-items-item[data-current-nav-item]:before { | |
| background-color: $primaryColor1; | |
| } | |
| .SectionNavigation-items-item[data-sub-trigger] svg { | |
| fill: $primaryTextColor; | |
| } | |
| .SectionNavigationItem-subNav { | |
| background-color: $primaryTextColorInverse; | |
| } | |
| .SectionNavigationItem-subNav .SectionNavigationItem-text-link:hover { | |
| color: $secondaryColor1 | |
| } | |
| .BrightspotPersistentPlayer { | |
| color: #fff; | |
| --playerHeight:50px | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .BrightspotPersistentPlayer { | |
| --playerHeight:80px | |
| } | |
| [data-header-sticky] .BrightspotPersistentPlayer { | |
| --playerHeight:50px | |
| } | |
| } | |
| .BrightspotPersistentPlayer-streamsList-item { | |
| color: #fff; | |
| } | |
| .BrightspotPersistentPlayer-drawer { | |
| background: $primaryColor1; | |
| color: #fff; | |
| } | |
| .BrightspotPersistentPlayer-drawer-closeButton { | |
| color: #fff; | |
| } | |
| .BrightspotPersistentPlayer-playerControls { | |
| background: $primaryColor2; | |
| } | |
| .BrightspotPersistentPlayer-playerControls-control { | |
| color: #fff | |
| } | |
| .BrightspotPersistentPlayer-volumeControl-toggle,.BrightspotPersistentPlayer-volumeControl-toggleMobile { | |
| color: #fff; | |
| } | |
| .BrightspotPersistentPlayer-drawerControls { | |
| height: $playerHeight | |
| } | |
| .BrightspotPersistentPlayer-drawerToggle { | |
| background-color: rgba(0,0,0,.2); | |
| color: #fff; | |
| } | |
| .BrightspotPersistentPlayer-schedule { | |
| color: #fff; | |
| } | |
| .Stream { | |
| color: inherit; | |
| } | |
| .Stream-iconWrapper { | |
| background: $primaryColor2; | |
| } | |
| .Stream-status:before { | |
| background-color: #ff3d3d; | |
| } | |
| .StreamPill { | |
| background: $primaryColor1; | |
| color: #fff; | |
| } | |
| .PromoA-category,.PromoAudioEpisode-category,.PromoB-category,.PromoC-category,.PromoD-category,.PromoE-category,.PromoEvent-category,.PromoLede-category,.PromoPeople-category,.PromoXSmall-category { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| } | |
| .PromoA-category a:hover,.PromoAudioEpisode-category a:hover,.PromoB-category a:hover,.PromoC-category a:hover,.PromoD-category a:hover,.PromoE-category a:hover,.PromoEvent-category a:hover,.PromoLede-category a:hover,.PromoPeople-category a:hover,.PromoXSmall-category a:hover { | |
| color: $linkHoverColor | |
| } | |
| .PromoA-byline,.PromoAudioEpisode-byline,.PromoB-byline,.PromoC-byline,.PromoD-byline,.PromoE-byline,.PromoEvent-byline,.PromoLede-byline,.PromoPeople-byline,.PromoXSmall-byline { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $byline-1; | |
| color: $secondaryColor1; | |
| } | |
| .PromoA-description,.PromoAudioEpisode-description,.PromoB-description,.PromoC-description,.PromoD-description,.PromoE-description,.PromoEvent-description,.PromoLede-description,.PromoPeople-description,.PromoXSmall-description { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .PromoA-authorName a:hover,.PromoAudioEpisode-authorName a:hover,.PromoB-authorName a:hover,.PromoC-authorName a:hover,.PromoD-authorName a:hover,.PromoE-authorName a:hover,.PromoEvent-authorName a:hover,.PromoLede-authorName a:hover,.PromoPeople-authorName a:hover,.PromoXSmall-authorName a:hover { | |
| color: $linkHoverColor | |
| } | |
| .PromoA-credit,.PromoA-divider,.PromoA-source,.PromoAudioEpisode-credit,.PromoAudioEpisode-divider,.PromoAudioEpisode-source,.PromoB-credit,.PromoB-divider,.PromoB-source,.PromoC-credit,.PromoC-divider,.PromoC-source,.PromoD-credit,.PromoD-divider,.PromoD-source,.PromoE-credit,.PromoE-divider,.PromoE-source,.PromoEvent-credit,.PromoEvent-divider,.PromoEvent-source,.PromoLede-credit,.PromoLede-divider,.PromoLede-source,.PromoPeople-credit,.PromoPeople-divider,.PromoPeople-source,.PromoXSmall-credit,.PromoXSmall-divider,.PromoXSmall-source { | |
| color: $secondaryColor1; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $caption-1; | |
| } | |
| [data-content-type=document] .PromoA-media:hover a:after,[data-content-type=document] .PromoA-media:hover div[class$=-image]:after,[data-content-type=document] .PromoA-media[data-hover] a:after,[data-content-type=document] .PromoA-media[data-hover] div[class$=-image]:after,[data-content-type=document] .PromoAudioEpisode-media:hover a:after,[data-content-type=document] .PromoAudioEpisode-media:hover div[class$=-image]:after,[data-content-type=document] .PromoAudioEpisode-media[data-hover] a:after,[data-content-type=document] .PromoAudioEpisode-media[data-hover] div[class$=-image]:after,[data-content-type=document] .PromoB-media:hover a:after,[data-content-type=document] .PromoB-media:hover div[class$=-image]:after,[data-content-type=document] .PromoB-media[data-hover] a:after,[data-content-type=document] .PromoB-media[data-hover] div[class$=-image]:after,[data-content-type=document] .PromoC-media:hover a:after,[data-content-type=document] .PromoC-media:hover div[class$=-image]:after,[data-content-type=document] .PromoC-media[data-hover] a:after,[data-content-type=document] .PromoC-media[data-hover] div[class$=-image]:after,[data-content-type=document] .PromoD-media:hover a:after,[data-content-type=document] .PromoD-media:hover div[class$=-image]:after,[data-content-type=document] .PromoD-media[data-hover] a:after,[data-content-type=document] .PromoD-media[data-hover] div[class$=-image]:after,[data-content-type=document] .PromoE-media:hover a:after,[data-content-type=document] .PromoE-media:hover div[class$=-image]:after,[data-content-type=document] .PromoE-media[data-hover] a:after,[data-content-type=document] .PromoE-media[data-hover] div[class$=-image]:after,[data-content-type=document] .PromoEvent-media:hover a:after,[data-content-type=document] .PromoEvent-media:hover div[class$=-image]:after,[data-content-type=document] .PromoEvent-media[data-hover] a:after,[data-content-type=document] .PromoEvent-media[data-hover] div[class$=-image]:after,[data-content-type=document] .PromoLede-media:hover a:after,[data-content-type=document] .PromoLede-media:hover div[class$=-image]:after,[data-content-type=document] .PromoLede-media[data-hover] a:after,[data-content-type=document] .PromoLede-media[data-hover] div[class$=-image]:after,[data-content-type=document] .PromoPeople-media:hover a:after,[data-content-type=document] .PromoPeople-media:hover div[class$=-image]:after,[data-content-type=document] .PromoPeople-media[data-hover] a:after,[data-content-type=document] .PromoPeople-media[data-hover] div[class$=-image]:after,[data-content-type=document] .PromoXSmall-media:hover a:after,[data-content-type=document] .PromoXSmall-media:hover div[class$=-image]:after,[data-content-type=document] .PromoXSmall-media[data-hover] a:after,[data-content-type=document] .PromoXSmall-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoA-media:hover a:after,[data-content-type=gallery] .PromoA-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoA-media[data-hover] a:after,[data-content-type=gallery] .PromoA-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoAudioEpisode-media:hover a:after,[data-content-type=gallery] .PromoAudioEpisode-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoAudioEpisode-media[data-hover] a:after,[data-content-type=gallery] .PromoAudioEpisode-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoB-media:hover a:after,[data-content-type=gallery] .PromoB-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoB-media[data-hover] a:after,[data-content-type=gallery] .PromoB-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoC-media:hover a:after,[data-content-type=gallery] .PromoC-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoC-media[data-hover] a:after,[data-content-type=gallery] .PromoC-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoD-media:hover a:after,[data-content-type=gallery] .PromoD-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoD-media[data-hover] a:after,[data-content-type=gallery] .PromoD-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoE-media:hover a:after,[data-content-type=gallery] .PromoE-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoE-media[data-hover] a:after,[data-content-type=gallery] .PromoE-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoEvent-media:hover a:after,[data-content-type=gallery] .PromoEvent-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoEvent-media[data-hover] a:after,[data-content-type=gallery] .PromoEvent-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoLede-media:hover a:after,[data-content-type=gallery] .PromoLede-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoLede-media[data-hover] a:after,[data-content-type=gallery] .PromoLede-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoPeople-media:hover a:after,[data-content-type=gallery] .PromoPeople-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoPeople-media[data-hover] a:after,[data-content-type=gallery] .PromoPeople-media[data-hover] div[class$=-image]:after,[data-content-type=gallery] .PromoXSmall-media:hover a:after,[data-content-type=gallery] .PromoXSmall-media:hover div[class$=-image]:after,[data-content-type=gallery] .PromoXSmall-media[data-hover] a:after,[data-content-type=gallery] .PromoXSmall-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoA-media:hover a:after,[data-content-type=video] .PromoA-media:hover div[class$=-image]:after,[data-content-type=video] .PromoA-media[data-hover] a:after,[data-content-type=video] .PromoA-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoAudioEpisode-media:hover a:after,[data-content-type=video] .PromoAudioEpisode-media:hover div[class$=-image]:after,[data-content-type=video] .PromoAudioEpisode-media[data-hover] a:after,[data-content-type=video] .PromoAudioEpisode-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoB-media:hover a:after,[data-content-type=video] .PromoB-media:hover div[class$=-image]:after,[data-content-type=video] .PromoB-media[data-hover] a:after,[data-content-type=video] .PromoB-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoC-media:hover a:after,[data-content-type=video] .PromoC-media:hover div[class$=-image]:after,[data-content-type=video] .PromoC-media[data-hover] a:after,[data-content-type=video] .PromoC-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoD-media:hover a:after,[data-content-type=video] .PromoD-media:hover div[class$=-image]:after,[data-content-type=video] .PromoD-media[data-hover] a:after,[data-content-type=video] .PromoD-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoE-media:hover a:after,[data-content-type=video] .PromoE-media:hover div[class$=-image]:after,[data-content-type=video] .PromoE-media[data-hover] a:after,[data-content-type=video] .PromoE-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoEvent-media:hover a:after,[data-content-type=video] .PromoEvent-media:hover div[class$=-image]:after,[data-content-type=video] .PromoEvent-media[data-hover] a:after,[data-content-type=video] .PromoEvent-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoLede-media:hover a:after,[data-content-type=video] .PromoLede-media:hover div[class$=-image]:after,[data-content-type=video] .PromoLede-media[data-hover] a:after,[data-content-type=video] .PromoLede-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoPeople-media:hover a:after,[data-content-type=video] .PromoPeople-media:hover div[class$=-image]:after,[data-content-type=video] .PromoPeople-media[data-hover] a:after,[data-content-type=video] .PromoPeople-media[data-hover] div[class$=-image]:after,[data-content-type=video] .PromoXSmall-media:hover a:after,[data-content-type=video] .PromoXSmall-media:hover div[class$=-image]:after,[data-content-type=video] .PromoXSmall-media[data-hover] a:after,[data-content-type=video] .PromoXSmall-media[data-hover] div[class$=-image]:after { | |
| background-color: $primaryColor1; | |
| border-color: $primaryColor1 | |
| } | |
| [data-content-type=video] .PromoA-media a:before,[data-content-type=video] .PromoA-media div[class$=-image]:before,[data-content-type=video] .PromoAudioEpisode-media a:before,[data-content-type=video] .PromoAudioEpisode-media div[class$=-image]:before,[data-content-type=video] .PromoB-media a:before,[data-content-type=video] .PromoB-media div[class$=-image]:before,[data-content-type=video] .PromoC-media a:before,[data-content-type=video] .PromoC-media div[class$=-image]:before,[data-content-type=video] .PromoD-media a:before,[data-content-type=video] .PromoD-media div[class$=-image]:before,[data-content-type=video] .PromoE-media a:before,[data-content-type=video] .PromoE-media div[class$=-image]:before,[data-content-type=video] .PromoEvent-media a:before,[data-content-type=video] .PromoEvent-media div[class$=-image]:before,[data-content-type=video] .PromoLede-media a:before,[data-content-type=video] .PromoLede-media div[class$=-image]:before,[data-content-type=video] .PromoPeople-media a:before,[data-content-type=video] .PromoPeople-media div[class$=-image]:before,[data-content-type=video] .PromoXSmall-media a:before,[data-content-type=video] .PromoXSmall-media div[class$=-image]:before { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath fill='%23fff' d='M9 9l12 6-12 6z' fill-rule='evenodd'/%3E%3C/svg%3E"); | |
| } | |
| [data-content-type=gallery] .PromoA-media a:before,[data-content-type=gallery] .PromoA-media div[class$=-image]:before,[data-content-type=gallery] .PromoAudioEpisode-media a:before,[data-content-type=gallery] .PromoAudioEpisode-media div[class$=-image]:before,[data-content-type=gallery] .PromoB-media a:before,[data-content-type=gallery] .PromoB-media div[class$=-image]:before,[data-content-type=gallery] .PromoC-media a:before,[data-content-type=gallery] .PromoC-media div[class$=-image]:before,[data-content-type=gallery] .PromoD-media a:before,[data-content-type=gallery] .PromoD-media div[class$=-image]:before,[data-content-type=gallery] .PromoE-media a:before,[data-content-type=gallery] .PromoE-media div[class$=-image]:before,[data-content-type=gallery] .PromoEvent-media a:before,[data-content-type=gallery] .PromoEvent-media div[class$=-image]:before,[data-content-type=gallery] .PromoLede-media a:before,[data-content-type=gallery] .PromoLede-media div[class$=-image]:before,[data-content-type=gallery] .PromoPeople-media a:before,[data-content-type=gallery] .PromoPeople-media div[class$=-image]:before,[data-content-type=gallery] .PromoXSmall-media a:before,[data-content-type=gallery] .PromoXSmall-media div[class$=-image]:before { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M6.4 5.7c0 .467-.233.7-.7.7h-5c-.467 0-.7-.233-.7-.7v-5C0 .233.233 0 .7 0h5c.467 0 .7.233.7.7v5zm12.8 0c0 .467-.233.7-.7.7h-5c-.467 0-.7-.233-.7-.7v-5c0-.467.233-.7.7-.7h5c.467 0 .7.233.7.7v5zm12.8 0c0 .467-.233.7-.7.7h-5c-.467 0-.7-.233-.7-.7v-5c0-.467.233-.7.7-.7h5c.467 0 .7.233.7.7v5zM6.4 18.5c0 .467-.233.7-.7.7h-5c-.467 0-.7-.233-.7-.7v-5c0-.467.233-.7.7-.7h5c.467 0 .7.233.7.7v5zm12.8 0c0 .467-.233.7-.7.7h-5c-.467 0-.7-.233-.7-.7v-5c0-.467.233-.7.7-.7h5c.467 0 .7.233.7.7v5zm12.8 0c0 .467-.233.7-.7.7h-5c-.467 0-.7-.233-.7-.7v-5c0-.467.233-.7.7-.7h5c.467 0 .7.233.7.7v5zM6.4 31.3c0 .467-.233.7-.7.7h-5c-.467 0-.7-.233-.7-.7v-5c0-.467.233-.7.7-.7h5c.467 0 .7.233.7.7v5zm12.8 0c0 .467-.233.7-.7.7h-5c-.467 0-.7-.233-.7-.7v-5c0-.467.233-.7.7-.7h5c.467 0 .7.233.7.7v5zm12.8 0c0 .467-.233.7-.7.7h-5c-.467 0-.7-.233-.7-.7v-5c0-.467.233-.7.7-.7h5c.467 0 .7.233.7.7v5z' fill-rule='evenodd'/%3E%3C/svg%3E"); | |
| } | |
| [data-content-type=gallery] .PromoA-media a:after,[data-content-type=gallery] .PromoA-media div[class$=-image]:after,[data-content-type=gallery] .PromoAudioEpisode-media a:after,[data-content-type=gallery] .PromoAudioEpisode-media div[class$=-image]:after,[data-content-type=gallery] .PromoB-media a:after,[data-content-type=gallery] .PromoB-media div[class$=-image]:after,[data-content-type=gallery] .PromoC-media a:after,[data-content-type=gallery] .PromoC-media div[class$=-image]:after,[data-content-type=gallery] .PromoD-media a:after,[data-content-type=gallery] .PromoD-media div[class$=-image]:after,[data-content-type=gallery] .PromoE-media a:after,[data-content-type=gallery] .PromoE-media div[class$=-image]:after,[data-content-type=gallery] .PromoEvent-media a:after,[data-content-type=gallery] .PromoEvent-media div[class$=-image]:after,[data-content-type=gallery] .PromoLede-media a:after,[data-content-type=gallery] .PromoLede-media div[class$=-image]:after,[data-content-type=gallery] .PromoPeople-media a:after,[data-content-type=gallery] .PromoPeople-media div[class$=-image]:after,[data-content-type=gallery] .PromoXSmall-media a:after,[data-content-type=gallery] .PromoXSmall-media div[class$=-image]:after,[data-content-type=video] .PromoA-media a:after,[data-content-type=video] .PromoA-media div[class$=-image]:after,[data-content-type=video] .PromoAudioEpisode-media a:after,[data-content-type=video] .PromoAudioEpisode-media div[class$=-image]:after,[data-content-type=video] .PromoB-media a:after,[data-content-type=video] .PromoB-media div[class$=-image]:after,[data-content-type=video] .PromoC-media a:after,[data-content-type=video] .PromoC-media div[class$=-image]:after,[data-content-type=video] .PromoD-media a:after,[data-content-type=video] .PromoD-media div[class$=-image]:after,[data-content-type=video] .PromoE-media a:after,[data-content-type=video] .PromoE-media div[class$=-image]:after,[data-content-type=video] .PromoEvent-media a:after,[data-content-type=video] .PromoEvent-media div[class$=-image]:after,[data-content-type=video] .PromoLede-media a:after,[data-content-type=video] .PromoLede-media div[class$=-image]:after,[data-content-type=video] .PromoPeople-media a:after,[data-content-type=video] .PromoPeople-media div[class$=-image]:after,[data-content-type=video] .PromoXSmall-media a:after,[data-content-type=video] .PromoXSmall-media div[class$=-image]:after { | |
| background-color: rgba(0,0,0,.5); | |
| } | |
| .PromoA-title a:hover,.PromoAudioEpisode-title a:hover,.PromoB-title a:hover,.PromoC-title a:hover,.PromoD-title a:hover,.PromoE-title a:hover,.PromoEvent-title a:hover,.PromoLede-title a:hover,.PromoPeople-title a:hover,.PromoXSmall-title a:hover { | |
| color: $linkHoverColor; | |
| } | |
| .PromoA-audio-label button,.PromoAudioEpisode-audio-label button,.PromoB-audio-label button,.PromoC-audio-label button,.PromoD-audio-label button,.PromoE-audio-label button,.PromoEvent-audio-label button,.PromoLede-audio-label button,.PromoPeople-audio-label button,.PromoXSmall-audio-label button { | |
| color: $secondaryColor1; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-2; | |
| background-color: $primaryColor1; | |
| border-color: $primaryColor1; | |
| color: $buttonTextColor; | |
| } | |
| .PromoA-audio-label button svg,.PromoAudioEpisode-audio-label button svg,.PromoB-audio-label button svg,.PromoC-audio-label button svg,.PromoD-audio-label button svg,.PromoE-audio-label button svg,.PromoEvent-audio-label button svg,.PromoLede-audio-label button svg,.PromoPeople-audio-label button svg,.PromoXSmall-audio-label button svg { | |
| fill: $buttonTextColor; | |
| } | |
| .PromoA-title { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-1; | |
| } | |
| [data-num-columns=four] .PromoA-title,[data-num-columns=three] .PromoA-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| [data-num-columns=five] .PromoA-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| } | |
| .PromoB-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .PromoC-category a { | |
| color: $secondaryColor1; | |
| } | |
| .PromoC-description { | |
| color: $headerTextColor; | |
| } | |
| .PromoD-description { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .PromoD-title { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-2; | |
| } | |
| .PromoD-cta-button { | |
| color: $buttonTextColor; | |
| background-color: $primaryColor2; | |
| } | |
| [data-color-inverse] .PromoD-description,[data-color-inverse] .PromoD-title { | |
| color: $primaryTextColorInverse | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .PromoE-category,.PromoE-description,.PromoE-title { | |
| color: $primaryTextColorInverse | |
| } | |
| } | |
| .PromoLede-category { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-4; | |
| color: $secondaryColor1; | |
| } | |
| .PromoLede-credit,.PromoLede-divider,.PromoLede-source { | |
| color: $secondaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-1; | |
| color: $primaryTextColorInverse | |
| } | |
| .PromoLede-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .PromoLede-title .Link:hover { | |
| color: inherit; | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .PromoLede-category { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-4; | |
| } | |
| .PromoLede-category .Link { | |
| color: $primaryTextColorInverse | |
| } | |
| .PromoLede-title { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| color: $primaryTextColorInverse; | |
| } | |
| .PromoLede-read-more-btn { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-6; | |
| background-color: $primaryColor2; | |
| border: 1px solid $primaryColor2; | |
| color: $buttonTextColor; | |
| } | |
| } | |
| .PromoPeople-authorName { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| } | |
| .PromoPeople-authorTitle { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .PromoXSmall-title { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .Enhancement>.PromoXSmall { | |
| border-bottom: 1px solid $secondaryColor2; | |
| border-top: 1px solid $secondaryColor2 | |
| } | |
| .Enhancement .PromoXSmall-title .Link { | |
| color: $linkColor | |
| } | |
| .Enhancement .PromoXSmall-title .Link:hover { | |
| color: $linkHoverColor | |
| } | |
| .Quote { | |
| border-top: 1px solid $secondaryColor2; | |
| border-bottom: 1px solid $secondaryColor2 | |
| } | |
| .Quote-attribution { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .Revision-date { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| } | |
| .Revision-note { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .BlogPage-pageHeading,.SectionPage-pageHeading,.SeriesPage-pageHeading,.TagPage-pageHeading { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .BlogPage-pageSubHeading-label,.SectionPage-pageSubHeading-label,.SeriesPage-pageSubHeading-label,.TagPage-pageSubHeading-label { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-3; | |
| } | |
| .BlogPage-pageSubHeading-content,.SectionPage-pageSubHeading-content,.SeriesPage-pageSubHeading-content,.TagPage-pageSubHeading-content { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| font-size: $description-1 | |
| } | |
| } | |
| .SeriesBanner { | |
| border: 1px solid $secondaryColor2; | |
| } | |
| .SeriesBanner-title { | |
| font-size: $body-1; | |
| } | |
| .SeriesBanner-description,.SeriesBanner-title { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .SeriesBanner-description { | |
| font-size: $body-2; | |
| } | |
| .SocialBar-heading { | |
| color: $secondaryColor1; | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $label-3; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .Page-footer .SocialBar-heading { | |
| color: $footerTextColor | |
| } | |
| .AuthorPage-authorSocialLinks .SocialBar .SocialLink,.LongFormPage-authorSocialLinks .SocialBar .SocialLink,.SocialBar-forPerson .SocialLink { | |
| color: $secondaryColor1; | |
| } | |
| .AuthorPage-authorSocialLinks .SocialBar .SocialLink svg,.LongFormPage-authorSocialLinks .SocialBar .SocialLink svg,.SocialBar-forPerson .SocialLink svg { | |
| fill: #fff; | |
| } | |
| .AuthorPage-authorSocialLinks .SocialBar .SocialLink[data-social-service=copylink] svg,.AuthorPage-authorSocialLinks .SocialBar .SocialLink[data-social-service=mailto] svg,.AuthorPage-authorSocialLinks .SocialBar .SocialLink[data-social-service=print] svg,.LongFormPage-authorSocialLinks .SocialBar .SocialLink[data-social-service=copylink] svg,.LongFormPage-authorSocialLinks .SocialBar .SocialLink[data-social-service=mailto] svg,.LongFormPage-authorSocialLinks .SocialBar .SocialLink[data-social-service=print] svg,.SocialBar-forPerson .SocialLink[data-social-service=copylink] svg,.SocialBar-forPerson .SocialLink[data-social-service=mailto] svg,.SocialBar-forPerson .SocialLink[data-social-service=print] svg { | |
| background: $grayscaleColor6; | |
| fill: $primaryTextColor | |
| } | |
| .SocialLink:hover { | |
| border-color: $primaryColor1 | |
| } | |
| .SocialLink svg { | |
| fill: $grayscaleColor1; | |
| } | |
| .Page-footer .SocialLink svg { | |
| fill: $secondaryColor5 | |
| } | |
| .Page-footer .SocialLink { | |
| background-color: $footerPartnersBgColor; | |
| } | |
| .Page-footer .SocialLink svg { | |
| fill: $footerTextColor; | |
| } | |
| .Tabs-header-title { | |
| font-size: $headline-1; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| color: $primaryTextColor; | |
| } | |
| .Tabs-content { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .Tabs-panel-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| border-top: 1px solid $secondaryColor2 | |
| } | |
| .Tabs-panel-title:after { | |
| color: #000; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .Tabs-tabs { | |
| border-bottom: 1px solid $secondaryColor2 | |
| } | |
| .Tabs-tabs-tab { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .Tabs-tabs-tab:hover,.Tabs-tabs-tab[data-active=true] { | |
| border-color: $secondaryColor2; | |
| background: $siteBgColor; | |
| } | |
| } | |
| .RichTextBody { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-1; | |
| } | |
| .RichTextBody intro-text { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-1; | |
| } | |
| .RichTextBody>ol a,.RichTextBody>ul a,.RichTextBody p>ol a,.RichTextBody p>ul a,.RichTextBody p a { | |
| color: $primaryColor1; | |
| } | |
| .RichTextModule .RichTextBody { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .HTML5VideoPlayer-playIcon:before { | |
| background-color: rgba(32,32,32,.7); | |
| } | |
| .PlayListItem[data-current-item=true] { | |
| background: $secondaryColor5; | |
| } | |
| .PlayListItem[data-current-item=true] .PlayListItem-media:before { | |
| background-color: rgba(0,0,0,.55); | |
| } | |
| .PlayListItem-media-current { | |
| color: $primaryTextColorInverse; | |
| background-color: rgba(0,0,0,.5); | |
| } | |
| .PlayListItem-media-image:before { | |
| border-left: 12px solid $primaryTextColorInverse; | |
| } | |
| .PlayListItem-media-image:after { | |
| background-color: rgba(0,0,0,.7); | |
| } | |
| .VideoEnhancement { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| .VideoEnhancement-title { | |
| color: $primaryTextColor | |
| } | |
| .VideoModule-playlist { | |
| border-top: 1px solid $secondaryColor3 | |
| } | |
| .VideoModule-playlist-item { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .VideoModule-playlist-item { | |
| border-bottom: 1px solid $secondaryColor3; | |
| background-color: $secondaryColor4; | |
| } | |
| .VideoModule-cta { | |
| border-top: 1px solid $secondaryColor3; | |
| } | |
| } | |
| .ArticlePage-updatesCorrections,.BlogPostPage-updatesCorrections,.PodcastEpisodePage-updatesCorrections,.RadioShowEpisodePage-updatesCorrections { | |
| background: $secondaryColor4; | |
| } | |
| .ArticlePage-headline,.BlogPostPage-headline,.PodcastEpisodePage-headline,.RadioShowEpisodePage-headline { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| @media only screen and (min-width: 768px) { | |
| .ArticlePage-contentFooter,.BlogPostPage-contentFooter,.PodcastEpisodePage-contentFooter,.RadioShowEpisodePage-contentFooter { | |
| border-top: 1px solid $secondaryColor3; | |
| } | |
| } | |
| .LongFormPage-headline { | |
| font-family: $primaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-2; | |
| } | |
| .LongFormPage-contentFooter { | |
| border-top: 1px solid $secondaryColor3; | |
| } | |
| @media only screen and (min-width: 768px) { | |
| [data-headline-overlay] .LongFormPage-lead-content { | |
| color: $primaryTextColorInverse; | |
| } | |
| [data-headline-overlay] .LongFormPage-lead-media .Figure-credit { | |
| color: $primaryTextColorInverse; | |
| } | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .LongFormPage-headline { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .LongFormPage-contentFooter { | |
| border-top: 1px solid $secondaryColor3; | |
| } | |
| } | |
| .AuthorPage-name { | |
| font-size: $headline-1; | |
| color: $primaryTextColor; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| } | |
| .AuthorPage-fullBiography-more { | |
| color: $primaryColor1; | |
| } | |
| .AuthorPage-fullBiography-more svg { | |
| fill: $primaryColor1; | |
| } | |
| .GalleryPage-aside-cta { | |
| color: $primaryTextColorInverse; | |
| } | |
| .GalleryPage-aside-slideContent { | |
| color: $secondaryColor5 | |
| } | |
| .GalleryPage-content { | |
| background: $headerBgColorInverse; | |
| bottom: 0; | |
| color: $secondaryColor5; | |
| } | |
| .GalleryPage-infoBar { | |
| border-top: 1px solid $secondaryColor1; | |
| } | |
| .GalleryPage-infoButton { | |
| border-color: $secondaryColor5; | |
| } | |
| .GalleryPage-infoButton:hover,[data-showing-aside=true] .GalleryPage-infoButton { | |
| background: $primaryColor1; | |
| border-color: $primaryColor1 | |
| } | |
| .GalleryPage-lead-count { | |
| color: $secondaryColor5; | |
| } | |
| .GalleryPage-lead-grid { | |
| fill: $secondaryColor5; | |
| } | |
| .GalleryPage-lead-icon { | |
| border: 1px solid $secondaryColor5; | |
| } | |
| .GalleryPage-numbers { | |
| color: $secondaryColor1; | |
| } | |
| .GalleryPage-numbers span { | |
| color: $secondaryColor5; | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .GalleryPage-aside { | |
| background:$grayscaleColor1; | |
| border-left: 1px solid $secondaryColor1; | |
| } | |
| } | |
| .EventSearchFilter,.SearchFilter { | |
| border-bottom: 1px solid $secondaryColor3; | |
| } | |
| .EventSearchFilter-heading,.SearchFilter-heading { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $byline-1; | |
| color: $secondaryColor1; | |
| } | |
| .EventSearchFilter-heading svg,.SearchFilter-heading svg { | |
| fill: $primaryTextColor; | |
| } | |
| .EventSearchFilter-seeAll-button,.SearchFilter-seeAll-button { | |
| color: $grayscaleColor1; | |
| } | |
| .EventSearchFilter-seeAll .seeAllText,.EventSearchFilter-seeAll .seeLessText,.SearchFilter-seeAll .seeAllText,.SearchFilter-seeAll .seeLessText { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| color: #4a90e2 | |
| } | |
| .SearchFilterDateRange-clear { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| color: #4a90e2; | |
| } | |
| .SearchFilterInput-count { | |
| color: $primaryTextColor; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| font-size: $body-2; | |
| } | |
| .EventSearchResultsModule .chevron,.SearchResultsModule .chevron { | |
| color: $primaryColor1; | |
| } | |
| .EventSearchResultsModule-sorts,.SearchResultsModule-sorts { | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .EventSearchResultsModule-sorts .Select-label,.SearchResultsModule-sorts .Select-label { | |
| font-size: $label-3; | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif | |
| } | |
| .EventSearchResultsModule-sorts .Select-input,.SearchResultsModule-sorts .Select-input { | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .EventSearchResultsModule-filters-close svg,.SearchResultsModule-filters-close svg { | |
| fill: $grayscaleColor1; | |
| } | |
| .EventSearchResultsModule-filters-header,.SearchResultsModule-filters-header { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| color: $primaryColor1 | |
| } | |
| .EventSearchResultsModule-filters-open,.SearchResultsModule-filters-open { | |
| border-color: $secondaryColor3; | |
| } | |
| .EventSearchResultsModule-filters-open:after,.SearchResultsModule-filters-open:after { | |
| color: #000; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif | |
| } | |
| .EventSearchResultsModule-filters-overlay,.SearchResultsModule-filters-overlay { | |
| background: $secondaryColor5; | |
| } | |
| .EventSearchResultsModule-formButton svg,.SearchResultsModule-formButton svg { | |
| fill: $grayscaleColor1; | |
| } | |
| .EventSearchResultsModule-formButton:hover svg,.SearchResultsModule-formButton:hover svg { | |
| fill: $grayscaleColor1 | |
| } | |
| .EventSearchResultsModule-formInput,.SearchResultsModule-formInput { | |
| color: $primaryColor1; | |
| font-family: $bodyFont,Arial,Helvetica,sans-serif; | |
| } | |
| .EventSearchResultsModule-nextPage svg,.EventSearchResultsModule-previousPage svg,.SearchResultsModule-nextPage svg,.SearchResultsModule-previousPage svg { | |
| fill: $primaryColor1; | |
| } | |
| .EventSearchResultsModule-nextPage svg:hover,.EventSearchResultsModule-previousPage svg:hover,.SearchResultsModule-nextPage svg:hover,.SearchResultsModule-previousPage svg:hover { | |
| fill: $grayscaleColor1 | |
| } | |
| .EventSearchResultsModule-nextPage svg[data-inactive],.EventSearchResultsModule-previousPage svg[data-inactive],.SearchResultsModule-nextPage svg[data-inactive],.SearchResultsModule-previousPage svg[data-inactive] { | |
| fill: $secondaryColor3; | |
| } | |
| .EventSearchResultsModule-nextPage svg[data-inactive]:hover,.EventSearchResultsModule-previousPage svg[data-inactive]:hover,.SearchResultsModule-nextPage svg[data-inactive]:hover,.SearchResultsModule-previousPage svg[data-inactive]:hover { | |
| fill: $secondaryColor3 | |
| } | |
| .EventSearchResultsModule-query,.SearchResultsModule-query { | |
| background-color: $secondaryColor4; | |
| } | |
| .EventSearchResultsModule-query input,.SearchResultsModule-query input { | |
| background-color: inherit; | |
| } | |
| .EventSearchResultsModule-results-item,.EventSearchResultsModule-spotlights-item,.SearchResultsModule-results-item,.SearchResultsModule-spotlights-item { | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .EventSearchResultsModule-filters-title,.SearchResultsModule-filters-title { | |
| font-family: $secondaryHeadlineFont,Arial,Helvetica,sans-serif; | |
| font-size: $title-5; | |
| border-bottom: 1px solid $secondaryColor2; | |
| } | |
| } | |
| .EventSearchPage-content,.SearchResultsPage-content { | |
| border-top: 1px solid $secondaryColor3; | |
| } | |
| .HtmlModule.with-borders { | |
| border: 1px solid $secondaryColor2 | |
| } | |
| body { | |
| background: $siteBgColor; | |
| color: $primaryTextColor | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment