/*
Theme Name: Ubiquity
Theme URI: http://myubiquity.com/
Author: Team Ubiquity - Rob Mohan, Runn Vermel, Mike Lee
Author URI: http://myubiquity.com/
Description: This theme is like no other. Unless you're talking about a parallel universe. Then all bets are off. 
Version: 1.0
*/

@charset "utf-8";

/* CSS reset.  Why?  Because browser makers make the www difficult to style. Enough with that.  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline: none; text-decoration:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
/* End the Reset.  Now let the games begin. */

@font-face {
 font-family: 'HelveticaNeueThin';
 src: url('/Scripts/helvnt96-mylife.eot');
 src: url('/Scripts/helvnt96-mylife.eot?iefix') format('eot'), url('/Scripts/helvnt96-mylife.woff') format('woff'), url('/Scripts/helvnt96-mylife.ttf') format('truetype'), url('/Scripts/helvnt96-mylife.svg#webfontueThkk2q') format('svg');
 font-weight: normal;
 font-style: normal;
}


/* reusable classes */
.inner { max-width: 1000px; margin: 0 auto; }
.hidden, .none, .hide { display: none; }
.invisible {visibility: hidden; }


/* micro clearfix below. contains floats like .clearfix. */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

/* need to clear floats instead of contain them? use this below. */
.clear, .clear-both { clear: both; }

/* need to float things? we got you covered. */
.left, .floatleft { float: left !important; }
.right, .floatright { float: right !important; }
.relative {position: relative;}

/* these are for images, below. gives a nice margin. sweet. */
.alignright { float: right; margin: 0 0 15px 15px;}
.alignleft { float: left; margin: 0 15px 15px 0;}
.floatnone { float: none; }

/* need a middle-aligned header. don't write another CSS rule. just use these! */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

/* magic. many combinations exists with simplicity. */
.float15 { float: left; width: 15%; }
.float20 { float: left; width: 20%; }
.float25 { float: left; width: 25%; }
.float33 { float: left; width: 33%; }
.float50 { float: left; width: 50%; }
.float66 { float: left; width: 66%; }
.float75 { float: left; width: 75%; }
.float80 { float: left; width: 80%; }
.mid50 {width: 50%; margin: 0 auto;}


/*
Theme Name: Whiteboard
Theme URI: http://whiteboardframework.com/
Author: Bold Perspective
Author URI: http://boldperspective.com/
Description: The Whiteboard Famework for Wordpress is built to speed up the process of developing a Wordpress theme. Whiteboard does so by eliminating the time spent on Wordpress' backend PHP by including what is common to all Wordpress powered Web sites with nothing extra.
Version: 3.0.4
*/
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

body { color: #666; font-size:12px; line-height:1.5em; background-color: #eeeeee;font-family: 'Roboto', sans-serif;	font-weight: 300;}
a {text-decoration: none;-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;color: #e75012;}
a:hover { color: #000000; }
a img { border:0 }
a.read-more { margin-left: 15px;  }
abbr, acronym { border-bottom:1px dotted; cursor:help; font-variant:small-caps }
address, cite, em, i { font-style:italic }
blockquote p { margin:0 1.5em 1.5em; padding:.75em }
code, kbd, tt { font-family:"Courier New", Courier, monospace, serif; line-height:1.5 }
del { text-decoration:line-through }
dfn { border-bottom:1px dashed; font-style:italic }
dl { margin:0 0 1.5em }
dd { margin-left:1.5em }
h1, h2, h3, h4, h5, h6 { padding:0; font-weight: lighter;font-family: 'HelveticaNeueThin'; color: #000;}
h1 { font-size:30px; line-height: 1em; padding: 20px 0; text-transform: lowercase; }
h2 { font-size:20px; line-height: 1.5em; margin-bottom: 15px; }
h3 {font-size:17px; margin-bottom: 15px;}
h4 { font-size: 24px; color: #1d1d1d; text-transform: capitalize; line-height: 1.2em; font-family: 'Roboto', sans-serif;	font-weight: lighter;}
.sessions h4 {font-size: 14px; font-weight: 400; margin-bottom: 10px;}
h5 { font-size: 14px; color: #909090; text-transform: uppercase; margin-bottom: 30px;font-family: 'Roboto', sans-serif;	font-weight: lighter;}
h6 { font-size:.666em; margin:0 0 0em }
img { display:inline-block; vertical-align:text-bottom; border:0 }
ins { text-decoration:overline }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:700 }
ol { list-style:outside decimal }
pre { font-family:"Courier New", Courier, monospace, serif; margin:0 0 1.5em }
p { line-height: 1.3em; font-size: 14px;  margin-bottom:25px; }
sub { top:.4em; font-size:.85em; line-height:1; position:relative; vertical-align:baseline }
sup { font-size:.85em; line-height:1; position:relative; bottom:.5em; vertical-align:baseline }
table { border-collapse:collapse; border-spacing:0; margin:20px 0 1.5em; padding:0; }
.page-template-page-all-projects-php thead, .page-template-page-all-projects-php tfoot {background-color: #fff; background-color:rgba(255, 255, 255, 0.9); }
.project-filters { margin: 20px 0;}
.filter-button { border: 1px solid; padding: 4px 6px; display: inline-block;}
.filter-button.active { border: 1px solid #e75012; background: #e75012; color: white;}

td em strong { color: #bb2210; }
td em { color: #bb2210; }
td p { color: #ccc; }
caption { font-style:italic; text-align:left }
tr.alt td { background:#eee }
td { vertical-align:middle; padding:.333em; }
td.feature-x {text-transform: uppercase;}
th { vertical-align:middle; padding:.333em; text-align: left; }
button { cursor:pointer; display:block; font-size:1em; height:2em; line-height:1.5em; margin:1.75em 0 0; padding:0 .5em }
button::-moz-focus-inner {border:0}
fieldset { border:0; position:relative; margin:0 0 1.5em; padding:1.5em 0 0 }
fieldset fieldset { clear:both; margin:0 0 1.5em; padding:0 0 0 1.5em }
iput { border:1px solid #ccc; border-bottom-color:#eee; border-right-color:#eee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; font-size:1em; height:1.5em; line-height:1.5em; width:100%; margin:0 0 .75em; padding:.29em 0 }
input[type=file] { height:2.25em; padding:0 }
select { border:1px solid #ccc; border-bottom-color:#eee; border-right-color:#eee; font-size:1em; height:2.25em; margin:0 0 1.3em; margin:0 0 .8em; padding:.2em 0 0 }
optgroup { font-weight:700; font-style:normal; text-indent:.2em }
optgroup + optgroup { margin-top:1em }
option { font-size:1em; height:1.5em; text-indent:1em; padding:0 }
label { cursor:pointer; display:block; height:auto; line-height:1.4em; width:100%; margin:0; padding:0 }
label input { background:0; border:0; height:1.5em; line-height:1.5em; width:auto; margin:0 .5em 0 0; padding:0 }
legend { font-size:1.1666em; font-weight:700; left:0; margin:0; padding:0 }
dt, strong, b { font-weight:700 }


/*header area*/
header { width: 100%; height: 70px; padding:0 30px 0; background-color: #fff; background-color: rgba(255,255,255,.9); position: fixed; top: 0; left: 0; z-index: 3;}
.login { position: relative;  }
.logo { height:43px; position: relative; z-index: 3; margin-top: 15px;}
.logo:hover { opacity:0.9; }
.main-nav{width: 100%; height: 33px; background-color: #101238;}
menu { position: relative; float:right; margin-top: 35px; }
menu ul {float: right;}
menu li {float: left; position: relative;}
menu a {color: #1d1d1d; padding: 0 10px 20px; text-transform: lowercase; font-size: 20px; font-family: 'HelveticaNeueThin'; padding-bottom: 16px;}
menu li a:hover, menu li.current_page_item a{color: #e75012;} 
ul.sub-menu { position: absolute; background-color: rgba(229,79,18, 0.9); width: 200px; left: -75px; top: 35px; padding: 20px 15px;position: absolute;display: none;}

menu li.current_page_item ul.sub-menu {display: block}

ul.sub-menu li {float: none; text-align: center; margin: 0 0 15px; }
ul.sub-menu a {font-size: 16px; color: #fff; text-transform: capitalize;}
ul.sub-menu a:hover, ul.sub-menu li.current-menu-item a { color: #000; }
ul.sub-menu:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(213, 149, 38, 0);  border-bottom-color: rgba(229,79,18, 0.8); border-width: 10px; margin-left: -10px; }
menu li.current_page_item ul.sub-menu li a{color: #fff;}
menu li.current_page_item ul.sub-menu li a:hover {color: #000;} 

/*header area*/

/*Home Styles */
#slides {position: relative;}
.home-slide {position: absolute; left:0; top:0; height: 100%; width: 100%; display: block; opacity: 0; z-index: -1; background-size: cover; background-position: center center;}
.home-slide.active-slide {opacity: 1;z-index: 1;}
#slide-pagination {text-align: center; padding: 10px 10px; margin-bottom: 20px;}
.pag {width: 15px; height: 15px; border-radius: 50%; background-color: #ccc; margin: 0 15px; display: inline-block;cursor: pointer;}
.pag.active-pag, .pag:hover {background-color:  #e75012;}
.project-info { max-width: 380px; color: #fff;background: none repeat scroll 0 0 rgba(229,79,18, 0.6); display: block; padding: 20px;text-transform: uppercase; transition: all 0.7s cubic-bezier(.01,.85,.86,1.03); top: 50%; transform: translate(-100%, -50% );position: absolute; }
.home-slide.active-slide .project-info {transform: translate(0%, -50% ); }
.home-slide.active-slide:hover .project-info {background: none repeat scroll 0 0 rgba(229,79,18, .8);}
.project-info p { font-size: 12px; margin-bottom: 0px;}
.project-info h2 {padding: 0px; font-size: 18px;text-transform: uppercase; color: white; font-weight: thick;}
.project-info h2 a{color: #fff; }
.project-info strong {font-size: 14px; color: #000;}
.container {width: 100%;background-color: #eee; padding: 15px 0;}
.home .inner p {color: #7b7b7b; font-size: 24px; font-weight: lighter;}
.home .inner p em {font-style: normal; color: #1d1d1d;}
body.home {background-color: #fff; }
.home footer { display: none;}
/* end home styles */



/* content */
#wrapper {width: 1000px; position: relative; margin: 0 auto;}
.content { width: 100%;position: relative; margin-top: 70px; }
.home-content {width: 100%; height: 680px; background-size: cover; position: relative; background-position: left bottom;}
.interior { width: 1000px; position: relative; margin: 0 auto; }
.copy {background-color: #fff;padding: 30px 40px;}
.copy h2 {font-size: 22px; font-family: 'Roboto', sans-serif;font-weight: 300;}
.copy ul {padding-left: 25px; margin-bottom: 30px;}
.page-template-page-contact-php .copy ul {padding-left: 0px;}
.copy li {font-size:14px; list-style: none; border-left: 3px solid #ccc; padding-left: 3px; margin-bottom: 4px;}
.copy img {max-width: 100%; height: auto;}
/* end content */


/* project template styles */
.page-template-page-projects-php .content {background-color:#fff;}
.project-image {width: 100%; height: 190px; position: relative; background-size: cover;}
.project-image a{display: block; height: 100%;} 
.project-image a span {display: none;}
.project-image a:hover {background-color: rgba(255,255,255,.5);}
.project-image img {width: auto; height: 100%;}
.project-box {width: 33.3%; padding: 0 .5%; margin-bottom: 20px;}
.project-box h2 {font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 1.3em; margin-bottom: 5px; font-weight: 300;} 
.project-box a {color: #212121;	}
.project-box h3 {font-size: 12px;font-family: 'Roboto', sans-serif; color: #8e8e8e; text-transform: uppercase; font-weight: 400;}
.see-all {max-width: 990px;margin: 0px auto;position: relative;height: 40px;}
.see-all a {font-size: 16px; padding: 5px 20px; border: 1px solid;}

/*end  project template styles */

/* profile page styles */

.scope-box {border: 1px solid #8c8c8c; margin-bottom: 20px;}
.toggle-container { padding: 0 25px 25px;display: none;}
h3.accordion {color: #e75012; font-size: 20px; padding: 15px; margin-bottom: 0px; cursor: pointer;}
h3.accordion:after {content:"+";float:right;font-size:36px;font-weight:100;transition:all 0.3s ease-out 0s;}
h3.active.accordion:after {color: #8c8c8c; transform: rotate(45deg);}
.team-member {width: 48%; float: left; padding: 10px; border: 1px solid #cbcbcb; list-style: none; font-size: 12px; margin-right: 4%; margin-bottom: 20px;}
.team-member:nth-child(2n) {margin-right: 0px;}
.team-member img {width: 100%; height: auto;}
.team-member-modal { position: fixed; top: 70px; width: 100%; z-index: 99; background-color: #fff; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); height: 100%; padding-top: 10%;}
.team-member-modal .float33 {padding-right: 5%;}
.close-modal {font-size: 30px;   font-weight: 300; border: 1px solid;  line-height: 1em; padding: 0 0.3em; position: absolute; right: 0; top: 0;}
.references {position: relative; width: 85%; margin: 0 auto;}
.slide {float: left;}
#references {margin-bottom: 30px; margin-top: 20px;}
#references blockquote {border-left: 3px solid #ccc; margin: 0; background-color: #fafafa;}
#references blockquote p {margin:0;}
#references blockquote p strong, .slide em {font-weight: 400; font-size: .8em; font-style: normal; color: #777;}
.all-slides { width: 100%; overflow: hidden;}
.sessions {margin-bottom: 20px;}

/* end profile page styles */

/* gallery styles  */
.gallery br { display: none; }
.gallery { -webkit-column-count: 1; -webkit-column-gap: 10px; -moz-column-count: 1; -moz-column-gap: 10px; column-count: 1; column-gap: 10px; }
.gallery-item { margin-bottom: 10px; background: #fff; width: 19%; margin-right: 1%; float: left; }
.gallery-item a:hover { opacity: 0.7;}
.gallery-item img { display: block; width: 100%; height: auto;}
.gallery-nav {width: 100%; max-width: 1000px; margin: 0 auto 30px; float: none;}
.gallery-nav ul {float: left;}

.gallery-nav li {margin: 0 5px;}
.gallery-nav a {padding: 5px 10px;color: #e75012; display: block; border: 1px solid transparent; }
.gallery-nav a:hover, .gallery-nav .current-menu-item a {color: #000;}
.gallery-nav .current-menu-item a {border: 1px solid black; } 


/* Target the caption container itself
 * Styles for fancybox gallery captions*/
.fancybox__caption {
  text-align: center;   /* center align */
  padding: 1em;         /* spacing inside caption area */
  color: #fff;          /* default text color */
  font-family: 'Roboto';
}

/* Caption text (the "Caption" field in Media Library) */
.fancybox-caption-text {
  font-weight: 500;
  font-size: 0.9rem;
  margin: 0 0 0.25em 0;
  color: #fff; /* make sure it’s bright against dark bg */
}

/* Description text (the "Description" field in Media Library) */
.fancybox-caption-description p {
  font-size: 0.75rem;
  line-height: 1.3;
  color: #ccc;   /* slightly lighter to differentiate */
  max-width: 600px; /* keeps long descriptions readable */
  margin: 0 auto;
}

/* Mobile styles (for screens 768px wide or smaller) */
@media (max-width: 768px) {
  .fancybox-caption-text {
    font-size: 0.7rem;
  }

  .fancybox-caption-description p {
    font-size: 0.55rem;
  }
}

/* end gallery styles */

/* projects single */
.single-project_posts .proj-gal {
    padding: 1%;
}

.single-project_posts .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
	justify-content: flex-start;
}

.single-project_posts .gallery-item {
    width: 31%;
    aspect-ratio: 1 / 1;
	overflow: hidden;
	position: relative;
}

.single-project_posts .gallery-item img {
    width: 100%;
	height: 100%;
    object-fit: cover;
	display: block;
}

@media (max-width: 768px) {
  .single-project_posts .gallery-item {
    width: 31%;
  }
}

@media (max-width: 480px) {
  .single-project_posts .gallery-item {
    width: 48%;
  }
}
.project-meta {margin-bottom: 15px; }
.project-meta .float50 {padding-right: 3%;}
.project-meta p {margin-bottom: 10px;color: #777; }
.project-meta p strong {font-weight: 300; color: #000; text-transform: uppercase;}

/* end project single */

/* references styles */
.prev-next {padding: 0 20px; width: 100%; position: absolute; top: 100px; }
.prev-next a {font-size: 70px; color: #e75012; opacity: .7; position: absolute;  }
.prev-next a:hover {opacity: 1;}
.prev {left: -40px; }
.next {right: -40px;}
/* references styles */

/* sidebar */
.sidebar {  text-align: right;  font-size: 16px; position: relative;}
.sidebar h1 {padding: 20px 40px; background-color: #fff; background-color: rgba(255,255,255,.7);}
.sidebar-bg {position: absolute; left:0; top: 0; opacity: .9; width: 100%;background-position: left top; background-repeat: repeat-y;}
.sidebar img {max-width: 100%;}
.widgit-area em { font-size:80%;  color:#bbb; }
.widgit-area ul { margin-bottom:12px; }
.widgit-area li { margin-bottom:10px; line-height: 1em; } 
.widgit-area a { font-size:12px; }
#widgit-sidebar { position: relative; }
.menu-side-nav-container { width: 100%px; margin: 30px 0 20px 8%; position: fixed; padding: 20px 30px; background-color: rgba(229, 79, 18, 0.6); }
.menu-side-nav-container ul { width: 100%; }
.menu-side-nav-container li { line-height: 1.5em;}
.menu-side-nav-container a {  text-decoration: none; display: block; color:#fff;}
.menu-side-nav-container a:hover, .subnav li.current_page_item a { color: #000; }
/* end sidebar */

/* mega table styles */


/* end mega table styles */

/* blog ara */
.blog-hero {height: 400px; width: 100%; overflow: hidden; position: relative; background-size: cover; background-position: center bottom;}
.blog .blog-hero { height: auto; }
.project-hero {height: 400px; width: 100%; overflow: hidden; position: relative;}
.blog .sidebar h3 {margin-bottom: 10px;}
.featured-thumbnail img {max-width: 100%; height: auto; bottom: 0; position: absolute;}
.single .featured-thumbnail {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.single .featured-thumbnail img, .blog .featured-thumbnail img{width: 100%; }
.blog-hero .inner, .project-hero .inner {position: relative; z-index: 2; height: 100%;}
.blog .blog-hero h2 { font-size: 25px; margin: 20px auto 20px; }
.blog .blog-hero h2 a { color: #000; }
.blog .blog-hero h2 a:hover { color: #ccc; }
.blog .blog-hero .inner {height: auto; margin: 60px auto 60px; padding: 30px 110px; background-color: #fff; background-color: rgba(255,255,255,.9); }
.single-post .copy p:first-child {font-size: 22px;}

h1.blog-title {font-size: 40px; margin-top: 30%; color: #fff; padding-left: 40px; text-shadow: 2px 1px 1px #000; font-weight: lighter; text-transform: none;}
.blog-meta {padding: 30px 40px;}
.date {margin-bottom: 5px; font-size: 12px; color: #888;}
.share a{ margin-left: 10px;}
article {margin-bottom: 50px; padding-bottom: 15px;}
.author strong {font-weight: 300;}
.post-content {margin-top: 20px;}
#comments {margin-top: 20px;}
.comment-text {width: 70%; float: right; }
.comment-meta {width: 25%; }
#comments h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ccc; }
.recentcomments {color:#ddd; margin-bottom: 20px; }
.recentcomments a { display:block; }
.gravatar {float: left;}
p.gravatar { margin: 0 10px 10px 0px;}
.older {text-align: right;float: right; width: 50%;}
.newer {text-align: left; float: left; width: 50%;}
.older a, .newer a {font-size: 16px; text-transform: uppercase; color: #000;}
.linklove { display: none;}

/* end blog area */




/* footer area */
footer { width: 100%; padding: 30px;}
footer menu {float: right; padding: 30px;}
footer ul.children {display: none;}
footer ul { float: right; }
footer li { float:left; margin-left: 15px;  }
footer a { font-size: 14px; color: #5a5a5a; text-decoration: none; text-transform: lowercase; }


/* end footer area */
/* Media Queries. Use these, modify breakpoints, add, or delete.  */

@media only screen and (max-width:768px) {
    .float15, .float20, .float25, .float33, .float50, .float66, .float75, .float80, nav ul{ width:100%; display:block; float:none;text-align: center;padding:0 !important;}
    .inner {padding: 0 15px;}
    .team-member-modal .float33{display: none;}
    .blog-meta {text-align: center;}
    .blog-hero {height: 350px;}
    .blog .blog-hero .inner {padding: 20px 40px;}
    .project-meta .float50{text-align: left;}
    #logo_start{opacity:0;}
	#logo_fade, #nav_background{opacity: 1 !important;}
	header menu { display: none; text-align: center; width: 100%; float: none; background: rgba(255,255,255,0.9); position: absolute; top: 70px; left: 0; z-index: 3; }
	header menu li, header menu ul { float: none; }
	header menu a { padding: 10px; display: block;}
	#nav-shower { display: block;}
	#nav-shower a{border:1px solid;border-radius:2px;display:block;font-size:24px;line-height:30px;margin-top:-10px;padding:2px 5px;}
	.home-content { height: 600px; }
	.menu-side-nav-container {display: none;}
	.sidebar {text-align: center;}
	.subnav li {margin: 3px; float: left;}
	.subnav a { background-color: #e75012; color: #fff; padding: 3px 5px; display: inline-block;}
	.footer_container ul li{margin:10px 0;}
	.copy { padding: 5% 5%;text-align: justify;}
	h1.blog-title {font-size: 30px;}
	.gallery-item {width: 24%;}
	.project-image {height: 150px;}
	.blog-meta p {margin-bottom: 10px;}
	
	.sub-menu {display: none !important;}
	#widgit-sidebar {display: none;}
	.sidebar-bg {display: none;}
}
@media only screen and (max-width:600px) {
	.team-member {width: 32%; margin-bottom: 1%;}
	.team-member:nth-child(2n) {margin-right: auto;}
	h1.blog-title {font-size: 30px;}
	.home-content { height: 450px; }
	h1.blog-title {font-size: 25px;}
	.gallery-item {width: 32%;}
	.project-box {width: 49%; min-height: 250px;}
	.blog-hero {height: 250px;}
	.blog .blog-hero .inner {margin: 60px auto; padding: 20px 20px;}
	.team-member, .team-member:nth-child(3n) {width: 100%; max-width: 300px; margin: 0 auto 30px; float: none;}
	.single-post .copy p:first-child {font-size: 18px;}
	.see-all {text-align: center;}
}
@media only screen and (max-width:400px) {
	.logo img { height: 16px;}
	.team-member {width:100%; margin-right: 0px;}
	.copy {text-align: left;}
	h1.blog-title{font-size: 20px; margin-top: 20%;}
	.project-info {max-width: 200px}
	.project-info a {padding: 10px;}
	.project-info h1 {font-size: 13px;}
	.project-info p {font-size: 10px;}
	.blog-hero {height: 150px;}
	.gallery-item img {height: auto;}
	.project-box {width: 100%; float: none; min-height: 150px;}
}
@media only screen and (max-width:320px) {
	.team-member {width: 48%; margin-bottom: 1%;margin-right: 1px; }
	.gallery-item {width: 47%; margin-right: 2%;}
	.close-modal {font-size: 20px; top:-30px;}
	h3.accordion {font-size: 13px;}
}



/* Lower z-index for DataTables floating header */
table.dataTable.fixedHeader-floating {
  z-index: 10 !important;
}

/* Example nav styling with higher z-index */
.site-header,
nav,
.dropdown-menu {
  z-index: 1000;
  position: relative; /* Needed for z-index to apply */
}


/* Force Fancybox caption body to center content */
.fancybox__caption__body {
  display: block !important;   /* break flexbox layout */
  text-align: center !important;
  margin: 0 auto;
  max-width: 90%; /* optional: keep text from edge-to-edge */
}