/**
 *
 * Styles for the Sherwood Baptist Church home page
 */
/* line 1, scss/partials/_home.scss */
section.wrap {
  height: 100%;
  padding-left: 268px; }
  /* line 5, scss/partials/_home.scss */
  section.wrap .content {
    height: 100%; }

/* line 10, scss/partials/_home.scss */
.buckets {
  background: url("../images/bg-home-buckets.jpg") repeat-x scroll 0 0 #222222;
  height: 204px;
  overflow: hidden;
  position: absolute;
  bottom: 90px;
  z-index: 999;
  width: 100%;
  padding-left: 268px;
  box-sizing: border-box;
  left: 0; }
  /* line 22, scss/partials/_home.scss */
  .buckets .buckets-nav {
    background: url("../images/bucket-arrow-right.png") no-repeat scroll top right transparent;
    border: none;
    height: 204px;
    width: 80px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    z-index: 1001; }
    /* line 31, scss/partials/_home.scss */
    .buckets .buckets-nav:hover {
      background-position: bottom right; }
  /* line 36, scss/partials/_home.scss */
  .buckets .items {
    padding: 27px 0;
    position: relative;
    width: 100%; }
    /* line 41, scss/partials/_home.scss */
    .buckets .items ul {
      margin: 0;
      position: relative;
      width: 20000em; }
      /* line 46, scss/partials/_home.scss */
      .buckets .items ul li {
        list-style: none;
        float: left;
        height: 150px;
        margin-right: 14px;
        overflow: hidden;
        width: 206px; }
        /* line 54, scss/partials/_home.scss */
        .buckets .items ul li span.matte {
          background-color: #FFFFFF;
          /* IE 8 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 16 ")";
          /* IE 5-7 */
          filter: alpha(opacity=16);
          /* Netscape */
          -moz-opacity: 0.16;
          /* Safari 1.x */
          -khtml-opacity: 0.16;
          /* Default */
          opacity: 0.16;
          height: inherit;
          width: inherit;
          position: absolute;
          z-index: 1; }
        /* line 63, scss/partials/_home.scss */
        .buckets .items ul li a {
          border: none;
          display: block;
          margin: 4px;
          position: relative;
          z-index: 2;
          background: #000; }
          /* line 70, scss/partials/_home.scss */
          .buckets .items ul li a img {
            opacity: .5;
            display: block;
            -webkit-transition: opacity 0.3s;
            -moz-transition: opacity 0.3s;
            -o-transition: opacity 0.3s;
            -ms-transition: opacity 0.3s;
            transition: opacity 0.3s; }
          /* line 71, scss/partials/_home.scss */
          .buckets .items ul li a:hover img {
            opacity: 1; }

/* line 78, scss/partials/_home.scss */
.rotator {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  /* line 84, scss/partials/_home.scss */
  .rotator .slide {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% top;
    height: 100% !important;
    width: 100% !important; }
    /* line 90, scss/partials/_home.scss */
    .rotator .slide a {
      border: none;
      display: block;
      height: 100%;
      text-indent: -9999px;
      width: 100%; }

/* line 100, scss/partials/_home.scss */
.rotator-nav {
  height: 16px;
  position: absolute;
  z-index: 999;
  width: 100%;
  bottom: 320px;
  padding-left: 268px;
  box-sizing: border-box;
  left: 0;
  text-align: center; }
  /* line 111, scss/partials/_home.scss */
  .rotator-nav a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    background-color: white;
    border: none;
    box-shadow: 0 0 10px 2px #333333;
    -moz-box-shadow: 0 0 10px 2px #333333;
    -webkit-box-shadow: 0 0 10px 2px #333333;
    -khtml-box-shadow: 0 0 10px 2px #333333;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 16px;
    margin: 0 5px;
    width: 16px;
    text-indent: -9999px; }
    /* line 125, scss/partials/_home.scss */
    .rotator-nav a:hover, .rotator-nav a.activeSlide {
      background-color: #146782; }

@media only screen and (max-height: 827px) {
  /* line 132, scss/partials/_home.scss */
  .buckets {
    bottom: auto;
    top: 532px; }

  /* line 137, scss/partials/_home.scss */
  .rotator-nav {
    bottom: auto;
    top: 491px; } }