/**
 * 2016-07-20 - mlj
 * Quick fixes/overrides to existing styles to improve mobile layout
 *
 * 2017-04-07 - mlj
 * Fixes for issues caused by updating WPLMS
 */

/* Reset these back Bootstrap defaults */
.online-courses .vc_column-inner .vc_col-sm-3 {
  width: 100%;
}

.course-hp-box,
.course-hp-box:first-child,
.course-hp-box:last-child {
  margin: 0;
}

/* An offset should not be used here */
.online-courses .vc_col-xs-offset-1 {
  margin: 0;
}

/* Needed because image sizes are too small */
.course-hp-box .vc_column-inner {
  max-width: 261px;
  margin: 10px auto 20px auto;
}

/* Height cannot be fixed, it only works for very wide browsers */
div.support-your-practice {
  height: auto;
}

/* Fixing various layout issues */
.support-your-practice {
  padding: 0 !important;
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.support-your-practice > .vc_column_container > .vc_column-inner {
  padding: 0;
}

.support-your-practice .vc_custom_heading {
  margin-top: 30px !important;
}

.support-your-practice .vc_btn3-container {
  margin: 0;
}

/* Fixes for chopped off background images and misaligned text for groups/events */
.vc_custom_1462977856338.vc_row-has-fill > .vc_column_container > .vc_column-inner,
.vc_custom_1458152195222.vc_row-has-fill > .vc_column_container > .vc_column-inner {
  padding: 0;
}

.vc_custom_1462914124641,
.vc_custom_1458249676670 {
  margin-right: 0 !important;
  background-position: right 0 top 0 !important;
}

.meditation-groups {
  margin-top: -15px;
}

.meditation-groups h2 {
  margin: 0;
}

.meditation-groups .vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-right .vc_cta3-icons {
  right: 14px;
} 

/* Reset back to Bootstrap defaults */
#footerbottom .col-md-9 {
  width: 100%;
  padding: 0 15px;
  float: none;
}

#footerbottom .row {
  max-width: 100%;
}

#footerbottom #footerlogo {
  margin: 0 auto;
  float: left;
}

#footerbottom #footermenu {
  float: none;
}

#col-footer-logo {
  width: 100%;
  padding: 0 45px;
}

#col-footer-logo img {
  display: block;
}

/* Fix difficulty hitting header icons */
header #searchicon {
  padding-right: 15px;
}

header #trigger {
  height: 20px;
  right: 55px;
  top: 44px;
}

/* Fixes for resources pages */
.vc_custom_1459805319681 h2, 
.vc_custom_1459805319681 .wpb_text_column,
.vc_custom_1459805319681 .wpb_single_image { 
  padding: 0 15px;
}

/* Reset back to Bootstrap defaults */
.single-post .col-md-9,
.category .col-md-9 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.single-post #content .col-md-3 {
  padding-right: 15px;
  padding-left: 15px;
}

/* Fix for too much padding above title */
.single section#title {
  padding: 0;
}

/* Fix for bad category layout */
.category-library .content,
.category-library .blogpost .excerpt.thumb {
  margin-left: 0;
}

/* Fix resource listing page layout */
.page-id-42976 .vc_column_container > .vc_column-inner {
  padding-right: 15px;
  padding-left: 15px;
}

/* Fix course pages layout */
.page-id-2257 .vc_column_container > .vc_column-inner {
  padding-right: 15px;
  padding-left: 15px;
}

.page-template-right-sidebar-page .col-md-9 {
  width: 100%;
}

.page-template-right-sidebar-page .sidebar {
  margin: 30px 0;
}

/* Reset back to Bootstrap defaults */
.groups .col-md-9 {
  width: 100%;
}

/* Fix for groups page */
.groups #item-body {
  padding: 0;
}

/* Fixes for header search */
header #searchicon {
  float: right;
  cursor: pointer;
}

/* Fixes for phone width */
@media (max-width: 767px) {
  /* Fix for slider overlaying mobile menu */
  .global .ls-wp-fullwidth-helper {
    left: 0 !important;
  }

  .global.open .ls-wp-fullwidth-helper {
    margin-left: -220px;
    left: 220px !important;
  }
}

/* Fixes for tablet width */
@media (min-width: 768px) {
  /* Reset back to Bootstrap defaults */
  .online-courses .vc_column-inner .vc_col-sm-3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Fix spacing issue on mobile */
  #footerbottom #footerlogo,
  #footermenu .col-md-3 {
    margin-bottom: 20px;
  }

  /* Undo mobile fixes for resources pages */
  .vc_custom_1459805319681 h2, 
  .vc_custom_1459805319681 .wpb_text_column,
  .vc_custom_1459805319681 .wpb_single_image { 
    padding: 0;
  }

  /* Columns are too narrow on tablet width on resources pages */
  .vc_custom_1459805319681 .vc_col-sm-9 {
    width: 66.66666667%;
  }

  .vc_custom_1459805319681 .vc_col-sm-3 {
    width: 33.33333333%;
  }

  /* Columns are set up wrong, give this the same as .col-sm-9 */
  .single-post #content .col-sm-8 {
    width: 75%;
  }

  /* Reset back to Bootstrap defaults */
  .category .col-sm-8 {
    width: 66.66667%;
  }

  /* Fixes for course pages layout */
  .page-template-right-sidebar-page .col-sm-8 {
    width: 66.66667%;
  }

  .page-template-right-sidebar-page .col-md-9,
  .page-template-right-sidebar-page .col-md-3 {
    padding-right: 15px;
    padding-left: 15px;
  }

  /* Reset back to Bootstrap defaults */
  .groups .col-md-9 {
    width: 75%;
  }

  /* Restore existing layout */
  .groups #item-body {
    padding-left: 30px;
  }
}

/* Fixes for small desktop width */
@media (min-width: 992px) {
  /* Reset back to Bootstrap defaults */
  #footerbottom .col-md-9 {
    width: 75%;
    float: left;
  }

  #footerbottom #footerlogo {
    float: none;
  }

  #footerbottom #footerlogo,
  #footermenu .col-md-3 {
    margin-bottom: 0;
  }

  /* Undo mobile fix for search icon */
  header #searchicon {
    padding-right: 0;
    padding-left: 15px;
  }

  /* Undo narrow column fix from tablet layout */
  .vc_custom_1459805319681 .vc_col-sm-9 {
    width: 75%;
  }

  .vc_custom_1459805319681 .vc_col-sm-3 {
    width: 25%;
  }

  /* Restore existing layout */
  .single-post .col-md-9 {
    width: 75%;
  }

  /* Reset back to Bootstrap defaults */
  .single-post #content .col-md-9 {
    width: 75%;
  }

  /* Fixes for course pages layout */
  .page-template-right-sidebar-page .col-md-9 {
    width: 75%;
  }

  /* Reset back to Bootstrap defaults */
  .groups .col-md-9 {
    width: 75%;
  }
}

/* Fixes for large desktop width */
@media (min-width: 1200px) {
  /* Maintain existing layout for large desktop, images are not large enough */
  .online-courses .vc_column-inner .vc_col-sm-3 {
    width: 261px;
    padding: 0;
  }

  .course-hp-box {
    margin: 0 16px;
  }

  .course-hp-box:first-child {
    margin: 0 16px 0 0;
  }

  .course-hp-box:last-child {
    margin: 0 0 0 16px;
  }

  /* Fix nested .vc_row negative margins */
  .online-courses {
    margin: 0;
  }
}