.wp-block-image figcaption{
	color:rgb(205,200,150,0.9);
}


input[type=search]{
	 background-color:rgb(105,100,100,0.5);

}

.site-header, .single-featured-image-header {
  background-color:#1e4e54;
	border-bottom: 0px solid #eee;
}

strong{
	color:rgb(205,200,150,0.9);

}

span.author{
	display:none
}
.single .byline, .group-blog .byline {
    display: none;
}

pre{
	background:#00473f;
	font-size:18px;
}



#aclogo{
		position: fixed;
	float:right;
	top: 1%;
	z-index:99;
	left: 85%;
width:40px;
		filter:invert(1);
	
	 background-position: 93% 15px; 
background-repeat: no-repeat;
	background-size: 40px 40px;
	display:none
	}

#comments{
	display:none
}

#page{
	background: -webkit-linear-gradient(0deg,#1d4d53 0,#34656d 100%) center/100vw auto;
}


.wf-active body.page:not(.twentyseventeen-front-page) #content, .single-post #content{
margin-top:-0px;
}




.search .wrap .content-area, .category .wrap .content-area, .archive .wrap .content-area{
	margin-top:0px
}



.category .site-header, .archive .site-header, .search .site-header{
margin-top:100px;
}

.site-header{
margin-top:100px	
}

.post-template-default .site-header, .page-template-default .site-header {margin-top:00px	}



.edit-link{
	display:none
}

.customize-partial-edit-shortcut{
	display:none
}

#jp-relatedposts h3.jp-relatedposts-headline em:before {
    border-top: 0px solid #dcdcde;
	border-top: 0px solid rgba(0,0,0,.2);}

div.sharedaddy.sd-sharing-enabled{
	display:none
}


.nav-subtitle{
	color:rgb(205,200,150,0.9)
}

#tandc a{

	
	font-size:10px;
	text-transform:capitalize;
	color:silver;

		text-align:center;
}

#tandc {
	position:relative;
	text-align:center;
	width:100%;
top:120px;
	left:-37%

}


.has-header-image .custom-header-media img {
    height: 120%;
    left: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    top: -45px;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 100%;
}


@media screen and (max-width: 48em) { 
		.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {

    height: 120%;
    left: 0%;
  object-position: 63% 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: -100px;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 100%;
	
}
	
	#tandc {
	position:relative;
	text-align:center;
	width:100%;
top:130px;
	left:0%
}

}




.single.single-post #tandc, .page #tandc { display:none}


.site-info{
	display:none;
}

.site-content-contain{
		
background: -webkit-linear-gradient(0deg,#1d4d53 0,#34656d 100%) center/100vw auto;
	
}



div.main-navigation{
	width:100%;
height:100%;
}






.sd-like.jetpack-likes-widget-wrapper.jetpack-likes-widget-loaded{
	display:none;
}

.navigation-top, .main-navigation>div>ul, .pagination, .comment-navigation, .entry-footer, .site-footer, .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child), .widget ul li {
    border-top: 0px solid rgb(250,250,250,0);
}

.widget ul li, .widget ol li {
    border-bottom: 0px solid #ddd;
    border-top: 0px solid #ddd;
    padding: 0.5em 0;
}


.wp-image-247{
	filter:invert(1);
	width:250px;
	margin-top:50px
}

.entry-title a, .entry-meta a, .blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-info a, .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 a, .site-footer .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 a, div #jp-relatedposts .jp-relatedposts-post-title a , form.customize-unpreviewable, form.customize-unpreviewable input, form.customize-unpreviewable select, form.customize-unpreviewable button, a.customize-unpreviewable, area.customize-unpreviewable, .entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong{
    -webkit-box-shadow: inset 0 0px 0 rgb(255 255 255);
    box-shadow: inset 0 0px 0 rgb(255 255 255);
	
	border:none;
}

entry-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 0px #fff;
    box-shadow: 0 0 0 0px #fff;
}
.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 0px #fff;
    box-shadow: 0 0 0 0px #fff;
}

.link-more a{
	font-size:13px;
text-decoration:underline;
color:rgb(205,200,200,0.9);;

}


hr {
    background-color: #bbb;
    border: 0;
    height: 0px;

    margin-bottom: 1.5em;
}

.tagc a {
	position:relative;
	top:-180px;


	margin-top:8px;

			color:rgb(105,200,150,0.9);

			background-color:rgb(105,105,105,0.2);

		margin-bottom:0px;
backdrop-filter: blur(5px);

	
	border-radius:20px;
	border:0px solid rgb(205,200,150,0.9);

	
		-webkit-box-shadow: inset 0 0px 0 rgb(255 255 255); 
    box-shadow: inset 0 0px 0 rgb(255 255 255);
		line-height:1;

}

.tagc a button{
	background-color:transparent;
	color:rgb(205,200,150,0.9);
			font-size:16px;
		
word-break:keep-all ;
	pointer-events:auto;
	line-height:2;
		padding:5px 15px;
		width:100%;
	 	position:relative;

}

.site-branding div.wrap{
	display:none;
}

.brandtagc {
	
	position:absolute;
	top:-18vw;
	left:-12%;
	
	  transition-duration: 2s;animation:fadeIwUp 2s;
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-name: fadeIwUp;
  animation-name: fadeIwUp;
}




	.branding-text{
		position:relative;
		top:-200px;
		left:0px;
	color:white;
	text-align:left;
			letter-spacing:1.5px;
		text-transform:uppercase;
	
		margin:0px;
		padding:0px;
		
	}



.branding-text h1{
	font-size:2.8vw;
		font-weight:800;
	
	}

.branding-text span{
		position:relative;
		top:0px;
	left:0px;
	color:white;
		font-size:1.9vw;
	text-transform:capitalize;
	letter-spacing:2px;
		font-weight:100;
	}



@media screen and (min-width: 1500px) { .brandtagc {
	position:absolute;
	top:-10vw;
	right:50px;
	left:-20%;
	margin-left:10px;
	max-width:1200px
}}

@media screen and (max-width: 48em) {
.site-branding div.wrap{
	display:none;
}
.brandtagc {
	position:absolute;
	top:-28vw;
	left:15px;
	max-width:800px;
}

	.branding-text{
		position:relative;
		top:-170px;
			left:0px;
	color:white;
	text-align:center;
			letter-spacing:1.5px;
		text-transform:uppercase;
	
		margin:0px;
		padding:0px;
		
	}
.branding-text h1{
	font-size:7vw;
		font-weight:600;
	
	}

.branding-text span{
		position:relative;
		top:-10px;
	color:white;
		font-size:4vw;
	text-transform:capitalize;
	letter-spacing:1.5px
	}

}

@media screen and (max-width: 48em) {
	
			.site-branding-text{
position:relative;
			
	left:0px;
	top:-80px
		
	}
	
	.tagc .pstyle{
	display: flex;
flex-wrap: wrap;
align-content: center;
		 align-items: center;
	position:absolute;
		left:0px;
		top:0px;
		margin:0px;
		padding:0px;
	}

	.tagc a button{
		
	background-color:transparent;
	color:rgb(205,200,150,0.9);
			font-size:2.9vw;
	
word-break:keep-all ;
	pointer-events:auto;
	line-height:1;
		padding:10px 12px;
		width:100%;
	 	
}
}



.pstyle{
		position:relative;

	 
	 display: flex;
  flex-wrap: wrap;
		 flex-direction: row;
}

.wcenter{
		background-size: cover;
	background-repeat: no-repeat;
		position: relative;
    width: 100%;
    margin:0px;
    display:flex;

    justify-content: center;
    align-items: center;
    overflow: visible;
	color:black;
	}

.sub-menu {display:none}






nav#site-navigation.main-navigation.toggled-on{
 
	
}


.single.single-post div.widget-column.footer-widget-1,  .page div.widget-column.footer-widget-1{
	display:block
}

.single.single-post .tagc,  .page .tagc, .single.single-post .branding-text{
	display:none
}

.single.single-post .search-form,  .page .search-form{
	display:none
}

h1.page-title{
		display:none;
}

h2.page-title {
		display:none;
}

h3.entry-title a{
	 font-weight: bold;
		letter-spacing:-0.3px;
	color:rgb(205,200,150,0.9);
}

time{
	font-weight:300;
	color:rgb(205,200,200,0.9);
}

.wf-active .page .panel-content .recent-posts .entry-title, .wf-active .single-post .entry-title, .wf-active .page .entry-title {
		 font-weight: 800;
}

.wf-active .page .panel-content .entry-title, .wf-active .page-title, .wf-active body.page:not(.twentyseventeen-front-page) .entry-title {
    font-family: "Muli",sans-serif;
    font-weight: 800;
    font-style: normal;
	font-size:17px;
	margin-bottom:30px;
	margin-top:10px;

}

.custom-header-media {
	bottom:-50px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50px;
width:0;
	display:block;
}


#infinite-footer .container{
	display:block;
}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 0px;

	}

#icon-arrow-right {
	display:none;
}



#actionbar {
	display: none;
}

#wpadminbar{
	position:absolute;
	top: 600px;
	display:none;
}



#infinite-handle{
	margin-top:50px;
	margin-bottom:80px
}


button,  input[type="button"], input[type="submit"], input[type="submit"], .entry-footer .edit-link a.post-edit-link, .social-navigation a:hover, .social-navigation a:focus, .site .jetpack_widget_social_icons ul li a:focus, .site .jetpack_widget_social_icons ul li a:hover, .site-main #infinite-handle span {
	background-color: 	background-color: rgb(205,200,150,0.9);
}

button:hover, input[type="button"], input[type="submit"], input[type="submit"], .entry-footer .edit-link a.post-edit-link, .social-navigation a:hover, .social-navigation a:focus, .site .jetpack_widget_social_icons ul li a:focus, .site .jetpack_widget_social_icons ul li a:hover, .site-main #infinite-handle span {
	background-color: rgb(205,200,150,0.9);
}

.entry-footer .edit-link a.post-edit-link, button, input[type="button"], input[type="submit"], .site-main #infinite-handle span, .site-main #infinite-handle span button {
	color: #fff;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, fieldset, .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus {
	border-color: #fff;
}

input:focus[type="text"], input:focus[type="email"], input:focus[type="url"], input:focus[type="password"], input:focus[type="search"], input:focus[type="number"], input:focus[type="tel"], input:focus[type="range"], input:focus[type="date"], input:focus[type="month"], input:focus[type="week"], input:focus[type="time"], input:focus[type="datetime"], input:focus[type="datetime-local"], input:focus[type="color"], textarea, select, fieldset, .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus {
	border-color: #fff;
}

::placeholder {
	color: white;
	opacity: 1;
/* Firefox */
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, select, fieldset {
    background-color: #f7f7f71f;
}

:-ms-input-placeholder {
/* Internet Explorer 10-11 */
	color: #000;
}

::-ms-input-placeholder {
/* Microsoft Edge */
	color: #000;
}

:root a:hover {
	color: #fff;
}

:root h6 {
	color: #fff;
}

.nav-up {
    top: -40px;
}





button, input[type="button"], input[type="submit"] {

	background-color:#f0f0f0;
	color:#3a939a;

	
}

.contact-submit{
	margin-top:20px
}

.site-branding { 
	top:-0px;
	margin-top: 460px;
  transition-duration: 2s;animation:fadeIwUp 2s;
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-name: fadeIwUp;
  animation-name: fadeIwUp;
  display: block;
	z-index:0;
	position:absolute;
	top:0%
	
}



	
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, fieldset, .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus {
    border: 0px solid rgb(100,100,100,0.3) ;
}
	.widget-column .footer-widget-1 {
		display:block
	}



#search-form-2{
		background-color:rgb(255,255,255,0.1);
		  backdrop-filter: blur(10px);

}

#search-form-2::placeholder {
	color:white;
}

#search-8 svg.icon.icon-search{
	filter:sepia(100%);
	color:rgb(205,155,255,0.7)
	
}
	
#search-8 button {
    border: 0px solid #ccc;
    padding: .375em .625em;
		margin-left: 0.3em;
			background-color:rgb(255,255,255,0.2);
	

	
}










	.search #search-8 ,.category #search-8, .archive #search-8{
	position:relative;
		top:50px;
		z-index:1
}
	


#search-8{
	position:relative;
		top:105px;
		z-index:1;

}
	
		div.widget-column.footer-widget-1{
		position:absolute;
		top:-450px;
	
			margin-top:0px;
		width:200px;
			z-index:0
	}
	



@media screen and (max-width: 1200px) {
	
	#search-8{
	position:relative;
		top:205px;
		
}
	
			div.widget-column.footer-widget-1{
		position:absolute;
		top:-485px;
			margin-top:0px;
		width:200px
	}
}
	
	.site-content-contain:before {
	display:block;

  content: "AGNES-CHEN.COM";
  visibility: visible;

	position:absolute;
margin:none;
	padding-left:none;
	padding-right:none;
	left:0px;
	width:100%;
	height:40px;
	bottom:0px;
		border-top:0px solid #dadada;
	font-size:10px;
	color:rgb(205,200,150,0.9);
	font-family:"Muli",sans-serif;
	font-weight:500;
letter-spacing:1px;
		padding-top:15px;
	text-align:center;
	z-index:9;
		background-color:rgb(75,125,135,0.8);
	 backdrop-filter: blur(20px);
	}


.page-template-default .branding-text, .search #block-5{		display:none;
	}


@media screen and (max-width: 48em) {
		#search-8{
	position:relative;
		top:0px;
		width:100%;
			
}

				div.widget-column.footer-widget-1{		position:absolute;
		top:-100px;
		width:85%;
						margin-top:0px;
	}
	
	.site-branding { 
	top:-200px;
	margin-top: 460px;
  transition-duration: 2s;animation:fadeIwUp 2s;
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-name: fadeIwUp;
  animation-name: fadeIwUp;
  display: block;
	z-index:0;
}

	
	
	

	

	

	
	

	
	

.site-content-contain:after {
	/*blur bg nav*/
	display:block;

  content: "";
  visibility: visible;

	position:fixed;
margin:none;
	padding-left:none;
	padding-right:none;
	left:0px;
	width:100%;
	height:160px;
	top:100px;
	font-size:10px;
	color:white;
	font-family:"Muli",sans-serif;
	font-weight:500;
letter-spacing:1px;
		padding-top:20px;
	text-align:center;
	z-index:-1;
background: -webkit-linear-gradient(0deg,#1d4d53 0,#34656d 100%) center/100vw auto;

   backdrop-filter: blur(0px);
		}
	

	
.search .site-content-contain:after,
.category .site-content-contain:after,
.archive .site-content-contain:after
{
	position:fixed;
	z-index:-1;
	height:200px;
		top:0px;
	margin-bottom:0px;
	width:100%;
	content:"";
		background: -webkit-linear-gradient(0deg,#1d4d53 0,#34656d 100%) center/100vw auto;

   backdrop-filter: blur(0px);
}
	
	.navigation-top {
	height: 89px;
	z-index: 999;
	margin: 0 auto;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	text-align: left;
	border: none;
	font-size: 12px;

	text-transform:uppercase;	
    background: transparent;
  
	
	font-family:"Muli",sans-serif;
	transition: top 0.7s ease-out;
	
			 /* background-image:  url("https://agnes-chen.com/wp-content/uploads/2018/10/aclogo.png"); */
    background-position: 93% 15px; 
background-repeat: no-repeat;
	background-size: 40px 40px;
	
	

}
	
	


	
.site-content:after {
	content:"";
	width:100%;
	position:absolute;
	top:-90px;
	height:100px;

	background-color:rgb(75,125,135,0.7);
	

backdrop-filter: blur(5px);
display:none
	}	
	
	

			
.single.single-post .brandtagc,
.page .brandtagc, .archive .brandtagc, .category .brandtagc {
		display:none;
	}
	
	
	
	
.archive .site-content:after,
.category .site-content:after,
.single.single-post .site-content:after, .page .site-content:after {
	content:"";
	width:100%;
	position:absolute;
	top:-52px;
	height:56px;
	
background: -webkit-linear-gradient(0deg,#1d4d53 0,#34656d 100%) center/100vw auto;
	border:none;

backdrop-filter: blur(0px);
display:block;
	}
	
	
	
.js .main-navigation.toggled-on {
  		 transition: 0.6s;
	background-color:rgb(75,125,135,0.8);


backdrop-filter: blur(5px);

}
	
.js .main-navigation.toggled-on a {
	color:rgb(205,200,150,0.9);
	}

		#top-menu li:first-child {
margin-top:100px;
	
	}
	
	
	
	#top-menu li a{
		font-size:6vw;
		font-weight:500;
padding:10px 0px;
		margin:0px 0px;
		margin-left:-50px;

		color:white;
	}
	
	#top-menu{
		height:1080px;
	}
	
	section#search-2.widget.widget_search{
		position:absolute;
		bottom:0px;
		width:80%;
		left:10%;
		margin-bottom:60px
	}	
	

}


	

@media screen and (min-width: 48em) {
	

	
.single.single-post .site-content:after, .page .site-content:after {
	content:"";
	width:100%;
	position:absolute;
	top:-90px;
	height:100px;
	display:none;
	background-color:rgb(75,125,135,0.5);}
	
	
	.site-content:after {
	content:"";
	width:100%;
	position:absolute;
	top:-290px;
	height:290px;
	
			background-color:rgb(5,5,5,0);
	

backdrop-filter: blur(0px);

	}
	
	
	

	
	
.navigation-top a{
		color:rgb(205,200,150,0.9);
	
}
	
.navigation-top .current-menu-item>a, .navigation-top .current_page_item>a {
		color:rgb(255,250,250,0.9);
	
}
	

	
div.widget-column.footer-widget-1{
		display:block
	}
	
	.navigation-top {
	height: 100px;
	z-index: 999;
	margin: 0 auto;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	text-align: left;
	border: none;
	font-size: 12px;
		
backdrop-filter: blur(7px);
	text-transform:uppercase;	
    	background-color:rgb(0,0,0,0);
 
	
	font-family:"Muli",sans-serif;
	transition: top 0.7s ease-out;
	
			 /* background-image:  url("https://agnes-chen.com/wp-content/uploads/2018/10/aclogo.png"); */
    background-position: 93% 15px; 
background-repeat: no-repeat;
	background-size: 40px 40px;
	
		
}
	
	

	
	
.navigation-top:before {
  content: "\00a0\00a0\00a0\00a0\00a0 Agnes-Chen.com";
  visibility: visible;
	float:left;
	position:relative;
	left:50px;
	top:33px;
	font-size:1.2rem;
	font-family:"Muli",sans-serif;
	font-weight:900;
	color:rgb(205,200,150,0.9);
	text-align:center;
	z-index:999;
		}
	
ul#top-menu
	{
			position:relative;top:-14px;right:-350px;
		width:100%;
	
			  -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
				
	}
	
	@media screen and (max-width: 62em) {
ul#top-menu	{
			
line-height:1;	position:relative;top:-14px;right:-150px;
		width:100%;
	
			  -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
				
	}
	
		}

	
@media screen and (max-height: 48em) {
	.site-branding-text{
position:absolute;
	left:50px;
	margin-top:-100px
	}
			div.widget-column.footer-widget-1{
		position:absolute;
		top:-265px;
			margin-top:00px;
		width:600px;
			left:010%;
	}
	
	#search-8{
	position:relative;
		top:0px;
left:0px;
		width:400px
}
	
	
	}
	

}
	



.content-area{
	margin-top:0px
}


body .site-content-contain{
	top:50px;

}







.site-title a{
	text-align:center;
	position:relative;
left:0px;

	width:100%;
	letter-spacing: 3px;
font-size:28px;
	font-family:"Muli",sans-serif;
	font-weight:500;
	}

.site-description{
	font-size:17px;
	font-variant: small-caps;
	letter-spacing: 1px;
	position:relative;
	left:0px;
	width:100%;
	text-align:center;
	}


@media screen and (min-width: 48em) {
.site-branding-text{
	position:absolute;
	top:-150px;
	left:50px
	}
		.site-title a{
	text-align:center;
	position:relative;
left:0px;
top:;
	width:100%;
	letter-spacing: 3px;
font-size:35px;
	font-family:"Muli",sans-serif;
	font-weight:500;
		
	}
}



@media screen and (min-width: 1200px) {
.site-branding-text{
	position:absolute;
	top:-280px;
	left:55px
	}}

body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a {
	color: #fff;

}

body.has-header-image .site-description, body.has-header-video .site-description {
	color: #fff;
	opacity: 1;
	
}


#top-menu{
	
position:relative;
	top:17px;
    background:transparent;
  

	width:100%;
	

	  -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu {

		transform: translate3d(0,0,0);
  display: block;

}

.sub-menu {
	transition-duration: 0.2s;animation:fadeInDown 0.5s;
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  display: block;
}

.menu-toggle {


	
	border:none;
	-webkit-box-shadow: none;
	box-shadow: none;

	display: none;
	font-size: 16px;
	font-size: .875rem;
	font-weight: 800;
	line-height: 2;
	margin: 0;
	padding: 1em;
	text-shadow: none;
	text-transform:uppercase;	

	    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}







.menu-toggle:hover {
	color: #000;

	
		    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu-toggle:focus {
	color: #000;

	 outline: none !important;
}

.menu-toggle[aria-expanded="false"] {
  position: absolute;
  visibility: hidden;
	
}
.menu-toggle[aria-expanded="false"]:before {
	content: ""
			position:relative;
	left:14px;
	top:8px;
	font-size:15px;
	font-family:arial,sans-serif;
	font-weight:800;
	text-align:center; 
}

.menu-icon-cont{
	position:fixed;
	top:21px;
	left:15px;
			z-index:9;
}
.menu-icon > .line {
    background-color:rgb(205,205,205,0.9);
    height: 2px;
    display: block;
		width:20px;
	
}
.menu-icon > .line + .line {
    margin-top: 4px;
		
}


#block-10{
	width:15px;
	position:fixed;
	top:30px;
	z-index:1;
	left:20px
		
}

.menu-toggle[aria-expanded="false"]:before {
  content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
  visibility: visible;
color:rgb(205,200,150,0.9);
	position:relative;
	left:0.5px;
	top:2.5px;
	font-size:20px;
	font-family:arial,sans-serif;
	font-weight:800;
	text-align:center; 
	background-color:transparent;
		    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
		}


.menu-toggle[aria-expanded="true"] {
    visibility: hidden;
	font-size:18px;
	position:relative;
	
		}

.menu-toggle:after {
	content: "Agnes-Chen.com";
		color:rgb(205,200,150,0.9);
   	color:rgb(255,255,255,0);
text-shadow:0px 0px 1x grey;
  visibility: visible;
	position:absolute;
	width:300px;
	left:0%;
	top:-21px;
	font-size:20px;
	font-family:"Arimo",sans-serif;
	font-weight:800;
		background-color:transparent;
	padding-top:38px;
	padding-bottom:0px;
	z-index:9999999;
	border:none;
}


.menu-toggle[aria-expanded="true"]:before {
  content: "✕\00a0\00a0\00a0\00a0\00a0\00a0 ";
	color:rgb(205,200,150,0.9);
  visibility: visible;
	position:relative;
	left:0px;
	top:-10.5px;
	font-size:20px;
	font-family:arial,sans-serif;
	font-weight:800;
		background-color:transparent;
	padding-top:38px;
	padding-bottom:0px;
	z-index:9999999;
	border:none;
		}
  

ul .sub-menu.toggled-on {

	
    position: relative;
    
    left: -36px;
    width: 130%;
	top:-35px;
    padding: 30px;
	
z-index:-1;
	
}




body.page .custom-header{display:none}

body .custom-header{display:none}

.entry-content{
	margin-bottom:50px;

}


#jp-relatedposts {
 margin-top:150px
}



.custom-logo-link img{
	visibility: hidden;
	position:absolute;
	top:-90px;
	left:135px;
	z-index:170;
	}

h4{
	font-weight:bold;
	font-size:23px
}

p{
	font-size:15px;
		color:rgb(33, 33, 33, 1);
	color:#fff;
	font-weight:500;
	line-height:1.5;
	;
}



li{
font-size:16px;
	margin-left:25px;

}

.menu-mymenu-container li{
	
		
	
	animation:fadeInDown 0.5s;
  animation-timing-function: cubic-bezier(0, 0, 0, 1);
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;

	letter-spacing:03px;

	font-size:14px;
	font-family: "helvetica",sans-serif;
	font-weight:100;
margin-left:100px;

}

.main-navigation > div > ul {
	border-top: 0px solid #eee8;
	padding: 0.75em 1.695em;

}

.main-navigation li {
	border-bottom: 0px solid #eee8;
	position: relative;

}

#page .single-featured-image-header {

	position:relative;
	top:0px;
	margin-bottom:0px;
	margin-top:50px;
	z-index:0
}




.dropdown-toggle[aria-expanded="false"]{
		position:absolute;
	top:-40%;
	
		  -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-toggle:focus {
    /* outline: thin dotted; */

}

:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: #f0f0f0;
}

button.dropdown-toggle.toggled-on[aria-expanded="true"]{
	position:absolute;
	top:-40%;

}

ul .sub-menu.toggled-on{
	position:relative;

	left:-36px;
	width:130%;
	padding-left:30px;
	padding-top:60px;
	
}



.dropdown-toggle[aria-expanded="true"]{
	 z-index: 170;
	background-color:white;
	
}
.dropdown-toggle[aria-expanded="true"]:after{
	  content:'';
  position:absolute;
  z-index: 170;
  top:-0px; bottom:-80px; 
  left:-150px; right:-00px; 
}

.dropdown-toggle[aria-expanded="false"]{
	 z-index: 170;
	background-color:white;
	
}
.dropdown-toggle[aria-expanded="false"]:after{
	  content:'';
  position:absolute;
  z-index: 170;
  top:-0px; bottom:0px; 
  left:-690px; right:-00px; 
}



/*animation*/

@-webkit-keyframes animateleft{from{left:-300px;opacity:1} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:1} to{left:0;opacity:1}}


@-webkit-keyframes fadeIwUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
      
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
@keyframes fadeIwUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }

@-webkit-keyframes nfadeIwUp {
    0% {
      opacity: 1;
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
@keyframes nfadeIwUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
@-webkit-keyframes fadeInDown {from { opacity: 1; -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); 

  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
		
  }
}

@keyframes fadeInDown {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bordpad{
text-transform:uppercase;
	position:relative;

	color:white;
	font-size:large;
	letter-spacing:1px;
	background-color:#1e91bb;
	padding:15px;
	margin:0px;
	padding-right:40px;
	
}
	
.bordpad2{
text-transform:capitalize;
	position:relative;
	color:black;
	font-size:medium;
	
	background-color:#f3f3f3;
	padding:15px;
	margin:0px;
	padding-right:40px;
	
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .site-main #infinite-handle span:hover, .site-main #infinite-handle span:focus, .site-main #infinite-handle span:hover button, .site-main #infinite-handle span:hover button:hover, .site-main #infinite-handle span:hover button:focus .site-main #infinite-handle span:focus button, .site-main #infinite-handle span:focus button:hover, .site-main #infinite-handle span:focus button:focus {
    color: rgb(205,200,150,0.9);
}

body, input, select, textarea, h3, h4, h6, label, .entry-title a, .twentyseventeen-front-page .panel-content .recent-posts article, .entry-footer .cat-links a, .entry-footer .tags-links a, .format-quote blockquote, .nav-title, .comment-body, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary, a, .site-title, .site-title a, .navigation-top a, .dropdown-toggle, .menu-toggle, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, .page:not(.twentyseventeen-front-page) .entry-title, .page-links a .page-number, .comment-metadata a.comment-edit-link, .comment-reply-link .icon, h2.widget-title, mark, .post-navigation a:focus .icon, .post-navigation a:hover .icon, .blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link, .twentyseventeen-panel .recent-posts .entry-header .edit-link, .widget_goodreads div[class^="gr_custom_container"], .widget_goodreads div[class^="gr_custom_container"] a, div#jp-relatedposts .jp-relatedposts-post-title a, #infinite-footer .blog-info a, #infinite-footer .blog-credits, #infinite-footer .blog-credits a {
  color: rgb(205, 200, 150, 0.9);
}


.wf-active h2{
	color:rgb(205,200,150,0.9);
	font-size:22px;
}

.wf-active h3{
		color:silver;
	font-size:20px;
}

 h2.widget-title {

	  color: white;
}

#page.site:before{
		position:absolute;
	z-index:0;
	height:100px;
		top:-100px;
	margin-bottom:0px;
	width:100%;
	content:"";
	background: -webkit-linear-gradient(0deg,#1d4d53 0,#34656d 100%) center/100vw auto;

   backdrop-filter: blur(10px);
}

.site-content-contain, .site-content{
	border-top:0px solid black;
		border-bottom:0px solid black
}



@media screen and (min-width: 1200px) { 
#search-8 {
    position: absolute;
	left:-20%;
   
  width:100%;
	}}

a button:hover{
	filter: invert(1);
	color:black
}