/*
Theme name: Anime Expo Website
Description: Custom Theme
*/

/*
	Source post-css styles are located in the postcss directory.
	The compiled bundle is in assets/bundle.css; The README.md
	file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment. It will override bundle.css styles.
*/

.section-gallery-lightbox .gallery .wp-caption-text { color: #000; background: none; position: initial; }
.btn-white:hover {background: #F7F7F7; box-shadow: 0 4px 10px rgb(0 0 0 / 25%);}
.btn-white {transition: all .25s ease;}

.pjs-sig-name {transition: all .25s ease;}
.pjs-sig-name:hover {color: black; transform: scale(1.01);}

.footer .footer-inner .shell .nav-secondary .menu-item-has-children {padding-left: 20px; min-height: 230px;}
.chibi-border {border-left: 1px solid #9b9b9b; }

/**
footer section
*/
.footer .footer-container .shell .footer-aside .footer-social {display: flex; justify-content: flex-end; padding: 5px 0 5px;}
.footer .footer-container .shell .footer-aside .footer-social .event-name-social {padding-right: 20px; font-size: 16px; font-weight: 500;}

/* social icon - exhibit / artist alley  */
.schedule .inner .content .events .event .inner-item .timebar .icon {padding-right: 12px;}
.schedule .inner .content .events .event .inner-item .timebar .icon:hover {transform: scale(1.2);}

.schedule .inner .content .bold {font-weight:800; text-transform: capitalize;}
/* new header */
.header .header-content .shell .header-aside.reverse {flex-direction: row-reverse;}
.header .header-content .shell .header-aside .left-date {padding-right: 15px;border-right: solid 1px white;}
.header .header-content .shell .header-aside.reverse .left-date {padding-left: 15px;border-right: none; border-left: solid 1px white;}
.header .header-content .shell .header-aside .right-date {padding-left: 15px;}
.header .header-content .shell .header-aside.reverse .right-date {padding-left: 0px;}
.header .header-content .shell .header-inner .nav .menu .sub-menu {padding-top: 30px;list-style: none; display: block; overflow: hidden; transition: all .25s ease;}
@media (max-width:600px) {
	.header .header-content .shell .header-inner .nav ul li .arrow > i {width: 20px;
		height: 20px;
		display: block;
		border: 1px solid #393939;
		border-width: 0 0 3px 3px;
		line-height: 0;
		font-size: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		/* position: absolute; */
		/* right: -80px;
		top: 10px; */
		z-index: 1;}

		.header .header-content .shell .header-inner .nav .menu .sub-menu {max-height: 0px; padding-top: 0px;}
		.header .header-content .shell .header-inner .nav .menu li > ul {
			position: relative;
		}
		.header .header-content .shell .header-inner .nav .menu .sub-menu > li {
			background: none;
		}
		.header .header-content .shell .header-inner .nav .menu li .arrow {top: 10px; right: -89px;width: 50px;height: 50px;position: absolute;}
}

.header .header-content .shell .header-inner .nav .menu .trans.show {
	transform: rotate(135deg);
}
.header .header-content .shell .header-inner .nav .menu .sub-menu.show {
	display: block !important;
	visibility: visible !important; 
	opacity: 1 !important;
	max-height: 1000px;
	overflow: initial;
}

.header .header-content .header-aside .btn {background: #ee3b33; line-height: 70px; height: 70px; white-space: nowrap;}

.section-slider .slider .slides .slide .shell .slide-content .btn {background: #ee3b33; color: #FFFFFF; line-height: 70px; height: 70px;}

@media (max-width: 1400px) {
	.header .header-content .header-aside .btn {line-height: 1.2; height: auto; font-size: 16px;}
}
@media (max-width: 1070px) {
	.header .header-content .header-aside .btn {font-size: 14px;}
}

/* ax schedule template css */
.page-id-18353 {overflow: visible;}

.schedule .inner .content .filter-bar {display: flex; flex-direction: row; padding: 20px; border-radius: 8px; transition: all ease .3s; background: #ee3b33; position: sticky; top: 0px;}
.admin-bar .schedule .inner .content .filter-bar {top: 30px;}
.schedule .inner .content .filter-bar .tabs {color: #fff; transition: all .3s ease; padding-bottom: 5px; font-weight: 800; padding: 0 20px; border-bottom: solid 5px transparent;}
.schedule .inner .content .filter-bar .tabs:hover {cursor: pointer;}
.schedule .inner .content .filter-bar .tabs.active {border-bottom: 5px solid #fff;}
.wrapper .schedule .inner .content .events .group {transition: all .3s ease; display: none;}
.wrapper .schedule .inner .content .events .group.active {display: block}

/* CSS for google sheets table */

.admin-bar .dataTables_scrollHead.table-top {position: fixed !important; top: 30px; z-index: 100;}
.dataTables_scrollHead.table-top {position: fixed !important; top: 0px; z-index: 100; padding-right: 30px; width: calc(100% - 30px) !important;}

.table-container .inner .filter-bar {display: flex; flex-direction: row; padding: 20px; border-radius: 8px; transition: all ease .3s; background: #ee3b33; margin: 20px;}
/* .admin-bar .table-container .inner .filter-bar {top: 30px;} */
.table-container .inner .filter-bar .tabs {color: #fff; transition: all .3s ease; padding-bottom: 5px; font-weight: 800; padding: 0 20px; border-bottom: solid 5px transparent;}
.table-container .inner .filter-bar .tabs:hover {cursor: pointer;}
.table-container .inner .filter-bar .tabs.active {border-bottom: 5px solid #fff;}
.table-container .inner .events .group {transition: all .3s ease; display: none;}
.table-container .inner .events .group.active {display: block}

/* .table-container .inner .tables {padding: 0 30px;} */
.table-container .inner .tables .table {}
.table-container .inner .tables .table.active {display: block;}

.table-container .inner .tables:first-child .dataTables_scroll {width: 300px;}

.unbold {font-weight: 400;}