/*
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; justify-content: space-between;}
.admin-bar .schedule .inner .content .filter-bar {top: 30px;}
.schedule .inner .content .filter-bar .schedule-tabs {display: flex; flex-direction: row;}
.schedule .inner .content .filter-bar .schedule-tabs .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 .schedule-tabs .tabs:hover {cursor: pointer;}
.schedule .inner .content .filter-bar .schedule-tabs .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}

.ax-schedule-template .ax-schedule .inner .content .list-content .search-bar {}
.ax-schedule-template .ax-schedule .inner .content .list-content .search-bar #search-input {border-radius: 8px; padding: 5px 4px; border: solid 1px white; color:#000; font-size: 14px;}
.ax-schedule-template .ax-schedule .inner .content .list-content .search-bar #search-input:focus {border-color: #b33535; box-shadow: 0 0 0 2px rgba(214, 68, 68, 0.1);}
.ax-schedule-template .ax-schedule .inner .content .list-content .search-bar #search-input::placeholder {color: #999; font-size: 12px;}

@media (max-width: 767px) {
	.schedule .inner .content .filter-bar {flex-direction: column; flex-wrap: wrap;row-gap: 40px;}
	.ax-schedule-template .ax-schedule .inner .content .list-content .search-bar #search-input {width: 100%;}
}

/* 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;}
}

.unbold {font-weight: 400;}

/* ------------ Talent Page ------------ */
.section-guests .section-head .shell {justify-content: space-between; align-items: center; column-gap: 40px;}
.section-guests.talent-archive-filter .section-head .shell .section-filter .form-filter {display: flex; align-items: center;}
.section-guests.talent-archive-filter .section-head .shell .section-filter .form-filter > strong {display: block; transform: unset; position: relative; top: 0; right: 0;}
.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-guests .shell .filter-actions {flex: 0 1 auto;}
.section-guests .shell .filter-actions .see-all-talent {padding: 10px 30px; line-height: normal; height: unset; white-space: nowrap;}

.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;}

@media (max-width: 1023px) {
	.section-guests .section-head .shell {display: flex; flex-wrap: wrap; row-gap: 30px; }
	.section-guests .section-head .shell .filter-actions {flex: 0 1 30%;}
	.section-guests .section-head .shell .section-filter {flex: 0 1 60%;}
}


@media (max-width: 767px) {
	.post-type-archive-crb_guest .wrapper .section-guests .list-alfabet-wrapper {margin-bottom: 20px; height: fit-content;}
	.post-type-archive-crb_guest .wrapper .section-guests .list-alfabet {display: flex; position: unset; max-height: unset; flex-wrap: wrap; row-gap: 20px; column-gap: 5px;}
	.post-type-archive-crb_guest .wrapper .section-guests .list-alfabet .letter-item {width: unset; height: unset; border-radius: 50%; line-height: unset;}
	.post-type-archive-crb_guest .wrapper .section-guests .list-alfabet .letter-item .letter-link {border-radius: 50%; line-height: unset; width: 30px; height: 30px;}
}

/* ------------ Archive - Guest Year Taxonomy ------------ */
.tax-crb_guest_year .section-exibitors .articles li {flex: 0 1 33%; width: unset;}

@media (max-width: 767px) {
	.tax-crb_guest_year .section-exibitors .articles li {flex: 0 1 100%;}
}

/* ------------ Single Guest Year Taxonomy ------------ */
.talent-selected-year .section ul.list-gallery {display: flex; flex-wrap: wrap; margin: -30px -15px; list-style: none;}
.talent-selected-year .section ul.list-gallery li {flex: 0 1 25%; padding: 30px 15px;}
.talent-selected-year .section ul.list-gallery li .list-image {margin-bottom: 20px;}
.talent-selected-year .section ul.list-gallery h5 {margin-bottom: 5px; font-size: 18px; font-weight: 700;}
.talent-selected-year .section ul.list-gallery h6 {display: inline-block; padding: 2px 11px; margin-bottom: 5px; margin-right: 5px; background: #D8D8D8; font-size: 11px; line-height: 1.64; font-weight: 500;}

/* ------------ Exhibit Hall ------------ */
.exhibit-hall .schedule .inner .content .list-alfabet-wrapper {padding: 10px;}
.exhibit-hall .schedule .inner .content .list-alfabet-wrapper .list-alfabet {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.exhibit-hall .schedule .inner .content .list-alfabet-wrapper .list-alfabet .letter-item .letter-link {color: #000; border-radius: 50px;}
.exhibit-hall .schedule .inner .content .list-alfabet-wrapper .list-alfabet .letter-item.current .letter-link {color: #fff; background: #ee3b33;}
.exhibit-hall .schedule .inner .content .filter-bar {justify-content: flex-start; column-gap: 20px;}
.exhibit-hall .schedule .inner .content .filter-bar .tabs {border-bottom: 5px solid transparent;}
.exhibit-hall .schedule .inner .content .filter-bar .tabs.active {border-bottom: 5px solid #fff; transition: all ease .3s;}

@media (max-width: 767px) {
	.exhibit-hall .schedule .inner .content .list-alfabet-wrapper {height: fit-content;}
	.exhibit-hall .schedule .inner .content .list-alfabet-wrapper .list-alfabet {flex-wrap: wrap; position: relative; max-height: unset; overflow: unset; top: unset; left: unset; column-gap: 5px; row-gap: 8px;} 
	.exhibit-hall .schedule .inner .content .list-alfabet-wrapper .list-alfabet li {width: unset; }
	.exhibit-hall .schedule .inner .content .list-alfabet-wrapper .list-alfabet .letter-item .letter-link {background-color: unset; height: inherit; line-height: unset; padding: 2px 10px;}
	.exhibit-hall .schedule .inner .content .list-alfabet-wrapper .list-alfabet .letter-item.current .letter-link {background: #ee3b33; color: #fff;}
}