@import url('https://use.typekit.net/eaz4dsx.css');

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

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


/* 
 * Container overwrite 
 */

@media (min-width: 992px) and (max-width: 1520px) {
	.atmc-container {
		padding-left: 60px;
		padding-right: 60px;
	}
}

/* 
 * Typography
 */

body, h1, h2, h3, h4, h5, h6 {
	font-family: itc-avant-garde-gothic-pro,sans-serif;
	line-height: 1.25;
}
body {
  font-weight: 300;
	line-height: 1.475;
}

.atmc-cap {
	opacity: 1;
}

/*  
 * Additional overwrites
 */

.body-container-wrapper {
  overflow-x: hidden;
}

.body-wrapper {
  margin-top: 70px;
}

.feature-box label {
	background: var(--base);
	color: #fff;
	padding: 1rem 2rem;
	border-radius: 100px;
	text-transform: none;
	display: inline-block;
	top: -1.25rem;
	position: relative;
}

span.color--active {
  color: #ff4d00;
}

@media (min-width: 768px) {
	.feature-boxes .span6 {
		width: 50%;
		margin: 0;
	}
}
.btn,
.button {
    background-color: #ff4d00;
    color: #fff;
    border-radius: 24px;
    padding: 14px 32px;
    text-decoration: none;
    margin: 16px 0;
    position: relative;
    font-family: "itc-avant-garde-gothic-pro", sans-serif;
    text-align: center;
    cursor: pointer;
    outline: 0;
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
    border: 0;
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    -o-transition: all, .3s;
    transition: all, .3s;
      -webkit-box-shadow: 0 0 24px rgba(11, 37, 56, .1);
    -moz-box-shadow: 0 0 24px rgba(11, 37, 56, .1);
    box-shadow: 0 0 24px rgba(11, 37, 56, .1);
}

.btn:hover:not(:focus),
.button:hover:not(:focus) {
    background-color: #ff5f1a;
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    -o-transition: all, .3s;
    transition: all, .3s;
  color: #fff ;
}

/* atmc-btn atmc-btn-dark atmc-btn-l */

.btn--text {
    background-color: #fff;
    color: #ff4d00;
   -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 5px 0px !important;
  font-size: 0.8em;
}
.btn--text:hover:not(:focus) {
      background-color: #fff;
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    -o-transition: all, .3s;
    transition: all, .3s;
  color: #00263a !important;
}

.btn:focus,
.button:focus {
    background-color: #ff4d00
}

.btn span,
.button span {
    position: relative;
    top: -1px
}

.btn--active,
.btn--premium {
    background-color: #ff4d00;
    color: #fff !important;
}

.btn--active:hover,
.btn--premium:hover{
    background-color: #ff5f1a;
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    -o-transition: all, .3s;
    transition: all, .3s;
  color: #fff !important;
}

.btn--active:focus,
.btn--premium:focus{
    background-color: #f24900;
  color: #fff !important;
}

.btn--default,
.btn--essentials{
    background-color: #0b2538;
    color: #fff !important;
}

.btn--default:hover:not(:focus),
.btn--essentials:hover:not(:focus){
    background-color: #233b4c;
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    -o-transition: all, .3s;
    transition: all, .3s;
    -webkit-box-shadow: 0 0 24px rgba(11, 37, 56, .1);
    -moz-box-shadow: 0 0 24px rgba(11, 37, 56, .1);
    box-shadow: 0 0 24px rgba(11, 37, 56, .1);
    color: #fff !important;
}

.btn--default:focus,
.btn--essentials:focus{
    background-color: #0a2335;
    color: #fff !important;
}

.btn--active-alt,
.btn--enterprise{
    background-color: #00f0c8;
    color: #0b2538 !important;
}

.btn--active-alt:hover:not(:focus),
.btn--enterprise:hover:not(:focus){
    background-color: #1af2ce;
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    -o-transition: all, .3s;
    transition: all, .3s;
    color: #0a2335 !important;
}

.btn--active-alt:focus,
.btn--enterprise:focus {
    background-color: #00e4be;
    color: #0a2335 !imporant;
}

.btn--active--outline {
    background-color: #fff;
    color: #ff4d00 !important;
    border: 2px solid #ff4d00
}

.btn--active--outline:hover:not(:focus),
.btn--reverse:hover:not(:focus) {
    background-color: #fff6f2;
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    -o-transition: all, .3s;
    transition: all, .3s;
  color: #ff4d00 !important;
}


.btn--reverse {
    background-color: #fff;
    color: #ff4d00;
   -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn--active--outline:focus,
.btn--reverse:focus {
    background-color: #ffede6
}
.btn--active--outline:hover,
.btn--reverse:hover {
    background-color: #ffede6
}

/* BLOG OVERRIDES */
/* .atmc-blog-header {
  padding-top: 120px;
}
 */
/* BLOG CASE STUDY CATEGORIES */
#hs_cos_wrapper_widget_1720921667674 div.widget-module ul {
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  padding-inline-start: 0px !important;
}
@media (max-width: 800px) {
  #hs_cos_wrapper_widget_1720921667674 div.widget-module ul {
  display: flex;
  flex-wrap: wrap;
}
}
#hs_cos_wrapper_widget_1720921667674 div ul li {
  padding: 0px 10px !important;
}
#hs_cos_wrapper_widget_1720921667674 div ul li a{
  font-size: 14px !important;
} 
#hs_cos_wrapper_widget_1720921667674 div ul li a span.filter-link-count {
  font-size: 14px !important;
} 
#hs_cos_wrapper_widget_1720921667674 h3 {display: none !important;}



.atmc-grid {
    grid-row-gap: 4rem;
    grid-column-gap: 4rem;
}

.atmc-blog-index_post-content.blog-index_post-content--small h2 {
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-size: 20px;
  line-height: 1.5;
  max-width: 360px;
  color: #0a2335;
  margin: 24px 0 32px;
}

.atmc-blog-index_post-content.blog-index_post-content--small h1,
.atmc-blog-index_post-content.blog-index_post-content--small h2:not(.atmc-h4),
.atmc-blog-index_post-content.blog-index_post-content--small p,
.atmc-blog-index_post-content.blog-index_post-content--small em{
  display:none;
}

.atmc-blog-header_subtitle {
  font-weight: 500;
}

.blog-pagination_link--active, 
.blog-pagination_link--active:visited {
  color: #fff !important;
}

/* NEW HOMEPAGE */
#hs_cos_wrapper_widget_1709688556397 .hs-logo-grid__logo {height: 80px !important;}
.p-12 {padding: 2.2rem !important;}
.mt-10 {margin-top: 0.5rem;!important;}
/* 3x Client Logos*/
@media (max-width: 767px){
.hs-logo-grid__logo-wrapper {
    max-width: 24% !important;
}
}

/* 2x2 Platform Logos*/
@media (max-width: 767px){
 #hs_cos_wrapper_widget_1709695160361 .hs-logo-grid__logo-wrapper {
    max-width: 30% !important;
}
}
/* Button on mobile */
.mb-8 .atmc-content-01_content div {grid-template-columns: 2fr 0fr !important; display: grid;}
/* Benefits Cards */
.border-lightgray {border-color: #f5f7fb !important;}
.shadow-xl {box-shadow: 0 20px 25px -5px #f5f7fb, 0 10px 10px -5px #f5f7fb;}
.atmc-h4 {
  font-size: 1.3em !important; 
  line-height: 1.3 !important; 
  font-family: itc-avant-garde-gothic-pro, sans-serif;
}

/* PRODUCT TEMPLATE 
@media screen and (max-width: 768px) {
  .TBC {
    display: flex !important;
    flex-direction: column-reverse !important;
}
}*/