/*
Theme Name:   Canvas Child
Theme URI:    www.nimbletechnologysolutions.com
Description:  Canvas Child Theme
Author:       Nimble Technology Solutions
Author URI:   www.nimbletechnologysolutions.com
Template:     canvas
Version:      1.0.0
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  canvas-child
*/

@import url("../canvas/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

.post{display:none;}
.ngg-template-caption, .ngg-gallery-thumbnail-box{margin-right: 30px;margin-bottom: 70px;width: 250px;height: auto;}
.ngg-gallery-thumbnail-box{margin-bottom: 10px;min-height:275px;width:293px;}
.ngg-gallery-thumbnail{height: 275px; vertical-align: bottom; display: table-cell;float:none !important;width:293px;}
.ngg-gallery-thumbnail span{width: 210px;min-height:45px;margin-left:auto;margin-right:auto;}
.ngg-gallery-thumbnail img{width:auto !important;height:auto !important;max-width:210px !important;max-height:210px !important;margin:auto !important;}
.ngg-galleryoverview{height:100%;}
.ngg-albumoverview{margin-left:35px !important;}
.ngg-album-compact h4 .ngg-album-desc{display:none !important;}
#header{padding-top:0px !important;padding-bottom:0px !important;}
.srch-div{float:left;margin:10px;height:auto;text-align:center;}
.srch-div-a{height:211px;display:table-cell;vertical-align:bottom;width:290px;text-align:center;}
.srch-div-img{max-width:210px;max-height:210px;}
.srch-div-p{width:210px;margin-top:10px;text-align:center;margin-left:auto;margin-right:auto;}
.srch-cotainer{margin-left:10px;width:100%;z-index:1111;position:relative;}
.srch-form{float: right; margin-top: -80px; z-index: 11111; position: relative; margin-right: 75px;}
.highslide-container{z-index:12012 !important;}
.highslide-credits{display:none !important;}
.srch-form-submit{display:none !important;}
#nts_search_text{width:200px;}
#fancybox-wrap{z-index:13000 !important;}
@media only screen and (max-width: 767px) {
.srch-form{margin-top: -337px !important; margin-right: 0px !important;}
}
@media only screen and (max-width: 395px) {
#nts_search_text{width:126px !important;}
}
#fancybox-left-ico{background-image:url("prev.png") !important; background-position:0px 0px !important; width:45px !important;height:45px !important;}
#fancybox-right-ico{background-image:url("next.png") !important; background-position:0px 0px !important; width:45px !important;height:45px !important;}

.nav-prev, .nav-next {max-width:45%;}

.col-photo-archive {width:48%; display:inline-block;}
.col-photo-archive img {width:75%;height:auto; display: block; margin-left: auto; margin-right: auto;}


/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	color:yellow;
}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 800px;
	background: #eee url(assets/modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
	
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 

#photo-modal img {width:100%; height:auto;}

.modal_archive_title {margin-bottom:20px;}
.modal_archive_thumbnail{width:57%; display:inline-block;margin-right:3%;}
.modal_archive_meta{width:40%;float:right;display:inline-block;}
.modal_photo_details{margin-top:30px;}
.modal-excerpt{margin-top:20px;}
.modal-details-link{margin-top:20px;}

.archive-photo-nav {margin-top:30px;}
.archive-photo-nav .modal-next {float:right; font-weight:bold;}
.archive-photo-nav .modal-prev {float:left; font-weight:bold;}


/* Slider */
#jssor_1{
	position: relative; 
	margin: 0; 
	margin-bottom:20px;
	top: 0px; 
	left: 0px; 
	width: 600px; 
	height: 300px; 
	overflow: hidden; 
	visibility: hidden;
}
#jssor_1 img {padding:0px;margin:none;}


.jssor-caption{
	position: absolute; 
	top: 220px; 
	left: 30px; 
	width: 500px; 
	height: auto; 
	background-color: rgba(235,81,0,0.5); 
	background-color: #892d2e;
	font-size: 14px; 
	color: #ffffff; 
	line-height: 18px; 
	text-align: center;	
	background-color:rgba(144,144,181,0.6);
	padding:5px;
}
.jssor-caption a:hover {
	text-decoration:none;
}

.jssorb01 {
    position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    position: absolute;
    /* size of bullet elment */
    width: 12px;
    height: 12px;
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

/* jssor slider arrow navigator skin 02 css */
.jssora02l, .jssora02r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('images/a02.png') no-repeat;
    overflow: hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02l.jssora02ldn { background-position: -3px -33px; }
.jssora02r.jssora02rdn { background-position: -63px -33px; }

/* Nav Search */
#navigation .menus.nav-icons-1 .side-nav {width:inherit; padding-right:10px;}
.searchform{border:1px solid #ddd;background-color:#fff;}