/**** Utility ****/

.isotopeBuilder .filters,
.isotopeBuilder .sortDirection {
  border-radius: 2px;
  border: 1px solid #ccc;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.isotopeBuilder .filters li,
.isotopeBuilder .sortDirection li {
  display: inline;
  margin: 15px;
}

.isotopeBuilder .imageMap { position: relative; }

.isotopeBuilder .imageMapBlock { position: absolute; }

/**** Corner Stamp ****/
.cornerStampWrapper {
  width: 110px;
  height: 340px;
  float: right;
  overflow: hidden;
}

/**** Isotope Filtering ****/

.isotopeBuilder .isotope-item {
  z-index: 2;
}

.isotopeBuilder .isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotopeBuilder .isotope,
.isotopeBuilder .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotopeBuilder .isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotopeBuilder .isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotopeBuilder .isotope.no-transition,
.isotopeBuilder .isotope.no-transition .isotope-item,
.isotopeBuilder .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/**** Isotope filtering ****/

.isotopeBuilder .isotope-item {
  z-index: 2;
}

.isotopeBuilder .isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


/**** Infinite Scroll loader ****/
.isotopeBuilder #infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
/**** Fix for anchor tags wrapping image tags in FF ****/

div.isotope-item > a:first-child {
  display:  block;
}

/**** Isotope .item active state and overlays ****/

div.isotopeBuilder div.isotope-item.active { position: relative; }

div.isotopeBuilder div.isotope-item > div.overlay {
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.2s ease;
  top: 0;
  display: none\9; /* IE8 and below */
}

div.isotopeBuilder div.isotope-item.active > div.overlay {
  opacity: 1;  
  display: block\9; /* IE8 and below */
}

/**** Report Card ****/

.reportCard {
  background: #cccccc;
  padding: 20px;
  z-index: 9999;
}

.reportCard .wrapper p,
.reportCard .wrapper li { color: #444444; }

.reportCard #instructionsWrapper { display: none; }


/**** Column Shift Layout ****/

.isotopeContent .shiftColClosed {
  overflow: hidden;
}

.isotopeContent .shiftCol .shift-col-open-trigger,
.isotopeContent .item.shiftColClosed .shift-col-close-trigger {
    display: none;
}

.isotopeContent .shiftCol .shift-col-close-trigger,
.isotopeContent .item.shiftColClosed .shift-col-open-trigger {
    display: block;
}


/* Button styles */

/* Remove Firefox button inner spacing. */
.isotopeContent .shift-col-trigger::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.isotopeContent .shift-col-trigger {
    background: #ffffff;
    border: 1px solid #000000;
    cursor: pointer;
    font-size: 12px;
    line-height: 12px;
    padding: 6px 8px 8px 8px;
    position: absolute;
    right: 12px;
    text-transform: uppercase;
    top: 72px;
    width: auto;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.4);
       -moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.4);
        -ms-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.4);
         -o-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.4);
            box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.4);
}

.isotopeContent .shift-col-trigger:after {
    font-size: 24px;
    font-weight: bold;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.isotopeContent .shift-col-open-trigger:after {
    content: "+";
}

.isotopeContent .shift-col-close-trigger:after {
    content: "-";
    top: 3px;
}

/***** Improve background image scaling on iPad *****/
body {
    background-size: cover !important;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    body {
        background-size: auto 100% !important;
    }
}

/***** Fluid/responsive layout *****/

.isotopeBuilder.fluidResponsive,
.isotopeBuilder.fluidResponsive .customContent {
    margin: 0 auto;
}

.isotopeBuilder.fluidResponsive {
    min-width: 990px;
}

.isotopeBuilder.fluidResponsive h1 {
    left: -9999px;
    position: absolute;
    top: -9999px;
}

.isotopeBuilder.fluidResponsive .isotopeContent,
.isotopeBuilder .customContent .fullwidth {
    width: 100%;
}

.isotopeBuilder.fluidResponsive img,
.isotopeBuilder.fluidResponsive video,
.isotopeBuilder .customContent .fullwidth img,
.isotopeBuilder .customContent .fullwidth video {
    height: 100%;
    width: 100.5%;
}

/* Make certain elements immune from becoming full width. */
.isotopeBuilder.fluidResponsive .imageMapBlock img {
    height: auto;
    width: auto;
}

/* Anchor elements (primarily .imageMapBlock) to specific positions of their parent container. */
#wrapper_content .isotopeBuilder .item .alignleft {
  left: 30px;
}

#wrapper_content .isotopeBuilder .item .alignright {
  left: inherit;
  right: 30px;
}

#wrapper_content .isotopeBuilder .item .aligntop {
  top: 30px;
}

#wrapper_content .isotopeBuilder .item .alignbottom {
  bottom: 30px;
  top: inherit;
}

#wrapper_content .isotopeBuilder .item .alignvmiddle  {
    top: 50%;
}

#wrapper_content .isotopeBuilder .item .alignmiddle  {
    left: 50%;
    text-align: center;
}

.isotopeBuilder.fluidResponsive .item .imageMapBlock {
    height: auto !important;
    width: auto !important;
}

/* Anchor based on percentages. */
#wrapper_content .isotopeBuilder .item .aligntop.alignpercent {
  top: 11.11%;
}

#wrapper_content .isotopeBuilder .item .alignright.alignpercent {
  right: 6.25%;
}

#wrapper_content .isotopeBuilder .item .alignbottom.alignpercent {
  bottom: 11.11%;
}

#wrapper_content .isotopeBuilder .item .alignleft.alignpercent {
  left: 6.25%;
}

.isotopeBuilder .imageMapBlock ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.isotopeBuilder .imageMapBlock li {
  margin-bottom: 5px;
}

.isotopeBuilder .imageMapBlock.inline li {
  float: left;
}

.isotopeBuilder .imageMapBlock.inline.alignleft li {
  margin-right: 60px;
}

.isotopeBuilder .imageMapBlock.inline.alignright li {
  margin-left: 60px;
}

.isotopeBuilder .imageMapBlock li a {
  display: block;
}