/*
Theme Name: Constance Eisele Theme
Theme URI:
Version: 1.1
Description: Constance Eisele Theme
*/


/* GLOBAL */
html,body{background-color:#FFFFFF;padding:0;margin:0;font-family:'Khand',sans-serif;}
.container{max-width:1100px;margin:0 auto;}
@media screen and (max-width:736px){
	html,body{
		width:100%;
	}
	.container{
		max-width:100%;
	}
}



/* NAVIGATION */
nav{background-color:#000000;color:#FFFFFF;position:-webkit-sticky;position:sticky;top:0;z-index:1000 !important;}
.menu-container{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;}
.menu{flex-basis:425px;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:0;padding:0;}
.menu li{/*flex-basis:auto;*/
list-style-type:none;padding:10px 0px;}
.menu li a{color:#D9D9D9;font-size:17px;text-decoration:none;text-transform:uppercase;}
.menu li a:hover{color:#FFFFFF;}

@media screen and (max-width:736px){
	.menu{
		justify-content:space-between;
		padding:0 5px;
	}
	.menu li{
		flex-basis:auto;
		list-style-type: none;
		padding:10px 3px;
		letter-spacing:-0.5px;
		font-size:11px;
	}
}




#home{background-color:#000000;color:#FFFFFF;background-attachment:fixed;background-position:30% 5%;background-repeat:no-repeat;background-size:cover;background-image:url('http://constanceeisele.me/wp-content/uploads/2017/10/home-header-converse.jpg');background-size:auto 80%;background-repeat:no-repeat;background-position:30% 5%;height:85vh;overflow:hidden;}
.home-row{margin:0 auto;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:flex-start;width:1100px;}
.home-head{position:absolute;top:200px;line-height:50px;flex-basis:425px;justify-content:inter-character;text-align:justify;}
.home-head h1{font-weight:300;font-size:73px;text-align:right;margin:0px;padding:0px;-webkit-margin-before:0px;-webkit-margin-after:0px;}
.home-head h2{font-size:16px;letter-spacing:0.2px;text-transform:uppercase;text-align:right;margin:20px 0 0 0;padding:0;}
.home-desc{font-size:28px;text-align:justify;position: absolute;bottom:190px;width:1100px;margin:0 auto;}
.home-desc p{
	margin:0;
}
@media screen and (max-width:736px){
	#home{
		background-position: 0px 50px;
		background-size: contain;
		height:initial;
		padding-bottom:50px;
	}
	.home-row{
		width:100%;
		position: relative;
	}
	.home-head{
		width:100%;
		margin:160px 0 20px 0;
		text-align:center;
		position:relative !important;
		top:initial;
	}
	.home-head img{
		width: 87%;
	}
	.home-desc{
		width:100%;
		position:relative !important;
		bottom:initial;
	}
	.home-desc p{
		font-size:17px;
	}
}




#smart-network{padding:140px 0;margin:0 auto;display:grid;width:1100px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
#smart-network-left{flex-basis:33%;}
#smart-network-left iframe{/*width:100%;*/}
iframe{border:0.5px solid rgba(0,0,0,0.1);}
#smart-network-right h1{font-weight:300;font-size:58px;line-height:58px;letter-spacing:-1px;margin:0;}
#smart-network-right{flex-basis:66%;font-size:22px;;line-height:31px;}

@media screen and (max-width:736px){
	#smart-network{
		width:100%;
		flex-wrap: wrap;
		padding:60px 0;
	}
	#smart-network-left,#smart-network-right{
		width:100%;
		flex-basis: 100%;
	}
	#smart-network-left{
		text-align:center;
	}
	#smart-network-left iframe{
		width: 90%;
		margin:0 auto;
	}
	#smart-network-right p{
		padding:0 20px;
	}
	#smart-network-right h1{
		padding:40px 0 0 20px;
		font-size:40px;
		line-height:45px;
	}
}


/* QUOTE */
.quote{background-image:url('http://constanceeisele.me/wp-content/uploads/2017/10/505231744.jpg');background-position:50%;background-repeat:repeat;color:#FFFFFF;padding:40px 0;}
.quote-container{line-height:42px;text-shadow:0 1px 3px black;max-width:1100px;margin:0 auto;font-size:32px;}
.quote-attribution{text-align:right;}

@media screen and (max-width:736px){
	.quote{
		width:100%;
	}
	.quote p{
		text-shadow: 1px 1px 3px black;
		font-weight: 900;
		padding:0 20px;
		font-size: 18px;
		line-height: 28px;
	}
	p{
		padding:0 20px;
		font-size:20px;
	}
}


/* SLASH DIVIDER */
.divider{height:12px;background-image:url(img/divider.svg);background-size:auto 14px;background-position:center;/*margin-top:-2px;*/
color:black;fill:black;}



/* SHOE DIVIDER */
/*.shoe-divider{height:400px;width:100%;background-image:url('http://constanceeisele.me/wp-content/uploads/2017/10/505231744.jpg');background-position:center bottom;background-repeat:repeat;overflow:hidden;}*/
.shoe-divider{height:400px;width:100%;background-image:url('img/shoe-attempt.jpg');background-size:cover;background-position: center 50%;}
/*.shoe-divider img{height:100%;float:right;margin-right:20% !important;}*/
@media screen and (max-width:736px){
	.shoe-divider{
		height:200px !important;
	}
}



/* PORTFOLIO */
#portfolio{display:table;max-width:1100px;padding:140px 0;}
.project{background-size:cover;background-position:center center;height:366px;width:366px;display:inline-block;text-align:center;background-color:#000000;text-decoration:none;text-transform:uppercase;font-size:20px;}
.project:hover span{opacity:100;background-color:rgba(0,0,0,0.7);transition:all 400ms ease;}
.project span{transition:all 400ms ease 200ms;opacity:0;color:#FFFFFF;display:flex;width:100%;height:100%;justify-content:center;align-items:center;padding:0px;margin:0px;}

@media screen and (max-width:736px){
	#portfolio{
		width:100%;
		padding:60px 0;
		text-align:center;
	}
	.project{
		width:320px;
		height:320px;
	}
	.project span{
		opacity: 1 !important;
		display: initial;
		background-color: rgba(0, 0, 0, 0.7);
		position:relative;
		top: 250px;
		padding:0px 15px;
		line-height:31px;
	}
}




/* PROJECTS */
.project-container{max-width:1100px;margin:0 auto;overflow:hidden;}
.project-container h1{font-size:32px;margin-top:15px;margin-bottom:0px;}
.project-container p{margin-top:0px;}
.project-container img{max-width:100%;height:auto;}
.carousel{border:1px solid #EFEFEF;}
.vimeo{text-align:center;width:100%;min-height:500px;margin-left:auto;margin-right:auto;}
.slick-prev:before,.slick-next:before{color:black !important;}
.slick-prev{margin-left:40px;z-index:1000 !important;}
.slick-next{margin-right:40px;z-index:1000 !important;}
@media screen and (max-width:736px){
	.project-container{
		padding-bottom:20px;
	}
	.project-container h1{
		padding:20px;
		font-size:40px;
		line-height:45px;
		font-weight: 300;
	}
	.project-container span,.project-container p{
		text-shadow:none;
		font-weight:300;
	}
	.slick-prev:before{
		font-size:45px !important;
	}
	.slick-next:before{
		font-size:45px !important;
	}
	.slick-prev,.slick-next{
		width:50px !important;
		height:50px !important;
	}
	.slick-next{
		margin-right:35px !important;
	}
}





/* ABOUT */
#about,#contact{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:120px 0;font-size:22px;;line-height:31px;}
#about h1,#contact h1{font-weight:300;font-size:58px;line-height:58px;letter-spacing:-1px;margin:0;}
.left-half{flex-basis:48%;}
.right-half{flex-basis:47%;}
img.fit{width:100%;height:auto;}

@media screen and (max-width:736px){
	#about,#contact{
		padding:60px 0;
		width:100%;
		flex-wrap:wrap;
		text-align:left;
	}
	#about h1,#contact h1{
		padding-left:20px;
		font-size:40px;
		line-height:45px;
	}
	.left-half{
		padding-bottom:20px;
	}
	.left-half br.hide{
		content: " " !important;
		display: inline-block !important;
		padding-right:5px;
	}
	.left-half,.right-half{
		flex-basis:100%;
	}
}