.headBar{
display:none;
z-index:205;
}
.homeBody{
background-color:#282828;
}
.intBody{
padding-top:105px;
background-color:#282828;
}
h1, h2, h3, h4, h5, h6{
font-family:'friz';
}

.homeHero{
padding:0px;
margin-top:61px;
margin-bottom:15px;
overflow:hidden;
}

.homeHero h1{
font-size:1.75rem;
color:#fff;
position:absolute;
margin:10px 0px 0px 15px;
text-align:left;
}
.homeHero img{
width:100%;
}

.showcaseHero{
padding:0px;
margin-bottom:15px;
overflow:hidden;
}
.showcaseHero h2 {
font-size: 1.75rem;
color:#fff;
text-align:left;
position:absolute;
margin: 10px 0px 0px 20px;
opacity: .8;
text-shadow: 2px 2px 2px rgba(0,0,0,.6);
transform:translate(0px, 20px);
}
.showcaseHero img{
width:100%;
}

p.collectionTxt{
font-size:15px;
color:#fff;
text-transform:uppercase;
text-align:left;
position:absolute;
margin: 10px 0px 0px 20px;
border-bottom:1px solid #fff;
opacity: .8;
text-shadow: 2px 2px 2px #000;
}

p.smlHeaderIntro{
font-size:15px;
line-height:.5rem;
color:#fff;
text-transform:uppercase;
text-align:left;
opacity: .8;
margin-bottom:0px;
}

.bg-holder {
background-image: url('https://staging.seifriedphoto.com/uploads/plax/plaxImg1-mobVert.jpg');
margin-bottom:15px;
padding:40px 0px;
background-repeat:no-repeat;
background-size:cover;
}

.homeAbout h2{
color:#fff;
font-size:2.25rem;
letter-spacing:.25rem;
margin-bottom:1.2rem;
}

.homeAbout p{
color:#fff;
font-size:1.2rem;
font-family:'monsterratReg';
line-height: 1.2;
}
.homeAbout .aboutPhoto{
margin:25px 0px;
}

.aboutContent a{
font-family:'monsterratReg';
font-size:.85rem;
color:#fff;
transition:all .25s;
display:inline-block;
}
.aboutContent a:hover{
color:#fff;
text-decoration:none;
}

/* PAGE CONTACT */
#popUpContact{
position:fixed;
top:0px;
left:0px;
height:1px;
padding:0px;
background-image:url('https://staging.seifriedphoto.com/uploads/pacific-at-lompoc-california-contact_sml.jpg');
background-size:cover;
background-repeat:no-repeat;
overflow:hidden;
z-index:1500;
opacity:0;
transition:all .6s;
}
#popUpContact.opacity1{
width:100vw;
height:100vh;
padding:30px 0px;
opacity:1;
transition:all .6s;
}
.closeContact{
position: absolute;
top: 12px;
}
.contactInfo, .contactForm{
color:#c8beaf;
font-family:'friz';
}
.contactInfo p, .contactForm p{
font-size:.86rem;
margin-bottom:3px;
line-height:1.1;
}
.contactInfo p.large{
font-size:1rem;
font-weight:bold;
margin-bottom:6px;
}
.contactInfo .address{
font-size:.86rem;
list-style-type:none;
padding-left:0px;
line-height:1.1;
margin-bottom:3px;
}
.contactForm h5{
margin-top:.4rem;
margin-bottom:3px;
}
.contactForm p{
margin-bottom:6px;
}
.contactForm input.overlayForm::placeholder, .contactForm textarea.overlayForm::placeholder{
color:#000;
opacity: 1;
}
input.overlayForm, textarea.overlayForm{
font-size: .75rem;
background-color: rgba(255,255,255,.6);
border: 1px solid #fff;
margin-bottom:6px;
}

input.overlayForm[type="submit"]{
text-transform:uppercase;
color:#fff;
font-family:'monsterratReg';
background-color: rgba(255,255,255,.2);
padding:5px 20px;
border: 1px solid #fff;
}

input.overlayForm[type="submit"]:hover{
background-color: transparent;
}

.contactClose{
max-width: 23px;
height: auto;
position: absolute;
top: 0px;
right: 30px;
transition: all .3s;
opacity:1;
}


/* PRIMARY GALLERY */
.galleryTitle {
margin-top: 85px;
}
.galleryTitle p.collectionTxt{
position:relative;
display: inline;
}
.galleryTitle h1{
font-size:16px;
font-family: 'monsterratreg';
color:#fff;
margin: 10px 20px 0px 20px;
text-transform: uppercase;
border-bottom: 1px solid #fff;
display: inline-block;
}
.galleryTiles{
padding-top:30px;
}

.card{
border-radius:0px;
border:none;
background-color: #1e1e1e;
}


.fullScreenDescription{
position:relative;
top:-150px;
width:100%;
padding:1.1rem;
}
.fullScreenDescription h3.title{
font-family:'monsterratReg';
font-size:1rem;
color:#ddd;
text-align:center;
text-shadow:3px 3px 3px rgba(0,0,0,.85);
}




/* BLUEIMP GALLERY */
.blueimp-gallery > .close, .blueimp-gallery > .title, .blueimp-gallery > .prev, .blueimp-gallery > .next {
color:#fff!important;
transition:all .2s;
}
.blueimp-gallery > .prev, .blueimp-gallery > .next {
border:none;
font-size:90px;
}
.blueimp-gallery > .close {
font-weight:lighter;
}





/* 
*
*
*
*
INTERNAL PAGES */
.intPageHeader {
position:fixed;
top:71px;
background-color:rgba(0,0,0,.8);
z-index:20;
}
.intPageHeader h1{
font-size: 1.5rem;
color:#c8beaf;
line-height: 2rem;
margin-bottom: 0px;
}
.intPageWrp{
padding-top:1rem;
background-color:#e9eaea;
}
.intPageRightCol{
margin-bottom:1rem;
}
.intPageWrp p{
	font-family:'monsterratReg', 'Gill Sans', sans-serif;
	line-height:1.7rem;
}
p.caption{
margin-top:.4rem;
font-size:.75rem;
}
.blockquote{
font-family:friz;
font-style:italic;
color:#777;
border-left: 5px solid #c8beaf;
padding: 0px .75rem;
}


/* BOOKS */
.books{
margin-bottom:32px;
padding-bottom:16px;
border-bottom:1px dotted #cac0b2;
}
img.bookCover{
margin-bottom:16px;
}






/* FOOTER */

.footerCol{
text-align:center;
}

.footerWrap{
background-color:#1c1b1a;
padding:30px 0px;
height: 100%;
}
.footerLogo{
max-width:225px;
/* padding-right:20%;
padding-left:20%; */
margin-bottom:30px;
}
.footerWrap p{
font-family:'monsterratReg';
color:#fff;
font-size:1rem;
margin-bottom:.5rem;
}

.footerWrap h3, .footerWrap h4, .footerWrap h5, .footerWrap h6{
font-family:'monsterratReg';
color:#fff;
}
.footerMenu{
margin-top:25px;
}

.footerWrap h6{
font-size:1.2rem;
border-bottom: 1px solid #888;
margin-bottom:15px;
}
footer ul{
list-style-type:none;
padding-left:0px;
}

.footerInnerWrap ul li, .footerInnerWrap ul li a{
font-family:'monsterratReg';
color:#fff;
}
.footerInnerWrap ul li{
margin-bottom:10px;
}
.Width85Prcnt-sm{
width:85%;
}
.indentX-45-upToLG{
padding-left:0px;
padding-right:0px;
}




/* 547High BREAKPOINT */
@media only screen and (min-height: 547px){
.contactForm p {
margin-bottom:12px;
}
input.overlayForm{
height:30px;
}
.closeContact {
top:20px;
}
input.overlayForm, textarea.overlayForm {
font-size: .875rem;
margin-bottom:10px;
}
.contactInfo, .contactForm {
margin-bottom:15px
}
}





/* 576Wide BREAKPOINT */
@media only screen and (min-width: 576px){
.tileWrapper .card-columns{
column-count: 3;
-webkit-column-gap: .75rem;
-moz-column-gap: .75rem;
column-gap: .75rem;
}
}






/* MD BREAKPOINT */
@media only screen and (min-width: 768px){
.tile:nth-child(odd){
padding-right:7.5px;
}
.intPageHeader{
background-image:url('../imgs/pg-headBgrnd.jpg');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
}



/* SMALL DEVICES <992px LANDSCAPE */
@media only screen and (max-width: 992px) and (orientation: landscape){
.fullScreenDescription{
top:-50px;
padding:.75rem;
}
.fullScreenDescription h3.title{
font-size:.75rem;
color:#fff;
}
}




/* LG BREAKPOINT */
@media only screen and (min-width: 992px){
.homeHero{
height:100%;
margin-top:60px;
}

.Width85Prcnt-sm{
width:100%;
}
.indentX-45-upToLG{
padding-left:0px;
padding-right:0px;
}

.galleryTitle h1 {
margin: 10px 20px 0px 2rem;
display: inline;
}

}





/* XL BREAKPOINT */
@media only screen and (min-width: 1200px){
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height plus 15px */
margin-bottom: 310px;
}

.headBar{
height:12px;
background-color:#000;
position:fixed;
top:0px;
left:0px;
display:block;
}
.homeHero{
height:calc(100vh - 133px);
margin-top: 88px;
margin-bottom:0px;
}
.homeHero h1{
font-size:2.75rem;
margin:40px 0px 0px 30px;
opacity: .8;
}
.showcaseHero{
height:calc(100vh - 135px);
margin-bottom:0px;
}
.showcaseHero h2 {
font-size: 2.75rem;
margin: 40px 0px 0px 30px;
}
.homeHeroTmbs{
margin:15px 0px;
}
.homeHeroTmbItemWrap{
display:flex;
align-items:center;
}
.homeHeroTmbItemWrap.homeCollectionTmbs{
height:150px;
overflow:hidden;
border:1px solid transparent;
transition:all .35s;
}
.homeHeroTmbItem{
display: flex;
background-clip:content-box;
transition:all .35s;
}
.homeHeroTmbItem a{
display: flex;
height:100%;
width:100%;
}
.homeHeroTmbItem .img-fluid{
align-self: center;
}
.homeHeroTmbItemWrap.homeCollectionTmbs:hover{
cursor:pointer;
/* transform: scale(1.01);
transform:translate(0px, -3px); */
z-index: 100;

/* padding: 0px; */
border:1px solid #c8beaf;
transition:all .3s;
}
p.collectionTxt{
margin: 40px 0px 0px 30px;
}
.bg-holder#pic1 {
background-image: url('https://staging.seifriedphoto.com/uploads/plax/plaxImg1.jpg');
}
.homeAbout .aboutPhoto{
margin:25px 0px;
}
.homeAbout p{
line-height:1.4;
}
.aboutContent a{
font-size:1rem;
}

#popUpContact{
background-image:url('https://staging.seifriedphoto.com/uploads/pacific-at-lompoc-california-contact_lrg.jpg');
}
.closeContact {
position:relative;
margin-bottom:60px;
}
.closeContact img {
margin-right:70px;
transition:all .2s;
}
.closeContact img:hover {
transform:scale(1.15,1.15);
}
.pageContact{
width:100vw;
}
.contactInfo p, .contactForm p{
font-size:1rem;
margin-bottom:12px;
line-height:1.25;
}
.contactInfo p.large{
font-size:1.1rem;
font-weight:normal;
}
.contactInfo .address{
font-size:.875rem;
padding-left:0px;
line-height:1.2;
margin-bottom:12px;
}
.contactInfo p.addy{
margin-bottom:6px;
}
.contactForm h5{
font-size:2rem;
margin-top:0rem;
margin-bottom:6px;
}
.contactForm p{
font-size:1.2rem;
margin-bottom:20px;
}
input.overlayForm, textarea.overlayForm{
font-size:1rem;
color:#000;
margin-bottom:20px;
width: 100%;
}
input.overlayForm{
padding-left:15px;
height:32px;
}
input.overlayForm[type="submit"]{
padding:4px 35px;
width:auto;
}

input.overlayForm[type="submit"]:hover{
background-color: transparent;
}



/* PRIMARY GALLERY */
.galleryTitle{
margin-top:125px;
}
.galleryTitle h1{
font-size:18px;
}
.tileWrapper .card-columns{
column-count: 4;
}
.tileWrapper{
padding:20px 7.5px;
}
.tile{
padding:7.5px;
}
.card-columns .card{
column-span: all;
}
.galleryTiles{
padding-top: 15px;
}
.galleryTiles img {
margin-bottom: 0px;
border:1px solid transparent;
transition:all .35s;
}
.galleryTiles img:hover {
border:1px solid #7c7771;
box-shadow: 1px 2px 6px rgba(0,0,0,.9);
}
.galleriesNav{
position:fixed;
top:88px;
left:0px;
height:50px;
background-color:#000;
z-index:500;
transition:all .3s;
}
.galleriesNav.adjPosition{
top:68px;
background-color:rgba(0,0,0,.6);
transition:all .3s;
}
.galleriesNav.adjPosition .galleriesNavInner p{
color:#fff;;
}
.galleriesNavInner{
flex-direction:row;
font-family:'friz';
display:flex;
align-items:center;
}
.galleriesNavInner p{
color: #7c7771;
display:inline;
margin-right:30px;
margin-bottom:0px;
}
ul.galleriesNavList{
list-style-type:none;
margin-bottom:0px;
}
ul.galleriesNavList li a{
color:#fff;
font-size:.875rem;
padding: 5px 12px;
margin: 0px 6px;
}
.galleryTitle h1 {
letter-spacing: .1rem;
}

.fullScreenDescription{
top:-75px;

}
.fullScreenDescription h3.title{
font-size:1.05rem;
}




/* BLUEIMP GALLERY */
.blueimp-gallery > .slides > .slide > .slide-content {
max-height:80vh;
}
.blueimp-gallery > .prev{
left:45px;
}
.blueimp-gallery > .next {
right:45px
}
.blueimp-gallery > .close {
right: 180px;
font-size: 40px;
}




/* INTERNAL PAGES */
.intBody{
padding-top:180px;
}
.intPageHeader {
top:85px;
}
.intPageHeader h1 {
    font-size: 2.25rem;
    line-height: 4rem;
}
.intPageWrp {
    padding: 2rem;
}
.intPageWrp h2 {
font-size:1.65rem;
margin-bottom:.75rem;
}
.intPageWrp h3 {
font-size:1.4rem;
line-height: 1.8;
margin-bottom: 0px;
}


/* FOOTER */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 295px;
  /* line-height: 60px; */ /* Vertically center the text there */
  /* background-color: #f5f5f5; */
}
.footerCol{
text-align:left;
}
.footerLogo{
max-width:225px;
/* padding-right:52%;
padding-left:0px; */
}
.footerWrap{
padding:45px 0px;
}
.footerWrap p{
font-size:.75rem;
margin-bottom:.3rem;
}
.footerWrap h6{
margin-bottom:5px;
}
.footerInnerWrap ul.twoColums{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count:    2; /* Firefox */
column-count:         2;
-webkit-column-gap:   20px; /* Chrome, Safari, Opera */ 
-moz-column-gap:      20px; /* Firefox */
column-gap:           60px;
text-align: justify; /* Optional */
margin-top:12px;
}
.footerMenu{
height: 135px;
}
.footerInnerWrap ul li{
font-size:.75rem;
transition:all .3s;
text-decoration:none;
}
.footerInnerWrap ul li:hover{
text-decoration:underline;
cursor:pointer;
}
.y-lg-82pxDwn{
top:82px;
}
}



/* 1440 MIN WIDTH */
@media only screen and (min-width: 1440px){
.homeHero{
margin-top: 106px;
}
.galleriesNav {
top: 106px;
}
.galleriesNav.adjPosition {
top: 73px;
}
.tileWrapper .card-columns{
column-count: 5;
}
.galleryTitle {
margin-top: 140px;
}
.galleryTitle h1 {
font-size: 1.5rem;
letter-spacing: .1rem;
}

/* BLUEIMP GALLERY */
.blueimp-gallery > .prev{
left:65px;
}
.blueimp-gallery > .next {
right:65px
}
.blueimp-gallery > .close {
right: 180px;
font-size: 50px;
}
.intPageHeader {
top: 105px;
}
/* INTERNAL PAGES */
.intBody{
padding-top:225px;
}

}




/* 1850 MIN WIDTH */
@media only screen and (min-width: 1850px){
.homeHeroTmbItemWrap.homeCollectionTmbs{
height:200px;
}
}




/* 1920 MIN WIDTH */
@media only screen and (min-width: 1920px){

/* BLUEIMP GALLERY */
.blueimp-gallery > .prev{
left:200px;
}
.blueimp-gallery > .next {
right:200px
}
.blueimp-gallery > .close {
right:290px;
}
}




/* 2540 MIN WIDTH */
@media only screen and (min-width: 2540px){
.homeHeroTmbItemWrap.homeCollectionTmbs{
height:260px;
}
}




/* 2880 MIN WIDTH */
@media only screen and (min-width: 2880px){
.homeHeroTmbItemWrap.homeCollectionTmbs{
height:300px;
}
}





/* iPAD LANDSCAPE */
@media only screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape){
.homeHero {
height: 100%;
margin-top: 61px;
}
.footerCol {
text-align: left;
}
.footerInnerWrap ul.twoColums {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 60px;
text-align: justify;
margin-top: 12px;
}
}


/* UTILITIES */
.px-7Halfpx{
padding-left:7.5px;
padding-right:7.5px;
}
.pt-30Percent{
padding-top:30%;
}
.btn{
border-radius:0px;
transition:all .25s;
}
.btn-drk{
background-color:#212529;
color:#c8beaf;
}
.btn-drk a{
font-size:1.2rem;
font-weight:600;
color:inherit;
}
.btn-drk:hover{
background-color:#c8beaf;
color:#212529!important;
}
.btn-drk a:hover{
color:#212529;
text-decoration:none;
}
.btn-transparent{
background-color:transparent;
transition:all .25s;
}
.btn-transparent.reverse{
color:#fff;
background-color:transparent;
transition:all .25s;
}
.btn-transparent.reverse:hover{
color:#fff;
background-color:#000;
}
.btn-outline-wht{
border:1px solid #fff;
}
.zeroOpacity{
opacity:0;
}
.opaque{
opacity:1;
}