/* CSS Root Variable overrides for the Branding Project; copy any needed from G150 */ :root { --ezobj_layout_id: 1; /* 1= normal layout; 2= TabTopRight */ --ezobj_stamp_id: 1; /* 1= CST on light background; 2= CST on dark background */ /* global settings */ --ezobj_body-background-color: white; --ezobj_body-color: black; --ezobj_body-font-family: 'Public Sans', sans-serif; --ezobj_body-font-size: 17px; --ezobj_link-color: #2d8789; --ezobj_link-color__hover: black; /* --ezobj_link-text-decoration: none; */ /* --ezobj_link-text-decoration__hover: underline; */ /* --ezobj_link-text-decoration-style: solid; */ /* --ezobj_link-text-decoration-thickness: auto; */ --ezobj_h1-color: black; /* --ezobj_h1-font-style: italic; */ /* --ezobj_h1-text-transform: uppercase; */ /* --ezobj_h1-font-weight: normal; */ /* --ezobj_h1-font-size: var(--ezobj_doctitle-font-size); */ --ezobj_h1-font-family: 'Noto Serif', serif; /* For UPPERCASE doctitle, headers, or tabs uncomment and use below */ /* --ezobj_doctitle-text-transform: uppercase; --ezobj_doctitle_mobile-text-transform: uppercase; */ /* --ezobj_h1-text-transform: uppercase; --ezobj_h2-text-transform: uppercase; --ezobj_h3-text-transform: uppercase; */ /* --ezobj_doc_content3_h1-text-transform: uppercase; */ /* --ezobj_tabmenu_tab-text-transform: uppercase; */ /* If your header background is dark, or you are using TabTopRight and tab row is dark, then you need to flip company home to light - you will spot it only in hosting and basic */ /* --ezobj_companyhome-color: white; */ /* DESKTOP */ /* desktop header row (includes logo and doctitle). You can add a graphic to this area (ezobj_hdr_content_container_bg.png AND/OR ezobj_hdr_content_container_bg_mobile.png) */ --ezobj_hdr_content_container-height: 100px; --ezobj_hdr_content_container-background-color: white; --ezobj_hdr_content-background-color: white; --ezobj_doctitle-color: white; /* --ezobj_doctitle-font-size: 26px; */ /* --ezobj_doctitle-font-family: 'Playfair Display', sans-serif; */ /* --ezobj_doctitle-font-style: italic; */ /* --ezobj_doctitle-font-weight: bold; */ /* REQUIRED - add file images/ezobj_logo.png */ /* gradiented desktop header, uncomment below and tweak color AND/OR angle */ /* --ezobj_hdr_content_container-background-image: linear-gradient(90deg,rgba(2,0,36,1) 0%,rgba(16,33,125,1) 0%,rgba(22,194,213,1) 100%); */ /* desktop tab row */ --ezobj_tabmenu_tab-height: 100px; /* height of tab itself, not including icing and crust */ --ezobj_tabmenu_tab-background-color: white; --ezobj_tabmenu_tab-background-color__hover: white; --ezobj_tabmenu_tab-border-color: var(--ezobj_hdr_content_container-background-color); --ezobj_tabmenu_tab-color: black; --ezobj_tabmenu_tab-color__hover: #2d8789; /* --ezobj_tabmenu-text-transform: uppercase; --ezobj_hamburgermenu-text-transform: uppercase; */ /* --ezobj_tabmenu-font-weight: bold; */ /* --ezobj_tabmenu-font-weight__hover: bold; */ /* --ezobj_tabmenu_content_container-background-color: white; */ /* --ezobj_tabmenu_content-background-color: white; */ /* --ezobj_tabmenu_row-background-color: transparent; */ /* TabTopRight - if you want the tab row height to be larger than the tab height, uncomment below and change to the row height you want */ /* --ezobj_tabmenu_content_container-height: 100px; */ /* Use Padding-top below if you want to push the tabs towards the bottom of the container */ /* --ezobj_tabmenu_tabbox-padding-top: 20px; */ /* doc row1 = meeting information */ --ezobj_webcastbox-background-color: rgba(0, 0, 0, .03); /* for dark Bgs can change to: rgba(255, 255, 255, .03) */ --ezobj_button-color: white; --ezobj_button-background-color: #2d8789; --ezobj_button-color__hover: black; --ezobj_button-background-color__hover: #2d8789; /* --ezobj_button_border-color: black; */ /* --ezobj_button_border-color__hover: black; */ /* To make the middle section transparent (or whatever solid color you want, actually) uncomment below and use as needed */ /* --ezobj_doc_content-background-color: transparent; */ /* row3 = meeting documents */ --ezobj_doc_content3_container-background-color: #dbd9d3; --ezobj_doc_content3_container-background-size: cover; --ezobj_doc_content3-background-color: transparent; /* Specific buttons to row3 = meeting documents (uncomment below and tweak colors if you want them to look different than buttons on other sections) */ /* --ezobj_doc_content3_button-color: white; --ezobj_doc_content3_button-background-color: var(--ezobj_button-color); --ezobj_doc_content3_button-color__hover: #ed1700; --ezobj_doc_content3_button-background-color__hover: var(--ezobj_button-color__hover); --ezobj_doc_content3_button_border-color: transparent; --ezobj_doc_content3_button_border-color__hover: transparent; --ezobj_doc_content3_button_border-size: 1px; */ /* If you set meeting documents bg to a dark color, you will probably need to lighten the text, links and headers - uncomment below and adjust */ /* --ezobj_doc_content3-color: white; */ /* --ezobj_doc_content3_link-color: white; */ /* --ezobj_doc_content3_link-color__hover: black; */ /* --ezobj_doc_content3_h1-color: white; */ /* --ezobj_doc_content3_doc_separator-backround-color: white; */ /* to load a background graphic to just meeting documents, add the file "ezobj_doc_content3_container_bg.png" and optionally "ezobj_doc_content3_bg.png" or "ezobj_doc_content3_bg.jpg" to images */ --ezobj_doc_content3_container-background-size: cover; /* row5 = voting */ /* --ezobj_doc_content5_container-background-color: white; --ezobj_doc_content5-background-color: white; */ /* --ezobj_doc_content5_button-color: white; --ezobj_doc_content5_button-background-color: #b42527; --ezobj_doc_content5_button-color__hover: white; --ezobj_doc_content5_button-background-color__hover: #5b6067; --ezobj_doc_content5_button_border-color: black; --ezobj_doc_content5_button_border-color__hover: white; --ezobj_doc_content5_button_border-size: 0px; */ /* row7 - contacts */ --ezobj_doc_content7_container-background-color: #dbd9d3; /* row7 = contacts */ /* to load a background graphic, add the file "ezobj_doc_content7_container_bg.png" and optionally "ezobj_doc_content7_bg.png" or "ezobj_doc_content7_bg.jpg" to images */ --ezobj_doc_content7-background-color: transparent; --ezobj_doc_content7_container-background-size: cover; --ezobj_doc_content7-color: black; --ezobj_doc_content7_link-color: black; --ezobj_doc_content7_link-color__hover: black; --ezobj_doc_content7_h1-color: black; /* --ezobj_doc_content7_button-color: black; --ezobj_doc_content7_button-background-color: red; --ezobj_doc_content7_button-color__hover: purple; --ezobj_doc_content7_button-background-color__hover: black; --ezobj_doc_content7_doc_separator-background-color: white; */ --ezobj_doc_content7_link-text-decoration: underline; --ezobj_doc_content7_link-text-decoration__hover: none; /* footer = stamp area */ --ezobj_ftr_content_container-background-color: #dbd9d3; /* alert box - shows at top of AMM for critical issues, also at the top of hosting when we put in meeting information */ --ezobj_alertbox-background-color: black; --ezobj_alertbox_border-color: white; --ezobj_alertbox-color: white; --ezobj_alertbox_border-width: 2px; /* MOBILE */ /* desktop header row (includes logo and hamburger menu) */ --ezobj_hdr_content_container_mobile-height: 90px; --ezobj_hamburgermenu_icon-color: black; --ezobj_hamburgermenu_icon-color__hover: #2d8789; /* gradiented mobile header, uncomment below and tweak colors AND/OR angle */ /*--ezobj_hdr_content_container_mobile-background-image: linear-gradient(90deg,rgba(2,0,36,1) 0%,rgba(16,33,125,1) 0%,rgba(22,194,213,1) 100%); --ezobj_hdr_content_mobile-background-color: transparent; */ /* REQUIRED - add file images/ezobj_logo_mobile.png */ /* uncomment below if you want to change the mobile header background to be different than the desktop header background */ /* --ezobj_hdr_content_container_mobile-background-color: white; */ /* Comment OUT below if you want to do a drop-shadow instead of a color for the border under the heading on mobile/basic/hosting */ --ezobj_hdr_crust_container_mobile-background-color: transparent; --ezobj_hdr_row_mobile-background-color: transparent; --ezobj_hdr_content_container_mobile-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.3); /* mobile hamburger menu (defaults to same as tabmenu) */ --ezobj_hamburgermenu_tab_border-color: #2d8789; --ezobj_hamburgermenu_tab-color: var(--ezobj_tabmenu_tab-color); --ezobj_hamburgermenu_tab-background-color: var(--ezobj_tabmenu_tab-background-color); --ezobj_hamburgermenu_tab-color__hover: var(--ezobj_tabmenu_tab-color__hover); --ezobj_hamburgermenu_tab-background-color__hover: var(--ezobj_tabmenu_tab-background-color__hover); /* if you want the normal menu to not be bold, but hover bold, then uncomment below */ /* --ezobj_hamburgermenu-font-weight: normal; --ezobj_hamburgermenu-font-weight__hover: bold; */ /* ---------------- ADVANCED FEATURES ---------------- */ /* ---------------- SEPARATOR/BY CONTENT ROW BG COLORS FEATURES ---------------- */ /* change colors for a specific content row, when using this model it is most common to remove the separator completely and possibly adjust the padding (note padding is done TWICE each time) - top and bottom */ --ezobj_separator-display: none; /* turn off separator when doing bg colors "by content row" */ --ezobj_separator-color: #293241; --ezobj_separator-width: 6px; --ezobj_separator-padding-bottom: 100px; --ezobj_doc_crust_container-display: none; /* turn off crust if doing bg colors "by content row"; /* ---------------- DOCTITLE FEATURES ---------------- */ /* size of box with ezobj_doctitle used for centering; adjust if vertical centering of doc title is bad */ /* The next 2 settings can be used to force a long Doc Title to be 2 lines instead of one; note you have to test using the actual doc title to see it correctly so may have to play in inspect */ /* --ezobj_doctitle-line-height: 30px; --ezobj_doctitle_box-max-width: 300px; */ /* ---------------- MARQUEE FEATURES ---------------- */ /* There are 2 possible marquees on desktop (above and below tab row) and 1 on mobile; if you are using destkop marquees you probably want to disable the normal doctitle so uncomment below */ /* --ezobj_titlebox-display: none; */ /* If you are using a graphic behind the upper or lower marquee then uncomment below to remove the gap */ --ezobj_hdr_crust_container-height: 0px; --ezobj_hdr_crust_container_mobile-height: 0px; --ezobj_tabmenu_crust_container-height: 0px; /* if you want the doctitle to be left instead of middle, uncomment below (it will apply to upper, lower and mobile) */ /* --ezobj_marquee_upper_doctitle-justify-content: left; --ezobj_marquee_upper_doctitle-padding-left: 20px; */ /* if you want the doctitle to be bottom instead of middle, uncomment below (it will apply to upper, lower and mobile) */ /* --ezobj_marquee_upper_doctitle-align-items: end; --ezobj_marquee_upper_doctitle-padding-bottom: 20px; */ /* ---------------- MARQUEE (UPPER - before the Tab Menu - disabled by default) FEATURES ---------------- */ /* To add a graphic to the UPPER marquee, load "images/ezobj_marquee_upper_row_bg.png" (or .jpg) [width should be 1920px] - and you have to add a height */ /* --ezobj_marquee_upper_row-display: flex; --ezobj_marquee_upper_row-height: 200px; --ezobj_marquee_upper_row-font-size: 50px; --ezobj_marquee_upper_row-font-weight: bold; --ezobj_marquee_upper_row-font-family: 'Lato', sans-serif; --ezobj_marquee_upper_row-text-transform: uppercase; --ezobj_marquee_upper_row-color: white; --ezobj_marquee_upper_row-background-color: transparent; --ezobj_marquee_upper_row-background-position: top center; /* --ezobj_marquee_upper_doctitle-text-shadow: 3px 3px 5px #000000; */ /* special case, if you don't want the doc title to show in the marquee uncomment below */ /* --ezobj_marquee_upper_doctitle-display: none; */ /* ---------------- MARQUEE (LOWER - after the Tab Menu - disabled by default) FEATURES ---------------- */ /* To add a graphic to the LOWER marquee, load "images/ezobj_marquee_lower_row_bg.png" (or .jpg) [width should be 1920px] - and you have to add a height */ --ezobj_marquee_lower_row-display: flex; --ezobj_marquee_lower_row-height: 200px; --ezobj_marquee_lower_row-font-size: 40px; --ezobj_marquee_lower_row-font-weight: bold; --ezobj_marquee_lower_row-font-family: 'Noto Serif', serif; --ezobj_marquee_lower_row-text-transform: none; --ezobj_marquee_lower_row-color: black; --ezobj_marquee_lower_row-background-color: transparent; --ezobj_marquee_lower_row-background-position: center center; /* --ezobj_marquee_lower_doctitle-text-shadow: 3px 3px 5px #000000; */ /* special case, if you don't want the doc title to show in the marquee uncomment below */ /* --ezobj_marquee_lower_doctitle-display: none; */ /* ---------------- MARQUEE (MOBILE - enabled by default, used in AMMs) FEATURES ---------------- */ /* To add a graphic to the MOBILE marquee, load "images/ezobj_marquee_mobile_row_bg.png" (or .jpg) [width should be 1024px] - and you have to add a height and probably add the text-shadow below */ --ezobj_marquee_mobile_row-height: 150px; --ezobj_marquee_mobile_row-font-size: var(--ezobj_h1-font-size); --ezobj_marquee_mobile_row-font-weight: var(--ezobj_h1-font-weight); --ezobj_marquee_mobile_row-font-family: var(--ezobj_h1-font-family); --ezobj_marquee_mobile_row-text-transform: none; --ezobj_marquee_mobile_row-color: black; --ezobj_marquee_mobile_row-background-color: transparent; --ezobj_marquee_mobile_row-background-position: center center; /* Add a text shadow if using a graphic in the marquee */ /* --ezobj_marquee_mobile_doctitle-text-shadow: 3px 3px 5px #000000; */ /* special case, if you don't want the doc title to show in the marquee uncomment below */ /* --ezobj_marquee_mobile_doctitle-display: none; */ /* ---------------- TABMENU FEATURES ---------------- */ /* border lines: adjust lines in tab menu; if you don't want a line on first tab left then set left to none; if you don't want one on the far right, turn off right; */ /* NOTE: for TabTopRight layout, the "tab2" below is the left of the first tab - different than the normal layout - it is off by default, if you want it enable line below */ /* --ezobj_tabmenu_tab-border-left: none; */ /* --ezobj_tabmenu_tab-border-right: none; */ /* --ezobj_tabmenu_tab-border-tab2-left: 1px solid var(--ezobj_tabmenu_tab-border-color); */ /* Lines under TABs - uncomment below to have a line under tabs, set the colors for normal and hover, only enable hover if you don't want one on normal, if you change thickness, change both px values */ /* --ezobj_tabmenu_tab-background-image: linear-gradient(to bottom, transparent, transparent calc(100% - 3px), #FF0000 calc(100% - 3px)); */ /* --ezobj_tabmenu_tab-background-image__hover: linear-gradient(to bottom, transparent, transparent calc(100% - 4px), var(--ezobj_link-color__hover) calc(100% - 4px)); */ /* If you want mobile menu to have the same effects, comment OUT below */ --ezobj_tabmenu_tab_mobile-background-image: none; --ezobj_tabmenu_tab_mobile-background-image__hover: none; /* ---------------- STAMP FEATURES ---------------- */ /* ftr icing if you want a band before the stamp area */ --ezobj_ftr_icing-background-color: #fdf284; --ezobj_ftr_icing_container-background-color: var(--ezobj_ftr_icing-background-color); --ezobj_ftr_icing_container-height: 3px; --ezobj_ftr_icing_container-display: block; /* if you want to hide the default mobile header border */ /* --ezobj_hdr_content_container_mobile_border-bottom: none; */ /* ---------------- CONTENT FEATURES ---------------- */ /* Add box-shadow to content */ /* --ezobj_doc_content-box-shadow: 13px 38px 50px 0 rgba(90, 143, 175, 0.2); */ /* ---------------- BACKGROUND FEATURE (HEADER, TABMENU, BODY) ---------------- */ /* if using "ezobj_body_bg.png" or "ezobj_body_bg.jpg" to have a background can set various other layers to transparent */ /* --ezobj_hdr_content_container-background-color: transparent; */ /* --ezobj_hdr_content_container_mobile-background-color: transparent; */ /* --ezobj_hdr_content_mobile-background-color: transparent; */ /* --ezobj_hdr_icing_container-background-color: transparent; */ /* --ezobj_doc_content-border: 1px solid #d1d1d1; */ /* --ezobj_doc_content-margin-bottom: 50px; */ /* uncomment next line if you need the content box (inside the container) to have a semi-transparent effect to mute the background */ /* --ezobj_doc_content-background-color: rgba(0, 0, 0, .4); */ /* ---------------- BACKGROUND FEATURE (HEADER ONLY) ---------------- */ /* add as images/ezobj_hdr_row_bg.png AND images/ezobj_hdr_row_bg_mobile.png and uncomment below; remove the background-position if you want to take the default of TOP CENTER instead of RIGHT */ /* also valid for ezobj_hdr_content_container_bg.png AND/OR ezobj_hdr_content_container_bg_mobile.png because it will toggle transparency letting us see the background image */ /* --ezobj_hdr_row-background-position: right; --ezobj_hdr_content_container-background-color: transparent; --ezobj_hdr_content_container_mobile-background-color: transparent; --ezobj_hdr_content_mobile-background-color: transparent; */ /* The below setting can be used to force a graphic to be 100% width but with a fixed height */ /* --ezobj_hdr_row-background-size: 100% 104px; */ /* ---------------- BACKGROUND FEATURE (BODY/DOC CONTENT ONLY, INCLUDING MARQUEE) ---------------- */ /* add images/ezobj_body_bg.jpg and images/ezobj_body_mobile_bg.jpg ; REMOVE any marquee images and make sure background is transparent */ /* uncomment below */ /* --ezobj_hdr_content_container_mobile-background-image: none; */ /* comment below if you DON'T want your ezobj_body_mobile_bg.jpg to be fixed */ --ezobj_body-background-attachment: fixed; /* ---------------- STAMP FEATURES ---------------- */ /* --ezobj_stampbox-filter: brightness(200%); */ /* ---------------- SHRINK SIZE OF LINKS IN CONTACTS ---------------- */ --ezobj_use_small_links-font-size: 14px; --ezobj_use_small_links_mobile-font-size: 12px; /* ---------------- WIDTH OF VSM NOTICE ON AMM and HOSTING PAGE ---------------- */ /* ---------------- BASIC/HOSTING FIXES ---------------- */ /* if there is an unwanted color behind the drop shadow, uncomment below */ /* --ezobj_hdr_row-background-color: transparent; */ }