mht form/*-------------------------------------------------------------------------------
2021 Updates
--------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------
TYPOGRAPHY
--------------------------------------------------------------------------------*/
/* STYLES */
.mht-bold { font-weight: 700; }
.mht-italic { font-style: italic; }
.mht-text-align-right { text-align: right; }
.mht-text-align-centred { text-align: center; }
.mht-container li { margin-bottom: 10px; }

.mht-body { font-size: 18px; line-height: 1.4; }
.mht-body-sm { font-size: 16px; line-height: 1.4; }
.mht-body-xs { font-size: 14px; line-height: 1.4; }
.mht-body-xxs { font-size: 12px; line-height: 1.4; }
.mht-body-lg { font-size: 20px; line-height: 1.4; }
.mht-text-centered { text-align: center; }

/* HEADINGS */
.mht-heading-xxl { font-size: 40px; font-weight: 700; line-height: 1.2; }
.mht-heading-xl { font-size: 35px; font-weight: 700; line-height: 1.3; }
.mht-heading-lg { font-size: 30px; font-weight: 700; line-height: 1.3; }
.mht-heading-md { font-size: 25px; font-weight: 700; line-height: 1.3; }
.mht-heading-sm { font-size: 20px; line-height: 1.3; }
.mht-heading-xs { font-size: 18px; line-height: 1.3; }
@media screen and (max-width: 480px) {
  .mht-heading-xxl { font-size: 35px; font-weight: 700; line-height: 1.2; }
  .mht-heading-xl { font-size: 30px; font-weight: 700; line-height: 1.3; }
  .mht-heading-lg { font-size: 25px; font-weight: 700; line-height: 1.3; }
  .mht-heading-md { font-size: 20px; font-weight: 700; line-height: 1.3; }
  .mht-heading-sm { font-size: 20px; line-height: 1.3; }
  .mht-heading-xs { font-size: 18px; line-height: 1.3; }
  
}
p.mht-heading-xxl, p.mht-heading-xl, p.mht-heading-lg, p.mht-heading-md, p.mht-heading-sm { font-family: 'Montserrat', sans-serif; margin-top: 0; padding: 0 0; }

/* POST OR ARTICLE CONTENT */
.mht-post h2 { font-size: 25px; font-weight: 700; line-height: 1.3; color: #c84b61; margin-top: 35px; }
.mht-post h3 { font-size: 20px; font-weight: 700; line-height: 1.3; color: #c84b61; margin-top: 35px; }
.mht-post h4 { font-size: 18px; font-weight: 700; line-height: 1.3; color: #c84b61; }

.mht-post ul { list-style: none; margin: 25px 0px; padding-left: 15px; }
.mht-post ul li { color: #516e86; position: relative; font-size: 17px; line-height: 1.7; margin-bottom: 15px; padding-left: 25px; }
.mht-post ul li:before { display: inline-block; padding-right: .5em; font-family: FontAwesome; content: '\f054'; color: #c84b61; position: absolute; top: .1em; left: 0; }
.mht-post ol { margin: 25px 0px; }
.mht-post ol li { color: #516e86; font-size: 17px; line-height: 1.7; margin-bottom: 15px; padding-left: 25px; }

/* TEXT COLOURS */
.mht-teal { color: #46b0b6; }
.mht-red { color: #c84b61; }
.mht-red-light { color: #d6727c; }
.mht-red-dark { color: #c0364d; }
.mht-orange { color: #f5844c; }
.mht-orange-light { color: #f8b670; }
.mht-orange-dark { color: #ec7335; }
.mht-blue { color: #516e86; }
.mht-yellow { color: #f7be38; }
.mht-dark-grey { color: #4b4745; }
.mht-mid-grey { color: #c9b9b1; }
.mht-light-grey { color: #efede7; }
.mht-white, .mht-white p { color: #fff; }
.mht-black { color: #000; }
.agilio-yellow { color: #FFBE00 }
.agilio-slate { color: #484E61 }
.agilio-mid-grey { color:  #A1AEDB; }
.agilio-light-grey { color: #E8EEFF; }



/* BACKGROUND COLOURS */
.mht-bg-white { background-color: #fff; }
.mht-bg-teal { background-color: #46b0b6; }
.mht-bg-red { background-color: #c84b61; }
.mht-bg-orange { background-color: #f5844c; }
.mht-bg-blue { background-color: #516e86; }
.mht-bg-yellow { background-color: #f7be38; }
.mht-bg-dark-grey { background-color: #4b4745; }
.mht-bg-mid-grey { background-color: #c9b9b1; }
.mht-bg-light-grey { background-color: #efede7; }
.mht-bg-light-grey-light { background-color: #f4f5f0; }
.mht-bg-white { background-color: #fff; }
.mht-bg-black { background-color: #000; }
.agilio-bg-yellow { background-color: #FFBE00 }
.agilio-bg-slate { background-color: #484E61 }
.agilio-bg-mid-grey { background-color:  #A1AEDB; }
.agilio-bg-light-grey { background-color: #E8EEFF; }

/* BORDER COLOURS */
.mht-border-teal { border-color: #46b0b6; }
.mht-border-red { border-color: #c84b61; }
.mht-border-orange { border-color: #f5844c; }
.mht-border-blue { border-color: #516e86; }
.mht-border-yellow { border-color: #f7be38; }
.mht-border-dark-grey { border-color: #4b4745; }
.mht-border-light-grey { border-color: #efede7; }
.mht-border-light-light-grey { border-color: #f4f5f0; }


/*-------------------------------------------------------------------------------
STRUCTURE AND LAYOUT
--------------------------------------------------------------------------------*/

/* FLEX */
.mht-flex { display: flex; }
.mht-flex-column { flex-direction: column; }
.mht-flex-row { flex-direction: row; }
.mht-flex-wrap { flex-wrap: wrap; }
.mht-flex-justify-center { justify-content: center; }
.mht-flex-align-center { align-items: center; }
.mht-flex-align-right { align-items: flex-end; }
.mht-space-between { justify-content: space-between; }

/* SECTIONS */
.mht-section-padding-none { padding-top: 0px; padding-bottom: 0px; }
.mht-section-padding-sm { padding-top: 25px; padding-bottom: 25px; }
.mht-section-padding-md { padding-top: 50px; padding-bottom: 50px; }
.mht-section-padding-lg { padding-top: 75px; padding-bottom: 75px; }
.mht-section-padding-xl { padding-top: 100px; padding-bottom: 100px; }

/* CONTENT CONTAINERS */
.mht-container { max-width: 1200px; margin: 0 auto; padding: 0px 25px; position: relative; }
.mht-container-full-width { width:100%; }
.mht-container-1000 { max-width: 1000px; }
.mht-container-900 { max-width: 900px; }
.mht-container-800 { max-width: 800px; }

/* COLUMN LAYOUTS */
.mht-lg-1-col, .mht-lg-2-col, .mht-lg-3-col, .mht-lg-4-col { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

.mht-lg-4-col .mht-col { width: 20%; }
.mht-lg-3-col .mht-col { width: 30%; }
.mht-lg-2-col .mht-col { width: 45%; }
.mht-lg-1-col .mht-col { width: 100%; }

@media screen and (max-width: 768px) {
  .mht-md-2-col .mht-col { width: 46%; } 
  .mht-md-1-col .mht-col { width: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 25px }
}
@media screen and (max-width: 480px) {
  .mht-sm-1-col .mht-col { width: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 25px } 
}

.mht-col-align-center { align-items: center; }

.mht-col { }


/* SPACING */
.mht-margin-bottom-none { margin-bottom: 0px; }
.mht-margin-bottom-xs { margin-bottom: 10px; }
.mht-margin-bottom-sm { margin-bottom: 25px; }
.mht-margin-bottom-md { margin-bottom: 50px; }
.mht-margin-bottom-lg { margin-bottom: 75px; }
.mht-margin-bottom-xl { margin-bottom: 100px; }

.mht-margin-top-none { margin-top: 0px; }
.mht-margin-top-xs { margin-top: 10px; }
.mht-margin-top-sm { margin-top: 25px; }
.mht-margin-top-md { margin-top: 50px; }
.mht-margin-top-lg { margin-top: 75px; }
.mht-margin-top-xl { margin-top: 100px; }

.mht-margin-right-xs { margin-right: 10px; }
.mht-margin-right-sm { margin-right: 25px; }
.mht-margin-right-md { margin-right: 50px; }
.mht-margin-right-lg { margin-right: 75px; }
.mht-margin-right-xl { margin-right: 100px; }

.mht-padding-top-xs {padding-top: 10px; }
.mht-padding-bottom-xs {padding-bottom: 10px; }
.mht-padding-top-sm {padding-top: 25px; }
.mht-padding-bottom-sm {padding-bottom: 25px; }
.mht-padding-top-md {padding-top: 50px; }
.mht-padding-bottom-md {padding-bottom: 50px; }
.mht-padding-top-lg {padding-top: 75px; }
.mht-padding-bottom-lg {padding-bottom: 75px; }
.mht-padding-top-xl {padding-top: 100px; }
.mht-padding-bottom-xl {padding-bottom: 100px; }
.mht-padding-top-xxl {padding-top: 150px; }
.mht-padding-bottom-xxl {padding-bottom: 150px; }
.mht-padding-left-sm { padding-left: 25px; }
.mht-padding-left-md { padding-left: 50px; }
.mht-padding-left-lg { padding-left: 75px; }
.mht-padding-left-xl { padding-left: 100px; }
.mht-padding-right-sm { padding-right: 25px; }
.mht-padding-right-md { padding-right: 50px; }
.mht-padding-right-lg { padding-right: 75px; }
.mht-padding-right-xl { padding-right: 100px; }
.mht-padding-all-sm { padding: 25px; }
.mht-padding-all-md { padding: 50px; }
.mht-padding-all-lg { padding: 75px; }
.mht-padding-all-xl { padding: 100px; }

.mht-max-width-900 { max-width: 900px; }
.mht-max-width-800 { max-width: 800px; }
.mht-max-width-700 { max-width: 700px; }
.mht-max-width-600 { max-width: 600px; }

/* HEROES */
.mht-hero-bg { background-size: cover; background-position: 50% 50%; }

/* GUIDE HEROES */
.mht-guide-hero {  }
.mht-guide-hero-left-col { width: 50%; justify-content: flex-end; }
.mht-guide-hero-right-col { width: 50%; background-position: 50% 50%; background-size: cover; }
.mht-guide-hero-content { max-width: 600px; padding-right: 75px; }
.mht-guide-hero-intro { text-transform: uppercase; }
.mht-guide-hero p { color: #fff; }

.mht-hero-action-block { width: 90%; background-color: #fff; padding: 15px; margin-top: 40px; }
.mht-hero-action-block, .mht-hero-action-block p { color: #807976; }
.mht-hero-action-block-image { width: 40%; padding-right: 25px; }
.mht-hero-action-block-content { width: 60%; }
.mht-hero-action-block-title { font-size: 16px; font-weight: 700; font-family: "monserrat", sans-serif; margin: 0; }
.mht-hero-action-block-description { font-size: 13px; margin-top: 5px; margin-bottom: 20px; }

@media screen and (max-width: 1230px) {
  .mht-guide-hero-content { padding-left: 20px; }
}
@media screen and (max-width: 1000px) {
  .mht-guide-hero-content { padding-right: 25px; }
  .mht-hero-action-block { width: 100%; }
}
@media screen and (max-width: 800px) {
  .mht-guide-hero-left-col { width: 100%; }
  .mht-guide-hero-content { max-width: 800px; padding-right: 20px; }
  .mht-guide-hero-right-col { display: none; }
}

/* LANDING PAGES */
.mht-landing-no-header .body-container-wrapper { padding-top: 0px; !important }

/*-------------------------------------------------------------------------------
ELEMENTS
--------------------------------------------------------------------------------*/
/* IMAGES */
img.mht-image, .mht-image img { max-width: 100%; height: auto; }

/* DIVIDERS */
.mht-heading-divider { border-top-width: 0.5px; border-style: solid ; margin: 35px 0px; width: 100px; }
.mht-subheading-divider { border-top-width: 0.5px; border-style: solid ; margin: 20px 0px; width: 100px; }
.mht-divider-teal { border-color: #46b0b6; }
.mht-divider-red { border-color: #c84b61; }
.mht-divider-orange { border-color: #f5844c; }
.mht-divider-white { border-color: #fff; }

/* BUTTONS */
.mht-button { display: inline-block; cursor: pointer; }
a.mht-button, .mht-button a { font-weight: 700; display: inline-block; vertical-align: middle; padding: 10px 25px; border-radius: 10px; transition: 0.3s; color: #fff; }
a.mht-button-small, .mht-button-small a { font-weight: 700; display: inline-block; vertical-align: middle; padding: 5px 15px; border-radius: 6px; transition: 0.3s; color: #fff; }
a.mht-button-lg, .mht-button-lg { font-size: 20px; padding: 10px 30px;  }
a.mht-button-orange, .mht-button-orange a { background-color: #f5844c; }
a.mht-button-orange:hover, .mht-button-orange a:hover { background-color: #f8b670; }
a.mht-button-teal, .mht-button-teal a { background-color: #46b0b6; }
a.mht-button-teal:hover, .mht-button-teal a:hover { background-color: #61d6dd; }
a.mht-button-red, .mht-button-red a { background-color: #c84b61; }
a.mht-button-red:hover, .mht-button-red a:hover { background-color: #d6727c; }
a.agilio-button-slate, .agilio-button-slate a { background-color: #484e61; color: #fff;  }
a.agilio-button-slate:hover, .agilio-button-slate a:hover { opacity: 0.8;  }

/* MHT LOGO BULLETS */
ul.mht-logo-bullets { margin: 25px 0px; padding-left: 0px; list-style: none; font-size: 16px }
ul.mht-logo-bullets li { 
  font-size: 18px;
  min-height: 40px;
  margin-bottom: 25px; 
  padding-left: 60px; 
  padding-top: 5px;
  background-image: url('https://5034683.fs1.hubspotusercontent-na1.net/hubfs/5034683/icons/mht-icon-white.svg'); 
  background-repeat: no-repeat; 
  background-size: 30px auto; 
  background-position: left 5px;
}
ul.mht-logo-bullets li:last-child {margin-bottom: 0px; }
.mht-logo-bullet-title { margin-top: 5px; margin-bottom: 0px; font-size: 18px; color: #516e86; }
.mht-logo-bullet-text { margin-top: 0px; margin-bottom: 0px; }

/* ICONS */
.mht-feature-icon { width: 75px; background-color: #f5844c; border-radius: 50%; padding: 20px; }
.mht-feature-icon img { width: 100%; height: auto; }

/* TABLES */
.mht-table { width: 100%; }
.mht-table th { padding: 20px; border: 1px solid #efede7; }
.mht-table .mht-table-3-col th { width: 33.33%; }
.mht-table thead { color: #fff; background-color: #f5844c; text-transform: uppercase; }
.mht-table thead th { border: 1px solid #f8b670; font-weight: 700; }
.mht-table tbody tr:nth-child(odd) { background-color: #fff; }
.mht-table tbody tr:nth-child(even) { background-color: #f4f5f0; }

/* FORMS */
.hm.mht-form-compact p { font-size: 12px; }
.hm.mht-form-compact form input[type="text"], 
.hm.mht-form-compact form input[type="tel"],
.hm.mht-form-compact form input[type="email"],
.hm.mht-form-compact form input[type="url"],
.hm.mht-form-compact form input[type="number"] 
{ padding: 10px 10px; font-size: 13px; }
.hm.mht-form-compact form .hs-form-field>label { font-size: 14px; }
.hm.mht-form-compact form .hs_submit input { font-size: 14px; padding: 10px 15px; margin: 10px 0; }
.hm.mht-form-compact .submitted-message p { font-size: 16px; padding: 10px; border: 1px solid #fff; }

.mht-form-reversed p { color: #fff; }
.mht-form-reversed p a { color: #fff; text-decoration: underline; transition: 0.3s; }
.mht-form-reversed p a:hover { opacity: 0.8; }
.hm.mht-form-reversed form .hs_submit input[type=submit] { background-color: #fff; color: #4b4745; }
.hm.mht-form-reversed form .hs_submit input[type=submit]:hover { background-color: #fff; opacity: 0.8; }

.hm.mht-form-hide-labels form .hs-form-field>label { display: none; }

/* MISC */
.mht-name-credit { font-weight: 700; }
.mht-name-credit-role { font-style: italic; }

/*-------------------------------------------------------------------------------
EFFECTS
--------------------------------------------------------------------------------*/
/* SHADOWS */
.mht-shadow { box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 35%); }

/* PERSPECTIVE */
.mht-prespective-right, .mht-perspective-right { transform: perspective(1800px) rotateY(-15deg); }
.mht-prespective-left, .mht-perspective-left { transform: perspective(1800px) rotateY(15deg); }

/* ROUNDED */
.mht-rounded { border-radius: 30px; }
@media screen and (max-width: 768px) {
  .mht-rounded { border-radius: 20px; }
}

/*-------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------*/
/* standard header logo display, white version hidden */
.header .logo-new-agilio img { width: 385px !important; }
.header .navigation, .header-lp .navigation.navigation-agilio { width: calc(100% - 385px) !important; }
.header .logo-new-agilio.logo-reversed img { display: none; }

/* homepage displays reversed logo */
.home .header .logo.logo-new-agilio { display: none; }
.home .header .logo.logo-new-agilio.logo-reversed { display: block; }
.home .header .logo-new-agilio.logo-reversed img { display: inline; }

/* first breakpoint - home background still teal */
@media screen and (max-width: 1000px) {
  .header-logo-group { width: 100% !important; }
  .header .logo-new-agilio img { width: 400px !important; max-width: 100%; margin-top: 20px; }
  .header .navigation, .header-lp .navigation.navigation-agilio { width: 100% !important; }
  .header .logo-new-agilio.logo-reversed { display: none; }
  .home .header .logo.logo-new-agilio.logo-reversed { display: block; }
  
}
/* next breakpoint - background white */
@media screen and (max-width: 800px) {
  .home .header .logo.logo-new-agilio { display: block; }
  .home .header .logo.logo-new-agilio.logo-reversed { display: none; }
}
/* sticky menu */
.home.sticky .header .logo.logo-new-agilio { display: block; }
.home.sticky .header .logo.logo-new-agilio.logo-reversed { display: none; }
@media screen and (max-width: 1000px) {
  .sticky .header { padding-bottom: 20px; }
}


/*-------------------------------------------------------------------------------
HEADER NAV MENU
--------------------------------------------------------------------------------*/
.header .navigation ul>li.hs-menu-depth-1>a {
    font-size: 16px;
}
.header .navigation ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper li a {
    font-size: 16px;
}

/*-------------------------------------------------------------------------------
BLOG
--------------------------------------------------------------------------------*/
/* BLOG IMAGE CTA */
.blog-post-wrapper .hs-cta-wrapper .hs-cta-img { display: block; margin: 75px auto; width: 600px; max-width: 100%; }
/* POST PADDING MOBILE */
@media screen and (max-width: 480px) {
  .blog-section .section.post-body {
    padding: 30px 20px;
  }
}

/*-------------------------------------------------------------------------------
DEFAULT MODULE OVERRIDES
--------------------------------------------------------------------------------*/
/* remove left indent from social sharing logo pack */
.row-fluid .mht-social-sharing .span12 {
  margin-left: 0px;
}