/* 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 */



 

/* ================ Variables ================ */ 
.generic-padding {
    padding: 5% 15px;
}

.generic-bucket .text-block {
    margin-left: 0 !important;
}
.span3 .cm-bu1.generic-bucket {
    padding: 7% 0;
}

.mini-header{
    background-color: #444;
}
.nav-wrapper.scroll .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover, 
.solid-nav .nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover {
    border-bottom: 3px solid #27A7DC;
    border-top: none !important;
}
    
.nav-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover, 
.nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
    border-top: 3px solid transparent !important    
    }
.nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    width: 70%;
    padding: 15px 15px 15px;
}
.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: 200px;
}
.nav-wrapper .widget-type-cta {
    padding: 5px 0;
    text-align: center;
}
.header-space.span5{
        width: 38%;
}
 
.header-space.span5{
        width: 38%;
}

.nav-wrapper .logo {
    padding: 10px 20px 0;
}
.nav-wrapper .logo img {
    max-width: 240px;
}
.nav-wrapper {
    padding: 0;
    background-color: #fff;
}

.header {
    padding: 0 10px;
}

.global-sticky-header-offset, .solid-nav .body-container-wrapper {
    margin-top: 103px;
}

.hs-form-required {
    display: none; 
}

.footer-background .fa-footer-links span > a:hover {
    border-bottom: 0;
}

@media(max-width: 950px) {
    .global-sticky-header-offset, .solid-nav .body-container-wrapper {
        margin-top: 0;
    }
    .nav-wrapper .header-cta {
        width: 100% !important;
    }
}
@media (min-width: 768px) and (max-width: 769px) {
    .footer-background .fa-footer-links { 
        width: 70% !important;
        margin-left: 32px !important;
    }
}
@media(max-width: 767px) {
    .nav-wrapper .widget-type-cta {
    text-align: center;
    padding: 0 0 15px;
  }
  .contact-page .sidebar { 
    border-left: 0; padding: 55px 0 25px;
  }
  .nav-wrapper .main-header {
    padding: 0;
  }
  .nav-wrapper .logo {
    padding: 10px 40px 0 20px;
  }
  
}

.copyright-background {
    background-color: #222222;
}
.copyright-background .page-center  {
    padding: 13px 0 5px;
}
.copyright-background span {
    font-weight: 300;
    color: #fff;
    font-size: 14px;
}

/* ============ Typography =============== */
@media(max-width: 767px) {
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 20px;
    
  }
}

/* ============ General Styles =============== */
.large-top-padding {
  padding-top: 50px;
}


/* ================ Module Styles ================ */
.tb-2 .full-width .banner-content-wrapper {
    padding: 0;
}
.tb-2 .full-width .banner-padding {
    padding: 12% 12%;
}
.tb-2 .banner-ctas .hs-cta-wrapper {
    margin: 0;
}
.section-side-padding {
    padding: 0 12%;
}
.tb3 .banner-padding {
    padding: 45px 15%;
}

@media(max-width: 767px) {
    .section-side-padding {
        padding: 0 15px;
    }
    .tb-2 .full-width .banner-padding {
        padding: 12% 0;
    }
    .cm-t2 .banner-padding {
        padding: 4% 15px 1% !important;
    } 
    .cm-t2 .author-section .author-text {
        padding: 0;
        text-align: center;
    }
    .tb3 .banner-padding {
        padding: 45px 15px;
    }
    .nav-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    width: 70%;
    padding: 0px 15px 0px;
}
}


/* ================ Homepage ================ */
.slick-initialized .slick-slide {
    display: inline-block !important;
    text-align:center;
}


/* ================ Blogs ================ */
/* Classic Blog */
.classic-blog .parallax-banner {
    background: url('https://cdn2.hubspot.net/hubfs/2095545/Blog/golden-gate-sf-fog.jpg'); 
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.classic-blog.solid-nav .body-container-wrapper {
  margin-top: 78px !important;
}
.classic-blog .blog-banner {
  padding: 6% 15px;
}
.classic-blog .inline-subscribe form {
  padding: 0 20%;
}

@media(max-width: 950px) {
  .classic-blog.solid-nav .body-container-wrapper {
    margin-top: 0 !important;
  }
  .classic-blog .inline-subscribe form {
      padding: 0;
    }
}

/* ==========================================================================
   Forms
   ==========================================================================

.form-header {
    background-color: #555555;
    padding: 30px 35px;
}
.briefcase-form {
   border: 1px solid #555555;
   padding: 20px 35px 30px;
   background-color: #f9f9f9;
}
.form-wrapper .widget-type-form{
    padding: 20px 10%!important;
}

/* Labels 
.hs-form-required {
    color: #ff0000;
}
h3.form-title {
    display: none;
    padding-bottom: 0;
}
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {
    margin: 10px 0 5px;
}
.blog .hs-form-required {
    	display: none;
	}

/* One Line Inputs
.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"], input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #555555;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #444444;
    padding: 10px;
    margin: 10px 0 20px;
}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus {}

/* Multiple Line Inputs
.hs_cos_wrapper_type_form textarea, textarea {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #555555;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #444444;
    padding: 10px;
    margin: 10px 0 20px;
}
.hs_cos_wrapper_type_form textarea:focus {}

/* Multiple Selection Inputs
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form ul.inputs-list {
    list-style-type: none;
    width: initial;
    padding-left: 0;
}
.hs_cos_wrapper_type_form input[type="checkbox"], input[type="checkbox"] {
    -webkit-appearance: checkbox;
    appearance: checkbox;
    width: auto!important;
    margin: 0 5px 10px 0;
}
.hs_cos_wrapper_type_form input[type="radio"], input[type="radio"] {
    -webkit-appearance: radio;
    appearance: radio;
    width: auto!important;
    margin: 0 5px 10px 0;
}

/* Drop Downs 
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

select.hs-input {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(//cdn2.hubspot.net/hubfs/298849/Training/form-dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #555555;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #444444;
    height: 40px;
    padding: 10px;
    margin: 10px 0 20px;
}


/* ==========================================================================
   Buttons
   ========================================================================== */
/* All Global Buttons (Excluding CTAs) */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #27A7DC;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    padding: 10px 45px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block !important;
    margin-top: 0!important;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}

.briefcase-form .hs-button.primary,
.briefcase-form input[type="submit"],
.briefcase-form input[type="button"] {
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    padding: 20px 45px;
}

.cta-bar-dark {
    background: #555555;
}

.cta-bar-dark .page-center {
    text-align: center;
    padding: 35px 20px;
}

.hs-section2  table {
    margin: 0 auto 9px auto;
}
.hs-section2  h3 a {
    text-decoration: none !important;
}
.hs-section2   td {
    padding: 10px;
    width: 14%;
}
.hs-section2-wrapper h1m.hs-section2-wrapper h2{
    margin: 0 auto 15px auto;
    }
    .hs-section2-wrapper p{
        margin-top:0;
    }
.hs-section2  th.hidden-xs,.hs-section2   td.hidden-xs {
    display: table-cell !important;
}
.hs-section2    table img {
    padding: 0 10px;
    width: 100%;
    height: auto;
}
.hs-section2 a{
    text-decoration:none;
}
.hs-section2 a:hover{
    text-decoration:none;
}
.hs-section2 a:hover td {
    opacity: 0.2;
}
.hs-section2 a:hover td:nth-of-type(4) {
    opacity:1;
}

@media(max-width: 767px) {
    .hs-section2  .hidden-xs,.hs-section2   tr.hidden-xs,.hs-section2   th.hidden-xs,.hs-section2  td.hidden-xs {
    display: none !important;
}
.hs-section2-wrapper {
    background-color: #f0f0f0;
    padding: 45px 0px 0;
    margin-bottom: 45px;
    text-align: center;
}
.hs-section2 td {
    width: 16%;
}
}

/* ===== Bucket Modules CM-BU1 CM-BU2 CM-BU6 ===== */
/* CM-BU1 */
.cm-bu1.generic-bucket {
    padding: 40px 20px;
}
.span3 .cm-bu1.generic-bucket {
    padding: 7% 0px;
}
@media(max-width: 767px) {
  .cm-bu1.generic-bucket {
    padding: 10px 20px;
}
}
/* CM-BU2 */
.cm-cb2 .page-center {
    padding: 0;
}
.cm-cb2.cta-bar .cta-text {
    padding: 0 0 0 5%;
}
.cm-cb2 .cta-bar-padding2 {
    padding: 10px 0;
}
.cm-cb2 .cta-bar-padding2 .button {
    padding-top: 10px;
} 

@media(max-width: 767px) {
    .cm-cb2.cta-bar .cta-text {
        padding: 0 0 20px 0;
    }
}


/* CM-T2 */
.cm-t2 .banner-padding {
    padding: 4% 15% 1%;
}
.cm-t2 .transparent-background {
    padding: 5% 5% 3% 5%;
}
/* ================ Footer ================ */

.footer-background p, .footer-background a {
    font-size: 18px;
}


.standard-z1 .z-long-text-padding { padding: 0 5% 0 2% !important;}

@media(max-width: 767px) {
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    float: left;
    }
}




/* BBS Updated Styles */
.light-overlay .cm-t2 .overlay-t1 {
  background-color: rgba(0,0,0,0.2);
}
.homepage-buckets .cm-bu1.generic-bucket .text-block p {
  padding: 0;
}
.homepage-buckets .generic-bucket .text-block {
  padding-bottom: 0;
}

.medium-banner .tb-2 .full-width .banner-padding {
  padding: 7% 15px 6%;
}
.gray-logo-wrapper {
  border-bottom: 1px solid #e6e7e8;
}
.gray-logos-title {
  padding-bottom: 20px;
}
.gray-logos {
  padding: 20px 15px;
}
.gray-logo-img {
  display: flex !important;
  justify-content: center;
  flex-direction: column;
  height: 65px;
}
.gray-logos img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  max-height: 65px !important;
  width: auto !important;
}

@media(max-width: 767px) {
  .gray-logo-img {
    display: block !important;
    height: auto;
    padding: 15px 0;
  }
}

/* Large Z Module */
.large-image-z .standard-z1 .z-long-text-padding.right {
  padding: 0 2% 0 0 !important;
}
.large-image-z .standard-z1 .z-long-text-padding.left {
  padding: 0 0 0 2% !important;
}
.large-image-z .standard-z1 .image-block img {
  padding: 12px 0 15px;
}

@media(max-width: 767px) {
  .large-image-z .standard-z1 .z-long-text-padding.right {
    padding: 0 !important;
  }
  .large-image-z .standard-z1 .z-long-text-padding.left {
    padding: 0 !important;
  }
}

/* TB2 Module with Video */
.tb2-video .banner-padding {
  padding: 12% 0;
}
.tb2-video .banner-content-wrapper {
  padding: 0 40px 0 0;
}
.tb2-video .featured-image {
  padding-top: 18px;
}
.tb2-video-modal {
  z-index: 9 !important;
  background-color: rgba(0,0,0,0.7) !important;
}
.tb2-video-modal .modal-content {
  background-color: transparent;
  border: 0;
  width: 70%;
}
.tb2-video-modal .close-lightbox1:hover, .close-lightbox1:focus {
  color: #fff;
}
.tb2-video .featured-image {
  position: relative;
}
.image-cta-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

@media(max-width: 767px) {
  .tb2-video-modal .modal-content {
    width: 90%;
    padding: 10px;
  }
  .tb2-video .banner-content-wrapper {
    padding: 0;
  }
  .tb2-video .banner-content {
    padding: 0;
  }
  .tb-2 .banner-content {
    padding: 0;
  }
  .tb2-video .banner-padding-short {
    padding: 2% 10px 4%;
  }
}


/* BBS Update Styles */
.tb2-video .featured-image {
  cursor: pointer;
}
.large-image-z h4 {
  font-size: 18px;
}
.span3 .cm-bu1.generic-bucket {
  padding: 5% 0 0;
}
.cm-bu1.generic-bucket .text-block p {
  padding: 0 0 10px;
}
.generic-bucket .text-block {
  padding: 25px 0 0;
}

@media(max-width: 767px) {
  .small-mobile-h2 h2 {
    font-size: 24px;
  }
}


/* Team Block - CM-BU6 */
.cm-bu6 {
  max-width: 250px;
}
.cm-bu6:hover .text-block {
  background: rgba(0,0,0,0.70);
}

@media(max-width: 767px) {
  .cm-bu6 {
    max-width: unset;
  }
  .cm-bu6 .image-block img {
    width: 100%;
  }
}

/* Search Page Styles */
.hs-search-results a, .hs-search-results a span {
  font-size: 24px;
  color: #27A7DC;
  font-weight: bold;
}
.hs-search-results__listing li {
  padding: 12px 0;
}

/* Demo LP - Overlapping Form */
.overlapping-form {
  margin-top: -16%;
}




/* ======= BBS LP ===== */
/* .bbs-lp .nav-wrapper {
  padding-bottom: 1px;
} */
.bbs-lp .tb-2 .global-sticky-header-offset {
  margin-top: 126px !important;
}
.bbs-lp .tb-2 .banner-content-wrapper {
  padding-right: 10%;
}
.bbs-lp .tb-2 .full-width .banner-content-wrapper {
  padding-right: 0;
}
.bbs-lp .tb-2 h1 {
  margin-top: 0 !important;
  font-size: 48px;
  line-height: 1.29em;
  margin-bottom: .309em;
  font-weight: 400;
}
/* .bbs-lp .header-container-wrapper div, .bbs-lp .header-container-wrapper span,  */
.bbs-lp .body-container-wrapper div, .bbs-lp .body-container-wrapper span {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.64em;
}
.bbs-lp .tb-2 .overlay-t1 {
  background-color: rgba(0,0,0,0.5);
}
.bbs-lp h1, .bbs-lp h2, .bbs-lp h3, 
.bbs-lp h4, .bbs-lp h5, .bbs-lp h6 {
  font-weight: 400;
  line-height: 1.29em;
  padding: 0;
  margin: .618em 0 .309em;
}
.bbs-lp h2 {
  font-size: 34px;
}
.bbs-lp h3 {
  font-size: 32px;
}
.bbs-lp .body-container-wrapper p, .bbs-lp .body-container-wrapper p span {
  font-size: 18px;
  padding: 0;
  margin: 10px 0;
  line-height: 1.64em;
}
.bbs-lp h3.form-title {
  padding-bottom: 30px;
  margin: 0;
}
.bbs-lp label span {
  font-size: 18px;
}
/* .bbs-lp .footer-background p, .bbs-lp .footer-background a {
  margin: 0 !important;
  padding: 5px 0 !important;
  line-height: 1.15em !important;
  font-size: 18px !important;
} */

.header-container-wrapper .widget-type-global_group {
  min-height: 0 !important;
}

@media(max-width: 767px) {
  .bbs-lp .tb-2 .global-sticky-header-offset {
    margin-top: 0 !important;
  }
  .bbs-lp .nav-wrapper.scroll, .bbs-lp .solid-nav .nav-wrapper {
    box-shadow: none;
  }
}




