.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
:root {
--primary: #7dbaf4;
--secondary: #879639;
--tertiary: #0a3250;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--white: #ffffff;
--black: #000000;
--borders: #F6F7F9;
--body_bg: #fdfdfd;
--body_color: #54626E;
--heading: #0a3250;
--link_color: #6e7b2d;
--link_hover_color: #8f9f3c;
}
.btn,
.btn-wrapper .cta_button,
.btn-wrapper .cta-button,
.btn-wrapper input[type="submit"],
.btn-wrapper input[type="button"],
input[type="submit"],
input[type="button"] {
transition: all .15s ease-in-out;
animation-timing-function: ease-in-out;
font-weight: 600; font-family: 'General Sans';
font-size: 0.8888888888888888rem;
line-height: 1.5;
border-radius: 3px;
min-height: 3.111111111111111rem;
text-align: center;
padding: 0 1.3888888888888888rem ;
border: 3px solid;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta-group .btn-wrapper {
display: inline-block;
}
.cta-group.btn-wrap .btn-wrapper {
width: 100%;
}
.cta-group.btn-block .btn-wrapper {
width: 100%;
}
.cta-group.btn-block .btn-wrapper .cta_button,
.btn-block input[type="submit"],
.btn-block input[type="button"] {
width: 100%;
justify-content: center;
box-sizing: border-box !important;
}
.button_icon svg {
display: block;
fill: inherit;
height: 1em;
}
.block { display: table; }
.circle { border-radius: 100%; }
.divider {
display: block;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 0 0 13px 0;
margin: 0 0 40px;
}
.text-center-mobile { text-align: center; }
.max-responsive { max-width: 100%; height: auto !important; }
.antialiased { -webkit-font-smoothing: antialiased; }
.no-bullets ul,
.no-bullets ol {
list-style: none;
padding-left: 0;
}
.animated {
transition: all .3s ease-in-out;
animation-timing-function: ease-in-out;
}
.animated-fast {
transition: all .15s ease-in-out;
animation-timing-function: ease-in-out;
}
.sr-line-top { border-top: 1px solid #F6F7F9; }
.sr-line-bottom { border-bottom: 1px solid #F6F7F9; }
/* ----------------------------------------------------------------------------------- */
/* Typography */
/* ----------------------------------------------------------------------------------- */
html {
font-size: 18px;
}
body {
font-family: Arial;
line-height: 1.5rem;
font-weight: 500; font-family: 'General Sans';
font-size: 1rem;
color: #54626E;
background-color: #fdfdfd;
margin: 0;
}
h1,
.h1 {
font-weight: 500; font-family: 'Gascogne Serial';
margin-bottom: 2.2222222222222223rem;
line-height: 1.5;
line-height: 5.0rem;
font-size: 4.444444444444445rem;
}
h2,
.h2 {
font-weight: 500; font-family: 'Gascogne Serial';
margin-bottom: 1.5555555555555556rem;
line-height: 1.5;
line-height: 3.5555555555555554rem;
font-size: 3.111111111111111rem;
}
h3,
.h3 {
font-weight: 600; font-family: 'General Sans';
margin-bottom: 1.2777777777777777rem;
line-height: 1.5;
line-height: 2.888888888888889rem;
font-size: 2.5555555555555554rem;
}
h4,
.h4 {
font-weight: 500; font-family: 'Gascogne Serial';
margin-bottom: 1.0rem;
line-height: 1.5;
font-size: 2.0rem;
}
h5,
.h5 {
font-weight: 500; font-family: 'Gascogne Serial';
margin-bottom: 0.6666666666666666rem;
line-height: 1.5;
line-height: 1.7777777777777777rem;
font-size: 1.3333333333333333rem;
}
h6,
.h6 {
font-weight: 900; font-family: 'Gascogne Serial';
margin-bottom: 0.5rem;
line-height: 1.5;
font-size: 1.0rem;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4 {
color: #0a3250;
}
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br,
.display-1 br, .display-2 br, .display-3 br, .display-4 br, .description br { display: none; }
@media (min-width:992px) {
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br,
.display-1 br, .display-2 br, .display-3 br, .display-4 br, .description br { display: initial; }
}
.display-1 {
font-weight: 700; font-family: 'General Sans';
margin-bottom: 2.638888888888889rem;
line-height: 1.5;
font-size: 5.277777777777778rem;
}
.display-2 {
font-weight: 700; font-family: 'General Sans';
margin-bottom: 2.2222222222222223rem;
line-height: 1.5;
font-size: 4.444444444444445rem;
}
.display-3 {
font-weight: 600; font-family: 'General Sans';
margin-bottom: 2.0833333333333335rem;
line-height: 1.5;
font-size: 4.166666666666667rem;
}
.display-4 {
font-weight: 600; font-family: 'General Sans';
margin-bottom: 1.6666666666666667rem;
line-height: 1.5;
font-size: 3.3333333333333335rem;
}
p {
margin-top: 0;
margin-bottom: 1.25rem;
}
ul,
ol {
padding-left: 2rem;
}
ul,
ol,
ul li,
ol li {
font-weight: 300; font-family: 'Gascogne Serial';
font-size: 1.0rem;
line-height: 1.5;
}
ul li:not(:last-child),
ol li:not(:last-child) {
margin-bottom: 0.5rem
}
.lead,
.large {
font-weight: 500; font-family: 'General Sans';
line-height: 1.5;
letter-spacing: em;
font-size: 1.1111111111111112rem;
}
.lead p,
.large p {
margin-bottom: 0.5555555555555556rem;
}
p.small,
.small,
small,
.font-small * {
font-weight: 500; font-family: 'General Sans';
line-height: 1.5;
font-size: 0.7777777777777778rem;
}
p.small {
margin-bottom: 0.3888888888888889rem;
}
blockquote {
font-family: 'General Sans';
margin-bottom: 0.5555555555555556rem;
line-height: 1.5;
font-size: 1.1111111111111112rem;
}
svg,
svg g {
fill: currentColor;
}
a {
color: #6e7b2d;
text-decoration: none;
}
a:hover, a:hover:not(.btn) {
color: #8f9f3c;
text-decoration: none;
}
a.media {
color: #54626E;
text-decoration: none;
}
p,
p:hover, {
color: red !important;
text-decoration: none;
}
p a {
border-bottom: 1px solid #6e7b2d;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
p a:hover {
color: #8f9f3c;
border-bottom: 1px solid #8f9f3c;
}
.blog p a {
color: #6e7b2d;
font-weight: bold;
}
.blog p a:hover {
color: #8f9f3c;
}
img,
video {
max-width: 100%;
height: auto;
}
a[href="javascript:;"],
a[href="javascript:;"]:hover {
cursor: default
}
.unstyle-list ul {
list-style: none;
padding: 0;
margin: 0;
}
.unstyle-list ul li {
margin-bottom: 0.5rem;
}
.bg-bottom {
background-position: bottom !important;
}
.bg-center {
background-position: center !important;
}
.bg-left {
background-position: left !important;
}
.bg-left-bottom {
background-position: left bottom !important;
}
.bg-left-top {
background-position: left top !important;
}
.bg-right {
background-position: right !important;
}
.bg-right-bottom {
background-position: right bottom;
}
.bg-right-top {
background-position: right top !important;
}
.bg-top {
background-position: top !important;
}
.bg-repeat {
background-repeat: repeat !important;
}
.bg-no-repeat {
background-repeat: no-repeat !important;
}
.bg-repeat-x {
background-repeat: repeat-x !important;
}
.bg-repeat-y {
background-repeat: repeat-y !important;
}
.bg-auto {
background-size: auto !important;
}
.bg-cover {
background-size: cover !important;
}
.bg-contain {
background-size: contain !important;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container,
.container-sm,
.container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container,
.container-sm,
.container-md,
.container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: 1140px;
}
}
@media screen and (min-width: 2560px) {
.container {
max-width: 1320px;
}
}
.card:not([class*="col-"]),
.sr-cards-pricing-01 .card,
.sr-cards-testimonial-slider-01 .slickSliderItem,
.sr-hero-02 .hero-feature,
.sr-faq-01 .faq-item,
.sr-faq-01 .faq-item::before,
.sr-faq-01 .faq-item::after,
.sr-cards-categories-01 .card-item-content,
.sr-offer-one-col-01 .form-wrapper,
.sr-cards-filter-01 .item .item-inner:not(:hover),
.sr-cards-image-01 .item-card,
.sr-tabs-accordion-01 .accordion_group,
.sr-cards-team-02 .team-member,
.sr-cards-testimonial-grid-01 .card,
.sr-style-guide .guide-nav,
.sr-cards-filter-02-item a:hover .item-card,
.modal-content,
.sr-sticky-breadcrumb,
.sr-sticky-breadcrumb-categories,
.ng-blog-wrapper,
.sr-social-share.sr-social-share,
.blog-related-posts .article-panel .article-content,
.email-prefs .item .item-inner,
.sr-cards-features-01 .features > div,
.sr-card,
.sr-cards-articles-02 .article-item a,
.sr-two-col-features-02 .media,
.sr-cards-logos-01 .media,
.sr-cards-pricing-02 .col-md-4,
.sr-cards-slider-01 .feat-slider .slick-slide,
.sr-cards-team .team-card,
.sr-cards-testimonial-grid-02 .team-card,
.sr-conversational-form-01-form-inner,
.hero-form-01 .sr-form,
.sr-job-listing-01 .listing-wrapper ul li,
.sr-offer-faux-modal-01 .well,
.sr-offer-two-col-03 .form-wrapper,
.sr-padding-half .area-bottom:after,
.sr-padding-full .area-bottom:after,
.sr-padding-zero .area-bottom:after,
.area-bottom,
.sr-one-col-02-item > div,
.sr-social-tweet-01-content,
.sr-tabs-slider-02 .slickSliderItem,
.sr-three-col-features-01 .feature-list ul li,
.sr-two-col-features .link-wrapper:hover,
.pillar-nav-toc-01 .pillar-nav-toc-01-list li a,
.pillar-nav-toc-02 .pillar-nav-toc-02-list li a,
.sr-offer-slide-in-01 .sr-offer-slide-in-01-form {
background-color: rgba(255, 255, 255, 1.0) !important
}
.card,
.sr-hero-02 .hero-feature,
.sr-cards-categories-01 .card-item,
.sr-cards-grid-02 .card,
.sr-cards-filter-01 .item .item-inner,
.sr-contact-01 section.sr-location,
.sr-cards-image-01 .item-card:hover,
.sr-cards-pricing-01 .card,
.sr-cards-pricing-01 .card .featured_text,
.sr-tabs-accordion-01 .accordion_header,
.sr-tabs-accordion-01 .accordion_content,
.sr-cards-team-02 .team-member,
.sr-cards-testimonial-grid-01 .card,
.sr-cards-steps-01 .card-content,
.modal-content,
.sr-sticky-breadcrumb-heading,
.article-list-subscribe,
.sr-sticky-breadcrumb-categories,
.sr-social-share.sr-social-share,
.email-prefs .item .item-inner,
.sr-two-col-features-02 .media,
.sr-cards-features-01 .features > div,
.sr-cards-logos-01 .media,
.sr-cards-pricing-02 .col-md-4,
.sr-cards-slider-01 .feat-slider .slick-slide,
.sr-cards-team .team-card,
.sr-cards-testimonial-grid-02 .team-card,
.sr-job-listing-01 .listing-wrapper ul li,
.sr-one-col-02-item > div,
.sr-social-tweet-01-content,
.sr-tabs-slider-02 .slickSliderItem,
.sr-three-col-features-01 .feature-list ul li,
.sr-two-col-features .link-wrapper:hover,
.pillar-nav-toc-01 .pillar-nav-toc-01-list li a,
.pillar-nav-toc-02 .pillar-nav-toc-02-list li a,
.sr-cards-steps-01 .card-content,
.sr-cards-steps-02 .card-content,
.sr-footer-02 .footer-item {
border-color: #F6F7F9 !important;
}
.email-prefs .item .item-inner * {
color: inherit;
}
.close {
text-shadow: none;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-primary {
color: #fff;
background-color: #7dbaf4;
border-color: #7dbaf4;
}
.btn-primary:hover {
color: #fff;
background-color: #7dbaf4;
filter: brightness(110%);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus {
background-color: #7dbaf4;
filter: brightness(90%);
}
.btn-wrapper.btn-primary-wrapper .cta_button,
.btn-wrapper.btn-primary-wrapper .cta-button,
input[type=submit].hs-button.primary,
.btn-wrapper.btn-primary-wrapper input[type="submit"],
.btn-wrapper.btn-primary-wrapper input[type="button"],
input[type=submit].hs-button.btn-primary {
color: #fff;
background-color: #7dbaf4;
border-color: #7dbaf4;
}
.btn-wrapper.btn-primary-wrapper .cta_button:hover,
.btn-wrapper.btn-primary-wrapper .cta-button:hover,
input[type=submit].hs-button.primary:hover,
.btn-wrapper.btn-primary-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-primary-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-primary:hover {
color: #fff;
background-color: #7dbaf4;
text-decoration: none;
}
.btn-outline-primary {
color: #7dbaf4;
background-color: transparent;
border-color: #7dbaf4;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #7dbaf4;
}
.btn-wrapper.btn-outline-primary-wrapper .cta_button,
.btn-wrapper.btn-outline-primary-wrapper .cta-button,
.btn-wrapper.btn-outline-primary-wrapper input[type="submit"],
.btn-wrapper.btn-outline-primary-wrapper input[type="button"] {
color: #7dbaf4;
background-color: transparent;
border-color: #7dbaf4;
}
.btn-wrapper.btn-outline-primary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-primary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-primary-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-primary-wrapper input[type="button"]:hover {
color: #7dbaf4;
background-color: transparent;
border-color: #7dbaf4;
color: #fff;
background-color: #7dbaf4;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-primary {
color: #7dbaf4 !important;
}
.text-primary svg,
.text-primary svg g {
fill: #7dbaf4
}
.text-primary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-primary {
background-color: #7dbaf4 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-primary {
border-color: #7dbaf4;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-secondary {
color: #fff;
background-color: #879639;
border-color: #879639;
}
.btn-secondary:hover {
color: #fff;
background-color: #879639;
filter: brightness(110%);
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.btn-secondary.focus,
.btn-secondary:focus {
background-color: #879639;
filter: brightness(90%);
}
.btn-wrapper.btn-secondary-wrapper .cta_button,
.btn-wrapper.btn-secondary-wrapper .cta-button,
input[type=submit].hs-button.secondary,
.btn-wrapper.btn-secondary-wrapper input[type="submit"],
.btn-wrapper.btn-secondary-wrapper input[type="button"],
input[type=submit].hs-button.btn-secondary {
color: #fff;
background-color: #879639;
border-color: #879639;
}
.btn-wrapper.btn-secondary-wrapper .cta_button:hover,
.btn-wrapper.btn-secondary-wrapper .cta-button:hover,
input[type=submit].hs-button.secondary:hover,
.btn-wrapper.btn-secondary-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-secondary-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-secondary:hover {
color: #fff;
background-color: #879639;
text-decoration: none;
}
.btn-outline-secondary {
color: #879639;
background-color: transparent;
border-color: #879639;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #879639;
}
.btn-wrapper.btn-outline-secondary-wrapper .cta_button,
.btn-wrapper.btn-outline-secondary-wrapper .cta-button,
.btn-wrapper.btn-outline-secondary-wrapper input[type="submit"],
.btn-wrapper.btn-outline-secondary-wrapper input[type="button"] {
color: #879639;
background-color: transparent;
border-color: #879639;
}
.btn-wrapper.btn-outline-secondary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-secondary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-secondary-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-secondary-wrapper input[type="button"]:hover {
color: #879639;
background-color: transparent;
border-color: #879639;
color: #fff;
background-color: #879639;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-secondary {
color: #879639 !important;
}
.text-secondary svg,
.text-secondary svg g {
fill: #879639
}
.text-secondary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-secondary {
background-color: #879639 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-secondary {
border-color: #879639;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-tertiary {
color: #fff;
background-color: #0a3250;
border-color: #0a3250;
}
.btn-tertiary:hover {
color: #fff;
background-color: #0a3250;
filter: brightness(110%);
}
.btn-tertiary:not(:disabled):not(.disabled).active,
.btn-tertiary:not(:disabled):not(.disabled):active,
.show>.btn-tertiary.dropdown-toggle,
.btn-tertiary.focus,
.btn-tertiary:focus {
background-color: #0a3250;
filter: brightness(90%);
}
.btn-wrapper.btn-tertiary-wrapper .cta_button,
.btn-wrapper.btn-tertiary-wrapper .cta-button,
input[type=submit].hs-button.tertiary,
.btn-wrapper.btn-tertiary-wrapper input[type="submit"],
.btn-wrapper.btn-tertiary-wrapper input[type="button"],
input[type=submit].hs-button.btn-tertiary {
color: #fff;
background-color: #0a3250;
border-color: #0a3250;
}
.btn-wrapper.btn-tertiary-wrapper .cta_button:hover,
.btn-wrapper.btn-tertiary-wrapper .cta-button:hover,
input[type=submit].hs-button.tertiary:hover,
.btn-wrapper.btn-tertiary-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-tertiary-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-tertiary:hover {
color: #fff;
background-color: #0a3250;
text-decoration: none;
}
.btn-outline-tertiary {
color: #0a3250;
background-color: transparent;
border-color: #0a3250;
}
.btn-outline-tertiary:hover {
color: #fff;
background-color: #0a3250;
}
.btn-wrapper.btn-outline-tertiary-wrapper .cta_button,
.btn-wrapper.btn-outline-tertiary-wrapper .cta-button,
.btn-wrapper.btn-outline-tertiary-wrapper input[type="submit"],
.btn-wrapper.btn-outline-tertiary-wrapper input[type="button"] {
color: #0a3250;
background-color: transparent;
border-color: #0a3250;
}
.btn-wrapper.btn-outline-tertiary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-tertiary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-tertiary-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-tertiary-wrapper input[type="button"]:hover {
color: #0a3250;
background-color: transparent;
border-color: #0a3250;
color: #fff;
background-color: #0a3250;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-tertiary {
color: #0a3250 !important;
}
.text-tertiary svg,
.text-tertiary svg g {
fill: #0a3250
}
.text-tertiary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-tertiary {
background-color: #0a3250 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-tertiary {
border-color: #0a3250;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
color: #fff;
background-color: #28a745;
filter: brightness(110%);
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle,
.btn-success.focus,
.btn-success:focus {
background-color: #28a745;
filter: brightness(90%);
}
.btn-wrapper.btn-success-wrapper .cta_button,
.btn-wrapper.btn-success-wrapper .cta-button,
input[type=submit].hs-button.success,
.btn-wrapper.btn-success-wrapper input[type="submit"],
.btn-wrapper.btn-success-wrapper input[type="button"],
input[type=submit].hs-button.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-wrapper.btn-success-wrapper .cta_button:hover,
.btn-wrapper.btn-success-wrapper .cta-button:hover,
input[type=submit].hs-button.success:hover,
.btn-wrapper.btn-success-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-success-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-success:hover {
color: #fff;
background-color: #28a745;
text-decoration: none;
}
.btn-outline-success {
color: #28a745;
background-color: transparent;
border-color: #28a745;
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
}
.btn-wrapper.btn-outline-success-wrapper .cta_button,
.btn-wrapper.btn-outline-success-wrapper .cta-button,
.btn-wrapper.btn-outline-success-wrapper input[type="submit"],
.btn-wrapper.btn-outline-success-wrapper input[type="button"] {
color: #28a745;
background-color: transparent;
border-color: #28a745;
}
.btn-wrapper.btn-outline-success-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-success-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-success-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-success-wrapper input[type="button"]:hover {
color: #28a745;
background-color: transparent;
border-color: #28a745;
color: #fff;
background-color: #28a745;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-success {
color: #28a745 !important;
}
.text-success svg,
.text-success svg g {
fill: #28a745
}
.text-success :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-success {
background-color: #28a745 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-success {
border-color: #28a745;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover {
color: #fff;
background-color: #17a2b8;
filter: brightness(110%);
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle,
.btn-info.focus,
.btn-info:focus {
background-color: #17a2b8;
filter: brightness(90%);
}
.btn-wrapper.btn-info-wrapper .cta_button,
.btn-wrapper.btn-info-wrapper .cta-button,
input[type=submit].hs-button.info,
.btn-wrapper.btn-info-wrapper input[type="submit"],
.btn-wrapper.btn-info-wrapper input[type="button"],
input[type=submit].hs-button.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-wrapper.btn-info-wrapper .cta_button:hover,
.btn-wrapper.btn-info-wrapper .cta-button:hover,
input[type=submit].hs-button.info:hover,
.btn-wrapper.btn-info-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-info-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-info:hover {
color: #fff;
background-color: #17a2b8;
text-decoration: none;
}
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
border-color: #17a2b8;
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
}
.btn-wrapper.btn-outline-info-wrapper .cta_button,
.btn-wrapper.btn-outline-info-wrapper .cta-button,
.btn-wrapper.btn-outline-info-wrapper input[type="submit"],
.btn-wrapper.btn-outline-info-wrapper input[type="button"] {
color: #17a2b8;
background-color: transparent;
border-color: #17a2b8;
}
.btn-wrapper.btn-outline-info-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-info-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-info-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-info-wrapper input[type="button"]:hover {
color: #17a2b8;
background-color: transparent;
border-color: #17a2b8;
color: #fff;
background-color: #17a2b8;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-info {
color: #17a2b8 !important;
}
.text-info svg,
.text-info svg g {
fill: #17a2b8
}
.text-info :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-info {
background-color: #17a2b8 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-info {
border-color: #17a2b8;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-warning {
color: #fff;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #fff;
background-color: #ffc107;
filter: brightness(110%);
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle,
.btn-warning.focus,
.btn-warning:focus {
background-color: #ffc107;
filter: brightness(90%);
}
.btn-wrapper.btn-warning-wrapper .cta_button,
.btn-wrapper.btn-warning-wrapper .cta-button,
input[type=submit].hs-button.warning,
.btn-wrapper.btn-warning-wrapper input[type="submit"],
.btn-wrapper.btn-warning-wrapper input[type="button"],
input[type=submit].hs-button.btn-warning {
color: #fff;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-wrapper.btn-warning-wrapper .cta_button:hover,
.btn-wrapper.btn-warning-wrapper .cta-button:hover,
input[type=submit].hs-button.warning:hover,
.btn-wrapper.btn-warning-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-warning-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-warning:hover {
color: #fff;
background-color: #ffc107;
text-decoration: none;
}
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #fff;
background-color: #ffc107;
}
.btn-wrapper.btn-outline-warning-wrapper .cta_button,
.btn-wrapper.btn-outline-warning-wrapper .cta-button,
.btn-wrapper.btn-outline-warning-wrapper input[type="submit"],
.btn-wrapper.btn-outline-warning-wrapper input[type="button"] {
color: #ffc107;
background-color: transparent;
border-color: #ffc107;
}
.btn-wrapper.btn-outline-warning-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-warning-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-warning-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-warning-wrapper input[type="button"]:hover {
color: #ffc107;
background-color: transparent;
border-color: #ffc107;
color: #fff;
background-color: #ffc107;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-warning {
color: #ffc107 !important;
}
.text-warning svg,
.text-warning svg g {
fill: #ffc107
}
.text-warning :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-warning {
background-color: #ffc107 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-warning {
border-color: #ffc107;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #dc3545;
filter: brightness(110%);
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.btn-danger.focus,
.btn-danger:focus {
background-color: #dc3545;
filter: brightness(90%);
}
.btn-wrapper.btn-danger-wrapper .cta_button,
.btn-wrapper.btn-danger-wrapper .cta-button,
input[type=submit].hs-button.danger,
.btn-wrapper.btn-danger-wrapper input[type="submit"],
.btn-wrapper.btn-danger-wrapper input[type="button"],
input[type=submit].hs-button.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-wrapper.btn-danger-wrapper .cta_button:hover,
.btn-wrapper.btn-danger-wrapper .cta-button:hover,
input[type=submit].hs-button.danger:hover,
.btn-wrapper.btn-danger-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-danger-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-danger:hover {
color: #fff;
background-color: #dc3545;
text-decoration: none;
}
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
border-color: #dc3545;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
}
.btn-wrapper.btn-outline-danger-wrapper .cta_button,
.btn-wrapper.btn-outline-danger-wrapper .cta-button,
.btn-wrapper.btn-outline-danger-wrapper input[type="submit"],
.btn-wrapper.btn-outline-danger-wrapper input[type="button"] {
color: #dc3545;
background-color: transparent;
border-color: #dc3545;
}
.btn-wrapper.btn-outline-danger-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-danger-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-danger-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-danger-wrapper input[type="button"]:hover {
color: #dc3545;
background-color: transparent;
border-color: #dc3545;
color: #fff;
background-color: #dc3545;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-danger {
color: #dc3545 !important;
}
.text-danger svg,
.text-danger svg g {
fill: #dc3545
}
.text-danger :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-danger {
background-color: #dc3545 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-danger {
border-color: #dc3545;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-light {
color: #fff;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #fff;
background-color: #f8f9fa;
filter: brightness(110%);
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.btn-light.focus,
.btn-light:focus {
background-color: #f8f9fa;
filter: brightness(90%);
}
.btn-wrapper.btn-light-wrapper .cta_button,
.btn-wrapper.btn-light-wrapper .cta-button,
input[type=submit].hs-button.light,
.btn-wrapper.btn-light-wrapper input[type="submit"],
.btn-wrapper.btn-light-wrapper input[type="button"],
input[type=submit].hs-button.btn-light {
color: #fff;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-wrapper.btn-light-wrapper .cta_button:hover,
.btn-wrapper.btn-light-wrapper .cta-button:hover,
input[type=submit].hs-button.light:hover,
.btn-wrapper.btn-light-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-light-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-light:hover {
color: #fff;
background-color: #f8f9fa;
text-decoration: none;
}
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #fff;
background-color: #f8f9fa;
}
.btn-wrapper.btn-outline-light-wrapper .cta_button,
.btn-wrapper.btn-outline-light-wrapper .cta-button,
.btn-wrapper.btn-outline-light-wrapper input[type="submit"],
.btn-wrapper.btn-outline-light-wrapper input[type="button"] {
color: #f8f9fa;
background-color: transparent;
border-color: #f8f9fa;
}
.btn-wrapper.btn-outline-light-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-light-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-light-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-light-wrapper input[type="button"]:hover {
color: #f8f9fa;
background-color: transparent;
border-color: #f8f9fa;
color: #fff;
background-color: #f8f9fa;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-light {
color: #f8f9fa !important;
}
.text-light svg,
.text-light svg g {
fill: #f8f9fa
}
.text-light :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-light {
background-color: #f8f9fa !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-light {
border-color: #f8f9fa;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #343a40;
filter: brightness(110%);
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle,
.btn-dark.focus,
.btn-dark:focus {
background-color: #343a40;
filter: brightness(90%);
}
.btn-wrapper.btn-dark-wrapper .cta_button,
.btn-wrapper.btn-dark-wrapper .cta-button,
input[type=submit].hs-button.dark,
.btn-wrapper.btn-dark-wrapper input[type="submit"],
.btn-wrapper.btn-dark-wrapper input[type="button"],
input[type=submit].hs-button.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-wrapper.btn-dark-wrapper .cta_button:hover,
.btn-wrapper.btn-dark-wrapper .cta-button:hover,
input[type=submit].hs-button.dark:hover,
.btn-wrapper.btn-dark-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-dark-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-dark:hover {
color: #fff;
background-color: #343a40;
text-decoration: none;
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
}
.btn-wrapper.btn-outline-dark-wrapper .cta_button,
.btn-wrapper.btn-outline-dark-wrapper .cta-button,
.btn-wrapper.btn-outline-dark-wrapper input[type="submit"],
.btn-wrapper.btn-outline-dark-wrapper input[type="button"] {
color: #343a40;
background-color: transparent;
border-color: #343a40;
}
.btn-wrapper.btn-outline-dark-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-dark-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-dark-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-dark-wrapper input[type="button"]:hover {
color: #343a40;
background-color: transparent;
border-color: #343a40;
color: #fff;
background-color: #343a40;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-dark {
color: #343a40 !important;
}
.text-dark svg,
.text-dark svg g {
fill: #343a40
}
.text-dark :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-dark {
background-color: #343a40 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-dark {
border-color: #343a40;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-white {
color: #fff;
background-color: #ffffff;
border-color: #ffffff;
}
.btn-white:hover {
color: #fff;
background-color: #ffffff;
filter: brightness(110%);
}
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle,
.btn-white.focus,
.btn-white:focus {
background-color: #ffffff;
filter: brightness(90%);
}
.btn-wrapper.btn-white-wrapper .cta_button,
.btn-wrapper.btn-white-wrapper .cta-button,
input[type=submit].hs-button.white,
.btn-wrapper.btn-white-wrapper input[type="submit"],
.btn-wrapper.btn-white-wrapper input[type="button"],
input[type=submit].hs-button.btn-white {
color: #fff;
background-color: #ffffff;
border-color: #ffffff;
}
.btn-wrapper.btn-white-wrapper .cta_button:hover,
.btn-wrapper.btn-white-wrapper .cta-button:hover,
input[type=submit].hs-button.white:hover,
.btn-wrapper.btn-white-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-white-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-white:hover {
color: #fff;
background-color: #ffffff;
text-decoration: none;
}
.btn-outline-white {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
}
.btn-outline-white:hover {
color: #fff;
background-color: #ffffff;
}
.btn-wrapper.btn-outline-white-wrapper .cta_button,
.btn-wrapper.btn-outline-white-wrapper .cta-button,
.btn-wrapper.btn-outline-white-wrapper input[type="submit"],
.btn-wrapper.btn-outline-white-wrapper input[type="button"] {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
}
.btn-wrapper.btn-outline-white-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-white-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-white-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-white-wrapper input[type="button"]:hover {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
color: #fff;
background-color: #ffffff;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-white {
color: #ffffff !important;
}
.text-white svg,
.text-white svg g {
fill: #ffffff
}
.text-white :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-white {
background-color: #ffffff !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-white {
border-color: #ffffff;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-black {
color: #fff;
background-color: #000000;
border-color: #000000;
}
.btn-black:hover {
color: #fff;
background-color: #000000;
filter: brightness(110%);
}
.btn-black:not(:disabled):not(.disabled).active,
.btn-black:not(:disabled):not(.disabled):active,
.show>.btn-black.dropdown-toggle,
.btn-black.focus,
.btn-black:focus {
background-color: #000000;
filter: brightness(90%);
}
.btn-wrapper.btn-black-wrapper .cta_button,
.btn-wrapper.btn-black-wrapper .cta-button,
input[type=submit].hs-button.black,
.btn-wrapper.btn-black-wrapper input[type="submit"],
.btn-wrapper.btn-black-wrapper input[type="button"],
input[type=submit].hs-button.btn-black {
color: #fff;
background-color: #000000;
border-color: #000000;
}
.btn-wrapper.btn-black-wrapper .cta_button:hover,
.btn-wrapper.btn-black-wrapper .cta-button:hover,
input[type=submit].hs-button.black:hover,
.btn-wrapper.btn-black-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-black-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-black:hover {
color: #fff;
background-color: #000000;
text-decoration: none;
}
.btn-outline-black {
color: #000000;
background-color: transparent;
border-color: #000000;
}
.btn-outline-black:hover {
color: #fff;
background-color: #000000;
}
.btn-wrapper.btn-outline-black-wrapper .cta_button,
.btn-wrapper.btn-outline-black-wrapper .cta-button,
.btn-wrapper.btn-outline-black-wrapper input[type="submit"],
.btn-wrapper.btn-outline-black-wrapper input[type="button"] {
color: #000000;
background-color: transparent;
border-color: #000000;
}
.btn-wrapper.btn-outline-black-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-black-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-black-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-black-wrapper input[type="button"]:hover {
color: #000000;
background-color: transparent;
border-color: #000000;
color: #fff;
background-color: #000000;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-black {
color: #000000 !important;
}
.text-black svg,
.text-black svg g {
fill: #000000
}
.text-black :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-black {
background-color: #000000 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-black {
border-color: #000000;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-borders {
color: #fff;
background-color: #F6F7F9;
border-color: #F6F7F9;
}
.btn-borders:hover {
color: #fff;
background-color: #F6F7F9;
filter: brightness(110%);
}
.btn-borders:not(:disabled):not(.disabled).active,
.btn-borders:not(:disabled):not(.disabled):active,
.show>.btn-borders.dropdown-toggle,
.btn-borders.focus,
.btn-borders:focus {
background-color: #F6F7F9;
filter: brightness(90%);
}
.btn-wrapper.btn-borders-wrapper .cta_button,
.btn-wrapper.btn-borders-wrapper .cta-button,
input[type=submit].hs-button.borders,
.btn-wrapper.btn-borders-wrapper input[type="submit"],
.btn-wrapper.btn-borders-wrapper input[type="button"],
input[type=submit].hs-button.btn-borders {
color: #fff;
background-color: #F6F7F9;
border-color: #F6F7F9;
}
.btn-wrapper.btn-borders-wrapper .cta_button:hover,
.btn-wrapper.btn-borders-wrapper .cta-button:hover,
input[type=submit].hs-button.borders:hover,
.btn-wrapper.btn-borders-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-borders-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-borders:hover {
color: #fff;
background-color: #F6F7F9;
text-decoration: none;
}
.btn-outline-borders {
color: #F6F7F9;
background-color: transparent;
border-color: #F6F7F9;
}
.btn-outline-borders:hover {
color: #fff;
background-color: #F6F7F9;
}
.btn-wrapper.btn-outline-borders-wrapper .cta_button,
.btn-wrapper.btn-outline-borders-wrapper .cta-button,
.btn-wrapper.btn-outline-borders-wrapper input[type="submit"],
.btn-wrapper.btn-outline-borders-wrapper input[type="button"] {
color: #F6F7F9;
background-color: transparent;
border-color: #F6F7F9;
}
.btn-wrapper.btn-outline-borders-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-borders-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-borders-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-borders-wrapper input[type="button"]:hover {
color: #F6F7F9;
background-color: transparent;
border-color: #F6F7F9;
color: #fff;
background-color: #F6F7F9;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-borders {
color: #F6F7F9 !important;
}
.text-borders svg,
.text-borders svg g {
fill: #F6F7F9
}
.text-borders :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-borders {
background-color: #F6F7F9 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-borders {
border-color: #F6F7F9;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-body_bg {
color: #fff;
background-color: #fdfdfd;
border-color: #fdfdfd;
}
.btn-body_bg:hover {
color: #fff;
background-color: #fdfdfd;
filter: brightness(110%);
}
.btn-body_bg:not(:disabled):not(.disabled).active,
.btn-body_bg:not(:disabled):not(.disabled):active,
.show>.btn-body_bg.dropdown-toggle,
.btn-body_bg.focus,
.btn-body_bg:focus {
background-color: #fdfdfd;
filter: brightness(90%);
}
.btn-wrapper.btn-body_bg-wrapper .cta_button,
.btn-wrapper.btn-body_bg-wrapper .cta-button,
input[type=submit].hs-button.body_bg,
.btn-wrapper.btn-body_bg-wrapper input[type="submit"],
.btn-wrapper.btn-body_bg-wrapper input[type="button"],
input[type=submit].hs-button.btn-body_bg {
color: #fff;
background-color: #fdfdfd;
border-color: #fdfdfd;
}
.btn-wrapper.btn-body_bg-wrapper .cta_button:hover,
.btn-wrapper.btn-body_bg-wrapper .cta-button:hover,
input[type=submit].hs-button.body_bg:hover,
.btn-wrapper.btn-body_bg-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-body_bg-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-body_bg:hover {
color: #fff;
background-color: #fdfdfd;
text-decoration: none;
}
.btn-outline-body_bg {
color: #fdfdfd;
background-color: transparent;
border-color: #fdfdfd;
}
.btn-outline-body_bg:hover {
color: #fff;
background-color: #fdfdfd;
}
.btn-wrapper.btn-outline-body_bg-wrapper .cta_button,
.btn-wrapper.btn-outline-body_bg-wrapper .cta-button,
.btn-wrapper.btn-outline-body_bg-wrapper input[type="submit"],
.btn-wrapper.btn-outline-body_bg-wrapper input[type="button"] {
color: #fdfdfd;
background-color: transparent;
border-color: #fdfdfd;
}
.btn-wrapper.btn-outline-body_bg-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-body_bg-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-body_bg-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-body_bg-wrapper input[type="button"]:hover {
color: #fdfdfd;
background-color: transparent;
border-color: #fdfdfd;
color: #fff;
background-color: #fdfdfd;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-body_bg {
color: #fdfdfd !important;
}
.text-body_bg svg,
.text-body_bg svg g {
fill: #fdfdfd
}
.text-body_bg :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-body_bg {
background-color: #fdfdfd !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-body_bg {
border-color: #fdfdfd;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-body_color {
color: #fff;
background-color: #54626E;
border-color: #54626E;
}
.btn-body_color:hover {
color: #fff;
background-color: #54626E;
filter: brightness(110%);
}
.btn-body_color:not(:disabled):not(.disabled).active,
.btn-body_color:not(:disabled):not(.disabled):active,
.show>.btn-body_color.dropdown-toggle,
.btn-body_color.focus,
.btn-body_color:focus {
background-color: #54626E;
filter: brightness(90%);
}
.btn-wrapper.btn-body_color-wrapper .cta_button,
.btn-wrapper.btn-body_color-wrapper .cta-button,
input[type=submit].hs-button.body_color,
.btn-wrapper.btn-body_color-wrapper input[type="submit"],
.btn-wrapper.btn-body_color-wrapper input[type="button"],
input[type=submit].hs-button.btn-body_color {
color: #fff;
background-color: #54626E;
border-color: #54626E;
}
.btn-wrapper.btn-body_color-wrapper .cta_button:hover,
.btn-wrapper.btn-body_color-wrapper .cta-button:hover,
input[type=submit].hs-button.body_color:hover,
.btn-wrapper.btn-body_color-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-body_color-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-body_color:hover {
color: #fff;
background-color: #54626E;
text-decoration: none;
}
.btn-outline-body_color {
color: #54626E;
background-color: transparent;
border-color: #54626E;
}
.btn-outline-body_color:hover {
color: #fff;
background-color: #54626E;
}
.btn-wrapper.btn-outline-body_color-wrapper .cta_button,
.btn-wrapper.btn-outline-body_color-wrapper .cta-button,
.btn-wrapper.btn-outline-body_color-wrapper input[type="submit"],
.btn-wrapper.btn-outline-body_color-wrapper input[type="button"] {
color: #54626E;
background-color: transparent;
border-color: #54626E;
}
.btn-wrapper.btn-outline-body_color-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-body_color-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-body_color-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-body_color-wrapper input[type="button"]:hover {
color: #54626E;
background-color: transparent;
border-color: #54626E;
color: #fff;
background-color: #54626E;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-body_color {
color: #54626E !important;
}
.text-body_color svg,
.text-body_color svg g {
fill: #54626E
}
.text-body_color :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-body_color {
background-color: #54626E !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-body_color {
border-color: #54626E;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-heading {
color: #fff;
background-color: #0a3250;
border-color: #0a3250;
}
.btn-heading:hover {
color: #fff;
background-color: #0a3250;
filter: brightness(110%);
}
.btn-heading:not(:disabled):not(.disabled).active,
.btn-heading:not(:disabled):not(.disabled):active,
.show>.btn-heading.dropdown-toggle,
.btn-heading.focus,
.btn-heading:focus {
background-color: #0a3250;
filter: brightness(90%);
}
.btn-wrapper.btn-heading-wrapper .cta_button,
.btn-wrapper.btn-heading-wrapper .cta-button,
input[type=submit].hs-button.heading,
.btn-wrapper.btn-heading-wrapper input[type="submit"],
.btn-wrapper.btn-heading-wrapper input[type="button"],
input[type=submit].hs-button.btn-heading {
color: #fff;
background-color: #0a3250;
border-color: #0a3250;
}
.btn-wrapper.btn-heading-wrapper .cta_button:hover,
.btn-wrapper.btn-heading-wrapper .cta-button:hover,
input[type=submit].hs-button.heading:hover,
.btn-wrapper.btn-heading-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-heading-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-heading:hover {
color: #fff;
background-color: #0a3250;
text-decoration: none;
}
.btn-outline-heading {
color: #0a3250;
background-color: transparent;
border-color: #0a3250;
}
.btn-outline-heading:hover {
color: #fff;
background-color: #0a3250;
}
.btn-wrapper.btn-outline-heading-wrapper .cta_button,
.btn-wrapper.btn-outline-heading-wrapper .cta-button,
.btn-wrapper.btn-outline-heading-wrapper input[type="submit"],
.btn-wrapper.btn-outline-heading-wrapper input[type="button"] {
color: #0a3250;
background-color: transparent;
border-color: #0a3250;
}
.btn-wrapper.btn-outline-heading-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-heading-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-heading-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-heading-wrapper input[type="button"]:hover {
color: #0a3250;
background-color: transparent;
border-color: #0a3250;
color: #fff;
background-color: #0a3250;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-heading {
color: #0a3250 !important;
}
.text-heading svg,
.text-heading svg g {
fill: #0a3250
}
.text-heading :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-heading {
background-color: #0a3250 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-heading {
border-color: #0a3250;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-link_color {
color: #fff;
background-color: #6e7b2d;
border-color: #6e7b2d;
}
.btn-link_color:hover {
color: #fff;
background-color: #6e7b2d;
filter: brightness(110%);
}
.btn-link_color:not(:disabled):not(.disabled).active,
.btn-link_color:not(:disabled):not(.disabled):active,
.show>.btn-link_color.dropdown-toggle,
.btn-link_color.focus,
.btn-link_color:focus {
background-color: #6e7b2d;
filter: brightness(90%);
}
.btn-wrapper.btn-link_color-wrapper .cta_button,
.btn-wrapper.btn-link_color-wrapper .cta-button,
input[type=submit].hs-button.link_color,
.btn-wrapper.btn-link_color-wrapper input[type="submit"],
.btn-wrapper.btn-link_color-wrapper input[type="button"],
input[type=submit].hs-button.btn-link_color {
color: #fff;
background-color: #6e7b2d;
border-color: #6e7b2d;
}
.btn-wrapper.btn-link_color-wrapper .cta_button:hover,
.btn-wrapper.btn-link_color-wrapper .cta-button:hover,
input[type=submit].hs-button.link_color:hover,
.btn-wrapper.btn-link_color-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-link_color-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-link_color:hover {
color: #fff;
background-color: #6e7b2d;
text-decoration: none;
}
.btn-outline-link_color {
color: #6e7b2d;
background-color: transparent;
border-color: #6e7b2d;
}
.btn-outline-link_color:hover {
color: #fff;
background-color: #6e7b2d;
}
.btn-wrapper.btn-outline-link_color-wrapper .cta_button,
.btn-wrapper.btn-outline-link_color-wrapper .cta-button,
.btn-wrapper.btn-outline-link_color-wrapper input[type="submit"],
.btn-wrapper.btn-outline-link_color-wrapper input[type="button"] {
color: #6e7b2d;
background-color: transparent;
border-color: #6e7b2d;
}
.btn-wrapper.btn-outline-link_color-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-link_color-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-link_color-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-link_color-wrapper input[type="button"]:hover {
color: #6e7b2d;
background-color: transparent;
border-color: #6e7b2d;
color: #fff;
background-color: #6e7b2d;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-link_color {
color: #6e7b2d !important;
}
.text-link_color svg,
.text-link_color svg g {
fill: #6e7b2d
}
.text-link_color :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-link_color {
background-color: #6e7b2d !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-link_color {
border-color: #6e7b2d;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-link_hover_color {
color: #fff;
background-color: #8f9f3c;
border-color: #8f9f3c;
}
.btn-link_hover_color:hover {
color: #fff;
background-color: #8f9f3c;
filter: brightness(110%);
}
.btn-link_hover_color:not(:disabled):not(.disabled).active,
.btn-link_hover_color:not(:disabled):not(.disabled):active,
.show>.btn-link_hover_color.dropdown-toggle,
.btn-link_hover_color.focus,
.btn-link_hover_color:focus {
background-color: #8f9f3c;
filter: brightness(90%);
}
.btn-wrapper.btn-link_hover_color-wrapper .cta_button,
.btn-wrapper.btn-link_hover_color-wrapper .cta-button,
input[type=submit].hs-button.link_hover_color,
.btn-wrapper.btn-link_hover_color-wrapper input[type="submit"],
.btn-wrapper.btn-link_hover_color-wrapper input[type="button"],
input[type=submit].hs-button.btn-link_hover_color {
color: #fff;
background-color: #8f9f3c;
border-color: #8f9f3c;
}
.btn-wrapper.btn-link_hover_color-wrapper .cta_button:hover,
.btn-wrapper.btn-link_hover_color-wrapper .cta-button:hover,
input[type=submit].hs-button.link_hover_color:hover,
.btn-wrapper.btn-link_hover_color-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-link_hover_color-wrapper input[type="button"]:hover,
input[type=submit].hs-button.btn-link_hover_color:hover {
color: #fff;
background-color: #8f9f3c;
text-decoration: none;
}
.btn-outline-link_hover_color {
color: #8f9f3c;
background-color: transparent;
border-color: #8f9f3c;
}
.btn-outline-link_hover_color:hover {
color: #fff;
background-color: #8f9f3c;
}
.btn-wrapper.btn-outline-link_hover_color-wrapper .cta_button,
.btn-wrapper.btn-outline-link_hover_color-wrapper .cta-button,
.btn-wrapper.btn-outline-link_hover_color-wrapper input[type="submit"],
.btn-wrapper.btn-outline-link_hover_color-wrapper input[type="button"] {
color: #8f9f3c;
background-color: transparent;
border-color: #8f9f3c;
}
.btn-wrapper.btn-outline-link_hover_color-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-link_hover_color-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-link_hover_color-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-link_hover_color-wrapper input[type="button"]:hover {
color: #8f9f3c;
background-color: transparent;
border-color: #8f9f3c;
color: #fff;
background-color: #8f9f3c;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-link_hover_color {
color: #8f9f3c !important;
}
.text-link_hover_color svg,
.text-link_hover_color svg g {
fill: #8f9f3c
}
.text-link_hover_color :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-link_hover_color {
background-color: #8f9f3c !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-link_hover_color {
border-color: #8f9f3c;
}
.text-custom :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .field > label, .form-group label, .hs-error-msgs, .hs-error-msg) {
color: inherit;
}
.btn-wrapper.btn-none-wrapper .cta_button,
.btn-wrapper.btn-none-wrapper .cta-button {
padding: 0;
height: auto;
border: none;
font-weight: inherit;
position: relative;
}
.btn.btn-sm,
.btn-wrapper.btn-wrapper-sm .cta_button,
.btn-wrapper.btn-wrapper-sm .cta-button,
.btn-wrapper.btn-wrapper-sm input[type="submit"],
.btn-wrapper.btn-wrapper-sm input[type="button"],
.btn.btn-sm:hover,
.btn-wrapper.btn-wrapper-lg .cta_button:hover,
.btn-wrapper.btn-wrapper-lg .cta-button:hover {
min-height: 2.5555555555555554rem !important;
padding: 0 1.0rem !important;
font-size: 0.6666666666666666rem !important;
}
.btn.btn-md,
.btn-wrapper.btn-wrapper-md .cta_button,
.btn-wrapper.btn-wrapper-md .cta-button,
.btn-wrapper.btn-wrapper-md input[type="submit"],
.btn-wrapper.btn-wrapper-md input[type="button"],
.btn.btn-md:hover,
.btn-wrapper.btn-wrapper-md .cta_button:hover,
.btn-wrapper.btn-wrapper-md .cta-button:hover {
min-height: 3.111111111111111rem;
padding: 0 1.3888888888888888rem !important;
}
.btn.btn-lg,
.btn-wrapper.btn-wrapper-lg .cta_button,
.btn-wrapper.btn-wrapper-lg .cta-button,
.btn-wrapper.btn-wrapper-lg input[type="submit"],
.btn-wrapper.btn-wrapper-lg input[type="button"],
.btn.btn-lg:hover,
.btn-wrapper.btn-wrapper-lg .cta_button:hover,
.btn-wrapper.btn-wrapper-lg .cta-button:hover {
min-height: 3.3333333333333335rem !important;
padding: 0 1.6666666666666667rem !important;
font-size: 1.1111111111111112rem !important;
}
/* Override for primary button */
.cta_button.btn-primary,
.btn-wrapper.btn-primary-wrapper .cta_button,
.btn-wrapper.btn-primary-wrapper .cta-button,
.btn-wrapper.btn-primary-wrapper .hs-form input[type="submit"],
.btn-wrapper.btn-primary-wrapper .hs-form input[type="button"],
input[type=submit].hs-button.primary {
background-color: #7dbaf4 ;
border-color: #7dbaf4 ;
color: #0a3250 ;
}
.cta_button.btn-primary:hover,
.btn-wrapper.btn-primary-wrapper .cta_button:hover,
.btn-wrapper.btn-primary-wrapper .cta-button:hover,
.btn-wrapper.btn-primary-wrapper .hs-form input[type="submit"]:hover,
.btn-wrapper.btn-primary-wrapper .hs-form input[type="button"]:hover,
input[type=submit].hs-button.primary:hover {
background-color: #0a3250 ;
border-color: #0a3250 ;
color: #fdfdfd ;
}
.btn-wrapper.btn-outline-primary-wrapper .cta_button,
.btn-wrapper.btn-outline-primary-wrapper .cta-button,
.btn-wrapper.btn-outline-primary-wrapper .hs-form input[type="submit"],
.btn-wrapper.btn-outline-primary-wrapper .hs-form input[type="button"] {
border-color: #7dbaf4;
color: #7dbaf4;
}
.btn-wrapper.btn-outline-primary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-primary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-primary-wrapper .hs-form input[type="submit"]:hover,
.btn-wrapper.btn-outline-primary-wrapper .hs-form input[type="button"]:hover {
background-color: #0a3250;
border-color: #0a3250;
color: #fdfdfd;
}
/* Override for secondary button */
.cta_button.btn-secondary,
.btn-wrapper.btn-white-wrapper .cta_button,
.srr-content-signup-cta__form .hs-button,
.btn-wrapper.btn-secondary-wrapper .cta_button,
.btn-wrapper.btn-secondary-wrapper .cta-button,
.btn-wrapper.btn-secondary-wrapper .hs-form input[type="submit"],
.btn-wrapper.btn-secondary-wrapper .hs-form input[type="button"],
input[type=submit].hs-button.secondary {
background-color: #fdfdfd !important;
border-color: #fdfdfd !important;
color: #0a3250 !important;
}
.btn-secondary,
.btn-primary {
transition: all .15s ease-in-out !important;
animation-timing-function: ease-in-out !important;
font-family: Lexend,sans-serif !important;
font-weight: 700 !important;
font-size: .8888888888888888rem !important;
line-height: 1.5 !important;
border-radius: 4px !important;
min-height: 3.111111111111111rem !important;
padding: 0 1.3888888888888888rem !important;
border: 0px solid;
display: inline-flex;
align-items: center;
}
.cta_button.btn-secondary:hover,
.srr-content-signup-cta__form .hs-button:hover,
.btn-wrapper.btn-white-wrapper .cta_button:hover,
.btn-wrapper.btn-secondary-wrapper .cta_button:hover,
.btn-wrapper.btn-secondary-wrapper .cta-button:hover,
.btn-wrapper.btn-secondary-wrapper .hs-form input[type="submit"]:hover,
.btn-wrapper.btn-secondary-wrapper .hs-form input[type="button"]:hover,
input[type=submit].hs-button.secondary:hover {
background-color: #0a3250 !important;
border-color: #0a3250 !important;
color: #fdfdfd !important;
}
.btn-wrapper.btn-outline-secondary-wrapper .cta_button,
.btn-wrapper.btn-outline-secondary-wrapper .cta-button,
.btn-wrapper.btn-outline-secondary-wrapper .hs-form input[type="submit"],
.btn-wrapper.btn-outline-secondary-wrapper .hs-form input[type="button"] {
border-color: #fdfdfd;
color: #fdfdfd;
}
.btn-wrapper.btn-outline-secondary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-secondary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-secondary-wrapper .hs-form input[type="submit"]:hover,
.btn-wrapper.btn-outline-secondary-wrapper .hs-form input[type="button"]:hover {
background-color: #0a3250;
border-color: #0a3250;
color: #fdfdfd;
}
/* Override for tertiary button */
.btn-wrapper.btn-tertiary-wrapper .cta_button,
.btn-wrapper.btn-tertiary-wrapper .cta-button,
.btn-wrapper.btn-tertiary-wrapper .hs-form input[type="submit"],
.btn-wrapper.btn-tertiary-wrapper .hs-form input[type="button"],
input[type=submit].hs-button.tertiary {
background-color: #7dbaf4;
border-color: #7dbaf4;
color: #0a3250;
}
.btn-wrapper.btn-tertiary-wrapper .cta_button:hover,
.btn-wrapper.btn-tertiary-wrapper .cta-button:hover,
.btn-wrapper.btn-tertiary-wrapper .hs-form input[type="submit"]:hover,
.btn-wrapper.btn-tertiary-wrapper .hs-form input[type="button"]:hover,
input[type=submit].hs-button.tertiary:hover {
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0a3250;
}
.btn-wrapper.btn-outline-tertiary-wrapper .cta_button,
.btn-wrapper.btn-outline-tertiary-wrapper .cta-button,
.btn-wrapper.btn-outline-tertiary-wrapper .hs-form input[type="submit"],
.btn-wrapper.btn-outline-tertiary-wrapper .hs-form input[type="button"] {
border-color: #7dbaf4;
color: #7dbaf4;
}
.btn-wrapper.btn-outline-tertiary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-tertiary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-tertiary-wrapper .hs-form input[type="submit"]:hover,
.btn-wrapper.btn-outline-tertiary-wrapper .hs-form input[type="button"]:hover {
background-color: #fdfdfd;
border-color: #fdfdfd;
color: #0a3250;
}
/* ----------------------------------------------------------------------------------- */
/* HubSpot Forms */
/* ----------------------------------------------------------------------------------- */
fieldset {
font-size: 1rem;
padding: 0.25rem 0;
max-width: none !important;
}
fieldset > div .input {
margin: 0 !important;
}
fieldset.form-columns-1 .hs-input:not([type=checkbox]):not([type=radio]),
fieldset div {
width: 100% !important
}
@media only screen and (min-width: 992px) {
fieldset {
display: flex;
gap: 24px;
}
fieldset div {
flex: 1;
}
}
fieldset .field {
margin: 0 0 0.625rem;
}
::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color:
rgba(10, 50, 80, 0.6)
;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color:
rgba(10, 50, 80, 0.6)
;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color:
rgba(10, 50, 80, 0.6)
;
}
::-ms-input-placeholder {
/* Microsoft Edge */
color:
rgba(10, 50, 80, 0.6)
;
}
::placeholder {
/* Most modern browsers support this now. */
color:
rgba(10, 50, 80, 0.6)
;
}
.error::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color:
rgba(148, 46, 30, 1.0)
;
}
.error::-moz-placeholder {
/* Mozilla Firefox 19+ */
color:
rgba(148, 46, 30, 1.0)
;
}
.error:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color:
rgba(148, 46, 30, 1.0)
;
}
.error::-ms-input-placeholder {
/* Microsoft Edge */
color:
rgba(148, 46, 30, 1.0)
;
}
.error::placeholder {
/* Most modern browsers support this now. */
color:
rgba(148, 46, 30, 1.0)
;
}
.hs-field-desc {
font-size: .8em;
margin: 0 0 .5em;
}
input[type="radio"], input[type="checkbox"] {
margin-right: 2px;
}
select {
background-image: url('data:image/svg+xml; utf8, ');
background-position: calc(100% - 12px) center;
background-repeat: no-repeat;
line-height: 1;
height: auto;
}
.inputs-list {
margin: 0;
padding: 0;
}
.inputs-list li {
list-style: none;
}
.hs-error-msgs {
font-size: .8rem;
color: #942E1E;
margin: .5rem 0 0;
}
.no-list {
list-style: none;
}
.no-list label {
display: inline;
}
.hs_submit {
margin-top: 1rem;
}
.field > label,
.form-group label {
font-family: 'General Sans';
font-size: 0.8888888888888888rem;
line-height: 1.5;
color: #0a3250;
margin: 0 0 0.3rem;
}
textarea,
select,
.form-control,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):not([type="range"]),
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
font-family: 'General Sans';
font-size: 0.8888888888888888rem;
line-height: 1.5;
color: #0a3250;
background-color:
rgba(253, 253, 253, 1.0)
;
min-height: 3.111111111111111rem;
padding: 0 15px;
border: 1px solid #e5e7ea;
border-radius: 3px;
max-width: 100%;
width: 100%;
-webkit-appearance: none;
outline: none;
transition: all .15s ease-in-out;
animation-timing-function: ease-in-out;
}
textarea:focus,
select:focus,
.form-control:focus,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus {
color: #0a3250;
border-color: #7dbaf4;
box-shadow: none;
}
textarea.error,
select.error,
.form-control.error,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
.hs-error-msg {
color: #942E1E;
border-color: #942E1E;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
[type="radio"]:checked + span,
[type="radio"]:not(:checked) + span
{
position: relative;
padding-left: 24px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #0a3250;
}
[type="radio"]:checked + span:before,
[type="radio"]:not(:checked) + span:before {
content: '';
position: absolute;
left: 0;
top: 1px;
width: 16px;
height: 16px;
border: 1px solid #e5e7ea;
border-radius: 100%;
background: #fff;
}
[type="radio"]:checked + span:after,
[type="radio"]:not(:checked) + span:after {
content: '';
width: 8px;
height: 8px;
background: #7dbaf4;
position: absolute;
top: 5px;
left: 4px;
border-radius: 100%;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
[type="radio"]:not(:checked) + span:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type="radio"]:checked + span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
[type="checkbox"]:checked + span,
[type="checkbox"]:not(:checked) + span
{
position: relative;
padding-left: 24px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #0a3250;
}
[type="checkbox"]:checked + span:before,
[type="checkbox"]:not(:checked) + span:before {
content: '';
position: absolute;
left: 0;
top: 1px;
width: 16px;
height: 16px;
border: 1px solid #e5e7ea;
border-radius: 4px;
}
[type="checkbox"]:checked + span:before {
background: #7dbaf4
}
[type="checkbox"]:checked + span:after,
[type="checkbox"]:not(:checked) + span:after {
content: url('data:image/svg+xml; utf8, ');
width: 10px;
height: 8px;
position: absolute;
top: -1.5px;
left: 3px;
transition: all .2s ease;
}
[type="checkbox"]:not(:checked) + span:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type="checkbox"]:checked + span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
[type=file]::file-selector-button,
[type=file]::-webkit-file-upload-button {
border-radius: 3px;
border: none;
padding: 0.25rem 1rem;
margin-right: 1rem;
cursor: pointer
}
[type=file]::file-selector-button:hover,
[type=file]::-webkit-file-upload-button:hover {
filter: brightness(90%);
}
textarea {
padding-top: .75rem;
padding-bottom: .75rem;
min-height: 75px;
}
.form-control-lg,
.form-wrapper-lg input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
height: 3.3333333333333335rem;
font-size: 1.1111111111111112rem
padding: 0 15px;
}
.form-control-md,
.form-wrapper-md input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
height: 3.111111111111111rem;
font-size: 0.8888888888888888rem
padding: 0 15px;
}
.form-control-sm,
.form-wrapper-sm input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
height: 2.5555555555555554rem;
font-size: 0.6666666666666666rem
padding: 0 15px;
}
.form-control-lg input[type=submit].hs-button.primary,
.form-control-lg input[type=submit].hs-button.secondary,
.form-wrapper-lg input[type=submit].hs-button.primary,
.form-wrapper-lg input[type=submit].hs-button.secondary {
height: 3.3333333333333335rem;
padding: 0 1.6666666666666667rem !important;
font-size: 1.1111111111111112rem
}
.form-control-md input[type=submit].hs-button.primary,
.form-control-md input[type=submit].hs-button.secondary,
.form-wrapper-md input[type=submit].hs-button.primary,
.form-wrapper-md input[type=submit].hs-button.secondary {
height: 3.111111111111111rem;
padding: 0 1.3888888888888888rem !important;
font-size: 0.8888888888888888rem
}
.form-control-sm input[type=submit].hs-button.primary,
.form-control-sm input[type=submit].hs-button.secondary,
.form-wrapper-sm input[type=submit].hs-button.primary,
.form-wrapper-sm input[type=submit].hs-button.secondary {
height: 2.5555555555555554rem;
padding: 0 1.0rem !important;
font-size: 0.6666666666666666rem
}
.hs-form-field {
margin-bottom: 1rem;
}
form#email-prefs-form input.email-edit.hs-input {
width: 100% !important;
}
label.hs-error-msg {
font-size: .75rem;
line-height: 1.2;
}
input#hs-pwd-widget-password {
width: 100%;
height: initial !important;
padding: .6rem;
margin-bottom: 1rem;
margin-top: 1rem !important;
}
.sr-multicol-media .responsive-video {
height: 0;
padding: 0 0 56.25%;
position: relative;
}
.sr-multicol-media video {
max-width: 100%;
height: auto;
}
.sr-multicol-media iframe {
max-width: 100%;
height: 100%;
}
.sr-multicol-media .responsive-video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sr-multicol-media .section-heading {
margin: 0 0 1.25rem;
padding: 0;
}
.sr-multicol-media .responsive-video-file {
max-width: 100%;
position: relative;
z-index: 9;
}
.sr-multicol-media .responsive-image img {
max-width: 100%;
height: auto;
}
.sr-multicol-media .col-heading {
padding: 0;
}
.sr-multicol-media.sr-bg-image .sr-col {
padding: 6.25rem 4rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
border-right: solid 1px #e5e7ea;
border-right: solid 1px var(--borders);
}
.sr-multicol-media.sr-bg-image .sr-col:last-of-type {
border-right: none;
}
.sr-multicol-media.sr-bg-image .sr-col .form-control {
padding: 3.125rem 0 0;
}
.sr-multicol-media.sr-bg-image .sr-col::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.sr-multicol-media.sr-bg-image .sr-col .content-wrapper,
.cta-group {
position: relative;
z-index: 2;
}
.sr-col {
order: 10;
}
.description p:last-child {
margin-bottom: 0;
}
.chevron-left.slick-arrow,
.chevron-right.slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 30px;
z-index: 1;
cursor: pointer;
}
.chevron-right.slick-arrow {
right: 2rem
}
.chevron-left.slick-arrow {
left:2rem
}
.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
padding-right: 0;
padding-top: 2rem;
list-style-type: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
bottom: 0;
margin: 0;
}
.slick-dots button {
display: block;
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 100%;
text-indent: -9999px;
-webkit-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
margin: 4px;
box-shadow: 0 0 0 4px transparent;
background: #0C63FF;
background: var(--primary);
}
.slick-dots li.slick-active button {
background-color: transparent !important;
box-shadow: 0 0 0 2px #0C63FF;
box-shadow: 0 0 0 2px var(--primary);
}
.sr-bg-video,
.sr-bg-video-wrapper {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
background-size: cover;
overflow: hidden;
object-fit: cover;
}
.oembed_container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
.iframe_wrapper {
height: 0;
padding-bottom: 56.25%;
padding-top: 25px;
position: relative;
}
.oembed_container_iframe {
height: 100%;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.oembed_custom-thumbnail,
.oembed_custom-thumbnail:hover,
.oembed_custom-thumbnail:focus,
.oembed_custom-thumbnail:active {
align-items: center;
appearance: none;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
border: none;
display: flex;
height: 100%;
justify-content: center;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.oembed_custom-thumbnail_icon {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
width: 100%;
}
.oembed_custom-thumbnail_icon svg {
display: block;
height: auto;
width: 12%;
}
/* SVGs in IE11 require the max-width to be set to non in order to display scaling properly */
_:-ms-fullscreen, :root .oembed_custom-thumbnail_icon svg {
max-width: none;
}
.oembed_custom-thumbnail--hide {
display: none;
}
.embed_container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
.embed_container iframe {
left: 0;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
}
.oembed-info {
height:1px;
left:-10000px;
overflow:hidden;
position:absolute;
top:auto;
width:1px;
}
/* Placeholder styles */
:not(.hs-inline-edit) .hs-video-placeholder {
display: none;
}
.hs-inline-edit .hs-video-placeholder {
background-color: #f5f8fa !important;
border: 1px dashed #516f90 !important;
display: block !important;
font-size: 14px !important;
margin: 2px 1px !important;
outline: 1px dashed #fff !important;
text-align: center !important;
}
.hs-video-placeholder > * {
box-sizing: border-box !important;
display: block !important;
margin: 1px !important;
padding: 12px !important;
width: calc(100% - 2px) !important;
}
p.hs-video-placeholder__title {
color: #7c98b6 !important;
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
font-size: 14px !important;
font-style: italic !important;
font-weight: 700 !important;
line-height: initial !important;
margin-bottom: 10px !important;
margin-top: 0 !important;
padding: 0 !important;
text-shadow: 0 -1px 0 hsla(0,0%,100%,.5) !important;
}
p.hs-video-placeholder__description {
color: #7c98b6 !important;
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
font-style: italic !important;
font-weight: 400 !important;
line-height: 1.6 !important;
margin: 0 !important;
text-shadow: 0 -1px 0 hsla(0,0%,100%,.5) !important;
}
.sr-multicol-media.text-white .col-subheading,
.sr-multicol-media.text-white .col-heading,
.sr-multicol-media.text-white .col-content,
.sr-multicol-media.text-light .col-subheading,
.sr-multicol-media.text-light .col-heading,
.sr-multicol-media.text-light .col-content,
.sr-multicol-media.text-dark .col-subheading,
.sr-multicol-media.text-dark .col-heading,
.sr-multicol-media.text-dark .col-content,
.sr-multicol-media.text-primary .col-subheading,
.sr-multicol-media.text-primary .col-heading,
.sr-multicol-media.text-primary .col-content,
.sr-multicol-media.text-secondary .col-subheading,
.sr-multicol-media.text-secondary .col-heading,
.sr-multicol-media.text-secondary .col-content,
.sr-multicol-media.text-tertiary .col-subheading,
.sr-multicol-media.text-tertiary .col-heading,
.sr-multicol-media.text-tertiary .col-content description {
color: inherit;
}
ul.slick-dots,
footer ul,
.sr-two-col-07 .sr-feature-check {
list-style-image: none;
}
.lang_switcher_class {
display: block !important;
}
.lang_list_class {
list-style: none;
}
body { opacity: 1 }
/*****************************************/
/* Start your custom style here */
/*****************************************/
/**
Author: Raka
Purpose: Adapt or override Sprocket Rocket theme options and values.
Changes include but not limited to:
- Some global style refinement
- Various px to rem conversions
- New options/variations
** SECTIONS **
* Non-theme variables
* Typography
* Custom Fonts
* Mobile Typography overrides
* Forms
* Buttons
* Spacing
* Background images
* Modules
* Style guide overrides
** TODO **
- Extended/adapt the style guide - OK for now
- Review forms - need to review changes with design
- Dealing with missing font variants (300i,400i,700i,900i etc)
- Modify theme options (we want to avoid this)
- Load missing variants in second gfonts link in header below theme version
- Load missing variants in second gfonts link in footer for better performace (potential for FOUT)
- Add global "Font loader" module to add fonts (this will append them to theme link). Will require adding module to theme files and module snippet to theme header manually.
- Add import to this css file?
- Potentially namespace alternate vertical rhythm styles for long form content (blogs)
*/
/* ----------------------------------------------------------------------------------- */
/* Non-theme variables */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* Typography */
/* ----------------------------------------------------------------------------------- */
body {
font-size: 1.0rem;
background-color: #F6F7F9 !important;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
/*
Uncomment for uniform bottom header margins, vs percentage-based.
margin-bottom: rem;
*/
}
@media screen and (max-width: 767px){
h1,
.h1 {
line-height: 60px;
}
}
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
blockquote + h1,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
blockquote + h6 {
}
h1,
.h1 {
}
h2,
.h2 {
}
h3,
.h3 {
}
h4,
.h4 {
}
h5,
.h5 {
}
h6,
.h6 {
}
/* Mobile heading sizes */
@media screen and (max-width: 767px) {
h1,
.h1 {
font-size: 3.5rem;
}
h2,
.h2 {
font-size: 2.75rem;
line-height: 54px;
}
h3,
.h3 {
font-size: 2rem;
}
h4,
.h4 {
font-size: 1.75rem;
line-height: 38px;
}
h5,
.h5 {
font-size: 1.375rem;
}
}
.display-1 {
}
.display-2 {
}
.display-3 {
}
.display-4 {
}
p,
p.lead,
p.large,
ul,
ol,
blockquote {
margin-bottom: 1.5rem;
}
p { }
p.lead, p.large {
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.sr-style-guide .typography ul,
.sr-style-guide .typography ol,
.widget-type-rich_text ul,
.widget-type-rich_text ol,
.col-content ul,
.col-content ol {
padding-left: 2.5rem;
}
.sr-style-guide .typography ul li,
.sr-style-guide .typography ol li,
.widget-type-rich_text ul li,
.widget-type-rich_text ol li,
.col-content ul li,
.col-content ol li {
margin: 0;
padding: 0 0 20px;
line-height: 1.5rem;
font-size: 18px;
}
.sr-style-guide .typography ul li:last-child,
.sr-style-guide .typography ol li:last-child,
.widget-type-rich_text ul li:last-child,
.widget-type-rich_text ol li:last-child,
.col-content ul li:last-child,
.col-content ol li:last-child {
padding-bottom: 0;
}
.sr-style-guide .typography ul li ul,
.sr-style-guide .typography ol li ol,
.widget-type-rich_text ul li ul,
.widget-type-rich_text ol li ol,
.col-content ul ul li ul,
.col-content ol ol li ol {
margin-top: 1.5rem;
padding-left: 1.75rem;
}
p.small, .small, small {
line-height: unset;
}
.sr-style-guide .typography blockquote,
.widget-type-rich_text blockquote {
line-height: Infinity;
}
/* ----------------------------------------------------------------------------------- */
/* Custom Fonts */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* Mobile Typography overrides */
/* ----------------------------------------------------------------------------------- */
@media (max-width: 767px) {
.display-1 {
}
.display-2 {
}
.display-3 {
}
.display-4 {
}
h1,
.h1 {
}
h2,
.h2 {
}
h3,
.h3 {
}
h4,
.h4 {
}
h5,
.h5 {
}
h6,
.h6 {
}
}
/* ----------------------------------------------------------------------------------- */
/* Forms */
/* ----------------------------------------------------------------------------------- */
fieldset .field {
/* margin: 0 0 0.625rem;
DEFAULTS
*/
margin: 0 0 1.25rem;
}
.field > label, .form-group label {
/* margin: 0 0 0.3rem;
color: ;
font-size: 0.875rem;
DEFAULTS
*/
margin: .5rem 0 0.75rem;
font-size: 1rem;
font-weight: bold;
}
.hs-form-field {
/* margin-bottom: 1rem;
DEFAULTS
*/
margin-bottom: 2rem;
}
/* ----------------------------------------------------------------------------------- */
/* Buttons */
/* ----------------------------------------------------------------------------------- */
:not(.nav-ctas) .btn, .btn-wrapper .cta_button,
:not(.nav-ctas) .btn-wrapper .cta-button,
:not(.nav-ctas) .btn-wrapper input[type="submit"],
:not(.nav-ctas) .btn-wrapper input[type="button"],
:not(.nav-ctas) input[type="submit"],
:not(.nav-ctas) input[type="button"] {
/* border: 3px solid; */
}
/*
Increase brightness from 110%
*/
/*
[class*="btn-"]:hover {
filter: brightness(125%);
}
*/
/*
Custom hovers if we need them
.btn-primary:hover {
background-color: ;
border-color: ;
}
.btn-secondary:hover {
background-color: ;
border-color: ;
}
.btn-tertiary:hover {
background-color: ;
border-color: ;
}
*/
/* ----------------------------------------------------------------------------------- */
/* Spacing */
/* ----------------------------------------------------------------------------------- */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
padding-right: 30px;
padding-left: 30px;
}
@media (min-width: 676px) {
.container,
.container-sm {
/* max-width: 640px; */
max-width: 100%; /* Remove width constraint */
}
}
@media (min-width: 868px) {
.container,
.container-sm,
.container-md {
/* max-width: 820px; */
max-width: 100%; /* Remove width constraint */
}
}
@media (min-width: 1092px) {
.container,
.container-sm,
.container-md,
.container-lg {
max-width: 1060px;
}
}
@media (min-width: 1300px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: 1240px;
}
}
@media screen and (min-width: 2561px) {
.container {
max-width: 1680px;
}
}
@media screen and (min-width: 1200px) {
.sr-hero-01 .sr-padding-full {
padding-top: 3.555556rem !important;
padding-bottom: 8.555556rem !important;
}
}
@media (max-width: 767px) {
html .sr-padding-half {
padding-top: 1.3888888888888888rem !important;
padding-bottom: 1.3888888888888888rem !important;
}
html .sr-padding-full {
padding-top: 2.7777777777777777rem !important;
padding-bottom: 2.7777777777777777rem !important;
}
.dnd-module .m-py-reset-small {
padding-top: 2.7777777777777777rem;
padding-bottom: 2.7777777777777777rem;
}
.dnd-module .m-py-reset-large {
padding-top: 2.7777777777777777rem !important;
padding-bottom: 2.7777777777777777rem !important;
}
padding-top: 0.0rem!important;
padding-bottom: 0.0rem!important;
}
#}
.dnd-module .height-medium {
padding-top: 7.0rem!important;
padding-bottom: 7.0rem!important;
}
.dnd-module .height-large {
padding-top: 10.0rem!important;
padding-bottom: 10.0rem!important;
}
}
/* ----------------------------------------------------------------------------------- */
/* Background images */
/* ----------------------------------------------------------------------------------- */
@media (max-width: 767px) {
.sr-cover-image-left-70 .sr-cover-image {
background-position: bottom left 70%!important;
}
.sr-cover-image-left-60 .sr-cover-image {
background-position: bottom left 60%!important;
}
.sr-cover-image-left-50 .sr-cover-image {
background-position: bottom left 50%!important;
}
.sr-cover-image-left-40 .sr-cover-image {
background-position: bottom left 40%!important;
}
.sr-cover-image-left-30 .sr-cover-image {
background-position: bottom left 30%!important;
}
}
/* ----------------------------------------------------------------------------------- */
/* Custom UL and OL */
/* Putting these here to keep them out of the global typo, but they may end up there */
/* ----------------------------------------------------------------------------------- */
.custom-ul ul {
list-style-image: none;
}
.custom-ul ul li {
position: relative;
list-style-type: none;
}
.custom-ul ul li:before {
content: "";
position: absolute;
top: .125rem;
left: -2rem;
width: 21px;
height: 21px;
background-image: url();
}
.custom-ol ol li {
position: relative;
}
.custom-ol ol li:before {
position: absolute;
left: -1.5rem;
}
.ada-skiplink {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
color: #000;
background-color: #fff;
font-weight: 700;
}
/* ----------------------------------------------------------------------------------- */
/* Modules */
/* ----------------------------------------------------------------------------------- */
/*
Global image styles for column modules using images
ex: border radius and drop shadows.
*/
.sr-bling-graphic-01.global-image-style .container img,
.sr-multicol-media.global-image-style .sr-col .responsive-image img {
box-shadow: 0px 100px 80px rgba(28, 7, 74, 0.05), 0px 50.0488px 40.0391px rgba(28, 7, 74, 0.0380166), 0px 30.1471px 24.1177px rgba(28, 7, 74, 0.0325794), 0px 19.3198px 15.4559px rgba(28, 7, 74, 0.0285447), 0px 12.5216px 10.0172px rgba(28, 7, 74, 0.025), 0px 7.88218px 6.30574px rgba(28, 7, 74, 0.0214553), 0px 4.5288px 3.62304px rgba(28, 7, 74, 0.0174206), 0px 1.99324px 1.59459px rgba(28, 7, 74, 0.0119834);
border-radius: 30px;
}
.responsive-image img {
border-radius: 10px;
}
/*
SR Nav Dropdown 01
*/
.top-bar {
background-color: #fff !important;
}
.top-bar .right {
display: flex;
justify-content: right;
align-items: center;
border-bottom: 1px solid #E5E5E5;
padding-left: 50px !important;
}
.top-bar .right .btn-wrapper {
padding-left: 20px;
}
.top-bar ul {
float: left;
}
.navbar-brand .navbar-brand-light {
margin-top: -77px;
}
/* #navbar-main .hs-menu-item:last-child {
background-image: url(https://21312726.fs1.hubspotusercontent-na1.net/hubfs/21312726/_graphics/cart.svg);
background-position: left center;
background-repeat: no-repeat;
padding-left: 35px;
} */
.nav-ctas {
border: 3px solid #889739;
border-radius: 6px;
}
.nav-ctas .cta_button {
font-family: 'Lexend';
font-style: normal;
font-weight: 600 !important;
font-size: 18px;
line-height: 22px;
color: #083150;
}
.btn-wrapper.btn-wrapper-sm .cta_button {
font-size: unset !important;
}
.navbar .dropdown-menu {
/* Inherits the module background color. */
background-color: ;
}
.sr-navbar .navbar-nav .nav-link:focus,
.sr-navbar .navbar-nav .nav-link:hover,
.dropdown-item:focus,
.dropdown-item:hover,
.lang_list_class li a:hover,
.globe_class:hover {
/* color: !important; */
}
/*
Column modules
Add H-spacing when there's two
*/
.sr-multicol-media .cta-group .btn-wrapper {
padding: 0 0.5rem;
}
.sr-multicol-media ul {
margin-top: 2rem;
}
.sr-multicol-media a {
text-decoration: underline;
border-bottom: none;
}
.sr-multicol-media a:not(.cta_button):hover {
border-bottom: 0 !important;
}
@media screen and (max-width:1299px) {
.sr-multicol-media .btn-wrapper .cta_button {
margin-bottom: 1.4rem !important;
}
}
@media (min-width: 768px) {
.sr-multicol-media .cta-group {
margin-left: -0.5rem;
}
}
/*
Offer One Col 01.module
*/
.sr-offer-one-col-01 .form-wrapper {
/* padding: 3rem 5.5rem; */
border-radius: 0px !important;
}
@media (max-width: 767px) {
.sr-offer-one-col-01 .form-wrapper {
padding-left: 1rem;
padding-right:1rem;
}
}
/*
Border radius fixes
*/
/*
.sr-one-col-02
*/
.sr-one-col-02-item {
border-radius: 0px !important;
}
/*
sr-cards-testimonial-slider-01
*/
.sr-cards-testimonial-slider-01 .slickSliderItem {
border-radius: 0px !important;
}
/*
sr-footer-04
*/
.sr-footer-04 .social i {
background-color: #c06701 !important;
}
.sr-footer-04 .sr-footer-nav li.hs-menu-depth-2 {
padding: 0 !important;
}
.sr-footer-04 .sr-footer-nav li.hs-menu-depth-2 a{
padding: 0 !important;
padding-top:10px !important;
}
.sr-footer-04 .sr-footer-nav li.hs-menu-depth-2 a {
line-height: 1.25;
padding-top:10px;
}
.sr-footer-04 .sr-footer-nav ul.active-branch li:last-child {
padding-right: 0!important;
}
/*
sr-hero-02
*/
.sr-hero-02 img {
border-radius: 10px 10px 0 0;
}
.sr-hero-02 .hero-feature {
padding: 0 !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.sr-hero-02 .hero-feature-content {
padding: 2rem;
}
.sr-hero-02 .hero-feature-content h6 {
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.sr-hero-02 .hero-feature-content p {
padding: 10px 0;
}
.sr-hero-02 .hero-feature-content a {
font-weight: 600;
font-size: 18px;
color: #083150 !important;
border-bottom: 2px solid #889739;
}
/*
sr-tabs-accordion-01
*/
.accordion_group.expanded {
border-radius: 0px !important;
}
.accordion_group {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
/*
BCCU Hero 02
*/
/*
Testamonials slider
*/
.sr-tabs-testimonials-01 {
background-image: url(https://21312726.fs1.hubspotusercontent-na1.net/hubfs/21312726/_graphics/mark.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.sr-tabs-testimonials-01 h2 {
font-size: 1.25rem;
padding: 0;
margin: 0;
}
.sr-tabs-testimonials-01 .testimonial-content {
font-size: 1.5rem;
line-height: 40px;
}
.sr-tabs-testimonials-01 .testimonial-label {
font-size: 1.125rem;
font-weight: 400;
padding-top: 20px;
}
.sr-tabs-testimonials-01 .slick-dots button {
width: 23px;
height: 23px;
}
.splide__pagination__page{
width: 23px !important;
height: 23px !important;
}
/*
SR Cards Grid 02
*/
#benefits .cards .card {
padding: 1.875rem 1.875rem 3.125rem !important;
}
#benefits .cards .card .card-inner {
text-align: left;
}
#benefits .cards .card .card-inner .card-image {
width: 63px;
}
#benefits .cards .card .card-inner h4 {
font-size: 1.625rem;
line-height: 36px;
}
#benefits .cards .card {
box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
border-radius: 10px !important;
}
.module_1660341712011.sr-spacer-50 {
padding-top: 2rem !important;
}
/*
SR Two Col 07
*/
.sr-feature-check p {
margin-bottom: 0px !important
}
.sr-feature-check .sr-two-col-07 .sr-feature-check > li {
padding-bottom: 1rem;
}
/*
Sr Footer 04
*/
footer {
background-color: #083150;
color: white;
}
.footer-logo-social {
border-top: 1px solid #14476E;
padding-top: 36px;
margin-top: 77px;
}
.sr-footer-04 .sr-footer-nav .hs-menu-wrapper > ul {
display: flex;
}
.sr-footer-04 .sr-footer-nav .hs-menu-wrapper > ul li ul li {
width: 100%;
font-size: 1.25rem;
}
.sr-footer-04 .sr-footer-nav .hs-menu-wrapper > ul li ul li a{
padding: 0;
}
.sr-footer-04 .sr-footer-nav .hs-menu-wrapper > ul li a {
padding-right: 3rem;
font-size: 1.25rem;
}
.social li {
margin-left: 0 !important;
margin-right: 1rem;
}
.social li a :hover {
filter: brightness(110%);
}
.footer-logos {
align-items: center;
}
.footer-logo {
padding-left: 30px;
}
.footer-logo span{
line-height: 0 !important;
font-size: 9px;
text-align: center;
}
.sr-footer-04 li.hs-menu-item.hs-menu-depth-2 a:hover {
color: #9caf3d !important;
background-color: unset !important;
}
/*
Offers Section
*/
.bccu-card-offers .container .row {
grid-area: top;
}
.bccu-card-offers .card-1 {
grid-area: box1;
}
.bccu-card-offers .card-2 {
grid-area: box2;
}
.bccu-card-offers .card-3 {
grid-area: box3
}
.bccu-card-offers .container {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr;
grid-template-areas:
'top top'
'box1 box2'
'box1 box3';
}
.bccu-card-offers .card-1,
.bccu-card-offers .card-2,
.bccu-card-offers .card-3 {
background-color: #fff;
}
.bccu-card-offers .card-1 .card-inner {
text-align: left;
}
.bccu-card-offers .card-1 .card-image {
height: 100%;
max-height: 400px;
background-size: cover;
border-radius: 10px 10px 0 0px;
}
.bccu-card-offers .card-2 .card-inner,
.bccu-card-offers .card-3 .card-inner {
display: inline-flex;
flex-wrap: wrap;
}
.bccu-card-offers .card-2 .card-inner .card-content,
.bccu-card-offers .card-3 .card-inner .card-content {
width: 70%;
}
.bccu-card-offers .card-2 .card-image,
.bccu-card-offers .card-3 .card-image{
width: 30%;
height: 100% !important;
border-radius: 10px 0 0 10px;
}
.bccu-card-offers .card-content {
padding: 30px;
}
.bccu-card-offers .offer-card {
position: relative;
box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
border-radius: 10px;
}
.bccu-card-offers .offer-card:before {
content: " ";
height: 57px;
width: 57px;
background-color: #889739;
background-image: url(https://21312726.fs1.hubspotusercontent-na1.net/hubfs/21312726/_graphics/right-arrow-white.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: -1px;
bottom: 0;
border-radius: 0 0 10px;
}
.two-pattern {
background-image: url(https://21312726.fs1.hubspotusercontent-na1.net/hubfs/21312726/_graphics/full-ring.svg), url(https://21312726.fs1.hubspotusercontent-na1.net/hubfs/21312726/_graphics/full-ring.svg);
background-repeat: no-repeat;
background-position: -250px -250px,right -275px center;
}
.two-pattern-large {
background-image: url(https://21312726.fs1.hubspotusercontent-na1.net/hubfs/21312726/_graphics/full-ring.svg), url(https://21312726.fs1.hubspotusercontent-na1.net/hubfs/21312726/_graphics/full-ring.svg);
background-repeat: no-repeat;
background-position: -200px -200px,right -202px center;
}
/*
locations section
*/
#hs_cos_wrapper_widget_1658178651807 .sr-valign-stretch{
align-items: center;
}
/* ----------------------------------------------------------------------------------- */
/* Layout
Misc layout fixes
----------------------------------------------------------------------------------- */
/*
Global header and footer partials add wrappers around elements breaking some css
*/
body > div[data-global-resource-path="sr/templates/partials/site_header.html"] > .container-fluid,
body > div[data-global-resource-path="sr/templates/partials/site_footer.html"] > .container-fluid {
width: auto;
max-width: none;
padding: 0;
}
/* ----------------------------------------------------------------------------------- */
/* Style guide overrides
Just some mods to the style guide to make room for additional info in the sidebar
----------------------------------------------------------------------------------- */
.sr-style-guide .guide-nav {
top: 0!important;
}
.sr-style-guide .guide-nav li {
padding-bottom: 0;
}
.sr-style-guide .guide-nav .typo-ref {
font-size: 10px;
line-height: 15px;
margin-top: 20px;
}
/* ----------------------------------------------------------------------------------- */
/* Site specific fixes
----------------------------------------------------------------------------------- */
/* Container-fluid class being applied to the body. If you find a way to remove it, this code can be removed */
.container-fluid.body_dnd_area{
margin: 0;
padding: 0;
}
.mobile-hero-image {
display: none;
}
.widget_1658175597502 {
padding: 52px 0;
max-height: 693px;
}
@media screen and (max-width: 1199px) {
html,body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
/* NAVBAR STUFF */
.top-bar {
display: none !important;
}
.navbar-brand .navbar-brand-light {
margin-top: unset;
}
/*homepage hero */
.widget_1658175597502 {
height: 100% !important;
height: 681px
}
.widget_1658175597502 h1 {
font-family: Lexend;
font-size: 60px;
font-weight: 700;
line-height: 60px;
letter-spacing: -0.01em;
text-align: left;
}
.widget_1658175597502,
.widget_1658175597502 .sr-cover-image{
background-image: none !important;
background-color: var(--tertiary) !important;
}
.container-fluid {
padding-left: 0;
padding-right: 0;
}
.widget_1658175597502 {
max-height: unset !important;
}
/* offers */
.bccu-card-offers .container {
grid-template-columns: 1fr;
grid-template-areas:
'top'
'box1'
'box2 '
'box3';
}
.bccu-card-offers .card-1 .card-image,
.bccu-card-offers .card-2 .card-image,
.bccu-card-offers .card-3 .card-image {
height: 217px !important;
width: 100%;
background-position: center;
background-size: cover;
border-radius: 10px 10px 0 0;
background-repeat: no-repeat;
}
.bccu-card-offers .card-2 .card-inner ,
.bccu-card-offers .card-3 .card-inner {
display: block;
}
.bccu-card-offers .card-2 .card-inner .card-content,
.bccu-card-offers .card-3 .card-inner .card-content {
width: 100%;
}
.sr-tabs-testimonials-01 .testimonial-content {
font-size:1.125rem;
line-height: 28px;
}
/* Mobile Footer*/
#hs_cos_wrapper_widget_1652301822727_ {
display: none;
}
.sr-footer-04 .social {
text-align: center;
}
.sr-footer-04 .cta-group {
justify-content: center;
padding: 0;
}
.footer-logo-social {
text-align: center;
border-top: none;
margin: 0;
}
.footer-logos {
justify-content: center !important;
}
}
/*Other*/
.slick-dots li {
margin-bottom: 0 !important;
}
.navbar-main .btn-wrapper {
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center;
}
.navbar-main .container {
padding-right: 13px;
}
.nav-link.sr-search-toggle:hover{
filter:brightness(110%);
}
.nav-item:not(.mobile-only) {
padding-right: 15px
}
.navbar-toggler-icon svg {
width: 40px;
}
.top-bar .container .row {
justify-content: right;
}
.card-hover {
transition: .3s all;
}
.card-hover:hover {
-webkit-box-shadow: 4px 8px 30px rgba(0, 0, 0, 0.25);
box-shadow: 4px 8px 30px rgba(0, 0, 0, 0.25) !important;
margin-top: 0;
-webkit-transform: translateY(-.5rem);
-ms-transform: translateY(-.5rem);
transform: translateY(-.5rem);
}
.bccu-card-offers .offer-card {
transition: .3s all;
}
.bccu-card-offers .offer-card:hover:before {
background-color: #c06700;
transition: .3s;
}
.bccu-card-offers .offer-card p{
color: #54626e !important;
}
.sr-hero-02 .hero-feature:hover a {
color: #889739 !important;
}
.navbar-collapse .collapse-close {
display: flex;
justify-content: right;
align-items: center;
}
.slick-dots button {
background-color: transparent !important;
box-shadow: 0 0 0 2px var(--primary) !important;
}
.splide__pagination li{
margin: 2px !important;
}
button.splide__pagination__page{
background: transparent !important;
box-shadow: 0 0 0 2px var(--primary) !important;
}
button.splide__pagination__page.is-active{
background: var(--primary) !important;
transform: scale(1) !important;
}
.slick-dots li.slick-active button {
background: var(--primary) !important;
}
footer.sr-footer-04 .footer-row {
align-items: normal !important;
}
footer.sr-footer-04 .footer-row .icon-row {
text-align: right !important;
}
footer .cta-group {
justify-content: right;
padding-bottom: 50px !important;
}
.bccu-800 {
max-width: 800px;
}
#BCCU-Two-Col-04 .col-content ul li {
padding: 0 0 .75rem;
}
/*
Custom Classes
*/
.micro-header{
position: fixed;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
padding: 10px;
z-index: 100;
}
.bccu-micro-site-body{
padding-top: 140px;
}
/* Reverses columns so images aren't back to back on mobile */
@media screen and (max-width: 767px) {
.mobile-reverse.sr-multicol-media .row {
flex-direction: column-reverse !important;
}
.mobile-reverse.sr-multicol-media .row img {
padding-bottom: 1.4705882352941178rem;
}
.bccu-micro-site-body{
padding-top: 216px;
}
}
/* -----------------------------------------------------------------------------------
Shopping Cart
----------------------------------------------------------------------------------- */
.cart-window {
background-color: #083150;
width: 100%;
z-index: 499;
color: #fff;
position: fixed;
top: 0;
left: 0;
overflow: auto;
display: none;
max-height: 100%;
}
.cart-window > .cart-header {
display: flex;
justify-content: space-between;
padding-top: 30px;
}
.cart-window .cart-close-btn {
color: #fff;
font-weight: 400;
font-size: 3rem;
line-height: 1;
/* position: absolute;
top: 7px;
right: 20px; */
background-color: transparent;
border: 0;
padding: 0;
text-shadow: none;
}
.cart-window .cart-content {
padding: 4rem 1rem 6rem;
max-width: 800px;
min-height: 400px;
margin: 0 auto;
}
.cart-window .cart-content .cart-heading {
font-size: 1rem;
color: #fff;
line-height: 1.2;
font-weight: 400;
}
.cart-window .cart-content .cart-products {
margin-bottom: 2em;
}
.cart-window .cart-content .cart-product {
display: flex;
justify-content: space-between;
margin-bottom: 1em;
}
.cart-window .cart-content .cart-product-heading {
color: #fff;
font-size: 1.5rem;
margin-bottom: 0;
}
.cart-window .cart-product .btn-cart-delete {
color: #fff;
font-weight: 400;
font-size: 16px;
/* line-height: 1; */
background-color: transparent;
border: 0;
padding: 0;
text-shadow: none;
}
.cart-window .cart-actions .btn-cart-continue {
color: #fff;
font-weight: 400;
font-size: 16px;
/* line-height: 1; */
background-color: transparent;
border: 0;
padding: 0;
text-shadow: none;
}
.cart-window .cart-content .cart-actions {
text-align: center;
border-top: 1px solid #14476e;
padding-top: 30px;
}
@media screen and (min-width: 768px) {
.cart-window .cart-content .cart-actions {
border-top: none;
padding-top: 0;
}
}
@media screen and (min-width: 992px) {
.cart-window .cart-content {
max-width: 900px;
}
}
/* -----------------------------------------------------------------------------------
Datatrac global
----------------------------------------------------------------------------------- */
.dt_api .loading-overlay {
position: absolute;
z-index: 10;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: white;
}
.dt_api .spinner {
width: 40px;
height: 40px;
position: absolute;
margin: -20px;
top: 50%;
left: 50%;
}
.dt_api .double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #00829A;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.dt_api .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@keyframes sk-bounce {
0%,
100% {
-webkit-transform: scale(0.0);
transform: scale(0.0);
}
50% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.sr-three-col-03 .row,
.sr-tabs-testimonials-01 .row{
margin-right: 0px;
margin-left: 0px;
}