/* Theme Name: IEEE SA Groups Description: A custom WordPress theme for IEEE SA. Version: 1.0.3 Author: thinkdm2 Author URI: https://thinkdm2.com */ /*__// Stylesheet Contents //__*//* 0. IEEE SA Brand Colors 1. Classes 2. Typography 3. Header & Nav a. Mobile/Hidden Menu 4. Footer 5. Modules & Elements a. Accordions b. Buttons c. Cards d. Tabs e. Newsletter Subscribe f. Forms - Marketo - Gravity g. Tables h. Carousels 6. Page Structure a. Page Title b. Breadcrumbs c. Sidebar Widgets d. Page Widgets 7. Home Page 8. Secondary Pages a. Project/Standard b. Find Standards c. Search Results d. Archive (Tags / Categories) e. Events Calendar f. Beyond Standards Blog g. WPBakery Page Templates - Aggregate - Event - Home - Event - Speaker - Event - Program / Agenda - Event - Registration - Event - Exhibitor / Sponsor - Event - Contact - News - Practices - Animations 9. AEM Pages (Phase 1) a. Layout / Structure b. Elements c. Typography X. Media Queries *//*__// 0. IEEE SA Brand Colors //__*//* // Primary Colors _ IEEE SA Main Blue: #00c0ef; _ Black: #000; _ White: #fff; // Secondary Colors _ IEEE Master Brand Blue: #005d94; _ IEEE SA Medium Blue: #4ac9e3; _ IEEE SA Dark Grey: #57595d; _ IEEE SA Medium Grey: #b0b1b3; _ IEEE SA Light Grey: #d9d9d6; // Tertiary Colors _ IEEE Brand Yellow: #ffd100; _ IEEE Brand Orange: #ffa300; _ IEEE Brand Red: #b20b2d; *//*__// 1. Classes //__*/ .hide, .hidden { display: none!important; visibility: hidden!important; } .bg-lt-grey { background-color: #eee; } .bg-black { background-color: #000; color: #fff; } .white-txt { color: #fff; } .mw-1100 > .wpb_column > .vc_column-inner { margin-left: auto; margin-right: auto; max-width: 1100px; } .mw-880 > .wpb_column > .vc_column-inner { margin-left: auto; margin-right: auto; max-width: 880px; } /*__// 2. Typography //__*/ body { font-family: 'Open Sans', Verdana, Arial, sans-serif; color: #000; } h1, .h1, h2, .h2, h3, .h3, .h4, h4, h5, .h5, h6, .h6 { margin-bottom: 1rem } h1, .h1 { font-weight: 900; } h2, .h2, h3, .h3, .h4, h4, h5, .h5, h6, .h6, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a, article.single-post h1 b, article.single-post h2 b, article.single-post h3 b, article.single-post h4 b, article.single-post h5 b, article.single-post h6 b, article.single-post h1 strong, article.single-post h2 strong, article.single-post h3 strong, article.single-post h4 strong, article.single-post h5 strong, article.single-post h6 strong { font-weight: 700; } h1, .h1, h2, .h2, h3, .h3 { line-height: 1.25; } .h4, h4, h5, .h5, h6, .h6 { line-height: 1.5; } article.single-post p + h1, article.single-post p + h2, article.single-post p + h3, article.single-post p + h4, article.single-post p + h5, article.single-post p + h6, article.single-post ul + h1, article.single-post ul + h2, article.single-post ul + h3, article.single-post ul + h4, article.single-post ul + h5, article.single-post ul + h6, article.single-post ol + h1, article.single-post ol + h2, article.single-post ol + h3, article.single-post ol + h4, article.single-post ol + h5, article.single-post ol + h6 { margin-top: 3rem; } p, ul, ol { margin-bottom: 1.5rem; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; } .fw-400 { font-weight: 400; } .fw-600 { font-weight: 600; } .fw-700, b, strong { font-weight: 700; } .fw-900 { font-weight: 900; } ul.menu { display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0; } ul.blue-bullets ::marker, .blue-bullets ::marker { color: #00c0ef; } a, .nav-link, #main-content .vc_custom_heading a { color: #005d94; } a, a.card-link.stretched-link.arrow-link span, #main-content .vc_custom_heading a { transition: box-shadow .15s ease-in-out, color .15s ease-in-out; } a:focus, a:hover, .nav-link:focus, .nav-link:hover, #main-content .vc_custom_heading a:focus, #main-content .vc_custom_heading a:hover { color: #00558e; /* 5% darker */ color: #004982; /* 10% darker */ } #main-content .vc_custom_heading a:hover { opacity: 1; } article.single-post a span[style="font-weight: 400;"] { font-weight: 600!important; } a.arrow-link { /*display: inline-block;*/ /*padding-right: 1rem;*/ } a.arrow-link span { position: relative; } .sa-btn.arrow-link a { background-color: transparent!important; border: none!important; border-radius: 0!important; box-shadow: none!important; color: #005d94!important; min-width: 0!important; padding: 0!important; } a.arrow-link:not(.stretched-link)::after, a.arrow-link span::after, a.back-to-top::after, a.comment-reply-link::after, .sa-btn.arrow-link a::after { color: inherit; display: inline-block; /*font-family: 'Font Awesome 5 Pro';*/ font-family: 'Font Awesome 6 Pro'; font-style: normal; font-variant: normal; position: absolute; right: 0; text-rendering: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: transform .15s ease-in-out; } a.arrow-link:not(.stretched-link)::after, a.arrow-link span::after, .sa-btn.arrow-link a::after { content: '\f054'; transform: translateX(1rem); } a.back-to-top::after { content: '\f077'; transform: translate(1.25rem, 0); } a.comment-reply-link::after { content: '\f4ad'; font-weight: 400; transform: translate(1.25rem, 0); } a.arrow-link:focus:not(.stretched-link)::after, a.arrow-link:hover:not(.stretched-link)::after, a.arrow-link:focus span::after, a.arrow-link:hover span::after, .sa-btn.arrow-link a:focus::after, .sa-btn.arrow-link a:hover::after { /*transform: translateX(.25rem);*/ transform: translateX(1.25rem); } a.back-to-top:focus::after, a.back-to-top:hover::after, a.comment-reply-link:focus::after, a.comment-reply-link:hover::after { transform: translate(1.25em, -.25rem); } #content a { font-weight: 600; position: relative; text-decoration: none; } #content a.stretched-link { position: inherit; } #content .bg-black a { color: #fff; } #content a:not(.btn):not(.vc_btn3):not(.vc_single_image-wrapper):not(.vc_icon_element-link):not(.nav-link):not(.dropdown-item):not(.cta-link):focus, #content a:not(.btn):not(.vc_btn3):not(.vc_single_image-wrapper):not(.vc_icon_element-link):not(.nav-link):not(.dropdown-item):not(.cta-link):hover, #content a.card-link.stretched-link.arrow-link:focus > span, #content a.card-link.stretched-link.arrow-link:hover > span, #newsletter-subscribe a { box-shadow: 0 .125em; } #content a.card-link.stretched-link.arrow-link:focus, #content a.card-link.stretched-link.arrow-link:hover { box-shadow: none!important; } .sa-btn.arrow-link a:focus, .sa-btn.arrow-link a:hover { box-shadow: 0 .125em!important; color: #004982!important; } #newsletter-subscribe a { text-decoration: none; } /*#content a:not(.filter-item):not(.btn)::before { background-color: #005d94; border-radius: 1px; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; width: 100%; transition: background-color .15s ease, bottom .15s ease-in-out; } #content .pagination .page-item:not(.active) a:not(:focus):not(:hover)::before { display: none; } #content a:not(.filter-item):focus::before, #content a:not(.filter-item):hover::before { background-color: #00558e; *//* 5% darker *//* background-color: #004982; *//* 10% darker *//* bottom: 2px; }*/ .section-title + .wpb_text_column, .section-title + .section-subtitle { margin-top: 1.5rem; } .section-subtitle { font-weight: 400; } .wpb_content_element + .vc_custom_heading:not(.event-speaker-name), .sa-btn.vc_btn3-container + .vc_custom_heading { margin-top: 3.75rem; } #main-content li:not(.nav-item):not(.menu-item):not(:last-child) { margin-bottom: .5rem; } #main-content li:not(.nav-item):not(.menu-item) > ul, #main-content li:not(.nav-item):not(.menu-item) > ol { margin-top: .5rem; } .leader-text { font-size: 1.375rem; line-height: 1.625; } /*__// 3. Header & Nav //__*/ #top-bar, #masthead { /*border-bottom: 1px solid #d9d9d6;*/ } #top-bar .nav.top-bar { font-size: 13px; font-weight: 600; line-height: 26px; padding: .625rem 0; } #top-bar .nav.top-bar-right { justify-content: flex-end; } #top-bar .nav.top-bar li:not(:last-child)::after { content: '|'; margin: 0 .5rem; } #top-bar .nav.top-bar a.nav-link { color: #000; display: inline-block; padding: 0; } #top-bar .nav.top-bar a.nav-link:focus, #top-bar .nav.top-bar a.nav-link:hover { /*color: #005d94;*/ text-decoration: underline; } #top-bar .nav-icon { margin-right: 5px; width: 1em; text-align: center; } #secondary-logo { text-align: right; } #secondary-logo img { max-width: 103px; width: 100%; } .logo .logo-link { display: inline-block; } #masthead { background-color: #fff; box-shadow: none; transition: box-shadow .15s ease-in-out; } #masthead.fixed-top { box-shadow: 0 4px 8px -4px rgba(0,0,0,.3); } .masthead-inner-wrapper { padding: 1rem 0 1.5rem; } #site-title { margin-bottom: .5rem } #site-tagline { margin-bottom: .25rem } #main-nav { border-top: 1px solid #d9d9d6; border-bottom: 1px solid #d9d9d6; height: 54px; /*overflow: hidden;*/ padding: 0; z-index: 1001; } #main-nav .navbar-nav.main > .nav-item a.nav-link { color: #000; font-size: 15px; font-weight: 700; /*font-weight: 600;*/ line-height: 22px; padding: 1rem .5rem; transition: background-color .15s ease, border-color .15s ease; } #main-nav .navbar-nav.main > .nav-item:not(.nav-type-button) > a.nav-link.show:not(.active), #main-nav .navbar-nav.main > .nav-item:not(.nav-type-button) > a.nav-link:not(.active):focus, #main-nav .navbar-nav.main > .nav-item:not(.nav-type-button) > a.nav-link:not(.active):hover, #main-nav .navbar-nav.main > .nav-item:not(.nav-type-button).current-menu-ancestor > a.nav-link:not(.active), #main-nav .navbar-nav.main > .nav-item:not(.nav-type-button).current-menu-parent > a.nav-link:not(.active) { /*background-color: #262626; border-color: #262626; color: #fff;*/ background-color: #d6d6d6; border-color: #d6d6d6; color: #000; /*cursor: pointer;*/ } #main-nav .navbar-nav.main > .nav-item.nav-type-button { text-align: center; } #main-nav .navbar-nav.main > .nav-item.nav-type-button a { background-color: #005d94; color: #fff; overflow: hidden; position: relative; z-index: 0; } #main-nav .navbar-nav.main > .nav-item.nav-type-button a[title="MAC Address"] { letter-spacing: 1px; text-transform: uppercase; } #main-nav .navbar-nav.main > .nav-item.nav-type-button a:focus, #main-nav .navbar-nav.main > .nav-item.nav-type-button a:hover { background-color: #00558e; /* 5% darker */ background-color: #004982; /* 10% darker */ } .nav-type-mega-menu.dropdown { position: static; } #main-nav .navbar-nav.main .dropdown-menu, #filter .navbar-nav .dropdown-menu { border: 0; border-radius: 0; margin-top: 0; /*margin-top: 1px;*/ padding: 0; } #main-nav .navbar-nav.main .dropdown-menu.mega-menu { left: 0; margin: 0 auto; /*margin: 1px auto 0;*/ max-width: 1296px; right: 0; width: 100%; } .dropdown-hover:hover > .dropdown-menu { display: block; } .dropdown-hover > .dropdown-toggle:active { pointer-events: none; /* Without this, clicking will make it sticky */ } #main-nav .navbar-nav.main .dropdown-menu.mega-menu .row { background-color: #fff; flex-wrap: nowrap; } #main-nav .navbar-nav.main .sub-menu { background-color: #262626; padding: 0; } #main-nav .navbar-nav.main ul[class^='sub-menu'] li[class^='nav-item'], #main-nav .navbar-nav.main ul[class^='sub-menu'] li[class^='menu-item'] { list-style: none; } #main-nav .navbar-nav.main .sub-menu .nav-item a, #filter .navbar-nav .dropdown-menu .nav-item a { /*background-color: #262626;*/ background-color: #fff; /*color: #fff;*/ color: #000; font-weight: 600; /*padding-left: 3rem;*/ padding: .75rem 1.5rem; transition: background-color .15s ease, color .15s ease; } #main-nav .navbar-nav.main .sub-menu .nav-item a.nav-link:focus, #main-nav .navbar-nav.main .sub-menu .nav-item a.nav-link:hover, #main-nav .navbar-nav.main .sub-menu .nav-item.current-menu-item a.nav-link { /*background-color: #fff;*/ background-color: #d6d6d6; /*color: #262626;*/ color: #000; /*cursor: pointer;*/ } #main-nav .navbar-nav.main .sub-menu-description { align-self: center; background-color: #fff; /*border-top: 1px solid #d9d9d6;*/ flex-grow: 2; max-width: 66.66666667%; } #main-nav .navbar-nav.main .sub-menu-description .nav-item-description { display: none; font-size: 24px; margin: 0 auto; max-width: 66.66666667%; } #main-nav .navbar-nav.main .sub-menu-description .nav-item-description.show { display: block; } #main-nav .search button { background-color: #262626; border: 0; border-radius: 0; color: #fff; font-size: 21px; font-weight: 300; height: 52px; min-width: 0; overflow: hidden; padding: .375rem .75rem; position: relative; width: 56px; z-index: 0; } #main-nav .search button:focus, #main-nav .search button:hover { background-color: #000; } #main-nav #search-input-wrapper::after { background-color: rgba(0,0,0,.7); bottom: 0; content: ''; left: 0; opacity: 0; pointer-events: none; right: 0; top: 174px; /* sticky & mobile #masthead height */ visibility: hidden; transition: opacity .15s ease-in-out; } #main-nav #search-input-wrapper.show::after { opacity: 1; position: fixed; visibility: visible; z-index: 5; } #main-nav #search-input-wrapper form { opacity: 0; position: absolute; /*right: -56px;*/ right: 0; width: 0; z-index: 1; transition: opacity .15s ease, width .15s ease; } #main-nav #search-input-wrapper.show form { opacity: 1; /*width: 469px;*/ width: 1296px; } #main-nav #search-input-wrapper .form-control { border: 6px solid #00c0ef; border-radius: 0; color: #000; float: left; font-weight: 700; height: 54px; /*margin-top: -1px;*/ outline: none; width: calc(100% - 56px); } #main-nav #search-input-wrapper .form-control:focus { box-shadow: none; } #main-nav #search button { background-color: #005d94; float: right; } #main-nav #search button::after { background-color: #00558e; /* 5% darker */ background-color: #004982; /* 10% darker */ } #main-nav .nav-item.show .nav-link, #main-nav .navbar-nav.main > .nav-item a.nav-link.active { background-color: #262626; color: #fff; } /*__// 3a. Mobile/Hidden Menu //__*/ #main-nav.navbar-light .navbar-toggler, #filter.navbar-light .navbar-toggler { border: 0; box-shadow: none; color: #000; } #main-nav .navbar-toggler-icon, #filter .navbar-toggler-icon { background-image: none; } #main-nav .navbar-toggler-icon i, #filter .navbar-toggler-icon i { font-size: 30px; } .screen-darken { background-color: rgba(0,0,0,.7); height: 100%; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; width: 0; z-index: 30; transition: opacity .15s linear, visibility .15s, width .15s ease-in; } .screen-darken.active { opacity: 1; visibility: visible; width: 100%; z-index: 10; transition: opacity .3s ease, width 0s; } .btn-close.mobile-menu { border-radius: 0; /*color: #005d94;*/ display: none; font-size: 25px; filter: invert(23%) sepia(85%) saturate(1740%) hue-rotate(179deg) brightness(95%) contrast(106%); float: right; margin-bottom: 2rem; opacity: 1; padding: .6rem; } .btn-close.mobile-menu:focus, .btn-close.mobile-menu:hover { /*color: #00558e;*/ filter: invert(19%) sepia(78%) saturate(2181%) hue-rotate(185deg) brightness(96%) contrast(101%); /*color: #004982;*/ filter: filter: invert(19%) sepia(65%) saturate(2137%) hue-rotate(186deg) brightness(92%) contrast(103%); } /*__// 4. Footer //__*/ #footer-top { border-top: 1px solid #d9d9d6; padding: 2.5rem 0 1.25rem; } #footer-logo img { max-width: 103px; width: 100%; } .nav-link.social-icon { color: #000; font-size: 20px; } #footer-widgets { padding: 1.25rem 0 2.75rem; } #footer-widgets .widget-title { font-size: 15px; font-weight: 700; margin-bottom: 1rem; } #footer-widgets .nav.site-map, #footer-widgets ul[id^="menu-footer-menu"] { flex-direction: column; } #footer-widgets .nav.site-map .nav-item:not(:last-child), #footer-widgets ul[id^="menu-footer-menu"] .menu-item:not(:last-child) { margin-bottom: .5rem; } #footer-widgets .nav.site-map .nav-link, #footer-widgets ul[id^="menu-footer-menu"] .menu-item a { color: #000; font-size: 15px; padding: .25rem 0; } #footer-widgets .menu .menu-item a { display: block; text-decoration: none; } #footer-widgets .nav.site-map .nav-link:focus, #footer-widgets .nav.site-map .nav-link:hover, #footer-widgets .menu .menu-item a:focus, #footer-widgets .menu .menu-item a:hover, #footer-bar .nav.footer-bar a.nav-link:focus, #footer-bar .nav.footer-bar a.nav-link:hover { text-decoration: underline; } #footer-bar { /*border-top: 1px solid #d9d9d6;*/ font-size: 12px; font-weight: 500; padding: 1.25rem 0; /*padding: 2.5rem 0;*/ } #footer-bar .nav.footer-bar li:not(:last-child)::after { content: '|'; margin: 0 .5rem; } #footer-bar .nav.footer-bar a.nav-link { color: #000; display: inline-block; font-size: 12px; padding: 0; } #copyright { padding-top: 1.25rem; } #copyright p { margin-bottom: 0; } /*__// 5. Modules & Elements //__*/ img { height: auto; max-width: 100%; } .wpb_content_element:last-child, ul.wpb_thumbnails-fluid > li:last-child, .wpb_button:last-child { margin-bottom: 0; } /*__// 5a. Accordions //__*/ #main-content .vc_tta-container { margin-bottom: 0; } #main-content .vc_tta.vc_general .vc_tta-panel-title { line-height: 1.25; } .governance .vc_tta.vc_general .vc_tta-panel-title > a { padding: 1.5rem 3rem 1.5rem 1.5rem; } #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { background-color: #eee; border-color: #eee; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, color .15s ease-in-out; } #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { color: #005d94; } #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after, #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before { border-color: #005d94; transition: border-color .15s ease-in-out; } #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover, #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #005d94; border-color: #005d94; } #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus .vc_tta-panel-title > a, #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-panel-title > a, #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a { color: #fff; } #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus .vc_tta-controls-icon::after, #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-controls-icon::before, #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-controls-icon::after, #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-controls-icon::before { border-color: #fff; } #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a:focus, #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a:hover { box-shadow: none!important; } #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { background-color: #eee; border-color: #eee; padding: 2rem 1.5rem; } #main-content .vc_tta-color-grey .vc_tta-panel .vc_tta-panel-body .vc_row.bg-white { background-color: #fff; margin: 0; padding: 2rem 1.25rem; } /*__// 5b. Buttons //__*/ p + .btn, .wpb_text_column + .vc_btn3-container { margin-top: 1.5rem; } .sa-btn.vc_btn3-container { margin-bottom: 0; } .btn, .sa-btn .vc_btn3, .sa-btn .vc_btn3.vc_btn3-size-md, .sa-btn.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md { border: 3px solid; font-weight: 600; min-width: 10rem; padding: .625rem 1.5rem; } .sa-btn .vc_btn3, .sa-btn .vc_btn3.vc_btn3-size-md, .sa-btn.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md { border-radius: .25rem; border-width: 3px!important; font-size: 1rem; line-height: 1.5; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .btn-primary, .sa-btn .vc_btn3.vc_btn3-color-blue, .sa-btn .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat, .sa-btn.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-color-blue.vc_btn3-style-flat { background-color: #005d94; border-color: #005d94; box-shadow: 0 4px 8px -4px #000035; /* 40% darker */ } .btn-outline-primary { border-color: #005d94; box-shadow: 0 4px 8px -4px #000035; /* 40% darker */ color: inherit; } .btn-primary:focus, .btn-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:hover, .sa-btn .vc_btn3.vc_btn3-color-blue:focus, .sa-btn .vc_btn3.vc_btn3-color-blue:hover, .sa-btn .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:focus, .sa-btn .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:hover, .sa-btn.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-color-blue.vc_btn3-style-flat:focus, .sa-btn.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-color-blue.vc_btn3-style-flat:hover { background-color: #00558e; /* 5% darker */ background-color: #004982; /* 10% darker */ border-color: #00558e; /* 5% darker */ border-color: #004982; /* 10% darker */ box-shadow: 0 4px 8px -6px #000035; /* 40% darker */ color: #fff; } .btn:active, .sa-btn .vc_btn3:active { box-shadow: none!important; } .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle, .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary.dropdown-toggle.show, .sa-btn .vc_btn3.vc_btn3-color-blue:active, .sa-btn .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:active, .sa-btn.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-color-blue.vc_btn3-style-flat:active { background-color: #00558e; /* 5% darker */ background-color: #004982; /* 10% darker */ border-color: #00558e; /* 5% darker */ border-color: #004982; /* 10% darker */ color: #fff; } .btn-light { background-color: #fff; border-color: #fff; } .btn-check:focus + .btn-light, .btn-light:focus { background-color: #fff; border-color: #fff; box-shadow: none; } .btn-outline-white { border-color: #fff; color: #fff; } .btn-outline-white:hover { background-color: #fff; border-color: #fff; color: #005d94; } .vc_btn3-inline + .vc_btn3-inline { margin-top: 1.5rem; margin-left: 1.5rem; } /*__ // 5c. Cards //__*/ .card, .card-img, .card-img-top { background-color: transparent; border-color: #d9d9d6; border-radius: 0; } .card-img-top { margin-bottom: 1rem; } .card-title { font-weight: 700; } .card-title + .card-link { margin-top: .5rem; } .card-date { color: #B0B1B3; font-weight: 700; margin-bottom: .5rem; } .icon-card .wpb_content_element.card-img-top { margin-bottom: 2rem; } .icon-card .wpb_single_image.icon img { max-width: 100px; width: 100%; } .sa_card:not(.alt) > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; } .sa_card:not(.alt) > .vc_column-inner > .wpb_wrapper, .vc_card > .vc_column-inner > .wpb_wrapper, .product-program > .vc_column-inner > .wpb_wrapper { border: 1px solid #d9d9d6; height: 100%; padding: 0 1.5rem 2rem; position: relative; } .sa_card:not(.alt).no-img > .vc_column-inner > .wpb_wrapper, .vc_card.no-img > .vc_column-inner > .wpb_wrapper { padding-top: 2rem; } .sa_card:not(.alt) .wpb_single_image, .vc_card .wpb_single_image, .product-program .wpb_single_image { margin-left: -1.5rem; margin-right: -1.5rem; } .sa_card:not(.alt) .vc_custom_heading, .vc_card .vc_custom_heading, .product-program .vc_custom_heading, #intro + .sa_card-stack .sa_card.alt:first-child { margin-top: 0!important; } .vc_card.vc_col-sm-6 .wpb_single_image .vc_single_image-wrapper { max-height: 226px; overflow: hidden; } .vc_card.vc_col-sm-4 .wpb_single_image:not(.headshot) .vc_single_image-wrapper { max-height: 140px; overflow: hidden; } .sa_card .wpb_text_column, .sa_card .wpb_text_column .wpb_wrapper, .sa_card.alt .vc_column-inner .wpb_wrapper { height: 100%; } .sa_card .wpb_text_column .wpb_wrapper, .sa_card.alt .vc_column-inner .wpb_wrapper { display: flex; flex-direction: column; justify-content: flex-end; } .sa_card .wpb_text_column p:not(:last-child) { flex-grow: 1; margin-bottom: 1.5rem; } .sa_card.alt { position: relative; } .sa_card.alt, .access-option { border: 1px solid #d9d9d6; margin-left: 0!important; margin-right: 0!important; } .sa_card.alt:first-child, .access-option:first-child { margin-top: 5rem; } .sa_card.alt:not(:last-child), .access-option:not(:last-child) { margin-bottom: 3rem; } .sa_card.alt .img-column .vc_column-inner { padding-top: 56.25%; } .sa_card.alt .txt-column { position: static; } .sa_card.alt .txt-column .vc_column-inner, .access-option .txt-column .vc_column-inner { padding: 1.5rem 1.5rem 2rem; } /*__// 5d. Tabs //__*/ .nav-tabs { border: 0; flex-wrap: nowrap; } .nav-tabs .nav-link { /*background-color: #262626;*/ background-color: #005d94; border-bottom-width: 2px; border-color: #fff; color: #fff; font-weight: 600; padding: .5rem; } .nav-tabs .nav-item:first-child .nav-link { border-left: 0; } .nav-tabs .nav-item:last-child .nav-link { border-right: 0; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { /*background-color: #000;*/ background-color: #00558e; /* 5% darker */ background-color: #004982; /* 10% darker */ border-color: #fff; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #eee; border-color: #fff #fff #eee; /*color: #005d94;*/ color: #000; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { height: 100%; } .tab-pane { background-color: #eee; padding: 2.5rem 3rem; } .tab-pane-content { background-color: #fff; padding: 2.5rem 2rem; } .tab-pane-content .wg-project:not(:last-of-type), .tab-pane-content .wg-standard:not(:last-of-type) { border-bottom: 1px solid #d9d9d6; padding-bottom: 2.5rem; } .tab-pane-content .wg-project:not(:first-of-type), .tab-pane-content .wg-standard:not(:first-of-type) { padding-top: 2.5rem; } /*__// 5e. Newsletter Subscribe //__*/ .btn-subscribe { background-color: #262626; border-color: #262626; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: -4px 4px 8px -4px rgba(0,0,0,.3); color: #fff; font-size: 1.25em; font-weight: 700; line-height: 1.2; position: fixed; right: -55px; text-transform: uppercase; top: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg); z-index: 1000; } .btn-subscribe:focus, .btn-subscribe:hover { background-color: #000; border-color: #000; box-shadow: -4px 4px 8px -6px rgba(0,0,0,.3); color: #fff; } #newsletter-subscribe { background-color: #000; border: 0; box-shadow: -4px 4px 8px -4px rgba(0,0,0,.3); color: #fff; } /* Background when mobile menu is open*/ .offcanvas-backdrop { background-color: rgba(0,0,0,.7); } .offcanvas-backdrop.show { opacity: 1; } /*__// 5f. Forms //__*/ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } ::-moz-placeholder { /* Firefox 19+ */ color: #000; opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: #000; } :-moz-placeholder { /* Firefox 18- */ color: #000; } /*__// Marketo //__*/ #hls-form, form[id^="mktoForm_"], .mktoLabel { font-family: 'Open Sans', Verdana, Arial, sans-serif!important; } form[id^="mktoForm_"] { background-color: #eee; color: #000!important; font-size: inherit!important; margin-left: auto!important; margin-right: auto!important; max-width: 770px; padding: 2.5rem 3rem; width: auto!important; } form[id^="mktoForm_"].mktoForm .mktoFormCol { margin-bottom: 1.5rem!important; } form[id^="mktoForm_"].mktoForm .mktoFormCol, form[id^="mktoForm_"].mktoForm .mktoFieldWrap, form[id^="mktoForm_"].mktoForm .mktoLabel { float: none; } form[id^="mktoForm_"].mktoForm .mktoOffset, form[id^="mktoForm_"].mktoForm .mktoGutter { display: none; } form[id^="mktoForm_"].mktoForm .mktoLogicalField { border: 0; margin-left: 0; /*margin-left: 1rem;*/ margin-top: .5rem; padding: 0; width: 100%!important; } form[id^="mktoForm_"].mktoForm #Lblieee_privacy_policy + div + .mktoLogicalField, form[id^="mktoForm_"].mktoForm #Lblieee_marketability_optin + div + .mktoLogicalField { margin: 0; } form[id^="mktoForm_"].mktoForm #Lblieee_privacy_policy + div + .mktoLogicalField { margin-top: 0.5em !important; } /*form[id^="mktoForm_"].mktoForm #Lblieee_privacy_policy + div + .mktoLogicalField.mktoRequired > label { margin-left: 3em; } form[id^="mktoForm_"].mktoForm #Lblieee_privacy_policy + div + .mktoLogicalField.mktoRequired > label::before { margin-left: -3em; }*/ form[id^="mktoForm_"].mktoForm .mktoFormCol, form[id^="mktoForm_"].mktoForm .mktoHtmlText, form[id^="mktoForm_"].mktoForm .mktoFieldWrap, form[id^="mktoForm_"].mktoForm input:not([type="checkbox"]):not([type="radio"]), form[id^="mktoForm_"].mktoForm select, form[id^="mktoForm_"].mktoForm textarea { width: 100%!important; } form[id^="mktoForm_"].mktoForm input, form[id^="mktoForm_"].mktoForm select, form[id^="mktoForm_"].mktoForm textarea, form.comment-form input:not([type="submit"]), form.comment-form textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } form[id^="mktoForm_"].mktoForm input, form[id^="mktoForm_"].mktoForm select, form[id^="mktoForm_"].mktoForm textarea, form.comment-form input:not([type="submit"]), form.comment-form textarea, #main-content .gform_wrapper.gravity-theme input[type=color], #main-content .gform_wrapper.gravity-theme input[type=date], #main-content .gform_wrapper.gravity-theme input[type=datetime-local], #main-content .gform_wrapper.gravity-theme input[type=datetime], #main-content .gform_wrapper.gravity-theme input[type=email], #main-content .gform_wrapper.gravity-theme input[type=month], #main-content .gform_wrapper.gravity-theme input[type=number], #main-content .gform_wrapper.gravity-theme input[type=password], #main-content .gform_wrapper.gravity-theme input[type=search], #main-content .gform_wrapper.gravity-theme input[type=tel], #main-content .gform_wrapper.gravity-theme input[type=text], #main-content .gform_wrapper.gravity-theme input[type=time], #main-content .gform_wrapper.gravity-theme input[type=url], #main-content .gform_wrapper.gravity-theme input[type=week], #main-content .gform_wrapper.gravity-theme select, #main-content .gform_wrapper.gravity-theme textarea { background-clip: padding-box; background-color: #fff; /*border-radius: 0.25rem; border: 1px solid #d9d9d6;*/ border: 0; box-shadow: 0 0 0 1px #d9d9d6; color: #000; display: block; font-size: 1rem; font-weight: 400; height: auto!important; line-height: 1.5; padding: .625rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } form[id^="mktoForm_"].mktoForm input:focus, form[id^="mktoForm_"].mktoForm select:focus, form[id^="mktoForm_"].mktoForm textarea:focus, form.comment-form input:not([type="submit"]):focus, form.comment-form textarea:focus, #main-content .gform_wrapper.gravity-theme input[type=color]:focus, #main-content .gform_wrapper.gravity-theme input[type=date]:focus, #main-content .gform_wrapper.gravity-theme input[type=datetime-local]:focus, #main-content .gform_wrapper.gravity-theme input[type=datetime]:focus, #main-content .gform_wrapper.gravity-theme input[type=email]:focus, #main-content .gform_wrapper.gravity-theme input[type=month]:focus, #main-content .gform_wrapper.gravity-theme input[type=number]:focus, #main-content .gform_wrapper.gravity-theme input[type=password]:focus, #main-content .gform_wrapper.gravity-theme input[type=search]:focus, #main-content .gform_wrapper.gravity-theme input[type=tel]:focus, #main-content .gform_wrapper.gravity-theme input[type=text]:focus, #main-content .gform_wrapper.gravity-theme input[type=time]:focus, #main-content .gform_wrapper.gravity-theme input[type=url]:focus, #main-content .gform_wrapper.gravity-theme input[type=week]:focus, #main-content .gform_wrapper.gravity-theme select:focus, #main-content .gform_wrapper.gravity-theme textarea:focus { /*border: 1px solid #00c0ef; box-shadow: 0 4px 8px -4px rgba(0,0,0,.3);*/ border: 0; box-shadow: 0 0 0 6px #00c0ef; outline: none; } form[id^="mktoForm_"].mktoForm input.mktoField.mktoInvalid:not(:focus), form[id^="mktoForm_"].mktoForm textarea.mktoField.mktoInvalid:not(:focus), form[id^="mktoForm_"].mktoForm select.mktoField.mktoInvalid:not(:focus), form[id^="mktoForm_"].mktoForm textarea.mktoField.mktoInvalid:not(:focus), /*form[id^="mktoForm_"].mktoForm .mktoLogicalField.mktoInvalid:not(:focus)*/ #main-content .gform_wrapper.gravity-theme .gfield_error input[type=color], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=date], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=datetime-local], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=datetime], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=email], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=month], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=number], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=password], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=search], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=tel], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=text], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=time], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=url], #main-content .gform_wrapper.gravity-theme .gfield_error input[type=week], #main-content .gform_wrapper.gravity-theme .gfield_error select, #main-content .gform_wrapper.gravity-theme .gfield_error textarea { /*border: 1px solid #b20b2d;*/ border: 0; box-shadow: 0 0 0 2px #b20b2d; } form[id^="mktoForm_"].mktoForm label, form.comment-form label { font-size: 1em; font-weight: 700; margin-bottom: .75rem; padding-top: 0; width: auto!important; } form[id^="mktoForm_"].mktoForm label strong { font-weight: 700; } form[id^="mktoForm_"].mktoForm .mktoRadioList, form[id^="mktoForm_"].mktoForm .mktoCheckboxList { padding-left: 0.3em !important; } form[id^="mktoForm_"].mktoForm .mktoRadioList > label, form[id^="mktoForm_"].mktoForm .mktoCheckboxList > label { font-weight: 500; margin-left: 2rem; margin-top: 0; position: relative; } form[id^="mktoForm_"].mktoForm input[type="checkbox"] + label::before, form[id^="mktoForm_"].mktoForm input[type="radio"] + label::before { box-shadow: 0 0 0 1px #d9d9d6; border: 0; font-family: inherit; font-size: inherit; height: 1.25em; line-height: 1.25em; margin-left: -2rem; width: 1.25em; } /*form[id^="mktoForm_"].mktoForm input[type=checkbox]:checked + label::before, form[id^="mktoForm_"].mktoForm input[type=radio]:checked + label::before { content: '\00a0'; }*/ form[id^="mktoForm_"].mktoForm input[type=checkbox]:checked + label::after, form[id^="mktoForm_"].mktoForm input[type=radio]:checked + label::after { background-color: #00c0ef; content: ''; height: 1em; left: -1.875em; position: absolute; top: .125em; width: 1em; } form[id^="mktoForm_"].mktoForm .mktoAsterix { color: #b20b2d; float: none; left: -.9em; /*left: -.75em;*/ padding: 0; position: absolute; } form[id^="mktoForm_"].mktoForm #Lblieee_privacy_policy .mktoAsterix { display: block !important; /*display: none; left: 2em; top: 1.5em;*/ } form[id^="mktoForm_"].mktoForm .mktoErrorArrow { background-color: #b20b2d; border: 1px solid #b20b2d; } form[id^="mktoForm_"].mktoForm .mktoError .mktoErrorMsg { background-color: #b20b2d; background-image: none; border-color: #b20b2d; border-radius: 0; box-shadow: 0 4px 8px -4px rgba(0,0,0,.3); text-shadow: none; } form[id^="mktoForm_"].mktoForm .mktoButtonWrap { margin-left: auto!important; } form[id^="mktoForm_"].mktoForm .mktoButtonWrap .mktoButton, form.comment-form input[type="submit"], #main-content .gform_wrapper.gravity-theme .gform_footer input[type="submit"] { background-color: #005d94!important; background-image: none; border: 3px solid #005d94!important; border-radius: .25rem; box-shadow: 0 4px 8px -4px #000035; /* 40% darker */ color: #fff!important; font-family: inherit; font-size: 1rem; font-weight: 600; height: auto; line-height: 1.5; min-width: 10rem; padding: .625rem 1.5rem; text-shadow: none; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, color .15s ease-in-out; } form[id^="mktoForm_"].mktoForm .mktoButtonWrap .mktoButton:focus, form[id^="mktoForm_"].mktoForm .mktoButtonWrap .mktoButton:hover, form.comment-form input[type="submit"]:focus, form.comment-form input[type="submit"]:hover, #main-content .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:focus, #main-content .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover { background-color: #00558e!important; /* 5% darker */ background-color: #004982!important; /* 10% darker */ border: 3px solid #00558e!important; /* 5% darker */ border: 3px solid #004982!important; /* 10% darker */ box-shadow: 0 4px 16px -6px #00558e; /* 5% darker */ box-shadow: 0 4px 16px -6px #004982; /* 10% darker */ box-shadow: 0 4px 8px -6px #090035; /* 40% darker */ } form[id^="mktoForm_"].mktoForm .mktoButtonWrap .mktoButton:active, form.comment-form input[type="submit"]:active, #main-content .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:active { background-image: none; box-shadow: none; } form.comment-form input[type="submit"] { outline: none!important; } #newsletter-subscribe form[id^="mktoForm_"].mktoForm { background-color: transparent; color: #fff!important; padding: 1.5rem 2rem; } #newsletter-subscribe.offcanvas .mktoForm label.mktoLabel { display: none; } form[id^="mktoForm_"]div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField #Lblieee_event_tos, form[id^="mktoForm_"]div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField #Lblieee_privacy_policy { display:flex !important; align-items: flex-start !important; margin-top: 0em !important; } form[id^="mktoForm_"]#Lblieee_privacy_policy > div, form[id^="mktoForm_"]#Lblieee_event_tos > div { top:15px !important; } span.required { color: #b20b2d; font-weight: 700; } form.comment-form input:not([type="submit"]), form.comment-form textarea { width: 100%; } /*__// Gravity //__*/ .gform_wrapper { background-color: #eee; border: 1px solid #eee; margin: auto; max-width: 870px; padding: 1.5rem 2rem; } p.gform_required_legend { font-size: .875em; font-weight: 500; margin-bottom: 1.5rem; } #main-content .gform_wrapper.gravity-theme .gform_fields { /*grid-column-gap: 30px;*/ grid-row-gap: 24px; } #main-content .gform_wrapper.gravity-theme .gfield_label { margin-bottom: .75rem; } #main-content .gform_wrapper.gravity-theme .gfield_required { color: #b20b2d; font-size: inherit; } #main-content .gform_wrapper.gravity-theme .gfield_header_item, #main-content .gform_wrapper.gravity-theme .gform_fileupload_rules, #main-content .gform_wrapper.gravity-theme .ginput_complex label { font-size: .875em; font-weight: 600; letter-spacing: .5px; padding-top: 0.5rem; } #main-content .gform_wrapper.gravity-theme .gform_footer, #main-content .gform_wrapper.gravity-theme .gform_page_footer { padding: 1.5rem 0 0; margin: 1.5rem 0 0; } #main-content .gform_wrapper.gravity-theme .gform_validation_errors { background-color: #b20b2d; border-radius: 0; border: none; box-shadow: none; margin-top: 0; margin-bottom: 1.5rem; outline: none; padding: 1em; text-align: center; } #main-content .gform_wrapper.gravity-theme .gform_validation_errors>h2 { color: #fff; font-size: 1em; } #main-content .gform_wrapper.gravity-theme .gfield_validation_message, #main-content .gform_wrapper.gravity-theme .validation_message { background-color: transparent; border: none; font-weight: 600; padding: 0; } #main-content .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, /*#main-content .gform_wrapper.gravity-theme .gfield_error label, #main-content .gform_wrapper.gravity-theme .gfield_error legend,*/ #main-content .gform_wrapper.gravity-theme .gfield_validation_message, #main-content .gform_wrapper.gravity-theme .validation_message, #main-content .gform_wrapper.gravity-theme [aria-invalid=true]+label, #main-content .gform_wrapper.gravity-theme label+[aria-invalid=true] { color: #b20b2d; } #main-content .gform_wrapper.gravity-theme .gfield_error label, #main-content .gform_wrapper.gravity-theme .gfield_error legend { color: inherit; } /*__// 5g. Tables //__*/ * + .table { margin-top: 3.75rem; } table, th, tr, td { border: 1px solid #d9d9d6!important; vertical-align: top; } table { color: #000!important; } table > thead, .table > thead { vertical-align: top; } th { padding: 1.25rem 1rem!important; } td { padding: .5rem 1rem!important; } th:not(:first-child), td:not(:first-child) { border-left: 1px solid #d9d9d6; } .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #eee; } .table > :not(caption) > * > * { border-color: #d9d9d6; box-shadow: none; padding: 1rem 1.25rem; } .table > :not(:first-child) { border: 0; } .members-table:not(:last-child) { margin-bottom: 3rem; } .members-table table, .members-table th, .members-table tr, .members-table td { background-color: #fff; border: none!important; } .members-table th { font-size: 20px; padding: 1.5rem 1rem .5rem!important; } .members-table tr:last-child { /*border-bottom: 1px solid #005d94!important;*/ } .members-table td { border-top: 1px solid #005d94!important; border-color: #d6d6d6!important; font-weight: 500; } .members-table td:not(:last-child) { border-right: 1px solid #005d94!important; border-color: #d6d6d6!important; } .members-table td em { font-weight: 400; } /*__// 5h. Carousels //__*/ .owl-nav button::before { transition: color .15s ease-in-out, transform .15s ease-in-out; } .owl-nav button:hover::before { color: #004982; } .owl-prev:hover::before { transform: translateX(-.25rem); } .owl-next:hover::before { transform: translateX(.25rem); } .owl-theme .owl-dots .owl-dot span { transition: background .15s ease-in-out, opacity .15s ease-in-out; } /*__// 6. Page Structure //__*/ .split-screen .section-wrapper, .split-screen .container-fluid, .split-screen .row { height: 100%; } .col-md-6.split-screen-content, .vc_col-sm-6.split-screen-content { max-width: 660px; } /*.col-md-6.split-screen-image, .vc_col-sm-6.split-screen-image { background-color: #d9d9d6; }*/ .split-screen-content { display: flex; flex-direction: column; height: 100%; justify-content: center; } .split-screen.vc_row-o-full-height.vc_row-o-columns-stretch.vc_row-o-equal-height .split-screen-content .vc_column-inner { padding-top: 2rem; } .split-screen-content.left.vc_column_container > .vc_column-inner, .split-screen-content.right.vc_column_container > .vc_column-inner { padding-left: 12px; padding-right: 12px; } /*.split-screen-content .wpb_content_element { margin-bottom: 0; }*/ .section + .section, .section + .vc_custom_heading, .vc_row-full-width.vc_clearfix + .section { margin-top: 3.75rem; } .section.separator #inner-content > .vc_column-inner > .wpb_wrapper, .section.separator .inner-content > .vc_column-inner > .wpb_wrapper, #inner-content .section.separator .vc_column-inner > .wpb_wrapper, .inner-content .section.separator .vc_column-inner > .wpb_wrapper { border-top: .5em solid #eee; padding-top: 3.75rem; } /*__// 6a. Page Title //__*/ /*#header-bg, #page-title,*/ #hero { background: url('img/header-bg.jpg') no-repeat center; background-size: cover; } /*#header-bg .row,*/ #hero { /*align-items: center;*/ min-height: calc(15rem + 1.5vw); padding: 3rem 0; } #page-title { background-color: #000; color: #fff; } #page-title .row { align-items: center; min-height: calc(5rem + 1.5vw); padding: 3rem 0; color: #fff; } #page-title:not(.standard) h1.page-title, .hero-title, .section-title, .offcanvas-title { font-weight: 900; letter-spacing: .5px; margin-bottom: 0; padding-bottom: .55em; position: relative; text-transform: uppercase; } #page-title:not(.standard) h1.page-title::after, .hero-title::after, .section-title::after, .offcanvas-title::after { background-color: #00b5e2; bottom: 0; content: ''; display: block; height: .3em; left: 0; position: absolute; width: 5.5em; } #page-title.standard #stnd-designation { color: #a7a8aa; /*font-size: 1.25rem;*/ /*font-weight: 700;*/ letter-spacing: 1px; } #page-title.standard #stnd-title { /*font-weight: 700;*/ /*font-size: 1.5em;*/ /*max-width: 1076px;*/ margin-bottom: 4rem; } #page-title.standard #stnd-status { display: inline-block; font-size: .875em; font-weight: 600; padding-bottom: 0.55em; position: relative; } #page-title.standard #stnd-status::after { background-color: #00b5e2; bottom: 0; content: ''; display: block; height: 0.3em; left: 0; position: absolute; width: 100%; } /*__// 6b. Breadcrumbs //__*/ #breadcrumbs { padding: 1rem 0; } .breadcrumb { font-size: .75em; font-weight: 500; margin-bottom: 0; } .breadcrumb-item + .breadcrumb-item::before { color: #000; content: '\f054'; /*font-family: 'Font Awesome 5 Free';*/ font-family: 'Font Awesome 6 Pro'; font-size: .5rem; font-weight: 900; padding-top: .2rem; } .breadcrumb-item.active { color: #000; font-weight: 600; } /*__// 6c. Sidebar Widgets //__*/ #sidebar .widget, #inner-sidebar .widget .vc_column-inner > .wpb_wrapper, .inner-sidebar .widget .vc_column-inner > .wpb_wrapper { border: 1px solid #d9d9d6; padding: 1.5rem; } #sidebar .widget.form, #inner-sidebar .widget.form .vc_column-inner > .wpb_wrapper, .inner-sidebar .widget.form .vc_column-inner > .wpb_wrapper { background-color: #eee; border-color: #eee; } #sidebar .widget:not(:last-of-type), #inner-sidebar .widget:not(:last-of-type), .inner-sidebar .widget:not(:last-of-type) { margin-bottom: 3rem; } #sidebar .widget:not(.form) .widget-title, #inner-sidebar .widget:not(.form) .widget-title, .inner-sidebar .widget:not(.form) .widget-title { border-bottom: 1px solid #d9d9d6; font-size: var(--bs-body-font-size); font-weight: 700; /*margin-bottom: 0.75rem;*/ margin-bottom: 1rem; padding-bottom: 1.5rem; } /*#sidebar .widget .widget-subtitle, #inner-sidebar .widget .widget-subtitle, .inner-sidebar .widget .widget-subtitle { padding-bottom: 1.5rem; position: relative; } #sidebar .widget .widget-subtitle::after, #inner-sidebar .widget .widget-subtitle::after, .inner-sidebar .widget .widget-subtitle::after { background-color: #00c0ef; bottom: 0; content: ''; display: block; height: .5em; left: 0; position: absolute; width: 100%; }*/ #sidebar .widget.form .widget-title + .wpb_text_column, #sidebar .widget.form .widget-subtitle + .wpb_text_column, #inner-sidebar .widget.form .widget-title + .wpb_text_column, #inner-sidebar .widget.form .widget-subtitle + .wpb_text_column, .inner-sidebar .widget.form .widget-title + .wpb_text_column, .inner-sidebar .widget.form .widget-subtitle + .wpb_text_column { border-top: .5em solid #00c0ef; padding-top: 1rem; } #sidebar .menu, #inner-sidebar .menu { flex-direction: column; } #sidebar .menu, #sidebar .nav, #inner-sidebar .menu, #inner-sidebar .nav, .inner-sidebar .nav { /*border: 1px solid #d9d9d6;*/ margin: -1rem 0!important; } #sidebar .menu > .menu-item:not(:first-child), #sidebar .nav > .nav-item:not(:first-child), #inner-sidebar .menu > .menu-item:not(:first-child), #inner-sidebar .nav > .nav-item:not(:first-child), .inner-sidebar .nav > .nav-item:not(:first-child) { border-top: 1px solid #d9d9d6; } #sidebar .menu .menu-item a, #inner-sidebar .menu .menu-item a { box-shadow: none!important; display: block; } #sidebar .menu .menu-item a, #sidebar .nav .nav-item .nav-link, #inner-sidebar .menu .menu-item a, #inner-sidebar .nav .nav-item .nav-link, .inner-sidebar .nav .nav-item .nav-link { background-color: transparent; padding: 1rem 2.75rem 1rem 1rem; transition: background-color .15s ease-in-out; } #sidebar .menu .menu-item a:focus, #sidebar .menu .menu-item a:hover, #sidebar .menu .menu-item.current-menu-item a, #sidebar .nav .nav-item .nav-link.active, #sidebar .nav .nav-item .nav-link:focus, #sidebar .nav .nav-item .nav-link:hover, #inner-sidebar .menu .menu-item a:focus, #inner-sidebar .menu .menu-item a:hover, #inner-sidebar .menu .menu-item.current-menu-item a, #inner-sidebar .nav .nav-item .nav-link.active, #inner-sidebar .nav .nav-item .nav-link:not(.open):focus, #inner-sidebar .nav .nav-item .nav-link:hover, .inner-sidebar .nav .nav-item .nav-link.active, .inner-sidebar .nav .nav-item .nav-link:not(.open):focus, .inner-sidebar .nav .nav-item .nav-link:hover { background-color: #eee; } #sidebar .nav > .nav-item > .nav-link i, #inner-sidebar .menu > .menu-item > a i, #inner-sidebar .nav > .nav-item > .nav-link i, .inner-sidebar .nav > .nav-item > .nav-link i { float: right; font-size: .875em; margin-top: .375em; position: absolute; right: 1rem; top: 1rem; } #sidebar .nav .sub-menu, #inner-sidebar .menu .sub-menu, #inner-sidebar .nav .sub-menu { display: none; list-style: none; padding-left: 0; /*padding: 1rem 2rem;*/ } #sidebar .nav .sub-menu .nav-link, #inner-sidebar .menu .sub-menu .menu-item a, #inner-sidebar .nav .sub-menu .nav-link { padding: 1rem 2.75rem; } .widget.form form[id^="mktoForm_"] { padding: 1rem!important; } /*__// 6d. Page Widgets //__*/ [class^="menu-related-links-"] ul.menu { flex-direction: column; flex-wrap: nowrap; list-style: disc; padding-left: 2rem; } [class^="menu-related-links-"] ul.menu li:not(:last-child) { margin-bottom: 0.5em; } /*__// 7. Home Page //__*/ /*.home main > section:not(#hero):not(.split-screen) { display: flex; flex-direction: column; justify-content: center; }*/ .home main > section#hero { /*background-color: #000; color: #fff;*/ /*height: calc(100vh - 220px); *//* subtract header height */ } .home main > section:not(#hero) { /*height: calc(100vh - 174px); *//* subtract sticky #masthead height */ } /*#spotlight { background-color: #eee; /* TEMP *//* }*/ /* ^^^ Above styles for Bootstrap5 HTML template ^^^ */ .home #page-title, .home #breadcrumbs { display: none; } .home #content { padding: 4rem 0 5rem; } #hero { overflow: visible; z-index: 10; } #hero.vc_row-has-fill > .vc_column_container > .vc_column-inner.vc_column-inner { padding-top: 0; } .hero-title { /*font-size: calc(2.625em + 1.5vw);*/ font-size: calc(2.25em + 1.5vw); line-height: 1.125; } .hero-subtitle { font-weight: 400; margin-top: 2.5rem; } #i-want-menu { /*margin: 3rem 0 12.5rem;*/ margin: 3rem 0 10rem; } #i-want-menu-button.btn { border: 10px solid #00c0ef; border-radius: 0; box-shadow: none!important; /*font-size: 1.5em;*/ font-size: 1.25em; font-weight: 700; padding: 1rem; position: relative; text-align: left; width: 100%; } #i-want-menu-button.dropdown-toggle::after { border: 0; color: #005d94; content: '\f054'; /*font-family: 'Font Awesome 5 Free';*/ font-family: 'Font Awesome 6 Pro'; font-size: inherit; margin-top: 0; right: 1em; vertical-align: middle; } #i-want-menu-button.dropdown-toggle.show::after { content: '\f078'; } #i-want-menu .dropdown-menu { border: 10px solid #00c0ef; border-radius: 0; padding: 0; width: 100%; } #i-want-menu .dropdown-menu.show[data-popper-placement="bottom-start"] { border-top: 0; margin-top: -12px!important; } #i-want-menu .dropdown-menu.show[data-popper-placement="top-start"] { border-bottom: 0; margin-bottom: -12px!important; } #i-want-menu .dropdown-menu::after { display: none; } #i-want-menu a.dropdown-item { /* border-bottom: 1px solid #d9d9d6; */ color: #005d94; font-size: 1.25em; font-weight: 500; /*padding: 1rem 3rem;*/ padding: 1rem; } #i-want-menu .dropdown-item:focus, #i-want-menu .dropdown-item:hover { background-color: #eee; color: #00558e!important; /* 5% darker */ color: #004982!important; /* 10% darker */ } #numbers { background-color: rgba(0,0,0,.5); bottom: 0; margin: 0; padding: 1rem 0 2rem; text-align: center; width: 100%; } /*#numbers .wpb_column:last-child .wpb_content_element { margin-bottom: 0; }*/ .number { /*font-size: calc(2.25em + 1.5vw);*/ font-size: calc(1.875em + 1.5vw); font-weight: 900; } .number-descriptor { /*font-size: 1.5em;*/ letter-spacing: 1px; /*line-height: 1.25; - ADA COMMENT OUT 20221216 BY KS*/ line-height: 1.5; /*text-transform: uppercase; - ADA COMMENT OUT 20230424 BY KS*/ } .home .card { border: 0; } .home .card + .card { border-top: 1px solid #d9d9d6; } .split-screen .wpb_wrapper .card:first-child { margin-top: 1rem; } #spotlight .card-body, #recent-standards .card-body { padding: 1.5rem 0 2.25rem; } /*#latest .wpb_content_element { margin-bottom: 0; }*/ #latest [class^="col-"] { position: relative; } #latest .card { background-color: transparent; margin-top: 3rem; margin-bottom: 5.25rem; } #latest .card + .btn { bottom: 0; position: absolute; } #latest .card-body { padding-left: 0; padding-right: 0; } /*.home #participate .wpb_content_element:not(.card-img-top), .home #membership-benefits .wpb_content_element { margin-bottom: 0; }*/ .home #participate .icon-card .vc_column-inner { padding-top: 12px; padding-bottom: 12px; } .home #participate .icon-card .vc_column-inner > .wpb_wrapper { background-color: #000; color: #fff; height: 100%; padding: 3rem 1.5rem; text-align: center; } .home #participate .icon-card .card-link { color: #fff; } .home #recent-standards { padding: 0; } .home #membership.vc_row-has-fill > .vc_column_container > .vc_column-inner { padding-top: 0; } .home #membership > .wpb_column > .vc_column-inner > .wpb_wrapper { background-color: #fff; color: #000; padding: 2.5rem 4.5rem 2.25rem; } .home #membership .membership-benefits { margin-top: 3rem; margin-bottom: 1rem; } /*.membership-benefits .vc_custom_heading { font-weight: 700; }*/ /*.membership-benefits ul { margin-bottom: 1rem!important; }*/ .membership-benefits li:not(:last-child) { margin-bottom: 0.25rem; } /*__// 8. Secondary Pages //__*/ #content { padding: 3rem 0 5rem; } #intro { padding-bottom: 5rem; } /*#intro .vc_col-sm-12 { max-width: 880px; }*/ #standards-collaborations .wpb_single_image img, .nesc-product .wpb_single_image img { margin: auto; max-width: 150px; width: 100%; } .ieee-open-logo.wpb_single_image img { max-width: 380px; width: 100%; } .der-utilities-logo.wpb_single_image img, .organization-logo.wpb_single_image img, .collaborator-logo.wpb_single_image img { margin-bottom: .75rem; max-width: 150px; width: 100%; } .collaborator-logo.wpb_single_image img, .podcast-btn.wpb_single_image img { margin: 1rem 0; } .practice-icon.wpb_single_image img { max-width: 150px; width: 100%; } .ieee-category-posts { margin-top: 1.5rem; } .press + .press .vc_column-inner, .category-post + .category-post { margin-top: 2.5rem; } .press-date, .category-post .date { color: #57595D; margin-bottom: .5rem; } .category-post .date { font-size: 1rem; font-weight: 700; line-height: 1.5; } .category-post .title { font-size: calc(1.275rem + .3vw); /* Bootstrap h4 sizing */ } .ieee-category-posts h2, .ieee-category-posts .view-all { display: none!important; visibility: hidden!important; } .press-subhead { font-style: italic; font-weight: 600; margin: 3rem 0 1.5rem; } .section.press-boilerplate { margin-top: 5rem; } .press-boilerplate .vc_column-inner > .wpb_wrapper { border-top: 1px solid #d9d9d6; padding-top: 3rem; } .podcast-btn.wpb_single_image img { max-width: 180px; width: 100%; } .vc_icon_element.social { font-size: .75rem; } .vc_icon_element-outer.inline-icon { display: inline-block; margin-bottom: 0; } #main-content .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon { color: #005d94; } #main-content .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue:hover .vc_icon_element-icon, #main-content .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue:focus .vc_icon_element-icon { color: #00558e!important; /* 5% darker */ color: #004982!important; /* 10% darker */ } .publishing-icon.wpb_single_image img { max-width: 100px; width: 100%; } #main-content .wpb_gmaps_widget .wpb_wrapper { background-color: transparent; border: 1px solid #d9d9d6; padding: 0.25rem; } #members.governance .vc_column-inner > .wpb_wrapper { background-color: #eee; padding: 2rem 1.5rem; } #members.governance h4 { border-bottom: .3em solid #fff; /*margin: 0 1rem 2rem;*/ margin-bottom: 2rem; padding: 0 1rem .25em; /*padding-bottom: .25em;*/ } #geps-representatives { padding-top: 3rem; } #related-links { padding-top: 5rem; } /*__// 8a. Project/Standard //__*/ #standard-details { margin-top: 2.25rem; } #content.standard dl { margin-bottom: 0; padding: 0 3rem; } #content.standard dt, #content.standard dd { margin: 0; padding: 1.5rem .75rem; } #content.standard dt:not(:last-of-type), #content.standard dd:not(:last-of-type) { border-bottom: 1px solid #d9d9d6; } #content.standard dd br + a.arrow-link { display: inline-block; margin-top: .5rem; } #content.standard dl dl { /*align-items: flex-end;*/ padding: 0; } #content.standard dl dl dt, #content.standard dl dl dd { border: 0!important; padding: .5rem .75rem; } #content.standard dl dl dt:first-of-type, #content.standard dl dl dd:first-of-type { padding-top: 0; } #content.standard dl dl dt:last-of-type, #content.standard dl dl dd:last-of-type { padding-bottom: 0; } #additional-resources { background-color: #eee; margin-top: 4.75rem; padding: 2.75rem 0 1.5rem; } #additional-resources .section-title, #working-group .section-title { margin: 0 3rem 1.5rem; } #working-group { margin-top: 5rem; } #working-group-projects-standards { margin-top: 4.75rem; } .wg-project [id$="-designation"], .wg-standard [id$="-designation"] { /*color: #B0B1B3;*/ color: #57595D; font-size: 1rem; /*font-weight: 700;*/ margin-bottom: .5rem; } .wg-project [id$="-title"], .wg-standard [id$="-title"] { /*font-size: 1.5rem;*/ /*font-weight: 700;*/ margin-bottom: 1.5rem; } /*__// 8b. Find Standards //__*/ #search-standards.standards { margin-top: 3.75rem; } #search-standards.search { margin-bottom: 5rem; } #search-standards .showing-results { font-weight: 400; margin-bottom: 2rem; } #cloudsearch-form { /*margin: 10px;*/ position: relative; } #cloudsearch-form #q { border: 0; border-radius: 0; box-shadow: 0 0 0 10px #00c0ef; font-size: 1rem; font-weight: 700; height: auto!important; line-height: 1.5; margin-left: 10px; outline: none; padding: 1rem 4.5rem 1rem 1rem; width: calc(100% - 20px); } #cloudsearch-button { background-color: #fff; border: 0; border-radius: 0; color: #000; display: inline-block; font-size: 21px; height: 56px; line-height: 56px; min-width: 0; padding: 0; position: absolute; right: 10px; text-align: center; width: 56px; transition: background-color .15s ease-in-out, color .15s ease-in-out; } #cloudsearch-button:focus, #cloudsearch-button:hover { background-color: #005d94; color: #fff; } #standard-categories { margin: 3rem -6px 5rem; } #standard-categories a.nav-link { border: 2px solid #005d94; border-radius: .25rem; color: #000; display: table; font-weight: 600; margin: 6px; min-height: 68px; text-align: center; width: calc(33.33333333% - 12px); } #standard-categories a.nav-link:focus, #standard-categories a.nav-link:hover { background-color: #00558e; /* 5% darker */ background-color: #004982; /* 10% darker */ border-color: #00558e; /* 5% darker */ border-color: #004982; /* 10% darker */ color: #fff; } #standard-categories a.nav-link span { display: table-cell; vertical-align: middle; } #recent-standards { padding: 5rem 0 3rem; } #recent-standards-listing { margin-top: 3rem; } .recent-standard { margin-top: 2rem; padding-bottom: 2rem; } .recent-standard:not(:last-of-type) { border-bottom: 1px solid #57595D; margin-bottom: 2rem; } .recent-standard .row { align-items: center; } .recent-standard [id$="-designation"] { color: #B0B1B3; /*color: #57595D;*/ font-size: 1rem; margin-bottom: .5rem; } .recent-standard [id$="-designation"], .recent-standard [id$="-title"] { font-weight: 700; } /*__// 8c. Search Results //__*/ .cloudsearch-filters > .filter:not(:last-of-type) { margin-bottom: 3rem; } .cloudsearch-filters .filter { border: 1px solid #d9d9d6; } .cloudsearch-filters .filter .title { /*background-color: #000; color: #fff;*/ font-weight: 700; margin: 0 1.5rem; /*padding: 1rem 2.75rem 1rem 1rem;*/ padding: 1.5rem 2.375rem 1.5rem 0; position: relative; } .cloudsearch-filters .filter .title i { color: #005d94; font-size: .875em; margin-top: .375em; position: absolute; /*right: 1rem;*/ right: 0; /*top: 1rem;*/ top: 1.5rem; } .cloudsearch-filters .search-sub-filter { list-style: none; margin: 0 1.5rem; padding: 0; } .cloudsearch-filters .search-sub-filter li { border-top: 1px solid #d9d9d6; } .cloudsearch-filters .search-sub-filter li a { box-shadow: none!important; background-color: transparent; display: block; padding: 1rem 1rem 1rem 3rem; transition: background-color .15s ease; } .cloudsearch-filters .search-sub-filter li a::before { background-color: #fff; box-shadow: 0 0 0 1px #d9d9d6; content: ''; height: 1em; left: 1em; margin-top: .125rem; padding: .625rem; position: absolute; width: 1em; } .cloudsearch-filters .search-sub-filter li a:focus, .cloudsearch-filters .search-sub-filter li a:hover, .cloudsearch-filters .search-sub-filter li.active a { background-color: #eee; } .cloudsearch-filters .search-sub-filter li a:focus::after, .cloudsearch-filters .search-sub-filter li a:hover::after, .cloudsearch-filters .search-sub-filter li.active a::after { background-color: #00c0ef; content: ''; height: 1em; left: 1.125em; position: absolute; top: 1.25em; width: 1em; } .cloudsearch-filters .filter .reset { border-top: 1px solid #d9d9d6; margin: 0 1.5rem; padding: .5rem 0 1rem 1rem; text-align: right; } #cloudsearch-results .results-found { border-bottom: 1px solid #d9d9d6; font-weight: 400; margin-bottom: 0; /*padding: 1.1625rem 0;*/ padding: 1.6625rem 0; } #cloudsearch-results .hit { /*border-top: 1px solid #d9d9d6;*/ margin-top: 2rem; padding-top: 2rem; } #cloudsearch-results .hit:first-of-type { /*margin-top: 2.325rem;*/ margin-top: 0; } #cloudsearch-results .hit + .pagination { margin-top: 3rem; } #cloudsearch-results .designation { /* color: #a7a8aa; */ color: #57595D; font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; } #cloudsearch-results .title a { box-shadow: none!important; /*color: #000;*/ font-weight: 700; } .pagination nav { width: 100%; } .pagination li:not(:last-child)::after { color: #d9d9d6; content: '|'; margin: 0 .5rem; } .page-item .page-link { background-color: transparent!important; box-shadow: none!important; border: 0; border-radius: 0!important; color: #005d94; display: inline-block; padding: .375rem .5rem; } .page-item .page-link::before { background-color: transparent; border-radius: 1px; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; width: 100%; transition: background-color .15s ease; } .page-item.active .page-link { background-color: transparent; color: #000!important; } .page-item .page-link:focus, .page-item .page-link:hover { background-color: transparent; color: #00558e; /* 5% darker */ color: #004982; /* 10% darker */ } .page-item .page-link:focus::before, .page-item .page-link:hover::before { background-color: #005d94; bottom: 0!important; } .page-item.active .page-link::before, .page-item.active .page-link:focus::before, .page-item.active .page-link:hover::before { background-color: #005d94; } .page-item .page-link.prev:focus::before, .page-item .page-link.prev:hover::before, .page-item .page-link.next:focus::before, .page-item .page-link.next:hover::before { display: none; } .page-item .page-link i { transition: color .15s ease-in-out, transform .15s ease-in-out; } .page-item .page-link.prev:focus i, .page-item .page-link.prev:hover i { transform: translateX(-.25rem); } .page-item .page-link.next:focus i, .page-item .page-link.next:hover i { transform: translateX(.25rem); } .page-ellipses { padding: .375rem 0 .375rem .5rem; } .pagination li.page-ellipses::after { margin-left: 1rem; } /*__// 8d. Archive (Tags / Categories) //__*/ /*#content .archive .post:first-of-type { margin-top: 0; }*/ #content .archive .post:not(:first-of-type) { /*border-top: 1px solid #d9d9d6; */ margin-top: 2rem; padding-top: 2rem; } #content .archive .post + nav { margin-top: 3rem; } #content .archive .post .title a { box-shadow: none!important; font-weight: 700; } #content .archive .post .excerpt + .read-more { margin-top: .5rem; } /*__// 8e. Events Calendar //__*/ .tribe-events-page-template #main-nav .navbar-nav.main > .current_page_item > a.nav-link { background-color: #262626; border-color: #262626; color: #fff; } .tribe-common.tribe-events { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-smoothing: auto; padding-bottom: 5rem; } .tribe-events *:not([class^="tribe-events-c-subscribe-dropdown"]):not(.fa), #tribe-events-content *:not(.fa) { color: #000!important; font-family: 'Open Sans', Verdana, Arial, sans-serif!important; } .tribe-common.tribe-events .tribe-common-l-container, .tribe-events-page-template #tribe-events-pg-template { min-height: 0!important; padding: 0 12px!important; width: 100%; } .tribe-events-before-html { left: 0; position: absolute; width: 100%; z-index: 1; } .tribe-events-before-html .container { margin-left: auto; margin-right: auto; padding: 0 12px; } .tribe-events #page-title:not(.standard) h1.page-title { color: #fff!important; } .post-type-archive-tribe_events .breadcrumb.event, .single-tribe_events .breadcrumb:not(.event), .tribe-common.tribe-events .tribe-events-c-breadcrumbs__list-item:first-child { display: none!important; visibility: hidden!important; } .tribe-common .breadcrumb-item a { color: #005d94!important; text-decoration: underline!important; } .tribe-common .breadcrumb-item a:focus, .tribe-common .breadcrumb-item a:hover { color: #00558e!important; /* 5% darker */ color: #004982!important; /* 10% darker */ } .tribe-common.tribe-events .tribe-events-header, #tribe-events-content { /*padding-top: calc((9.625rem + 1.5vw) + 6.125rem)!important;*/ padding-top: calc(3rem + 50px)!important; /* #content padding-top + breadcrumb height */ } .tribe-common.tribe-events .tribe-events-c-breadcrumbs { margin-bottom: 1.375rem!important; } .tribe-common.tribe-events .tribe-events-header .tribe-events-c-breadcrumbs__list { font-size: calc(1.275rem + .3vw); font-weight: 700; } .tribe-common.tribe-events .tribe-events-header .tribe-events-c-breadcrumbs__list .tribe-events-c-breadcrumbs__list-item-text::after { content: 'Events'; display: inline-block; } .tribe-common.tribe-events .tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border { border: 0; } .tribe-common.tribe-events .tribe-events-c-search { box-shadow: 0 0 0 10px #00c0ef; margin: 10px 2.25rem 10px 10px; } .tribe-common.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input { color: #000!important; font-size: 1rem!important; font-weight: 700!important; height: 56px; /*padding: 1rem 4.5rem 1rem 1rem!important;*/ padding: 1rem!important } input[name*="tribe-bar-"]::-webkit-input-placeholder { color: #000!important; } input[name*="tribe-bar-"]:-moz-placeholder { color: #000!important; } .tribe-events .tribe-events-c-search__input-control-icon-svg { display: none!important; } .tribe-common.tribe-events .tribe-common-c-btn, .tribe-common.tribe-events a.tribe-common-c-btn { background-color: #fff; border-radius: 0!important; color: #000; font-size: 21px!important; height: 56px; line-height: 56px; min-width: 0; padding: 0!important; text-align: center; width: 56px!important; transition: background-color .15s ease-in-out, color .15s ease-in-out; } .tribe-common.tribe-events .tribe-common-c-btn:focus, .tribe-common.tribe-events .tribe-common-c-btn:hover, .tribe-common.tribe-events a.tribe-common-c-btn:focus, .tribe-common.tribe-events a.tribe-common-c-btn:hover { background-color: #005d94; color: #fff!important; } .tribe-common.tribe-events .tribe-common-c-btn.tribe-events-c-search__button { overflow: hidden; position: relative; text-indent: 100%; white-space: nowrap; } .tribe-common.tribe-events .tribe-common-c-btn.tribe-events-c-search__button::after { content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 900; left: -3px; position: absolute; } .tribe-common.tribe-events .tribe-events-header__events-bar .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content { border: 1px solid #d9d9d6; } .tribe-common.tribe-events .tribe-events-header__events-bar .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__list-item-icon { display: block!important; visibility: visible; } .tribe-common.tribe-events .tribe-events-c-view-selector__list-item-link:focus .tribe-events-c-view-selector__list-item-icon, .tribe-common.tribe-events .tribe-events-c-view-selector__list-item-link:hover .tribe-events-c-view-selector__list-item-icon, .tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-button:focus, .tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-button:hover { opacity: 1; } .tribe-events .tribe-events-c-view-selector__list-item-icon svg { display: block; } .tribe-common .tribe-common-c-svgicon__svg-fill { fill: #000!important; } .tribe-events .tribe-events-c-view-selector__list-item-link, .tribe-events .tribe-events-c-view-selector__list-item-text, .tribe-common.tribe-events .tribe-events-c-messages__message-list-item-link { color: #005d94!important; font-weight: 600!important; } .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text { color: #000!important; } .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link::after { background-color: #005d94!important; bottom: 1.375rem!important; border-radius: 1px; } .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:focus, .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:focus-within, .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:hover { background-color: transparent; } .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:not(.tribe-events-c-view-selector__list-item--active):focus .tribe-events-c-view-selector__list-item-text, .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:not(.tribe-events-c-view-selector__list-item--active):focus-within .tribe-events-c-view-selector__list-item-text, .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:not(.tribe-events-c-view-selector__list-item--active):hover .tribe-events-c-view-selector__list-item-text, .tribe-common.tribe-events .tribe-common-anchor-thin-alt:active, .tribe-common.tribe-events .tribe-common-anchor-thin-alt:focus, .tribe-common.tribe-events .tribe-common-anchor-thin-alt:hover { color: #00558e!important; /* 5% darker */ color: #004982!important; /* 10% darker */ } .tribe-common.tribe-events .tribe-common-anchor-thin-alt:active, .tribe-common.tribe-events .tribe-common-anchor-thin-alt:focus, .tribe-common.tribe-events .tribe-common-anchor-thin-alt:hover { border-bottom: 0; box-shadow: 0 .125em; } .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:not(.tribe-events-c-view-selector__list-item--active):focus .tribe-events-c-view-selector__list-item-link::after, .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:not(.tribe-events-c-view-selector__list-item--active):focus-within .tribe-events-c-view-selector__list-item-link::after, .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:not(.tribe-events-c-view-selector__list-item--active):hover .tribe-events-c-view-selector__list-item-link::after { background-color: #005d94!important; bottom: 1.375rem!important; border-radius: 1px; content: ''; display: block; height: 2px; position: absolute; width: 100%; } .tribe-common.tribe-events .tribe-common-h--alt, .tribe-common.tribe-events .datepicker .datepicker-switch { font-weight: 700; } .tribe-common.tribe-events .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path, .tribe-common.tribe-events .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path, .tribe-common.tribe-events .datepicker .next .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-common.tribe-events .datepicker .prev .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-common.tribe-events .tribe-events-c-nav__prev-icon-svg path, .tribe-common.tribe-events .tribe-events-c-nav__next-icon-svg path { fill: #005d94!important; } .tribe-common.tribe-events .tribe-common-c-btn-icon--caret-left:not(:disabled):focus .tribe-common-c-btn-icon__icon-svg path, .tribe-common.tribe-events .tribe-common-c-btn-icon--caret-right:not(:disabled):hover .tribe-common-c-btn-icon__icon-svg path { fill: #00558e!important; /* 5% darker */ fill: #004982!important; /* 10% darker */ } .tribe-common.tribe-events .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path, .tribe-common.tribe-events .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path { fill: #B0B1B3!important; } .tribe-common.tribe-events .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small { border-color: #d9d9d6; font-weight: 600; } .tribe-common.tribe-events .tribe-events-c-top-bar__today-button, .tribe-common.tribe-events .tribe-events-c-nav__today, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button { background-color: #fff; border: 2px solid #005d94; /*box-shadow: 0 4px 8px -4px #000035;*/ box-shadow: 0 4px 8px -4px #005d94; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .tribe-common.tribe-events .tribe-events-c-nav__today, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button { border-radius: .25rem; font-weight: 600; padding: .375em 1em; } .tribe-common.tribe-events .tribe-events-c-top-bar__today-button:focus, .tribe-common.tribe-events .tribe-events-c-top-bar__today-button:hover, .tribe-common.tribe-events .tribe-events-c-nav__today:focus, .tribe-common.tribe-events .tribe-events-c-nav__today:hover, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover { background-color: #00558e; /* 5% darker */ background-color: #004982; /* 10% darker */ border-color: #00558e; /* 5% darker */ border-color: #004982; /* 10% darker */ /*box-shadow: 0 4px 8px -6px #000035;*/ box-shadow: 0 4px 8px -6px #005d94; color: #fff!important; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus .tribe-events-c-subscribe-dropdown__button-icon, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within .tribe-events-c-subscribe-dropdown__button-icon, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-icon { color: #fff!important; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus { outline: none!important; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus .tribe-events-c-subscribe-dropdown__button-icon, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within .tribe-events-c-subscribe-dropdown__button-icon, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-icon { stroke: #fff; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus .tribe-events-c-subscribe-dropdown__button-icon .tribe-common-c-svgicon__svg-fill, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within .tribe-events-c-subscribe-dropdown__button-icon .tribe-common-c-svgicon__svg-fill, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-icon .tribe-common-c-svgicon__svg-fill { fill: #fff!important; } .tribe-common.tribe-events .tribe-events-c-top-bar__today-button:active, .tribe-common.tribe-events .tribe-events-c-nav__today:active, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:active { background-color: #00558e; /* 5% darker */ background-color: #004982; /* 10% darker */ border-color: #00558e; /* 5% darker */ border-color: #004982; /* 10% darker */ box-shadow: none; color: #fff!important; } .tribe-common.tribe-events .datepicker, .tribe-common.tribe-events .datepicker .day, .tribe-common.tribe-events .datepicker .month, .tribe-common.tribe-events .datepicker .year, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list { border-radius: 0; } .tribe-common.tribe-events .datepicker, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list { border-color: #d9d9d6; box-shadow: 0 4px 8px -4px rgba(0,0,0,.3); padding: 0; } .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item { border-radius: 0; color: #000; font-family: 'Open Sans', Verdana, Arial, sans-serif!important; } .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item:active, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item:focus, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item:focus-within, .tribe-common.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item:hover { background-color: #d6d6d6; } .tribe-common.tribe-events .datepicker table { width: 100%; } .tribe-common.tribe-events .datepicker .dow { /*background-color: #eee; border-left: 2px solid #fff; border-right: 2px solid #fff;*/ border: 1px solid #d9d9d6; border-radius: 0; font-size: .875rem!important; font-weight: 700!important; padding: .25rem 0!important; } .tribe-common.tribe-events .datepicker .day:not(.past):not(.old):not(.new) { font-weight: 600; } .tribe-common.tribe-events .datepicker .past { color: #B0B1B3!important; } .tribe-common.tribe-events .datepicker .day.focused, .tribe-common.tribe-events .datepicker .day:focus, .tribe-common.tribe-events .datepicker .day:hover, .tribe-common.tribe-events .datepicker .month.focused, .tribe-common.tribe-events .datepicker .month:focus, .tribe-common.tribe-events .datepicker .month:hover, .tribe-common.tribe-events .datepicker .year.focused, .tribe-common.tribe-events .datepicker .year:focus, .tribe-common.tribe-events .datepicker .year:hover, .tribe-common.tribe-events .datepicker .day.current, .tribe-common.tribe-events .datepicker .day.current.focused, .tribe-common.tribe-events .datepicker .day.current:focus, .tribe-common.tribe-events .datepicker .day.current:hover, .tribe-common.tribe-events .datepicker .month.current, .tribe-common.tribe-events .datepicker .month.current.focused, .tribe-common.tribe-events .datepicker .month.current:focus, .tribe-common.tribe-events .datepicker .month.current:hover, .tribe-common.tribe-events .datepicker .year.current, .tribe-common.tribe-events .datepicker .year.current.focused, .tribe-common.tribe-events .datepicker .year.current:focus, .tribe-common.tribe-events .datepicker .year.current:hover { background: #eee; } .tribe-common.tribe-events .datepicker .day.active, .tribe-common.tribe-events .datepicker .day.active.focused, .tribe-common.tribe-events .datepicker .day.active:focus, .tribe-common.tribe-events .datepicker .day.active:hover, .tribe-common.tribe-events .datepicker .month.active, .tribe-common.tribe-events .datepicker .month.active.focused, .tribe-common.tribe-events .datepicker .month.active:focus, .tribe-common.tribe-events .datepicker .month.active:hover, .tribe-common.tribe-events .datepicker .year.active, .tribe-common.tribe-events .datepicker .year.active.focused, .tribe-common.tribe-events .datepicker .year.active:focus, .tribe-common.tribe-events .datepicker .year.active:hover { background: #005d94; color: #fff!important; } .tribe-common.tribe-events .datepicker .month, .tribe-common.tribe-events .datepicker .year { font-size: .875rem; font-weight: 600; } .tribe-common.tribe-events .tribe-events-calendar-list__month-separator::after, .tribe-common.tribe-events .tribe-events-calendar-day__time-separator::after, .tribe-common.tribe-events .tribe-events-calendar-day__type-separator::after { background-color: #d9d9d6; } .tribe-common.tribe-events .tribe-events-calendar-list__event-date-tag-datetime, .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-date-tag-datetime { border: 1px solid #d9d9d6; height: auto; padding: 0; } .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month, .tribe-common.tribe-events .tribe-events-calendar-list__event-date-tag-weekday { /*background-color: #eee;*/ border-bottom: 1px solid #d9d9d6; font-size: .875rem; font-weight: 700; padding: .125rem 0; } .tribe-common.tribe-events .tribe-events-calendar-list__event-date-tag-daynum, .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-date-tag-daynum { /*font-size: 1.625rem;*/ padding: .75rem 0; } .tribe-common.tribe-events .tribe-events-calendar-day__event-datetime-wrapper, .tribe-common.tribe-events .tribe-events-calendar-list__event-datetime-wrapper { margin-bottom: .5rem!important; } .tribe-common.tribe-events .tribe-events-calendar-list__event-datetime, .tribe-common.tribe-events .tribe-events-calendar-list__event-datetime span, .tribe-common.tribe-events .tribe-events-calendar-day__event-datetime, .tribe-common.tribe-events .tribe-events-calendar-day__event-datetime span, .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-datetime, .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-datetime span { color: #57595D!important; font-size: 1rem; font-weight: 700; } .tribe-common.tribe-events .tribe-events-calendar-list__event-title a, .tribe-common.tribe-events .tribe-events-calendar-day__event-title a, .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-title a { border: 0!important; } .tribe-common.tribe-events .tribe-events-calendar-list__event-description, .tribe-common.tribe-events .tribe-events-calendar-day__event-description, .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-description { font-size: 1rem!important; margin-top: 1.5rem!important; } .tribe-common.tribe-events .tribe-events-calendar-list__event-row, .tribe-common.tribe-events .tribe-events-calendar-day__event { margin: 0!important; padding-top: 2rem; padding-bottom: 2rem; } .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-date-tag-year { font-size: .875rem; font-weight: 600; padding: 0 0 .25rem; } .tribe-common.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__month-separator:first-child { margin-bottom: 2rem; } .tribe-common.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-row:not(:nth-child(even)) + .tribe-events-calendar-list__month-separator { margin: 2rem 0; } /*.tribe-common.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-row:last-child:not(:nth-child(even))*/ .tribe-common.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-row:last-child { margin-bottom: 2rem!important; } /*.tribe-common.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-row:nth-child(odd) { background-color: #eee; }*/ .tribe-common.tribe-events .tribe-events-calendar-list-nav, .tribe-common.tribe-events .tribe-events-calendar-day-nav { border-color: #d9d9d6; padding-top: 1rem!important; } .tribe-common.tribe-events .tribe-events-c-nav__list { align-items: baseline; } .tribe-common.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev, .tribe-common.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next { position: relative; } .tribe-common.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev { margin-left: 1.25rem; } .tribe-common.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next { margin-right: 1.25rem } .tribe-events-c-messages__message-list-item { font-weight: 600; } .tribe-common.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev::before, .tribe-common.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next::after { color: #005d94!important; display: inline-block; /*font-family: 'Font Awesome 5 Free';*/ font-family: 'Font Awesome 6 Pro'; font-style: normal; font-variant: normal; font-weight: 900; position: absolute; text-rendering: auto; /*top: 1px;*/ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: color .15s ease-in-out, transform .15s ease-in-out; } .tribe-common.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev::before { content: '\f053'; left: 0; transform: translateX(-1rem); } .tribe-common.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev:not(:disabled):focus::before, .tribe-common.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev:not(:disabled):hover::before { color: #00558e!important; /* 5% darker */ color: #004982!important; /* 10% darker */ transform: translateX(-1.25rem); } .tribe-common.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next::after { content: '\f054'; right: 0; transform: translateX(1rem); } .tribe-common.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next:not(:disabled):focus::after, .tribe-common.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next:not(:disabled):hover::after { color: #00558e!important; /* 5% darker */ color: #004982!important; /* 10% darker */ transform: translateX(1.25rem); } /*.tribe-common.tribe-events .tribe-events-c-subscribe-dropdown__container,*/ .tribe-common.tribe-events .tribe-events-c-nav__list-item--prev svg, .tribe-common.tribe-events .tribe-events-c-nav__list-item--next svg, .tribe-common.tribe-events .tribe-events-calendar-list__event-cost { display: none!important; visibility: hidden!important; } .tribe-common.tribe-events .tribe-events-c-nav__list-item [class^="tribe-events-c-nav__"] span, .tribe-common.tribe-events .tribe-events-calendar-day-nav .tribe-events-c-nav__list-item [class^="tribe-events-c-nav__"] { color: #005d94!important; font-size: .875rem; font-weight: 600; transition: box-shadow .15s ease-in-out, color .15s ease-in-out; } .tribe-common.tribe-events .tribe-events-c-nav__list-item [class^="tribe-events-c-nav__"]:focus span, .tribe-common.tribe-events .tribe-events-c-nav__list-item [class^="tribe-events-c-nav__"]:hover span, .tribe-common.tribe-events .tribe-events-c-nav__list-item button[class^="tribe-events-c-nav__"]:not(:disabled):focus span, .tribe-common.tribe-events .tribe-events-c-nav__list-item button[class^="tribe-events-c-nav__"]:not(:disabled):hover span, .tribe-common.tribe-events .tribe-events-calendar-day-nav .tribe-events-c-nav__list-item [class^="tribe-events-c-nav__"]:not(:disabled):focus, .tribe-common.tribe-events .tribe-events-calendar-day-nav .tribe-events-c-nav__list-item [class^="tribe-events-c-nav__"]:not(:disabled):hover { box-shadow: 0 .125em; color: #00558e!important; /* 5% darker */ color: #004982!important; /* 10% darker */ } /*.tribe-common.tribe-events .tribe-events-c-nav__list-item [class^="tribe-events-c-nav__"]:disabled span, .tribe-common.tribe-events .tribe-events-calendar-day-nav .tribe-events-c-nav__list-item [class^="tribe-events-c-nav__"]:disabled, .tribe-common.tribe-events .tribe-events-c-nav__list-item--prev .tribe-events-c-nav__prev:disabled::before, .tribe-common.tribe-events .tribe-events-c-nav__list-item--next .tribe-events-c-nav__next:disabled::after { box-shadow: none; color: #B0B1B3!important; }*/ .tribe-common.tribe-events button[disabled] { display: none!important; visibility: hidden!important; } .tribe-common.tribe-events .tribe-events-c-nav__list-item [class^="tribe-events-c-nav__"] span span { box-shadow: none!important; } .tribe-common.tribe-events .tribe-events-c-messages__message { background-color: #eee; border-radius: 0; } .tribe-common.tribe-events .tribe-events-c-messages__message-list-item { font-weight: 600; } #tribe-events-content { position: relative; } #tribe-events-content .tribe-events-back { display: none!important; line-height: 1.125; margin-bottom: 5.75rem; visibility: hidden!important; } #tribe-events-content .tribe-events-back a { color: #005d94!important; font-size: .75rem; font-weight: 500; text-decoration: underline; } #tribe-events-content .tribe-events-single-event-title { font-size: calc(1.375rem + 1.5vw); /* Bootstrap h1 sizing */ letter-spacing: -.5px; line-height: 1.25; /*margin-bottom: 3rem;*/ } #tribe-events-content .tribe-events-schedule { /*align-items: baseline; margin: 6rem 0 0; position: absolute; top: 0;*/ } #tribe-events-content .tribe-events-schedule h2, #tribe-events-content .tribe-events-schedule span { color: #57595D!important; font-size: 1rem; font-weight: 700; /*width: auto;*/ } #tribe-events-content .tribe-events-schedule > span { margin-bottom: .5rem; } #tribe-events-content .tribe-events-event-image, #tribe-events-content .tribe-events-single-event-description { margin-bottom: 3rem; } #tribe-events-content .tribe-events-cal-links { border: 1px solid #d9d9d6; padding: 1.5rem 1rem 1rem; margin-bottom: 3rem; text-align: center; } #tribe-events-content .tribe-events-cal-links .tribe-events-button { color: #005d94!important; font-size: 1rem; font-weight: 600; margin-bottom: .5rem; text-decoration: none; } #tribe-events-content .tribe-events-single-event-description.tribe-events-content + .tribe-events.tribe-common, #tribe-events-content .tribe-events-cal-links .tribe-events-ics, #tribe-events-content .tribe-events-event-meta::before, #tribe-events-content #tribe-events-footer { display: none!important; visibility: hidden!important; } #tribe-events-content .tribe-events-single-section.tribe-events-event-meta { margin: 0 -12px 4rem; } #tribe-events-content .tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group { margin: 0; padding: 0 12px; width: 50%; } #tribe-events-content .tribe-events-meta-group .tribe-events-single-section-title { font-size: calc(1.275rem + .3vw); letter-spacing: 0; margin-bottom: 1rem; text-transform: none; } #tribe-events-content .tribe-events-event-meta a { color: #00639b!important; font-weight: 600; text-decoration: none; } #tribe-events-content .tribe-events-back a:focus, #tribe-events-content .tribe-events-back a:hover, #tribe-events-content .tribe-events-cal-links .tribe-events-button:focus, #tribe-events-content .tribe-events-cal-links .tribe-events-button:hover, #tribe-events-content .tribe-events-event-meta a:focus, #tribe-events-content .tribe-events-event-meta a:hover { color: #00558e!important; /* 5% darker */ color: #004982!important; /* 10% darker */ } #tribe-events-content .tribe-events-cal-links .tribe-events-button:focus, #tribe-events-content .tribe-events-cal-links .tribe-events-button:hover, #tribe-events-content .tribe-events-event-meta a:focus, #tribe-events-content .tribe-events-event-meta a:hover { box-shadow: 0 .125em; } #tribe-events-content .tribe-events-event-meta { font-size: 1rem; } #tribe-events-content .tribe-events-event-meta dd[class$=url], #tribe-events-content .tribe-events-event-meta dt:not(:first-child), #tribe-events-content .tribe-events-meta-group-organizer .tribe-organizer:not(:first-of-type) { margin-top: 1.5rem; } #tribe-events-content .tribe-events-event-meta dd { font-weight: 500; } /*__// 8f. Beyond Standards Blog //__*/ .beyond-standards-blog:not(.tag) .page-title, .single-ieee-author .page-title { background: url('img/ieee-sa-beyond-standards-pg-title-logo2x.png') no-repeat 0 50%; background-size: 370px; height: 58px; overflow: hidden; text-indent: 100%; white-space: nowrap; } .beyond-standards-blog:not(.tag) .page-title::after, .single-ieee-author .page-title::after { display: none!important; } .beyond-standards-blog.category-beyond-standards #content { padding: 0; } .beyond-standards-blog.single-post #content { padding-bottom: 0; } /*#featured-posts { margin-bottom: 3rem; }*/ #featured.carousel { min-height: 500px; } #featured .carousel-indicators [data-bs-target] { opacity: 1; } #featured .carousel-indicators .active { background-color: #00c0ef; } #featured .carousel-control-next, #featured .carousel-control-prev { /*opacity: 1;*/ width: 10%; } #featured .carousel-control-next-icon, #featured .carousel-control-prev-icon { /*background-color: rgba(0,0,0,.75);*/ background-color: #000; background-size: 2rem; height: 5rem; width: 3rem; } #featured .carousel-control-next-icon { background-position: 60%; } #featured .carousel-control-prev-icon { background-position: 40%; } #featured .carousel-item { background-position: center; background-size: cover; } #featured .carousel-caption { background-color: rgba(0,0,0,.75); bottom: 5rem; max-width: calc(100% - 1.5rem); left: .75rem; padding: 0; /*padding: 2.5rem 3rem;*/ text-align: left; width: 100%; } #featured .carousel-caption-inner { padding: 2.5rem 3rem; /*position: relative;*/ } /*#filter-posts { padding: 1rem 0; }*/ #filter.navbar { align-items: baseline; padding-top: 3rem; padding-bottom: 0; } #filters-bar { align-items: baseline; padding-top: 1rem; padding-bottom: 1rem; } #posts-found { padding-bottom: 1.5rem; } #filter h4, #filters-bar h6 { margin-bottom: 0; } #filter .nav-link { color: #000; padding-right: 1.25rem; } .dropdown-toggle::after { border: 0; color: inherit; content: '\f078'; display: inline-block; /*font-family: 'Font Awesome 5 Pro';*/ font-family: 'Font Awesome 6 Pro'; font-size: .75em; font-style: normal; font-variant: normal; margin-left: 0; margin-top: .25em; position: absolute; right: 0; text-rendering: auto; /*transform: translateX(.75rem);*/ } #filter .dropdown-item { font-size: 15px; font-weight: 500; padding: .375rem 1.25rem; } #filter .dropdown-item.active, #filter .dropdown-item:active { background-color: #d6d6d6; color: #000; } #filters-bar:not(.show) { display: none; visibility: hidden; } button.filter { background-color: transparent; border-radius: 3px; border: 2px solid #005d94; box-shadow: 0 4px 8px -4px #005d94; font-size: 14px; font-weight: 600; padding: .25rem .75rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } button.filter > * { color: #005d94; margin-left: .75em; } button.filter:focus, button.filter:hover, button.filter:focus > *, button.filter:hover > * { color: #004983; } button.filter:focus, button.filter:hover { border-color: #00558e; /* 5% darker */ border-color: #004982; /* 10% darker */ box-shadow: 0 4px 8px -6px #005d94; } button.filter:active { box-shadow: none; } .article-loading { text-align: center; } .article-loading i { color: #00c0ef; font-size: 2rem; } #recent-posts, #theme-series, #popular-posts, #related-posts { padding-bottom: 3.5rem; } #author-posts { padding-bottom: 5rem; } #author-posts .view-all { padding-top: .5rem; text-align: center; } .category:not(.category-beyond-standards) #recent-posts { padding-bottom: 0; } .category:not(.category-beyond-standards) .recent-posts-title { margin-bottom: 1.5rem; } .category:not(.category-beyond-standards) .category-description { padding-bottom: 2rem; } .category:not(.category-beyond-standards) .category-description p { max-width: 856px; } .single-ieee-author #recent-posts { padding-top: 5rem; padding-bottom: 0; } #recent-posts .pagination { padding-top: .5rem; } .category:not(.category-beyond-standards) #recent-posts .pagination, .single-ieee-author #recent-posts .pagination { margin-bottom: 0; } #recent-posts .section-title, #theme-series .section-title, #popular-posts .section-title, #related-posts .section-title, #author-posts .section-title { border-top: .3em solid #d6d6d6; margin-bottom: 1.5rem; padding-top: 2rem; } .card.blog-item { /*border: 0;*/ margin: 1.5rem 0; } .blog-item .card-img-top, .blog-item .post-meta { margin-bottom: .5rem; } .blog-item > .card-img-top { height: 0; overflow: hidden; padding-top: 56.25%; position: absolute; } .blog-item .card-img-top > img { position: absolute; top: 0; } .blog-item .card-body { padding-top: calc(56.25% + 1.5rem); } .blog-item .card-body { display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 1.5rem; } .blog-item .card-body :last-child { margin-top: auto; } .post-meta { list-style-type: none; margin-bottom: 0; padding: 0; } .post-meta li, .post-meta-wrapper { align-items: center; display: inline-flex; flex-direction: row; } .post-meta li { color: #57595d; /*display: inline-block;*/ font-size: 14px; font-weight: 600; } .bg-black .post-meta li { color: #b0b1b3; } #post-meta .post-meta li:not(:first-child)::before, .card-body .post-meta li:not(:last-child)::after { content: '|'; margin: 0 .5rem; } /*#theme-series .card-title,*/ .blog-item .card-title { margin-bottom: 1.5rem; } .blog-item .post-author { display: none; font-weight: 600; margin: 1.5rem 0; } #beyond-standards { padding: 5rem 0; } .beyond-standards-logo { margin-bottom: 60px; max-width: 370px; width: 100%; } #post-title, #post-image, #post-meta { padding-bottom: 3rem; } .post-title, h1.author-name { font-weight: 700; } .post-subtitle { font-weight: 400; } .post-author-image-wrapper { margin-right: 1rem; max-width: 50px; } #post-content { padding-bottom: 5rem; } .summary-block { border: 1px solid #d6d6d6; margin-bottom: 3rem; padding: 1.5rem 1rem; } .summary-block h2, .summary-block h3, .comments-title { font-size: calc(1.3rem + .6vw)!important; /* Bootstrap h3 sizing */ } .summary-block ul { margin: 0; /* padding-left: 1rem; */ } .summary-block li:not(:last-child) { /*margin-bottom: 1.5rem;*/ margin-bottom: 1rem; } /* Hides Social Sharing for non-Beyond Standards posts */ body.single-post:not(.beyond-standards-blog) #post-share-wrapper { display: none!important; visibility: hidden!important; } #post-share-wrapper { border: 1px solid #d6d6d6; margin-top: 3rem; padding: 1rem 1rem 1.25rem; padding-left: calc(1rem - 5px); } #post-share-wrapper h4 { padding-left: 5px; } #post-share-wrapper .essb_links { margin: 0; } .post-content-wrapper .essb_links li, .post-content-wrapper .essb_links li a, .post-content-wrapper .essb_links li a .essb_icon, .post-content-wrapper .essb_links li a .essb_network_name, .post-content-wrapper .essb_links ul { font-weight: 600; } .post-content-wrapper .essb_links.essb_template_dark-retina a { background-color: #000; } .post-content-wrapper .essb_links li a { margin: 5px; } /*.author-bio-content-wrapper { border-bottom: .525em solid #d6d6d6; }*/ #author-bio { margin-top: 1.5rem; } .single-post .author-bio-content-inner { border-top: .525em solid #d6d6d6; border-bottom: .525em solid #d6d6d6; padding: 3rem 0; } .author-bio-content .author-name { margin-bottom: .25rem; } .author-title { font-style: italic; font-weight: 600; } .author-bio-content .back-to-top { float: right; right: 1.25rem; } #continue-reading { padding: 5rem 0; } #continue-reading #recent-posts, #continue-reading #popular-posts { padding: 0; } #continue-reading .card.blog-item { border: 0; margin: 3rem 0 0; } #continue-reading .blog-item .card-body { padding: 0; } #continue-reading .blog-item .card-title { margin-bottom: 0; } article.single-post .wp-block-image, article.single-post iframe { margin: 3rem 0; } article.single-post .wp-embed-aspect-16-9 { margin: 3rem auto; max-width: 856px; } article.single-post .wp-embed-aspect-16-9 .wp-block-embed__wrapper { margin: 3rem 0; padding-bottom: 56.25%; position: relative; width: 100%; } article.single-post .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe { border: 0; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; } article.single-post h1 + iframe, article.single-post h2 + iframe, article.single-post h3 + iframe, article.single-post h4 + iframe, article.single-post h5 + iframe, article.single-post h6 + iframe { margin-top: 1.5rem; } #tags { padding-bottom: 3rem; } .tags { list-style: none; margin: auto; max-width: 1076px; padding: 0; text-align: center; } .tags li { display: inline-flex; margin: 0 .5rem .5rem; } .tags a { background-color: #fff; border-radius: 3px; border: 2px solid #d6d6d6; box-shadow: none!important; padding: 0.5rem 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, color .15s ease-in-out; } .tags a:focus, .tags a:hover { border-color: #004982; box-shadow: 0 4px 8px -6px #000035!important; color: #004982; } .tags a:active { background-color: #004982; box-shadow: none; color: #fff; } #comments { padding-top: 2rem; padding-bottom: 5rem; } .comments-title { margin: 3rem 0 1.5rem; } .comment-list + #add-comment-block { border-top: .525em solid #d6d6d6; margin-top: 5rem; } .comment-list + #add-comment-block #respond { padding-top: 2rem; } .comment-list, .comment-list ul { list-style: none; padding-left: 0; } form.comment-form [class^="comment-form-"] { padding-bottom: 1.5rem; } form.comment-form > :not(:first-child) { background-color: #eee; margin-bottom: 0; padding-left: 3rem; padding-right: 3rem; } form.comment-form .comment-notes > span { padding: 0; } form.comment-form .comment-form-comment { padding-top: 2.5rem; } form.comment-form .form-submit { padding-bottom: 2.5rem; } .comment-author img { float: left; margin: 0 1.5rem 1.5rem 0; } .comment-author .says { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .comment-body p { clear: both; /*margin-top: calc(18px + 1.5rem);*/ } .comment { padding: 1.5rem 1rem; } .comment-list > .comment { border: 1px solid #d6d6d6; margin-bottom: 1.5rem; } .comment .children { margin-top: 1.5rem; } .comment .comment.odd { background-color: #eee; } .comment-author cite { font-size: 1.25em; font-style: normal; font-weight: 700; } .comment-author cite a { font-weight: 700!important; } .comment-meta a { font-size: 14px; } .comment-meta a:not(.comment-edit-link):not(:hover):not(:focus):not(:active) { color: #57595d; } /*__// 8g. WPBakery Page Templates //__*/ .content-pb-0 { margin-bottom: -5rem; } .vc_separator.vc_sep_color_grey .vc_sep_line { border-color: #eee!important; } /*__// Aggregate //__*/ .vc_row.logo-grid { border: 2rem solid #eee; margin: 0; } .vc_row.logo-grid .wpb_column { padding: 1rem; } /*__// Event - Home //__*/ #event-host .vc_column_container { width: auto; } #event-topics li:not(:last-child) { margin-bottom: 1em!important; } #event-keynote .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper, #event-agenda .txt-column > .vc_column-inner > .wpb_wrapper, #event-location .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper { padding: 2rem 1.5rem; } #event-keynote .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper { background-color: #000; color: #fff; } #event-agenda .txt-column > .vc_column-inner > .wpb_wrapper { border: 1px solid #d6d6d6; } .event-agenda-date { border-bottom: .3em solid #00c0ef; margin-bottom: 1rem; /*margin-bottom: 2rem; - KS Modified 20230425*/ padding: 0 1rem .25em; } #event-location .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper { background-color: #eee; } @media screen and (min-width: 1200px) { #event-keynote .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper, #event-agenda .txt-column > .vc_column-inner > .wpb_wrapper, #event-location .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper { padding: 3rem; } } @media screen and (max-width: 767px) { #event-topics .multi-column-list .wpb_column:not(:last-child) { margin-bottom: 1rem; } .d-md-flex > .wpb_column:not(:last-child) { margin-bottom: 3rem; } } /*__// Event - Speaker //__*/ .event-speaker { margin: 1.5rem 0; } .event-speaker-name { margin-bottom: .25rem; } #event-speaker img { margin-bottom: 1.5rem!important; } @media screen and (min-width: 992px) { #event-speaker img { float: left; margin-right: 36px; } } /*__// Event - Program / Agenda //__*/ .vc_tta-container + .vc_tta-container { margin-top: 2rem; } .agenda .wpb_wrapper { background-color: #fff; padding: 1rem; } ul.agenda { list-style: none; margin: 0 auto; overflow: hidden; padding: 0; } ul.agenda li { /*padding: 5px 0 15px;*/ margin-bottom: 1rem!important; position: relative; transition: all 0.1s linear; } ul.agenda li:last-child { margin-bottom: 0!important; } ul.agenda span { background-color: #fff; display: inline-block; padding: 0 5px; } /*ul.agenda span.session { display: inline-block; }*/ @media screen and (min-width: 992px) { ul.agenda li::before { content: '. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'; float: left; white-space: nowrap; width: 0; } ul.agenda span.time { position: absolute; right: 0; text-align: right; } } @media screen and (max-width: 991px) { ul.agenda span.time { display: block; padding-bottom: .125em; } } /*__// Event - Registration //__*/ #event-registration.cta .wpb_wrapper { background-color: #000; color: #fff; margin-top: 3.75rem; padding: 2rem 1.5rem; } #event-registration.section .wpb_wrapper { margin-top: 0; } @media screen and (min-width: 1200px) { #event-registration.cta .wpb_wrapper { padding: 3rem; } } #event-registration.cta h3 { font-weight: 900; margin: 0 auto 3rem; max-width: 880px; text-transform: uppercase; } /*__// Event - Exhibitor / Sponsor //__*/ .sponsor-slider .vc_column-inner > .wpb_wrapper { background-color: #eee; margin-top: 3.75rem; padding: 2rem 3rem 3rem; } .sponsor-slider .sponsor-level { border-bottom: .3em solid #fff; margin-bottom: 2rem; padding: 0 1rem .25em; } .sponsor-slider .owl-carousel .owl-stage { align-items: center; display: flex; } .sponsor-slider .owl-theme .owl-nav { margin: 0; } /*__// Event - Contact //__*/ #event-contact { margin-top: 3.75rem; } #event-contact form { max-width: 100%; } /*__// News //__*/ #beyond-standards-card-grid .vc_grid.vc_row.vc_grid-gutter-30px { margin-bottom: 0; } #beyond-standards-card-grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper { margin-left: -12px; margin-right: -12px; } #beyond-standards-card-grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item { padding: 0 12px; } #beyond-standards-card-grid .vc_pageable-slide-wrapper .vc_col-sm-4 .vc_grid-item-mini { width: 100%; } #beyond-standards-card-grid .vc_pageable-slide-wrapper .vc_col-sm-4:last-child .sa_card { margin-bottom: 0!important; } .sa_card.beyond-standards { border: 1px solid #d9d9d6; height: 100%; padding: 0 1.5rem 2rem!important; position: relative; } .sa_card.beyond-standards .vc_gitem-post-data-source-post_title { margin-bottom: 1rem!important; } .sa_card.beyond-standards .vc_gitem-post-data-source-post_excerpt { margin-bottom: 1.5rem!important; } .sa_card.beyond-standards .vc_btn3-container { margin: auto 0 0; } @media only screen and (min-width: 768px) { #beyond-standards-card-grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper { display: flex; flex-wrap: wrap; } #beyond-standards-card-grid .vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item { display: flex; align-items: stretch; } #beyond-standards-card-grid .vc_basic_grid .vc_grid.vc_row .vc_grid-item .vc_gitem-zone, #beyond-standards-card-grid .vc_basic_grid .vc_grid.vc_row .vc_grid-item .vc_gitem-zone div[class^="vc_gitem"] { height: 100%; } .sa_card.beyond-standards { display: flex; flex-direction: column; } } @media only screen and (max-width: 767px) { .sa_card.beyond-standards .vc_gitem-post-data-source-post_title h4 { line-height: 1.25; } } /*__// Practices //__*/ #overview .practice-icon.wpb_single_image img { max-width: 120px; width: 100%; } .collaborator-slider .vc_column-inner > .wpb_wrapper { background-color: #eee; /*margin-top: 3.75rem;*/ padding: 2rem 3rem 3rem; } .collaborator-slider .owl-carousel { background-color: #fff; padding: 1rem 0; } .collaborator-slider-title { margin-bottom: 2rem; } .collaborator-slider .owl-theme .owl-nav { margin: 0; } .practice-lead .wpb_single_image img { max-width: 190px; } @media only screen and (max-width: 767px) { .vc_tta-panel-body .wpb_content_element + .vc_custom_heading { margin-top: 3rem; } .vc_tta-panel-body .vc_row .wpb_column:not(:last-child) { margin-bottom: 3rem; } } /*__// Animations //__*/ .animated { animation-duration: .8s!important; } .wpb_row .wpb_animate_when_almost_visible.vc_col-sm-6 + .wpb_animate_when_almost_visible.vc_col-sm-6, .wpb_wrapper > .wpb_animate_when_almost_visible + .wpb_animate_when_almost_visible { animation-delay: .2s; } .wpb_wrapper > .wpb_animate_when_almost_visible + .wpb_animate_when_almost_visible + .wpb_animate_when_almost_visible { animation-delay: .4s; } @media only screen and (min-width: 992px) { .sa_card.wpb_animate_when_almost_visible.vc_col-sm-4:nth-child(3n+2) { animation-delay: .2s; } .sa_card.wpb_animate_when_almost_visible.vc_col-sm-4:nth-child(3n+3) { animation-delay: .4s; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .sa_card.wpb_animate_when_almost_visible.vc_col-sm-4:nth-child(even) { animation-delay: .2s; } } @media only screen and (min-width: 768px) { .wpb_row.vc_inner .wpb_animate_when_almost_visible.vc_col-sm-4:nth-child(3n+2) { animation-delay: .2s; } .wpb_row.vc_inner .wpb_animate_when_almost_visible.vc_col-sm-4:nth-child(3n+3) { animation-delay: .4s; } } /*__// 9. AEM Pages (Phase 1) //__*/ /*__// 9a. Layout / Structure //__*/ /*.column-control.row*/ .column-control { margin-top: 3rem; margin-bottom: 3rem; } .informational-card { border: 1px solid #d9d9d6; height: 100%; margin: 3rem auto 0; max-width: 350px; } .informational-card .rte { padding: 1.5rem 1.5rem 2rem; } .informational-card br { display: none; } @media only screen and (max-width: 767px) { .column-control .col-12 + .col-12 { margin-top: 3rem; } } /*__// 9b. Elements //__*/ .cta-link { background-color: #005d94; border: 3px solid #005d94; border-radius: 0.25rem; box-shadow: 0 4px 8px -4px #000035; color: #fff!important; display: inline-block; min-width: 10rem; padding: 0.625rem 1.5rem; text-align: center; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .cta-link:active, .cta-link:focus, .cta-link:hover { background-color: #00558e!important; /* 5% darker */ background-color: #004982!important; /* 10% darker */ border-color: #00558e!important; /* 5% darker */ border-color: #004982!important; /* 10% darker */ box-shadow: 0 4px 8px -6px #000035; } .cta-link:active { box-shadow: none!important; } .embed-video { height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative; } .embed-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /*__// 9c. Typography //__*/ .paragraph-heading, .sub-heading { display: inline-block; font-weight: 700; margin-bottom: 1rem; } .paragraph-heading { font-size: calc(1.3rem + .6vw); /* Bootstrap h3 sizing */ line-height: 1.25; } .paragraph-heading:last-child, .sub-heading:last-child { margin-bottom: 0; } .sub-heading { font-size: calc(1.275rem + .3vw); /* Bootstrap h4 sizing */ line-height: 1.5; } .paragraph-small { color: #57595D!important; font-size: 1rem; font-weight: 700; } .paragraph-small small { color: #000; font-weight: 400; } /*__// X. Media Queries //__*/ @media only screen and (min-width: 1400px) { /*__// 3. Header & Nav //__*/ #main-nav .navbar-nav.main .dropdown-menu { min-width: 207px; } /*__// 6. Page Structure //__*/ .split-screen-content.left { margin-left: calc((100% - 1320px) / 2); } /*__// 6a. Page Title //__*/ #page-title.hero .page-hero-wrapper { margin-left: calc((100% - (1320px - 1.5rem)) / 2); /* container width 1320px - 1.5rem gutters */ } /*__// 8. Secondary Pages //__*/ /*__// 8e. Events Calendar //__*/ .tribe-common.tribe-events .tribe-common-l-container { max-width: 1320px; } /*__// 8f. Beyond Standards Blog //__*/ #featured .carousel-caption { left: calc((100% - (1320px - 1.5rem)) / 2); /* container width 1320px - 1.5rem gutters */ } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { /*__// 3. Header & Nav //__*/ #main-nav .navbar-nav.main .dropdown-menu.mega-menu { max-width: 1116px; } #main-nav #search-input-wrapper.show form { width: 1116px; } /*__// 6. Page Structure //__*/ .col-md-6.split-screen-content, .vc_col-sm-6.split-screen-content { max-width: 570px; } .split-screen-content.left { margin-left: calc((100% - 1140px) / 2); } /*__// 6a. Page Title //__*/ #page-title.hero .page-hero-wrapper { margin-left: calc((100% - (1140px - 1.5rem)) / 2); /* container width 1140px - 1.5rem gutters */ } /*__// 8. Secondary Pages //__*/ /*__// 8e. Events Calendar //__*/ .tribe-common.tribe-events .tribe-common-l-container { max-width: 1140px; } /*__// 8f. Beyond Standards Blog //__*/ #featured .carousel-caption { left: calc((100% - (1140px - 1.5rem)) / 2); /* container width 1140px - 1.5rem gutters */ } } @media only screen and (min-width: 1200px) { /*__// 5. Modules & Elements //__*/ /*__// 5a. Accordions //__*/ #main-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { padding: 3rem; } .governance .vc_tta.vc_general .vc_tta-panel-title > a { padding-left: 3rem; } /*__// 6. Page Structure //__*/ /*__// 6a. Page Title //__*/ #page-title .row { min-height: 180px; } /*__// 7. Home Page //__*/ .hero-title { /*font-size: 3.75em;*/ font-size: 3.375rem; } /*__// 8. Secondary Pages //__*/ .category-post .title { font-size: 1.5rem } #members.governance .vc_column-inner > .wpb_wrapper { padding: 3rem; } /*__// 8d. AEM Pages (Phase 1) //__*/ .paragraph-heading { font-size: 1.75rem; /* Bootstrap h3 sizing */ } .sub-heading { font-size: 1.5rem; /* Bootstrap h4 sizing */ } /*__// 8e. Events Calendar //__*/ .tribe-events-promo { display: none!important; } /*.tribe-common.tribe-events .tribe-events-header, #tribe-events-content { padding-top: 17.375rem!important }*/ #tribe-events-content .tribe-events-single-event-title { font-size: 2.5rem; letter-spacing: -1px; } .tribe-common.tribe-events .tribe-events-header .tribe-events-c-breadcrumbs__list, #tribe-events-content .tribe-events-meta-group .tribe-events-single-section-title { font-size: 1.5rem; } /*__// 8f. Beyond Standards Blog //__*/ .summary-block h2, .summary-block h3, .comments-title { font-size: 1.75rem; /* Bootstrap h3 sizing */ } /*__// 8g. WPBakery Page Templates //__*/ .vc_row.logo-grid { border-width: 3rem; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { /*__// 3. Header & Nav //__*/ #main-nav .navbar-nav.main .dropdown-menu.mega-menu { max-width: 936px; } #main-nav #search-input-wrapper.show form { width: 936px; } /*__// 6. Page Structure //__*/ .col-md-6.split-screen-content, .vc_col-sm-6.split-screen-content { max-width: 480px; } .split-screen-content.left { margin-left: calc((100% - 960px) / 2); } /*__// 6a. Page Title //__*/ #page-title.hero .page-hero-wrapper { margin-left: calc((100% - (960px - 1.5rem)) / 2); /* container width 960px - 1.5rem gutters */ } /*__// 8. Secondary Pages //__*/ #intro .vc_col-sm-12 { max-width: 640px; } /*__// 8e. Events Calendar //__*/ .tribe-common.tribe-events .tribe-common-l-container { max-width: 960px; } .tribe-common.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col { padding-left: .875rem!important; padding-right: .875rem!important; } /*__// 8f. Beyond Standards Blog //__*/ #featured .carousel-caption { left: calc((100% - (960px - 1.5rem)) / 2); /* container width 960px - 1.5rem gutters */ } } @media only screen and (min-width: 992px) { /*__// 3. Header & Nav //__*/ #main-nav .navbar-nav.main > .nav-item { text-align: center; flex: 1; /*width: 16.66666667%;*/ } #main-nav .navbar-nav.main > .nav-item:first-child { flex: 0; } #main-nav .navbar-nav.main > .nav-item:first-child a { border-left: 1px solid #d9d9d6; padding: 1rem 3.75rem; } #main-nav .navbar-nav.main > .nav-item:not(.nav-type-button) > a.nav-link { border-right: 1px solid #d9d9d6; } #main-nav .navbar-nav.main .dropdown-toggle::after { display: none; } #main-nav .navbar-nav.main .sub-menu { /*min-height: 465px;*/ /*max-width: 33.33333333%;*/ } #main-nav .navbar-nav.main .dropdown-menu, #filter .navbar-nav .dropdown-menu { box-shadow: 0 4px 8px -4px rgba(0,0,0,.3); /*width: max-content;*/ width: calc(100% - 1px); } .main .dropdown-menu::after { background-color: rgba(0,0,0,.7); bottom: 0; content: ''; left: 0; opacity: 0; pointer-events: none; right: 0; top: 266px; /* #masthead height */ visibility: hidden; transition: opacity .15s ease-in-out; } .admin-bar .dropdown-menu::after { top: 256px; /* wp admin-bar height + #masthead height */ } .fixed-top .dropdown-menu::after { top: 174px; /* sticky #masthead height */ } .main .dropdown-menu.show::after { opacity: 1; position: fixed; visibility: visible; z-index: 5; } /*.dropdown-menu.show .container*/ .main .dropdown-menu.show .sub-menu { position: relative; z-index: 10; } #main-nav .search button { height: 54px; } #masthead:not(.fixed-top) #main-nav #search-input-wrapper::after { top: 234px; /* #masthead height */ } #masthead.fixed-top #main-nav #search-input-wrapper::after { top: 174px; /* #masthead height */ } body.admin-bar #masthead:not(.fixed-top) #main-nav #search-input-wrapper::after { top: 256px; /* wp admin-bar height + #masthead height */ } .fixed-top #main-nav #search-input-wrapper::after { top: 186px ; /* sticky & mobile #masthead height */ } /*__// 5. Modules & Elements //__*/ /*__// 5c. Cards //__*/ .sa_card.vc_col-sm-3:nth-child(n+5), .sa_card.vc_col-sm-4:nth-child(n+4), .vc_card.vc_col-sm-3:nth-child(n+5), .vc_card.vc_col-sm-4:nth-child(n+4), .product-program:nth-child(n+4) { margin-top: 3rem; } /*__// 6. Page Structure //__*/ /*__// 6a. Page Title //__*/ #page-title.hero .page-hero-wrapper { max-width: 770px; } /*__// 7. Home Page //__*/ .home .vc_row.vc_row-o-full-height:not(#hero), .home .split-screen > div { min-height: calc(100vh - 134px); } .number { /*font-size: 3.375em;*/ font-size: 3em; } .number-descriptor { /*font-size: 1.5em;*/ font-size: 1.25em; } /*__// 8. Secondary Pages //__*/ /*__// 8e. Events Calendar //__*/ .tribe-events-page-template #tribe-events-pg-template { max-width: 880px; width: 83.33333333%; } /*__// 8f. Beyond Standards Blog //__*/ .beyond-standards-blog .page-title { background-size: 450px; height: 72px; } #featured .carousel-caption { max-width: 770px; } #filter h4, #filters .nav-item:not(:last-child) { margin-right: 3rem; } #filter .navbar-nav .dropdown-menu { border: 1px solid #d6d6d6; } .single-ieee-author .author-bio-image { max-width: 200px; } } @media all and (max-width: 991px) { /*__// 3. Header & Nav //__*/ #main-nav #search-input-wrapper .form-control { height: 52px; } /*__// 3a. Mobile/Hidden Menu //__*/ .btn-close.mobile-menu { display: inline-block; } #mobile-menu { background-color: #fff; border-radius: 0; box-shadow: 4px 4px 8px -4px rgba(0,0,0,.3); display: block; height: 100%; left: 0; overflow-x: hidden; overflow-y: scroll; padding: 3rem 15%; position: fixed; top: 0; visibility: hidden; width: 80%; z-index: 1200; transform: translateX(-100%); transition: visibility .3s ease-in-out, transform .3s ease-in-out; } #mobile-menu.show { visibility: visible; transform: translateX(0); } #main-nav .navbar-nav.main > .nav-item:not(:first-child) > a.nav-link { border-top: 1px solid #d9d9d6; } /*#main-nav .navbar-nav.main > .nav-item:not(.nav-type-button) > a.nav-link { padding: 1em; }*/ #main-nav .navbar-nav.main > .nav-item.nav-type-button a { max-width: 240px; margin: 2rem auto 0; } .dropdown-toggle::after { border: 0; content: '\f054'; float: right; /*font-family: 'Font Awesome 5 Free';*/ font-family: 'Font Awesome 6 Pro'; font-size: 14px; } .dropdown-toggle.show::after { content: '\f078'; } #main-nav .navbar-nav.main .sub-menu .nav-item a { padding: 1rem 1.5rem; } /*__// 6. Page Structure //__*/ /*__// 6a. Page Title //__*/ #page-title.standard #stnd-status { margin-bottom: 1.5rem; } #page-title.standard #stnd-designation { margin-bottom: .75rem; } /*__// 7. Home Page //__*/ .home .vc_row.vc_row-o-full-height:not(#hero), .home .split-screen > div { min-height: 0; } .home .vc_row.vc_row-o-full-height:not(#hero):not(.split-screen) { padding: 5rem 0; } .home .split-screen-content { padding: 3rem 0 2.75rem; } /*.number-descriptor { font-size: 1.25em; }*/ .home #membership > .wpb_column > .vc_column-inner > .wpb_wrapper { padding-left: 3rem; padding-right: 3rem; } /*__// 8. Secondary Pages //__*/ /*__// 8f. Beyond Standards Blog //__*/ #continue-reading #popular-posts { padding-top: 5rem; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /*__// 3. Header & Nav //__*/ #main-nav #search-input-wrapper.show form { width: 696px; } /*__// 5. Modules & Elements //__*/ /*__// 5c. Cards //__*/ .sa_card.vc_col-sm-3:nth-child(n+3), .sa_card.vc_col-sm-4:nth-child(n+3), .vc_card.vc_col-sm-3:nth-child(n+3), .vc_card.vc_col-sm-4:nth-child(n+3), .product-program:nth-child(n+3) { margin-top: 3rem; } .sa_card.vc_col-sm-3, .sa_card.vc_col-sm-4, .vc_card.vc_col-sm-3, .vc_card.vc_col-sm-4, .product-program.vc_col-sm-4 { width: 50%; } /*__// 5d. Tabs //__*/ .tab-pane { padding: 2.25rem 2.75rem; } .tab-pane-content { padding: 2rem 1rem; } /*__// 5f. Forms //__*/ #inner-sidebar form[id^="mktoForm_"] { padding: 2rem 1.5rem; } /*__// 6. Page Structure //__*/ .col-md-6.split-screen-content, .vc_col-sm-6.split-screen-content { max-width: 360px; } .split-screen-content.left { margin-left: calc((100% - 720px) / 2); } /*__// 6a. Page Title //__*/ #page-title.hero .page-hero-wrapper { margin-left: calc((100% - (720px - 1.5rem)) / 2); /* container width 720px - 1.5rem gutters */ max-width: calc(720px - 1.5rem); } /*__// 6c. Sidebar Widgets //__*/ #sidebar .widget, #inner-sidebar .widget .vc_column-inner > .wpb_wrapper, .inner-sidebar .widget .vc_column-inner > .wpb_wrapper { padding: 1rem; } #sidebar .nav, #inner-sidebar .nav, .inner-sidebar .nav { margin: -0.5rem 0!important; } #sidebar .nav .nav-item .nav-link, #inner-sidebar .nav .nav-item .nav-link, .inner-sidebar .nav .nav-item .nav-link { padding-right: 1.75rem; padding-left: .5rem; } #sidebar .nav > .nav-item > .nav-link i, #inner-sidebar .nav > .nav-item > .nav-link i, .inner-sidebar .nav > .nav-item > .nav-link i { right: .5rem; } /*__// 7. Home Page //__*/ /*.number { font-size: 2.5em; }*/ /*__// 8. Secondary Pages //__*/ /*__// 8a. Project/Standard //__*/ #content.standard dl { padding: 0 2.5rem; } #additional-resources .section-title, #working-group .section-title { margin: 0 2.5rem 1.5rem; } /*__// 8e. Events Calendar //__*/ .tribe-common.tribe-events .tribe-common-l-container, .tribe-events-page-template #tribe-events-pg-template { max-width: 720px; } .tribe-common.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col { padding-left: .75rem!important; padding-right: .75rem!important; } /*__// 8f. Beyond Standards Blog //__*/ #featured .carousel-caption { left: calc((100% - (720px - 1.5rem)) / 2); /* container width 720px - 1.5rem gutters */ max-width: calc(720px - 1.5rem); } .single-ieee-author .author-bio-image { max-width: 200px; } } @media only screen and (min-width: 768px) { /*__// 1. Classes //__*/ .hide-desktop, .hidden-desktop { display: none!important; visibility: hidden!important; } .reverse-col-dsktp:not(.vc_row-flex) .wpb_column:first-child { float: right; } .reverse-col-dsktp.vc_row-flex { flex-direction: row-reverse; } .txt-column.left .vc_column-inner > .wpb_wrapper { padding-right: 24px; } .txt-column.right .vc_column-inner > .wpb_wrapper { padding-left: 24px; } /*__// 3. Header & Nav //__*/ .masthead-inner-wrapper { align-items: center; display: flex; } #primary-logo { /*border-right: 2px solid #000;*/ flex-shrink: 0; /*margin-right: 1.5rem;*/ /*padding-right: 1.5rem;*/ } #primary-logo img.desktop-logo { max-width: 140px; width: 100%; } #primary-logo img.mobile-logo { display: none!important; visibility: hidden!important; } #site-info { border-left: 2px solid #000; margin-left: 1.5rem; min-height: 80px; padding-left: 1.5rem; } /*__// 5. Modules & Elements //__*/ /*__// 5c. Cards //__*/ .vc_card:not(.no-cta) > .vc_column-inner > .wpb_wrapper, .product-program > .vc_column-inner > .wpb_wrapper { padding-bottom: 5rem; } .sa_card:not(.no-cta) p, .vc_card:not(.no-cta) p, .product-program p { margin-bottom: 0; } .vc_card:not(.no-cta) p:last-child, .product-program p:last-child { bottom: 2rem; position: absolute; width: calc(100% - 3rem); } .sa_card.vc_col-sm-6:nth-child(n+3), .vc_card.vc_col-sm-6:nth-child(n+3) { margin-top: 3rem; } .sa_card.alt .txt-column .vc_column-inner, .access-option .txt-column .vc_column-inner { padding-left: 36px; } /*__// 6. Page Structure //__*/ #inner-content.right { float: right; } #main-content.left, #inner-content.left > .vc_column-inner, .inner-content.left > .vc_column-inner { padding-right: 36px; } #main-content.right, #inner-content.right > .vc_column-inner, .inner-content.right > .vc_column-inner { padding-left: 36px; } .split-screen-content.left.vc_column_container > .vc_column-inner { padding-right: 48px; } .split-screen-content.right.vc_column_container > .vc_column-inner { padding-left: 48px; } /*__// 6a. Page Title //__*/ #page-title #purchase-options a.btn:not(:last-child) { margin-right: 1rem; } #page-title.hero .row { padding: 5rem 0; } #page-title.hero .page-hero-inner-wrapper { padding: 2.5rem 3rem; } /*__// 7. Home Page //__*/ .hero-subtitle, #i-want-menu-button.btn, #i-want-menu .dropdown-menu { max-width: 50%; } .hero-title, .section-subtitle { max-width: 75%; } /*#numbers .wpb_content_element { margin-bottom: 0; }*/ #numbers { position: absolute; } /*__// 8. Secondary Pages //__*/ /*__// 8e. Events Calendar //__*/ .tribe-common.tribe-events .tribe-events-header__events-bar { margin-bottom: 3rem!important; } /*.tribe-events-cal-links .tribe-events-ical { margin-right: 2.5rem; }*/ /*__// 8f. Beyond Standards Blog //__*/ .author-bio-content-inner { display: flex; } .single-post .author-bio-content-inner { margin: auto; max-width: 1076px; } .author-bio-image-wrapper { margin-right: 1.5rem; } .single-post .author-bio-image { max-width: 100px; } form.comment-form .comment-form-author { float: left; padding-right: .75rem; width: 50%; } form.comment-form .comment-form-email { float: right; padding-left: .75rem; width: 50%; } .comment-body p, .reply, .comment .children { margin-left: 6rem; /* width of avatar (72px) + 1.5rem margin */ } } @media only screen and (min-width: 576px) and (max-width: 767px) { /*__// 3. Header & Nav //__*/ #main-nav #search-input-wrapper.show form { width: 516px; } /*__// 5. Modules & Elements //__*/ /*__// 5f. Forms //__*/ form[id^="mktoForm_"] { padding: 2rem 2.5rem; } /*__// 6. Page Structure //__*/ /*__// 6a. Page Title //__*/ #page-title.hero .page-hero-wrapper { margin-left: calc((100% - (540px - 1.5rem)) / 2); /* container width 540px - 1.5rem gutters */ max-width: calc(540px - 1.5rem); } /*__// 8. Secondary Pages //__*/ /*__// 8a. Project/Standard //__*/ #content.standard dl { padding: 0 2rem; } #additional-resources { padding: 2.5rem 0 1.25rem; } #additional-resources .section-title, #working-group .section-title { margin: 0 2rem 1.25rem; } /*__// 8e. Events Calendar //__*/ .tribe-common.tribe-events .tribe-common-l-container, .tribe-events-page-template #tribe-events-pg-template { max-width: 540px; } /*__// 8f. Beyond Standards Blog //__*/ #featured .carousel-caption { left: calc((100% - (540px - 1.5rem)) / 2); /* container width 540px - 1.5rem gutters */ max-width: calc(540px - 1.5rem); } form.comment-form div:not(:first-child) { padding-left: 2.5rem; padding-right: 2.5rem; } form.comment-form .comment-form-comment { padding-top: 2rem; } form.comment-form .form-submit { padding-bottom: 2rem; } } @media only screen and (max-width: 767px) { /*__// 1. Classes //__*/ .hide-mobile, .hidden-mobile { display: none!important; visibility: hidden!important; } /*__// 3. Header & Nav //__*/ #primary-logo { padding-bottom: 1.5rem; } #primary-logo img.desktop-logo { display: none!important; visibility: hidden!important; } #primary-logo img.mobile-logo { max-width: 217px; width: 100%; } /*__// 4. Footer //__*/ #footer-widgets .row div[class^="col-"]:nth-child(-n+2) .widget { margin-bottom: 2.5rem; } /*__// 5. Modules & Elements //__*/ /*__// 5c. Cards //__*/ .sa_card.vc_col-sm-3:nth-child(n+2), .sa_card.vc_col-sm-4:nth-child(n+2), .sa_card.vc_col-sm-6:nth-child(n+2), .vc_card.vc_col-sm-3:nth-child(n+2), .vc_card.vc_col-sm-4:nth-child(n+2), .vc_card.vc_col-sm-6:nth-child(n+2), .product-program:nth-child(n+2) { margin-top: 3rem; } .vc_card.vc_col-sm-4 .wpb_single_image:not(.headshot) .vc_single_image-wrapper, .vc_card.vc_col-sm-6 .wpb_single_image .vc_single_image-wrapper { max-height: 210px; overflow: hidden; } /*__// 5d. Tabs //__*/ .tab-pane { padding: 2rem 1.5rem; } .tab-pane-content { padding: 1.5rem 1rem; } /*__// 6. Page Structure //__*/ #main-content + #sidebar, #inner-content + #inner-sidebar { margin-top: 3.75rem; } .inner-content + .inner-sidebar { margin-top: 3rem; } .col-md-6.split-screen-content, .vc_col-sm-6.split-screen-content { max-width: 540px; } .split-screen-content.left, .split-screen-content.right { /*margin-left: calc((100% - 540px) / 2);*/ margin-left: auto; margin-right: auto; } .split-screen-image { display: none!important; } .multi-column-list .wpb_column:not(:last-child) { margin-bottom: .5rem; } /*__// 7. Home Page //__*/ #hero { padding-top: 5rem; } #i-want-menu { margin-bottom: 5rem; } .home #participate .section-title + .wpb_text_column { margin-bottom: 3rem; } .home #membership > .wpb_column > .vc_column-inner > .wpb_wrapper { padding-left: 1rem; padding-right: 1rem; } /*__// 8. Secondary Pages //__*/ .access-option .img-column.vc_col-has-fill > .vc_column-inner { padding-top: 56.25%; } /*__// 8b. Find Standards //__*/ #standard-categories a.nav-link { width: calc(50% - 12px); } #recent-standard-title { margin-bottom: 1.5rem; } /*__// 8e. Events Calendar //__*/ .tribe-common.tribe-events .tribe-events-header { margin: 0!important; padding-bottom: 2rem!important; padding-left: 0!important; padding-right: 0!important; } .tribe-common.tribe-events .tribe-events-c-events-bar__search-button:focus, .tribe-common.tribe-events .tribe-events-c-events-bar__search-button:hover, .tribe-common.tribe-events .tribe-events-c-view-selector__button:focus, .tribe-common.tribe-events .tribe-events-c-view-selector__button:hover { opacity: 1; } .tribe-common.tribe-events .tribe-events-c-events-bar__search-button:focus .tribe-events-c-events-bar__search-button-icon-svg path, .tribe-common.tribe-events .tribe-events-c-events-bar__search-button:hover .tribe-events-c-events-bar__search-button-icon-svg path, .tribe-common.tribe-events .tribe-events-c-view-selector__button:focus .tribe-events-c-view-selector__button-icon-svg path, .tribe-common.tribe-events .tribe-events-c-view-selector__button:hover .tribe-events-c-view-selector__button-icon-svg path { fill: #005d94!important; } .tribe-common.tribe-events .tribe-events-c-view-selector__button-icon { margin-top: -3px; } .tribe-common.tribe-events .tribe-events-c-view-selector__button::before { background-color: #005d94; border-radius: 1px; } .tribe-common.tribe-events .tribe-events-header__events-bar .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content { border-radius: 0; box-shadow: 0 4px 8px -4px rgba(0,0,0,.3); } .tribe-common.tribe-events .tribe-events-c-events-bar__search-container { padding: 0!important; top: calc(19.25rem + 1.5vw); } .tribe-common.tribe-events .tribe-events-c-search { margin: 0 10px; width: calc(100% - 20px); } .tribe-common.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input { border: 0; } .tribe-common.tribe-events .tribe-common-c-btn.tribe-events-c-search__button { margin: 0!important; position: absolute; right: 10px; top: 0px; } .tribe-common.tribe-events .tribe-events-c-view-selector__list-item-link { position: relative; } .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link::after { background-color: #005d94!important; border-radius: 1px; content: ''; display: block; height: 2px; position: absolute; } .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link::after, .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:not(.tribe-events-c-view-selector__list-item--active):focus .tribe-events-c-view-selector__list-item-link::after, .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:not(.tribe-events-c-view-selector__list-item--active):focus-within .tribe-events-c-view-selector__list-item-link::after, .tribe-common.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:not(.tribe-events-c-view-selector__list-item--active):hover .tribe-events-c-view-selector__list-item-link::after { bottom: .25rem!important; left: 10%; width: 80%; } .tribe-common.tribe-events .tribe-events-calendar-list__event-wrapper, .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-wrapper { padding-left: 1.5rem; } .tribe-common.tribe-events .tribe-events-calendar-list__event-title, .tribe-common.tribe-events .tribe-events-calendar-day__event-title, .tribe-common.tribe-events .tribe-events-calendar-latest-past__event-title { font-size: calc(1.275rem + .3vw); line-height: 1.25; } #tribe-events-content .tribe-events-back { margin-bottom: 7.75rem; } #tribe-events-content .tribe-events-schedule h2 { margin-bottom: .25rem; } #tribe-events-content .tribe-events-single-section.tribe-events-event-meta { flex-direction: column; } #tribe-events-content .tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group { width: 100%; } #tribe-events-content .tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group + .tribe-events-meta-group { margin-top: 2rem; } /*__// 8f. Beyond Standards Blog //__*/ #post-meta .post-meta li.post-author { width: 100%; } #post-meta .post-meta li:not(:last-child)::before { display: none; } .author-bio-image-wrapper { margin-bottom: 1.5rem; } .single-post .author-bio-image-wrapper { max-width: 100px; } .single-ieee-author .author-bio-image-wrapper { max-width: 300px; } #continue-reading .post-meta { margin-top: 1.5rem; } } @media only screen and (min-width: 641px ) { /*__// 5. Modules & Elements //__*/ /*__// 5f. Forms //__*/ /*__// Gravity //__*/ .gform_wrapper { padding: 2.5rem 3rem; } #main-content .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 30px; } #main-content .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), #main-content .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) { padding-right: 15px; } #main-content .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), #main-content .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) { padding-left: 15px; padding-right: 0; } } @media only screen and (min-width: 576px) { /*__// 5. Modules & Elements //__*/ /*__// 5b. Buttons //__*/ .vc_btn3-inline + .cta-link-inline { margin-top: 2.325rem; margin-left: 1.5rem; } .cta-link-inline { display: inline-block; } } @media only screen and (max-width: 575px) { /*__// 3. Header & Nav //__*/ #main-nav > .container { padding: 0; } #main-nav #search-input-wrapper.show form { width: 320px; } /*__// 3a. Mobile/Hidden Menu //__*/ #mobile-menu { width: 100%; } #main-nav .navbar-nav.main > .nav-item.nav-type-button a { max-width: 220px; } /*__// 4. Footer //__*/ #footer-logo { margin-bottom: 1.25rem; } #social-media { margin-left: -.625rem; margin-top: 20px; } #footer-widgets .row div[class^="col-"]:nth-child(-n+3) .widget { margin-bottom: 2.5rem; } /*__// 5. Modules & Elements //__*/ /*__// 5b. Buttons //__*/ .btn { padding-left: 1rem; padding-right: 1rem; } .vc_btn3-inline + .cta-link-inline { margin-top: 1.5rem; } /*__// 5d. Tabs //__*/ .nav-tabs .nav-link { border-left: 0; border-right: 0; } /*__// 5f. Forms //__*/ form[id^="mktoForm_"] { padding: 1.5rem 2rem; } /*__// 8. Secondary Pages //__*/ /*__// 8a. Project/Standard //__*/ #standard-details { margin-top: 1.875rem; } #content.standard dl { padding: 0 1.5rem; } #content.standard dt, #content.standard dd { padding: 1.25rem .5rem; } #content.standard dt { border: 0!important; padding-bottom: .5rem; } #content.standard dd { padding-top: .5rem; } #content.standard dl dl { padding-left: 1rem; } #additional-resources { margin-top: 2.5rem; padding: 2.25rem 0 1rem; } #additional-resources .section-title, #working-group .section-title { margin: 0 1.25rem 1rem; } #working-group { margin-top: 3.75rem; } #working-group-projects-standards { margin-top: 2.5rem; } /*__// 8b. Find Standards //__*/ #standard-categories a.nav-link { width: calc(100% - 12px); } /*__// 8e. Events Calendar //__*/ #tribe-events-content .tribe-events-cal-links .tribe-events-gcal, #tribe-events-content .tribe-events-cal-links .tribe-events-ical { background: none!important; padding-left: 0!important; } /*__// 8f. Beyond Standards Blog //__*/ .beyond-standards-blog .page-title { background-size: contain; height: auto; } form.comment-form :not(:first-child) { padding-left: 2rem; padding-right: 2rem; } form.comment-form .comment-form-comment { padding-top: 1.5rem; } form.comment-form .form-submit { padding-bottom: 1.5rem; } } /*20220630 - Subscribe Flyout "X" Button Visibility*/ .btn-close { background-color: #FFFFFF !important; opacity: 1; } /*20220721 - Notification Box / Message Box*/ .vc_color-grey.vc_message_box { color: #262626 !important; border-color: #D9D9D6 !important; background-color: #D9D9D6 !important; } /*20220727 - Tabs, Accordions, etc.*/ /*TABS*/ /*Background Color of Panels*/ @media (min-width: 768px) { .vc_tta-color-blue.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels { background-color: #ffffff !important; border: 1px solid #D9D9DA !important; } } /*Active Toggle*/ .vc_tta-color-blue.vc_tta-style-classic .vc_tta-tab.vc_active>a { border-color: #d9d9d6 !important; background-color: #ffffff !important; color: #005D94 !important; } /*Inactive Toggle*/ .vc_tta-color-blue.vc_tta-style-classic .vc_tta-tab>a { border-color: #d9d9da !important; background-color: #005D94 !important; color: #FFFFFF !important; } /*Hover Toggle*/ .vc_tta-color-blue.vc_tta-style-classic .vc_tta-tab>a:focus, .vc_tta-color-blue.vc_tta-style-classic .vc_tta-tab>a:hover { border-color:#d9d9da !important; background-color: #ffffff !important; color: #005D94 !important; } /*Mobile - Inactive Toggle*/ .vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { color: #FFFFFF !important; background-color: #005D94 !important; } /*Mobile - Active Toggle*/ .vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a { border-color: #d9d9da !important; background-color: #ffffff !important; color: #005D94 !important; } /*Access Webinar Button*/ .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat { color: #005D94 !important; background-color: #FFFFFF !important; border: 3px solid #005D94 !important; font-weight: 600 !important; box-shadow: 0 4px 8px -4px #D9D9DA; } /*Access Webinar Button: Hover*/ .vc_btn3.vc_btn3-color-white:hover, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-white:focus, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:focus { color: #FFFFFF !important; background-color: #005D94 !important; border: 3px solid #005D94 !important; font-weight: 600 !important; box-shadow: 0 4px 8px -4px #000035; } /*Grid Page Toggle*/ .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots.vc_grid-owl-dots-color-blue .vc_grid-owl-dot span, .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-fill_square_dots.vc_grid-owl-dots-color-blue .vc_grid-owl-dot span, .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-round_fill_square_dots.vc_grid-owl-dots-color-blue .vc_grid-owl-dot span { background-color: #005D94 !important; border: 1px solid #005D94 !important; transform: scale(1.25); box-shadow: 0 4px 8px -4px #000035; } /*ACCORDION*/ /*Panel Body*/ /*.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body { background-color: #ffffff !important; border: 1px solid #D9D9D6 !important; }*/ /*Active*/ /*.vc_tta-color-blue.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-blue.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before { border-color: #005D94 !important; } .vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: #D9D9D6 !important; background-color: #FFFFFF !important; }*/ /*Inactive*/ /*.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { border-color: #D9D9D4 !important; background-color: #005D94 !important; }*/ /*Hover*/ /*.vc_tta.vc_general .vc_tta-panel-title>a:focus, .vc_tta.vc_general .vc_tta-panel-title>a:hover { background-color: #FFF !important; color: #005D94 !important; border-color: #005D94 !important; transition: 0.4s; } div.vc_tta-panel-heading > h6 > a:hover > i::before, div.vc_tta-panel-heading > h6 > a:hover > i::after { border-color: #005D94 !important; }*/ /*Arrows*/ /*.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next.vc_grid-nav-next-outside { right: -20px; } .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev.vc_grid-nav-prev-outside { left:-20px; } div.vc_tta-tabs-container > ul > li.vc_tta-tab { margin-bottom: 0px !important; }*/ /*20221028 - WP Bakery Rectangle Pagination*/ .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-blue > li > a, .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-blue > li > span { background-color: #005D94 !important; border-color: #005D94 !important; color: #FFFFFF !important; } /* This is overriding global behavior—should be more specific #main-content li:not(.nav-item):not(.menu-item):not(:last-child) { margin-bottom: 0rem; }*/ /*20221028 - WP Bakery Post Grid Arrows Outside Wrapper Offset*/ .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next.vc_grid-nav-next-outside { right: -20px; } .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev.vc_grid-nav-prev-outside { left:-20px; } /*20221028 - WAMIII Access Webinar Button*/ /*Access Webinar Button*/ .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat { color: #005D94 !important; background-color: #FFFFFF !important; border: 3px solid #005D94 !important; font-weight: 600 !important; box-shadow: 0 4px 8px -4px #D9D9DA; } /*Access Webinar Button: Hover*/ .vc_btn3.vc_btn3-color-white:hover, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-white:focus, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:focus { color: #FFFFFF !important; background-color: #005D94 !important; border: 3px solid #005D94 !important; font-weight: 600 !important; box-shadow: 0 4px 8px -4px #000035; } /*Post Carousel Element CSS*/ /* 23 May 2023 Post Carousel CSS */ .mega-post-meta { display: none !important; } .mega-post-title { line-height: 1 !important; } /* 15 June 2023 Post Carousel CSS*/ .mega-post-carousel1 .mega-post-para p { font-size: 0.875rem !important; text-align: left !important; color: #57595D !important; }