/*
Theme Name: Jingdezhen 2026
Version: 1.0
Template: aic
*/


body:before,
body:after {
	content:"";
	position: fixed;
	width: 5px;
	height: 100%;
	background-color:var(--bg-color);
	top: 0px;
}
body:before {
	left:0px;
}
body:after {
	right:0px;
}

.nav-wrapper {
	background-color:var(--bg-color);
}

.ag-subtitle {

 	float:left;
 	padding-top: 50px;
 	/* font-weight:bold; */
 	font-size: 1.5em;
 	color:black;
 	text-transform: uppercase;
}

.module-container.template-ag-registration {
	position:relative;
	padding-left:10px;
	padding-right:10px;
	box-sizing: border-box;
}
.module-container.template-ag-registration:before {
	content:"";
	position:absolute;
	background-color: var(--bg-color);
    z-index: -1;
    left: 10px;
    right: 10px;
    top: 0px;
    bottom: 0px;
}
.module-container.template-ag-registration p,
.module-container.template-ag-registration h2,
.module-container.template-ag-registration a {
	color: white;
	border-top:none;
}

/* HEADER
--------------------------- */

#nav .right-menu ul li:nth-child(2) {
	width:10%;
}
#nav .right-menu ul li:nth-child(1) {
	width:40%;
}
.search form {
	width:200px;
}

.search form input[type=text]{
	background-color:var(--bg-color);
}


/* LOGO
--------------------------- */
#logo {
	width: 340px;
	margin: 25px 0 0 14px;
}
#logo img {
	height: 102px;
	width: auto;
}
@media (max-width: 899px) {
	#logo img {
		height: 11.35vw;
	}
}
@media (max-width: 549px) {
	#logo img {
		height: 18vw;
	}
}

/* EXTERNAL LINK
--------------------------- */
.ag-external-link {
	margin-bottom: 33px;

}
.ag-external-link a {
	border:none;
	text-decoration: none;
}
.ag-external-link-content {
	color: white;
	background-color: var(--bg-color);
    margin: 0px 10px;
    padding: 14px 10px 50px 10px;

}
.ag-external-link-content h2 {
	padding-bottom: 14px;
}


@media screen and (min-width:661px) {
	#nav .right-menu ul li:nth-child(2) {
		width:4.1666%;
	}
	#nav .right-menu ul li:nth-child(1) {
		width:12.5%;

	}
	body:before,
	body:after {
		width: 10px;
	}
}




/* TAIPEI PROGRAMME
--------------------------- */
table.programme-3-col {
	margin: 0 10px;
	width: calc(100% - 20px) !important;
/* 	table-layout: auto !important; */
}
table.programme-3-col td {
	display: table-cell !important;
}
table.programme-3-col td:nth-child(1) {
	width: 20% !important;

}
table.programme-3-col td:nth-child(2) {
	width: 20% !important;
}
table.programme-3-col td:nth-child(3) {
	width: 60% !important;
}

@media screen and (min-width:480px) {
	table.programme-3-col td:nth-child(1) {
		width: 15% !important;
	}
	table.programme-3-col td:nth-child(3) {
		width: 65% !important;
	}
}