/*
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;
}


/*
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;
}

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: 'Inter', 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: 0px;
    right: 0;
    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: 'Nunito Sans';
    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: inset 0 0 0 4px var(--highlight-blue), inset 0 0 0 6px white;
    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: inset 0 0 0 4px var(--highlight-blue), inset 0 0 0 6px white;
}


/* .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: inset 0 0 0 4px var(--highlight-blue), inset 0 0 0 6px white;
}

.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 {
    width: 45%;
    padding: 1rem;
    height: 3rem;
    border-radius: 5px;
    border: 1px solid #333;
    border-radius: 40px;
}

.search-box .search-submit,
.no-results .search-submit {
    vertical-align: top;
    height: 3rem;
    font-family: 'Inter', 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;
}

.no-results input[type="submit"]:hover:not([DISABLED]),
.no-results input[type="submit"]:focus:not([DISABLED]),
.search-box input[type="submit"]:hover:not([DISABLED]),
.search-box input[type="submit"]:focus:not([DISABLED]) {
    outline: solid 4px var(--highlight-blue);
    background-color: var(--highlight-blue);
    border: none;
    outline-offset: 4px;
}


/* 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: inline-block;
    width: 100%;
    max-width: 144rem;
}

#header-search-container .search-form label span {
    color: var(--ee-blue);
    display: inline-block;
    font-family: 'Inter', 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-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(50% - 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';
}

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

@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(50% - 55rem);
    }
    .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: 'Inter', 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: 'Inter', 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: 'Poppins', 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 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: Georgia, 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 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 0;
    text-indent: 2%;
    margin: 16px 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 {
        grid-row-start: 3;
        align-items: center;
        min-height: unset;
        padding-bottom: 0;
        display: grid;
        grid-template-columns: max-content auto;
        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;
    margin: 0 10px;
}

.ee_social_link:hover,
.ee_social_link:focus {
    border-radius: 50px;
    outline: solid 2px var(--bright-yellow);
    outline-offset: -2px;
    background-color: var(--ee-blue);
}

.ee_social_link:focus path,
.ee_social_link:hover path {
    fill: var(--bright-yellow) !important;
}

.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;
    background-size: cover;
    background-position-x: center;
    /*transparent gif for background (without network request) used to then transition to real image*/
    background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== );
    /*add transition*/
    transition: background-image 1s;
}

.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);
}

#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: 'Inter', 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: 'Inter', 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;
    margin-bottom: 30px;
}

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


/* #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:hover,
#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: 'Nunito Sans';
    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;
    }
    @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;
}


/* 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 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),
    .entry-content .sharedaddy,
    .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 20px;*/
    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;
}

/* Version: 5.6.1 */


/* copied from plugins/jetpack/css/jetpack.css */


/* edits: replaced all relative paths for images: "../modules/" with "../../plugins/jetpack/modules/" */

.jp-carousel-wrap * {
    line-height: inherit
}

.jp-carousel-overlay {
    background: #000
}

div.jp-carousel-fadeaway {
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    position: fixed;
    bottom: 0;
    z-index: 2147483647;
    width: 100%;
    height: 15px
}

.jp-carousel-next-button span,
.jp-carousel-previous-button span {
    background: url(../../plugins/jetpack/modules/carousel/images/arrows.png) no-repeat center center;
    background-size: 200px 126px
}

.jp-carousel-msg {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    display: inline-block;
    line-height: 1.125rem;
    padding: 11px 15px;
    font-size: 0.875rem;
    text-align: center;
    margin: 25px 20px 0 2px;
    background-color: #fff;
    border-left: 4px solid #ffba00;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .jp-carousel-next-button span,
    .jp-carousel-previous-button span {
        background-image: url(../../plugins/jetpack/modules/carousel/images/arrows-2x.png)
    }
}

.jp-carousel-wrap {
    font-family: "Helvetica Neue", sans-serif!important
}

.jp-carousel-info {
    position: absolute;
    bottom: 0;
    text-align: left!important;
    -webkit-font-smoothing: subpixel-antialiased!important
}

.jp-carousel-info ::-moz-selection {
    background: #68c9e8;
    color: #fff
}

.jp-carousel-info ::selection {
    background: #68c9e8;
    color: #fff
}

.jp-carousel-info ::-moz-selection {
    background: #68c9e8;
    color: #fff
}

.jp-carousel-photo-info {
    position: relative;
    left: 25%;
    width: 50%
}

.jp-carousel-transitions .jp-carousel-photo-info {
    transition: .4s ease-out
}

.jp-carousel-info h2 {
    background: 0 0!important;
    border: none!important;
    color: #999;
    display: block!important;
    font: normal 13px/1.25em "Helvetica Neue", sans-serif!important;
    letter-spacing: 0!important;
    margin: 7px 0 0 0!important;
    padding: 10px 0 0!important;
    overflow: hidden;
    text-align: left;
    text-shadow: none!important;
    text-transform: none!important;
    -webkit-font-smoothing: subpixel-antialiased
}

.jp-carousel-next-button,
.jp-carousel-previous-button {
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer
}

.jp-carousel-next-button span,
.jp-carousel-previous-button span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 82px;
    zoom: 1;
    filter: alpha(opacity=20);
    opacity: .2
}

.jp-carousel-transitions .jp-carousel-next-button span,
.jp-carousel-transitions .jp-carousel-previous-button span {
    transition: .5s opacity ease-out
}

.jp-carousel-next-button:hover span,
.jp-carousel-previous-button:hover span {
    filter: alpha(opacity=60);
    opacity: .6
}

.jp-carousel-next-button span {
    background-position: -110px center;
    right: 0
}

.jp-carousel-previous-button span {
    background-position: -10px center;
    left: 0
}

.jp-carousel-buttons {
    margin: -18px -20px 15px;
    padding: 8px 10px;
    border-bottom: 1px solid #222;
    background: #222;
    text-align: center
}

div.jp-carousel-buttons a {
    border: none!important;
    color: #999;
    font: normal 11px/1.2em "Helvetica Neue", sans-serif!important;
    letter-spacing: 0!important;
    padding: 5px 2px 5px 0;
    text-decoration: none!important;
    text-shadow: none!important;
    vertical-align: middle;
    -webkit-font-smoothing: subpixel-antialiased
}

div.jp-carousel-buttons a:hover {
    color: #68c9e8;
    border: none!important
}

.jp-carousel-transitions div.jp-carousel-buttons a:hover {
    transition: none!important
}

.jp-carousel-next-button,
.jp-carousel-previous-button,
.jp-carousel-slide,
.jp-carousel-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.jp-carousel-slide {
    position: fixed;
    width: 0;
    bottom: 0;
    background-color: #000;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.jp-carousel-transitions .jp-carousel-slide {
    transition: .3s ease-out
}

.jp-carousel-slide.selected {
    position: absolute!important;
    filter: alpha(opacity=100);
    opacity: 1
}

.jp-carousel-slide {
    filter: alpha(opacity=25);
    opacity: .25
}

.jp-carousel-slide img {
    display: block;
    width: 100%!important;
    height: 100%!important;
    max-width: 100%!important;
    max-height: 100%!important;
    background: 0 0!important;
    border: none!important;
    padding: 0!important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    zoom: 1
}

.jp-carousel-transitions .jp-carousel-slide {
    transition: opacity .4s linear
}

.jp-carousel-close-hint {
    color: #999;
    cursor: default;
    letter-spacing: 0!important;
    padding: .35em 0 0;
    position: absolute;
    text-align: right;
    width: 90%
}

.jp-carousel-transitions .jp-carousel-close-hint {
    transition: color .2s linear
}

.jp-carousel-close-hint span {
    cursor: pointer;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    display: inline-block;
    height: 22px;
    font: 400 24px/1 "Helvetica Neue", sans-serif!important;
    line-height: 1.375rem;
    margin: 0 0 0 .4em;
    text-align: center;
    vertical-align: middle;
    width: 22px;
    border-radius: 4px
}

.jp-carousel-transitions .jp-carousel-close-hint span {
    transition: border-color .2s linear
}

.jp-carousel-close-hint:hover {
    cursor: default;
    color: #fff
}

.jp-carousel-close-hint:hover span {
    border-color: #fff
}

a.jp-carousel-image-download,
div.jp-carousel-buttons a.jp-carousel-commentlink,
div.jp-carousel-buttons a.jp-carousel-reblog {
    background: url(../../plugins/jetpack/modules/carousel/images/carousel-sprite.png?5) no-repeat;
    background-size: 16px 200px
}

div.jp-carousel-buttons a.jp-carousel-commentlink,
div.jp-carousel-buttons a.jp-carousel-reblog {
    margin: 0 14px 0 0!important
}

div.jp-carousel-buttons a.jp-carousel-reblog.reblogged {
    background-color: #303030;
    padding-right: 8px!important;
    border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

div.jp-carousel-buttons a.jp-carousel-reblog.reblogged {
    margin: 0 2px 0 -12px!important
}

div.jp-carousel-buttons a.jp-carousel-reblog,
div.jp-carousel-buttons a.jp-carousel-reblog.reblogged:hover {
    background-position: 6px -36px;
    padding-right: auto!important;
    padding-left: 26px!important;
    color: #999
}

div.jp-carousel-buttons a.jp-carousel-commentlink {
    background-position: 0 -156px;
    padding-left: 19px!important
}

div.jp-carousel-buttons a.jp-carousel-reblog.reblogged:hover {
    cursor: default
}

div.jp-carousel-buttons a.jp-carousel-reblog:hover {
    background-position: 6px -56px;
    color: #68c9e8
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    a.jp-carousel-image-download,
    div.jp-carousel-buttons a.jp-carousel-commentlink,
    div.jp-carousel-buttons a.jp-carousel-reblog {
        background-image: url(../../plugins/jetpack/modules/carousel/images/carousel-sprite-2x.png?5)
    }
}

div#carousel-reblog-box {
    background: #222;
    background: -moz-linear-gradient(bottom, #222, #333);
    background: -webkit-gradient(linear, left bottom, left top, from(#222), to(#333));
    padding: 3px 0 0;
    display: none;
    margin: 5px auto 0;
    border-radius: 2px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .9);
    height: 74px;
    width: 565px
}

#carousel-reblog-box textarea {
    background: #999;
    font: 13px/1.4 "Helvetica Neue", sans-serif!important;
    color: #444;
    padding: 3px 6px;
    width: 370px;
    height: 48px;
    float: left;
    margin: 6px 9px 0 9px;
    border: 1px solid #666;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .2);
    border-radius: 2px
}

#carousel-reblog-box textarea:focus {
    background: #ccc;
    color: #222
}

#carousel-reblog-box label {
    color: #aaa;
    font-size: 11px;
    padding-right: 2px;
    padding-left: 2px;
    display: inline;
    font-weight: 400
}

#carousel-reblog-box select {
    width: 110px;
    padding: 0;
    font-size: 12px;
    font-family: "Helvetica Neue", sans-serif!important;
    background: #333;
    color: #eee;
    border: 1px solid #444;
    margin-top: 5px
}

#carousel-reblog-box .submit,
#wrapper #carousel-reblog-box p.response {
    float: left;
    width: 154px;
    padding-top: 0;
    padding-left: 1px;
    overflow: hidden;
    height: 34px;
    margin: 3px 0 0 2px!important
}

#wrapper #carousel-reblog-box p.response {
    font-size: 13px;
    clear: none;
    padding-left: 2px;
    height: 34px;
    color: #aaa
}

#carousel-reblog-box input#carousel-reblog-submit,
#jp-carousel-comment-form-button-submit {
    font: 13px/24px "Helvetica Neue", sans-serif!important;
    margin-top: 8px;
    padding: 0 10px!important;
    border-radius: 1em;
    height: 24px;
    color: #333;
    cursor: pointer;
    font-weight: 400;
    background: #aaa;
    background: -moz-linear-gradient(bottom, #aaa, #ccc);
    background: -webkit-gradient(linear, left bottom, left top, from(#aaa), to(#ccc));
    border: 1px solid #444
}

#carousel-reblog-box input#carousel-reblog-submit:hover,
#jp-carousel-comment-form-button-submit:hover {
    background: #ccc;
    background: -moz-linear-gradient(bottom, #ccc, #eee);
    background: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#eee))
}

#carousel-reblog-box .canceltext {
    color: #aaa;
    font-size: 0.688rem;
    line-height: 1.5rem;
}

#carousel-reblog-box .canceltext a {
    color: #fff
}

.jp-carousel-titleanddesc {
    border-top: 1px solid #222;
    color: #999;
    font-size: 15px;
    padding-top: 24px;
    margin-bottom: 20px;
    font-weight: 400
}

.jp-carousel-titleanddesc-title {
    font: 300 1.5em/1.1 "Helvetica Neue", sans-serif!important;
    text-transform: none!important;
    color: #fff;
    margin: 0 0 15px;
    padding: 0
}

.jp-carousel-titleanddesc-desc p {
    color: #999;
    line-height: 1.4;
    margin-bottom: .75em
}

.jp-carousel-comments p a,
.jp-carousel-info h2 a,
.jp-carousel-titleanddesc p a {
    color: #fff!important;
    border: none!important;
    text-decoration: underline!important;
    font-weight: 400!important;
    font-style: normal!important
}

.jp-carousel-titleanddesc p b,
.jp-carousel-titleanddesc p strong {
    font-weight: 700;
    color: #999
}

.jp-carousel-titleanddesc p em,
.jp-carousel-titleanddesc p i {
    font-style: italic;
    color: #999
}

.jp-carousel-comments p a:hover,
.jp-carousel-info h2 a:hover,
.jp-carousel-titleanddesc p a:hover {
    color: #68c9e8!important
}

.jp-carousel-titleanddesc p:empty {
    display: none
}

.jp-carousel-left-column-wrapper h1:after,
.jp-carousel-left-column-wrapper h1:before,
.jp-carousel-photo-info h1:after,
.jp-carousel-photo-info h1:before {
    content: none!important
}

.jp-carousel-image-meta {
    background: #111;
    border: 1px solid #222;
    color: #fff;
    font-size: 13px;
    font: 12px/1.4 "Helvetica Neue", sans-serif!important;
    overflow: hidden;
    padding: 18px 20px;
    width: 209px!important
}

.jp-carousel-image-meta h5,
.jp-carousel-image-meta li {
    font-family: "Helvetica Neue", sans-serif!important;
    position: inherit!important;
    top: auto!important;
    right: auto!important;
    left: auto!important;
    bottom: auto!important;
    background: 0 0!important;
    border: none!important;
    font-weight: 400!important;
    line-height: 1.3em!important
}

.jp-carousel-image-meta ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important
}

.jp-carousel-image-meta li {
    width: 48%!important;
    display: inline-block!important;
    vertical-align: top!important;
    margin: 0 2% 15px 0!important;
    color: #fff!important;
    font-size: 13px!important
}

.jp-carousel-image-meta h5 {
    color: #999!important;
    text-transform: uppercase!important;
    font-size: 10px!important;
    margin: 0 0 2px!important;
    letter-spacing: .1em!important
}

a.jp-carousel-image-download {
    padding-left: 23px;
    display: inline-block;
    clear: both;
    color: #999;
    line-height: 1;
    font-weight: 400;
    font-size: 13px;
    text-decoration: none;
    background-position: 0 -82px
}

a.jp-carousel-image-download span.photo-size {
    font-size: 11px;
    border-radius: 1em;
    margin-left: 2px;
    display: inline-block
}

a.jp-carousel-image-download span.photo-size-times {
    padding: 0 1px 0 2px
}

a.jp-carousel-image-download:hover {
    background-position: 0 -122px;
    color: #68c9e8;
    border: none!important
}

.jp-carousel-image-map {
    position: relative;
    margin: -20px -20px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .17);
    height: 154px
}

.jp-carousel-image-map img.gmap-main {
    border-top-left-radius: 6px;
    border-right: 1px solid rgba(255, 255, 255, .17)
}

.jp-carousel-image-map div.gmap-topright {
    width: 94px;
    height: 154px;
    position: absolute;
    top: 0;
    right: 0
}

.jp-carousel-image-map div.imgclip {
    overflow: hidden;
    border-top-right-radius: 6px
}

.jp-carousel-image-map div.gmap-topright img {
    margin-left: -40px
}

.jp-carousel-image-map img.gmap-bottomright {
    position: absolute;
    top: 96px;
    right: 0
}

.jp-carousel-comments {
    font: 15px/1.7 "Helvetica Neue", sans-serif!important;
    font-weight: 400;
    background: none transparent
}

.jp-carousel-comments p a:active,
.jp-carousel-comments p a:focus,
.jp-carousel-comments p a:hover {
    color: #68c9e8!important
}

.jp-carousel-comment {
    background: none transparent;
    color: #999;
    margin-bottom: 20px;
    clear: left;
    overflow: auto;
    width: 100%
}

.jp-carousel-comment p {
    color: #999!important
}

.jp-carousel-comment .comment-author {
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    width: auto;
    display: inline;
    float: none;
    border: none;
    margin: 0
}

.jp-carousel-comment .comment-author a {
    color: #fff
}

.jp-carousel-comment .comment-gravatar {
    float: left
}

.jp-carousel-comment .comment-content {
    border: none;
    margin-left: 85px;
    padding: 0
}

.jp-carousel-comment .avatar {
    margin: 0 20px 0 0;
    border-radius: 4px;
    border: none!important;
    padding: 0!important;
    background-color: transparent!important
}

.jp-carousel-comment .comment-date {
    color: #999;
    margin-top: 4px;
    font-size: 11px;
    display: inline;
    float: right
}

#jp-carousel-comment-form {
    margin: 0 0 10px!important;
    float: left;
    width: 100%
}

textarea#jp-carousel-comment-form-comment-field {
    background: rgba(34, 34, 34, .9);
    border: 1px solid #3a3a3a;
    color: #aaa;
    font: 15px/1.4 "Helvetica Neue", sans-serif!important;
    width: 100%;
    padding: 10px 10px 5px;
    margin: 0;
    float: none;
    height: 147px;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .2);
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box
}

textarea#jp-carousel-comment-form-comment-field::-webkit-input-placeholder {
    color: #555
}

textarea#jp-carousel-comment-form-comment-field:focus {
    background: #ccc;
    color: #222
}

textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder {
    color: #aaa
}

#jp-carousel-comment-form-spinner {
    color: #fff;
    margin: 22px 0 0 10px;
    display: block;
    width: 20px;
    height: 20px;
    float: left
}

#jp-carousel-comment-form-submit-and-info-wrapper {
    display: none;
    overflow: hidden;
    width: 100%
}

#jp-carousel-comment-form-commenting-as input {
    background: rgba(34, 34, 34, .9);
    border: 1px solid #3a3a3a;
    color: #aaa;
    font: 13px/1.4 "Helvetica Neue", sans-serif!important;
    padding: 3px 6px;
    float: left;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .2);
    border-radius: 2px;
    width: 285px
}

#jp-carousel-comment-form-commenting-as input:focus {
    background: #ccc;
    color: #222
}

#jp-carousel-comment-form-commenting-as p {
    font: 400 13px/1.7 "Helvetica Neue", sans-serif!important;
    margin: 22px 0 0;
    float: left
}

#jp-carousel-comment-form-commenting-as fieldset {
    float: left;
    border: none;
    margin: 20px 0 0 0;
    padding: 0
}

#jp-carousel-comment-form-commenting-as fieldset {
    clear: both
}

#jp-carousel-comment-form-commenting-as label {
    font: 400 13px/1.7 "Helvetica Neue", sans-serif!important;
    margin: 0 20px 3px 0;
    float: left;
    width: 100px
}

#jp-carousel-comment-form-button-submit {
    margin-top: 20px;
    float: right
}

#js-carousel-comment-form-container {
    margin-bottom: 15px;
    overflow: auto;
    width: 100%
}

#jp-carousel-comment-form-container {
    margin-bottom: 15px;
    overflow: auto;
    width: 100%
}

#jp-carousel-comment-post-results {
    display: none;
    overflow: auto;
    width: 100%
}

#jp-carousel-comment-post-results span {
    display: block;
    text-align: center;
    margin-top: 20px;
    width: 100%;
    overflow: auto;
    padding: 1em 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .7);
    border-radius: 2px;
    font: 13px/1.4 "Helvetica Neue", sans-serif!important;
    border: 1px solid rgba(255, 255, 255, .17);
    box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 1)
}

.jp-carousel-comment-post-error {
    color: #df4926
}

#jp-carousel-comments-closed {
    display: none;
    color: #999
}

#jp-carousel-comments-loading {
    font: 400 15px/1.7 "Helvetica Neue", sans-serif!important;
    display: none;
    color: #999;
    text-align: left;
    margin-bottom: 20px
}

.jp-carousel-light .jp-carousel-overlay {
    background: #fff
}

.jp-carousel-light .jp-carousel-next-button:hover span,
.jp-carousel-light .jp-carousel-previous-button:hover span {
    opacity: .8
}

.jp-carousel-light .jp-carousel-close-hint:hover,
.jp-carousel-light .jp-carousel-titleanddesc div {
    color: #000!important
}

.jp-carousel-light .jp-carousel-comment .comment-author a,
.jp-carousel-light .jp-carousel-comments p a,
.jp-carousel-light .jp-carousel-info h2 a,
.jp-carousel-light .jp-carousel-titleanddesc p a {
    color: #1e8cbe!important
}

.jp-carousel-light .jp-carousel-comment .comment-author a:hover,
.jp-carousel-light .jp-carousel-comments p a:hover,
.jp-carousel-light .jp-carousel-info h2 a:hover,
.jp-carousel-light .jp-carousel-titleanddesc p a:hover {
    color: #f1831e!important
}

.jp-carousel-light .jp-carousel-comment,
.jp-carousel-light .jp-carousel-comment p,
.jp-carousel-light .jp-carousel-info h2,
.jp-carousel-light .jp-carousel-titleanddesc,
.jp-carousel-light .jp-carousel-titleanddesc p,
.jp-carousel-light .jp-carousel-titleanddesc p b,
.jp-carousel-light .jp-carousel-titleanddesc p em,
.jp-carousel-light .jp-carousel-titleanddesc p i,
.jp-carousel-light .jp-carousel-titleanddesc p strong,
.jp-carousel-light div.jp-carousel-buttons a {
    color: #666
}

.jp-carousel-light .jp-carousel-buttons {
    border-bottom-color: #f0f0f0;
    background: #f5f5f5
}

.jp-carousel-light div.jp-carousel-buttons a:hover {
    text-decoration: none;
    color: #f1831e
}

.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-reblog,
.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-reblog:hover {
    background-position: 4px -56px;
    padding-left: 24px!important
}

.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-reblog.reblogged {
    background-color: #2ea2cc;
    color: #fff
}

.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-commentlink {
    background-position: 0 -176px
}

.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-reblog.reblogged {
    background-position: 5px -36px
}

.jp-carousel-light div#carousel-reblog-box {
    background: #eee;
    background: -moz-linear-gradient(bottom, #ececec, #f7f7f7);
    background: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f7f7f7));
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    border: 1px solid #ddd
}

.jp-carousel-light #carousel-reblog-box textarea {
    border: 1px inset #ccc;
    color: #666;
    border: 1px solid #cfcfcf;
    background: #fff
}

.jp-carousel-light #carousel-reblog-box .canceltext {
    color: #888
}

.jp-carousel-light #carousel-reblog-box .canceltext a {
    color: #666
}

.jp-carousel-light #carousel-reblog-box select {
    background: #eee;
    color: #333;
    border: 1px solid #aaa
}

#jp-carousel-comment-form-button-submit,
.jp-carousel-light #carousel-reblog-box input#carousel-reblog-submit {
    color: #333;
    background: #fff;
    background: -moz-linear-gradient(bottom, #ddd, #fff);
    background: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
    border: 1px solid #aaa
}

.jp-carousel-light .jp-carousel-image-meta {
    background: #fafafa;
    border: 1px solid #eee;
    border-top-color: #f5f5f5;
    border-left-color: #f5f5f5;
    color: #333
}

.jp-carousel-light .jp-carousel-image-meta li {
    color: #000!important
}

.jp-carousel-light .jp-carousel-close-hint {
    color: #ccc
}

.jp-carousel-light .jp-carousel-close-hint span {
    background-color: #fff;
    border-color: #ccc
}

.jp-carousel-light #jp-carousel-comment-form-comment-field::-webkit-input-placeholder {
    color: #aaa
}

.jp-carousel-light #jp-carousel-comment-form-comment-field:focus {
    color: #333
}

.jp-carousel-light #jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder {
    color: #ddd
}

.jp-carousel-light a.jp-carousel-image-download {
    background-position: 0 -122px
}

.jp-carousel-light a.jp-carousel-image-download:hover {
    background-position: 0 -122px;
    color: #f1831e
}

.jp-carousel-light textarea#jp-carousel-comment-form-comment-field {
    background: #fbfbfb;
    color: #333;
    border: 1px solid #dfdfdf;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1)
}

.jp-carousel-light #jp-carousel-comment-form-commenting-as input {
    background: #fbfbfb;
    border: 1px solid #dfdfdf;
    color: #333;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1)
}

.jp-carousel-light #jp-carousel-comment-form-commenting-as input:focus {
    background: #fbfbfb;
    color: #333
}

.jp-carousel-light #jp-carousel-comment-post-results span {
    background: #f7f7f7;
    border: 1px solid #dfdfdf;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .05)
}

.jp-carousel-light .jp-carousel-slide {
    background-color: #fff
}

.jp-carousel-light .jp-carousel-titleanddesc {
    border-top: 1px solid #eee
}

.jp-carousel-light .jp-carousel-fadeaway {
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, 0)))
}

@media only screen and (max-width:760px) {
    .jp-carousel-info {
        margin: 0 10px!important
    }
    .jp-carousel-next-button,
    .jp-carousel-previous-button {
        display: none!important
    }
    .jp-carousel-buttons {
        display: none!important
    }
    .jp-carousel-image-meta {
        float: none!important;
        width: 100%!important;
        box-sizing: border-box
    }
    .jp-carousel-close-hint {
        font-weight: 800!important;
        font-size: 26px!important;
        position: fixed!important;
        top: -10px
    }
    .jp-carousel-slide img {
        filter: alpha(opacity=100);
        opacity: 1
    }
    .jp-carousel-wrap {
        background-color: #000
    }
    .jp-carousel-fadeaway {
        display: none
    }
    #jp-carousel-comment-form-container {
        display: none!important
    }
    .jp-carousel-titleanddesc {
        padding-top: 0!important;
        border: none!important
    }
    .jp-carousel-titleanddesc-title {
        font-size: 1em!important
    }
    .jp-carousel-left-column-wrapper {
        padding: 0;
        width: 100%!important
    }
    .jp-carousel-photo-info {
        left: 0!important;
        width: 100%!important
    }
}

.contact-form .clear-form {
    clear: both
}

.contact-form input[type=email],
.contact-form input[type=text],
.contact-form input[type=url] {
    width: 300px;
    max-width: 98%;
    margin-bottom: 13px
}

.contact-form select {
    margin-bottom: 13px
}

.contact-form textarea {
    height: 200px;
    width: 80%;
    float: none;
    margin-bottom: 13px
}

.contact-form input[type=checkbox],
.contact-form input[type=radio] {
    float: none;
    margin-bottom: 13px
}

.contact-form label {
    margin-bottom: 3px;
    float: none;
    font-weight: 700;
    display: block
}

.contact-form label.checkbox,
.contact-form label.radio {
    margin-bottom: 3px;
    float: none;
    font-weight: 700;
    display: inline-block
}

.contact-form label span {
    color: #aaa;
    margin-left: 4px;
    font-weight: 400
}

.contact-form-submission {
    margin-bottom: 4em;
    padding: 1.5em 1em
}

.contact-form-submission p {
    margin: 0 auto
}

.form-errors .form-error-message {
    color: red
}

.textwidget .contact-form input[type=email],
.textwidget .contact-form input[type=text],
.textwidget .contact-form input[type=url],
.textwidget .contact-form textarea {
    width: 250px;
    max-width: 100%;
    box-sizing: border-box
}

#jetpack-check-feedback-spam {
    margin: 1px 8px 0 0
}

.jetpack-check-feedback-spam-spinner {
    display: inline-block;
    margin-top: 7px
}

.infinite-loader {
    color: #000;
    display: block;
    height: 28px;
    text-indent: -9999px
}

#infinite-handle span {
    background: #333;
    border-radius: 1px;
    color: #eee;
    cursor: pointer;
    font-size: 13px;
    padding: 6px 16px
}

#infinite-handle span button,
#infinite-handle span button:focus,
#infinite-handle span button:hover {
    display: inline;
    position: static;
    padding: 0;
    margin: 0;
    border: none;
    line-height: inherit;
    background: 0 0;
    color: inherit;
    cursor: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit
}

#infinite-handle span button::-moz-focus-inner {
    margin: 0;
    padding: 0;
    border: none
}

@media (max-width:800px) {
    #infinite-handle span:before {
        display: none
    }
    #infinite-handle span {
        display: block
    }
}

#infinite-footer {
    position: fixed;
    bottom: -50px;
    left: 0;
    width: 100%
}

#infinite-footer a {
    text-decoration: none
}

#infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a:hover {
    color: #444;
    text-decoration: underline
}

#infinite-footer .container {
    background: rgba(255, 255, 255, .8);
    border-color: #ccc;
    border-color: rgba(0, 0, 0, .1);
    border-style: solid;
    border-width: 1px 0 0;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    padding: 1px 20px;
    width: 780px
}

#infinite-footer .blog-credits,
#infinite-footer .blog-info {
    box-sizing: border-box;
    line-height: 1.5rem;
}

#infinite-footer .blog-info {
    float: left;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%
}

#infinite-footer .blog-credits {
    font-weight: 400;
    float: right;
    width: 60%
}

#infinite-footer .blog-info a {
    color: #111;
    font-size: 0.875rem;
    font-weight: 700
}

#infinite-footer .blog-credits {
    color: #888;
    font-size: 12px;
    text-align: right
}

#infinite-footer .blog-credits a {
    color: #666
}

.infinity-end.neverending #infinite-footer {
    display: none
}

@media (max-width:640px) {
    #infinite-footer .container {
        box-sizing: border-box;
        width: 100%
    }
    #infinite-footer .blog-info {
        width: 30%
    }
    #infinite-footer .blog-credits {
        width: 70%
    }
    #infinite-footer .blog-credits,
    #infinite-footer .blog-info a {
        font-size: 10px
    }
}

@media (max-width:640px) {
    #infinite-footer {
        position: static
    }
}

@font-face {
    font-family: Noticons;
    src: url(https://wordpress.com/i/noticons/Noticons.woff)
}

#jp-post-flair {
    padding-top: .5em
}

#content div.sharedaddy,
#main div.sharedaddy,
div.sharedaddy {
    clear: both
}

div.sharedaddy h3.sd-title {
    margin: 0 0 1em 0;
    display: inline-block;
    line-height: 1.2;
    font-size: 9pt;
    font-weight: 700
}

div.sharedaddy h3.sd-title:before {
    content: "";
    display: block;
    width: 100%;
    min-width: 30px;
    border-top: 1px solid #ddd;
    margin-bottom: 1em
}

#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
    width: 61px;
    overflow: hidden
}

#wpadminbar iframe.admin-bar-likes-widget {
    width: 61px;
    height: 28px;
    min-height: 28px;
    border-width: 0;
    position: absolute;
    top: 0
}

div.jetpack-likes-widget-wrapper {
    width: 100%;
    min-height: 50px;
    position: relative
}

div.jetpack-likes-widget-wrapper .sd-link-color {
    font-size: 12px
}

div.jetpack-likes-widget-wrapper.slim-likes-widget {
    width: 1px;
    min-height: 0
}

div.jetpack-comment-likes-widget-wrapper {
    width: 100%;
    position: relative;
    min-height: 31px
}

div.jetpack-comment-likes-widget-wrapper iframe {
    margin-bottom: 0
}

#likes-other-gravatars {
    display: none;
    position: absolute;
    padding: 10px 10px 12px 10px;
    background-color: #2e4453;
    border-width: 0;
    box-shadow: 0 0 10px #2e4453;
    box-shadow: 0 0 10px rgba(46, 68, 83, .6);
    min-width: 130px;
    z-index: 1000
}

#likes-other-gravatars * {
    line-height: normal
}

#likes-other-gravatars .likes-text {
    color: #fff;
    font-size: 12px;
    padding-bottom: 8px
}

#likes-other-gravatars li,
#likes-other-gravatars ul {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none
}

#likes-other-gravatars li::before {
    content: ""
}

#likes-other-gravatars ul.wpl-avatars {
    overflow: auto;
    display: block;
    max-height: 190px
}

#likes-other-gravatars ul.wpl-avatars li {
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 5px 5px 0
}

#likes-other-gravatars ul.wpl-avatars li a {
    margin: 0 2px 0 0;
    border-bottom: none!important;
    display: block
}

#likes-other-gravatars ul.wpl-avatars li a img {
    background: 0 0;
    border: none;
    margin: 0!important;
    padding: 0!important;
    position: static
}

div.sd-box {
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(0, 0, 0, .13)
}

.comment-likes-widget,
.entry-content .post-likes-widget,
.post-likes-widget {
    margin: 0;
    border-width: 0;
    display: block
}

.comment-likes-widget-placeholder,
.post-likes-widget-placeholder {
    margin: 0;
    border-width: 0;
    position: relative
}

.comment-likes-widget-placeholder {
    height: 18px;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin-top: 4px
}

.comment-likes-widget-placeholder::before {
    -webkit-font-smoothing: antialiased;
    font-family: Noticons;
    font-size: 20px;
    line-height: .9;
    color: #5cb5d4;
    content: '\f408';
    width: 16px;
    display: inline-block;
    vertical-align: middle
}

.post-likes-widget-placeholder .button {
    display: none
}

.comment-likes-widget-placeholder .loading,
.post-likes-widget-placeholder .loading {
    color: #999;
    font-size: 12px
}

.comment-likes-widget-placeholder .loading {
    padding-left: 5px;
    margin-top: 2px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #4e4e4e
}

.slim-likes-widget .post-likes-widget {
    width: auto;
    float: none
}

div.sharedaddy.sd-like-enabled .sd-like h3 {
    display: none
}

div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
    width: 100%;
    float: none;
    position: absolute;
    top: 0
}

.comment-likes-widget {
    width: 100%
}

.pd-rating {
    display: block!important
}

.sd-gplus .sd-title {
    display: none
}

#jp-relatedposts {
    display: none;
    padding-top: 1em;
    margin: 1em 0;
    position: relative;
    clear: both
}

.jp-relatedposts:after {
    content: '';
    display: block;
    clear: both
}

#jp-relatedposts h3.jp-relatedposts-headline {
    margin: 0 0 1em 0;
    display: inline-block;
    float: left;
    font-size: 9pt;
    font-weight: 700;
    font-family: inherit
}

#jp-relatedposts h3.jp-relatedposts-headline em:before {
    content: "";
    display: block;
    width: 100%;
    min-width: 30px;
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 1em
}

#jp-relatedposts h3.jp-relatedposts-headline em {
    font-style: normal;
    font-weight: 700
}

#jp-relatedposts .jp-relatedposts-items {
    clear: left
}

#jp-relatedposts .jp-relatedposts-items-visual {
    margin-right: -20px
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    float: left;
    width: 33%;
    margin: 0 0 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    padding-right: 20px;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4),
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
    clear: both
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
    text-decoration: underline
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs {
    position: relative
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    border-bottom: 0
}

#jp-relatedposts .jp-relatedposts-items p {
    margin-bottom: 0
}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    text-transform: none;
    margin: 0;
    font-family: inherit;
    display: block;
    max-width: 100%
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
    text-decoration: underline
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {
    display: block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span {
    max-width: 100%
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
    opacity: .6
}

.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
    display: none
}

#jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
    display: none
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
    overflow: hidden
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span {
    margin-bottom: 1em
}

#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post {
    clear: both;
    width: 100%
}

#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img {
    float: left;
    overflow: hidden;
    max-width: 33%;
    margin-right: 3%
}

#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
    display: inline-block;
    max-width: 63%
}

@media only screen and (max-width:640px) {
    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 50%
    }
    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
        clear: left
    }
    #jp-relatedposts .jp-relatedposts-items-visual {
        margin-right: 20px
    }
}

@media only screen and (max-width:320px) {
    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 100%;
        clear: both;
        margin: 0 0 1em
    }
    #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img,
    #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
        float: none;
        max-width: 100%;
        margin-right: 0
    }
}

#jp-post-flair {
    padding-top: .5em
}

#content div.sharedaddy,
#main div.sharedaddy,
div.sharedaddy {
    clear: both
}

div.sharedaddy h3.sd-title {
    margin: 0 0 1em 0;
    display: inline-block;
    line-height: 1.2;
    font-size: 9pt;
    font-weight: 700
}

div.sharedaddy h3.sd-title:before {
    content: "";
    display: block;
    width: 100%;
    min-width: 30px;
    border-top: 1px solid #ddd;
    margin-bottom: 1em
}

body.highlander-light h3.sd-title:before {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

body.highlander-dark h3.sd-title:before {
    border-top: 1px solid rgba(255, 255, 255, .4)
}

.sd-content ul {
    padding: 0!important;
    margin: 0 0 .7em 0!important;
    list-style: none!important
}

.sd-content ul li {
    display: inline-block
}

.sd-block.sd-gplus {
    margin: 0 0 .5em 0
}

.sd-gplus .sd-content {
    font-size: 12px
}

#sharing_email .sharing_send,
.sd-content ul li .option a.share-ustom,
.sd-content ul li a.sd-button,
.sd-content ul li.advanced a.share-more,
.sd-content ul li.preview-item div.option.option-smart-off a,
.sd-social-icon .sd-content ul li a.sd-button,
.sd-social-icon-text .sd-content ul li a.sd-button,
.sd-social-official .sd-content>ul>li .digg_button>a,
.sd-social-official .sd-content>ul>li>a.sd-button,
.sd-social-text .sd-content ul li a.sd-button {
    text-decoration: none!important;
    display: inline-block;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    border-radius: 3px;
    color: #777!important;
    background: #f8f8f8;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
    text-shadow: none;
    line-height: 23px;
    padding: 1px 8px 0 5px
}

.sd-content ul li .option a.share-ustom span,
.sd-content ul li a.sd-button>span,
.sd-content ul li.advanced a.share-more span,
.sd-content ul li.preview-item div.option.option-smart-off a span,
.sd-social-icon-text .sd-content ul li a.sd-button>span,
.sd-social-official .sd-content>ul>li .digg_button>a span,
.sd-social-official .sd-content>ul>li>a.sd-button span,
.sd-social-text .sd-content ul li a.sd-button span {
    line-height: 23px
}

.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button,
.sd-social-official .sd-content>ul>li .digg_button>a,
.sd-social-official .sd-content>ul>li>a.sd-button {
    line-height: 17px;
    box-shadow: none;
    vertical-align: top
}

.sd-social-official .sd-content ul li a.sd-button>span {
    line-height: 17px
}

.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a:before,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button:before,
.sd-social-official .sd-content>ul>li .digg_button>a:before,
.sd-social-official .sd-content>ul>li>a.sd-button:before {
    margin-bottom: -1px
}

.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-icon .sd-content ul li a.sd-button:hover,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:hover,
.sd-social-official .sd-content>ul>li .digg_button>a:active,
.sd-social-official .sd-content>ul>li .digg_button>a:hover,
.sd-social-official .sd-content>ul>li>a.sd-button:active,
.sd-social-official .sd-content>ul>li>a.sd-button:hover,
.sd-social-text .sd-content ul li a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:hover {
    color: #555;
    background: #fafafa;
    border: 1px solid #999
}

.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-official .sd-content>ul>li .digg_button>a:active,
.sd-social-official .sd-content>ul>li>a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:active {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .16)
}

.sd-content ul li a.sd-button:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 18px/1 social-logos;
    vertical-align: top;
    text-align: center
}

.sd-social-icon-text ul li a.sd-button:before {
    position: relative;
    top: 2px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sd-content ul li a.sd-button:before {
        position: relative;
        top: 2px
    }
}

.sd-social-official ul li a.sd-button:before {
    position: relative;
    top: -2px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sd-social-official ul li a.sd-button:before {
        top: 0
    }
}

.sd-content ul li {
    margin: 0 5px 5px 0;
    padding: 0
}

.jp-sharing-input-touch .sd-content ul li {
    padding-left: 10px
}

.sd-content ul li.preview-item a.sd-button span,
.sd-social-icon-text .sd-content ul li a span,
.sd-social-official .sd-content ul li a.sd-button span {
    margin-left: 3px
}

.sd-content ul li.preview-item.no-icon a.sd-button span {
    margin-left: 0
}

.sd-content ul li.no-icon a:before,
.sd-social-text .sd-content ul li a:before {
    display: none
}

body .sd-content ul li.share-custom.no-icon a span,
body .sd-social-text .sd-content ul li.share-custom a span {
    background-image: none;
    background-position: -500px -500px!important;
    background-repeat: no-repeat!important;
    padding-left: 0;
    height: 0;
    line-height: inherit
}

.sd-social-icon .sd-content ul li a.share-more {
    position: relative;
    top: -4px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sd-social-icon .sd-content ul li a.share-more {
        top: 2px
    }
}

@-moz-document url-prefix() {
    .sd-social-icon .sd-content ul li a.share-more {
        top: 2px
    }
}

.sd-social-icon .sd-content ul li a.share-more span {
    margin-left: 3px
}

.sd-content ul li.share-print div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-print a:before,
.sd-social-icon-text .sd-content li.share-print a:before,
.sd-social-official .sd-content li.share-print a:before,
.sd-social-text .sd-content ul li.share-print a:before {
    content: '\f469'
}

.sd-content ul li.share-email div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-email a:before,
.sd-social-icon-text .sd-content li.share-email a:before,
.sd-social-official .sd-content li.share-email a:before,
.sd-social-text .sd-content ul li.share-email a:before {
    content: '\f410'
}

.sd-content ul li.share-linkedin div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-linkedin a:before,
.sd-social-icon-text .sd-content li.share-linkedin a:before,
.sd-social-text .sd-content ul li.share-linkedin a:before {
    content: '\f207'
}

.sd-content ul li.share-twitter div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-twitter a:before,
.sd-social-icon-text .sd-content li.share-twitter a:before,
.sd-social-text .sd-content ul li.share-twitter a:before {
    content: '\f202'
}

.sd-content ul li.share-reddit div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-reddit a:before,
.sd-social-icon-text .sd-content li.share-reddit a:before,
.sd-social-text .sd-content ul li.share-reddit a:before {
    content: '\f222'
}

.sd-content ul li.share-tumblr div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-tumblr a:before,
.sd-social-icon-text .sd-content li.share-tumblr a:before,
.sd-social-text .sd-content ul li.share-tumblr a:before {
    content: '\f607'
}

.sd-content ul li.share-pocket div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-pocket a:before,
.sd-social-icon-text .sd-content li.share-pocket a:before,
.sd-social-text .sd-content ul li.share-pocket a:before {
    content: '\f224'
}

.sd-content ul li.share-pinterest div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-pinterest a:before,
.sd-social-icon-text .sd-content li.share-pinterest a:before,
.sd-social-text .sd-content ul li.share-pinterest a:before {
    content: '\f210'
}

.sd-content ul li.share-google-plus-1 div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-google-plus-1 a:before,
.sd-social-icon-text .sd-content li.share-google-plus-1 a:before,
.sd-social-text .sd-content ul li.share-google-plus-1 a:before {
    content: '\f218'
}

.sd-content ul li.share-facebook div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-facebook a:before,
.sd-social-icon-text .sd-content li.share-facebook a:before,
.sd-social-text .sd-content ul li.share-facebook a:before {
    content: '\f203'
}

.sd-content ul li.share-press-this div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-press-this a:before,
.sd-social-icon-text .sd-content li.share-press-this a:before,
.sd-social-official .sd-content li.share-press-this a:before,
.sd-social-text .sd-content ul li.share-press-this a:before {
    content: '\f205'
}

.sd-social-official .sd-content li.share-press-this a:before {
    color: #2ba1cb
}

.sd-content ul li.share-telegram div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-telegram a:before,
.sd-social-icon-text .sd-content li.share-telegram a:before,
.sd-social-official .sd-content li.share-telegram a:before,
.sd-social-text .sd-content ul li.share-telegram a:before {
    content: '\f606'
}

.sd-social-official .sd-content li.share-telegram a:before {
    color: #08c
}

.sd-content ul li.share-skype div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-skype a:before,
.sd-social-icon-text .sd-content li.share-skype a:before,
.sd-social-text .sd-content ul li.share-skype a:before {
    content: '\f220'
}

.sd-content ul li.advanced a.share-more:before,
.sd-social-icon .sd-content ul a.share-more:before,
.sd-social-icon-text .sd-content a.share-more:before,
.sd-social-official .sd-content a.share-more:before,
.sd-social-text .sd-content ul a.share-more:before {
    content: '\f415'
}

.sd-social-official .sd-content a.share-more:before {
    color: #2ba1cb
}

.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:before,
.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:before,
.sd-social-official .sd-content li.share-jetpack-whatsapp a:before,
.sd-social-text .sd-content ul li.share-jetpack-whatsapp a:before {
    content: '\f608'
}

.sd-social-official .sd-content li.share-jetpack-whatsapp a:before {
    color: #43d854
}

.sd-social-icon .sd-content ul li[class*=share-].share-jetpack-whatsapp a.sd-button {
    background: #43d854;
    color: #fff!important
}

.sd-social .sd-button .share-count {
    background: #2ea2cc;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    padding: 1px 3px;
    line-height: 1
}

.sd-social-official .sd-content ul,
.sd-social-official .sd-content ul li {
    line-height: 25px!important
}

.sd-social-official .sd-content>ul>li>a.sd-button span {
    line-height: 1
}

.sd-social-official .sd-content ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.sd-social-official .sd-content li.share-press-this a {
    margin: 0 0 5px 0
}

.sd-social-official .sd-content ul>li {
    display: block;
    float: left;
    margin: 0 10px 5px 0!important;
    height: 25px
}

.sd-social-official .fb-share-button>span {
    vertical-align: top!important
}

.sd-social-official .sd-content .pocket_button iframe {
    width: 98px
}

.googleplus1_button .g-plus {
    vertical-align: top!important
}

.reddit_button iframe {
    margin-top: 1px
}

.googleplus1_button iframe,
.linkedin_button>span,
.pinterest_button,
.pocket_button iframe,
.twitter_button {
    margin: 0!important
}

.sd-social-official .sd-content .share-skype {
    width: 55px
}

body .sd-social-official li a.share-more,
body .sd-social-official li.share-custom a,
body .sd-social-official li.share-digg a,
body .sd-social-official li.share-email a,
body .sd-social-official li.share-press-this a,
body .sd-social-official li.share-print {
    position: relative;
    top: 0
}

body .sd-social-icon .sd-content li.share-custom>a {
    padding: 2px 3px 0 3px;
    position: relative;
    top: 4px
}

body .sd-content ul li.share-custom a.share-icon span,
body .sd-social-icon .sd-content li.share-custom a span,
body .sd-social-icon-text .sd-content li.share-custom a span,
body .sd-social-official .sd-content li.share-custom a span,
body .sd-social-text .sd-content li.share-custom a span {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    margin-left: 0;
    padding: 0 0 0 19px;
    display: inline-block;
    height: 21px;
    line-height: 1rem
}

body .sd-social-icon .sd-content li.share-custom a span {
    width: 0
}

body .sd-social-icon .sd-content li.share-custom a span {
    padding-left: 16px!important
}

.sharing-hidden .inner {
    position: absolute;
    z-index: 2;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    border-radius: 2px;
    margin-top: 5px;
    max-width: 400px
}

.sharing-hidden .inner ul {
    margin: 0!important
}

.sd-social-official .sd-content .sharing-hidden ul>li.share-end {
    clear: both;
    margin: 0!important;
    height: 0!important
}

.sharing-hidden .inner:after,
.sharing-hidden .inner:before {
    position: absolute;
    z-index: 1;
    top: -8px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #ccc;
    content: "";
    display: block
}

.sharing-hidden .inner:after {
    z-index: 2;
    top: -7px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #fff
}

.sharing-hidden ul {
    margin: 0
}

.sd-social-icon .sd-content ul li[class*=share-] a,
.sd-social-icon .sd-content ul li[class*=share-] a:hover,
.sd-social-icon .sd-content ul li[class*=share-] div.option a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 0;
    box-shadow: none;
    padding: 7px;
    position: relative;
    top: -2px;
    line-height: 1;
    width: auto;
    height: auto;
    margin-bottom: 0
}

.sd-social-icon .sd-content ul li[class*=share-] a.sd-button>span,
.sd-social-icon .sd-content ul li[class*=share-] div.option a span {
    line-height: 1
}

.sd-social-icon .sd-content ul li[class*=share-] a:hover,
.sd-social-icon .sd-content ul li[class*=share-] div.option a:hover {
    border: none;
    opacity: .6
}

.sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before {
    top: 1px;
    top: 0\9
}

.sd-social-icon .sd-content ul li[class*=share-] a.sd-button.share-custom {
    padding: 8px 8px 6px 8px;
    top: 5px
}

.sd-social-icon .sd-content ul li a.sd-button.share-more {
    margin-left: 10px
}

.sd-social-icon .sd-content ul li:first-child a.sd-button.share-more {
    margin-left: 0
}

.sd-social-icon .sd-button span.share-count {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0;
    background: #555;
    font-size: 9px
}

.sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
    background: #e9e9e9;
    margin-top: 2px;
    text-indent: 0
}

.sd-social-icon .sd-content ul li[class*=share-].share-tumblr a.sd-button {
    background: #2c4762;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button {
    background: #3b5998;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button {
    background: #00acee;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-pinterest a.sd-button {
    background: #ca1f27;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-digg a.sd-button {
    color: #555!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-press-this a.sd-button {
    background: #1e8cbe;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-telegram a.sd-button {
    background: #08c;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-linkedin a.sd-button {
    background: #0077b5;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-google-plus-1 a.sd-button {
    background: #dd4b39;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-pocket a.sd-button {
    background: #ee4056;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-reddit a.sd-button {
    background: #cee3f8;
    color: #555!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-skype a.sd-button {
    background: #00aff0;
    color: #fff!important
}

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

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

#sharing_email {
    width: 342px;
    position: absolute;
    z-index: 1001;
    border: 1px solid #ccc;
    padding: 15px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    text-align: left
}

div.sharedaddy.sharedaddy-dark #sharing_email {
    border-color: #fff
}

#sharing_email .errors {
    color: #fff;
    background-color: #771a09;
    font-size: 12px;
    padding: 5px 8px;
    line-height: 1;
    margin: 10px 0 0 0
}

#sharing_email label {
    font-size: 12px;
    color: #333;
    font-weight: 700;
    display: block;
    padding: 0 0 4px 0;
    text-align: left;
    text-shadow: none
}

#sharing_email form {
    margin: 0
}

#sharing_email input[type=email],
#sharing_email input[type=text] {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ccc;
    margin-bottom: 1em;
    background: #fff;
    font-size: 12px;
    color: #333;
    max-width: none;
    padding: 1px 3px
}

#jetpack-source_f_name {
    display: none!important;
    position: absolute!important;
    left: -9000px
}

#sharing_email .sharing_cancel {
    padding: 0 0 0 1em;
    font-size: 12px;
    text-shadow: none
}

#sharing_email .recaptcha {
    width: 312px;
    height: 123px;
    margin: 0 0 1em 0
}

.slideshow-window {
    background-color: #222;
    border: 20px solid #222;
    border-radius: 10px;
    height: 0;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 30px!important;
    padding-bottom: 56.25%!important;
    position: relative;
    z-index: 1
}

.slideshow-window.slideshow-white {
    background-color: #fff;
    border-color: #fff
}

.slideshow-window,
.slideshow-window * {
    box-sizing: content-box
}

.slideshow-loading {
    height: 100%;
    text-align: center;
    margin: auto
}

body div.slideshow-window * img {
    background-color: transparent!important;
    background-image: none!important;
    border-width: 0!important;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    padding: 0!important;
    position: relative;
    transform: translateY(-50%);
    top: 50%
}

.slideshow-loading img {
    vertical-align: middle
}

.slideshow-slide {
    display: none;
    height: 100%!important;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%!important
}

.slideshow-slide img {
    vertical-align: middle
}

.slideshow-line-height-hack {
    overflow: hidden;
    width: 0;
    font-size: 0
}

.slideshow-slide-caption {
    font-size: 13px;
    font-family: "Helvetica Neue", sans-serif;
    color: #f7f7f7;
    text-shadow: #222 1px 1px 2px;
    line-height: 1.563rem;
    height: 25px;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 100;
    width: 100%;
    text-align: center
}

.slideshow-controls {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    margin: auto;
    text-align: center;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    direction: ltr;
    transition: .3s opacity ease-out
}

.slideshow-window:hover .slideshow-controls {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

body div div.slideshow-controls a,
body div div.slideshow-controls a:hover {
    border: 2px solid rgba(255, 255, 255, .1)!important;
    background-color: #000!important;
    background-color: rgba(0, 0, 0, .6)!important;
    background-image: url(../../plugins/jetpack/modules/shortcodes/img/slideshow-controls.png)!important;
    background-repeat: no-repeat;
    background-size: 142px 16px!important;
    background-position: -34px 8px!important;
    color: #222!important;
    margin: 0 5px!important;
    padding: 0!important;
    display: inline-block!important;
    /* *display: inline; */
    zoom: 1;
    height: 32px!important;
    width: 32px!important;
    line-height: 2rem!important;
    text-align: center!important;
    border-radius: 10em!important;
    transition: .3s border-color ease-out
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    body div div.slideshow-controls a,
    body div div.slideshow-controls a:hover {
        background-image: url(../../plugins/jetpack/modules/shortcodes/img/slideshow-controls-2x.png)!important
    }
}

body div div.slideshow-controls a:hover {
    border-color: rgba(255, 255, 255, 1)!important
}

body div div.slideshow-controls a:first-child {
    background-position: -76px 8px!important
}

body div div.slideshow-controls a:last-child {
    background-position: -117px 8px!important
}

body div div.slideshow-controls a:nth-child(2) {
    background-position: -34px 8px!important
}

body div div.slideshow-controls a.running {
    background-position: -34px 8px!important
}

body div div.slideshow-controls a.paused {
    background-position: 9px 8px!important
}

.slideshow-controls a img {
    border: 50px dotted #f0f
}

body.presentation-wrapper-fullscreen-parent,
html.presentation-wrapper-fullscreen-parent {
    overflow: hidden!important
}

.presentation-wrapper-fullscreen-parent #wpadminbar {
    display: none
}

.presentation-wrapper-fullscreen,
.presentation-wrapper-fullscreen-parent {
    min-width: 100%!important;
    min-height: 100%!important;
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
    margin: 0!important;
    padding: 0!important;
    z-index: 10000!important
}

.presentation-wrapper-fullscreen {
    background-color: grey;
    border: none!important
}

.presentation-wrapper-fullscreen .nav-arrow-left,
.presentation-wrapper-fullscreen .nav-arrow-right {
    z-index: 20001
}

.presentation-wrapper-fullscreen .nav-fullscreen-button {
    z-index: 20002
}

.presentation-wrapper {
    margin: 20px auto;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    line-height: normal
}

.presentation {
    position: relative;
    margin: 0;
    overflow: hidden;
    outline: 0
}

.presentation,
.presentation .step {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.presentation .step.fade:not(.active) {
    opacity: 0
}

.presentation .slide-content {
    padding: 30px
}

.presentation .nav-arrow-left,
.presentation .nav-arrow-right,
.presentation .nav-fullscreen-button {
    position: absolute;
    width: 34px;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 0;
    transition: opacity .25s
}

.presentation .nav-arrow-left,
.presentation .nav-arrow-right {
    height: 100%;
    background-image: url(../../plugins/jetpack/modules/shortcodes/images/slide-nav.png);
    background-size: 450% 61px
}

.presentation .nav-arrow-left {
    left: 0;
    background-position: 4px 50%
}

.presentation .nav-arrow-right {
    right: 0;
    background-position: -120px 50%
}

.presentation .nav-fullscreen-button {
    width: 32px;
    height: 32px;
    margin: 4px;
    bottom: 0;
    right: 0;
    z-index: 3;
    background-image: url(../../plugins/jetpack/modules/shortcodes/images/expand.png);
    background-size: 100% 100%
}

.presentation:hover .nav-arrow-left,
.presentation:hover .nav-arrow-right {
    opacity: 1
}

.presentation:hover .nav-fullscreen-button {
    opacity: .8
}

.presentation-wrapper-fullscreen .nav-fullscreen-button {
    background-image: url(../../plugins/jetpack/modules/shortcodes/images/collapse.png)
}

.presentation .autoplay-overlay {
    height: 15%;
    width: 80%;
    margin: 30% 10%;
    position: relative;
    z-index: 100;
    display: table;
    border-radius: 50px;
    background-color: #e5e5e5;
    background-color: rgba(0, 0, 0, .75);
    transition: opacity .5s
}

.presentation .autoplay-overlay .overlay-msg {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

.presentation .will-fade {
    opacity: 0
}

.presentation .do-fade {
    opacity: 1;
    transition: opacity .5s
}

div.jetpack-quiz {
    border: 1px solid #deede3;
    background-color: #f3f3f3;
    padding: 1em;
    line-height: 1.3em;
    margin-bottom: 2em;
    border-radius: .2em
}

div.jetpack-quiz div.jetpack-quiz-question {
    margin-bottom: .5em;
    font-weight: 700
}

div.jetpack-quiz div.jetpack-quiz-answer {
    cursor: pointer;
    margin-bottom: .5em;
    padding: 1em 0 1em 1em;
    border-bottom: 1px dotted #999
}

div.jetpack-quiz div.jetpack-quiz-answer.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

div.jetpack-quiz div.jetpack-quiz-answer.correct {
    color: green
}

div.jetpack-quiz div.jetpack-quiz-answer.wrong {
    color: red
}

div.jetpack-quiz div.jetpack-quiz-answer div.jetpack-quiz-explanation {
    display: none
}

div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation,
div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation {
    display: block;
    color: #000;
    font-size: 90%;
    margin-top: 1em
}

div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation tt,
div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation tt {
    font-size: 85%
}

div.jetpack-quiz pre {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    background: 0 0;
    margin: 0;
    padding: 0
}

#subscribe-email input {
    width: 95%
}

.comment-subscription-form .subscribe-label {
    display: inline!important
}

.jetpack-video-wrapper {
    margin-bottom: 1.6em
}

.jetpack-video-wrapper>.wp-video,
.jetpack-video-wrapper>embed,
.jetpack-video-wrapper>iframe,
.jetpack-video-wrapper>object {
    margin-bottom: 0
}

.jetpack-social-navigation ul {
    display: block;
    margin: 0 0 1.5em;
    padding: 0
}

.jetpack-social-navigation li {
    display: inline-block;
    margin: 0;
    line-height: 1
}

.jetpack-social-navigation a {
    border: 0;
    height: 1em;
    text-decoration: none;
    width: 1em
}

.jetpack-social-navigation-svg .icon {
    color: inherit;
    fill: currentColor;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

.jetpack-social-navigation-genericons a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Genericons;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    speak: none;
    text-decoration: inherit;
    vertical-align: top;
    width: 1em
}

.jetpack-social-navigation-genericons a:before {
    content: "\f415"
}

.jetpack-social-navigation-genericons a[href*="codepen.io"]:before {
    content: "\f216"
}

.jetpack-social-navigation-genericons a[href*="digg.com"]:before {
    content: "\f221"
}

.jetpack-social-navigation-genericons a[href*="dribbble.com"]:before {
    content: "\f201"
}

.jetpack-social-navigation-genericons a[href*="dropbox.com"]:before {
    content: "\f225"
}

.jetpack-social-navigation-genericons a[href*="mailto:"]:before {
    content: "\f410"
}

.jetpack-social-navigation-genericons a[href*="facebook.com"]:before {
    content: "\f203"
}

.jetpack-social-navigation-genericons a[href*="flickr.com"]:before {
    content: "\f211"
}

.jetpack-social-navigation-genericons a[href*="foursquare.com"]:before {
    content: "\f226"
}

.jetpack-social-navigation-genericons a[href*="github.com"]:before {
    content: "\f200"
}

.jetpack-social-navigation-genericons a[href*="plus.google.com"]:before {
    content: "\f206"
}

.jetpack-social-navigation-genericons a[href*="instagram.com"]:before {
    content: "\f215"
}

.jetpack-social-navigation-genericons a[href*="linkedin.com"]:before {
    content: "\f208"
}

.jetpack-social-navigation-genericons a[href*="path.com"]:before {
    content: "\f219"
}

.jetpack-social-navigation-genericons a[href*="pinterest.com"]:before {
    content: "\f210"
}

.jetpack-social-navigation-genericons a[href*="getpocket.com"]:before {
    content: "\f224"
}

.jetpack-social-navigation-genericons a[href*="polldaddy.com"]:before {
    content: "\f217"
}

.jetpack-social-navigation-genericons a[href*="reddit.com"]:before {
    content: "\f222"
}

.jetpack-social-navigation-genericons a[href$="/feed/"]:before {
    content: "\f413"
}

.jetpack-social-navigation-genericons a[href*="skype:"]:before {
    content: "\f220"
}

.jetpack-social-navigation-genericons a[href*="spotify.com"]:before {
    content: "\f515"
}

.jetpack-social-navigation-genericons a[href*="stumbleupon.com"]:before {
    content: "\f223"
}

.jetpack-social-navigation-genericons a[href*="tumblr.com"]:before {
    content: "\f214"
}

.jetpack-social-navigation-genericons a[href*="twitch.tv"]:before {
    content: "\f516"
}

.jetpack-social-navigation-genericons a[href*="twitter.com"]:before {
    content: "\f202"
}

.jetpack-social-navigation-genericons a[href*="vimeo.com"]:before {
    content: "\f212"
}

.jetpack-social-navigation-genericons a[href*="vine.co"]:before {
    content: "\f517"
}

.jetpack-social-navigation-genericons a[href*="wordpress.com"]:before,
.jetpack-social-navigation-genericons a[href*="wordpress.org"]:before {
    content: "\f205"
}

.jetpack-social-navigation-genericons a[href*="youtube.com"]:before {
    content: "\f213"
}

.tiled-gallery {
    clear: both;
    margin: 0 0 20px;
    overflow: hidden
}

.tiled-gallery img {
    margin: 2px!important
}

.tiled-gallery .gallery-group {
    float: left;
    position: relative
}

.tiled-gallery .tiled-gallery-item {
    float: left;
    margin: 0;
    position: relative;
    width: inherit
}

.tiled-gallery .gallery-row {
    overflow: hidden
}

.tiled-gallery .tiled-gallery-item a {
    background: 0 0;
    border: none;
    color: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: auto
}

.tiled-gallery .tiled-gallery-item img,
.tiled-gallery .tiled-gallery-item img:hover {
    background: 0 0;
    border: none;
    box-shadow: none;
    max-width: 100%;
    padding: 0;
    vertical-align: middle
}

.tiled-gallery-caption {
    background: #eee;
    background: rgba(255, 255, 255, .8);
    color: #333;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap
}

.tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption {
    font-size: 11px
}

.widget-gallery .tiled-gallery-unresized {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.tiled-gallery .tiled-gallery-item img.grayscale {
    position: absolute;
    left: 0;
    top: 0
}

.tiled-gallery .tiled-gallery-item img.grayscale:hover {
    opacity: 0
}

.tiled-gallery.type-circle .tiled-gallery-item img {
    border-radius: 50%!important
}

.tiled-gallery.type-circle .tiled-gallery-caption {
    display: none;
    opacity: 0
}

.jetpack-display-remote-posts {
    margin: 5px 0 20px 0
}

.jetpack-display-remote-posts h4 {
    font-size: 90%;
    margin: 5px 0;
    padding: 0
}

.jetpack-display-remote-posts h4 a {
    text-decoration: none
}

.jetpack-display-remote-posts p {
    margin: 0!important;
    padding: 0;
    line-height: 1.4em!important;
    font-size: 90%
}

.jetpack-display-remote-posts img {
    max-width: 100%
}

.widget-grofile h4 {
    margin: 1em 0 .5em
}

.widget-grofile ul.grofile-urls {
    margin-left: 0;
    overflow: hidden
}

.widget-grofile ul.grofile-accounts li {
    list-style: none;
    display: inline
}

.widget-grofile ul.grofile-accounts li::before {
    content: ""!important
}

.widget-grofile .grofile-accounts-logo {
    background-image: url(https://secure.gravatar.com/images/grav-share-sprite.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px
}

.rtl .widget-grofile .grofile-accounts-logo {
    margin-left: 8px;
    margin-right: 0
}

.grofile-thumbnail {
    width: 500px;
    max-width: 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .widget-grofile .grofile-accounts-logo {
        background-image: url(https://secure.gravatar.com/images/grav-share-sprite-2x.png);
        background-size: 16px 784px
    }
}

div[class^=gr_custom_container] {
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px 5px 10px 5px;
    background-color: #fff;
    color: #000
}

div[class^=gr_custom_container] a {
    color: #000
}

h2[class^=gr_custom_header] {
    display: none
}

div[class^=gr_custom_each_container] {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    overflow: auto;
    padding-bottom: 4px;
    border-bottom: 1px solid #aaa
}

div[class^=gr_custom_book_container] {
    float: right;
    overflow: hidden;
    height: 60px;
    margin-left: 4px;
    width: 39px
}

div[class^=gr_custom_author] {
    font-size: 10px
}

div[class^=gr_custom_tags] {
    font-size: 10px;
    color: gray
}

div[class^=gr_custom_rating] {
    display: none
}

.widget_wpcom_social_media_icons_widget ul {
    list-style-type: none;
    margin-left: 0
}

.widget_wpcom_social_media_icons_widget ul li {
    border: 0 none;
    display: inline;
    margin-right: .5em
}

.widget_wpcom_social_media_icons_widget li a {
    border: 0 none;
    text-decoration: none
}

.widget_wpcom_social_media_icons_widget .genericon {
    font-family: Genericons
}

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

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

.widgets-grid-layout {
    width: 100%
}

.widgets-grid-layout:after,
.widgets-grid-layout:before {
    content: " ";
    display: table
}

.widgets-grid-layout:after {
    clear: both
}

.widget-grid-view-image {
    float: left;
    max-width: 50%
}

.widget-grid-view-image a {
    display: block;
    margin: 0 2px 4px 0
}

.widget-grid-view-image:nth-child(even) {
    float: right
}

.widget-grid-view-image:nth-child(even) a {
    margin: 0 0 4px 2px
}

.widgets-grid-layout .widget-grid-view-image img {
    max-width: 100%;
    height: auto
}

.widgets-multi-column-grid ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.widgets-multi-column-grid ul li {
    background: 0 0;
    clear: none;
    float: left;
    margin: 0 -5px -3px 0;
    padding: 0 8px 6px 0;
    border: none;
    list-style-type: none!important
}

.widgets-multi-column-grid ul li a {
    background: 0 0;
    margin: 0;
    padding: 0;
    border: 0
}

.widgets-multi-column-grid .avatar {
    vertical-align: middle
}

.widgets-list-layout {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.widgets-list-layout li:after,
.widgets-list-layout li:before {
    content: "";
    display: table
}

.widgets-list-layout li:after {
    clear: both
}

.widgets-list-layout li {
    zoom: 1;
    margin-bottom: 1em;
    list-style-type: none!important
}

.widgets-list-layout .widgets-list-layout-blavatar {
    float: left;
    width: 21.276596%;
    max-width: 40px;
    height: auto
}

.widgets-list-layout-links {
    float: right;
    width: 73.404255%
}

.widgets-list-layout span {
    opacity: .5
}

.widgets-list-layout span:hover {
    opacity: .8
}

.jetpack-image-container:after {
    clear: both
}

.jetpack-image-container:after,
.jetpack-image-container:before {
    display: table;
    content: ""
}

.widgets-multi-column-grid ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.widgets-multi-column-grid ul li {
    background: 0 0;
    clear: none;
    float: left;
    margin: 0 -5px -3px 0;
    padding: 0 8px 6px 0;
    border: none;
    list-style-type: none!important
}

.widgets-multi-column-grid ul li a {
    background: 0 0;
    margin: 0;
    padding: 0;
    border: 0
}

.widgets-multi-column-grid .avatar {
    vertical-align: middle
}

.widget_jetpack_my_community .avatar-240,
.widget_jetpack_my_community .avatar-48 {
    max-width: 48px;
    max-height: 48px
}

.widget.widget_authors li>ul,
.widget_authors>ul {
    margin-left: inherit;
    padding-left: 0
}

.widget_authors ul li li {
    padding-left: 0
}

.widget_authors>ul>li {
    margin-bottom: 1em;
    list-style: none
}

.widget_authors>ul>li+li {
    border-top: 0
}

.widget.widget_authors img {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    box-shadow: none
}

.wpcnt {
    text-align: center;
    line-height: 2
}

.wpa {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.wpa-about {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    display: block;
    margin-top: 0;
    color: #888;
    font: 10px/1 "Open Sans", Arial, sans-serif!important;
    text-align: left!important;
    text-decoration: none!important;
    opacity: .85;
    border-bottom: none!important;
    box-shadow: none!important
}

.wpa .u>div {
    display: block;
    margin-top: 5px;
    margin-bottom: 1em
}

div.wpa>div {
    margin-top: 20px
}

.wpa .u .adsbygoogle {
    display: block;
    margin-top: 17px;
    margin-bottom: 1em;
    background-color: transparent
}

.widget_eu_cookie_law_widget.widget {
    border: none;
    bottom: 1em;
    display: none;
    left: 1em;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 1em;
    width: auto;
    z-index: 50001
}

#eu-cookie-law {
    background-color: #fff;
    border: 1px solid #dedede;
    color: #2e4467;
    font-size: 12px;
    line-height: 1.5;
    overflow: hidden;
    padding: 6px 6px 6px 15px;
    position: relative
}

#eu-cookie-law a,
#eu-cookie-law a:active,
#eu-cookie-law a:visited {
    color: inherit;
    cursor: inherit;
    text-decoration: underline
}

#eu-cookie-law a:hover {
    cursor: pointer;
    text-decoration: none
}

#eu-cookie-law.negative {
    background-color: #000;
    border: none;
    color: #fff
}

#eu-cookie-law input,
#eu-cookie-law input:focus,
#eu-cookie-law input:hover {
    background: #f3f3f3;
    border: 1px solid #dedede;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #2e4453;
    cursor: pointer;
    display: inline;
    float: right;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: inherit;
    line-height: inherit;
    margin: 0 0 0 5%;
    padding: 8px 12px;
    position: static;
    text-transform: none
}

#eu-cookie-law.negative input,
#eu-cookie-law.negative input:focus,
#eu-cookie-law.negative input:hover {
    background: #282828;
    border-color: #535353;
    color: #fff
}

@media (max-width:600px) {
    #eu-cookie-law {
        padding-bottom: 55px
    }
    #eu-cookie-law input.accept {
        bottom: 8px;
        position: absolute;
        right: 8px
    }
}

.flickr-images {
    text-align: center
}

.flickr-size-thumbnail .flickr-images {
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.flickr-images img {
    max-width: 100%;
    margin: 5px
}


/* ee social buttons fix */

.sd-button:focus {
    outline: 3px solid var(--bright-yellow);
}


/*color contrast fix for jetpack sharing*/

#sharing_email .sharing_send,
.sd-content ul li .option a.share-ustom,
.sd-content ul li a.sd-button,
.sd-content ul li.advanced a.share-more,
.sd-content ul li.preview-item div.option.option-smart-off a,
.sd-social-icon .sd-content ul li a.sd-button,
.sd-social-icon-text .sd-content ul li a.sd-button,
.sd-social-official .sd-content>ul>li .digg_button>a,
.sd-social-official .sd-content>ul>li>a.sd-button,
.sd-social-text .sd-content ul li a.sd-button {
    color: #656565!important;
}


/* remove Customize buttons link visible to admins (via CSS as there is no other way) */

.sd-content .share-customize-link {
    display: none;
}


/* END ee social buttons fix */


/* Version: 5.6.1 */


/* plugins/jetpack/modules/contact-form/css/grunion.css */

.contact-form .clear-form {
    clear: both;
}

.contact-form input[type='text'],
.contact-form input[type='email'],
.contact-form input[type='url'] {
    width: 300px;
    max-width: 98%;
    margin-bottom: 13px;
}

.contact-form select {
    margin-bottom: 13px;
}

.contact-form textarea {
    height: 200px;
    width: 80%;
    float: none;
    margin-bottom: 13px;
}

.contact-form input[type='radio'],
.contact-form input[type='checkbox'] {
    float: none;
    margin-bottom: 13px;
}

.contact-form label {
    margin-bottom: 3px;
    float: none;
    font-weight: bold;
    display: block;
    color: var(--ee-blue);
    font-family: 'Lato', sans-serif;
}

.contact-form label.checkbox,
.contact-form label.radio {
    margin-bottom: 3px;
    float: none;
    font-weight: bold;
    display: inline-block;
}

.contact-form label span {
    color: #AAA;
    margin-left: 4px;
    font-weight: normal;
}

.contact-form-submission {
    margin-bottom: 4em;
    padding: 1.5em 1em;
}

.contact-form-submission p {
    margin: 0 auto;
}

.form-errors .form-error-message {
    color: #e41e24;
}

.textwidget .contact-form input[type='text'],
.textwidget .contact-form input[type='email'],
.textwidget .contact-form input[type='url'],
.textwidget .contact-form textarea {
    width: 250px;
    max-width: 100%;
    box-sizing: border-box;
}

#jetpack-check-feedback-spam {
    margin: 1px 8px 0px 0px;
}

.jetpack-check-feedback-spam-spinner {
    display: inline-block;
    margin-top: 7px;
}


/* END grunion.css */


/* ee label color fix - and more */

.contact-form label span {
    color: #000;
}


/* 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: 'Nunito Sans';
    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 {
    margin-top: 30px;
    border: solid 4px var(--bright-yellow)
}

#mc-embedded-subscribe-form p {
    font-family: 'Inter', 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: -47px;
    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: 'Poppins', 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: 'Poppins', 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;
}

.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:hover,
.link-list a:focus {
    text-decoration: underline !important;
    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;
    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:hover,
#mce-EMAIL:focus {
    box-shadow: 0 0 0 4px var(--ee-blue), 0 0 0 8px var(--bright-yellow);
    outline: none;
}

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

.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;
}

.meetup-img>img {
    width: 100%;
}

.meetup-card>h3 {
    text-align: center;
    color: var(--ee-blue);
    margin: 15px 30px;
    padding: 10px 0;
    border-bottom: solid 4px var(--ee-blue);
}

.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 h4 {
    padding: 0 30px;
}

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

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

.red-asterisk {
    color: #E41E24 !important;
    background-color: transparent !important;
}

.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: 'Inter', sans-serif;
}


/* members */

.members {
    display: grid;
    grid-template-columns: auto;
    row-gap: 72px;
    max-width: 1600px;
    margin: 0 auto;
}

@media screen and (min-width: 820px) {
    .members {
        grid-template-columns: auto auto;
    }
}

@media screen and (min-width: 1120px) {
    .members {
        grid-template-columns: auto auto auto;
    }
}

@media screen and (min-width: 1820px) {
    .members {
        grid-template-columns: auto auto auto auto auto;
    }
}

.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: 0;
}

.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: 'Nunito Sans';
    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;
}

.testimonial-portrait-wrap {
    position: relative;
    width: min-content;
    margin: 0 auto;
}

.testimonial-portrait-border {
    border: solid 8px var(--ee-blue);
    overflow: hidden;
    margin: 0 auto 14px;
    border-radius: 200px;
    width: 120px;
    height: 120px;
    box-shadow: 0 0 0 4px var(--bg-light-gray-2), 8px 8px 10px rgba(0, 0, 0, 0.05);
    transition: .3s;
}

.about-popup-content .testimonial-portrait-border {
    margin-top: 32px;
}

.testimonial-portrait-border img {
    height: 105%;
    max-width: unset;
}

.testimonial-portrait-wrap svg {
    position: absolute;
    fill: var(--ee-blue);
    transition: .3s;
}

.testimonial:hover .testimonial-portrait-wrap svg,
.testimonial:focus .testimonial-portrait-wrap svg {
    fill: var(--highlight-blue);
}

.testimonials-wrap {
    display: grid;
    justify-content: center;
    display: -webkit-grid;
    -webkit-justify-content: center;
    margin: 0 auto;
    padding-bottom: 20px;
    background: var(--bg-light-gray);
}

.testimonials-wrap.hide,
#testimonial-expand.hide {
    display: none;
}

@media screen and (min-width: 1280px) {
    .testimonials-wrap {
        /* bigger gap */
        /* grid-template-columns: 1fr 1fr 1fr; */
        grid-template-columns: auto auto auto;
        gap: 20px;
    }
    .testimonial {
        width: 320px !important;
        height: 498px !important;
    }
    .testimonial.middle-colunm {
        margin: 96px auto 0;
    }
    .testimonial.end-colunm {
        margin-left: auto;
    }
    .testimonial-card {
        padding: 0 40px 40px;
    }
    .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) {
    .testimonials-wrap {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
        max-width: fit-content;
    }
    .testimonial {
        width: 320px !important;
        height: 498px !important;
    }
    .fourth-el {
        display: unset !important;
    }
    .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;
    }
}

.fourth-el {
    display: none;
}

.our-work .ee_page_header {
    font-size: 2.25rem;
    line-height: 2.375rem;
    letter-spacing: 0.02em;
    color: var(--ee-blue);
}

.testimonial {
    position: relative;
    width: 280px;
    height: 464px;
    margin-top: 96px;
    background: #FCFCFC;
    border-radius: 10px;
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.05);
    border: solid 4px transparent;
    cursor: pointer;
    transition: .3s;
}

.testimonial-card {
    position: absolute;
    height: calc(100% + 60px);
    padding: 0 20px 20px;
    top: -60px;
    display: flex;
    flex-direction: column;
}

.testimonial:hover,
.testimonial:focus {
    border-color: var(--highlight-blue);
}

.testimonial:hover .testimonial-portrait-border,
.testimonial:focus .testimonial-portrait-border {
    border-color: var(--highlight-blue);
}

.testimonial_name {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2rem;
    letter-spacing: 0.02em;
    color: var(--ee-black);
}

.testimonial_role_wrap {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: 0.015em;
    color: #222;
    min-height: 40px;
}

.testimonial-quote-wrap {
    position: relative;
    margin: 10px 0 15px;
}

.testimonial hr {
    height: 1.5px;
    border-color: #DDDDDD;
    margin: 0;
}

.hr-top-testimonial {
    position: absolute;
    width: 77%;
    top: 42%;
    right: 0;
}

.quote {
    flex-grow: 1;
}

.quote p {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: var(--ee-blue) !important;
    letter-spacing: 0.015em;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial-company-logo {
    height: 60px;
    display: flex;
    justify-content: center;
    margin-top: 7px;
}

.testimonial-company-logo>img {
    height: fit-content;
    max-width: 80%;
    max-height: 80%;
    margin: auto;
}

.testimonial-expand-wrap,
.our-work-articles {
    display: flex;
    justify-content: center;
    padding: 32px 0 64px;
}

#testimonial-expand {
    margin: 0;
}

.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;
}

.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;
}