/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* Carousel Image Formatting */
div.region-carousel.grid-12{
      width: 1044px;
}
.field.field-name-field-carousel-image{
    padding: 0px;
}
.field.field-name-field-carousel-image .field-slideshow-wrapper{
  /* IE10 Consumer Preview */ 
  background-image: -ms-radial-gradient(center, circle farthest-corner, #929299 0%, #444549 100%);

  /* Mozilla Firefox */ 
  background-image: -moz-radial-gradient(center, circle farthest-corner, #929299 0%, #444549 100%);

  /* Opera */ 
  background-image: -o-radial-gradient(center, circle farthest-corner, #929299 0%, #444549 100%);

  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #929299), color-stop(1, #444549));

  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-radial-gradient(center, circle farthest-corner, #929299 0%, #444549 100%);

  /* W3C Markup, IE10 Release Preview */ 
  background-image: radial-gradient(circle farthest-corner at center, #929299 0%, #444549 100%);
  
  position: relative;
}
.field.field-name-field-carousel-image .field-slideshow{
  margin:0px auto;
}
.field.field-name-field-carousel-image .field-slideshow-controls{
    position: absolute;
    width: 100%;
}

.field.field-name-field-carousel-image .field-slideshow-controls .prev, 
.field.field-name-field-carousel-image .field-slideshow-controls .next{ /* Prev/Next Arrows */
    height: 450px;
    color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px 2%;
}
.field.field-name-field-carousel-image .field-slideshow-controls .prev{
    float: left;
    background-image: url('../images/carousel-page/prev.png');
}
.field.field-name-field-carousel-image .field-slideshow-controls .next{
    float: right;
    background-image: url('../images/carousel-page/next.png');
}

.field.field-name-field-carousel-image .field-slideshow-pager-wrapper{ /* Pager */
    width: 100%;
    position: absolute;
    z-index: 99;
    bottom: 5px;
}
.field.field-name-field-carousel-image .field-slideshow-pager{ /* Pager */
    margin: 0.5% auto;
    text-align: center;    
}
.field.field-name-field-carousel-image .field-slideshow-pager a{
    color: transparent;
    background-image: url("../images/carousel-page/slide-pager-inactive.png");
    width: 30px;
    padding: 7px;
    background-repeat: no-repeat;
    background-position: center;
    margin: -30px 0.5%;
}
.field.field-name-field-carousel-image .field-slideshow-pager a.activeSlide{
    background-image: url("../images/carousel-page/slide-pager-active.png");
}

/* Captions */
.field-slideshow-caption{
    background-color: rgba(180, 180, 180, 0.8);
    color: #fff;
    font-weight:bold;
    top: 360px;
    padding: 1em;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
}
/* END Carousel Image Formatting */

/* Primary Links Formatting */

/*.node-type-carousel-page .tabs{
    display: table;
    position: absolute;
    right: 0;
    top: 223px;
    z-index: 100;  
}*/

/* END Primary Links Formatting */
.node-carousel_page-form{
  padding: 2.0em;
}
.field-name-field-carousel-image .sticky-table{
  margin-bottom: 0px;
}
.form-type-managed-file{
  padding: 2%;
  background-color: #F7F7F7;
  margin-top: 1px;
  border: 1px solid #CCCCCC;
/*  border-top: none;*/
}

.node-carousel-page .field{
  padding: 30px 2%;
}
.node-carousel-page .field-name-field-carousel-image{
  padding: 0px;
}


/* Carousel Page Blocks */
.node-type-carousel-page .block-views-body-content-block{
}
.node-type-carousel-page .block-views-body-content-block h2{
    font-family:"Proxima Nova";
    font-size:24px;
    font-weight:bold;
    line-height:28px;
    color:rgb(51,51,51);
    text-align:left;

}
/* bg-block-member-directory.png */