/* Theme Name: Easy Business Child Theme URI: http://activu.com/ description: >- Easy Business Child Theme Author: Adam Saynuk Author URI: http://adam.bkry.org Template: easy-business Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: twenty-fifteen-child */ /* global box-sizing */ *, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smscroloothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* smooooth scrolling */ html { scroll-behavior: smooth; } /* GLOBAL COLOR PALETTE */ :root { /* main colors */ --marigold: #FFBC4E; --marigold-dark: #DEA238; --lightyellow: #FFDEA3; --lightyellow-65: rgba(255,222,163,.65); --lightyellow-50: rgba(255,222,163,.5); --lightyellow-20: rgba(255,222,163,.2); --marigold-0: rgba(255,188,78,0); --marigold-90: rgba(255,188,78,.9); --bluegrey: rgba(33,4,0,72,1); --palebluegrey: #EAEBEC; --links: var(--bluegrey); --links: var(--darkbluegrey2alt); --linkback: var(--lightyellow-50); --linkbackgrey: rgba(128,128,128,.1); --linkbackhover: var(--marigold); /* more bluegreys */ --darkbluegrey4: rgba(29,40,53,1); --darkbluegrey4-5: rgba(29,40,53,.05); --darkbluegrey4-10: rgba(29,40,53,.1); --darkbluegrey4-15: rgba(29,40,53,.15); --darkbluegrey4-20: rgba(29,40,53,.2); --darkbluegrey4-30: rgba(29,40,53,.3); --darkbluegrey4-40: rgba(29,40,53,.4); --darkbluegrey4-50: rgba(29,40,53,.5); --darkbluegrey4-60: rgba(29,40,53,.6); --darkbluegrey4-70: rgba(29,40,53,.7); --darkbluegrey4-80: rgba(29,40,53,.8); --darkbluegrey4-90: rgba(29,40,53,.9); --darkbluegrey4-95: rgba(29,40,53,.95); --darkbluegrey4-98: rgba(29,40,53,.98); --darkbluegrey4: #1d2835; --darkbluegrey3: #293340; --darkbluegrey2: #343E4A; --darkbluegrey2rgb: 52, 62, 74; --darkbluegrey2alt: #515D6A; /* --darkbluegrey1: #565E68; */ --darkbluegrey1: #67727F; --medbluegrey: #6C737C; --lightbluegrey: #A0A6B2; /* activu alt palette */ --plum: #87108E; --plum-10: rgba(135,16,142,.1); --plum-20: rgba(135,16,142,.2); --plum-30: rgba(135,16,142,.3); --grape: #4D4267; --grape-10: rgba(77,66,103,.1); --grape-20: rgba(77,66,103,.2); --grape-30: rgba(77,66,103,.3); --periwinkle: #738BDE; --periwinkle-10: rgba(115,139,222,.1); --periwinkle-20: rgba(115,139,222,.2); --periwinkle-30: rgba(115,139,222,.3); --mist: rgba(196,226,242,1); --mist-10: rgba(196,226,242,.1); --mist-20: rgba(196,226,242,.2); --mist-30: rgba(196,226,242,.3); --mint: #6DC5B3; --mint-10: rgba(109,197,179,.1); --mint-20: rgba(109,197,179,.2); --mint-30: rgba(109,197,179,.3); /* app UI colors */ --positivegreen: #00DB9F; --positivegreenshade: #00CD81; --positivegreendark: #00DB9F; --positivegreen-10: rgba(0,219,159,.1); --positivegreen-20: rgba(0,219,159,.2); --positivegreen-30: rgba(0,219,159,.3); --negativered: #FF5050; --negativeredshade: #F34B4B; --negativereddark: #E44747; --negativered-10: rgba(255,80,80,.1); --negativered-20: rgba(255,80,80,.2); --negativered-30: rgba(255,80,80,.3); --alertyellow: #E6FF00; --alertyellowshade: #D8F100; --alertyellowdark: #CCE500; --alertorange: #FF964B; --alertorangeshade: #FA832A; --alertorangedark: #F17025; --alertaqua: #3FFFFF; --alertaquashade: #3BF0F1; --alertaquadark: #38E2E3; --alertaquadarker: #34D5D6; --alertmagenta: #FF41FF; --alertmagentashade: #F23DF3; --alertmagentadark: #E43AE5; --alertmagentadarker: #D736D8; --alertgreen: #A0FF1C; --alertgreenshade: #96F21C; --alertgreendark: #8DE41A; --alertgreendarker: #86D719; --shadows: rgba(0,0,0,0.12); /* USE FOR Z INDEX */ /* zclose5 determines all measurements, they are all setup as a relationship to this */ --zclose5: 10; --zclose4: calc(var(--zclose5) * .9); --zclose3: calc(var(--zclose5) * .8); --zclose2: calc(var(--zclose5) * .7); --zclose1: calc(var(--zclose5) * .6); --zmid: calc(var(--zclose5) * .5); --zaway1: calc(var(--zclose5) * .4); --zaway2: calc(var(--zclose5) * .3); --zaway3: calc(var(--zclose5) * .2); --zaway4: calc(var(--zclose5) * .1); --zaway5: calc(var(--zclose5) * 0); /* USE FOR SCALE AND SHADOW DISTANCE */ --close5: calc(var(--zclose5) * .3); --close4: calc(var(--zclose5) * .25); --close3: calc(var(--zclose5) * .18); --close2: calc(var(--zclose5) * .14); --close1: calc(var(--zclose5) * .12); --mid0: calc(var(--zclose5) * .1); --away1: calc(var(--zclose5) * .09); --away2: calc(var(--zclose5) * .08); --away3: calc(var(--zclose5) * .06); --away4: calc(var(--zclose5) * .04); --away5: calc(var(--zclose5) * .03); /* USE FOR OBJECT BLUR AND SHADOW BLUR */ --blurclose5: calc(var(--zclose5) * .03); --blurclose4: calc(var(--zclose5) * .025); --blurclose3: calc(var(--zclose5) * .02); --blurclose2: calc(var(--zclose5) * .015); --blurclose1: calc(var(--zclose5) * .01); --blurmid: 0; --bluraway1: var(--blurclose1); --bluraway2: var(--blurclose2); --bluraway3: var(--blurclose3); --bluraway4: var(--blurclose4); --bluraway5: var(--blurclose5); /* USE FOR BRIGHTNESS AND CALCULATED OPACITY *100% */ --brightclose5: calc(var(--zclose5) * .075); --brightclose4: calc(var(--zclose5) * .08); --brightclose3: calc(var(--zclose5) * .085); --brightclose2: calc(var(--zclose5) * .09); --brightclose1: calc(var(--zclose5) * .095); --brightmid: calc(var(--zclose5) * .1); --brightaway1: var(--brightclose1); --brightaway2: var(--brightclose2); --brightaway3: var(--brightclose3); --brightaway4: var(--brightclose4); --brightaway5: var(--brightclose5); --deg0: 0; --deg10: 10deg; --deg20: 20deg; --deg30: 30deg; --deg40: 40deg; --deg50: 50deg; --deg60: 60deg; --deg70: 70deg; --deg80: 80deg; --deg120: 120deg; --deg-10: -10deg; --deg-20: -20deg; --deg-30: -30deg; --deg-40: -40deg; --deg-50: -50deg; --deg-60: -60deg; --deg-70: -70deg; --deg-80: -80deg; /* %s FOR COLUMNS ACROSS# */ --across1:98%; --across2:48%; --across3:31.3%; --across4:23%; --across5:18%; --across6:14.6%; --across7:12.2%; --across8:10.5%; --across9:9.8%; --across10:8%; --tableacross1:100%; --tableacross2:50%; --tableacross3:33.33%; --tableacross4:25%; --tableacross5:20%; --tableacross6:16.6%; --tableacross7:14.28%; --tableacross8:12.5%; --tableacross9:11.11%; --tableacross10:10%; --tableacross11:9.09%; --pad1: 1px; --pad2: 2px; --pad3: 3px; --pad4: 4px; --pad5: 5px; --pad6: 6px; --pad7: 7px; --pad8: 8px; --pad9: 9px; --pad10: 10px; --pad15: 15px; --pad20: 20px; --pad25: 25px; --pad30: 30px; } /* OVERALL BRAND COLORING */ #our-services .icon-container a:hover, #our-services .icon-container a:focus, #our-services .service-item-wrapper:hover .icon-container a, #our-services .service-item-wrapper:focus .icon-container a, .post-item .entry-meta .date a { background-color: var(--marigold); } #our-services .icon-container a:hover, #our-services .icon-container a:focus, #our-services .service-item-wrapper:hover .icon-container a, #our-services .service-item-wrapper:focus .icon-container a { border-color: var(--marigold); } a { color: var(--marigold); } strong { font-weight: 500; } h4 strong { font-weight: 600; } em { font-style: normal; display: inline-block; transform: skew(-8deg); } .header-viz { height: 49px; filter: drop-shadow(5px 5px 5px #222); } /* BLUR STYLE */ .blur1 { filter: blur(var(--pad1)); } .blur2 { filter: blur(var(--pad2)); } .blur3 { filter: blur(var(--pad3)); } .blur4 { filter: blur(var(--pad4)); } .blur5 { filter: blur(var(--pad5)); } .blur6 { filter: blur(var(--pad6)); } .blur7 { filter: blur(var(--pad7)); } .blur8 { filter: blur(var(--pad8)); } .blur9 { filter: blur(var(--pad9)); } .blur10 { filter: blur(var(--pad10)); } /* HIDE IF NOT ADMIN .hider, .button-demo, #menu-item-7043 { display: none !important; } .admin-bar .hider, .admin-bar .button-demo { display: block !important; } .admin-bar #menu-item-7043 { display: inline-block !important; } */ /* all around hide */ .hide { display: none !important; } /* LINKS AND ANCHORS */ p a, h1 a, h2 a, h3 a, h4 a, #content-wrapper li a, #compare-table td a, .wp-block-file a:not(a.wp-block-file__button), #content-wrapper .pressacross li > a:hover { text-decoration: none; display: inline-block; /* background: var(--linkback); background color of a link */ background: rgba(128,128,128,.1); background: var(--linkbackgrey); background: none; background: rgba(255,255,255,.7); -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,.7); box-shadow: 0 0 0 3px rgba(255,255,255,.7); color: var(--links); border-radius: 3px; border-radius: 1px; /* -webkit-box-shadow: 3px 0 0 0 var(--linkback) -3px 0 0 0 var(--linkback); box-shadow: 3px 0 0 0 var(--linkback), -3px 0 0 0 var(--linkback); right and left border for a link */ border-bottom: 1px solid var(--medbluegrey); font-weight: 500; word-break: pre-wrap; display: inline; /* ----- UNDERLINE MODS 7/14/22 ----- */ border-bottom-width: 2px; border-image-slice: 1; /* border-width: 5px; */ border-image-source: linear-gradient(to right, rgba(29,40,53,0), rgba(29,40,53,0.3)); } /* background transparent hack for table with background colors */ #compare-table td a { background: none; -webkit-box-shadow: none; box-shadow: none; } .has-background-dim a, .has-background-dim p a, .has-background-dim h1 a, .has-background-dim h2 a, .has-background-dim h3 a, .has-background-dim h4 a, .has-background-dim li a, /* .has-background-dim ~ div a, .has-background-dim ~ div p a, */ .has-background-dim ~ div h1 a, .has-background-dim ~ div h2 a, .has-background-dim ~ div h3 a, .has-background-dim ~ div h4 a, .has-background-dim ~ div li a, #content-wrapper .has-background-dim li a, .has-background-dim .wp-block-file a:not(a.wp-block-file__button), #content-wrapper .has-background-dim .pressacross li > a:hover { color: #FFFFFF; background: none; -webkit-box-shadow: none; box-shadow: none; /* ----- UNDERLINE MODS 7/14/22 ----- */ border-bottom-width: 2px; border-image-slice: 1; /* border-width: 5px; */ border-image-source: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); } .has-background-dim h1 a, .has-background-dim h2 a, .has-background-dim h3 a, .has-background-dim h4 a { } /*#content-wrapper h1 a, #content-wrapper h2 a, #content-wrapper h3 a, #content-wrapper h4 a, #content-wrapper h5 a, */ #content-wrapper h6 a, #content-wrapper .wp-block-latest-posts__list li > a, #content-wrapper .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image ~ a { background: none; text-decoration: none; } #content-wrapper h6 a:hover, #content-wrapper .wp-block-latest-posts__list li > a:hover, #content-wrapper .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image ~ a:hover { background: black; } #content-wrapper .wp-block-latest-posts__list.pressacross li > a, #content-wrapper .wp-block-latest-posts__list.pressacross li > a:hover { overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; line-height: 29px; } p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, #compare-table td a:hover, #content-wrapper li a:hover, .wp-block-file a:not(a.wp-block-file__button):hover { color: var(--links) !important; color: #000000 !important; color: white !important; background: var(--linkbackhover); -webkit-box-shadow: 3px 0 0 0 var(--links) -3px 0 0 0 var(--links); box-shadow: 3px 0 0 0 var(--links), -3px 0 0 0 var(--links); -webkit-box-shadow: 0 0 0 3px var(--linkbackhover); box-shadow: 0 0 0 3px var(--linkbackhover); background: black; -webkit-box-shadow: 0 0 0 3px black; box-shadow: 0 0 0 3px black; /* text-shadow: 1px 0 0 rgba(0,0,0,.5); */ } .wp-block-cover.has-background-dim { --linkbackgrey: rgba(255,255,255,.1); } body[class*="unlocked"] .wp-block-file a:not(a.wp-block-file__button):hover { color: var(--marigold) !important; } /* FONT AWESOME */ /* REFER TO HERE FOR ALL AVAILABLE ICON CODES: * https://fontawesome.com/v5.15/icons?d=gallery&p=1&m=free * */ .fas { margin-right: 4px; } /* MENUS */ .main-navigation li { line-height: 1.2em; } .main-navigation > li { } .main-navigation ul.nav-menu > li a:after { visibility: hidden; } .main-navigation ul.nav-menu > li:hover a:after { visibility: visible; } .main-navigation ul.nav-menu > li.focus > a, #our-services .icon-container a, .main-navigation ul.nav-menu .current_page_item > a, .main-navigation ul.nav-menu .current-menu-item > a, .main-navigation ul.nav-menu .current_page_ancestor > a, .main-navigation ul.nav-menu .current-menu-ancestor > a, .main-navigation ul ul li.focus > a{ color: var(--link); background-color: var(--lightyellow-65); background: none; } #masthead .main-navigation ul.nav-menu > li.focus > a:before, .main-navigation ul.nav-menu .current-menu-ancestor > a:before, .main-navigation ul.nav-menu .current_page_item > a:before, .main-navigation ul.nav-menu .current-menu-item > a:before, .main-navigation ul.nav-menu .current_page_ancestor > a:before { content: ''; display: block; height: 1px; width: calc(100% - 55px); background: black; position: absolute; left: 15px; bottom: 7px; } .main-navigation ul.nav-menu > li:hover > a, .main-navigation ul ul li:hover > a, .main-navigation ul ul li a:hover, .main-navigation ul ul li.current-menu-ancestor:hover > a { color: var(--link); background-color: var(--marigold-90); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); background: none; } .main-navigation ul ul li a:hover, .main-navigation ul ul li.current-menu-ancestor:hover > a { color: var(--link) !important; background: white; box-shadow: inset 0 0 0 1px black; } .menu-main-container > ul.nav-menu > li:hover > a, .menu-main-container > ul.nav-menu > li.current_page_ancestor:hover > a { border-radius: .1px; -webkit-box-shadow: 0 0 0 6px var(--marigold); box-shadow: 0 0 0 6px var(--marigold); -webkit-box-shadow: none; box-shadow: none; } .menu-main-container > ul.nav-menu > li.focus > a, .menu-main-container > ul.nav-menu > li.current_page_ancestor > a { border-radius: .1px; -webkit-box-shadow: 0 0 0 6px var(--lightyellow-65); box-shadow: 0 0 0 6px var(--lightyellow-65); -webkit-box-shadow: none; box-shadow: none; } .main-navigation ul.nav-menu .current_page_item .current_page_item a { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .main-navigation ul ul a { width: 235px; } /* making industries unclickable */ /* Industries dropdown */ .menu-item-6547 > a, /* Support dropdown */ .menu-item-6551 > a { pointer-events: none; } .menu-item-home { display: none !important; } /* MOBILE MENUS */ .menu-toggle:hover, .menu-toggle:focus { background: var(--marigold); } /*.pressacross a, li > a { color: var(--marigold); } .pressacross a:hover, li > a:hover { color: var(--marigold); }*/ #content-wrapper .pressacross li > a { border-bottom: none; } .backtotop { background: var(--marigold); } /* FONTS */ body, h1, h2, h3, h4, h5, h6 { font-family: 'Inter', 'Archivo', sans-serif; letter-spacing: .025em; letter-spacing: 0; font-weight: 300; /* font-family: 'KoHo', sans-serif; font-family: 'Exo 2', sans-serif; font-family: 'Anek Latin', sans-serif; */ font-family: 'Alliance No.2', sans-serif; font-family: 'Alliance No.1', sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Alliance No.2', sans-serif; } /* test animated headers */ h1, h2, h3, h4, h5, h6 { text-shadow: /* 2px 2px 0 rgba(0,0,255,.65), -2px 2px 0 rgba(255,0,0,.65), 2px -2px 0 rgba(0,255,0,1); */ } strong { text-shadow: 0 0 1px #000000, 0 0 1px #000000; } i { transform: skewX(10deg); } i.fa, i.fas, i.far, i.fab { transform: none; } @-moz-keyframes rgbin { 0% { text-shadow: 4px 4px 0 rgba(0,0,255,.65), -4px 4px 0 rgba(255,0,0,.65), 4px -4px 0 rgba(0,255,0,1); } 80% { text-shadow: 0px 0px 0 rgba(0,0,255,.65), -0px 0px 0 rgba(255,0,0,.65), 0px -0px 0 rgba(0,255,0,1); } } @-webkit-keyframes rgbin { 0% { text-shadow: 4px 4px 0 rgba(0,0,255,.65), -4px 4px 0 rgba(255,0,0,.65), 4px -4px 0 rgba(0,255,0,1); } 80% { text-shadow: 0px 0px 0 rgba(0,0,255,.65), -0px 0px 0 rgba(255,0,0,.65), 0px -0px 0 rgba(0,255,0,1); } } @-o-keyframes rgbin { 0% { text-shadow: 4px 4px 0 rgba(0,0,255,.65), -4px 4px 0 rgba(255,0,0,.65), 4px -4px 0 rgba(0,255,0,1); } 80% { text-shadow: 0px 0px 0 rgba(0,0,255,.65), -0px 0px 0 rgba(255,0,0,.65), 0px -0px 0 rgba(0,255,0,1); } } @-ms-keyframes fadeIn { 0% { text-shadow: 4px 4px 0 rgba(0,0,255,.65), -4px 4px 0 rgba(255,0,0,.65), 4px -4px 0 rgba(0,255,0,1); } 80% { text-shadow: 0px 0px 0 rgba(0,0,255,.65), -0px 0px 0 rgba(255,0,0,.65), 0px -0px 0 rgba(0,255,0,1); } } h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { } h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { } /* end test animated headers */ body, button, input, select, textarea { font-size: 18px; color: var(--bluegrey); } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } /* END FONTS */ body { } h1 { font-size: 42px; } h2 { font-size: 28px; /* border-top: 1px solid #000000; */ padding-top: 10px; } h2:after, .section-title:after { display: none; } h2.section-title { font-size: 40px; font-size: 46px; } .entry-content > h2 { /* font-size: 28px; color: #FFFFFF; border-top: 0; background: var(--darkbluegrey4); padding: 20px 20px 20px 0; display: inline-block; position: relative; -webkit-box-shadow: -50px 0 0 0 var(--darkbluegrey4); box-shadow: -50px 0 0 0 var(--darkbluegrey4); */ font-size: 34px; position: relative; } .entry-content > h2:before { content: ''; position: absolute; top: 0; bottom: 0; left: -200px; right: 0; background: var(--darkbluegrey4); display: block; z-index: -1; display: none; } /* yellow hanging header dot */ /* .entry-content > h2:after { content: ''; position: absolute; top: 28px; left: -20px; width: 10px; height: 10px; border-radius: 50%; background: var(--marigold); display: block; } */ .entry-content > h2.has-text-align-center:after { display: none; } .entry-content h3 { font-weight: 500; } #page-site-header h2 { border: none; } .entry-content > h2 { font-size: 46px; } #page-site-header h3 { color: #FFFFFF; font-size: 26px; margin-top: 0; } h3, ul.wp-block-latest-posts__list li a { font-size: 24px; } h3 { font-size: 30px; font-weight: 400; font-size: 34px; } .wp-block-cb-slide h3 { font-size: 24px; } h4 { font-size: 20px; font-size: 26px; font-weight: 500; } h5 { font-size: 18px; font-weight: bold; font-style: italic; } h6 { font-size: 14px; font-style: italic; } /* ----- OPTIONAL ADJUSTMENTS ----- */ .plusup-1-5 { font-size: 1.5em !important; font-weight: 500 !important; } .sizedown-75 { font-size: .75em; font-weight: 500; } .line-height-1-4m { line-height: 1.4em !important; } .pad-1-2 { padding: 1em 2em; } .add-pad-0-20-20-20 { padding: 0 20px 20px 20px; } .head-xl { font-size: 3em; } .margin-bottom-0 { margin-bottom: 0; } /* ----- IMG hover enlarge ----- */ .hover-enlarge { position: relative; } .hover-enlarge img { transition: .5s; } /* enlarge the image on hover of its parent element, which is automatically generated by wordpress */ .hover-enlarge:hover img { position: fixed; width: 70%; top: 30vh; left: 15%; isolation: isolate; isolation: isolate; z-index: 1001; transition-delay:.25s; } /* hide the caption. Ensure you added a caption to image via woordpress tools */ .hover-enlarge figcaption { display: none; } /* style and show the caption */ .hover-enlarge:hover figcaption { display: block; color: white; position: fixed; width: 70%; text-align: center; bottom: 10vh; left: 15%; isolation: isolate; z-index: 1001; font-style: normal; font-size: 2em; } /* background blackout and blur */ .hover-enlarge:hover:before { content: ''; display: block; width: 100%; height: 1000px; background: rgba(0,0,0,.8); position: fixed; pointer-events: none; top: 0; left: 0; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); isolation: isolate; z-index: 1000; animation: fadeIn .25s; -webkit-animation: fadeIn .25s; -moz-animation: fadeIn .25s; -o-animation: fadeIn .25s; -ms-animation: fadeIn .25s; } /* fade in for the background blackout, since we use display:none to block, we can't make a standard css transition work */ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* header section shadows */ #page-site-header .page-title, #page-site-header h3, .home #our-services .section-header > h2, .home #our-services .section-header > h3 { text-shadow: 0 1px 1px var(--darkbluegrey4), 0px 5px 10px rgba(0,0,0,.5), 0 10px 30px var(--darkbluegrey4); } /* end header shadows */ .site-branding { float: none; /* bringing logo to center */ margin: 0 auto; display: block; max-width: 200px; text-align: center; min-height: 61px; /* end bringing logo to center */ } .site-logo img { max-height: 40px; } .site-logo a { margin-right: 0; } #page-site-header .overlay { opacity: 0.6; opacity: 0.2; opacity: 0.3; /* transition: .25s; } #page-site-header .overlay:hover { opacity: 0.2; */ } .blurbanner #page-site-header .overlay, .blurbanner-01 #page-site-header .overlay { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 1; background: none; } .blurbanner-01 #page-site-header .overlay { backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); } header.page-header { pointer-events: none !important; } .imgbanner-bug { display: block; position: absolute; width: 20%; max-width: 150px; top: 320px; right: 10px; } /* ----- icon bar ----- */ .iconbar { flex-wrap: nowrap !important; } .iconbar.is-layout-flex { align-items: stretch; } .iconbar > .wp-block-button { flex: 1 1 0px; } .iconbar a.wp-block-button { } .iconbar a.wp-block-button__link { background: none; color: var(--darkbluegrey4-60); border: none; font-size: .8em; padding: 5px; line-height: 1.3em; border-radius: 0; width: 100%; height: 100%; } .iconbar a.wp-block-button__link:hover { border: none; background: none; box-shadow: inset 0 0 0 1px black; color: black; } .iconbar a.wp-block-button__link i { display: block; height: 45px; } .iconbar a.wp-block-button__link i:before { display: block; font-size: 2.5em; } /* ----- logo in a link recoloring ----- */ a.wp-block-button__link:hover img[src*="enx-viz-logo"] { /*content:''; position: relative; display: inline-block; width: 100%; height: auto;*/ content: url(/wp-content/uploads/2023/07/enx-viz-logo-KO.png); } a.wp-block-button__link:hover img[src*="ENX_black-green"] { /*content:''; position: relative; display: inline-block; width: 100%; height: auto;*/ content: url(/wp-content/uploads/2022/12/ENX_white-green.png); } a.wp-block-button__link:hover img[src*="visability2020-dark"] { /*content:''; position: relative; display: inline-block; width: 100%; height: auto;*/ /* content: url(/wp-content/uploads/2023/07/enx-viz-logo-KO.png); */ filter: brightness(0) invert(1); } a.wp-block-button__link:hover img[src*="omnilert_logo"] { /*content:''; position: relative; display: inline-block; width: 100%; height: auto;*/ content: url(/wp-content/uploads/2023/11/omnilert_logo-ko.png); } /* note */ /* note 2 */ /* note 3 */ /* note 4 */ /* ----- LOGOFIELD ----- */ .logofield { background: var(--mist-30); /* border: 1px solid black; */ padding: 80px; padding: 40px 80px 10px; } .logofield .wp-block-group__inner-container { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 50px; mix-blend-mode: multiply; } .logofield figure.wp-block-image { flex: 12%; max-width: 12%; flex: 9%; max-width: 9%; margin-block-end: 0; margin-block-start: 0; margin: 1em 0; } /* ----- rows of image items and logos ----- */ .logostrip { height: auto; } /* ----- carousel slider mods ----- */ .slick-slide { } .header-halfheight .slick-slide, .wp-block-cb-carousel.alignfull.header-halfheight .wp-block-cover { min-height: 450px; } .headshadow p { text-shadow: 0 3px 40px #000000, 0 3px 130px #000000, 0 1px 3px #000000; } .slide-sideheader.slick-slider { } .slide-sideheader .slick-slide { background: black; } .slide-sideheader.headshadow p { text-shadow: none; text-align: left; max-width: 35%; font-size: 44px; line-height: 54px; } .slide-sideheader.headshadow h3, .slide-sideheader.headshadow p { font-family: 'Alliance No.2', sans-serif; } .slide-sideheader .wp-block-cover .wp-block-cover__image-background, .slide-sideheader .wp-block-cover video.wp-block-cover__video-background, .slide-sideheader .wp-block-cover-image .wp-block-cover__image-background, .slide-sideheader .wp-block-cover-image video.wp-block-cover__video-background { left: auto; width: 60%; } .slide-sideheader.wp-block-cb-carousel .wp-block-cb-slide .wp-block-cover .wp-block-cover__inner-container { max-width: 90%; left: 0; } /* ----- back to top button ----- */ .back-to-top-button { } .back-to-top-button a { background: none; color: var(--darkbluegrey4); border: none; text-decoration: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; font-size: 13px; text-transform: uppercase; background: rgba(255,255,255,.6); box-shadow: 0 0 0 3px rgba(255,255,255,.6); padding: 2px 6px; } .back-to-top-button:after { content: ''; display: block; height: 50px; position: relative; } /* ----- learn more button ----- */ .learnmore { } .gobutton { } .pointer-up { } .learnmore a i, .gobutton a i, .pointer-up a i { transition: ease-out .25s; } .learnmore a:hover i, .gobutton a:hover i { transform: translateX(8px); color: var(--marigold); } .pointer-up a:hover i { transform: translatey(-4px); color: var(--marigold); } /* ----- playbutton ----- */ /* in a topbanner */ .header-cover a:has(i.fa-circle-play), .header-cover a:has(i.fa-play) { color: #FFFFFF; background: none; padding: 1px 7px 4px 5px; box-shadow: 0 0 0 1px rgba(255,255,255,1); border: none; font-size: .9em; } .header-cover a:has(i.fa-circle-play):hover, .header-cover a:has(i.fa-play):hover { background: black; } /* playbutton thumbbutton link made from a > img */ .playbutton a:has(img) { display: inline-block; position: relative; } .playbutton a:has(img):before { content: "\f144"; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: block; position: absolute; text-decoration: none; color: rgba(255,255,255,.6); font-size: 100px; left: calc(50% - 50px); top: 50%; line-height: 0; transition: ease-out .15s; text-shadow: 0 0 30px rgba(0,0,0,.7); } .playbutton a:has(img):hover:before { color: rgba(255,255,255,1); transform: scale(110%); } /* button in a topbanner icon color change on hover */ .header-cover a:has(i) i { transition: ease-out .15s; } .header-cover a:has(i):hover i { transform: translateX(3px); color: var(--marigold); } /* CONTENT AREA */ #content.site-content { position: relative; } /* WIDTH OF 90% FORCE */ .width90 { max-width: 1200px; width: 90%; margin: 0 auto; } /* MARGIN BOTTOM 0 FORCE */ .no-margin-bottom { margin-bottom: 0 !important; } /* MARGIN BOTTOM 1px FORCE */ .margin-bottom-1px { margin-bottom: 1px !important; } /* no padding classes */ .no-padding-top { padding-top: 0; } .no-padding-bottom { padding-bottom: 0; } .no-padding-left { padding-left: 0; } .no-padding-right { padding-right: 0; } /* no margin classes */ .no-margin-top { margin-top: 0 !important; margin-block-start: 0; } .no-margin-bottom { margin-bottom: 0 !important; margin-block-end: 0; } .no-margin-left { margin-left: 0; } .no-margin-right { margin-right: 0; } /* LIST MODIFICATIONS */ ul.centerlist { padding-left: 0; } ul.centerlist li { list-style: none; display: block; position: relative; text-align: center; line-height: 1.1em; padding-bottom: .5em; } .centerlist li:before, .centerlist li:after { content: " • "; } .centerlist li:before { } .centerlist li:after { } /* bullet 1 */ .centerlist li:first-child:before, .centerlist li:first-child:after { opacity: 0.7; } /* bullet 2 */ .centerlist li:nth-child(2):before, .centerlist li:nth-child(2):after { opacity: 0.4; } /* bullet 3 */ .centerlist li:nth-child(3):before, .centerlist li:nth-child(3):after { opacity: 0.25; } /* bullet 4 */ .centerlist li:nth-child(4):before, .centerlist li:nth-child(4):after { opacity: 0.2; } /* bullet 5 */ .centerlist li:nth-child(5):before, .centerlist li:nth-child(5):after { opacity: 0.15; } /* bullet 6+ */ .centerlist li:nth-child(6):before, .centerlist li:nth-child(6):after { opacity: 0.1; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 70%; border-color: #CCCCCC; background-color: #000000; } .footnote { font-size: .8em; position: relative; margin: 15px; } .footnote:before { width: 50px; height: 0; content: ''; position: absolute; top: -5px; left: 0; display: block; border-top: 1px solid #CCC; } /* HEADNOTES */ .headnote #page-site-header:after { content: ''; display: block; position: absolute; width: 100%; height: auto; bottom: 0; left: 0; font-size: 14px; text-align: center; } .headnote.confidential #page-site-header:after { background: red; color: white; content: 'Confidential'; font-weight: bold; letter-spacing: .25em; text-transform: uppercase; } /* not actually using, kind of conflicts with other footnote class #footnote { font-size: smaller; line-height: 1.4em; position: relative; margin-top: 50px; } #footnote:before, #footnote:after { content: ''; display: block;te position: absolute; height: 20px; width: 0; border-left: 1px solid #E3E3E3; left: 5px; } #footnote:before { top: -20px; } #footnote:after { bottom: -20px; } #footnote:target { background: red !important; <- testing footnote highlight after anchor link click } */ /* MENUS */ .main-navigation ul ul { background-color: rgba(255,255,255,.8); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.15); } .main-navigation ul:before { display: block; content: ''; width: 100vw; position: absolute; height 100px; background: red; } /* mods to center it all */ .main-navigation { float: none; } .main-navigation ul.nav-menu { text-align: center; } .main-navigation ul.nav-menu > li { padding: 10px 15px; } .main-navigation ul.nav-menu > li:hover { box-shadow: inset 0 0 0 1px black; } /* end centering mods */ .footer-widgets-area #menu-main { text-align: left; display: flex; padding-top: 80px; } .footer-widgets-area #menu-main .sub-menu { padding: 0; margin: 0 0 0 10px; border-left: 1px solid rgba(255,255,255,.2); } .footer-widgets-area #menu-main a { text-decoration: none; font-size: 1em; line-height: 1.2em; display: block; padding: 10px; } .footer-widgets-area #menu-main a:hover, .footer-widgets-area #menu-main .current-menu-item > a { color: var(--marigold); } .footer-widgets-area #menu-main a:hover { text-decoration: underline; } .footer-widgets-area #menu-main > .menu-item { } .footer-widgets-area #menu-main .menu-item { padding: 0; margin: 0; } .footer-widgets-area #menu-main li:before { display: none; } .footer-widgets-area #menu-main li a img { mix-blend-mode: luminosity; filter: brightness(300%); } /* legal menus */ #menu-legal { padding-top: 50px; } #menu-legal li { display: inline-block; width: auto; padding: 0 10px; font-size: .85em; } #menu-legal li a { text-decoration: none; } #menu-legal li a:hover { color: var(--marigold); } #menu-legal li:before { display: none; } .footer-widgets-area { padding-bottom: 0; } .footer-widgets-area #nav_menu-3 { border-top: 1px solid rgba(255,255,255,.2); } /* copyright */ .copy-right { font-size: .7em; } .entry-meta { } .entry-meta .author, .entry-meta .date, .entry-meta .cat-links { display: none; } /* END MENUS */ /* CHAT THINGS */ .chatbox { position: fixed; z-index: 1000; bottom: 20px; right: 20px; } .chat__trigger { display: none; } .chat__trigger + label { } .chat__trigger:checked + label > .chat__button-open { display: none; } .chat__trigger:not(:checked) + label > .chat__button-open:hover { background: var(--positivegreendark); } .chat__trigger:not(:checked) + label > .chat__button-close { display: none; } .chat__trigger:checked + label > .chat__button-close:hover { background: var(--negativered); } .chat__trigger:not(:checked) ~ .chatwindow { transform: translateY(100%); } .chat__button { width: 300px; border: 1px solid #ddf; /* padding: 1rem; */ border-radius: 0.25rem; width: 70px; border-radius: 100%; background: var(--periwinkle); overflow: hidden; aspect-ratio: 1/1; cursor: pointer; display: block; } .chat__button i, .chat__button div { position: absolute; top: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .chat__button i { color: rgba(255,255,255,.8); font-size: 3em; } .chat__button div { font-weight: bold; color: var(--darkbluegrey4-70); top: 18px; text-shadow: 0 0 1px var(--darkbluegrey4-70); } .chat__button:before { display: block; position: absolute; content: 'Connect with us!'; background: #F6F6F6; border: 2px solid black; border-radius: 5px; /* top: 10px; */ z-index: -1; font-size: 16px; transition: .5s; right: 85%; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: auto !important; white-space: nowrap; padding: 5px 15px; text-align: right; overflow: hidden } .chat__button:hover:before { opacity: 100; margin-left: -63px; } .chat__trigger:checked + label > .chat__button:before { content: 'Close window'; } .chat__trigger:checked .chat__button:hover:before { } .chatwindow { background: var(--darkbluegrey4-80); color: white; max-width: 300px; width: 300px; transition: transform 0.5s; position: absolute; transform: translateY(calc(-100% - 50px)); right: 20px; padding-top: 10px; -webkit-box-shadow: 0 0 0 3px var(--periwinkle), -50px 0px 200px 100px rgba(0,0,0,.5); box-shadow: 0 0 0 3px var(--periwinkle), -50px 0px 200px 100px rgba(0,0,0,.5); backdrop-filter: blur(15px) saturate(50%); -webkit-backdrop-filter: blur(15px) saturate(50%); border-radius: 7px; } .chatwindow-bar { /* background: var(--periwinkle); position: absolute; left: 0; right: 0; top: -20px; */ text-align: center; color: var(--periwinkle); font-weight: 200; font-size: 1.3em; text-shadow: 0 1px 5px #000000; /* border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-box-shadow: 0 0 0 3px var(--periwinkle), -50px 0px 200px 100px rgba(0,0,0,.5); box-shadow: 0 0 0 3px var(--periwinkle), -50px 0px 200px 100px rgba(0,0,0,.5); */ } .chatwindow-responsetime, .chatwindow-supportnote { padding: 5px; text-align: center; font-size: 16px; margin: 10px 15px; background-color: var(--periwinkle); border-radius: 5px; color: #000; font-weight: 500; line-height: 1.2em; position: relative; } .chatwindow-responsetime { } .chatwindow-supportnote { } .chatwindow .mktoForm .mktoLabel, .chatwindow .mktoForm .mktoFieldWrap { float: none; } .chatwindow .mktoFormRow { width: 100%; height: auto; min-height: auto; } .chatwindow #LblcommentsQuestions { display: none; } .chatwindow #commentsQuestions { width: 100% !important; /* box-shadow: 0px -102px 0px 0px rgba(255,255,255,.2); -webkit-box-shadow: 0px -102px 0px 0px rgba(255,255,255,.2); */ border-radius: 5px; } .chatwindow mktoFieldWrap:has(textarea.mktoValid) label.LblcommentsQuestions { display: block; } .chatwindow textarea#commentsQuestions::placeholder { color: grey; /* background-color: blue; padding: 10px; border-radius: 10px; */ } /* hiding the submit button until all is said and done */ .chatwindow:has(.mktoPlaceholderEmail) .mktoButtonRow, .chatwindow:has(#Email:not(.mktoValid)) .mktoButtonRow { display: none !important; } /* styling to make a pretend next "button" in the chatwindow, to cover up the real submit button. Maybe we should hide the submit button until the email is filled? */ .chat__trigger:checked ~ .chatwindow .nextbutton { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 1; text-align: center; padding: 10px; background: grey; color: lightgray; opacity: 25%; } /* making the text window bigger, it had been inexplicably smaller */ .chatwindow .mktoForm textarea.mktoField { min-height: 9em; } /* next "button" starts out grey above, once content entered in the TEXTBOX: ;, the next "button" changes via the style below */ .chatwindow:has(textarea.mktoValid) .nextbutton { background: green !important; background: var(--positivegreen) !important; color: white !important; opacity: 100% !important; cursor: pointer; } /* the initial messages start off lower and then slide up into the chatwindow */ .chat__trigger:not(:checked) ~ .chatwindow .chatwindow-responsetime, .chat__trigger:not(:checked) ~ .chatwindow .chatwindow-supportnote, .chat__trigger:not(:checked) ~ .chatwindow #commentsQuestions { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition-duration: .5s; transition-delay: 0s; } /* This is the sliding up into the chatwindow when the window is opened */ .chat__trigger:checked ~ .chatwindow .chatwindow-responsetime, .chat__trigger:checked ~ .chatwindow .chatwindow-supportnote, .chat__trigger:checked ~ .chatwindow #commentsQuestions { -webkit-transform: translateY(0); transform: translateY(0); opacity: 100; transition-duration: 1s; transition-delay: .5s; } /* delaying the items in order, this is the second thing to come in */ .chat__trigger:checked ~ .chatwindow .chatwindow-supportnote { transition-delay: 1s; } /* third arrival */ .chat__trigger:checked ~ .chatwindow #commentsQuestions { transition-delay: 1.5s; } /* user clicks the next "button" and firstname/lastname fields appear, they are initially not valid. So the button should change back to "disabled" look */ .chatwindow:has(#FirstName:not(.mktoValid)) .nextbutton, .chatwindow:has(#LastName:not(.mktoValid)) .nextbutton, .chatwindow:has(#Email:not(.mktoValid)) .nextbutton { background: grey !important; color: lightgray !important; opacity: 25% !important; cursor: not-allowed; } /* adding this hover state message so it's clear why the user can't proceed forward yet */ .chatwindow:has(#FirstName:not(.mktoValid)) .nextbutton:hover:after, .chatwindow:has(#LastName:not(.mktoValid)) .nextbutton:hover:after, .chatwindow:has(#Email:not(.mktoValid)) .nextbutton:hover:after { display: block; position: absolute; content: 'Fields above required'; background: #F6F6F6; color: black; border: 2px solid black; border-radius: 5px; bottom: -40px; z-index: 1; font-size: 12px; transition: .5s; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } /* once all fields have been filled out, ending with the email, we hide the next "button" */ .chatwindow:has(#Email.mktoValid) .nextbutton { display: none; } /* and we show the submit button */ .chatwindow:has(Email.mktoValid) .mktoButtonRow { display: block !important; } /* centering the submit button */ .mktoForm button.mktoButton { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #confirmform { padding: 20px; } .chatwindow .mktoFormRow:last-of-type { display: none; } /* COLUMN STUFF */ /* COLUMN STYLING */ .wp-block-column { margin-bottom: 10px; } /* COVER BLOCK HEADS */ /* COVER BLOCK HEADS ANYWHERE */ .wp-block-cover { min-height: 350px; margin-bottom: 0; } .wp-block-cover h2, .wp-block-group h2 { border: none; font-size: 50px; line-height: 1em; } .wp-block-cover .are-vertically-aligned-center p { margin-bottom: 0; } .wp-block-cover.nobutton .wp-block-buttons { display: none; } .wp-block-cover.nobutton .wp-block-column { border-bottom: none; } /* BLOCK HEAD GRADIENT MARIGOLD > GRAPE */ .has-tan-background-color { background: linear-gradient(90deg,rgb(255,188,78) 0%,rgb(77,66,103) 100%); } /* BLOCK HEAD DARK GREY */ .has-grey-background-color { background: var(--darkbluegrey2); } /* BLOCK HEAD BROWN > PALE GREY */ .has-brown-background-color { background: var(--darkbluegrey4-5); } .has-brown-background-color .wp-block-cover__inner-container { color: var(--darkbluegrey4) !important; } /* GENERIC BLOCK BACKGROUND PALE GREY */ .background-palegrey { background: var(--darkbluegrey4-5); padding: 20px 0; box-shadow: 1000px 0 0 0 var(--darkbluegrey4-5), -1000px 0 0 0 var(--darkbluegrey4-5); } .background-palegrey:before { } /* ---------- BLOCK-SPECIFIC STYLES ---------- */ .wp-block-cover.alignfull .wp-block-cover__inner-container > p, .wp-block-cover.alignfull .wp-block-cover__inner-container > h2, .wp-block-cover.alignfull .wp-block-cover__inner-container > h3, .wp-block-cover.alignfull .wp-block-cover__inner-container > .wp-block-columns { width: 90%; max-width: 1200px; margin: 0 auto .9em; padding-left: 65px; padding-right: 65px; } .wp-block-cover.alignfull .wp-block-cover__inner-container > h2, .wp-block-cover.alignfull .wp-block-cover__inner-container > h3 { margin-top: 50px; } .wp-block-cover.alignfull .wp-block-cover__inner-container h3 { font-size: 34px; } .wp-block-cover.alignfull .wp-block-cover__inner-container > h2 ~ .wp-block-columns { margin-top: -45px; } /* bannerhead page first block hack: to eliminate space after header before full-width block starts */ #page-site-header + #content-wrapper article .entry-content > .wp-block-cover.alignfull, #page-site-header + #content-wrapper article .entry-content > .wp-block-pullquote.alignfull { margin-top: -50px; } /* bannerhead page last block hack: to eliminate space after full-width block ends before footer */ article .entry-content > .wp-block-cover.alignfull:last-child, article .entry-content > .wp-block-pullquote.alignfull:last-child { margin-bottom: -155px; } /* block head cover first on page in mobile - extra space */ .mobile-topspace.wp-block-cover { padding-top: 75px; } /* pullquotes */ .wp-block-pullquote.is-style-solid-color { padding-top: 50px; padding-bottom: 50px; } /* COVER COLOR BLOCK HEAD AREAS INSIDE COLUMNS */ .wp-block-cover { } .wp-block-column .wp-block-cover { min-height: 200px; } .wp-block-column .wp-block-cover p { } .wp-block-column .wp-block-cover p.has-large-font-size { line-height: 1em; } .wp-block-column .wp-block-cover ~ figure.wp-block-image { margin-top: -3em; margin-bottom: 0; } .wp-block-column .wp-block-cover ~ figure.wp-block-image figcaption { padding-bottom: 1.5em; padding-top: .5em; margin: 0; background: var(--darkbluegrey4-5); } .wp-block-column .wp-block-cover ~ ul.has-background { margin-block-start: 0; margin-top: 0; background: var(--darkbluegrey4-5); } /* PHOTOBLOCKS */ .photoblock-right, .photoblock-left { padding: 0; height: 500px } .wp-block-cover.photoblock-right.height-auto .wp-block-cover__inner-container { height: auto; } .wp-block-cover.photoblock-right .wp-block-cover__inner-container { } .wp-block-cover.photoblock-right .wp-block-cover__inner-container .wp-block-media-text { margin: 0; height: 100%; } /* ----- media and text image background color ----- */ .img-mist-30 .wp-block-media-text__media, figure.img-mist-30, .wp-block-image.img-mist-30 { background: var(--mist-30); } .img-plum-10 .wp-block-media-text__media, figure.img-plum-10, .wp-block-image.img-plum-10 { background: var(--plum-10); } .img-grape-10 .wp-block-media-text__media, figure.img-grape-10, .wp-block-image.img-grape-10 { background: var(--grape-10); } .img-grape-20 .wp-block-media-text__media, figure.img-grape-20, .wp-block-image.img-grape-20 { background: var(--grape-20); } .img-mint-10 .wp-block-media-text__media, figure.img-mint-10, .wp-block-image.img-mint-10 { background: var(--mint-10); } .img-mint-20 .wp-block-media-text__media, figure.img-mint-20, .wp-block-image.img-mint-20 { background: var(--mint-20); } .img-negativered-10 .wp-block-media-text__media, figure.img-negativered-10, .wp-block-image.img-negativered-10 { background: var(--negativered-10); } /* SPACES block specific */ .wp-block-media-text#spaces { margin-bottom: 1px; } /* FULL WIDTH GROUPS */ .no-sidebar .wp-block-audio.alignfull, .no-sidebar .wp-block-categories.alignfull, .no-sidebar .wp-block-cover.alignfull, .no-sidebar .wp-block-gallery.alignfull, .no-sidebar .wp-block-image.alignfull, .no-sidebar .wp-block-pullquote.alignfull, .no-sidebar .wp-block-table.alignfull, .no-sidebar .wp-block-group.alignfull, .wp-block-cb-carousel.alignfull, .wp-block-buttons.alignfull, .wp-block-media-text.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); } /* hack to columns don't flow off the page */ .wp-block-columns.alignfull { width: 90vw; max-width: 90vw; margin-left: calc(-82vw / 2 + 90% / 2); margin-right: calc(-82vw / 2 + 90% / 2); } /* images constrain height */ .image-constrain-400h.wp-block-image { } figure.image-constrain-400h.wp-block-image { max-height: 400px; overflow: hidden; } figure.image-constrain-400h.wp-block-image > img { object-fit: cover !important; object-position: 50% 50%; } /* carousel height */ .wp-block-cb-carousel.alignfull .wp-block-cover { min-height: 600px; } /* text inside carousel */ .wp-block-cb-carousel .wp-block-cb-slide .wp-block-cover .wp-block-cover__inner-container { max-width: 80%; } .wp-block-cb-carousel .wp-block-cb-slide .wp-block-cover .wp-block-cover__inner-container .has-large-font-size, .wp-block-cb-carousel .wp-block-cb-slide .wp-block-cover .wp-block-cover__inner-container h3 { line-height: 41px; } /* carousel arrows */ .slick-prev, .slick-next { width: 40px; height: 40px; } .wp-block-cb-carousel .slick-next:before, .wp-block-cb-carousel .slick-prev:before { color: #FFFFFF; font-size: 40px; } /* FLOWCOLUMNS THAT HELP CONTENT REFLOW INTO COLUMNS; APPLY ONE OF THESE CLASSES TO A SINGLE COLUMN BLOCK */ .flowcolumn-2, .flowcolumn-3, .flowcolumn-4, .flowcolumn-5 { display: block; vertical-align: top; counter-reset: section; } .flowcolumn-2 { column-count: 2; } .flowcolumn-3 { column-count: 3; } .flowcolumn-4 { column-count: 4; } .flowcolumn-5 { column-count: 5; } .flowcolumn-2.no-p-break p, .flowcolumn-3.no-p-break p, .flowcolumn-4.no-p-break p, .flowcolumn-5.no-p-break p { -webkit-column-break-before: always; break-before: column; } .flowcolumn-2.no-p-break.pill p, .flowcolumn-3.no-p-break.pill p, .flowcolumn-4.no-p-break.pill p, .flowcolumn-5.no-p-break.pill > p, .flextile .wp-block-group__inner-container > * { border: 1px solid rgba(0,0,0,.05); border-radius: 6px; padding: 10px; background: rgba(255,255,255,.1); } /* the subsection as a whole */ .is-training ol.flowcolumn-2 > li, .is-training ol.flowcolumn-3 > li, .is-training ol.flowcolumn-4 > li, .is-training ol.flowcolumn-5 > li, .is-training ul.flowcolumn-2 > li, .is-training ul.flowcolumn-3 > li, .is-training ul.flowcolumn-4 > li, .is-training ul.flowcolumn-5 > li { padding-bottom: 1em; position: relative; } /* color block number on training link lists, only if LI contains a link */ .is-training ol.flowcolumn-2 > li:has(a):before, .is-training ol.flowcolumn-3 > li:has(a):before, .is-training ol.flowcolumn-4 > li:has(a):before, .is-training ol.flowcolumn-5 > li:has(a):before, .is-training ul.flowcolumn-2 > li:has(a):before, .is-training ul.flowcolumn-3 > li:has(a):before, .is-training ul.flowcolumn-4 > li:has(a):before, .is-training ul.flowcolumn-5 > li:has(a):before { content: ''; display: block; background: var(--marigold); width: 30px; height: 30px; position: absolute; left: -39px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; top: 0; counter-increment: section; /* Increment the value of section counter by 1 */ content: counter(section); /* Display counter value in default style (decimal) */ text-align: center; } /* color block pointer on training link lists, only if LI contains a link */ .is-training ol.flowcolumn-2 > li:after, .is-training ol.flowcolumn-3 > li:after, .is-training ol.flowcolumn-4 > li:after, .is-training ol.flowcolumn-5 > li:after, .is-training ul.flowcolumn-2 > li:after, .is-training ul.flowcolumn-3 > li:after, .is-training ul.flowcolumn-4 > li:after, .is-training ul.flowcolumn-5 > li:after { content: ''; display: block; background: var(--marigold); width: 0px; height: 0px; border-left: 11px solid var(--marigold); border-right: 0px solid rgba(255,255,255,0); /* black first */ border-bottom: 15px solid #333333; border-top: 15px solid #333333; /* marigold first */ border-bottom: 15px solid var(--marigold); border-top: 15px solid var(--marigold); position: absolute; left: -11px; top: 0; } /* removing color block number/pointer on training link lists, if does not contain a link */ .is-training ol.flowcolumn-2 > li:not(:has(a)):before, .is-training ol.flowcolumn-3 > li:not(:has(a)):before, .is-training ol.flowcolumn-4 > li:not(:has(a)):before, .is-training ol.flowcolumn-5 > li:not(:has(a)):before, .is-training ul.flowcolumn-2 > li:not(:has(a)):before, .is-training ul.flowcolumn-3 > li:not(:has(a)):before, .is-training ul.flowcolumn-4 > li:not(:has(a)):before, .is-training ul.flowcolumn-5 > li:not(:has(a)):before, .is-training ol.flowcolumn-2 > li:not(:has(a)):after, .is-training ol.flowcolumn-3 > li:not(:has(a)):after, .is-training ol.flowcolumn-4 > li:not(:has(a)):after, .is-training ol.flowcolumn-5 > li:not(:has(a)):after, .is-training ul.flowcolumn-2 > li:not(:has(a)):after, .is-training ul.flowcolumn-3 > li:not(:has(a)):after, .is-training ul.flowcolumn-4 > li:not(:has(a)):after, .is-training ul.flowcolumn-5 > li:not(:has(a)):after { display: none !important; } /* the actual font of each subsection's heading */ .is-training ol.flowcolumn-2 > li, .is-training ol.flowcolumn-3 > li, .is-training ol.flowcolumn-4 > li, .is-training ol.flowcolumn-5 > li, .is-training ul.flowcolumn-2 > li, .is-training ul.flowcolumn-3 > li, .is-training ul.flowcolumn-4 > li, .is-training ul.flowcolumn-5 > li, .is-training ol.flowcolumn-2 > li a, .is-training ol.flowcolumn-3 > li a, .is-training ol.flowcolumn-4 > li a, .is-training ol.flowcolumn-5 > li a, .is-training ul.flowcolumn-2 > li a, .is-training ul.flowcolumn-3 > li a, .is-training ul.flowcolumn-4 > li a, .is-training ul.flowcolumn-5 > li a { font-weight: bold !important; margin-right: 40px; break-inside: avoid; } /* link in training lists */ .is-training ol.flowcolumn-2 > li a, .is-training ol.flowcolumn-3 > li a, .is-training ol.flowcolumn-4 > li a, .is-training ol.flowcolumn-5 > li a, .is-training ul.flowcolumn-2 > li a, .is-training ul.flowcolumn-3 > li a, .is-training ul.flowcolumn-4 > li a, .is-training ul.flowcolumn-5 > li a { /* black first */ color: white !important; background: #333333 !important; box-shadow: 0 0 0 3px #333333 !important; /* marigold first */ color: black !important; background: var(--marigold) !important; box-shadow: 0 0 0 3px var(--marigold) !important; border-top-left-radius: 0; border-bottom-left-radius: 0; /* killing the gradient underline */ border-bottom-color: var(--marigold) !important; border-image: none !important; } /* pointer and link transition */ .is-training ol.flowcolumn-2 > li a, .is-training ol.flowcolumn-3 > li a, .is-training ol.flowcolumn-4 > li a, .is-training ol.flowcolumn-5 > li a, .is-training ul.flowcolumn-2 > li a, .is-training ul.flowcolumn-3 > li a, .is-training ul.flowcolumn-4 > li a, .is-training ul.flowcolumn-5 > li a, .is-training ol.flowcolumn-2 > li:after, .is-training ol.flowcolumn-3 > li:after, .is-training ol.flowcolumn-4 > li:after, .is-training ol.flowcolumn-5 > li:after, .is-training ul.flowcolumn-2 > li:after, .is-training ul.flowcolumn-3 > li:after, .is-training ul.flowcolumn-4 > li:after, .is-training ul.flowcolumn-5 > li:after { transition: .05s ease-in; } /* link in training lists HOVER */ /* SEE END OF FILE FOR FONT COLOR */ .is-training ol.flowcolumn-2 > li a:hover, .is-training ol.flowcolumn-3 > li a:hover, .is-training ol.flowcolumn-4 > li a:hover, .is-training ol.flowcolumn-5 > li a:hover, .is-training ul.flowcolumn-2 > li a:hover, .is-training ul.flowcolumn-3 > li a:hover, .is-training ul.flowcolumn-4 > li a:hover, .is-training ul.flowcolumn-5 > li a:hover { color: black !important; background: var(--marigold) !important; box-shadow: 0 0 0 3px var(--marigold) !important; /* killing the gradient underline in hover for marigold */ border-bottom-color: var(--marigold) !important; border-image: none !important; color: white !important; background: #333333 !important; box-shadow: 0 0 0 3px #333333 !important; /* killing the gradient underline in hover for black */ border-bottom-color: #333333 !important; border-image: none !important; } /* link in training lists HOVER */ .is-training ol.flowcolumn-2 > li:has(a:hover):after, .is-training ol.flowcolumn-3 > li:has(a:hover):after, .is-training ol.flowcolumn-4 > li:has(a:hover):after, .is-training ol.flowcolumn-5 > li:has(a:hover):after, .is-training ul.flowcolumn-2 > li:has(a:hover):after, .is-training ul.flowcolumn-3 > li:has(a:hover):after, .is-training ul.flowcolumn-4 > li:has(a:hover):after, .is-training ul.flowcolumn-5 > li:has(a:hover):after { border-top-color: var(--marigold); border-bottom-color: var(--marigold); border-top-color: #333333; border-bottom-color: #333333; } .is-training ol.flowcolumn-2 ul, .is-training ol.flowcolumn-3 ul, .is-training ol.flowcolumn-4 ul, .is-training ol.flowcolumn-5 ul, .is-training ul.flowcolumn-2 ul, .is-training ul.flowcolumn-3 ul, .is-training ul.flowcolumn-4 ul, .is-training ul.flowcolumn-5 ul { margin-left: 0; padding-left: 0; } .is-training ol.flowcolumn-2 ul li, .is-training ol.flowcolumn-3 ul li, .is-training ol.flowcolumn-4 ul li, .is-training ol.flowcolumn-5 ul li, .is-training ul.flowcolumn-2 ul li, .is-training ul.flowcolumn-3 ul li, .is-training ul.flowcolumn-4 ul li, .is-training ul.flowcolumn-5 ul li { display: inline; font-weight: normal; } .is-training ol.flowcolumn-2 ul li:after, .is-training ol.flowcolumn-3 ul li:after, .is-training ol.flowcolumn-4 ul li:after, .is-training ol.flowcolumn-5 ul li:after, .is-training ul.flowcolumn-2 ul li:after, .is-training ul.flowcolumn-3 ul li:after, .is-training ul.flowcolumn-4 ul li:after, .is-training ul.flowcolumn-5 ul li:after { content: ", "; } .is-training ol.flowcolumn-2 ul li:last-child:after, .is-training ol.flowcolumn-3 ul li:last-child:after, .is-training ol.flowcolumn-4 ul li:last-child:after, .is-training ol.flowcolumn-5 ul li:last-child:after, .is-training ul.flowcolumn-2 ul li:last-child:after, .is-training ul.flowcolumn-3 ul li:last-child:after, .is-training ul.flowcolumn-4 ul li:last-child:after, .is-training ul.flowcolumn-5 ul li:last-child:after { display: none; } /* 2 flowcolumns to 1 */ @media (max-width: 567px) { .flowcolumn-2 { column-count: 1; } } /* 3 flowcolumns to 1 */ @media (max-width: 767px) { .flowcolumn-3 { display: flex; } } /* 4 flowcolumns to 2 */ @media (max-width: 767px) { .flowcolumn-4 { column-count: 2; } } /* 4 flowcolumns to 1 */ @media (max-width: 567px) { .flowcolumn-4 { display: flex; } } /* 5 flowcolumns to 3 */ @media (max-width: 992px) { .flowcolumn-5 { column-count: 3; } } /* 5 flowcolumns to 2 */ @media (max-width: 767px) { .flowcolumn-5 { column-count: 2; } } /* 5 flowcolumns to 1 */ @media (max-width: 567px) { .flowcolumn-5 { display: flex; } } /* FLEX TILES */ .flextile .wp-block-group__inner-container { display: flex; flex-wrap: nowrap; align-items: center; align-content: flex-start; align-items: stretch; } .flextile .wp-block-group__inner-container * { margin: 10px; text-align: center; flex: 0 1 auto; flex-basis: 100%; } /* HEADER COLUMNS TO LOOK NICER */ .headercols { justify-content: center; } .headercols, .headercols h2, .headercols h3, .headercols h4, .headercols h5 { position: relative; } .headercols h2:before, .headercols h3:before, .headercols h4:before, .headercols h5:before { content:''; display: block; border-radius: 50%; width: 10px; height: 10px; line-height: 0; background: var(--marigold); position: absolute; top: -15px; left: calc(50% - 9px); } /* LATEST POSTS INSIDE A COLUMN */ .wp-block-column ul.wp-block-latest-posts__list, .wp-block-column ul.wp-block-latest-posts { padding-left: 0; } .wp-block-column ul.wp-block-latest-posts__list li, .wp-block-column ul.wp-block-latest-posts li { padding-bottom: 40px; } /* COLUMN STYLING */ /* style the container of a row of columns */ .columns-row { border: 1px solid var(--lightbluegrey); margin-bottom: 0; } .columns-table { align-items: stretch; } .columns-table > .wp-block-column { padding: 2em; } /* style a column back/border */ .column-shade { background: var(--palebluegrey); align-self: initial !important; } .column-shade .wp-block-column { align-self: center; } /* END COLUMN STYLE UPDATES */ /* WP table customizations */ #compare-table th { text-transform: capitalize; } #compare-table th:nth-child(2) { background: var(--marigold); text-align: center; } #compare-table td:nth-child(1) { font-weight: bold; } #compare-table td:nth-child(2) { background: var(--lightyellow-20); } #compare-table td:nth-child(3), #compare-table td:nth-child(4) { color: rgba(0,0,0,.5); } /* red text */ #compare-table tr:nth-child(1) td:nth-child(3), #compare-table tr:nth-child(2) td:nth-child(4), #compare-table tr:nth-child(5) td:nth-child(4), #compare-table tr:nth-child(6) td:nth-child(3), #compare-table tr:nth-child(6) td:nth-child(4), #compare-table tr:nth-child(7) td:nth-child(3), #compare-table tr:nth-child(7) td:nth-child(4), #compare-table tr:nth-child(8) td:nth-child(3), #compare-table tr:nth-child(8) td:nth-child(4), #compare-table tr:nth-child(10) td:nth-child(3), #compare-table tr:nth-child(10) td:nth-child(4) { color: red; } #compare-table:before { height: 120px; content: ''; display: block; position: relative; } /* ----- LABEL TABLE ----- */ .table-label-content :is(tbody, table, tr, td) { border: none; padding: none; } .table-label-content table { margin: 0; display: table; } .table-label-content { -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 0 10px rgba(0,0,0,.3); overflow: visible; border-radius: 1px; } .table-label-content tbody { background: rgba(0,0,0,.3); } @media screen and (max-width: 768px) { } .table-label-content tbody tr { } .table-label-content tbody tr:last-of-type { border-bottom: none !important; } .table-label-content tbody tr td { display: table-cell !important; width: inherit; padding: 0; padding-bottom: 10px; } .table-label-content tbody tr td:first-child { width: auto; padding-right: 20px !important; } .table-label-content tr { } /* ----- FLEXIBLE TABLE MODS / FIXES ----- */ .wp-block-flexible-table-block-table { } .wp-block-flexible-table-block-table.is-content-justification-center > table { text-align: center; } .wp-block-flexible-table-block-table.is-content-justification-center tbody { display: inline-block; } .calloutback-light { background: var(--darkbluegrey4-5); outline: 15px solid var(--darkbluegrey4-5); } .callout-dark-wide { background: var(--darkbluegrey4); outline: 15px solid var(--darkbluegrey4); color: white; font-size: 1.5em; line-height: 1.5em; position: relative; padding-left: 50px; } .callout-dark-wide:before { content: ''; width: 30px; position: absolute; bottom: -15px; top: -15px; left: -15px; display: block; background: var(--marigold); } .interstitial-line { display: block; margin: 2vh auto; width: 95%; background: var(--palebluegrey); border: 1px solid var(--lightbluegrey); border-radius: 5px; text-align: center; padding: 2vh; clip-path: inset(0 round 5px); position: relative; } .interstitial-line:before { content: ''; border-radius: 50%; width:6vh; height: 6vh; display: block; position: absolute; left: -3vh; top: -3vh; background: var(--marigold); } /* ----- ACTIVU DICTIONARY ----- */ .term-strap { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px; } .term-strap:before { /* content: ''; display: block; position: absolute; left: 0; height: 30px; width: 100vw; z-index: -1; background: black; */ } .term-strap h2 { display: inline-block; width: 19%; vertical-align: top; margin: 0; padding: 0; margin-right: 5%; } .term-strap p { display: inline-block; width: 76%; vertical-align: top; padding-top: 8px; } .term-list { } .term-list h2 { } .term-list p { } .term-callout { } .term-callout h2 { } .term-callout p { } /* STRUCTURE */ .section-gap:first-of-type { padding-top: 0; } #page-site-header { padding: 290px 0; padding: 250px 0; } .logogroup { margin-bottom: .2em; } .logogroup .wp-block-image { margin: .5em 0; } .vert-line-col { position: relative; } .vert-line-col:before { border-right: solid #CCCCCC 1px; content: ''; display: block; width: 1px; bottom: 0; top: 0; position: absolute; left: 50%; } /* ----- Q & A QUESTION & ANSWERS FAQ ----- */ .q, .a { display: block; padding: 10px; background: var(--darkbluegrey4-10); border-radius: 20px; border-top-left-radius: 0; padding-left: 50px; } .q { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; font-weight: bold; } .q:first-letter, .a:first-letter { font-size: 1.5em; font-weight: bold; color: var(--darkbluegrey2); text-transform: uppercase; display: inline-block; background-color: white; box-shadow: 0px -9px 0px 10px white; margin-right: 15px; margin-left: -40px; } .q:first-letter { } .a { background: var(--darkbluegrey4-5); margin-top: 0; margin-bottom: 30px; border-top-right-radius: 0; padding-bottom: 15px;ta } .a:first-letter { color: var(--marigold); } /* ----- END Q & A QUESTION & ANSWERS FAQ ----- */ /* IMAGE PILE CONGA LINE */ .congaline { } .congaline .wp-block-group__inner-container { display: flex; margin:0 -15px; } .congaline figure.wp-block-image { flex-grow: 1; flex-basis: 0; padding:0 15px; align-items: center; /* width: 100px; */ } .congaline figure.wp-block-image img { /* width: 100%; max-height: 100px; */ } /* ----- block quote mods ----- */ .wp-block-quote.width400 { width: 400px; } .wp-block-quote.floatright { float: right; margin-left: 30px; } .wp-block-quote.floatleft { float: left; margin-right: 30px; } /*-------------------------------------------------------------- # BUTTON STYLE UPDATES --------------------------------------------------------------*/ .wp-block-button__link { font-weight: 400; font-size: 1em; border-radius: 4px; border: 2px solid var(--darkbluegrey4); background: var(--darkbluegrey4); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; background: white; border: 1px solid black; color: black; } .has-background-dim .wp-block-button__link, .has-background-dim ~ .wp-block-button__link, .has-background-dim ~ .wp-block-cover__inner-container .wp-block-button__link, .has-white-color .wp-block-button__link, .has-grey-background-color .wp-block-button__link { /* box-shadow: 0 0 0 4px var(--marigold); */ background: none; border: 1px solid white; color: white; } .marigold .wp-block-button__link, .has-background-dim .marigold .wp-block-button__link, .marigold .wp-block-button__link:visited, .has-background-dim .marigold .wp-block-button__link:visited { background-color: var(--marigold); color: var(--bluegrey); border: 1px solid var(--marigold-dark); } .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .button-container1 .wp-block-button__link:hover, button, input[type="button"], input[type="reset"], input[type="submit"], .home #our-services .service-item-wrapper .entry-container .read-more { background-color: var(--marigold); background-color: black; color: var(--bluegrey); color: white; text-decoration: none; border: 1px solid var(--marigold-dark); border-color: white; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out; } .marigold .wp-block-button__link:hover, .marigold .wp-block-button__link:focus { border: 1px solid var(--darkbluegrey4); box-shadow: 0 0 0 2px black; } .buttons-together .wp-block-button__link { padding-right: 5px; padding-left: 5px; } /* button on gradient background */ .has-tan-background-color + div button, .has-tan-background-color + div input[type="button"], .has-tan-background-color + div input[type="reset"], .has-tan-background-color + div input[type="submit"] { box-shadow: 0 0 0 5px var(--darkbluegrey2alt); border-radius: 2px; color: black; color: white; font-weight: bold; display: inline-block; } .has-tan-background-color + div button:focus, .has-tan-background-color + div button:hover { color: white !important; box-shadow: 0 0 0 5px var(--marigold) !important; color: white !important; } /* image buttons */ .image-button { width: 100%; overflow: hidden; } .image-button:hover { box-shadow: 0 0 0 5px var(--marigold); } .image-button .wp-block-button__link:before, .image-button .wp-block-button__link, .image-button { border-radius: 5px; } .image-button .wp-block-button__link:hover { color: white; } .image-button .wp-block-button__link { background-size: cover !important; padding-right: 10px; padding-left: 10px; width: 100%; min-height: 120px; position: relative; text-shadow: 0 0 50px #000000, 0 0 50px #000000, 0 0 50px #000000; font-size: 23px; background-position: center center; display: block; } /* .image-button .wp-block-button__link:before { content:''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3); display: block; } */ /* image buttons and image columns */ .image-button .wp-block-button__link, .image-columns .image-column { background-position: top center; background-size: cover; } .image-columns .image-column h2 { font-size: 33px; padding-left: 1rem; padding-right: 1rem; text-align: center; } .image-columns .image-column:before { position: relative; content: ''; display: block; background: black; left: 0; right: 0; } /* utilities */ .image-button.utilities .wp-block-button__link, .image-columns .image-column.utilities { background-image: url("/wp-content/uploads/2019/01/powerlines-crop.jpg"); } /* transportation */ .image-button.transportation .wp-block-button__link, .image-columns .image-column.transportation { background-image: url("/wp-content/uploads/2018/03/asphalt-blur-cars-399636.jpg"); } /* public safety */ .image-button.pubsafety .wp-block-button__link, .image-columns .image-column.pubsafety { background-image: url("/wp-content/uploads/2018/11/police-lights-rain.jpg"); } /* defense */ .image-button.defense .wp-block-button__link, .image-columns .image-column.defense { background-image: url("/wp-content/uploads/2019/08/military3.jpg"); } /* corp */ .image-button.corp .wp-block-button__link, .image-columns .image-column.corp { background-image: url("/wp-content/uploads/2018/08/keyboard-red-1-700x394.jpg"); } /* video wall software */ .image-button.videowall .wp-block-button__link, .image-columns .image-column.videowall { background-image: url("/wp-content/uploads/2022/11/PGE5-768x576.jpg"); background-position: bottom center; } /* design */ .image-button.design .wp-block-button__link, .image-columns .image-column.design { background-image: url("/wp-content/uploads/2020/12/blueprints-700x366.jpg"); } /* implementation */ .image-button.implementation .wp-block-button__link, .image-columns .image-column.implementation { background-image: url("/wp-content/uploads/2021/08/warehouse-1024x683.jpg"); } /* support */ .image-button.support .wp-block-button__link, .image-columns .image-column.support { background-image: url("/wp-content/uploads/2019/07/IMG_9850-700x467.jpg"); } /* support */ .image-button.visual-acuity .wp-block-button__link, .image-columns .image-column.visual-acuity { background-image: url("/wp-content/uploads/2023/03/eye.jpg"); background-position: center center; } /* end image buttons */ /* ----- ACTIVU STACK ----- */ .next-gen-stack-group { } .next-gen-stack-group h4 { font-size: 20px; } .flex-cell { display: flex; } .flex-cell.flex-devices { flex-direction: row-reverse; /* note this makes the devices all backwards so we can have them in the correct order in mobile when the stack. This is why they are in the wrong order in HTML */ } td.stack-category, td.stack { } .stack-category { width: 20%; } div.activu-stack-table-row > div { display: inline-block; } div.activu-stack-table-row > div:last-child { width: 79%; } .stack { /* width: 80%; messes up flex elements? */ } .cell-viewing, .cell-automation, .cell-orchestration, .cell-security, .cell-sources, .cell-platform { } .cell-sources h4 { color: var(--periwinkle); } .cell-platform h4 { color: var(--marigold); } .cell-sources, .cell-platform { } .activu-stack-table { width: 100%; max-width: 100%; min-width: 100%; /* box-shadow: 0px 0px 0px 1px grey; */ padding: 0; margin: 0; } .activu-stack-table tbody, .activu-stack-table tr { max-width: inherit; } .activu-stack-table tr, .activu-stack-table td { padding: 0; border: none; } .stack-device, .stack-layer, .stack-source { text-align: center; line-height: 1em; } .stack-element { word-wrap: break-word; hyphens: auto; position: relative; } .stack-device, .stack-source { display: flex; justify-content: center; align-items: center; background: black; margin-right: 2%; color: white; position: relative; flex-grow: 1; white-space: pre-wrap; min-width: 0; min-height: 0; flex-basis: 100%; } .stack-device { height: 100px; font-size: .75vw; } .stack-device, .stack-device:before, .stack-layer, .stack-layer:before, .stack-source, .stack-source:before { border: solid 7px orange; } .stack-device, .stack-layer { margin-bottom: 13px; } .stack-device:first-child { margin-right: 0; } .stack-alerting, .stack-activu { border-radius: 15px; } .stack-alerting { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .stack-activu { border-top-left-radius: 0; border-top-right-radius: 0; } .stack-source:last-child { margin-right: 0; } .stack-device:before, .stack-layer:before, .stack-source:before { content: ''; display: block; position: absolute; border-top: none; border-bottom: none; bottom: -22px; height: 15px; width: 0; left: calc(50% - 7px); } .stack-layer:before { width: 50px; left: calc(50% - 25px); } .stack-source { border-bottom: none; border-top-left-radius: 25px; border-top-right-radius: 25px; padding: 3% 1%; background: var(--periwinkle); background: #738BDE; font-size: .8vw; line-height: 1.2em; } .stack-source:before { bottom: auto; bottom: initial; top: -22px; } .stack-vidwall { flex-basis: 150%; flex-grow: 1; } .stack-layer, .stack-layer:before { background: orange; } .stack-layer { width: 100%; aspect-ratio: 14 / 1; /* ↔️ is double the ↕️ */ display: flex; justify-content: center; align-items: center; position: relative; text-align: center; } .stack-activu { /* background-image: url(https://activu.com/wp-content/uploads/2022/08/activu-logo-dark-on-yellow.png); */ background-repeat: no-repeat; background-size: contain; background-position: center center; border-width: 30px; margin-bottom: 0; } .stack-activu img { height: 30px; } .stack-activu:before, .stack-user:before { display: none; } /* ----- MOBILE ----- */ @media screen and (max-width: 414px) { .activu-stack-table td { display: inline-block; width: 100%; text-align: center; } .activu-stack-table tbody, .activu-stack-table tr { width: inherit; max-width: inherit; } .stack-device, .stack-source { display: inline-block; margin-right: 0; padding: 5%; height: 65px; min-height: 65px; font-size: 14px; } .stack-layer { width: 100%; aspect-ratio: none; padding: 3%; max-width: inherit; } .stack-source:before { border-image: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(255,188,78,1) ) 1 100%; } .stack-device:before, .stack-layer:before { border-image: linear-gradient( to top, rgba(0, 0, 0, 0), rgba(255,188,78,1) ) 1 100%; } .stack-layer:before { background: rgb(2,0,36); background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(255,188,78,1) 100%); } .stack-category { width: 100%; } .next-gen-stack-group h4 { margin-top: 0; padding-top: 20px; text-shadow: 0 1px 1px black, 0 1px 1px black; text-transform: uppercase; } div.activu-stack-table-row > div { display: block; } div.activu-stack-table-row:has(.cell-viewing) { /* background: red; } div.activu-stack-table-row:has(.cell-automation) { /8 background: blue; */ } div.activu-stack-table-row:has(.cell-orchestration) { /* background: orange;*/ } div.activu-stack-table-row:has(.cell-security) { /* background: yellow;*/ } div.activu-stack-table-row:has(.cell-sources) { /* background: purple;*/ } div.activu-stack-table-row .cell-platform { /* background: green;*/ display: none; } div.activu-stack-table-row { background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.1) 35%, rgba(0,0,0,0.03) 100%); } div.activu-stack-table-row > div:last-child { width: 100%; } .flex-cell { display: block; } } /* ----- END ACTIVU STACK ----- */ .videothumb, .wp-block-latest-posts__list .videos .wp-block-latest-posts__featured-image { position: relative; } .videothumb:before, .wp-block-latest-posts__list .videos .wp-block-latest-posts__featured-image:before { display: block; width: 100px; height: 100px; content: "▶"; color: rgba(255,255,255,.5); background: rgba(0,0,0,.5); position: absolute; top: calc(46% - 50px); left: calc(50% - 50px); border-radius: 50%; line-height: 87px; z-index: 1; font-size: 50px; text-align: center; letter-spacing: -12px; border: 10px solid rgba(255,255,255,.5); -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.5); box-shadow: 0 0 0 2px rgba(0,0,0,.5); pointer-events: none; } .videothumb:hover:before,, .wp-block-latest-posts__list .videos .wp-block-latest-posts__featured-image:hover:before { color: rgba(255,255,255,1); border-color: rgba(255,255,255,1); } /* VIDEO LIST - for listing a stream of videos on related topics/categories, within a page */ /* this is used on the Query Loop portion of the feed/block */ .video-list { } .video-list h2 { font-size: 20px; } .video-list h2 a { background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: none !important; } .video-list ul { display: flex; justify-content: center; } .video-list li { display: inline-block; width: 24%; margin-right: 1%; } .video-list li > div { display: block; } .height-330 iframe { height: 330px; } /* DOWNLOADS */ .wp-block-file, .wp-block-button.download { display: inline-block; position: relative; } .wp-block-file a, .wp-block-button.download a { } .wp-block-file a.wp-block-file__button { } .wp-block-button.download a.wp-block-button__link, .wp-block-file a:not(a.wp-block-file__button) { display: inline-block; } .wp-block-button.download a.wp-block-button__link:before, .wp-block-file a:not(a.wp-block-file__button):before { content: "\e022"; width: 16px; height: 20px; display: inline-block; font-family: 'Glyphicons Halflings'; padding-right: 1.2em; position: relative; } .is-page-nerc-cip .wp-block-file { display: inline-block; margin-right: 20px; } .is-page-nerc-cip .wp-block-file a.wp-block-file__button { display: none; } /* PARTNER PAGE */ /* the directory-tiles group wrapper */ .directory-tiles { } /* the directory-tiles group wrapper */ .directory-tiles :is(li, .page) { text-align: center; border-radius: 10px; background: #F6F6F6; } .directory-tiles :is(li, .page) :is(h1, h2, h3, h4, h5, h6) { } .directory-tiles :is(li, .page) a { border: 1px solid black; border: none !important; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .directory-tiles :is(li, .page) a:before { content: "\f07b"; font-family: "Font Awesome 5 Free"; position: relative; width: 100% !important; height: 60px !important; font-size: 60px; padding: 0 !important; display: block !important; line-height: 60px; font-weight: 900; } .directory-tiles :is(li, .page) a:hover:before { content: "\f07c"; color: var(--marigold); } .directory-tiles :is(li, .page) :is(h1, h2, h3, h4, h5, h6), .directory-tiles :is(li, .page) a { font-size: 32px; line-height: 32px; } /* removing post date */ .directory-tiles .wp-block-post-date { display: none; } /* the download-tiles group wrapper */ /* Container class: for a container which holds wp file download blocks > and the downloads will take all the following styles */ .download-tiles { } /* styling for the container inside the parent wrapper element */ .download-tiles > .wp-block-group__inner-container { display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; } /* individual download elements: will style automatically if contained in an element with the download-tiles class, or can be styled by adding the download-tile class to the individual file block */ .download-tiles > .wp-block-group__inner-container div:is(.download-tile, .wp-block-file) { width: 24%; /* -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,1); box-shadow: 0 0 0 1px rgba(0,0,0,1); */ padding: 1cqw; text-align: center; flex-grow: 1; } /* Link text name styling: of the file to be downloaded */ .download-tiles > .wp-block-group__inner-container div:is(.download-tile, .wp-block-file) a[id^=wp-block-file-] { border-bottom: none !important; font-size: 18px; display: block; background: none; -webkit-box-shadow: none; box-shadow: none; } /* hover state for the above. Need to defeat a few sitewide hover attributes */ .download-tiles > .wp-block-group__inner-container div:is(.download-tile, .wp-block-file) a[id^=wp-block-file-]:hover { background: none; color: black; -webkit-box-shadow: none; box-shadow: none; } /* Link text icon styling. Need to defeat a few sitewide attributes */ .download-tiles > .wp-block-group__inner-container div:is(.download-tile, .wp-block-file) a[id^=wp-block-file-]:before { width: 100% !important; height: 60px !important; font-size: 60px; padding: 0 !important; display: block !important; line-height: 60px; } /* Link text icon hover */ .download-tiles > .wp-block-group__inner-container div:is(.download-tile, .wp-block-file) a[id^=wp-block-file-]:hover:before { color: var(--marigold); } /* Doenload button styling */ .download-tiles > .wp-block-group__inner-container div:is(.download-tile, .wp-block-file) *+.wp-block-file__button { margin-left: 0; margin-top: 0; } /* LOCKED, non-download link wrapper. Use WP image (document icon/image) and caption to imitate a download which is inactive or locked */ .download-tiles .wp-block-image figure { width: 130px !important; text-align: center; position: relative; } /* LOCKED icon, non-downloadable document. */ .download-tiles .wp-block-image figure:before { content: "\f023"; font-family: "Font Awesome 5 Free"; display: block; position: absolute; width: 30%; aspect-ratio: 1 / 1; left: calc(50% - 15%); top: 25%; } /* LOCKED icon, non-downloadable document tooltip. */ .download-tiles:hover .wp-block-image figure:after { content: "Enter email above to unlock"; display: block; position: absolute; width: 100%; top: 59%; padding: 5px; background: var(--marigold); border: 1px solid #333333; color: #000000; font-size: .8em; line-height: 1em; border-radius: 5px; } /* LOCKED icon caption */ .download-tiles .wp-block-image figcaption { text-align: center; } /* making downloads only 2 across for med-small screens */ @media screen and (max-width: 699px) { .download-tiles > .wp-block-group__inner-container div:is(.download-tile, .wp-block-file) { width: 49%; } } /* making downloads only 1 across for small screens */ @media screen and (max-width: 399px) { .download-tiles > .wp-block-group__inner-container div:is(.download-tile, .wp-block-file) { width: 100%; } } /* BREADCRUMBS */ .yoast-breadcrumbs { border-radius: 3px; font-weight: 500; } .yoast-breadcrumbs span:not(.yoast-breadcrumbs > span) { border-radius: 3px; padding: 7px; display: inline-block; border-top: 1px solid rgba(0,0,0,.3); border-right: 1px solid rgba(0,0,0,.3); border-bottom: 1px solid rgba(0,0,0,.3); } .yoast-breadcrumbs span:has(span) { border-right: none !important; border-bottom: none !important; } .yoast-breadcrumbs > span > span:first-child > a { display: none; } /* button hanging off right side of page */ .goright { position: relative; height: 0; } .goright .wp-block-button { position: absolute; top: -110px; right: -0vw; } .goright .wp-block-button .wp-block-button__link { border-radius: 30px; border-top-right-radius: 0; border-bottom-right-radius: 0; } /* nixing the back to top button */ .backtotop { display: none; } /* header buttons */ .header-buttons { position: absolute; top: 25px; right: 15px; margin: 0; } .header-buttons .wp-block-button__link, .contact-button-leader { padding: 1px 10px; font-size: 15px; } .contact-button-leader { } /* END BUTTONS */ /* POST LIST */ ul.wp-block-latest-posts__list li { padding-bottom: 30px; } ul.wp-block-latest-posts__list.tiled-across-case-studies li { width: 210px; } ul.wp-block-latest-posts__list li a { text-decoration: none; border: none !important; font-size: 1.15em; line-height: .5em; } /* LATEST POSTS ACROSS */ @media screen and (min-width: 1024px) { ul.tiled-across-case-studies { display: flex; flex-wrap: nowrap; flex-wrap: wrap; justify-content: center; /* align-items: stretch; */ } .tiled-across-case-studies li { /* flex-grow: 1; */ /* flex-shrink: 1; */ /* flex-basis: auto; */ clear: none !important; } .tiled-across-case-studies .wp-block-latest-posts__featured-image.alignleft { float: none; display: block; overflow: hidden; height: 200px; height: 130px; } .wp-block-latest-posts__featured-image img { width: 100%; height: 100% max-width: inherit !important; /* height: 200px; */ object-fit: cover; display: none; display: block; } /* compact across case studies */ ul.compact-across-case-studies .wp-block-latest-posts__featured-image.alignleft { float: none; display: inline-block; width: 35%; margin-right: 0; } ul.compact-across-case-studies .wp-block-latest-posts__post-title { display: inline-block !important; width: 65%; line-height: 1.25em; font-size: .95em; } /* past events featured image in tile format */ .is-page-events .wp-block-latest-posts__featured-image { } /* upcoming events featured image in tile format */ .pt-cv-href-thumbnail { display: block; } /* both */ .is-page-events .wp-block-latest-posts__featured-image, .pt-cv-href-thumbnail { height: 120px; } .is-page-events .wp-block-latest-posts__featured-image img { display: inline-block; object-fit: contain; } .tiled-across-case-studies .wp-block-latest-posts__post-title, .tiled-across-case-studies .wp-block-latest-posts__post-excerpt { margin-right:1em; display: none; } } /* ----- QUOTES ----- */ @media screen and (min-width: 1024px) { .quote-float-right { float: right; width: 30%; display: inline-block; clear: none; line-height: 1.5em; margin-left: 2%; } } /* VIDEO EMBED FIXES/HACKS */ .is-type-video.alignfull iframe, .is-type-rich.alignfull iframe { height: 56.25vw; } .is-type-video.alignwide iframe, .is-type-rich.alignwide iframe { width: 100%; min-height: 590px; } /* IMAGE FILL FIXES/HACKS */ .is-stacked-on-mobile.alignfull { min-height: 56.25vw; } .is-stacked-on-mobile.alignwide { width: 100vw; min-height: 590px; margin-left: -12.5vw; margin-left: calc(-100vw / 2 + 100% / 2); position: relative; } .is-stacked-on-mobile.alignwide.minheight-490 { min-height: 490px; } .is-stacked-on-mobile.alignwide:before { min-height: 590px; width: 0; left: 50%; position: absolute; } .is-stacked-on-mobile.image-leftside.alignwide figure { background-position: 0% 50% !important; } @media screen and (max-width: 768px) { .is-stacked-on-mobile.alignwide { margin-left: -2vw; } .is-stacked-on-mobile.image-leftside.alignwide figure { background-position: 50% 50% !important; } } .height-compact { min-height: auto !important; padding-top: 50px; padding-bottom: 50px; } /*-------------------------------------------------------------- PAGE-SPECIFIC STYLES --------------------------------------------------------------*/ /* COVER BLOCK HEADS FOR INDUSTRIES */ .is-page-utilities .wp-block-cover:first-child, .is-page-transportation .wp-block-cover:first-child, .is-page-public-safety .wp-block-cover:first-child, .is-page-federal-government-and-defense .wp-block-cover:first-child, .is-page-corporate .wp-block-cover:first-child{ min-height: 150px; padding-top: 30px; } /* services section wrapper */ .home #our-services { background-image: url('/wp-content/uploads/2021/06/viz-elements-scaled.jpg'); background-image: url('/wp-content/uploads/2021/06/viz-elements2-2-scaled.jpg'); background-image: url('/wp-content/uploads/2021/06/viz-elements2-float-scaled.jpg'); background-image: url('/wp-content/uploads/2021/06/viz-globe-scaled.jpg'); background-image: url('/wp-content/uploads/2021/08/dash-desktop-scaled.jpg'); background-image: url('/wp-content/uploads/2021/08/dash-desktop-blue.jpg'); background-image: url('/wp-content/uploads/2021/08/dash-desktop-blue2.jpg'); background-image: url('/wp-content/uploads/2022/10/DTE-soc.jpg'); background-color: #333; background-size: cover; background-position: 50%; background-position: bottom; padding-top: 80px; padding-bottom: 130px; /* background-attachment: fixed; */ } .home #our-services:before { content:''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,25,.4); background: rgba(255,255,255,.8); background: rgba(0,0,0,.2); background: var(--darkbluegrey4-30); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(0px) saturate(150%); -webkit-backdrop-filter: blur(0px) saturate(150%); } .home #our-services .wrapper { position: relative; } /* services section headline */ .home #our-services .section-header > h2 { color: #FFFFFF; border: none; text-align: center; display: block; } .home #our-services h2:after { color: #FFFFFF; } .home #our-services .section-header > h3 { color: #FFFFFF; text-align: center; } .home #our-services .section-header > h2, .home #our-services .section-header > h3 { color: var(--darkbluegrey4); color: #FFFFFF; } /* head in services items */ .home #our-services a { text-decoration: none; color: var(--bluegrey); } /* container for all components inside a services item */ .home #our-services .service-item-wrapper .entry-container { text-align: center; } .home #our-services .service-item-wrapper { background-color: rgba(255,255,255,.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(3px); -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0), 0px 15px 23px 0px rgba(0, 0, 0, 0.45); box-shadow: 0 0 0 0px rgba(0, 0, 0, 0), 0px 15px 23px 0px rgba(0, 0, 0, 0.45); border-radius: 5px; transition: .5s ease-out; } .home #our-services a:hover .service-item-wrapper { background-color: rgba(255,255,255,.9); -webkit-box-shadow: 0 0 0 5px var(--marigold), 0px 15px 23px 0px rgba(0, 0, 0, 0.45); box-shadow: 0 0 0 5px var(--marigold), 0px 15px 23px 0px rgba(0, 0, 0, 0.45); transition: .1s ease-out; } /* head in services items */ .home #our-services .service-item-wrapper .entry-header h2 { border-top: none; display: block; text-align: center; font-size: 1.2em; } /* auto extract text in services items */ .home #our-services .service-item-wrapper .entry-content p { text-align: left; } /* "GO" icon in services items */ .home #our-services .service-item-wrapper .icon-container { display: none; } /* "learn more" text/button in services items */ .home #our-services .service-item-wrapper .entry-container .read-more { } /* edits to make home services items circles */ .home #our-services .col-3 { text-align: center; } .home #our-services .col-3 article { display: inline-block; position: relative; /* for 3 items */ width: 24%; /* for 2 items * width: 47%; */ margin-left: 4.5%; margin-right: 4.5%; padding: 0; float: none; } .home #our-services .col-3 article:first-child { margin-left: 0; } .home #our-services .col-3 article:last-child { margin-right: 0; } .home #our-services a { top: 0; bottom: 0; left: 0; right: 0; position: absolute; } /* need */ .squaring-dummy { margin-top: 100%; /* dummy's margin & padding top & bottom % is determined based on the width of the parent element. */ /* to push the height of the article container (dummy's parent) to be the same as the width, we use dummy to reference that parent width for its own margin height. */ /* therefore, 100% here = 33% of the width of the parent's parent, making the parent a square. */ /* we then size an absolute element based on all the edges of this square, making it also square */ /* this could have also been done using a floated :before pseudo-element, which avoids having to edit the html */ } /* this makes the thing a yellow circle */ .home #our-services .service-item-wrapper { background-color: var(--marigold); border-radius: 50%; height: 100% !important; } /* revising the look of our circle's content */ .home #our-services .service-item-wrapper .entry-header h2 { font-size: 1.3em; padding-top: 2em; font-size: 1.8em; padding-top: 1.2em; font-weight: 600; line-height: 1em; letter-spacing: -.05em; color: var(--darkbluegrey4-80); } .home #our-services .service-item-wrapper .entry-content p { font-size: .9em; line-height: 1.3em; text-align: center; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .home #our-services .service-item-wrapper .read-more { display: none !important; } .home .iso-banner-badge-container { position: relative; overflow-x: visible; height: 0; } .home .iso-banner-badge { position: absolute; top: -190px; left: 50px; } .home .iso-banner-badge figcaption { display: none; } @media screen and (max-width: 1023px) { .home .iso-banner-badge-container { height: 100px; background-color: var(--darkbluegrey4); margin-top: -100px; margin-bottom: 50px; } .home .iso-banner-badge { top: -17px; left: 50px; } .home .iso-banner-badge { width: 50px; } .home .iso-banner-badge figcaption { display: block; position: absolute; top: 3px; left: 65px; width: 270px; color: var(--lightbluegrey); } } .footer-widgets-area #iso27001-footer-logo { position: relative; } .footer-widgets-area #iso27001-footer-logo figcaption { display: block; position: absolute; top: 7px; left: 65px; width: 270px; color: rgba(255,255,255,.6); } .heading-pill { font-size: 14px; background: var(--darkbluegrey2alt); padding: 5px 15px; border-radius: 15px; display: inline-block; margin: 0 24%; color: white !important; } .brag-header p { line-height: 1.5em; } /* NERC-CIP page */ .is-page-nerc-cip h4 { border-top: 1px solid var(--lightbluegrey); margin-top: 3em; padding-top: .5em; } /* SHRINKING HEADERS FOR THESE PAGES */ .short-header #page-site-header, .is-page-press-releases #page-site-header, .is-page-case-studies #page-site-header, .is-page-activu-in-the-news #page-site-header, .is-page-events #page-site-header, .is-page-contact-us #page-site-header, .is-page-request-a-demo #page-site-header, body.news #page-site-header, body.press #page-site-header, body.case-study #page-site-header, body.event #page-site-header, .is-page-corporate-i-t-cuber-operations-case-studies #page-site-header, .is-page-public-safety-case-studies #page-site-header, .is-page-transportation-case-studies #page-site-header, .is-page-energy-case-studies #page-site-header, .is-page-contact-activu-support #page-site-header, .is-page-cdc-covid-19-county-check #page-site-header, .category-thought-leadership #page-site-header { padding: 70px 0; } body.press-release div#page-site-header { padding-top: 300px; } body.news #main, body.press #main, body.case-study #main, body.event #main { position: relative; } body.event #page-site-header { padding-top: 90px; } body.news #page-site-header, body.press #page-site-header, body.case-study #page-site-header { padding-top: 150px; } body.news #page-site-header .overlay, body.press #page-site-header .overlay, body.case-study #page-site-header .overlay, body.event #page-site-header .overlay, body.blurbanner #page-site-header .overlay { backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); opacity: 1; background: var(--darkbluegrey4-10); } /* REMOVING NAV AND FOOTER FOR A CONSOLE PAGE */ .console #masthead, .console #colophon { display: none; } /* SUPPORT PAGE TWEAKS */ .is-page-support-services #page-site-header { padding: 120px 0; } /* IT Cyber and Federal hidden landing page tweaks */ /* ----- HIDE-HEADER style ----- */ .page-id-7338 #page-site-header, .page-id-7567 #page-site-header, .page-id-7560 #page-site-header, .page-id-8001 #page-site-header, .hide-header #page-site-header { display: none; } .hide-header .entry-content .wp-block-cover:first-child h1 { font-size: 52px; } .hide-header .entry-content .wp-block-cover:first-child h2 { font-size: 32px; line-height: 1.2em; } .page-id-7338 .header-cover, .page-id-7567 .header-cover, .page-id-7560 .header-cover, .page-id-8001 .header-cover, .hide-header .header-cover { min-height: 600px; } .hide-header.logobug #page-site-header { display: block; position: absolute; width: 20%; max-width: 170px; top: 420px; right: 20px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-color: transparent; padding: 0; height: 110px; background-position-x: right; } .hide-header.logobug #page-site-header .overlay, .hide-header.logobug #page-site-header .page-header { display: none; } .hide-header #primary #main > article { padding-top: 0; } /* WHITE HEADER STYLES */ .white-header { } .white-header .overlay { display: none; } .white-header #page-site-header { background-image: none !important; background-color: #FFFFFF; height: 100px !important; padding: 50px; } .white-header .page-title { text-shadow: none !important; color: #000000 !important; text-align: left; width: 65%; font-size: 60px !important; } .white-header .page-subhead { text-shadow: none !important; color: #000000 !important; text-align: left; width: 35%; } .white-header #page-site-header .wrapper { width: 91%; max-width: none; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: end; } .white-header { } @media screen and (max-width: 1023px) { .white-header #page-site-header { height: auto !important; padding: 0; } .white-header #page-site-header .page-header { -webkit-transform: none; transform: none; position: relative; } .white-header #page-site-header .wrapper { height: auto !important; display: block; } .white-header #page-site-header .page-title, .white-header #page-site-header .page-subhead { width: auto; display: block; } .white-header #page-site-header .page-title { font-size: 40px !important; } .white-header #page-site-header .page-subhead { font-size: 22px !important; } .white-header .head-xl { font-size: 2em; } .header-halfheight .slick-slide, .wp-block-cb-carousel.alignfull.header-halfheight .wp-block-cover { min-height: 640px; } } /* CONTEXT-SPECIFIC BANNERS AND NAV AIDS */ .context-banner { display: block; left: 0; top: 0; z-index: 1; text-align: center; width: 100%; height: 0; position: absolute; } .context-banner a, .context-banner .post-thumb { display: none; } .context-banner a { background: rgba(255,255,255,.9); z-index: 1; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.15); padding: 5px 8px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-size: 15px; color: var(--link); font-weight: bold; text-decoration: none; } .context-banner a::before { content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background: var(--marigold-90); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.15); position: absolute; top: -6px; left: calc(50% - 6px); cursor: pointer; } .context-banner a:hover { background: var(--marigold-90); } .context-banner a:hover::before { background: white; } /* hide post type identification in theater mode. */ body.theater .context-banner a, body.theater .context-banner .news-story { display: none; } .context-banner .post-thumb { position: absolute; left: 0; width: 100px; max-height: 75px; background: rgba(255,255,255, .6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); top: -27px; height: 54px; padding: 10px; border-radius: 4px; } .context-banner .post-thumb img { max-height: 54px; max-width: 100%; } body.news .context-banner .news-story, body.press .context-banner .press-release, body.case-study .context-banner .case-study, body.event .context-banner .event, body.news .context-banner .post-thumb, body.press .context-banner .post-thumb, body.case-study .context-banner .post-thumb, body.event .context-banner .post-thumb { display: inline-block; } /* hide post thumb on press releases. */ /* hide post thumb in theater mode. */ body.theater .context-banner .post-thumb, body.press-release .context-banner .post-thumb, body.theater .context-banner a, body.theater .context-banner .news-story { display: none; } /* HIDE BANNER ON PAGES WITH THIS CLASS ON BODY */ .hide-page-site-header #page-site-header { display: none; } /* BOILERPLATE IN PRESS RELEASE POST */ .boilerplate-press { display: none; padding: 0 50px; } body.press .boilerplate-press { display: block; } /* TEAM */ .is-page-team .wp-block-latest-posts.is-grid { position: relative; } .is-page-team .wp-block-latest-posts li { /* position: relative; */ } .is-page-team .wp-block-latest-posts li a { box-shadow: none; border: none !important; background: none; position: relative; z-index: -1; } .is-page-team .wp-block-latest-posts li:hover { } .is-page-team .wp-block-latest-posts li:before { content:''; display: block; opacity: 0; pointer-events: none; background: none; position: absolute; box-shadow: 0 0 0 100vw rgba(0,0,0,.6); width: inherit; height: 200px; } .is-page-team .wp-block-latest-posts li:hover:before { opacity: 100; } .is-page-team .wp-block-latest-posts__post-full-content, .is-page-team .wp-block-latest-posts li a { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); width: inherit; } .is-page-team .wp-block-latest-posts__post-full-content li:hover, .is-page-team .wp-block-latest-posts li:hover a { z-index: 100000; background: rgba(255,255,255,.9) !important; } .is-page-team .wp-block-latest-posts__post-full-content { position: absolute; /* top: 90px; */ padding: 15px; opacity: 0; pointer-events: none; transition: .15s ease-in; box-shadow: 0 0 300px 0 rgba(0,0,0,.5); background: rgba(255,255,255,.9) !important; } .is-page-team .wp-block-latest-posts li:hover .wp-block-latest-posts__post-full-content { display: block; opacity: 100; pointer-events: auto; margin-top: 48px; /* top: 58px; */ } .is-page-team .wp-block-latest-posts li:hover a { position: absolute; /* top: 0; */ padding: 15px; text-decoration: none; border-radius: 0 !important; display: block; pointer-events: none; } .person #page-site-header .page-header { top: auto; bottom: 1%; } .person .autosubhead, .no-autosubhead .autosubhead { display: none; } /* POST NAVIGATION */ .navigation.post-navigation{ display: none; } /* ACTIVU IN THE NEWS */ /* EVENTS */ .is-page-activu-in-the-news .wp-block-latest-posts__featured-image { position: absolute; } .is-page-activu-in-the-news .wp-block-latest-posts__list li a, .is-page-activu-in-the-news .wp-block-latest-posts__post-excerpt { margin-left: 120px; display: block !important; line-height: 1.3em; } .is-page-events .wp-block-latest-posts.is-grid { align-items: center; /* align-items: stretch; */ } .is-page-events .wp-block-latest-posts.is-grid li { /* border: 1px solid #F6F6F6; padding: 20px; */ } .is-page-events .pt-cv-wrapper .pt-cv-content-item { text-align: center; padding-bottom: 120px; } .is-page-events .pt-cv-wrapper  a.pt-cv-href-thumbnail { height: 120px; border: 1px solid black; display: block !important; } .is-page-events .pt-cv-wrapper .pt-cv-href-thumbnail img { max-width: 150px !important; max-height: 120px; } .is-page-events .pt-cv-wrapper .pt-cv-title a { font-size: 1.15em; font-weight: 500; color: rgba(0,0,0,1); } .is-page-events .pt-cv-wrapper .pt-cv-meta-fields { color: rgba(255,255,255,0); font-size: 18px; /* this needs to be transparent so the hard-coded slash disappears */ } .pt-cv-wrapper .pt-cv-meta-fields .entry-date { color: rgba(0,0,0,1); color: #555; font-size: .8125em; display: none; } .is-page-events .pt-cv-wrapper .pt-cv-meta-fields .terms { display: none; } .is-page-events .pt-cv-wrapper a { pointer-events: none; } .is-page-press-releases .wp-block-latest-posts__featured-image { display: none; } .pt-cv-ctv-list { background: red !important; } /* style updates for cnotent views future events */ .is-page-events .pt-cv-ctv-list { position: absolute; bottom: 0; margin-bottom: 5px; text-align: center; width: 100%; font-size: .8125em; color: rgba(51,51,51,.6); } .is-page-events .pt-cv-ctf-value { } .is-page-events .pt-cv-ctf-list { position: absolute; bottom: 50px; bottom: 90px; font-size: .7em; color: #555555; width: 100%; } .is-page-events .pt-cv-ctf-list .pt-cv-ctf-start_date:before { content: "-"; position: absolute; display: block; top: 10px; right: 5px; } .is-page-events .pt-cv-ctf-list .col-md-6 { width: auto; float: none; display: inline-block; clear: none !important; } .is-page-events .pt-cv-ctf-event_link a { pointer-events: auto; } /* END PAGE-SPECIFIC STYLES */ /* PRESS LIST ACROSS */ .pressacross { } ul.pressacross { display: flex; margin:0 -15px 50px; padding-left: 0; position: relative; } ul.pressacross li { flex-grow: 1; flex-basis: 0; padding:0 15px; text-align: center; position: relative; } ul.pressacross li:first-child:before { display: block; position: absolute; content: 'new'; left: calc(50% - 15px); top: -31px; border-radius: 50%; background: var(--marigold); width: 30px; height: 30px; text-transform: uppercase; font-size: 10px; font-size: 9px; font-weight: bold; line-height: 24px; padding: 3px; overflow: visible; border-bottom: 2px solid var(--marigold-dark); z-index: 1; } ul.pressacross li a { z-index:1; position: relative; } .pressacross-3 { } /* CONTACT BLOCK */ .wp-block-cover.alignfull.contact-block { margin-top: 0 !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(-100vw / 2 + 100% / 2) !important; margin-right: calc(-100vw / 2 + 100% / 2) !important; } #page-site-header + #content-wrapper article .entry-content > .wp-block-cover.alignfull.contact-block { margin-top: -50px !important; } /* FIGURE - IMAGE */ figure.nopad { margin-bottom: 0; } /* HIGHLIGHTS */ .highlights-quotebox { border-radius: .5em; border: 1px solid #CCCCCC; padding: .5em; } /* CONTACT BAR */ .wp-block-group.contact-bar .wp-block-buttons { margin: 10px 0; } .is-page-link .button-link { display: none; } /* FADEOUT BLOCK */ .fadeout { overflow-y: hidden; height: 100px; position: relative; } .fadeout:before { content: ''; position: absolute; background: rgba(0,0,0,.3); width: 100%; top: 0; bottom: 0; height: auto; display: block; z-index: 1; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.85) 30%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%); } .fadeout-200 { height: 200px; } .fadeout-300 { height: 300px; } .fadeout-400 { height: 400px; } .fadeout-500 { height: 500px; } .fadeout-600 { height: 600px; } .fadeout .wp-block-group.contact-bar { position: absolute; bottom: 0; z-index: 1; width: 100%; } .has-grey-background-color .fadeout:before { background: var(--darkbluegrey2); background: linear-gradient(0deg, rgba(var(--darkbluegrey2rgb),1) 0%, rgba(var(--darkbluegrey2rgb),.85) 30%, rgba(var(--darkbluegrey2rgb),0) 70%, rgba(var(--darkbluegrey2rgb),0) 100%); } .has-grey-background-color .fadeout .wp-block-buttons>.wp-block-button { margin-right: 10px; margin-left: 10px; } .tiles.tiles-logos > * > * { } /* INTRO COVERS */ .height-100, .height-150, .height-200, .height-300, .height-400, .height-500, .height-600 { overflow: auto; height: auto; } .height-100 { min-height: 100px; } .height-150 { min-height: 150px; } .height-200 { min-height: 200px; } .height-300 { min-height: 300px; } .height-400 { min-height: 400px; } .height-500 { min-height: 500px; } .height-600 { min-height: 600px; } /* COLUMN TWEAKS */ .padding-10, .img-padding-10.wp-block-media-text .wp-block-media-text__media { padding: 10px; } .padding-15, .img-padding-15.wp-block-media-text .wp-block-media-text__media { padding: 15px; } .padding-20, .img-padding-20.wp-block-media-text .wp-block-media-text__media { padding: 20px; } .padding-25, .img-padding-25.wp-block-media-text .wp-block-media-text__media { padding: 25px; } .padding-30, .img-padding-30.wp-block-media-text .wp-block-media-text__media { padding: 30px; } .rounded-4 { border-radius: 4px; } .rounded-6 { border-radius: 6px; } .rounded-10 { border-radius: 10px; } .column-center { text-align: center; } .column-right { text-align: right; } /* IMAGE COLUMNS */ .wp-block-cover .wp-block-cover__inner-container > .image-columns { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 auto !important; gap: 0; } /* END BLOCK-SPECIFIC STYLES */ /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"], .home #our-services .service-item-wrapper .read-more { color: #fff; display: inline-block; font-size: 16px; font-weight: 400; padding: 9px 25px; position: relative; /* background-color: #25CBF5; border: 2px solid #25CBF5; */ z-index: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .home #our-services .service-item-wrapper .read-more:hover { } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { outline: 10px solid var(----darkbluegrey4-10); } .mktoFormRow input[type="text"], .mktoFormRow input[type="tel"], .mktoFormRow input[type="email"] { font-size: 18px !important; padding: .5em !important; height: auto !important; } .mktoFormRow input:focus::placeholder { display: none !important; color: transparent; } .mktoFormRow input[type="text"]:focus, .mktoFormRow input[type="tel"]:focus, .mktoFormRow input[type="email"]:focus { padding: .9em .5em .1em .5em !important; } /* ----- TABLE STYLES ----- */ /* any table */ .wp-block-table { } .wp-block-table th { text-transform: uppercase; } .wp-block-table tr { border: none; } .wp-block-table tbody tr:last-of-type { border-bottom: 2px solid #000000; } .wp-block-table tbody tr td { position: relative; } /* .wp-block-table.compare-table tbody tr td:first-of-type:after, .wp-block-table.support-table tbody tr td:first-of-type:after { content: ''; position: absolute; display: block; right: 20px; width: 40px; height: 40px; background: rgb(0,0,0); background: linear-gradient(45deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.05) 100%); transform: rotate(45deg); top: calc(50% - 20px); pointer-events: none; } */ /* SUPPORT TABLE */ td.bronze, td.silver, td.gold, td.platinum { } td.bronze { color: bronze; } td.silver { color: silver; } td.gold { color: gold; } td.platinum { color: platinum; } /* FEATURE TABLE */ /* modded the "right-align" class to become the custom highlighted column class */ .has-text-align-right { text-align: center; } th.has-text-align-right { border-top: 5px solid var(--marigold) !important; font-weight: bold; } th.has-text-align-right:empty { border-top: 0px solid rgba(0,0,0,0) !important; border-bottom: 5px solid var(--marigold) !important; } tr:last-child td.has-text-align-right:last-child { border-bottom: 10px solid var(--marigold) !important; } /* TILE STYLES */ .tiles:not(.tiles-logos), .tiles.tiles-logos > *, .flex > * { display: flex; /* default */ padding: 0; /* default */ margin: 0; justify-content: center; justify-content: space-around; flex-wrap: wrap; } /* clear out all paddings and margins in interior elements */ .tiles:not(.tiles-logos) > *, .tiles.tiles-logos) > * > * { /* default */ padding: 0; /* default */ margin: 0; } /* TILES: manage the look of the TILES */ /* basic starter tile */ /* defaulting to 4 tiles per row */ .tiles:not(.tiles-logos) > *, .tiles:not(.tiles-logos) > ul, .tiles:not(.tiles-logos) > li, .tiles:not(.tiles-logos) .tiles > *:not(.button), .tiles.tiles-logos > * > *, .tiles.tiles-logos > * > ul, .tiles.tiles-logos > * > li, .flex > * > * { display: block; position: relative; text-align: center; transition: all .1s ease-out; /* flex-grow: 1; when turned on, this makes all tiles fill the row, AFTER first satisfying their set widths */ flex-grow: 1; /* border not used to avoid extra size of border border: 1px solid rgba(0,0,0,.05); */ /* default */ box-shadow: 0 0 0 1px rgba(0,0,0,.05); /* default */ background: rgba(0,0,0,.015); /* default */ vertical-align: top; /* default */ padding: 4%; /* default */ margin: 0 .5% 2% .5%; /* default */ border-radius: .5vw; /* default */ max-width: 23%; /* default */ flex-basis: 23%; max-height: 150px; align-items: center; justify-content: center; display: flex; } /* ADJUSTING COLORS ON A DARK BACKGROUND */ .has-background-dim .tiles:not(.tiles-logos) > *, .has-background-dim .tiles:not(.tiles-logos) > ul, .has-background-dim .tiles:not(.tiles-logos) > li, .has-background-dim .tiles:not(.tiles-logos) .tiles > *:not(.button), .has-background-dim .tiles.tiles-logos > * > *, .has-background-dim .tiles.tiles-logos > * > ul, .has-background-dim .tiles.tiles-logos > * > li, .has-background-dim .flex > * > * { /* default */ box-shadow: 0 0 0 1px rgba(255,255,255,.2); /* default */ background: rgba(255,255,255,.05); } .has-background-dim .tiles:not(.tiles-logos) > * img, .has-background-dim .tiles:not(.tiles-logos) > ul img, .has-background-dim .tiles:not(.tiles-logos) > li img, .has-background-dim .tiles:not(.tiles-logos) .tiles > *:not(.button) img, .has-background-dim .tiles.tiles-logos > * > * img, .has-background-dim .tiles.tiles-logos > * > ul img, .has-background-dim .tiles.tiles-logos > * > li img, .has-background-dim .flex > * > * img { filter: brightness(0) invert(1) opacity(.2); } .flex-2 > * > * { max-width: 45%; flex-basis: 45%; } .tiles-logos { } .tiles-logos img { max-height: 100px; width: auto; } .hide-first-head { padding-top: 1px; } .hide-first-head h2:first-child { display: none; } /* IMAGE TWEAKS */ .wp-block-column .wp-block-image img[src*="cloud-ko.png"] { padding: 13px 0; } .img-clickable a:hover img { box-shadow: 0 0 0 5px var(--marigold); } /* IMAGE LIGHTBOX via Lightbox for Gallery & Image Block plugin */ #baguetteBox-overlay .full-image img { max-width: 90%; } .baguetteBox-button#close-button g { stroke: #FFFFFF; } /* CUSTOM PAGES */ /* based on category */ body.videos #page-site-header, body.videos .byline, body.videos .date, body.videos aside#secondary, body.spots #page-site-header, body.spots .byline, body.spots .date, body.spots aside#secondary, body.theater #page-site-header, body.theater .byline, body.theater .date, body.theater aside#secondary { display: none; } .right-sidebar #primary, .left-sidebar #primary { width: 100%; float: none; padding: 0; } body.videos .post-navigation, body.theater .post-navigation, body.spots .post-navigation { display: none; } figure.alignwide.is-type-video, figure.alignwide.is-type-rich, figure.wp-block-video { background: var(--darkbluegrey4); padding: 20px 0; box-shadow: 1000px 0 0 0 var(--darkbluegrey4), -1000px 0 0 0 var(--darkbluegrey4); } body.videos #primary #main > article, body.theater #primary #main > article, body.spots #primary #main > article { padding-top: 0; } /* NAV HEADER TRANSITION TIMING */ body.videos header#masthead, body.videos header#masthead .site-branding .site-logo a img, body.videos header#masthead #primary-menu > li, body.videos header#masthead .header-buttons, body.videos header#masthead #site-navigation, body.theater header#masthead, body.theater header#masthead .site-branding .site-logo a img, body.theater header#masthead #primary-menu > li, body.theater header#masthead .header-buttons, body.theater header#masthead #site-navigation, body.spots header#masthead, body.spots header#masthead .site-branding .site-logo a img, body.spots header#masthead #primary-menu > li, body.spots header#masthead .header-buttons, body.spots header#masthead #site-navigation { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } body.videos header#masthead, body.theater header#masthead, body.spots header#masthead { background: var(--darkbluegrey4-95); padding: 5px 0 0; } body.videos header#masthead:after, body.theater header#masthead:after, body.spots header#masthead:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: 7px solid rgba(255,255,255,0); border-left-color: rgba(255,255,255,.25); border-bottom-color: rgba(255,255,255,.25); transform: rotate(-45deg); background: none; left: calc(50% - 7.5px); bottom: -7px; } body.videos header#masthead:hover:after, body.theater header#masthead:hover:after, body.spots header#masthead:hover:after { display: none; } body.videos header#masthead:hover, body.theater header#masthead:hover, body.spots header#masthead:hover { background: #FFFFFF; padding: 5px 0; } body.videos header#masthead .site-branding, body.theater header#masthead .site-branding, body.spots header#masthead .site-branding { min-height: 41px; padding: 5px 0; } body.videos header#masthead:hover .site-branding, body.theater header#masthead:hover .site-branding, body.spots header#masthead:hover .site-branding { min-height: 61px; padding: 10px 0; } body.videos header#masthead .site-branding .site-logo a img, body.theater header#masthead .site-branding .site-logo a img, body.spots header#masthead .site-branding .site-logo a img { max-height: 27px; filter: brightness(9); } body.videos header#masthead:hover .site-branding .site-logo a img, body.theater header#masthead:hover .site-branding .site-logo a img, body.spots header#masthead:hover .site-branding .site-logo a img { max-height: 40px; filter: none; } body.videos header#masthead .header-buttons, body.theater header#masthead .header-buttons, body.spots header#masthead .header-buttons { top: 10px; } body.videos header#masthead:hover .header-buttons, body.theater header#masthead:hover .header-buttons, body.spots header#masthead:hover .header-buttons { top: 25px; } body.videos header#masthead .header-buttons .wp-block-button__link:not(.marigold .wp-block-button__link), body.theater header#masthead .header-buttons .wp-block-button__link:not(.marigold .wp-block-button__link), body.spots header#masthead .header-buttons .wp-block-button__link:not(.marigold .wp-block-button__link) { border-color: rgba(255,255,255,.25); } body.videos header#masthead:hover .header-buttons .wp-block-button__link:not(.marigold .wp-block-button__link), body.theater header#masthead:hover .header-buttons .wp-block-button__link:not(.marigold .wp-block-button__link), body.spots header#masthead:hover .header-buttons .wp-block-button__link:not(.marigold .wp-block-button__link) { border-color: var(--darkbluegrey4); } body.videos header#masthead #site-navigation, body.theater header#masthead #site-navigation, body.spots header#masthead #site-navigation { height: 8px; } body.videos header#masthead:hover #site-navigation, body.theater header#masthead:hover #site-navigation, body.spots header#masthead:hover #site-navigation { height: 41px; } body.videos header#masthead #primary-menu > li, body.theater header#masthead #primary-menu > li, body.spots header#masthead #primary-menu > li { padding: 0px 15px; overflow: hidden; height: 0; } body.videos header#masthead:hover #primary-menu > li, body.theater header#masthead:hover #primary-menu > li, body.spots header#masthead:hover #primary-menu > li { padding: 10px 15px; overflow: visible; height: auto; } body.theater .autosubhead { display: none; } /* STICKY HEADER */ .sticky-header #content { margin-top: 112px; } .sticky-header .wp-block-cover { z-index: 0; } .sticky-header .header-cover { min-height: 500px; } .sticky-header div[id] { } /* .sticky-header div[id]:before { display: block; content: " "; margin-top: -285px; height: 285px; visibility: hidden; background: red; pointer-events: none; position: relative; } */ .sticky-header header#masthead { position: fixed; width: 100vw; background: rgba(255,255,255,.95); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); margin-top: -112px; background: rgba(240,240,240,.8); -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.1); box-shadow: 0 4px 10px 0 rgba(0,0,0,.1); } /* STICKY SUBHEADER */ .sticky-subheader { position: sticky; width: 100vw; top: 112px; left: 0; z-index: 1; margin: 0; padding-top: 10px; padding-bottom: 10px; background: rgba(230,230,230,.8); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.15); box-shadow: 0 4px 10px 0 rgba(0,0,0,.15); /* added from inline code on NOC SOC etc page, removed from there */ top: 61px; z-index: 10000; background: rgba(230,230,230,.9); -webkit-backdrop-filter: blur(3px); } /* NEW ADDITION */ .sticky-header div { scroll-margin-top: 98px; } .sticky-subheader a.wp-block-button__link { color: var(--darkbluegrey2); padding: 15px 10px; background: none; border: none; line-height: 11px; } .sticky-subheader a.wp-block-button__link:hover { border: 0; background: rgba(0,0,0,.1); } .sticky-subheader .wp-block-button:first-child { margin-left: 30px; } .sticky-subheader ~ .gs_logo_area.gs_logo__loadedscroll { z-index: 0; } /* -----using EM inside a button in a sticky header, to make a diff font style. ignoring non-buttons with the :not() statement ----- */ .sticky-subheader a.wp-block-button__link div { font-size: 9px; text-transform: uppercase; padding-top: 3px; font-weight: bold; } /* END STICKY SUBHEADER */ /* MORE BUTTON MODS - NON-BUTTON */ .non-button a.wp-block-button__link { pointer-events: none; background: rgba(0,0,0,.1); position: relative; } .non-button a.wp-block-button__link:before { content: ''; display: block; position: absolute; right: -10px; top: 3px; width: 0; height: 0; border-left: 10px solid rgba(0,0,0,.1); border-top: 18px solid rgba(0,0,0,0); border-bottom: 17px solid rgba(0,0,0,0); } /* ---------- HEADER SECTION AND NAV POSITION MODS 7/14/22 ---------- */ #masthead .wrapper { width: 96%; max-width: initial; padding-left: 0; padding-right: 0; } .site-branding { margin: 0; display: inline-block; text-align: left; } .main-navigation { vertical-align: bottom; display: inline-block; } .sticky-header header#masthead { margin-top: -71px; } .sticky-header #content { margin-top: 71px; } .sticky-subheader { top: 71px; } /* ---------- END HEADER MODS 7/14/22 ---------- */ /* ---------- NAV Z-INDEX MODS 7/27/22 ---------- */ .sticky-header #masthead:hover + #content .sticky-subheader { z-index: 1000 !important; } /* ---------- END HEADER MODS 7/27/22 ---------- */ /* GS LOGO */ .gs_logo_single--wrapper { height: 167px !important; } .gs_logo_area.slider1 .gs_logo_single { padding: 24px 0px; } .gs_logo_area.slider-2rows .gs_logo_container { background: var(--mist-20); padding: 40px 0 120px; } .gs_logo_single--wrapper .gs_logo_single--duel:first-child { margin-bottom: 60px; } .gs_logo_single--wrapper .gs_logo_single--duel .gs_logo_single { padding: 24px 0px; } .grid1 .gs_logo-single--flex-center { height: auto !important; padding: 3px 1px 1px; } .grid1 .gs_logo_single--wrapper { height: auto !important; } /* sample demo pages */ .democontent #page-site-header, .democontent .footer-container, .democontent .overlay, .democontent .footer-widgets-area, .democontent .site-header, .democontent .site-footer { display: none !important; } .democontent main { margin: 0; width: 100vw; height: 100vh; position: absolute; overflow: hidden; background-size: cover; z-index: 1; } .democontent .section-gap { padding: 0; } .democontent #content-wrapper { width: 100vw; max-width: 100vw; padding: 0; } .democontent article { padding: 0 !important; } /* specific pages */ .is-page-activu-link-plugins #page-site-header { padding: 90px 0; } h3.autosubhead { padding: 100px 50px 0 50px !important; margin-top: 0; } #primary #main > h3.autosubhead + article { padding-top: 0; } .news main .button-container1 { display: block; text-align: center; padding-top: 135px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 68%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 68%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); z-index: 100; position: absolute; width: 100%; left: 0; bottom: 5px; } .news main .button-container1:before { content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."; padding: 0 50px; display: block; text-align: left; z-index: -100; background: -webkit-linear-gradient(#ccc, #eee); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(3px); } .news.nofade main .button-container1 { padding-top: 0; } .news.nofade main .button-container1:before { display: none; } .news.nobutton main .button-container1 a.wp-block-button__link { display: none; } /* tags */ a[href*="tag/reviz2"] { display: none; } /* media queries */ /* mobile phone screen size */ @media screen and (max-width: 1112px) { .home #our-services .service-item-wrapper .entry-header h2 { font-size: 1.4em; padding-top: .5em; } .home #our-services { padding-bottom: 50px; } } @media screen and (max-width: 1023px) { /* header nav */ .site-branding { margin: 0 auto; display: block; text-align: center; } #masthead .wrapper { width: 100%; padding: 0; } #masthead.site-header .main-navigation ul.nav-menu { left: 0; right: auto; } #site-navigation { position: absolute; top: 0; min-width: 300px; } button.menu-toggle { margin-right: auto; margin-left: 0; } #primary-menu .menu-item { text-align: left; } /* header contact buttons mobile */ .header-buttons .button-demo, .header-buttons .button-contact { } .header-buttons .button-demo a, .header-buttons .button-contact a { line-height: 100px; overflow: hidden; height: 30px; width: 30px; padding: 10px; position: relative; } .header-buttons .button-demo a i.fas, .header-buttons .button-contact a i.fas { position: absolute; top: 5px; left: 6px; } .header-buttons .button-demo a i.fas:after, .header-buttons .button-contact a i.fas:after { } .contact-button-leader { display: none; } .home #our-services .col-3 { width: 100vw; margin-left: calc(-5vw - 15px); } .home #our-services article { width: 100vw; } .home #our-services .service-item-wrapper { border-radius: 0; background-image: linear-gradient(90deg, rgb(255, 188, 78) 0%, rgb(77, 66, 103) 100%) !important; background-image: linear-gradient(90deg, rgb(255, 188, 78) 0%, rgb(113, 91, 98) 100%) !important; } .home #our-services .col-3 article { display: block; width: 100%; } .squaring-dummy { display: none; } .home #our-services .service-item-wrapper { height: auto !important; padding: 10px 30px; } .home #our-services a { position: relative; } .home #our-services .col-3 article:first-child { } .home #our-services .col-3 article:first-child a { } .home #our-services .col-3 article:last-child { } .home #our-services .col-3 article:last-child a { } .home #our-services .col-3 article { margin-left: 0; margin-right: 0; margin-bottom: 0; } .iconbar { flex-wrap: wrap !important; text-align: center; } .iconbar > .wp-block-button { min-width: 100px; } .logostrip { flex-wrap: wrap; } .logostrip .wp-block-image { width: 100px; } .fadeout-500, .fadeout-400 { height: 300px; } } @media screen and (max-width: 768px) { #masthead { padding: 0; } #masthead .wrapper { width: 100%; height: 43px; padding: 0; } .site-branding { padding: 3px 0; min-height: 43px; } .site-branding .site-logo img { max-height: 30px; } .header-buttons { top: 7px; right: 10px; } /* min nav mobile */ #site-navigation { top: 0; position: absolute; left: 0; min-width: 300px; } #site-navigation.toggled { } button.menu-toggle { width: 10%; margin-left: 0; height: 43px; } .menu-toggle span { width: 30px; height: 3px; } .menu-item-home { display: block !important; } #content-wrapper { margin-left: 0; margin-right: 0; width: 100%; } .news main .button-container1:before { content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."; padding: 0; } #primary #main > article { padding-left: 0; padding-right: 0; } .wp-block-cover.alignfull .wp-block-cover__inner-container > p, .wp-block-cover.alignfull .wp-block-cover__inner-container > h2, .wp-block-cover.alignfull .wp-block-cover__inner-container > h3, .wp-block-cover.alignfull .wp-block-cover__inner-container > .wp-block-columns { padding-left: 0; padding-right: 0; } .wp-block-table thead th { display: block; } .wp-block-table tbody tr td { display: block; width: 100%; } .wp-block-table tbody tr td:last-of-type { font-weight: bold; } .wp-block-table tbody tr td:first-of-type:after { right: calc(50% - 20px); transform: rotate(135deg); bottom: -4px; top: initial; } th.has-text-align-right { border-top: none !important; position: relative; } th.has-text-align-right:after { content: ''; position: absolute; display: block; width: 40px; height: 40px; background: rgb(0,0,0); background: linear-gradient(45deg, var(--marigold-0) 50%, var(--marigold) 100%); pointer-events: none; right: calc(50% - 20px); transform: rotate(135deg); bottom: 50px; top: initial; } .tiles:not(.tiles-logos) > *, .tiles:not(.tiles-logos) > ul, .tiles:not(.tiles-logos) > li, .tiles:not(.tiles-logos) .tiles > *:not(.button), .tiles.tiles-logos > * > *, .tiles.tiles-logos > * > ul, .tiles.tiles-logos > * > li { width: 45%; } .footer-widgets-area .menu-main-container { width: 100%; } .footer-widgets-area #menu-main { display: block; } .footer-widgets-area #menu-main > .menu-item { display: block; } ul.pressacross { display: block; } .goright { position: relative; height: initial; } .goright .wp-block-button { position: relative; right: initial; top: initial; } .goright .wp-block-button .wp-block-button__link { border-radius: 30px; } .fadeout-400 { height: 700px; } figure#support-table { margin-top: 45px; width: 100vw; max-width: 100vw; } #support-table thead { position: sticky; top: 0px; z-index: 1; } #support-table thead tr { background: white; height: 90px; border-bottom: 3px solid black; /* -webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,1); box-shadow: inset 0 3px 0 0 rgba(0,0,0,1);*/ background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 3%, rgba(241,241,241,1) 3%, rgba(255,255,255,1) 100%); } #support-table thead span { transform: rotate(-90deg) translateX(-30px) !important; display: block; width: 90px; transform-origin: left bottom; text-align: left; font-size: 13px; display: block; border-radius: 20px; padding-left: 10px; border-left: 2px solid #666666; } #support-table td { padding-bottom: 0; } #support-table td.has-text-align-center, #support-table th.has-text-align-center { display: inline-block !important; width: 25% !important; padding-bottom: 10px; padding-top: 0; font-size: 40px; } #support-table th.has-text-align-center { padding: 0; height: 0px; padding-left: 14.5%; padding-bottom: 0px; } #sched-support td:nth-child(1), #emerg-support td:nth-child(1), #phone-support td:nth-child(1) { padding-bottom: 20px; } #bronze, #sched-support td.has-text-align-center:nth-child(2) span, #emerg-support td.has-text-align-center:nth-child(2) span, #phone-support td.has-text-align-center:nth-child(2) span { background: rgba(196,154,108,1); } #silver, #sched-support td.has-text-align-center:nth-child(3) span, #emerg-support td.has-text-align-center:nth-child(3) span, #phone-support td.has-text-align-center:nth-child(3) span { background: rgba(167,167,167,1); } #gold, #sched-support td.has-text-align-center:nth-child(4) span, #emerg-support td.has-text-align-center:nth-child(4) span, #phone-support td.has-text-align-center:nth-child(4) span { background: var(--marigold); } #platinum, #sched-support td.has-text-align-center:nth-child(5) span, #emerg-support td.has-text-align-center:nth-child(5) span, #phone-support td.has-text-align-center:nth-child(5) span { background: rgba(203,215,229,1); } /* words */ #support-table td:nth-child(1) { text-align: center; } /* bronze */ #support-table td.has-text-align-center:nth-child(2) { color: rgba(139,94,60,1); } /* silver */ #support-table td.has-text-align-center:nth-child(3) { color: rgba(128,128,128,1); } /* gold */ #support-table td.has-text-align-center:nth-child(4) { color: rgba(247,148,29,1); } /* platinum */ #support-table td.has-text-align-center:nth-child(5) { color: rgba(130,151,171,1); } #sched-support td.has-text-align-center span, #emerg-support td.has-text-align-center span, #phone-support td.has-text-align-center span { font-size: 12px; display: block !important; padding: 5px; position: absolute; border-radius: 30px; white-space: nowrap; color: black; margin-left: -10%; margin-top: -23%; } .slide-sideheader .wp-block-cover .wp-block-cover__image-background, .slide-sideheader .wp-block-cover video.wp-block-cover__video-background, .slide-sideheader .wp-block-cover-image .wp-block-cover__image-background, .slide-sideheader .wp-block-cover-image video.wp-block-cover__video-background { width: 100%; height: 50%; } .slide-sideheader.headshadow p { max-width: 100%; font-size: 31px; line-height: 35px; } .slide-sideheader.wp-block-cb-carousel .wp-block-cb-slide .wp-block-cover .wp-block-cover__inner-container { position: absolute; /* bottom: 0; */ left: 5%; top: 310px; } .slide-sideheader .slick-prev, .slick-next { top: 25%; } .logofield figure.wp-block-image { flex: 25%; max-width: 25%; } .logofield .wp-block-group__inner-container { gap: 20px; } .logofield { padding: 20px 30px 10px; } .enx-table-3col { } .enx-table-3col table, .enx-table-4col table { width: 100%; border-width: 0; } .enx-table-3col tbody, .enx-table-3col tr, .enx-table-4col tbody, .enx-table-4col tr { display: block; } .enx-table-3col tr, .enx-table-4col tr { border: none; } .enx-table-3col td, .enx-table-4col td { display: block; width: 100% !important; } .enx-table-3col td.plus, .enx-table-4col td.plus { padding: 0 !important; } .enx-table-4col { } .is-page-enxchange .header-cover .wp-block-image img { height: auto !important; width: auto !important; } } @media screen and (max-width: 414px) { header .menu-main-container { min-width: 100vw; } footer .menu-main-container { min-width: 100%; } .wp-block-cover h2, .wp-block-group h2 { font-size: 40px; } .logofield figure.wp-block-image { flex: 29%; max-width: 29%; } /* homepage circles */ /* .home #our-services .col-3 article { display: block; width: 100%; margin-left: 0; } .squaring-dummy { display: none; } .home #our-services .service-item-wrapper { border-radius: 6px; height: auto !important; border-radius: 126px; padding: 10px 30px; } .home #our-services a { position: relative; } .home #our-services .col-3 article:first-child { } .home #our-services .col-3 article:first-child a { } .home #our-services .col-3 article:last-child { } .home #our-services .col-3 article:last-child a { } .home #our-services .col-3 article { margin-left: 0; margin-right: 0; } .home #our-services .col-3 { width: 90%; margin-left: 0; } .home #our-services article { width: 100vw; } */ } .gs_logo_single--wrapper img { transform: scale(.75); } .blog-posts-wrapper article.category-training-private { display: none; } /* COOKIE NOTICE */ #cookie-notice .cn-button.bootstrap { background: var(--darkbluegrey2alt); } /* ----- REMOVAL ----- */ .wp-block-buttons>.wp-block-button.button-demo { display: none; }