/* @import url('http://example.com/example_style.css'); */
 @import url("https://use.typekit.net/obj0zqo.css");
 
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/


/*  @font-face {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 400;
    src: local('ProximaNova-Regular'),
    local('Proxima Nova Regular');
    font-display: optional;
  }

  @font-face {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 500;
    src: local('Proxima Nova Semibold'),
    local('ProximaNova-Semibold');
    font-display: optional;
  }

  @font-face {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 300;
    src: local('Proxima Nova Light'),
    local('ProximaNova-Light');
    font-display: optional;
  } */



:root {
  --contentWidth: 1000px;
  --mobileMaxWidth: 767px;
  --lendeskOrange: #f29c1e;
  --lendeskBlue: #0084d6;
  --greyText: #46505a;
}

html{
  scroll-behavior: smooth;
}

body {
/*   min-height: 100vh; */
  font-family: proxima-nova, sans-serif;
  color: #46505a;
  font-size: 18px;
  font-weight:300;
  line-height: 1.5;
  color: #46505a;
	margin: 0px; 
  image-rendering: optimizequality;

 /* border: 1px solid red; Debugging */ 
}

.container-fluid{
  min-height: 65vh;
}

#overlay{
    position:fixed;
    top:0;
    left:0;
    z-index:3000;
    height:100%;
    width:100%;
    background:rgba( 0, 0, 0, 0.65 );
/*     opacity:0.6; */
    display:none;
    align-items: center;
    justify-content: center;
  
}

#video_container{
    position:fixed;
    top:0;
    left:0;
    z-index:3500;
    height:100%;
    width:100%;
    display:none;
    align-items: center;
    justify-content: center;
}

#video_container:hover{
  cursor: pointer;
}

#yt_video{
  display:none;
}

#yt_video iframe{
   width: 950px;
   height: 534px;
}

a {
  text-decoration: none;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: var(--lendeskBlue);
  transition: 0.1s;
  cursor: pointer;
}

a:hover {
    color: #0169a2;
    text-decoration: underline;
}

a:active {
    color: #0169a2;
    text-decoration: underline;
}

a.grey-link{
  color: var(--greyText);
}

a.grey-link:hover {
    color: var(--lendeskBlue);
    text-decoration: none;
}
a.grey-link:active {
    color: var(--lendeskBlue);
    text-decoration: none;
}



a.ignore-default-link-style {
 all: unset;
 color: initial;
}

.show-pointer {cursor: pointer;}

.show{display:block}

.vertical-flip{
  transform: scale(1, -1);
}

.vertical-center{
margin: auto 0;
}

h1 {
  margin: 0;
  padding: 0;
  font-size: 48px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #767c82;
}

h2 {
  margin: 0;
  padding: 0;
  font-size: 38px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #767c82;
}

/* h2 {
  margin: 0;
  padding: 0;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #46505a;
/*   color: #767c82; */
} */

h3 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #767c82;
  text-transform: uppercase;
}

h4 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
/*   color: #767c82; */
  color: #46505a;
  text-transform: uppercase;
}

h5 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #46505a;
  text-transform: uppercase;
}

p{
  margin: 0;
  padding: 0;
}

.block{
  display: block;
}

.white-color {
  color: #ffffff;
}

.blue-color {
  color: #0084d6;
}

.grey-color{
color: #777b80;
}


.dark-grey-color {
color: #46505a;
}

.blue-background-color {
   background-color: #0084d6;
}

.orange-background-color {
  background-color: var(--lendeskOrange);
}

.bold {
  font-weight: 600;
}

.italic {
  font-style: italic;
}

.blue-gradient {
  background-image: linear-gradient(to bottom, #1d86c8, #0069a1);
  color:white;
}

.dark-blue-gradient {
  background-image: linear-gradient(to bottom, #015F97, #09456B);
}

.grey-gradient {
  background-image: linear-gradient(rgb(243, 246, 248) 0%, rgb(231, 236, 240) 100%);
}

.green-gradient {
    background-image: linear-gradient(to bottom, #00B8A9, #00847E);
}

.purple-gradient {
    background-image: linear-gradient(to bottom, #9083D5, #6457A6);
}

.yellow-gradient {
    background-image: linear-gradient(to bottom, #FDC010, #F29C1E);
}


.white-background {
background-color: #fff;
}

.paper-grey-background, .paper-grey-gradient {
 background-color: #f3f6f8;
}


.content-max-width-and-centering {
  max-width: var(--contentWidth);
  margin: 0 auto;
  padding: 0px 20px 0px 20px;
 /* border: 1px solid green; */
}

.title-max-width{
  max-width: 600px;
}

.subtitle-max-width{
  max-width: 700px;
}

.help-center-cta:hover{
  background: #0187d014 !important;
  border: 1px solid #025e97 !important;
  color: #025e97 !important;
}

a.white-button:hover{
  color: #09456B !important;
  background: #e6ecf0 !important;
}



.pt-0 {padding-top: 0px}
.pt-10 {padding-top: 10px}
.pt-20 {  padding-top: 20px}
.pt-30 {  padding-top: 30px}
.pt-40 {  padding-top: 40px}
.pt-50 {  padding-top: 50px}
.pt-60 {  padding-top: 60px}
.pt-70 {  padding-top: 70px}
.pt-80 {  padding-top: 80px}
.pt-90 {  padding-top: 90px}
.pt-100 {  padding-top: 100px}
.pt-120 {  padding-top: 120px}

.pb-0 {padding-bottom: 0px}
.pb-10 {padding-bottom: 10px}
.pb-20 {  padding-bottom: 20px}
.pb-30 {  padding-bottom: 30px}
.pb-40 {  padding-bottom: 40px}
.pb-50 {  padding-bottom: 50px}
.pb-60 {  padding-bottom: 60px}
.pb-70 {  padding-bottom: 70px}
.pb-80 {  padding-bottom: 80px}
.pb-90 {  padding-bottom: 90px}
.pb-100 {  padding-bottom: 100px}

.mt-0 {margin-top: 0px}
.mt-10 {margin-top: 10px}
.mt-20 {  margin-top: 20px}
.mt-30 {  margin-top: 30px}
.mt-40 { margin-top: 40px}
.mt-50 { margin-top: 50px}
.mt-60 { margin-top: 60px}
.mt-70 {  margin-top: 70px}
.mt-80 { margin-top: 80px}
.mt-90 { margin-top: 90px}
.mt-100 {  margin-top: 100px}

.mb-0 {margin-bottom: 0px}
.mb-10 {margin-bottom: 10px}
.mb-20 {margin-bottom: 20px}
.mb-30 {margin-bottom: 30px}
.mb-40 {margin-bottom: 40px}
.mb-50 {margin-bottom: 50px}
.mb-60 {margin-bottom: 60px}
.mb-70 {margin-bottom: 70px}
.mb-80 {margin-bottom: 80px}
.mb-90 {margin-bottom: 90px}
.mb-100 {margin-bottom: 100px}

  hr.divider {
    border: 0;
    height: 0;
    border-top: 1px solid #ddd;
  margin: 0px;
  padding: 0px;
}


.text-center {
    text-align: center;
}

.small-print{
font-size: 16px;
}

.standard-box-shadow{
/*  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  */
/*  box-shadow: 0 3px 10px 3px rgba(199, 199, 199, 0.3); */
  box-shadow: 0 3px 10px 3px rgb(56, 62, 68, 0.12);
  /*  box-shadow:
  0 0px 1px rgba(0, 0, 0, 0.034),
  0 0px 2px rgba(0, 0, 0, 0.048),
  0 0px 4px rgba(0, 0, 0, 0.06),
  0 0px 8px rgba(0, 0, 0, 0.072),
  0 0px 16px rgba(0, 0, 0, 0.086),
  0 0px 32px rgba(0, 0, 0, 0.12)*/
}


.hide-on-desktop{
    display:none
  }

.hide{display:none}

.line-height-one{
line-height: 1;
}

.fade-in {
  animation: fadeIn ease 0.25s;
}

.fade-in-0-5 {
  animation: fadeIn ease 0.5s;
}

.fade-in-0-75 {
  animation: fadeIn ease 0.75s;
}

.fade-in-1 {
  animation: fadeIn ease 1s;
}

ul.checkmark-list{
   list-style: url('https://7786787.fs1.hubspotusercontent-na1.net/hubfs/7786787/Check_space.svg');
}


       .fadeInLeft {
         opacity: 0;
         animation: fadeInLeft ease 1s;
         animation-delay: 0.5s;
         animation-fill-mode: forwards;  
 
  }

    .fadeInLeft-delay1 {
         opacity: 0;
         animation: fadeInLeft ease 1s;
         animation-delay: 0.8s;
         animation-fill-mode: forwards;  
 
  }

  @-webkit-keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-5%, 0, 0);
  transform: translate3d(-5%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-5%, 0, 0);
  transform: translate3d(-5%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 


@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}




/*small desktop and tablet*/

@media only screen and (max-width: 1024px) and (min-width: 768px){
  #yt_video iframe{
    width: 600px;
    height: 338px;
  }
  
}


/*tablet and smartphone*/

@media only screen and (max-width: 767px) {
  
  #yt_video iframe{
   width: 320px;
   height: 180px;
}

  
  .hide-on-desktop{
    display:block;
  }
  
  .hide-on-mobile{
    display:none
  }
  
  h1 {
     font-size: 30px;
  }
  
    h2 {
     font-size: 24px;
  }
  
      h3 {
     font-size: 22px;
  }
  
  .mobile-align-center {
  text-align: center;
  }
  
 .mpt-0 {padding-top: 0px}
.mpt-10 {padding-top: 10px}
.mpt-20 {  padding-top: 20px}
.mpt-30 {  padding-top: 30px}
.mpt-40 {  padding-top: 40px}
.mpt-50 {  padding-top: 50px}
.mpt-60 {  padding-top: 60px}
.mpt-70 {  padding-top: 70px}
  .mpt-80 {  padding-top: 80px}
  .mpt-90 {  padding-top: 90px}
  .mpt-100 {  padding-top: 100px}
  
.mpb-0 {padding-bottom: 0px}
.mpb-10 {padding-bottom: 10px}
.mpb-20 {  padding-bottom: 20px}
.mpb-30 {  padding-bottom: 30px}
.mpb-40 {  padding-bottom: 40px}
.mpb-50 {  padding-bottom: 50px}
.mpb-60 {  padding-bottom: 60px}
.mpb-70 {  padding-bottom: 70px}
.mpb-80 {  padding-bottom: 80px}
.mpb-90 {  padding-bottom: 90px}
.mpb-100 { padding-bottom: 100px}
  
 .mmt-0 {margin-top: 0px}
.mmt-10 {margin-top: 10px}
.mmt-20 {  margin-top: 20px}
.mmt-30 {  margin-top: 30px}
.mmt-40 { margin-top: 40px}
.mmt-50 { margin-top: 50px}
.mmt-60 { margin-top: 60px}
.mmt-70 {  margin-top: 70px}
  .mmt-80 {  margin-top: 80px}
  .mmt-90 {  margin-top: 90px}
  .mmt-100 {  margin-top: 100px}
  
.mmb-0 {margin-bottom: 0px}
.mmb-10 {margin-bottom: 10px}
.mmb-20 {margin-bottom: 20px}
.mmb-30 {margin-bottom: 30px}
.mmb-40 {margin-bottom: 40px}
.mmb-50 {margin-bottom: 50px}
.mmb-60 {margin-bottom: 60px}
.mmb-70 {margin-bottom: 70px}
.mmb-80 {margin-bottom: 80px}
.mmb-90 {margin-bottom: 90px}
.mmb-100 {margin-bottom: 100px}


  
  }

/* portrait smartphone */
@media only screen and (max-width: 467px){
  #yt_video iframe {
      height: 180px;
      width: 320px;
  }
}



/*Blog Elements Style */

.blog_container{
  min-height: 67vh;
}

.blog-post__tags{
  margin-bottom: 10px;
}

.blog-post__tag-link{
    border-radius: 3px;
    background-color: rgba(1, 135, 208, 0.1);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #0069a1;
}

.blog-post__tag-link:hover{
   background-color:  rgb(227 235 238);
    text-decoration:none;
}

.ambassador_listing, .related_ambassador_listing .hs_cos_wrapper{
  display:flex;
  grid-gap: 24px;
  padding: 48px 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.ambassador_list_item{
  display:block;
  border-bottom: 2px solid #e0e0e0;
  width: 304px;
  margin-bottom: 24px;
}

.lendesk-related-ambassador-image{
   height: 169px;
    width: 100%;
  box-sizing: border-box;
  background-size: cover;  
  background-position: top center;
  background-repeat: no-repeat;
  padding:20px;
}

a.ambassador_list_item:hover h4{
  color: var(--lendeskBlue) !important;
}


.card-text{
  padding: 24px 16px;
}

.card-text h4{
  margin-bottom: 12px;
  text-transform: capitalize;
}

.card-text p{
  font-weight:300;
  font-style: italic;
}




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