<>body {visibility: visible !important;}
<>
/* 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;
}
<>
.PanelInfo li {
clear: both;
}
.PhotoWrapSmall {
margin-right: 5px;
display: inline-block;
}
This Week's Leaders in Christian Weddings
< type="text/css">
#widget_list_item{vertical-align:middle;list--type:none;margin:0px;padding:0px 0 5px 0px;text-align:right;}
#widget_list_item a:link,#widget_list_item a:active,#widget_list_item a:visited{vertical-align:middle;margin:0px;padding:0 10px 0px 0px;font-family:ArialHelveticasans-serif;color:#0c0c0c;font-size:12px;text-decoration:none;background: url("//media.theknot.com/StaticImages/KnotShop/widgets/img_arrow.gif") no-repeat scroll right center transparent;}
#widget_list_item a:hover{vertical-align:middle;margin:0px;padding:0 10px 0px 0px;font-family:ArialHelveticasans-serif;color:#579BC3;font-size:12px;text-decoration:underline;background: url("//media.theknot.com/StaticImages/KnotShop/widgets/img_arrow.gif") no-repeat scroll right center transparent;}
.ie8 #widget_list_item {
/* IE 8 specific rules */
}
.ie7 #widget_list_item {
/* IE 7 specific rules */
}
.tk_comm_widget{width:296px;margin:10px 0px 0px 0px;padding:0px;border:2px solid #b6b9dd;background-color:#ffffff;}
.tk_comm_widget h2{line-height:20px;color:#5b5e98;font-family:ArialHelveticasans-serif;margin:0px 15px 0 0;padding:0px;font-size:16px;text-align:right;}
.tk_widget_div{float:right;margin:10px 0px 0 0;padding:0px;}
.tk_widget_div ul{margin:5px 15px 20px 0px;padding:0px;}
.tk_widget_lower_banner{clear:both;padding:0px;margin-left:-2px;background-color:#b6b8de;}
.tk_widget_clear{display:block;height:10px;padding:0px;margin:0px;}
.tk_widget_shopnow{text-align:center;clear:both;margin:0px;padding:0px;}
.tk_leftside_prod_img{width:120px;margin:0px;padding:0px;height:186px;}
Wedding Discussion Boards
Category List
Boards
Discussions
Latest Discussion
Expand for more options.
Looking for the perfect dressjewelryshoesand everything underneath? And don’t forget the groom.
35.5K
536
25.3K
14K
Expand for more options.
Connect and share DIY wedding ideas with other crafty couples to have the best DIY wedding discussions. Want to know what to DIY for your wedding? You can start your own conversation or you can chime in on an existing wedding DIY discussion.
377
2.9K
4.3K
795
12.5K
Expand for more options.
Finding the perfect hashtag can be tricky- this board is here to help. (But please be cautious of posting personal information!)
166
10.1K
15.9K
4.6K
245
3.6K
5K
17.1K
2.9K
2.1K
Expand for more options.
Chatask questionsand post pics from wedding showers and the engagement and bachelorette parties here.
3.8K
5.5K
2.6K
Expand for more options.
Brides Beware: These Knotties have opinions and aren't afraid to share them. Get ready for some realhonest feedback! (Leave your sensitivity at the door)
19.2K
1.6K
53
Expand for more options.
Wedding 911 Knotties from our App: Since we are retiring the appwe want to welcome you to The Knot Community! Continue the conversation here while exploring the rest of what our community has to offer during this transition.
460
4.2K
35.2K
Expand for more options.
Get music inspiration for everything from the rehearsal dinner to the final song of your reception.
4.3K
3.8K
5.9K
62.1K
12.8K
4.4K
1.6K
17.2K
8.8K
Expand for more options.
Stressed out? Ready to smack your FMILMOHor both? Do it! Or tell us all about it and keep your hands to yourself.
49.5K
797
Expand for more options.
Homebase for Knot Adminstrators - here if you need any help with community-wide questions or tech concerns! Contact Customer Service at
[email protected] . Please use our other categories and boards for general wedding questions.
1.5K
