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
















.dnd-section > .row-fluid {
  max-width: 1440px;
}

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

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





html {
  font-size: 17;
}

body {
  color: #353535;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 400
}

@media only screen and (max-width: 568px) {
  body {
    font-size: 16px;
  }
}

a {
  color: rgba(0, 85, 140, 1.0);
}

a:hover {
  color:#00558C;
}

a:active {
  color: rgba(40, 125, 180, 1.0);
}

h1 {
  color: #353535;
  font-family: gt-am-light;
  font-size: 53px;
  font-weight: 400;
}

@media only screen and (max-width: 1024px) {
  .h1,h1 {
      font-size:2.4rem
  }
}

@media only screen and (max-width: 568px) {
  .h1,h1 {
      font-size:1.75rem
  }
}

h2 {
  color: #353535;
  font-family: gt-am-light;
  font-size: 38px;
  font-weight: 400;
}

@media only screen and (max-width: 1024px) {
  .h2,h2 {
      font-size:1.85rem
  }
}

@media only screen and (max-width: 568px) {
  .h2,h2 {
      font-size:1.5rem
  }
}

h3 {
  color: #353535;
  font-family: gt-am-light;
  font-size: 26px;
  font-weight: 400;
}

h4 {
  color: #353535;
  font-family: gt-am-regular;
  font-size: 19px;
  font-weight: 400;
}

.h5, h5 {
  color: #979797;
  font-family: gt-am-condensed-bold;
  font-size: 16px;
  font-weight: 400;
}

h6 {
  color: #838383;
  font-family: gt-am-regular;
  font-size: 16px;
  font-weight: 400;
}

blockquote {
  border-left: 10px solid #F8FAFC;;
}





form,
.submitted-message {
  border-color: rgba(#null, 0.0) ;
  font-family:"Poppins", sans-serif;
}

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

.hs-button,
.button--primary {
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 12px;
  padding-bottom: 12px;
  background: transparent;
  color: #141414;
  border: 1px solid;
  border-radius: 10px;
  text-transform: none;
  font-family: 'Poppins',sans-serif !important;
  font-weight: 400;
  transition: all .3s;
}

.hs-button:hover,
.button--primary:hover {
    background-color: #21222a;
    border-color: #21222a;
    color: #fff;
}

.hs-button:focus {
  background-color: rgba(48, 127, 226, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(88, 167, 255, 1.0);
  /*border-color: rgba(88, 167, 255, 1.0);
  color: rgba(255, 255, 255, 1.0);*/
}

.hs-form label {
  /*color: rgb(64 62 62), 1.0);*/
  color: #141414;
  font-weight: 700;
}
.hs-form-booleancheckbox-display span, .hs-form-booleancheckbox-display span *{
  font-weight: 300;
}

.hs-form legend {
  color: rgba(151, 151, 151, 1.0);
}

form input,
form select,
form textarea,
.hs-input,
input[type="password"] {
  /*border-color: rgba(238, 238, 238, 1.0);*/
  color: rgba(53, 53, 53, 1.0);
  background-color: rgba(255, 255, 255, 1.0);
  border-style: solid;
  /*height: 50px;*/
  border-width: 1px;
}

form input:focus,
form select:focus,
form textarea:focus,     
.hs-input:focus,
input[type="password"]:focus {
  border-color: rgba(#null, 0.0);
}



/* input.hs-input.error,
input.hs-input.error:focus,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #e99292;
} */

.hs-form .hs-error-msgs label {
  color: #e45560;
}

.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: #353535;
}

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

.hs-default-font-element,
.hs-main-font-element {
  font-family: gt-am-light;
}

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

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

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





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

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

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(53, 53, 53, 1.0);
}

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






.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: gt-am-light;
}


.navigation-primary a {
    color: #fff;
}

@media (min-width: 1025px) {
  body ul.submenu.level-3 > li:not(:last-child) > a {
    color: rgba(29, 29, 29, 1.0);
  }
}


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

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





.footer {
  background-color: rgba(29, 29, 29, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.footer .footer__text {
  background-color: rgba(29, 29, 29, 1.0);
}

.footer__container {
  max-width: 1440px; 
}

.footer a {
  color: rgba(255, 255, 255, 1.0);
}

.footer a:hover {
  color: rgba(255, 255, 255, 1.0);
}

body footer .h5, 
body footer h5 {
  color: rgba(255, 255, 255, 1.0);
}

.footer .footer__bottom a {
  color: rgba(#fffff, 1.0);
}

.footer .footer__bottom a:hover {
  color: rgba(255, 255, 255, 1.0);
}

body .footer__bottom {
  color: rgba(255, 255, 255, 1.0);
}




.content-wrapper {
  max-width: 1440px;
}

.blog-post__date {
  border-color: #353535;
}

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

.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: #0d0d0d;
}

.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: #5d5d5d;
}

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

.blog-pagination__link {
  color: #353535;
}

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

.blog-post__title {
  color: #353535;
  font-family:gt-am-light;
  font-size: 38px;
  font-weight: ;
}

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

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

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

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










body .icon svg {
  fill: #1d1d1d;
}

body .tns-nav button.tns-nav-active {
  background-color: #1d1d1d;
}

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

body .social-links__icon {
  background-color: #1d1d1d;
}

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

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

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

.page-center {
  max-width: 1440px;
  margin: 0 auto;
}




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


/* Video */

.vidyard-player-container {
    border-radius: 15px;
}

/* More from images */

a .overlay {
    display: none!important;
}

/* Iframe */

iframe {
    max-width: 100%;
}

/* Buttons */
input.hs-button,
input.button--primary {
  background: transparent;
  /*padding-left: 34px;
  padding-right: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding: 17px 87px;*/
  color: #0c0d0d;
  border: 1px solid;
  /*border-radius: 0;*/
  text-transform: none;
  font-family: 'Poppins',sans-serif !important;
  /*font-weight: 600;*/
  transition: all .3s;
  font-size: 16px!important;
  line-height: 1.5;
  /*text-transform: uppercase;*/
}

input.hs-button:hover,
input.button--primary:hover {
  /*background-color: rgba(204, 204, 204,1.0)!important;*/
  background-color: transparent;
  color: rgba(0, 0, 0,1.0)!important;
}


/* Careers */

.aw_jobPosting {
    background: white;
    padding: 20px!important;
    border-radius: 10px!important;
    flex-basis: 31%;
    margin: 1%;
}

.aw_page {
    display: flex;
    flex-wrap: wrap;
}

.aw_searchBox {
    width: 98%;
    margin: 1%;
    padding: unset!important;
}

/* Image Gallery */

ul.slick-dots li:before {
  display: none!important;
}



img.hs-image-widget{
  max-width: 100%;
}


form input,
form select,
form textarea,
.hs-input,
input[type="password"] {
  border-color: rgba(238, 238, 238, 1.0);
  color: rgba(53, 53, 53, 1.0);
  border-radius: 5px;        
  background-color: rgba(255, 255, 255, 1.0);
  border-style: solid;
  height: 50px;
}

.dnd-section{
  clear: both;
}

/* Reduce menu voices font size until breakpoint. From 17px to 15px. From 15px to 13px. Once even with 13px font labels are split in two lines, display menu in burger menu. */
@media only screen and (max-width: 1485px) and (min-width: 1200px){
  .submenu.level-1 > li > a {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 1365px) and (min-width: 1200px){
  .submenu.level-1 > li > a {
    font-size: 13px !important;
  }
}


@media only screen and (max-width: 768px){
    .aw_jobPosting {
        flex-basis: 100%;
        margin-botton: 20px;
        margin: 1rem 0;
    }

    .aw_jobList.cs {
        padding: 2rem 0;
    }
}

/* First section goes under the fixed menu. To avoid this, force padding top */
.row-fluid-wrapper.row-number-1, .systems-page {
  padding-top: 110px !important;
}
@media (max-width: 1200px){
  .row-fluid-wrapper.row-number-1, .systems-page {
    padding-top: 80px !important;
  }
}
@media only screen and (max-width: 768px){
  .row-fluid-wrapper.row-number-1 {
    padding-top: 60px !important;
  }
}