/*
Theme Name: Equal Entry
Theme URI: http://mor10.com/simone-wordpress-theme/
Author: Morten Rand-Hendriksen
Author URI: http://mor10.com/
Description: Equal Entry is a responsive, accessible, high-resolution theme featuring custom header and custom link colors, large images, and easy to read typography that scales to fit all screens. Other features include keyboard accessible navigation, optional social menu, sidebar- and footer widgets, no-sidebar page template, Aside post format, and collapsible author profile box. Equal Entry is translation ready and ships in English with translations in Catalan, Chinese (simplified), Dutch, Finnish, French, German, Hungarian, Italian, Norwegian Bokmål, Persian, Russian, Spanish, Swedish, and Turkish.
Version: 2.0.4
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simone
Domain Path: /languages/
Tags: white, black, blue, light, one-column, two-columns, right-sidebar, responsive-layout, accessibility-ready, custom-colors, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Simone is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

CSS structure 2.0 onwards based on http://mdo.github.io/code-guide/#css-syntax

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/*
>>> TABLE OF CONTENTS:
--
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
    5.1 - Links
    5.2 - Main Menu
        5.3 - Social Menu
        5.4 - Paging Navigation
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Header
10.0 - Widgets
11.0 - Content
    11.1 - Posts and pages
        11.2 - Index and Archives
    11.3 - Asides
        11.4 - Image Attachments
    11.5 - Comments
        11.6 - Author Box
12.0 - Infinite scroll
13.0 - Media
14.0 - Footer
*/

:root {
    --ee-blue: #293C8F;
    --ee-black: #394150;
    --ee-dark-gray: #55575A;
    --ee-gray: #ACB1C8;
    /* --ee-dark-gray: #828487; */
    --highlight-blue: #4357EE;
    --bright-yellow: #FFF200;
    --bg-light-gray: #EDEFF0;
    --bg-light-gray-2: #E2E6E7;
    --bg-light-blue-2: #EBF2F5;
    --bg-white: #FCFCFC;
    --focus-border-inset: inset 0 0 0 4px var(--ee-blue), inset 0 0 0 6px white;
    --focus-border: 0 0 0 3px var(--ee-blue), 0 0 0 6px white;
    --focus-border-2: 0 0 0 3px white, 0 0 0 6px var(--ee-blue);
}


/*
1.0 - Reset
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline-width: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    /* font-size: 62.5%; */
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

body {
    height: 100%;
    -webkit-print-color-adjust:exact;
}


/* Sticky footer.

   #page is body's only visible child and wraps the header, nav, #content and
   .footer-container. On any page shorter than the viewport the footer sat
   wherever the content ended and left blank space beneath it: 316px on
   /search/ with no query, 393px on /terms/.

   margin-top: auto on the footer wrapper rather than flex: 1 on #content, so
   the middle column keeps its own intrinsic height and nothing inside it
   resizes. The auto margin only absorbs slack, so pages taller than the
   viewport are untouched. */
#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* dvh tracks the mobile browser chrome as it hides and shows; 100vh alone
   leaves a scrollbar's worth of overflow on phones. */
@supports (min-height: 100dvh) {
    #page {
        min-height: 100dvh;
    }
}

#page > .footer-container {
    margin-top: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}


/* add quote symbol before blockquote text content */

blockquote:before {
    content: "\201C";
    display: inline-block;
    font-size: 10rem;
    color: #434343;
    position: absolute;
    top: 4.5rem;
}

blockquote,
q {
    quotes: "" "";
}

a img {
    border: 0;
}


/*
2.0 Typography
*/

body,
button,
input,
select,
textarea {
    /* font-size: 1.125rem; */
    font-size: 1.8rem;
    /*font-family: 'PT Serif', serif;*/
    -webkit-font-smoothing: antialiased;
    font-family: 'Lato', sans-serif;
    /* font-family: Georgia, serif; */
    line-height: 1.5;
    color: #404040;
    color: hsl(0, 0%, 25%);
}


/* h1 {
  font-size: 75px;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
    font-family: 'Lato', sans-serif;
    color: #000;
    color: hsl(0, 0%, 0%);
    -ms-word-break: normal;
    word-break: normal;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

address {
    margin: 0 0 1.5em;
}

pre {
    max-width: 100%;
    padding: 1.6em;
    margin-bottom: 2em!important;
    overflow: auto;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    background: #eee;
}

code,
tt,
var {
    font: 15px Consolas, monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    text-decoration: none;
    background: #fff9c0;
}

sup,
sub {
    position: relative;
    height: 0;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}


/*
3.0 Elements
*/

hr {
    height: 1px;
    margin-bottom: 1.5em;
    background-color: #ccc;
    border: 0;
}

ul,
ol {
    margin: 0 0 1.5em 1em;
}

ul {
    list-style: revert;
}


/* use revert to have 2nd level nested uls to be empty circles, not disk, etc */

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1em;
}

#toc-wrap li>ul {
    margin-left: 0.5rem;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 0;
}

.ee_figure {
    border: 1px solid #949494;
    /* ee color for image figures */
}


/* add border to images without alt text too */


/* images with .decorative class will be skipped */

.entry-content img:not(.decorative) {
    border: 1px solid #949494;
    /* ee color for image figures */
}

.ee_figure img {
    display: block;
    margin: 0 auto;
    /* center image */
    border: none;
}

figure.wp-caption {
    border: 1px solid #949494;
}

figure.wp-caption img {
    border: none;
}


/*
4.0 Forms
*/

button,
input,
select,
textarea {
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
    /* *vertical-align: middle; */
    /* Improves appearance and consistency in IE6/IE7 */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
}

button,
input[type="button"],
[role="button"].display_as_button,

/* special combination for button-like elements that also need to have look of regular site-styled button */

input[type="reset"],
input[type="submit"] {
    transition: background-color .5s ease;
    padding: 1.1rem 1.2rem 1.2rem;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-weight: 900;
    line-height: initial;
    color: #fff;
    fill: #fff;
    background: #3c3c3c;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
}


/* disabled button state */

button[DISABLED],
input[type="button"][DISABLED],
[role="button"].display_as_button[DISABLED],

/* special combination for button-like elements that also need to have look of regular site-styled button */

input[type="reset"][DISABLED],
input[type="submit"][DISABLED] {
    background: #9b9b9b;
    cursor: initial;
}


/* hover button state - note button should not be disabled */

button:hover:not([DISABLED]),
input[type="button"]:hover:not([DISABLED]),
[role="button"].display_as_button:hover:not([DISABLED]),
input[type="reset"]:hover:not([DISABLED]),
input[type="submit"]:hover:not([DISABLED]) {
    background-color: white;
}


/* focus/active button state - note button should not be disabled (logically it cannot be focused if disabled, but added safe guard attribute check) */

button:focus:not([DISABLED]),
input[type="button"]:focus:not([DISABLED]),
[role="button"].display_as_button:focus:not([DISABLED]),
input[type="reset"]:focus:not([DISABLED]),
input[type="submit"]:focus:not([DISABLED]),
button:active:not([DISABLED]),
input[type="button"]:active:not([DISABLED]),
[role="button"].display_as_button:active:not([DISABLED]),
input[type="reset"]:active:not([DISABLED]),
input[type="submit"]:active:not([DISABLED]) {
    border: solid 2px var(--highlight-blue);
}


/* reset [span] outline */

[role="button"].display_as_button {
    outline-width: initial;
}

#kbhead [role="button"].display_as_button {
    position: absolute;
    top: 0;
    right: 8px;
    background: none;
    padding: 0;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    width: 100%;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    padding: 0;
    border: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    padding: 8px 20px !important;
    font-family: 'Lato', sans-serif;
    color: #333;
    border: 1px solid #ccc;
    width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
}

.comment-awaiting-moderation {
    /* Green background color to make moderation seem less aggressive */
    padding: .5rem 1rem;
    margin: 1rem 0;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-size: 1.6rem;
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #84bd68;
    background: hsl(100, 39%, 57%);
}

.but,
.contact_form_wrap input[type=submit] {
    display: flex;
    text-decoration: none;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    font-family: Lato, sans-serif;
    font-size: inherit;
    font-weight: 900;
    padding: 1rem 1rem 1.3rem;
    line-height: initial;
}

.contact_form_wrap p {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.75rem;
    /* identical to box height, or 175% */
    /* letter-spacing: 0.015em; */
    /* ee-blue */
    color: var(--ee-blue);
}

.but.block {
    display: block;
}

.but.blue:link,
.but.blue:visited {
    background-color: var(--ee-blue);
    color: #fff;
}

.but.blue:hover,
.but.blue:focus,
.but.blue.active {
    color: #231f20;
    background: var(--bright-yellow);
    text-decoration: none;
}

.but.blue:focus,
.search-toggle:focus {
    outline: none;
    transition: background-color .5s ease;
}

.but.blue.dark-bg {
    border: 1px #5A68A6 solid;
}

.wp-social-login-widget .wp-social-login-connect-with {
    font-size: 1rem;
}

.wp-social-login-provider-list {
    padding: 1rem 0
}

.wp-social-login-provider-list a {
    color: #000
}

.entry-content a.ee_google_login,
.entry-content a.ee_google_login:visited {
    border: 1px #ccc solid;
    color: #3c3c3c;
    transition: background-color .5s ease;
}

.ee_google_login img {
    width: 2rem;
    display: inline-block;
    margin-right: 1rem;
    border: 0!important;
}

.entry-content a.ee_google_login:hover,
.entry-content a.ee_google_login:focus {
    color: #231f20;
    background: var(--bright-yellow);
    text-decoration: none;
}

.ee_google_login:focus img {
    border: 0
}


/* Tableau embed toolbar fix*/

.tableauPlaceholder {
    overflow: visible!important;
}


/* RCP (Restric Content Pro) - custom styles */

#rcp_registration_form .rcp_level_description {
    color: #e41e24;
    font-size: 0.8em;
    border-left: none;
    padding-left: 0;
}


/*
5.0 Navigation
*/


/*
5.1 Links
*/

a {
    /* color: #293cf8; */
}

a:visited {
    /* color: #5f38a0; */
}

a.secondary,
.nav-links a {
    color: #000
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.ee_no_wrap {
    white-space: nowrap;
}

a:not([rel=author]) span.ee_no_wrap>svg {
    fill: var(--highlight-blue);
}

a:not([rel=author]):visited span.ee_no_wrap>svg {
    fill: #551A8B;
}


/* edit post/page link and other links that have same color as surrounding text, add underline */

a.post-edit-link,
.logged-in-as a,
.akismet_comment_form_privacy_notice a {
    text-decoration: underline;
}

a.post-edit-link {
    /* color: #000!important; */
    font-size: 1rem;
}


/*EE custom icons*/

.ee_custom_icon {
    display: inline-block;
    height: 1em;
    vertical-align: -0.125em;
    font-size: 1em;
}

.ee_icon_w3c {
    width: 1.125em;
    background: url(../images/w3c_logo.png) no-repeat;
    background-size: contain;
    background-position-y: center;
    margin-right: 0.4rem;
}


/*END EE custom icons*/


/* EE mdi icons*/

.icon_mdi {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    /* via FA icons style to align properly with text in same line */
}


/* END EE mdi icons*/


/*
5.2 Main Menu
*/

.main-navigation {
    position: relative;
    display: block;
    max-width: 144rem;
    clear: both;
    font-family: 'Lato', sans-serif !important;
    background: #fff;
    color: var(--ee-blue);
    margin: 0 auto;
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
}

.menu-mainmenu-container {
    z-index: 999;
    width: 100vw;
    width: 100dvw;
    width: -webkit-fill-available;
    position: absolute;
    top: 78px;
}

.main-navigation ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    min-height: 79px;
}

.main-navigation li {
    position: relative;
    float: left;
    background: #fff;
    height:  100%;
    /* display: flex;
    align-items: center; */
}

.main-navigation a#site-logo-link {
    margin: 0;
    margin-left: 10px;
}

.main-navigation a,
#menu-mainmenu p {
    display: flex;
    height: 79px;
    align-items: center;
    padding: 0 24px;
    font-size: 1.5rem;
    text-decoration: none;
    font-family: 'Lato', sans-serif !important;
    color: var(--ee-blue);
    font-weight: bold;
    margin-bottom: 0;
}

.main-navigation ul ul {
    position: absolute;
    left: 0;
    top: 79px;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
    background: #fff;
    box-shadow: 0px 11px 25px 0px rgba(0, 0, 0, 0.1);
    width: auto;
}

.main-navigation ul ul ul {
    top: 0;
    left: 100%;
}

.main-navigation ul ul a {
    width: 12em;
}


/*.main-navigation ul ul li { }*/


/*.main-navigation ul ul :hover > a { }*/

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
    /* background-color:var(--bright-yellow); */
}

.main-navigation li a:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.main-navigation .current_page_item>a,
.main-navigation .current_page_item>h1 a,
.main-navigation .current-menu-item,
.main-navigation .current-menu-item>p,
.main-navigation .current-menu-item:hover,
.main-navigation .current-menu-item>a,
.main-navigation .current-menu-item>a:hover {
    background-color: var(--ee-blue);
    color: #fff!important;
}

.main-navigation .current_page_item:hover>a,
.main-navigation .current_page_item:hover>h1 a {
    color: #231f20;
}

.main-navigation .current_page_item>a:hover,
.main-navigation .current_page_item>h1 a:hover,
.main-navigation .current_page_item>a:focus,
.main-navigation .current_page_item>h1 a:focus,
.main-navigation .current-menu-item>a:focus {
    color: white!important;
    /* background-color:var(--bright-yellow);
    outline: none; */
}

.main-navigation li:hover,
.main-navigation li:focus-within,
.main-navigation a:focus,
.menu-item-1278:hover p,
.menu-item-1278:focus p {
    /* outline: solid 4px var(--highlight-blue);
    outline-offset: -4px; */
    box-shadow: var(--focus-border-inset);
    cursor: pointer;
    /* color: #231f20;
    background: var(--bright-yellow); */
    /* outline: none; */
    /* transition: background-color .5s ease; */
}

.menu-item-1049 .main-navigation li>a:focus {
    /* background: var(--bright-yellow);
    outline: none; */
    outline: solid 4px var(--highlight-blue);
    outline-offset: -4px;
}

.main-navigation ul ul li {
    border: 1px #eee solid;
    border-top: none
}

.main-navigation ul ul li:first-child {
    border-top: 1px #eee solid;
}

.menu-chevron {
    font-size: 1rem;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    top: 1.25rem;
    right: 1rem;
    display: grid;
    justify-items: center;
    align-items: center;
    cursor: pointer;
}

.menu-chevron svg {
    fill: var(--ee-blue);
}

.main-navigation li:hover .menu-chevron {
    /* color: #231f20; */
    fill: var(--highlight-blue);
}

.main-navigation li.current-menu-item svg {
    fill: #fff;
}

.current-menu-item > a:hover,
.current-menu-item > a:focus {
    box-shadow: var(--focus-border-inset);
}


/* .main-navigation li.current-menu-item:hover > .menu-chevron:hover {
    color: #fff;
} */

.menu-chevron:not(.menu-chevron-services):hover,
.menu-chevron:not(.menu-chevron-services):focus {
    /* background: var(--bright-yellow);
    color: var(--ee-blue); */
    /* outline: solid 4px var(--highlight-blue); */
    /* outline-offset: -4px; */
    box-shadow: var(--focus-border-inset);
}

.main-navigation #menu-item-1278.current-menu-item .menu-chevron:hover {
    fill: white;
}

.menu-chevron-opened .menu-chevron-icon {
    transform: rotate(180deg);
    transition: transform 0.5s ease-in-out;
}

.menu-chevron .menu-chevron-icon {
    transition: transform 0.2s ease-in-out;
}


/* Header search */

.search-toggle {
    cursor: pointer;
    height: 79px;
    width: 79px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.search-toggle svg {
    display: none;
    fill: var(--ee-blue)
}

.search-toggle span {
    display: unset;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.5rem;
    color: var(--ee-blue);
    font-weight: bold;
}

.search-toggle:hover,
.search-toggle:focus {
    outline: solid 4px var(--highlight-blue);
    outline-offset: -4px;
    transition: background-color .5s ease;
}

.search-box-wrapper {
    z-index: 2;
    width: 100%;
}

.search-box .search-field,
.no-results .search-field {
    padding: 1rem;
    height: 3rem;
    /* border-radius: 5px; */
    border: 1px solid var(--ee-dark-gray);
    border-radius: 40px;
}

.search-box .search-submit,
.no-results .search-submit {
    vertical-align: top;
    height: 3rem;
    font-family: 'Lato', sans-serif;
    /* font-size: 1.8rem; */
    font-weight: 900;
    padding: .5rem 1rem;
    line-height: initial;
    background-color: var(--highlight-blue);
    color: #fff;
    border-radius: 50px;
    transition: .3s;
}

/* Small menu */

.menu-toggle {
    display: none;
    cursor: pointer;
}

.max_width_wrap {
    max-width: 144rem;
    margin: 0 auto;
}

#header-search-container .search-box .search-submit {
    display: inline-block;
    margin-top: 10px;
}

#header-search-container .search-form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
    max-width: 144rem;
}

.search-input-container input:focus {
    outline: none;
}

.search-input-container:has(input:focus) {
    box-shadow: var(--focus-border);
}

#header-search-container .search-form label span {
    color: var(--ee-blue);
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    /* font-size: 1.1em; */
    margin-bottom: 5px
}


/* Kb link in header of main site */

#kb_link_header {
    position: relative;
}

#kb_link_header img {
    width: 40px;
    position: absolute;
    bottom: -7px;
    z-index: 1;
    user-select: none;
    opacity: 1;
    transition: opacity 0.4s;
}

#kb_link_header img.knomo_hidden {
    opacity: 0;
}

#kb_link_header:focus img {
    outline-width: 0!important;
}

#knomo_on_search_form img {
    position: absolute;
    display: block;
    width: 80px;
    left: calc(50% - 40px);
    bottom: -6px;
    user-select: none;
    /*animation: knowmo_search_up 1s forwards;*/
    /*-webkit-transition: left 1s;*/
    transition: left 1s;
}

#knomo_on_search_form img.knomo_hidden {
    left: -100px;
}

@keyframes knowmo_search_up {
    0% {
        transform: translate(0, -60px);
    }
    100% {
        transform: translate(0, 0);
    }
}


/* special media query for mobile menu view with max width measured for menu to be displayed correctly */


/* see related query where opposite value is used: @media screen and (min-width: 961px) { */

@media screen and (max-width: 960px) {
    .search-box {
        padding-bottom: 3em !important;
    }

    .search-toggle {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
        padding: 26px;
        width: fit-content;
    }
    .search-toggle span {
        font-size: 1rem;
    }
    .search-box .search-field {
        width: 100%;
    }

    .menu-toggle {
        display: block;
        margin: 0 auto;
        /*padding: 0 1em;*/
        font-weight: normal;
        font-size: 0.875rem;
        font-size: 1.4rem;
        text-decoration: none;
        line-height: 79px;
        color: white;
    }
    .main-navigation {
        display: grid;
        padding: 0;
        grid-template-columns: 0 1fr 1fr 1fr;
        max-height: 78px;
    }
    .main-navigation.toggled .nav-menu {
        display: block;
    }
    .main-navigation ul {
        display: none;
        padding-left: 0;
    }
    .main-navigation li {
        float: none;
        text-align: center;
    }
    .main-navigation li a {
        /* display: block; */
    }

    /* .main-navigation li li a { padding-left: 3em; }

    .main-navigation li li li a { padding-left: 4em; } */
    .main-navigation ul ul {
        position: relative;
        width: -webkit-fill-available !important;
        width: 100dvw;
        width: 100vw;
        top: 0;
    }
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        /* top: inherit; */
        left: 0;
        display: block;
        float: none;
        color: #231f20;
        background-color: var(--bright-yellow);
    }
    .main-navigation ul ul a {
        width: 100%;
    }
    .main-navigation .current_page_ancestor {
        background: inherit;
    }
    .main-navigation ul ul .current_page_parent {
        color: inherit;
        background: inherit;
    }

    .menu-item:has(span[aria-expanded="true"]) {
        box-shadow: none;
        outline: none;
        background: var(--ee-blue);
    }

    .menu-item:has(span[aria-expanded="true"]) > p,
    .menu-item:has(span[aria-expanded="true"]) > a {
        color: white !important;
    }

    .menu-item:has(span[aria-expanded="true"]) .menu-chevron svg { fill: white;}

    /*.main-navigation .current_page_item > a,*/
    .main-navigation .current_page_item>a:hover,
    .main-navigation .current_page_item>a:focus/*,
    .main-navigation .current_page_item li:hover,
    .main-navigation .current_page_item li:focus,
    .main-navigation .current_page_parent .current_page_item > a  */
    {
        /* color:#231f20;
        background-color:var(--bright-yellow); */
        outline: solid 4px var(--highlight-blue);
        outline-offset: -4px;
    }
    .main-navigation ul li:first-child {
        border-top: 1px #eee solid;
    }
    .main-navigation ul li:last-child {
        border-bottom: 1px #eee solid;
    }
    .main-navigation ul li {
        border-bottom: 1px #eee solid;
    }
    .main-navigation ul ul li:last-child {
        border-bottom: 0;
    }
    .main-navigation ul ul li {
        border-left: 0;
        border-right: 0;
    }
    
    .main-navigation ul ul li a {
        padding-left: 40px !important;
    }

    /* .menu-chevron.menu-chevron-blog {
        top: 1.6rem;
        left: 9.6rem;
    } */
    /* .title-box {
        position: absolute;
        left: calc(50% - 65px);
    } */
    #kb_link_header img {
        left: 69px;
    }
    .menu-toggle a {
        text-transform: uppercase;
        font-size: 1rem !important;
    }

    #contact-menu svg {
        fill: var(--ee-blue);
    }
}


/* End responsive menu */

@media screen and (min-width: 961px) {
    .search-box-wrapper {
        text-align: center;
    }
    #menu-mainmenu {
        display: block!important;
    }
    .menu-mainmenu-container {
        z-index: 999;
        width: fit-content;
        position: unset;
        top: 0;
    }
    .search-toggle svg {
        display: inline-block;
        margin: 0 auto;
    }
    .search-toggle span {
        display: none;
    }
    .main-navigation {
        height: fit-content;
    }
    .main-navigation a.menu-chevrons-parent,
    .main-navigation p.menu-chevrons-parent {
        padding-right: 70px !important;
    }
    #header-search-container .search-box .search-submit {
        margin-top: 0;
        margin-left: 1rem;
    }
    #header-search-container .search-form label span {
        margin-right: 5px;
        margin-bottom: 0;
    }
    #knomo_on_search_form img {
        left: calc(25% - 170px);
    }
    /* display page header only when appropriate menu item is not visible (on small screens) */
    /* styles from .visuallyhidden class*/
    .ee_page_header {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }
    #kb_link_header img {
        left: 36px;
    }
    #contact-menu {
        display: flex;
        align-items: center;
        height: 79px;
        fill: var(--ee-blue);
    }
}


/*
5.3 Social Menu
*/

.menu-social ul {
    float: right;
    text-align: center;
    list-style: none;
}

.menu-social ul li {
    position: relative;
    display: inline-block;
}

.menu-social li a:before {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    /*font-family: 'Fontawesome';*/
    font-size: 20px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    content: '\f08e';
}

.menu-social li a[href*="dribbble.com"]::before {
    content: '\f17d';
}

.menu-social li a[href*="facebook.com"]::before {
    content: '\f09a';
}

.menu-social li a[href*="flickr.com"]::before {
    content: '\f16e';
}

.menu-social li a[href*="foursquare.com"]::before {
    content: '\f180';
}

.menu-social li a[href*="github.com"]::before {
    content: '\f09b';
}

.menu-social li a[href*="plus.google.com"]::before {
    content: '\f0d5';
}

.menu-social li a[href*="instagram.com"]::before {
    content: '\f16d';
}

.menu-social li a[href*="jsfiddle.com"]::before {
    content: '\f1cc';
}

.menu-social li a[href*="linkedin.com"]::before {
    content: '\f0e1';
}

.menu-social li a[href*="pinterest.com"]::before {
    content: '\f0d2';
}

.menu-social li a[href*="reddit.com"]::before {
    content: '\f1a1';
}

.menu-social li a[href*="soundcloud.com"]::before {
    content: '\f1be';
}

.menu-social li a[href*="stackoverflow.com"]::before {
    content: '\f16c';
}

.menu-social li a[href*="tumblr.com"]::before {
    content: '\f173';
}

.menu-social li a[href*="twitter.com"]::before {
    content: '\f099';
}

.menu-social li a[href*="vimeo.com"]::before {
    content: '\f194';
}

.menu-social li a[href*="vine.co"]::before {
    content: '\f1ca';
}

.menu-social li a[href*="yelp.com"]::before {
    content: '\f1e9';
}

.menu-social li a[href*="youtube.com"]::before {
    content: '\f167';
}

@media screen and (max-width: 600px) {
    #menu-social ul {
        position: absolute;
        top: 0;
        right: 6rem;
        display: block;
    }
    #menu-social li a {
        padding-left: .5em;
        padding-right: .5em;
    }
}


/*
5.4 Paging Navigation
*/

.site-main-home {
    background: var(--bg-light-gray);
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    font-size: 1.125rem;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.post-nav-box {
    padding: 2em 0;
    margin-bottom: 4em;
    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
    padding-right: 15%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    width: 50%;
    padding-left: 15%;
    text-align: right;
}

.nav-indicator {
    margin-bottom: 1em;
}

.nav-previous,
.nav-next {
    font-size: 1rem;
}

.nav-previous h1,
.nav-next h1 {
    font-weight: 900;
}

.comment-navigation {
    padding: 1em 0;
    margin: 3em 0;
    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px;
}

.comment-navigation svg {
    margin: 0 1em;
}

@media screen and (max-width: 600px) {
    .comment-navigation .nav-previous,
    .post-navigation .nav-previous,
    .comment-navigation .nav-next,
    .post-navigation .nav-next {
        float: none;
        width: 100%;
        padding: 0;
        text-align: left;
    }
    .comment-navigation .nav-next,
    .post-navigation .nav-next {
        margin-top: 4rem;
    }
}

.paging-navigation ul {
    margin: 0;
}

.paging-navigation li {
    display: inline;
}

a.page-numbers,
span.page-numbers {
    padding: .3em .7em;
    color: #333!important;
}

a:hover.page-numbers,
a:focus.page-numbers {
    color: #000;
}

.paging-navigation .current {
    font-weight: bold;
    color: #000;
}


/*
6.0 Accessibility
*/


/* Text meant only for screen readers */

.screen-reader-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    top: 5px;
    left: 5px;
    z-index: 100000;
    /* Above WP toolbar */
    clip: auto !important;
    display: block;
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    font-weight: bold;
    font-size: 0.875rem;
    text-decoration: none;
    line-height: normal;
    color: #21759b;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}


/* styles for SR announcement quote */

.sr-quote {
    display: inline-block;
    background: #666;
    border-radius: 5px;
    border: 3px solid #555;
    color: #fff;
    text-align: center;
    padding: 0 0 0.2em;
}

.sr-quote .sr-announce {
    font-size: 0.75em;
    color: #000;
    background: white;
    padding: 0 1em;
    border-radius: 3px 0;
    display: block;
    margin-bottom: 0.3em;
}


/*
7.0 Alignments
*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
}

.alignright {
    display: inline;
    float: right;
    margin-bottom: 1em;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    margin: 0 auto 1.6em;
    clear: both;
}


/* Alignment responsive */

@media screen and (min-width: 1320px) {
    .alignleft {
        margin-left: -160px;
    }
}

@media screen and (min-width: 1820px) {
    .alignright {
        margin-right: -160px;
    }
}


/*
8.0 Clearings
*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    display: table;
    content: '';
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*
9.0 Header
*/

.site-branding {
    padding: 6rem 0;
    text-align: center;
    background: #0587BF;
    background: hsl(198, 95%, 38%);
}

.title-box {
    flex-grow: 1;
    text-align: start !important;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: inline-block;
}

.title-box-selected {
    background-color: #fff !important;
}

.site-branding a {
    text-decoration: none;
}

.header-image img {
    display: block;
    margin: 0 auto;
}

.header-background-image {
    background: no-repeat center;
    background-size: cover!important;
    -moz-background-size: cover!important;
    -webkit-background-size: cover!important;
}

.header-background-image .title-box {
    background: #333;
    background: hsla(0, 0%, 0%, .7);
}


/* Header responsive */

@media screen and (max-width: 900px) {
    .site-branding {
        padding: 0;
    }
    /*.title-box {*/
    /*max-width: 100%;*/
    /*margin: 0 auto;*/
    /*border: none;*/
    /*}*/
}

.hide {
    display: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.entry-title-wrap {
    width: 100%;
}

.entry-title-no-thumb-wrap {
    width: 100%;
}

.error404 .search-submit,
body.kb-article.search .search-submit,
.search-box .search-submit {
    display: none;
}

.search-no-results form input.search-field {
    width: 250px;
}

.no-results form input.search-field { 
    width: 100%;
}

.page_level_header {
    background: #5b679b;
    color: #fff;
    font-family: 'Lato', sans-serif;
    /* font-family: 'PT Serif', serif; */
    font-size: 1.3rem;
    text-align: center;
}

.page_level_header>div {
    position: relative;
    padding: 0.8rem 3rem 1rem;
}

.page_level_header>div .page_level_header_message {
    display: inline-block;
    max-width: 940px;
    font-size: 1.3rem;
    font-weight: normal;
    color: #fff;
    /* font-family: 'PT Serif', serif; */
    font-family: 'Lato', sans-serif;
    /*padding-bottom: 15px;*/
    animation: mymove 2s ease-out forwards;
    animation-iteration-count: 1;
}

.page_level_header>div .page_level_header_message h2 {
    color: #fff;
    font-size: 1.3rem;
    font-weight: normal;
}

@media screen and (min-width: 1200px) {
    .page_level_header {
        font-size: 2rem;
        padding: 10px 0;
    }
    .page_level_header>div .page_level_header_message {
        font-size: 2rem;
    }
}

@media screen and (min-width: 1500px) {
    #knomo_on_search_form img {
        left: calc(25%);
    }
    .page_level_header {
        font-size: 2.625rem;
        padding: 10px 0;
    }
    .page_level_header>div {
        max-width: 144rem;
        margin: 0 auto;
    }
    .page_level_header>div .page_level_header_message {
        max-width: 1240px;
        font-size: 2.625rem;
    }
}


/*
10.0 Widgets
*/

.widget {
    margin: 0 0 4em;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-size: 1.6rem;
}

.widget-title {
    margin-bottom: 1em;
    font-size: 1.5rem;
    font-size: 2.4rem;
    border-bottom: 2px solid #000;
}

.widget a {
    font-weight: bold;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.widget ul,
.widget ol {
    padding: 0;
    margin: -1em 0 0;
    list-style-type: none;
}

.widget li {
    padding: 1em 0 0;
}

.widget li ul,
.widget li ol {
    margin-top: 0;
}

.widget li li {
    margin-left: 1.5em;
}

.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before {
    display: block;
    float: left;
    padding-top: 2px;
    margin-left: -2.5em;
    /*font-family: 'fontawesome';*/
    font-size: 0.875rem;
    font-size: 1.4rem;
}

.widget_recent_entries li,
.widget_recent_comments li {
    margin: 0 0 .5em 2.5em;
}

.widget_recent_entries li:before {
    content: "\f036";
}

.widget_recent_comments li:before {
    content: "\f075";
}

.widget_archive li {
    margin: 0 0 0 2.5em;
}

.widget_archive li:before {
    content: "\f187";
}

.widget_nav_menu a,
.widget_pages a {
    display: block;
    padding: 1em 0;
    border-bottom: solid 1px hsl(0, 0%, 90%);
}

.widget_nav_menu li,
.widget_pages li {
    padding-top: 0;
}

.widget_rss li {
    margin-bottom: .5em;
}

.widget_rss .rss-date,
.widget_rss cite {
    display: block;
    font-size: 85%;
}


/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}


/* Search widget */

.widget_search .search-submit {
    display: none;
}

.footer-widgets {
    margin: 0 auto;
}

.footer-widgets .widget-title,
.footer-widgets .widget a:hover,
.footer-widgets .widget a:focus {
    color: #fff;
    color: hsl(0, 0%, 100%);
    border-color: #fff;
    border-color: hsl(0, 0%, 100%);
}

.footer-widgets .widget {
    float: left;
    width: 320px;
    margin: 0 4rem 8rem 4rem;
}


/* Footer widgets responsive */

@media screen and (max-width: 879px) {
    #footer-widgets {
        width: 100%!important;
    }
    .footer-widgets .widget {
        float: none;
        width: 100%;
        margin: 0 0 8rem;
    }
}


/*
11.0 Content
*/


/*
10.1 Posts and pages
*/

.sticky {}


/*.hentry { */


/*    margin-bottom: 1.5em;*/


/*}*/

main {
    position: relative;
}

body.single main article,
body.page main article {
    margin-top: 0;
}

body.single main.page_padded .entry-title,
body.page main.page_padded .entry-title {
    padding-top: 20px;
    margin-top: 31px;
}

@media screen and (min-width: 1200px) {
    body.single main.page_padded .entry-title,
    body.page main.page_padded .entry-title {
        padding-top: 0;
    }
}

.updated {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
    overflow-wrap: break-word;
}

.page-links {
    margin: 0 0 1.5em;
    clear: both;
}

.entry-title {
    margin: 0 0 1rem;
    font-weight: 900;
    font-size: 2rem;
    line-height: 1.3em;
    color: #000;
}


/*WTF what is this for*/


/*.page .entry-title { margin-top: .7em; }*/


/* homepage styles */

#homepage_sticky_posts {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    /* 240px*/
    /* for min(100%, 300px) part: workaround when viewport is less than 300px (or high 500% zoom on desktop)
     to prevent horizontal scroll because width of grid is more than viewport:
    see https://ishadeed.com/article/css-grid-minmax/#:~:text=as%20there%20will%20be%20a%20horizontal%20scrollbar */
    max-width: 1426px;
    /*some max need to be set*/
    margin: 1em auto;
}

#homepage_sticky_posts .hsp_item {
    display: grid;
    grid-template-rows: 1fr max-content;
}

#homepage_sticky_posts .hsp_item_card {
    text-decoration: none;
    display: grid;
    grid-template-rows: min-content min-content min-content 1fr;
    background: white;
    overflow: hidden;
    border-radius: 10px;
    height: -webkit-fill-available;
}

#homepage_sticky_posts .hsp_item_card h3 {
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    line-height: 3rem;
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 3rem;
}

#homepage_sticky_posts .hsp_item_card p {
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    line-height: 1.2em;
    font-size: 1em;
    text-align: left;
}

#homepage_sticky_posts .hsp_item_card .blog-text {
    padding: 3rem;
}

#homepage_sticky_posts .hsp_item_card a {
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 1em;
    color: #2A3F8D;
}

#homepage_sticky_posts .hsp_item_card:hover,
#homepage_sticky_posts .hsp_item_card:focus {
    box-shadow: 0 0 0 4px var(--bright-yellow);
    border-color: var(--bright-yellow);
}


/*hover text underline fix*/

#homepage_sticky_posts .hsp_item_card:hover,
#homepage_sticky_posts .hsp_item_card:focus {
    text-decoration: none!important;
}

#homepage_sticky_posts .hsp_item_card:hover h3,
#homepage_sticky_posts .hsp_item_card:focus h3 {
    text-decoration: underline;
}

#homepage_sticky_posts .hsp_item_card> :last-child {
    align-self: end;
}


/*line before date*/

#homepage_sticky_posts .hsp_item_card> :last-child>span {
    display: block;
    border-top: 1px #313131 solid;
    margin: 0 1.5rem .5rem 1.5rem;
}


/*author/date part*/

#homepage_sticky_posts .hsp_item_card> :last-child>div {
    font-family: 'Lato', sans-serif;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
}

#homepage_sticky_posts .hsp_item>a:last-child {
    align-self: end;
    font-size: 1em;
    margin-bottom: 4rem;
    width: fit-content;
    text-align: center;
    justify-self: center;
}

#homepage_sticky_posts .hsp_item .author_about_short {}


/* END homepage styles */


/* Typography */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: 0 auto .4em;
}

.search h1 {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: var(--ee-blue);
}

.no-results .search-form {
    display: grid;
    gap: 20px;
}

@media screen and (min-width: 1280px) {
    .entry-content h1,
    h1.entry-title {
        font-size: 2.75rem;
    }

    .no-results .search-form { 
        grid-template-columns: 1fr auto;
    }
}

.entry-content h2 {
    font-size: 2rem;
}

.entry-content h3 {
    font-size: 1.5rem;
}

.entry-content h4 {
    font-size: 1.25rem;
}

.entry-content h5 {
    font-size: 1.125rem;
}

.entry-content h6 {
    font-size: 1rem;
    text-transform: uppercase;
}

.entry-content ul li,
.entry-content ol li {
    margin-left: 1.5em;
}

.entry-content p:not(.ee_caption),
.entry-content .ee-summary p,
.entry-content blockquote,
.entry-content ul,
.entry-content ol,
.entry-content table {
    font-size: 1.125rem;
    /* font-family: Georgia, serif; */
    font-family: 'Lato', sans-serif;
    line-height: 1.5em;
    margin: 0 auto 1.5em;
    /* new style */
    /* font-size: 2.1rem;
    font-family: 'Inter',sans-serif;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0 auto 1.5em; */
}


/* remove margin bottom for lists as multi-level list options */

.entry-content li>ul,
.entry-content li>ol {
    margin-bottom: 0;
}

.entry-content audio {
    display: block;
    /* rest of styles copied from .entry-content p styles */
    font-size: 2.1rem;
    font-family: 'Lato', sans-serif;
    line-height: 1.5em;
    margin: 0 auto 1.5em;
}


/* Smaller fonts for smaller screens */

@media screen and (max-width: 680px) {
    .entry-title {
        /* font-size: 2rem; */
        font-size: 1.5rem;
        line-height: 1.3em;
    }

    .entry-content h3 {
      font-size: 1.2rem !important;
    }

    .entry-content p:not(.ee_caption),
    .entry-content .ee-summary p,
    .entry-content blockquote,
    .entry-content ul,
    .entry-content ol,
    .entry-content table {
        font-size: .8rem;
    }
    .entry-content blockquote p {
        font-size: 2.2rem;
        line-height: 1.5em;
    }
    blockquote cite {
        font-size: 0.875rem;
        font-size: 1.4rem;
    }

    .entry-content h1 {
      font-size: 1.75rem !important;
    }

    .entry-content h2 {
      font-size: 1.5rem !important;
    }

    .kc_radio_option {
      font-size: .8rem !important;
      padding-left: calc(1.5rem + 2rem) !important;
      left: -1rem !important;
      width: calc(100% + 2rem) !important;
    }

    .kc_radio_option::before {
      width: 1.2rem !important;
      height: 1.2rem !important;
    }

    .kc_question_text_container,
    .kc_question_text_container p,
    .kc_question_text_container blockquote p {
      font-size: .8rem !important;
      padding: 0.8rem 0 0 !important;
    }

    .kc_q_wrap {
      padding: 0.5rem 1rem 0 !important;
    }
}


/* Blockquotes */

blockquote {
    padding: 7rem 5rem 0;
    border-top: solid 1px hsl(0, 0%, 80%);
    border-bottom: solid 1px hsl(0, 0%, 80%);
    position: relative;
}

blockquote.alignleft {
    float: left;
    width: 50%;
    padding: 1em 0 0;
    margin-right: 2em;
}

blockquote.alignright {
    float: right;
    width: 50%;
    padding: 1em 0 0;
    margin-left: 2em;
}

.index-box blockquote.alignleft,
.index-box blockquote.alignright {
    background: #fff;
    background: hsl(0, 0%, 100%);
    border: none;
}

blockquote em {
    font-style: normal;
}

blockquote cite {
    display: block;
    margin-top: 1em;
    margin-left: 40%;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    line-height: 1.5em;
    text-align: right;
}


/* Blockquotes responsive */

@media screen and (min-width: 1820px) {
    .index-box blockquote.alignright {
        padding-right: 2em;
    }
}

@media screen and (min-width: 1320px) {
    .index-box blockquote.alignleft {
        padding-left: 2em;
    }
}

@media screen and (max-width: 780px) {
    blockquote.alignleft,
    blockquote.alignright {
        width: 40%;
    }
}

@media screen and (max-width:600px) {
    blockquote.alignleft,
    blockquote.alignright {
        width: 100%;
        padding: 1em 1.5em 0;
    }
}


/* Image borders for white-on-white images */

.border-gray {
    border: #b9b9b9 solid 1px;
    border: hsl(0, 0%, 75%) solid 1px;
}

.border-black {
    border: #000 solid 1px;
    border: hsl(0, 0%, 0%) solid 1px;
}

.border-custom {
    border: #6DBCDB solid 1px;
    border: hsl(19, 95%, 38%) solid 1px;
}


/* Meta */

.category-list {
    margin: 0 0 19px;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-size: 1.6rem;
    line-height: .75rem;
}

.category-list a {
    color: #333;
    color: hsl(0, 0%, 20%);
    text-decoration: underline;
}

.category-list a:hover,
.category-list a:focus {
    color: #000;
    color: hsl(0, 0%, 0%);
}

.entry-posted {
    display: block;
    font-family: 'Lato', sans-serif;
    color: hsl(0, 0%, 20%);
    margin-top: 15px;
    font-size: 1rem;
}


/* Hides 'on' and '.' in post meta on wide screens. */

.mobile-hide {
    display: inline;
}


/* Meta responsive */

@media screen and (min-width: 1320px) {
    .single .byline,
    .single .posted-on,
    .single .comments-link {
        display: block;
        margin-bottom: 1em;
    }
    .single .author {
        display: block;
    }
    .single .mobile-hide {
        display: none;
    }
}

.entry-footer {
    margin-top: 3rem;
    margin-bottom: 5rem;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
}

.entry-footer ul {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    font-size: 1.6rem;
    line-height: 2em;
    list-style-type: none;
}

.entry-footer li {
    display: inline-block;
    margin-right: 4rem;
}

.entry-footer svg {
    margin-right: .5rem;
}


/*
11.2 Index and Archive
*/

.taxonomy-description {
    padding-top: 2rem;
    margin: 2rem 0;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    border-top: 1px solid hsl(0, 0%, 75%);
    border-bottom: 1px solid hsl(0, 0%, 75%);
}

.sticky-post {
    position: absolute;
    top: 1rem;
    right: 3rem;
}

.continue-reading {
    margin: 0 4rem;
    font-weight: 900;
    font-size: 1.125rem;
    font-size: 1.8rem;
}

.continue-reading svg {
    margin-left: .5em;
}

.search-no-results .content-area,
.error404 .content-area {
    margin-top: 4rem;
}


/*
11.3 Asides
*/

.format-aside .entry-content {
    margin-top: 1em;
}


/*
11.4 Image Attachments
*/

.attachment .entry-title {
    margin-top: .7em;
}

.entry-attachment {
    margin-bottom: 3rem;
}

.attachment-caption {
    font-size: 0.875rem;
    font-size: 1.4rem;
    font-family: 'Lato', sans-serif;
}


/*
11.5 Comments
*/

#commentform #submit:hover {
    background-color: #3c3c3c;
}

#comments p {
    font-size: 1rem;
}

.comments-title {
    font-weight: 900;
    font-size: 2.25rem;
}

.comments-area>ol {
    padding: 0;
    margin: 2em 0;
    list-style-type: none;
}

ol.children {
    list-style-type: none;
}

.comment-author .avatar {
    display: block;
    float: left;
    width: 50px;
    margin-right: 20px;
}

.comment-author .fn {
    font-weight: 900;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-size: 2rem;
}

.comment-metadata {
    font-size: 0.875rem;
    font-size: 1.4rem;
}

.comment-meta {
    margin-bottom: 1em;
}

.comment-content {
    font-size: 90%;
}

.comment-content p {
    margin-bottom: 14px;
}

.comment-content,
.reply {
    margin-left: 70px;
}

.comment-body {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: solid hsl(0, 0%, 80%) 1px;
}

.comment-body a {
    color: #000!important;
}

.comment-list ol {
    margin-left: 50px;
}

.comment-content a {
    overflow-wrap: break-word;
}

.reply {
    font-weight: bold;
    font-size: 0.875rem;
    font-size: 1.4rem;
    font-family: 'Lato', sans-serif;
}

.comment-content ol {
    margin-left: 1.5em;
}

.bypostauthor>.comment-body {
    position: relative;
    padding: 1em;
    margin-bottom: 2em;
    background: hsl(0, 0%, 93%);
    border: none;
}


/* Comments responsive */

@media screen and (max-width:600px) {
    .comment-list ol {
        margin-left: 0;
    }
    .comment-content ol {
        margin-left: 1.5em;
    }
    .comment-content,
    .reply {
        margin-left: 0;
    }
}

.comment-reply-title {
    margin-bottom: .5em;
    font-weight: 900;
    font-size: 1.875rem;
}

.comment-form {
    padding-bottom: 4rem;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-size: 1.6rem;
}

.comment-form textarea {
    font-family: 'PT Serif', serif;
    font-size: 1.125rem;
    font-size: 1.8rem;
}

.comment-form label {
    display: block;
}

.comment-form a {
    color: #000!important;
}

.required {
    color: #dc0000;
}


/*
11.6 Author Box
*/

.reveal-bio {
    max-width: 780px;
    max-width: 78rem;
    margin: 0 auto;
    background: #fff;
}

.reveal-bio a {
    display: block;
    padding: 2rem 0;
    margin: 0 auto;
    font-weight: bold;
    font-size: 26px;
    font-size: 2.6rem;
    color: #bfbfbf;
    color: hsl(0, 0%, 75%);
    text-align: center;
}

.reveal-bio a:hover,
.reveal-bio a:focus {
    text-decoration: none;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.shorter {
    padding: 0 0 4rem!important;
}

.hide-fix {
    padding: 0!important;
    margin-bottom: 2rem!important;
}

.author-info {
    padding-top: 1rem;
    margin: 0 4rem;
}

.author-avatar {
    float: left;
    margin: 0 2rem 0 0;
}

.author-avatar img {
    display: block;
}

.author-title {
    margin-bottom: .8rem;
    font-size: 2.25rem;
    font-size: 3.6rem;
    line-height: 1;
}

.author-meta {
    border-bottom: 16px solid hsl(0, 0%, 95%);
    margin-bottom: 2rem;
    font-family: 'Lato', sans-serif;
}

.share-and-more {
    padding: .1rem 0 1.1rem;
    font-weight: bold;
    font-size: 1rem;
    font-size: 1.6rem;
}

.author-social-media {
    display: inline-block;
}

.author-social-media a {
    margin-left: 1.5rem;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.author-social-media a:hover,
.author-social-media a:focus {
    text-decoration: none;
}

a.author-link {
    font-weight: 900;
    font-family: 'Lato', sans-serif;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.author-link svg {
    margin-left: 1rem;
}

.author-meta,
.author-description {
    margin-left: 12rem;
}


/* Author Box responsive */

@media screen and (max-width: 600px) {
    .author-meta,
    .author-description {
        margin-left: 0;
    }
}


/*
12.0 Infinite scroll
*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
    display: block;
}


/*
13.0 Media
*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    border: none;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5em;
}

.entry-content>img.wp-post-image {
    margin-bottom: 1.5em;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    line-height: 1.7em;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    padding: 0.8075em 1em;
    font-size: .75rem;
    font-family: 'Lato', sans-serif;
    background: #e5e5e5;
    color: #000;
}

.site-main .gallery {
    margin-bottom: 1.5em;
}

.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 50%;
    width: 100%;
    padding: 6px 8px;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    background-color: hsla(0, 0%, 0%, .8);
    opacity: 0;
}

.gallery-item:hover .gallery-caption,
.gallery-item:focus .gallery-caption {
    opacity: 1;
}

.site-main .gallery a img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border: none;
}

.site-main .gallery-item {
    position: relative;
    float: left;
    max-width: 100%;
    margin-right: 3.333333333%;
    margin-bottom: 3rem;
    overflow: hidden;
    background: #333;
}

.site-main .gallery dd,
.site-main .gallery figcaption {
    margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {}

.site-main .gallery-columns-4 .gallery-item img {}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}


/* Featured Images */

.single-post-thumbnail {
    background-color: #b2b2b2;
    background-image: url(../images/pattern.svg);
    background-repeat: repeat;
    margin-bottom: 25px;
    padding: 0 20px;
}

.front-index-thumbnail {
    margin-bottom: -3.2em;
}

@media screen and (min-width: 500px) {
    .banner-list.mobile {
        display: none !important;
    }
    
    .banner-list.desktop {
        display: flex !important;
    }
}

@media screen and (max-width: 779px) {
    .front-index-thumbnail {
        margin-bottom: 0;
    }
}

.single-post-thumbnail img,
.front-index-thumbnail img {
    display: block;
    margin: 0 auto;
}

.has-thumbnail {
    position: relative;
    margin-top: -8em;
}

a.post_thumb {
    display: inline-block;
}


/*
14 Footer
*/

.site-footer {
    padding: 15px 10px;
    font-size: 1rem;
    font-size: 1.4rem;
    font-family: 'Lato';
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #313131;
    background: hsl(0, 0%, 19%);
}


/* mailchimp form START */


/*http://cdn-images.mailchimp.com/embedcode/classic-10_7.css*/


/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */

#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 10px 30px 30px;
    border-bottom: solid 2px var(--ee-blue);
}

#mc_embed_signup h2 {
    font-weight: bold;
    padding: 0;
    font-size: .75em;
}

#mc_embed_signup input {
    border: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 8px 16px;
    font-size: 1rem;
}

#mc_embed_signup input[type=checkbox] {
    -webkit-appearance: checkbox;
}

#mc_embed_signup input[type=radio] {
    -webkit-appearance: radio;
}

#mc_embed_signup input:focus {
    border-color: #333;
}

#mc_embed_signup .button {
    clear: both;
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 0.938rem;
    font-weight: normal;
    height: 32px;
    line-height: 2rem;
    margin: 0 5px 10px 0;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}

#mc_embed_signup .button:hover {
    background-color: #777;
}

#mc_embed_signup .small-meta {
    font-size: 11px;
}

#mc_embed_signup .nowrap {
    white-space: nowrap;
}

#mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 96%;
    padding-bottom: 3%;
    min-height: 50px;
}

#mc_embed_signup .size1of2 {
    clear: none;
    float: left;
    display: inline-block;
    width: 46%;
    margin-right: 4%;
}

* html #mc_embed_signup .size1of2 {
    margin-right: 2%;
    /* Fix for IE6 double margins. */
}

#mc_embed_signup .mc-field-group label {
    display: block;
    margin-bottom: 3px;
}

#mc_embed_signup .mc-field-group input {
    display: block;
    width: 100%;
    padding: 8px 4px !important;
    text-indent: 2%;
    margin: 48px 0;
}

#mc_embed_signup .mc-field-group select {
    display: inline-block;
    width: 99%;
    padding: 5px 0;
    margin-bottom: 2px;
}

#mc_embed_signup .datefield,
#mc_embed_signup .phonefield-us {
    padding: 5px 0;
}

#mc_embed_signup .datefield input,
#mc_embed_signup .phonefield-us input {
    display: inline;
    width: 60px;
    margin: 0 2px;
    letter-spacing: 1px;
    text-align: center;
    padding: 5px 0 2px 0;
}

#mc_embed_signup .phonefield-us .phonearea input,
#mc_embed_signup .phonefield-us .phonedetail1 input {
    width: 40px;
}

#mc_embed_signup .datefield .monthfield input,
#mc_embed_signup .datefield .dayfield input {
    width: 30px;
}

#mc_embed_signup .datefield label,
#mc_embed_signup .phonefield-us label {
    display: none;
}

#mc_embed_signup .indicates-required {
    text-align: right;
    font-size: 11px;
    margin-right: 4%;
}

#mc_embed_signup .asterisk {
    color: #e85c41;
    font-size: 150%;
    font-weight: normal;
    position: relative;
    top: 5px;
}

#mc_embed_signup .clear {
    clear: both;
    display: flex;
    align-items: center;
}

#mc_embed_signup .mc-field-group.input-group ul {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

#mc_embed_signup .mc-field-group.input-group ul li {
    display: block;
    padding: 3px 0;
    margin: 0;
}

#mc_embed_signup .mc-field-group.input-group label {
    display: inline;
}

#mc_embed_signup .mc-field-group.input-group input {
    display: inline;
    width: auto;
    border: none;
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 90%;
    margin: 0 5%;
    clear: both;
}

#mc_embed_signup div.response {
    margin: 1em 0;
    padding: 1em .5em .5em 0;
    font-weight: bold;
    float: left;
    top: -1.5em;
    z-index: 1;
    width: 80%;
}

#mc_embed_signup #mce-error-response {
    display: none;
}

#mc_embed_signup #mce-success-response {
    color: #529214;
    display: none;
}

#mc_embed_signup label.error {
    display: block;
    float: none;
    width: auto;
    margin-left: 1.05em;
    text-align: left;
    padding: .5em 0;
}

#mc-embedded-subscribe {
    clear: both;
    width: auto;
    display: block;
    margin: 1em 0 1em 5%;
}

#mc_embed_signup #num-subscribers {
    font-size: 1.1em;
}

#mc_embed_signup #num-subscribers span {
    padding: .5em;
    border: 1px solid #ccc;
    margin-right: .5em;
    font-weight: bold;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    display: inline-block;
    margin: 2px 0 1em 0;
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.875rem;
    font-weight: normal;
    z-index: 1;
    color: #e85c41;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
    border: 2px solid #e85c41;
}


/*  END */


/* custom styles for Mailchimp form on EE website following: */

#mc_embed_signup {
    /* color: #fff; */
    background-color: var(--ee-blue);
    /* margin-top: 8rem; margin for knomo holding newsletter */
}


/*sticky newsletter form styles*/

#mc_embed_signup.sticky {
    position: sticky;
    bottom: 0;
    transition: transform 0.5s;
    z-index: 9999;
    /* to do not show accidentally z-index-ed elements when scrolling a page, for example contact form on homepage when on mobile version */
}

#mc_embed_signup:not(.sticky) {
    /* transform: translateY(100px); hack to add sliding transition when stickying */
}

#mc_embed_signup.viewport_blocked_sticky,

/* hack for small viewports */

#mc_embed_signup.visible_normal {
    /* hack for zoom out when it should be not sticky but visible at the same time at normal bottom */
    transform: translateY(0) !important;
}


/*position knomo image in footer newsletter form*/

#mc_embed_signup #knomo_newsletter_footer {
    height: 60px;
    position: absolute;
    top: -52px;
}


/* hide button */

#mc_embed_signup #newsletter_sticky_close {
    cursor: pointer;
    width: 2rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    box-sizing: content-box;
    padding: .1em;
    text-align: center;
    line-height: 1;
}


/* hide button: focus */

#mc_embed_signup #newsletter_sticky_close:focus {
    color: #000;
}


/* do not show button if it's showed in content of page (non sticky) */

#mc_embed_signup:not(.sticky) #newsletter_sticky_close {
    display: none;
}


/* sticky newsletter form styles END */

#mc_embed_signup form {
    max-width: 155rem;
}

#mc_embed_signup h2,
#mc_embed_signup p {
    color: #fff;
}

#mc_embed_signup .asterisk {
    color: #fff!important;
}

#mc_embed_signup .button {
    background: var(--bright-yellow)!important;
    color: #000!important;
    height: unset!important;
    padding: 8px 22px;
    margin-bottom: 0;
}

#mc_embed_signup a {
    color: #fff;
    fill: #fff;
    text-decoration: underline;
}

#mc_embed_signup #mce-success-response {
    color: #fff!important;
}

#mc_embed_signup_scroll .mc-field-group label {
    font-weight: bold;
}

@media screen and (min-width: 46.5em) {
    #mc_embed_signup_scroll {
        display: grid;
        gap: 1rem;
        grid-template-columns: auto min-content;
    }

    #mc_embed_signup_scroll .mc-field-group p {
        margin-bottom: 0;
    }

    #mc_embed_signup_scroll .mc-field-group {
        grid-row-start: 3;
        align-items: center;
        min-height: unset;
        padding-bottom: 0;
        display: grid;
        grid-template-columns: max-content auto;
        column-gap: 1em;
    }
    #mc_embed_signup_scroll .mc-field-group label {
        align-self: center;
        margin-bottom: 0;
    }
    #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
        grid-column-start: 2;
    }
    #mce-responses {
        grid-column: 1;
    }
    #mc_embed_signup_submit_wrap {
        grid-row-start: 3;
    }
}

@media screen and (min-width: 75em) {
    #mc_embed_signup form {
        padding-bottom: 0;
        padding-left: 3%;
        padding-right: 3%;
    }
    #mc_embed_signup_scroll {
        grid-template-columns: auto 1fr max-content;
        align-items: center;
        /* column-gap: 30px; */
    }
    #mc_embed_signup_scroll .mc-field-group {
        padding: 0;
        grid-row-start: 1;
        grid-column-start: 2;
        width: unset;
        justify-self: end;
        display: flex;
        align-items: center;
    }
    #mc_embed_signup p {
        /* margin: 0; */
    }
    #mc_embed_signup .mc-field-group input {
        width: 35rem;
    }
    #mce-responses {
        grid-row: 2;
        grid-column: 2;
    }
    #mc_embed_signup_submit_wrap {
        grid-row-start: 1;
        grid-column-start: 3;
        margin-right: 2.7rem;
        /* fix for Hide button overlap */
    }
    #mc_embed_signup #mce-success-response {
        float: right;
        width: unset;
    }
    #mc_embed_signup #newsletter_sticky_close {
        right: 1rem;
        bottom: 1.5rem;
        display: flex;
        align-items: center;
        font-size: 1.75rem;
    }
}

@media screen and (min-width: 1500px) {
    #mc_embed_signup form {
        padding-left: 0;
        margin: 0 auto;
    }
}

.entry-content #mc_embed_signup {
    border-radius: 1rem;
    margin-top: 0;
    /* knomo hideen on newsletter page, so no need for margin here */
}

.entry-content #knomo_newsletter_footer {
    display: none;
    /* there is already knomo on newsletter page */
}

.entry-content #mc_embed_signup_scroll {
    display: block!important;
    padding: 0 2rem 1rem
}

.entry-content #mc_embed_signup_scroll .mc-field-group {
    display: block!important;
    margin-bottom: 1rem;
}


/* mailchimp form END */

.site-footer a {
    color: var(--bright-yellow);
    text-decoration: underline;
}

.site-info {
    text-align: center;
    max-width: 144rem;
    margin: 0 auto;
}

.ee_social_link {
    background: white;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    min-height: 46px;
}

a:has(.ee_social_link) {
    height: 46px !important;
}

a:has(.ee_social_link):focus {
    box-shadow: var(--focus-border);
}

.ee_social_link span {
    text-decoration: underline;
    /* underline just span text for social link */
}


/* Equal Entry Custom CSS */


/*@media only screen and (min-width: 300px) {*/

main,
.main-navigation ul,
#masthead
/*.title-box */

{
    width: 100%;
    margin: 0 auto;
}

.whole_page_text_wrap,
.whole_page_text_wrap_small {
    padding: 0 20px;
}

.contact_form_wrap {
    background-color: var(--bg-light-gray);
    padding: 30px 0;
}

.contact_form_wrap h2 {
    color: var(--ee-blue);
    font-weight: 700;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.contact_form_header_line {
    background: #fff;
    margin-top: -2px;
    position: relative;
    z-index: 0;
    padding-bottom: 30px;
}

.contact_form_wrap label {
    font-family: PTSerif, sans-serif;
    font-size: 1.375rem;
    font-weight: bold;
    margin: 30px 0 15px!important;
    display: inline-block;
}

.contact_form_wrap label span {
    font-weight: bold!important;
}

.contact_form_wrap input[type=submit] {
    padding-bottom: 10px;
    width: 240px;
    display: block;
    margin: 40px auto 0;
    background-color: #000;
}

.contact_form_wrap .contact_form_success {
    padding: 1rem;
    font-weight: bold;
    text-align: center;
}


.contact_form_wrap .disclaimer-contact {
    color:  #4F4F4F !important;
    font-weight: 400;
    font-size: .8rem;
}

.contact_form_wrap .required-msg {
    margin: 0 0 24px !important;
}

.contact_form_wrap p:has(label) {
    margin-bottom: 0;
}

.grecaptcha-badge { visibility: hidden; }


/*remove title on main page*/

body.home .entry-header {
    display: none;
}

#main_banner {
    background: var(--ee-blue);
    color: #fff;
    font-family: 'PT Serif', serif;
    text-align: left !important;
    padding: 170px 0 30px;
    /* The transparent-gif placeholder and background-image transition that used
       to live here were scaffolding for a hero photo swap that never ran. See
       the note in assets/js/functions.js. */
}

.banner-container {
    background-color: var(--ee-blue);
}

.banner-container:has(.banner-bottom) .round-btn-container:has(.btn-yellow) {
    margin: 30px 0 30px 8px;
}

.banner-bottom {
    padding-bottom: 40px;
    background-color: var(--ee-blue);
}

/* Below the desktop breakpoint the hero opened with ~200px of empty blue
   (170px banner padding + 30px on the slogan, which inherits the divider
   padding meant for the "Helping 100+" line), pushing the button and the
   client logos off the first phone screen. Desktop keeps its own values. */
@media only screen and (max-width: 1279.98px) {
    #main_banner {
        padding-top: 48px;
    }
    #main_slogan {
        padding-top: 0;
        border-top: none;
    }
    #main_banner .round-btn-container {
        margin: 32px 0 40px 8px;
    }
}

#main_banner .ee_page_header {
    color: #fff;
    font-weight: normal;
    margin: 30px 0 0 0;
}

#main_slogan>span {
    font-family: 'Lato', sans-serif;
    text-align: left;
    line-height: 1.2;
    font-weight: 600;
    font-size: 2.85rem;
    letter-spacing: 0.02rem;
    display: block;
}

.banner-content {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.banner-content>p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    border-top: solid 1px white;
    padding-top: 30px;
    color: #fff;
}

.banner-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 32px 20px;
    -webkit-column-gap: 32px;
    margin-top: 18px;
}

.banner-list.mobile {
    display: flex;
    gap: 16px 8px;
    -webkit-column-gap: 16px;
}

.banner-list.desktop {
    display: none;
}

.banner-list-item {
    display: flex;
    align-items: center;
}

.banner-list-item>span {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 21px;
}

.banner-list-item>img {
    max-height: 26px;
    max-width: 112px;
}

.banner-list-item>svg {
    width: 64px;
    fill: white;
}

#main_columns {
    display: grid;
    gap: 30px;
    margin-bottom: 30px;
}

#main_columns .main_column {
    border-radius: 10px;
    background: #fff;
    color: #000;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    text-align: left;
}

#main_columns a:focus {
    box-shadow: var(--focus-border);
}


/* #main_columns .main_column:before{
        transition : border 250ms ease-out;
        content: "";
        border-top: 10px #283e8f solid;
        float: left;
        width: calc(100% + 2px);
        margin: -10px 0 0 -1px;
    } */

.services-card-header {
    display: flex;
    align-items: center;
}

.services-card-header h3 {
    padding: 0;
    font-size: 1.75rem;
    line-height: normal;
}

.services-card-header>.service-icon {
    margin: 30px 0;
    padding: 0 16px 0 30px;
    height: 50px;
    fill: var(--ee-blue);
}

#main_columns .main_column:focus {
    text-decoration: none;
    outline: solid 4px var(--highlight-blue);
    outline-offset: -4px;
}


#main_columns .main_column:hover>.service-icon,
#main_columns .main_column:focus>.service-icon {
    fill: var(--highlight-blue);
}

#main_columns .main_column:hover:before,
#main_columns .main_column:focus:before {
    width: calc(100% + 2px);
    border-top-color: var(--bright-yellow);
}

#main_columns .main_column h2,
#main_columns .main_column h3 {
    font-family: 'Lato', sans-serif;
    color: var(--ee-blue);
    margin: 0;
    text-align: left;
}

#main_columns .main_column p {
    padding: 0 30px;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.ee_whats_new {
    background: var(--bg-light-gray);
    padding-bottom: 20px;
}

.ee_whats_new h2 {
    color: var(--ee-blue);
    text-align: left;
    padding: 20px 1rem 10px 1rem;
    max-width: 1426px;
    margin: 0 auto;
}

.ee_whats_new a {
    color: #000
}

.ee_page_header {
    text-align: center;
    margin: 30px 0 25px;
    font-size: 2.4rem;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}


/*}*/

@media only screen and (min-width: 768px) {
    main.page_padded {
        margin: 0 auto;
    }
    .main-navigation ul {
        margin: 0 auto;
    }
    .whole_page_text_wrap {
        width: 640px;
        margin: 0 auto;
        padding: 0;
    }
    .whole_page_text_wrap_small {
        width: 580px;
        margin: 0 auto;
        padding: 0;
    }

    .banner-list-item>img {
        max-height: 48px;
        max-width:  300px;
        height: auto;
    }
}

@media only screen and (min-width: 960px) {
    #site-logo-link {
        width: 150px !important;
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 1280px) {
    main.page_padded {
        margin: 0 auto;
        width: 960px;
    }
    .whole_page_text_wrap {
        width: 1200px;
        margin: 0 auto;
        padding: 0;
    }
    .whole_page_text_wrap_small {
        width: 640px;
        margin: 0 auto;
        padding: 0;
    }
    #main_banner {
        padding: 100px 30px !important;
    }
    .banner-container:has(.banner-bottom) #main_banner {
        padding: 100px 30px 0 !important;
    }
    .banner-container:has(.banner-bottom) .round-btn-container:has(.btn-yellow) {
        margin: 50px 0 50px 8px !important;
    }
    .banner-content>p {
        border: none;
        padding-top: 0;
        font-size: 1.5rem !important;
    }
    .banner-bottom {
        padding-bottom: 100px !important;
        margin-top: -1px;
    }
    #main_slogan {
        max-width: 655px;
    }
    #main_slogan>span {
        font-size: 4rem;
        display: unset;
    }
    #main_columns {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 30px;
        margin-bottom: 0;
    }
    #main_columns .main_column p {
        margin-top: 30px;
    }

    .about-content {
        grid-template-columns: auto 1fr;
        gap: 60px;
    }
    .footer-container footer {
        grid-template-columns: 4fr 6fr;
        gap: 30px 200px;
    }
    .community-content {
        grid-template-columns: 1fr 1fr;
        gap: 60px;
    }
    .meetup-container {
        /* grid-template-columns: 1fr 1fr 1fr;
        gap: 60px; */
    }

    .meetup-container .meetup-card {
        flex-direction: row;
        align-items: center;
    }

    .meetup-container .meetup-img {
        padding: 30px;
    }

    @supports (-ms-ime-align:auto) {
        #main_columns .main_column p {
            padding: 0 29px;
        }
    }
    .ee_whats_new {
        padding-bottom: 80px;
    }
    .ee_whats_new h2 {
        padding: 64px 1rem 24px 1rem;
    }
    #ee_whats_new_col_wrap {
        display: flex;
        align-items: stretch;
        justify-content: center;
    }
    #ee_whats_new_col_wrap>div {
        width: 25%;
    }
    #ee_whats_new_col_wrap>div,
    #ee_whats_new_col_wrap>div:first-of-type {
        margin-top: 0;
    }
    #ee_whats_new_col_wrap>div:before {
        content: '';
        border-top: none;
        border-left: 1px #ccc solid;
        display: block;
        top: -10px;
        left: -20px;
        position: absolute;
        height: 90%;
    }
    #copyright {
        font-size: 1rem !important;
        padding-top: auto !important;
        order: 5 !important;
        text-align: left !important;
    }
    .footer-container footer:has(section) #copyright {
        order: 3 !important;
        padding-bottom: 72px !important;
    }
    .social-container {
        display: flex;
        align-items: center;
        order: 4 !important;
        padding-top: 84px !important;
        padding-bottom: 0 !important;
    }
    .footer-container footer:has(section) .social-container {
        padding-top: 0 !important;
        padding-bottom: 56px !important;
    }
    .social-container h2 {
        border: none !important;
        margin-right: 21px;
    }
    .link-list {
        -moz-column-count: 3 !important;
        -moz-column-gap: 20px !important;
        -webkit-column-count: 3 !important;
        -webkit-column-gap: 20px !important;
        column-count: 3 !important;
        column-gap: 20px !important;
        margin: 0 !important;
    }
    #mc_embed_signup {
        display: block;
    }
    .services-title {
        font-size: 1.75rem;
    }
    .services-title,
    .blog-title,
    .about-title,
    .meetup-title {
        padding-top: 120px !important;
        margin-bottom: 55px !important;
        font-size: 3rem !important;
    }
    .contact-submit {
        margin-bottom: 30px !important;
    }
    .about {
        padding: 90px 0 !important;
    }
    .site-map {
        padding: 84px 0 0!important;
    }
    .site-map h2 {
        display: block !important;
    }
    .about-text blue-btn {
        margin: 18px 0 0;
    }
    .banner-list-item>img {
        /* height: 46px; */
        max-height: 55px;
        max-width:  400px;
        height: auto;
    }
    .banner-list {
        gap: 32px 50px;
    }

    .services-card-header {
        display: unset;
    }
    .services-card-header>h3,
    .services-card-header>.service-icon {
        padding: 0 30px;
    }
    
    .link-list li {
        margin-bottom: 8px;
    }
    .footer-container footer form {
        padding: 84px 0 0 !important;
    }
}

@media only screen and (min-width: 1920px) {
    .whole_page_text_wrap {
        width: 1440px;
    }

    .banner-list-item>img {
        max-height: 56px;
        max-width: 360px;
    }
}

.ee_qa_post {
    position: relative;
}

.ee_qa_post .page_level_header {
    text-align: left;
}


/* QA page styles*/

.ee_qa_post .hentry {
    margin-top: 1em;
}

.ee_qa_post #qa_featured_image_wrap img {
    /* width: 100%; */
}

.ee_qa_post .ee_qa_header svg {
    margin-right: .5rem;
}

.ee_qa_post .ee_qa_prev_next_nav {
  margin: 0 auto 4em;
  max-width: 720px;
}

.ee_qa_post .ee_qa_prev_next_nav h2 {
  font-size: 1.5rem;
  text-align: center;
}

.ee_qa_post .ee_qa_prev_next_nav .cat_list_wrap {
    width: 100%;
    /* margin: 0 10px!important; */
    display: inline-block!important;
}

.ee_qa_post .ee_qa_prev_next_nav:before,
.ee_qa_post .ee_qa_prev_next_nav:after {
    content: '';
    margin: 10px;
    border-top: 1px #eee solid;
    width: calc(100% - 20px);
    height: 10px;
    display: block;
}

.ee_qa_post .ee_qa_prev_next_nav:after {
    position: relative;
    top: 20px
}

.ee_additional_photo {
    display: inline-block;
    margin: 5px 0 10px;
}

.ee_quote {
    border-top: 4px #eee solid;
    border-bottom: 4px #eee solid;
    padding: 10px 0;
    margin: 30px 0;
    position: relative;
}

.ee_quote_left {
    color: #eee;
    position: absolute;
    left: calc(50% - 25px);
    top: -30px;
    background: #FFF;
    padding: 5px;
    width: 50px;
    text-align: center;
}

.ee_quote_right {
    color: #eee;
    position: absolute;
    left: calc(50% - 25px);
    bottom: -30px;
    background: #FFF;
    padding: 5px;
    width: 50px;
    text-align: center;
}

.ee_quote_text {
    padding: 15px 5px;
    font-family: 'Lato', sans-serif;
    font-size: 1.3rem;
    font-weight: 800;
}

body.single .cat_list_wrap {
    margin: 0 auto!important;
}

body.single .cat_list_item.cat_list_item_featured>div {
    text-decoration: none!important;
}

body.single .cat_list_item.cat_list_item_featured:hover .cat_list_person h3,
body.single .cat_list_item.cat_list_item_featured:focus .cat_list_person h3 {
    text-decoration: none!important;
}

body.single .cat_list_wrap .cat_list_item.cat_list_item_featured:hover .cat_list_person::before,
body.single .cat_list_wrap .cat_list_item.cat_list_item_featured:focus .cat_list_person::before {
    display: none!important;
}

body.single .cat_list_wrap .cat_list_item.cat_list_item_featured:hover .cat_list_photo::before,
body.single .cat_list_wrap .cat_list_item.cat_list_item_featured:focus .cat_list_photo::before {
    display: none!important;
}

body.single .cat_list_wrap .cat_list_item.cat_list_item_featured:hover .cat_list_featured_part::before,
body.single .cat_list_wrap .cat_list_item.cat_list_item_featured:focus .cat_list_featured_part::before {
    display: none!important;
}

body.single .cat_list_wrap .cat_list_item:hover.cat_list_item_featured .cat_list_photo,
body.single .cat_list_wrap .cat_list_item:focus.cat_list_item_featured .cat_list_photo,
body.single .cat_list_wrap .cat_list_item:hover.cat_list_item_featured .cat_list_featured_part,
body.single .cat_list_wrap .cat_list_item:focus.cat_list_item_featured .cat_list_featured_part {
    border-color: #979797;
}

@media screen and (min-width: 720px) {
    .ee_qa_post .ee_qa_prev_next_nav:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
    }
    .ee_qa_prev_nav {
        float: left;
        /* width: 50%; */
    }
    .ee_qa_next_nav {
        float: right;
        /* width: 50%; */
    }
    .ee_qa_next_nav h2 {
        text-align: right !important;
    }
    .ee_qa_prev_nav h2 {
      text-align: left !important;
  }
}

@media screen and (min-width: 1200px) {
    .ee_qa_post .hentry {
        margin-top: 0;
    }
    .ee_qa_post_second_col {
        position: absolute;
        top: 0;
        width: 220px!important;
        right: 15px;
        left: auto;
    }
    /*no need to display (not it's displayed in top)*/
    .ee_additional_photo {
        display: none;
    }
    .ee_quote_text {
        font-size: 1.5rem;
    }
    .ee_qa_post .entry-content,
    .ee_qa_post .entry-footer {
        max-width: 960px;
        padding: 0 280px 0 16px!important;
    }
    .ee_qa_prev_next_nav {
        max-width: 960px !important;
        /* padding: 0 280px 0 16px!important; */
        margin: 0 auto;
    }

    .ee_qa_post #comments {
        max-width: 960px !important;
        /* padding: 0 280px 0 130px!important; */
        margin: 0 auto;
    }
    .ee_qa_prev_next_nav h2,
    h2.ee_share_header,
    h2#related-content {
        font-size: 2.1rem;
        padding: 0 5px;
    }
    .ee_qa_post .ee_qa_prev_next_nav .cat_list_wrap {
        margin: 0;
    }
    .ee_qa_prev_next_nav .cat_list_wrap .cat_list_item {
        margin-top: 0;
    }
    .toc_page .entry-content,
    .toc_page .entry-footer {
        padding: 0 0 0 260px!important;
    }
}


/*override defaults*/

@media screen and (min-width: 1280px) {
    .ee_qa_post .ee_qa_prev_next_nav .cat_list_wrap .cat_list_item .cat_list_photo {
        width: 350px;
        height: calc((350px * 9) / 16);
    }
}

@media screen and (min-width: 1500px) {
    .ee_qa_post .entry-content,
    .ee_qa_post .entry-footer {
        /* max-width: 1416px;
        padding-left: 250px!important; */
    }
    .ee_qa_prev_next_nav {
        /* max-width: 1416px;
        padding-left: 250px!important; */
    }
    .ee_qa_post #comments {
        /* max-width: 960px; */
        /* padding-left: 250px!important; */
    }
}


/* override styles */

@media screen and (max-width: 399px) {
    .ee_qa_post .entry-content,
    .ee_qa_post .entry-footer {
        padding: 0 1rem;
    }
}


/* QA page styles END */


/* related content on QA pages */

@media screen and (min-width: 720px) {
    #related-content {
        margin-top: 10rem;
        margin-bottom: 2rem;
    }
    .related_content_cards {
        margin-bottom: 5rem;
    }
    .related_content_cards .cat_list_wrap {
        margin-left: 0!important;
    }
}

@media screen and (min-width: 1200px) {
    .related_content_cards .cat_list_wrap {
        grid-template-columns: 1fr;
    }
    .related_content_cards .cat_list_wrap .cat_list_item {
        max-width: 222px;
    }
    .related_content_cards .cat_list_wrap .cat_list_item .cat_list_person span {
        font-size: 1.4rem;
    }
    .related_content_cards .cat_list_wrap .cat_list_item .cat_list_photo {
        width: 220px;
        height: 123.75px;
    }
    .related_content_cards .cat_list_wrap .cat_list_item .cat_list_person {
        height: calc(100% - 123.75px);
        padding: 1em;
    }
    .related_content_cards .cat_list_wrap .cat_list_item .cat_list_person h3 {
        font-size: 1.5rem;
    }
}


/* END related content on QA pages */


/* Knoweledge Check styles start*/

.hidden {
    display: none!important;
}

.fade-enter-active {
    transition: opacity .5s;
}

.fade-leave-active {
    opacity: 0;
}

.fade-enter,
.fade-leave-to
/* .fade-leave-active below version 2.1.8 */

{
    opacity: 0;
}

.ee_kc_container {
    max-width: 76rem;
    margin-bottom: 3rem;
}

.ee_kc_container[v-cloak]>* {
    display: none
}

.ee_kc_container[v-cloak]>.ee_kc_init_msg {
    display: inherit
}

.ee_kc_before_loaded_ui {
    border: 1px #ccc solid;
    padding: 15px 15px 15px 15rem;
    position: relative;
    overflow: hidden;
}

.ee_kc_init_knomo {
    width: 14.5rem;
    height: 4.9rem;
    background: transparent url(../images/kc/know-mo@3x.png);
    background-size: cover;
    position: absolute;
    bottom: 0;
    /*bottom: -4.9rem;*/
    left: 15px;
    /*animation: knowmo_up 1s forwards;*/
}

.kc_question_text_container,
.kc_question_text_container p,
.kc_question_text_container blockquote p {
    font-size: 1.6rem;
    font-family: 'Lato', sans-serif;
    margin-bottom: 1.8rem;
    font-weight: bold;
    position: relative;
}

.kc_question_text_container::after {
    content: '';
    display: block;
    border-bottom: 1px #9b9b9b solid;
    position: absolute;
    width: calc(100% + 4rem);
    left: -2rem;
    /* container padding */
    bottom: -1.8rem;
}

.kc_radio_option {
    cursor: pointer;
    position: relative;
    left: -2rem;
    /* container padding */
    width: calc(100% + 4rem);
    padding-left: calc(2rem + 2rem);
    font-size: 1.4rem;
    font-family: 'Lato', sans-serif;
    line-height: 3rem;
    border-bottom: 1px #bdbdbd solid;
    /* padding-top: 1.3rem; */
}

.kc_radio_option:first-child {
    border-top: 1px #eee solid;
}

.kc_radio_option:last-child {
    border-bottom: none;
}

.kc_radio_option:nth-child(odd) {
    background: #eee;
}

.kc_radio_option::before {
    top: 1rem;
    left: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    /*border: 3px solid var(--ee-blue);*/
    background: transparent url(../images/kc/ee-kb-checkbox@2x.png) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    /*border-radius: 50%;*/
    content: '';
}

.kc_radio_option:hover::before,
.kc_radio_option:focus::before {
    background-image: url(../images/kc/ee-kb-test-checkbox-hover-focus@2x.png);
}

.kc_radio_option.checked::before {
    background-image: url(../images/kc/ee-kb-test-checkbox-checked_@2x.png);
}

.kc_radio_option.checked_correct::before {
    background-image: url(../images/kc/ee-kb-test-checkbox-correct@2x.png);
}

.kc_radio_option.checked_wrong {
    border: 1px #e41e24 solid;
}

.kc_radio_option.checked_wrong::before {
    background-image: url(../images/kc/ee-kb-test-checkbox-incorrect@2x.png);
}

.kc_radio_option span {
    position: relative;
    top: 0.1rem;
    display: inline-block;
    padding-right: .8rem;
    padding-bottom: 1.2rem;
    line-height: .8rem;
}

.kc_submit {
    margin-top: 1rem;
}

.kc_q_msg_wrap {
    position: relative;
    margin-top: 3rem;
}

.kc_q_msg_correct,
.kc_q_msg_wrong {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 900;
    font-family: 'Lato', sans-serif;
    position: relative;
    padding: 1.5rem 1rem;
    z-index: 10
}

.kc_q_msg_correct {
    background-color: var(--ee-blue);
}

.kc_q_msg_wrong {
    background-color: #e41e24;
}

@keyframes knowmo_jump {
    0% {
        transform: translate(0, 0);
    }
    /* Finish changes by here */
    10% {
        transform: translate(0, -1rem);
    }
    /* Finish changes by here */
    20% {
        transform: translate(0, 0);
    }
    /* Between 20% and 100%, nothing changes */
    100% {
        transform: translate(0, 0);
    }
}

@keyframes knowmo_up {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(0, -5rem);
    }
}

.knowmo_celeb {
    width: 14.5rem;
    height: 4.9rem;
    background: transparent url(../images/kc/KnowMo-celebrating@2x.png);
    background-size: cover;
    position: absolute;
    top: calc(-4.9rem + 1rem);
    right: 0;
    animation: knowmo_jump 5s infinite;
    z-index: 1;
}

.knowmo_sad {
    width: 8.5rem;
    height: 6.0rem;
    background: transparent url(../images/kc/KnowMo-Error@2x.png);
    background-size: cover;
    position: absolute;
    top: calc(-6rem + 5.4rem);
    right: 1.5rem;
    animation: knowmo_up 1s forwards;
    z-index: 1;
}


/*.knowmo_sad::before,*/

.knowmo_sad_hands {
    /*content: '';*/
    top: -1.4rem;
    right: -0.4rem;
    width: 12.2rem;
    height: 2.8rem;
    /*border: 3px solid var(--ee-blue);*/
    background: transparent url(../images/kc/KnowMo-Error-Hands@2x.png) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    z-index: 20;
    /*border-radius: 50%;*/
}

.kc_score {
    font-weight: bold;
    font-size: 3rem;
    padding: 7rem 0;
}

.kc_try_result_screen {
    position: relative;
    bottom: -1rem;
}

.kc_result_header_wrap {
    background: var(--ee-blue);
    color: #fff;
    text-align: center;
    padding: 1em;
    position: relative;
    z-index: 10;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

p.kc_result_header {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 2.1rem;
}

p.kc_result_header::after {
    border-top: 1px solid #eee;
    content: '';
    display: block;
    width: 100%;
    margin: 2rem auto;
}

p.kc_result_subheader {
    font-family: 'Lato', sans-serif;
    font-size: 1.6rem;
}

.kc_try_result_screen_knomo {
    background: transparent url(../images/kc/know-mo-up@3x.png) no-repeat;
    background-size: cover;
    width: 13.2rem;
    height: 6.8rem;
    position: relative;
    left: calc(50% - 6.8rem);
    top: 1rem;
    animation: knowmo_jump 5s infinite;
    z-index: 1;
}

.knowmo_celeb_retake {
    width: 14.5rem;
    height: 4.9rem;
    background: transparent url(../images/kc/know-mo@3x.png);
    background-size: cover;
    position: absolute;
    top: 2px;
    right: 0;
    animation: knowmo_up 1s forwards;
    z-index: 1;
}

.kc_q_wrap {
    border: 1px #5b5b5b solid;
    border-radius: 6px;
    padding: 1.5rem 2rem 0;
    overflow: hidden;
}

.kc_qs_wrap.kc_full .kc_q_wrap {
    margin-bottom: 3rem;
}

@supports (display: grid) {
    @media only screen and (min-width: 720px) {
        .kc_question_text_container, .kc_question_text_container p, .kc_question_text_container blockquote p {
            font-size: 1.2rem;
        }
        .kc_radio_option {
            font-size: 1rem;
            left: -2rem;
            width: calc(100% + 4rem);
            padding-left: calc(1.5rem + 2rem);
        }
        .kc_radio_option::before {
            left: 1rem
        }
        .kc_q_msg_correct,
        .kc_q_msg_wrong {
            font-size: 1.2rem;
            padding: 2rem 2rem;
        }
        .kc_try_result_screen_knomo {
            width: 24.8rem;
            height: 12.8rem;
            left: calc(50% - 12.8rem);
        }
        p.kc_result_header {
            font-size: 3.2rem;
        }
        p.kc_result_subheader {
            font-size: 2.1rem;
        }
        .kc_try_result_screen {
            bottom: -2rem;
        }
    }
}


/* Knoweledge Check styles END*/


/* author info on articles */

.author_about_short {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    background: #eee;
    margin: 1em auto;
    padding: 1rem;
}

.author_about_text_content {
    grid-row-start: 1;
    grid-column-start: 2;
}

.author_about_name {
    font-family: PTSerif, sans-serif;
    font-size: 1.8rem;
    line-height: 1.3em;
}

.entry-content .author_about_name a,
.entry-content .author_about_name a:visited {
    color: #000;
}

.author_role_wrap {
    font-family: 'Lato', sans-serif;
    font-size: 1.4rem;
    line-height: 1.3em;
    font-weight: bold;
}

.author_about_bio {
    font-size: 1.4rem;
    margin-top: 0.5em;
}

.author_about_image img {
    border-radius: 50%;
}

.author_links_wrap {
    grid-column-start: 1;
    padding: 0 1rem;
    line-height: 0;
}

.author_links_wrap a,
.author_links_wrap a:visited {
    color: #313131;
    margin-right: 0.8rem;
}

.author_about_compact {
    background: transparent!important;
    grid-template-columns: 64px 1fr;
    gap: 1rem;
    padding: 0;
}

.author_about_compact .author_about_name,
.author_about_compact .author_about_date {
    font-size: 1.4rem;
}

.author_about_date {
    color: #606060;
}

@media screen and (min-width: 720px) {
    .author_about_short {
        grid-template-columns: auto 1fr;
        gap: 1rem 2rem;
        padding: 2rem;
    }
    .author_about_compact {
        grid-template-columns: auto 1fr;
        gap: 1rem;
        padding: 0;
    }
    .author_about_name {
        font-size: 1.8rem;
    }
    .author_about_compact .author_about_name,
    .author_about_compact .author_about_date {
        font-size: 1rem;
    }
    .author_role_wrap {
        font-size: 1rem;
    }
    .author_about_bio {
        font-size: 1rem;
        margin-top: 1em;
    }
    .author_links_wrap a {
        font-size: 2.4rem;
    }
}


/* END */


/* about page styles START */

.user_about_short {
    position: relative;
    background: #eee;
    max-width: 50rem;
    margin-bottom: 2rem;
}

.user_about_image img {
    display: inherit;
}

.user_about_text_content {
    position: absolute;
    top: 0;
    left: 138px;
    padding: 1rem;
    padding-bottom: 0;
}

.user_about_name {
    font-family: PTSerif, sans-serif;
    font-size: 1.8rem;
    line-height: 1.2em;
}

.entry-content .user_about_name a,
.entry-content .user_about_name a:visited {
    color: #000;
}

.user_role_wrap {
    font-family: 'Lato', sans-serif;
    font-size: 1.4rem;
    line-height: 1.3em;
}

.user_links_wrap {
    margin-top: 0.5rem;
}

.user_links_wrap a,
.user_links_wrap a:visited {
    color: #313131;
    margin-right: 0.8rem;
}

.about-page .desktop_image {
    display: none;
}

.about_2_col p {
    padding: 0.5rem 1rem;
}


/**override just for about page*/

@media screen and (max-width: 719px) {
    .about-page .cat_list_item.cat_list_item_featured {
        max-width: 306px!important;
        /* border: 1px #979797 solid!important; */
    }
    .about-page .cat_list_item.cat_list_item_featured .cat_list_photo {
        border-radius: 0!important;
        border-top-left-radius: 6px!important;
        border-top-right-radius: 6px!important;
    }
    .about-page .cat_list_item.cat_list_item_featured .cat_list_person h3 {
        font-size: 1.8rem!important;
    }
    .about-page .cat_list_item.cat_list_item_featured .cat_list_person span {
        font-size: 1.4rem!important;
    }
}

@media screen and (min-width: 720px) {
    .about-page .ee_page_header.always_visible {
        text-align: left;
        padding-left: 1.5rem;
    }
    .about-page .about_2_col {
        margin-bottom: 5rem;
    }
    .about-page .about_2_col::after {
        content: '';
        border-top: 1px #9b9b9b solid;
        display: block;
        margin: 0 auto;
        width: calc(100% - 3rem);
        position: relative;
        bottom: -1rem;
        grid-column: span 2;
    }
    .about_2_col p {
        padding: 0.5rem 1.5rem;
    }
    #testim_popup .user_about_short {
        max-width: unset;
    }
    .user_about_name {
        font-size: 2.8rem;
    }
    .user_role_wrap {
        font-size: 1.8rem;
    }
    .user_links_wrap a {
        font-size: 2.4rem;
    }
}

.about-page .ee_page_header.always_visible {
    display: block;
}


/*end override about*/

@media screen and (min-width: 1280px) {
    .about-page .desktop_image {
        display: inline-block;
    }
    .about_2_col {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem
    }
    .about_2_col .about_col:nth-child(2) {
        margin-top: 3rem;
        padding-right: 1.5rem;
    }
    .about_2_col p {
        font-size: 2.1rem;
    }
}

.tac {
    text-align: center!important;
    margin: 0 auto;
    max-width: 960px;
}


/* Partners block and Associations block */

#partners_wrap,
#associations_wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 2em;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#partners_wrap a,
#associations_wrap a {
    display: block;
}

.partner a[target="_blank"]:focus {
    display: inline-block;
    min-width: 30%;
}


/* about page styles END */

.index-box {
    margin: 0;
    padding: 0;
}


/* tables styles */

table {
    border-collapse: collapse;
    empty-cells: hide;
    border-spacing: 0;
    width: 100%;
    margin: 0 0 1.5em;
    font-family: Lato, sans-serif;
}

table.ee_zebra tbody tr:nth-child(odd) {
    background: #eee;
}

th {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    padding: 1em 0.4em 0.9em 0.8em;
    border: 1px #313131 solid;
    color: #4a4a4a;
}

thead th {
    border-left-color: #9b9b9b;
    border-right-color: #9b9b9b;
}

thead th:first-child {
    border-left-color: #313131;
}

thead th:last-child {
    border-right-color: #313131;
}

td {
    padding: 1em 0.4em 0.9em 0.8em;
    border: 1px #9b9b9b solid;
    color: #313131;
}

.ee_lotcols th,
.ee_lotcols td {
    padding-right: 0.1em;
    padding-left: 0.2em;
}

th.ee_emptycell,
td.ee_emptycell {
    /* border: none; */
}

th.ee_emptycell:nth-of-type(1),
td.ee_emptycell:nth-of-type(1) {
    border-right: 1px #313131 solid;
}

table.rcp_registration_total_details>tbody>tr:last-child>td:first-child {
    border-bottom: 0;
}

@supports (display: grid) {
    @media only screen and (min-width: 720px) {
        .ee_lotcols th, .ee_lotcols td {
            padding-right: 0.4em;
            padding-left: 0.8em;
        }
    }
}


/* tables styles END */


/* Restrict Content Pro (RCP) additional styles */

#rcp_profile_display_name_wrap {
    display: none;
}


/* Restrict Content Pro (RCP) additional styles END */

#content {
    color: #231f20;
    background-color: #fff;
}

.site-branding {
    padding: 0;
}

 ::-moz-selection {
    color: #231f20;
    background: var(--bright-yellow);
}

 ::selection {
    color: #231f20;
    background: var(--bright-yellow);
}

.footer-container footer a:focus {
    /* outline: solid 4px var(--highlight-blue);
    outline-offset: 4px; */
    /* color: #231f20;
    background: var(--bright-yellow);
    outline: none; */
}

.category-list a:focus {
    color: #231f20;
    background: var(--bright-yellow);
    outline: none;
}

.screen-reader-shortcut:focus {
    color: #231f20;
    background: var(--bright-yellow);
    outline: none;
}

.skip-link:focus {
    color: #231f20;
    background: var(--bright-yellow);
    outline: none;
}

a:focus img {
    /* outline: 3px solid var(--highlight-blue); */
}

.h1 {
    padding: 0;
}

.entry-content,
.page .entry-content {
    margin: 0;
    width: 100%;
}

.whole_page_width .entry-content,
.whole_page_width .page .entry-content {
    padding: 0;
}


/*WTF? why display none? (search was broken because of this rule)*/


/*.page .entry-title {*/


/*display: none;*/


/*}*/

article .index-box .entry-footer a {
    color: unset;
}

.blog .entry-title {
    visibility: visible;
}

img {
    max-width: 100%;
    height: auto;
}

.search-box {
    padding: 1em;
    border-bottom: 10px #17276D solid;
    position: relative;
}

#mc_embed_signup {
    clear: left;
}


/*
02 Call to Action Button
*/

.btn-c2a {
    color: white;
    background-color: var(--ee-blue);
    text-transform: uppercase;
    transition: background-color .5s ease;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    margin-top: 6px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
}

.btn-c2a:focus,
.btn-c2a:hover,
.btn-c2a:active {
    color: #231f20;
    background-color: var(--bright-yellow);
    text-transform: uppercase;
    text-decoration: none;
}

#site-logo-link {
    background: url(../images/EE-Logo-blue-1.svg) no-repeat;
    background-size: 70% auto;
    background-position: center;
    height: 79px;
    width: 90px;
}

#site-logo-link:hover,
#site-logo-link:focus,
.title-box-selected #site-logo-link:hover,
.title-box-selected #site-logo-link:focus {
    /* background-image: url(../images/EE-Logo-blue-1.svg);
    background-color:var(--bright-yellow); */
    outline: solid 4px var(--highlight-blue);
    outline-offset: -4px;
    transition: background-color .5s ease;
}

#site-logo {
    height: 7.5rem;
    border: 3px transparent solid;
    padding: 1.6rem 1.5rem 1.4rem;
}

.site-title {
    line-height: 0;
}

.site-title a {
    padding: 0 0.7rem 0 0.5rem;
    display: inline-block;
    line-height: 0.9em;
}

.site-title a::selection {
    background: transparent;
}

#masthead {
    /*height:100px;*/
    background: #ffffff;
}

code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    background: #e9f1f5 none repeat scroll 0 0;
    border: 1px solid #c6dce5;
    border-radius: 2px;
    padding: 1px 3px;
    white-space: pre-wrap;
}

kbd {
    border: 1px solid gray;
    box-shadow: 1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
    border-radius: 3px;
    margin: 2px 3px;
    padding: 3px 5px 1px;
}

.commentsblock label span {
    color: #767676;
    background-color: #fff
}


/* users page */


/*.about_user {*/


/*position: relative;*/


/*top: 5px;*/


/*}*/

.user_linkedin,
.user_linkedin:focus {
    display: inline-block;
    width: 36px;
    height: 20px;
    margin-left: 4px;
    background: url(../images/linked-in-button-small@3x.png);
    background-size: cover;
}

.fancy_header h2 {
    font-size: 2rem;
    text-align: center;
}

.fancy_header h2:before {
    content: '';
    border-top: 1px #ccc solid;
    display: block;
    position: relative;
    width: calc(100% + 40px);
    top: 25px;
    left: -20px
}

.fancy_header h2 span {
    background: #fff;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.fancy_line {
    border-top: 1px #ccc solid;
    width: calc(100% + 40px);
    position: relative;
    left: -20px;
    margin-bottom: 50px;
}

@media only screen and (min-width: 640px) {
    .about_user>div:first-child {
        display: inline-block;
        position: absolute;
    }
    .about_user h3 {
        font-size: 2.5rem;
        margin-bottom: 10px;
    }
    .about_user_image {
        float: left;
        margin: 0 30px 30px 0;
    }
    .about_user_cert img {
        margin-right: 10px;
    }
    .user_content_wrap {
        position: relative;
        top: -15px;
        left: 310px;
        padding-right: 200px;
        width: 825px;
    }
    .user_linkedin,
    .user_linkedin:focus {
        /*display: inline-block;*/
        width: 45px;
        height: 25px;
        /*background: url(../images/linked-in-button-small@3x.png);*/
        /*background-size: cover;*/
    }
    /* reading window redesign */
    .reading_window_max_600,
    body:not(.search.kb-article) .entry-header,
    /* for KB search, don't apply */
    .author_about_compact,
    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6,
    .entry-content p:not(.ee_caption),
    .entry-content .ee-summary p,
    .entry-content blockquote,
    .entry-content ul,
    .entry-content ol,
    .entry-content table,
    .entry-content audio,
    .entry-content>div,
    .entry-content form,
    .entry-content>img:not(.wp-post-image),
    .author_about_short:not(.author_about_compact),
    .entry-content figure:not(.wp-post-image),
    .entry-footer,
    .entry-footer p,
    .post-navigation,
    .comments-area,
    body.error404 .page-header,
    body.search:not(.kb-article) .page-header,
    body.error404 article,
    body.search article {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        /* make them full width */
        max-width: 720px;
        /* set max reading window size */
    }
    /* add option to reset width for user content */
    .entry-content .wide {
        /* max-width: unset!important; */
    }
    /* END reading window redesign */
}


/* EE video transcript  */

.ee_player_wrap {
    display: block;
    position: relative;
    width: 100%;
}

.ee_player_wrap:before {
    padding-top: 56.25%;
    /* 16x9 Aspect Ratio */
    display: block;
    content: "";
}

.ee_player_wrap>iframe,
.ee_player_wrap>div>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ee_additional_toolbar {
    padding: 0.5em 0.5em 0.5em 0;
}

.ee_additional_toolbar a {
    font-size: 1.5em;
    display: inline-block;
    margin-right: 0.5em;
    border: 1px transparent dashed;
    padding: 0.1rem;
    transition: color 1s;
}

.ee_additional_toolbar a:hover,
.ee_additional_toolbar a:focus {
    border-color: #000;
    outline: 0;
}

.ee_additional_toolbar a[aria-disabled=true] {
    color: #ccc;
}

.ee_transcript_wrap {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    border: 3px #000 solid;
    max-height: 400px;
    overflow-y: scroll;
    position: relative;
}

.ee_transcript_wrap p {
    max-width: 900px;
    padding: 3px 10px;
    cursor: pointer;
    display: table;
    border: 1px transparent dashed;
    position: relative;
    font-size: 1rem;
}

.ee_transcript_wrap p:hover,
.ee_transcript_wrap p:focus {
    border-color: #000;
    outline: 0;
}

.ee_transcript_wrap p.highlighted,
.ee_transcript_wrap p.highlighted:hover {
    background: #4dfaa2;
    border-color: #4dfaa2;
    border-style: solid;
    transition: background-color 0.2s ease-in-out;
}

.ee_transcript_wrap p.highlighted:focus {
    border-style: dashed !important;
    border-color: #000 !important;
}

.ee_transcript_wrap p .ee_search_result {
    background: #ff0;
}

.ee_transcript_wrap p .ee_search_result.ee_active_search_result {
    background: #ffa500;
}

.ee_search_wrap {
    margin: 0 0 10px;
}

.ee_search_wrap input[type=search] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
    transition: background-color 0.1s ease-in-out;
}

.ee_search_wrap input[type=search].not_found {
    background: #e41e24;
}

.ee_search_wrap .ee_search_count_wrap {
    color: #383838;
    font-weight: bold;
}

.ee_search_wrap .ee_search_count_wrap:not([hidden]) {
    display: inline-block;
    padding: 0;
    margin: 0 0 15px;
}

.ee_search_wrap .ee_search_res_prev:not([hidden]),
.ee_search_wrap .ee_search_res_next:not([hidden]) {
    display: inline-block;
    padding: 2px 10px;
    background: #e8e8e8;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.ee_search_wrap .ee_search_res_prev:not([hidden]).highlight,
.ee_search_wrap .ee_search_res_next:not([hidden]).highlight {
    animation: yellowfade 0.5s;
}

.ee_search_wrap .ee_search_res_prev:not([hidden]):focus,
.ee_search_wrap .ee_search_res_next:not([hidden]):focus {
    outline-width: 3px;
}

.ee_search_wrap .ee_search_res_prev {
    margin-right: 5px;
    margin-left: 0;
}

.ee_search_wrap .ee_search_res_next {
    margin-right: 10px;
    margin-left: 5px;
}

@-moz-keyframes yellowfade {
    from {
        background: #fffdb1;
    }
    to {
        background: #e8e8e8;
    }
}

@-webkit-keyframes yellowfade {
    from {
        background: #fffdb1;
    }
    to {
        background: #e8e8e8;
    }
}

@-o-keyframes yellowfade {
    from {
        background: #fffdb1;
    }
    to {
        background: #e8e8e8;
    }
}

@keyframes yellowfade {
    from {
        background: #fffdb1;
    }
    to {
        background: #e8e8e8;
    }
}


/* END EE video transcript  */


/* Site specific overrides */

.ee_search_wrap .ee_search_res_prev:not([hidden]):focus,
.ee_search_wrap .ee_search_res_next:not([hidden]):focus,
.ee_search_wrap .ee_search_res_prev:not([hidden]):hover,
.ee_search_wrap .ee_search_res_next:not([hidden]):hover {
    outline-width: 0;
    background: var(--bright-yellow);
}


/* END Site specific overrides */


/* PLUGINS MANUALLY CONCATENATED STYLES */


/* Version: 2.2.2 */


/* plugins/simple-embed-code/css/video-container.css */

.ce-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.ce-video-container iframe,
.ce-video-container object,
.ce-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Version: 2.3.3 */


/* plugins/wordpress-social-login/assets/css/style.css */


/*.wp-social-login-provider-list{padding:10px}.wp-social-login-provider-list a{text-decoration:none}.wp-social-login-provider-list img{border:0}*/


/* Version: 2.0.4 */


/* themes/EqualEntry/layouts/no-sidebar.css */

.site-content {
    /* padding-bottom: 4rem; */
}

.single .site-content,
.page .site-content {
    background: #fff;
    background: hsl(0, 0%, 100%);
}

.site-footer {
    clear: both;
    width: 100%;
}

.entry-header,
.page-header,
.entry-content,
.entry-footer,

/*.tag-links,*/

.post-navigation,
.comments-area,
.paging-navigation {
    position: relative;
    padding: 0 8px;
    margin: 0 auto;
}

.entry-content {
    margin-top: 20px;
}


/* more that that width passing is not needed anymore */


/* Chrome at 639px viewport not applying styles for media query? - browser bug,
see https://stackoverflow.com/questions/63637584/bug-with-browsers-interpretation-of-media-queries
so added 0.99999 to workaround and make query work if Chrome thinks it's not 639
 */

@media screen and (max-width: 639.99999px) {
    body:not(.search.kb-article) .entry-header,
    /* for KB search, don't apply */
    .page-header,
    .entry-content,
    .entry-footer,
    /*.tag-links,*/
    .post-navigation,
    .comments-area,
    .paging-navigation {
        padding: 0 2rem;
    }
}

.page-header,
.paging-navigation {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 2em;
    list-style-type: none;
    background: #fff;
}

.page-header {
    margin-top: 1em;
    margin-bottom: 1em;
}

.index-box,
.author-index {
    /*max-width: 780px;*/
    /*max-width: 78rem;*/
    padding: 1em 0 2em;
    margin: 0 auto 2em;
    background: #fff;
    background: hsl(0, 0%, 100%);
}

.no-results .index-box {
    background-color: transparent;
}


/* ee label color fix - and more */


/* reset widths of contact form inputs */

.contact_form_wrap input[type=email],
.contact_form_wrap textarea {
    width: 100%!important;
    max-width: initial;
    font-size: 22px!important;
}


/* END ee label color fix */


/* Homepage About Section */

.about {
    background-color: white;
    padding: 50px 0;
}

.about-content {
    display: grid;
}

.about-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-text p {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 48px;
}

.about-text h2 {
    line-height: 1.2;
    margin: 0;
    color: var(--ee-blue);
    ;
}

.contact-submit .round-btn-container {
    margin: 12px auto 0;
}

#mc-embedded-subscribe-form .round-btn-container .btn-yellow.desktop {
    /* border: solid 4px var(--bright-yellow) */
}

#mc-embedded-subscribe-form .round-btn-container:has(.desktop) {
    margin-top: 30px;
}

#mc-embedded-subscribe-form p {
    font-family: 'Lato', sans-serif;
}

.banner-content .round-btn-container {
    margin: 50px 0 50px 8px;
}

.community {
    padding: 110px 0;
    background-color: #FCFCFC !important;
}

.community-content {
    display: grid;
}

.community-content .img-container {
    overflow: hidden;
    border-radius: 10px;
}

.community-text {
    margin-top: 32px;
}

.community-text>h2 {
    margin: 0;
    padding: 0 0 30px;
    line-height: initial;
    color: var(--ee-blue) !important;
}

.whole_page_text_wrap_small input,
.whole_page_text_wrap_small textarea {
    border-radius: 10px;
    padding: 21px 25px;
    border: none;
}

.whole_page_text_wrap_small input::placeholder,
.whole_page_text_wrap_small textarea::placeholder {
    font-family: 'Lato', sans-serif;
    font-size: 1.125rem;
}

.contact-form p {
    text-align: center;
}

.footer-container {
    background-color: var(--ee-blue);
    position: relative;
}

.footer-container footer {
    display: grid;
    position: relative;
}

.footer-container footer form {
    padding: 0;
}

footer #mc-embedded-subscribe-form .knomo-newsletter {
    top: -52px;
    right: 4px;
}

footer #_form_3_ .knomo-newsletter {
    top: -52px;
    right: 4px;
}

footer h2,
footer:not(.comment-meta, .entry-footer) p,
footer:not(.comment-meta, .entry-footer) a:any-link {
    color: #fff !important;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 1rem;
}

.footer-container footer h2 {
    font-size: 1.5rem;
    font-weight: 600 !important;
    -ms-word-break: normal;
    word-break: normal;
    text-decoration: none;
    color: white !important;
}

#copyright {
    margin-top: auto;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    padding-bottom: 30px;
    padding-top: 30px;
    order: 4;
    font-family: 'Lato', sans-serif;
}

.footer-form-label {
    margin-bottom: 10px !important;
}

.footer-form-label>label {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 1.4em;
    color: #FFF;
    -ms-word-break: normal;
    word-break: normal;
}

#mc_embed_signup .mc-field-group label {
    font-family: 'Lato', sans-serif;
    color: #FFF;
    -ms-word-break: normal;
    word-break: normal;
}

input:focus,
textarea:focus,
input:hover,
textarea:hover {
    /* outline: solid 4px var(--highlight-blue);
    outline-offset: -4px; */
    cursor: pointer;
}

.knomo-newsletter {
    position: absolute;
    top: 110px;
    right: 12px;
}

.knomo-newsletter>img {
    height: 60px;
}

.link-list {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    margin: 0;
    margin-bottom: 30px;
}

.link-list li {
    list-style-type: none;
}

.link-list a {
    text-decoration: none !important;
}

.link-list a:focus {
    box-shadow: var(--focus-border);
    color: var(--bright-yellow) !important;
}

.site-map {
    padding: 30px 0 0;
}

.site-map h2 {
    margin-bottom: 30px;
    font-size: 1.4em;
    font-weight: 700;
    /* display: none; */
}

.social-container {
    padding-bottom: 0;
    text-align: center;
    order: 3;
}

.social-container h2 {
    border-top: solid 4px white;
    padding-bottom: 30px;
    padding-top: 30px;
}

.social-list {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.services-title,
.blog-title,
.about-title,
.meetup-title {
    font-family: 'Lato', sans-serif;
    padding-top: 30px;
    margin-bottom: 30px;
    color: var(--ee-blue);
}

#mce-EMAIL:focus {
    outline: none;
}

.footer-form-input:has(#mce-EMAIL:focus) {
    box-shadow: var(--focus-border);
}

.meetup {
    background-color: #E2E6E7;
    padding: 0;
}

.meetup p {
    font-weight: 600;
}

.meetup-container {
    display: grid;
    gap: 30px;
    padding-bottom: 30px;
}

.meetup-card {
    background-color: #FCFCFC;
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.05);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.meetup-img {
    overflow: hidden;
    padding: 30px 30px 0 30px;
}

.meetup-img>img {
    width: 100%;
    border-radius: 12px;
}

.meetup-card span {
    /* font-family: 'Nunito', sans-serif; */
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    color: #394150;
}

.meetup-card span,
.meetup-card h3,
.meetup-card h4 {
    padding: 0 30px;
}

.meetup-card h3 {
    flex-grow: 1;
}

.meetup-card>.arrow-btn-container {
    padding: 0 20px 20px;
}

.contact-submit {
    margin-bottom: 90px;
}

footer #mc_embed_signup form {
    padding: 10px 0 30px;
}

footer #mc-embedded-subscribe-form form p {
    width: 66%;
}

.footer-form-input {
    position: relative;
    /* margin-top: 8px; */
}


/* ---------- */


/* About Page */


/* ---------- */

.bg-light-gray {
    background-color: var(--bg-light-gray);
}

.about-page h2 {
    color: var(--ee-blue);
    text-align: center;
    margin-bottom: 41px;
    font-weight: 700;
}

.about-page h3 {
    color: var(--ee-blue);
    text-align: center;
}


/* banner */

.about-banner {
    background-color: var(--ee-blue);
}

.sections-container {
    padding: 72px 0;
}

.sections-container p {
    font-family: 'Lato', sans-serif;
}


/* members */

/* Columns are 1fr, not auto.

   `auto` tracks size to their content, and each card is a <details>. Opening
   one profile therefore widened its column and shrank the other two -- at
   1280px the tracks went from 426/426/426 to 664/308/308 and every one of the
   14 cards jumped sideways, including cards in other rows. 1fr fixes the track
   widths to the container, so opening a profile grows only its own row's
   height and nothing moves horizontally.

   minmax(0, 1fr) rather than a bare 1fr: 1fr means minmax(auto, 1fr), and that
   auto floor still grows to the expanded panel's min-content width, which left
   the tracks at 544/368/368. The explicit 0 floor removes it. */
.members {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 72px;
    max-width: 1600px;
    margin: 0 auto;
}

@media screen and (min-width: 820px) {
    .members {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (min-width: 1120px) {
    .members {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (min-width: 1820px) {
    .members {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.portrait-border {
    padding: 8px;
    border: solid 6px #fff;
    background: linear-gradient(45deg, #039BDA 14.64%, #1176BD 34.44%, #1E56A3 55.66%, #264394 73.33%, #293C8F 85.35%);
    border-radius: 200px;
    width: 188px;
    height: 188px;
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.05);
    outline: solid 4px transparent;
    transition: .3s;
}

.portrait-border:hover,
.member:focus .portrait-border {
    outline: solid 4px var(--highlight-blue);
    transition: .3s;
}

.member {
    text-align: center;
    width: min-content;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
}

.member-img {
    border-radius: 200px;
    overflow: hidden;
    height: 160px;
}

.member-img img {
    object-fit: cover;
    height: 100%;
}

.overlay {
    position: absolute;
    height: 60px;
    width: 60px;
    top: 124px;
    right: 50%;
    transform: translateX(185%);
}

.overlay img {
    object-fit: cover;
    height: 100%;
    object-position: left;
    border-radius: 200px;
}


/* partners */

.partners,
.associations {
    display: grid;
    text-align: center;
    align-items: center;
}

.partner-break-line {
    margin: 40px;
}

.about-break-line {
    margin: 0 40px;
}

@media screen and (min-width: 1280px) {
    .partners {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 150px 0;
    }
    .associations {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 150px 0;
    }
    .partner-break-line {
        display: none;
    }
    .association a img {
        max-height: 145px;
        max-width: 328px;
    }
    .about-popup-content {
        /* padding: 0 160px; */
    }
    #testim_popup[data-location_hash] article {
        padding: 80px 48px 66px;
    }
    #testim_popup[data-location_hash]>img {
        top: 8px !important;
        right: 18px !important;
    }
    .about-popup-content::-webkit-scrollbar {
        width: 8px !important;
    }
    article .portrait-border {
        margin-top: 50px !important;
    }
}


/* new popup */

article .portrait-border {
    margin: 0 auto 20px;
    outline: none;
}

article .portrait-border:hover,
article .portrait-border:focus {
    outline: none;
}

.user_about_name,
.user_links_wrap,
.kb_search_content h3 {
    color: var(--ee-blue);
}

.user_about_name {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 1.75rem;
}

.popup-info {
    text-align: center;
}

.user_role_wrap {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
}

.about-popup-content {
    overflow-y: scroll;
    max-width: 1000px;
    max-height: 60vh;
}

.about-popup-content .kb_search_content>p {
    margin-bottom: 47px !important;
}

#testim_popup_bg:has(#testim_popup[data-location_hash]).show {
    height: 100%;
    display: flex;
    align-items: center;
}

#testim_popup[data-location_hash] {
    position: relative;
    margin: 0;
}

#testim_popup[data-location_hash] article {
    padding: 48px 24px 24px;
    width: calc(100% - 20px);
    border-radius: 14px;
}

#testim_popup[data-location_hash]>img {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 12px;
    width: 40px;
    padding: 10px;
}


/* width */

.about-popup-content::-webkit-scrollbar {
    width: 0px;
}


/* Track */

.about-popup-content::-webkit-scrollbar-track {
    background: var(--bg-light-gray);
    border-radius: 20px;
}


/* Handle */

.about-popup-content::-webkit-scrollbar-thumb {
    background: var(--ee-blue);
    border-radius: 20px;
}


/* Handle on hover */

.about-popup-content::-webkit-scrollbar-thumb:hover {
    background: var(--highlight-blue);
}

.social-icon-about {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0 40px;
}

.social-icon-about a {
    background: var(--bg-light-gray);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    margin: 0 4px;
}

.social-icon-about a:hover,
.social-icon-about a:focus {
    background: transparent;
    border: solid 4px var(--highlight-blue);
}

.social-icon-about a:hover svg path,
.social-icon-about a:focus svg path {
    fill: var(--highlight-blue);
}

.member h3 {
    line-height: 1;
    margin: 8px 0;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.partner a img {
    max-height: 60px;
    max-width: 190px;
}

.association a img {
    max-height: 145px;
    max-width: 236px;
}


/* Our work Section */

.bg-ee-blue {
    background-color: var(--ee-blue);
}

.bg-ee-blue h2 {
    color: white;
}

.our-work .blog-title {
    text-align: center;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2.25rem;
    letter-spacing: 0.02em;
    padding: 40px 0 0 !important;
}

/* for testimonial style look on css/components/ee-testimonial.css */

@media screen and (min-width: 1280px) {
    .our-work .blog-title {
        line-height: unset;
    }
    .our-work .bg-ee-blue h2 {
        text-align: center;
        padding: 82px 0 !important;
        margin: 0 !important;
    }
    .companies {
        margin: 0 190px !important;
        gap: 55px !important;
        padding-bottom: 82px !important;
    }
    .company {
        height: 88px !important;
    }
}

@media only screen and (min-width: 1920px) {
    .our-work {
        display: grid;
        background-color: var(--bg-light-gray-2);
    }
    .our-work .content-area {
        order: 1;
        background-color: var(--bg-light-gray);
    }
    .our-work .ee-blog-container {
        order: 3;
    }
    .our-work .companies-wrap {
        order: 2;
    }
}

.our-work .ee_page_header {
    font-size: 2.25rem;
    line-height: 2.375rem;
    letter-spacing: 0.02em;
    color: var(--ee-blue);
}


.companies {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 20px;
    column-gap: 16px;
    row-gap: 40px;
    padding-bottom: 54px;
}

.company {
    height: 52px;
    margin: 0 auto;
}

.company img {
    height: 100%;
}

.companies :nth-child(1) {
    order: 1;
}

.companies :nth-child(2) {
    order: 2;
}

.companies :nth-child(3) {
    order: 3;
}

.companies :nth-child(5) {
    order: 4;
}

.companies :nth-child(6) {
    order: 5;
}

.companies :nth-child(4) {
    order: 6;
}

.companies :nth-child(13) {
    order: 7;
}

.companies :nth-child(7) {
    order: 11;
}

.companies :nth-child(9) {
    order: 12;
}

.companies :nth-child(12) {
    order: 10;
}

.companies :nth-child(8) {
    order: 9;
}

.companies :nth-child(10) {
    order: 8;
}

.companies :nth-child(11) {
    order: 13;
    margin-bottom: 0;
}


/* Kb search btn fix */

#kbhead label:has(span.display_as_button) {
    position: relative;
}

#kbhead span.display_as_button svg {
    fill: #3c3c3c;
    background-color: transparent;
}

.menu-item-1278:focus-within {
    outline: solid 4px var(--highlight-blue);
    outline-offset: -4px;
}

.menu-chevron-services:focus-visible {
    border: none;
    outline: none;
}

#mc_embed_signup p {
    max-width: 300px;
}

.footer-container #mc_embed_signup p {
    margin-bottom: 2rem;
}

.hide-outline {
    outline-color: transparent !important;
}

.outline {
    outline: solid 4px var(--highlight-blue);
    outline-offset: -4px;
}


/* xr font size fix */

.ee-xr-services-page {
    font-size: 1.125rem;
}

.ee-xr-services-page .row a {
    display: inline-block;
}

.ee-xr-services-page #learnabouttheservicesequalentrycandoforyou_4Qt {
    font-size: 1.5rem;
}

.ee-xr-services-page #mc_embed_signup,
.ee-xr-services-page #mc_embed_signup form {
    padding: 0 !important;
}

@media screen and (min-width: 767px) {
    .ee-xr-services-page #mc_embed_signup_scroll {
        display: grid !important;
        gap: 0 !important;
        grid-template-columns: auto 1fr !important;
    }
    .ee-xr-services-page #mce-responses {
        margin: 0;
        padding: 0;
    }
    .ee-xr-services-page #mc_embed_signup .mc-field-group input,
    .ee-xr-services-page #mc_embed_signup .mc-field-group {
        width: 100%;
        grid-template-columns: none;
    }
    .ee-xr-services-page #mc_embed_signup .mc-field-group,
    .ee-xr-services-page #mc-embedded-subscribe-form {
        padding: 0 !important;
    }
    .ee-xr-services-page #mc_embed_signup_submit_wrap {
        margin: 0 !important;
    }
    .ee-xr-services-page #mc_embed_signup .button {
        margin-left: 30px;
    }
}

.ee-xr-services-page main section p {
  margin-bottom: 1rem;
}

.ee-xr-services-page .row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

main article a:focus,
.logged-in-as a:focus,
main .nav-links a:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black;
    /* outline: solid 2px var(--highlight-blue); */
}

.comment-awaiting-moderation {
    font-size: 1rem;
    background-color: #27620B;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.bg-gray {
    background-color: var(--bg-light-gray);
}