/*
  Some handy extensions to Bootstrap
  ideajunction.co.uk
  v01: 2014-02-26
*/

/* Add an xl size at > 1500px */
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9,
.col-xl-10, .col-xl-11, .col-xl-12 { position:relative; min-height:1px; padding-right:15px; padding-left:15px; }
@media (min-width:1530px) {
  .container { width:1500px; }
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
  .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float:left; }
  .col-xl-1 { width:8.333333333333332%; }
  .col-xl-2 { width:16.666666666666664%; }
  .col-xl-3 { width:25%; }
  .col-xl-4 { width:33.33333333333333%; }
  .col-xl-5 { width:41.66666666666667%; }
  .col-xl-6 { width:50%; }
  .col-xl-7 { width:58.333333333333336%; }
  .col-xl-8 { width:66.66666666666666%; }
  .col-xl-9 { width:75%; }
  .col-xl-10 { width:83.33333333333334%; }
  .col-xl-11 { width:91.66666666666666%; }
  .col-xl-12 { width:100%; }
  .col-xl-push-0 { left:auto; }
  .col-xl-push-1 { left:8.333333333333332%; }
  .col-xl-push-2 { left:16.666666666666664%; }
  .col-xl-push-3 { left:25%; }
  .col-xl-push-4 { left:33.33333333333333%; }
  .col-xl-push-5 { left:41.66666666666667%; }
  .col-xl-push-6 { left:50%; }
  .col-xl-push-7 { left:58.333333333333336%; }
  .col-xl-push-8 { left:66.66666666666666%; }
  .col-xl-push-9 { left:75%; }
  .col-xl-push-10 { left:83.33333333333334%; }
  .col-xl-push-11 { left:91.66666666666666%; }
  .col-xl-pull-0 { right:auto; }
  .col-xl-pull-1 { right:8.333333333333332%; }
  .col-xl-pull-2 { right:16.666666666666664%; }
  .col-xl-pull-3 { right:25%; }
  .col-xl-pull-4 { right:33.33333333333333%; }
  .col-xl-pull-5 { right:41.66666666666667%; }
  .col-xl-pull-6 { right:50%; }
  .col-xl-pull-7 { right:58.333333333333336%; }
  .col-xl-pull-8 { right:66.66666666666666%; }
  .col-xl-pull-9 { right:75%; }
  .col-xl-pull-10 { right:83.33333333333334%; }
  .col-xl-pull-11 { right:91.66666666666666%; }
  .col-xl-offset-0 { margin-left:0; }
  .col-xl-offset-1 { margin-left:8.333333333333332%; }
  .col-xl-offset-2 { margin-left:16.666666666666664%; }
  .col-xl-offset-3 { margin-left:25%; }
  .col-xl-offset-4 { margin-left:33.33333333333333%; }
  .col-xl-offset-5 { margin-left:41.66666666666667%; }
  .col-xl-offset-6 { margin-left:50%; }
  .col-xl-offset-7 { margin-left:58.333333333333336%; }
  .col-xl-offset-8 { margin-left:66.66666666666666%; }
  .col-xl-offset-9 { margin-left:75%; }
  .col-xl-offset-10 { margin-left:83.33333333333334%; }
  .col-xl-offset-11 { margin-left:91.66666666666666%; }
}


/* Double (30px) the standard gutter (15x) on columns */
.col-gutter-double .col-xs-1, .col-gutter-double .col-xs-2, .col-gutter-double .col-xs-3, .col-gutter-double .col-xs-4,  .col-gutter-double .col-xs-5,  .col-gutter-double .col-xs-6,
.col-gutter-double .col-xs-7, .col-gutter-double .col-xs-8, .col-gutter-double .col-xs-9, .col-gutter-double .col-xs-10, .col-gutter-double .col-xs-11, .col-gutter-double .col-xs-12,
.col-gutter-double .col-sm-1, .col-gutter-double .col-sm-2, .col-gutter-double .col-sm-3, .col-gutter-double .col-sm-4,  .col-gutter-double .col-sm-5,  .col-gutter-double .col-sm-6,
.col-gutter-double .col-sm-7, .col-gutter-double .col-sm-8, .col-gutter-double .col-sm-9, .col-gutter-double .col-sm-10, .col-gutter-double .col-sm-11, .col-gutter-double .col-sm-12,
.col-gutter-double .col-md-1, .col-gutter-double .col-md-2, .col-gutter-double .col-md-3, .col-gutter-double .col-md-4,  .col-gutter-double .col-md-5,  .col-gutter-double .col-md-6,
.col-gutter-double .col-md-7, .col-gutter-double .col-md-8, .col-gutter-double .col-md-9, .col-gutter-double .col-md-10, .col-gutter-double .col-md-11, .col-gutter-double .col-md-12,
.col-gutter-double .col-lg-1, .col-gutter-double .col-lg-2, .col-gutter-double .col-lg-3, .col-gutter-double .col-lg-4,  .col-gutter-double .col-lg-5,  .col-gutter-double .col-lg-6,
.col-gutter-double .col-lg-7, .col-gutter-double .col-lg-8, .col-gutter-double .col-lg-9, .col-gutter-double .col-lg-10, .col-gutter-double .col-lg-11, .col-gutter-double .col-lg-12,
.col-gutter-double .col-xl-1, .col-gutter-double .col-xl-2, .col-gutter-double .col-xl-3, .col-gutter-double .col-xl-4,  .col-gutter-double .col-xl-5,  .col-gutter-double .col-xl-6,
.col-gutter-double .col-xl-7, .col-gutter-double .col-xl-8, .col-gutter-double .col-xl-9, .col-gutter-double .col-xl-10, .col-gutter-double .col-xl-11, .col-gutter-double .col-xl-12 { padding-right:30px; padding-left:30px; }
.row.col-gutter-double, .col-gutter-double .row { margin-right:-30px; margin-left:-30px; }
/* needed if using .col-gutter-double to remove horizontal scrollbar */
/* as -30 pulls the .row outside of the body bounds, which have only 15px margin */
body { overflow-x:hidden; } 


/* No gutter on columns */
.col-gutter-none .col-xs-1, .col-gutter-none .col-xs-2, .col-gutter-none .col-xs-3, .col-gutter-none .col-xs-4,  .col-gutter-none .col-xs-5,  .col-gutter-none .col-xs-6,
.col-gutter-none .col-xs-7, .col-gutter-none .col-xs-8, .col-gutter-none .col-xs-9, .col-gutter-none .col-xs-10, .col-gutter-none .col-xs-11, .col-gutter-none .col-xs-12,
.col-gutter-none .col-sm-1, .col-gutter-none .col-sm-2, .col-gutter-none .col-sm-3, .col-gutter-none .col-sm-4, .col-gutter-none .col-sm-5, .col-gutter-none .col-sm-6,
.col-gutter-none .col-sm-7, .col-gutter-none .col-sm-8, .col-gutter-none .col-sm-9, .col-gutter-none .col-sm-10, .col-gutter-none .col-sm-11, .col-gutter-none .col-sm-12,
.col-gutter-none .col-md-1, .col-gutter-none .col-md-2, .col-gutter-none .col-md-3, .col-gutter-none .col-md-4, .col-gutter-none .col-md-5, .col-gutter-none .col-md-6,
.col-gutter-none .col-md-7, .col-gutter-none .col-md-8, .col-gutter-none .col-md-9, .col-gutter-none .col-md-10, .col-gutter-none .col-md-11, .col-gutter-none .col-md-12,
.col-gutter-none .col-lg-1, .col-gutter-none .col-lg-2, .col-gutter-none .col-lg-3, .col-gutter-none .col-lg-4, .col-gutter-none .col-lg-5, .col-gutter-none .col-lg-6,
.col-gutter-none .col-lg-7, .col-gutter-none .col-lg-8, .col-gutter-none .col-lg-9, .col-gutter-none .col-lg-10, .col-gutter-none .col-lg-11, .col-gutter-none .col-lg-12,
.col-gutter-none .col-xl-1, .col-gutter-none .col-xl-2, .col-gutter-none .col-xl-3, .col-gutter-none .col-xl-4, .col-gutter-none .col-xl-5, .col-gutter-none .col-xl-6,
.col-gutter-none .col-xl-7, .col-gutter-none .col-xl-8, .col-gutter-none .col-xl-9, .col-gutter-none .col-xl-10, .col-gutter-none .col-xl-11, .col-gutter-none .col-xl-12 { padding-right:0px; padding-left:0px; }
.row.col-gutter-none, .col-gutter-none .row { margin-right:0px; margin-left:0px; }


/* Half (8px) the standard gutter (15x) on columns */
.col-gutter-half .col-xs-1, .col-gutter-half .col-xs-2, .col-gutter-half .col-xs-3, .col-gutter-half .col-xs-4,  .col-gutter-half .col-xs-5,  .col-gutter-half .col-xs-6,
.col-gutter-half .col-xs-7, .col-gutter-half .col-xs-8, .col-gutter-half .col-xs-9, .col-gutter-half .col-xs-10, .col-gutter-half .col-xs-11, .col-gutter-half .col-xs-12,
.col-gutter-half .col-sm-1, .col-gutter-half .col-sm-2, .col-gutter-half .col-sm-3, .col-gutter-half .col-sm-4,  .col-gutter-half .col-sm-5,  .col-gutter-half .col-sm-6,
.col-gutter-half .col-sm-7, .col-gutter-half .col-sm-8, .col-gutter-half .col-sm-9, .col-gutter-half .col-sm-10, .col-gutter-half .col-sm-11, .col-gutter-half .col-sm-12,
.col-gutter-half .col-md-1, .col-gutter-half .col-md-2, .col-gutter-half .col-md-3, .col-gutter-half .col-md-4,  .col-gutter-half .col-md-5,  .col-gutter-half .col-md-6,
.col-gutter-half .col-md-7, .col-gutter-half .col-md-8, .col-gutter-half .col-md-9, .col-gutter-half .col-md-10, .col-gutter-half .col-md-11, .col-gutter-half .col-md-12,
.col-gutter-half .col-lg-1, .col-gutter-half .col-lg-2, .col-gutter-half .col-lg-3, .col-gutter-half .col-lg-4,  .col-gutter-half .col-lg-5,  .col-gutter-half .col-lg-6,
.col-gutter-half .col-lg-7, .col-gutter-half .col-lg-8, .col-gutter-half .col-lg-9, .col-gutter-half .col-lg-10, .col-gutter-half .col-lg-11, .col-gutter-half .col-lg-12,
.col-gutter-half .col-xl-1, .col-gutter-half .col-xl-2, .col-gutter-half .col-xl-3, .col-gutter-half .col-xl-4,  .col-gutter-half .col-xl-5,  .col-gutter-half .col-xl-6,
.col-gutter-half .col-xl-7, .col-gutter-half .col-xl-8, .col-gutter-half .col-xl-9, .col-gutter-half .col-xl-10, .col-gutter-half .col-xl-11, .col-gutter-half .col-xl-12 { padding-right:8px; padding-left:8px; }
.row.col-gutter-half, .col-gutter-half .row { margin-right:-8px; margin-left:-8px; }


/* Override back to the standard column gutter width of 15px. Not needed normally, only use this to reset a parent declarations (e.g. .col-gutter-none) */
.col-gutter-normal .col-xs-1, .col-gutter-normal .col-xs-2, .col-gutter-normal .col-xs-3, .col-gutter-normal .col-xs-4,  .col-gutter-normal .col-xs-5,  .col-gutter-normal .col-xs-6,
.col-gutter-normal .col-xs-7, .col-gutter-normal .col-xs-8, .col-gutter-normal .col-xs-9, .col-gutter-normal .col-xs-10, .col-gutter-normal .col-xs-11, .col-gutter-normal .col-xs-12,
.col-gutter-normal .col-sm-1, .col-gutter-normal .col-sm-2, .col-gutter-normal .col-sm-3, .col-gutter-normal .col-sm-4,  .col-gutter-normal .col-sm-5,  .col-gutter-normal .col-sm-6,
.col-gutter-normal .col-sm-7, .col-gutter-normal .col-sm-8, .col-gutter-normal .col-sm-9, .col-gutter-normal .col-sm-10, .col-gutter-normal .col-sm-11, .col-gutter-normal .col-sm-12,
.col-gutter-normal .col-md-1, .col-gutter-normal .col-md-2, .col-gutter-normal .col-md-3, .col-gutter-normal .col-md-4,  .col-gutter-normal .col-md-5,  .col-gutter-normal .col-md-6,
.col-gutter-normal .col-md-7, .col-gutter-normal .col-md-8, .col-gutter-normal .col-md-9, .col-gutter-normal .col-md-10, .col-gutter-normal .col-md-11, .col-gutter-normal .col-md-12,
.col-gutter-normal .col-lg-1, .col-gutter-normal .col-lg-2, .col-gutter-normal .col-lg-3, .col-gutter-normal .col-lg-4,  .col-gutter-normal .col-lg-5,  .col-gutter-normal .col-lg-6,
.col-gutter-normal .col-lg-7, .col-gutter-normal .col-lg-8, .col-gutter-normal .col-lg-9, .col-gutter-normal .col-lg-10, .col-gutter-normal .col-lg-11, .col-gutter-normal .col-lg-12,
.col-gutter-normal .col-xl-1, .col-gutter-normal .col-xl-2, .col-gutter-normal .col-xl-3, .col-gutter-normal .col-xl-4,  .col-gutter-normal .col-xl-5,  .col-gutter-normal .col-xl-6,
.col-gutter-normal .col-xl-7, .col-gutter-normal .col-xl-8, .col-gutter-normal .col-xl-9, .col-gutter-normal .col-xl-10, .col-gutter-normal .col-xl-11, .col-gutter-normal .col-xl-12 { padding-right:15px; padding-left:15px; }
.row.col-gutter-normal, .col-gutter-normal .row { margin-right:-15px; margin-left:-15px; }


/* Stop a full-width column obscuring any less-than-full-width columns preceeding it */
/* this standardises the float properies of all columns by adding float:left to .col-**-12 */
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { float:left; /*width:100%;*/ } 


/* Add classes to hide or show an item if there is (or isn't) Javascript */
html.js .visible-js,
html.no-js .visible-no-js { display:inline-block!important; }
html.js .hidden-js,
html.no-js .hidden-no-js { display:none!important; }
/* Requires the html tag to have class="no-js" in the source, plus something like this Javascript:
  // Denote we have Javascript (Modernizr-style CSS hook)
  $('html').removeClass('no-js').addClass('js');
*/