/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* fix for privacy policy checkboxes */
.hs-form .hs_privacy_policy .inputs-list {
  list-style-type: none;
  margin-left: 0;
}

.hs-form .hs_privacy_policy .inputs-list input {
  margin-right: 10px;
}

/* Hide page title */
.gform_heading .gform_required_legend { display: none; }

/* LD progress bar */
.ld-progress { background-color: transparent; }

/* Layout tweaks. */
.ld-alert-icon.ld-icon.ld-icon-certificate {
  margin-right: 20px;
}
.wp-block-columns { 
  margin-left: 20px;
  margin-right: 20px;
 }

 .bb-profile-grid.bb-grid {
    margin-left: 60px;
    margin-right: 60px;
 }

.footer-widget-area .container .bb-grid {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.anchor-links {
  list-style-type: none;
  text-align: center;
}

.anchor-links li {
  display: inline-block;
  margin-right: 20px;
}

.footer-widget.area-2 {
  flex-basis:  66.66%;
  max-width: 66.66%;
}

@media screen and (max-width: 1240px) {
  .ld-item-list.ld-lesson-list {
    margin-left: 40px;

  }
  .bb-ld-tabs {
    margin-left: 30px;
    margin-right: 30px;
  }
  .ld-item-list.ld-lesson-list {
    margin-left: 30px !important;
  }
  .ld-tabs-content {
    margin-right: 20px;
  }
}

@media screen and (max-width:  641px) {
  .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 1.3;
  }
}

@media screen and (max-width:  640px) {
  .wpProQuiz_button.wpProQuiz_QuestionButton[name=back] {
    float: right !important;
    right: 0;
    max-width: 75px;
    width: 75px !important;
    min-width: 75px !important;
    box-sizing: border-box;
  }
  .wpProQuiz_button.wpProQuiz_QuestionButton[name=next] {
    float: left !important;
    max-width: 75px;
    width: 75px !important;
    min-width: 75px !important;
    box-sizing: border-box;
    left: 0;
    padding-left: 22px;
  }  
}

@media screen and (max-width: 753px) {
  .site-title {
    width: 100%;
    text-align: center;
  }
  .alignwide {
    margin-left: 20px;
    margin-right: 20px;
  }
  .no-padding-on-small {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
   }
   .center-on-mobile {
    width:  100%;
    display: flex;
    flex-direction: row;
    justify-content: center !important;
   }
  .is-stacked-on-mobile {
    display: block;
  }
  .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments {
    white-space: normal !important;
    max-width:  100%;
  }
  .learndash-wrapper .ld-lesson-status {
    overflow-x: auto !important;
  }
  body #learndash-course-header {
    padding-top: 0 !important;
    margin-left: 3% !important;
    margin-right: 16% !important;
    box-sizing: border-box;
    max-width: 95% !important;
  }
  .learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs {
    padding-right: 10%;
  }
  .ld-tabs.ld-tab-count-1 {
    margin-left: 5%;
  }
  .lms-header-title h1 {
    margin-left: 2%;
  }
}

@media screen and (max-width: 840px) {
  body .facetwp-radio { 
    margin-bottom:  20px !important;
  }
}

@media screen and (max-width: 820px) {
  .bb-course-banner-inner h1.entry-title {
    font-size: 30px;
  }
  .bb-course-banner-inner {
    margin-right: 30px;
    margin-left: 30px;
  }
  .ld-item-list-item-preview { 
     margin-right: 40px !important;
   }
}

@media screen and (min-width: 821px) {
    .ld-item-list.ld-lesson-list {
    margin-left: 20px;
    margin-right: 20px;
  }

}

@media screen and (max-width: 600px) {
  .wp-block-media-text__content h1 { font-size: 24px; }
  .ld-course-list-items .bb-course-item-wrap { margin-bottom: 50px; }

  /* Hide on smaller devices. */
  .hide-on-small { display:none; }
  .wp-block-group.media-text-padding-right {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .tech-library ul.flex { margin-left: 0; }
  .stack-and-center-on-mobile, .stack-and-center-on-mobile>*, .stack-and-center-on-mobile h1.has-text-align-left,
  .stack-and-center-on-mobile .wp-block-column .wp-block-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .bb-course-banner-inner h1.entry-title {
    font-size:  32px;
  }
  .bb-learndash-content-wrap {
    margin-left:  20px;
    margin-right:  20px;
  }
  .learndash_post_sfwd-courses .bb-learndash-content-wrap {
    margin-left: 0;
  }
  .learndash_post_sfwd-courses .ld-item-list-item-preview {
    margin-right: 20px !important;
  }
  .learndash_post_sfwd-courses .ld-item-list.ld-lesson-list {
    margin-left: -10px !important;
    margin-right: -30px !important;
  }
  .learndash.learndash_post_sfwd-courses.user_has_access .bb-grid {
    margin-left: 40px;
    margin-right: 40px;
    max-width: 100%;
  }

  .wp-block-group.media-text-padding-right * { text-align: center; }
  .footer-widget-area .container .bb-grid {
    display:  block;
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .footer-widget.area-1 .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items:center;
  }
  .footer-widget.area-1, .footer-widget.area-2 {
    width:  100%;
    max-width: 100%;
  }
  .footer-widget.area-1 {
    margin-bottom: 60px;
  }
  .footer-widget-area ul.social {
    text-align: center !important;
  }
  .footer-widget .hbspt-form,
  .footer-widget .hs-form-field,
  .footer-widget .input { width: 100%; }
  .footer-widget-area .hbspt-form { width: 200px; margin-left: -50px; }
  .footer-widget-area .alignright { 
    float: none !important; 
    display: flex; 
    justify-content: center; 
    margin-left: 0;
  }
  .footer-widget-area .wp-block-spacer { display: none; }
}

@media screen and (max-width: 880px) {
 .learndash-theme.single-sfwd-courses .bb-course-banner-inner {
    max-width: calc(100% - 420px);
  }
  .bb-course-banner-info.container .bb-course-banner-inner {
    max-width: 100%;
  }
}

@media screen and (min-width: 481px) {
  #bb-learndash_profile .bb-course-item-wrap {
    margin-left: 3%;
    flex-basis: 47%;
  }
}


@media screen and (min-width: 768px) {
  #bb-learndash_profile .bb-course-item-wrap {
    margin-left: 3%;
    flex-basis: 30%;
  }
}

@media screen and (max-width: 480px) {
  .bb-course-item-wrap  {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 543px) {
  .lms-topic-sidebar-wrapper.lms-topic-sidebar-close { display: none; }
}

@media screen and (max-width: 1023px) {
  .wpProQuiz_list, #learndash-course-header {
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
}

@media screen and (max-width: 781px) and (min-with: 767px) {
  .wp-block-columns {display: block;}
}

@media screen and (max-width: 781px) {
  .pad-x-5-percent-on-mobile {
    padding-right: 5% !important;
    padding-left: 5% !important;
  }
  .wp-block-columns {display: block;}
  .no-border-on-small {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
  }
}