.dsb-btn{padding:8px 16px}.dsb-btn:hover,.dsb-btn:focus,.dsb-btn:active{color:#ffffff !important;text-decoration:none !important}.dsb-white{color:#ffffff}.dsb-facebook{color:#3b5998}.dsb-twitter{color:#4099ff}.dsb-googleplus{color:#dd4b39}.dsb-pinterest{color:#c92228}.dsb-linkedin{color:#007bb5}.dsb-facebook-bg{background:#3b5998}.dsb-twitter-bg{background:#4099ff}.dsb-googleplus-bg{background:#dd4b39}.dsb-pinterest-bg{background:#c92228}.dsb-linkedin-bg{background:#007bb5}.dsb-facebook-bg:hover,.dsb-facebook-bg:focus,.dsb-facebook-bg:active{background:#2d4373}.dsb-twitter-bg:hover,.dsb-twitter-bg:focus,.dsb-twitter-bg:active{background:#0d7eff}.dsb-googleplus-bg:hover,.dsb-googleplus-bg:focus,.dsb-googleplus-bg:active{background:#c23321}.dsb-pinterest-bg:hover,.dsb-pinterest-bg:focus,.dsb-pinterest-bg:active{background:#9d1b1f}.dsb-linkedin-bg:hover,.dsb-linkedin-bg:focus,.dsb-linkedin-bg:active{background:#005882}

/** custom for Boothgallery **/
.individual-image-body{
  background-color: #1a1a1a;
}
/* .individual-image{
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
} */

.individual-image {
    display: block;
    margin: 0 auto 40px;
    position: static;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    text-align: center;
}
.individual-image h1{
  color: white;
  font-family: sans-serif;
}
.individual-image img{
    max-width: 1000px;
    width:  100%;
    height: auto;
}
.social-share-wrapper{
  text-align: center;
  margin: 20px 0;
}
.social-share-wrapper a {
    margin: 3px;
    font-family: sans-serif;
    text-decoration: none;
}
a.direct-link.fa-stack.fa-lg {
    position: absolute;
    top: -2px;
    right: 50%;
    margin-right:  -20px;
    z-index: 10;
}
.fa-stack-link{
  line-height: 40px!important;
}
.direct-link{
    /* visibility: hidden; */
}
#block-views-event-block .content ul li:hover .direct-link{
  visibility: visible;
}

/** move this over to regular styles at some point **/
.page-node-69 .region-content{
  max-width: 1300px!important;
  margin: 0 auto;
  display: block;
}
.clearfix {
    clear: both;
    display: block;
    width: 100%;
}
.full-width {
    clear: both;
    padding: 40px 0;
    display: block;
}
.full-width.left .content-contain{
  text-align: left;
  max-width: 50%;
  float: left;
}
.full-width.right .content-contain{
  text-align: right;
  max-width: 50%;
  float: right;
}
.full-width.left .gif{
  width: 50%;
  float: right;
  text-align: center;
}
.full-width.right .gif{
  width: 50%;
  float: left;
  text-align: center;
}
.gif img{
  max-width: 80%;
}
.full-ctas{
  background-color: #001c29;
  color: white;
  padding: 40px;
  margin: 40px 0;
  font-size: 18px;
  line-height: 30px;
  clear: both;
  display: block;
}
.full-ctas p {
    max-width: 900px;
}
p.heading {
    font-size: 22px;
    display: block;
    line-height: 30px;
    font-weight: bold;
    color: #f2c926;
}
.full-ctas a.btn {
    background-color: #f2c926;
    padding: 5px 10px;
    color: #001c29;
    border-radius: 5px;
    transition: background-color 1s ease;
}
.full-ctas a.btn:hover {
    background-color: #ecdfaa;
}

@media screen and (max-width: 750px){
  .full-width{
    padding: 40px;
  }
  .full-width.left .content-contain{
    text-align: left;
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .full-width.right .content-contain{
    text-align: right;
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .full-width.left .gif{
    display: block;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  .full-width.right .gif{
    display: block;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}