/* Theme Name: GC Twenty Theme URI: https://www.globalcognition.org/ Description: 2020 theme for Global Cognition, based on StudioPress's GC Twenty starter theme Author: Jorie Sieck Author URI: https://www.joriesieck.com/ Version: 0.1 Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks Template: genesis License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: gc-twenty Requires at least: 5.4 Requires PHP: 5.6 */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Variable Declarations - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Container - Site Inner - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Simple FAQ - WPForms - Skip Links - Site Header - Title Area - Site Navigation - Responsive Menu - Header Menu - Footer Menu - Content Area - Entry Content - Entry Meta - Pagination - Entry Comments - Sidebar - Footer Widgets - Site Footer - Media Queries - Min-width: 960px - Site Header - Genesis Menu - Responsive Menu - Header Menu - Site Inner - Content - Sidebar - Author Box - After Entry - Column Classes - Entry Misc. - Footer Widgets - Print Styles */ /* HTML5 Reset ---------------------------------------------------------------------------- */ /* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css ---------------------------------------------------------------------------- */ /* stylelint-disable */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /* stylelint-enable */ /* Box Sizing --------------------------------------------- */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /* Float Clearing --------------------------------------------- */ .author-box::before, .clearfix::before, .entry::before, .entry-content::before, .footer-widgets::before, .nav-primary::before, .nav-secondary::before, .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before { content: " "; display: table; } .author-box::after, .clearfix::after, .entry::after, .entry-content::after, .footer-widgets::after, .nav-primary::after, .nav-secondary::after, .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, .wrap::after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------- */ /* js edit - Variable Declarations --------------------------------------------- */ body { --dark-blue: #293f5e; /* site header and buttons, author/category page titles */ --burgundy: #800020; /* links */ --white: #fff; /* backgrounds, nav menu links, footers links */ --gray: #aaa; /* nav menu focus and hover, footer p */ --super-dark-gray: #222; /* nav menu dropdown */ --dark-gray: #303236; /* dark gray home widget, 3 part footer, nmd hover */ --off-black: #1a1a1a; /* site footer */ --light-gray: #ccc; /* link hover, focus outline */ --super-light-gray: #f2f2f2; /* site background */ --medium-dark-gray: #444; /* body text */ --off-gray: #eee; /* entry meta, hr, gallery img border, disabled background, tables, breadcrumb border, featured content background, faq border*/ --dark-gray-1: #ddd; /* comment reply border, odd comments, mark background */ --dark-gray-2: #333; /* mark text, input text, placeholders, screen reader text, entry & widget titles, faq text, focus text, menu toggle text, archive pagination text, nav menu highlight bg, media print text */ --light-gray-1: #777; /* disabled text */ --light-gray-2: #999; /* gallery img hover border, input focus border, blockquote border */ --dark-white: #f5f5f5; /* enews background, entry content code & sticky background, archive pagination bg */ --blue: #0073e5; /* sample uses this for a lot of hovers, i don't like it */ --muted-blue: #105c93; /* sponge box border */ --green: #9dcb2a; /* sponge box text, button background */ --dark-green: #83a924; /* sponge box button border */ --gray-1: #888; /* 'get in touch' box text */ --off-black-1: #2a2a2a; /* gf contant box background */ --light-blue: #a6bbd8; /* fancy quote box bg */ --red: #c8001c; /* alert box text and border */ --light-red: #f2dbdb; /* alert box bg */ --medium-blue: #466ba0; /* block quote */ --super-light-blue: #edf1f7; /* references bg */ } /* Typographical Elements --------------------------------------------- */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /* js edit - change site background, body text, font family & size */ body { background-color: var(--super-light-gray); /* js edit */ color: var(--medium-dark-gray); /* js edit */ font-family: "PT Sans", sans-serif; /* js edit */ font-size: 18px; /* js edit */ font-weight: 400; line-height: 1.625; margin: 0; overflow-x: hidden; } /* js edit - fix content on front page */ .gc-twenty-front-page { background-color: var(--white); } button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { transition: all 0.2s ease-in-out; } /* js edit - change link color, hover color, text decoration */ a { color: var(--burgundy); /* js edit */ text-decoration: none; /* js edit */ transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } a:focus, a:hover { color: var(--light-gray); /* js edit */ text-decoration: underline; /* js edit */ } p { margin: 0 0 30px; padding: 0; } /* js edit remove bottom margin for p last child */ p:last-child { margin-bottom: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } /* js edit - add extra space between list items */ .entry-content li { margin-bottom: 10px; line-height: 1.4; } /* js edit - no space befor header */ .genesis-skip-link li { margin: 0; padding: 0; } hr { border: 0; border-collapse: collapse; border-bottom: 1px solid currentColor; clear: both; color: var(--off-gray); margin: 1.65em auto; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } mark { background: var(--dark-gray-1); color: var(--dar-gray-2); } blockquote { margin: 30px; } /* Headings --------------------------------------------- */ /* js edit change font sizes and weights */ h1, h2, h3, h4, h5, h6 { /* font-family: "Source Sans Pro", sans-serif; font-weight: 400; js edit remove extraneous styling */ line-height: 1.2; margin: 0 0 20px; font-weight: 600; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 27px; } h4 { font-size: 24px; } /* .entry-content h3, .entry-content h4 { font-weight: 600; } */ /* .entry-content h4 { margin-top: 40px; } */ h5 { font-size: 21px; } h6 { font-size: 18px; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; vertical-align: top; } figure { margin: 0; } /* Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery img { border: 1px solid var(--off-gray); height: auto; padding: 4px; } .gallery img:focus, .gallery img:hover { border: 1px solid var(--light-gray-2); outline: none; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery-item { float: left; margin: 0 0 30px; text-align: center; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: var(--white); border: 1px solid var(--dark-gray-1); color: var(--dark-gray-2); font-size: 18px; font-weight: 400; padding: 15px; width: 100%; } input:focus, textarea:focus { border: 1px solid var(--light-gray-2); outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-ms-input-placeholder { color: var(--dark-gray-2); opacity: 1; } :-ms-input-placeholder { color: var(--dark-gray-2); opacity: 1; } ::placeholder { color: var(--dark-gray-2); opacity: 1; } /* js edit buttons - add wp-block-button__link, ab-button class to this styling */ button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button, .wp-block-button__link, .ab-button { background-color: var(--dark-blue) !important; /* js edit button color */ border: 0; border-radius: 5px !important; /* js edit - make important bc of gutenberg */ color: var(--white); cursor: pointer; font-size: 16px; font-weight: 600; padding: 15px 30px; text-align: center; text-decoration: none; white-space: normal; width: auto; } /* js edit add wp... and ab-button */ button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover, .wp-block-button__link:hover, .ab-button:hover { /*background-color: #0073e5; js edit remove*/ opacity: .7; /* js edit addition */ border-width: 0; color: var(--white); } .entry-content .button:focus, .entry-content .button:hover { color: var(--white); } .button { display: inline-block; } .site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover { background-color: var(--off-gray); border-width: 0; color: var(--light-gray-1); cursor: not-allowed; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; width: 100%; word-break: break-all; } tbody { border-bottom: 1px solid var(--off-gray); } td, th { line-height: 2; text-align: left; vertical-align: top; } td { padding: 0.5em; } tr { border-top: 1px solid var(--off-gray); } th { font-weight: 600; padding: 0.5em; } /* Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus { background: var(--white); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: var(--dark-gray-2); display: block; font-size: 1em; font-weight: 700; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { display: inline-block; position: relative; margin-bottom: 30px; } /* Structure and Layout ---------------------------------------------------------------------------- */ /* Common Classes ---------------------------------------------------------------------------- */ /* Avatar --------------------------------------------- */ .avatar { border-radius: 50%; float: left; } .author-box .avatar, .alignleft .avatar { margin-right: 20px; } .alignright .avatar { margin-left: 20px; } .comment .avatar { margin: 0 15px 20px 0; } /* Genesis --------------------------------------------- */ .after-entry, .archive-description, .author-box { margin-bottom: 40px; } .archive-description { background-color: var(--white); margin: 20px 0; padding: 40px; } .after-entry { box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); padding: 20px 30px; } .after-entry .widget:last-of-type { margin-bottom: 0; } .breadcrumb { border-bottom: 1px solid var(--off-gray); font-size: 16px; margin-bottom: 40px; padding-bottom: 10px; } .genesis-title-hidden .breadcrumb { margin-top: 40px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .entry-content .search-form { margin-bottom: 40px; width: 50%; } .post-password-form input[type="submit"], .search-form input[type="submit"] { margin-top: 10px; } .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* Titles --------------------------------------------- */ .archive-description .entry-title, .archive-title, .author-box-title { /* font-size: 20px; font-weight: 600; js edit remove extraneous styling */ margin-bottom: 10px; } .entry-title { /* font-size: 30px; js edit remove extraneous styling */ margin-bottom: 0; /* js edit fix entry title margin */ padding: 20px 20px 0; /* js edit fix entry title padding */ } /* js edit */ .type-page .entry-title { padding: 20px; } /* js edit */ .featured-content .entry-title { margin: 10px 0; padding: 0 20px 0 0; } .entry-title a, .sidebar .widget-title a { color: var(--dark-gray-2); text-decoration: none; } /* js edit title link hover */ .entry-title a:focus, .entry-title a:hover { text-decoration: underline; } .widget-title { font-size: 18px; font-weight: 600; margin-bottom: 20px; } .genesis-title-hidden .site-inner { padding-top: 0; } /* WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter, .singular-image { display: block; margin: 0 auto 30px; } img.alignnone, .alignnone { margin-bottom: 15px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 20px 20px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 20px 20px; } figcaption, .gallery-caption, .wp-caption-text { font-size: 14px; font-weight: 600; margin-top: 0.5em; margin-bottom: 1em; padding-left: 10px; padding-right: 10px; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 30px; } /* Widgets ---------------------------------------------------------------------------- */ .widget { margin-bottom: 40px; } .widget p:last-child, .widget ul > li:last-of-type { margin-bottom: 0; } .widget ul > li { margin-bottom: 10px; } .widget ul > li:last-of-type { padding-bottom: 0; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Featured Content --------------------------------------------- */ .featured-content .entry { border-bottom: 1px solid var(--off-gray); margin-bottom: 20px; } .featured-content .entry:last-of-type { border-bottom: none; margin-bottom: 0; } .featured-content .entry-title { font-size: 16px; margin-bottom: 5px; margin-top: 10px; } /* js edit change image size for featured posts */ .featured-content img { width: 75px; } /* Plugins ---------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .after-entry .enews { text-align: center; padding: 10px; } .sidebar .enews { background-color: var(--dark-white); padding: 30px; } .enews-widget input { font-size: 16px; margin-bottom: 10px; } .after-entry .enews-widget input { text-align: center; } .enews-widget input[type="submit"] { margin: 0; width: 100%; } .enews form + p { margin-top: 20px; } /* Genesis Simple FAQ --------------------------------------------- */ .gs-faq__question { background: transparent; border-bottom: 1px solid var(--off-gray); color: var(--dark-gray-2); padding-left: 0; padding-right: 0; } .gs-faq__question:focus, .gs-faq__question:hover { background: transparent; color: var(--blue); } .gs-faq__question::after { content: "\f132"; font-family: dashicons; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */ float: right; } .gs-faq__question.gs-faq--expanded::after { content: "\f460"; } /* WP Forms --------------------------------------------- */ .entry-content .wpforms-container { margin-bottom: 40px; } .entry-content .wpforms-form .wpforms-field { clear: both; margin: 20px 0; overflow: hidden; } .site-container .wpforms-container .wpforms-form .wpforms-field input { border-radius: 0; height: auto; padding: 15px; } .site-container .entry-content .wpforms-form .wpforms-field-label { font-weight: 600; } .site-container .entry-content .wpforms-form .wpforms-field-sublabel { font-size: 14px; font-weight: 300; } .entry-content .wpforms-form .wpforms-field-hp { display: none !important; left: -9000px !important; position: absolute !important; } .site-container .entry-content .wpforms-form textarea { padding: 15px; } .site-container .entry-content .wpforms-form textarea.wpforms-field-small { height: 120px; } .site-container .entry-content .wpforms-form textarea.wpforms-field-medium { height: 200px; } .site-container .entry-content .wpforms-form textarea.wpforms-field-large { height: 300px; } /* Skip Links ---------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; } .genesis-skip-link li { height: 0; list-style: none; width: 0; } /* Display outline on focus */ :focus { color: var(--dark-gray-2); outline: var(--light-gray) solid 1px; } /* Site Header ---------------------------------------------------------------------------- */ .site-header { background-color: var(--dark-blue); /* js edit change site header background */ box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); padding: 0 30px; margin-bottom: 40px; /* js edit add 'gray bar' under header */ } /* js edit - move header & menu inside content wrapper */ .site-header .wrap { max-width: 1140px; margin-left: auto; margin-right: auto; } /* Title Area --------------------------------------------- */ .title-area { float: left; padding-bottom: 25px; padding-top: 25px; } .wp-custom-logo .title-area { max-width: 350px; padding-bottom: 5px; padding-top: 5px; width: 100%; } .wp-custom-logo .title-area img { width: auto; } .site-title { font-size: 20px; font-weight: 600; line-height: 1; margin-bottom: 0; } .site-title a, .site-title a:focus, .site-title a:hover { color: #333; text-decoration: none; } .site-description, .wp-custom-logo .site-title { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } /* Site Navigation ---------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: block; float: none; position: relative; } /* js edit change nav menu links */ .genesis-nav-menu a { color: var(--white); /* js edit */ display: block; font-size: 15px; font-weight: 400; outline-offset: -1px; padding-bottom: 12px; padding-top: 12px; text-decoration: none; } .genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a { color: var(--gray); /* js edit */ text-decoration: none; } .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a { width: 100%; } .genesis-nav-menu .sub-menu { clear: both; display: none; left: -9999px; margin: 0; opacity: 1; padding-left: 15px; position: static; z-index: 99; } /* js edit change submenu colors */ .genesis-nav-menu .sub-menu a { color: var(--white); /* js edit addition */ font-size: 14px; position: relative; word-wrap: break-word; } .genesis-nav-menu.sf-js-enabled .sub-menu a { background-color: var(--super-dark-gray); /* js edit */ } .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative; } /* js edit - add sub menu tags */ /* .genesis-nav-menu .menu-item:hover > .sub-menu, */ .genesis-nav-menu .sub-menu a:focus, .genesis-nav-menu .sub-menu a:hover, .genesis-nav-menu .sub-menu .current-menu-item a:focus, .genesis-nav-menu .sub-menu .current-menu-item a:hover { background-color: var(--dark-gray); /* js edit - addition */ display: block; left: auto; opacity: 1; } /* Responsive Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } .genesis-responsive-menu { display: none; position: relative; } .genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu { display: none; } .menu-toggle, .sub-menu-toggle { background-color: transparent; border-width: 0; color: var(--white); /* js edit make menu toggle white */ display: block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible; } .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover { background-color: transparent; border-width: 0; } .menu-toggle { float: right; line-height: 20px; margin-bottom: 10px; margin-top: 10px; padding: 15px 0; position: relative; z-index: 1000; } .menu-toggle.activated::before { content: "\f335"; } .site-header .menu-toggle::before { float: left; margin-right: 5px; position: relative; text-rendering: auto; top: 1px; } /* js edit remove bg color for sub menu */ .sub-menu a { background-color: var(--dark-blue); } .sub-menu-toggle { float: right; padding: 9px 10px; position: absolute; right: 0; top: 0; z-index: 100; } .sub-menu .sub-menu-toggle { padding: 12px 10px; } .sub-menu-toggle::before { display: inline-block; text-rendering: auto; transform: rotate(0); transition: transform 0.25s ease-in-out; } .sub-menu-toggle.activated::before { transform: rotate(180deg); } /* Header Menu --------------------------------------------- */ .nav-primary { clear: left; padding-bottom: 15px; padding-top: 15px; width: 100%; } /* Footer Menu --------------------------------------------- */ .nav-secondary { margin-top: 10px; } .nav-secondary .genesis-nav-menu { line-height: 1.5; } .nav-secondary .menu-item { display: inline-block; } .nav-secondary a { margin-left: 10px; margin-right: 10px; padding: 0; } /* Content Area ---------------------------------------------------------------------------- */ /* Entry Content --------------------------------------------- */ /* js edit add white 'floating' box for entry, except on the front page */ .entry { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 6px rgba(0,0,0, .2); background: var(--white); margin: 0 3px 40px; padding: 0; /* padding is now in the entry-title because otherwise the front page gets fucked up */ } .gc-twenty-front-page .entry { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* js edit addition */ .entry-content { padding: 0 20px 20px; } .entry-content ol, .entry-content ul { margin-bottom: 30px; padding-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ul > li, .entry-content ul ul > li { list-style-type: circle; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: var(--dark-white); } .content .sticky { background-color: var(--dark-white); padding: 30px; } /* Entry Meta --------------------------------------------- */ /* js edit - fix entry meta styling */ p.entry-meta { font-size: 12px; /* js edit */ font-weight: 600; /* js edit - add */ margin-bottom: 0; text-transform: uppercase; /* js edit */ } .entry-header .entry-meta { /* margin-bottom: 20px; */ border-bottom: 1px solid var(--off-gray); /* js edit */ margin: 0 0 10px; /* js edit */ padding: 20px; /* js edit */ } .entry-footer .entry-meta { border-top: 1px solid var(--off-gray); /* padding-top: 20px; */ margin: 0; /* js edit */ overflow: hidden; /* js edit */ padding: 16px 0; /* js edit */ } /* js edit - add gray entry footer */ .entry-footer { background: var(--off-gray); padding: 10px 20px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* Pagination --------------------------------------------- */ .pagination { clear: both; margin: 60px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: var(--dark-white); color: var(--dark-gray-2); cursor: pointer; display: inline-block; font-size: 16px; font-weight: 600; margin-bottom: 4px; padding: 8px 12px; text-decoration: none; } .archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a { background-color: var(--dark-gray-2); color: var(--white); } /* Entry Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { margin-bottom: 40px; } /* js edits comments box */ .comment { padding: 30px; border-radius: 10px; margin-top: 24px; } .comment.thread-even { background-color: var(--white); } .comment.thread-odd { background-color: var(--dark-gray-1); } .comment.thread-even .children { border-left: 1px solid var(--dark-gray-1); } .comment.thread-odd .children { border-left: 1px solid var(--gray); background-color: var(--dark-gray-1); } /* js edit - remove .comment-list .depth-1 { padding-left: 0; } */ .comment-header { margin-bottom: 30px; } .comment-content { clear: both; } .comment-content ul > li { list-style-type: disc; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .comment-header p { margin-bottom: 0; } .entry-pings .reply { display: none; } .comment-form-cookies-consent label { display: inline; padding-left: 10px; } /* Sidebar ---------------------------------------------------------------------------- */ .sidebar { font-size: 16px; line-height: 1.5; } .sidebar .widget { margin-bottom: 40px; } .sidebar p { margin-bottom: 20px; } /* Footer Widgets ---------------------------------------------------------------------------- */ /* js edit change footer widget colors */ .footer-widgets { /* border-top: 1px solid #eee; */ background-color: var(--dark-gray); /* js edit */ color: var(--white); /* js edit addition */ clear: both; padding: 60px 0; } /* js edit addition */ .footer-widgets a { color: var(--white); } .footer-widgets .wrap { margin-left: auto; margin-right: auto; } .footer-widget-area { margin-bottom: 40px; padding-left: 30px; padding-right: 30px; } .footer-widget-area:last-child, .footer-widgets .widget:last-child { margin-bottom: 0; } /* Site Footer ---------------------------------------------------------------------------- */ /* js edit change site footer colors */ .site-footer { background-color: var(--off-black); /* js edit */ /*border-top: 1px solid #eee; js edit remove */ font-size: 12px; /* js edit */ font-weight: 600; /* js edit - add */ line-height: 1.5; padding: 30px; text-align: center; } .site-footer p { margin-bottom: 0; color: var(--gray); /* js edit addition */ } /* js edit addition */ .site-footer a { color: var(--white); } /* Media Queries ---------------------------------------------------------------------------- */ /* js edit add mobile styling */ /* js edit change featured image layout on non-mobile screens */ @media only screen and (min-width: 551px) { .singular-image.entry-image { max-width: 50%; margin: 0 24px 24px 0; float: left; } } /* js edit center featured image on mobile */ @media only screen and (max-width: 550px) { .singular-image.entry-image { text-align: center; } } @media only screen and (min-width: 480px) { table { table-layout: auto; word-break: normal; } } /* remove 'floating' border on mobile */ @media only screen and (max-width: 960px) { .entry { border: none; box-shadow: none; margin: 0 0 40px; } .author-box, .screen-reader-text, .entry-comments, .comment-respond, .sidebar-primary { margin-left: 5%; margin-right: 5%; } } @media only screen and (min-width: 961px) { /* Site Container --------------------------------------------- */ .site-container { animation: fadein 1s; word-wrap: break-word; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* js edit - move content width etc styling here */ /* Site Header --------------------------------------------- */ .site-header { position: -webkit-sticky; position: sticky; top: 0; z-index: 9999; } .admin-bar .site-header { top: 32px; } /* Genesis Menu ---------------------------------------------*/ .genesis-nav-menu .menu-item { display: inline-block; } .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu > .menu-bold > a { font-weight: 700; } .genesis-nav-menu > .menu-highlight > a { background-color: var(--dark-gray-2); border-radius: 3px; color: var(--white); font-weight: 600; margin-left: 15px; padding-left: 20px; padding-right: 20px; } .genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight > a:hover { background-color: var(--blue); } .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a { width: 180px; } /* js edit remove border from submenu */ .genesis-nav-menu .sub-menu { /*border-top: 1px solid #eee; js edit remove */ opacity: 0; padding-left: 0; position: absolute; transition: opacity 0.4s ease-in-out; } .genesis-nav-menu .sub-menu a { /*border: 1px solid #eee; js edit remove */ border-top: 0; padding-bottom: 15px; padding-top: 15px; } .genesis-nav-menu .sub-menu .sub-menu { margin: -46px 0 0 179px; } /* Responsive Menu --------------------------------------------- */ .genesis-responsive-menu { display: block; padding-top: 15px; } .menu-toggle, .sub-menu-toggle { display: none; visibility: hidden; } /* Header Menu --------------------------------------------- */ .nav-primary { clear: none; float: right; width: auto; } .nav-primary .genesis-nav-menu a { padding-left: 15px; padding-right: 15px; } /* Site Inner --------------------------------------------- */ .site-inner { clear: both; margin: 0 auto; padding: 0; /* js edit - remove excess padding - was 60px 30px 0 */ max-width: 1140px; } /* Content --------------------------------------------- */ .content { float: left; width: 65%; /* approx 740 / 1140 * 100% */ margin-right: 1.75%; /* approx. 20 / 1140 * 100% */ } .sidebar-content .content { float: right; } .full-width-content .content { float: none; margin-left: auto; margin-right: auto; } /* Sidebar --------------------------------------------- */ .sidebar { float: right; width: 31.5%; /* approx 360 / 1140 * 100% */ margin-left: 1.75%; /* approx. 20 / 1140 * 100% */ } .sidebar-content .sidebar { float: left; } /* Author Box --------------------------------------------- */ .author-box { background-color: var(--white); /* js edit author box bg color */ padding: 30px; } /* After Entry --------------------------------------------- */ .after-entry { padding: 40px 60px; } .after-entry .enews { padding-left: 30px; padding-right: 30px; } /* Column Classes --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Entry Misc. --------------------------------------------- */ .after-entry, .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings { margin-bottom: 60px; } /* js edits archive description (author page and category page) */ .archive-description { background-color: var(--white); margin: 20px 0; padding: 40px; } .archive-title { color: var(--dark-blue); text-align: center; } /* Footer Widgets --------------------------------------------- */ .footer-widgets .wrap { max-width: 1140px; } .footer-widget-area { float: left; margin-bottom: 0; width: calc(100% / 3); } } /* Print Styles ---------------------------------------------------------------------------- */ @media print { *, *::before, *::after { background: transparent !important; box-shadow: none !important; color: var(--dark-gray-2) !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="javascript:"]::after, a[href^="#"]::after, .site-title > a::after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid var(--light-gray-2); page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } } /* js edit - theme test content ------------------------------------------------------------------------------*/ /* ld */ .post-4987 body { font-family: "greycliff", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; color: #434343; line-height: 1.85714285714286; } .post-4987 p { margin-bottom: 1.6em; } .post-4987 ul { list-style: disc; margin: 0 0 1.5em 3em; } .post-4987 li { line-height: 1.5; margin-bottom: .625rem; } /* ld note */ .post-4987 .blue-note-ld { margin-bottom: 1.6em; padding: 2% 2.5%; background: #d8edfa; border-left: 5px solid #98c7df; font-size: .95em; line-height: 1.65; } /* be note */ .post-4987 .blue-note-be { background: rgba(35,167,191,0.05); border-left: 5px solid #23A7BF !important; padding: 20px; text-align: left; text-decoration: none; color: #424242; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; } .post-4987 .blue-note-be-cite { text-transform: uppercase; margin-bottom: 0; color: #424242; display: block; font-size: 14px; line-height: 25px; font-weight: 700; margin-top: 12px; } /* henneke */ .post-4997 .wp-block-quote { background: url(data:image/jpeg;base64,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) no-repeat 20px 10px #fff; margin: 0 0 20px !important; padding: 30px 30px 25px 95px !important; border: 0 !important; } .post-4997 .wp-block-quote p { margin-bottom: 0 !important; } /* gray further reading box */ .post-4997 .further-reading { margin: 1em 0; padding: 20px 30px 20px 25px; background-color: #f0f0f0; border: none; line-height: 25px; } /* js edit - boxes/custom blocks --------------------------------------------------------------------------*/ /* blockquote */ /* add quote mark */ .wp-block-quote::before { content: "\f122"; font-family: dashicons; color: var(--medium-blue); margin-right: 5px; } .wp-block-quote div { margin-left: 5px; } .wp-block-quote { text-align: left; margin-left: 0 !important; display: flex; flex-direction: row; } /* quote box */ /* white (default) */ .entry-content .wp-block-gccustom-quote-box, .wp-block-gccustom-quote-box { background: var(--white); border: 1px solid var(--light-gray); padding: 20px; margin: 40px; } /* gray */ .entry-content .wp-block-gccustom-quote-box.is-style-gray, .wp-block-gccustom-quote-box.is-style-gray, .entry-content .wp-block-gccustom-quote-box.is-style-gray-no-title, .wp-block-gccustom-quote-box.is-style-gray-no-title { background: var(--off-gray); border: 1px solid var(--light-gray); padding: 20px; margin: 40px; } /* no title */ .wp-block-gccustom-quote-box.is-style-no-title .title, .wp-block-gccustom-quote-box.is-style-gray-no-title .title { display: none; } /* fancy quote box */ .wp-block-gccustom-fancy-quote-box .title { text-transform: uppercase; font-weight: 600; margin-bottom: 0; } /* blue (default) */ .entry-content .wp-block-gccustom-fancy-quote-box, .wp-block-gccustom-fancy-quote-box { background: var(--light-blue); border-left: 5px solid var(--dark-blue); padding: 2% 2.5%; margin-bottom: 30px; } /* light blue (default alternate) */ .entry-content .wp-block-gccustom-fancy-quote-box.is-style-default-alt, .wp-block-gccustom-fancy-quote-box.is-style-default-alt { background: var(--super-light-blue); border-left: 5px solid var(--medium-blue); padding: 2% 2.5%; margin-bottom: 30px; } /* light blue (2nd default alternate) */ .entry-content .wp-block-gccustom-fancy-quote-box.is-style-default-alt-2, .wp-block-gccustom-fancy-quote-box.is-style-default-alt-2 { background: var(--super-light-blue); border-left: 5px solid var(--light-blue); padding: 2% 2.5%; margin-bottom: 30px; } /* red (alert) */ .entry-content .wp-block-gccustom-fancy-quote-box.is-style-alert, .wp-block-gccustom-fancy-quote-box.is-style-alert, .entry-content .wp-block-gccustom-fancy-quote-box.is-style-alert-no-title, .wp-block-gccustom-fancy-quote-box.is-style-alert-no-title { background: var(--light-red); border-left: 5px solid var(--red); color: var(--red); padding: 2% 2.5%; margin-bottom: 30px; } /* no title */ .wp-block-gccustom-fancy-quote-box.is-style-no-title .title, .wp-block-gccustom-fancy-quote-box.is-style-alert-no-title .title { display: none; } /* remove paragraph spacing from all boxes */ .wp-block-gccustom-quote-box p, .wp-block-gccustom-quote-box.is-style-gray p, .wp-block-gccustom-quote-box.is-style-no-title p, .wp-block-gccustom-quote-box.is-style-gray-no-title p, .wp-block-gccustom-fancy-quote-box p, .wp-block-gccustom-fancy-quote-box.is-style-alert p, .wp-block-gccustom-fancy-quote-box.is-style-no-title p, .wp-block-gccustom-fancy-quote-box.is-style-alert-no-title p { margin-bottom: 0; } /* references */ .wp-block-gccustom-reference-box { background-color: var(--super-light-blue); padding: 40px; margin-top: 10px; } .wp-block-gccustom-reference-box p, .wp-block-gccustom-reference-box h4 { margin-bottom: 10px; } .wp-block-gccustom-reference-box p { font-size: 14px; padding-left: 50px; text-indent: -50px; } /* publication */ .wp-block-gccustom-publication { padding-left: 50px; text-indent: -50px; padding-top: 30px; } /* custom color palette support */ /* backgrounds */ .has-dark-blue-background-color { background: var(--dark-blue); } .has-medium-blue-background-color { background: var(--medium-blue); } .has-light-blue-background-color { background: var(--light-blue); } .has-super-light-blue-background-color { background: var(--super-light-blue); } .has-burgundy-background-color { background: var(--burgundy); } /* text */ .has-dark-blue-color { color: var(--dark-blue); } .has-medium-blue-color { color: var(--medium-blue); } .has-light-blue-color { color: var(--light-blue); } .has-super-light-blue-color { color: var(--super-light-blue); } .has-burgundy-color { color: var(--burgundy); } /* js edit - add support for class-based boxes ------------------------------------------------------------------------------*/ .quote { background: #fff; border-radius: 6px; border: 1px solid #ddd; color: #888; padding: 20px 30px; } .quote-gray { background: #eee; border: 1px solid #ccc; color: #333; padding: 20px; } .quote-charcoal { background: #303236; border: 1px solid #105c9e; color: #fff; padding: 20px; } .quote-charcoal h4 { color: #fff; } .centered { text-align: center; } .button.green { background-color: var(--green) !important; border: 1px solid var(--dark-green); } /* js edit - Miscellaneous styling ------------------------------------------------------------------------------*/ /* about sidebar */ #text-39 .quote h2 { color: var(--medium-dark-gray); } /* Blog signup sidebar */ body #gform_wrapper_3 { background:#2A2A2A; padding: 15px 30px 30px; } body .gform_wrapper .gform_body .gform_fields #field_3_1.gfield .gfield_label { text-align: left; color: #fff; font-size: 24px; text-transform: none; letter-spacing: 0.1rem; margin: 0px 0px 1rem; } body .gform_wrapper .gform_body .gform_fields #field_3_1.gfield .gfield_description { text-align: left; color: #AAA; font-size: 16px; margin: 0px 0px 1rem; } body #field_3_1 { padding-right: 0px; padding-bottom: 0px; margin-bottom: 0px; border-bottom-style: none; } body #field_3_2 { border-bottom-style: none; } body #gform_wrapper_3 .gform_body .gform_fields .gfield input[type=email] { width: 100%; padding: 10px 4px; } body #gform_wrapper_3 .gform_footer { padding: 0px; } body #gform_wrapper_3 .gform_footer input[type=submit] { background: #293F5E; width: 100%; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: .1rem; margin-top:5px; /* border-radius:4px; */ } /* Box for GF confirmation message */ /* ws edit -- basic settings from epik site */ .gf-confirm-box { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #d2eac2; color: #689c2a; font-weight: 300; margin: 0 2px 2px; padding: 30px; /* ws edits */ margin-left: auto; margin-right: auto; max-width: 60%; min-width: 270px; } /* more from category link (under featured posts) */ p.more-from-category { margin-top: 24px; }