/* Pagination
******************************/
.tan-album-pagination {
    padding: 4px 8px;
    text-align: center;
    background-color: #eee;
    color: #222;
    margin-left: 6px;
    border-radius: 3px;
}

.tan-album-pagination:nth-of-type(1) {
    margin: 0;
}

.tan-album-pagination.active,
.tan-album-pagination:hover {
    background-color: #222;
    color: #eee;
}

.tan-page-wrap img.aligncenter,
.lightbox_image_wrapper img.aligncenter {
    border: 2px solid #C7C7C7;
}

/* Page Wrapper
******************************/
.tan-page-wrap {
    margin-top: 15px;
    position: relative;
}

.page-template-then-and-now-gallery-template .entry-content {
    position: relative;
}

.featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: rgba(255, 255, 255, 0.24) !important;
    cursor: auto;
    white-space: normal;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
}

.lightbox_page_description {
    color: #fff;
    background: transparent !important;
    padding: 25px;
}

.tan-ajax-loader {
    position: absolute;
    top: 45%;
    left: 57%;
}

.tan-album-page img,
.tan-album-page h2.case_header {
    margin-bottom: 5px;
}

.tan-page-wrap p.case_description {
    margin-bottom: 25px;
}

.user_lightbox_message {
    display: block;
}

.overview-wrapper {
    margin-bottom: 25px;
}

.results_message {
    text-align: right;
    margin-top: 25px;
    font-size: 12px;
    font-weight: 400;
}

.photoset-before-wrap,
.photoset-after-wrap {
	background: #000;
}

h4.tan-album-procedure a.tan-album-list-item {
	color: #ffb600;
	font-size: 20px;
}

.tan-after-entry {
	display: block !important;
}

/* Lightbox
******************************/
.lightbox-selector {
    display: none;
}

.featherlight:last-of-type {
    background: rgba(0,0,0,.9) !important;
}

span.featherlight-next {
    left: 80% !important;
    right: 48px !important;
}

.featherlight-next span, .featherlight-previous span {
    display: none;
    position: absolute;
    top: 44% !important;
    width: 82%;
    left: -12% !important;
    right: -18% !important;
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    margin-top: -40px;
    text-shadow: 0 0 5px #fff;
    color: #fff;
    font-style: normal;
    font-weight: 400;
}

span.featherlight-next {
    left: 91% !important;
    right: 0;
}

.featherlight-next,
.featherlight-previous {
    background: none !important;
}

.featherlight-next span,
.featherlight-previous span {
    color: #222 !important;
    display: block !important;
}

.featherlight-next span {
    right: -12% !important;
}

.featherlight-previous span {
    left: -15% !important;
}

.lightbox-selector.featherlight-inner img.aligncenter {
    margin-bottom: 25px;
}

.lightbox-selector.featherlight-inner img.aligncenter:nth-of-type(2n+2) {
    margin-right: 0;
}

span.featherlight-close-icon.featherlight-close {

}

.lightbox_active_gallery {
    text-align: center;
    margin-bottom: 25px;
}

.lightbox_page_description {
    color: #fff;
    background: rgba(0,0,0,.9);
    padding: 25px;
}

/* Accordion
******************************/

.ui-accordion
 .ui-accordion-content {
    padding: 10px 5px 5px 25px;
    background: transparent;
}

p.tan-album {
    margin: 0 0 10px;
}

.ui-widget-content {
    border: none;
}

.ui-widget-content a {
    color: inherit !important;
    font-size: 14px;
}

#ui-id-2 {
    background: transparent;
    border: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    background: transparent;
    margin: 2px 0 0 0;
    padding: .5em 0.5em 0.5em 1.7em;
    min-height: 0;
    font-size: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #dedede;
    border-radius: 0;
}

.ui-accordion
.ui-accordion-content {
    padding: 10px 5px 5px 25px;
}

.tan-left-sidebar.widget-area {
	margin-top: 20px;
}

/* Media Queries
******************************/
@media only screen and (max-width: 1024px) {

.page-template-then-and-now-gallery-template img.aligncenter {
	height: auto !important;
    }
}
@media only screen and (max-width: 860px) {
   .lightbox-selector.featherlight-inner img.aligncenter:nth-of-type(2n+1) {
       margin-right: auto;
   }

   span.featherlight-close-icon.featherlight-close {
       display: block;
   }
   
   .tan-ajax-loader {
        position: absolute;
        top: 100%;
        left: 40%;
    }
    
    .featherlight-next,
    .featherlight-previous {
        top: 50%;
    }

    .tan-left-sidebar.widget-area,
    .tan-entry-content.widget-area {
	display:none;
    }

   .tan-gallery-item-display {
	margin-top: 20px;
    }

   .photoset-before-wrap,
   .photoset-after-wrap {
	background-color: transparent;
   }

   .tan-after-entry .form-container-Horizontal .field,
   .tan-after-entry .form-container-Horizontal #formSubmit {
	width: 100%;
    }

    .tan-after-entry .form-container-Horizontal .field {
	margin-bottom: 8px;
    }

   
}