/* CSS Root Variable overrides for the Branding Project; copy any needed from G150 */ :root { /* global settings */ --ezobj_body-background-color: white; --ezobj_body-color: black; --ezobj_body-font-family: 'Lato', sans-serif; --ezobj_body-font-size: 17px; --ezobj_link-color: #00296b; --ezobj_link-color__hover: #00509d; --ezobj_h1-color: black; /* add file images/favicon.ico (or png or jpg) */ /* DESKTOP */ /* desktop header row (includes logo and doctitle) */ --ezobj_hdr_content_container-height: 90px; --ezobj_hdr_content_container-background-color: #00296b; --ezobj_doctitle-color: white; /* --ezobj_doctitle-font-family: 'Playfair Display', sans-serif; */ /* REQUIRED - add file images/ezobj_logo.png */ /* desktop tab row */ --ezobj_tabmenu_tab-height: 55px; /* height of tab itself, not including icing and crust */ --ezobj_tabmenu_tab_mobile-height: var(--ezobj_tabmenu_tab-height); --ezobj_tabmenu_tab-background-color: #00509d; --ezobj_tabmenu_tab-background-color__hover: #003f88; --ezobj_tabmenu_tab-border-color: var(--ezobj_hdr_content_container-background-color); --ezobj_tabmenu_tab-color: white; --ezobj_tabmenu_tab-color__hover: white; --ezobj_tabmenu_row-background-color: var(--ezobj_tabmenu_tab-background-color); /* 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: var(--ezobj_link-color); --ezobj_button-color__hover: var(--ezobj_button-color); --ezobj_button-background-color__hover: var(--ezobj_link-color__hover); /* row3 = meeting documents */ --ezobj_doc_content3_container-background-color: #d0e0f6; --ezobj_doc_content3-background-color: transparent; /* row5 = voting */ /* row7 - contacts */ --ezobj_doc_content7_container-background-color: var(--ezobj_tabmenu_tab-background-color); /* 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-color: white; --ezobj_doc_content7_link-color: #abcff3; --ezobj_doc_content7_link-color__hover: white; --ezobj_doc_content7_h1-color: white; /* --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-backround-color: white; */ /* footer = stamp area */ --ezobj_ftr_content_container-background-color: white; /* 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: #393939; --ezobj_alertbox_border-color: #393939; --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: white; --ezobj_hamburgermenu_icon-color__hover: #E7E7E7; /* REQUIRED - add file images/ezobj_logo_mobile.png */ /* Comment OUT below if you want to disable the normal border under the heading on mobile/basic/hosting */ --ezobj_hdr_crust_container_mobile-display: block; --ezobj_hdr_crust_container_mobile-height: 6px; --ezobj_hdr_crust_container_mobile-background-color: var(--ezobj_tabmenu_tab-background-color); --ezobj_hdr_crust_mobile-background-color: transparent; /* 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: var(--ezobj_tabmenu_tab-border-color); --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); /* ---------------- 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; */ /* ---------------- 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) - and you have to add a height */ /* --ezobj_marquee_upper_row-height: 200px; --ezobj_marquee_upper_row-font-size: 50px; --ezobj_marquee_upper_row-font-family: 'Lato', sans-serif; --ezobj_marquee_upper_row-text-decoration: uppercase; --ezobj_marquee_upper_row-color: white; --ezobj_marquee_upper_row-background-color: transparent; */ /* 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) - and you have to add a height */ /* --ezobj_marquee_lower_row-height: 160px; --ezobj_marquee_lower_row-font-size: 40px; --ezobj_marquee_lower_row-font-family: 'Lato', sans-serif; --ezobj_marquee_lower_row-text-decoration: uppercase; --ezobj_marquee_lower_row-color: white; --ezobj_marquee_lower_row-background-color: transparent; */ /* 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) - and you have to add a height */ --ezobj_marquee_mobile_row-height: 100px; --ezobj_marquee_mobile_row-font-size: var(--ezobj_h1-font-size); --ezobj_marquee_mobile_row-font-family: var(--ezobj_h1-font-family); --ezobj_marquee_mobile_row-text-decoration: none; --ezobj_marquee_mobile_row-color: var(--ezobj_h1-color); --ezobj_marquee_mobile_row-background-color: transparent; /* special case, if you don't want the doc title to show in the marquee uncomment below */ /* --ezobj_marquee_mobile_doctitle-display: none; */ /* ---------------- MEETING DOCUMENTS FEATURES ---------------- */ /* If you choose a vastly different background color for meeting documents, uncomment below and set values as needed */ /* --ezobj_doc_content3-color: #393939; --ezobj_doc_content3_link-color: yellow; --ezobj_doc_content3_h1-color: purple; --ezobj_doc_content3_button-color: black; --ezobj_doc_content3_button-background-color: red; --ezobj_doc_content3_button-color__hover: purple; --ezobj_doc_content3_doc_separator-backround-color: white; --ezobj_doc_content3_button-background-color__hover: black; --ezobj_doc_content3_link-color__hover: black; */ /* 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; /* ---------------- TAB TOP RIGHT (LAYOUT2) FEATURES ---------------- */ /* TabTopRight - if you want the tabs to be shorter than the entire tabrow (which includes logo) then change tab height above like normal but set below tab content container to a larger number */ /* --ezobj_tabmenu_content_container-height: 100px; --ezobj_tabmenu_content_container_mobile-height: 100px; */ /* ---------------- 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)); */ /* ---------------- STAMP FEATURES ---------------- */ /* ftr icing if you want a band before the stamp area */ /* --ezobj_ftr_icing_background-color: #3b5b82; --ezobj_ftr_icing_container-height: 10px; --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; */ /* 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); */ /* --ezobj_hdr_content_container_mobile-background-color: transparent; */ /* --ezobj_hdr_content_mobile-background-color: transparent; */ /* --ezobj_hdr_icing_container-background-color: transparent; */ /* ---------------- 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 */ /* --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; */ /* ---------------- 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 HOSTING PAGE ---------------- */ }