/* Order of files */
/* this file is theme */
/* 1 LO_variables import to theme - styles - core */
/* 2 LO_styles include in theme */
/* 3 LO_theme include in core */
/* 4 LO_core attach to LO_master */


 
 


 

/* ============================ */
/* ====== Bouncing Arrow STMC ======== */

/** BOUNCING ARROW CSS STARTS HERE **/
@bg: #ec533a; // Dark blue
@primary: #fd6b21; // Orange

body { background: @bg;}
a { color: ec533a; text-decoration: none; }

.arrow {
  text-align: left;
  margin: 8% 0;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/** BOUNCING ARROW CSS ENDS HERE **/

/* ============================ */
/* ====== Bouncing Arrow STMC ======== */


/* ============================ */
/* ====== Font Imports ======== */
/* ============================ */

/* Ambiance BT Font */
@font-face {
  font-family: 'Ambiance-BT';
  src: url('https://3811900.fs1.hubspotusercontent-na1.net/hubfs/3811900/Font%20Files/ambiance_bt.ttf');
  font-weight: 400;
  font-style: normal;
}


/* Tahoma Regular Font */
@font-face {
  font-family: 'Tahoma'; 
  font-display: swap;
  src: url('https://3811900.fs1.hubspotusercontent-na1.net/hubfs/3811900/Font%20Files/tahoma.ttf');
  font-weight: 400;
  font-style: normal;
}

/* Tahoma Bold Font */
/* @font-face {
  font-family: 'Tahoma';
  src: url('https://3811900.fs1.hubspotusercontent-na1.net/hubfs/3811900/Font%20Files/tahomabd.ttf');
  font-weight: 700;
  font-style: normal;
} */
 


/* ========================= */
/* ===== Font Styles ===== */
/* ========================= */
  
h1, h1  {
	font-family: 'trebuchet ms', sans-serif;
	font-size: 55px;
  text-transform: uppercase;
	font-weight: 400;
  margin: 0;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h2, h2  {
  font-family: 'trebuchet ms', sans-serif;
  font-size: 45px;
  line-height: 46px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}

h3, h3  {
  font-family: 'trebuchet ms', sans-serif;
	font-size: 24px;
  margin: 10px 0 20px;
  font-weight: 400;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h4, h4  {
  font-family: 'trebuchet ms', sans-serif;
	font-size: 23px;
  letter-spacing: 1.2px;
  font-weight: 400;
  line-height: 1.25em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h5, h5  {
  font-family: 'Baker-Signet', sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h6, h6  {
  font-family: 'Baker-Signet', sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div {
  line-height: 25pt;
}

p, p span, li, li p, li span {
  font-size: 17px;
 	line-height: 1.75em;
  font-weight: 500;
  margin: 0;
  padding: 10px 0;
  font-family: 'Tahoma', sans-serif;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

li, li p, li span {
  padding: 0;
}

a {
  font-size: unset;
  line-height: unset;
  font-weight: unset;
  text-decoration: none;
  margin: unset;
  color: #55a03b;
}

.white-text-shadow-h1 h1 {
	text-shadow: 0 0 38px #72607a;
}

.header-no-margin h1, .header-no-margin h2, .header-no-margin h3, 
.header-no-margin h4, .header-no-margin h5, .header-no-margin h6 {
	margin: 0 !important;
}

.p700 p {
  font-weight: 700;
}

.blue-p, .blue-p p {
  color: #2e3f5c;
}
.small-h2 h2, .small-h2 h2 span {
  font-size: 30px;
}
.large-h3 h3, .large-h3 h3 span {
  font-size: 42px;
}
.large-h4 h4, .large-h4 h4 span {
  font-size: 26px;
}
.semi-bold-h4 h4 {
  font-weight: 600;
}

@media(max-width: 950px) {
  h2, h2 span { 
    font-size: 42px;
  }
}


@media(max-width: 767px) {
  h1, h1 span {
    font-size: 36px;
  }
  h2, h2 span {
    font-size: 29px;
  }
}

/* Global Styles */
  img {
    height: auto;
  }

/* ========================= */
/* ===== Global Header ===== */
/* ========================= */

/* General Header Styles */
.nav-wrapper {
  background: #fff;
  padding: 0 30px 0 15px;
}
.nav-wrapper .page-center {
  position: relative;
}
.nav-wrapper .logo {
  padding: 30px 0 13px !important;
}
.nav-wrapper .mini-header-text {
  padding-top: 7px;
}
.nav-wrapper .mini-header-text p, .nav-wrapper .mini-header-text span {
  font-size: 16px;
  color: #a8a9ab;
  font-weight: 700;
}
.nav-wrapper .mini-header-text p span {
  padding: 0 10px;
  vertical-align: initial;
}
/* .nav-wrapper .mini-header-text p span:last-child {
  padding: 0 0 0 10px;
}
.nav-wrapper .mini-header-text p span:first-child {
  padding: 0 10px 0 0;
} */
.nav-wrapper .mini-header-text p span:nth-child(2) {
  padding: 0 20px;
}
.global-sticky-header-offset, .solid-nav .body-container-wrapper {
  margin-top: 94px !important;
}
.mobile-mini-header {
  display: none !important;
}

@media(max-width: 1250px) {
  .generic-padding {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media(max-width: 950px) {
  .nav-wrapper {
    padding: 0 50px;
  }
  .global-sticky-header-offset, .solid-nav .body-container-wrapper {
    margin-top: 0 !important;
  }
  .nav-wrapper {
    padding: 0 10px;
  }
  .banner-text-padding {
    padding: 0 15px;
  }
}

@media(max-width: 767px) {
  .desktop-mini-header {
    display: none !important;
  }
  .mobile-mini-header {
    display: block !important;
  }
  .nav-wrapper .logo {
    padding: 20px 50px 0 0 !important;
  }

}


/* Search */
.hs-search-field {
  margin-top: 5px;
}
.hs-search-field__input {
  font-size: 13px;
  line-height: 1em;
  background: url('https://4161370.fs1.hubspotusercontent-na1.net/hubfs/4161370/First%20Bank/icon-search%20%281%29.png');
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 13px;
}

 
/* Main Menu */
.nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li a {
  color: #384762;
  font-weight: bold;
  padding: 12px 20px;
  margin: 6px 0;
  font-size: 18px;
  border-top: 0 !important;
  border-bottom: 0;
}
.nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li:last-child a {
  padding: 12px 0 12px 20px;
}
.nav-wrapper .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover, 
.nav-wrapper .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:focus {
  color: #55a03b;
  text-decoration: underline;
  border-top: 0 !important;
  border-bottom: 0;
}
.nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover {
  color: #55a03b !important;
}
.nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  white-space: normal;
  min-width: 165px;
  background: #fff;
}
.nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  box-shadow: 20px 27px 35px 10px rgba(39,55,74,.15);
}

@media(max-width: 1037px) {
  .nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li a {
    font-size: 16px;
    padding: 12px 18px;
  }
}

@media(max-width: 950px) {
  .nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
  }
  .nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: inline-block;
    padding: 0;
    background-color: #2e3f5c;
  }
  .nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a:hover {
    text-decoration: none;
  }
  .nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > ul.hs-menu-children-wrapper li a {
    background-color: #2e3f5c;
    font-weight: 500;
    padding: 5px 20px;
    text-indent: 0;
  }
  .nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li a {
    padding: 0 18px;
  }
  
}

/* Mobile Menu */
@media(max-width: 950px) {
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal {
    top: 0;
    padding: 0;
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul {
    padding-top: 50px;
    background: #2e3f5c;
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul li a {
    font-size: 16px !important;
    text-transform: uppercase;
    color: #fff !important;
	}
  .mobile-open a.mobile-trigger i:before, .mobile-open a.mobile-trigger i:after {
   	background-color: #fff;
  }
  a.child-trigger span, a.child-trigger span:after {
    background-color: #fff;
  }
}


/* ========================= */
/* ===== General Styles ===== */
/* ========================= */
.page-center {
  max-width: 1215px !important;
}

hr.blue-line-center {
  width: 60px;
  margin: 0 auto;
  height: 3px;
  background-color: #2e3f5c;
  border: 0;
}
.small-top-padding {
  padding-top: 20px;
}
.small-bottom-padding {
  padding-bottom: 20px;
}
.generic-padding {
  padding: 40px 0;
}

.desktop-hide {
  display: none !important;
}
.large-bottom-padding {
  padding-bottom: 10%;
}
.module-border-bottom {
  margin-bottom: 10px;
}
.module-border-top {
  margin-top: 10px;
}
.module-border-left {
  margin-left: 10px;
}
.module-border-right {
  margin-right: 10px;
}


@media(max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
  .desktop-hide {
    display: inline-block !important;
  }
  .large-bottom-padding {
  	padding-bottom: 3%;
	}
}

.phone-number-block {
  padding: 30px 15px;
}
.phone-number-block a {
  border-bottom: 2px solid #2e3f5c;
}
.second-bucket-section h4 {
  font-size: 18px;
}

.first-icon-section h4 {
  height: 50px;
}
.second-bucket-section h4 {
  height: 70px;
}


@media(max-width: 1100px) {
  .first-icon-section h4 {
    height: 70px;
  }
  .bbs-bu1 {
    padding: 40px 5px !important;
  }
}

@media(max-width: 767px) {
  .first-icon-section h4 {
  	height: auto;
	}
	.second-bucket-section h4 {
  	height: auto;
	}
}

/* ========================= */
/* ===== Custom Modules ===== */
/* ========================= */

/* ===== Top Banner ===== */
.bbs-lo-container {
  min-height: unset !important;
}
.bbs-lo-container .page-center {
  width: 100% !important;
}
.bbs-lo-container.short-banner .page-center {
  padding: 4% 15px;
}
.bbs-lo-container.tall-banner .page-center {
  padding: 7% 15px;
}
.bbs-lo-content {
  width: auto;
  padding: 0;
}
.bbs-lo-content p {
  font-size: 20px;
  line-height: 2em;
}
.right-header .bbs-lo-text {
  padding-left: 45%;
}
.bbs-lo-text {
  padding-left: 0;
}


@media(max-width: 950px) {
  .bbs-lo-content {
    width: 100%;
    padding: 0;
  }
  .bbs-lo-text {
    padding: 65px 15px;
    text-align: center;
  }
  .bbs-lo-container {
    min-height: auto;
  }
  .bbs-lo-container.tall-banner .page-center {
    width: auto !important;
    padding: 7% 0;
  }
  .right-header .bbs-lo-text {
    padding-left: 0px;
  }
  .bbs-lo-text {
    padding: 0;
  }
  .bbs-lo-content p {
    font-size: 16px;
  }
}

/* ==== CM-C1 Module ==== */
.card-box-2col .left-card {
  padding: 10px 5px 0px 10px;
}
.card-box-2col .right-card {
  padding: 10px 10px 0px 5px;
}

.cm-c1.nested-card .project-gallery-tile .project-content {
  height: 550px;
  /*background: rgba(0,0,0,0.46);*/
  background: linear-gradient(rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 25%,rgba(0,0,0,0.81) 100%) !important;
/*   background: rgba(85, 160, 59,0.46); */
}
.cm-c1.nested-card .project-gallery-tile .project-content:hover {
  background: linear-gradient(rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 25%,rgba(0,0,0,0.81) 100%) !important
}
.cm-c1.nested-card .project-gallery-tile .color-card .project-content {
  background: none !important;
}

.cm-c1 .static-text {
  position: relative;
  top: unset;
  left: unset;
  transform: none;
  padding: 0 16%;
  text-align: center;
}
.cm-c1 .static-text h2 {
  margin: 0;
}
.cm-c1 .static-text h2::before {
  border-top: 1px solid #fff;
  width: 50px;
  height: 1px;
  content: ' ';
}
.cm-c1 .image-card .static-text h1, .cm-c1 .image-card .static-text h2, .cm-c1 .image-card .static-text h3,
.cm-c1 .image-card .static-text h4, .cm-c1 .image-card .static-text h5, .cm-c1 .image-card .static-text p,
.cm-c1 .image-card .hover-text h1, .cm-c1 .image-card .hover-text h2, .cm-c1 .image-card .hover-text h3,
.cm-c1 .image-card .hover-text h4, .cm-c1 .image-card .hover-text h5, .cm-c1 .image-card .hover-text p{
  color: #fff;
}
.cm-c1 .project-content {
  position: relative;
}
.cm-c1 .hover-text {
  display: block;
  padding: 0 16%;
  text-align: center;
}

.cm-c1 .content-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
} 

.cm-c1 .image-card hr {
  color: #fff !important;
  border-style: solid;
  font-size: 1px;
  height: 0px;
  width: 111px;
}
.cm-c1 .color-card hr {
  color: #112445 !important;
  border-style: solid;
  font-size: 1px;
  height: 0px;
  width: 111px;
}
.no-hover-card .cm-c1.nested-card .project-gallery-tile .project-content {
  opacity: 1;
}
@media(max-width: 767px) {
  .cm-c1 .hover-text {
    padding: 0 15px;
  }
  .card-box-2col .left-card {
    padding: 10px 10px 5px;
  }
  .card-box-2col .right-card {
    padding: 5px 10px 10px;
  }
}

/* ==== CM-Z2 Module ==== */
.bbs-z2-container {
  display: flex;
  padding: 10px;
  width: calc(100% / 1 - 20px);
}
.bbs-z2-container.no-border-top-bottom {
 padding-top: 0px;
 padding-bottom: 0;
}

 .bbs-z2-container.right {
   flex-direction: row-reverse;
}
.bbs-z2-container .bbs-z2-background {
  width: calc(100% / 2 - 6px);
  float: left;
  margin-right: 6px;
  position: relative;
}
.bbs-z2-container.right .bbs-z2-background, .left-image-z.bbs-z2-container .bbs-z2-background{
  float: right;
  margin-left: 6px;
  margin-right: 0;
}
.bbs-z2-container .bbs-z2-image {
  width: calc(100% / 2 - 6px);
  float: left;
  margin-left: 6px;
  position: relative;
}
.bbs-z2-image img {
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bbs-z2-container.right .bbs-z2-image, .left-image-z.bbs-z2-container .bbs-z2-image {
  float: left;
  margin-right: 6px;
  margin-left: 0;
}
.bbs-z2-container .bbs-z2-background .bbs-z2-text-padding {
  text-align: center;
  width: 76%;
}
.bbs-z2-container hr {
  color: #cbcbcb !important;
  width: 111px;
  border-style: solid;
  font-size: 1px;
  height: 0px;
  margin: 19px auto 6px;
}
.bbs-z2-container ul {
  padding-top: 18px;
}
.bbs-z2-container .video-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.bbs-z2-container .video-text p {
  font-family: 'Baker-Signet', sans-serif;
   color: #fff;
  letter-spacing: 1.2px;
  font-size: 20px;
}
.bbs-z2-container a {
  color: #55a03b !important;
  text-decoration: underline;
}

@media(max-width: 950px) {
  .bbs-z2-container .bbs-z2-background .bbs-z2-text-padding {
    width: auto;
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    height: auto;
    padding: 20px;
  }
  .bbs-z2-container .bbs-z2-background {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .bbs-z2-container .bbs-z2-image {
    width: 100%;
    margin-left: 0;
    height: 300px; 
  }
  .bbs-z2-container .video-text {
    width: unset;
    transform: translate(-50%, -50%);
  }
}

/* ==== CM-CB1 ==== */
.bbs-cb1-background {
  margin: 10px;
}
.bbs-cb1-header {
  padding: 10px 20%;
}
.cm-cb1 .cta-bar .cta-text {
  padding-bottom: 10px;
}
.cm-cb1 .cta-bar-tall .cta-bar-padding {
  padding: 60px 15px;
}

@media(max-width: 767px) {
  .bbs-cb1-header {
    padding: 10px;
  }
  .bbs-cb1-container {
    padding: 20px 15px;
  }
}
  


/* ==== Video Module ==== */
.custom-video-module #modal-window #modal-content {
  margin: 10% auto;
  width: 850px;
  height: 479px;
}

/* ==== CM-BU1 ==== */
.bbs-bu1 img {
  width: unset;
}
.bbs-bu1 {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13);
  padding: 25px;
  background-color: white;
}
.bbs-bu1 h1, .bbs-bu1 h2, .bbs-bu1 h3, 
.bbs-bu1 h4, .bbs-bu1 h5, .bbs-bu1 h6 {
  padding: 0 11px;
  margin: 0 0 5px;
}

@media(max-width: 767px ) {
  .bbs-bu1 .bbs-text-block p {
   	padding: 0 0 10px;
  }
  .bbs-bu1 h1, .bbs-bu1 h2, .bbs-bu1 h3, 
  .bbs-bu1 h4, .bbs-bu1 h5, .bbs-bu1 h6 {
    margin: 0 0 10px;
  }
  .bbs-bu1 {
    padding: 10px 5px;
  }
}

/* ==== CM-BU2 ==== */
.cm-bu2.icon .image-block {
  display: none;
}
.cm-bu2.image .icon-block {
  display: none;
}
.cm-bu2 .text-block a:hover h4 {
  color: #afa96e;
}
.bucket-hover-icon .cm-bu2:hover .image-block2 img {
  opacity: .7;
  transition: ease .3s;
}


@media(max-width: 767px) {
  .cm-bu2 .text-block {
    padding: 20px 0;
  }
}




/* ==== RSS Feed ==== */
.bbs-blog-container {
  padding: 0 5px;
}
.bbs-post-item {
  padding: 10px 6px;
  flex-basis: calc(100% / 3 - 12px) !important;
  position: relative;
}
.bbs-blog-container .bbs-post-content {
  padding: 0;
  background-image: linear-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.81) 100%) !important;
  height: 375px;
}
.bbs-blog-container .bbs-post-content:hover {
  background-image: linear-gradient(rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.81) 100%) !important;
}
.bbs-blog-featured-image {
  padding-bottom: 0;
  width: auto;
  height: auto;
  position: relative;
}
.bbs-post-item .date-text {
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  font-weight: 400;
  text-align: left;
  padding: 20px;
  -webkit-font-smoothing: antialiased;
}
.bbs-blog-container .bbs-post-content h3, .bbs-blog-container .bbs-post-content h3 a {
  font-size: 34px;
  line-height: 30px;
  letter-spacing: 1.2px;
  font-weight: 400;
  margin: 0;
  font-family: 'trebuchet ms', serif;
  color: #fff;
}
.bbs-blog-container .bbs-post-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  padding: 5px 0;
}
.bbs-blog-container .bbs-post-info {
  position: absolute;
  bottom: 0px;
  padding: 20px 20px 8px;
}
.bbs-blog-container .read-more-link {
  color: #fff;
  -webkit-font-smoothing: antialiased;
  line-height: 2em;
  font-family: 'trebuchet ms', serif;
  font-size: 20px;
}
.bbs-blog-container .read-more-link:hover {
  color: #afa96e;
}

@media(max-width: 767px) {
  .bbs-post-item {
    flex-basis: calc(100% / 1) !important;
    padding: 10px 5px;
  }
  .bbs-blog-container .read-more-link {
    position: initial;
  }
  .bbs-blog-container .read-more-button {
    margin-top: 30px;
  }
  
}

/* CM-BU6 */
.bbs-bu6 .bbs-text-block, .bbs-bu6:hover .bbs-text-block {
  opacity: 1;
  background: none;
  position: relative;
}
.cm-bu6 .text-block {
  height: 150px;
  margin-left: 0;
}
.bbs-bu6 h4 {
  color: #1f1f1f;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  -webkit-font-smoothing: auto;
}
.bbs-bu6 p { 
  color: #112445;
  font-size: 16px;
  color: #757575;
  letter-spacing: 0.8px;
  padding-top: 10px;
}
.cm-bu6 .image-block {
  height: 350px;
}
.cm-bu6 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bucket-hover-icon .cm-bu6 .text-block {
  height: 200px;
}
.bucket-hover-icon .cm-bu6 .image-block {
  height: 200px;
}
@media(max-width: 975px) {
  .bucket-hover-icon .cm-bu6 .text-block, 
  .bucket-hover-icon .cm-bu6 .image-block {
    height: 250px;
  }
}

@media(max-width: 900px) {
  .cm-bu6 .text-block {
    height: 200px;
  }
  
}

@media(max-width: 767px) {
  .cm-bu6 .text-block {
    height: auto;
  }
  .cm-bu6 .image-block {
    height: auto;
  }
  .bucket-hover-icon .cm-bu6 .text-block,
  .bucket-hover-icon .cm-bu6 .image-block {
    height: auto;
  }

}

/* === CM-A1 ==== */
.bbs-cm-a1.bbs-accordion h4.ui-accordion-header, .bbs-cm-a1.bbs-accordion h4.ui-accordion-header:hover {
  color: #112445;
  font-size: 24px;
  font-style: italic;
  letter-spacing: 1.2px;
  border-top: 1px solid #55a03b;
  padding: 40px 0;
}
.bbs-cm-a1.bbs-accordion h4.ui-accordion-header:first-child:hover {
  border-top: 0;
}

.bbs-cm-a1.bbs-accordion h4.ui-accordion-header .ui-accordion-header-icon, .bbs-cm-a1.bbs-accordion h4.ui-accordion-header:hover .ui-accordion-header-icon {
  font-style: normal;
}

.bbs-cm-a1.bbs-accordion h4.ui-accordion-header .ui-accordion-header-icon {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  top: -11px;
  width: 49px;
  height: 49px;
  position: relative;
}
.bbs-cm-a1.bbs-accordion h4.ui-accordion-header .ui-accordion-header-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.bbs-cm-a1.bbs-accordion .ui-accordion-content.ui-accordion-content-active {
  padding: 0 0 40px;
}
.bbs-accordion div {
  line-height: 1em;
}
.bbs-cm-a1.bbs-accordion .ui-accordion-content.ui-accordion-content-active p, 
.bbs-cm-a1.bbs-accordion .ui-accordion-content.ui-accordion-content-active p span {
  color: #112445;
}

@media(max-width: 767px) {
  .bbs-cm-a1.bbs-accordion h4.ui-accordion-header .ui-accordion-header-icon {
    top: -10px;
    margin-right: -49px;
  }
  .bbs-cm-a1.bbs-accordion h4.ui-accordion-header, .bbs-cm-a1.bbs-accordion h4.ui-accordion-header:hover {
    padding: 20px 55px 20px 0;
    font-size: 20px;
  }
  .bbs-cm-a1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* ===== CM-BU2 ===== */
.cm-bu2 {
  padding: 15px 5px;
  display: table;
  min-height: 215px !important;
}
.cm-bu2 .icon-image-wrapper {
  display: table-cell;
  width: 7%;
}
.cm-bu2 .text-block {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 15px !important;
}
.cm-bu2.image .icon-block {
	display: none !important;
}
.cm-bu2.icon .image-block2 {
	display: none !important;
}
.cm-bu2 .image-block2 {
  padding-top: 4px;
}
.cm-bu2 .text-block h4 {
  font-weight: 700;
  -webkit-font-smoothing: auto;
  margin: 0 0 15px;
}
.cm-bu2:hover .text-block a h4 {
  color: #112445;
  opacity: .7;
}
.cm-bu2 .text-block p {
  margin: 0 0 10px;
  padding: 0;
  color: #999;
  font-family: georgia, serif;
  font-style: italic;
}
.cm-bu2 .text-block a img {
  vertical-align: middle;
  padding-left: 15px;
}
.cm-bu2-icon-top-padding .cm-bu2 .icon-block {
  padding-top: 10px;
}


/* Hover Effect */
.cm-bu2:hover a {
  text-decoration: none;
}

@media(max-width: 767px) {
  .generic-bucket2 .text-block {
    padding: 0;
  }
  .cm-bu2.generic-bucket2 .icon-block {
    padding-left: 0;
    padding-bottom: 0;
  }
  .cm-bu2-mobile-icon-bottom-padding .icon-block {
    padding-bottom: 10px !important;
  }
  .cm-bu2.generic-bucket2 .image-block2 {
    padding-bottom: 10px;
  }
  .cm-bu2 {
    padding: 15px 0;
  }
  .cm-bu2 .icon-image-wrapper {
    width: 10%;
  }
}

/* ====== CM-C1 ====== */
.persona-card.cm-c1.nested-card .project-gallery-tile {
  padding: 30px 15px;
}
.persona-card.cm-c1.nested-card .project-gallery-tile .project-content {
  opacity: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 400px;
   background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 50%, rgba(0,0,0,0.81) 100%) !important;
  background-color: transparent;
  position: relative;
  padding: 25px 0;
}
.persona-card.cm-c1.nested-card .static-text {
  position: absolute;
  bottom: 0px;
  border-top: 1px solid #fff;
  text-align: left;
  padding: 24px 16%;
  left: 50%;
  transform: translateX(-50%);
}

.persona-card.cm-c1 .hover-text {
  display: none;
}
.persona-card.cm-c1:hover .hover-text {
  display: inline-block;
  padding: 24px 5px;
}
.persona-card.cm-c1.nested-card:hover .static-text {
  position: relative;
  bottom: unset;
  text-align: center;
  padding: 24px 5px;
  border-top: 0;
  border-bottom: 1px solid #fff;
}
.persona-card.cm-c1.nested-card:hover .project-gallery-tile .project-content {
  padding: 25px 30px;
  background-image: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%) !important;
}

@media(max-width: 950px) {
  .cm-c1 .hover-text {
    padding: 0 15px;
  }
  .persona-card.cm-c1.nested-card .project-gallery-tile {
    padding: 0;
  }
  .persona-card.cm-c1.nested-card .project-gallery-tile .project-content, 
  .persona-card.cm-c1.nested-card:hover .project-gallery-tile .project-content {
    height: 500px;
    padding: 25px 10px;
  }
  
}


@media(max-width: 767px) {
  .persona-card.cm-c1.nested-card .project-gallery-tile .project-content {
    height: auto;
    min-height: 280px;
    background: rgba(0,0,0,0.3) !important;
    padding: 25px 20px;
  }
  .persona-card.cm-c1.nested-card .project-gallery-tile {
    padding: 10px 0px;
  }
  .cm-c1.nested-card .project-gallery-tile .project-content {
    padding: 25px 15px;
  }
  .persona-card.cm-c1.nested-card .static-text {
    position: relative;
    bottom: unset;
    text-align: center;
    border-top: 0;
    border-bottom: 1px solid #fff;
    padding: 0;
  }
  .persona-card.cm-c1 .hover-text {
    display: inline-block;
    padding: 0;
  }
  
}

/* Contact Page */
.contact-form-padding {
  padding: 25px;
}


/* ========================= */
/* ===== Footer Styling ===== */
/* ========================= */
.footer-background .page-center {
  padding: 40px 0;
}
.footer-background .logo {
  padding-top: 20px;
  padding-bottom: 32px;
}
.footer-background .contact-text .fa {
  width: 25px;
}
.footer-background .contact-text .second-address-line {
  padding-left: 27px;
}
.footer-background .footer-social-icons {
  padding: 0;
}
.footer-background .footer-social-icons .fa {
  padding: 20px 5px 10px;
}
.footer-background p, .footer-background p span {
  line-height: 1em;
  font-size: 15px;
  color: #fff;
  font-size: 15px;
}
.footer-background p, .footer-background a {
  color: #fff;
}
.footer-background a:hover {
  color: #999;
}
.footer-column-3 p, .footer-column-3 p span {
  text-transform: uppercase;
}
.footer-background .footer-row-2 p {
  font-size: 12px;
}
.footer-background .fa {
  color: #fff;
}
.footer-row-2 {
  border-top:0;
  padding-top: 0;
  margin-top: 0;
}
.copyright-background {
  background-color: #0c1931;
}
.copyright-background p, .copyright-background p span {
  font-size: 12px;
}
.copyright-background .right-footer-text p span {
  padding: 0 5px;
}

/* Footer Form */
.inline-subscribe.footer-form .hs_cos_wrapper_type_form input[type="email"], 
.inline-subscribe.footer-form.inline-subscribe input {
  background-color: transparent;
  border: 1px solid #fff;
  font-size: 14px;
  color: #fff;
}
.inline-subscribe.footer-form .hs-button.primary.large {
  background-color: #55a03b;
  margin: 0 !important;
  border: 1px solid #55a03b;
}
.footer-form h3.form-title {
  font-family: 'trebuchet ms', sans-serif;
   font-size: 20px;
  color: #fff;
}
.footer-form span {
  color: #fff;
}
.inline-subscribe.footer-form .hs_cos_wrapper_type_form .hs-form-field label {
  margin-bottom: 20px;
  display: inline-block;
}

@media(max-width: 1250px) {
  .footer-background .page-center, .copyright-background .page-center {
    padding: 40px 15px;
  }
  
}

@media(max-width: 950px) {
  .footer-spacer {
    display: none;
  }
  .footer-col-1, .footer-column-3, .footer-column-4 {
    width: 100% !important;
    text-align: center;
    margin-left: 0 !important
  }
  .footer-row-2 {
    text-align: center;
  }
  .bottom-text1, .right-footer-text {
    width: 100% !important;
    margin-left: 0 !important;
    text-align: center;
  }
  .copyright-background .page-center {
    text-align: center;
  }
}

/* ========================= */
/* ===== Form Styling ===== */
/* ========================= */

h3.form-title {
  padding: 0px 0px 25px 0px;
}

.hs_cos_wrapper_type_form input[type="text"], 
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form textarea, textarea, input {
  padding: 15px;
  border: 1px solid #999 !important;
}
select.hs-input {
  border: 1px solid #999;
}
legend {
  padding: 15px 0;
  line-height: 20px;
  color: #112445;
  font-size: 14px;
}
label {
  color: #112445;
}

body .hs-button.primary, body input[type="submit"], body input[type="button"] {
  padding: 15px 45px;
  border-radius: 0px;
  font-size: 18px;
  font-family: '', sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  margin: 10px 0 0 !important;
  white-space: normal;
}
.lp-g-f1-text {
  padding-right: 40px;
}

.side-form div.actions {
  text-align: left;
}

.white-outline-button .hs-button.primary, 
.white-outline-button input[type="submit"], 
.white-outline-button input[type="button"] {
	background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.inline-subscribe .hs_cos_wrapper_type_form input[type="email"], .inline-subscribe input {
  border: 1px solid #999;
}

/* ============= Blog ============ */
/* ===== Blog Listing ===== */
/* banner */
.blog-banner-content {
  padding: 10% 15px 12%;
}
.blog-banner-content .inline-subscribe .hs-button.primary.large {
  margin: 0 !important;
}

@media(max-width: 767px) {
   .blog-banner-content .banner-text-padding.inline-subscribe {
    padding: 0;
  }
}

/* Topic Menu */
.blog-listing .second-menu {
  padding: 15px 15px 10px;
}
.blog-listing .second-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  padding: 3px 30px;
  border: 2px solid #2e3f5c;
  color: #2e3f5c;
}

@media(max-width: 767px) {
	.blog-listing .second-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    margin: 5px 0;
  }
  .second-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {
    margin: 0;
    width: 100%;
  }
}

/* == Listing Posts == */
/* Wrappers */
.blog-listing .post-item-wrapper {
  width: 33%;
  float: left;
}
.blog-listing .post-item {
  position: relative;
  padding: 5% 15px 50px !important;
/*   height: 360px; */
}
.blog .post-header {
  padding-top: 0;
}
.blog .post-header a.author-link {
  line-height: 2.2rem;
}
.blog .author-image {
  padding: 5px 0;
  width: 14% !important;
}
.blog .author-content {
  width: 82% !important;
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 15px;
}
.blog-listing-wrapper .post-listing .post-item .post-header h2, .blog-listing-wrapper .post-listing .post-item .post-header #hubspot-author_data, .blog-listing-wrapper .hs-blog-social-share {
  line-height: 30px;
}
.blog-listing-wrapper .post-listing .post-item .post-body {
  padding: 25px 0;
}
@media(max-width: 767px) {
  .blog-listing .post-item-wrapper {
    width: 100%;
  }
  .blog-listing .post-item {
    height: auto;
    padding: 5% 15px !important;
    margin: 0 !important;
  }
}

/* Featured Image */
.blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
  height: 250px;
  padding: 0 0 15px;
  width: 48%;
}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media(max-width: 767px) {
  .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
  height: auto;
  padding: 0 0 15px;
  width: 100%;
}
  .blog .author-content {
    width: 80% !important;
  }
  .blog .main-content {
    padding: 0;
  }
  .blog-listing-wrapper .post-listing .post-item {
    padding: 1% 0 !important;
  }
}

/* Text Section Blocks */
.blog-listing .post-header a, .blog-listing .post-header h2 {
  font-size: 22px;
  line-height: 1em;
}
.blog-listing .post-header h3 {
  margin: 5px 0;
}
.blog-listing .date p {
  font-size: 16px;
  padding: 0;
}
.blog-listing .post-summary p, .blog-listing .post-summary span {
  font-size: 16px;
  padding: 0;
}
.blog-listing .more-link {
/*   position: absolute; */
  bottom: 0;
}
.blog-listing .more-link a {
  color: #55a03b;
}
.sidebar-padding {
  padding: 7% 25px;
}
.sidebar-top-padding {
  padding-top: 40px;
}
.blog .author-image img {
  object-fit: cover;
}
.blog-listing-wrapper .post-listing .post-item {
  background: transparent;
  float: left;
  margin: 0;
  padding: 1% 15px !important;
}
@media(max-width: 990px) {
  .blog-listing-wrapper .post-listing .post-item {
    height: 440px;
  }
}

@media(max-width: 767px) {
	.blog-listing .more-link {
    position: initial;
  }
  .blog-listing-wrapper .post-listing .post-item {
    height: auto;
  }
}

/* ==== Bottom Blog Offer ==== */
.bottom-blog-offer {
  padding: 4% 11%;
}

@media(max-width: 767px) {
  .bottom-blog-offer {
    padding: 4% 15px;
  }
}

/* ===================== */
/* ===== Blog Post ===== */
/* ===================== */
/* Banner */
.blog-post-banner {
  padding: 10px 0;
}
.blog-post-banner h2 {
  margin: 16px 0;
}
.blog-post-banner .inline-subscribe .hs-button.primary.large {
  margin: 0 !important;
}
.inline-subscribe .hs-button.primary.large {
  margin: 0 !important;
}
.blog-post .post-title-wrapper h1 {
  line-height: 1em !important;
  font-family: 'trebuchet ms',sans-serif;
}

@media(max-width: 1175px) {
	.blog-post-banner {
    padding: 10px 15px;
  }
}

@media(max-width: 950px) {
   .blog-post-banner .inline-subscribe .hs-button.primary.large {
    font-size: 13px;
  }
}

@media(max-width: 767px) {
   .blog-post-banner .inline-subscribe .hs-button.primary.large {
    font-size: 16px;
  }
}

/* Main Blog Wrapper */
.blog-post-page-center {
  max-width: 850px !important;
  float: none !important;
  margin: 0 auto !important;
}

/* Title, Author, Date and Social */
.blog-post .post-header {
  padding-bottom: 10px;
}
.blog-post .post-content-header h1, .blog-post .post-content-header h1 span {
  font-size: 36px;
  margin: 10px 0;
}
/* .blog-post-wrapper h1, .blog-post-wrapper h1 span {
  font-size: 36px;
} */
.blog-post .author-text {
  float: left;
  margin: 0;
  padding-right: 4px;
}
.blog-post #hubspot-author_data {
  padding-top: 10px;
}
.blog-post .custom-share ul {
	padding: 0;
}
.blog-post .custom-share li {
  float: left;
  list-style-type: none;
  margin-right: 10px;
}
.blog-post .custom-share li:last-child {
  float: none;
}
.blog-post .custom-share li .fa {
	font-size: 1.25em;
}
.blog .static-socials-custom-share ul li a {
  color: #2e3f5c;
}
.blog .static-socials {
  margin-top: 45px;
}
.blog-post-wrapper .IN-widget {
  vertical-align: top !important;
}
.blog-post-wrapper .hs-blog-social-share-list {
  padding-top: 10px;
}
@media(max-width: 767px) {
  .blog-post .custom-share li:last-child {
    float: left;
  }
  .blog-post .custom-share ul {
    padding: 0 0 40px;
  }
}

@media(max-width: 420px) {
  .blog-post #hubspot-author_data span {
    font-size: 14px;
  }
}

/* Author Image */
.author-image-header .hs-author-avatar {
  border-radius: 50%;
  height: 94px;
  width: 94px;
  padding-top: 15px;
}
.author-image-header .hs-author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

@media(max-width: 767px) {
  .author-image-header {
    padding-bottom: 10px;
  }
}




/* Post Body */
.blog-post div {
  line-height: 1em;
}
.blog-post-wrapper .post-body h1 {
  font-size: 26px;
}

.blog-post .post-body h1, .blog-post .post-body h2, .blog-post .post-body h3 {
	font-weight: 700;
}

.blog-post .post-body h4, .blog-post .post-body h5, .blog-post .post-body h6 {
  font-weight: 500;
}

.blog-post .post-body h1, .blog-post .post-body h2, .blog-post .post-body h3, 
.blog-post .post-body h4, .blog-post .post-body h5, .blog-post .post-body h6 {
  font-family: 'trebuchet ms', sans-serif;
}

.blog-post .post-body p, .blog-post .post-body span, 
.blog-post .post-body div, .blog-post .post-body a {
  font-family: '', sans-serif;
  clear: both;
}
.blog-post .post-body p, .blog-post .post-body span, .blog-post .post-body a {
  margin: unset;
  font-weight: 500;
  line-height: 23px;
  color: #112445;
}
.blog-post .post-body p, .blog-post .post-body span {
  font-size: 18px;
}
.blog-post #hubspot-topic_data a {
  color: #2e3f5c;
}

/* Related Post Feed */
.blog-post  .related-feed .related-post-item-wrapper {
	width: 33%;
  float: left;
}
.blog-post  .related-feed .related-post-item {
	padding-right: 25px;
  position: relative;
  height: 450px;
}
 .blog-post .related-feed .featured-image {
  height: 225px;
  overflow: hidden;
  padding-bottom: 10px;
}
.blog-post  .related-feed .featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-post  .related-feed .post-title h4 {
  margin: 0;
}
.blog-post  .related-feed .post-title a {
  font-size: 24px;
  color: #112445;
}
.blog-post  .related-feed .read-more-link {
  position: absolute;
  bottom: 0;
}

@media(max-width: 1060px) {
	.blog-post .related-feed .related-post-item {
    height: 520px;
  }
}

@media(max-width: 950px) {
  .blog-post-banner h2 {
    font-size: 33px;
  }
}

@media(max-width: 767px) {
  .blog-post .related-feed .related-post-item-wrapper {
    width: 100%;
    padding: 20px 0;
  }
  .blog-post .related-feed .related-post-item {
    height: auto;
  }
  .blog-post  .related-feed .read-more-link {
    position: initial;
  }
  .blog-post .related-feed .related-post-item {
    padding-right: 0;
  }
  .blog-post-related-feed {
    padding: 5% 0;
  }
}





/* Resource Buckets */
.resources .generic-bucket {
  padding: 0;
  border: solid 1px #d6dde3;
  margin: 10px 0;
  transition: .3s ease;
}
.resources .generic-bucket:hover {
  transform: scale(1.01);
  box-shadow: 0 15px 45px -5px rgba(39,55,74,.15);
}
.resources .generic-bucket .icon-block, .resources .generic-bucket .image-block,
.resources .generic-bucket .video-block, .resources .generic-bucket .text-block,
.resources .generic-bucket .button-block {
  margin-left: 0 !important;
}
.resources .generic-bucket .text-block {
  padding: 25px 15px 10px;
}
.resources .generic-bucket .button-link p {
  font-family: tahoma, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  background-color: #55a03b !important;
  border: 2px solid #55a03b !important;
  border-radius: 0 !important;
  margin: 10px auto;
  font-size: 15px !important;
  max-width: 70%;
}
.resources .generic-bucket .button-block {
  padding-bottom: 25px;
}

/* Blog Updates */
.blog-banner-padding {
  padding: 6% 15%;
}
.sidebar-filter ul {
  padding: 0;
}
.sidebar-filter li {
  list-style: none;
}
.sidebar-filter a.filter-expand-link {
  font-size: 18px;
  text-decoration: underline;
}
.sidebar-search .hs-search-field__input {
  background-color: #fff;
  font-size: 16px;
  line-height: 20px;
  color: #112445;
  height: 45px;
  padding: 10px 15px;
}
.sidebar-search .hs-search-field, .sidebar-search .hs-search-field__input {
  margin-top: 0;
}
.sticky-sidebar {
    position: sticky;
    top: 150px;
}
.blog .static-socials-custom-share ul {
  padding: 0;
}
.hs-author-bio {
  line-height: 1.64em;
}
.hs-author-avatar, .hs-author-avatar img {
  max-height: 400px;
  width: auto;
  line-height: 1.64em;
}
.blog-comments {
  padding-top: 0 !important;
}
@media(max-width: 767px) {
  .sticky-sidebar {
    position: initial;
}
  .blog .static-socials-custom-share ul li {
    width: auto !important;
    padding-bottom: 0;
    padding: 0 5px;
    margin: 4px;
  }
  .parallax-banner .inline-subscribe .hs-button.primary.large {
    font-size: 14px;
  }
  .blog-listing .post-header a, .blog-post .post-header h1 span {
    font-size: 25px;
  }
}

.password-input input[type="password"] {
     Height: 45px !important;
 }






/* ============================== */
/* ======= Pillar Styles ======== */
/* ============================== */



/* ====== Menu Sidebar Styling ====== */
.sticky-sidebar {
    position: sticky;
    top: 140px;
}
.sidebar-menu .sidebar-menu-header {
    background: #2e3f5c; 
    border-radius: 0px 0px 0 0;
    padding: 10px;
}
.sidebar-menu .sidebar-menu-header h4 {
    font-size: 28px;
    line-height: 1.25em;
    padding: 0;
    margin: 0
}
.sidebar-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
    color: #595959;
    padding: 5px 10px 0px;
    margin: 0;
  font-size: 15px;
}
.sidebar-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li {
    width: 100%;
    background-color: #f4f4f4;
    border-bottom: 1px solid #afa96e;
}
.sidebar-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li:hover {
    background-color: #f1f1f1;
}
.sidebar-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li:last-child {
    border-bottom: 0;
}
.sticky-sidebar .sidebar-cta {
  padding: 5px 0 20px 0;
}


@media(max-width: 767px) {
    .sticky-sidebar {
        position: initial;
    }
    .sidebar-menu .sidebar-menu-header {
        padding: 10px 10px 5px;
    }
  .sidebar-cta {
    display: none !important;
  }
  .hs-menu-wrapper.hs-menu-flow-vertical>ul {
    margin-bottom: 0;
  }
}




/* Specific TB2 Styles for top-banner-pillar */
.top-banner-pillar .bbs-tb2 .bbs-lo-content.false.content-left {
  padding-right: 15px;
}
.top-banner-pillar .bbs-lo-content {
  width: 98%;
}

@media(max-width: 767px) {
  .top-banner-pillar .bbs-lo-content {
    width: auto;
  }
}

/* ==== Z1 Module ==== */
/* Center the image for z1 */
.centered-z-image .bbs-z1-img {
  text-align: center;
}

.bbs-z1-text h1, .bbs-z1-text h2, .bbs-z1-text h3, 
.bbs-z1-text h4, .bbs-z1-text h5, .bbs-z1-text h6 {
  margin: 0 0 10px;
}

/* ===== Pillar Bottom Form ==== */
.pillar-form-text {
  padding: 30px 15px 6%;
}
.pillar-bottom-form {
  padding: 35px 30px 35px 38px;
  margin-bottom: 5%;
  margin-top: -5%;
  background: #fff;
}
.pillar-bottom-form h3.form-title {
  padding-bottom: 0;
  display: none;
}

/* CM-T2 */
.cm-t2 .transparent-background {
  background: rgba(0,0,0,0.40);
}
.cm-t2 .triangle {
  border-top: 30px solid rgba(0,0,0,0.40);
}

@media(max-width: 767px) {
  .cm-t2 .author-section .author-text {
    padding: 0;
    text-align: center;
  }
}


/* ==== Mobile Stacking Order of the sticky menu */
@media(max-width: 767px) {
  .mobile-stack-order > .row-fluid-wrapper > .row-fluid{
        display: -webkit-box;   
        display: -moz-box;      
        display: -ms-flexbox;   
        display: -webkit-flex;  
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .mobile-stack-order .mobile-stack-second {
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        width: 100%;
    }
    .mobile-stack-order .mobile-stack-first {
        order: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        width: 100%;
    }
}

/* Rich text Images */
@media(max-width: 950px) {
  .pillar-flex .hs_cos_wrapper_type_rich_text img {
    width: 100% !important;
    float: none !important;
    margin: 10px 0 !important;
  }
}

/* ==== Footer ==== */
.mobile-footer {
  display: none !important;
  position: fixed;
  bottom: 0;
  width: 100% !important;
  background-color: #fff;
  border: 2px solid #fff;
}
.mobile-footer1, .mobile-footer2, .mobile-footer3 {
  width: 33% !important;
  float: left !important;
  background-color: #2e3f5c;
  text-align: center;
  border: 2px solid #fff;
  height: 65px;
  display: flex !important;
  justify-content: center;
  flex-direction: column;
}
.mobile-footer a {
  text-decoration: none;
}
.mobile-footer p {
  line-height: 1.25em;
}

@media(max-width: 767px) {
  .desktop-footer {
    display: none !important;
  }
  .mobile-footer {
    display: block !important; 
  }
}

.pillar-2-text .text1-wrapper, .pillar-2-text .text2-wrapper,
.pillar-3-text .text1-wrapper, .pillar-3-text .text2-wrapper, .pillar-3-text .text3-wrapper{
  border-top: 3px solid #2e3f5c;
  border-radius: 0;
}
.pillar-3-text .text1, .pillar-3-text .text2, .pillar-3-text .text3, .pillar-2-text .text1, .pillar-2-text .text2 {
  background: #f2f2f2;
}
.pillar-3-text .text1 h4, .pillar-3-text .text2 h4, .pillar-3-text .text3 h4, .pillar-2-text .text1 h4, .pillar-2-text .text2 h4 {
  color: #112445;
  font-weight: 400;
}


/* ============================== */
/* ===== End Pillar Styles ====== */
/* ============================== */



.blog div {
  line-height: 1em;
}