<>
/* Community for Desktop */
/* a */
body #wrapper a,
body #Frame #Body a/* Discussion Mobile */
body div.browse-discussions a/* Community Mobile */
body .content.link:link/* Community Mobile */
body #Frame #Body #Content h2/* Badge Mobile */
body #Frame h2 { /* Community Mobile */
color: #2B72BF;
}
body #wrapper a:hover,
body #Frame #Body a:hover/* Discussion Mobile */
body div.browse-discussions a:hover/* Community Mobile */
body .content.link:hover { /* Community Mobile */
color: #518AD7;
}
body #wrapper .BoxActivity .ShowAll a,
body #wrapper .BoxActivity .ShowAll a::after,
body #Body .FormWrapper .Button:not(.Primary),
body #Frame #Body .FormWrapper .Button:not(.Primary) {
color: #2B72BF !important;
}
body #wrapper .BoxActivity .ShowAll a:hover,
body #Body .FormWrapper .Button:not(.Primary):hover,
body #Frame #Body .FormWrapper .Button:not(.Primary):hover {
color: #518AD7 !important;
}
/* heading */
body #wrapper #Body #Panel .Box h4,
body #wrapper #Body #Panel .Box h5 {
color: #061929;
}
/* button */
body #Frame #Body .Button/* Profile Ignore Mobile */
body #Frame #Body .ProfileOptions .NavButton/* Profile Discussions Mobile */
body #Body .ProfileOptions .NavButton/* Profile */
body #wrapper #Body input.Button,
body #wrapper #Body input.btn-primary,
body .wrapper input.btn-primary/* Community Mobile */
body #wrapper .Button.Primary/* Discussion Desktop */
body #Frame #Body .Button.Primary { /* Discussion Mobile */
background-color: #2B72BF;
}
body #Frame #Body .Button:hover/* Profile Ignore Mobile */
body #Body .ProfileOptions .NavButton:hover/* Profile Desktop */
body #wrapper #Body input.Button:hover,
body #wrapper #Body input.btn-primary:hover,
body .wrapper input.btn-primary:hover/* Community Mobile */
body #wrapper .Button.Primary:hover/* Discussion Desktop */
body #Frame #Body .Button.Primary:hover { /* Discussion Mobile */
background-color: #2B72BF;
}
body #Body .FormWrapper .Button:not(.Primary),
body #wrapper #Body .FormWrapper .Button:not(.Primary) { /* Post Question */
background-color: initial;
}
/* text */
body #wrapper .BoxActivity .Meta,
body #wrapper #Body .ReactButton { /* Discussion Desktop */
color: #6D7179 !important;
}
<>
.search-wrapper.search-wrapper-back {
width: 100%;
left: 0;
margin-left: 0;
}
.jumbotron .search-button input {
width: auto;
}
.jumbotron + .container.container-drop-downs {
padding-left: 0;
padding-right: 0;
}
<>
:root {
--tkww-union-color-primary-100-opacity-50: rgba(2552282510.5);
}
@font-face {
font-family: union-primary-font;
src:
url(https://qa.union.theknot.com/dist/v2/typography/catalyst-v2/font-primary-regular.woff2) format('woff2'),
url(https://qa.union.theknot.com/dist/v2/typography/catalyst-v2/font-primary-regular.woff) format('woff');
}
@font-face {
font-family: union-bold-primary-font;
src:
url(https://qa.union.theknot.com/dist/v2/typography/catalyst-v2/font-primary-bold.woff2) format('woff2'),
url(https://qa.union.theknot.com/dist/v2/typography/catalyst-v2/font-primary-bold.woff) format('woff');
}
@font-face {
font-family: union-extra-bold-primary-font;
src:
url(https://qa.union.theknot.com/dist/v2/typography/catalyst-v2/font-primary-extra-bold.woff2) format('woff2'),
url(https://qa.union.theknot.com/dist/v2/typography/catalyst-v2/font-primary-extra-bold.woff) format('woff');
}
@font-face {
font-family: union-secondary-font;
src: url(https://qa.union.theknot.com/dist/v2/typography/catalyst-v2/font-secondary-regular.woff2) format('woff2'),
url(https://qa.union.theknot.com/dist/v2/typography/catalyst-v2/font-secondary-regular.woff) format('woff')
}
/* ADVERTISEMENT START */
div[id^="google_ads_iframe"],
#Panel>div:last-child {
position: relative;
}
#Panel>div:last-child>object {
margin: -8px;
}
div[id^="google_ads_iframe"]:before {
display: block;
width: 100%;
content: "ADVERTISEMENT";
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-uiBlinkMacSystemFont"Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
color: #9e9e9e;
text-align: center;
font-size: 11px;
font-weight: 700;
line-height: 16px;
letter-spacing: 2px;
}
#div-gpt-ad-1604953066166-0 div[id^="google_ads_iframe"]:before,
#div-gpt-ad-7088700-2 div[id^="google_ads_iframe"]:before {
display: none;
}
/* ADVERTISEMENT END */
/* Header */
body #wrapper #union_header,
body #wrapper #union_header a,
body #wrapper #union_header a:hover,
body .main-content.row #union_header,
body .main-content.row #union_header a,
body .main-content.row #union_header a:hover {
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-uiBlinkMacSystemFont"Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
color: var(--tkww-union-color-neutral-black);
}
body #wrapper #union_header nav {
font-size: 14px;
}
body #wrapper #union_header [class*=" bold--"],
body #wrapper #union_header [class^="bold--"],
body #wrapper #union_header [class*=" h4--"],
body #wrapper #union_header [class^="h4--"],
body #wrapper #union_header [class*=" primaryBold--"],
body #wrapper #union_header [class^="primaryBold--"],
body #wrapper #union_header div[class*="primaryBold--"] a,
body #wrapper #union_header div[class*="bold--"] a {
font-weight: 500;
}
body #wrapper #union_header [class^="h3--"],
body #wrapper #union_header [class*=" h3--"] {
font-size: 1.5rem;
line-height: 1.33337;
text-align: center;
font-family: union-bold-primary-font;
}
body #wrapper #union_header [class^="h4--"],
body #wrapper #union_header [class*=" h4--"],
body #wrapper #union_header [class^="subhead--"],
body #wrapper #union_header [class*=" subhead--"] {
font-size: 1.25rem;
line-height: 1.4
}
body #wrapper #union_header [class^="body1--"],
body #wrapper #union_header [class*=" body1--"] {
font-size: 1rem;
line-height: 1.5
}
body #wrapper #union_header [class^="body1--"],
body #wrapper #union_header [class*=" body1--"] body #wrapper #union_header [class^="body2--"],
body #wrapper #union_header [class*=" body2--"],
body .wrapper #union_header [class*="body1"] {
letter-spacing: 0;
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-uiBlinkMacSystemFont"Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
font-weight: 300;
}
body #wrapper #union_header [class^="body2--"],
body #wrapper #union_header [class*=" body2--"] {
font-size: .875rem;
line-height: 1.43
}
body #wrapper #union_header [class^="logo-container--"],
body #wrapper #union_header [class*=" logo-container--"] {
font-size: 2rem;
}
body #wrapper #union_header [class^="overline--"],
body #wrapper #union_header [class*=" overline--"] {
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-uiBlinkMacSystemFont"Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
font-weight: 500;
font-size: .75rem;
line-height: 1.34;
letter-spacing: 1px;
}
@media (max-width: 767.98px) {
body .main-content.row {
margin-left: 0px;
margin-right: 0px;
}
body .main-content.row #union_header [class^="subhead--"],
body .main-content.row #union_header [class*=" subhead--"],
body .main-content.row #union_header [class^="h4--"],
body .main-content.row #union_header [class*=" h4--"] {
font-size: 1.125rem;
line-height: 1.3333
}
}
body #wrapper #union_header li>a:link:hover {
opacity: unset;
}
body #wrapper #union_header [class^="top-level-nav-right-aside-link--"][class^="top-level-nav-right-aside-link--"],
body #wrapper #union_header [class*=" top-level-nav-right-aside-link--"][class*=" top-level-nav-right-aside-link--"],
body .main-content.row #union_header [class^="top-level-nav-right-aside-link--"][class^="top-level-nav-right-aside-link--"],
body .main-content.row #union_header [class*=" top-level-nav-right-aside-link--"][class*=" top-level-nav-right-aside-link--"] {
font-size: 16px;
}
body #wrapper #union_header [class^="formContainer--"] a:not([class*="forgotPwd"]),
body #wrapper #union_header [class*=" formContainer--"] a:not([class*="forgotPwd"]),
body .main-content.row #union_header [class^="formContainer--"] a:not([class*="forgotPwd"]),
body .main-content.row #union_header [class*=" formContainer--"] a:not([class*="forgotPwd"]) {
color: var(--tkww-union-color-neutral-black);
text-decoration: underline;
}
body #wrapper #union_header a[class*="top-level-menu-button--"]:hover/* Top Level Gifts & Favors Tab */
body #wrapper #union_header [class*="vendor-cta-link--"] a:hover/* Bottom Link under Vendors Tab */
body #wrapper #union_header [class^="formContainer--"] a:not([class*="forgotPwd"]):hover,
body #wrapper #union_header [class*=" formContainer--"] a:not([class*="forgotPwd"]):hover,
body .main-content.row #union_header [class^="formContainer--"] a:not([class*="forgotPwd"]):hover,
body .main-content.row #union_header [class*=" formContainer--"] a:not([class*="forgotPwd"]):hover {
text-decoration: none;
}
body #wrapper #union_header [class*="formSubText"] a[class*="forgotPwd"],
body .main-content.row #union_header [class*="formSubText"] a[class*="forgotPwd"] {
color: var(--tkww-union-color-additional-01extra-400);
font-family: union-bold-primary-font;
font-size: 16px;
}
body #union_header small {
line-height: 20px;
}
body #wrapper #union_header [class^="label-text--"],
body #wrapper #union_header [class*=" label-text--"],
body .main-content.row #union_header [class^="label-text--"],
body .main-content.row #union_header [class*=" label-text--"] {
font-size: 16px;
font-weight: 300;
}
body #wrapper #union_header [class*="input-with-animated-label"]:focus~[class*="animated-label"],
body #wrapper #union_header [class*="input-with-animated-label"][data-has-value]~[class*="animated-label"] {
font-size: 12px;
}
body #wrapper #union_header hr {
margin-top: 16px;
margin-bottom: 12px;
}
/* Header END */
/* Body */
body #wrapper {
color: var(--tkww-union-color-neutral-black);
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-ui"system-ui""Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
}
body #wrapper .BreadcrumbWrap {
margin-top: 8px;
}
body #Frame #Body .Breadcrumbs .Crumb,
/* Mobile Original > between breadcrumbs */
body #wrapper .Breadcrumbs .Crumb {
/* Original > between breadcrumbs */
color: transparent;
}
body #Frame #Body .Breadcrumbs .Crumb::before,
/* Mobile Slash between breadcrumbs */
body #wrapper .Breadcrumbs .Crumb::before {
/* Slash between breadcrumbs */
content: '/';
color: var(--tkww-union-color-neutral-500);
margin-left: 6px;
font-size: 16px;
}
body #Frame #Body .Breadcrumbs a,
body #wrapper .Breadcrumbs a {
color: var(--tkww-union-color-neutral-500);
font-size: 16px;
text-decoration: underline;
}
body #wrapper .Breadcrumbs a:hover,
body #Frame #Body .Breadcrumbs a:hover,
body #wrapper #Body .ItemContent .Users.Title a:hover,
body #wrapper .DataTable .BlockColumn-User.FirstUser a.UserLink:hover,
/* Category Page */
body #wrapper #Body .DateCreated a:hover
/* Discussion Page Date */
{
color: var(--tkww-union-color-neutral-500);
text-decoration: none;
}
body #Frame #Body .NavBar
/* Mobile BreadCrumbs Container */
{
border: none;
padding: 24px 0;
}
body #wrapper .jumbotron .search-wrapper-back {
background-color: rgba(0000.2);
}
/* Page Navigation */
body #wrapper .NumberedPager a,
body #wrapper .NumberedPager span:not([class*="SpSearch"]) {
color: var(--tkww-union-color-neutral-black);
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
}
body #wrapper .NumberedPager a:not([class*="Ellipsis"]):not([class*="Previous"]):not([class*="Next"]):not([class*="QuickSearchButton"]),
body #wrapper .NumberedPager span:not([class*="Previous"]):not([class*="Next"]) {
font-size: 16px;
text-decoration: none;
}
body #wrapper .NumberedPager a:not([class*="Ellipsis"]):not([class*="Previous"]):not([class*="Next"]):not([class*="QuickSearchButton"]):not([class*="Highlight"]):hover {
border: var(--tkww-union-color-neutral-black) 1px solid;
border-radius: 100px;
color: var(--tkww-union-color-neutral-black);
text-decoration: none;
}
body #wrapper .Pager .Highlight {
background-color: var(--tkww-union-color-neutral-black);
border-radius: 100px;
color: var(--tkww-union-color-white);
text-align: center;
pointer-events: none;
}
body #wrapper .Pager .Highlight:hover,
body #wrapper #Body input#Form_OK.Button:not(.Primary)[type=submit]:hover /* Profile Ignore Page */{
color: var(--tkww-union-color-white) !important;
text-decoration: none;
}
body #wrapper .PageControls.Bottom {
text-align: center;
min-height: 48px;
margin: 20px auto;
width: fit-content;
}
/* HomePage */
body #wrapper #Body #Content .Box-SearchSort {
/* HP bottom section */
min-height: 180px;
}
body .jumbotron .jumbotron-body h1 {
color: var(--tkww-union-color-white) !important;
font-family: union-bold-primary-font !important;
font-size: 30px !important;
font-weight: 500;
line-height: 40px;
letter-spacing: -0.02em;
margin-bottom: 12px;
}
body #wrapper .jumbotron .jumbotron-body h1 {
/* Desktop Only */
margin-bottom: 24px;
}
body #wrapper .jumbotron .jumbotron-body h2 {
color: var(--tkww-union-color-white) !important;
font-family: union-bold-primary-font !important;
font-size: 26px !important;
font-weight: 500;
line-height: 37px;
text-align: left;
letter-spacing: -0.01em;
}
body #wrapper .container h2.sub-category,
body .wrapper .container h2.sub-category,
body #wrapper .container h2#browse-discussions,
body .wrapper .container h2#browse-discussions {
font-family: union-bold-primary-font;
}
.jumbotron .search-box-input {
width: unset;
}
.jumbotron .search-button input {
/* HP SEARCH btn */
font-family: union-bold-primary-font;
font-size: 16px;
width: 112px;
height: 48px;
text-transform: none;
}
body #wrapper input#Form_Search[type=text] {
width: 335px;
padding: 12px;
}
body .wrapper a,
/* Mobile Links */
body .wrapper a:not(.tag):not(.anchor a):link,
body .wrapper a:not(.tag):not(.anchor a):visited {
color: var(--tkww-union-color-additional-01extra-400);
}
/* Category Page */
body #Frame #Body .PageControls .QuickSearchWrap {
/* Mobile Bottom Container */
border: none;
text-align: left;
margin-bottom: 42px;
margin-top: 24px;
}
body #wrapper #Content .NavigationButtons .RssButton {
vertical-align: middle;
margin-bottom: 8px;
}
body #wrapper #Body button.css-rpx1vw-button-primary-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-fullWidth/* Category Page bell popup */
body #modals button.css-rpx1vw-button-primary-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-fullWidth,
body #wrapper #Body button.css-1kytukf-button-standard-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-fullWidth:hover,
body #Popup .Buttons input.Button.Primary {
border: var(--tkww-union-color-primary-300);
background-color: var(--tkww-union-color-primary-300);
}
body #wrapper #Body button.css-1hnq4gn-button-outline-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-followButton,
body button.css-1kytukf-button-standard-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-fullWidth {
border: var(--tkww-union-color-primary-300) 1px solid;
color: var(--tkww-union-color-primary-300);
}
body #wrapper #Body button.css-1hnq4gn-button-outline-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-followButton:focus,
body #wrapper #Body button.css-1hnq4gn-button-outline-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-followButton:visited,
body #wrapper #Body button.css-1hnq4gn-button-outline-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-followButton:target,
body #wrapper #Body button.css-1hnq4gn-button-outline-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-followButton:active,
body #wrapper #Body button.isOpen.css-9taccw-button-outline-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-followButton {
color: white;
background-color: var(--tkww-union-color-primary-300);
border: var(--tkww-union-color-primary-300) 1px solid;
}
body #wrapper #Body button.css-1hnq4gn-button-outline-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-followButton:hover,
body button.css-1kytukf-button-standard-HelperButtonGenerator-buttonClass-categoryFollowDropDown-s-fullWidth:not([disabled]):hover {
color: var(--tkww-union-color-primary-300);
background-color: var(--tkww-union-color-primary-100-opacity-50) !important;
border-color: var(--tkww-union-color-primary-300);
}
body #modals a[role=button] {
color: var(--tkww-union-color-primary-300);
}
body a.css-7tk7wi-buttonUtils-buttonIcon-buttonUtils-buttonIcon-categoryFollowDropDown-s-preferencesButton {
color: var(--tkww-union-color-additional-01extra-400);
}
body .css-ylukty-checkRadioStyles-input:checked + .css-1oo9vyp-checkRadioStyles-iconContainer {
background-color: var(--tkww-union-color-neutral-black);
}
body .css-ylukty-checkRadioStyles-input:hover:not(:disabled) + .css-1oo9vyp-checkRadioStyles-iconContainer {
border-color: var(--tkww-union-color-neutral-black);
background-color: var(--tkww-union-color-neutral-100);
}
body .css-ylukty-checkRadioStyles-input:hover:checked:not(:disabled) + .css-1oo9vyp-checkRadioStyles-iconContainer {
background-color: var(--tkww-union-color-neutral-100);
color: var(--tkww-union-color-neutral-black);
}
body #Frame #Body .PageControls .QuickSearchWrap input[type*='text'] {
/* Mobile Bottom Search Input */
border: 1px solid var(--tkww-union-color-neutral-300);
font-size: 16px;
height: 48px;
width: 228px;
}
body #Frame #Body .PageControls .QuickSearchWrap button[type*='submit'] {
/* Mobile Bottom Go Button */
width: 85px;
height: 45px;
margin-right: 40px;
background: white;
color: var(--tkww-union-color-primary-300) !important;
border: 1px solid var(--tkww-union-color-primary-300);
}
body #Frame .DataTable thead {
color: var(--tkww-union-color-neutral-black);
}
/* Discussion Page */
#Body #Content .NavigationButtons a.Primary,
body #wrapper #Body a.NewConversation,
/* Inbox Page New Message Btn */
body #Frame #Body a.NewConversation,
body #Body .ProfileOptions .NavButton,
body #Frame #Body .PageControls .BoxNewDiscussion .NewDiscussion .Primary {
/* body #wrapper #Body .NavigationButtons .BoxNewDiscussion .ButtonGroup.NewDiscussion .Primary { */
padding: 12px 32px;
text-transform: none;
font-size: 16px;
text-decoration: none;
}
body #Frame #Body .PageControls .BoxNewDiscussion .NewDiscussion .Handle,
body #wrapper #Body .NavigationButtons .BoxNewDiscussion .ButtonGroup.NewDiscussion .Handle {
background: var(--tkww-union-color-primary-300);
padding: 12px;
font-size: 16px;
}
body #wrapper #Body .MessageList.Discussion {
padding-bottom: 18px;
padding-top: 6px;
}
body #wrapper #Body .Discussion .ReplyToButton,
/* Reply to Post Btn */
body #Frame #Body .Discussion .ReplyToButton,
/* Post Discussion Btn */
body #wrapper #Body .CommentButton,
/* Post Reply Btn */
body #Frame #Body .CommentButton,
body #wrapper #Body .DiscussionButton,
body #Frame #Body .DiscussionButton,
/* Post on Wall Btn */
body #wrapper #Body input#Form_AddComment,
body #Frame #Body input#Form_AddComment,
/* Save Poll Btn */
body #wrapper #Body input#Form_SavePoll,
body #Frame #Body input#Form_SavePoll,
/* Activity Page Share Btn */
body #wrapper #Body input#Form_Share,
body #Frame #Body input#Form_Share,
/* Quotes Page Save Btn */
body #wrapper #Body input#Form_Save,
body #Frame #Body input#Form_Save,
/* Message Page */
body #wrapper #Body input#Form_SendMessage,
body #Frame #Body input#Form_SendMessage,
body #wrapper #Body input#Form_OK,
/* Profile Ignore Page */
body #Frame #Body input#Form_OK,
body #wrapper #Body #Content .groupToolbar a,
body #Frame #Body .IgnoreUserAction .Ignore.Button.Popup {
padding: 6px 32px;
font-size: 16px;
line-height: 24px;
}
body #wrapper #Body .ItemContent .Users.Title a,
/* Profile Page */
body #Frame #Body .ItemContent .Users.Title a,
/* body #Frame #Body .-userCard*/
body #Body .Profile .ItemContent .Meta .MItem:nth-child(n+2) a,
body #wrapper #Body .Back a,
body #Frame #Body .Back a,
body #wrapper .DataTable .BlockColumn-User.FirstUser a.UserLink,
/* Category Page */
body #wrapper #Body time,
/* Discussion Page Date */
body #Frame #Body time {
color: var(--tkww-union-color-neutral-500);
text-decoration: underline;
}
body #wrapper #Body a.ReactButton,
/* Discussion Desktop */
body #Frame #Body a.ReactButton {
text-decoration: underline;
}
body #Body #DiscussionForm h1,
/* body #Body #Content div:not([class*=DataListWrap])>h1.H*/
body #Frame #Body .ActivityFormWrap h1,
/* New Discussion Page Title Desktop and Mobile */
body #Frame #Body h1.H,
body #Frame #Body .FormTitleWrapper h1,
body #Frame #Body h1.heading /* Profile Preferences Page */,
body #Popup .Content h1 {
font-family: union-bold-primary-font;
color: var(--tkww-union-color-neutral-black);
}
body .ReactButton:hover>.ReactSprite {
background-image: url('//vanillicon.com/sprites/sprites-14-868686.png');
}
/* Profile Page */
#Frame .DataCounts {
display: flex;
margin: 0 20px;
}
#Frame .CountItemWrap {
flex-grow: 1;
}
body #wrapper .CountItemWrap .CountItem a:hover,
body #Body .Profile .ItemContent .Meta .MItem:nth-child(n+2) a:hover
body #wrapper #Body .Back a:hover/* Discussion Page */
body #Frame #Body .Back a:hover,
body #wrapper #Body a.ReactButton:hover,
body #wrapper #Body .Dropdown.MenuItems a:hover/* Category Page Dropdown list */
body #wrapper .BreadcrumbWrap .MenuItems a.dropdown-menu-link:hover,
body #wrapper .ProfileOptions a.dropdown-menu-link:hover/* Profile Replies Page */
body #wrapper #Body .Discussion .ReplyToButton:hover,
body #wrapper #Body #Content .groupToolbar a:hover /* Group Page */{
text-decoration: none;
}
body #Body #Content div.DataListWrap>h1.H,
body #Frame #Body h3.heading /* Profile Preferences Page */ {
color: var(--tkww-union-color-neutral-black);
font-size: 16px;
font-family: union-bold-primary-font;
}
body #wrapper #Body form[action='/profile/quotes'],
body #Frame #Body form[action='/profile/quotes'] {
padding: 20px;
margin-top: 12px;
}
body #wrapper #Body form[action='/profile/quotes'] label {
padding-top: 12px;
padding-bottom: 4px;
}
body #wrapper #Body form[action='/profile/quotes'] select,
body #Frame #Body form[action='/profile/quotes'] select {
margin-top: 12px;
margin-bottom: 12px;
padding: 12px;
}
body #wrapper #Body .userContent {
margin-top: 10px;
}
body #wrapper #Body a.ProfileButtons-BackToProfile,
body #Frame #Body a.ProfileButtons-BackToProfile,
/* Quotes Page */
body #wrapper #Body .DiscussionsTable a.CommentDate:hover time {
color: var(--tkww-union-color-neutral-black);
text-decoration: underline;
}
body #wrapper #Body a.ProfileButtons-BackToProfile:hover,
/* Quotes Page */
body #wrapper #Body .DiscussionsTable a.CommentDate time {
color: var(--tkww-union-color-neutral-black);
text-decoration: none;
}
body #Frame #Body #MessageForm {
/* Messages Page */
margin-top: 20px;
}
body #Frame #Body #MessageForm h2.H {
font-family: union-bold-primary-font;
}
/* Profile Follow-content Page */
body #wrapper .css-10c9ks6-FollowedContent-classes-section button:hover,
body #wrapper .css-10c9ks6-FollowedContent-classes-section button:active,
body #wrapper .css-10c9ks6-FollowedContent-classes-section button:focus,
body #Frame .css-10c9ks6-FollowedContent-classes-section button:hover,
body #Frame .css-10c9ks6-FollowedContent-classes-section button:active,
body #Frame .css-10c9ks6-FollowedContent-classes-section button:focus {
color: var(--tkww-union-color-neutral-500);
}
/* Background */
body #wrapper .Item.Read {
background: var(--tkww-union-color-neutral-100);
}
/* Icons */
body .Sprite16.SpEditProfile {
filter: invert(100%);
}
body #Frame .Sprite16.SpEditProfile
/* Mobile Profile Activity Page */
{
background-image: url('//vanillicon.com/sprites/sprites-14-000000.png');
background-position: -220px -40px;
background-repeat: no-repeat;
}
/* Links */
body #wrapper a,
body #Frame #Body a,
body #wrapper .FlyoutMenu a,
body #wrapper #Body a,
body #Frame #Body a,
/* Discussion Mobile */
body .wrapper div.browse-discussions a,
/* Community Mobile */
body .content.link:link {
color: var(--tkww-union-color-additional-01extra-400);
}
body #wrapper a:hover,
body #Frame #Body a:hover,
body #wrapper .FlyoutMenu a:hover,
body #wrapper #Body a:hover,
body #Frame #Body a:hover,
/* Discussion Mobile */
body div.browse-discussions a:hover,
/* Community Mobile */
body .content.link:hover {
/* Community Mobile */
color: var(--tkww-union-color-additional-01extra-400);
text-decoration: underline;
opacity: 1;
}
body #wrapper .BoxActivity .ShowAll a,
body #wrapper .BoxActivity .ShowAll a:after,
body #Body .FormWrapper a.Button:not(.Primary),
body #Frame #Body .FormWrapper a.Button:not(.Primary) {
color: var(--tkww-union-color-additional-01extra-400) !important;
}
body #wrapper .BoxActivity .ShowAll a:hover,
body #Body .FormWrapper a.Button:not(.Primary):hover,
body #Frame #Body .FormWrapper a.Button:not(.Primary):hover {
color: var(--tkww-union-color-additional-01extra-400) !important;
}
body #wrapper .BoxActivity .ShowAll a:after,
#wrapper .BoxActivity .ShowAll a:hover:after {
border-left-color: var(--tkww-union-color-additional-01extra-400);
}
/* body #Body .FormWrapper .Button:not(.Primary):hover,
body #Frame #Body .FormWrapper .Button:not(.Primary):hover */
#wrapper .BoxActivity .ShowAll a:hover {
/* see more link */
color: var(--tkww-union-color-additional-01extra-400) !important;
text-decoration: underline;
}
/* Heading */
body #Frame h1.HomepageTitle,
/* Mobile H1 */
body #Frame .Discussion h1,
/* Mobile Discussion Page H1 */
body #wrapper #Body .HomepageTitle {
font-family: union-bold-primary-font;
color: var(--tkww-union-color-neutral-black);
padding-bottom: 10px;
margin-top: 12px;
}
body #wrapper h1,
body #wrapper h2,
body #Frame h2 {
font-family: union-bold-primary-font;
color: var(--tkww-union-color-neutral-black);
}
body #wrapper h2 a:link:hover/* Category Page */
body #Frame h2 a:link:hover {
border-bottom: none;
}
body #wrapper #Body #Panel .Box h4,
body #wrapper #Body #Panel .Box h5 {
color: var(--tkww-union-color-neutral-black);
}
/* Input and Drop Down Box*/
body input:focus-visible {
outline: none;
}
body #wrapper #Body .Box-SearchSort .InputBox,
body #wrapper textarea,
body #wrapper input[type=text],
body #wrapper .drop-down .dropdown-toggle {
color: var(--tkww-union-color-neutral-500);
font-size: 16px;
height: 48px;
padding: 6px;
}
.drop-down .dropdown-toggle .icon-general-caret-down,
.drop-down .dropdown-toggle .icon-general-caret-up {
top: 8px;
}
body #wrapper #Body .Box-SearchSort select {
color: var(--tkww-union-color-neutral-500);
font-size: 16px;
height: 48px;
width: 207px;
}
body #wrapper input.SmallInput:focus,
body #wrapper input.InputBox:focus,
body #wrapper textarea:focus,
body #Frame input.SmallInput:focus,
body #Frame input.InputBox:focus,
body #Frame textarea:focus {
background: white;
}
body .drop-down .dropdown-toggle .label {
color: var(--tkww-union-color-neutral-500);
}
/* Button */
body #wrapper #Body input.Button:not(.Primary)[type=submit][value=Go],
body #Frame button[type=submit]:not(.Primary)[value=Go] {
font-size: 16px;
background-color: var(--tkww-union-color-white) !important;
color: var(--tkww-union-color-primary-300) !important;
border: 1px solid var(--tkww-union-color-primary-300) !important;
}
body #wrapper #Body input.Button[type=submit]:not(.Primary)[value=Go]:hover,
body #Frame button[type=submit][value=Go]:not(.Primary):hover {
color: var(--tkww-union-color-primary-300) !important;
background-color: var(--tkww-union-color-primary-100-opacity-50) !important;
text-decoration: none !important;
}
body #wrapper #Body input.Button:not(.Primary)[type=submit] {
/* color: var(--tkww-union-color-primary-300) !important; */
}
body #wrapper #Body input.Button:not(.Primary)[type=submit]:hover,
body #wrapper #Body a.Button.Cancel:hover,
body #wrapper .FormWrapper .Button:not(.Primary):hover {
color: var(--tkww-union-color-additional-01extra-400) !important;
text-decoration: underline;
}
body #Frame #Body .Button,
/* Profile Ignore Mobile */
body #Frame #Body .ProfileOptions .NavButton,
/* Profile Discussions Mobile */
body #Body .ProfileOptions .NavButton,
/* Profile */
body #wrapper #Body input.Button,
body #wrapper #Body input.btn-primary,
body .wrapper input.btn-primary,
/* Community Mobile */
body #wrapper .Button.Primary,
/* Discussion Desktop */
body #Frame #Body .Button.Primary {
/* Discussion Mobile */
background-color: var(--tkww-union-color-primary-300);
border-radius: 100px;
text-transform: none;
}
body #Frame #Body .Button:hover,
/* Profile Ignore Mobile */
body #Body .ProfileOptions .NavButton:hover,
/* Profile Desktop */
body #wrapper #Body input.Button:hover,
body #wrapper #Body input.btn-primary:hover,
body .wrapper input.btn-primary:hover,
/* Community Mobile */
body #wrapper .Button.Primary:hover,
/* Discussion Desktop */
body #Frame #Body .Button.Primary:hover,
/* Discussion Mobile */
body #wrapper #Body .NavigationButtons .BoxNewDiscussion .ButtonGroup.NewDiscussion .Handle:hover,
body #Popup .Buttons input.Button.Primary:hover {
background-color: var(--tkww-union-color-primary-400);
}
body #Body .FormWrapper .Button:not(.Primary),
body #wrapper #Body .FormWrapper .Button:not(.Primary) {
/* Post Question */
background-color: initial;
}
body #wrapper #Body .Box-SearchSort .Button {
width: 85px;
height: 48px;
}
/* text */
body #wrapper .BoxActivity .Meta,
body #wrapper .ItemContent .Meta,
body #Frame .ItemContent .Meta,
body #wrapper #Body .ReactButton,
/* Discussion Desktop */
body #Frame #Body .ReactButton {
color: var(--tkww-union-color-neutral-500) !important;
}
body #wrapper .BreadcrumbWrap .MeBox {
margin-top: 7px;
}
a.Button:hover,
a.ReactButton:hover,
a.NavButton:hover,
a.CommentOption:hover,
.DataCounts a:hover {
text-decoration: none;
}
/* Banner */
body #wrapper #Body .Errors ul,
body #Frame #Body .Errors ul {
border: 1px solid var(--tkww-union-color-status-error-100) !important;
background: var(--tkww-union-color-status-error-100) !important;
padding: 5px;
}
body #wrapper .Errors ul li,
body #Frame .Errors ul li {
color: var(--tkww-union-color-neutral-black) !important;
background: var(--tkww-union-color-status-error-100) !important;
font-size: 16px;
line-height: 24px;
padding-left: 12px;
}
input.InputBox,
select {
border: var(--tkww-union-fields-input-neutral-border1px solid var(--tkww-union-color-coolgray-300#CACCD0));
}
.drop-down .dropdown-toggle .icon {
transform: scale(0.91.5);
}
.drop-down .dropdown-menu li a {
color: var(--tkww-union-fields-select-option-colorvar(--tkww-union-color-coolgray-500#6D7179)) !important;
padding: var(--tkww-union-fields-select-option-padding0.75rem);
font-size: var(--tkww-union-typography-category-body1-font-sizevar(--tkww-union-typography-scale-300-font-size1rem)) !important;
}
.drop-down .dropdown-menu li a:hover {
background-color: var(--tkww-union-fields-select-option-hover-background-colorvar(--tkww-union-color-coolgray-200#E9E9ED)) !important;
color: var(--tkww-union-fields-select-option-selected-colorvar(--tkww-union-color-midnight#061929)) !important;
}
.row-content.boards-dropdowns {
background-color: var(--tkww-union-color-neutral-100);
}
.Pager {
text-align: center !important;
}
.Pager .Previous,
.Pager .Next {
display: inline-flex !important;
justify-content: center;
align-items: center;
color: transparent !important;
text-indent: -99999px;
}
.Pager .Previous::after,
.Pager .Next::after {
content: '';
display: block;
width: 15px;
height: 15px;
background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjY1NDY3IDE0Ljc1M0M4LjUwMTUgMTQuNzUzMyA4LjM1MzAyIDE0LjcwMDIgOC4yMzQ2NyAxNC42MDNMMC4yMzQ2NjkgNy44NzMwMUMwLjA4NjAwMjggNy43NDk1MiAwIDcuNTY2MjcgMCA3LjM3MzAxQzAgNy4xNzk3NCAwLjA4NjAwMjggNi45OTY1IDAuMjM0NjY5IDYuODczMDFMOC4yMzQ2NyAwLjE1MzAwOEM4LjUxMDgxIC0wLjA3ODk1MTUgOC45MjI3MSAtMC4wNDMxMzQyIDkuMTU0NjcgMC4yMzMwMDhDOS4zODY2MyAwLjUwOTE1MSA5LjM1MDgxIDAuOTIxMDQ5IDkuMDc0NjcgMS4xNTMwMUwxLjY1NDY3IDcuMzgzMDFMOS4wNjQ2NyAxMy42MDNDOS4zMzcxNiAxMy44MzY5IDkuMzcyNzEgMTQuMjQ1NiA5LjE0NDY3IDE0LjUyM0M5LjAyMDk1IDE0LjY2NTIgOC44NDMwOCAxNC43NDg3IDguNjU0NjcgMTQuNzUzWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.Pager .Next::after {
transform: rotate(180deg);
}
.Pager>a,
.Pager>span {
line-height: 42px !important;
width: 44px !important;
margin: 0 4px !important;
text-align: center;
font-size: 16px !important;
border-radius: 50% !important;
border: 1px solid transparent !important;
color: var(--tkww-union-color-neutral-black) !important;
}
.Pager>a:hover {
border-color: var(--tkww-union-color-neutral-black) !important;
}
.Pager .Highlight {
color: var(--tkww-union-color-neutral-white) !important;
background: var(--tkww-union-color-neutral-black) !important;
}
.isMobile .Pager a.Previous ~ a:nth-of-type(5) ~ a:not(.Next) {
display: none !important;
}
.isMobile .Pager span.Previous ~ a:nth-of-type(4) ~ a:not(.Next) {
display: none !important;
}
.QuickSearch .SpSearch {
width: 21px;
height: 21px;
background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC43NjcxIDE5LjgzNzJMMTQuMDA5MSAxMy4wNjY4QzE2Ljc1MzggOS44MTM5NiAxNi40NDczIDQuOTc1MDEgMTMuMzE0MSAyLjA5NDY5QzEwLjE4MDkgLTAuNzg1NjM0IDUuMzM0ODMgLTAuNjgzMzc1IDIuMzI1ODMgMi4zMjY1NkMtMC42ODMxNjQgNS4zMzY0OCAtMC43ODUzOTEgMTAuMTg0MSAyLjA5NDA0IDEzLjMxODJDNC45NzM0NyAxNi40NTI0IDkuODEwOTMgMTYuNzU5IDEzLjA2MjggMTQuMDEzNEwxOS44NjE5IDIwLjgwNDRDMTkuOTg3NCAyMC45Mjk3IDIwLjE1NzYgMjEuMDAwMSAyMC4zMzUgMjAuOTk5OUMyMC41MTMxIDIxLjAwMzcgMjAuNjg0NyAyMC45MzI4IDIwLjgwODIgMjAuODA0NEMyMC45Mzc5IDIwLjY3NDEgMjEuMDA3MiAyMC40OTU1IDIwLjk5OTQgMjAuMzExN0MyMC45OTE2IDIwLjEyOCAyMC45MDczIDE5Ljk1NiAyMC43NjcxIDE5LjgzNzJaTTEuNDE4OTIgNy45ODM5MkMxLjQxODkyIDQuMzU4NDIgNC4zNTcwNyAxLjQxOTM2IDcuOTgxNDUgMS40MTkzNkMxMS42MDU4IDEuNDE5MzYgMTQuNTQ0IDQuMzU4NDIgMTQuNTQ0IDcuOTgzOTJDMTQuNTQ0IDExLjYwOTQgMTEuNjA1OCAxNC41NDg1IDcuOTgxNDUgMTQuNTQ4NUM2LjI0MDk2IDE0LjU0ODUgNC41NzE3NiAxMy44NTY5IDMuMzQxMDQgMTIuNjI1OEMyLjExMDMzIDExLjM5NDcgMS40MTg5MiA5LjcyNDk1IDEuNDE4OTIgNy45ODM5MloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) !important;
}
.isMobile .BeforeCommentHeading .Pager {
display: block;
float: none !important;
text-align: center !important;
clear: both;
}
blockquote.Quote,
div.Quote {
border-color: var(--tkww-union-color-neutral-300) !important;
background-color: rgba(2412422440.8) !important;
}
.Section-Discussion .CommentHeading {
padding-top: 20px;
}
.CommentsWrap {
margin-top: 32px;
}
.CommentsWrap .PagerWrap {
text-align: center;
margin: 32px auto;
}
.CommentsWrap .PagerWrap .Pager {
float: none;
}
body #Frame .PageControls {
margin-top: 16px;
}
.DiscussionForm .FormWrapper {
background-color: var(--tkww-union-color-neutral-100) !important;
}
.popup-banner {
color: var(--tkww-union-color-neutral-black) !important;
background-color: var(--tkww-union-color-status-info-100) !important;
}
.popup-banner .popup-message {
padding: 16px !important;
}
.popup-banner .close-sign {
top: 18px !important;
}
.popup-banner a {
color: inherit !important;
text-decoration: underline !important;
}
.popup-banner a:hover {
color: inherit !important;
text-decoration: none !important;
}
body #wrapper ul.MenuItems {
border-radius: 4px !important;
border: none !important;
box-shadow: 0px 1px 6px rgba(0000.2) !important;
color: var(--tkww-union-color-neutral-500);
top: calc(100% + 11px);
}
body #wrapper ul.MenuItems::before,
body #wrapper ul.MenuItems::after {
display: none;
}
body #wrapper ul.MenuItems a {
color: inherit !important;
padding: 8px 16px !important;
}
body #wrapper ul.MenuItems a:hover {
color: inherit !important;
background-color: var(--tkww-union-color-neutral-100) !important;
}
.ButtonGroup .Dropdown {
left: unset !important;
right: 0;
}
.MeMenu .MenuItems a {
text-align: center;
}
.MeMenu .SpNotifications {
background: no-repeat center center url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0IDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTEyLjggMC43NWMtMC4wNTk0IDAtMC4xMiAwLjAxMDktMC4xODEgMC4wMzU5bC05LjAxIDMuNjJoLTIuNTZjLTAuMTM4IDAtMC4yNSAwLjExNi0wLjI1IDAuMjU5djQuNjdjMCAwLjE0NCAwLjExMiAwLjI1OSAwLjI1IDAuMjU5aDEuNTljLTAuMDU3OCAwLjE4MS0wLjA4NzUgMC4zNzMtMC4wODc1IDAuNTY5IDAgMS4wMyAwLjg0MSAxLjg3IDEuODggMS44NyAwLjg2NiAwIDEuNi0wLjU4OCAxLjgxLTEuMzhsNi4zOCAyLjU3YzAuMDYxIDAuMDIzNSAwLjEyMiAwLjAzNiAwLjE4MSAwLjAzNiAwLjI2NCAwIDAuNS0wLjIyMiAwLjUtMC41MTl2LTExLjVjLTAuMDAxNi0wLjI5Ny0wLjIzNi0wLjUxOS0wLjUwMi0wLjUxOXptLTguMzggMTAuMmMtMC40MTQgMC0wLjc1LTAuMzM0LTAuNzUtMC43NDcgMC0wLjE3NSAwLjA2MDktMC4zNDIgMC4xNzItMC40NzVsMS4zMyAwLjUzM2MtMC4wMzEyIDAuMzg0LTAuMzU1IDAuNjg5LTAuNzQ4IDAuNjg5eiIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K) !important;
}
.MeMenu .MeButton:hover .SpNotifications {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0IDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTEyLjggMC43NWMtMC4wNTk0IDAtMC4xMiAwLjAxMDktMC4xODEgMC4wMzU5bC05LjAxIDMuNjJoLTIuNTZjLTAuMTM4IDAtMC4yNSAwLjExNi0wLjI1IDAuMjU5djQuNjdjMCAwLjE0NCAwLjExMiAwLjI1OSAwLjI1IDAuMjU5aDEuNTljLTAuMDU3OCAwLjE4MS0wLjA4NzUgMC4zNzMtMC4wODc1IDAuNTY5IDAgMS4wMyAwLjg0MSAxLjg3IDEuODggMS44NyAwLjg2NiAwIDEuNi0wLjU4OCAxLjgxLTEuMzhsNi4zOCAyLjU3YzAuMDYxIDAuMDIzNSAwLjEyMiAwLjAzNiAwLjE4MSAwLjAzNiAwLjI2NCAwIDAuNS0wLjIyMiAwLjUtMC41MTl2LTExLjVjLTAuMDAxNi0wLjI5Ny0wLjIzNi0wLjUxOS0wLjUwMi0wLjUxOXptLTguMzggMTAuMmMtMC40MTQgMC0wLjc1LTAuMzM0LTAuNzUtMC43NDcgMC0wLjE3NSAwLjA2MDktMC4zNDIgMC4xNzItMC40NzVsMS4zMyAwLjUzM2MtMC4wMzEyIDAuMzg0LTAuMzU1IDAuNjg5LTAuNzQ4IDAuNjg5eiIgZmlsbD0iIzM3MzkzRiIvPgo8L3N2Zz4K) !important;
}
.MeMenu .SpInbox {
background: no-repeat center center url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0IDEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMS42NyAwaDEwLjdsMS4zMyAyLjY3djguNjdjMCAwLjE3Ny0wLjA3MDIgMC4zNDYtMC4xOTUgMC40NzEtMC4xMjUgMC4xMjUtMC4yOTUgMC4xOTUtMC40NzEgMC4xOTVoLTEyYy0wLjE3NyAwLTAuMzQ2LTAuMDcwMi0wLjQ3MS0wLjE5NS0wLjEyNS0wLjEyNS0wLjE5NS0wLjI5NS0wLjE5NS0wLjQ3MXYtOC42NmwxLjMzLTIuNjd6bTYgNy4zM3YtMi42N2gtMS4zM3YyLjY3aC0ybDIuNjcgMi42NyAyLjY3LTIuNjdoLTJ6bTQuNTEtNC42Ny0wLjY2Ny0xLjMzaC05LjAybC0wLjY2NyAxLjMzaDEwLjR6IiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) !important;
}
.MeMenu .MeButton:hover .SpInbox {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0IDEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMS42NyAwaDEwLjdsMS4zMyAyLjY3djguNjdjMCAwLjE3Ny0wLjA3MDIgMC4zNDYtMC4xOTUgMC40NzEtMC4xMjUgMC4xMjUtMC4yOTUgMC4xOTUtMC40NzEgMC4xOTVoLTEyYy0wLjE3NyAwLTAuMzQ2LTAuMDcwMi0wLjQ3MS0wLjE5NS0wLjEyNS0wLjEyNS0wLjE5NS0wLjI5NS0wLjE5NS0wLjQ3MXYtOC42NmwxLjMzLTIuNjd6bTYgNy4zM3YtMi42N2gtMS4zM3YyLjY3aC0ybDIuNjcgMi42NyAyLjY3LTIuNjdoLTJ6bTQuNTEtNC42Ny0wLjY2Ny0xLjMzaC05LjAybC0wLjY2NyAxLjMzaDEwLjR6IiBmaWxsPSIjMzczOTNGIi8+Cjwvc3ZnPg==) !important;
}
.MeMenu .SpBookmarks {
background: no-repeat center center url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMy42NiAxMy45Yy0wLjA5Ni0wLjAwNTQtMC4xODgtMC4wNDE2LTAuMjYyLTAuMTAzLTAuMTM3LTAuMTAyLTAuMjAzLTAuMjczLTAuMTcyLTAuNDQxbDAuOTY0LTQuNTItMy4zOC0zLjA4Yy0wLjEzMS0wLjEyLTAuMTc5LTAuMzA2LTAuMTI0LTAuNDc1IDAuMDU1OC0wLjE2NyAwLjIwNC0wLjI4NSAwLjM3OS0wLjMwM2w0LjU4LTAuNDc1IDEuOTMtNC4yOGMwLjA4NTMtMC4xNDUgMC4yNDEtMC4yMzQgMC40MS0wLjIzNCAwLjE2OCAwIDAuMzI0IDAuMDg5MiAwLjQxIDAuMjM0bDEuOTMgNC4yOCA0LjU5IDAuNDc1YzAuMTc1IDAuMDE3OSAwLjMyMyAwLjEzNiAwLjM3OSAwLjMwMyAwLjA1NTIgMC4xNjkgMC4wMDY3IDAuMzU1LTAuMTI0IDAuNDc1bC0zLjM5IDMuMDggMC45NzEgNC41MmMwLjAzNTUgMC4xNzQtMC4wMzQ3IDAuMzUyLTAuMTc5IDAuNDU0LTAuMTQ2IDAuMDk1Ny0wLjMzNiAwLjA5NTctMC40ODIgMGwtNC4xMy0yLjM4LTQuMDYgMi40MWMtMC4wNzYzIDAuMDQ2OC0wLjE2NSAwLjA2ODUtMC4yNTUgMC4wNjE5eiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==) !important;
}
.MeMenu .MeButton:hover .SpBookmarks {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMy42NiAxMy45Yy0wLjA5Ni0wLjAwNTQtMC4xODgtMC4wNDE2LTAuMjYyLTAuMTAzLTAuMTM3LTAuMTAyLTAuMjAzLTAuMjczLTAuMTcyLTAuNDQxbDAuOTY0LTQuNTItMy4zOC0zLjA4Yy0wLjEzMS0wLjEyLTAuMTc5LTAuMzA2LTAuMTI0LTAuNDc1IDAuMDU1OC0wLjE2NyAwLjIwNC0wLjI4NSAwLjM3OS0wLjMwM2w0LjU4LTAuNDc1IDEuOTMtNC4yOGMwLjA4NTMtMC4xNDUgMC4yNDEtMC4yMzQgMC40MS0wLjIzNCAwLjE2OCAwIDAuMzI0IDAuMDg5MiAwLjQxIDAuMjM0bDEuOTMgNC4yOCA0LjU5IDAuNDc1YzAuMTc1IDAuMDE3OSAwLjMyMyAwLjEzNiAwLjM3OSAwLjMwMyAwLjA1NTIgMC4xNjkgMC4wMDY3IDAuMzU1LTAuMTI0IDAuNDc1bC0zLjM5IDMuMDggMC45NzEgNC41MmMwLjAzNTUgMC4xNzQtMC4wMzQ3IDAuMzUyLTAuMTc5IDAuNDU0LTAuMTQ2IDAuMDk1Ny0wLjMzNiAwLjA5NTctMC40ODIgMGwtNC4xMy0yLjM4LTQuMDYgMi40MWMtMC4wNzYzIDAuMDQ2OC0wLjE2NSAwLjA2ODUtMC4yNTUgMC4wNjE5eiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMzczOTNGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==) !important;
}
.MeMenu .SpOptions {
background: no-repeat center center url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyIDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMy4wNSAzLjQzYzAgMS42MiAxLjMyIDIuOTUgMi45NSAyLjk1IDEuNjMgMCAyLjk1LTEuMzIgMi45NS0yLjk1IDAtMS42My0xLjMyLTIuOTUtMi45NS0yLjk1LTEuNjMgMC0yLjk1IDEuMzItMi45NSAyLjk1eiIvPgo8cGF0aCBkPSJtMS40OCAxMy42aDkuMDNjMC40ODcgMCAwLjg4NS0wLjM5NyAwLjg4NS0wLjg4NXYtMS40NGMwLTIuMzEtMS44MS00LjE4LTQuMDMtNC4xOGgtMi43NGMtMi4yMiAwLTQuMDMgMS44OC00LjAzIDQuMTh2MS40NGMwIDAuNDg4IDAuMzk3IDAuODg1IDAuODg1IDAuODg1eiIvPgo8L3N2Zz4K) !important;
}
.MeMenu .MeButton:hover .SpOptions {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEyIDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMy4wNSAzLjQzYzAgMS42MiAxLjMyIDIuOTUgMi45NSAyLjk1IDEuNjMgMCAyLjk1LTEuMzIgMi45NS0yLjk1IDAtMS42My0xLjMyLTIuOTUtMi45NS0yLjk1LTEuNjMgMC0yLjk1IDEuMzItMi45NSAyLjk1eiIgZmlsbD0iIzM3MzkzRiIvPgo8cGF0aCBkPSJtMS40OCAxMy42aDkuMDNjMC40ODcgMCAwLjg4NS0wLjM5NyAwLjg4NS0wLjg4NXYtMS40NGMwLTIuMzEtMS44MS00LjE4LTQuMDMtNC4xOGgtMi43NGMtMi4yMiAwLTQuMDMgMS44OC00LjAzIDQuMTh2MS40NGMwIDAuNDg4IDAuMzk3IDAuODg1IDAuODg1IDAuODg1eiIgZmlsbD0iIzM3MzkzRiIvPgo8L3N2Zz4K) !important;
}
body #wrapper .Alert,
.MeMenu .Alert {
background-color: var(--tkww-union-color-primary-300);
}
input[type="checkbox"] {
appearance: none;
width: 16px;
height: 16px;
border-radius: 2px;
border: 1px solid var(--tkww-union-color-neutral-black);
background-color: var(--tkww-union-color-neutral-white);
}
input[type="checkbox"]:checked {
border-color: transparent;
background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjgyNzk4IDExLjc1MjVDNi43MDEzMSAxMS43NTI1IDYuNTc4NjQgMTEuNzA0NSA2LjQ4NTMxIDExLjYxNjVMMy40OTA2NCA4Ljc5NjQ3QzMuMjg5MzEgOC42MDc4IDMuMjc5OTggOC4yOTExNCAzLjQ2OTMxIDguMDg5OEMzLjY1ODY0IDcuODg5MTQgMy45NzUzMSA3Ljg3OTE0IDQuMTc1MzEgOC4wNjkxNEw2Ljc2MDY0IDEwLjUwMjVMMTEuNDMxMyA0LjIwMjQ3QzExLjU5NiAzLjk4MDQ3IDExLjkwOTMgMy45MzM4IDEyLjEzMDYgNC4wOTg0N0MxMi4zNTI2IDQuMjYzMTQgMTIuMzk5MyA0LjU3NTggMTIuMjM0NiA0Ljc5NzhMNy4yMjk5OCAxMS41NTA1QzcuMTQ0NjQgMTEuNjY1MSA3LjAxNDY0IDExLjczNzggNi44NzE5OCAxMS43NTA1QzYuODU3MzEgMTEuNzUxOCA2Ljg0MjY0IDExLjc1MjUgNi44Mjc5OCAxMS43NTI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.css-1ambkha-checkRadioStyles-input:checked+.css-5ngdof-checkRadioStyles-iconContainer {
background-color: var(--tkww-union-color-neutral-black) !important;
border-color: var(--tkww-union-color-neutral-black) !important;
}
.css-1ambkha-checkRadioStyles-input:hover:checked:not(:disabled)+.css-5ngdof-checkRadioStyles-iconContainer {
color: var(--tkww-union-color-neutral-white) !important;
}
.css-hk4joc-buttonUtils-asText-buttonUtils-asText-categoryFollowDropDown-s-followButton.css-hk4joc-buttonUtils-asText-buttonUtils-asText-categoryFollowDropDown-s-followButton {
color: var(--tkww-union-color-neutral-black) !important;
background-color: transparent !important;
}
.css-18ai2cf-buttonUtils-asText-buttonUtils-asText-categoryFollowDropDown-s-followButton.css-18ai2cf-buttonUtils-asText-buttonUtils-asText-categoryFollowDropDown-s-followButton:hover {
color: var(--tkww-union-color-neutral-black) !important;
}
.css-p2joxa-buttonUtils-asText-buttonUtils-asText-categoryFollowDropDown-s-followButton.css-p2joxa-buttonUtils-asText-buttonUtils-asText-categoryFollowDropDown-s-followButton svg path {
stroke: var(--tkww-union-color-neutral-black);
fill: none
}
.css-1ambkha-checkRadioStyles-input:hover:not(:disabled:checked)+.css-5ngdof-checkRadioStyles-iconContainer {
background-color: var(--tkww-union-color-neutral-white) !important;
border-color: var(--tkww-union-color-neutral-black) !important;
}
body.Profile.EditMode #Content form {
background-color: var(--tkww-union-color-neutral-100) !important;
}
body.Profile.EditMode #Content form input[type="checkbox"] {
vertical-align: middle;
}
.FormWrapper {
background-color: var(--tkww-union-color-neutral-100) !important;
}
div[id^="google_ads_iframe"]:before {
font-size: 12px !important;
color: var(--tkww-union-color-neutral-500) !important;
}
.home.isMobile {
background-color: rgba(2552452370.5);
}
.home.isMobile .jumbotron .jumbotron-body h2 {
font-size: var(--tkww-union-typography-category-h2-font-sizevar(--tkww-union-typography-scale-600-font-size1.5rem));
padding-left: 15px;
padding-right: 15px;
}
.home.isMobile .jumbotron .search-box-input {
float: none;
}
.home.isMobile .jumbotron .search-box-input input,
.home.isMobile .drop-down .dropdown-toggle {
height: 48px;
box-shadow: none;
}
.home.isMobile h2.sub-category {
margin: 10px 0 30px;
}
.home.isMobile #browse-discussions {
margin-bottom: 10px;
}
body #Frame h1.HomepageTitle {
font-size: 30px;
line-height: 40px;
}
body #Frame .Discussion .PageTitle.pageHeadingBox h1 {
font-size: 22px;
line-height: 33px;
}
body #Frame .ActivityFormWrap h1,
body #Frame .FormTitleWrapper h1,
body.Messages #Frame h1 {
font-size: 30px;
line-height: 40px;
}
body #Frame .FormTitleWrapper h2 {
margin: 12px 0 20px;
}
body #Frame .CategoryGroup h2 {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin: 8px 0;
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-ui"system-ui""Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
}
body #wrapper .CategoryGroup h2,
body.Section-CategoryList #wrapper .DataTable .CategoryName h2,
body.Section-CategoryList #Frame .DataTable .CategoryName h2 {
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-ui"system-ui""Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
}
.Profile .Gloss {
font-size: 26px;
line-height: 37px;
color: var(--tkww-union-color-neutral-500);
}
body #Frame .Profile h1 {
font-size: 26px;
line-height: 36px;
}
body #Frame .Profile h2 {
font-weight: 400;
font-size: 16px;
line-height: 24px;
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-ui"system-ui""Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
}
body #Frame .Profile .Gloss {
font-size: 22px;
line-height: 33px;
}
body.followedContent #Frame h1 {
font-size: 26px;
line-height: 37px;
font-weight: 800;
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-ui"system-ui""Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
color: var(--tkww-union-color-neutral-black);
}
/* Body END */
@media screen and (max-width: 767.98px) {
*:not(hr) {
margin: 0;
padding: 0;
}
}
/* Footer Begin */
body #wrapper #union_footer [class^="primaryBold--"],
body #wrapper #union_footer [class*=" primaryBold--"] {
font-weight: 500;
}
body #wrapper #union_footer [class^="sectionItemBase--"],
body #wrapper #union_footer [class*=" sectionItemBase--"] {
color: #caccd0;
}
body #wrapper #union_footer [class^="hero--"],
body #wrapper #union_footer [class*=" hero--"] {
font-size: 2.25rem;
}
body #wrapper #union_footer [class^="madeWith--"],
body #wrapper #union_footer [class*=" madeWith--"],
body #wrapper #union_footer [class^="body2--"],
body #wrapper #union_footer [class*=" body2--"] {
font-size: 0.875rem;
}
body #wrapper #union_footer [class^="areYouVendorLink--"],
body #wrapper #union_footer [class*=" areYouVendorLink--"],
body .wrapper #union_footer [class^="areYouVendorLink--"],
body .wrapper #union_footer [class*=" areYouVendorLink--"],
body #wrapper #union_footer [class^="areYouVendorHeader--"],
body #wrapper #union_footer [class*=" areYouVendorHeader--"],
body .wrapper #union_footer [class^="areYouVendorHeader--"],
body .wrapper #union_footer [class*=" areYouVendorHeader--"] {
color: #FFF;
font-weight: 500;
}
body #wrapper #union_footer [class^="h4--"],
body #wrapper #union_footer [class*=" h4--"] {
font-size: 1.25rem;
}
body .wrapper #union_footer [class^="container--"],
body .wrapper #union_footer [class*=" container--"] {
font-size: 16px;
line-height: 24px;
}
body #union_footer div[class*='contentWrapper'] a[class*=hero] {
letter-spacing: 0;
font-weight: 500;
font-size: 2.25rem;
line-height: 1.2225;
}
body #union_footer div[class*=sectionLabel] {
padding-top: .25rem;
width: 100%;
text-transform: uppercase;
font-weight: 500;
font-size: .75rem;
line-height: 1.34;
}
body #union_footer a[class*=sectionItemBase],
body #union_footer div[class*=sectionItemBase] {
padding-bottom: .75rem;
color: #caccd0;
display: block;
font-size: .875rem;
line-height: 1.43;
letter-spacing: 0;
}
body #union_footer *[class*=socialIconsSection] {
display: flex;
margin-left: -10px;
}
body #union_footer *[class*=socialIconsSection] a {
color: #fff;
}
body #wrapper #union_footer *[class*=h3] {
font-size: 1.5rem;
line-height: 1.33337;
font-weight: 500;
}
body div#union_footer {
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-uiBlinkMacSystemFont"Segoe UI"Roboto"Helvetica Neue"Arialsans-serif;
}
@media (min-width: 768px) {
body #union_footer *[class*='withSideMargin'] {
margin-left: 3.25rem;
margin-right: 3.25rem;
}
body #union_footer a[class*=sectionItem][class*=sectionItemBase]:hover {
opacity: 1;
text-decoration: underline;
}
body #union_footer *[class*=socialIconsSection] a:hover {
color: #caccd0;
}
body #union_footer *[class*=areYouVendorLink]:hover {
text-decoration: underline;
}
}
@media (max-width: 767.98px) {
body #union_footer *:focus {
outline: 0 !important;
}
body #union_footer *[class*=socialIconsSection] a {
font-size: 1.25rem;
line-height: 1.4;
}
body #union_footer a[class*=businessItemBase] {
padding-bottom: 20px;
}
}
/* Footer END */
<>
#onetrust-consent-sdk {
font-family: union-primary-fontunion-sans-serif-apple-systemsystem-uiBlinkMacSystemFontSegoe UIRobotoHelvetica NeueArialsans-serif;
}
Discussion List
|
Discussion
|
Started By
|
Replies
|
Views
|
Most Recent
|
|
|
|
1
|
|
|
|
|
11
|
|
|
|
|
41
|
|
|
|
|
211
|
|
|
|
|
41
|
|
|
|
|
51
|
|
|
|
|
111
|
|
|
|
|
21
|
|
|
|
|
121
|
|
|
|
|
21
|
|
|
|
|
32
|
|
|
|
|
31
|
|
|
|
|
2
|
|
|
|
|
21
|
|
|
|
|
1
|
|
|
|
|
152
|
|
|
|
|
11
|
|
|
|
|
1
|
|
|
|
|
11
|
|
|
|
|
1
|
|
|
|
|
51
|
|
|
|
|
61
|
|
|
|
|
123
|
|
|
|
|
22
|
|
|
|
|
11
|
|
|
|
|
41
|
|
|
|
|
3.5K
|
|
|
|
|
22
|
|
|
|
|
522
|
|
|
|
|
1
|
|
