@import url(./font/font-century_gothic.css);

html,
body { height: 100%; font-size: 1rem; font-family: 'Century Gothic'; }
#container { width: 100%; margin: 0 auto; padding: 0 6vh; }
.page-frontpage{background: #000;}
.page-frontpage #container {	/* padding: 0; */ position: fixed; z-index: 7777; top: 0;    /* color: #fff; */ }
.page-frontpage.admin-bar .site-branding .site-title a{top:calc(32px + 50px); }
.page-frontpage.admin-bar .main-navigation{top:calc(32px + 54px);}


header{position: relative;display: block;}
/*.site-header{float:left;width:25%;}*/
#content {/*float:left;width:75%;*/ padding: 160px 0; }
.single-work #content {padding: 150px 0; }
.content-area { min-height: 500px }
.slides-container { margin-bottom: 50px;	/*display: none; */	/*opacity: 0;*/ }
.slides-container .slide h3 { margin: 0; padding: 0; font-weight: 200; color: #fff !important; }
.slides-container .slide .fp-tableCell { position: relative; }
.slides-container .slide .overlay { min-width: 280px; background: #008000; opacity: 0.8; position: absolute; bottom: 50%; width: 150px; color: #fff; padding: 25px; margin-left: -500px; left: 50%; margin-bottom: -20%; }
.slides-container .slide .slide_title {position: absolute;bottom: 50px;right: 30px;background: rgba(0,0,0,0.6);padding: 10px 20px; z-index: 9999;}
.slides-container .slide .slide_title *{font-size: 1rem;color: #aaa !important;}
.slides-container .slide .slide_title h2{float: left;margin: 0 12px 0 0;font-weight: normal;}
.slides-container .slide .slide_title span{  }
.slides-container .slide .slide_title .copyright{float: none; text-align: right; font-size: 80%;	margin-top: 3px;}
/*.slides-container .slide .slide_title .copyright:before{margin-right: 2px; content:"photo by";}*/

.no_transition { transition: none !important; }


.site-branding .site-title a { color: #000; font-family: 'Century Gothic', serif; font-size: 1.3rem; position: absolute; font-weight: bold; text-transform: uppercase; top: 50px; }

.entry-header { display: none; }
.page .hentry .entry-content p:first-child { margin-top: 0; }



.grid { margin: 0 -10px; }
.main-navigation {position: absolute;
    width: auto;
    right: 0;
    top: 54px;}
/*.main-navigation ul { position: absolute; left: 200px; }*/
.main-navigation ul li {float: left; margin-left: 30px; }
.main-navigation ul li a { text-transform: uppercase; }
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li a:hover { color: #777;	/*font-size: 150%;*/ }







.hentry { }
.single .hentry .entry-header { display: block; }
.hentry .entry-header:after { content: ""; display: block; clear: both; }
.hentry .entry-header h1 { font-size: 100%; font-weight: normal; display: inline-block; float: left; margin: 0; }
.hentry .entry-header .text-category { float: right; }
.hentry .entry-header h1:after { content: ""; display: block; border-bottom: 1px solid #000; width: 8px; padding-top: 4px; display: none; }
.hentry .entry-header .entry-title { margin: 0; }
.hentry .entry-header .entry-title a {	/*font-size: 13px;*/
font-weight: normal; }
.hentry .entry-content p { line-height: 170%; color: #888; }
.hentry .entry-content .alignleft { margin-bottom: 20px; }
.list .hentry p { margin: 0; }
.list .hentry .date { margin: 0; color: #bbb; font-weight: 100; }
.pagenavi { margin-top: 80px; }
.page .hentry .entry-content p { color: #333; }
.pagebg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.slide-caption { position: absolute; bottom: 17%; z-index: 100; left: 50%; margin-left: -38%; font-family: helvetica; font-size: 32px; line-height: 36px; color: #000; min-height: 150px; }
.slide-caption h3 { margin: 0; }
.slide-caption p { margin: 0; color: #bbb; }
.thumb-desktop { }
.thumb-mobile { display: none; }
.text-category { color: #777; text-transform: capitalize; }
.m-scene .scene_element { animation-duration: 0.25s; transition-timing-function: ease-in; animation-fill-mode: both; }
.m-scene .scene_element--fadein { animation-name: fadeIn; }
.m-scene.is-exiting .scene_element { animation-direction: alternate-reverse; }

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.btn_toggle_mobilemenu { display: none; }
.hentry .entry-header .text-category { display: none; }
.mobilenav { display: none; }



.news-list{}
.news-list ul{}
.news-list ul li{}
.news-list h4{}
.news-list .news-item{clear: both;display: block;margin: 0 0 40px 0; font-size: 1.1rem;line-height: 1.8rem;}
.news-list .news-item .content{float: left; text-align: right; padding-right: 60px; }
.news-list .news-item h4{margin: 0; padding: 0;}
.news-list .news-item p{margin: 0; padding: 0;}
.news-list .news-item .date{color: #bbb;}
.news-list .news-item .image{float: right;}
.news-list .news-item .image img{max-width:100%; max-height: 300px;width: auto;}
.news-list .news-item:after{content:""; display: block; clear: both;}



hr {
  height: 3px;
  border: 0;
  background-color: #f1f1f1;
  /* display: block; */
}
hr::after {
  content: '';
  display: block;
  height: 2px;
  background-color: #ffffff;
}

.archive-news h3{font-size: 0.9rem;margin: 0 auto 40px;text-align: center;color: #999;}




/*single-work*/

/*.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; width: 80%; height: 80%; transform: translateX(-50%); left: 50%; }*/

/*.swiper-container {height: 60vh; }
.swiper-slide { background: #fff; text-align: center; }
.swiper-slide img { max-height: 100%; }
.swiper-container--cursor-right { cursor: e-resize; cursor: url("../img/cursor-right.png") 10 10, e-resize; cursor: url("../img/cursor-right.svg") 10 10, url("../img/cursor-right.png") 10 10, e-resize; cursor: -webkit-image-set(url("../img/cursor-right.png") 1x, url("../img/cursor-right-2x.png") 2x) 10 10, e-resize; }
.swiper-container--cursor-left { cursor: e-resize; cursor: url("../img/cursor-left.png") 10 10, e-resize; cursor: url("../img/cursor-left.svg") 10 10, url("../img/cursor-left.png") 10 10, e-resize; cursor: -webkit-image-set(url("../img/cursor-left.png") 1x, url("../img/cursor-left-2x.png") 2x) 10 10, e-resize; }
*/

.work-title { margin-top: 5px; }
.work-title h3{ margin: 0; }
.work-fields{line-height:170%;}
.work-fields *{margin:0;padding:0;}
.work-fields p{line-height: 140%; }
.work-fields dt{clear:both; font-size: 80%; font-weight: bold;}
.work-fields dd{font-size:80%; }
.work-fields .work-exhibited{margin-top: 20px;}

.embed-container{    text-align: center; }
.swiper-container {float: right; width: 85%; }
.single-work .work_info {float: left; width: 13%; position: fixed; font-size: 1em;  }
.single-work .swiper-wrapper {max-width: 80%; margin-left: 8%;}
.single-work .swiper-slide{text-align: center; margin-bottom:130px;}
.single-work .swiper-slide span{position: relative; }
.single-work .swiper-slide img{
	max-width: 100%;
max-height: 800px;
	/*max-width: 840px; max-height:560px;*/
	/*max-width: 800px; max-height:600px;*/

}
.single-work .swiper-slide span .copyright{bottom: -1.3rem; display:inline-block; text-align: right; font-size: 80%; color:#ccc; width: 100%; }
.single-work .swiper-slide span .copyright:before{margin-right: 2px; content:"photo by";}

ul.grid li article { position: relative; text-align: center; }
ul.grid li article { padding: 0 13px 20px 13px; }
ul.grid li article .overlay { 
	position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; 
	 cursor:pointer;
}
ul.grid li article .overlay *,
ul.grid li article .overlay a { color: #fff; }
ul.grid li article .work-title{
	position: absolute; left: 50%; top: 50%; 
	transform:translate3d(-50%, -50%, 0); 
	opacity: 0;
	transition:0.4s opacity, 0.4s transform;
}
ul.grid li article .work-title h3 {
    margin: 0;
    padding: 0;
    line-height: 121%;
    font-size: 1.3rem;
}
ul.grid li article .work-year{font-size: 1rem;}
ul.grid li article .work-year-order{display: none;}
ul.grid li article .work-img img { transition:0.5s filter; }
ul.grid li article:hover .work-img img { 
	filter: brightness(40%);
	-webkit-filter: brightness(40%);
	-moz-filter: brightness(40%);
	-o-filter: brightness(40%);
	-ms-filter: brightness(40%);
	 /*opacity: 0.45; */
}


/*ul.grid li article:hover .overlay{ opacity: 1; }*/
ul.grid li article:hover .work-title{ 
	transform:translate3d(-50%, -80%, 0);
	opacity: 1; 
}
/*.work-list ul li article .overlay:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.75; }*/
/*.work-list ul li article .overlay h3 { text-align: center; margin: 0; position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 0.25s, transform 0.35s; -moz-transition: opacity 0.25s, transform 0.35s; transition: opacity 0.25s, transform 0.35s; color: #fff; font-size: 25px; line-height: 120%; opacity: 0; -webkit-transform: translate3d(-50%, -80%, 0); transform: translate3d(-50%, -80%, 0); }*/
/*.work-list ul li article:hover .overlay h3{ opacity: 1.0; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }*/
/*.work-list ul li article .overlay:after { color: #fff; background: #777; }*/







.entry-content { clear: both; }


#slides { min-height: 100vh; }
.slides-container { margin-bottom: 50px;	/*display: none; */	/*opacity: 0;*/ }
.slides-container .slide h3 { margin: 0; padding: 0; font-weight: 200; color: #fff !important; }
.slides-container .slide .fp-tableCell { position: relative; }
.slides-container .slide .overlay { min-width: 280px; background: #008000; opacity: 0.8; position: absolute; bottom: 50%; width: 150px; color: #fff; padding: 25px; margin-left: -500px; left: 50%; margin-bottom: -20%; }

#slider-wrapper ul { margin: 0px; }
.page .slides-navigation a{opacity: 0.01;}



.grid-item,
.grid-sizer { width: 33.333%; }





.footer { text-align: center;     padding: 20px 0;}
.page-contact .pagebg { 
	/*background: url(../img/STUDIO_04_compress.jpg) no-repeat 0 0; */
background-size: cover;
background-position: 50% 30%;
    min-height: 100%;}
.page-contact .entry-content{
	float:left;
	background:rgba(0,0,0,0.4);
	padding:40px;
}
body.home *,
.page-contact * {color: #fff !important;}
.page-contact #content{padding: 0;}
.page-contact article{margin-top: 150px;}
.page-contact .footer{display: none;}
.page-about .entry-content { width: 85%; }

body.home .footer { display: none;position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); }