/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face {
    font-family: 'Duplet';
    src: url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Regular.eot');
    src: url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Regular.woff2') format('woff2'),
        url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Regular.woff') format('woff'),
        url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Duplet';
    src: url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Semibold.eot');
    src: url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Semibold.eot?#iefix') format('embedded-opentype'),
        url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Semibold.woff2') format('woff2'),
        url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Semibold.woff') format('woff'),
        url('https://4803346.fs1.hubspotusercontent-na1.net/hubfs/4803346/DupletFont/Duplet-Semibold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Duplet', 'Poppins', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

/* both buttons padding in header */
.header-menu-right .btn { padding: .8em 1.1em; }

/* override the .tb\:ml-12 padding on the header buttons and the the .tb\:mr-8 padding on the menu wrapper to move buttons & nav closer together */
@media (min-width: 768px) {
  .header-menu-right .btn { margin-left: 1rem; }
  .header-menu>.hs-menu-wrapper { margin-right: 0; }
  .mobileonly { display: none }
}

/* make header menu full size instead of .85rem */
@media (min-width: 992px) {
  .header-menu > .hs-menu-wrapper > ul > li > a,
	.header-menu > .hs-menu-wrapper > ul  > li > .hs-menu-children-wrapper li a { font-size: 1rem; }
}

/* fix invisible hamburger on transparent header pages and undo on sticky scroll */
.template-header-transparent .hamburger-inner, 
.template-header-transparent .hamburger-inner:after, 
.template-header-transparent .hamburger-inner:before,
.template-header-transparent .hamburger.is-active .hamburger-inner, 
.template-header-transparent .hamburger.is-active .hamburger-inner:after, 
.template-header-transparent .hamburger.is-active .hamburger-inner:before { background-color: #ffffff; }

.template-header-transparent .is-sticky .hamburger-inner, 
.template-header-transparent .is-sticky .hamburger-inner:after, 
.template-header-transparent .is-sticky .hamburger-inner:before,
.template-header-transparent .is-sticky .hamburger.is-active .hamburger-inner, 
.template-header-transparent .is-sticky .hamburger.is-active .hamburger-inner:after, 
.template-header-transparent .is-sticky .hamburger.is-active .hamburger-inner:before { background-color: #0a0a23; }

/* fix secondary outline button color in transparent header and undo on scroll */
.template-header-transparent .header-menu-right .btn-cta.text-base a, 
.template-header-transparent .header-menu-right .btn.text-base { color: #fff !important; }

.template-header-transparent .is-sticky .header-menu-right .btn-cta.text-base a, 
.template-header-transparent .is-sticky .header-menu-right .btn.text-base { color: #0A0A23 !important; }

/* fix primary solid black button bg/color in transparent header and undo on scroll */
.template-header-transparent .header-menu-right .btn-cta.btn-solid.btn-base a, 
.template-header-transparent .header-menu-right .btn.btn-solid.btn-base { background-color: #fff; }

.template-header-transparent .header-menu-right .btn-cta.text-white a, 
.template-header-transparent .header-menu-right .btn.text-white { color: #0a0a23 !important; }

.template-header-transparent .is-sticky .header-menu-right .btn-cta.btn-solid.btn-base a, 
.template-header-transparent .is-sticky .header-menu-right .btn.btn-solid.btn-base { background-color: #0a0a23; }

.template-header-transparent .is-sticky .header-menu-right .btn-cta.text-white a, 
.template-header-transparent .is-sticky .header-menu-right .btn.text-white { color: #ffffff !important; }

/* fix secondary button text on mobile nav */
@media (max-width: 991px) {
  .btn-cta.text-base a, .btn.text-base { color: #ffffff !important; }
}

/* megamenu titles */
.mega-menu h3 {
  font-weight: normal;
  font-size: 1.5rem;
}
.mega-menu h4 {
  letter-spacing: normal;
  color: #94918f;
  font-size: .9rem;
}

/* megamenu divider lines -- put padding on container instead
.mega-menu .relative.container {
  padding-top: 60px;
  padding-bottom: 60px;
}
*/

.megamenubtn:hover {
  background-color: #d6d1ce !important;
  color: #0A0A23 !important;
}

/* FOOTER
 * *************************************/
/* any footer section that uses background gray (standard) will render in the brand light gray */
footer .bg-gray-500 { background-color: #EDEAE8; }

/* this targets the logo... not perfect */
footer .p-2 img { width: 133px; }

/* light grey footer row separators */
.footer-row-separator.bg-gray-600 { background-color: #D6D1CE; }

/* social icons round, light background */
.icon-prebuilt-radius { border-radius: 20px }
.icon.bg-gray-300 { background-color: #D6D1CE }
footer .form-inline .hs-submit { margin-top: 0.625rem } /* this matches the margin-bottom for the Email label field which is empty but not hidden. */

/* HOME & OTHER - TESTIMONIALS */
.testimonial-item { border-radius: 8px }
.testimonial-item img { height: 4rem }

/* LANDING PAGE !! */
.simpleformcontainer { padding-bottom: 250px; }

/* PLATFORM PAGE BOXES */
.bg-gray-100 {
  background-color: #EDEAE8;
}

/* RETAILER PAGE ICON BOX TITLES */
.smallericontitle h3 { font-size: 1rem; }

/* columns retailer page */
.roundedbox .content-module { border-radius: 8px }
@media (min-width: 800px) {
  .roundedbox div.content-wrapper {
    display: flex;
    align-items: center;
  }
  .roundedbox .leftcoltext {
    width: 50%;
  }
  .roundedbox .rightcolbutton {
    width: 50%;
    text-align: right;
  }
}

/* slick slider height */
.testimonial-item {
  display: flex !important;
  flex-wrap: wrap;
  height: 100%;
}

/* popups on about -- for better image size */
.popup-content p { line-height: 1.1; }

.max800 { max-width: 750px }
.automarg { margin-left: auto; margin-right: auto; }

/* social share on landing pages center title when stacking */
@media (max-width: 767px) {
  .hs-landing-page #main-content .widget-type-header h3 { text-align: center; }
}

.borderradius8,
#pressitems .image-box-item,
.platformfeaturessection .image-box-item { border-radius: 8px }

.platformfeaturessection h4 { font-size: 30px }

.downloadmedia img {
  border: 1px solid #0a0a23;
}
.downloadmedia .image-box-item div.relative,
.downloadmedia h4,
.downloadmedia p,
.blogonmedia h4,
.blogonmedia p { margin-bottom: 0 }
.blogonmedia div.mt-4 { margin-top: 0 }

/* home play button video -- all pages */
.vjs-big-play-button.play-button-circle { background-color: #0A0A23 !important }

.homerotatingquotes p.text-sm { margin-bottom: 0 }

#investorsslides .testimonial-item p { display: none; }
#investorsslides .testimonial-item img { margin-bottom: 0; }

/*dropdown black too */
@media (min-width: 992px) {
  .header-menu>.hs-menu-wrapper>ul>li>.hs-menu-children-wrapper { background-color: #0d0a23; }
  }
}

#shopperstestimonials .slider ul.slick-dots {
  text-align: left !important;
  margin-left: 10px;
}

@media (min-width: 992px) {
  .hs-menu-children-wrapper,
  .header-menu .hs-menu-wrapper>ul>li.has-mega-menu .mega-menu { margin-top: 1px !important; }
}

/* BLOG */
.blogformsection .form-module { border-radius: 8px }
.blog-template-03 { background-color: #ffffff !important }

.slick-dots { text-align: left !important;
margin-left: 5px; }

.subscribetoblogsection { background-color: #EDEAE8 }

/* BLOG FORM */

label,
.hs-input {
  font-family: 'Duplet','Poppins',Arial,sans-serif !important;
}

.singlepostformsection {
  background-color: #0A0A23;
  color: #ffffff;
}
.singlepostformsection .mobileonlypic, .singlepostformsection .tabletuppic { border: 10px solid #0A0A23; }
.singlepostformsection .mobileonlypic { display: inherit; }
.singlepostformsection .tabletuppic { display: none; }
/* on mobile, padding for sections matches*/
.singlepostformsection .formsection {
  padding: 2.5925925925925926rem 20px;
}
@media (min-width: 768px) {
  .singlepostformsection .mobileonlypic { display: none; }
  .singlepostformsection .tabletuppic { display: block; }
  .singlepostformsection .leftimgstacksmobile {
    display: grid;
    grid-template-columns: 1fr 1fr 20px;
    grid-template-areas: 
      "leftimage formarea ."
  }
  .singlepostformsection .leftimgsection {
    grid-area: leftimage;
  }
  .singlepostformsection .formsection {
    grid-area: formarea;
    align-self: center;
    /*limit width*/
    max-width: 600px;
    margin-left: auto;
  }
}
@media (min-width: 1300px) {
  .singlepostformsection .leftimgstacksmobile {
    grid-template-columns: 2fr 3fr 60px;
  }
}
@media (min-width: 1521px) {
  .singlepostformsection .leftimgstacksmobile {
    grid-template-columns: 33.33% 973.32px 1fr;
  }
  .singlepostformsection .formsection {
    max-width: 600px;
    margin-right: auto;
  }
  /*switch width limit to child div */
  .singlepostformsection .formsection div:first-child {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.singlepostformsection .hs-form label { color: #fff; }

.subscribetoblogsection .form-inline form { width: 100% }
.subscribetoblogsection .form-inline .hs-email { 
  margin-top: .8em; 
  width: 75%; 
}

.hs-blog-post .hs_cos_wrapper .h1,
.hs-blog-post .hs_cos_wrapper h1 {
  font-size: 1.66666666666666667rem !important;
  font-weight: bold;
}
.hs-blog-post .hs_cos_wrapper .h2,
.hs-blog-post .hs_cos_wrapper h2 {
  font-size: 1.4rem !important;
  font-weight: bold;
}
.hs-blog-post .hs_cos_wrapper .h3,
.hs-blog-post .hs_cos_wrapper h3 {
  font-size: 1.3333333333333333rem !important;
  font-weight: bold;
}
.hs-blog-post .hs_cos_wrapper .h3,
.hs-blog-post .hs_cos_wrapper h3 {
  font-size: 1.29rem !important;
  font-weight: bold;
}
.hs-blog-post .hs_cos_wrapper .h3,
.hs-blog-post .hs_cos_wrapper h3 {
  font-size: 1.22rem !important;
  font-weight: bold;
}
.hs-blog-post .hs_cos_wrapper .h3,
.hs-blog-post .hs_cos_wrapper h3 {
  font-size: 1.18rem !important;
  font-weight: bold;
}

/* This allows the checkbox and radio select list items to only take up 50% of their container, and floats the list items left which allows multiple items to sit in the same row. */
li.hs-form-checkbox:not(:last-child),
li.hs-form-radio:not(:last-child) {
     float: left;
     width: 50%; /* NOTE: This percentage may need to be lower if you have margins applied to the list items */
     list-style: none;
}
.hs-form label {
  font-size: 1em;
}
.hs-form label.hs-form-booleancheckbox-display {
  font-size: .75rem;
}