/* 1a. Containers */
/* 1b. Colors */
/* 1c. Typography */
/* 1d. Buttons */
/* 1e. Forms */
/* 1f. Icons */
/* 1g. Cards */
/* 1h. Tables */
/* 1i. Website header */
/* 1j. Website footer */
:root{
--maxWidth: 1400px;
--maximum_content_width: 1400px;
--primaryColor: #ba122b;
--secondaryColor: #ffffff;
--bodyBgColor: #ffffff;
--accentColorOne: #102d7b;
--accentColorTwo: #3d444e;
--accentColorThree: #f1f7fc;
--primaryColorRGB: 186, 18, 43;
--secondaryColorRGB: 255, 255, 255;
--bodyBgColorRGB: 255, 255, 255;
--accentColorOneRGB: 16, 45, 123;
--accentColorTwoRGB: 61, 68, 78;
--accentColorThreeRGB: 241, 247, 252;
--darkFontColorRGB : 255, 255, 255;
--darkBgColorRGB : 186, 18, 43;
--lightFontColorRGB : 61, 68, 78;
--lightBgColorRGB : 255, 255, 255;
--heaaderBackgrounInicial:
rgba(255, 255, 255, 0.0)
;
--anchorColor: #ba122b;
--anchorHoverColor: #3d444e;
--darkBgColor:
rgba(186, 18, 43, 1.0)
;
--darkBgColorAlt:
rgba(2, 24, 48, 1.0)
;
--darkFontColor: #ffffff;
--lightBgColor:
rgba(255, 255, 255, 1.0)
;
--lightFontColor: #3d444e;
--factorMobile: 1.2;
--fontSize: 16px;
--lineHeight: 1.5;
--letterSpacing: 0px;
--cornerRadius: 6px;
--cornerRadiusImage: 6px;
--fontHeroSizeH1: 82px;
--lineHeroHeightH1: 1.2;
--letterHeroSpacingH1: 0px;
--fontSizeH1: 52px;
--lineHeightH1: 1.2;
--letterSpacingH1: 0px;
--fontSizeH2: 42px;
--lineHeightH2: 1.0;
--letterSpacingH2: 0px;
--fontSizeH3: 30px;
--lineHeightH3: 1.2;
--letterSpacingH3: 0px;
--fontSizeH4: 25px;
--lineHeightH4: 1.2;
--letterSpacingH4: 0px;
--fontSizeH5: 20px;
--lineHeightH5: 1.2;
--letterSpacingH5: 0px;
--fontSizeH6: 16px;
--lineHeightH6: 1.2;
--letterSpacingH6: 0px;
--fontSizeMbH1: 43.333333333333336px;
--fontHeroSizeMbH1: 68.33333333333334px;
}
.body-wrapper > div:first-child{
display:flex;
}
/* Drag and drop layout styles */
.dnd-section {
padding: 80px 20px;
position: relative;
z-index: 1;
}
.hs-inline-edit .dnd_area-row-0-padding{
padding:0;
}
header .dnd-section {
padding:0;
}
.header.no-nav{
display: flex;
width: 100%;
flex-direction: column;
}
/* Padding on blog post sections */
.blog-post-section {
padding: 80px 0;
}
@media (max-width: 767px){
.dnd-section {
padding: 45px 20px;
}
.blog-post-section {
padding: 45px 0;
}
}
/* .content-wrapper is used for blog post and system templates and .header-wrapper is used for the website header module */
.dnd-section > .row-fluid,
.content-wrapper{
max-width: 1400px;
}
[class*="full-width-section"] > .row-fluid{
max-width: none;
}
.page-center {
max-width: calc(1400px - 50px);
padding:0 25px;
margin:auto;
}
html {
font-size: 16px;
}
body {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
background-color: #ffffff;
color: #000000;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing:grayscale;
}
/* Paragraphs */
p {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
}
/* Anchors */
a {
text-decoration:none;
font-weight: 700; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-style: normal;
color: #ba122b;
}
a:hover,
a:focus {
text-decoration:none;
font-weight: 700; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-style: normal;
color: #3d444e;
}
a:active {
text-decoration:none;
font-weight: 700; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-style: normal;
color: #8d949e;
}
/* Headings */
.h1,
h1 {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: 700; text-decoration: none;
color: #FFFFFF;
font-size: 52px;
text-transform: none;
line-height: 1.2;
letter-spacing: 0px;
}
.h2,
h2 {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: normal; text-decoration: none;
color: #000000;
font-size: 42px;
text-transform: none;
line-height: 1.0;
letter-spacing: 0px;
}
.h3,
h3 {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #000000;
font-size: 30px;
text-transform: none;
line-height: 1.2;
letter-spacing: 0px;
}
.h4,
h4 {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #000000;
font-size: 25px;
text-transform: none;
line-height: 1.2;
letter-spacing: 0px;
}
.h5,
h5 {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #000000;
font-size: 20px;
text-transform: none;
line-height: 1.2;
letter-spacing: 0px;
}
.h6,
h6 {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #000000;
font-size: 16px;
text-transform: none;
line-height: 1.2;
letter-spacing: 0px;
}
.h1_hero,
h1.hero__banner__content-title-el,
h1.hero__angled__content-title-el,
h1.fn__typed__title,
h1.fn__newsletter__text-tit{
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: normal; text-decoration: none;
font-size: 82px;
text-transform: none;
line-height: 1.2;
letter-spacing: 0px;
}
@media (max-width: 768px) {
:root {
--global-h1-size: clamp(42px, calc(9 / 80 * 100vw), 52px);
--global-h2-size: clamp(34px, calc(9 / 80 * 100vw), 42px);
--global-h3-size: clamp(27px, calc(9 / 80 * 100vw), 30px);
--global-h4-size: clamp(21px, calc(9 / 80 * 100vw), 25px);
--global-h5-size: clamp(17px, calc(9 / 80 * 100vw), 20px);
--global-h6-size: clamp(14px, calc(9 / 80 * 100vw), 16px);
}
h1 {
font-size: 34.666666666666664px;
--font-size: var(--global-h1-size);
font-size: var(--font-size);
}
h2 {
font-size: 28.0px;
/* JENNI HID --font-size: var(--global-h2-size);
font-size: var(--font-size); */
}
h3 {
font-size: 20.0px;
/* JENNI HID --font-size: var(--global-h3-size);
font-size: var(--font-size); */
}
h1.hero__banner__content-title-el,
h1.hero__angled__content-title-el,
h1.fn__typed__title,
h1.fn__newsletter__text-tit{
font-size: 54.666666666666664px;
--font-size: var(--global-h1-size);
font-size: var(--font-size);
}
}
/* Blockquotes */
blockquote,
blockquote p {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
border-left-color: #ffffff;
color: #3d444e;
font-size: 20px;
line-height: 1.2;
letter-spacing: 0px;
}
blockquote p {
margin:0;
}
blockquote > footer {
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
}
/* List style */
li::marker{
color:
rgba(186, 18, 43, 1.0)
}
li{
line-height: 1.5;
letter-spacing: 0px;
}
/* Horizontal rules */
hr {
border-bottom-color: #3d444e;
}
/* Video */
.hs-video-container{
border-radius: var(--cornerRadius);
overflow: hidden;
}
/* Primary button */
:root {
--inset-top: 0;
--inset-right: 0;
--inset-bottom: 100%;
--inset-left: 0;
}
button,
.button,
.hs-button {
border: 1px solid #BA122B;
padding-top: 10px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
border-radius: 50px;
color: #FFFFFF;
background-color:
rgba(186, 18, 43, 1.0)
;
fill: #FFFFFF;
font-size: 15px;
text-transform: uppercase;
position:relative;
}
button:focus,
button:active,
.button:focus,
.button:active,
.hs-button:focus,
.hs-button:active {
border: 1px solid #BA122B;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(255, 255, 255, 1.0)
;
color: #ba122b;
fill: #ba122b;
}
button:hover,
.button:hover,
.hs-button:hover{
border: 1px solid #BA122B;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #ba122b;
fill: #ba122b;
}
button:before,
.button:before,
.hs-button:before{
content: "";
position: absolute;
left: -1px;
top: 0;
width: 102%;
height: 102%;
background-color:
rgba(255, 255, 255, 1.0)
;
-webkit-clip-path: inset(var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left));
clip-path: inset(var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left));
transition: 0.3s linear;
z-index:-1;
}
button:hover:before,
.button:hover:before,
.hs-button:hover:before{
--inset-top: 0;
--inset-right: 0;
--inset-bottom: 0;
--inset-left: 0;
-webkit-clip-path: inset(var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left));
clip-path: inset(var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left));
}
button:active,
.button:active,
.hs-button:active {
border: 1px solid #BA122B;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(255, 255, 255, 100);
border-color: #ff627b;
color: #ba122b;
fill: #ba122b;
}
/* Secondary button */
.button.button--secondary {
border: 1px solid #BA122B;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
border-radius: 50px;
background-color:
rgba(255, 255, 255, 1.0)
;
color: #3d444e;
fill: #3d444e;
text-transform: uppercase;
overflow:hidden;
}
.button.button--secondary:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color:
rgba(186, 18, 43, 1.0)
;
-webkit-clip-path: inset(var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left));
clip-path: inset(var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left));
transition: 0.3s linear;
z-index:-1;
}
.button.button--secondary:hover:before,
.button.button--secondary:focus:before{
--inset-top: 0;
--inset-right: 0;
--inset-bottom: 0;
--inset-left: 0;
-webkit-clip-path: inset(var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left));
clip-path: inset(var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left));
}
.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
border: 1px solid #BA122B;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #ffffff;
fill: #ffffff;
}
.button.button--secondary:focus,
.button.button--secondary:active {
border: 1px solid #BA122B;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #ffffff;
fill: #ffffff;
background-color:
rgba(186, 18, 43, 1.0)
;
}
.button.button--secondary:active {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(255, 98, 123, 100);
border: 1px solid #BA122B;
border-color: #ff627b;
color: #ffffff;
fill: #ffffff;
}
/* Simple button */
.button.button--simple {
font-weight: 700; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-style: normal;
color: #ba122b;
fill: #ba122b;
}
.button.button--simple:after,.button.button--simple:before {
background-color:transparent;
}
.button.button--simple:hover,
.button.button--simple:focus {
font-weight: 700; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-style: normal;
color: #3d444e;
fill: #3d444e;
}
.button.button--simple:active {
font-weight: 700; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-style: normal;
color: #8d949e;
fill: #8d949e;
}
/* Button sizing */
.button.button--small {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
font-size: 15px;
}
.button.button--large {
padding-top: 15px;
padding-right: 60px;
padding-bottom: 15px;
padding-left: 60px;
font-size: 18px;
}
/* Form */
.hs_cos_wrapper_type_form {
border: 1px none #ffffff;
padding: 35px;
background-color:
rgba(255, 255, 255, 1.0)
;
border-radius: 6px;
display: flex;
flex-direction: column;
}
/* Form title */
.form-title {
border: 1px none #ffffff;
padding-bottom: 15px;
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(255, 255, 255, 0.0)
;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
color: #ffffff;
font-size: 30px;
text-transform: none;
}
.form-title:empty {
display:none;
}
/* Labels */
form label {
padding: 0px;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
color: #000000;
font-size: 16px;
}
/* Help text */
form legend {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
color: #000000;
font-size: 14px;
}
/* Form fields */
form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form select,
form textarea {
border: 1px solid #ffffff;
padding: 10px;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
background-color:
rgba(255, 255, 255, 1.0)
;
border-radius: 6px;
color: #000000;
font-size: 16px;
}
/* Form fields - placeholders */
::-webkit-input-placeholder {
color: #ffffff;
}
::-moz-placeholder {
color: #ffffff;
}
:-ms-input-placeholder {
color: #ffffff;
}
:-moz-placeholder {
color: #ffffff;
}
::placeholder {
color: #ffffff;
}
/* Form fields - date picker */
form .hs-dateinput:before {
right: 10px;
}
form .pika-table thead th {
background-color:
rgba(186, 18, 43, 1.0)
;
color: #ffffff;
}
form td.is-today .pika-button {
color: #000000;
}
form .is-selected .pika-button {
background-color: #ffffff;
color: #000000;
}
form .pika-button:hover {
background-color: #ba122b !important;
}
/* Headings and text */
form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
color: #000000;
}
/* GDPR */
form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
color: #000000;
font-size: 14px;
}
/* Submit button */
form input[type='submit'],
form .hs-button {
border: 1px solid #BA122B;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(186, 18, 43, 1.0)
;
border-radius: 50px;
color: #FFFFFF;
text-transform: uppercase;
}
form input[type='submit']:hover,
form input[type='submit']:focus,
form .hs-button:hover,
form .hs-button:focus {
border: 1px solid #BA122B;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color:
rgba(255, 255, 255, 1.0)
;
color: #ba122b;
}
form input[type='submit']:active,
form .hs-button:active {
border: 1px solid #BA122B;
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
background-color: rgba(255, 255, 255, 100);
border-color: #ff627b;
color: #ba122b;
}
form input[type='submit'],
form .hs-button {
padding-top: 10px;
padding-right: 45px;
padding-bottom: 10px;
padding-left: 45px;
font-size: 15px;
}
/* Inline thank you message */
.submitted-message {
border: 1px none #ffffff;
padding: 35px;
background-color:
rgba(255, 255, 255, 1.0)
;
border-radius: 6px;
}
/* Ocean Style */
form input[type='checkbox'], form input[type='radio'] {
--active: #ffffff;
--focus: 2px
rgba(255, 255, 255, 0.3)
;
--border: #bbc1e1;
--border-hover: #ffffff;
--background: #fff;
--disabled: #f6f8ff;
--disabled-inner: #e1e6f9;
}
/* Default icon (regular/dark) */
.icon {
padding: 15px;
background-color:
rgba(186, 18, 43, 1.0)
;
box-shadow: 5px 10px 10px
rgba(0, 0, 0, 0.05)
;
}
.icon svg,
.icon img{
fill: #ffffff;
height: 16px;
width: 16px;
}
/* Light icon */
.icon--light .icon {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.icon--light svg {
fill: #ba122b;
}
/* Size */
.icon--small {
padding: 10px;
}
.icon--small svg {
height: 12px;
width: 12px;
}
.icon--large {
padding: 25px;
}
.icon--large svg {
height: 24px;
width: 24px;
}
/* Table */
table {
border: 1px solid #3d444e;
background-color:
rgba(255, 255, 255, 1.0)
;
box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
border-radius: 6px;
width: 100%;
overflow: hidden;
}
/* Table cells */
th,
td {
border: 1px solid #3d444e;
padding: 10px;
color: #000000;
}
/* Table header */
thead th,
thead td {
background-color:
rgba(186, 18, 43, 1.0)
;
color: #ffffff;
}
/* Table footer */
tfoot th,
tfoot td {
background-color:
rgba(255, 255, 255, 1.0)
;
color: #000000;
}
/* Header container */
.header {
position:relative;
z-index:2;
}
.header.fixed{
position: fixed;
width: 100%;
background: #fff;
}
/* Header top bar */
.header__top {
background-color: ;
}
/* Initial color */
.sticky-trans .header__language-switcher-current-label>span,
.sticky-trans .world svg path,
.sticky-trans:not(.header__bckwhite)
.header__menu--desktop .header__menu-item--depth-1
.header__menu-child-toggle svg,
.sticky-trans:not(.header__bckwhite) .header__menu--desktop .header__menu-item--depth-1>.header__menu-link:not(.button),
.sticky-trans:not(.header__bckwhite) .header__menu-toggle svg,
.sticky-trans:not(.header__bckwhite) .search__button svg{
color:
rgba(255, 255, 255, 1)
;
fill:
rgba(255, 255, 255, 1)
;
}
/* Language switcher */
.header__language-switcher-current-label > span {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #000000;
font-size: 15px;
text-transform: uppercase;
}
.header__language-switcher:hover .header__language-switcher-current-label > span,
.header__language-switcher:focus .header__language-switcher-current-label > span {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #1161D5;
}
.header__language-switcher-child-toggle svg {
fill: #000000;
}
.header__language-switcher:hover .world svg path{
fill: var(--accentColorTwo);
}
/* Language switcher - submenu */
.header__language-switcher .lang_list_class {
/* border-color: #3d444e; */
}
.header__language-switcher .lang_list_class li {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header__language-switcher .lang_list_class a:not(.button) {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #000000;
font-size: 15px;
text-transform: uppercase;
}
.header__language-switcher .lang_list_class a:hover,
.header__language-switcher .lang_list_class a:focus {
background-color:
rgba(255, 255, 255, 1.0)
;
color: #000000;
}
.header__language-switcher .lang_list_class a:active {
background-color:
rgba(255, 255, 255, 1.0)
;
}
/* Header bottom */
.header__bottom {
background-color:
rgba(255, 255, 255, 1.0)
;
padding:0 20px;
}
/* Logo */
.header__logo-company-name {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: 700; text-decoration: none;
color: #FFFFFF;
font-size: 52px;
text-transform: none;
}
/* Header Landing */
.header_lading .dnd-section > .row-fluid {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.header_lading .dnd-section .button.fn__button__one{
padding: 10px 18px;
}
.header__bottom {
padding:10px 20px;
}
}
.header_lading .widget-type-logo,
.header_lading .widget-type-logo *{
display:flex;
}
.header_lading .widget-type-logo img{
margin:0;
}
/* Menu */
@media (max-width: 768px) {
.header__menu--mobile {
background-color:
rgba(255, 255, 255, 1.0)
;
}
}
/* Menu items */
.header__menu-link,
.inner__menu ul li a {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
font-size: 15px;
text-transform: none;
}
@media (max-width: 768px) {
.header__menu-item--depth-1 {
border-top: 1px solid #e7e7e7;
}
}
/* Menu items - top level */
.header__menu-item--depth-1 > .header__menu-link:not(.button),.inner__menu ul li a {
color: #000000;
}
.header__menu-item--depth-1 > .header__menu-link:hover,
.sticky-trans:not(.header__bckwhite) .header__menu--desktop .header__menu-item--depth-1>.header__menu-link:not(.button):hover,
.sticky-trans:not(.header__bckwhite) .header__menu--desktop .header__menu-item--depth-1:hover>.header__menu-link:not(.button),
.sticky-trans:not(.header__bckwhite) .header__menu--desktop .header__menu-item--depth-1:hover .header__menu-child-toggle svg,
.sticky-trans .header__menu-item--depth-1:hover>.header__menu-link:not(.button),
.header__menu-item--depth-1 > .header__menu-link:focus {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #000000;
fill: #000000;
}
.header__menu-item--depth-1:hover > .header__menu-child-toggle svg,.header__menu-item--depth-1:hover > .header__menu-link--toggle {
fill:#000000;
color:#000000;
}
.header__menu-item--depth-1 > .header__menu-link:active {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #505050;
}
.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #000000;
}
.header__menu-item--depth-1 .header__menu-child-toggle svg {
fill: #000000;
}
/* Menu items - submenus */
.header__menu-submenu,.mega__menu .mega__menu_container {
background-color:
rgba(255, 255, 255, 1.0)
;
border-color: #3d444e;
}
.header__menu-submenu .header__menu-link:not(.button) {
color: #000000;
}
.header__menu-submenu .header__menu-item:hover,
.header__menu-submenu .header__menu-item:focus {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header__menu-submenu .header__menu-link:hover,
.header__menu-submenu .header__menu-link:focus {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
color: #000000;
}
.header__menu-submenu .header__menu-link:active {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header__menu-submenu .header__menu-link--active-link:not(.button) {
color: #000000;
background-color:
rgba(255, 255, 255, 1.0)
;
}
/* Menu icons */
.header__menu-toggle svg {
fill: #000000;
}
.search__button svg{
fill: #000000;
}
.world svg path{
fill: #000000;
}
/* Footer container */
.footer {
background-color:
rgba(61, 68, 78, 1.0)
;
}
/* Footer content color */
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote,
.footer .tabs__tab,
.footer .tabs__tab:hover,
.footer .tabs__tab:focus,
.footer .tabs__tab:active {
color: #ffffff;
}
.footer hr {
border-bottom-color: #ffffff !important;
}
.footer.lp .footer__legal{
justify-content: center;
}
/* Footer menu */
.footer .hs-menu-wrapper a {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
color: #ffffff;
font-size: 16px;
text-transform: none;
}
.footer .hs-menu-wrapper.hs-menu-flow-vertical li.hs-menu-depth-1>a,
.footer .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1>a{
display: block;
font-weight: 700;
padding-bottom: 0;
text-transform: none;
}
.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
color: #ffffff;
}
.footer .hs-menu-wrapper a:active {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
color: #ffffff;
}
.footer .hs-menu-wrapper .active > a {
font-weight: bold; text-decoration: underline; font-family: 'Source Sans Pro', sans-serif; font-style: normal;
color: #ffffff;
}
.footer .footer__legal{
display: flex;
font-size: 14px;
margin-top: 45px;
margin-left: auto;
margin-right: auto;
justify-content: center;
}
.footer .footer__legal ul{
margin:0;
padding:0;
}
.footer .footer__legal_copy,
.footer__legal .footer__legal_menu li{
display: inline-block;
width: auto;
flex: none;
margin:0;
padding:0;
}
.footer .footer__legal .footer__legal_menu li>a{
font-weight: 400;
padding: 0;
text-transform: none;
display: inline-block;
font-size: 14px;
}
.footer__legal .footer__legal_copy:not(:last-child):after, .footer__legal .footer__legal_menu li:not(:last-child):after {
content: '|';
padding-right: 15px;
padding-left: 15px;
}
.footer .social-follow {
grid-gap: 3px;
}
.footer .social-follow__link svg path {
fill:
rgba(61, 68, 78, 1.0)
;
color:
rgba(61, 68, 78, 1.0)
;
}
.footer .social-follow__link:hover svg path {
fill: #fff;
}
.footer .social-follow__icon{
background-color:
rgba(255, 255, 255, 1.0)
;
}
.footer .social-follow__icon:hover{
background-color:
rgba(255, 255, 255, 1.0)
;
}
.footer .social-follow__link:hover svg,
.footer .social-follow__link:hover svg path{
fill:
rgba(186, 18, 43, 1.0)
;
color:
rgba(186, 18, 43, 1.0)
;
}
.footer .fn__newsletter__text-tit {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
max-width: 100%;
line-height: 1.5;
}
.footer .fn__newsletter__wrapper{
padding: 0 0 !important;
}
.footer .fn__newsletter__form{
padding: 0 0 8px;
width: 100%;
}
@media (max-width: 767px){
.footer .footer__legal {
margin-top: 40px;
flex-direction: column;
}
.footer .footer__legal .footer__legal_menu ul {
flex-direction: row;
justify-content: center;
grid-gap: 0;
text-align: center;
margin: 15px 0 0;
}
.footer__legal .footer__legal_copy:not(:last-child):after{
display: none;
}
.footer .footer__legal_copy, .footer__legal .footer__legal_menu li {
text-align:center;
}
.footer .fn__newsletter__wrapper {
padding: 25px 10px 0 0 !important;
}
.footer .fn__newsletter__form {
padding: 0 0 15px 0 !important;
margin: auto!important;
}
}
/* Dark card */
.card--dark {
background-color:
rgba(186, 18, 43, 1.0)
;
border-radius: 6px;
color: #ffffff;
}
.card--dark summary,
.card--dark p,
.card--dark h1,
.card--dark h2,
.card--dark h3,
.card--dark h4,
.card--dark h5,
.card--dark h6,
.card--dark a:not(.button),
.card--dark span,
.card--dark div,
.card--dark li,
.card--dark blockquote {
color: #ffffff;
}
.card--dark h1,
.card--dark h2,
.card--dark h3,
.card--dark h4,
.card--dark h5,
.card--dark h6{
margin: 0 0 20px 0;
padding:0;
}
/* Light card */
.card--light {
border-radius: 6px;
color: #3d444e;
}
.card--light summary,
.card--light p,
.card--light h1,
.card--light h2,
.card--light h3,
.card--light h4,
.card--light h5,
.card--light h6,
.card--light a:not(.button),
.card--light span,
.card--light div,
.card--light li,
.card--light blockquote {
}
.card--light h1,
.card--light h2,
.card--light h3,
.card--light h4,
.card--light h5,
.card--light h6{
margin: 0 0 20px 0;
padding:0;
}
/* Dark card */
.block--dark {
display:flex;
background-color:
rgba(186, 18, 43, 1.0)
;
color: #ffffff;
}
.block--light {
display:flex;
background-color:
rgba(255, 255, 255, 1.0)
;
color: #3d444e;
}
@media (max-width: 767px){
.block--dark {
display: block;
}
}
.block--dark summary,
.block--dark a:not(.button),
.block--dark .button.button--simple,
.block--dark p,
.block--dark h1,
.block--dark h2,
.block--dark h3,
.block--dark h4,
.block--dark h5,
.block--dark h6,
.block--dark a:not(.button),
.block--dark span,
.block--dark div,
.block--dark li,
.block--dark blockquote {
color: #ffffff;
fill: #ffffff;
}
.block--light summary,
.block--light a:not(.button),
.block--light .button.button--simple,
.block--light p,
.block--light h1,
.block--light h2,
.block--light h3,
.block--light h4,
.block--light h5,
.block--light h6,
.block--light a:not(.button),
.block--light span,
.block--light div,
.block--light li,
.block--light blockquote {
color: #3d444e;
fill: #3d444e;
}
@media (max-width: 767px){
.fn__row__wrapper .block--dark .fn__row__text-h,
font-size:40px;
}
}
/* Error templates */
.error-page:before {
font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
}
/* System templates */
#email-prefs-form,
#email-prefs-form h1,
#email-prefs-form h2 {
color: #000000;
}
/* Search template */
.hs-search-results__title {
font-size: 30px;
}
/* Backup unsubscribe template */
.backup-unsubscribe input[type='email'] {
font-size: 16px !important;
padding: padding: 10px;
!important;
}
/* Accordion */
.accordion__summary,
.accordion__summary:before {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: 600; text-decoration: none;
font-size: 25px;
}
.card--dark .accordion__summary:before {
color: #ffffff;
}
.card--light .accordion__summary:before {
color: #3d444e;
}
/* Blog listing, recent posts, related posts, and blog post */
.blog-listing__post-title {
text-transform: none;
}
.blog-listing__post-title-link {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: normal; text-decoration: none;
color: #000000;
}
.blog-listing__post-title-link:hover,
.blog-listing__post-title-link:focus {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: normal; text-decoration: none;
color: #000000;
}
.blog-listing__post-title-link:active {
font-family: 'Source Sans Pro', serif; font-style: normal; font-weight: normal; text-decoration: none;
color: #505050;
}
.blog-listing__post-tag {
color: #000000;
}
.blog-listing__post-tag:hover,
.blog-listing__post-tag:focus {
color: #000000;
}
.blog-listing__post-tag:active {
color: #505050;
}
.blog-listing__post-author-name,
.blog-post__author-name {
color: #000000;
}
.blog-listing__post-author-name :hover,
.blog-listing__post-author-name :focus,
.blog-post__author-name:hover,
.blog-post__author-name:focus {
color: #000000;
}
.blog-listing__post-author-name :active,
.blog-post__author-name:active {
color: #505050;
}
/* Image gallery */
.image-gallery__close-button-icon:hover,
.image-gallery__close-button-icon:focus {
background-color: rgba(106, 0, 0, 1.0);
}
.image-gallery__close-button-icon:active {
background-color: rgba(255, 98, 123, 1.0);
}
.icon--light .image-gallery__close-button-icon:hover,
.icon--light .image-gallery__close-button-icon:focus {
background-color: rgba(175, 175, 175, 1.0);
}
.icon--light .image-gallery__close-button-icon:active {
background-color: rgba(255, 255, 255, 1.0);
}
/* Pagination */
.pagination__link-icon svg {
fill: #ba122b;
height: 16px;
width: 16px;
}
.pagination__link:hover .pagination__link-icon svg,
.pagination__link:focus .pagination__link-icon svg {
fill: #3d444e;
}
.pagination__link:active .pagination__link-icon svg {
fill: #ff627b;
}
.pagination__link--active {
border-color: #3d444e
}
/* Pricing card */
.pricing-card__heading {
background-color: #ba122b;
}
/* Social follow and social sharing */
.social-follow__icon:hover,
.social-follow__icon:focus,
.social-sharing__icon:hover,
.social-sharing__icon:focus {
background-color: rgba(106, 0, 0, 1.0);
}
.social-follow__icon:active,
.social-sharing__icon:active {
background-color: rgba(255, 98, 123, 1.0);
}
.icon--light .social-follow__icon:hover,
.icon--light .social-follow__icon:focus,
.icon--light .social-sharing__icon:hover,
.icon--light .social-sharing__icon:focus {
background-color: rgba(175, 175, 175, 1.0);
}
.icon--light .social-follow__icon:active,
.icon--light .social-sharing__icon:active {
background-color: rgba(255, 255, 255, 1.0);
}
/* Tabs */
.tabs__tab,
.tabs__tab:hover,
.tabs__tab:focus,
.tabs__tab:active {
border-color: #000000;
color: #000000;
}
.hs-search-field__bar {
overflow: hidden;
}