@charset "utf-8";
/*======= 
  sean.tan@confiant.com
  for confiant.com redesign
  1/2022

  important: This is not the main stylesheet and is used
  for augmenting sections on the fly... because, yeah. I'm
  just reshuffling things around.
=======*/

/*
 CAREERS PAGE
 - Core Values
 - Employee Quotes
 - Individual Application Page
*/

.all-for-one__content .sx2-core-values h3 { 
  font-family: 'Druk'; 
  color: #ef1e4a; 
  text-transform: uppercase; 
  font-weight: 100;  
  letter-spacing: 1.5px;
  font-size: 2.1rem;
  line-height: 1;
  padding-bottom: 15px; 
  max-width: 250px;
}

.all-for-one__content .sx2-core-values ul { color: #ef1e4a; list-style: square; }
.all-for-one__content .sx2-core-values ul li { font-size: 18px; line-height: 26px; color: #363636; }
.all-for-one__content .sx2-core-values ul li span,
.all-for-one__content .sx2-core-values p strong { color: #ef1e4a; }

@media screen and (min-width: 767px) {
 .hs-content-id-23907181173 .all-for-one__text { width: 50%; max-width: 100%; }
 /*.all-for-one__content .sx2-core-values h3 { font-size: 3.65vw; line-height: 3.8vw; letter-spacing: 2.1px; margin: 0; max-width: 100%;*/ }
}

.hs-content-id-23907181173 .big-ten__btn { display: none; }

.hs-content-id-63734162980 .dnd-section .dnd-column { padding: 0; }
.hs-content-id-63734162980 .wb21-privacy-hero__title h1 { max-width: 70%; }
.hs-content-id-63734162980 .wb21-terms-of-serivce__inside { visibility: hidden; padding: 20px 0; }

/*
 BLOG POSTS
 - Generic styling  
 - That awful header on mobile
 - Default featured image 
*/
article .blog-post__Hero_featureImage { background-image: url('https://www.confiant.com/hubfs/sx2%20website/default-featured.jpg'); }
article .blog-post__body_inner,
article .blog-post__body_inner.news-blog-post-main-content { max-width: 750px; }
article .blog-post__body_inner h2 { padding: 3rem 0 0; margin: 0; }
article .blog-post__body_inner h2 + p { margin: 1.25rem 0 1rem; }
article .blog-post__body_inner h3 { font-size: 1.25rem; line-height: 1.6; font-family: 'ff-good-headline-web-pro-con', sans-serif; font-weight: 600; margin: 0; padding: 1.5rem 0 0; }
article .blog-post__body_inner p { font-size: 0.725rem; line-height: 1.9; }
article .blog-post__body_inner a { font-size: inherit; line-height: inherit; font-weight: 600; }
article .blog-post__body_inner figure { margin: 0 auto; width: 100%; padding: 1.25rem 0 0; }
article .blog-post__body_inner figure figcaption { font-size: 60%; line-height: 1.4444; padding: 0.25rem 0 0; font-style: italic; color: #666; }
article .blog-post__body_inner figure img { display: block; margin: 0; }
article .blog-post__body_inner figure + p { margin: 1.25rem 0 1rem; }
article .blog-post__body_inner pre { background: #f8f8f8; font-size: 65%; padding: 1rem; overflow-x: auto; white-space: pre-wrap; word-wrap: break-word; }

@media screen and (min-width: 767px) {
  article .blog-post__body_inner { padding: 2rem 0 0; }
  article .blog-post__body_inner p { font-size: 0.825rem; line-height: 1.9; }
  article .blog-post__body_inner figure { max-width: 90%; }
  article .blog-post__body_inner pre { margin: 1.5rem; padding: 1.5rem; }
}

@media screen and (max-width: 767px) {
  article .blog-post__HeroOuter { margin-bottom: 0; }
  article .blog-post__HeroLeft { flex: 0 100%; }
  article .blog-post__HeroRight { height: 350px; }
  article .blog-post__Hero_title { border-radius: 0; }
  #main-content .careers-inner-hero .blog-post__HeroLeft { flex: 0 calc(100% - 30px); }
  #main-content .careers-inner-hero .blog-post__Hero_title { border-radius: 0; padding-right: 30px; }
}  

/*
 FORM
 - Request a Trial
 - "Pop-up" and a whole load of !importants to override "theme", send help
*/

#hs_form_target_form_980596752 .hs-form-40b6a081-d580-4fff-b0d4-2327ce52a868_81fa5e54-838c-49b8-8f0f-fc7af09cd18b fieldset.form-columns-1 input[type='email'] { width: 100% !important; }

.leadinModal { z-index: 999999 !important; }
.leadinModal.leadinModal-theme-default { padding-top: 0 !important; }
.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body { overflow-x: hidden !important; }
.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper { padding: 1.5rem 2rem !important; position: relative; }
.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content { border-radius: 0; max-height: 80%; background-color: #150d45 !important; position: relative; top: 50%; transform: translateY(-50%); background-image: url(https://www.confiant.com/hubfs/22/confiant-decals.png); background-size: 90% auto; background-position: right -5px; background-repeat: no-repeat; }
.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-close { top: 20px !important; right: 20px !important; }
.leadinModal.leadinModal-v3 .leadinModal-close:before, 
.leadinModal.leadinModal-v3 .leadinModal-close:hover:before { color: #fff; }
.leadinModal.leadinModal-v3 .leadinModal-close:before { font-size: 36px; line-height: 0.9; width: 36px; height: 36px; text-align: center; padding: 0; background: #ef1e4a; border-radius: 0; }
.leadinModal.leadinModal-theme-default.leadinModal-v3 .dyno-image { display: block !important; float: none !important; margin: 0 0 30px !important; width: 100% !important; }
.leadinModal.leadinModal-v3 .dyno-image img { max-width: 100%; max-height: 100%; }
.leadinModal.leadinModal-v3 .leadinModal-content h4 { font: 600 1.75rem/1.05 'ff-good-web-pro', sans-serif; padding: 0; margin: 0 !important; color: #fff; }
.leadinModal.leadinModal-v3 .leadinModal-content h4 em { font-style: normal; color: #ef1e4a; }
.leadinModal-reset .leadinModal-content div.leadinModal-description-body { padding: 1rem 0 0; }
.leadinModal-reset .leadinModal-content .leadinModal-description-body p,
.leadinModal-reset .leadinModal-content .leadinModal-description-body ul,
.leadinModal-reset .leadinModal-content .leadinModal-description-body ul li { font: 400 0.625rem/1.5 'ff-good-web-pro-wide', sans-serif; color: #fff; margin-left: 0 !important; }
.leadinModal-reset .leadinModal-content .leadinModal-description-body p:last-child { text-align: center; padding: 1rem 0 0; }
.leadinModal-reset .leadinModal-content .leadinModal-description-body p a { font: 900 0.825rem/1 'ff-good-headline-web-pro-con'; display: inline-block; margin: 0 auto; color: #fff; background: #ef1e4a; transition: .5s all; padding: 14px 24px 12px; text-transform: uppercase; }
.leadinModal-reset .leadinModal-content .leadinModal-description-body p a:hover { text-decoration: none; }
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .advance-wrapper { margin-top: 1rem; margin-left: 0 !important; }
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button { font-size: 0.75rem; line-height: 1; font-weight: 600; font-family: 'ff-good-web-pro', sans-serif; font-style: normal; background: rgb(239,30,74,1) !important; color: #fff !important; padding: 18px 36px 19px !important; border: 0; border-radius: 3px; transition: all .3s ease-in-out; cursor: pointer; text-transform: uppercase; }
  .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button:hover { background: #fff !important; color: rgb(239,30,74,1) !important; }

@media only screen and (max-width: 768px) {
  .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper { padding: 0.75rem !important; }
  .leadinModal.leadinModal-theme-default.leadinModal-v3 { margin: 0 12px !important; }
  .leadinModal.leadinModal-v3 .leadinModal-close, 
  .leadinModal.leadinModal-v3 .leadinModal-close:before { border-radius: 0 !important; }
  .leadinModal.leadinModal-v3 .dyno-image img { max-width: 100% !important; max-height: 100% !important; }
}

/* have to use !important to override existing styling, aaaaa */
@media only screen and (min-width: 900px) {
  .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body .leadin-preview-wrapper { padding: 2.5rem 3.5em !important; }
  .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content { width: calc(40em + 200px) !important; }
  .leadinModal.leadinModal-v3 .leadinModal-content h4 { max-width: 55%; }
  .leadinModal.leadinModal-theme-default.leadinModal-v3 .dyno-image { position: absolute; float: none !important; margin: 0 0 0 30px !important; bottom: 0; right: -30%; width: 75% !important; }
  .leadinModal.leadinModal-v3 .dyno-image img { max-width: 100%; }
  .leadinModal-reset .leadinModal-content .leadinModal-description-body { max-width: 50%; }
  .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .advance-wrapper { width: 45% !important; }
}

/*
 ENTERPRISE SECURITY (Temporary)
 - Hack job that hurts
*/
.wb21-solution-seekers-top .sx2-es-cols p { text-align: left; }
.hs-content-id-66919186614 .wb21-solution-seekers-item-warp { display: none; }
.hs-content-id-66919186614 #hs_cos_wrapper_widget_1645602954801 .track__content__col { justify-content: left; }

@media screen and (min-width: 767px) {
  .wb21-solution-seekers-top .sx2-es-cols { column-count: 2; column-gap: 1.5rem; vertical-align: top; }
  .hs-content-id-66919186614 #hs_cos_wrapper_widget_1645602954801 .track__content__col { padding-right: 0; padding-left: 50px; flex: 0 33%; }
  .hs-content-id-66919186614 #hs_cos_wrapper_widget_1645602954801 .track__content__col .track__content { padding: 0 1rem 1rem 0; }
}

@media screen and (max-width: 767px) {
  .wb21-solution-seekers-top .sx2-es-cols  p { margin: 0 0 20px 0; }
}

@media screen and (max-width: 1440px) {
  .hs-content-id-66919186614 .all-for-one,
  .hs-content-id-66919186614 .we-go-beyond { padding-top: 60px; padding-bottom: 60px; }
}

@media screen and (max-width: 1640px) {
  .hs-content-id-66919186614 .wb21-solution-seekers-inner { padding: 80px 0 120px; }
}

/*
 FOOTER (Temporary)
 - "Best Place to Work" image
*/
.bpw-images { text-align: center; }
.bpw-images img { display: inline-block; max-height: 120px; width: auto; margin: 30px 5px 0 0; vertical-align: top; }
.WB21-footer__copyright img { display: inline-block; max-width: 120px; height: auto; margin: 10px 0 0; }

@media screen and (min-width: 767px) {
  .bpw-images { text-align: left; }
}

/*
 PRIVACY POLICY
 - California Supplement (.hs-content-id-68451169970)
*/
.hs-content-id-68451169970 .wb21-privacy-hero__title h1 span { display: block; margin: 0; }
.hs-content-id-68451169970 .wb21-privacy-publish-date { display: none; }
.hs-content-id-68451169970 .wb21-privacy-publish-date.sx2-show { display: block; }

.hs-content-id-68451169970 table.pp-ca { border: 0; margin-bottom: 30px; }
.hs-content-id-68451169970 table.pp-ca thead th,
.hs-content-id-68451169970 table.pp-ca tbody td { color: #363636; font-size: 18px; line-height: 26px; font-family: 'ff-good-web-pro-wide', sans-serif; padding: 15px; border: 0; text-align: left; }
.hs-content-id-68451169970 table.pp-ca thead th { background: #150d45; color: #fff; }
.hs-content-id-68451169970 table.pp-ca thead th:first-child { width: 30%; }
.hs-content-id-68451169970 table.pp-ca thead th:last-child { width: 15%; }
.hs-content-id-68451169970 table.pp-ca tbody tr td { background: #fafafa; }
.hs-content-id-68451169970 table.pp-ca tbody tr:nth-child(odd) td { background: #f3f3f3; }

.hs-content-id-68451169970 ul.info-collect li { position: relative; }
.hs-content-id-68451169970 ul.info-collect li:before { content: ''; width: 20px; height: 1px; background: #363636; position: absolute; left: -37px; top: 12px; }
.hs-content-id-68451169970 ul.info-collect li em { font-style: normal; text-decoration: underline; }
.hs-content-id-68451169970 ul.info-collect ol,
.hs-content-id-68451169970 ul.info-collect ul { padding-top: 15px; }
.hs-content-id-68451169970 ul.info-collect ol li:before,
.hs-content-id-68451169970 ul.info-collect ul li:before { display: none; }
.hs-content-id-68451169970 ul.info-collect ul li { list-style-type: disc; margin-bottom: 15px; padding-left: 5px; }
.hs-content-id-68451169970 ul.info-collect ol li,
.hs-content-id-68451169970 ul.info-collect ul ol li { list-style-type: lower-alpha; margin-bottom: 15px; padding-left: 5px; }


/*
 ENTERPRISE SECURITY (Shared)
 - The "FFA" section
*/
h1.es { font: normal 20vw/1 'Druk Bold'; color: #ef1e4a; letter-spacing: 3px; text-transform: uppercase; margin: 0; }
h1.es em { display: block; font: 800 60%/1 'ff-good-web-pro', sans-serif; font-style: italic; color: #fff; text-transform: lowercase; letter-spacing: 1.5px; background: rgb(21,13,69); background: linear-gradient(150deg,rgba(21,13,69,1) 0%,rgba(239,30,74,1) 40%); background-size: 120% 120%; -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 2px transparent; text-stroke: 2px transparent; padding: 5px; position: relative; z-index: 3; }
h1.es span { display: block; margin: -.16em 0 0 1.9rem; }
/* we use a mix of vw and % to make sure they're always in ratio of each other on smaller screens */

hr.es { background: url('https://www.confiant.com/hubfs/sx2%20landing%20pages/confiant-mark-pink.png') center no-repeat; background-size: auto 30px; position: relative; margin: 0 auto 1.5rem; height: 30px; }
hr.es::before { content: ''; position: absolute; height: 1px; width: 120px; top: 13px; left: calc(50% - 90px); transform: translateX(-50%); background: #ef1e4a; }
hr.es::after { content: ''; position: absolute; height: 1px; width: 120px; top: 13px; right: calc(50% - 90px); transform: translateX(50%); background: #ef1e4a; }

.es-ffa ul.cards,
.es-ffa ul.colored-cards { margin: 0 auto; padding: 0 0 1.5rem; line-height: 1; vertical-align: top; list-style: none; }
.es-ffa ul.cards li { display: block; margin: 0 0 10px 0; padding: 1.5rem 10px 10px; }
.es-ffa span.holder { display: block; width: 30px; height: 30px; border: 1px solid #6748ff; margin: 0 0 .5rem; }

.es-ffa ul.colored-cards li { display: block; margin: 0 0 10px 0; padding: .25rem; }
.es-ffa ul.colored-cards li h4 { padding: 0; }
.es-ffa ul.colored-cards li p { background: rgba(243,243,243,.5); margin: -15px 0 0 15px; padding: 1rem; margin-bottom: 1px solid #f3f3f3; }

.es-ffa hr + p { padding: 0 0 2rem; text-align: center; }
.es-ffa hr + p + hr { margin: 0 auto; }

@media screen and (min-width: 401px) {
  h1.es { font-size: 23vw; }
  h1.es span { margin: -.15em 0 0 2.7rem; }
}

@media screen and (min-width: 767px) {
  h1.es { font-size: 10.5vw; }
  h1.es em { font-size: 51%; }
  h1.es span { margin: -.18em 0 0 1.6rem; }
  hr.es { margin: 0 auto 3rem; }
  .es-ffa .introduction { max-width: 1000px; }
  .es-ffa ul.cards li { display: inline-block; vertical-align: top; margin: 0 5px 10px 5px; width: calc(50% - 30px); }
  .es-ffa ul.colored-cards li { display: inline-block; vertical-align: top; margin: 0 5px 10px 5px; width: calc(33.3333% - 30px); min-height: 200px;  }
  .es-ffa ul.colored-cards li p { min-height: 170px; }
  .es-ffa hr + p { max-width: 750px; margin: 0 auto; padding: 0 0 3rem; }
  .es-ffa hr + p + hr { margin: 0 auto; padding: 0; }
}

@media screen and (min-width: 1100px) {
  h1.es { font-size: 5rem; }
  h1.es em { font-size: 2.775rem; }
  h1.es span { margin: -.17em 0 0 2.6rem; }
}

/*
 MODAL WINDOWS (Request A Demo)
 - I dislike modals and I'm doing this unwillingly
*/
#req-trial { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0,0,0,.8); top: 0; left: 0; z-index: 9999; overflow-y: auto; }
#req-trial .boo { display: block; position: relative; z-index: 10000; width: 90%; height: auto; background: linear-gradient(180deg,rgba(21,13,69,1) 0%,rgba(35,19,70,1) 100%); box-shadow: -5px 5px 200px rgb(239 30 74 / 45%), 5px -5px 200px rgb(103 72 255 / 45%); top: 5%; left: 5%; overflow-y: auto; margin-bottom: 200px; }
#req-trial .m-content { padding: 2.5rem 1.5rem 1.25rem; }
#req-trial .m-form { padding: 0.5rem 1.25rem 2rem; background: #fff; }
#req-trial .close { position: absolute; top: 10px; right: 20px; }
#req-trial .close button { background: transparent; color: rgba(239,30,74,1); font-weight: bold; font-size: 1.75rem; line-height: 1; padding: 0; border-radius: 0; border: 0; transition: all .3s ease-in-out; }
#req-trial .close button:hover { background: transparent; color: #f00; }

.m-content h3 { font: 600 1.55rem/1.15 'ff-good-web-pro', sans-serif; color: #fff; margin: 0; padding: 0 0 .5rem; }
.m-content h3 span { display: block; background: linear-gradient(120deg, #e5dafd 6.44%, #f5f1fe 23.36%, #e5dafd 39.78%, #ffffff 53.21%, #e5dafd 75.78%, #ffffff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.m-content p { color: #fff; font: 300 0.75rem/1.4 'ff-good-web-pro-wide', sans-serif; margin: 0; }
.m-content p em { color: #ef1e4a; font-style: normal; font-weight: 600; }
.m-content ul,
.m-content li { padding: 0; margin: 0; list-style: none; }
.m-content ul { padding: 2rem 0 1rem; width: 100%; }
.m-content li { display: inline-block; margin: 0 -4px 0 0; max-width: 24.5%; }
.m-content li img { display: block; width: 100%; height: auto; }
.m-content blockquote { border-left: 4px solid #6748ff; padding: 0 15px 0 30px; }
.m-content blockquote p { font-size: .65rem; padding: 0 0 1rem; }
.m-content blockquote footer { color: #6748ff; font: 300 0.85rem/1.2 'ff-good-headline-web-pro-con',sans-serif; }
.m-content blockquote footer strong { font-weight: 600; }

.m-form form { padding: 0; }
.m-form label { display: block; text-transform: uppercase; font-size: 53%; line-height: 1; color: #666; }
.m-form input[type='text'],
.m-form input[type='email'],
.m-form input[type='tel'],
.m-form select { display: block; padding: 8px 10px; color: #666; border: 1px solid #666; width: 100% !important; background: transparent; font: 400 0.65rem/1 'ff-good-web-pro-wide', sans-serif; border-radius: 0; }
.m-form .hs-form-field { padding: 0 0 .75rem; margin: 0; }
.m-form .actions { margin: 1.5rem auto 0 0; text-align: center; }
.m-form input[type='submit'] { font-size: 0.75rem; line-height: 1; font-weight: 600; font-family: 'ff-good-web-pro', sans-serif; font-style: normal; background: rgb(239,30,74,1); color: #fff; padding: 18px 36px 19px; border: 0; border-radius: 3px; transition: all .3s ease-in-out; cursor: pointer; text-transform: uppercase; }
.m-form form input[type='submit']:hover { background: #150d45; color: #fff; }
.m-form form input:focus { outline: none; }
.m-form fieldset { max-width: 100% !important; }
.m-form fieldset.form-columns-1 .input { margin: 0 !important; padding: 0; }
.m-form fieldset.form-columns-1 .input li.hs-form-radio { display: inline-block; padding: 0 25px 0 0; }
.m-form fieldset.form-columns-1 .input li.hs-form-radio label span { display: inline-block; font-size: 130%; padding: 0 0 0 5px; margin: 3px 0 0; line-height: 1; vertical-align: top; }
.m-form form fieldset.form-columns-2 .input { margin-right: 0 !important; }
.m-form form .form-columns-2 .hs-firstname.hs-form-field { padding: 0 4px 1rem 0; }
.m-form form .form-columns-2 .hs-lastname.hs-form-field { padding: 0 0 1rem 4px; }

.m-form ul.hs-error-msgs li,
.m-form .legal-consent-container ul li { background: none; padding: 0; margin: 0; }
.m-form .legal-consent-container ul li label { text-transform: none; }
.m-form ul.hs-error-msgs li label,
.m-form .legal-consent-container ul.hs-error-msgs li label { text-transform: none; padding: 5px 10px; color: #fff; background: #f00; display: inline-block; margin: 5px 0; font-size: .55rem; line-height: 1.2; }
.m-form form .inputs-list { line-height: 1; }

.m-form .legal-consent-container p { font-size: 12px; line-height: 1.4; color: #aaa; font-weight: 300; padding: .5rem 0 0; } 
.m-form .legal-consent-container p a,
.m-form .legal-consent-container p a:hover { color: #ef1e4a; font-weight: bold; }
.m-form .legal-consent-container .hs-form-booleancheckbox-display > span { margin-left: 40px; !important; }
.m-form .legal-consent-container .hs-form-booleancheckbox-display > span p { margin-left: 0 !important; }
.m-form .legal-consent-container .hs-form-booleancheckbox-display > span p a { color: #ef1e4a; font-weight: 400; }

.m-form .legal-consent-container ul li label { font-size: 12px; line-height: 1.4px; color: #aaa; }
.m-form .legal-consent-container .hs-form-booleancheckbox-display input[type='checkbox'] { margin: 2px 0 0 !important; }
.m-form form .legal-consent-container .hs-form-field { padding: 0; }
.m-form form .hs-richtext { margin: 0 0 .5rem; }
.m-form form .hs-richtext p { margin: 0; }

.m-form #hs_form_target_rat-modal_.submitted-message { display: block; text-align: left; color: #fff; font-size: .75rem; line-height: 1.3; padding: 1rem; background: #6748ff; } 

@media screen and (min-width: 900px) {
  #req-trial .boo { position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 870px; overflow: hidden; margin-bottom: 0; }
  #req-trial .boo::before { content: ''; position: absolute; bottom: 0; left: 0; background: url('https://www.confiant.com/hubfs/22/confiant-logo-mark-blend.png') -70px 70px no-repeat; width: 400px; height: 400px; background-size: 400px auto; opacity: .6; z-index: -1; }
  #req-trial .boo .wrap { display: grid; grid-template-columns: 55% 1fr; align-items: center; }
  #req-trial .m-content { padding: 2rem 1.5rem 2rem 1.75rem; }
  #req-trial .m-form { padding: 2rem 1.5rem; height: 100%; }
  .m-content blockquote { padding: 0 30px; }
}

/*=== announcement bar ===*/
.g-bar a { background: #ef1e4a; color: #fff; display: block; padding: 10px 2rem 11px; font-size: .65rem; line-height: 1; text-align: center; font-weight: 600; }
.g-bar a:hover { background: #fff; color: #ef1e4a; transition: all .2s ease-in; text-decoration: none; }