/* DE Web Works - Custom CSS 
 * 
 * These are the CSS rules in charge of styling the page for the client.
 * Custom positioning, color adjustments, and non site-wide styles will 
 * go here.  After initial launch, this is the only file that should be 
 * edited.
 */
#domBody { background: #fff url(img/background-interior.jpg) no-repeat; }

#header { background-color: rgba(255,255,255,0.66); }
#body {  }
#footer { background-color: #330000; color: #eee; font-size: 0.75rem; font-family: 'lato'; font-weight:lighter; }

h1, h2, h3, h4, h5, h6 { color: #320000; font-family: 'lato'; color: #330000; }
h2 { font-size: 3.125rem; font-weight: bold; }

@media only screen and (max-width: 40.063em) {
#domBody { background:#fff; }
h2 {font-size:2.3rem;}
}

/* ========== TOP NAVIGATION ========== */
#header .contain-to-grid { background-color: #0D3262; }
#header .top-bar .top-bar-section li a {
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	font-size: 1rem;
}
#header .top-bar .top-bar-section li:not(.has-form) a:not(.button), 
#header .top-bar { background-color: #0D3262; text-align: center; }
#header .top-bar .top-bar-section li:not(.has-form):hover a:not(.button) { background-color: #068; }

/* ========== BODY CONTENT ========== */
#bodyContent.row > div { background: #fff; background-color: rgba(255,255,255,0.85); padding: 30px; }
.projectRow img {box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);padding: 2px;transition:all .25s;}
.projectRow img:hover {box-shadow: 0 0 9px rgba(0, 0, 0, 0.7);}

.rightColumn .bottomRow img {box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);padding: 4px 2px 0 2px;transition:all .25s;border-radius: 9px;}
.rightColumn .bottomRow img:hover {box-shadow: 0 0 9px rgba(0, 0, 0, 0.7);}

/* ========== FOOTER ========== */
#footer a { color: #aaa; }

/* */
ul.newsList .newsListItem { padding-bottom: 30px; }
ul.newsList .newsListItemMetaInfo { color: #5c5747; font-size: 0.875rem; font-style: italic;}
ul.newsList .sfnewsSummary { color: #0a428a; font-size: 1rem; margin-left: 10px;}

/* */
body#domBody.homePage .leftColumn { padding-right: 15px;}
body#domBody.homePage .rightColumn { border-left: 1px solid #ddd; padding-left: 15px; }
body#domBody.homePage .topRow {}
body#domBody.homePage .bottomRow { border-top: 1px solid #ddd; }

/* ========== TRANSLUCENT PANES ========== */
html { overflow-x: hidden; }
#translucentPanes { position:absolute; width: 100%; height: 100%;}

#translucentPanes .pane {
	display: inline-block;
	width: 100%;
	height: inherit;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
}
#translucentPanes .left.pane {right: 50%; margin-right: 35.25em;} 	
#translucentPanes .right.pane {left: 50%; margin-left: 35.25em;}

/* ========== WINDOW ROTATOR ========= */
.orbit-timer {display:none;}
@media only screen and (min-width: 40.063em) { #windowRotator > #windowRotator-text { height: 35em; top: 0;} }
#windowRotator-text { background-color: rgba(51,0,0,0.85); font-family: 'lato'; font-size: 1.8rem; color: #fff; top:305px}
#windowRotator-text h2,
#windowRotator-text h3 { color: #fff; }
#windowRotator-text .orbit-container .orbit-timer { visibility: hidden; }
#orbit-text p, #orbit-text ul {font-size:0.9em;margin-bottom:0.7rem;}

/* ========== HOMEPAGE BACKGROUND ROTATOR ========== */	
#backgroundRotator .orbit-container {
	overflow:initial;
	position:absolute;
	top:0;
	left:50%;
	width: 2000px;
	margin-left: -1000px;
}	
#slideImages{
	z-index: -1;
	position:absolute !important;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: none;
	height:0;
	}
	
/* ========== PROJECTS ========== */	
.projectBody {position:relative;}
#bodyContent.row > div#leftNav {position:absolute; top:0; bottom:0; background-color: #333;}
.main-section {min-height:44rem;}

/* ========== NEWS ========== */
.sfnewsFullStory {background:#B40000;border:3px solid #0D3262;box-shadow:0 0 5px rgba(0,0,0,0.5);border-radius:8px;padding:5px 8px;margin:10px 0 0 11px;display:inline-block;color:#FFF;transition:all .25s;}
.sfnewsFullStory:hover {color:#fff;box-shadow: 0 0 7px rgba(0, 0, 0, 0.8);background:#123C72;}

/* ========== PROJECT LIST ========== */
.projects img {max-width:95%;padding:2.5%;background: #FFF;box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);margin-bottom:2.5%;}

/* ========== IMAGE GALLERY ========== */
.sfimagesTmbList {list-style:none;display: inline-block;width:100%;}
.sfimagesTmbList li {display:inline-block;float:left;width:33.333%;text-align:center;}
.sfimagesTmbList li:nth-child(3n+1) {clear: both;}
.sfimagesTmbList a {display: inline-block;margin: 10px 0;}
.sfimagesTmbList a img {width:95%;padding:2.5%;background: #FFF;box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.sfimagesTmbList .sfcommentsCounterWrp {display:none;}
#domBody .fancybox-wrap {padding:0 0 0 0;max-width: 90%;}
.fancybox-content {width:100% !important;height: 100% !important;} /* override inline styles */
.fancybox-wrap .fancybox-outer {height:auto;}
.fancybox-wrap .fancybox-img {height:auto;}
.fancybox-title {display:none !important;}
@media only screen and (max-width: 40.063em) {.sfimagesTmbList li {width:100%;}}