/** GALLERY **/

body.tag #content {
	width:100% !important;
	float:none;
}

@media screen and (max-width:600px){
    body.tag #content {
        width:90% !important;
        float:none;
    }
}

.gallery__item {
	float:left;
	width:calc(25% - 30px);
	padding:15px;
    min-height: 340px;
}

@media screen and (max-width:700px) {
    .gallery__item {
        float:none;
        width:90%;
        padding:15px;
        text-align:center;
    }
    .gallery__item img {
        width:100%;
        height:auto !important;
        margin:0 auto;
    }
}


@media screen and (min-width:701px) and (max-width:940px) {
    .gallery__item {
        width:calc(33% - 30px) !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .gallery__item img {
        width:100%;
        max-width:100%;
        height:auto;
    }
}

.gallery-image {
	display:block;
}

/** COLORBOX OVERRIDES **/

#cboxOverlay {
    background-color: #212121 !important;
    background-image: none !important;
}

#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopLeft,
#cboxTopRight,
#cboxTopCenter,
#cboxBottomCenter,
#cboxBottomRight,
#cboxBottomLeft {
    display: none !important;
}

#cboxClose {
    position: absolute !important;
    bottom: auto !important;
    top: 0px !important;
    right: -54px !important;
    width: 35px !important;
    height: 35px !important;
    background: url(../images/close-button2x.png) !important;
    background-size: 35px 35px !important;
}

#cboxNext,
#cboxPrevious {
    position: absolute;
    top: 50%;
    z-index: 99;
    margin-top: -26px;
    border-radius:50% 50%;
    -webkit-border-radius:50% 50%;
    -moz-border-radius:50% 50%;
    cursor: pointer;
    width: 51px !important;
    height: 51px !important;
    outline: 0 !important;
}

#cboxNext {
    right: -62px !important;
    left:auto !important;
    background:rgba(0,0,0,0.6) url(../images/nav-next-button2x.png) !important;
    background-size: 51px 51px !important;
}

#cboxPrevious {
    left: -62px !important;
    right:auto !important;
    background:rgba(0,0,0,0.6) url(../images/nav-prev-button2x.png) !important;
    background-size: 51px 51px !important;
}

@media screen and (max-width:700px) {
    #cboxNext {
        position: static !important;
    }

    #cboxPrevious {
        position: static !important;
        float: left;
    }
    #cboxClose {
        position: static !important;
        float: right;
    }
}

#colorbox, #cboxOverlay, #cboxWrapper, #cboxContent {
	overflow:visible !important;
}

#cboxContent {
	background-color: #000 !important;
}

/** SLIDESHOW **/

.lightbox-controls {
	visibility: hidden;
	position: fixed;
    z-index: 99999;
}

.slideshow__lightbox {
	position:absolute;
	padding:15px 15px 25px 15px;
	display: none;
    background-color:black;
    top: 45px;
    width: 305px;
    left: 20px;
}

@media screen and (max-width:700px) {
    .slideshow__lightbox {
        top: 71px
    }
}

.slideshow__lightbox.open {
    display:block;
}

	.slideshow__lightbox--about {}
	.slideshow__lightbox--share {}

    .image-link-container,
    .gallery-link-container {

    }

    #image-share-link,
    #gallery-share-link {
        background-color:black !important;
        color:#999 !important;
        border:1px solid #999 !important;
        width:100% !important;
        z-index:1;
        position: relative;
        cursor:pointer;
        overflow-x: scroll;
        height: 25px;
        padding:3px;
    }

    #image-share-link::-webkit-scrollbar,
     #gallery-share-link::-webkit-scrollbar { 
        display: none; 
    }

    #share-social ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #share-social ul li {
        display:inline-block;
        margin-right:15px;
    }


    #share-social ul li a svg {
        fill: #999;
        width: 25px;
    }

    #share-social ul li a:hover svg{
          border-radius: 100%
          color: #ccc;
          fill: #ccc;
          transform: scale(1.25);
          transition: background-color .5s, transform .5s ease-out;
    }

	.slideshow__lightbox--purchase {}

.slideshow__lightbox h3 {
	content: 'X';
	position: absolute;
	width: 20px;
	height: 20px;
}

.sc-payment-btn {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 0px;
    padding: 3px 22px 5px 22px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    opacity: 1;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 0px rgba(255, 255, 255, .2) inset;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 0px
 rgba(255, 255, 255, .2) inset;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 0px rgba(255, 255, 255, .2) inset;
    background: url(images/gradient_button.png) repeat-x bottom #de3917;
}

.image__controls {
    z-index: 99999;
    background-color: #000;
    top: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: fixed;
    left: 20px;
    width: 152px;
    padding: 0px 25px;
}

.image__controls.open {
    width:195px;
}

.image__controls ul {
    margin:0;
}

.image__controls ul li:not(.controls__btn--close) {
    display: inline-block;
}

.image__controls ul li{
 	list-style: none;
    margin-right: 10px; 
    cursor: pointer;
    font-size: 12px;
}

.image__controls ul li.open{
    color:#ff0000;
}


.controls__btn--close {
    visibility: hidden;
    display:none;
    margin-right:0px;
    height:0;
}



/** TABS **/

ul.tabs {

}

ul.tabs li {

}

.tab {

}


/** CONTROLS **/

ul.controls {

}

ul.controls li.controls__btn {

}