.elementor-kit-11{--e-global-color-primary:#9C926E;--e-global-color-secondary:#F1EEE9;--e-global-color-text:#232B2F;--e-global-color-accent:#B4BEC3;--e-global-color-6c2a41a4:#FFFFFF;--e-global-color-2ee562b2:#000000;--e-global-color-5bef2f07:#000;--e-global-color-35f7c406:#FFF;--e-global-typography-primary-font-family:"Encode Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Encode Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Encode Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Encode Sans";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Encode Sans", Sans-serif;font-size:1rem;font-weight:normal;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:var( --e-global-color-text );font-weight:bold;text-transform:none;color:var( --e-global-color-6c2a41a4 );border-style:solid;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{background-color:var( --e-global-color-6c2a41a4 );color:var( --e-global-color-text );border-style:solid;border-color:var( --e-global-color-text );}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-text );font-weight:600;}.elementor-kit-11 a:hover{color:var( --e-global-color-accent );}.elementor-kit-11 h1{color:var( --e-global-color-6c2a41a4 );font-family:"Encode Sans", Sans-serif;font-size:5.96rem;font-weight:900;text-transform:lowercase;}.elementor-kit-11 h2{color:var( --e-global-color-text );font-family:"Encode Sans", Sans-serif;font-size:2.441rem;font-weight:900;text-transform:uppercase;line-height:42px;}.elementor-kit-11 h3{color:var( --e-global-color-text );font-family:"Encode Sans", Sans-serif;font-size:5.96rem;font-weight:900;text-transform:lowercase;line-height:1.2em;}.elementor-kit-11 h4{font-family:"Encode Sans", Sans-serif;font-size:1.33rem;font-weight:700;}.elementor-kit-11 label{line-height:32px;}.elementor-kit-11 input:not([type="button"]):not([type="submit"]),.elementor-kit-11 textarea,.elementor-kit-11 .elementor-field-textual{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11 h1{font-size:3.2rem;}.elementor-kit-11 h2{font-size:2rem;}.elementor-kit-11 h3{font-size:1.5rem;}.elementor-kit-11 h4{font-size:1.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-text-editor a {
    border-bottom: 1px solid #b4bec3;    
}

.landing-page-h3 h3 {
    font-size: 2.5rem;
}

.h3-smaller h3{
    font-size: 1.5rem;
     text-transform: capitalize;
}

/* Dark Theme */
.theme-dark .elementor-text-editor a {
    color: white;
    border-bottom: 1px solid white;
}

.theme-dark .elementor-text-editor a:hover {
    color: #232b2f;
    border-bottom: 1px solid #232b2f;
}

/* -----------------------------------
 LOGO OVERLAY
 Overlay the Atrafin Logo on Images 
----------------------------------- */
.logo-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    left: 30%;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-image: url(//americantradefinance.com/wp-content/uploads/2021/05/Atrafin-Website-Assets-02-1.svg);
    background-repeat: no-repeat;
    opacity: 0.1;
    background-position: 480% 40%;
    background-size: 90%;
}

/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
	.logo-overlay:before {
        background-position: 0% 80%;
    background-size: 730px;
	}
}


/*logo-overlay-dark*/
.logo-overlay-dark:before {
    content: '';
    position: absolute;
    top: 0;
    left: 30%;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-image: url(//americantradefinance.com/wp-content/uploads/2021/05/Atrafin-Website-Assets-11-1.svg);
    background-repeat: no-repeat;
    opacity: 0.05;
    background-position: 560% 60%;
    background-size: 90%;
}

/*mobile positioning and size*/
/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
	.logo-overlay-dark:before {
	    z-index: 0;
	    background-position: 0% 50%;
        background-size: 750px;
	}
}

/*overlay-center*/
.overlay-center:before {
    background-position: 150% 60%;
}

/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
/*overlay-center*/
.overlay-center:before {
    background-position: 50% 60%;
    left: 0%;
    }	
}



/* -----------------------------------
  HOME PAGE
-----------------------------------*/

/*bold words on mobile*/
/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
    .bold-on-mobile {
        font-weight: bold;
    }
    
    /* HIDE - On Mobile */
    .hide-om {
        display: none !important;
    }
}


/* -----------------------------------
  GROWTH STORIES 
-----------------------------------*/

/* Row */
.growth-story {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -40px;
  text-align: center;
  box-sizing: border-box;
  /**/
}

/* Column */
.story-col {
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
  font-size: 2.441rem;
  line-height: 1;
  font-weight: 900;
  /**/
}

.story-col:first-child {
  border-right: 3px solid black;
}

/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
    .story-col:first-child {
    width: fit-content;
    margin: 0 auto;
    }	
}

.hero-number {
  font-size: 14.552rem;
  font-weight: 800;
  line-height: 1;
  transform: scale(1, 0.9);
  /* Squash Font Vertically */
}

/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
    .hero-number {
  font-size: 10.552rem;
  font-weight: 800;
  line-height: 1;
  transform: scale(1, 0.9);
  /* Squash Font Vertically */
    }	
}

.story-subtitle {
  display: block;
  width: 100%;
  margin-top: 20px;
  font-weight: 600;
  margin-left: -9px;
  /**/
}

/* Light Theme */
.growth-story.white .story-col {
  color: white;
}

.growth-story.white .story-col:first-child {
  border-color: white !important;
}

.growth-story.white .story-subtitle {
  color: white;
}

/* Smaller than [ 1024px ] - Tablet */
/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
  .growth-story {
    width: 480px;
    margin-left: 0px;
    justify-content: center;
  }
  .story-subtitle {
    text-align: center;
    margin-left: 0;
  }

  .growth-story.vertical-collapse {
    flex-direction: column;
    width: auto;
  }
  .growth-story.vertical-collapse .story-col {
    padding: 0px 0px 30px 0px;
  }
  .growth-story.vertical-collapse .story-col:first-child {
    border-right: none;
    border-bottom: 3px solid black;
  }
}

/* growth stories icon list centered on mobile */
/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
	.icon-list-center-mobile {
	    display: flex;
	    justify-content: center;
	}
}

@media only screen and (max-width: 480px) {
	.icon-list-center-mobile .elementor-icon-list-items {
	    width: 350px;
	}
}

@media only screen and (max-width: 480px) {
	.icon-list-center-mobile .elementor-icon-list-items .elementor-icon-list-item {
	    justify-content: center;
	}
}


/*-----------------------------------
    Home Page Growth Stories Slideshow
    ---------------------------------*/
/*growth story location and industry snippet*/
.story-location {
    display: flex;
    margin-bottom: 90px;
    justify-content: flex-end
}

/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
    .story-location {
        justify-content: center;
    font-size: 18px;
    margin-bottom: 45px;
    }
}

/*icon postioning and spacing*/
.story-location i {
    margin: auto 0;
}

.story-location p {
        margin: auto 0 0 10px;
}

.growth-story-slideshow {
    margin-bottom: 180px;
}

/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
    .growth-story-slideshow {
    margin-bottom: 90px;
    }	
}

/*center first number on mobile and decrease border width */
/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
.slide-show-story-col:first-child {
    width: min-content;
    margin: auto;
}	
}

/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
    .growth-amount-mobile {
        display: block;
    }
}


/* -----------------------------------
  HOMEPAGE 
  Slideshow Money Symbols
-----------------------------------*/
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -40px;
  left: -3px;
}

sub {
  bottom: 0px;
    font-size: 20px !important;
}

/*sup mobile size and positioning*/
/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
	sup {
        top: -13px;
        left: -3px;
        padding-left: 4px;
        font-size: 20px !important;
    }
}

/*sup mobile size and positioning*/
/* Smaller than [ 480px ] - Mobile */
@media only screen and (max-width: 480px) {
    sub {
        bottom: -4px !important;
    }
}



/* IMAGE DARK OVERLAY - Overlay dark color on an image */
.color-overlay:before {
    content: '';
    position: absolute;
    top: -55px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: black;
    opacity: 0.5;

}


/* -----------------------------------
  JUMP / ANCHOR LINKS
-----------------------------------
#manufacturers,
#emerging-market-distributors,
#purchasers,
#financial-institutions,
#intermediaries {
  position: relative;
  top: 50px !important;
}
*//* End custom CSS */