/*
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.
*/

.tabs-main-secondary .tabs-inner .tab ol { display: flex; flex-direction: column; align-items: center; }
.tabs-main-secondary .tabs-inner .tab ol li { width:98%; }
.tabs-main-secondary .tabs-inner .tab ol li::marker { font-variant-numeric: normal; }

.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 .date {display: flex;}
.header .header-content .shell .header-aside .date.reverse {flex-direction: row-reverse;}
.header .header-content .shell .header-aside .date .left-date {padding-right: 15px;border-right: solid 1px white;}
.header .header-content .shell .header-aside .date.reverse .left-date {padding-left: 15px;border-right: none; border-left: solid 1px white;}
.header .header-content .shell .header-aside .date .right-date {padding-left: 15px;}
.header .header-content .shell .header-aside .date.reverse .right-date {padding-left: 0px; padding-right: 15px;}
.header .header-content .shell .header-aside .btn-header {margin-right: 2em;}
.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;}
.header .header-bar .btn-search {text-decoration: none;}
.header .header-bar .search-text {margin-left: 30px; text-decoration: none; font-size: 14px; color: #4d98e2; font-weight: 800;}
.header .header-bar .btn-search:hover .search-text { color: #ee3b33;}

@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;}
	.header .header-bar .search-text {display: none;}
}

/* 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 .table,
.table-container .inner .tables .table table {
  width: 100% !important;
}

.block.schedule .inner .content .title-section {display: flex; justify-content: space-between;}
.block.schedule .inner .content .title-section .view-toggle .view-button {margin: 0 10px; color: #fff; background: #4d98e2; border: none; font-weight: 800; height: 40px; padding: 16px 50px; line-height: .7;}
.block.schedule .content .list-content,
.block.schedule .content .grid-content {
  transition: opacity 0.3s ease-in-out;
}

@media (max-width: 1020px) {
	.block.schedule .inner .content .title-section {flex-flow: wrap; padding: 20px 0;}
}

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

.unbold {font-weight: 400;}

/* Talent Page */
.section-guests .section-head .shell {justify-content: space-between; align-items: center;}
.section-exibitors .section-body .shell .list-guests h5 { margin-bottom: 5px; font-size: 18px; font-weight: 700;}
.section-exibitors .section-body .shell .list-guests h5>a {transition: color .5s;  text-decoration: none;}
.section-exibitors .section-body .shell .list-guests h6 {padding: 2px 11px; margin-bottom: 5px; margin-right: 5px; background: #D8D8D8; font-size: 11px; line-height: 1.64; font-weight: 500; width: fit-content;}
.section-exibitors .section-body .shell .list-guests.list-guests-secondary.list .list-image {display: none; visibility: hidden;}

.section-module-image .slider .slider-clip .owl-stage-outer .owl-stage .owl-item.cloned {visibility: hidden;}

.home .section-updates, .section {color: #000;}

.year-list {position: relative; text-align: center; max-width: 1180px; padding: 0 15px; margin: 0 auto;};
.year-list .year-container .years-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; padding: 20px 0;}