.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%;
}
}
/** Specific page layout styles **/
body.speak-to-us-update, body.speak-to-us-update * {
scroll-behavior: smooth;
font-size: 18px;
font-family: "Inter", sans-serif;
font-weight: 400;
}
body.speak-to-us-update .btn {
border-radius: 100px;
text-transform: none;
}
body.speak-to-us-update .wrapper:not(.logo-bar) {
padding: 100px 0;
position: relative;
display:block;
}
body.speak-to-us-update .wrapper.hero-banner-form {
padding-bottom: 80px;
}
body.speak-to-us-update .wrapper.dark {
background-color: #1C242A;
color: #fff;
}
body.speak-to-us-update .wrapper.dark h1, .wrapper.dark h2, .wrapper.dark h3 {
color: #fff;
}
body.speak-to-us-update .wrapper.light {
background-color: #fff;
color: #1C242A;
}
body.speak-to-us-update .wrapper.light h1, .wrapper.dark h2, .wrapper.dark h3 {
color: #F19225;
}
body.speak-to-us-update .content-container {
width: 1240px;
max-width: 100%;
margin: 0 auto;
padding: 0 25px;
display: block;
position: relative;
}
body.speak-to-us-update .btn, body.speak-to-us-update .hs-button {
border: none;
display: block;
width: fit-content;
padding: 15px 25px;
color: #fff;
background: #007FFF;
font-size: 15px;
font-weight: 400;
text-transform: none;
}
body.speak-to-us-update .hero-banner-form .content-container.flex .column strong, body.speak-to-us-update .hero-banner-form .content-container.flex .column ul {
font-size: 18px;
}
:root {
--primary: #007FFF;
--secondary: #343B41;
--tertiary: #232031;
--success: #28D291;
--info: #17a2b8;
--warning: #FFC314;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #1D252C;
--white: #ffffff;
--black: #000000;
--borders: #383839;
--body_bg: #fff;
--body_color: #1D252C;
--heading: #1D252C;
--link_color: #007FFF;
--link_hover_color: #007FFF;
}
.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-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
font-size: 0.9444444444444444rem;
line-height: 1.35;
border-radius: 100px;
min-height: 2.7777777777777777rem;
text-align: center;
padding: 0 1.9444444444444444rem ;
border: 1px solid;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* -webkit-appearance: button; */
-moz-appearance: button;
appearance: button;
}
.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 #383839; }
.sr-line-bottom { border-bottom: 1px solid #383839; }
/* ----------------------------------------------------------------------------------- */
/* Typography */
/* ----------------------------------------------------------------------------------- */
html {
font-size: 18px;
}
body {
font-family: Arial;
line-height: 1.4444444444444444rem;
font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
font-size: clamp(0.8888888888888888rem, 0.5376344086021505vw + 0.6594982078853047rem, 1.0rem);
color: #1D252C;
background-color: #fff;
margin: 0;
}
h1,
.h1 {
font-family: Inter; font-style: normal; font-weight: 700; text-decoration: none;
margin-bottom: 1.3888888888888888rem;
line-height: 1.35;
font-size: clamp(2.2222222222222223rem, 2.6881720430107525vw + 1.075268817204301rem, 2.7777777777777777rem);
}
h2,
.h2 {
font-family: Inter; font-style: normal; font-weight: 700; text-decoration: none;
margin-bottom: 1.25rem;
line-height: 1.35;
font-size: clamp(1.9444444444444444rem, 2.6881720430107525vw + 0.7974910394265233rem, 2.5rem);
}
h3,
.h3 {
font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
margin-bottom: 0.8888888888888888rem;
line-height: 1.35;
font-size: clamp(1.5555555555555556rem, 1.075268817204301vw + 1.096774193548387rem, 1.7777777777777777rem);
}
h4,
.h4 {
font-family: Inter; font-style: normal; font-weight: 700; text-decoration: none;
margin-bottom: 0.6666666666666666rem;
line-height: 1.35;
font-size: 1.3333333333333333rem;
}
h5,
.h5 {
font-family: Inter; font-style: normal; font-weight: normal; text-decoration: none;
margin-bottom: 0.5555555555555556rem;
line-height: 1.35;
font-size: 1.1111111111111112rem;
}
h6,
.h6 {
font-family: Inter; font-style: normal; font-weight: normal; text-decoration: none;
margin-bottom: 0.5rem;
line-height: 1.35;
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: #1D252C;
}
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-family: Inter; font-style: normal; font-weight: 600; text-decoration: none;
margin-bottom: 2.638888888888889rem;
line-height: 1.35;
font-size: 5.277777777777778rem;
}
.display-2 {
font-family: Inter; font-style: normal; font-weight: 600; text-decoration: none;
margin-bottom: 2.2222222222222223rem;
line-height: 1.35;
font-size: 4.444444444444445rem;
}
.display-3 {
font-family: Inter; font-style: normal; font-weight: 600; text-decoration: none;
margin-bottom: 2.0833333333333335rem;
line-height: 1.35;
font-size: 4.166666666666667rem;
}
.display-4 {
font-family: Inter; font-style: normal; font-weight: 600; text-decoration: none;
margin-bottom: 1.6666666666666667rem;
line-height: 1.35;
font-size: 3.3333333333333335rem;
}
p {
margin-top: 0;
margin-bottom: 1.25rem;
}
ul,
ol {
padding-left: 2rem;
}
ul,
ol,
ul li,
ol li {
font-family: Inter; font-style: normal; font-weight: normal; text-decoration: none;
/* font-size: 0.8888888888888888rem; */
line-height: 1.35;
}
ul li:not(:last-child),
ol li:not(:last-child) {
margin-bottom: 0.5rem
}
.lead,
.large {
font-family: Inter; font-style: normal; font-weight: 300; text-decoration: none;
line-height: 1.35;
font-size: 1.1111111111111112rem;
}
.lead p,
.large p {
margin-bottom: 0.5555555555555556rem;
}
p.small,
.small,
small,
.font-small * {
font-family: Inter; font-style: normal; font-weight: 300; text-decoration: none;
line-height: 1.35;
font-size: 0.7777777777777778rem;
}
p.small {
margin-bottom: 0.3888888888888889rem;
}
blockquote {
font-family: Inter; font-style: normal; font-weight: normal; text-decoration: none;
margin-bottom: 0.5555555555555556rem;
line-height: 1.35;
font-size: 1.1111111111111112rem;
}
svg,
svg g {
fill: currentColor;
}
a {
color: #007FFF;
text-decoration: none;
}
a:hover, a:hover:not(.btn) {
color: #007FFF;
text-decoration: none;
}
a.media {
color: #1D252C;
text-decoration: none;
}
p,
p:hover, {
color: red !important;
text-decoration: none;
}
p a {
border-bottom: 1px solid #007FFF;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
p a:hover {
color: #007FFF;
border-bottom: 1px solid #007FFF;
}
.blog p a {
color: #007FFF;
font-weight: bold;
}
.blog p a:hover {
color: #007FFF;
}
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: 30px;
padding-left: 30px;
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: #383839 !important;
}
.email-prefs .item .item-inner * {
color: inherit;
}
.close {
text-shadow: none;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-primary {
color: #fff;
background-color: #007FFF;
border-color: #007FFF;
}
.btn-primary:hover {
color: #fff;
background-color: #007FFF;
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: #007FFF;
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: #007FFF;
border-color: #007FFF;
}
.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: #007FFF;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-primary {
color: #007FFF;
background-color: transparent;
border-color: #007FFF;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007FFF;
}
.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: #007FFF;
background-color: transparent;
border-color: #007FFF;
}
.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: #007FFF;
background-color: transparent;
border-color: #007FFF;
color: #fff;
background-color: #007FFF;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-primary {
color: #007FFF !important;
}
.text-primary svg,
.text-primary svg g {
fill: #007FFF
}
.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: #007FFF !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-primary {
border-color: #007FFF;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-secondary {
color: #fff;
background-color: #343B41;
border-color: #343B41;
}
.btn-secondary:hover {
color: #fff;
background-color: #343B41;
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: #343B41;
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: #343B41;
border-color: #343B41;
}
.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: #343B41;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-secondary {
color: #343B41;
background-color: transparent;
border-color: #343B41;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #343B41;
}
.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: #343B41;
background-color: transparent;
border-color: #343B41;
}
.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: #343B41;
background-color: transparent;
border-color: #343B41;
color: #fff;
background-color: #343B41;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-secondary {
color: #343B41 !important;
}
.text-secondary svg,
.text-secondary svg g {
fill: #343B41
}
.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: #343B41 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-secondary {
border-color: #343B41;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-tertiary {
color: #fff;
background-color: #232031;
border-color: #232031;
}
.btn-tertiary:hover {
color: #fff;
background-color: #232031;
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: #232031;
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: #232031;
border-color: #232031;
}
.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: #232031;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-tertiary {
color: #232031;
background-color: transparent;
border-color: #232031;
}
.btn-outline-tertiary:hover {
color: #fff;
background-color: #232031;
}
.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: #232031;
background-color: transparent;
border-color: #232031;
}
.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: #232031;
background-color: transparent;
border-color: #232031;
color: #fff;
background-color: #232031;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-tertiary {
color: #232031 !important;
}
.text-tertiary svg,
.text-tertiary svg g {
fill: #232031
}
.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: #232031 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-tertiary {
border-color: #232031;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-success {
color: #fff;
background-color: #28D291;
border-color: #28D291;
}
.btn-success:hover {
color: #fff;
background-color: #28D291;
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: #28D291;
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: #28D291;
border-color: #28D291;
}
.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: #28D291;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-success {
color: #28D291;
background-color: transparent;
border-color: #28D291;
}
.btn-outline-success:hover {
color: #fff;
background-color: #28D291;
}
.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: #28D291;
background-color: transparent;
border-color: #28D291;
}
.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: #28D291;
background-color: transparent;
border-color: #28D291;
color: #fff;
background-color: #28D291;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-success {
color: #28D291 !important;
}
.text-success svg,
.text-success svg g {
fill: #28D291
}
.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: #28D291 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-success {
border-color: #28D291;
}
/* ----------------------------------------------------------------------------------- */
/* 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;
filter: brightness(110%);
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: #FFC314;
border-color: #FFC314;
}
.btn-warning:hover {
color: #fff;
background-color: #FFC314;
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: #FFC314;
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: #FFC314;
border-color: #FFC314;
}
.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: #FFC314;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-warning {
color: #FFC314;
background-color: transparent;
border-color: #FFC314;
}
.btn-outline-warning:hover {
color: #fff;
background-color: #FFC314;
}
.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: #FFC314;
background-color: transparent;
border-color: #FFC314;
}
.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: #FFC314;
background-color: transparent;
border-color: #FFC314;
color: #fff;
background-color: #FFC314;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-warning {
color: #FFC314 !important;
}
.text-warning svg,
.text-warning svg g {
fill: #FFC314
}
.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: #FFC314 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-warning {
border-color: #FFC314;
}
/* ----------------------------------------------------------------------------------- */
/* 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;
filter: brightness(110%);
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;
filter: brightness(110%);
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: #1D252C;
border-color: #1D252C;
}
.btn-dark:hover {
color: #fff;
background-color: #1D252C;
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: #1D252C;
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: #1D252C;
border-color: #1D252C;
}
.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: #1D252C;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-dark {
color: #1D252C;
background-color: transparent;
border-color: #1D252C;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #1D252C;
}
.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: #1D252C;
background-color: transparent;
border-color: #1D252C;
}
.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: #1D252C;
background-color: transparent;
border-color: #1D252C;
color: #fff;
background-color: #1D252C;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-dark {
color: #1D252C !important;
}
.text-dark svg,
.text-dark svg g {
fill: #1D252C
}
.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: #1D252C !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-dark {
border-color: #1D252C;
}
/* ----------------------------------------------------------------------------------- */
/* 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;
filter: brightness(110%);
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;
filter: brightness(110%);
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: #383839;
border-color: #383839;
}
.btn-borders:hover {
color: #fff;
background-color: #383839;
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: #383839;
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: #383839;
border-color: #383839;
}
.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: #383839;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-borders {
color: #383839;
background-color: transparent;
border-color: #383839;
}
.btn-outline-borders:hover {
color: #fff;
background-color: #383839;
}
.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: #383839;
background-color: transparent;
border-color: #383839;
}
.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: #383839;
background-color: transparent;
border-color: #383839;
color: #fff;
background-color: #383839;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-borders {
color: #383839 !important;
}
.text-borders svg,
.text-borders svg g {
fill: #383839
}
.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: #383839 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-borders {
border-color: #383839;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-body_bg {
color: #fff;
background-color: #fff;
border-color: #fff;
}
.btn-body_bg:hover {
color: #fff;
background-color: #fff;
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: #fff;
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: #fff;
border-color: #fff;
}
.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: #fff;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-body_bg {
color: #fff;
background-color: transparent;
border-color: #fff;
}
.btn-outline-body_bg:hover {
color: #fff;
background-color: #fff;
}
.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: #fff;
background-color: transparent;
border-color: #fff;
}
.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: #fff;
background-color: transparent;
border-color: #fff;
color: #fff;
background-color: #fff;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-body_bg {
color: #fff !important;
}
.text-body_bg svg,
.text-body_bg svg g {
fill: #fff
}
.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: #fff !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-body_bg {
border-color: #fff;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-body_color {
color: #fff;
background-color: #1D252C;
border-color: #1D252C;
}
.btn-body_color:hover {
color: #fff;
background-color: #1D252C;
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: #1D252C;
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: #1D252C;
border-color: #1D252C;
}
.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: #1D252C;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-body_color {
color: #1D252C;
background-color: transparent;
border-color: #1D252C;
}
.btn-outline-body_color:hover {
color: #fff;
background-color: #1D252C;
}
.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: #1D252C;
background-color: transparent;
border-color: #1D252C;
}
.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: #1D252C;
background-color: transparent;
border-color: #1D252C;
color: #fff;
background-color: #1D252C;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-body_color {
color: #1D252C !important;
}
.text-body_color svg,
.text-body_color svg g {
fill: #1D252C
}
.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: #1D252C !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-body_color {
border-color: #1D252C;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-heading {
color: #fff;
background-color: #1D252C;
border-color: #1D252C;
}
.btn-heading:hover {
color: #fff;
background-color: #1D252C;
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: #1D252C;
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: #1D252C;
border-color: #1D252C;
}
.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: #1D252C;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-heading {
color: #1D252C;
background-color: transparent;
border-color: #1D252C;
}
.btn-outline-heading:hover {
color: #fff;
background-color: #1D252C;
}
.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: #1D252C;
background-color: transparent;
border-color: #1D252C;
}
.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: #1D252C;
background-color: transparent;
border-color: #1D252C;
color: #fff;
background-color: #1D252C;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-heading {
color: #1D252C !important;
}
.text-heading svg,
.text-heading svg g {
fill: #1D252C
}
.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: #1D252C !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-heading {
border-color: #1D252C;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-link_color {
color: #fff;
background-color: #007FFF;
border-color: #007FFF;
}
.btn-link_color:hover {
color: #fff;
background-color: #007FFF;
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: #007FFF;
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: #007FFF;
border-color: #007FFF;
}
.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: #007FFF;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-link_color {
color: #007FFF;
background-color: transparent;
border-color: #007FFF;
}
.btn-outline-link_color:hover {
color: #fff;
background-color: #007FFF;
}
.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: #007FFF;
background-color: transparent;
border-color: #007FFF;
}
.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: #007FFF;
background-color: transparent;
border-color: #007FFF;
color: #fff;
background-color: #007FFF;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-link_color {
color: #007FFF !important;
}
.text-link_color svg,
.text-link_color svg g {
fill: #007FFF
}
.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: #007FFF !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-link_color {
border-color: #007FFF;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-link_hover_color {
color: #fff;
background-color: #007FFF;
border-color: #007FFF;
}
.btn-link_hover_color:hover {
color: #fff;
background-color: #007FFF;
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: #007FFF;
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: #007FFF;
border-color: #007FFF;
}
.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: #007FFF;
filter: brightness(110%);
text-decoration: none;
}
.btn-outline-link_hover_color {
color: #007FFF;
background-color: transparent;
border-color: #007FFF;
}
.btn-outline-link_hover_color:hover {
color: #fff;
background-color: #007FFF;
}
.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: #007FFF;
background-color: transparent;
border-color: #007FFF;
}
.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: #007FFF;
background-color: transparent;
border-color: #007FFF;
color: #fff;
background-color: #007FFF;
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-link_hover_color {
color: #007FFF !important;
}
.text-link_hover_color svg,
.text-link_hover_color svg g {
fill: #007FFF
}
.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: #007FFF !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-link_hover_color {
border-color: #007FFF;
}
.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-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,
.btn-wrapper.btn-white-wrapper .cta_button,
.btn-wrapper.btn-white-wrapper .cta-button,
.btn-wrapper.btn-white-wrapper input[type="submit"],
.btn-wrapper.btn-white-wrapper input[type="button"],
.btn-white,
.btn-outline-white:hover {
color: #000;
}
.btn-wrapper.btn-white-wrapper .cta_button:hover,
.btn-wrapper.btn-white-wrapper .cta-button:hover,
.btn-wrapper.btn-white-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-white-wrapper input[type="button"]:hover,
.btn-wrapper.btn-black-wrapper .cta_button:hover,
.btn-wrapper.btn-black-wrapper .cta-button:hover,
.btn-wrapper.btn-black-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-black-wrapper input[type="button"]:hover,
.btn-white:hover {
background: #007FFF;
border-color: #007FFF;
}
.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: 2.7777777777777777rem;
padding: 0 1.9444444444444444rem !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 */
/* Override for secondary 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: #343B41;
border-color: #343B41;
color: #0c63ff;
}
.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: #007FFF;
border-color: #007FFF;
color: #ffffff;
}
.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: #343B41;
color: #343B41;
}
.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: #007FFF;
border-color: #007FFF;
color: #ffffff;
}
/* Override for tertiary button */
@media screen and (max-width:1299px) {
body.gem-home-page #hs_cos_wrapper_widget_1707839029310 img {
width: 1030px;
}
}
/* ----------------------------------------------------------------------------------- */
/* 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(29, 37, 44, 0.6);
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(29, 37, 44, 0.6);
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(29, 37, 44, 0.6);
}
::-ms-input-placeholder {
/* Microsoft Edge */
color: rgba(29, 37, 44, 0.6);
}
::placeholder {
/* Most modern browsers support this now. */
color: rgba(29, 37, 44, 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: Inter; font-style: normal; font-weight: normal; text-decoration: none;
font-size: 0.8888888888888888rem;
line-height: 1.35;
color: #1D252C;
margin: 0 0 0.3rem;
}
textarea,
select,
.form-control,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
font-family: Inter; font-style: normal; font-weight: normal; text-decoration: none;
font-size: 0.8888888888888888rem;
line-height: 1.35;
color: #1D252C;
background-color: rgba(255, 255, 255, 1.0);
min-height: 2.7777777777777777rem;
padding: 0 15px;
border: 1px solid #e5e7ea;
border-radius: 6px;
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: #1D252C;
border-color: #007FFF;
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: #1D252C;
}
[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: #007FFF;
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: #1D252C;
}
[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: #007FFF
}
[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: 100px;
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: 2.7777777777777777rem;
font-size: 0.9444444444444444rem
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: 2.7777777777777777rem;
padding: 0 1.9444444444444444rem !important;
font-size: 0.9444444444444444rem
}
.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: Refine, override and adapt Sprocket Rocket theme options and values.
Changes include but not limited to:
- Default styles refinement
- Various px to rem conversions
- Uniform value for block level element bottom margins. See block_bottom_margin declaration.
TODO
- Extended/adapt the style guide
- Potentially namespace alternate vertical rhythm for long form content (blogs)
- Review buttons
- Review forms
`localized watch command`
hs watch sr sr
ISSUES
- Process for 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 fpr better performace (potential for double 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.
CONSIDERATIONS/DISCOVERIES
- The default content styling works for the modules, but is very tight vertically for long form content.
- Def don't want to be training clients on the full usage of all these modules. Some have LOTS of options
*/
/* ----------------------------------------------------------------------------------- */
/* Non-theme variables */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* Typography */
/* ----------------------------------------------------------------------------------- */
body {
font-size: 1.0rem;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
/*
Uncomment for uniform bottom header margins, vs percentage-based.
margin-bottom: rem;
*/
}
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 {
}
.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 {
line-height: 0.8333333333333334rem;
}
ul,
ol {
padding-left: 1.25rem;
}
ul li,
ol li {
margin: 0;
padding: 0 0 1.5rem;
line-height: 1.4444444444444444;
}
ul li:last-child,
ol li:last-child {
padding-bottom: 0;
}
ul li ul,
ol li ol {
margin-top: 1.5rem;
padding-left: 1.75rem;
}
p.small, .small, small {
line-height: unset;
}
blockquote {
line-height: Infinity;
}
/* ----------------------------------------------------------------------------------- */
/* Custom Fonts */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* Mobile Typography overrides*/
/* ----------------------------------------------------------------------------------- */
@media (max-width: 767px) {
.display-1 {
font-size:;
line-height:;
}
.display-2 {
font-size:;
line-height:;
}
.display-3 {
font-size:;
line-height:;
}
.display-4 {
font-size:;
line-height:;
}
h1,
.h1 {
font-size:;
line-height:;
}
h2,
.h2 {
font-size:;
line-height:;
}
h3,
.h3 {
font-size:;
line-height:;
}
}
/* ----------------------------------------------------------------------------------- */
/* Modules */
/* ----------------------------------------------------------------------------------- */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
padding-right: px;
padding-left: px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
.col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12,
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1,
.col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-right: px;
padding-left: px;
}
.col-lg-6.top {
align-self: baseline;
}
.row {
margin-right: -px;
margin-left: -px;
}
@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 (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;
}
.dnd-module .height-small {
padding-top: 4.0rem!important;
padding-bottom: 4.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;
}
}
/* Splash / 1-pager overrides*/
.splash .sr-two-col-01.restrict .container {
max-width: 1072px;
}
/* Alter this button version */
.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 {
padding-right: 70px;
background-image: url(https://21349584.fs1.hubspotusercontent-na1.net/hubfs/21349584/_graphics/_icons/graphic-white-arrow.svg);
background-repeat: no-repeat;
background-position: center right 25px;
}
/* Alter this button version */
.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: var(--primary);
}
/* Alter this button version */
.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: #fff;
}
.bl-cards-grid-01 .btn-outline-secondary-wrapper .cta_button,
.bl-offer-one-col-01 .btn-outline-secondary-wrapper .cta_button {
min-height: unset;
height: 35px;
/* min-width: 150px; */
}
.bl-cards-grid-01 .btn-outline-secondary-wrapper .cta_button,
.bl-offer-one-col-01 .btn-outline-secondary-wrapper .cta_button,
.bl-offer-one-col-01 .hs_submit input.primary {
padding-right: 70px;
background-image: url(https://www.backlight.co/hubfs/_graphics/_icons/graphic-white-arrow.svg);
background-repeat: no-repeat;
background-position: center right 25px;
}
.sr-multicol-media .sr-valign-center {
justify-content: center;
}
/* Header/Main Nav */
@media screen and (min-width: 560px) {
.navbar-main,
.navbar-collapse{
padding: 30.5px 0!important;
}
}
#navbar-main .nav-item {
padding: 0;
margin: 0;
font-weight: 600;
line-height: 26px;
}
#navbar-main .nav-item a {
font-size: 1rem;
margin-left: 1.75rem;
border-bottom: 3px solid transparent;
}
@media screen and (min-width: 1200px) {
#navbar-main .nav-item a {
padding:0 ;
}
#navbar-main .nav-item a:hover,
#navbar-main .nav-item.active a {
border-bottom: 3px solid #F7DB3B;
text-decoration: none;
border-radius: 0;
}
}
.navbar-nav > .nav-item:not(.dropdown):after,
.navbar-nav .nav-item.active:after {
bottom: 35px !important;
background: #F7DB3B !important;
}
/* Icons */
.widget_1653333319815 .sr-col {
margin: auto;
border: 1px solid #F7DB3B;
max-width: 100%;
width: 213px;
height: 118px;
margin: 10px;
display: flex;
flex: unset;
justify-content: center;
}
.widget_1653333319815 .sr-col .content-wrapper {
display: flex;
align-self: center;
}
.widget_1653333319815 .responsive-image img {
padding: 8%;
}
.widget_1653333319815 .section-description {
max-width: 890px;
margin: auto;
}
/* Careers HP widget */
.widget_1651173193514 .col-subheading {
color: #2FB5B4 !important;
}
/* Footer */
.footer-logo img {
max-width: 164px;
}
.sr-footer-04 .menu-wrapper {
padding: 0.5rem 0 !important;
}
.sr-footer-04 .menu-wrapper .hs-menu-item {
font-weight: 600;
padding-bottom: 0;
padding-right: 0.75rem ;
}
.footer-logo-social .small {
font-weight: 400;
}
.footer-logo-social .small:not(.policies) {
font-size: 16px;
}
.footer-logo-social .small a {
text-decoration: underline;
border: none;
}
.footer-logo-social .small a:hover {
color: #007fff;
}
.footer-logo-social .social i:hover {
filter: brightness(110%);
}
/* Contact Us Form */
#contact-us label,
#contact-us .form-title {
color: #fff;
}
#contact-us label:not(.hs-error-msg),
#contact-us .form-title{
font-size: 1.8rem;
}
#contact-us label:not(.hs-error-msg) {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 34px;
}
#contact-us label.hs-error-msg {
color: #F7DB3B;
}
#contact-us .border-primary {
background-color: #151b22 !important;
border-radius: 10px;
}
#contact-us .border-primary input:not([type=submit]),
#contact-us .border-primary .input,
#contact-us .border-primary .hs-input {
background-color: #273139 !important;
border: 1px solid #273139;
border-radius: 10px;
color: #fff;
}
#contact-us .border-primary input:focus,
#contact-us .border-primary .input:focus,
#contact-us .border-primary .hs-input:focus {
border: 1px solid #007fff !important;
}
.hs_submit {
margin-top: 2rem !important;
}
@media screen and (min-width: 992px){
.sr-offer-one-col-01 .form-wrapper {
padding: 3rem 3rem !important;
}
}
/* CUSTOM Mobile styling (find a place later */
@media screen and (max-width: 767px){
p.lead, p.large {
line-height: unset;
}
.sr-multicol-media:not('.icons') .responsive-image img {
padding-top: 2rem;
}
.max-200-mobile .responsive-image img {
max-width: 200px;
}
.blog-hero-content {
padding-top: 3rem !important;
}
.widget_1651170913420 {
padding: 0 0 3rem 0 !important;
}
.navbar-brand img,
.collapse-brand img{
max-width: 217px;
}
.navbar-collapse-header .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.widget_1654186908485 .sr-padding-full {
padding-bottom: 5.555555555555555rem !important;
}
.widget_1653333319815 .sr-col {
width: 160px;
}
}
.chevron svg {
display: inline-block;
transition: .3s;
}
.chevron.chev-open svg {
transform:rotate(90deg);
transition: .3s;
}
/* Blog */
.sr-sticky-breadcrumb,
.sr-sticky-breadcrumb-categories{
background-color: #000 !important;
}
/*Contact Page */
.submitted-message {
color: #fff;
}
/* BLOG */
.articles-list {
background-color: #1d252c;
}
/* Team Memberssection */
.team-members .sr-repeater-1 {
padding-bottom:1.3888888888888888rem;
margin-bottom:1.3888888888888888rem;
}
.linkedin__link {
display: flex;
height: 1.9rem;
width: 1.9rem;
background: #ffffff;
background: #007fff;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: auto;
}
.linkedin__link span {
display: flex;
align-items: center;
justify-self: center;
}
.linkedin__link svg,
.linkedin__link g {
fill: #FFFFFF;
height: 1rem;
width: 1rem;
}
/*
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 {
border-radius: 10px;
}
.meet-team-button .btn-wrapper {
margin-top: -4rem;
}
/* Business Units */
.widget_1653327133210 .row.sr-spacer-top-50 {
padding: 0;
}
.wbev h1 {
color: #007FFF !important;
}
@media screen and (min-width: 767px){
.wildmoka .sr-col {
padding: 0;
}
}
@media screen and (max-width: 767px){
.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 {
}
}
.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"] {
appearance: unset !important;
}