/*歡迎使用自訂 CSS！
若要瞭解自訂 CSS 的運作方式，請參閱 http://wp.me/PEmnE-Bt*/
body {
	color: #3b1b12;
}

.site-description-wrapper {
	display: none;
	opacity: 0;
}

/*-----------Footer-------------*/
@media screen and (min-width: 58em) {
	.footer-widgets .widget-areas .widget-area:nth-child(1):nth-last-child(3) {
		width: 20%;
	}
	
	.footer-widgets .widget-areas .widget-area:nth-child(1):nth-last-child(3), .footer-widgets .widget-areas .widget-area:nth-child(2):nth-last-child(2), .footer-widgets .widget-areas .widget-area:nth-child(3):nth-last-child(1) {
		width: 30%;
		text-align: center;
	}
}

nav.navigation.post-navigation {
	display: none;
}

section#block-4 .is-style-outline>.wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) {
	background-color: ;
}

section#block-4 a:hover {
	color: #fff;
	background-color: #e9abab !important;
}

.wp-block-button .wp-block-button__link {
	font-weight: 500;
	border: 0;
}

/*------------標籤雲-----------*/
.widget .wp_widget_tag_cloud a,.tag-cloud-link {
	font-size: 16px !important;
	border: 1px solid grey;
	display: inline-block;
	padding: 2px 10px;
	margin: 3px 0;
	box-sizing: border-box;
	border-radius: 20px;
}

/*----------css文章-----------*/
.entry-footer {
	padding: 0 20px 10px;
}

.blog .sticky.post,.blog .post,.tag .sticky.post,.tag .post,.category .post {
	display: inline-block;
	max-width: 370px !important;
	vertical-align: top;
	margin: 10px 5px !important;
	padding: 0;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	border-radius: 15px;
	box-shadow: 3px 5px 5px rgba(0,0,0,0.2);
}

.blog .post .entry-meta span,.tag .post .entry-meta span,.category .post .entry-meta span {
	display: inline-block;
	margin: 0 7px;
	box-sizing: border-box;
	background: #8d573e;
	padding: 2px 10px 0;
	border-radius: 14px;
}

.blog  .post .entry-meta a,.tag  .post .entry-meta a,.category  .post .entry-meta a {
	color: white;
}

.blog  .post .entry-meta a:hover,.tag  .post .entry-meta a:hover,.category  .post .entry-meta a:hover {
	opacity: .5;
}

.blog  .featured-image a:before,.tag  .featured-image a:before,.category  .featured-image a:before {
	border: none;
	box-shadow: none;
}

.blog  .featured-image, .tag  .featured-image, .category  .featured-image {
	margin: auto;
	height: 300px;
}

.blog  .sticky.post img,.blog  .post img, .tag .post img,.category .post img {
	box-sizing: border-box;
	border-radius: 12px;
	border: 1px solid white;
	object-fit: cover;
	height: 300px;
	object-position: bottom;
}

.blog  .sticky.post p,.blog  .post p,.tag  .post p,.category  .post p {
	padding: 0 20px;
	min-height: 80px;
	margin: 0;
}

.site-main {
	text-align: center;
}

@media screen and (max-width: 600px) {
	.site-main {
		text-align: left;
	}
}

.post {
	max-width: 950px;
}

.post.sticky .entry-title,.post .entry-title {
	font-size: 26px;
	font-weight: bold;
	padding: 0 12px;
	min-height: 60px;
}

img {
	width: 100%;
}

.entry-header {
	margin-bottom: 10px;
}

#infinite-handle span,.entry-summary,.site-info {
	display: none;
}

/************************/
@media screen and (min-width: 58em) {
	.entry-meta, .comment-meta {
		width: 100%;
	}
	
	.post.sticky {
		margin: 5px;
		padding: 3px;
	}
	
	.entry-content, .search-results .entry-summary, .entry-footer, .comment-content, .reply {
		width: 100%;
		float: right;
	}
}

.hentry {
	margin: auto;
}

.hr {
	height: 3px;
	background: #301000;
	filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.6));
}

html,.main,.menu,.sub-menu,p,.entry-title,.entry-content,h3,h2,h1,h4,h5,h6 {
	font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif !important;
}

body, button, #infinite-handle span, input, select, textarea {
	color: !important;
}

p {
	margin-bottom: 1em;
}

hr {
	max-width: 95%;
}

a {
	text-decoration: none;
}

.buttonbox2 a:hover {
	opacity: .7;
	color: white;
	background-color: #8d573e;
	font-size: 30px;
}

.wordbox {
	border: 1px solid;
	box-sizing: border-box;
	border-radius: 20px;
	padding: 0 10px;
	line-height: 2;
}

.wordbox:hover {
	border-color: #481803;
	padding: 0 50px;
	font-size: 18px;
	color: #481803;
	filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.9));
}

.buttonbox a {
	box-sizing: border-box;
	border-radius: 20px !important;
	border: 1px solid;
	color: #481803;
	padding: 5px 7px !important;
	line-height: 2;
}

.buttonbox a:hover {
	opacity: .7;
	border: 0;
	background-color: #8d573e;
	color: white;
	font-size: 22px;
	filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.9));
}

.imgbox a:hover {
	opacity: .6;
}

/*menu bar*/
.header-wrapper {
	background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
/*FF3.6-15 */
	background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
/*Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.header-wrapper.without-transparency {
	background-color: white !important;
}

@media screen and (min-width: 46em) {
	.main-navigation li.menu-item-has-children>a:before, .main-navigation li.page_item_has_children>a:before {
		right: 0;
	}
	
	.main-navigation li.menu-item-has-children>a, .main-navigation li.page_item_has_children>a {
		padding-right: 0;
	}
}

ul.sub-menu {
	padding: 0;
}

/*menu bar logo*/
.site-title a, .site-title a:visited {
	position: absolute;
	font-size: 0;
	background-repeat: no-repeat;
	background-image: url('https://etonwedding.org/wp-content/uploads/2020/10/eton-logo-e58ebbe8838c268_90.png');
	background-size: contain;
	padding: 25px 110px;
}

@media screen and (min-width: 46em) {
	.site-title a, .site-title a:visited {
		padding: 45px 300px;
		left: 0;
		margin-top: -35px;
	}
	
	.menu-item a:hover {
		color: black !important;
		opacity: .3 !important;
	}
	
	.header-wrapper {
		padding: 40px 20px;
	}
	
	.main-navigation ul ul a, .main-navigation ul ul a:visited {
		border-bottom: 0;
		width: 170px;
	}
	
	.main-navigation ul ul:after {
		border: 0;
	}
	
	.main-navigation ul ul a {
		padding: .2em 0 !important;
	}
	
	/*menu bar background*/
	.header-wrapper.without-transparency {
		box-shadow: 0 1px 30px #555555;
	}
	
	.main-navigation ul ul:before {
		filter: drop-shadow(0px -1px 1px rgba(0,0,0,0.1));
	}
}

@media screen and (max-width: 68em) {
	.site-title a, .site-title a:visited {
		padding: 35px 110px;
		left: 10px;
		margin-top: -15px;
	}
	
	.header-wrapper {
		padding: .8em;
	}
	
	ul, ol {
		margin: .8em 1em 1em 2.5em;
		padding-left: 0;
	}
}

/*left-side btn*/
.panel-navigation a:hover .hidden, .panel-navigation a:active .hidden, .panel-navigation a:focus .hidden, .panel-navigation a:visited:hover .hidden, .panel-navigation a:visited:active .hidden, .panel-navigation a:visited:focus .hidden {
	font-family: 'Noto Sans TC', "Microsoft JhengHei", sans-serif !important;
	opacity: .8;
	color: white;
	background-color: #370e06;
	border-radius: 20px;
	font-weight: 500;
	z-index: -10;
}

.panel-navigation a.active, .panel-navigation a:hover, .panel-navigation a:visited.active, .panel-navigation a:visited:hover {
	color: white;
	filter: drop-shadow(0px 0px 0px rgba(200,200,200,0));
}

.panel-navigation a .hidden, .panel-navigation a:visited .hidden {
	padding: .5em 3.2em .5em .8em;
	top: 0;
}

.wf-active .site-title,h1, h2, h3, h4, h5, h6,body,.sub-menu li a {
	font-style: normal !important;
}

.entry-title {
	text-align: center;
}

@media screen and (max-width: 600px) {
	.entry-title {
		text-align: left;
	}
}

/*f分頁大圖標題*/
@media screen and (min-width: 65em) {
	.custom-header-image {
		background-attachment: scroll;
	}
}

@media screen and (min-width: 46em) {
	/*大圖標題*/
	.affinity-front-page .custom-header .entry-title {
		top: 10%;
		font-weight: 600;
		text-shadow: 0 0 10px #481803, 0 0 10px #481803;
	}
	
	.site-header .entry-title {
		top: 90%;
		font-weight: 550;
		text-shadow: 0 0 10px #481803, 0 0 10px #481803;
	}
	
	.main-navigation .current_page_item>a, .main-navigation .current-menu-item>a, .main-navigation .current_page_ancestor>a, .main-navigation .current-menu-ancestor>a {
		color: rgba(0,0,0,0.4);
	}
	
	.main-navigation li:hover>a, .main-navigation li.focus>a {
		color: rgba(0,0,0,.2);
	}
	
	.main-navigation ul {
		padding: 0;
	}
}

.site-main {
	max-width: 100% !important;
}

@media screen and (max-width: 46em) {
	.custom-header-image {
		margin-top: 80px;
	}
}

/*手機版選單*/
.main-navigation {
	max-width: 80% !important;
	font-weight: 400 !important;
	margin: auto;
}

.main-navigation a, .main-navigation a:visited {
	color: black;
}

.main-navigation ul ul a, .main-navigation ul ul a:visited {
	color: black;
	opacity: .6;
}

.button, button, #infinite-handle span {
	border-color: #370f06;
}

nav button,.menu-toggle.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
	margin-top: 10px;
	font-size: 0;
	padding: 14px;
	opacity: .8;
	background-image: url('https://etonwedding.org/wp-content/uploads/2018/08/31_e5b7a5e4bd9ce58d80e59f9f-1-01.png');
	background-size: contain;
}

.menu-toggle {
	left: 95%;
	top: 13px;
}

/*內容頁寬度*/
.affinity-front-page .site-content .entry-header, .affinity-front-page .site-content .entry-content, .affinity-front-page .site-content .entry-footer.page-template-guestbook .site-main, .no-sidebar .site-main,.site-content {
	width: calc(100% - 20px);
	max-width: 1200px;
}

/*相簿置中*/
.tiled-gallery, .gallery-row,.gallery {
	max-width: 850px !important;
	margin: auto !important;
}

/*totop*/
.totop {
	display: scroll;
	position: fixed;
	right: 1%;
	bottom: 10%;
	box-sizing: border-box;
	background-color: black;
	padding: 1%;
	font-size: 15px;
	border: 1px solid black;
	border-radius: 45px;
	color: white;
	opacity: .6;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

/*********流動排版***********/
.masonry {
	-moz-column-count: 4;
/* Firefox */
	-webkit-column-count: 4;
/* Safari 和 Chrome */
	column-count: 4;
	-moz-column-gap: 12px;
	-webkit-column-gap: 12px;
	column-gap: 12px;
	max-width: 1280px;
	margin: auto;
}

.masonry img {
/*border: 1px solid #DCDCDC;
	padding: 2px;*/
	width: 100%;
	transition: all .2s ease-in-out;
	z-index: 999;
	margin-top: 5px;
}

.masonry img:hover {
	opacity: .8;
	transition: all .2s ease-in-out;
}

.item {
	padding: 0;
	margin-bottom: 0;
	break-inside: avoid;
}

.item_content {
	margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
	.masonry {
		column-count: 3;
	}
}

@media screen and (max-width: 800px) {
	.masonry {
		column-count: 2;
	}
}

@media screen and (max-width: 500px) {
	.masonry {
		column-count: 1;
	}
}

.masonry .item figure {
	margin: 0;
}

/*----test------------*/
/* Pure CSS3 Lightbox start */
a.button {
	background: #000;
}

.lightbox-target {
	position: fixed;
	width: 100%;
	opacity: 0;
	top: 0;
	right: 0;
	background: rgba(0,0,0,0.3);
	-moz-transition: opacity .5s ease-in;
	-o-transition: opacity .5s ease-in;
	-webkit-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in;
	overflow: hidden;
}

.lightbox-target .content {
	max-width: 950px !important;
	width: 100%;
	height: 60%;
	background: #fff;
	color: #333;
	margin: auto;
	position: fixed;
	top: 12%;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 0;
	max-width: 0;
	-moz-transition: ease-in .5s;
	-o-transition: ease-in .5s;
	-webkit-transition: ease-in .5s;
	transition: ease-in .5s;
}

.lightbox-target img {
	margin: auto;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 0;
	width: auto;
	height: auto;
	-moz-transition: ease-in .5s;
	-o-transition: ease-in .5s;
	-webkit-transition: ease-in .5s;
	transition: ease-in .5s;
}

.lightbox-target:target {
	opacity: 1;
	top: 0;
	bottom: 0;
}

.lightbox-target:target .content, .lightbox-target:target img {
	max-height: 80%;
	max-width: 950px;
}

.lightbox-target:target .lightbox-close {
	opacity: 1;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.lightbox-close {
	position: fixed;
	height: 0;
	opacity: 0;
	top: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	-moz-transition: opacity .5s ease-in;
	-o-transition: opacity .5s ease-in;
	-webkit-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in;
	overflow: hidden;
}

@media screen and (max-width: 46em) {
	.lightbox-target img {
		top: 0;
	}
	
	.lightbox-target:target .content, .lightbox-target:target img {
		max-width: 90% !important;
		max-height: 100%;
	}
	
	.lightbox-target img {
		width: 100%;
	}
}

/************map***************/
.map {
	text-align: center;
	width: 100%;
	margin: auto;
	max-width: 100%;
}

.lct .googlemaps iframe {
	box-shadow: 0 0 7px rgba(0,0,0,0.5);
}

.lct {
	margin: 0 5px;
	max-width: 240px;
	display: inline-block;
}

@media (max-width:1621px) {
	.map {
		max-width: 1000px;
	}
	
	.lct {
		margin: 0 20px;
		max-width: 280px;
	}
}

@media (max-width:800px) {
	.lct {
		margin: 0 10px;
		max-width: 300px;
	}
}

/*******form*********/
label.grunion-checkbox-multiple-label.checkbox-multiple {
	width: 120px;
	text-align: left;
	display: inline-block;
}

.contact-form .clear-form {
	clear: both;
	display: inline-block;
}

.grunion-field-wrap.grunion-field-date-wrap.jp-contact-form-date-wrap {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.grunion-field-wrap.grunion-field-select-wrap {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

form.customize-unpreviewable button {
	border: 1px solid;
	color: white;
	background: grey;
}

/**gallery***/
ul.blocks-gallery-grid {
	margin: auto;
}

.wp-block-gallery .blocks-gallery-item {
	margin: 0 10px 10px 0;
}

.wp-block-gallery.columns-4 .blocks-gallery-item {
	margin-right: 10px;
}

/****masonary****/
.coblocks-lightbox__image img {
	height: auto;
	width: auto;
}

.coblocks-lightbox__arrow--right {
	right: 0;
	left: unset;
}

button, #infinite-handle span, input[type=button], input[type=reset], input[type=submit] {
	border: 0 solid #fff;
	outline: 0 solid #99908a;
}

/*****btn*******/
.wp-block-button .wp-block-button__link {
	padding: 12px;
	font-size: 15px;
}

a[title="AI 婚紗試穿"], 
.menu-item a:contains("AI 婚紗試穿") {
	color: #FF5733 !important;
}