/*
Theme Name: DCC-2021
Theme URI: https://dev.diabitescarecommunite.com/
Description: The custom child theme based on Genesis Framework.
Author: Eradium
Author URI: https://www.Eradium.com
Version: 1.1.1
Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks
Template: genesis
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dcc-2021
Requires at least: 5.4
Requires PHP: 5.6
*/

@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
/* Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Container
	- Site Inner
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Genesis Simple FAQ
	- WPForms
- Skip Links
- Site Header
	- Title Area
- Site Navigation
	- Responsive Menu
	- Header Menu
	- Footer Menu
- Content Area
	- Entry Content
	- Entry Meta
	- Pagination
	- Entry Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
	- Min-width: 992px
		- Site Header
		- Genesis Menu
		- Responsive Menu
		- Header Menu
		- Site Inner
		- Content
		- Sidebar
		- Author Box
		- After Entry
		- Column Classes
		- Entry Misc.
		- Footer Widgets
- Print Styles
*/


/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* stylelint-enable */

/* Box Sizing
--------------------------------------------- */

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

/* Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
    content: " ";
    display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
    clear: both;
    content: " ";
    display: table;
}


/* Defaults
---------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: #fff;
    color: #333;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.625;
    margin: 0;
    overflow-x: hidden;
}


button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
    transition: all 0.2s ease-in-out;
}

a {
    color: #0073e5;
    text-decoration: underline;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:focus,
a:hover {
    color: #333;
    text-decoration: none;
}

p {
    margin: 0 0 28px;
    padding: 0;
}

ol,
ul {
    maring: 0 0 28px;
    padding: 0;
}

li {
    list-style-type: none;
}

hr {
    border: 0;
    border-collapse: collapse;
    border-bottom: 1px solid currentColor;
    clear: both;
    color: #eee;
    margin: 1.65em auto;
}

b,
strong {
    font-weight: 700;
}

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

mark {
    background: #ddd;
    color: #333;
}

blockquote {
    margin: 30px;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 20px;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

.entry-content h3,
.entry-content h4 {
    font-weight: 600;
}

.entry-content h4 {
    margin-top: 40px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}

img {
    height: auto;
    vertical-align: top;
}

figure {
    margin: 0;
}

/* Gallery
--------------------------------------------- */

.gallery {
    overflow: hidden;
}

.gallery img {
    border: 1px solid #eee;
    height: auto;
    padding: 4px;
}

.gallery img:focus,
.gallery img:hover {
    border: 1px solid #999;
    outline: none;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
    width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left;
}

.gallery-item {
    float: left;
    margin: 0 0 30px;
    text-align: center;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    padding: 15px;
    width: 100%;
}

input:focus,
textarea:focus {
    border: 1px solid #999;
    outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
    width: auto;
}

:-ms-input-placeholder {
    color: #333;
    opacity: 1;
}

::placeholder {
    color: #333;
    opacity: 1;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"],
.button {
    background-color: #2166B1;;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    width: auto;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.button:focus,
.button:hover {
    background-color: #5896D6;
    border-width: 0;
    color: #fff;
}

.entry-content .button:focus,
.entry-content .button:hover {
    color: #fff;
}

.button {
    display: inline-block;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
    background-color: #eee;
    border-width: 0;
    color: #777;
    cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
    display: none;
}

/* Tables
--------------------------------------------- */

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 40px;
    width: 100%;
    word-break: break-all;
}

tbody {
    border-bottom: 1px solid #eee;
}

td,
th {
    line-height: 2;
    text-align: left;
    vertical-align: top;
}

td {
    padding: 0.5em;
}

tr {
    border-top: 1px solid #eee;
}

th {
    font-weight: 600;
    padding: 0.5em;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
    background: #fff;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #333;
    display: block;
    font-size: 1em;
    font-weight: 700;
    height: auto;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.more-link {
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
}


/* Structure and Layout
---------------------------------------------------------------------------- */

/* Site Container
--------------------------------------------- */

.site-container {
    animation: fadein 1s;
    word-wrap: break-word;
}

@keyframes fadein {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

/* Site Inner
--------------------------------------------- */

.site-inner {
    clear: both;
    margin: 0 auto;
}

.site-inner {
    padding: 0 15px 30px 15px;
}


/* Common Classes
---------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
    border-radius: 50%;
    float: left;
}

.author-box .avatar,
.alignleft .avatar {
    margin-right: 20px;
}

.alignright .avatar {
    margin-left: 20px;
}

.comment .avatar {
    margin: 0 15px 20px 0;
}

/* Genesis
--------------------------------------------- */

.after-entry,
.archive-description,
.author-box {
    margin-bottom: 40px;
}

.after-entry {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    padding: 20px 30px;
}

.after-entry .widget:last-of-type {
    margin-bottom: 0;
}

.breadcrumb {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    margin-bottom: 40px;
    padding-bottom: 10px;
}

.genesis-title-hidden .breadcrumb {
    margin-top: 40px;
}

.archive-description p:last-child,
.author-box p:last-child {
    margin-bottom: 0;
}

/* Search Form
--------------------------------------------- */

.search-form {
    overflow: hidden;
}

.entry-content .search-form {
    margin-bottom: 40px;
    width: 50%;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
    margin-top: 10px;
}

.widget_search input[type="submit"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Titles
--------------------------------------------- */

.archive-description .entry-title,
.archive-title,
.author-box-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.archive-description.taxonomy-archive-description.taxonomy-description h1
{
    font-family: Arial, Helvetica, sans-serif;
    color: #2167b1;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    margin-top: 10px;
    margin-bottom: 10px;
}
.entry-title {
    font-size: 30px;
    margin-bottom: 10px;
}

.entry-title a,
.sidebar .widget-title a {
    color: #333;
    text-decoration: none;
}

.entry-title a:focus,
.entry-title a:hover {
    color: #0073e5;
}

.widget-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.genesis-title-hidden .site-inner {
    padding-top: 0;
}

/* WordPress
--------------------------------------------- */

a.aligncenter img {
    display: block;
    margin: 0 auto;
}

a.alignnone {
    display: inline-block;
}

.alignleft {
    float: left;
    text-align: left;
}

.alignright {
    float: right;
    text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
    max-width: 100%;
}

img.centered,
.aligncenter,
.singular-image {
    display: block;
    margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
    margin-bottom: 15px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
    margin: 0 20px 20px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
    margin: 0 0 20px 20px;
}

figcaption,
.gallery-caption,
.wp-caption-text {
    font-size: 14px;
    font-weight: 600;
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.entry-content p.wp-caption-text {
    margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
    margin: 0 0 30px;
}

/* Widgets
---------------------------------------------------------------------------- */

.widget {
    margin-bottom: 40px;
}

.widget p:last-child,
.widget ul > li:last-of-type {
    margin-bottom: 0;
}

.widget ul > li {
    margin-bottom: 10px;
}

.widget ul > li:last-of-type {
    padding-bottom: 0;
}

.widget ol > li {
    list-style-position: inside;
    list-style-type: decimal;
    padding-left: 20px;
    text-indent: -20px;
}

.widget li li {
    border: 0;
    margin: 0 0 0 30px;
    padding: 0;
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar td,
.widget_calendar th {
    text-align: center;
}

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.featured-content .entry:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.featured-content .entry-title {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 10px;
}


/* Plugins
---------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.after-entry .enews {
    text-align: center;
    padding: 10px;
}

.sidebar .enews {
    background-color: #f5f5f5;
    padding: 30px;
}

.enews-widget input {
    font-size: 16px;
    margin-bottom: 10px;
}

.after-entry .enews-widget input {
    text-align: center;
}

.enews-widget input[type="submit"] {
    margin: 0;
    width: 100%;
}

.enews form + p {
    margin-top: 20px;
}

/* Genesis Simple FAQ
--------------------------------------------- */

.gs-faq__question {
    background: transparent;
    border-bottom: 1px solid #eee;
    color: #333;
    padding-left: 0;
    padding-right: 0;
}

.gs-faq__question:focus,
.gs-faq__question:hover {
    background: transparent;
    color: #0073e5;
}

.gs-faq__question::after {
    content: "\f132";
    font-family: dashicons; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
    float: right;
}

.gs-faq__question.gs-faq--expanded::after {
    content: "\f460";
}

/* WP Forms
--------------------------------------------- */

.entry-content .wpforms-container {
    margin-bottom: 30px;
}

.entry-content .wpforms-form .wpforms-field {
    clear: both;
    margin: unset;
    overflow: hidden;
}

.site-container .wpforms-container .wpforms-form .wpforms-field input {
    border-radius: 0;
    height: auto;
    padding: 10px;
}

.site-container .entry-content .wpforms-form .wpforms-field-label {
    font-weight: 600;
}

.site-container .entry-content .wpforms-form .wpforms-field-sublabel {
    font-size: 14px;
    font-weight: 300;
}

.entry-content .wpforms-form .wpforms-field-hp {
    display: none !important;
    left: -9000px !important;
    position: absolute !important;
}

.site-container .entry-content .wpforms-form textarea {
    padding: 15px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-small {
    height: 120px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-medium {
    height: 200px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-large {
    height: 300px;
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select {
    padding-left: 6px;
    height: 42px;
}

/* Skip Links
---------------------------------------------------------------------------- */

.genesis-skip-link {
    margin: 0;
}

.genesis-skip-link .skip-link-hidden {
    display: none;
    visibility: hidden;
}

.genesis-skip-link li {
    height: 0;
    list-style: none;
    width: 0;
}

/* Display outline on focus */
:focus {
    color: #333;
    outline: #ccc solid 1px;
}


/* Site Header
---------------------------------------------------------------------------- */

.site-header {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    padding: 0 30px;
}
.dcc-banner-under-header-container {
    width: 100%;
}

.dcc-banner-under-header {
    margin: auto;
    width: fit-content;
}
.dcc-banner-under-header {
    display: flex;
    align-content: center;
    align-items: center;
}

.dcc-banner-under-header-container-wrap {
    height:fit-content;
    background: #2166b1;
    display: flex;
    align-content:baseline;

}
.dcc-banner-under-header-text {
    font-size: 0.9rem;
    color: #fff;
    font-weight: 700;
    display: flex;
    margin: 0;
    padding: 9px;
    align-content: center;
    align-items: center;
    text-align: center;
}

/* Title Area
--------------------------------------------- */
/*
.title-area {
    float: left;
    padding-bottom: 25px;
    padding-top: 25px;
}

 */
/*
.wp-custom-logo .title-area {
    max-width: 350px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.wp-custom-logo .custom-logo-link {
    display: block;
}

.wp-custom-logo .title-area img {
    width: auto;
}

.site-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}

.site-title a,
.site-title a:focus,
.site-title a:hover {
    color: #333;
    text-decoration: none;
}

.site-description,
.wp-custom-logo .site-title {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
*/
.site-description {
    display: none;
}
@media screen and (min-width: 992px) {
    p.site-description {
        display: block;
        width: auto;
        margin: 0 auto;
        color: #5896D6;
        font-weight: 400;
        font-size:24px;
        font-family: 'Bree Serif', serif

    }
}

.wp-custom-logo .title-area img.custom-logo.mobile {
    display: block;
    margin: auto;
    max-width: 75%;
}
@media screen and (min-width: 768px){
    .wp-custom-logo .title-area img.custom-logo.mobile{
        max-width: 60%;
    }

}
.wp-custom-logo .title-area img.custom-logo.desktop-only {
    display: none;
}
.title-area {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;

}

@media screen and (min-width: 992px){
    .title-area {
        float: left;
        text-align: left;
    }
    .wp-custom-logo .title-area img.custom-logo.mobile {
        display: none;
    }
    .wp-custom-logo .title-area img.custom-logo.desktop-only {
        display: block;
    }

    .wp-custom-logo .title-area {
        /*max-width: 210px;*/
        /*padding-bottom: 5px;*/
        /*padding-top: 5px;*/
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
        /*width: 100%;*/
        margin: auto;
    }
    }


}

img.custom-logo {
    max-width: 210px;
}
@media screen and (min-width: 992px){
    mg.custom-logo {
        max-width: 210px;
    }
}
/* Site Navigation
---------------------------------------------------------------------------- */

.genesis-nav-menu {
    clear: both;
    line-height: 1;
    width: 100%;
}

.genesis-nav-menu .menu-item {
    display: block;
    float: none;
    position: relative;
}

.genesis-nav-menu a {
    color: #333;
    display: block;
    font-size: 15px;
    font-weight: 400;
    outline-offset: -1px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-decoration: none;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #0073e5;
    text-decoration: none;
}

.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
    width: 100%;
}

.genesis-nav-menu .sub-menu {
    clear: both;
    display: none;
    left: -9999px;
    margin: 0;
    opacity: 1;
    padding-left: 15px;
    position: static;
    z-index: 99;
}

.genesis-nav-menu .sub-menu a {
    background-color: #fff;
    font-size: 14px;
    position: relative;
    word-wrap: break-word;
}

.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item:hover {
    position: relative;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
    display: block;
    left: auto;
    opacity: 1;
}

/* Responsive Menu
--------------------------------------------- */

.menu .menu-item:focus {
    position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
    left: auto;
    opacity: 1;
}

.js .nav-primary {
    //display: none;
    position: relative;
}

.genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu {
    display: none;
}

/*.menu-toggle,*/
/*.sub-menu-toggle {*/
/*    background-color: transparent;*/
/*    border-width: 0;*/
/*    color: #333;*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*    overflow: hidden;*/
/*    text-align: center;*/
/*    visibility: visible;*/
/*}*/

/*.menu-toggle:focus,*/
/*.menu-toggle:hover,*/
/*.sub-menu-toggle:focus,*/
/*.sub-menu-toggle:hover {*/
/*    background-color: transparent;*/
/*    border-width: 0;*/
/*    color: #0073e5;*/
/*}*/

/*.menu-toggle {*/
/*    float: right;*/
/*    line-height: 20px;*/
/*    margin-bottom: 10px;*/
/*    margin-top: 10px;*/
/*    padding: 15px 0;*/
/*    position: relative;*/
/*    z-index: 1000;*/
/*}*/

/*.menu-toggle.activated::before {*/
/*    content: "\f335";*/
/*}*/

/*.site-header .dashicons-before::before {*/
/*    transition: none;*/
/*}*/

/*.site-header .menu-toggle::before {*/
/*    float: left;*/
/*    margin-right: 5px;*/
/*    position: relative;*/
/*    text-rendering: auto;*/
/*    top: 1px;*/
/*}*/

/*.sub-menu-toggle {*/
/*    float: right;*/
/*    padding: 9px 10px;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    z-index: 100;*/
/*}*/

/*.sub-menu .sub-menu-toggle {*/
/*    padding: 12px 10px;*/
/*}*/

/*.sub-menu-toggle::before {*/
/*    display: inline-block;*/
/*    text-rendering: auto;*/
/*    transform: rotate(0);*/
/*    transition: transform 0.25s ease-in-out;*/
/*}*/

/*.sub-menu-toggle.activated::before {*/
/*    transform: rotate(180deg);*/
/*}*/
.menu-toggle {
    display: none;
}

.sub-menu-toggle {
    background-color: transparent;
    border-width: 0;
    color:  $primary;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    visibility: visible;
}

.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
    background-color: transparent;
    border-width: 0;
    color: $primary;
}

.menu-toggle {
    float: right;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
    position: relative;
    z-index: 1000;
}

.menu-toggle.activated::before {
    content: "\f335";
}

.site-header .dashicons-before::before {
    transition: none;
}

.site-header .menu-toggle::before {
    float: left;
    margin-right: 5px;
    position: relative;
    text-rendering: auto;
    top: 1px;
}

.sub-menu-toggle {
    float: right;
    padding: 9px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.sub-menu .sub-menu-toggle {
    padding: 12px 10px;
}

.sub-menu-toggle::before {
    display: inline-block;
    text-rendering: auto;
    transform: rotate(0);
    transition: transform 0.25s ease-in-out;
}

.sub-menu-toggle.activated::before {
    transform: rotate(180deg);
}

.wp-custom-logo .title-area {
    display: none;


}
@media screen and (min-width: 992px) {

    .wp-custom-logo .title-area {
        display: block;
        padding-top: 6px;
        width: fit-content;
        float: left;
    }

    .wp-custom-logo .title-area img.custom-logo{
        max-width: 150px;
    }
}
img.custom-logo.mobile {
    width: 60px;
    padding: 0 10px;

}
@media screen and (min-width: 992px) {
    img.custom-logo.mobile {
        display: none;
    }

}

img.custom-logo.desktop-only {
    display: none;

}
@media screen and (min-width: 992px) {
    img.custom-logo.desktop-only {
        display: block;
    }

}
.header-logos-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
}


span.is-out-of-screen {
    position: absolute !important;
    left: -9000px;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    width: 1px;
}


.header-logos-container::after {
    content: "";
    position: absolute;
    background-color: #2166b1;
    width: 1px;
    height: 32px;
    left: 115px;
    /*top: 0;*/
}

@media screen and (min-width: 992px) {
    .header-logos-container::after {
        left: 140px;
        top: 0;
        height: 40px;
    }

}


/* Header Menu
--------------------------------------------- */

.nav-primary {
    clear: left;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}
.nav-secondary {
    margin-top: 10px;
    display: none;
}

/* Footer Menu
--------------------------------------------- */
/*
.nav-secondary {
    margin-top: 10px;
}

.nav-secondary .genesis-nav-menu {
    line-height: 1.5;
}

.nav-secondary .menu-item {
    display: inline-block;
}

.nav-secondary a {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
}
*/

/* Content Area
---------------------------------------------------------------------------- */
header.entry-header {
    margin-left: 0;
    margin-right: 0;
}
/* Entry Content
--------------------------------------------- */
.mb-0,
.wpb_content_element.mb-0,
.wpb_text_column.wpb_content_element.mb-0
{
    margin-bottom: 0;
}

.entry {
    margin-bottom: 40px;
}

.entry-content ol,
.entry-content ul {
    margin-bottom: 30px;
    padding-left: 40px;
}

.entry-content ol > li {
    list-style-type: decimal;
}

.entry-content ul > li {
    list-style-type: disc;
}

.entry-content ol ul > li,
.entry-content ul ul > li {
    list-style-type: circle;
}

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

.entry-content code {
    background-color: #f5f5f5;
}

.content .sticky {
    background-color: #f5f5f5;
    padding: 30px;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
    font-size: 16px;
    margin-bottom: 0;
}

.entry-header .entry-meta {
    margin-bottom: 20px;
}


.entry-footer .entry-meta {
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.entry-categories,
.entry-tags {
    display: block;
}

.entry-comments-link::before {
    content: "\2014";
    margin: 0 6px 0 2px;
}

/* Pagination
--------------------------------------------- */

.pagination {
    clear: both;
    margin: 60px 0;
}

.adjacent-entry-pagination {
    margin-bottom: 0;
}

.archive-pagination li {
    display: inline;
}

.archive-pagination li a {
    background-color: #f5f5f5;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
    padding: 8px 12px;
    text-decoration: none;
}

.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
    background-color: #333;
    color: #fff;
}

/* Entry Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
    margin-bottom: 40px;
}

.comment-list li {
    padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
    padding-left: 0;
}

.comment-header {
    margin-bottom: 30px;
}

.comment-content {
    clear: both;
}

.comment-content ul > li {
    list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%;
}

.comment-respond label {
    display: block;
    margin-right: 12px;
}

.comment-header p {
    margin-bottom: 0;
}

.entry-pings .reply {
    display: none;
}

.comment-form-cookies-consent label {
    display: inline;
    padding-left: 10px;
}

/* Sidebar
---------------------------------------------------------------------------- */

.sidebar {
    font-size: 16px;
    line-height: 1.5;
}

.sidebar .widget {
    margin-bottom: 40px;
}

.sidebar p {
    margin-bottom: 20px;
}



/* Footer Widgets
---------------------------------------------------------------------------- */

.footer-widgets {
    border-top: 1px solid #5896D6;;
    background-color: rgb(195, 219, 175);
    clear: both;
    padding: 60px 0;
    color: #333;
}

.footer-widgets .wrap {
    margin-left: auto;
    margin-right: auto;
}

.footer-widget-area {
    margin-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.footer-widget-area:last-child,
.footer-widgets .widget:last-child {
    margin-bottom: 0;
}

.footer-widget-area h3.widgettitle.widget-title {
    text-transform: uppercase;
    color: #2167b1;
    font-weight: 700;
}


.footer-widget-area #mc_embed_signup_community {
    margin: -36px 0 0 0;
    padding-left:0;
}
.footer-widget-area #mc_embed_signup_community form {
    padding-left:0;
}
#genesis-footer-widgets .widget {
    margin-bottom: 0px;
}

/* Site Footer
---------------------------------------------------------------------------- */

.site-footer {
    background-color: #333;;
    border-top: 1px solid #eee;
    font-size: 16px;
    line-height: 1.5;
    padding: 30px;
    text-align: center;
    color: #eaeaea;
}

.site-footer p {
    margin-bottom: 0;
}

 footer.site-footer a {
    font-size: 16px;
    color:#eaeaea;
    font-weight: 600;
}

/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) {

    table {
        table-layout: auto;
        word-break: normal;
    }

}

@media only screen and (min-width: 992px) {

    /* Site Header
    --------------------------------------------- */
    .site-header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .admin-bar .site-header {
        top: 32px;
    }

/*
    .wp-custom-logo .title-area {
        max-width: 350px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
*/





    /* Genesis Menu
    --------------------------------------------- */
 .genesis-nav-menu .menu-item {
        display: inline-block;
    }

    .genesis-nav-menu .menu-item:focus,
    .genesis-nav-menu .menu-item:hover {
        position: relative;
    }

    .genesis-nav-menu > .menu-bold > a {
        font-weight: 700;
    }

    .genesis-nav-menu > .menu-highlight > a {
        background-color: #333;
        border-radius: 3px;
        color: #fff;
        font-weight: 600;
        margin-left: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .genesis-nav-menu > .menu-highlight > a:focus,
    .genesis-nav-menu > .menu-highlight > a:hover {
        background-color: #0073e5;
    }

    .genesis-nav-menu .sub-menu,
    .genesis-nav-menu .sub-menu a {
        width: 180px;
    }

    .genesis-nav-menu .sub-menu {
        border-top: 1px solid #eee;
        opacity: 0;
        padding-left: 0;
        position: absolute;
        transition: opacity 0.4s ease-in-out;
    }

    .genesis-nav-menu .sub-menu a {
        border: 1px solid #eee;
        border-top: 0;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .genesis-nav-menu .sub-menu .sub-menu {
        margin: -46px 0 0 179px;
    }

    /* Responsive Menu
    --------------------------------------------- */
    .js .nav-primary {
        display: block;
        padding-top: 15px;
    }

    .menu-toggle,
    .sub-menu-toggle {
        display: none;
        visibility: hidden;
    }

    /* Header Menu
    --------------------------------------------- */
    .nav-primary {
        clear: none;
        float: right;
        width: auto;
    }

    .nav-primary .genesis-nav-menu a {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Site-Inner
    --------------------------------------------- */
    .site-inner {
        max-width: 1240px;
        padding: 10px 10px 30px 10px;

    }

    /* Content
    --------------------------------------------- */
    .content {
        float: left;
        width: 65%;
    }

    .sidebar-content .content {
        float: right;
    }

    .full-width-content .content {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .full-width-section {
        position: relative;
        left: -333px;
        box-sizing: border-box;
        width: 1920px;
        padding-left: 333px;
        padding-right: 333px;
    }


    .post-template-template-fullwidth-php main#genesis-content.content,
    .post-template-template-fullwidth-php .content,

    {
        width: 100%;
    }

    .page-template-landing .entry-content, .page-template-landing .entry-content {
        max-width: 1240px;
        margin: 30px auto;
    }


    .page-template-landing main#genesis-content, .page-template-landing .content {
        width: 100%;
    }
    .page-template-partner-page main#genesis-content, .page-template-partner-page .content {
        width: 100%;
    }

    .page-template-landing .header-logos-container {
        margin-bottom: 30px;
    }
    /* Sidebar
    --------------------------------------------- */
    .sidebar {
        float: right;
        width: 30%;
        max-width: 340px;
    }

    .sidebar-content .sidebar {
        float: left;
    }

    /* Author Box
    --------------------------------------------- */
    .author-box {
        background-color: #f5f5f5;
        padding: 30px;
    }

    /* After Entry
    --------------------------------------------- */
    .after-entry {
        padding: 40px 60px;
    }

    .after-entry .enews {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* Column Classes
    --------------------------------------------- */
    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        float: left;
        margin-left: 2.564102564102564%;
    }

    .one-half,
    .three-sixths,
    .two-fourths {
        width: 48.717948717948715%;
    }

    .one-third,
    .two-sixths {
        width: 31.623931623931625%;
    }

    .four-sixths,
    .two-thirds {
        width: 65.81196581196582%;
    }

    .one-fourth {
        width: 23.076923076923077%;
    }

    .three-fourths {
        width: 74.35897435897436%;
    }

    .one-sixth {
        width: 14.52991452991453%;
    }

    .five-sixths {
        width: 82.90598290598291%;
    }

    .first {
        clear: both;
        margin-left: 0;
    }

    /* Entry Misc.
    --------------------------------------------- */
    .after-entry,
    .archive-description,
    .author-box,
    .comment-respond,
    .entry,
    .entry-comments,
    .entry-pings {
        margin-bottom: 30px;
    }

    /* Footer Widgets
    --------------------------------------------- */
    .footer-widgets .wrap {
        max-width: 1240px;
    }

    .footer-widget-area {
        float: left;
        margin-bottom: 0;
        width: calc(100% / 2);
    }

}

/* Print Styles
---------------------------------------------------------------------------- */

@media print {

    *,
    *::before,
    *::after {
        background: transparent !important;
        box-shadow: none !important;
        color: #333 !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]::after {
        content: " (" attr(href) ")";
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]::after,
    a[href^="#"]::after,
    .site-title > a::after {
        content: "";
    }

    thead {
        display: table-header-group;
    }

    img,
    tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 2cm 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    .content,
    .content-sidebar {
        width: 100%;
    }

    button,
    input,
    select,
    textarea,
    .breadcrumb,
    .comment-edit-link,
    .comment-form,
    .comment-list .reply a,
    .comment-reply-title,
    .edit-link,
    .entry-comments-link,
    .entry-footer,
    .genesis-box,
    .header-widget-area,
    .hidden-print,
    .home-top,
    .nav-primary,
    .nav-secondary,
    .post-edit-link,
    .sidebar,
    aside,
    footer,
    .acsb-trigger,
    .ad-container-content,
    section#featured-post-1
    {
        display: none !important;
    }

    .title-area {
        text-align: center;
        width: 100%;
    }

    .site-title > a {
        margin: 0;
        text-decoration: none;
        text-indent: 0;
    }

    .site-inner {
        padding-top: 0;
        position: relative;
    }

    .author-box {
        margin-bottom: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        orphans: 3;
        page-break-after: avoid;
        page-break-inside: avoid;
        widows: 3;
    }


    img {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    blockquote,
    pre,
    table {
        page-break-inside: avoid;
    }

    dl,
    ol,
    ul {
        page-break-before: avoid;
    }

}
@media only screen and (min-width: 992px) {
    .nav-custom .genesis-nav-menu a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*Customizations*/
nav#genesis-nav-primary {
   /* width:100%;*/
}
h2 {
    color: #2167b1;
}
.entry-title{
    color: #2167b1;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
}

.intro-text p {
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: 'Bree Serif', serif;
}
nav.nav-secondary .wrap {  display: none;}
/*Customizations*/
header.site-header {
    box-shadow: none;
    padding: 0;
}
nav.nav-secondary.genesis-responsive-menu {
    text-align: right;
}
@media only screen and (min-width: 992px){
    nav.nav-secondary .wrap {  display: block;
        text-align: right;}
    header .wrap, nav.nav-secondary {

        max-width: 1240px;
        margin: auto;
        display: flex;
        width: 100%;
    align-items: center;
        clear: both;
    }
    header.site-header {
        border-bottom: 8px solid #5896D6;
    }
    nav.nav-secondary.genesis-responsive-menu {
        text-align: right;
    }
}


@media only screen and (min-width: 992px)  {
    nav#genesis-nav-primary {
        width: calc(100% - 210px);
        float: right;
    }
}




h2 {
    color: #2167b1;
}
.entry-title{
    color: #2167b1;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
}
#mega-menu-wrap-primary .mega-search-wrap {
    border: solid 1px #858585;
    border-radius: 2px;
    height: 30px;
    width: fit-content;
}
#mega-menu-wrap-primary .mega-search-wrap input[type="text"]  {
    height: 28px!important;
    width: 100%!important;
    bacgroound: none!important;

}
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;

}
/* Top menu */
ul#menu-top {

}

ul#menu-top a {
    font-size: 16px;
    text-transform:none;
    font-weight: bold;
    color:#0645AD;

}
ul#menu-top a:hover{
    color: #4383c4;
}
ul#menu-top a {
    font-size: 16px;
    font-weight: bold;
    color:#2167b1;
    padding-top: 6px;
    padding-bottom: 6px;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-style: solid;
    text-decoration-color: initial;
}
ul#menu-top .top-menu {
    padding: 0 15px;
}
ul#menu-top .top-menu.news {
    border-left: #858585 solid 2px;
    border-right: #858585 solid 2px;
}
ul#menu-top .top-menu.self {
    border-left: #858585 solid 2px;

}
ul#menu-top .top-menu.videos {

    border-right: #858585 solid 2px;
}
ul#menu-top .top-menu.self a, ul#menu-top .top-menu.news a, ul#menu-top .top-menu.videos a{
    color: #2167b1;

}



ul#menu-top .top-menu a:hover {text-decoration: underline solid;

}
/*
ul#menu-top .top-menu a {
    font-weight:400;
}

ul#menu-top .top-menu.videos a {
    color: #666666;
}
ul#menu-top .top-menu.news a {
    color: #666666;
}
ul#menu-top .top-menu.self a {
    color: #666666;
}
*/

/*Ad slots*/


.ad-container, .ad-container-content{
    clear: both;
    overflow-x: auto;
    text-align: center;
}
@media screen  and (min-width: 992px){
    .widget-wrap .ad-container {
        /*text-align: left;*/
    }
}
.ad-container-top-leaderboard, .ad-container-bottom-leaderboard {
    overflow-x: auto;
    display: block;
    clear: both;
    min-width: 320px;
    max-width: 970px;
    min-height: 50px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    text-align: center;
}
.ad-container-content span, .ad-container span {
    color: rgb(17,17,17);
    font-size: 12px;
    font-weight: 400;
}
@media screen  and (min-width: 992px){
    .ad-container-top-leaderboard, .ad-container-bottom-leaderboard{
        overflow-x: hidden;
    }
    .ad-container{
        overflow-x: hidden;
    }
}
img.singular-image.entry-image {
    width: 100%;
}
/* Newsletter*/

#mc_embed_signup_community {
    max-width: 336px;
    background:rgb(195, 219, 175);
    clear:left;
    font:14px Helvetica,Arial,sans-serif;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
}
#mc_embed_signup_community form {display:block; position:relative; text-align:left; padding:10px }
#mc_embed_signup_community h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup_community input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup_community input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup_community input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup_community input:focus {border-color:#333;}
#mc_embed_signup_community .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; letter-spacing:.03em; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup_community .button:hover {background-color:#777;}
#mc_embed_signup_community .small-meta {font-size: 11px;}
#mc_embed_signup_community .nowrap {white-space:nowrap;}
#mc_embed_signup_community .clear {clear:none; display:inline;}

#mc_embed_signup_community label {display:block; color: #2167b1;;  font-size: 22px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup_community input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; display:block; padding:0 0.4em; margin: 15px auto; min-height:32px; width:100%; min-width:130px; border: 2px #398AE2 solid;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup_community input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px; background: #2167b1;!important;text-transform: uppercase;}

#mc_embed_signup_community div#mce-responses {float:left; top:-1.4em; padding:0  .5em 0  .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup_community 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_community #mce-error-response {display:none;}
#mc_embed_signup_community #mce-success-response {color:#0645AD; display:none;}
#mc_embed_signup_community label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup_community .subscr-notes {color: #0645AD; line-height: 1.5; font-size: 16px}



.dcc-before_header-wrap {
    max-width: 1240px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.dcc-description {
    width: calc(100% - 460px);
    float: left;
    text-align: left;
    display: block;
    position: relative;
    line-height: 58px;
}

.dcc-secondary-nav {
    width: fit-content;
    float: right;
    clear: none;
}
@media screen and (min-width: 992px){
    .dcc-before_header {
        width: 100%;
        height: 58px;
        max-width: none;
        border-top: 4px solid #8DC63E;
    }
}
/* Section Landing page template*/

.page-template-section-landing  .site-inner,
.page-template-sponsor-landing  .site-inner,
.home-page .site-inner,
.page-template-partner-page .site-inner,
{
    width: 100%;
    max-width: none;
}
.page-template-section-landing .entry-image,
.page-template-sponsor-landing.entry-image,
.home-page .entry-image  {
 display: inherit;
}

article.post-30319.page.type-page.status-publish.has-post-thumbnail.ad_unit-about-diabetes.entry.section-landing-page,
article.post-30319.page.type-page.status-publish.has-post-thumbnail.ad_unit-about-diabetes.entry.sponsor-landing-page
{
    width: 100%;
}

.section-landing main#genesis-content,
.page-template-section-landing main#genesis-content,
.page-template-sponsor-landing main#genesis-content
{
    width:100%;
}
.page-template-section-landing .entry-title,
.page-template-sponsor-landing .entry-title
{
    display: inherit;
}


.hero-image-section {
    height: 512px;

}

.hero-image-section .hero-text{
    display: flex;
    justify-content: center;
}

.hero-image-section .hero-text>div {
    width: 80%;
    max-width: 640px;
    color: white;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    text-shadow: 2px 2px 4px #000000;
    font-family: 'Bree Serif', serif;

}

.banner-image-title-area {
    height: 320px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
@media screen and (min-width: 960px){
    .banner-image-title-area{
        height: 512px;
    }
}
.page-template-section-landing  .banner-image-title-area  .title-group,
.page-template-sponsor-landing  .banner-image-title-area  .title-group
{
    top: 50%;
    position: relative;
    transform: translate(0, -50%);
    margin: 0 auto;
    max-width: 640px;
    width: 80%;
    color: white;
    font-weight: 600;
    text-shadow: 2px 2px 4px #000000;
    font-family: 'Bree Serif', serif;
}

.page-template-section-landing  .banner-image-title-area .title-group h1,
.page-template-sponsor-landing  .banner-image-title-area .title-group h1
{
    color: white;
    font-weight: 600;
    text-shadow: 2px 2px 4px #000000;
    font-family: 'Bree Serif', serif;
    font-size: 36px;
}
.page-template-section-landing  .banner-image-title-area  .title-group .banner-excerpt,
.page-template-sponsor-landing .banner-image-title-area  .title-group .banner-excerpt
{
    /*top: 50%;*/
    font-size: 24px;
}


.page-template-section-landing  .entry-content,
.page-template-sponsor-landing  .entry-content
{
    max-width: 1240px;
    margin: 30px auto;
}
/*Recipe navigation*/
.recipes-menu-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border-top: 3px solid #8ec449;
    border-bottom: 3px solid #8ec449;
    padding: 0 0 10px 0;
}

.recipe-page-button {
    width: 320px;
    margin: 10px 10px 0 10px;
    display: inline-block;
    height: 60px;
}

img.recipe-icon {
    width: 60px;
}

span.recipe-page-link-title {
    padding: 0 15px;
    display: inline-block;
    width: 260px;
    vertical-align: middle;
}
span.recipe-page-link-title a {
    font-size: 18px;
    font-weight: 700;
    color: #2167b1;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-style: solid;

}
/* custom short codes elements*/
.landing-separator h2 {
    padding: 0 15px;
    font-family: 'Bree Serif', serif;
    font-weight: 600;
    margin: auto;
    text-align: center;
}
.landing-image-text-card {
    margin-top: 30px;
}
.card-title {
    text-align: center;
    font-size: 24px;
    text-decoration: none !important;
    font-weight: 700;
    margin: 15px auto;
    color: #666666;
}
.landing-image-text-card-link {
    text-decoration: none;
}
.card-description {
    color: #333333;
}
.landing-separator{
    margin-top: 25px
}

.vertical-card-image-box {
    display: block;
    height: 240px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    filter: brightness(0.8);
    margin: auto;
    border-radius: 20px;
}

@media screen  and (min-width: 992px){
    .vertical-card-image-box {
        height: 240px;
    }
}
@media screen  and (min-width: 1300px){
    .vertical-card-image-box {
        height: 300px;
    }
}
.vertical-card-title {
    text-align: center;
    margin-top: 15px;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #FFF;
    bottom: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,50%);
    width: fit-content;
}

a.vertical-card-image {
    text-decoration: none;
}

/* Top Content Module*/
.topContent{
    margin: 0 1.375rem;
    padding: 0 0 1.875rem
}
.topContent.recent {
    padding: 0 0 0;
}

.topContent.recent .view-more-container {
    text-align: center;
    padding-top: 25px;
}
.topContent a{
    text-decoration: none;
    color: #333;
}
.topContent ul {
    list-style: none;
}

.topContent .module-header h2 {
    font-family: 'Bree Serif', serif;
    font-weight: 600;
}

@media screen and (max-width: 77.438em) {
    .topContent::before {
        left:-1.375rem
    }

    .topContent::after {
        left: -3.125rem
    }
}

@media screen and (max-width: 63.938em) {
    .topContent::before {
        left:-1.5625rem;
        width: 102vw
    }
}

@media screen and (max-width: 47.938em) {
    .topContent::before {
        left:0;
        width: 100vw
    }
}

@media screen and (max-width: 77.438em) {
    .topContent {
        margin:1rem 1.25rem
    }
}

@media screen and (max-width: 63.938em) {
    .topContent {
        margin:1rem 1.5625rem
    }
}

@media screen and (max-width: 47.938em) {
    .topContent {
        margin:0;
        padding: 0 .625rem .625rem
    }
}

.topContent a:hover {
    text-decoration: underline;
}

.topContent a h3:hover {
    text-decoration: underline;
}

.topContent .module-header {
    margin: 1.875rem 0 1.25rem;
}

@media screen and (max-width: 47.938em) {
    .topContent .module-header {
        margin:1rem 0 .75rem;
    }
}

.topContent .module-content {
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 63.938em) {
    .topContent .module-content {
        display:block;
    }
}

.topContent .module-content .mainStory {
    width: 24.25rem;
}

@media screen and (max-width: 77.438em) {
    .topContent .module-content .mainStory {
        width:18.125rem;
    }
}

@media screen and (max-width: 63.938em) {
    .topContent .module-content .mainStory {
        margin-bottom:1.5625rem;
        overflow: auto;
        width: 100%
    }

    .topContent .module-content .mainStory .image-asset {
        float: left;
        margin-right: 2rem
    }
}

@media screen and (max-width: 47.938em) {
    .topContent .module-content .mainStory {
        width:100%
    }

    .topContent .module-content .mainStory .image-asset {
        float: none;
        margin-right: 0
    }
}
.topContent .module-content .mainStory img {
    max-width: 24.25rem
}

@media screen and (max-width: 77.438em) {
    .topContent .module-content .mainStory img {
        width:18.125rem
    }
}

@media screen and (max-width: 47.938em) {
    .topContent .module-content .mainStory img {
        max-width:100%;
        width: 100%
    }
}

.topContent .module-content .mainStory h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.1;
    margin: 1rem 0;
    width: 95%
}

@media screen and (max-width: 77.438em) {
    .topContent .module-content .mainStory h3 {
        font-size:1.5rem
    }
}

@media screen and (max-width: 63.938em) {
    .topContent .module-content .mainStory h3 {
        font-size:1.625rem
    }
}

@media screen and (max-width: 47.938em) {
    .topContent .module-content .mainStory h3 {
        font-size:1.375rem;
        margin: .4375rem 0
    }
}

.topContent .module-content p {
    color: #4a4a4a;
}

@media screen and (max-width: 47.938em) {
    .topContent .module-content p {
        display:none
    }
}

.topContent .module-content ul {
    column-count: 2;
    column-gap: 4.75rem;
    /*column-width: 19.375rem;*/
    margin: 0;
    padding-left: 0;
}
.topContent.feature .module-content ul.subfeature {
    padding-left: 40px;
}


@media screen and (max-width: 77.438em) {
    .topContent .module-content ul {
        column-gap:1.9375rem;
        /*column-width: 18.75rem;*/
        margin: 0 0 0 1.9375rem
    }
}

@media screen and (max-width: 63.938em) {
    .topContent .module-content ul {
        column-count: 1;
        clear:both;
        margin: 0
    }
}

@media screen and (max-width: 47.938em) {
    .topContent .module-content ul {
        width:100%
    }
}

.topContent .module-content ul.subfeature .image-asset {
    display: none
}

.topContent .module-content ul li {
    border-bottom: solid 1px #333;
    break-inside: avoid;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    list-style:none;
}
.topContent .module-content ul li:last-child {
    border-bottom: none;

}
.topContent .module-content ul.recent li{
    border-bottom: solid 1px #cee0e4;
    min-height: 160px;
}


@media screen and (max-width: 47.938em) {
    .topContent .module-content ul li {
        margin-bottom:1rem;
        padding-bottom: 1rem
    }
}

.topContent .module-content ul li.view-more {
    border: 0;
    padding: 0
}

@media screen and (max-width: 47.938em) {
    .topContent .module-content ul li.view-more {
        text-align:right
    }
}

.topContent .module-content ul li.view-more a {
    font-size: 1.375rem;
    font-weight: 700
}

@media screen and (max-width: 77.438em) {
    .topContent .module-content ul li.view-more a {
        font-size:1.25rem
    }
}

@media screen and (max-width: 63.938em) {
    .topContent .module-content ul li.view-more a {
        font-size:1.125rem
    }
}

@media screen and (max-width: 47.938em) {
    .topContent .module-content ul li.view-more a {
        font-size:.875rem
    }
}

.topContent .module-content ul li.view-more a::after {
    content: '\00a0\00a0>'
}

.topContent .module-content ul h3,.topContent .module-content ul p {
    margin: 0
}

@media screen and (max-width: 77.438em) {
    .topContent .module-content ul h3 {
        font-size:1.25rem
    }
}

@media screen and (max-width: 63.938em) {
    .topContent .module-content ul h3 {
        font-size:1.125rem
    }
}


/*Why grid*/
.section-cta-grid{
    margin: 1.875rem 0 1.25rem
}
#why-grid .section-cta-grid .section-cta-grid-summary p{
    margin: 0 0 25px 0;
}
.section-cta-grid h2 {
    font-family: 'Bree Serif', serif;
    font-weight: 600;
}
.section-cta-grid-list ul li {
    list-style-type: none;
    list-style-image: none;
    padding-left: 72px;
    position: relative
}
#why-grid .section-cta-grid-list ul li p {
    margin: 0 0 30px 0;
}

.section-cta-grid-list svg {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -24px;
    fill: #5896D6;
    width: 48px;
    height: 48px;
}
@media screen and (min-width: 992px){
    .section-cta-grid{
        display: grid;
        grid-template-columns: 50% 1fr;
    }
    .section-cta-grid-summary {
        padding: 0 30px;
    }
     #why-grid .section-cta-grid  .section-cta-grid-summary p{
        margin: 0 0 35px 0;
    }
    .section-cta-grid-list{
        grid-row: span 3;
        padding: 0 30px;
    }
    .section-cta-grid-button{
        padding: 0 30px;

    }

}
.section-cta-grid-container {
    margin: 0;
    padding: 0 .625rem .625rem;
}
@media screen and (min-width: 768px) {
    .section-cta-grid-conyainer  {
        margin: 1rem 1.5625rem;
        padding: 0 0 1.875rem;
    }
}
@media screen and (min-width: 992px) {
    .section-cta-grid-container  {
        margin: 0 1.375rem;
        padding: 0 0 1.875rem;
    }
}

.cta-button-container {
    text-align: center;
    margin-top: 25px;
}
@media screen and (min-width: 576px) {
    .cta-button-container {
        display: none;
    }
}
section.youtube-widget {
    text-align: center;
    padding: 15px;
    background: #f1f1f2;
    border: solid 1px #858599;
}
section.youtube-widget h3{
    color: #2167b1;
    font-size: 1.4em;
    font-weight: 700;

}

.image-thumbnail-box {
    clear: none;
    display: inline-block;
    float: left;
    padding-right: 15px;
}



span.recent-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Read Only shortcode */
.read-also-article-container {
    clear: both;
    display: block;
    margin-bottom: 25px;
    border: 1px solid #4383c4;
    padding: 10px;
}

.read-also-article-container::after {
    content: " ";
    display: table;
    clear: both;
}

.read-also-thumbnail {
    width: 200px;
    float: left;
    padding-right: 15px;
}
.read-also-excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.read-also-article-container  a {
    color: #333;
    text-decoration: none;

}

span.read-also-prefix {
    font-size: 18px;
    font-weight:700;
    margin-left: 1.1rem;
    margin-right: 1rem;
}
span.read-also-prefix:before {
    content: "\F061";
    font-weight: 800;
    font-family: Font Awesome\ 5 Free;
    display: inline-block;
    color: #4383c4;
    position: relative;
    margin-left: 1.5px;
    right: 1rem;
}



.read-also-title {
    margin-bottom: 0.5rem;
}
span.read-also-prefix {
    font-size: 18px;
    font-weight:700;
}

span.read-also-title-h {
    color: #2167b1;
    font-size: 18px;
    font-weight: 700;
}
span.recent-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    display: block;
    line-height: 1.3;
}

.feature-card-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.feature-card {
    min-width: 320px;
    padding: 15px;
}
@media screen and (min-width: 768px){
    .feature-card-container {
        /*
        margin-left: -10px;
        margin-right: -10px;

         */
    }
    .feature-card {
        width: 50%;
    }

}
@media screen and (min-width: 992px){
    .feature-card {
        width: 33%;
    }

}

span.feature-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-top: 15px;
    display: block;
}
.wp-block-genesis-blocks-gb-layout {
    margin-bottom: 1.5em
}

.wp-block-genesis-blocks-gb-columns {
    position: relative
}


.col-healthy.col2 {
    border: 0.5px solid #535353;
    padding: 0px 40px;
    height: 100%;
    display: flex;
    align-items: center;
}

.col-healthy.col2 h3 {
    margin-top: 30px;
    letter-spacing: 0.65px;
}



.wp-block-group__inner-container {

}
.col-healthy.col2 .wp-block-button.is-style-outline a{
    color: rgb(142,196,73) !important;
    box-shadow: 0px 0px 20px rgb(142 196 73);
    display: block;
}
.col-healthy.col2 .wp-block-button.is-style-outline a:hover {
    background:  rgb(142,196,73);
    color: #ffffff!important;
}
.wrap.healthy {
    display: grid;
    grid-gap: 0 2em;
    position: relative;
    z-index: 1;
    grid-template-columns: 1fr;
    grid-template-areas:
        "col1" "col2";
    grid-gap: 0 2em;
}
.col-healthy.col2 h2 {
    font-family: bree serif,serif;
    font-weight: 600;
}
.col-healthy.col2 .wp-block-button.is-style-outline {
    width: 80%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
span.summary.healthy {
    margin: 0 0 30px;
    padding: 0;
}
@media screen and (min-width: 768px){
    .col-healthy.col2 .wp-block-button.is-style-outline {
        width: 48%;
        display: inline-block
    }
}
@media screen and (min-width: 992px){
    .wrap.healthy {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
        "col1 col2";
    }

}

@media screen and (min-width: 992px) {
    .col-healthy.col1 {
        padding-right: 10px;
        grid-area: col1;
    }
    .col-healthy.col2 {
        padding: 0px 40px;
        border: solid 0.5px;
        height: 100%;
        display:flex;
        align-items: center;
        grid-area: col2;

    }
}

.entry h2.toc {
    border-bottom: 7px solid #e8e6e6;
    font-size: 1.375em;
    line-height: 1;
    margin-bottom: 5px;
    padding-bottom: 4px;
    text-transform: uppercase;
    color: #333;

}
#in-this-article li {
    border-bottom: 1px solid #e8e6e6;
    font-family: Arial,Helvetica,sans-serif;
    padding: 10px 0;
    list-style-type: none!important;
}
/* Print media */
@media  print {
    img.singular-image.entry-image {display: none;}
    .content {width: 100%;
        margin: 30px 40px;}
    header.entry-header{
        margin: 0;
    }
}
/* Boxzila Forms*/
#title-subscription {
    color: #398AE2;
    font-size: 20px;
    margin: 15px 5px;
    font-weight: bold;
}
#desc-subscription{
    display: block;
    color: #0645AD;
    line-height: 1.2;
    font-size: 14px;
    margin: 5px
}
#btn-subscribe {
    display: block;
    width: 120px;
    margin: 15px auto;
    min-width: 90px;
    background: #4383c4 !important;
    text-transform: uppercase;
    padding: 5px 12px;
}
.mc4wp-form label {
    display: none!important;
}
#mc-email{
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    display: block;
    padding: 0 0.4em;
    margin: 10px auto;
    min-height: 32px;
    width: calc(100% - 0.8em);
    min-width: 130px;
    border: 2px #4383c4 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.mc4wp-response .mc4wp-success{
    color: #8ec449;
}
.mc4wp-response .mc4wp-notice{
    color: #2166b1;
}
.mc4wp-response .mc4wp-error{
    color: #dd3333;
}
.mc4wp-response {
    margin: 15px auto;
}
.read-more-button-wrap {
    text-align: center;
}
@media screen and (min-width: 992px) {
    .read-more-button-wrap {
        text-align: left;
    }
}

a:hover{
    text-decoration: underline;
}
a.landing-image-text-card-link:hover {
    text-decoration: underline;
}
/*Authors template*/
#author-list-content .author-profile-container {
    margin-bottom: 25px;
    padding-bottom: 15px;
    display: block;
    border-bottom: 2px solid #4383c4;

}
#author-list-content .author-profile-container h2 a {
    font-weight:600;
}

#author-list-content .author-gravatar {
    padding: 0 15px;
    display:inline-block;
    float:left;
}
/* Contact form */

div.wpforms-container-full .wpforms-form .wpforms-field.contact.text input,
div.wpforms-container-full .wpforms-form textarea
{
    border: 2px #398ae2 solid !important;;
    padding: 5px;
}
div.wpforms-container-full .wpforms-form .wpforms-field.contact.text {
    margin: 10px 0 !important;;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit.contact.button {
    margin: 0 0 10px;
    min-width: 90px;
    background: #2167b1;
    text-transform: uppercase;
}


.site-container .entry-content .wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
div.wpforms-container-full .wpforms-form .wpforms-field-description, div.wpforms-container-full .wpforms-form .wpforms-field-limit-text
{
    font-size: 1em!important;
}
img.sponsor-banner-logo-img {
    width: 165px;
}



.sponsor-banner-container {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: start;
    max-width: 1240px;
    margin: 30px auto 0;
}

.col.sponsor-banner-logo-container {
    width: auto;
    padding: 0 25px 25px 0;
}

.sponsor-banner-text {
    padding: 0 25px 0 0;
    font-weight: 600;
}

div#boxzilla-38840 {
    padding: 0;
}



img.aligncenter.wp-image-38841.size-full {
    margin: 0;
}
.card-image-box {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
    overflow: hidden;
}

.card-image-box:hover, .landing-image-text-card-link:hover, .vertical-card-image:hover,.recent.subfeature li:hover{
    opacity:0.5;
}
.card-image-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto; /* Adjust width or height to 'auto' based on your image's original aspect ratio */
    height: 100%;
    transform: translate(-50%, -50%); /* This centers the image in the container */
    object-fit: cover; /* This resizes the image to cover the container while maintaining its aspect ratio */
}
.feature-recipes-grid-container .row.recipe-of-the-day.item-card {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    align-items: center;
}

.feature-recipes-grid-container  .column.col-third {
    display: grid;
    grid-template-rows: repeat(3, auto);
    gap: 20px;
}

.feature-recipes-grid-container  a.feature-list-link {
    text-decoration: none;
    color: #333;
    font-size: 18px;
    /*contain: size;*/

}

.feature-recipes-grid-container  .column.col-two-third a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
    grid-template-columns: 1fr;
    display: grid;
    grid-gap: 20px;
}


.feature-recipes-grid-container .summary h3 {
    margin-bottom: 0!important;
}

.feature-grid-header {}

.feature-grid-header {
    padding: 30px 0;
}
div#recipe-feature-container .column.col-two-third .image-asset img{
    width: 100%
}


.feature-recipes-grid-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}
@media screen and (min-width: 992px) {
    .feature-recipes-grid-container {
        grid-template-columns: 2fr 1fr;
    }

}
.recipe-list-item-title { font-size: 18px; font-weight: 600;}
div#recipe-feature-container {
    padding: 0 10px 15px;

}

@media screen and (min-width: 992px){
    div#recipe-feature-container {
        padding: 0 30px 25px;

    }
}
h2.feature-grid-title {
    font-family: 'Bree Serif', serif;
    font-weight: 600;
}
