/* Forms */
/* Buttons */
.content-wrapper {
max-width: 1280px;
}
.dnd-section {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 767px) {
.dnd-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
.dnd-section > .row-fluid {
max-width: 1280px;
}
.body-container-wrapper {
background-color: rgba(255, 255, 255, 1.0);
}
.body-container .dnd-section:nth-child(odd) {
background-color: rgba(247, 247, 247, 1.0);
}
html {
font-size: 18px;
}
body {
color: #454545;
font-family: ;
font-weight: 100;
font-size: 18px;
}
a {
color: #0f8f9b;
}
a:hover,
a:focus {
color: #006773;
}
a:active {
color: #37b7c3;
}
h1 {
color: #113552;
font-family: Castoro;
font-size: 52px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
@media(max-width: 1150px) {
h1 {
font-size: 44.199999999999996px;
}
}
h2 {
color: #113552;
font-family: Nunito Sans;
font-size: 32px;
font-style: normal;
font-weight: 900;
text-decoration: none;
}
@media(max-width: 1150px) {
h2 {
font-size: 27.2px;
}
}
h3 {
color: #113552;
font-family: Castoro;
font-size: 38px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
@media(max-width: 1150px) {
h3 {
font-size: 32.3px;
}
}
h4 {
color: #0f8f9b;
font-family: Oswald;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
@media(max-width: 1150px) {
h4 {
font-size: 20.4px;
}
}
h5 {
color: #454545;
font-family: Caveat;
font-size: 42px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
h6 {
color: #0f8f9b;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-decoration: none;
background-color: #0f8f9b;
display: table;
padding: 3px 10px 3px 10px;
}
h6 a {
color: #fff !important;
}
blockquote {
border-left: 10px solid #F7F7F7;;
}
.hs-accordion__item button {
color: #000000 !important;
border-bottom-color: #000000 !important;
font-family: 'Nunito Sans' !important;
font-size: larger !important;
}
.form--style-1 form {
padding: 40px;
background: #FFFFFF;
}
@media (min-width: 1150px) {
.form--style-1 {
margin-left: 0px;
}
}
@media (max-width: 1150px) {
.form--style-1 form {
padding: 20px;
}
}
@media (max-width: 1150px) {
.form--style-1 form {
padding: 20px;
}
}
.form--style-1 h3 {
color: rgba(69, 69, 69, 1.0);
padding: 20px;
font-size: 30px;
font-weight: 700;
text-align: center;
margin-bottom: 0;
background-color: rgba(255, 255, 255, 1.0);
}
form,
.submitted-message {
border-color: rgba(247, 247, 247, 1.0) ;
font-family: Roboto;
}
/* Form Submit Button Styles */
form input[type=submit],
form .hs-button {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
background-color:
rgba(255, 255, 255, 0.0)
;
border: 2px solid #33a8a9;
border-radius: 50px;
color: #33a8a9;
fill: #33a8a9;
padding: 16px 46px;
text-transform: none;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
background-color:
rgba(51, 168, 169, 1.0)
;
border: 2px solid #33a8a9;
color: #FFFFFF;
}
form input[type=submit]:active,
form .hs-button:active {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
background-color: rgba(131, 248, 249, 100);
border: 2px solid #33a8a9;
border-color: #83f8f9;
}
form input[type=submit],
form .hs-button {
font-size: 16px;
padding: 16px 46px;
}
/* Primary Button */
button,
.button {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
background-color:
rgba(255, 255, 255, 0.0)
;
border: 2px solid #33a8a9;
border-radius: 50px;
color: #33a8a9;
fill: #33a8a9;
font-size: 16px;
padding: 16px 46px;
text-transform: none;
}
button:disabled,
.button:disabled {
background-color: ;
color: ;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
button:active,
.button:active {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
background-color:
rgba(51, 168, 169, 1.0)
;
border: 2px solid #33a8a9;
color: #FFFFFF;
fill: #FFFFFF;
}
button:active,
.button:active {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
background-color: rgba(131, 248, 249, 100);
background-color: #83f8f9;
border: 2px solid #33a8a9;
border-color: #83f8f9;
}
/* Secondary Button */
.button.button--secondary {
font-family: Roboto, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
background-color:
rgba(51, 168, 169, 1.0)
;
border: 2px none #1E90FF;
border-radius: 50px;
color: #FFFFFF;
fill: #FFFFFF;
padding: 16px 46px;
text-transform: none;
}
.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
font-family: Roboto, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
background-color:
rgba(37, 134, 136, 1.0)
;
border: 2px none #33a8a9;
color: #FFFFFF;
fill: #FFFFFF;
}
.button.button--secondary:active {
font-family: Roboto, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
background-color: rgba(117, 214, 216, 100);
border: 2px none #33a8a9;
border-color: #83f8f9;
color: #ffffff;
fill: #ffffff;
}
/* Simple Button */
.button.button--simple {
font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
color: #FFFFFF !important;
fill: #FFFFFF !important;
text-transform: none;
}
.button.button--simple:after {
content: none;
}
.button.button--simple:hover,
.button.button--simple:focus {
font-family: Roboto, sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
border: none;
color: #FFFFFF !important;
fill: #FFFFFF !important;
}
.button.button--simple:hover:after,
.button.button--simple:focus:after,
.button.button--simple:active:after {
content: none;
}
.button.button--simple:active {
font-family: Roboto, sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
border: none;
color: #ffffff;
fill: #ffffff;
}
/* Button Sizing */
.button.button--small {
font-size: 14px;
padding: 18px 40px;
}
.button.button--large {
font-size: 16px;
padding: 10px 21px;
}
form label {
color: rgba(69, 69, 69, 1.0);
}
form legend {
color: rgba(69, 69, 69, 1.0);
}
form input,
form .hs-input,
form select,
form textarea {
border-color: rgba(231, 234, 243);
color: #454545;
}
form input:focus,
form .hs-input:focus,
form select:focus,
form textarea:focus {
border-color: rgba(69, 69, 69, 1.0);
}
.fn-date-picker .pika-table thead th {
color: rgba(255, 255, 255, 0.0);
}
.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
color: #454545;
}
.hs-richtext {
font-size: 18px;
}
.hs-default-font-element,
.hs-main-font-element {
font-family: Roboto;
}
.fn-date-picker td.is-today .pika-button {
color: #454545;
}
.fn-date-picker td.is-selected .pika-button {
background: #1E90FF;
}
.fn-date-picker td .pika-button:hover {
background-color: #1E90FF !important;
}
th,
td {
background-color: rgba(255, 255, 255, 1.0);
border: 1px solid rgba(69, 69, 69, 1.0);
color: rgba(69, 69, 69, 1.0);
}
thead th,
thead td {
background-color: rgba(69, 69, 69, 1.0);
color: rgba(255, 255, 255, 1.0);
}
tfoot td {
background-color: rgba(255, 255, 255, 1.0);
color: rgba(69, 69, 69, 1.0);
}
table,
tbody + tbody {
border-color: rgba(69, 69, 69, 1.0);
}
.header {
background-color: rgba(255, 255, 255, 1.0);
}
.header__container {
max-width: 1280px;
padding-top: 20px;
padding-bottom: 20px;
}
body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
color: rgba(69, 69, 69, 1.0);
}
body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
color: rgba(29, 29, 29, 1.0);
}
body .navigation-primary a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
color: rgba(109, 109, 109, 1.0);
}
body .navigation-primary .submenu.level-1 > li > a.active-item:after {
background-color: #454545;
}
body .submenu.level-1,
body .submenu.level-2,
body .header__language-switcher .lang_list_class,
.header__cta--mobile {
background-color: rgba(255, 255, 255, 1.0);
}
body .submenu.level-2 {
box-shadow: 0 2px 9px 0 rgba(69, 69, 69, 0.2);
-webkit-box-shadow: 0 2px 9px 0 rgba(69, 69, 69, 0.2);
}
body .submenu.level-2 > li:last-of-type {
border-bottom: none;
}
.header__language-switcher .lang_list_class:after, .lang_list_class:before {
display: none !important;
}
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
font-family: Roboto;
}
.header__language-switcher--toggle:before {
color: rgba(69, 69, 69, 1.0);
}
.header__language-switcher-label-current:after {
border-top-color: rgba(69, 69, 69, 1.0);
}
body .header__navigation--toggle {
display: none;
color: rgba(69, 69, 69, 1.0);
}
.header__navigation.open {
background-color: rgba(255, 255, 255, 1.0);
}
body .header__search--toggle {
color: rgba(69, 69, 69, 1.0);
}
body .header__menu {
display: block
}
body .header__search--wrapper {
display: none
}
.header__cta.header__cta--secondary {
display: none;
}
body .header__search.open {
background-color: rgba(255, 255, 255, 1.0);
}
body .menu-arrow-bg {
color: rgba(69, 69, 69, 1.0);
}
@media (min-width: 1150px) {
body .submenu.level-2 > li,
.header__language-switcher .lang_list_class li {
border-bottom: 0px solid rgba(73, 74, 82, 1.0);
}
body .header.header--transparent .submenu.level-1 {
background-color: transparent !important;
}
}
@media (max-width: 1150px) {
body .header__navigation--toggle, body .menu-arrow-bg {
display: block;
}
}
@media(max-width: 767px) {
.header__navigation {
background-color: rgba(255, 255, 255, 1.0);
}
.header__navigation-toggle svg,
.menu-arrow-bg {
fill: red;
}
}
.footer {
background-color: rgba(239, 239, 239, 1.0);
}
.footer__container {
max-width: 1280px;
padding-top: 40px;
padding-top: 40px;
}
.footer .social-links__icon {
background-color: rgba(51, 168, 169, 1.0);
}
.footer .social-links__icon:hover,
.footer .social-links__icon:focus {
background-color: rgba(51, 168, 169, 8.799999999999999);
}
.footer .social-links__icon:active {
background-color: rgba(51, 168, 169, 1.0);
}
.footer .social-links__icon svg {
fill: #FFFFFF;
}
.footer .social-links__icon:hover svg,
.footer .social-links__icon:focus svg,
.footer .social-links__icon:active svg {
fill: #FFFFFF;
}
.hs-blog-listing, .hs-blog-post {
background-color: rgba(255, 255, 255, 1.0);
}
.blog-post__date {
border-color: #454545;
}
.blog-post__body {
border-bottom: 1px solid #e8e6e6;
}
.blog-header__back a,
.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
color: #454545;
}
.blog-header__back a:hover,
.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
color: #1d1d1d;
}
.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
color: #6d6d6d;
}
.blog-tag-filter__menu-link--active-item:after {
background-color: #454545;
}
.blog-pagination__link {
color: #454545;
}
.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
background-color: #454545;
}
.blog-post__title {
color: #113552;
font-family: Nunito Sans;
font-size: 32px;
font-style: normal;
font-weight: 900;
text-decoration: none;
}
.blog-post__author {
background-color: #F7F7F7;
}
#comments-listing .comment-reply-to {
color: rgba(15, 143, 155, 1.0);
}
#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
color: rgba(0, 103, 115, 1.0);
}
#comments-listing .comment-reply-to:active {
color: rgba(55, 183, 195, 1.0);
}
.blog-index__post-content a {
color: #113552;
}
.blog-recent-posts__post {
color: #113552 !important;
}
body .icon svg {
fill: #454545;
}
body .tns-nav button.tns-nav-active {
background-color: #454545;
}
body .tns-nav button:hover,
body .tns-nav button:focus {
background-color: #454545;
}
body .team-member__description {
background-color: #F7F7F7;
}
.no-scroll {
overflow: hidden;
}
.hidden {
display: none;
}
.p-fixed {
position: fixed;
}
.drop-shadow {
box-shadow: 0px 3px 15px rgba(69, 69, 69, 0.2);
}
.transition-3d-hover {
transition: all 0.2s ease-in-out;
}
.transition-3d-hover:hover {
transform: translateY(-3px);
box-shadow: 0px 10px 40px 10px rgba(69, 69, 69, 0.2);
}
.shadow-lg {
box-shadow: 0px 3px 15px rgba(140, 152, 164, 0.2);
}
.shadow-dark {
box-shadow: 0px 3px 15px rgb(181, 181, 181);
}
.no-shadow {
box-shadow: initial !important;
}
.auto-margin {
margin: 0 auto;
}
img {
max-width: 100%;
}
.header-max-width {
max-width: 800px;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: rgba(255, 255, 255, 1.0);
background-clip: border-box;
}
.text-subheader {
opacity: 0.7;
}
.text-center {
text-align: center;
}
.text-cap {
text-transform: uppercase;
}
.text-small {
font-size: 0.8rem;
}
.text-bold {
font-weight: bold;
}
.image--rounded {
border-radius: 50%;
}
.module-library__header {
max-width: 800px;
padding: 100px 20px 20px 100px;
}
.module-library__header h2 {
font-size: 24px;
}
.module-library__header p {
font-size: 0.7rem;
}
.leadinModal .leadinModal-content h1, .leadinModal .leadinModal-content h2, .leadinModal .leadinModal-content h3, .leadinModal .leadinModal-content h4, .leadinModal .leadinModal-content h5, .leadinModal .leadinModal-content h6 {
color: #444;
font-size: 1.3em;
font-weight: 600;
font-family: 'Nunito Sans';
margin-bottom: 0.6em;
}
@media (max-width: 767px) {
.blog-post-header {
max-width: 100% !important;
}
}
/* Style the navbar */
#navbar {
overflow: hidden;
background-color: #eee;
}
/* Navbar links */
#navbar a {
float: left;
display: block;
color: #333;
text-align: center;
padding: 14px;
text-decoration: none;
}
/* Page content */
.content {
padding: 16px;
}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
position: fixed;
display: flex;
top: 0;
width: 100%;
z-index: 1
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
padding-top: 60px;
}
.flourish-credit {
display: none !important;
}
.hs-accordion__item button {
color: #000000 !important;
border-bottom-color: #000000 !important;
font-family: 'Nunito Sans' !important;
font-size: larger !important;
}