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

/* Test */
















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

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

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #F8FAFC;
}
.page-center {
  max-width: 1140px;
}




html {
  font-size: 20;
}

body {
  color: #000044;
  font-family: Poppins;
  font-weight: 400;
  font-size: 20px;
}

p {
  font-family: Poppins;
  font-weight: 400;
}

a {
  font-family: Poppins;
  color: rgba(0, 0, 68, 1.0);
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

a:hover,
a:focus {
  color: rgba(0, 0, 68, 1.0);
}

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

h1 {
  color: #000044;
  font-family: Poppins;
  font-size: 48px;
  font-weight: 400;
}
h1 {
  
  color: #000044;
  
}

@media(max-width: 767px) {
  h1 {
    font-size: 40.8px;
  }
}

h2 {
  color: #000044;
  font-family: Poppins;
  font-size: 32px;
  font-weight: 400;
}
h2 {
  
  color: #000044;
  
}
@media(max-width: 767px) {
  h2 {
    font-size: 27.2px;
  }
}

h3 {
  color: #000044;
  font-family: Poppins;
  font-size: 24px;
  font-weight: 400;
}
h3 {
  
  color: #000044;
  
}
@media(max-width: 767px) {
  h3 {
    font-size: 20.4px;
  }
}

h4 {
  color: #000044;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
}
h4 {
  
  color: #000044;
  
}
@media(max-width: 767px) {
  h4 {
    font-size: 17.0px;
  }
}

h5 {
  color: #000044;
  font-family: Poppins;
  font-size: 18px;
  font-weight: 400;
}
h5 {
  
  color: #000044;
  
}
h6 {
  color: #000044;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
}
h6 {
  
  color: #000044;
  
}

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





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

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

.hs-button,
.button--primary {
  background-color: rgba(54, 169, 255, 1.0);
  border-color: rgba(54, 169, 255, 1.0);
  border-radius: 5px;
  border-width: 1px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: #2A83AE;
  border-color: rgba(42, 131, 174, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(94, 209, 255, 1.0);
  border-color: rgba(94, 209, 255, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
  color: rgba(0, 0, 68, 1.0);
}

.hs-form legend {
  color: rgba(0, 0, 68, 1.0);
}
input#hs-pwd-widget-password,
form input,
form select,
form textarea,
.hs-input {
  border-color: rgba(0, 0, 68, 1.0);
  color: rgba(2, 0, 32, 1.0);
  border-radius: 3px;
  background-color: rgba(#null, 0.0);
}
input#hs-pwd-widget-password:focus,
form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(0, 0, 68, 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: #000044;
}

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

.hs-default-font-element,
.hs-main-font-element {
  font-family: Poppins;
}

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

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

.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(#null, 1.0);
  color: rgba(#null, 1.0);
}

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

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

table,
tbody + tbody {
  border-color: rgba(#null, 1.0);
}





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

.header__container {
  max-width: 1140px;
}

body .custom-menu-primary a {
  color: rgba(0, 0, 68, 1.0);
}

body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a {
  color: rgba(0, 0, 68, 1.0);
}

body .custom-menu-primary a.active-branch {
  color: rgba(0, 0, 68, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li.active-branch {
  background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li {}
body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
  background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch {
  color: rgba(0, 0, 68, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch[aria-current="page"]:after {
  background-color: rgba(0, 0, 68, 1.0);
}

body .custom-menu-primary .submenu.level-3,
body .custom-menu-primary .submenu.level-2 {
  background-color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 li > a {
  color: rgba(0, 0, 68, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(0, 0, 68, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch {
  color: rgba(0, 0, 68, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}
.custom-menu-primary.desktop .submenu.level-1>li>a:hover:after{
  background-color: rgba(0, 0, 68, 1.0);
}

.custom-menu-primary.desktop .submenu.level-2 > li > a:after{
  background-color: rgba(0, 0, 68, 1.0);
}

.submenu.level-1>li>a.active:after,
.submenu.level-1>li.has-submenu>a.active:after{
   background-color: rgba(0, 0, 68, 1.0);
}
/* .submenu.level-1>li>a.active-branch:after,
.submenu.level-1>li.has-submenu>a.active-branch:after,
.submenu.level-1>li.active-branch>a:after,
.submenu.level-1>li.has-submenu.active-branch>a:after{
   background-color: rgba(0, 0, 68, 1.0);
} */

.custom-menu-primary.desktop .submenu.level-2>li>a.active-branch:after,
.custom-menu-primary.desktop .submenu.level-2>li>a.active:after{
  background-color: rgba(0, 0, 68, 1.0);
}







.footer {
  background-color: rgba(239, 243, 245, 1.0);
  color: rgba(0, 0, 68, 1.0);
}
.footer a{
  color: rgba(0, 0, 68, 1.0);
}
.footer a:hover{
  color: rgba(0, 0, 68, 1.0);
}

.footer_copyright p {
  color: rgba(0, 0, 0, 1.0);
}

.footer_copyright  a{
  color: rgba(0, 0, 0, 1.0);
}
.footer_copyright  a:hover{
  color: rgba(0, 0, 0, 1.0);
}
.footer .foo-form form .hs-button{
  background-color: rgba(31, 82, 180, 1.0);
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(31, 82, 180, 1.0); 
}
.footer .foo-form form .hs-button:hover{
  background-color: rgba(22, 59, 129, 1.0);
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(22, 59, 129, 1.0); 
}

.footer .foo-form .hs-input{
  color: rgba(2, 0, 32, 1.0);
  border-color: rgba(0, 0, 68, 1.0); 
}

.footer .foo-form .hs-input:focus{
  border-color: rgba(0, 0, 68, 1.0); 
}





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

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

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

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

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

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

.blog-pagination__link {
  color: #000044;
}

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


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


/*             Blog Grid Listing and Post styles            */

.blog-header {
  background-color: rgb(245, 245, 245);
}

.hs-blog-listing,
.hs-blog-post {
  background-color: #FFF;
}


.blog-post__tag-link:hover{
  color: #000044;
}

.blog-post__read-more svg {
  fill: #000044;
}

.blog-post__read-more a:hover svg {
  fill: #000044;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-sidebar a {
  color: #000044;
}

.blog-sidebar a:hover {
  color: #000044;
}

.blog__subscription-block {
  background-color: rgb(245, 245, 245);
}

.post-featured-image {
  max-height: 600px;
}



.blog-post__meta a {
  color: #000044;
}

.blog-post__body, .blog-post__tags a {
  color: #000044;
}

.blog-post__meta a:hover {
  color: #000044
}

.blog-post__links {
  border-top:  2px solid rgb(228, 230, 232);
}

.blog-post__back-to-blog {
  color: #000044;
}

.blog-post__back-to-blog:hover {
  color: #000044;
}

.blog-post__back-to-blog svg {
  fill: #000044;
}

a.blog-post__back-to-blog:hover svg {
  fill: #000044;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb(228, 230, 232);
}

.comment.depth-1 {
  border-left: 2px solid rgb(228, 230, 232);
}

.section.post-footer .hs-input {
  border-color: rgb(228, 230, 232);
}

.blog-recent-posts {
  background-color: rgb(245, 245, 245);
}










body .icon svg {
  fill: #494A52;
}

body .tns-nav button.tns-nav-active {
  background-color: #494A52;
}

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

body .social-links__icon {
  background-color: #494A52;
}

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

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




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

/* partner page related styling for both overview and detail page */
.partner_overview_page, .partner_detail_page{
    display: flex;
    column-gap: 30px;
}

/* partner overview page styling */
#filterCircle{
  background-color: #DFFBDB;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin-bottom: 1px;
  display: inline-block;
  margin-top: 50px;
}

#filterTitle{
  display: inline-block; 
  margin-right: 0px;
  font-size: 18px;
  font-weight: 700;
  font-family: Poppins, Regular;
  margin-bottom: 70px;
}

#filterForm{
  max-width: 250px;
  color: black;
}

#filterForm > label { 
  margin-right: 200px;
}

.filters{
/*   background-image: url("https://2661467.fs1.hubspotusercontent-na1.net/hubfs/2661467/Jonas_tests/Group%2031-1.svg"); */
  border-right: 1px solid #36a9ff ;
  height: 1449px;
  min-width: fit-content !important;
  max-width: 30vw !important;
}
.filters > form{
  border: none !important; 
  padding-right: 20px !important;
}

#filterForm > input{
  width: 230px !important;
  float: left; 
  margin: auto;
  height: auto;
  display: block;
}


.chosen-container {
  border: 1px solid white !important;
  border-radius: 4px;
  width: 100% !important;
  max-width: 250px;
  padding: 10px;
}

.chosen-drop{
  margin-left: -10px;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text]{
  float: left; 
  color: grey;
}

.chosen-container{
  background-color: #EEEEEE;
}

#filterForm > .activatedSelect{
   background-color: #FFFFFF !important;
   border-radius: 4px;
   width: 230px !important;
   position: absolute;
  font: normal normal normal 16px/25px Poppins;
  font-size: 16px;
}

#partner-section{
  width: 100%;
}

#filterForm > .activatedSelect > option{
  font: normal normal normal 16px/25px Poppins;
  font-size: 16px !important;
}

.selectFilter > option:checked{
  background: none;
  color: inherit;
}

#section-content-container{
   margin-right: 50px; 
}

#partner-page-title{
  font: normal normal 600 36px/55px Poppins;
  letter-spacing: 0px;
  margin-top: 25px;
  margin-bottom: 40px;
}
.row{
 display: inline-block; 
}

.sort-by{
  float:right;
}

.chosen-container-multi .chosen-choices li.search-choice{
 background-color: #EEEEEE !important; 
  padding: 10px 20px 10px 10px;
}

#sort-by-input{
  width: 195px !important;
  height: 32px;
  font: normal normal medium 15px/23px Poppins;
  font-size: 15px;
  color: black;
  border: 1px solid #000044 !important;
  border-radius: 5px;
  margin-top: 0;
  margin-left: 10px;
  background-color: white !important;
  padding: 6px;
  height: 32px;
}
.partner_name{
  font: 27px Poppins;
  margin-left: 20px;
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #000040;
}

.partner_description{
  font: normal normal normal 14px/21px Poppins;
  font-size: 16px;
}


.selected_filter_box{
  background-color: white;
  color: #36a9ff;
  border: 1px solid #36a9ff;
  border-radius: 5px;
  height: 40px;
  padding: 5px 10px;
  margin-right: 10px;
}

.white-cross{
  width: 18px;
  height: 18px;
  background-image: url("https://2661467.fs1.hubspotusercontent-na1.net/hubfs/2661467/Jonas_tests/blue_cross.svg");
  float: right;
  margin-left: 15px;
  margin-top: 5px;
}

.white-cross:hover{
  cursor: pointer;
}

#clear_all_filters{
  background-color: white;
  color: #36a9ff;
  border: none;
  border-radius: 5px;
  height: 40px;
  padding: 5px 10px;
  justify-content:center;
  width: fit-content;
  font: normal normal medium 15px/23px Poppins;
}


#clear_all_filters:hover{
 cursor: pointer; 
}

.filter_button{
  background-color: white;
  color: #36a9ff;
  border: 1px solid #36a9ff;
  border-radius: 5px;
  height: 40px;
  padding: 5px 10px;
  justify-content:center;
  width: 200px;
  font: normal normal medium 15px/23px Poppins;
}
.filter_button:hover{
 cursor: pointer; 
}

.garbage_bin{
  width: 25px;
  height: 28px;
  background-image: url("https://2661467.fs1.hubspotusercontent-na1.net/hubfs/2661467/Jonas_tests/garbage_bin.svg");
  float: right;
}

.hidden{
  display: hidden;
}

.showed{
/*   display: normal; */
}

#white_foreground {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px;
  float:left;
  width: 350px;
  height: 100%;
  border-right: 1px solid #36a9ff;
}
#white_foreground:after {
  content: '';
  position: absolute;
  width: 470%;
  height: 1000%;
  bottom: 10px;
  right: -555%;
  background: rgba(255, 255, 255,1);
  transform-origin: 54% 100%;
  transform: rotate(-50deg);
  z-index: -1;
  
}

#white_foreground > img {
  margin-top: 30px;
  z-index: 10;
}

#white_foreground > h2 {
  font: normal normal 600 25px/38px Poppins; 
  margin-top: 30px;
  color: #000044;
}

.flex-container{
  display: flex;
  align-items: flex-end;
  margin-bottom: 27px;
}

.white-cta{
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  text-shadow: none;
  -webkit-transition: color 0.2s linear,background 0.2s linear,border-color 0.2s linear, text-shadow 0.2s linear;
  transition: color 0.2s linear,background 0.2s linear,border-color 0.2s linear, text-shadow 0.2s linear;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 600;
  min-width: 96px;
  font-size: 1rem;
  padding: 14px 24px;
  font-family: Poppins,sans-serif;
  border-radius: 5px !important;
  border-color: #36a9e1;
  background: #36a9e1;
  color:#FFFFFF;
  line-height:1.375;
}
.white-cta:hover {
  background-color: #3bb8f9;
  border-color: #3bb8f9;
  color: #FFF;
}


@media (min-width: 480px){
  .white-cta{
    font-size:1rem;
  }

}
@media (min-width: 768px){
  .white-cta{
    font-size: 1.125rem;
  }

/* .contact_button{
    background-color: #36a9ff;
    padding: 10px 20px;
    font: normal normal normal 14px/21px Poppins;
    color: white;
    border-radius: 5px;
    font-size: 14px;
} */

.tab{
    float: right;
    margin: 0;
    width: 180px;
    background-image: url(https://2661467.fs1.hubspotusercontent-na1.net/hubfs/2661467/Jonas_tests/tab.svg);
    background-repeat: no-repeat;
    z-index: 2;
}

.grey_box{
  background-color: #eff3f5;
  width: 97.5%;
  padding: 60px 52px 30px 52px;
}

.grey_box > p{
  margin-top: 45px;
}

.grey_box > h1{
  color: #000044;
  text-align: center;
  font: normal normal 600 36px/55px Poppins;
  font-size: 55px;
  letter-spacing: 0px;
  opacity: 1;
}

.tab > p {
  margin-bottom: 15px;
  margin-left: 28px;
  font-weight: 600;
  font-family: Poppins;
}
.detail_line{
  border-top: 1px solid #000044;
  width: 100%;
  color: white;
  background-color: white;
}

.info_line{
  border-top: 1px solid black;
  margin-top: 18px;
}

.small_arrow_right{
  transform: rotate(-180deg); 
  margin-left: 5px;
}

.small_arrow_left{
  margin-right: 15px;
}

.small_arrow_left, .small_arrow_right{
  width: 6px;
  height: 9px;
  background-image: url("https://2661467.fs1.hubspotusercontent-na1.net/hubfs/2661467/Jonas_tests/small_arrow.svg");
}

.goBackHref{
 font: normal normal normal 18px/27px Poppins; 
}

#white_foreground > div > a {
  font: normal normal normal 14px/21px Poppins;
  color: #000044;
  margin-left: 15px;
}

#white_foreground > h3{
font: normal normal 600 16px/25px Poppins;
}

#globeForLink{
  background-image: url("https://2661467.fs1.hubspotusercontent-na1.net/hubfs/2661467/Jonas_tests/globe.svg");
  width: 28px;
  height: 28px;
}


.partner_gallery{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 1%;
  margin-top: 75px;
}

.partner_card_link{
  width: 32.5%;
  height: 313px;
  margin-bottom: 20px;
  max-height: 313px;
  max-width: 315px;
  border-radius: 6px;
  border: 1px solid #62A8FC
}

.partner_card_link:hover{
  background-color: #EFF3F5;
  box-shadow: inset 0 0 10px #EFF3F5;
}

.partner_card{
  width: 100%; 
  height: 100%; 
  box-shadow: 3px 0 .4em #edf3f1, -3px 0 .4em #edf3f1;
  border-radius: 6px;
  padding-top: 10px;
}
  

.partner_card > div{
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 175px;
}

.partner_card > h2{
  text-align: center;
}

.partner_card > img{
  margin: auto;
  display: block;
}

.ellipsis {
  overflow: hidden;
  height: 75px;
  line-height: 25px;
  
  margin: 0px 20px 20px 20px;
}

.ellipsis:before {
  content:"";
  float: left;
  width: 5px; height: 200px; }

.ellipsis > *:first-child {
  float: right;
  width: 100%;
  margin-left: -5px; }		

.ellipsis:after {
  content: "\02026";  

  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;

  float: right; position: relative;
  top: -25px; left: 100%; 
  width: 3em; margin-left: -3em;
  padding-right: 5px;

  text-align: right;
}

@media only screen and (max-width: 1050px) {
  .partner_card_link{
    width: 47%;
  }
}

@media only screen and (max-width: 900px) {
  .partner_card_link{
    width: 95%;
  }
}
/*end of partner overview page styling */

/* partner detail page styling  */

.partner_detail_text{
  margin-right: 100px;
  height: 1000px;
}

.partner_general_info{
/*   background: url("https://2661467.fs1.hubspotusercontent-na1.net/hubfs/2661467/Jonas_tests/Group%2031-1.svg"); */
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: 2;
}

.partner_general_info> h3{
  margin-left: 30px;
}

/* end of partner overview page styling */

/* styling of the multiple select field plugin*/