/* CSS Resets */

.foobaz-container {
  border-collapse: separate;
  border-spacing: 0;
}
.foobaz-container, .foobaz-container-row, .foobaz-container-left, .foobaz-container-right, .foobaz-container-center, .foobaz-close-button-container, .foobaz-close-button-spacer {
  padding: 0;
  margin: 0;
}
.foobaz-message-wrapper {
  line-height: normal;
}

/* Core CSS */
.foobaz-wrapper {
  width: 100%;
  z-index: 1001;
}
.foobaz-container {
  width: 100%;
  table-layout: fixed;
}
.foobaz-container-left, .foobaz-container-center, .foobaz-container-right {
  vertical-align: middle;
}
.foobaz-container-inner {
  position: relative;
  overflow: hidden;
  text-align: left;
}
.foobaz-container-right .foobaz-container-inner {
  text-align: right;
}
.foobaz-container-inner a.btn.button-large.outlined, .foobaz-container-inner a.btn.button-small.outlined {
  border: 2px solid #fff;
  color: #fff;
}

@media screen and (max-width: 1220px) {
  .foobaz-container-inner a.btn.button-large.outlined {
    font-size: 12px;
    padding: 2px;
  }
}
.foobaz-container-inner a.btn.button-large:hover, .foobaz-container-inner a.btn.button-small:hover {
  background: #fff none repeat scroll 0% 0%;
  color: #70ad47;
}
.foobaz-shadow {
  width: 100%;
  height: 0px;
}
.foobaz-message {
  position: relative;
  display: block;
}
.foobaz-message h5 {
  margin-top: 15px;
  margin-bottom: 0;
}
.foobaz-message p {
  color: white;
  font-style: italic
}
.foobaz-message-wrapper {
  white-space: nowrap;
  position: absolute;
}
.foobaz-prev-button, .foobaz-next-button {
  width: 28px;
  display: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 996;
}
.foobaz-prev-button {
  left: 0;
}
.foobaz-next-button {
  right: 0;
}
.foobaz-close-button-container, .foobaz-close-button-spacer, .foobaz-open-button-container {
  width: 50px;
}
.foobaz-open-button-container {
  height: 0;
  overflow: hidden;
  text-align: center;
}
.foobaz-open-button-container.hidden {
  display: none;
  visibility: hidden;
}
.foobaz-open-button, .foobaz-close-button {
  cursor: pointer;
}
.foobaz-open-button {
  position: absolute;
  left: 50%;
  margin-left: -17px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  top: 0;
  bottom: auto;
}
.foobaz-container {
  border-left: none;
  border-right: none;
  padding: 0;
}
.foobaz-container td, .foobaz-container td:hover {
  border: none;
  padding: 0;
  background: none;
}

/* Inline CSS */

.foobaz-wrapper.inline {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
}
.foobaz-wrapper.inline .foobaz-container {
  border-top: none;
}
.foobaz-wrapper.inline .foobaz-open-button-container {
  position: absolute;
  top: 0;
  bottom: auto;
}

/* Top CSS */

.foobaz-wrapper.top {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
}
.foobaz-wrapper.top .foobaz-container {
  border-top: none;
}
.foobaz-wrapper.top .foobaz-open-button-container {
  position: fixed;
  top: 0;
  bottom: auto;
}

/* Bottom CSS */

.foobaz-wrapper.bottom {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
}
.foobaz-wrapper.bottom .foobaz-container {
  border-bottom: none;
}
.foobaz-wrapper.bottom .foobaz-open-button-container {
  position: fixed;
  top: auto;
  bottom: 0;
}
.foobaz-wrapper.bottom .foobaz-open-button {
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  top: auto;
  bottom: 0;
}

/* Shadow CSS */

.foobaz-wrapper.shadow .foobaz-shadow {
  height: 5px;
  background: url('images/shadow.png') repeat-x left bottom;
}
.foobaz-wrapper.shadow.bottom .foobaz-shadow {
  background-position: left top;
}
.foobaz-wrapper.shadow .foobaz-open-button-container {
  background: url('images/shadow-button.png') no-repeat center bottom;
}
.foobaz-wrapper.shadow.bottom .foobaz-open-button-container {
  background-position: center top;
}

/* Button CSS */

/* x-close theme */
.foobaz-wrapper.x-close .foobaz-open-button, 
.foobaz-wrapper.x-close .foobaz-close-button, 
.foobaz-wrapper .foobaz-prev-button.x-close, 
.foobaz-wrapper .foobaz-next-button.x-close {
  position: relative;
}
.foobaz-wrapper.x-close .foobaz-open-button:before, 
.foobaz-wrapper.x-close .foobaz-close-button:before, 
.foobaz-wrapper .foobaz-prev-button.x-close:before, 
.foobaz-wrapper .foobaz-next-button.x-close:before {
  content: 'x';
  position: absolute;
  color: white;
  font-family: 'proxima-nova', arial, sans-serif;
  font-style: normal;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 0;
}
.foobaz-wrapper.x-close .foobaz-open-button:before {
  right: 0;
}
.foobaz-wrapper.x-close .foobaz-close-button:before {
  right: 0;
}
.foobaz-wrapper .foobaz-prev-button.x-close:before {
  right: 0;
}
.foobaz-wrapper .foobaz-next-button.x-close {
  right: 0;
}

/* triangle-arrow theme */

.foobaz-wrapper.triangle-arrow .foobaz-open-button {
  background: url('images/triangle-arrow.png') no-repeat -56px center;
}
.foobaz-wrapper.triangle-arrow .foobaz-close-button {
  background: url('images/triangle-arrow.png') no-repeat 0px center;
}
.foobaz-wrapper .foobaz-prev-button.triangle-arrow {
  background: url('images/triangle-arrow.png') no-repeat -112px center;
}
.foobaz-wrapper .foobaz-next-button.triangle-arrow {
  background: url('images/triangle-arrow.png') no-repeat -168px center;
}

/* long-arrow */

.foobaz-wrapper.long-arrow .foobaz-open-button {
  background: url('images/long-arrow.png') no-repeat -56px center;
}
.foobaz-wrapper.long-arrow .foobaz-close-button {
  background: url('images/long-arrow.png') no-repeat 0px center;
}
.foobaz-wrapper .foobaz-prev-button.long-arrow {
  background: url('images/long-arrow.png') no-repeat -112px center;
}
.foobaz-wrapper .foobaz-next-button.long-arrow {
  background: url('images/long-arrow.png') no-repeat -168px center;
}

/* small-white-arrow theme */

.foobaz-wrapper.small-white-arrow .foobaz-open-button {
  background: url('images/small-white-arrow.png') no-repeat -56px center;
}
.foobaz-wrapper.small-white-arrow .foobaz-close-button {
  background: url('images/small-white-arrow.png') no-repeat 0px center;
}
.foobaz-wrapper .foobaz-prev-button.small-white-arrow {
  background: url('images/small-white-arrow.png') no-repeat -112px center;
}
.foobaz-wrapper .foobaz-next-button.small-white-arrow {
  background: url('images/small-white-arrow.png') no-repeat -168px center;
}

/* x-white */

.foobaz-wrapper.x-white .foobaz-open-button {
  background: url('images/x-white.png') no-repeat -56px center;
}
.foobaz-wrapper.x-white .foobaz-close-button {
  background: url('images/x-white.png') no-repeat 0px center;
}
.foobaz-wrapper .foobaz-prev-button.x-white {
  background: url('images/x-white.png') no-repeat -112px center;
}
.foobaz-wrapper .foobaz-next-button.x-white {
  background: url('images/x-white.png') no-repeat -168px center;
}
.foobaz-wrapper .foobaz-open-button:hover {
  background-position: -84px center;
}
.foobaz-wrapper .foobaz-close-button:hover {
  background-position: -28px center;
}
.foobaz-wrapper.bottom .foobaz-open-button {
  background-position: 0px center;
}
.foobaz-wrapper.bottom .foobaz-close-button {
  background-position: -56px center;
}
.foobaz-wrapper.bottom .foobaz-open-button:hover {
  background-position: -28px center;
}
.foobaz-wrapper.bottom .foobaz-close-button:hover {
  background-position: -84px center;
}
.foobaz-wrapper .foobaz-prev-button:hover {
  background-position: -140px center;
}
.foobaz-wrapper .foobaz-next-button:hover {
  background-position: -196px center;
}

/* Social CSS */

.foobaz-social {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.foobaz-social li.foobaz-social-text {
  padding-right: 10px;
  padding-left: 10px;
}
.foobaz-social li {
  float: left;
  text-align: left;
}
.foobaz-social li a {
  width: 28px;
  display: inline-block;
}
.foobaz-preset-1 {
  color: #ffffff;
  text-shadow: 0 1px 0 #986C00;
}
.foobaz-preset-1 a {
  color: #2b1b0a;
  text-shadow: 0 1px 0 #F1BA4D;
  text-decoration: none;
}
.foobaz-preset-1 a:hover {
  text-decoration: underline;
}
.foobaz-preset-2 {
  color: #000;
  text-shadow: 0 1px 0 #aaa;
}
.foobaz-preset-2 a {
  color: #fff;
  text-shadow: 0 1px 0 #888;
  text-decoration: none;
}
.foobaz-preset-2 a:hover {
  text-decoration: underline;
}