/* @import url(""); */

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

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

/*****************************************/
/* Problem fixes                         */
/*****************************************/

/* "Trusted by logos" section height goes full screen in Blog Tag/Topic pages for some reason.Preventing this issue by making height auto */
.hs-image__grid__list__item__image {height: auto!important;}

/* Update the styling of the pagination in the blog to match the search page results pagination */
.hs-pagination {
    background-color: #098C91;
    padding: 20px;
    border-radius: 100px;
}

/* collapse blank spaces under images */
.hs-image-widget {
    vertical-align: top;
}

/*****************************************/
/* Global Head - Main Menu and Dropdown  */
/*****************************************/

/***** Makes header padding smaller *****/
.header__bottom {
    padding: 0.5rem 0!important;
}

/***** Gives the main menu breathing room *****/
@media (min-width:767px){
.header__menu-item--depth-1 {
    padding: .5rem 1rem!important;
}

/***** Styles the hover menu and submenu *****/
.header__menu-submenu {
    border: solid 0 white;
    padding: 8px 8px 0px 8px;
    border-radius: 30px;
    left: -60%!important;
    text-align: center!important;
    width: 210%!important;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}

.header__menu-submenu .header__menu-item {
    border-radius: 100px;
}

/***** Makes the sub-menu anchor links full width *****/
  .header__menu-submenu .header__menu-link {
    display: inline-block!important;
    width: 100%!important;
    border-radius: 100px;
    background-color: #0a8c91;
}
  .header__menu-submenu .header__menu-link:active {
  color: #ffffff!important;
  }
  .header__menu-item .header__menu-item--depth-2 {
    margin-bottom: 8px;
  }
}

/***** Styles for Mobile Menu *****/
@media (max-width: 767px) {
    .header__menu--mobile {
        background-color: rgba(255, 255, 255, 1.0);
        box-shadow: 0px 0px 10px rgba(0,0,0,.2);
    }
  #hs_cos_wrapper_header-module-1 .header__menu-submenu {
    background-color: #0a8c91!important;
}
  #hs_cos_wrapper_header-module-1 .header__menu-link {width:100%}
    .header__menu-item--depth-1 {
        border-top: 1px solid #eeeeee;
    }
    .header__menu--show, .header__menu-container--mobile {
        border-radius: 20px;
    }
  .header__menu--mobile {
    top: 100%!important;
    }
    .header__menu-item--depth-1::first-child {
        border-top: 0px;
    }
    #hs_cos_wrapper_header-module-1 .button {
      width: 100%;
      text-align: center;
      display: inline-block;
}
}

/*****************************************/
/* Edit round corners to columns & images */
/*****************************************/
img, .span12 {border-radius: 12px;}
.hs-search-field__bar .hs-search-field__input {border-radius: 100px; border-color: #ffffff; margin-right:5px;}
.blog-post-listing__post-image--card, .blog-listing__post-image-wrapper img, article .blog-post-listing__post-image {border-radius:20px 20px 0 0!important;}
.blog-listing__post-button-wrapper {text-align: center;}
.span3, .span4, .span5, .span6, .span7, .span8 {border-radius: 20px;}

/*****************************************/
/* Add round corners to Video embeds     */
/*****************************************/
.hs-video-widget, .wistia_responsive_padding {
  border-radius: 20px!important;
  overflow: hidden;
}

/* Add round corners to Wistia embed play button */
.w-bpb-wrapper {
    border-radius: 20px!important;
    overflow: hidden!important;
}

/*****************************************/
/* Social Media Sharing & Follow Buttons */
/*****************************************/
.social-sharing__link {font-size:0;} /*removes underline and space that text takes up if font is left*/
.social-follow__link {font-size:0;} /*removes underline and space that text takes up if font is left*/


/*****************************************/
/* Styles the Broadcat About Journey     */
/*****************************************/
  .about-journey {border-left:dotted 4px #C7C8CA; vertical-align: middle; padding-left: 22px;}
  .about-journey li {list-style-type: none;}
  .about-journey li:before  {
    margin-left: -65px;
    content: '';
    display: inline-block;
    height: 60px;
    width: 60px;
    background-size: contain;
    background-image: url("/_assets/5d225f6a9889125c08e740f8.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
  }
  .about-journey li:nth-child(even):before  {
    transform: rotate(-20deg);
  }
  .about-journey li:nth-child(odd):before  {
    transform: rotate(20deg);
  }
  .about-journey li:first-child:before  {
    background-image: url("/_assets/ae050e6691d11e15a5330a34.png");
    transform: rotate(0deg);
  }
  .about-journey li:last-child:before  {
    background-image: url("/_assets/dde90f2d0875f0580c81128e.png");
    transform: rotate(0deg);
  }
  .about-journey li div {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
  }
  .about-journey li h2 {margin:0;}

/*****************************************/
/* Styles the Hardcoded Error pages      */
/*****************************************/

.flexy-form-column {
  background-color: #f6f6f6;
  padding: 40px!important;
  border-radius: 20px;
}

.flexy-form-column form {
  background-color: transparent;
}

@media (min-width:767px) {
.make-row-flexy {
  -ms-flexbox!important;
  -ms-flex-direction: row;
  display: flex!important;
  flex-direction: row!important;
  justify-content: center!important"
}

.flexy-vertical-align {
  display: flex!important;
  flex-direction: column!important;
  justify-content: center!important;
}

.flexy-add-padding {
  padding: 20px;
  }
}