/**
 * @file CSS for Gallery module 
 */
#gallery {
margin-bottom:40px;
padding-top:30px;
}

#gallery .ajax-progress-throbber {
display:none;
}

#gallery #box-wrapper .box {
position:relative;
padding-right:8px;
padding-left:8px;
margin-bottom:16px;
}

#gallery #box-wrapper .box  a {
display:block;
outline: none;
}


#gallery .inner-box h3 {
margin-top:50px;
margin-bottom:20px;
color:#d84018;
font-size:2em;
text-transform: none;
}


#gallery .inner-box {
clear:both;
width:100%;
margin-bottom:10px;
padding-left:8px;
padding-right:8px;
}


#gallery .inner-box .content{
position:relative;
float:left;
width:100%;
color:#fff;
padding:20px 10px 20px 5px;
background:#000;
margin-bottom:15px;
}


@media (max-width: 767px) {

  #gallery .box img {
  width:100%;
  }
}

/* Specially for 7 column grids */
@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 { /* 14% = 100% (full-width row) divided by 7 */
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}


#gallery .inner-box .content p{
text-align:left;
font-family: "Univers LT 47 CondensedLt", sans-serif;
font-size:1.2em;
}

#gallery .inner-box #cancel {
position:absolute;
top:10px;
right:10px;
display:block;
width:45px;
height:45px;
background: url(../images/cancel.png) center center no-repeat;
background-size:90%;
z-index:3;
outline: none;
}


/* Gallery loader */
#gallery .box .loader {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: url(../images/ajax-loader.gif) center center no-repeat;
background-color: #000;
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
z-index:4;
}


#gallery .box .preview {
position:absolute;
top:0;
left:7px;
right:8px;
height:100%;
cursor:pointer;
z-index:6;
}

#gallery #box-wrapper .arrow {
position:absolute;
height:15px;
width:100%;
bottom:-12px;
left:0;
z-index:1;
text-align: center;
}


#box-wrapper .caret {
border-style: solid;
border-width: 0 14px 14px 14px;
border-color: transparent transparent #000 transparent;
height: 16px;
width: 0;
margin:0 auto;
}


/* Overlay effect */
#box-wrapper .box > a {
position:relative;
}

#box-wrapper .img-overlay {
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000;
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
display:none;
z-index:1;
}


#box-wrapper .overlay-title {
position:absolute;
width:100%;
bottom:10px;
left:0;
font-size:1.3em;
line-height:1.3em;
text-align:center;
padding-left:15px;
padding-right:15px;
z-index:3;
color:#fff;
display:none;
}