/*
Theme Name: MAEC
Theme URI: http://amdeellc.com
Description: Custom theme for MAEC, Inc.
Author: Eclectic Solutions
Author URI:  http://amdeellc.com
Version: 1.1
*/

/* ==========================================================================
   Global styles
   ========================================================================== */
html {
    color: rgb(120, 120, 120);

    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    color: rgb(255, 255, 255);
    background: rgb(158, 57, 53);
    text-shadow: none;
}

::selection {
    color: rgb(255, 255, 255);
    background: rgb(158, 57, 53);
    text-shadow: none;
}

a {
    /* color: #4454B6; */
    /* color: #0d30fb; */
    color: #0d30fb;
}

a:focus {
    color: #4454B6;
}

a:hover,
a:active {
    color: rgb(158, 57, 53);
}

button,
a.button,
input[type="submit"] {
    font-family: ClearSansBold;
    font-size: 1.125em;
    text-transform: uppercase;
    /* color: rgb(255, 255, 255); */
    color: #282828;
    background: rgb(218, 184, 44);
    border: 0;
    padding: 7px 40px;
}

button:hover,
a.button:hover,
input[type="submit"]:hover {
    background: rgb(228, 194, 54);
}

hr {
    border-top: 1px solid rgb(246, 237, 202);

}

input,
textarea {
    font-family: ClearSansBold;
    font-size: 0.875em;
    color: rgb(120, 120, 120);
    background: rgb(240, 237, 230);
    border: 0;
    padding: 10px 15px;
}

.container {
    max-width: 1150px;
    width: auto;
    margin: 0 auto;
    padding: 0 30px;
}

.alignleft {
    display: inline;
    float: left;
    padding: 10px;
}

.alignright {
    display: inline;
    float: right;
    padding: 10px;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

a.esol_equity_visit {
    color: #595959;
}

.esol_equity {
    margin-bottom: 18px;
}

/* ADDED BY AMAR FOR A11Y */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* ==========================================================================
   Typography
   ========================================================================== */
@font-face {
    font-family: 'ClearSans';
    src: url('fonts/ClearSans-Regular-webfont.eot');
    src: url('fonts/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/ClearSans-Regular-webfont.woff') format('woff'),
        url('fonts/ClearSans-Regular-webfont.ttf') format('truetype'),
        url('fonts/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ClearSansItalic';
    src: url('fonts/ClearSans-Italic-webfont.eot');
    src: url('fonts/ClearSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/ClearSans-Italic-webfont.woff') format('woff'),
        url('fonts/ClearSans-Italic-webfont.ttf') format('truetype'),
        url('fonts/ClearSans-Italic-webfont.svg#clear_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ClearSansBold';
    src: url('fonts/ClearSans-Bold-webfont.eot');
    src: url('fonts/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/ClearSans-Bold-webfont.woff') format('woff'),
        url('fonts/ClearSans-Bold-webfont.ttf') format('truetype'),
        url('fonts/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ClearSansBoldItalic';
    src: url('fonts/ClearSans-BoldItalic-webfont.eot');
    src: url('fonts/ClearSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/ClearSans-BoldItalic-webfont.woff') format('woff'),
        url('fonts/ClearSans-BoldItalic-webfont.ttf') format('truetype'),
        url('fonts/ClearSans-BoldItalic-webfont.svg#clear_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AsapItalic';
    src: url('fonts/asap-italic-webfont.eot');
    src: url('fonts/asap-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/asap-italic-webfont.woff') format('woff'),
        url('fonts/asap-italic-webfont.ttf') format('truetype'),
        url('fonts/asap-italic-webfont.svg#asapitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot');
    src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/fontawesome-webfont.woff2') format('woff2'),
        url('fonts/fontawesome-webfont.woff') format('woff'),
        url('fonts/fontawesome-webfont.ttf') format('truetype'),
        url('fonts/fontawesome-webfont.svg#fontawesome') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: ClearSans, sans-serif;
    font-size: 1.000em;
}

strong,
b {
    font-family: ClearSansBold;
    font-weight: normal;
}

em,
i {
    font-family: ClearSansItalic;
    font-style: normal;
}

strong em,
em strong,
b i,
i b {
    font-family: ClearSansBoldItalic;
}

h1 {
    font-family: ClearSansBold;
    font-size: 1.625em;
    color: rgb(120, 120, 120);
    margin: 30px 0 20px;
}

h2 {
    font-family: ClearSansBold;
    font-size: 1.375em;
    /* color: #4454B6; */
    color: #3E5593;
    /* color: #5983ff; */
    margin: 30px 0 20px;
}

h3 {
    font-size: 1.250em;
    margin: 20px 0 15px;
}

h5 {
    font-family: ClearSansBold;
    color: rgb(120, 120, 120);
    font-size: 1.375em;
    margin: 20px 0 15px;
}

h6 {
    font-size: 1.375em;
    margin: 20px 0 25px;
    color: rgb(158, 57, 53);
}

h7 {
    font-size: 1.182em;
    margin: 20px 0 25px;
    color: rgb(158, 57, 53);
}

h8 {
    font-size: 1.125em;
    margin: 20px 0 25px;
    color: rgb(66, 114, 255);
}

h9 {
    font-size: 1.5em;
    color: #4454B6;
    margin: 30px 0 20px;
}

blockquote {
    font-family: ClearSans;
    color: rgb(104, 72, 6);
    position: relative;
    margin: 40px 0;
    padding: 0 50px;
}

/*blockquote:before,
blockquote:after {
    content: '“';
    font-family: Georgia, serif;
    font-size: 5.000em;
    line-height: 1;
    color: rgb(218, 184, 44);
    position: absolute;
    top: -20px;
    left: 0;
}


blockquote:after {
    content: '”';
	top: auto;
    left: auto;
    bottom: -70px;
    right: 0;
}*/

/* ==========================================================================
   Header
   ========================================================================== */
.site-header a.button,
.site-header input[type="search"] {
    float: right;
    width: 175px;
}

.site-header a.button {
    margin-right: 10px;
    text-align: center;
}

.site-header input[type="search"] {
    background-image: url(images/search-icon.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-left: 28px;
    padding-right: 5px;
}

.logo {
    background: url(https://maec.org/wp-content/uploads/2025/02/MAEC_logo_2024.png) no-repeat;
    /*background: url(/wp-content/uploads/2017/02/MAEC_25Years_Logo.jpg) no-repeat;*/
    background-size: 100%;
    float: left;
    /*width: 350px;*/
	width: 300px;
    height: 110px;
    margin-top: 24px;
    margin-bottom: 0px;
}

.logo span {
    position: absolute;
    top: -99999px;
    left: -99999px;
}

.navbar {
    float: right;
    margin-top: 40px;
}

.navbar ul {
    list-style-type: none;
}

.navbar li {
    border-right: 1px solid rgb(246, 237, 202);
    display: inline;
    padding: 15px 20px;
}

.navbar li:first-of-type {
    border-left: 1px solid rgb(246, 237, 202);
}

.navbar li a {
    /* color: rgb(120, 120, 120); */
    color: #595959;
}

.navbar li.current-menu-item > a,
.navbar li a:hover {
    /* color: #4454B6; */
    color: #0d30fb;
}

.navbar li.menu-item-has-children {
    position: relative;
}

.navbar li.menu-item-has-children:hover {
    background-color: rgb(240, 237, 230);
}

.navbar ul.sub-menu {
    background-color: rgb(240, 237, 230);
    display: none;
    padding: 0;
    position: absolute;
    top: 50px;
    left: -1px;
    z-index: 99999;
    width: 200px;
}

.navbar .sub-menu li {
    line-height: 1.2;
    display: block;
}

.navbar ul ul li:hover,
.navbar ul ul li a:hover {
    color: rgb(158, 57, 53);
    background-color: rgb(232, 228, 217);
}

.navbar ul li:hover > ul {
    display: block;
}


.menu-toggle {
    display: none;
}


/* ==========================================================================
   Main Content
   ========================================================================== */
.site-main {
    clear: both;
    padding-bottom: 20px;
}

.entry-header img {
    width: 100%;
}

.entry-header h1 {
    font-family: AsapItalic;
    font-size: 1.900em;
    line-height: 1.2;
    text-align: center;
    color: rgb(255, 255, 255);
    background: rgb(158, 57, 53);
    position: relative;
    z-index: 10;
    margin: -50px auto 0;
    padding: 15px 100px 20px;
}

.entry-content {
    padding:
        /*30px 0 60px*/
        10px;
}

.breadscrumbs {
    font-size: 0.875em;
    margin-bottom: 30px;

}

.breadscrumbs a {
    text-decoration: underline;
}

.primary,
.col-right {
    float: right;
    width: 66%;
}

.secondary,
.col-left {
    float: left;
    width: 31%;
}

.primary-work {
    width: 100%;
}


.home-news-top {
    background-color: #3C496E;
    /*padding: 30px 0 30px;*/
}

.home-news-top p {
    font-size: 1.500em;
    color: #fff;
}

.home-news-top article .excerpt {
    padding-top: 50px;
}

.home-news-top article {
    margin-bottom: 0px;
}

.secondary-nav ul {
    margin-top: 0;
    padding-left: 0;
}

.secondary-nav li.parent > a {
    font-family: ClearSansBold;
    font-size: 1.375em;
    background: none;
    margin-bottom: 10px;
    padding: 0;
}

.secondary-nav li a {
    /* color: rgb(120, 120, 120); */
    color: #494949;
    background: rgb(240, 237, 230);
    display: block;
    margin-bottom: 2px;
    padding: 15px 20px;
}

.secondary-nav li.current_page_item > a,
.secondary-nav li a:hover {
    color: rgb(158, 57, 53);
    background: rgb(232, 228, 217);
}

.secondary-nav li.current_parent_item > a {
    color: rgb(158, 57, 53);
}

.secondary-nav li.parent > a:hover {
    background: none;
}

.secondary-nav li.current_page_item > a:after,
.secondary-nav li.parent.current_parent_item > a:after,
.secondary-nav li a:hover:after {
    content: '\f0da';
    font-family: FontAwesome;
    line-height: normal;
    margin-left: 5px;
}

article {
    margin-bottom: 30px;
}

article h3,
article p {
    margin-bottom: 10px;
}

article h3 {
    margin-top: 0;
}

article h3 a {
    color: rgb(158, 57, 53);
    text-decoration: underline;
}

article h3 a:hover {
    color: #4454B6;
}

article p {
    line-height: 1.3;
}

article img {
    float: left;
}

article .excerpt {
    float: right;
    width: 67%;
}

.image-wrapper {
    border: 3px solid rgb(247, 241, 212);
    float: left;
    margin: 1%;
    padding: 28px;
    width: 31%;
}

.image-wrapper:hover,
.image-wrapper-tech:hover,
.image-wrapper-work:hover {
    border: 3px solid rgb(236, 221, 146);
}

.image-wrapper-tech {
    border: 3px solid rgb(247, 241, 212);
    float: left;
    margin: 1%;
    padding: 28px 50px 20px 50px;
    text-align: center;
    width: 48%;
}

.image-wrapper-tech p,
.image-wrapper-work p {
    margin-top: 10%;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 1.250em;
    height: 50px;
    line-height: 25px;
}

.image-wrapper-work {
    border: 3px solid rgb(247, 241, 212);
    float: left;
    margin: .5%;
    padding: 28px 10px 20px 10px;
    text-align: center;
    width: 24%;
}

.color-brown {
    color: #6b4801;
}

.color-yellow {
    color: #806C00;
}

.color-mrm {
    color: #a33c33;
}

.color-blue {
    color: #5983ff;
    /* color:#0037da; */
}

/* ==========================================================================
   Footer
   ========================================================================== */
.opt-in {
    border-top: 1px solid rgb(246, 237, 202);
    padding: 30px 0;
}

.opt-in h2 {
    /* color: rgb(120, 120, 120); */
    color: #595959;
    margin: 10px 0;
}

.opt-in .col-right {
    margin-top: 30px;
}

.opt-in input[type="text"],
.opt-in input[type="email"] {
    background: none;
    border: 3px solid rgb(247, 241, 212);
    width: 35%;
}

.opt-in input[type="submit"] {
    position: relative;
    top: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.site-footer {
    background: rgb(240, 237, 230);
    padding: 50px 0 30px;
}

.site-footer .col-left {
    width: 12%;
    margin-right: 1.4%;
}

.site-footer .col-left:first-of-type {
    width: 33%;
}

.site-footer .col-left:last-of-type {
    margin-right: 0;
}

.social-icons a {
    margin-right: 10px;
}

.copyright {
    font-size: 0.813em;
}

.copyright a {
    /* color: rgb(120, 120, 120); */
    color: #494949;
}

.copyright a:hover {
    color: #4454B6;
}

.footer-nav ul {
    margin-top: 0;
    padding-left: 0;
}

.footer-nav li {
    margin-bottom: 8px;
}

.footer-nav a {
    font-size: 0.875em;
    line-height: 1.2;
    /* color: rgb(120, 120, 120); */
    color: #494949;
    display: block;
    text-decoration: underline;
}

.esol_aunderline a {
    text-decoration: underline;
}

.footer-nav a:hover {
    color: #4454B6;
}

.footer-nav li.parent > a {
    font-size: 1.063em;
    color: rgb(158, 57, 53);
}

/* ==========================================================================
   Pages
   ========================================================================== */
#home .site-main {
    background: rgb(240, 237, 230);
}

/*
#home .entry-header h1 {
    margin-top: -70px;
}
*/

#home .primary {
    float: left;
    border-right: 1px solid rgb(246, 237, 202);
    padding-right: 3%;
}

#home .secondary {
    float: right;
    width: 30%;
}

#home h2 {
    /* color: rgb(120, 120, 120); */
    color: #595959;
}

#home blockquote {
    font-size: 24px
        /*1.500em*/
    ;
    text-align: center;
    padding: 0 120px;
}

#home blockquote:before,
#home blockquote:after {
    font-size: 155px
        /*6.250em*/
    ;
    top: -40px;
    left: 20px;
}

#home blockquote:after {
    top: auto;
    left: auto;
    bottom: -120px;
    right: 20px;
}

.home-news {
    background: rgb(255, 255, 255);
    margin: 40px 0;
}

.staff-member {
    border-bottom: 1px solid rgb(246, 237, 202);
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.staff-member h2 {
    margin: 0;
}

.staff-member img {
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.staff-member h2 {
    font-size: 1.375em;
}

.staff-member .excerpt {
    width: 70%;
}

/*------------------------------08-Nov-19------------------------*/
.yelow-bg {
    background-color: #e4c236;
    width: 170px;
    height: 170px;

}

/* ==========================================================================
   Responsive styles
   ========================================================================== */

@media (max-width: 1140px) {
    .navbar li {
        padding: 15px;
    }

    img.full-width {
        width: 100%;
    }

    .blog_body_single img.full-width {
        width: initial;
    }

    .image-wrapper {
        width: 31%;
        padding: 0;
    }

    .image-wrapper-tech {
        width: 48%;
        padding: 8px;
    }

    .image-wrapper-work {
        width: 32%;
        padding: 8px;
    }

    .image-wrapper img,
    .image-wrapper-tech img,
    .image-wrapper-work img {
        margin: 0 auto;
        display: block;
    }

    .staff-member img {
        width: 25%;
    }

    /*page1*/

    .podcast_landing .Equitable {
        width: 70% !important;
    }

    .podcast_landing .frm form input {
        width: 47% !important;
    }

    .podcast_landing .frm img {
        left: 42% !important;
    }

    .podcast_landing .frm select {
        width: 47% !important;
        margin: 0 38px 0 0px;
    }

    .podcast_landing .Podcast div {
        width: 30.333333% !important;
        margin-right: 2% !important;
    }

    .podcast_landing .Podcast p {
        line-height: 21px;
    }

    .podcast_landing .Podcast h6 {
        margin: 0 0 10px 18px;
    }
}



@media (max-width: 1069px) {

    .site-header .container {
        padding: 0;
    }

    .logo {
        margin-left: 20px;
    }

    .site-header input[type="search"] {
        margin-right: 20px;
    }

    .navbar {
        text-align: center;
        background: rgb(232, 228, 217);
        float: none;
        clear: both;
        margin-top: 0;
        width: 100%;
    }

    .menu-toggle {
        color: rgb(120, 120, 120);
        background: none;
        cursor: pointer;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 70px;
        margin: 0;
        padding: 0;
		z-index: 9;
    }

    .menu-toggle:after {
        content: "\f0c9";
        font-family: FontAwesome;
        font-size: 1.8em;
        padding: 8px;
        vertical-align: -4px;
    }

    .nav-menu.toggled-on,
    .nav-menu.toggled-on > ul {
        display: block;
        margin-left: 0;
        padding: 0;
        width: 100%;
        margin-top: 40px;
    }

    .toggled-on li,
    .toggled-on .menu-item-has-children {
        display: block;
    }

    .navbar ul {
        margin: 0;
    }

    .navbar li {
        border: 0;
        border-bottom: 2px solid rgb(255, 255, 255);
    }

    .navbar li ul.sub-menu li {
        border: 0;
        padding-bottom: 0;
    }

    .navbar ul.sub-menu {
        width: 100%;
    }

    .nav-menu.toggled-on li > ul {
        background-color: transparent;
        display: none;
        float: none;
        position: relative;
        left: auto;
        top: auto;
    }

    .nav-menu.toggled-on li > ul a {
        font-size: 0.938em;
        text-transform: uppercase;
        color: rgb(120, 120, 120);
        width: auto;
    }

    .navbar li.current-menu-item > a,
    .nav-menu.toggled-on li:hover > a,
    .nav-menu.toggled-on .menu-item-has-children a {
        /* color: rgb(120, 120, 120); */
        color: #0d30fb;

    }

    .navbar li.menu-item-has-children:hover {
        background-color: transparent;
    }

    .nav-menu.toggled-on li a:hover,
    .nav-menu.toggled-on ul a:hover {
        color: rgb(158, 57, 53);
    }

    ul.nav-menu,
    div.nav-menu > ul {
        display: none;
    }

    article .excerpt {
        width: 59%;
    }

    .opt-in input[type="text"],
    .opt-in input[type="email"] {
        width: auto;
    }

    /*page1*/

    .podcast_landing .Podcast div {
        width: 30.333333% !important;
        margin-right: 2% !important;
    }

    .podcast_landing .Podcast p {
        margin: 0 0 0 7px;
    }

    .podcast_landing .Equitable {

        width: 66% !important;
    }


    /*page2(1069px)*/


    .podcast_details .Karmen p {
        padding-left: 7px;
        /*width: 88% !important;*/
    }

    .podcast_details .Addimg {
        width: 22% !important;
    }


}

@media (max-width: 900px) {

    .primary,
    .secondary,
    .col-left,
    .col-right,
    .site-footer .col-left,
    .site-footer .col-left:first-of-type,
    #home .primary,
    #home .secondary {
        float: none;
        clear: both;
        width: auto;
    }

    .secondary {
        margin-top: 40px;
    }

    #home .primary {
        border-right: 0;
        padding-right: 0;
    }

    article img {
        width: 25%;
    }

    article .excerpt {
        width: 72%;
    }

    .opt-in {
        padding-bottom: 50px;
    }

    .opt-in .col-right {
        margin-top: 20px;
    }

    blockquote,
    #home blockquote {
        font-size: 20px
            /*1.250em*/
        ;
        padding: 0 30px;
    }

    blockquote:before,
    blockquote:after,
    #home blockquote:before,
    #home blockquote:after {
        font-size: 80px
            /*5.000em*/
        ;
        top: -20px;
        left: -20px;
    }

    blockquote:after,
    #home blockquote:after {
        top: auto;
        left: auto;
        bottom: -70px;
        right: -20px;
    }

    .image-wrapper-work {
        width: 48%;
    }

    .podcast_landing .Equitable {
        width: 50% !important;
    }

    .podcast_landing .pnl01 img {
        width: 45% !important;
    }

    .podcast_landing .Podcast div {
        width: 30.333333% !important;
        margin-right: 14px !important;
    }

    .podcast_landing .frm select {
        margin: 0 33px 0 0px;
    }


    /*page2(900px)*/

    .podcast_details .Karmen p {
        padding-left: 16px;
        width: 89% !important;
    }

    .podcast_details .Additional p {
        padding: 0px;
    }

    .podcast_details .Addimg {
        width: 20% !important;
        display: block;
    }

    .podcast_details .Addp {
        width: 75% !important;
        display: block;
    }

    .podcast_details .full h4 {
        padding: 30px 0px 0px 0px !important;
        margin-bottom: 0%;
    }

}

@media (max-width: 768px) {
    .site-main header.entry-header .container {
        margin-top: 50px;
    }
/*
     .navbar {
    margin-top: 42px;
    }
*/


    .logo {
        float: left;
        width: 250px;
        height: 72px;
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .site-header a.button,
    .site-header button,
    .site-header input[type="search"] {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 49%;
        margin: 0;
		z-index: 9
    }

    .site-header input[type="search"] {
        left: auto;
        right: 0;
    }

    .menu-toggle {
        top: 40px;
    }

    .entry-header h1,
    #home .entry-header h1 {
        font-size: 1.500em;
        margin: -20px auto 0;
        padding: 10px 20px 10px;
    }

    .entry-content {
        padding-bottom: 30px;
    }

    /*page1*/
    .podcast_landing .Equitable {
        width: 52% !important;
    }

    .podcast_landing .Equitable p {
        font-size: 13px !important;
        line-height: 17px !important;
    }

    .podcast_landing .frm select {
        width: 47% !important;
        margin: 4px 0px 6px 0px;
    }

    .podcast_landing .frm form input {
        width: 47% !important;
    }

    .podcast_landing .Podcast div {
        width: 46% !important;
    }


    /*page2 (768px)*/

    .podcast_details .Karmen p {
        padding-left: 10px;
        width: 86% !important;
    }

    .podcast_details .Additional p {

        padding-left: 0px;
    }

    .podcast_details .Addimg {
        width: 28% !important;
    }

    .podcast_details .Addp {
        width: 64% !important;
    }

    .podcast_details .full h4 {

        padding: 45px 0px 0px 0px !important;
        margin-bottom: 0;
    }
	.esol_boxcom {
		width: 100% !important;
		margin-bottom: 10px;
	}
}

@media (max-width: 600px) {

    article img,
    article .excerpt {
        float: none;
        width: auto;
    }

    article img {
        margin-bottom: 20px;
    }

    .staff-member img,
    .staff-member .excerpt {
        width: auto;
    }

    .opt-in input[type="text"],
    .opt-in input[type="email"],
    .opt-in input[type="submit"] {
        width: 100%;
        margin-bottom: 10px;
    }

    .image-wrapper img {
        width: 100%;
        padding: 10px;
        height: 100%;
    }

    .opt-in div.cc_first_name.kws_input_container.gfield,
    .opt-in div.cc_email_address.kws_input_container.gfield,
    .opt-in div.cc_Go.kws_input_container.gfield,
    #robly_embed_signup div.robly_field_group,
    #robly_embed_signup .robly_submit {
        width: 100%;
    }

    .esol_caption {
        width: 100% !important;
    }


    /*page1*/

    .podcast_landing .pnl01 img {
        width: 100% !important;
    }

    .podcast_landing .Equitable {
        width: 100% !important;
        margin: 23px 0 0 0;
    }

    .podcast_landing .frm select {
        width: 100% !important;
        margin: 7px 0px 7px 0px !important;
    }

    .podcast_landing .frm form input {
        width: 100% !important;
    }

    .podcast_landing .frm img {
        left: 86% !important;
    }

    .podcast_landing .Podcast div {
        width: 100% !important;
        margin-right: 20px !important;
    }


    /*page2(600px)*/

    .podcast_details .dsn2 p {
        width: 62% !important;
    }

    .podcast_details .Karmen p {
        width: 80% !important;
        padding: 0;
    }

    .podcast_details .dsn2 p {
        float: none;
        width: 100% !important;
    }

    .podcast_details .Additional p {

        padding: 0px;
    }

    .podcast_details .Addp {
        width: 80% !important;
    }

    .podcast_details .Addimg {
        width: 44% !important;
    }

    .podcast_details .full h4 {
        padding-bottom: 0px !important;
        margin: 0;
    }

    .podcast_details .botn {
        padding: 15px 0px 40px 0px !important;
    }


}

@media (max-width: 480px) {
    .image-wrapper {
        width: 48%;
    }

    .image-wrapper-tech,
    .image-wrapper-work {
        width: 98%;
    }

    .site-main header.entry-header .container {
        margin-top: 78px;
    }

    /*page1*/

    .podcast_landing .Podcast div {
        width: 100% !important;
    }

    .podcast_landing .frm select {
        width: 100% !important;
        margin: 31px 0px 0 0px;
    }

    .podcast_landing .frm form input {
        width: 100% !important;
        margin: 0px;
    }

    .podcast_landing .frm img {
        position: absolute;
        top: 101%;
        left: 88% !important;
    }

    /*page2(480px)*/

    .podcast_details .dsn2 img {
        width: 500px;
        margin: 0 0 15px 0;
    }

    .podcast_details .dsn2 p {
        float: none;
        /*margin: 0%;*/
        padding: 0px !important;
    }

    .podcast_details .Karmen p {
        width: 100% !important;
    }

    .podcast_details .Karmen img {
        width: 500px;
        margin: 5% 0 4% 0;
    }

    .podcast_details .Karmen p {
        width: 100% !important;
        padding: 0px 0 12px 0;
    }

    .podcast_details .Kyair {
        padding: 0px;
    }

    .podcast_details .Kyair p {
        padding: 0px;
        margin: 3% 0 1% 0;
    }

    .podcast_details .Speaker h5 {

        padding: 0px;
    }

    .podcast_details .Addimg {
        width: 100% !important;
    }

    .podcast_details .Addimg img {

        width: 500px;
    }

    .podcast_details .Addp {
        margin: 0px !important;
        width: 100% !important;
    }

    .podcast_details .Additional p {

        padding: 0px;
        margin: 4% 0 4% 0 !important;
    }

    .podcast_details .botn {
        padding: 15px 0px 40px 0px !important;
    }

    .podcast_details .Kyair p {

        padding: 0px !important;
    }

    .podcast_details .Kyair {

        padding: 0px !important;
    }

    .podcast_details .Reso {
        display: unset !important;
    }

    .podcast_details .full h4 {

        margin: 0px;
    }

}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}


.nav-links .nav_prev {
    float: left;
}

.nav-links .nav_next {
    float: right;
}

.post_body_single img {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.blog_body_single img.full-width {
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.clear {
    clear: both;
    display: block;
}

.page_side {
    margin-top: 30px;
}

.work_top img {
    margin-left: 15px;
    float: right;
}

.work_top p {
    font-size: 1.125em;
}

.tabs {
    width: 100%;
    display: inline-block;
}

.tab-links:after {
    display: block;
    clear: both;
    content: '';
}

.tab-links {
    padding: 0;
    border-bottom: 1.5px solid rgb(232, 228, 217);
    margin-top: 0px;
}

.tab-links li {
    margin: 0px 2px;
    float: left;
    list-style: none;
    min-width: 122px;
    background: rgb(240, 237, 230);
}

.tab-links a {
    padding: 15px 20px;
    display: inline-block;
    font-size: 1.063em;
    /* color:rgb(120, 120, 120); */
    color: #494949;
    transition: all linear 0.15s;
}

.tab-links a:hover,
.tab-links li.active a {
    text-decoration: none;
    color: rgb(158, 57, 53);
}

.tab-links li:hover,
.tab-links li.active {
    background: rgb(232, 228, 217);
}

.tab-links li.active a:after,
.tab-links li:hover a:after {
    content: '\f0d7';
    font-family: FontAwesome;
    line-height: normal;
    margin-left: 5px;
}

.tab-content {
    padding: 0px;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

#constant-contact-signup-1 div,
#robly_embed_signup .robly_field_group,
#robly_embed_signup .robly_submit {
    display: inline-block;
}

#constant-contact-signup-1 > div.kws_input_fields.gform_fields {
    display: block;
}

div.cc_first_name.kws_input_container.gfield,
div.cc_email_address.kws_input_container.gfield {
    width: 35%;
    margin-right: 5px;
}

#robly_embed_signup .robly_field_group {
    width: 23%;
    margin-right: 5px;
}

.opt-in input[type="text"] {
    width: 100% !important;
}

#constant-contact-signup-1 > p {
    margin: 0px;
}

.eventcalenders table {
    border: 2px solid #7B7B7B;
    width: 100%;
    line-height: 1.5 !important;
}

.eventcalenders td {
    border: 2px solid #7B7B7B !important;
    width: 14%;
    height: 50px;
    text-align: center !important;
}

.eventcalenders td ul {
    padding-left: 22px;
    margin: 0 !important;
}

.eventcalenders thead {
    font-size: 1.375em !important;
}

h1.staff_title {
    margin-bottom: 45px;
}

.staff-member img {
    border: 1px solid #787878;
}

.gfield_checkbox input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

.gfield_radio input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
}

a.link_underline {
    text-decoration: underline;
}

header img.logo {
    display: none;
}

.esol_caption {
    float: right;
    width: 43%;
}

.esol_caption p {
    margin-left: 15px;
    color: #4454B6;
}

.session_title {
    background: #CCCCCC;
    padding: 7px 2px;
    font-family: ClearSansBold;
}

.speaker_name {
    margin-bottom: 2px;
}

h4.workshop_title {
    margin-bottom: 0px;
    font-size: 1.188em;
}

div.text_highlight {
    border: 1px #DBD3C4 solid;
    padding: 6px;
    background-color: #F0EDE6;
    margin-top: 40px;
}


.entryidclass {
    display: none;
}

.qtyclass {
    display: none;
}

ul.ourworks .our_work_list {
    /* color: rgb(120, 120, 120); */
    color: #494949;
    background: rgb(240, 237, 230);
    display: block;
    margin-bottom: 2px;
    padding: 15px 20px;
}

ul.ourworks li.our_work_list:hover {
    color: rgb(158, 57, 53);
    background: rgb(232, 228, 217);
}

.getresource_btn {
    font-family: ClearSansBold;
    font-size: 1.125em;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    background: rgb(218, 184, 44);
    border: 0;
    padding: 7px 40px;
}

.tab-links.places-tab-links a {
    padding: 10px 14px;
    display: inline-block;
    font-size: 0.875em;
    color: rgb(120, 120, 120);
    transition: all linear 0.15s;
}

.secondary-nav li.page_item_has_children > ul > li > a {
    padding-left: 40px;
    font-size: 0.938em;
    padding-top: 8px;
    padding-bottom: 8px;
}

.esol_hide {
    display: none;
}

table.em-calendar td.eventful a,
table.em-calendar td.eventful-today a {
    color: #8c3901 !important;
}

.entry-content .primary a,
.home-news .primary p a {
    text-decoration: underline;
}

.entry-content .primary .tabs .tab-links li a {
    text-decoration: none;
}

table.em-calendar td.eventless-today,
table.em-calendar td.eventful-today {
    background-color: #D6D6D6 !important;
}

.esol_new_tcolor {
    color: #3E5593;
}

.ginput_container_fileupload .gform_drop_area span.gform_drop_instructions {
    color: #707070;
}

table.em-calendar td.eventless-pre,
.em-calendar td.eventless-post {
    color: #707070 !important;
}

/***20.06.2019**/
.navbar li.hover {
    background-color: rgb(240, 237, 230);
}

.navbar ul li.hover > ul {
    display: block;
}

/***28.06.2019**/
input:focus,
textarea:focus,
button:focus,
radio:focus,
checkbox:focus {
    box-shadow: 0 0 5px #808080;
    border: 1px solid #0d30fb;
}


/***my css***/

/***page 1***/


/*Equitable Podcast*/

.podcast_landing .pnl01 img {
    max-width: 100%;
    float: left;
    width: 26%;
}

.podcast_landing .Equitable {
    float: right;
    width: 72%;
}

.podcast_landing .pnl01 h2 {
    font-size: 26px;
    font-weight: bold;
    margin: 0%;
}

.podcast_landing .pnl01 h2 a {
    color: #3E5593;
}

.podcast_landing .pnl01 h3 {
    color: #494949;
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;
}

.podcast_landing .pnl01 p {
    color: #494949;
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
}

/*serch*/

.podcast_landing .frm {
    clear: both;
    padding: 41px 0 41px 0;
}

.podcast_landing .frm form input {
    float: left;
    width: 33%;
    border: 2px solid #595959;
    background-color: #FFFFFF;
}

.podcast_landing .frm form input::placeholder {
    color: #494949 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: bold;
}

.podcast_landing .frm {
    position: relative;
}

.podcast_landing .frm img {
    position: absolute;
    top: 63%;
    left: 30%;
    z-index: 999;
}

.podcast_landing .frm select {
    float: left;
    width: 33%;
    padding: 7px 0 10px 5px;
    border: 2px solid #595959;
    color: #494949 !important;
    font-family: "Clear Sans" !important;
    font-size: 16px !important;
    line-height: 24px !important;
	margin: 0 4px 0 4px;
}

/*Podcast title*/

.podcast_landing .Podcast {
    clear: both;
    margin: 10px 0px 10px 0px;
}

.podcast_landing .Podcast div {
    width: 32.333333%;
    display: inline-block;
    margin: 0 auto;
    margin-right: 8px;
    margin-top: 35px;
    border: 1px solid #000000;
}

.podcast_landing .Podcast img {
    max-width: 100%;
}

.podcast_landing .Podcast h4 {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}

.podcast_landing .Podcast h4 a {
    color: #3E5593;
}

.podcast_landing .Podcast h5 {
    color: #494949;
    font-size: 16px;
    line-height: 1px;
    padding: 10px;
}

.podcast_landing .Podcast p {
    color: #494949;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
}

.podcast_landing .Podcast h4,
.podcast_landing .Podcast h5,
.podcast_landing .Podcast p {
    margin: 8px 0px 0px 8px;
}

.podcast_landing .Podcast h6 {
    display: block !important;
    margin: 0 0 15px 18px;
    text-decoration: underline;
    font-size: 16px;
}

.podcast_landing .Podcast h6 a {
    color: #0d30fb;
}

/***page 2***/

/*panel1*/

.podcast_details .Racial h5 {
    color: #494949;
    font-size: 17px;
    font-weight: bold;
    margin: 0%;
}

.podcast_details .Racial h2 {
    color: #3E5593 !important;
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 1% 0;
}

.podcast_details .dsn1 {
    padding: 0px 0 26px 0;
}

.podcast_details .dsn2 img {
    max-width: 100%;
    float: left;
    display: block;
}


.podcast_details .dsn2 p {
    /* float: right; */
    margin: 0%;
    color: #494949;
    font-size: 16px;
    padding: 0px 0 0 200px;
}

.podcast_details .clr .esolMediaFrame {
    max-width: 100%;
    padding: 26px 0px 25px 0px;
    display: block;
    width: 1100px;
}

.podcast_details .clr {
    clear: both;
}

.podcast_details .Speaker a {
    text-decoration: underline;
}

.podcast_details .Speaker h5 {
    color: #494949;
    font-size: 20px;
    padding: 0px 0px 17px 0px;
    margin: 0%;
}

.podcast_details .Karmen img {
    max-width: 100%;
}

.podcast_details .Karmen p {
    color: #494949;
    font-size: 16px;
    width: 90%;
    margin: 0%;
    float: right;
}

.podcast_details .Karmen {
    padding: 0 0 10px 0;
}

.podcast_details .Kyair {
    clear: both;
    padding: 2px 0 44px 18px;

}

.podcast_details .Kyair p {
    color: #494949;
    font-size: 16px;
    padding: 0px 0px 0px 87px;
}

.podcast_details .ShowNotes {
    margin: 4% 0 4% 0;
}

.podcast_details .ShowNotes h5 {
    margin: 0;
    font-weight: bold;
    color: #494949;
    font-size: 20px;
}

.podcast_details .ShowNotes ul li {
    color: #494949;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    text-justify: inter-word;
    padding: 9px 0 0px 0;
}

.podcast_details .ShowNotes ul {
    list-style-type: disc;
    padding: 0 0 0 17px;
}


.podcast_details .Reso {
    display: flex;
    margin: 1% 0 2% 0;
}

.podcast_details .Additional h4 {
    color: #494949;
    font-size: 20px;
    font-weight: bold;
}

.podcast_details .Addimg {
    width: 30%;
}

.podcast_details .Addimg img {
    max-width: 100%;
    display: block;
}

.podcast_details .Addp {
    margin: 0 0 0 18px;
}

.podcast_details .Additional p {
    color: #494949;
    font-size: 16px;
    margin: 0%;
    line-height: unset;
}

.podcast_details .Additional a {
    text-decoration: underline;
}

.podcast_details .full h4 {
    color: #494949;
    font-size: 20px;
    font-weight: bold;
    padding: 30px 0px 0px 0px;
    margin-bottom: 0%;
}

.podcast_details .fullp p {
    color: #494949;
    font-size: 16px;
    margin: 0% 0 2% 0;
}

.podcast_details .botn button {
    padding: 6px 35px 6px 35px;
    border-radius: 50px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.07px;
    line-height: 39px;
    text-align: center;
    background-color: #9E3834;
    border: none;
}

.podcast_details .botn {
    padding: 0px 0px 63px 0px;
}

.podcast_details .Posted h5 {
    color: #494949;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
}

.podcast_details .Posta {
    padding: 0 0 80px 0;
}

.podcast_details .Posta a {
    text-decoration: underline;
}

.podcast_details .Posta b {
    color: #494949;
    font-size: 16px;
    font-weight: bold;
}

.podcast_details .Pod {
    margin: 0 0 5% 0;
}

.podcast_details .Pod a {
    padding: 0px 0px 20px 0px;
    text-decoration: underline;
}

.esolLeftPodcaseImage {
    width: 180px;
}

.esolMediaFrame .powerpress_links,
.powerpress_player {
    display: none;
}

.esolNoSpacingDiv {
    padding: unset !important;
}

.esolNoSpacingP {
    padding-left: 0 !important;
}

.esolEpisodeDetails {
    margin-left: 15px;
}



/***page 3***/

.podcast_landing .review h2 {
    font-size: 22px;
    font-weight: bold;
    color: #494949;
}

.podcast_landing .vido video {
    width: 100%;
    height: 505px;
}

.podcast_landing .commodo p {
    font-size: 16px;
    color: #494949;
    padding: 10px 0;
    margin: 0;
}

.podcast_landing .fullvideo a {
    font-size: 16px;
    color: #0d2ffb;
    text-decoration: underline;
}

.podcast_landing .pdf h4 {
    font-size: 22px;
    font-weight: bold;
    color: #494949;
    margin: 7% 0 2% 0;
}

.podcast_landing .Point {
    display: inline-block;
}

.podcast_landing .Pointul {
    display: inline-block;
    vertical-align: top;
    margin-top: -15px;
}

.podcast_landing .Pointul ul {
    margin: 0 !important;
    padding: 0 0 0 75px;
    list-style-type: none;
}

.podcast_landing .Pointul li {
    font-size: 16px;
    color: #494949;
    position: relative;
    margin: 15px 0
}

.podcast_landing .Pointul li:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 5px;
    width: 14px;
    height: 14px;
    background: url('/wp-content/uploads/2019/09/icons8-checkmark-13.png') no-repeat;
}

.podcast_landing .Pointul img {
    width: 7%;
    margin-right: 13px;
}

.podcast_landing .Pointul button {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.07px;
    text-align: center;
    color: #ffffff;
    border-radius: 27px;
    background-color: #9e3834;
    margin: 24px 0 0 57px;
}

.podcast_landing .topics h5 {
    font-size: 20px;
    font-weight: bold;
    color: #494949;
    margin: 4% 0 0;
}

.podcast_landing .topics h6 {
    font-size: 16px;
    color: #494949;
}

.podcast_landing .topics ul {
    padding-left: 100px;
    margin-right: 75px;
    list-style-type: none;
}

.podcast_landing .topics li {
    padding: 5px 10px;
    font-size: 18px;
    font-family: georgia, palatino, serif;
    margin-top: 15px;
}

.podcast_landing .topics button {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.07px;
    text-align: center;
    color: #ffffff;
    border-radius: 27px;
    background-color: #9e3834;
    margin: 24px 0;
    margin-left: 100px;
}

.podcast_landing .berliner {
    display: inline-flex;
    margin: 1% 0 10%;
}

.podcast_landing .mrgn {
    margin-left: 20px;
}

.podcast_landing .mrgn h5 {
    margin: 0 0 10px;
    font-size: 16px;
    color: #494949;
    font-weight: bold;
}

.podcast_landing .mrgn p {
    font-size: 16px;
}

.podcast_landing .mrgn a {
    text-decoration: underline;
}

.podcast_landing .author h6 {
    font-size: 20px;
    font-weight: bold;
    color: #494949;
}

.podcast_landing .author p {
    font-size: 16px;
    color: #494949;
}

.download .bgcolor {
    background-color: #e4eaf9;
}

.download {
    padding: 0;
}

.freepdf h4 {
    font-size: 26px;
    font-weight: bold;
    color: #3e5593;
    padding: 5% 0 0;
}

.newcomers {
    display: inline-flex;
    width: 100%;
}

.formclass {
    margin-left: 6%;
}

.formclass h5 {
    margin: 0 0 1%;
    font-size: 16px;
    letter-spacing: 0.06px;
    color: #494949;
}

.formclass input {
    padding: 6px 0px;
    width: 100%;
    background-color: #ffffff;
    border: solid 0.8px #414141;
}

.formclass select {
    width: 100%;
    padding: 8px;
    border: solid 0.8px #414141;
}

.formclass button {
    border-radius: 27px;
    background-color: #9e3834;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.06px;
    text-align: center;
    color: #ffffff;
    margin: 1% 0 22%;
}

.freeimg {
    margin: 3% 0 !important;
    width: 50%;
}

.freeimg img {
    width: 100%;
    background-color: #fff;
}

.backto a {
    text-decoration: underline;
    font-size: 16px;
    color: #0d2ffb;
}

.backto {
    margin: 5% 0 10%;
}

.podcast_image img {
    display: block;
    margin: 0 auto;
}


/**********
      24-sep-19 
--------------------------------------*/


.checkboxlisting input {
    -webkit-appearance: checkbox;
    float: left;
    display: flex;
    margin-right: 9px;
    margin-top: 5px;
}

.checkboxlisting {
    display: inline-flex;
    margin-right: 26px;
}

.checkboxlisting .esolCheckbox {
    width: 22px;
    height: 22px;
}

.checkboxlisting label {
    line-height: 2.1;
}

.gform_button {
    background-color: #9e3834 !important;
    padding: 15px 75px !important;
    color: #fff !important;
    border: 1px solid #9e3834 !important;
    border-radius: 45px;
    letter-spacing: 1.2px;
}

.gform_button:hover {
    border: 1px solid #9e3834 !important;
    background-color: transparent !important;
    color: #9e3834 !important;

}

.gform_wrapper.gf_browser_chrome select {
    padding: 5px 5px 5px 5px !important;
}

select {
    width: 100%;
    padding: 12px;
    line-height: 1.3;
    border: 1px solid #11264a;
    border-radius: 0;
    background: url('/wp-content/uploads/2019/09/drop.jpg') no-repeat right #fff;
    -webkit-appearance: none;
    background-position-y: 0;
    background-size: contain;
    color: #11264a;
    font-weight: 500;
}

.gold-text {
    color: rgb(104, 72, 6);
    font-size: 24px;
    text-align: center;
    line-height: 1.5;
    padding: 25px 0;
}

.esolVideoSection {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 80%;
    padding-bottom: 40%;
    top: 0;

}

.review h2 {
    font-size: 19px !important;
}

.readMoreBody {
    /*    width: 80%;*/
}

.esolVideoSection iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.breadscrumbs-2 {
    position: relative;
    top: 30px;
}

.mtn-20 {
    margin-top: -21px;

}

.area {
    margin-bottom: 25px;
}

.Adelante-img {
    width: 25%;
    float: left;
    margin-right: 25px;
}

.Adelante-img img {
    width: 100%;
    vertical-align: text-bottom;
}

@media (max-width: 600px) {
    .Adelante-img {
        width: 100%;
    }
}


.esolMP {
    margin-bottom: 35px;
    top: 15px;
}

.esolBTNdesign {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.07px;
    text-align: center;
    color: #ffffff;
    border-radius: 27px;
    background-color: #9e3834;
    margin: 24px 0 10px 0;
}

.esolBTNdesign:hover {
    background-color: #9e3834;
    color: #ffffff;
}




/*---------------
27-nov webinars css
-----------------------*/


.title {
    color: #3E5593;
    font-family: 'ClearSansBold';
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 10px;
}

.title-2 {
    color: #4A4A4A;
    font-family: 'ClearSansBold';
    font-size: 26px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 10px;
}

.title-of-webinar {
    color: #4A4A4A;
    font-family: 'ClearSansBold';
    font-size: 17px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 10px;
}

.the-centers-for-dise {
    color: #595959;
    font-family: 'ClearSansBold';
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}

.please-complete-the {
    color: #595959;
    font-family: 'ClearSansBold';
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 10px;
}



.row p {
    color: #595959;
    font-family: ClearSans, sans-serif;
    font-size: 1.000em;
    line-height: 22px;
}

.stephen-stone {
    color: #595959;
    font-family: 'ClearSansBold';
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
}

.stephen-stone-title {
    color: #595959;
    font-family: 'ClearSansBold';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.lorem-ipsum-dolor-si {
    color: #595959;
    font-family: 'ClearSansBold';
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
}


.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*
    margin-right: -15px;
    margin-left: -15px;
*/
}

.col-10 {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 85%;
    padding-right: 15px;
}

.col-5 {
    -ms-flex: 0 0450%;
    flex: 0 0 45%;
    max-width: 45%;
    padding-left: 15px;
}

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

.border {
    border: solid 1px;
}

.p-right {
    padding-right: 20px;
}

.p-left {
    padding-left: 20px;
}

.from-area input,
.from-area textarea {
    background-color: transparent;
    border: 1px solid #979797;
}

.from-area .gform_button {
    background-color: #E4C236 !important;
    padding: 15px 75px !important;
    color: #000 !important;
    border: 1px solid #E4C236 !important;
    border-radius: 0;
    letter-spacing: 1.2px;
    display: block !important;
    width: 100% !important;
    font-size: 28px !important;
    text-transform: capitalize;
    font-weight: bold;
}

.from-area .gform_button:hover {
    background-color: #000 !important;
    color: #E4C236 !important;
}

.social-container {
    display: flex;
    justify-content: center;
}

.social-container .icon {
    margin: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
}

.social-container .icon a {
    color: #595959;
    font-size: 50px;
}

.social-container .icon a:hover {
    color: #E4C236 !important;
}

/*----*/
.flex-container {
    display: flex;
    align-items: stretch;
}

.flex-container > div {
    width: 130px;
    margin-right: 10px;
}

.missing_image {
    box-sizing: border-box;
    height: 165px;
}

.missing_image img {
    width: 150px;
}

.get_prepared_area {}



.speakers-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



.speakers-box {
    width: 50%;
    flex: 0 0 24.333333%;
    margin-bottom: 35px;
}

/*
.speakers-area-add {
    flex-wrap: nowrap !important;
}
*/

.speakers-area-add .speakers-box {
    flex: auto;
}

.speakers-area-3 {
    display: flex;
}

.speakers-area-3 .speakers-box {
    flex: 0 0 33.33333%;
}

.speakers-area-2 {
    display: flex;
}

.speakers-area-2 .speakers-box {
    flex: 0 0 49.33333%;
}

.speakers-area-1 {
    display: flex;
}

.speakers-area-1 .speakers-box {
    flex: 0 0 99.33333%;
}

.speakers-img img {
    width: 150px;
    height: 150px;
    background: gray;
    border-radius: 50%;
    margin: 10px auto;
}

.speakers-name {
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.speakers-title {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 10px;
}

.speakers-content {
    color: #595959;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    font-family: ClearSans, sans-serif;
    padding: 0px 15px;
}


.go_button {
    display: none;
}


.rootFooter {
    background: #4D4D4D;
    color: #fff;
    padding: 20px 0;
    margin-top: 20px;
}


/*------------
24-jan-2020
----------*/
.pdf_landing {
    font-family: georgia, palatino, serif;
}

.pdf_landing strong,
b {
    font-family: georgia, palatino, serif;
}

.pdf_landing button,
a.button,
input[type="submit"] {
    letter-spacing: 0.9px !important;
}

.pdf_landing em,
i {
    font-family: georgia, palatino, serif;
    letter-spacing: 0.9px !important;
}

.pdf_landing h1,
.pdf_landing h2,
.pdf_landing h3,
.pdf_landing h4,
.pdf_landing h5 {
    font-family: georgia, palatino, serif;
    letter-spacing: 0.9px;
}



@media (max-width: 767px) {
 
    .go_button {
        display: block;
        background-color: #E4C236 !important;
        padding: 15px 75px !important;
        color: #000 !important;
        border: 1px solid #E4C236 !important;
        border-radius: 0;
        letter-spacing: 1.2px;
        display: block !important;
        width: 100% !important;
        font-size: 28px !important;
        text-transform: capitalize;
        text-align: center;
        font-weight: bold;
        margin: 15px auto;
    }

    .go_button a {
        text-align: center;
        font-weight: bold;
    }

    .col-7,
    .col-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .speakers-area {
        display: block;
    }

    .speakers-box {
        width: 100%;
        flex: auto;
        padding-top: 50px;
    }

    .from-area {
        margin-left: -15px;
    }

    .from-area {
        order: 3;
    }
}


/*annoucement styles*/

.covid_landing .announcement {
background: rgb(240, 237, 230);
    text-align: center;
    padding: 3% 5%;
    margin-bottom: 50px;
}

.covid_landing .announcement a.button {
    background-color:rgb(158, 57, 53);
    padding: 7px 40px;
    font-family: georgia, palatino, serif;
letter-spacing: 0.9px !important;
    color:#fff;
}

.covid_landing .announcement a.button:hover {
    background: rgb(218, 184, 44);
    color:#282828;
}

.covid_landing .announcement h2 {
    font-size: 26px;
font-weight: bold;
margin:0;
    color: #3E5593;
}

/*First Content Paragraph*/

.covid_landing .covid {
        float: right!important;
width: 72%!important;
    }
.covid_landing .pnl01 img {
    max-width: 100%;
    float: left;
    width: 26%;
	height: auto;
}

.covid_landing h2 {
font-size: 26px;
font-weight: bold;
margin:0;
    color: #3E5593;
}


/*resource colums*/

.covid_landing .resources{
    width: 100%;
    clear: both;
    padding-top: 30px;
}

.covid_landing .columns .col-6 {
    width: 48%;
    float: left;

}
.covid_landing .columns .col-6:first-of-type {
    margin-right: 2%;
}

.covid_landing .columns .col-6:last-of-type {
    margin-left: 2%;
}
.covid_landing .resources h2 {
    border-bottom: 1px solid #979797;
    width: 100%;
}

.resources h3 {
    font-size: 1.250em;
margin: 20px 0 15px;
    text-decoration: underline;
    color:#394D9B;
}

.resources h3 a {
    color:#394D9B;
}

/*responsive styles */

@media (max-width: 900px) {
.covid_landing .covid {
        width: 50% !important;
    }

    .covid_landing .pnl01 img {
        width: 45% !important;
    }   
}

@media (max-width: 768px) {
  
     .covid_landing .covid {
        width: 52% !important;
    }

    .covid_landing .covid p, .covid_landing .resources p {
        font-size: 16px !important;
        line-height: 17px !important;
    }
    .covid_landing .columns .col-6:first-of-type, .covid_landing .columns .col-6:last-of-type {
        width: 100%;
        margin:0!important
            ;
    }
    .covid_landing .announcement a.button {
        display: block;
        margin: 10px 0;
    }
    .covid_landing .announcement {padding: 25px 20px 10px 20px;}
}

@media (max-width: 600px) {
     .covid_landing .pnl01 img {
        width: 100% !important;
    }

    .covid_landing .covid {
        width: 100% !important;
        margin: 23px 0 0 0;
    }
}

/***Home Slider***/
.esol_homebanner .item {
	height:450px;
    margin-bottom: 25px;
    position: relative;
	cursor: pointer;
}

.esol_homebanner {
    text-align: center;
    background-color: #FFF !important;
}
.esol_homebanner a.button{
    width: 21%;
    padding: 0px 15px;
    margin: 25px 15px 10px 15px;
	border: solid 1px #000;
}


.esol_homebanner a.button h4{
    margin-bottom:5px;
    margin-top: 10px;
    text-transform: capitalize;
    font-family: ClearSansBold;
}

.esol_homebanner a.button p{
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 2px;
    font-family: ClearSans;
    margin-bottom: 10px;
}



.esol_homebanner a.button.zero {
    background-color: #fff;
    display: inline-block;
    text-align: left;
    border-left: solid #EED57B 6px;

    
}

.esol_homebanner a.button.three {
    background-color: #fff;
    display: inline-block;
    text-align: left;
    border-left: #a53b31 6px solid
}

.esol_homebanner a.button.five {
    background-color: #fff;
    display: inline-block;
    text-align: left;
       border-left: #6078be 6px solid
}

.esol_homebanner a.button.seven {
    background-color: #fff;
    display: inline-block;
    text-align: left;
       border-left: #dab82c 6px solid
}

.esol_homebanner h2.title {
    background-color: #fff;
    position: absolute;
    left: 5%;
    top: 45%;
    padding: 10px 35px;
    text-transform: uppercase;
    color: #000 !important;
}

.esol_homebanner .paragap{
    background-color: #fff;
    position: absolute;
    left: 5%;
    top: 67%;
    padding: 10px 35px;
    text-align: left !important;
    color: #000;
    width: 70%;
}

.esol_homebanner .paragap p {
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: ClearSans;
	color:#000;
}
.esol_homebanner .paragap p a{
    text-decoration: underline;
	color:#000;
	font-weight:800;
}
.esol_homebanner .paragap p a:hover{
    text-decoration: none;
}


/*------------------------------13-Apr-20------------------------*/
.esolblocktest {
    font-family: ClearSans;
    font-size: 26px;
    line-height: 1.6;
    text-align: center;
    color: rgb(104, 72, 6);
    position: relative;
    margin: 0px auto;
    padding: 60px 12%;
    background: rgb(240, 237, 230);
}

@media (max-width: 1059px) {

.esol_homebanner h2.title {
   top: 70px;
}

.esol_homebanner .paragap {
   top: 175px;
}
	
.esol_homebanner a.button
{
   padding-left: 5px;
   margin-right: 5px;
	width: 46%;
}
	.esol_homebanner .item {
		height: 360px;
	}
	.esol_homebanner .controls {top:490px!important;}
	
}
@media (max-width: 800px){
	.esol_homebanner .controls {top:435px!important;}
}

@media (max-width: 767px){

 .esol_homebanner h2.title {
   top: 28%;
  }


.esol_homebanner .paragap {
   top: 55%;
}
	
	header.entry-header {margin-top:45px;}
	
}

@media (max-width: 681px){

	.esol_homebanner .item, .esol_homebanner .controls {
	   display: none;
	}
	.esol_homebanner a.button
	{
	   width: 95%;
	}
	
}


#bar {
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #EED57B;
}
#progressBar {
  width: 100%;
  background: #EDEDED;
}
.goldBar {
	background: #EED57B!important;
}
.brownBar {
	background: #a53b31!important;
}
.blueBar {
	background: #6078be!important;
}
.yellowBar {
	background: #dab82c!important;
}

.esol_homebanner a.button.whiteBorder {
	border-left: #000 1px solid!important;
}

.esol_homebanner .controls {
    position: absolute;
    left: 48%;
    top: 575px;
    z-index: 9;
}

.esol_homebanner .controls i {
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    transition: all 300ms ease;
}

.esol_homebanner .controls i:hover {
    background-color: #fff;
}

.covid_landing .covid a, div.primary-work:not(.covid_landing) a {text-decoration:underline;}
iframe{ border:none; }

.removeunderline{ text-decoration:none !important; }

.webinar_landing_announcement{

	background: rgb(240, 237, 230);
    padding: 1% 2%;
    margin-bottom: 50px;
	margin-top: 70px;
}
.esol_boxcom{
	border: 1px solid #d2d1d0;
	padding:15px;
	width:49%;
	display: inline-block;
	text-align: left;
}
.esol_boxcom .esol_webinarlink{
	font-size:16px;
}

.esol_shownotes p{
	padding: 0 !important;
}

.esol_handoutsbox{
	background: rgb(240, 237, 230);
    padding: 30px;
}

.esol_handoutsbox .post_body_single p{
	margin-left:60px;
}
.esol_setcl{
	color:#184993 !important;
}
.esol_webinar_video{
	text-align:center;
	clear:both;
	padding-top:40px;
	margin-bottom:40px;
}

.esolimgsetdg{
	height:auto;
	margin-right: 20px;
}
.family_room_repeater .podcast_image figure{ min-height: 282px; }
.family_room_repeater .podcast_image h4, .podcast_repeater .podcast_image h4{
	min-height:125px;
}
.family_room_repeater .podcast_image .esol_list_desc{
	min-height:285px;
}
.podcast_repeater .podcast_image .esol_list_desc{
	min-height:213px;
}
.family_room_repeater .podcast_image .esol_list_guests, .podcast_repeater .podcast_image .esol_list_guests{
	min-height:120px;
}

.esol_upcomingevent_heading, .esol_upcomingevent_heading2{ margin-bottom:6px; }
.esol_upcomingevent_heading{ min-height: 46px; }
.esol_upcomingevent_heading2{ min-height: 94px; }

.esol_skiptocontent{ font-size:0px; }
.esol_skiptocontent:focus{
	background: #fff;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    clip: auto !important;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    height: auto;
    padding: 15px 12px 5px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
}

#searchsubmit{ 
	height:0;
	padding:0;
}
#searchsubmit[type="submit"]:focus{
	background: #fff;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    display: block !important;
    font-size: 1em;
	float:right;
	padding: 7px 40px;
	height:39px;
}
.esolplaypausebtn{
	color: #595959;
}
.esolplaypausebtn:hover{
	color: #595959;
}





.navbar li.esolHover {
    background-color: rgb(240, 237, 230);
}
.navbar ul li.esolHover > ul {
    display: block;
}

.esoltogglemenu:focus{
	border: 1px solid #000;
	padding: 5px 10px 34px 29px;
    position: absolute;
}

.esolreopening h4{ font-size: 18px; font-family: ClearSansBold; }
.esolreopening h5{ font-size: 17px; font-family: ClearSansBold; }
.esolreopening h6{ font-size: 16px; font-family: ClearSansBold; }
.esolreopening a{ text-decoration:underline; }
#esol_back_to_top
{
	position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
	font-size: 18px;
}
#esol_back_to_top.show {
    opacity: 1;
}

/****Sourav***/
.esol_pdflanding_form .gform_wrapper input[type=text], .esol_pdflanding_form .gform_wrapper input[type=number], .esol_pdflanding_form .gform_wrapper input[type=password], .esol_pdflanding_form .gform_wrapper textarea{ width:100% !important; }

 
@media (max-width: 768px) 
{
	.esol_state_resources p, .esol_state_resources table, .esol_state_resources a, .esol_state_resources span{ font-size:16px; }
	.esol_musebility p, .esol_musebility table, .esol_musebility a, .esol_musebility span{ font-size:16px; }
	.esol_state_resources a, .esol_musebility a{ word-break: break-word; }
}