/*** Edits by Nicasio LLC, NicasioDesign.com ***/ /* THEME FONTS --------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Manrope:wght@200..800&display=swap'); @font-face { font-family: 'Manuka-Condensed-Bold'; src: url('/resources/Site/Fonts/Manuka-Condensed-Bold.woff2') format('woff2'), url('/resources/Site/Fonts/Manuka-Condensed-Bold.woff') format('woff'), url('/resources/Site/Fonts/Manuka-Condensed-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } /* Google Font Usage (currently included above)... // EB Garamond font-family: 'EB Garamond', Times New Roman, serif; font-weight: 400; // regular font-weight: 500; // medium font-weight: 700; // bold font-weight: 800; // extra bold font-style: italic; // italic // Manrope font-family: 'Manrope', Arial, sans-serif; font-weight: 300; // light font-weight: 400; // regular font-weight: 500; // medium font-weight: 600; // semibold font-weight: 700; // bold font-weight: 800; // extra bold font-style: italic; // italic */ /* Custom Font Usage (currently included above)... // Manuka Condensed Bold font-family: 'Manuka-Condensed-Bold', Impact, Helvetica, sans-serif; font-weight: normal; // relies on embedded font font-style: normal; // normal // no italics */ :root { --font-primary: 'Manrope', Arial, sans-serif; --font-primary-weight: 400; --font-primary-weight-thin: 300; --font-primary-weight-medium: 500; --font-primary-weight-bold: 700; --font-primary-weight-bold-extra: 800; --font-secondary: 'EB Garamond', Times New Roman, serif; --font-secondary-weight: 400; --font-secondary-weight-medium: 500; --font-secondary-weight-semibold: 600; --font-secondary-weight-bold: 700; --font-secondary-weight-bold-extra: 800; --font-tertiary: 'Manuka-Condensed-Bold', Impact, Helvetica, sans-serif; --font-tertiary-weight: normal; --font-wa-theme-icons: "WA-theme-icons"; --font-wa-font-awesome: "FontAwesome"; --fontsysicon: Icons; } /* THEME COLORS --------------------------------- */ :root { --color-white: #ffffff; --color-grey-light: #f2f1f1; --color-grey: #e4e4e3; --color-blue-light: #1b9de5; --color-blue: #0142a4; --color-blue-deep: #0c2142; --color-orange: #f15623; --color-orange-alt: #d74313; --color-yellow: #f8bc1c; --color-yellow-alt: #e0a60b; --color-magenta: #ed0fd3; --color-magenta-alt: #cc00b4; --color-class-green: #58a618; --color-class-red: #c60c30; --color-class-purple: #522398; --color-class-yellow: #fcd450; --color-black: #000000; --color-white-text: rgba(255,255,255,.7); --color-black-text: rgba(0,0,0,.7); --color-white-trans-light: rgba(255,255,255,.4); --color-black-trans-light: rgba(0,0,0,.4); --color-blue-trans-light: rgba(27,157,229,.2); --color-blue-trans-alt: rgba(27,157,229,.1); --color-white-trans-heavy: rgba(255,255,255,.8); --color-black-trans-heavy: rgba(0,0,0,.8); --color-white-trans-alt: rgba(255,255,255,.15); --color-black-trans-alt: rgba(0,0,0,.2); --gradient-default: var(--color-blue); --gradient-basic: linear-gradient(100deg, rgba(1,66,164,1) 35%, rgba(27,157,229,1) 55%, rgba(12,33,66,1) 85%); --gradient-color: linear-gradient(90deg, rgba(27,157,229,1) 35%, rgba(241,86,35,1) 65%, rgba(1,66,164,1) 80%, rgba(12,33,66,1) 95%); } /**************************/ /*** Parent Theme Edits ***/ /**************************/ #idWaAdminSwitcher, .zoneWAbranding { display: none; } body { background-color: var( --color-white ); } body:not(.adminContentView) .desktopHide { display: none; } @media (max-width:767px) { body:not(.adminContentView) .mobileHide { display: none; } body:not(.adminContentView) .desktopHide { display: block; } } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Layout */ .zonePlace { padding: 0; } .WaPlaceHolder { max-width: 100%; } [class^="WaLayoutItem"][width="49%"] { width: 50% !important; } .shrinkWrap [class^='WaLayoutContainer'] > .WaLayoutTable { max-width: 1200px; margin: 0 auto; padding-left: 25px; padding-right: 25px; width: 100%; box-sizing: border-box; } .zoneFooter2 .shrinkWrap [class^='WaLayoutContainer'] > .WaLayoutTable { max-width: 940px; } .shrinkWrap-layout { padding-left: 30px; padding-right: 30px; } .shrinkWrap-layoutBoxed { max-width: 1200px; margin: 0 auto; width: 100%; box-sizing: border-box; } .alignMiddle, .alignMiddle td { vertical-align: middle; } .alignBottom, .alignBottom td { vertical-align: bottom; } @media (max-width: 991px) { .shrinkWrap [class^='WaLayoutContainer'] > .WaLayoutTable, .shrinkWrap-layoutBoxed { max-width: 940px; } .zoneHeader1 > .WaPlaceHolder > div { padding-bottom: 0px !important; } #id_Header .WaLayoutTable, #id_Header .WaLayoutTable>tbody, #id_Header .WaLayoutTable .WaLayoutRow, #id_Header .WaLayoutTable .WaLayoutItem, #id_Header .WaLayoutTable .WaLayoutSeparator + .WaLayoutItem { display: block !important; width: 100% !important; text-align: center !important; } #id_Header .WaLayoutSeparator + .WaLayoutItem .WaLayoutPlaceHolder > div { padding-top: 0px !important; display: inline-block; } /*#id_Header .WaLayoutSeparator + .WaLayoutItem [class*="WaGadget"] { float: none !important; flex: 1; } #id_Header .WaLayoutTable .WaLayoutSeparator { display: none; } #id_Header .WaGadgetSocialProfile { margin-right: 0px !important; margin-left: 15px; } #id_Header .WaGadgetSocialProfile .alignRight { text-align: left; }*/ } @media (max-width: 767px) { .shrinkWrap [class^='WaLayoutContainer'] > .WaLayoutTable, .shrinkWrap-layoutBoxed, .zoneFooter2 .shrinkWrap [class^='WaLayoutContainer'] > .WaLayoutTable { max-width: 720px; } .zoneHeader1 > .WaPlaceHolder > div { padding-bottom: 17px !important; padding-left: 40px !important; padding-right: 36px !important; } #id_Header .WaLayoutTable, #id_Header .WaLayoutTable>tbody, #id_Header .WaLayoutTable .WaLayoutRow, #id_Header .WaLayoutTable .WaLayoutItem, #id_Header .WaLayoutTable .WaLayoutSeparator + .WaLayoutItem { display: revert !important; text-align: unset !important; } #id_Header .WaLayoutSeparator + .WaLayoutItem .WaLayoutPlaceHolder > div { padding-top: unset !important; display: revert; } #id_HeaderMenuSearch { margin-top: 50px !important; } div[style*="padding-top:70px"] { padding-top: 40px !important; } div[style*="padding-top:65px"] { padding-top: 35px !important; } div[style*="padding-top:60px"] { padding-top: 30px !important; } div[style*="padding-top:55px"] { padding-top: 25px !important; } div[style*="padding-top:45px"] { padding-top: 20px !important; } div[style*="margin-top:40px"] { margin-top: 20px !important; } div[style*="padding-top:40px"] { padding-top: 20px !important; } div[style*="margin-top:35px"] { margin-top: 15px !important; } div[style*="padding-top:35px"] { padding-top: 15px !important; } div[style*="margin-bottom:80px"] { margin-bottom: 40px !important; } div[style*="padding-bottom:80px"] { padding-bottom: 40px !important; } div[style*="padding-bottom:65px"] { padding-bottom: 35px !important; } div[style*="padding-bottom:55px"] { padding-bottom: 25px !important; } div[style*="padding-bottom:50px"] { padding-bottom: 25px !important; } div[style*="padding-bottom:45px"] { padding-bottom: 25px !important; } div[style*="margin-bottom:40px"] { margin-bottom: 20px !important; } div[style*="padding-bottom:40px"] { padding-bottom: 20px !important; } div[style*="padding-bottom:35px"] { padding-bottom: 20px !important; } div[style*="padding-bottom:30px"] { padding-bottom: 20px !important; } div[style*="padding-left:65px"] { padding-left: 50px !important; } div[style*="padding-left:35px"] { padding-left: 20px !important; } div[style*="padding-left: 15%"], div[style*="padding-left:15%"] { padding-left: 5% !important; } div[style*="padding-right:65px"] { padding-right: 50px !important; } div[style*="padding-right:35px"] { padding-right: 20px !important; } div[style*="padding-right: 15%"], div[style*="padding-right:15%"] { padding-right: 5% !important; } } @media (max-width: 575px) { .zoneHeader1 > .WaPlaceHolder > div { padding-bottom: 17px !important; padding-left: 15px !important; padding-right: 10px !important; } } @media (max-width: 480px) { .shrinkWrap [class^='WaLayoutContainer'] > .WaLayoutTable, .zoneFooter2 .shrinkWrap [class^='WaLayoutContainer'] > .WaLayoutTable { max-width: 92%; width: 92%; } /*#id_Header .WaLayoutSeparator + .WaLayoutItem .WaLayoutPlaceHolder > div { display: block; display: -moz-block; display: -webkit-block; } #id_Header .WaLayoutSeparator + .WaLayoutItem [class*="WaGadget"] { float: none !important; flex: none; } #id_Header .WaLayoutSeparator + .WaLayoutItem [class*="WaGadget"] .gadgetStyleBody > div { float: none !important; text-align: center !important; } #id_Header .WaLayoutTable .WaLayoutSeparator { display: none; } #id_Header .WaGadgetSocialProfile { margin-right: 0px !important; margin-left: 0px !important; } #id_Header .WaGadgetSocialProfile .alignRight { text-align: center; } #id_Header .WaGadgetSocialProfile .gadgetStyleBody { padding-top: 0 !important; padding-right: 0 !important; padding-left: 0 !important; }*/ } /* Pre Header */ .mobilePanelContainer { position: fixed; width: 100%; z-index: 55555; } .WaGadgetMobilePanel { display: block; } .WaGadgetMobilePanel .mobilePanel { background: var( --gradient-default ); background: var( --gradient-basic ); } .WaGadgetMobilePanel .mobilePanel .buttonMenu, .WaGadgetMobilePanel .mobilePanel .buttonLogin, .WaGadgetMobilePanel .mobilePanel .buttonAdmin { width: auto; line-height: 50px; /*background-color: rgba(0,0,0,.05);*/ transition: all .3s ease-in-out; } .WaGadgetMobilePanel .mobilePanel .buttonMenu:hover, .WaGadgetMobilePanel .mobilePanel .buttonLogin:hover, .WaGadgetMobilePanel .mobilePanel .buttonAdmin:hover { background-color: var( --color-black-trans-alt ); } .WaGadgetMobilePanel .mobilePanel .buttonMenu { text-indent: 50px; /*padding-right: 16px;*/ padding-left: 26px; padding-right: 46px; text-transform: none; display: none; /* shown via js to avoid text lag */ } @media (min-width: 768px) { .WaGadgetMobilePanel .mobilePanel .buttonMenu { display: none !important; } } .WaGadgetMobilePanel .mobilePanel .buttonMenu:before { /*content: '\e62C';*/ transition: transform .3s ease-in-out; left: 26px; } /* .WaGadgetMobilePanel .mobilePanel .buttonMenu.active:before { content: '\e62C'; transform:rotate(90deg); } */ .WaGadgetMobilePanel .mobilePanel .buttonLogin { text-indent: 0px; /*padding-right: 50px; padding-left: 16px;*/ padding-left: 46px; padding-right: 76px; } .WaGadgetMobilePanel .mobilePanel .buttonLogin:before { left: auto; /*right: 0;*/ right: 26px; } @media (max-width: 575px) { .WaGadgetMobilePanel .mobilePanel .buttonMenu { padding-left: 0px; padding-right: 16px; } .WaGadgetMobilePanel .mobilePanel .buttonMenu:before { left: 0px; } .WaGadgetMobilePanel .mobilePanel .buttonLogin { /*width: 50px; text-indent: 5555px; padding-right: 0px; padding-left: 0px;*/ padding-right: 50px; padding-left: 16px; } .WaGadgetMobilePanel .mobilePanel .buttonLogin:before { right:0; } } .WaGadgetMobilePanel .mobilePanel .buttonAdmin { right: 0px; } .WaGadgetMobilePanel .mobilePanel .buttonAdmin + .buttonLogin { right: 50px; } .WaGadgetMobilePanel .mobilePanel .buttonAdmin { width: 50px; } .WaGadgetMobilePanel .mobilePanel .menuInner { max-height: calc(100vh - 52px); overflow-y: scroll; width: 100%; /*max-width: 449px;*/ max-width: 498px; /*border-right: 1px solid var( --color-grey-light );*/ } @media (max-width: 991px) { .WaGadgetMobilePanel .mobilePanel .menuInner { max-width: 100%; border: 0; } } .WaGadgetMobilePanel .mobilePanel .menuInner, .WaGadgetMobilePanel .mobilePanel .loginInner { background: var( --color-blue ); border-top: 0; /*border-bottom: 1px solid var( --color-grey-light );*/ /*margin-top: 1px;*/ } .WaGadgetMobilePanel .mobilePanel .loginInner { background: var( --color-blue-deep ); } .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel { background: transparent; border-top: 0; } .WaGadgetMobilePanel .mobilePanel .loginInner { width: 100%; padding: 0; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm { width: auto; padding: 42px 50px 60px 50px; text-align: center; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .generalLoginBox { width: 293px; margin: 0 auto; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl'] { width: 275px; border-color: var( --color-blue-light ) !important; outline: 0; transition: all .3s ease-in-out; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl']:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl']:focus, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl']:active { box-shadow: 0 0 0 4px var( --color-blue ); } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton { max-width: 293px; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .loggedName { margin: 0 0 40px; font-size: 40px; line-height: 37px; font-weight: var( --font-primary-weight-bold ); } @media (max-width:575px) { .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .loggedName { font-size: 34px; line-height: 42px; } } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .viewProfile a:before, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .changePassword a:before, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .loggedAction a:before { display: block; font: normal 41px/70px WA-theme-icons !important; text-align: center; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .viewProfile a:before { content: '\e620'; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .changePassword a:before { content: '\e627'; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .loggedAction a:before { content: '\e649'; } .WaGadgetMobilePanel .mobilePanel .mobilePanelButton, .WaGadgetMobilePanel .mobilePanel .loginInner, .WaGadgetMobilePanel .mobilePanel .loginInner .generalLoginBox a, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated a, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label, .WaGadgetMobilePanel .mobilePanel .buttonMenu, .WaGadgetMobilePanel .mobilePanel .buttonLogin, #id_HeaderSearch.WaGadgetSiteSearch .searchBoxField, #id_HeaderSearch.WaGadgetSiteSearch .searchBoxField::placeholder { font-size: 16px; font-weight: var( --font-primary-weight-bold ); color: var( --color-white ) !important; text-decoration: none; } .WaGadgetMobilePanel .mobilePanel .loginInner .generalLoginBox a:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated a:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:hover { color: var( --color-white ); } .WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li:hover>.item>a, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul li:hover>.item>a, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a { color: var( --color-white ); } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:before { color: var( --color-blue ) !important; border: 2px solid var( --color-blue-light ); border-radius: 6px; width: 25px; height: 25px; font-size: 16px; line-height: 25px; margin: -5px 6px 0 0; top: 5px; position: relative; transition: all .3s ease-in-out; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:hover:before, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:focus:before, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:active:before { box-shadow: 0 0 0px 4px var( --color-blue ); } .WaGadgetMobilePanel .mobilePanel .loginInner .generalLoginBox a, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated a { position: relative; line-height: 22px; display: inline-block; z-index: 1; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .viewProfile, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .changePassword { margin-right: 43px; } @media (max-width: 480px) { .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm { padding-left: 15px; padding-right: 15px; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .viewProfile, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .changePassword, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .loggedAction { display: block; margin-right: 0; margin-bottom: 15px; } } .WaGadgetMobilePanel .mobilePanel .menuInner, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li>.item>a, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a { font-size: 14px; line-height: 1em; text-transform: none; font-family: var( --font-primary ); font-weight: var( --font-primary-weight-bold ); letter-spacing: 0; color: var( --color-white ); } .WaGadgetMobilePanel .mobilePanel .menuInner ul li a { transition: all .3s ease-in-out; } .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel { padding: 0; } .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li { border-top: 1px solid var( --color-black-trans-alt ); } .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li:first-child { border: 0; } .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li>.item>a { padding: 26px 42px; } .WaGadgetMobilePanel .mobilePanel .menuInner ul ul { background-color: var( --color-black-trans-alt ) !important; } .WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a { padding: 22px 42px 22px 62px; border-left: 6px solid var( --color-black-trans-alt ); } .WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li>.item>a { padding: 22px 42px 22px 86px; border-left: 12px solid var( --color-black-trans-alt ); } @media (max-width: 575px) { .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li>.item>a { padding-left: 16px; } .WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a { padding-left: 32px; } .WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li>.item>a { padding-left: 54px; } } .WaGadgetMobilePanel .mobilePanel .menuInner ul>li>.item>a:hover { background-color: var( --color-black-trans-alt ); } body.publicContentView #id_HeaderSearch, body.memberContentView #id_HeaderSearch { position: fixed; top: 0px; height: 50px; width: 300px; z-index: 555555; margin: 0 auto; left: 232px; } #id_HeaderSearch.WaGadgetSiteSearch .searchBox, #id_HeaderSearch.WaGadgetSiteSearch .searchBoxFieldContainer, #id_HeaderSearch.WaGadgetSiteSearch .searchBoxField { width: 100%; } #id_HeaderSearch.WaGadgetSiteSearch .autoSuggestionBox { min-width: 100%; margin-top: 1px; } #id_HeaderSearch.WaGadgetSiteSearch .searchBoxField { height: 50px; padding-left: 50px !important; border: 0 !important; border-radius: 0 !important; background-color: transparent; } #id_HeaderSearch.WaGadgetSiteSearch .searchBoxField:focus, #id_HeaderSearch.WaGadgetSiteSearch .searchBoxField:active { outline: none; } #id_HeaderSearch.WaGadgetSiteSearch .searchBoxFieldContainer:before { font-size: 21px; width: 50px; left: 0; text-align: center; color: var( --color-white ); } body.adminContentView #id_HeaderSearch { position: relative; width: calc(100% + 88px); left: -44px; z-index: 101; } body.adminContentView #id_HeaderSearch.WaGadgetSiteSearch .searchBoxField { padding-left: 76px !important; border: 0; background-color: var( --color-blue-light ); } body.adminContentView #id_HeaderSearch.WaGadgetSiteSearch .searchBoxFieldContainer:before { left: 28px; } @media (max-width: 991px) { #id_HeaderSearch.WaGadgetSiteSearch, body.publicContentView #id_HeaderSearch, body.memberContentView #id_HeaderSearch { position: relative; width: calc(100% + 88px); left: -44px; z-index: 101; } #id_HeaderSearch.WaGadgetSiteSearch .searchBoxField { padding-left: 76px !important; border: 0; background-color: var( --color-blue-light ); } #id_HeaderSearch.WaGadgetSiteSearch .searchBoxFieldContainer:before { left: 28px; } } @media (max-width: 575px) { #id_HeaderSearch.WaGadgetSiteSearch .searchBoxFieldContainer:before { left: 0; } #id_HeaderSearch.WaGadgetSiteSearch .searchBoxField { padding-left: 50px !important; } } /* Header */ .zoneHeader1 { padding-top: 50px; } #id_Header .WaLayoutSeparator + .WaLayoutItem [class*="WaGadget"], #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel { float: right; } #id_Header .WaLayoutSeparator + .WaLayoutItem:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; font-size: 0; content: ''; } #id_HeaderLogo img { /*width: 186px !important;*/ width: 152px !important; max-width: 100% !important; height: auto !important; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:first-child { display: none; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li { padding-right: 8px; } /* Use this if disabling main menu parent links */ /*#id_HeaderMenu.WaGadgetMenuHorizontal .menuInner > ul.firstLevel > li.dir > .item > a { cursor: default; }*/ #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a { font-size: 21px !important; font-family: var( --font-secondary ) !important; color: var( --color-blue-deep ); transition: all .3s ease-in-out; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a { font-weight: var( --font-secondary-weight-medium ) !important; text-transform: unset; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a { color: var( --color-blue-deep ); } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a { color: var( --color-orange ); } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a { padding-bottom: 24px; } /* makes the last main menu item extra for logged in users */ /* assumes the last item is the "Members" area page */ body:not(.publicContentView) #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:last-child>.item>a { padding-top: 11px; } body:not(.publicContentView) #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:last-child>.item>a>span { border-color: var( --color-orange ) !important; border-style: solid !important; border-width: 3px !important; padding: 0 24px !important; height: 50px !important; line-height: 50px !important; border-radius: 100px !important; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item>a span:after, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner .firstLevel>li ul li.dir>.item>a:before, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner .firstLevel>li.last-child ul li.dir>.item>a:before { font-size: 22px !important; height: 25px; line-height: 24px; color: var( --color-blue-deep ) !important; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); content: '\f105'; font-family: var( --font-wa-font-awesome ) !important; font-weight: inherit; transition: all .3s ease-in-out; position: relative; top: 2px; left: 3px; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner .firstLevel>li ul li.dir>.item { position: relative; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner .firstLevel>li ul li.dir>.item>a:before { position: absolute; top: 6px; left: auto; right: 13px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner .firstLevel>li.last-child ul li.dir>.item>a:before { position: absolute; top: 6px; left: 13px; right: auto; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item:hover>a span:after, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner .firstLevel>li ul li.dir>.item:hover>a:before, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner .firstLevel>li.last-child ul li.dir>.item:hover>a:before { color: var( --color-orange ) !important; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul li.dir>.item>a span:after, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner .firstLevel>li.last-child ul li.dir>.item>a>span:before, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner .firstLevel>li:last-child ul li.dir>.item>a>span:before { content: unset; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner li>.item:hover>ul, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner li>.item:hover>ul ul { width: 300px; min-width: 300px; padding-top: 8px; border: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner li>.item:hover>ul ul { margin-top: -26px; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner li>.item>ul li { padding: 0px 20px; background-color: var( --color-white ) !important; opacity: 0; -ms-transform: translateY(13px); -webkit-transform: translateY(13px); transform: translateY(13px); transition: all .3s ease-in-out; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner li>.item>ul>li:first-child { padding-top: 16px; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner li > .item > ul > li:last-child { padding-bottom: 16px; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner li>.item:hover>ul>li:first-child { border-top: 2px solid var( --color-orange ); } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>ul>li, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul>li>.item:hover>ul>li { opacity: 1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a { background-color: transparent !important; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul > li > .item > a { color: var( --color-blue-deep ); background-color: var( --color-white ) !important; font-size: 15px !important; font-family: var( --font-primary ) !important; font-weight: var( --font-primary-weight-medium ) !important; padding: 10px 0px; text-transform: unset; transition: color .3s ease-in-out; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul > li > .item:hover > a { color: var( --color-orange ); background-color: var( --color-white ) !important; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul > li.sel > .item > a, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul > li.sel > .item:hover > a, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul > li.sel:hover > .item > a { color: var( --color-orange ); } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a>span { font-weight: var( --font-secondary-weight-medium ) !important; text-transform: unset; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul li>.item:hover>a>span, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a>span { font-weight: var( --font-secondary-weight-medium ) !important; } #id_HeaderMenuSearch .searchBoxFieldContainer input { display: none; } #id_HeaderMenuSearch.WaGadgetSiteSearch .searchBoxFieldContainer { cursor: pointer; } #id_HeaderMenuSearch.WaGadgetSiteSearch .searchBoxFieldContainer:before { font-size: 21px; line-height: 23px; color: var( --color-blue-deep ); position: static; transition: all .3s ease-in-out; } #id_HeaderMenuSearch.WaGadgetSiteSearch .searchBoxFieldContainer:hover:before { color: var( --color-orange ); } @media (max-width: 1200px) { #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a { font-size: 20px !important; } } @media (max-width: 991px ) { #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner li>.item:hover>ul, #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner li>.item:hover>ul ul { padding-top: 0; } #id_HeaderMenu.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a { font-size: 18px !important; } } /* Footer */ #id_FooterLogo img { width: 254px !important; max-width: 100% !important; height: auto !important; } .zoneFooter2 { /*border-bottom: 8px solid var( --color-orange );*/ background: var( --gradient-default ); background: var( --gradient-basic ); padding-bottom:8px; } .zoneFooter2 > div { background: var( --color-white ); } .zoneFooter2 .WaLayoutTable .WaLayoutSeparator { border-left: 1px solid var( --color-black-trans-alt ); padding-right: 10px; } @media (max-width: 767px) { /*.zoneFooter2 { padding-bottom: 40px; }*/ .zoneFooter2 > div { padding-bottom: 20px; } .zoneFooter2 .WaLayoutTable .WaLayoutPlaceHolder > div { padding-bottom: 30px !important; } .zoneFooter2 .WaLayoutTable .WaLayoutSeparator { display: block !important; width: 100% !important; border-top: 1px solid var( --color-black-trans-alt ); border-left: 0; padding-right: 0px; padding-top: 30px; } #id_FooterLogo img { width: 152px !important; } #id_FooterLogo .gadgetStyleBody { padding-bottom: 0 !important; } } .zoneFooter2 .WaContentDivider { width: 35px; } /* Text, Links, Buttons */ body, td, p, li, a, blockquote, .quotedText, h1, h2, h3, h4, h5 { font-family: var( --font-primary ) !important; font-weight: var( --font-primary-weight) ; /*color: var( --color-black-text );*/ color: var( --color-black ); font-optical-sizing: auto; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gadgetStyleNone, .gadgetStyle001, .gadgetStyle002, .gadgetStyleTheme, .gadgetSystem { font-size: 16px; line-height: 24px; font-family: var( --font-primary ); } #idPrimaryContentBlock1Content .gadgetStyleNone, #idPrimaryContentBlock1Content .gadgetStyle001, #idPrimaryContentBlock1Content .gadgetStyle002, #idPrimaryContentBlock1Content .gadgetStyleTheme, #idPrimaryContentBlock1Content .gadgetSystem { font-size: 20px; line-height: 28px; font-family: var( --font-secondary ); font-weight: var( --font-secondary-weight-medium ); } #idPrimaryContentBlock1Content td, #idPrimaryContentBlock1Content p, #idPrimaryContentBlock1Content li, #idPrimaryContentBlock1Content blockquote, #idPrimaryContentBlock1Content .quotedText { font-family: var( --font-secondary ) !important; font-weight: var( --font-secondary-weight-medium ); } h1 { margin: 0 0 20px 0 !important; padding: 0 15px !important; font-size: clamp(3rem,0.65625rem + 7.5vw,6.375rem) !important; line-height: 1.2 !important; /*display: inline-block;*/ font-family: var( --font-secondary ) !important; font-weight: var( --font-secondary-weight ) !important; text-transform: none !important; } h1:not(.promo) { text-align: center; } h1, .gadgetStyle001 h1:not(.promo) { color: var( --color-blue ); } h1.promo, .gadgetStyle001 h1.promo, .gadgetStyle002 h1.promo { margin: 0 0 20px 0 !important; padding: 0 !important; font-size: clamp(6.125rem,1.78472rem + 11.8888888889vw,12.375rem) !important; line-height: .9 !important; /*display: inline-block;*/ font-family: var( --font-tertiary ) !important; font-weight: var( --font-tertiary-weight ) !important; text-transform: uppercase !important; color: var( --color-blue ); background-image: none !important; } .number h1.promo { font-size: clamp(3.125rem,1.78472rem + 11.8888888889vw,6.375rem) !important; } @media (max-width:767px) { h1.promo, .gadgetStyle001 h1.promo, .gadgetStyle002 h1.promo { font-size: clamp(3.125rem,1.78472rem + 11.8888888889vw,6.375rem) !important; } } h2 { color: var( --color-blue ); margin: 0 0 10px 0 !important; padding: 0 !important; font-size: 48px !important; line-height: 1.2 !important; /*display: inline-block;*/ font-family: var( --font-secondary ) !important; font-weight: var( --font-secondary-weight-medium ) !important; text-transform: none !important; } h1 + .break { margin-top: -34px; } h2 + .break { margin-top: -14px; } h1,/* h2,*/ .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .loggedName span { background-image: linear-gradient( to bottom, var( --color-blue-trans-alt ), var( --color-blue-trans-alt ) ); background-position: 0px 0.6em; background-repeat: repeat-x; background-size: 1px 0.5em; } .gadgetStyle002 h1/*, .gadgetStyle002 h2*/ { background-image: linear-gradient( to bottom, var( --color-blue-trans-light ), var( --color-blue-trans-light ) ); } #id_Header1 .gadgetStyle001 h1 { background-image: linear-gradient( to bottom, var( --color-blue-trans-light ), var( --color-blue-trans-light ) ); } #id_Header1 .gadgetStyle002 h1 { background-image: linear-gradient( to bottom, var( --color-blue-trans-light ), var( --color-blue-trans-light ) ); } .WaGadgetSlideshow h1, #id_Header1 .WaGadgetSlideshow h1 { background-image: none !important; } @media (max-width:575px) { h1, h2, .gadgetStyle002 h1, .gadgetStyle002 h2 { background-image: none; } } .WaGadgetEventsStateList h1.pageTitle, .WaGadgetEventsStateCalendar h1.pageTitle, .WaGadgetOnlineStoreProduct .OnlineStoreProduct_title_container h1 { background-image: none !important; line-height: 1 !important; float: left; margin: 0; background-color: transparent!important; font-size: 36px !important; } .WaGadgetOnlineStoreProduct .OnlineStoreProduct_title_container h1 { float:none; margin-bottom: 50px !important; } .WaGadgetEventsStateList h1.pageTitle a, .WaGadgetEventsStateCalendar h1.pageTitle a { left: 10px; } h2 { background-position: 0px 0.4em; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated .loggedName span { background-image: linear-gradient( to bottom, var( --color-blue-trans-light ), var( --color-blue-trans-light ) ); background-position: 0px 0.5em; color: var( --color-white ); font-family: var( --font-secondary ) !important; font-weight: var( --font-secondary-weight-medium ) !important; } h3 { margin: 0 !important; padding: 0 !important; font-size: 32px !important; line-height: 40px !important; font-family: var( --font-secondary ) !important; font-weight: var( --font-secondary-weight-medium ) !important; color: var( --color-blue ); } h4, .formTitleOuterContainer h3.formTitle, .WaGadgetEventsStateList h3.sectionTitle, .WaGadgetEventsStateCalendar .sectionTitle { margin: 0 !important; padding: 0 !important; font-size: 24px !important; line-height: 36px !important; text-transform: none !important; font-family: var( --font-secondary ) !important; font-weight: var( --font-secondary-weight-bold-extra ) !important; color: var( --color-blue ); } .blogPostBody h4 { padding-top: 35px !important; margin-bottom: 20px !important; } .WaGadgetEventsStateList h3.sectionTitle, .WaGadgetEventsStateCalendar .sectionTitle { color: var( --color-black ); } h5 { margin: 0 0 6px 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 17px !important; text-transform: uppercase !important; letter-spacing: .1em !important; font-family: var( --font-primary ) !important; font-weight: var( --font-primary-weight-bold ) !important; color: var( --color-blue ); } .genericListTable tbody .memberValue h5, .membersTable tbody .memberValue h5 { margin-bottom: 0 !important; } .genericListTable tbody .memberValue, .membersTable tbody .memberValue, #idPrimaryContentBlock1Content .genericListTable tbody .memberValue h5 a, #idPrimaryContentBlock1Content .membersTable tbody .memberValue h5 a, #idPrimaryContentBlock1Content .genericListTable tbody .memberValue a:not(.stylizedButton), #idPrimaryContentBlock1Content .membersTable tbody .memberValue a:not(.stylizedButton) { margin: 0 !important; padding: 0 !important; font-size: 16px !important; line-height: 24px !important; color: var( --color-black ) !important; text-transform: none !important; font-family: var( --font-secondary ) !important; letter-spacing: 0 !important; } .genericListTable tbody .memberValue, .membersTable tbody .memberValue, #idPrimaryContentBlock1Content .genericListTable tbody .memberValue h5 a, #idPrimaryContentBlock1Content .membersTable tbody .memberValue h5 a, #idPrimaryContentBlock1Content .genericListTable tbody .memberValue a:not(.stylizedButton) , #idPrimaryContentBlock1Content .membersTable tbody .memberValue a:not(.stylizedButton) { font-size: 18px !important; } .gadgetStyle002 td, .gadgetStyle002 p, .gadgetStyle002 li, .gadgetStyle002 div { /*color: var( --color-white-text );*/ color: var( --color-white ); } .gadgetStyle002 blockquote, .gadgetStyle002 .quotedText, .gadgetStyle002 h1, .gadgetStyle002 h1:not(.promo), .gadgetStyle002 h2, .gadgetStyle002 h3, .gadgetStyle002 h4, .gadgetStyle002 h5, #id_Header1 .gadgetStyle002 h1, #id_Header1 .gadgetStyle002 h2, #id_Header1 .gadgetStyle002 h3, #id_Header1 .gadgetStyle002 h4, #id_Header1 .gadgetStyle002 h5, #id_Header1 .gadgetStyle002 p, #id_Header1 .gadgetStyle002 div, .WaGadgetSlideshow h1, .WaGadgetSlideshow h2, .WaGadgetSlideshow h3, .WaGadgetSlideshow h4, .WaGadgetSlideshow h5, .WaGadgetSlideshow p, .WaGadgetSlideshow div { color: var( --color-white ); } .gadgetStyle001 .contStyleCaption, .gadgetStyle001 .contStyleCaptionAlt { color: var( --color-blue-light ); } .gadgetStyle002 .contStyleCaption, .gadgetStyle002 .contStyleCaptionAlt { /*color: var( --color-white-trans-light );*/ color: var( --color-white-text ); } .gadgetStyleNone .contStyleCaption, .gadgetStyleNone .contStyleCaptionAlt, .gadgetStyle001 .contStyleCaption, .gadgetStyle001 .contStyleCaptionAlt, .gadgetStyle002 .contStyleCaption, .gadgetStyle002 .contStyleCaptionAlt { font-size: 18px; } .gadgetStyleNone .contStyleSmaller, .gadgetStyle001 .contStyleSmaller, .gadgetStyle002 .contStyleSmaller, #idPrimaryContentBlock1Content .contStyleSmaller { font-size: 16px; line-height: 23px; font-family: var( --font-primary ) !important; font-weight: var( --font-primary-weight-medium ); } .gadgetStyleNone blockquote, .gadgetStyleNone .quotedText, .gadgetStyle001 blockquote, .gadgetStyle001 .quotedText, .gadgetStyle002 blockquote, .gadgetStyle002 .quotedText, #idPrimaryContentBlock1Content blockquote, #idPrimaryContentBlock1Content .quotedText { font-size: 28px; line-height: 38px; font-style: italic; color: var( --color-blue ); margin: 0 !important; } .gadgetStyle002 blockquote, .gadgetStyle002 .quotedText, #idPrimaryContentBlock1Content .gadgetStyle002 blockquote, #idPrimaryContentBlock1Content .gadgetStyle002 .quotedText { color: var( --color-white ); } .WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedOn, .pagerOuterContainer .linkCurrent, .pagerOuterContainer a:hover { color: var( --color-black-text ); } .hide-meta .boxBodyInfoOuterContainer h5, .hide-meta .boxBodyInfoOuterContainer h5 * { visibility: hidden !important; } .hide-meta ul li .date, .hide-meta ul li .author { display: none !important; } .hide-meta-author .postedByLable, .hide-meta-author .postedByLink, .hide-meta-author .author, .hide-meta-author .date:after { display: none !important; } .hide-meta .boxBodyInfoOuterContainer h5 { margin-bottom: -30px !important; } @media (max-width: 991px) { #id_Header1 h1:not(.promo), #id_Header1 h2 { font-size: 42px !important; line-height: 48px !important; background-position: 0 0.8em; } #id_Header1 h3 { font-size: 28px !important; line-height: 35px !important; } } @media (max-width: 767px) { h1 { font-size: 42px !important; line-height: 48px !important; } h2, #id_Header1 h2 { font-size: 34px !important; line-height: 40px !important; } h3 { font-size: 28px !important; line-height: 35px !important; } #id_Header1 h3 { font-size: 24px !important; line-height: 30px !important; } h4, .formTitleOuterContainer h3.formTitle, .WaGadgetEventsStateList h3.sectionTitle, .WaGadgetEventsStateCalendar .sectionTitle { font-size: 21px !important; line-height: 33px !important; } #idPrimaryContentBlock1Content [class*=WaGadget]:has(.gadgetStyleBody h1:not(.promo)) + div:not(.WaGadgetSlideshow, [style*="background"]) { margin-top: -35px !important; } } @media (max-width: 616px) { h2, #id_Header1 h2 { font-size: 28px !important; line-height: 34px !important; } #id_Header1 h3 { font-size: 22px !important; line-height: 28px !important; } .gadgetStyleNone blockquote, .gadgetStyleNone .quotedText, .gadgetStyle001 blockquote, .gadgetStyle001 .quotedText, .gadgetStyle002 blockquote, .gadgetStyle002 .quotedText, #idPrimaryContentBlock1Content blockquote, #idPrimaryContentBlock1Content .quotedText { font-size: 22px; line-height: 34px; } } @media (max-width: 475px) { #id_Header1 h1:not(.promo), #id_Header1 h2 { font-size: 22px !important; line-height: 26px !important; background: transparent none; } #id_Header1 h1 + .break, #id_Header1 h2 + .break { margin-top: -20px; } .number .promo br { display: none; } } h1 + p, h2 + p, h3 + p, h4 + p { margin-top: 6px !important; } .zoneFooter2 .WaGadgetHeadline p { color: var( --color-black ); font-weight: bold; font-size: 11px; line-height: 16px; margin-bottom: 15px; text-transform: uppercase; } .zoneFooter2 *, .zoneFooter2 p, .zoneFooter2 .WaGadgetCustomMenu.menuStyleNone .orientationVertical li a { color: var( --color-black ); font-size: 12px; line-height: 18px; } a, a:hover, .commonMessageBox .cww-co A:link, .commonMessageBox A:active, .commonMessageBox .cww-co A:visited, .commonMessageBox .cww-co A:hover, div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a, div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:link, div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:active, div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:visited { color: var( --color-black ); text-decoration: none !important; position: relative; z-index: 1; } .commonMessageBox .cww-co A:link, .commonMessageBox A:active, .commonMessageBox .cww-co A:visited, .commonMessageBox .cww-co A:hover, div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a, div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:link, div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:active, div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:visited, .WaGadgetForumStateMessageList .controlPanel .replyNumberSpan a, .WaGadgetForumStateMessageList .controlPanel .replyNumberSpan a:hover { color: var( --color-black ) !important; } .WaGadgetContent a, .gadgetSystem a { font-weight: var( --font-primary-weight-bold ) !important; } #idPrimaryContentBlock1Content .WaGadgetContent td a:not(.stylizedButton), #idPrimaryContentBlock1Content .gadgetSystem td a:not(.stylizedButton), #idPrimaryContentBlock1Content .WaGadgetContent p a:not(.stylizedButton), #idPrimaryContentBlock1Content .gadgetSystem p a:not(.stylizedButton), #idPrimaryContentBlock1Content .WaGadgetContent li a:not(.stylizedButton), #idPrimaryContentBlock1Content .gadgetSystem li a:not(.stylizedButton), #idPrimaryContentBlock1Content .WaGadgetContent div a:not(.stylizedButton), #idPrimaryContentBlock1Content .gadgetSystem div a:not(.stylizedButton) { font-size: 16px !important; } #idPrimaryContentBlock1Content .WaGadgetContent h1 a:not(.stylizedButton), #idPrimaryContentBlock1Content .WaGadgetContent h2 a:not(.stylizedButton), #idPrimaryContentBlock1Content .WaGadgetContent h3 a:not(.stylizedButton), #idPrimaryContentBlock1Content .WaGadgetContent h4 a:not(.stylizedButton), #idPrimaryContentBlock1Content .WaGadgetContent h5 a:not(.stylizedButton), #idPrimaryContentBlock1Content .gadgetSystem h1 a:not(.stylizedButton), #idPrimaryContentBlock1Content .gadgetSystem h2 a:not(.stylizedButton), #idPrimaryContentBlock1Content .gadgetSystem h3 a:not(.stylizedButton), #idPrimaryContentBlock1Content .gadgetSystem h4 a:not(.stylizedButton), #idPrimaryContentBlock1Content .gadgetSystem h5 a:not(.stylizedButton) { font-size: inherit !important; font-family: inherit !important; font-weight: var( --font-secondary-weight-bold ) !important; } .WaGadgetUpcomingEvents ul li .title a:hover, .WaGadgetRecentBlogPosts ul li .title a:hover, .WaGadgetForumUpdates ul li .title a:hover, .zoneFooter2 a:hover { text-decoration: underline !important; } .zoneFooter2 a:after { display: none; } .WaGadgetMobilePanel .mobilePanel .loginInner .generalLoginBox a:after, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated a:after, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:after, .WaGadgetMobilePanel .mobilePanel .buttonMenu:after, .WaGadgetMobilePanel .mobilePanel .buttonLogin:after, .autoSuggestionBox a:after, .WaGadgetContent:not(.noBorder) a:not(.stylizedButton):not(.noBorder):after, .gadgetSystem:not(.noBorder) a:not(.stylizedButton):not(.noBorder):not(.backLink):not(.rssFeedLabel):after { content: ''; position: absolute; height: 3px; width: 100%; background-color: var( --color-orange ); z-index: -1; left: 0; right: 0; bottom: 0; } .WaGadgetMobilePanel .mobilePanel .loginInner .generalLoginBox a:after, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated a:after, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:after, .WaGadgetMobilePanel .mobilePanel .buttonMenu:after, .WaGadgetMobilePanel .mobilePanel .buttonLogin:after { background-color: var( --color-orange ); } .WaGadgetContent.gadgetStyle002:not(.noBorder) a:not(.stylizedButton):not(.noBorder):after, .gadgetSystem.gadgetStyle002:not(.noBorder) a:not(.stylizedButton):not(.noBorder):not(.backLink):not(.rssFeedLabel):after { background-color: var( --color-blue-light ); } .WaGadgetMobilePanel .mobilePanel .loginInner .generalLoginBox a:hover:after, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerAuthenticated a:hover:after, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:hover:after, .WaGadgetMobilePanel .mobilePanel .buttonMenu:hover:after, .WaGadgetMobilePanel .mobilePanel .buttonLogin:hover:after, .WaGadgetContent:not(.noBorder) a:not(.stylizedButton):not(.noBorder):hover:after, .gadgetSystem:not(.noBorder) a:not(.stylizedButton):not(.noBorder):not(.backLink):not(.rssFeedLabel):hover:after { height: 12px; } .autoSuggestionBox a:hover:after { height: 8px; } a.OnlineStoreCatalog_list_item_link:after, .WaGadgetOnlineStoreProduct .OnlineStoreProduct_gallery_cover_container:after, .WaGadgetOnlineStoreProduct #OnlineStoreProduct_gallery_thumbs a:after, a.storeCartControlNav__back { display: none; } .WaGadgetOnlineStoreProduct #OnlineStoreProduct_gallery_thumbs a { line-height:1; } .wa-authenticateLoginLink .authenticateLoginText { color: white !important; font-size: 14px !important; font-weight: 400 !important; } @media (max-width:616px) { #idCaptcha, #idReCaptchaContainer { transform: scale(.8) !important; } #idCaptcha { margin: -10px 0 20px -30px !important; } #idReCaptchaContainer { margin: -30px 0 10px -30px !important; } } a.buttonStyle003, a.buttonStyle003:link, a.buttonStyle004, a.buttonStyle004:link, a.buttonStyle005, a.buttonStyle005:link, a.buttonStyle006, a.buttonStyle006:link, a.buttonStyle007, a.buttonStyle007:link, a.buttonStyle008, a.buttonStyle008:link, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, input[value="Register"], input[type="submit"]:not(.loginBoxLogout), .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton, .WaGadgetPhotoAlbumStatePhoto .footerContainer a[id*="EditCaptionLinkButton"], input[value="Cancel"], input[value="Back"], input[value="Reset"], .navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .generalFieldsContainer input.typeButton, .functionalButton[value="Continue"], .functionalButton[name="continue"], .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton, .navigationOuterContainer .navigationContainer a.backLink, input[type="file"]::file-selector-button, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit], .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .commonMessageBox .cww-co .buttons input[type="submit"], .commonMessageBox .cww-co .buttons input.typeButton, .WaGadgetNavigationLinks.memberNav-buttons ul.orientationHorizontal li a, .WaGadgetNavigationLinks.memberNav-buttons ul.orientationHorizontal li a:link { border-color: var( --color-white ) !important; border-style: solid !important; border-width: 3px !important; font-size: 18px !important; font-family: var( --font-primary ); font-weight: var( --font-primary-weight-bold ) !important; padding: 0 24px !important; height: 50px !important; line-height: 50px !important; border-radius: 100px !important; text-transform: none !important; outline: 0; cursor: pointer; transition: all .3s ease-in-out; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, input[value="Register"], input[type="submit"]:not(.loginBoxLogout), .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton, .WaGadgetPhotoAlbumStatePhoto .footerContainer a[id*="EditCaptionLinkButton"], input[value="Cancel"], input[value="Back"], input[value="Reset"], .navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .generalFieldsContainer input.typeButton, .functionalButton[value="Continue"], .functionalButton[name="continue"], .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton, input[type="file"]::file-selector-button, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit], .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .commonMessageBox .cww-co .buttons input[type="submit"], .commonMessageBox .cww-co .buttons input.typeButton { line-height: 0 !important; } .navigationOuterContainer .navigationContainer a.backLink { display: inline-block !important; vertical-align: top !important; box-sizing: border-box; line-height: 44px !important; height: 51px !important; } .WaGadgetNavigationLinks.memberNav-buttons ul.orientationHorizontal li a { display: inline-block !important; } a.buttonStyle003, a.buttonStyle003:link, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, input[value="Register"], input[type="submit"]:not(.loginBoxLogout), .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton, .WaGadgetPhotoAlbumStatePhoto .footerContainer a[id*="EditCaptionLinkButton"], input[value="Cancel"], input[value="Back"], input[value="Reset"], .navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .generalFieldsContainer input.typeButton, .functionalButton[value="Continue"], .functionalButton[name="continue"], .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton, input[type="file"]::file-selector-button, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit], .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .commonMessageBox .cww-co .buttons input[type="submit"], .commonMessageBox .cww-co .buttons input.typeButton { color: var( --color-white ) !important; background-color: var( --color-orange ) !important; border-color: var( --color-orange ) !important; } a.buttonStyle003:hover, a.buttonStyle003:link:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover, input[value="Register"]:hover, input[type="submit"]:not(.loginBoxLogout):hover, .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton:hover, .WaGadgetPhotoAlbumStatePhoto .footerContainer a[id*="EditCaptionLinkButton"]:hover, input[value="Cancel"]:hover, input[value="Back"]:hover, input[value="Reset"]:hover, .navigationOuterContainer .navigationContainer input.nextButton:hover, .navigationOuterContainer .navigationContainer input.typeButton:hover, .navigationOuterContainer .navigationContainer input[type=submit]:hover, .generalFieldsContainer input.typeButton:hover, .functionalButton[value="Continue"]:hover, .functionalButton[name="continue"]:hover, .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton:hover, input[type="file"]::file-selector-button:hover, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit]:hover, .forumPanelOuterContainer .forumPanelContainer input.typeButton:hover, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover, .commonMessageBox .cww-co .buttons input[type="submit"]:hover, .commonMessageBox .cww-co .buttons input.typeButton:hover, a.buttonStyle003:focus, a.buttonStyle003:link:focus, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:focus, input[value="Register"]:focus, input[type="submit"]:not(.loginBoxLogout):focus, .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton:focus, .WaGadgetPhotoAlbumStatePhoto .footerContainer a[id*="EditCaptionLinkButton"]:focus, input[value="Cancel"]:focus, input[value="Back"]:focus, input[value="Reset"]:focus, .navigationOuterContainer .navigationContainer input.nextButton:focus, .navigationOuterContainer .navigationContainer input.typeButton:focus, .navigationOuterContainer .navigationContainer input[type=submit]:focus, .generalFieldsContainer input.typeButton:focus, .functionalButton[value="Continue"]:focus, .functionalButton[name="continue"]:focus, .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton:focus, input[type="file"]::file-selector-button:focus, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:focus, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit]:focus, .forumPanelOuterContainer .forumPanelContainer input.typeButton:focus, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:focus, .commonMessageBox .cww-co .buttons input[type="submit"]:focus, .commonMessageBox .cww-co .buttons input.typeButton:focus, a.buttonStyle003:active, a.buttonStyle003:link:active, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:active, input[value="Register"]:active, input[type="submit"]:not(.loginBoxLogout):active, .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton:active, .WaGadgetPhotoAlbumStatePhoto .footerContainer a[id*="EditCaptionLinkButton"]:active, input[value="Cancel"]:active, input[value="Back"]:active, input[value="Reset"]:active, .navigationOuterContainer .navigationContainer input.nextButton:active, .navigationOuterContainer .navigationContainer input.typeButton:active, .navigationOuterContainer .navigationContainer input[type=submit]:active, .generalFieldsContainer input.typeButton:active, .functionalButton[value="Continue"]:active, .functionalButton[name="continue"]:active, .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton:active, input[type="file"]::file-selector-button:active, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:active, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit]:active, .forumPanelOuterContainer .forumPanelContainer input.typeButton:active, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:active, .commonMessageBox .cww-co .buttons input[type="submit"]:active, .commonMessageBox .cww-co .buttons input.typeButton:active { color: var( --color-orange ) !important; background-color: var( --color-white ) !important; border-color: var( --color-orange ) !important; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton { color: var( --color-white ) !important; background-color: var( --color-orange ) !important; border-color: var( --color-orange ) !important; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:focus, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:active { color: var( --color-orange ) !important; background-color: var( --color-white ) !important; border-color: var( --color-white ) !important; box-shadow: 0 0 0 4px var( --color-blue ) !important; } #mLayout input[value="Cancel"], #mLayout input[value="Back"], #mLayout input[value="Reset"], #mLayout .navigationOuterContainer .navigationContainer a.backLink { color: var( --color-blue-deep ) !important; background-color: var( --color-grey-light ) !important; border-color: var( --color-grey-light ) !important; } #mLayout input[value="Cancel"]:hover, #mLayout input[value="Back"]:hover, #mLayout input[value="Reset"]:hover, #mLayout .navigationOuterContainer .navigationContainer a.backLink:hover { color: var( --color-blue ) !important; background-color: var( --color-blue-trans-light ) !important; border-color: transparent !important; } a.buttonStyle004, a.buttonStyle004:link { color: var( --color-white ) !important; background-color: var( --color-blue-deep ) !important; border-color: var( --color-blue-deep ) !important; } a.buttonStyle004:hover, a.buttonStyle004:link:hover { color: var( --color-blue-deep ) !important; background-color: var( --color-white ) !important; border-color: var( --color-blue-deep ) !important; } a.buttonStyle005, a.buttonStyle005:link { color: var( --color-orange ) !important; background-color: transparent !important; border-color: var( --color-orange ) !important; } a.buttonStyle005:hover, a.buttonStyle005:link:hover { color: var( --color-white ) !important; background-color: var( --color-orange ) !important; border-color: var( --color-orange ) !important; } a.buttonStyle006, a.buttonStyle006:link { color: var( --color-class-purple ) !important; background-color: transparent !important; border-color: var( --color-class-purple ) !important; } a.buttonStyle006:hover, a.buttonStyle006:link:hover { color: var( --color-white ) !important; background-color: var( --color-class-purple ) !important; border-color: var( --color-class-purple ) !important; } a.buttonStyle007, a.buttonStyle007:link, .WaGadgetNavigationLinks.gadgetStyle001.memberNav-buttons ul.orientationHorizontal li a, .WaGadgetNavigationLinks.gadgetStyle001.memberNav-buttons ul.orientationHorizontal li a:link { color: var( --color-blue ) !important; background-color:var( --color-white ) !important; border-color: var( --color-blue ) !important; } a.buttonStyle007:hover, a.buttonStyle007:link:hover, .WaGadgetNavigationLinks.gadgetStyle001.memberNav-buttons ul.orientationHorizontal li a:hover, .WaGadgetNavigationLinks.gadgetStyle001.memberNav-buttons ul.orientationHorizontal li a:link:hover { color: var( --color-white ) !important; background-color: transparent !important; border-color: var( --color-white) !important; } a.buttonStyle008, a.buttonStyle008:link, .WaGadgetNavigationLinks.gadgetStyle002.memberNav-buttons ul.orientationHorizontal li a, .WaGadgetNavigationLinks.gadgetStyle002.memberNav-buttons ul.orientationHorizontal li a:link { color: var( --color-orange ) !important; background-color: var( --color-white ) !important; border-color: var( --color-orange ) !important; } a.buttonStyle008:hover, a.buttonStyle008:link:hover, .WaGadgetNavigationLinks.gadgetStyle002.memberNav-buttons ul.orientationHorizontal li a:hover, .WaGadgetNavigationLinks.gadgetStyle002.memberNav-buttons ul.orientationHorizontal li a:link:hover { color: var( --color-white ) !important; background-color: transparent !important; border-color: var( --color-white ) !important; } #mLayout a.disabled, #mLayout a.disabled:link, #mLayout a.disabled:hover, #mLayout input[disabled], #mLayout input[disabled]:hover { color: var( --color-black-trans-light ) !important; background-color: var( --color-grey-light ) !important; border-color: var( --color-grey-light ) !important; cursor: not-allowed !important; } .stylizedButton + .stylizedButton { margin-bottom: 30px !important; } @media screen and (max-width: 767px) { html:not([class*="WaPlaceHolder"]) a.buttonStyle003, html:not([class*="WaPlaceHolder"]) a.buttonStyle004, html:not([class*="WaPlaceHolder"]) a.buttonStyle007, html:not([class*="WaPlaceHolder"]) a.buttonStyle008, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, input[value="Register"], input[type="submit"]:not(.loginBoxLogout), .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton, .WaGadgetPhotoAlbumStatePhoto .footerContainer a[id*="EditCaptionLinkButton"], input[value="Cancel"], input[value="Back"], input[value="Reset"], .navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .functionalButton[value="Continue"], .functionalButton[name="continue"], .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton, .navigationOuterContainer .navigationContainer a.backLink, input[type="file"]::file-selector-button, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit], .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .commonMessageBox .cww-co .buttons input[type="submit"], .commonMessageBox .cww-co .buttons input.typeButton, .WaGadgetNavigationLinks.memberNav-buttons ul.orientationHorizontal li a { padding: 0px 18px !important; border-width: 3px !important; font-size: 15px !important; height: 40px !important; line-height: 40px !important; } .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, input[value="Register"], input[type="submit"]:not(.loginBoxLogout), .WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton, .WaGadgetPhotoAlbumStatePhoto .footerContainer a[id*="EditCaptionLinkButton"], input[value="Cancel"], input[value="Back"], input[value="Reset"], .navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], input[type="file"]::file-selector-button, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit], .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .commonMessageBox .cww-co .buttons input[type="submit"], .commonMessageBox .cww-co .buttons input.typeButton { line-height: 0 !important; } .navigationOuterContainer .navigationContainer a.backLink { line-height: 34px !important; } } @media screen and (max-width: 475px) { .navigationOuterContainer .navigationContainer a.backLink { margin-top: 0px; } } /* Gadgets */ [class*='EditableArea'] img[align="left"], [class*='EditableArea'] img[align="right"] { margin-top: 0; margin-bottom: 20px; } [class*='EditableArea'] img[align="left"] { margin-left: 0; margin-right: 35px; } [class*='EditableArea'] img[align="right"] { margin-left: 35px; margin-right: 0; } .gadgetStyle001.WaGadgetHeadline .gadgetStyleBody, .gadgetStyle002.WaGadgetHeadline .gadgetStyleBody { padding: 28px 30px 0; } .gadgetStyle001 .gadgetStyleBody, .gadgetStyle002 .gadgetStyleBody, .gadgetThemeStyle .gadgetStyleBody, .gadgetThemeStyle2 .gadgetStyleBody, .gadgetSystem { padding: 28px 30px 32px; } @media (max-width:767px) { .gadgetStyle001 .gadgetStyleBody, .gadgetStyle002 .gadgetStyleBody, .gadgetThemeStyle .gadgetStyleBody, .gadgetThemeStyle2 .gadgetStyleBody, .gadgetSystem { padding: 18px 30px 22px; } .gadgetStyle001.WaGadgetHeadline .gadgetStyleBody, .gadgetStyle002.WaGadgetHeadline .gadgetStyleBody { padding: 18px 30px 0; } } .shrinkWrap-layout .gadgetSystem { padding-left: 0 !important; padding-right: 0 !important; } .WaGadgetDonationGoal.donationGoalStyle002, .WaGadgetDonationGoal.donationGoalStyle003 { padding: 32px 30px 5px; } .WaGadgetSocialProfile.gadgetThemeStyle .orientationHorizontal, .WaGadgetSocialProfile.gadgetThemeStyle2 .orientationHorizontal { margin: 0 0 0 -17px; } .WaGadgetSocialProfile.gadgetThemeStyle .orientationHorizontal:before, .WaGadgetSocialProfile.gadgetThemeStyle2 .orientationHorizontal:before { margin: 0 0 -15px; } .WaGadgetSocialProfile.gadgetThemeStyle .orientationHorizontal li, .WaGadgetSocialProfile.gadgetThemeStyle2 .orientationHorizontal li { margin: 15px 0 0 17px; } .WaGadgetSocialProfile.gadgetThemeStyle li a, .WaGadgetSocialProfile.gadgetThemeStyle2 li a { position: relative; display: inline-block; width: 50px; height: 50px; background: transparent; color: var( --color-orange ); font-family: var( --font-wa-theme-icons ) !important; font-size: 24px; text-decoration: none; line-height: 50px; vertical-align: top; border: 3px solid var( --color-orange ); border-radius: 50% 50%; transition: all .3s ease-in-out; } .WaGadgetSocialProfile.gadgetDefaultStyle li a { width: 34px; height: 34px; background-color: transparent !important; color: var( --color-black ) !important; font-family: var( --font-wa-theme-icons ) !important; font-size: 17px; border: 2px solid var( --color-black ); border-radius: 50%; line-height: 34px; transition: all .3s ease-in-out; } .WaGadgetSocialProfile.gadgetDefaultStyle li a:hover { color: var( --color-orange ) !important; border-color: var( --color-orange ) !important; } @media screen and (max-width: 767px) { .WaGadgetSocialProfile.gadgetThemeStyle li a, .WaGadgetSocialProfile.gadgetThemeStyle2 li a { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } } .WaGadgetSocialProfile.gadgetThemeStyle li a:hover { border-color: var( --color-orange ); background-color: var( --color-white ); color: var( --color-orange ); } .WaGadgetSocialProfile.gadgetThemeStyle2 li a { border-color: var( --color-blue ); color: var( --color-blue ); } .WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover { border-color: var( --color-orange ); background-color: var( --color-white ); color: var( --color-orange ); } .zoneFooter2 .WaGadgetSocialProfile.gadgetThemeStyle li a, .zoneFooter2 .WaGadgetSocialProfile.gadgetThemeStyle2 li a { width: 24px; height: 24px; font-size: 14px; line-height: 24px; border-width: 2px; } .WaGadgetCustomMenu.menuStyleNone .orientationVertical li:before { display: none; } i.icon { font-family: var( --fontsysicon ) !important; } .dual-icons .gadgetStyleBody { padding-bottom: 20px; } .dual-icons, .dual-icons .gadgetStyleBody { overflow: visible; } .dual-icons font[data-unicode] + font[data-unicode] { position: relative; top: 18px; left: -12px; } .iconBlurbs { text-align:center; } .iconBlurbs table, .iconBlurbs tbody, .iconBlurbs tr, .iconBlurbs td, .iconBlurbs td > div, .iconBlurbs td > div > div { height: 100%; box-sizing: border-box; } .iconBlurbs td > div > div { display: flex; flex-direction: column; } .iconBlurbs td > div > div > .WaGadgetContent:not(:first-child) { margin-top: auto; margin-bottom: auto; } .iconBlurbs td > div > div > .WaGadgetContent:last-child { margin-top: 0; margin-bottom: 0; } .iconBlurbs a.stylizedButton { margin-bottom: 0; } .iconBlurbs td:not(:first-child,.WaLayoutSeparator) { border-left: 1px solid var( --color-blue-trans-light ); } .divider:not(.removeBottomBorder) table { border-bottom: 1px solid var( --color-blue-trans-light ); } .divider td:not(:last-child,.WaLayoutSeparator) { border-right: 1px solid var( --color-blue-trans-light ); } @media (max-width: 767px) { .iconBlurbs td:not(:first-child,.WaLayoutSeparator) { border-left: 0; } .iconBlurbs td:not(:first-child) { border-top: 1px solid var( --color-blue-trans-light ); } .iconBlurbs td:not(:first-child) .WaLayoutPlaceHolder > div { padding-top: 0px !important; } .divider td:not(:last-child,.WaLayoutSeparator) { border-right: 0; } .divider td:not(:last-child) { border-bottom: 1px solid var( --color-blue-trans-light ); } /*.divider td:not(:last-child) .WaLayoutPlaceHolder > div { padding-bottom: 10px !important; }*/ .divider:has(.quotePic) td { border: 0 !important; } } /* temp fixes for when slideshows fail to load */ .WaLayoutItem:has(.camera_src) { width: 0 !important; } .WaLayoutItem:has(.camera_src.camerastarted) { width: initial !important; } .camera_target { opacity: 0; transition: opacity 1s ease-in; } .camera_src.camerastarted + .camera_target { opacity: 1; } /* end temp fixes for when slideshows fail to load */ .camera_wrap { background: var( --color-blue ); margin-bottom: 0 !important; } /*#id_Header1 .ratio21_9 .camera_wrap*/ .ratio21_9 .camera_wrap { min-height: calc(100vw / (21 / 9)) !important; height: calc(100vw / (21 / 9)) !important; } /* temp fixes for when slideshows fail to load */ .camera_wrap:not(:has(.camerastarted)), .ratio21_9 .camera_wrap:not(:has(.camerastarted)) { min-height: 0 !important; height: 0 !important; overflow: hidden !important; } /* end temp fixes for when slideshows fail to load */ /*#id_Header1 .ratio21_9 .camera_wrap, #id_Header1 .ratio21_9 .camerarelative, #id_Header1 .ratio21_9 .camera_wrap img*/ .ratio21_9 .camera_wrap, .ratio21_9 .camerarelative, .ratio21_9 .camera_wrap img.imgLoaded { height: calc(100vw / (21 / 9)) !important; aspect-ratio: 21 / 9 !important; } /* temp fixes for when slideshows fail to load */ .camera_wrap:not(:has(.camerastarted)), .camera_wrap:not(:has(.camerastarted)) .camerarelative, .camera_wrap:not(:has(.camerastarted)) img, .ratio21_9 .camera_wrap:not(:has(.camerastarted)), .ratio21_9 .camera_wrap:not(:has(.camerastarted)) .camerarelative, .ratio21_9 .camera_wrap:not(:has(.camerastarted)) img { height: 0 !important; aspect-ratio: none !important; } /* end temp fixes for when slideshows fail to load */ /*#id_Header1 .ratio21_9 .camera_wrap img*/ .ratio21_9 .camera_wrap img { width: 100% !important; margin-left: 0 !important; margin-top: 0 !important; } .cameraContents:before { content: ''; display:block; position: absolute; width: 100%; height: 76%; top: auto; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); } .camera_caption { background: transparent; } .camera_caption > div { text-align: center; padding: 0px 10% 30px 10%; } #id_Header1 .camera_caption { bottom: auto !important; top: 0 !important; height: 100% !important; display: flex !important; align-items: center !important; } #id_Header1 .camera_caption > div { /*padding: 0px 20% 60px 20%;*/ /*padding: 60px 20% 60px 20%;*/ padding: 40px; width: 100%; margin: 0 12%; /*background-color: var(--color-black-trans-light);*/ box-sizing: border-box; } .camera_caption > div { text-shadow: 3px 3px 8px #000; } .camera_caption > div a.stylizedButton { text-shadow: none; } @media (max-width: 991px) { #id_Header1 .camera_caption > div { /*padding: 0px 12% 40px 12%;*/ /*padding: 40px 12% 40px 12%;*/ padding: 30px; } } @media (max-width:767px) { .cameraContents:before { height: 66%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); } #id_Header1 .camera_caption > div { background-color: transparent; } .camera_caption > div { text-shadow: 1px 1px 3px #000; } } @media (max-width: 616px) { #id_Header1 .camera_caption > div { /*padding: 0px 10% 20px 10%;*/ /*padding: 20px 10% 20px 10%;*/ padding: 20px; } } .camera_thumbs_cont { background: var( --color-grey-light ); } .hideThumbs .camera_thumbs_cont { display: none; } .camera_commands, .camera_next, .camera_prev { background: var( --color-blue ) !important; transition: all .3s ease-in-out; } .camera_wrap .camera_next:hover, .camera_wrap .camera_prev:hover { background: var( --color-white ) !important; } .camera_wrap .camera_next>span:before, .camera_wrap .camera_prev>span:before { color: var( --color-white ) !important; transition: all .3s ease-in-out; } .camera_wrap .camera_next:hover>span:before, .camera_wrap .camera_prev:hover>span:before { color: var( --color-blue ) !important; } @media (max-width: 616px) { .camera_commands, .camera_next, .camera_prev, .camera_wrap .camera_next>span, .camera_wrap .camera_prev>span, .camera_wrap .camera_next>span:before, .camera_wrap .camera_prev>span:before { width: 30px; height: 30px; } .camera_commands, .camera_next, .camera_prev { margin-top: -15px; } .camera_wrap .camera_next>span:before, .camera_wrap .camera_prev>span:before { font-size: 15px; line-height: 30px; } .camera_next, .camera_prev { opacity: 1 !important; } } .camera_thumbs_cont ul li { border-color: var( --color-blue ); } /* temp fixes for when slideshows fail to load */ /* hide slideshow loader animation */ .camera_loader { display: none !important; } /* remove slideshow loading height */ .camera_fakehover { min-height: 0 !important; } /* end temp fixes for when slideshows fail to load */ .quotePic, .quotePic .gadgetStyleBody { margin: 0 !important; padding: 0 !important; overflow: hidden; } .quotePic .gadgetStyleBody, .quotePic .gadgetStyleBody * { line-height: 0px !important; vertical-align: middle; } .quotePic img { width: 100px !important; height: 100px !important; max-width: 100px !important; border: 4px solid var( --color-blue-trans-light ); display: inline-block !important; border-radius: 50%; box-sizing: border-box; } .quotePic .gadgetStyleBody p:before, .quotePic .gadgetStyleBody div:before, .quotePic .gadgetStyleBody p[align=right]:after, .quotePic .gadgetStyleBody div[align=right]:after { content: ''; display: inline-block; width: 35px; height: 1px; line-height: 1px; background-color: var( --color-blue-trans-light ); overflow: hidden; } .quotePic .gadgetStyleBody p[align=right]:before, .quotePic .gadgetStyleBody div[align=right]:before { content: unset; } .quotePic br { display: none !important; } @media (max-width:767px) { .quotePic .gadgetStyleBody p, .quotePic .gadgetStyleBody div { text-align: right !important; } .quotePic .gadgetStyleBody p[align="right"], .quotePic .gadgetStyleBody div[align="right"] { text-align: left !important; } .quotePic .gadgetStyleBody p:not([align="right"]):before, .quotePic .gadgetStyleBody div:not([align="right"]):before, .quotePic .gadgetStyleBody p[align="right"]:after, .quotePic .gadgetStyleBody div[align="right"]:after { content: unset; } .quotePic .gadgetStyleBody p:after, .quotePic .gadgetStyleBody div:after, .quotePic .gadgetStyleBody p[align=right]:before, .quotePic .gadgetStyleBody div[align=right]:before { content: ''; display: inline-block; width: 60px; height: 1px; line-height: 1px; background-color: var( --color-blue-trans-light ); overflow: hidden; } } .directoryOverlayBTN { position: absolute; right: 0; width: 33%; text-align: center; z-index: 1; top: 0; } @media (max-width:767px) { .directoryOverlayBTN { margin-top: 0 !important; } } @media (max-width:616px) { .directoryOverlayBTN { position: static; width: 100%; text-align: left; } } #id_MemberDownload .loadingError, #id_MemberDownload .loadingMsg { font-size: 16px; line-height: 21px; } .WaGadgetNavigationLinks.memberNav ul.orientationHorizontal { display: flex; flex-wrap: wrap; border-top: 1px solid var( --color-yellow-alt ); border-left: 1px solid var( --color-yellow-alt ); } .WaGadgetNavigationLinks.memberNav ul.orientationHorizontal li { display: block; padding: 10px 15px 10px 15px; width: 50%; border-bottom: 1px solid var( --color-yellow-alt ); border-right: 1px solid var( --color-yellow-alt ); box-sizing: border-box; } @media (min-width: 1480px) { .WaGadgetNavigationLinks.memberNav:not(.memberNav-buttons) ul.orientationHorizontal li { width: 33%; } } @media (min-width: 1680px) { .WaGadgetNavigationLinks.memberNav-buttons ul.orientationHorizontal li { width: 33%; } } @media (max-width: 616px) { .WaGadgetNavigationLinks.memberNav-buttons ul.orientationHorizontal li { width: 100%; } } .WaGadgetNavigationLinks.memberNav ul.orientationHorizontal li+li:before { content: unset; } .WaGadgetNavigationLinks.memberNav-buttons ul.orientationHorizontal, .WaGadgetNavigationLinks.memberNav-buttons ul.orientationHorizontal li { border: 0; } .WaGadgetNavigationLinks.memberNav-buttons ul.orientationHorizontal li a { display: block !important; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } input[type=password], input[type=text], select, textarea { padding: 5px 8px 5px !important; border: 2px solid var( --color-grey-light ) !important; color: var( --color-blue ) !important; border-radius: 6px !important; } input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus, input[type=password]:active, input[type=text]:active, select:active, textarea:active { outline: 0; border-color: var( --color-blue-light ) !important; } select { height: 32px; } .fieldSubContainer, .fieldSubContainer *, .fieldSubContainer .fieldLabel, .fieldSubContainer .fieldLabel .mandatoryLabel, .fieldSubContainer .fieldBody ul.list li { font-size: 16px; line-height: 24px; font-family: var( --font-primary ); font-weight: var( --font-primary-weight-medium ); color: var( --color-black ); } .fieldSubContainer .fieldLabel, .fieldSubContainer .fieldLabel span, .fieldSubContainer .fieldLabel .mandatoryLabel { color: inherit; font-family: var( --font-primary ); font-weight: var( --font-primary-weight-bold ); } .fieldContainer input.subjectTextBox, .fieldContainer input.typeText, .fieldContainer input[type=text], .fieldContainer select, .fieldContainer textarea, .fieldSubContainer .typeInstruction { width: 100% !important; max-width: 600px !important; } .formTitleOuterContainer .mandatoryFieldsTitle { padding-top: 8px; } .fieldSubContainer .fieldBody ul.list li.checked { padding-left: 30px; background-position: left center; } .fieldSubContainer .typeInstruction, .fieldSubContainer .levelDescription { padding-top: 8px; line-height: 20px; font-size: 14px; } /* hide zipcode fixed instructions */ input#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl11_NumericEditControl15699080 + div { display: none; } #FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl15_UploaderIframe15699059, #idPictureUploaderContainer, #idPictureUploaderContainer #idPrimaryContentBlock1Content, #idPictureUploaderContainer #uploadContainer, #idPictureUploaderContainer #upload { min-height: 40px !important; } div#idPictureUploaderContainer, BODY DIV#idPictureUploaderContainer DIV#idPrimaryContentBlock1Content, input[type="file"]::file-selector-button { font-family: var( --font-primary ); } input[type="file"]::file-selector-button { font-weight: var( --font-primary-weight-bold ) !important; } .infoOuterContainer, .confirmWindowInfo .cww-inner, .confirmWindowWarning .cww-inner { background-color: var( --color-grey-light ); background-image: none; padding: 20px; padding-left: 0; color: var( --color-black-text ); } .commonMessageBox .cww { display: none; } .confirmWindowInfo .cww3, .confirmWindowInfo .cww4, .confirmWindowInfo .cww-inner, .confirmWindowWarning .cww3, .confirmWindowWarning .cww4, .confirmWindowWarning .cww-inner { border: 0; } .formTitleOuterContainer .formTitleContainer, .WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer { border-color: var( --color-grey-light ); } .WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer { margin-top: 0; border-top-width: 0; } .WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer + .memberDirectorySearchAreaOuterContainer { border-top-width: 1px; margin-top: 40px; } @media (max-width:767px) { .WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer { margin-top: 0 !important; } } .browsingColumns .filterHead { display: none !important; } .browsingColumns .filterRow .filterTitle { display: block !important; font-weight: var(--font-primary-weight-bold); padding: 0 2% 1em 0; } @media (max-width: 767px) { .WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns tr.filterRow td { display: none !important; } .WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns tr.filterRow td:has(.filterOptions .filterList) { display: block !important; padding-bottom: 40px; } } .WaGadgetEvents, .WaGadgetSubscriptionForm { background: transparent; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer { border-right-width: 1px; } .genericListTable thead th, .membersTable thead th, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarHeader, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer h3, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td h4.boxHeaderTitle { font-size: 20px !important; line-height: 1.36 !important; font-weight: var( --font-primary-weight-bold ) !important; text-transform: none !important; margin: 0 !important; padding: 15px 10px !important; } .genericListTable thead th, .membersTable thead th, .WaGadgetForum #idTopicListContainer .boxHeaderOuterContainer table td h4.boxHeaderTitle { padding: 15px 20px 15px 20px !important; vertical-align: bottom !important; } .genericListTable thead th:first-child, .membersTable thead th:first-child { padding: 15px 20px 15px 20px !important; } .genericListTable tbody td, .membersTable tbody td { padding: 20px !important; } .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer h3 { padding: 0 !important; } .genericListTable tr.hover td, .membersTable tr.hover td, .WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow.highlight, .WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow.highlight td, .WaGadgetContactProfileStateEventRegistrations .genericListTable tr.noLine:hover { background-color: var( --color-grey-light ); } .genericListTable tr.hover td, .membersTable tr.hover td, .genericListTable tr.hover td a, .membersTable tr.hover td a, .WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow.highlight div a, .WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow.highlight td div a, .WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow.highlight td.lastReplyTD .lastReply span, .WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow.highlight td div span, .WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow.highlight td.repliesCountTD .repliesCount:before, .WaGadgetContactProfileStateEventRegistrations .genericListTable tr.noLine:hover, .WaGadgetContactProfileStateEventRegistrations .genericListTable tr.noLine:hover a { color: var( --color-black-text ); } .genericListTable td:not(:has(h5)) .memberValue:has(a), .membersTable td:not(:has(h5)) .memberValue:has(a) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } @media screen and (max-width:991px) { .genericListTable td, .membersTable td, .genericListTable th, .membersTable th { word-break: break-word !important; } } @media screen and (max-width:767px) { .genericListTable tbody td:not(:last-child), .membersTable tbody td:not(:last-child) { padding-top: 0px !important; padding-bottom: 0px !important; } .genericListTable tbody td:first-child, .membersTable tbody td:first-child { padding-top: 20px !important; } .genericListTable tbody td:last-child, .membersTable tbody td:last-child { padding-top: 0px !important; padding-bottom: 20px !important; } } .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer .sendMailButtonContainer { margin-left: 0px; position: absolute; right: 30px; } @media screen and (max-width: 767px) { .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer .sendMailButtonContainer { position: static; display: block; margin-top: 30px; } } .WaGadgetBlogStateList ul.boxesList li.boxesListItem, .WaGadgetEventsStateList ul.boxesList li.boxesListItem { border-bottom: 1px solid var( --color-blue-trans-light ); padding-bottom: 65px; margin-bottom: 35px; } .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyInfoOuterContainer .inner, .WaGadgetBlog .boxHeaderOuterContainer .inner, .WaGadgetBlog .boxBodyContentOuterContainer .inner, .WaGadgetBlog .boxBodyOuterContainer .inner { text-align: center; } .WaGadgetBlog .controlPanel .toggleButton, .WaGadgetForumStateMessageList .controlPanel .toggleButton { color: var( --color-blue-deep ); background-color: var( --color-orange ); } .WaGadgetBlog .controlPanel .toggleButton:hover, .WaGadgetForumStateMessageList .controlPanel .toggleButton:hover { color: var( --color-orange ); background-color: var( --color-blue-deep ); } .WaGadgetBlog .controlPanel .controlPanelInner a, .WaGadgetBlog .controlPanel .controlPanelInner a:hover, .WaGadgetForumStateMessageList .controlPanel .toggleButton .controlPanelInner a, .WaGadgetForumStateMessageList .controlPanel .toggleButton .controlPanelInner a:hover { background-color: var( --color-blue-deep ); } .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle, .WaGadgetEventsStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle { white-space: normal; } .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, #idPrimaryContentBlock1Content .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, #idPrimaryContentBlock1Content .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 { font-size: 32px !important; line-height: 40px !important; font-family: var( --font-secondary ) !important; font-weight: var( --font-secondary-weight-medium ) !important; color: var( --color-black ) !important; } @media (max-width:767px) { .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4, #idPrimaryContentBlock1Content .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, #idPrimaryContentBlock1Content .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 { font-size: 28px !important; line-height: 32px !important; } } #idPrimaryContentBlock1Content .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:hover, #idPrimaryContentBlock1Content .WaGadgetEventsStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:hover { color: var( --color-orange ) !important; } #idPrimaryContentBlock1Content .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:after, #idPrimaryContentBlock1Content .WaGadgetEventsStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:after { content: unset; } #idPrimaryContentBlock1Content .WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1 { background: none; } .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyInfoOuterContainer, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer, .WaGadgetBlog .blogEntryOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer { margin-left: 15% !important; margin-right: 15% !important; } @media (max-width:616px) { .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer, .WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer { margin-left: 5% !important; margin-right: 5% !important; } } .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxBodyOuterContainer .boxBodyInfoOuterContainer, .WaGadgetBlog .blogEntryOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer { margin-bottom: 35px; } .WaGadgetBlog .boxBodyInfoOuterContainer .postedByLabel, .WaGadgetBlog .boxBodyInfoOuterContainer .postedByLink, #idPrimaryContentBlock1Content .WaGadgetBlog .boxBodyInfoOuterContainer .postedByLink a { float: none; font-size: 14px !important; line-height: 17px !important; font-family: var( --font-primary ) !important; font-weight: var( --font-primary-weight-bold ) !important; letter-spacing: 0.1em !important; } .WaGadgetBlog .boxBodyInfoOuterContainer .postedOn:before, .WaGadgetBlog .boxBodyInfoOuterContainer .postedByLink:before { display: inline-block; margin-right: 5px; color: var( --color-black-text ); text-decoration: none; font-style: normal; font-size: 14px !important; font-family: var( --font-primary ) !important; font-weight: var( --font-primary-weight-bold ) !important; letter-spacing: 0.1em !important; } .WaGadgetBlog .boxBodyInfoOuterContainer .postedOn:before { content: 'Posted: '; } .WaGadgetBlog .boxBodyInfoOuterContainer .postedByLink:before { content: 'By: '; } .WaGadgetBlog .boxBodyInfoOuterContainer .postedOn { margin-left: 10px; } /* for large blog intro images (full post container width) */ /* not needed... .blogPostBody > *:first-child img:not([align="left"],[align="right"]), .blogPostBody > img:first-child:not([align="left"],[align="right"]) { width: 100% !important; height: auto !important; display: block !important; }*/ /* for smaller blog images (shrink images due to wide container width) */ .blogPostBody img:not([align="left"],[align="right"]) { /*max-width: 80% !important;*/ max-width: 500px !important; height: auto !important; } @media (max-width:560px) { .blogPostBody img:not([align="left"],[align="right"]) { max-width: 100% !important; } } @media (max-width:479px) { .WaGadgetBlogStateList .pagerOuterContainer { text-align: center !important; } } .WaGadgetEvents .boxInfoContainer ul.boxInfo, .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left { font-size: 18px; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left { color: var( --color-black-text ); } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left+td:before { content: unset; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList { width: 100%; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left, .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left+td { padding: 10px 35px; border-bottom: 1px solid var( --color-blue-trans-light ); } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left { width: 20%; min-width: 160px; margin-right: 0; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left+td { border-left: 1px solid var( --color-blue-trans-light ); } @media (max-width:616px) { .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList, .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList tbody, .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList tr, .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td { display: block !important; width: 100% !important; box-sizing: border-box; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left, .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left+td { padding: 15px 35px 0 35px; border-bottom: 1px solid var( --color-blue-trans-light ); } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left { border-bottom: 0; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left+td { border-left: 0; padding-top: 5px; padding-bottom: 20px; } } .WaGadgetForumStateMessageList .messageListOuterContainer ul.boxesList li.boxesListItem .boxHeaderOuterContainer table.forumMessageHeaderTable td.forumMessageHeaderInfoContainer, .WaGadgetForumStateMessageList .controlPanel .replyNumberSpan { background-color: transparent; } .WaGadgetForumStateMessageList .messageListOuterContainer ul.boxesList li.boxesListItem .boxHeaderOuterContainer table.forumMessageHeaderTable td.forumMessageHeaderInfoContainer .forumMessageHeaderInfo span, .WaGadgetForumStateMessageList .controlPanel .replyNumberSpan { color: var( --color-black-text ); } .forumPanelOuterContainer .forumPanelContainer div #idSubscribe a span, .forumPanelOuterContainer .forumPanelContainer div #idUnsubscribe a span { text-decoration: none; } .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a { color: var( --color-blue-deep ); background-color: var( --color-grey-light ); } .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a:hover { color: var( --color-blue-deep ); background-color: var( --color-orange ); } .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover { color: var( --color-blue-deep ); background-color: var( --color-grey-light ); } .WaGadgetEventsStateCalendar .yearViewType .EventListCalendar a.yearViewHeader:hover { color: var( --color-blue-deep ); } .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td a.calendarDate:after { display: none; } .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover { color: var( --color-blue ); } td.EventListCalendarItemSelected { background-color: var( --color-grey-light ); } .ui.inline.dropdown.-wa-add-event-to-calendar-dropdown { right: 24px !important; } .hideUpcomingEvents .sectionTitle, .hideUpcomingEvents .pageTitleOuterContainer, .hideUpcomingEvents ul.boxesList, .hideUpcomingEvents #idEventViewSwitcher, .hideUpcomingEvents .pageTitleOuterContainer + p { display: none; } .hideUpcomingEvents .pastEventsOuterContainer { border-top: 0 !important; padding-top: 0 !important; margin-top: 0 !important; } .WaGadgetDonationGoal.donationGoalStyleNone .progressBarAndButton table.progressBarAndButtonTable td.progressBarTableContainer table.progressBarTable td.donationGoalProgressBarRightPart span, .WaGadgetDonationGoal.donationGoalStyle002 .progressBarAndButton table.progressBarAndButtonTable td.progressBarTableContainer table.progressBarTable td.donationGoalProgressBarRightPart span, .WaGadgetDonationGoal.donationGoalStyle003 .progressBarAndButton table.progressBarAndButtonTable td.progressBarTableContainer table.progressBarTable td.donationGoalProgressBarRightPart span { background-color: var( --color-grey-light ); border-top-color: var( --color-grey-light ); border-bottom-color: var( --color-grey-light ); } .WaGadgetDonationGoal.donationGoalStyleNone .progressBarAndButton table.progressBarAndButtonTable td.progressBarTableContainer table.progressBarTable td.donationGoalProgressBarLeftPart span, .WaGadgetDonationGoal.donationGoalStyle002 .progressBarAndButton table.progressBarAndButtonTable td.progressBarTableContainer table.progressBarTable td.donationGoalProgressBarLeftPart span, .WaGadgetDonationGoal.donationGoalStyle003 .progressBarAndButton table.progressBarAndButtonTable td.progressBarTableContainer table.progressBarTable td.donationGoalProgressBarLeftPart span { background-color: var( --color-orange ); } .WaGadgetDonationGoal.donationGoalStyle003 .donationGoalProgressLabelsPercents .donationLabel, .WaGadgetDonationGoal.donationGoalStyle003 .donationGoalProgressLabelsPercents .collectedPercents { color: var( --color-white ); } .WaGadgetDonationGoal.donationGoalStyle002 .donationGoalProgressLabelsPercents .donationLabel, .WaGadgetDonationGoal.donationGoalStyle002 .donationGoalProgressLabelsPercents .collectedPercents { color: var( --color-black ); } .WaGadgetPhotoAlbum.gadgetStyleBasic ul.photosContainerUL [class^='photoInnerContainer'] [class^='photoAlbumItemThumbnailPhoto'] a { border: 1px solid var( --color-orange ); } .WaGadgetPhotoAlbum.gadgetStyleBasic ul.photosContainerUL .fullDescriptionContainer { z-index:1; } @media (max-width:400px) { ul.photosContainerUL li.photoAlbumItemContainerLi { width: calc(100% - 20px) !important; height: auto !important; } .WaGadgetPhotoAlbum ul.photosContainerUL [class^='photoInnerContainer'] [class^='photoAlbumItemThumbnailPhoto'] a { display:block !important; width: 100% !important; height: auto !important; } ul.photosContainerUL [class^='photoInnerContainer'] [class^='photoAlbumItemThumbnailPhoto'] img.photoAlbumItemThumbnailPhoto { max-width: 100% !important; max-height: 100% !important; } } /* Misc. Customizations */ @media (max-width:767px) { #id_History .WaGadgetContent { margin-top: 30% !important; } } /* Hide 'Donations' link on Profile */ .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li#donationsShowLink, .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li:has(#ctl00_ContentArea_donationsTabLabel) { display: none; } /* Hide 'Forum Subscriptions' info on Profile */ #idMemberSubscriptionsContainer #subscribeToForumsContainer, #idMemberSubscriptionsContainer #subscribeToForumsContainer + .fieldContainer, #idMemberSubscriptionsContainer #subscribeToForumsContainer + .fieldContainer + #subscriptionsList { display: none !important; } /* Termageddon edits */ .policy_embed_div article > h2:first-child { display:none !important; }