/* fonts */

@font-face {
    font-family: 'skopexgothic-bldregular';
    src: url('../fonts/skopexgothic-bld-webfont.eot');
    src: url('../fonts/skopexgothic-bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/skopexgothic-bld-webfont.woff') format('woff'),
         url('../fonts/skopexgothic-bld-webfont.ttf') format('truetype'),
         url('../fonts/skopexgothic-bld-webfont.svg#skopexgothic-bldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'skopexgothic-regregular';
    src: url('../fonts/skopexgothic-reg-webfont.eot');
    src: url('../fonts/skopexgothic-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/skopexgothic-reg-webfont.woff') format('woff'),
         url('../fonts/skopexgothic-reg-webfont.ttf') format('truetype'),
         url('../fonts/skopexgothic-reg-webfont.svg#skopexgothic-regregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'skopexgothic-reg-spa';
    src: url('../fonts/skopexgothic-reg-spa-webfont.eot');
    src: url('../fonts/skopexgothic-reg-spa-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/skopexgothic-reg-spa-webfont.woff') format('woff'),
         url('../fonts/skopexgothic-reg-spa-webfont') format('truetype'),
         url('../fonts/skopexgothic-reg-spa-webfont.svg#skopexgothic-reg-spa') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'skopexgothic-regregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main {
	min-height: 400px;
}

a:hover, a:focus {
	color: #cc0000;
}

a {
	color: #454545;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'skopexgothic-regregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #454545;

}


h3 a, h3 a:hover {
	text-decoration: none;
}


hr {
	border-top: #ccc 1px solid;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	padding: 0;
	margin: 15px 0;
	
}

.formsmall {
	font-size: 0.85em;
	line-height: 1.5em;
	clear: both;
	font-family: sans-serif;
	letter-spacing: normal;
}

.navbar-brand, .footerbrand {
	font-family: 'skopexgothic-reg-spa', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.boldbrand {
	font-family: 'skopexgothic-bldregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}


div.header-brand {
       display: block;
       background: url(../img/spa-header-logo.png) no-repeat left top;
       background-size: cover;
       height: 20px;
       min-width: 400px;
       overflow: hidden;
}

div.header-brand:hover {
       background-position: 0 -21px;
}


.worklinks {
	background-color: #ccc;
	height: 300px;
}

/* bg colors */

.white {
	background-color: #fff;
}

/* main layout */

body {
	padding: 50px 0 0 0;
}

.header {

}

.maincontent{
	min-height: 300px;
}

.sidebar {
	margin-top: 20px;
}

.footer {
	margin-top: 20px;
}

.footercredit {

}

.footercredit p {
	font-size: 0.8em;
	margin: 20px 0;
}	

/* homepage slideshow */

.homeslide {
	margin: 0 0 20px 0;
	background-color: transparent;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	box-sizing: border-box; 
}


.flexslider {
/*	max-height: 500px !important; */
	border: none !important;
	margin: 0 0 0 0 !important;
}

/* nav styles */  
  
.navbar-default {
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}  


.navbar-default {
background-color: white !important;
border-color: transparent !important;
border: none;
}

.navbar {
margin-bottom: 0;
border: 0px solid transparent;
}

.navbar {
	font-weight: normal;
	font-family: 'skopexgothic-regregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	text-transform: uppercase;
} 

.navbar-default .navbar-nav > li > a {
	color: #454545;
}

.dropdown-menu {
	font-size: 0.9em;
}

.navbar a:focus {
		color: #454545;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: white !important;
	background-image: none;
	color: #cc0000;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	background-image: none;
	color: #cc0000;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: transparent;
	background-image: none;
	color: #cc0000;
}

.navbar-brand {
	font-size: 1.7em;
	padding: 15px 0px;	
}

.navbar-default .navbar-brand {
	color: #656565 !important;
	
}

.navbar-default .navbar-brand:hover {
	color: #cc0000 !important;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	color: #cc0000;
text-decoration: none;
background-color: none;
border-top: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
	
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: none;
}

.navbar .nav > li > a:hover {
	color: #cc0000;
	}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 0 !important;
	
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-default .navbar-toggle {
	border: 0px;
}

/* image alignment */

.alignnone {
  display: block;
  position: relative;
}
.alignright {
  float: right;
  margin: 5px;
  display: inline;
}
.alignleft {
  float: left;
  margin: 5px;
  display: inline;
}
.aligncenter {
  display: block;
  text-align: center;
  margin: auto;
}


p.wp-caption-text {
	text-align: left;	
}

.wp-caption {
	margin: 20px;
}

div.wp-caption a:hover {
	opacity: 0.5;
	 -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	
}

select#archives-dropdown-2 {
	border: none;
	font-size: 14px;
	padding: 5px;
	margin: 5px;
	background-color: #DEDED6;
}


/* ------- Project page styles ------- */

	
.projectsidebar {
	margin: 10px 0;
}
.projectnarrative {
	padding: 20px 0;
}

.projectarea img {
	padding: 1px 0;
}

/* grid page */

div.col-lg-3.col-md-4.col-xs-6.workthumb {
	padding: 0;
	margin: 0;	
}


img {
	width: 100%;
	height: auto;
}



.thumb {
    margin-bottom: 0px;
}


div.col-lg-3.col-md-4.col-xs-6.thumb {
	padding: 0;
	margin: 0;
	position: relative;
	
}

.thumbnail {
	display: block;
	padding: 1px;
	margin-bottom: 0px;
	border: none;
	border-radius: 0px;
}

.thumbnail a {
	width: 100%;
	height: 100%;
}

.thumbnail img {
	display: table-cell;
	height: auto;
	width: 100%;
	vertical-align: middle;
	text-align: left;
}

.thumbtitle {
	position: absolute;
	z-index: 50;
	display: table-cell;
	padding: 16px;
	display: none;
	text-align: left;
	text-transform: uppercase;
	font-family: 'skopexgothic-bldregular', "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.thumbtitle h4{
	text-transform: uppercase;
	font-family: 'skopexgothic-bldregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;

}

.thumblocal {
	position: absolute;
	z-index: 50;
	display: table-cell;
	padding: 16px;
	display: none;
	text-align: left;
	text-transform: uppercase;
	font-family: 'skopexgothic-bldregular', "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.titleclass .thumbtitle {
	display: block;
	color: #fff;
}

.titleclass div.thumbtitle h4 {
	color: #fff;
}


.thumbnail:hover img {
	opacity: 0.25;
	 -webkit-transition: opacity 0.25s ease-in;
	 -moz-transition: opacity 0.25s ease-in;
	 -o-transition: opacity 0.25s ease-in;
	 transition: opacity 0.25s ease-in;
	 }
	 
.thumbnail:hover .thumbtitle {
	color: #454545;
	display: block;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	-o-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}	 
	 
.footersocial {
	margin: 20px 10px 0 0;
	text-align: right;
}	 
	 
.footersocial a i.fa:hover {
	color: #cc0000;
	
}

.footersocial a i.fa {
	margin: 5px 5px 5px 0;
	font-size: 21px;
	color: #656565;
}


.footersocial img.houz {
	max-width: 14px;
	height: auto;
	margin-top: -7px;
}

.houz {
	color:#454545;
}

.houz:hover {
	color: #cc0000;
}

.expand-cnt-link h4 {
	display: inline-block;
}

a.expand-cnt-link {
	text-decoration: none;
}

a.expand-cnt-link:hover {
	text-decoration: none;
	color: #cc0000;
}


.page-header-image {
	height: 200px;
	

}

.homethumb {
	display: block;
	margin: 1px;
	margin-bottom: 0px;
	border: none;
	border-radius: 0px;
	background-color: #ddd;
	min-height: 240px;
}

.homethumb a {
	width: 100%;
	height: 100%;
}

/* .homethumbtitle {
	position: absolute;
	z-index: 50;
	display: table-cell;
	padding: 16px;
	color: #454545;
	text-align: center;
	text-transform: uppercase;
	font-family: 'skopexgothic-bldregular', "Helvetica Neue", Helvetica, Arial, sans-serif;

} */

.homethumbcontent {
	position: absolute;
	z-index: 50;
	display: inline-block;
	padding: 16px;
	color: #454545;
	text-align: left;

	overflow: hidden;

	height: 90%;
}

.homethumbcontent h4 {
	text-transform: uppercase;
	font-family: 'skopexgothic-bldregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.homethumbcontent h5 {
	text-transform: none;
	font-size: 16px;
	line-height: 1.4em;
	display: block;
	text-overflow: clip;
	overflow: hidden;

}


	 
.homethumb:hover {
	background-color: #fff;
	-webkit-transition: background-color 0.25s ease-in;
	-moz-transition: background-color 0.25s ease-in;
	-o-transition: background-color 0.25s ease-in;
	transition: background-color 0.25s ease-in;
}

.homethumb:hover .homethumbtitle {
	color: #cc0000;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	-o-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}	 

p.infotitle {
	margin-bottom: 0; 
	padding-bottom: 0;
}


/* widget adjustments */

div.widget ul, div.widget li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

div.widget input#search {
	
	padding: 5px;
}

div.widget .btn {
	margin-bottom: 3px;
}

.gform_wrapper .button, .gform_button {
	background-color: #454545 !important;
	border-color: #454545 !important;
}

.gform_wrapper .button:hover, .gform_button:hover {
	background-color: #cc0000 !important;
	border-color: #cc0000 !important;
	color: #fff !important;
}

/* responsive adjustments..... */


 /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

.projectsidebar {
	margin: 20px 0 0 0;
}

.homethumb {
	min-height: 150px;
}


div.header-brand {
       height: 12px;
       min-width: 230px;
       background-position: bottom;
       margin-top: 3px;

}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

.homethumb {
	min-height: 150px;
}

div.header-brand {
       height: 20px;
       min-width: 400px;
}

div.header-brand:hover {
       background-position: 0 -21px;
}

.footersocial {
	text-align: left;
}


    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

.homethumb {
	min-height: 260px;
}

.footersocial {
	text-align: left;
}


    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }