/*
 * Bootstrap 3 grid, with some modifications to play nice with Drupal and CKEditor
 */

/* Custom Page Layouts controlled by body classes, can be added with node class module */

.ui-dialog div[class^="col-"] {
  min-height: 0; /* Fixing an issue with invisible form element wrappers */
}

img {
  width: auto; /* Prevent squishing of large images in all themes */
  height: auto;
}
.content img { /* This selector specifity should keep images in check but allow special circumstances like revolution slider image effects */
  max-width: 100%;
}

body.full-width-content .main-container {
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

body.full-width-content .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.fullwidth-box {
  margin:0;
  padding:30px 0;
  width:100%;
  clear:both;
}

/* Squish */
@media (min-width: 768px) {
  body.content-center-4-col #block-system-main {
    width: 33.33333333%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float:none!important;
  }

  body.content-center-6-col #block-system-main  {
    width:50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float:none!important;
  }

  body.content-center-8-col #block-system-main  {
    width: 66.66666667%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float:none!important;
  }

  body.content-center-10-col #block-system-main  {
    width: 91.66666667%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float:none!important;
  }
}

/* Bootstrap 3 utility styles */

.carousel img {
  margin:0!important;
}

/* WOW.js utility styles */

.wow-visible {
  visibility: visible !important;
}