/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */

















@media (min-width: 576px) {
.dnd-section > .row-fluid,
.page-center,
.content-wrapper,
.header__container,
.footer__container {
max-width: calc(1438px - 898px);
}
}
@media (min-width: 768px) {
.dnd-section > .row-fluid,
.page-center,
.content-wrapper,
.header__container,
.footer__container {
max-width: calc(1438px - 718px);
}
}
@media (min-width: 1024px) {
.dnd-section > .row-fluid,
.page-center,
.content-wrapper,
.header__container,
.footer__container {
max-width: calc(1438px - 478px);
}
}
@media (min-width: 1200px) {
.dnd-section > .row-fluid,
.page-center,
.content-wrapper,
.header__container,
.footer__container {
max-width: calc(1438px - 298px);
}
}
@media (min-width: 1470px) {
.dnd-section > .row-fluid, 
.page-center,
.content-wrapper,
.header__container,
.footer__container {
max-width: 1438px;
}
}

.dnd-section {
padding-bottom: 40px;
padding-top: 40px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
background-color: #F8FAFC;
}





body {
color: #2b3655;
font-family: Lato,sans-serif;
font-size: 18px;
font-weight: 500
}

p {
font-family: Lato,sans-serif;
font-weight: 500
}

a {
font-family: Lato,sans-serif;
color: rgba(63, 156, 53, 1.0);
}

a:hover,
a:focus {
color: rgba(31, 39, 74, 1.0);
}

a:active {
color: rgba(31, 39, 74, 1.0);
}

h1 {
color: #2b3655;
font-family: Gilroy,sans-serif;
font-size: 48px;
font-weight: 800;
}

@media(max-width: 767px) {
h1 {
font-size: 40.8px;
}
}

h2 {
color: #2b3655;
font-family: Gilroy,sans-serif;
font-size: 40px;
font-weight: 800;
}

@media(max-width: 767px) {
h2 {
font-size: 34.0px;
}
}

h3 {
color: #2b3655;
font-family: Gilroy,sans-serif;
font-size: 36px;
font-weight: 800;
}

@media(max-width: 767px) {
h3 {
font-size: 30.599999999999998px;
}
}

h4 {
color: #2b3655;
font-family: Gilroy,sans-serif;
font-size: 32px;
font-weight: 800;
}

@media(max-width: 767px) {
h4 {
font-size: 27.2px;
}
}

h5 {
color: #2b3655;
font-family: Gilroy,sans-serif;
font-size: 28px;
font-weight: 800;
}

h6 {
color: ;
font-family: ;
font-size: 14px;
font-weight: 800;
}





form, 
.submitted-message {
border: 1px solid;
border-color: rgba(255, 255, 255, 1.0) ;
background-color: rgba(255, 255, 255, 1.0);
font-family: Lato,sans-serif;
padding: 15px 5px;
}

h3.form-title {
background-color: rgba(255, 255, 255, 1.0);
color: rgba(43, 54, 85, 1.0);
}

.hs-button, 
.button--primary {
background-color: rgba(0, 153, 115, 1.0);
border-radius: 100px;
border: 1px solid;
color: rgba(255, 255, 255, 1.0);
border-color: rgba(0, 153, 115, 1.0);
padding-left: 32px !important;
padding-right: 32px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}

.hs-button:hover, .button--primary:hover {
background-color: rgba(0, 191, 143, 1.0);
border-color: rgba(0, 191, 143, 0.0);
color: rgba(255, 255, 255, 1.0);
}


.hs-button:focus, .button--primary:focus  {
background-color: rgba(0, 191, 143, 1.0);
border-color: rgba(0, 191, 143, 0.0);
color: rgba(255, 255, 255, 1.0);
}

.hs-button:active, .button--primary:active  {
background-color: rgba(0, 191, 143, 1.0);
border-color: rgba(0, 191, 143, 0.0);
color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
color: rgba(43, 54, 85, 1.0);
}

.hs-form-field label, .hs-form-field a {
color: rgba(43, 54, 85, 1.0);
}

form#email-prefs-form div,
form#email-prefs-form p,
form#email-prefs-form h1,
form#email-prefs-form h2,
form#email-prefs-form span {
color: rgba(43, 54, 85, 1.0);
}


a#hs_login_reset {
color: rgba(43, 54, 85, 1.0);
}

.hs-form legend {
color: rgba(43, 54, 85, 1.0);
}

body form .hs-input, 
body form .hs-search-field__input,
body form select,
body form #hs-pwd-widget-password,
body form textarea {
border: 1px solid !important;
background-color: rgba(255, 255, 255, 1.0);
border-color: rgba(189, 196, 210, 1.0) !important;
color: rgba(73, 80, 87, 1.0);
border-radius: 4px;
}

body form .hs-input:hover, 
body form .hs-search-field__input:hover,
body form select:hover,
body form #hs-pwd-widget-password:hover,
body form textarea:hover {
border-color: rgba(189, 196, 210, 1.0) !important;
color: rgba(73, 80, 87, 1.0);
}

body form .hs-input:focus, 
body form .hs-search-field__input:focus,
body form select:focus,
body form #hs-pwd-widget-password:focus,
body form textarea:focus {
border-color: rgba(53, 93, 237, 1.0) !important;
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
color: #2b3655;
}

.hs-richtext {
font-size: 18;
}

.hs-default-font-element,
.hs-main-font-element {
font-family: Lato,sans-serif;
}

.fn-date-picker td.is-today .pika-button {
color: #494A52;
}

.fn-date-picker td.is-selected .pika-button {
background: #494A52;
}

.fn-date-picker td .pika-button:hover {
background-color: #F8FAFC !important;
}





th,
td {
background-color: rgba(255, 255, 255, 1.0);
border: 1px solid rgba(43, 54, 85, 1.0);
color: rgba(43, 54, 85, 1.0);
}

thead th,
thead td {
background-color: rgba(73, 74, 82, 1.0);
color: rgba(255, 255, 255, 1.0);
}

tfoot td {
background-color: rgba(255, 255, 255, 1.0);
color: rgba(43, 54, 85, 1.0);
}

table,
tbody + tbody {
border-color: rgba(43, 54, 85, 1.0);
}





header.header {
background-color: rgba(255, 255, 255, 0.0);
}

.custom-menu-primary .navigation-primary .submenu .menu-item a {
color: rgba(43, 54, 85, 1.0);
}
.custom-menu-primary .navigation-primary > .submenu > .menu-item.active-branch > a {
color: rgba(63, 156, 53, 1.0);
background-color: rgba(255, 255, 255, 0.0);
}

.custom-menu-primary .navigation-primary > .submenu > .menu-item:hover > a {
color: rgba(63, 156, 53, 1.0);
background-color: rgba(255, 255, 255, 0.0);
}

.custom-menu-primary .navigation-primary .submenu .menu-item > ul.submenu, .flex-ml-auto ul li ul {
background-color: rgba(255, 255, 255, 1.0);
}

.custom-menu-primary .navigation-primary .submenu .menu-item > ul .menu-item a {
color: rgba(43, 54, 85, 1.0);
}

.menu-text-wrap p label {
color: rgba(103, 115, 131, 1.0);
}

.custom-menu-primary .navigation-primary .submenu .menu-item>ul .menu-item:not(:last-child), .flex-ml-auto ul li ul li:last-child {
border-color: rgba(228, 231, 237, 1.0);
}

.custom-menu-primary .navigation-primary .submenu .menu-item > ul .menu-item a:hover, .menu-item a:hover > .menu-text-wrap p label {
color: rgba(63, 156, 53, 1.0);
}

.custom-menu-primary .navigation-primary .submenu .menu-item>ul .menu-item a:before {
background: -webkit-gradient(linear,left top,right top,from(rgba(63, 156, 53, 1.0)),color-stop(43.26%,rgba(0,178,133,0)));
background: linear-gradient(90deg, rgba(63, 156, 53, 1.0) 0,rgba(0,178,133,0) 43.26%);

}

.custom-menu-primary .navigation-primary .submenu .menu-item > ul .menu-item.active-branch > a {
background-color: rgba(63, 156, 53, 1.0);
color: rgba(63, 156, 53, 1.0);
} 

.flex-ml-auto ul li>a {
color: rgba(63, 156, 53, 1.0);
}

.flex-ml-auto ul li>a:hover {
color: rgba(63, 156, 53, 1.0);
}

.flex-ml-auto ul li ul li h4 {
color: rgba(31, 39, 74, 1.0);
}

.flex-ml-auto ul li ul li a {
color: rgba(31, 39, 74, 1.0);
}

.flex-ml-auto ul li ul li a:hover {
color: rgba(31, 39, 74, 1.0);
}

.flex-ml-auto ul li ul li:last-child a {
color: rgba(63, 156, 53, 1.0);
}

.flex-ml-auto ul li>button {
color: rgba(0, 0, 0, 1.0);
}
.flex-ml-auto ul li>button:hover {
color: rgba(0, 0, 0, 1.0);
}


@media (max-width: 1199px) {
.custom-menu-primary .navigation-primary>.submenu>.menu-item.child-open>a {
    color: rgba(63, 156, 53, 1.0);
}
.custom-menu-primary .navigation-primary .submenu .menu-item:not(:last-child) {
    border-color: rgba(228, 231, 237, 1.0);
}
}

@media(max-width: 767px) {
.header__navigation {
background-color: rgba(255, 255, 255, 0.0);
}

.header__navigation-toggle svg,
.menu-arrow svg {
fill: rgba(43, 54, 85, 1.0);
}
}





footer.footer {
background-color: rgba(247, 250, 252, 1.0);
color: rgba(103, 115, 131, 0.8);
}

.footer-menu-main .submenu.level-1>li>a,
.footer-social-copyright h3,
.career-detail h3,
.support-detail ul li:last-child h2,
.support-detail ul li:first-child>h4,
.support-detail ul li:last-child p {
color: rgba(43, 54, 85, 1.0);
}

.support-detail ul li:first-child>h3 {
color: rgba(103, 115, 131, 1.0);
}

.footer-menu-main .submenu.level-1>li>ul>li>a, .career-detail ul li a {
color: rgba(43, 54, 85, 0.64);
}

.footer-menu-main .submenu.level-1>li>ul>li>a:hover, .career-detail ul li a:hover { 
color: rgba(0, 153, 115, 1.0);
}

.support-detail ul li a {
color: rgba(43, 54, 85, 0.85);

}
.support-detail ul li:first-child>h4>span {
color: rgba(0, 153, 115, 1.0);
}
.support-detail ul li a:hover {
color: rgba(0, 153, 115, 1.0);
}

.support-detail {
color: rgba(255, 255, 255, 1.0);   
}

.footer-social-copyright p {
color: rgba(103, 115, 131, 0.8);
}

.support-detail ul li:not(:first-child) {
border-color: rgba(228, 231, 237, 1.0);
}





.content-wrapper {
padding-bottom: 40px;
padding-top: 40px;
}

.blog-post__date {
border-color: #2b3655;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
color: #2b3655;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
color: #030e2d;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
color: #535e7d;
}

.blog-tag-filter__menu-link--active-item:after {
background-color: #494A52;
}

.blog-pagination__link {
color: #2b3655;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
background-color: #494A52;
}

.blog-post__title {
color: #2b3655;
font-family:Gilroy,sans-serif;
font-size: 36px;
font-weight: ;
}

.blog-post__author {
background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.blog-header {
background-color: rgb(245, 245, 245);
}

.hs-blog-listing,
.hs-blog-post {
background-color: #ffffff;
}

.blog-index__post-inner-card {
box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__tag-link:hover{
color: #1f274a;
}

.blog-post__read-more svg {
fill: #2b3655;
}

.blog-post__read-more a:hover svg {
fill: #1f274a;
}

.blog-sidebar ul {
box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-sidebar a {
color: #2b3655;
}

.blog-sidebar a:hover {
color: #1f274a;
}

.blog__subscription-block {
background-color: rgb(245, 245, 245);
}

.post-featured-image {
max-height: 600px;
}

.blog-post {
box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__meta a {
color: #2b3655;
}

.blog-post__body, .blog-post__tags a {
color: #2b3655;
}

.blog-post__meta a:hover {
color: #1f274a
}

.blog-post__links {
border-top:  2px solid rgb(228, 230, 232);
}

.blog-post__back-to-blog {
color: #2b3655;
}

.blog-post__back-to-blog:hover {
color: #1f274a;
}

.blog-post__back-to-blog svg {
fill: #2b3655;
}

a.blog-post__back-to-blog:hover svg {
fill: #1f274a;
}

.comment.depth-0,
.blog-comments form {
border-top: 2px solid rgb(228, 230, 232);
}

.comment.depth-1 {
border-left: 2px solid rgb(228, 230, 232);
}

.section.post-footer .hs-input {
border-color: rgb(228, 230, 232);
}

.blog-recent-posts {
background-color: rgb(245, 245, 245);
}










body .icon svg {
fill: #494A52;
}

body .tns-nav button.tns-nav-active {
background-color: #494A52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
background-color: #494A52;
}

body .social-links__icon {
background-color: #494A52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
fill: rgba(#null, 0.0);
}

body .team-member__description {
background-color: #F8FAFC;
}





.body-container__website .dnd-section:nth-child(odd) {
background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, blog_settings=, header=, forms=}
}