/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

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

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog and Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

.hs-author-avatar img {
  max-width: 25%;
  float: right;
}

.blog-section {padding-top: 10px;}
.blog-section .blog-post-wrapper span.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_blog_social_sharing {display: none;}
.blog-section #hs_cos_wrapper_post_body p img {margin-right: 5px;}
.blog-section #hs_cos_wrapper_post_body > div:nth-child(1) {text-align:left;margin-top:5px;}
.blog-section p {text-align:left;}
.blog-section table p {text-align:center;}
.blog-section table i span, .blog-section table p span {font-size:12px !important;}
.blog-section .post-body img {height: auto;}
ul.pagination {list-style:none;display:flex;}
li.pagination {padding: 0px 5px;}
/* .blog-section .post-body p span, .blog-section .post-header h1 {color:#000 !important} */
/* .blog-section .post-body p span {color:#000 !important} */
.blog-section .post-body p span, .blog-section .post-body p {color:#000 !important; font-weight: 100 !important; font-family: "Poppins" !important; font-size: 17px !important;}

div.hs_error_rollup {display: none;}
@media (max-width: 400px) {
  .blog-section #hs_cos_wrapper_post_body p img {float:inherit;}
/* .blog-section .post-body p span, .blog-section h1, .blog-section h3 {color:#000 !important} */
}

/* HTML 5 Reset */

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}




/*****************************************/
/* Start your style declarations here    */
/*****************************************/

* {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:local('Poppins Light'),local(Poppins-Light),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:local('Poppins Light'),local(Poppins-Light),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:local('Poppins Light'),local(Poppins-Light),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v8/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v8/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v8/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/*h3 font size requested by client*/
h3{font-size: 27px;}
/* General */
html,body{font-family: 'Open Sans', sans-serif;margin:0;overflow-x: hidden;-webkit-font-smoothing:antialiased;font-size:13.5px;}
#app {}
img {max-width: 100%;}
h1,h2,h3,h4,h5 {font-weight:600;letter-spacing:1px;color:#333}
h1 {font-size:24px;font-weight:700;}
a {transition:all 0.3s ease-in-out;color:#000;font-weight:600;text-decoration:none;line-height: 1.5;}
/* a:hover, a:active, a:focus {text-decoration:none;color:#048D4C;} */
a:hover, a:active {text-decoration:none;color:#94b413;}
.general {border-bottom:2px solid #94b413;}
p {font-size: 16px;font-weight:100;text-align:center;}
label {color: #05717f;font-size:14px;font-weight:600;text-transform:uppercase;font-weight:700;}
.container-full {max-width:1350px;}
h2{font-size: 30px; font-weight: bold;}
/* Buttons */
.btn {padding: 13px 0;color:#fff;font-weight:800;margin:5px 0;display:block;background:#000; font-family: 'Poppins';}
.btn-green {background:#05717f; border: 3px solid #05717f;}
.btn-green:hover{
  color: #05717f;
background: #fff;
border: 3px solid #05717f;}
.btn-green:active {color: #FFF }
.btn-orange {background:#f49746;border: 3px solid #f49746;}
.btn-orange:hover {background:#fff; border: 3px solid #f49746; color: #f49746;}

/* Utility */
.utility {background:#F1F1F1;font-family:'Poppins';padding:15px 0;}
.utility ul {list-style:none;padding:0;margin: 0;position: relative;text-transform: uppercase;text-align: center;}
.utility ul.actions {margin:0;}
.utility ul li a:not(.btn) {font-weight: 400;letter-spacing:1px;color:#636263;}
.utility ul li a.btn {font-size:18px;padding:9.5px 0;}
/* Header */

header {max-height: 87px;}
header {font-family:'Poppins';}
header .logo {display:block;font-size:0;font-weight:600;color:#fff;letter-spacing:0.5rem;height: 100px;width: 250px;background-size: contain;/*margin: 15px 0 0;*/background-repeat: no-repeat;background-position: center;}
header .logo {background-image:url('https://2379139.fs1.hubspotusercontent-na1.net/hubfs/2379139/Renew_Jan2024/Images/RENEW%20Secondary%20Color%20V1@2x.png') !important;}
/* Navigation */
#primary {display:block;}

/* Home Main Content */
main .home-primary-section {margin:50px 0;}
main .home-primary-section h2 {margin: 0 0 10px;text-align:center; font-size: 36px;}
main .home-primary-section p {max-width: 80%;margin: 0 auto 25px; font-size: 22px;}
main .home-primary-section .btn {    
  max-width: 275px;
  text-align: center;
  margin: 0 auto;
  padding: 6px 0;
  font-size: 20px;}
main .home-hero{height: 460px;background-size: cover;position: relative;z-index: -1;text-align:left;}
/* main .home-hero:before {background:#000;content:"";height:100%;width:100%;z-index:1;opacity:0.28;position:absolute;top:0;left:0;} */
main .home-hero-content h1 {font-family: Open Sans Extrabold, Open Sans; z-index:2;color: #fff;font-size: 45px;text-align: center;font-weight: 1000;line-height: 1;position: absolute;bottom: 0;width: 80%;}

/* Home Recents Content */
main .home-recents-section {background:#F5F7F8;text-align:center;padding:30px 0;}
main .home-recents-section h2 {font-weight:700;margin: 0; font-family:'Poppins';}
main .home-recents-section ul {margin:0;padding:0;list-style:none;}
main .home-recents-section p {margin:5px 0;}
main .home-recents-section label {}

/* Home Featured Programs */
main .home-featured-programs-section {background:#F4F6F7;text-align:center;padding: 15px 0 55px;}
main .home-featured-programs-section h2 {margin:15px 0;font-weight:800;letter-spacing:0}
main .home-featured-programs-section p {margin: 0 auto;font-weight: 500;font-size: 15px;max-width: 180px; color: #333333;}
main .home-featured-programs-section .circle-img{background-repeat: no-repeat;margin: 0 auto 15px auto;width: 100%;background-position: center;background-size:contain;}
@media screen and (min-width: 1200px) {main .home-featured-programs-section .circle-img{height:180px;}}
@media screen and (min-width: 992px) {main .home-featured-programs-section  .circle-img{height:140px;}}
@media screen and (min-width: 501px) {main .home-featured-programs-section  .circle-img{height:95px;}}
@media screen and (max-width: 576px) {main .home-featured-programs-section  .content p{font-size: 13.5px; }}

/* Home User Guidance */
main .home-user-guidance-section {padding:30px 0;}
main .home-user-guidance-section h3 {color:#94b413;text-align:center;font-weight:700;letter-spacing:.5px;font-size: 27px;margin:0 0 8px;}
main .home-user-guidance-section p {margin:0;font-size: 20px;letter-spacing: 1px; color:#333333;}
main .home-user-guidance-section a {font-weight:500;}
main .home-user-guidance-section .content {padding:15px 0;margin-top: 15px;}
main .home-user-guidance-section .col-md-6:first-of-type{border-right: 1px solid #cccccc; height: 100px;}

/* Remove vertical dividing bar when items are stacked on mobile */
@media screen and (max-width: 991px) {
  main .home-user-guidance-section .col-md-6:first-of-type{border-right: 0px !important;} }

/* Remove set height on smaller screens, causes text to overlap*/
@media screen and (max-width: 767px) { 
  main .home-user-guidance-section .col-md-6:first-of-type {height: auto !important;} }

/* Home Recent Blocks */
.recent-blocks {margin:0 auto;}

/* Home Statistics */
.stats {position:relative;margin:30px 0;}
.stats .stat-content {display:block;text-align:center;margin:10px 0; color: #333333}
.stats .stat-content .icon {position:relative;height:60px;width:100%;background-position:center;background-repeat:no-repeat;background-size:contain;margin:10px 0;}
.stats .stat-content .stat span {display:block;}
.stats .stat-content .stat .number {font-size: 33px;font-weight: 800;}
.stats .stat-content .stat .suffix {text-transform:uppercase; font-size: 12px;}

.featured-parish {color:#fff;background-size:cover;background-position:center;height: 100%;padding: 50px 0;width:100%;z-index:9;position:relative;}
.featured-parish:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:-1;background:#05717f;opacity:0.6;filter:brightness(1);}
.featured-parish:before:before {filter:grayscale(1);}
.featured-parish h2 {color:#fff; font-size: 33px; font-weight: bold;}
.featured-parish .content {z-index:99999;position:relative; width: 50%; margin:0 auto; font-size: 15px;}
.featured-parish{text-align: center;}
.btn-parish {background:transparent;border:1px solid #fff;padding:5px 0;text-transform:uppercase;text-align:center;font-weight:bold; max-width:200px;margin:30px auto 0;font-size: 20px;}
.btn-parish:hover{ color: #048D4C;  background: #fff;}
.circle-img{ height: 205px; background-repeat: no-repeat;}


/* testimonial */
.testimonial{ padding-bottom: 40px;}
.testimonial h3{ color: #94b413; font-size: 27px; position: relative; margin-bottom: 0; font-weight: bold;}
.blockquote {
    margin-left: 0;
    position: relative;
    margin-bottom: 0;
}
.blockquote p { font-size: 18px; text-align: left; margin-top: 0;color:#333333;}
.testimonial .title h3:before {
  position: absolute;
  font-family: "Baskerville";
  top: -50px;
  left: -40px;
  content:"\201C";
  font-size: 183px;
  color: rgba(0,0,0,0.1);
  font-weight: bold;

}
.testimonial .content {position:relative;}
.testimonial .content:after {
  position: absolute;
  font-family: "Baskerville";
  bottom:-100%;
  right:0;
  content: "\201D";
  font-size: 183px;
  color: rgba(0,0,0,0.1);
  font-weight: bold;
}
.speaker p{border-left: 3px solid #FBEB6C;margin-right: 47px;text-transform: uppercase;font-weight: 600;position: absolute;font-size: 13px;right: 100px;padding-left: 5px;bottom: -60px; color:#636263; font-family: 'Poppins'; text-align: left;}
@media only screen and (min-width: 500px) and (max-width: 767px) {
  .speaker p {bottom: -100px;}
  .testimonial .content {margin-bottom: 80px !important;}
}
.testimonial .circle-img{ margin-top: 35px;}
/* .blockquote::after {
    content: "";
    top: 20px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    border-bottom: 3px solid #bf0024;
    height: 3px;
    width: 200px;
} */
.leaf-hero {
    color:#fff;
    background-image:url('https://2379139.fs1.hubspotusercontent-na1.net/hubfs/2379139/renew/img/leafbg.png');
    background-size: cover;
    background-position: center;
    height: 100%;
    padding: 50px 0;
    width: 100%;
/*     z-index: 9; */
  z-index:0;
    position: relative;}
.leaf-hero:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:-1;background:#05717f;opacity:0.6;}
.leaf-hero h2 {color:#fff; font-size: 30px; font-weight: bold;}
.leaf-hero .content {z-index:99999;position:relative; width: 50%; margin:0 auto;}
.leaf-hero{text-align: center;}
.btn-parish {background:transparent;border:1px solid #fff;padding:5px 0;text-transform:uppercase;text-align:center;font-weight:bold; max-width:200px;margin:30px auto 0;font-size: 17px; font-family:'Poppins';}
.btn-parish:hover{ color: #048D4C;  background: #fff;}

/* Contact Page */
.contact-hero{text-align: center;}
.contact-hero {
    color:#fff;
    background-size: cover;
    background-position: center;
    height: 100%;
    padding: 50px 0;
    width: 100%;
    z-index: 9;
    position: relative;}
    .contact-hero:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:-1;background:#05717f;opacity:0.6;}
.contact-subheader{text-align: center; background: #f1f1f1;}
.contact-subheader{font-weight: bold;}
.contact-subheader .col-md-4:nth-child(2){
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    height: 100px;
}
.contact ul { list-style: none;}
.contact li label span { margin: 7px 0 0 5px !important;}
.contact input[type="submit"] { border: 3px solid #05717f; font-weight: 700; background: #05717f; color: #fff; padding: 10px 20px; border-radius 0.2; text-transform: uppercase !important; font-size: 17px;} 
.contact input[type="submit"]:hover { color: #05717f; background: #fff;}

.home-newsletter .single {
max-width: 650px;
margin: 0 auto;

position: relative;
z-index: 2; }
.home-newsletter .single h2 {
font-size: 22px;
color: white;
text-transform: uppercase;
margin-bottom: 40px; }
.home-newsletter .single .form-control {
  height: auto;
/*   width: 87%; */
  width: auto !important;
  max-width: 80%;
  padding: 20px;
  padding-top:21px;
  border:none;
  font-weight: 600;
  font-family: 'Poppins';
  font-size: 13px;
  color: #cccccc;
 }
 footer .form-control .fa-chevron-right:before{
  content: "\f054";
  background: red;
  padding: 16px;
 }
footer .single .btn {
  /* min-height: 43px; */
  /* padding: 14px; */
  background: none;
  color: #fff;
  display: inline;
  margin: 0px -6px;
  border: none;
  -moz-border{none;} 
  /* height: 50px; */
}
footer .footer-middle .btn {
  font-weight: 700;
  font-family: 'Poppins';
  font-size: 17px;
}
footer .footer-middle a:nth-of-type(2) {
  background: #FFF;
  color: #048D4C;
}
.home-newsletter .single .form-control:focus {
box-shadow: none;
border-color: #243c4f; }
.contact .home-newsletter .single .btn {padding: 22px 20px;}
.home-newsletter .single .btn {
  /* min-height: 43px; */
  padding: 19px;
  background: #f49746;
  color: #fff;
  display: inline-block;
  margin: 0px -6px;
  border: none;
  width: 45px;
  height: auto;
}
.btn-theme span{    
  font-size: 14px;
  padding: 5px;}
/*.left-contact{padding-left: 30px;} */
.left-contact h3{color: #ED6F43;     border-bottom: 2px solid #f1f1f1;
  padding-bottom: 20px;}
.left-contact .title:last-of-type{margin-top: 15px;}
/* ABOUT PAGE  */
.about-two-column{margin: 80px auto;}
.about-two-column img{border-top: 10px solid #FBEB6C;}
.about-two-column h2{text-align: center;}
.about-two-column .btn{
  max-width: 250px;
text-align: center;
margin: 0 auto;
padding: 13px 0;
}
.employment{margin: 40px 0 75px 0;}
/* .employment h2, p{text-align: center;} */
/* I'm assuming the comma above was a mistake and this rule did not mean to automatically text-align:center every p tag... */
.employment h2, .employment p{text-align: center;}
.employment p{margin-bottom: 30px;font-size: 20px;}
.employment .btn{
  max-width: 250px;
text-align: center;
margin: 0 auto;
padding: 5px 0;
font-size:20px;
}
.default-hero h1{color:#fff; font-size: 47px; font-weight: bold; }

.underline {
  background-image:linear-gradient(#fff,#fff);
  background-position:bottom center; /*Adjust the background-position to move the line*/
  background-size: 123px 6px;
  background-repeat: no-repeat;
  padding-bottom: 18px;
}
/* FAQ PAGE */
.accordion {
  padding-bottom: 30px;
  padding-top: 30px;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
}

.accordion-header,
.accordion-body {
  background: white;

}
.accordion-header span{
  display: inline-block;
  width: 96%;
}

.accordion-header {
  padding: 1.5em 1.5em;
  border-bottom: 2px solid #f1f1f1;
  font-size: 17px;
  color: #048D4C;
  cursor: pointer;

  /* letter-spacing: .1em; */
  transition: all .3s;
}

/* .accordion-header:hover {
  background: #2D3D99;
  position: relative;
  z-index: 5;
} */

.accordion-body {
  font-size: 17px;
  color: black;
  display: none;
  border-bottom: 2px solid #f1f1f1;
}

.accordion-body__contents {
  padding: 1.5em 1.5em;

}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  /* border-bottom: 1px solid transparent; */
}

.accordion__item > .accordion-header:after {
  content: "\f078";
  font-family: "FontAwesome";
  font-size: 1.2em;
  float: right;
  position: relative;
  top: -2px;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}


  
.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: black;
}
/* Footer */
footer {background:#efebe5; padding: 10px 0;}
.sub-footer {text-align:center;background:#05717f;color:#fff;padding:20px 0;}
.sub-footer span {display:block;}
.sub-footer span a {color:#fff;}
.btn-hollow:hover{background: #048D4C; color: #fff;}

.footer-social li { display: block;}  

 


/* col-xs and above */
@media only screen and (min-width: 576px) {

}

/* col-sm and above */
@media only screen and (min-width: 768px) {

.utility ul {margin-top:16px;}

  main .home-primary-section h1 {margin:10px 0}
 .utility .navigation {text-align:left;line-height:1.7;margin:5px 0;}
 .utility .actions li .btn {max-width: 150px;margin-left:auto;}
 .utility ul li a:not(.btn) {padding: 3px 0;display:block;text-align: left;}
 header .logo {height: 100px;z-index: 99;margin:10px auto;text-align:center;background-position:center;}
 header nav ul {list-style:none;margin:85px 0 20px;padding:0;text-align:center;}
 header nav ul li {display:inline-block;}
 header nav ul li a {color:#636263;font-weight: 600;text-transform:uppercase;letter-spacing:1px;padding: 3px 8px;}
 #primary {display:block;}
 main .home-user-guidance-section {padding:50px 0;}
 main .home-user-guidance-section .content {position:relative;padding:0;}
 main .home-user-guidance-section .content.final:after {position:absolute;content:"";height: 150%;width: 2px;background: #F5F7F8;top: -15px;left:0;right:0;}
 main .home-hero-content h1 {font-size:58px;bottom: 30px;}
}


/* col-md and above */
@media only screen and (min-width: 992px) {
  .utility {padding:0;}
  .utility .navigation {text-align:right;}
  .utility ul {padding:0;margin: 8px 0 0; text-align: right;}
  .utility ul li {display:inline-block;}
  .utility .actions li .btn {margin:0 4px;padding: 5px 16px;max-width:100%;}
  .utility ul li a:not(.btn) {padding:4px 15px 0;display:block;}
   /* header {min-height:125px;} */
   header .logo {top: -65px;height: 150px;background-position: left;position: absolute;}
   header nav ul {margin:20px 0;text-align: right;position:relative;}
   header nav ul li a {padding: 15px;display:block;}
   .search-input {width: 69%; border: 0; outline: 0; background: transparent; border-bottom: 2px solid #999999;padding: 15px 15px 6px 0; display: block; font-size: 12.9px; font-weight: bold; color: #999999;}
   .actions button{
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    bottom: -8px;
    right: 0;
    padding: 18px 20px;
    z-index: 2;
    color: #999999;
   }
   .fa-shopping-cart{padding-left:8px;}

  }
  .contact .home-newsletter .single .form-control{
    border: 2px solid #f1f1f1;
  border-right: none;
    display: inline-block;
  }
/* .home-newsletter p.newsletter {width:87%;}   */
/* col-lg and above */
@media only screen and (min-width: 1200px) {
  header nav ul {text-align:unset;position:unset;right:0;}
  header nav ul li a {font-size:12.9px;}
  
}
@media only screen and (min-width: 992px) {
  footer .input-group-newsletter, footer p.newsletter {width: 240.95px;}
  footer .input-group-newsletter .form-control {max-width: 198px; width: auto !important;}
}
@media only screen and (min-width: 1200px) {
  footer .input-group-newsletter, footer p.newsletter {width: 299.2px;}
  footer .input-group-newsletter .form-control {max-width: 256.8px; width: auto !important;}
}
/* col-xlg and above */
@media only screen and (min-width: 1600px) {
  header nav ul li a {font-size:13.5px;}
}
@media screen and (max-width: 834px){
  .contact-subheader .col-md-4:nth-child(2){border:none;}
}

@media screen and (max-width: 991px){
  #primary .active-branch{display:none !important;}
}

@media screen and (max-width: 768px){
  footer .newsletter{text-align: center !important;}
  .content-block{ text-align:center;}
  .contact .home-newsletter .single .form-control{width: 82%;}
  .about-two-column .btn{margin-bottom:20px;}
  .about-two-column img {width:100%;}
/*   .about-two-column img {width:auto;} */
  main .about{margin-top: 15px;}
  .actions{}
  .event-card-top p{ float: left !important; margin-bottom:3px;}

  
}
@media screen and (max-width:500px) {
  .books .compare-header p{margin: 10px;}
  /*.testimonial .content:after{display: none;}  */
  .testimonial .content:after {bottom: -31%;}
  main .home-hero { height: 300px;}
  .form-fields{margin-bottom: 40px;}
  .accordion-header span{width:87%;}
  .slick-prev span, .slick-next span{ display:none;}
  .event-card-top p{ float: right !important;}
  .underline{background-image:none !important;display: inline-block; max-width: 65%;}
    .event-card{ width: inherit !important;}
  .underline{background-image: none;}
  header .logo{width: 100px; position: relative; z-index: 9999;}
  .search-input{display: none;}
  main .home-hero-content h1{margin-left: 0;}
}

.navbar-trigger {
  /* display: none; */
}

/* // Setting a higher value for demo purposes
// In a real scenario you'd want this to apply only for
// mobile styles, i.e. under 767px or smaller. */
@media (max-width: 768px) {
  .navbar-trigger {
    display: inline-block;
  }
  
  .nav {
    display: none;
  }
}

.block-content {position:relative;margin: 15px 0;}
.block-content .full-link {position:absolute;top:0;left:0;height:100%;width:100%;display:block;font-size:0;}
.block-content .description {max-width:250px;margin:0 auto; font-size:15px; color:#333333;}

header .actions {display:none;}

@media (min-width: 992px) {
  header .actions {display:block;position:relative;top:28px;}
}
@media (min-width:1200px) {
    header .actions {display:block;position: relative;}
}


.event-card { padding: 15px !important; margin: 5px; width: 100%;}
.event-card-top { text-transform: uppercase; color: #048d4c; font-weight: 500;font-size:14px; font-family:'Poppins';}
.event-card-top .date { text-align: left;}
.event-card-top .time { float: right; clear: none;}

.widget-type-custom_widget .WayToGive li img { display: block !important;}
#footer-primary ul li { display: block;}
#primary { font-family: 'Open Sans'; text-transform: uppercase !important; margin-top: 20px;}
#primary a { text-decoration: none;}
#primary ul { background: #fff; list-style: none; margin: 0; padding-left: 0; display: flex; justify-content: space-between;font-family: 'Open Sans', "Font Awesome 5 Pro";}
#primary li {color: #000;background: transparent ;border: none;display: inline;padding: 10px;position: relative;text-decoration: none;transition-duration: 0.5s; width: auto !important;} 
#primary li a { color: #6b6b6b; width: 100%;}
#primary li:hover,
#primary li:focus-within { cursor: pointer; border: none;}
#primary li:hover a,
#primary li:focus-within a { background: #fff; color: #6b6b6b; border: none; cursor: pointer;}
#primary li:focus-within a { outline: none;}
#primary ul li ul { background: #048d4c; color: #fff; visibility: hidden; opacity: 0; position: relative; z-index: 100000000; transition: all 0.5s ease; margin-top: 0; left: 0; display: none;}
#primary ul li:hover > ul,
#primary ul li:focus-within > ul,
#primary ul li > ul:hover,
#primary ul li > ul:focus {background: #048d4c;color: #fff;visibility: visible;opacity: 1;width: auto; min-width:100%; display: block;border: none; left: 0;position: absolute;}
#primary ul li ul li:hover>a {color: #4a925e; text-decoration: #4a925e underline;}
#primary ul li ul li:hover> a:after {color: #4a925e; text-decoration: #fff underline;}
#primary ul li ul li { background: #048d4c; color: #fff /* clear: both; */ width: 100%; padding: 10px; border-bottom: none;}
#primary ul li ul li:hover { background: #048d4c; color: #fff; border-bottom: none; }
#primary li.hs-item-has-children>a:after {content: "\f107"; color: #048d4c; margin-left: 5px;}
/* #primary .hs-menu-depth-1.hs-item-has-children a:hover:after {background: #048d4c; color:#fff; transition: all 0.5s ease;} */

#primary ul li ul.hs-menu-depth-2, ul li ul.hs-menu-depth-3, hs-menu-depth-4 { background: #048d4c; color: #fff; top: 0; margin-left: 100%; width: 100%; position: absolute; margin-top: 0; text-align: left !important;}
li.mm-listitem { width: 100%;}
#primary div.container-full div.span12.widget-span.widget-type-cell div.row-fluid-wrapper.row-depth-1.row-number-3 div.row-fluid div.grid.no-wrap div.col-md-10
{z-index:9999;}
#primary .container-full, .utility .container-full {/*max-width: initial; */ max-width: 1350px; }

#primary .active-branch {list-style:none;margin:30px auto 0;padding:0;display:flex;flex-direction:row;}
#primary .active-branch li {list-style:none;margin: 0 !important;padding: 0 !important;position:relative;flex-direction:column; white-space: nowrap !important;}
#primary .active-branch li a {padding:10px;display:inline-block;}
#primary .active-branch li ul, #primary .active-branch li.hs-menu-depth-3 {display: none; width: auto;}
#primary .active-branch li ul li {display:block;position:relative;top:0px;display:flex !important;flex-direction:column;}
#primary .active-branch li ul li a {display:block;width: 100%;}
#primary .active-branch li:hover + ul {display:block; position: absolute; left: 100% !important;}
#primary .active-branch .hs-menu-depth-2 ul {/*display:block;position:absolute;*/left: 100%;/*z-index:9999999999999999; top:0px !important;*/}
#primary .active-branch .hs-menu-depth-2 ul.active-branch {top: -15px !important;}
#primary .active-branch li.active-branch > ul {top: 20px; }
/* #primary .active-branch li.active-branch:nth-of-type(4) > ul {top: 40px; } */
#primary .active-branch li.active-branch:nth-of-type(4) > ul:not(.active-branch) {top: 40px; }

/*
li.active-branch > ul.active-branch:nth-of-type(1) {
  top: 20px;
}
*/

/*
 * ul.active-branch > li.active-branch:only-child {
  top: 15px !important;
  
}
*/
/*
ul.active-branch > li.active-branch  ul:nth-of-type(1) { 

  top: 10px;
} 
*/
/*
 * 
ul.active-branch > li.active-branch > ul.active-branch:only-child { 
  top: 10px; !important;
  
}
*/


@media screen and (max-width:992px){
    #hamburger{margin-top: -42px;margin-right: 20px;}
    #primary{margin-top: 0px !important;}
}

/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
  }




/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}

@media (max-width: 767px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 10px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1.4;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #048d4c;
    list-style: none;
  }


  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #fff;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ed6f43;
    background-color: #fff; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ed6f43;
    background-color: #fff; 
    border-color: transparent;
  }


  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #fff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #ed6f43; /* Icon color */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#048d4c; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 44px; /* Makes room for button */
       margin: 10px 0 10px 0;
   }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#fff; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper ul { list-style: none;}
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 10px 10px;
    color:#048d4c; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ed6f43; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}
#hamburger {
    display: block;
    width: 30px;
    padding: 10px 0px;
    margin-left: auto;
    z-index: 100;
    right: 27px;
    position: relative;
    top: 35px;
    /* margin-top: 20px; */
  }
  #hamburger span {
    position: relative;
    transform: rotate( 0 );
    top: 0;
    left: 0;
    opacity: 1;
    transition: none 0.5s ease;
    transition-property: transform, top, left, opacity;
  }
  #hamburger span {
    background: #204d72;
    display: block;
    height: 3px;
    margin: 5px 0;
  }

  @media (min-width:768px) {
    #hamburger {margin-top: 0;top: 26px;}
  }

  @media (min-width:992px) {
    #hamburger {display:none;}
    #primary .active-branch {margin:15px 0;}
    header .actions {top:15px;}
  }


textarea, select, input {border:1px solid #ddd;margin:7px auto;}


.friends .form-columns-3:nth-of-type(1) .hs-form-field {display:inline-block !important;width:100% !important;}
.friends .form-columns-3:nth-of-type(1) label {display:inline-block !important;margin: 0 !important;width: 100%;padding-left:10px;}
.friends .form-columns-3:nth-of-type(1) label span {display:inline-block !important;color:#228d4b;}
.friends .form-columns-3:nth-of-type(1) legend.hs-field-desc {color:#000;font-weight:600;margin: 0 !important;width: 10% !important;display: inline-block !important;padding-left:10px;margin-bottom:5px !important}
.friends .form-columns-3:nth-of-type(1) input {display:inline-block !important;width:95% !important;}

@media (min-width:768px) {
    .friends fieldset {max-width:100% !important;}
    .friends .form-columns-3:nth-of-type(1) {margin-bottom:30px;}
    .friends .form-columns-3:nth-of-type(1) .hs-form-field {width:32.2% !important;position:relative;}
    .friends .form-columns-3:nth-of-type(1) label {float:left !important;width:80% !important;text-align:right;position:relative;right: 9px;}
    .friends .form-columns-3:nth-of-type(1) legend.hs-field-desc {position:absolute;right: 65px;bottom:-50%;}
    .friends .form-columns-3:nth-of-type(1) input {float:right !important;width:20% !important;position:absolute;top:5px;right: 0;outline:none;}
}






/* Parish-Wide Initiatives page */
.initiatives .content-area {
    background: #f3f3f3;
    padding-top: 141px !important;
    margin-top: -151px !important;
}
.initiatives .bottom-card{margin-top:auto;color: #5e5e5e; font-family: 'Open Sans SemiBold', 'Open Sans';font-weight: normal;font-weight: 600;font-size: 14px;}
.initiatives .bottom-card a {margin-top:auto;color: #fff; font-family: 'Open Sans SemiBold', 'Open Sans';font-weight: normal;font-weight: 600;font-size: 14px;}
.initiatives .bottom-card a:hover{color:#048c4c;}



.initiatives .bottom-card ul{margin-top:auto;}
.initiatives .col-12.no-padding{ font-family:'Poppins'; font-size:13px;font-weight:400;}
.initiatives .compare-header{ margin-bottom: 35px;}
.initiatives .compare-header p:last-of-type{font-size:21px !important; padding-bottom:40px; font-family:'Assistant';}

.header-p a{
  color: #048d4c !important;
  font-family: 'Poppins';
  font-weight: 500;
}

/* compare programs */
table .compare-header{top: 0 !important;}
main.compare{   
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    background-position: unset;
    display: flex;
    background-size: 100%;
}
.compare .compare-header {
    background: #fff;
    font-size: 90%;
    position: relative;
    top: 101px;
    z-index: 999;
}

/* friends page */

.request:first-of-type{
    border-right: 2px solid #f2f2f2;
}

.hs-form-required{color:red !important;}

/* ways to give page*/

.ways .ways-cards{
/* padding-left:50px; */
}

/* contact page */

.contact-subheader .col-md-4:nth-child(2) {
    border-right: 1px solid #d0cdcd;
    border-left: 1px solid #d0cdcd;
    height: 100px;
}

.input .inputs-list .multi-container{display: inline-flex !important;}


/* contact form radio inputs */
.hs-form-65abb323-bd77-466f-9988-c50c97b606dc_4de1e87e-d987-415a-b89e-2d93fec696ac { display: inline-flex;} 


/* .btn-theme span{padding: 0 !important;}
 */
/* about page */

.stats {
    position: relative;
    margin: 70px 0 !important;
}

/*  footer*/
.home-newsletter .single{
/*     width: 88%; */
  margin:0;
}

/* initiatives page */


@media (min-width:1200px){
    .initiatives .card {
    font-size: 90%;
    text-align: left;
    background: #fff;
    border: 10px solid #f4f4f4;
    display: grid;
    width: 50%;
    padding: 20px;
}
}


@supports (-ms-ime-align: auto) {
  #primary li:hover {
            background: #048d4c !important;
  }
  
  #primary ul li:hover > ul, #primary ul li:focus-within > ul, #primary ul li > ul:hover, #primary ul li > ul:focus {
    background: #048d4c;
    color: #fff;
    visibility: visible;
    opacity: 1;
    min-wdith: 
    width: auto;
    display: block;
    border: none !important;
    left: 0;
    position: absolute;
}
#primary { font-family: inherit; text-transform: uppercase !important; margin-top: 20px;}
#primary a { text-decoration: none;}
#primary ul { background: #fff; list-style: none; margin: 0; padding-left: 0; display: flex;}
#primary li {color: #000;background: transparent ;border: none;display: inline;padding: 10px;position: relative;text-decoration: none;transition-duration: 0.5s; width: auto !important;} 
#primary li a { color: #000; width: 100%;}
#primary li:hover,
#primary li:focus-within { cursor: pointer; border: none;}
#primary li:hover a,
#primary li:focus-within a { background: #048d4c; color: #fff; border: none; cursor: pointer;}
#primary li:focus-within a { outline: none;}
#primary ul li ul { background: #048d4c; color: #fff; visibility: hidden; opacity: 0; position: relative; z-index: 100000000; transition: all 0.5s ease; margin-top: 0; left: 0; display: none;}
#priamry 
#primary ul li:hover > ul,
#primary ul li:focus-within > ul,
#primary ul li > ul:hover,
#primary ul li > ul:focus {background: #048d4c;color: #fff;visibility: visible;opacity: 1;width: auto;display: block;border: none !important;left: 0;position: absolute;}
#primary ul li ul li { background: #048d4c; color: #fff; /* clear: both; */ width: 100%; padding: 10px; border-bottom: none;}
#primary ul li ul li:hover { background: #048d4c; color: #fff; border-bottom: none;}

#primary ul li ul.hs-menu-depth-2, ul li ul.hs-menu-depth-3, hs-menu-depth-4 { background: #048d4c; color: #fff; top: 0; margin-left: 100%; width: 100%; position: absolute; margin-top: 0; border: none; text-align: left !important;}
li.mm-listitem { width: 100%;}

#primary .active-branch {list-style:none;margin:30px auto 0;padding:0;display:flex;flex-direction:row;}
#primary .active-branch li {list-style:none;margin: 0 !important;padding: 0 !important;position:relative;flex-direction:column; white-space: nowrap !important;}
#primary .active-branch li a {padding:10px;display:block;}
#primary .active-branch li ul, #primary .active-branch li.hs-menu-depth-3 {display: none; width: auto;}
#primary .active-branch li ul li {display:block;position:relative;top:0px;display:flex !important;flex-direction:column;}
#primary .active-branch li ul li a {display:block;width: 100%;}
#primary .active-branch li:hover + ul {display:block; position: absolute; left: 100% !important;}
#primary .active-branch .hs-menu-depth-2 ul {display:block;position:absolute;left: 100%;z-index:9999999999999999; top:0px !important;}
#primary .active-branch .hs-menu-depth-2 ul.active-branch {top: -15px !important;}
#primary .active-branch li.active-branch > ul {top: 20px; }
/* #primary .active-branch li.active-branch:nth-of-type(4) > ul {top: 40px; } */
#primary .active-branch li.active-branch:nth-of-type(4) > ul:not(.active-branch) {top: 40px; }
}

/*  test*/


1
2
3
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {.browse .topics li .topic .icon:before {left:-5px;}