/*
Theme name: newhousemvj2016
*/

@media all and (min-width:320px) {
    ul {
list-style: none;
padding: 0px;
margin: 0px;
}

.fix {
clear: both;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
padding: 0px;
margin: 0px;
}


a{
color:#000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #999;
} 

/*a:visited {
color: #999;
text-decoration: none;
}*/

body {
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#nav-container {
width: 100%;
height: 48px;
background-color: #332f30;
}



#main-navigation {
}

#main-navigation ul {
list-style: none;
width: 100%;
height: 48px;
padding: 0px;
margin: 0px;
}

#main-navigation ul li {
float: left;
height: 48px;
line-height: 48px;
}

#main-navigation ul li a {
font-family: "museo-sans", sans-serif;
font-size: 12px;
color: white;
font-weight: 700;
text-decoration: none;
margin-right: 70px;
text-transform: uppercase;
display: block;
}

#main-navigation ul li a:hover {
color: #cad4c2;
}

.searchbox {
width: 264px;
height: 30px;
float: right;

}

.search-block {
height: 30px;
padding-top: 9px;
margin: 0px;
}

.sqs-block-content {
/*height: 30px;*/
margin: 0px;
padding: 0px;
}

.sqs-search-ui-button {
height: 30px;
background-color: white;
/*-moz-border-radius: 15px;
border-radius: 15px;*/
}

.sqs-search-ui-button span.title {
height: 30px;
line-height: 30px;
padding: 0px;
padding-left: 35px;
border: 0px;
background: url(/universal/images-v6/icons/icon-searchqueries-20-dark.png) no-repeat 10px 5px;
}

#container {
width: 964px;
margin: 0px auto;
}

#header {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}

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


/* ---------------- CONTENT ------------------- */

#content, #main {
width: 100%;
min-height: 300px;
/*background-color: limegreen;*/

}

.section-padding {
padding-left: 12px;
padding-right: 12px;
}

.section-title-block {
width: 100%;
min-height: 60px;
background-image: url('https://nancy-austin.squarespace.com/assets/h1-arrow.jpg');
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 20px;
}

.section-title-block-padding {
padding: 15px 0px 0px 40px;
}

.section-title-block h1 {
margin-bottom: 10px;
}

h6.pagination, h6.pagination a {
font-family: "museo-sans", sans-serif;
font-size: 18px;
color: #c2c2c2;
font-weight: 900;
text-transform: uppercase;
text-decoration: none;
}

h6.pagination a {
padding-left: 10px; 
padding-right: 10px;
}

h6.pagination a:hover {
text-decoration: underline;
color: #aaa;
}

h6.pagination a:first-child {
padding-left: 0px; 
}

h6.pagination a:nth-child(even) {
border-left: 1px solid #c2c2c2;
}

.pagination-bottom {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}


#main h1, section h1 {
font-family: "museo-sans", sans-serif;
font-size: 30px;
color: black;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 20px;
}

#main h1 a, section h1 a {
font-family: "museo-sans", sans-serif;
font-size: 30px;
color: black;
font-weight: 900;
text-transform: uppercase;
text-decoration: none;
}

#main h1 a:hover, section h1 a:hover {
text-decoration: underline;
}

section {
padding-top: 30px;
padding-bottom: 30px;
}

section h2 {
font-family: "museo-sans", sans-serif;
font-size: 24px;
color: black;
text-transform: uppercase;
font-weight: 900;
  margin-top:20px;
  margin-bottom:5px;
}

section h3 {
font-family: "museo-sans", sans-serif;
font-size: 18px;
color: black;
text-transform: uppercase;
font-weight: 900;
}

section p {
font-family: "museo-sans", sans-serif;
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
font-weight: 300;
}

section p.secondary {
font-family: "museo-sans", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 18px;
margin-bottom: 10px;
}

section blockquote {
font-family: "museo-sans", sans-serif;
font-size: 36px;
font-weight: 900;
color: #a7b898;
line-height: 40px;
margin-top: 40px;
margin-bottom: 20px;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.story-container {
width: 100%;
position: relative;
padding-bottom: 50px;
}

.load-more, .load-more-btn {
display: block;
text-align: center;
color: #b4b9ba;
text-transform: uppercase;
font-weight: 900;
font-family: "museo-sans", sans-serif;
font-size: 24px;
}

.load-more {
padding-bottom: 30px;
background-image: url('https://nancy-austin.squarespace.com/assets/more_arrow.png');
background-repeat: no-repeat;
background-position: bottom center;
}

#stories-section, #about-section {
border-bottom: 1px solid #d6d5d5;
}

#stories-section .stories-inside {
overflow: hidden;
margin-bottom: 40px;
}

#stories-section .stories-inside .story-item {
  margin-bottom: 20px;  
}


#stories-section .stories-inside .story-item article {
position: relative;
min-height: 100px;
background-color: rgba(0,0,0,.2);

}


.story-item img {
 width: 100%;
 height: auto;
 opacity: 0;
}




/* ------------- BIOGRAPHY PAGE ---------- */
#content #bios {

/*background-color: pink;*/
}

#content h3.author-label {
 margin-top: 30px;
 margin-bottom: 10px;
}

.bio-img {
width: 100%;
}

.bio-block {
margin-bottom: 20px;
position: relative;
}



.bio-block article {
    background-color: rgba(0,0,0,.1);
    min-height: 100px;
    position: relative;
}

.bio-block article .bio-img {

background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.bio-block article img {
 width: 100%;
 height: auto;
}

.bio-block article .bio-text {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
background-color: rgba(161,170,151,.9);
display: none;
text-align: left;
}

.bio-text-content {
 position: absolute;
 top: 20px;
 left: 0px;
 z-index: 50;
 opacity:0;
}

.bio-text-padding {
padding: 80px 10px 10px 30px;
}

.bio-text h3 {
margin-bottom: 10px;
}

.bio-text h3 a {
color: white;
font-family: "museo-sans", sans-serif;
font-size: 20px;
text-shadow: 1px 1px rgba(0,0,0,.15);
text-transform: uppercase;
font-weight: 900;
text-decoration: none;
border-bottom: 1px solid #d3dcca;
}

.bio-text h4, .bio-content h4 {
font-family: "museo-sans", sans-serif;
font-size: 14px;
line-height: 18px;
color: #332f30;
font-weight: 900;
text-transform: uppercase;
}

.bio-content h4.categories span.cat-space {
margin-right: 15px;
}

.bio-single-social-media {
width: 100%;
height: 32px;
line-height: 32px;
padding-bottom: 10px;
border-bottom: 1px solid #dddddd;
margin-bottom: 40px;
}

.bio-social-media-text {
width: 60px;
height: 32px;
float: left;
color: #c2c2c2;
font-family: "museo-sans", sans-serif;
font-size: 18px;
font-weight: 900;
}

.bio-social-icons {
width: 560px;
float: right;
height: 32px;
}

.bio-meta {
width: 300px;
float: right;
}

.bio-content {
width: 630px;
float: left;
}

.bio-content h2.bio-single-title {
font-family: "museo-sans", sans-serif;
font-size: 24px;
line-height: 30px;
color: black;
font-weight: 900;
margin: 40px 0px 10px 0px;
text-transform: uppercase;
}

.bio-content h3 {
margin: 30px 0 18px 0px;
}

/* --- Prof Davis added styles here 4.29.2013 --- */
.bio-content ul {
padding-left: 12px;
}

.bio-content ul li {
list-style-type: square;
list-style-position: outside;
line-height: 1.7;
}

.bio-content ul a {
text-decoration: none;
color: #000;
}

.bio-content ul a:hover {
text-decoration: underline;
color: #999999;
}
/* --- end Prof. Davis styles here --- */

.bio-content h4.categories {
margin-bottom: 20px;
color: #666;
}

#bio-sidebar {
width: 220px;
float: right;
text-align: right;
}

#bio-sidebar h6 {
font-family: "museo-sans", sans-serif;
font-size: 24px;
padding-bottom: 10px;
color: #b4b9ba;
border-bottom: 1px solid #b4b9ba;
text-transform: uppercase;
font-weight: 900;
}

#bio-sidebar ul li {
height: 30px;
line-height: 30px;
border-bottom: 1px solid #EFEFEF;
}

#bio-sidebar ul li a {
font-family: "museo-sans", sans-serif;
font-size: 18px;
text-transform: uppercase;
color: #b4b9ba;
text-decoration: none;
}

#bio-sidebar ul li a:hover {
text-decoration: underline;
color: #aaa;
}

.more-projects-container {
margin-top: 50px;
}

.more-projects-container ul li {
list-style-type: none;
}


/* --------- STORY GRID BLOCKS ------- */

/* #stories-section ul#stories li article .story-img */


/* #stories-section ul#stories li article .story-title */
.story-title {
    width:100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 4;
background-color: rgba(134, 133, 129,.7);
opacity: 0;
text-align: center;
display: none;

}

/* #stories-section ul#stories li article .story-title-padding */


.story-title-block {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
padding: 10px;
}

.story-title h3 {
margin: 0px;
margin-bottom: 10px;
}

.story-title h3 a {
color: white;
font-family: "museo-sans", sans-serif;
font-size: 20px;
text-shadow: 1px 1px rgba(0,0,0,.15);
text-transform: uppercase;
font-weight: 900;
text-decoration: none;
line-height: 20px;
}

.story-title h3 a:hover {
color: #ddd;
text-decoration: none;
}

.story-title h4 {
font-family: "museo-sans", sans-serif;
font-size: 14px;
color: white;
font-style: italic;
font-weight: 300;
line-height: 14px;
}

.story-showcase img {
width: 100%;
height: auto;
}



/* -------- about page sub info ---------- */

.intro-parent {
width: 100%;
margin-bottom: 20px;
}
.intro-parent:after {
 content:"";
 display:block;
 clear:both;
}

.intro-title {
width: 140px;
height: 90px;
float: left;
background-image: url('https://nancy-austin.squarespace.com/assets/triange-big-bg.jpg');
background-repeat: no-repeat;
background-position: left;
}

.intro-title-padding {
padding-top: 10px;
}

.intro-text {
width: 800px;
float: right;
}

.intro-text-padding {
padding-top: 8px;
}

ul.about-subinfo li {
width: 300px;
float: left;
margin-right: 20px;
}


ul.about-subinfo li:nth-child(3n+3) {
margin: 0px;
}

ul.about-subinfo li h3 {
font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 900;
font-size: 18px;
color: black;
text-transform: uppercase;
text-align: center;
margin-bottom: 10px;
}

ul.about-subinfo li p {
font-family: "museo-sans", sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 21px;
margin-bottom: 10px;
}

/* ----------- SINGLE STORY PAGE -------*/



#story-single h1, #story-single h1 a {
font-family: "museo-sans", sans-serif;
font-size: 48px;
line-height: 50px;
color: black;
font-weight: 900;
/*margin-bottom: 20px;
margin-top: 10px;*/
margin: 40px 0px 30px 0px;
text-transform: uppercase;
background-image: none;
background-repeat: no-repeat;
background-position: left center;
padding-left: 0px;
text-decoration: none;
}

#story-single h2 {
font-family: "museo-sans", sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 900;
text-transform: uppercase;
margin: 30px 0 18px 0;
color: black;
}

#story-single h1 a:hover {
text-decoration: underline;
}

#story-single h3 {
font-family: "museo-sans", sans-serif;
font-size: 13px;
color: black;
text-transform: uppercase;
font-weight: 900;
margin: 15px 0px 24px 0px;
}

#story-single p {
font-family: "museo-sans", sans-serif;
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
font-weight: 300;
color: #332f30;
}

#story-single blockquote {
font-family: "museo-sans", sans-serif;
font-size: 36px;
font-weight: 900;
color: #a7b898;
line-height: 40px;
margin-top: 40px;
margin-bottom: 20px;
}

.story-row {
 margin-top: 20px;   
}
#story-single h1 {
 margin-top: 0px;  
 margin-bottom: 10px;
}

.story-content {
border-left: 1px solid #ccc;

}
.story-showcase img {
 width: 100%;
 height: auto;
}

.photoGalleryGrid {
 margin-top: 20px;
 margin-bottom: 20px;
}

.photoGalleryGridItem img {
 width: 100%;
 height: auto;
 margin-bottom: 20px;
}
.photoGalleryGridItem:hover img {
 opacity: 0.7;   
}
.lightboxOverlay {
opacity: 0.9;
}
.lb-outerContainer {
      -webkit-border-radius: 0px; 
   -moz-border-radius: 0px; 
 border-radius: 0px;   
 border: 1px solid white;
 background-color: black;
}

.lb-data .lb-caption {
 margin-bottom: 10px; 
 margin-top: 10px;
 display: block;
 font-family: "museo-sans", sans-serif;
 font-size: 14px;
 line-height: 18px;
 font-weight: 300;
 color: white;
}

.lb-data .lb-number {
    font-family: "museo-sans", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #ccc;
}
.lightbox .lb-image {
    -webkit-border-radius: 0px; 
   -moz-border-radius: 0px; 
 border-radius: 0px;   
}

.social-media-container {
width: 100%;
height: 32px;
line-height: 32px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}

.social-media-left {
width: 175px;
float: left;
height: 30px;
text-align: right;
color: #c2c2c2;
font-family: "museo-sans", sans-serif;
font-size: 18px;
font-weight: 900;
}

.social-media-icons {
width: 116px;
float: right;
height: 30px;
}

.social-media-icons li {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.social-media-icons li a {
display: block;
}

.social-media-icons li:last-child {
margin-right: 0px;
}

.social-media-icons li img {
width: 100%;
}

.likeImage{
    width: 32px;
    height: 32px;
    background-image: url("https://nancy-austin.squarespace.com/assets/facebook.png");
    background-repeat: no-repeat;
    cursor: pointer;
}
.likeImage iframe{
    opacity: 0;
}

#story-single .story-meta {
   font-family: "museo-sans", sans-serif;
   font-size: 16px;
}
#story-single .story-meta p.author {
 font-weight: bold;   
}

#story-single .story-meta img {
 width: 50%;
 height: auto;
 border: 1px solid #ccc;
 margin-bottom: 20px;
}

.story-meta .related span.related-title {
font-family: "museo-sans", sans-serif;
font-size: 24px;
font-weight: 900;
color: black;
text-transform: uppercase;
margin-bottom: 10px;
}

ul.related-list li {
width: 300px;
height: 200px;
position: relative;
margin-bottom: 10px;
float: left;
}

ul.more-projects li {
width: 300px;
height: 200px;
position: relative;
margin-bottom: 10px;
float: left;
margin-right: 20px;
background-size: cover;
}

ul.more-projects li:nth-child(even) {
margin-right: 0px;
}

.book-side-container {
width: 100%;
min-height: 200px;
border-top: 1px solid #ddd;
margin-top: 20px;
padding-top: 10px;
}

.book-title {
font-family: "museo-sans", sans-serif;
font-size: 24px;
font-weight: 900;
color: black;
text-transform: uppercase;
margin-bottom: 10px;
}

.book-side-container img {
margin-top: 10px;
}

.book-side-container a {
color: #666;
}





/* ---------------- CONTACT PAGE FORM --------- */

.contact-section-parent {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

.contact-section-form {
width: 600px;
float: left;
}

.contact-section-info {
width: 300px;
float: right;
}

/* ---------------- FOOTER ------------- */

footer {
margin-top: 50px;
width: 100%;
height: 130px;
text-align: center;
}

footer #footer-logo {
margin-bottom: 25px;
}

footer p {
font-family: "museo-sans", sans-serif;
font-size: 12px;
color: #333;
}

/* -------- ARCHIVES ------------  */
#archivesCatBlock {
display: none;
}

.archives-showcase-year ul {
width: 100%;
height: 200px;
margin-bottom: 20px;
}

.archives-showcase-year ul li {
width: 32%;
height: 200px;
float: left;
background-color: #ccc;
margin-right: 2%;
}

.archives-showcase-year ul li:last-child {
margin-right: 0px;
}

.archives-ul-year, .archives-ul-service, .archives-ul-type {
width: 32%;
margin-right: 2%;
float: left;
}

.archives-ul-type {
margin-right: 0px;
}


.photogallery-slide img {
 width: 100%;
 height: auto;
}

.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }



} /* ------------ end of mobile base styles -------*/


@media all and (min-width:700px) {


}