@font-face{
font-family:"gillSans";
src:url("https://jillosheahomedesign.com/fonts/GillSans-.eot#iefix");
src:url("https://jillosheahomedesign.com/fonts/GillSans-.eot#iefix") format("eot"),
	url("https://jillosheahomedesign.com/fonts/GillSans.woff") format("woff"),
	url("https://jillosheahomedesign.com/fonts/1GillSans.ttf.html") format("truetype"),
	url("https://jillosheahomedesign.com/fonts/GillSans.html") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"gillSans-light";
src:url("../fonts/GillSans-Light-.eot#iefix");
src:url("../fonts/GillSans-Light-.eot#iefix") format("eot"),
	url("../fonts/GillSans-Light.woff") format("woff"),
	url("../fonts/1GillSans-Light.ttf.html") format("truetype"),
	url("../fonts/GillSans-Light.html") format("svg");
font-weight: normal;
font-style: normal;
}

@font-face{
font-family:"gillSans-light";
src:url("../fonts/GillSans-LightItalic-.eot#iefix");
src:url("../fonts/GillSans-LightItalic-.eot#iefix") format("eot"),
	url("../fonts/GillSans-LightItalic.woff") format("woff"),
	url("../fonts/1GillSans-LightItalic.ttf.html") format("truetype"),
	url("../fonts/GillSans-LightItalic..html") format("svg");
 font-weight: normal;
   font-style: italic;
}

body, html { background-color: white; font-family:"gillSans-light"; letter-spacing: 1.5px; line-height: 2.25; font-size: 16px; text-transform: uppercase; height:100%;}
.col-centered { float: none; margin: 0 auto;}
/********************************************************************/

.about {text-transform: none; letter-spacing: 1px; line-height: 1.6; font-size: 18px; text-align: left;}

.aList {width:10%;}

.btn-primary {background: #bcbdc0; border: none; color: white;}
.bold {font-family:"gillSans";}

.carousel, .carousel-inner, .carousel-item {background-color: white}
.carousel-fade .carousel-item {opacity: 0; transition-duration: 2s; transition-property: opacity;}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {opacity: 1;}
.carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-right {opacity: 0; }
.carousel-fade  .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-prev {transform: translateX(0); transform: translate3d(0, 0, 0); }
.carousel-item h5 {margin-top:1em; color:#7f8181;}
.carousel-item h5 {display: none; padding: 10px; background: #f1f2f2; /*border-top-left-radius: 10px; border-top-right-radius: 10px;*/ }

.collapse.show {display: block; position: absolute; right: 5%; background: rgb(225,231,229); top: 2em; padding:1em 2em; z-index: 1000}


.contact img {width:15%;}
.contact p {margin-bottom: 2em;}
.contactEmail {margin-top: 2em}
.contactEmail h2 {text-transform: none;}

.covers {margin-bottom:2em; }
.covers img {width: 85%;}

.credentials {margin-top: 1em}
.credLogo {width: 15%; margin: 0 15px;}

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

.dropdown-menu {border:none; position:static; background: rgb(225,231,229);}

#emailConfirm {display: none;}

footer {background-color: white); padding: 15px 0; /*margin-top: 3em*/}
footer p {font-size: 1em; margin-top: 1.4em}
footer img {width:30%;}

.full-screen {background-size: cover; background-position: center; background-repeat: no-repeat; }

header {/*position: fixed; top:0; z-index: 900;*/ background-color: white}
.headshot {margin-bottom:2em; }
.headshot img {width:50%;}
.hidden {display: none;}

.instagram {margin-top: 3.5em;}
.instagram img {width: 69px; margin:0 auto;}
.instagram p {font-size: .74em; margin-top: 8px}

.navbar {width:100%;}
.navbar-toggler { border:none; position: absolute;right:5%; top: 25%; }
.navbar-brand img {width:100%;}
.nav-item a {color: black; font-size: .75em}
.navbar img {width:85%; margin-left:.5em;}

.press {margin-top: 5em; text-align: center;}
.press img {/*width: 90%;*/ margin-bottom: 1em; -webkit-box-shadow: 2px 2px 2px 0 rgba(155,155,155,.5);
box-shadow: 2px 2px 2px 0 rgba(155,155,155,.5);}

.projects {margin-top: 2em}
.projects img, .projectThumb img {width:100%; /*-webkit-filter: grayscale(100%);filter: grayscale(100%)*/}
/*.projects img:hover, .press img:hover, .projectThumb img:hover {width:100%; -webkit-filter: grayscale(0%);filter: grayscale(0%)}*/
.projects p {text-align: center; margin-top: .5em; font-size: .75em}
.projects h1 {margin-bottom: 1em; font-size: 1.5em;}
.project {margin-top:2em;}
.projectThumb {margin-bottom: 30px}
.projectHeader {min-height: 75%; background-size: cover; margin-bottom: 1em; background-repeat: no-repeat;}
.projectHeader img {width: 100%}
/*Project Header Images ****************************************/
.americanBeauty {background-image: url(../img/american/headerImage.webp); background-position: bottom;}
.camp {background-image: url(../img/camp/headerImage.webp); background-position: bottom;}
.cellar {background-image: url(../img/cellar/headerImage.webp); background-position: bottom;}
.compoCottage {background-image: url(../img/compo/headerImage.webp); background-position: center}
.contactHeader {background-image: url(../img/office.jpg); background-position: center}
.freshStart {background-image: url(../img/freshStart/headerImage.webp); background-position: bottom;} 
.jupiter {background-image: url(../img/jupiter/headerImage.webp); background-position: bottom;}
.heart {background-image: url(../img/heart/headerImage.webp); background-position: bottom;} 
.modernBarn {background-image: url(../img/barn/headerImage.jpg); background-position: center;}
.preWar {background-image: url(../img/pre-war/headerImage.webp); background-position: bottom;}
.soundview {background-image: url(../img/soundview/headerImage.webp); background-position: bottom;}
.contact{background-image: url(../img/office.jpg); background-position: bottom;}



.quote p {line-height: 1.5}

.sliderDesktop {display: block;}
.sliderMobile {display: none}

.splash {position: fixed; z-index: 9999; top:0; bottom: 0; width:100%; background-color: white}
.splashLogo {position: fixed;top:47%; bottom:47%;}
.splashLogo img {width:50%;}

.topLogo img {width: 30%; margin-top: 5em}
.topLogo {width: 100%}



.splashLogo img {
    animation: fadein 5s;  -moz-animation: fadein 5s; /* Firefox */ -webkit-animation: fadein 5s; /* Safari and Chrome */  -o-animation: fadein 5s; /* Opera */
}
@keyframes fadein { 
	from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
	from {opacity:0;}
    to {opacity:1;}
}

.navbar-toggleable-xl .navbar-nav .dropdown-menu {position: absolute;}



@media only screen and (max-width: 414px){
	.aList {width:40%;}
	.collapse.show {position: fixed; z-index: 1000;}
	.contactEmail h2 {font-size: 1rem}
	.credLogo {width: 60%; margin: 15px auto;}
	.headshot img, .covers img {width:100%;}
	.projects {margin-top:1em;}
	.projects h1 {font-size:1rem;}
	/*.projectHeader {min-height: 50%;}*/
	.press {margin-top:1em;}
	.press img {width:100%; margin-top:1em;}
	.contact {margin-top: 1em}
	.col-xs-4 {width:33.33%;}
	.col-xs-6 {width:50%;}
	.contact img {width:32%;}
	footer p {font-size: .65em;}
	footer img {width:90%;}
	.navbar {max-height: 79px; height:79px !important; padding:0;}
	.navbar-nav li {display: inline !important;}
	.navbar-toggler {right:0;}
	.splashLogo img {width:90%;}
	.sliderDesktop {display: none;}
	.sliderMobile {display: block}
	.topLogo img {width: 90%; margin-top: 5.5em}
}

@media only screen and (max-width: 375px){
	.navbar-toggler-icon{background-size: 90% 90%;}
}

@media only screen and (max-width: 320px){
	.navbar-toggler-icon{background-size: 80% 80%;}
}