/* 
    Theme Name: Akvarious
    Theme URI: https://github.com/elementor/hello-theme-child/
    Description: Akvarious is a child theme of Hello Elementor
    Author: Elementor Team
    Author URI: https://elementor.com/
    Template: hello-elementor
    Version: 2.0.0
    Text Domain: akvarious-wp-theme
    License: GNU General Public License v3 or later.
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
    Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* font */
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');



#header-polygon {
	background-size: cover !important;
	background-position: center center;
	
	clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

#home-section-two {
	clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 767px) {
	#home-section-two {
		clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
	}
}
#home-section-three {
	clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 767px) {
	#home-section-three {
		clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 100%);
	}
}
#home-section-four {
	clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);
}
@media only screen and (max-width: 767px) {
	#home-section-four {
		clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 95%);
	}
}

/* home box-office posts mobile loop */
#home-box-office-posts-mobile-loop .e-loop-item {
	clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
}
/* home box-office posts desktop loop */
#home-box-office-posts-desktop-loop .elementor-grid .e-loop-item .elementor-widget-theme-post-title,
#home-box-office-posts-desktop-loop .elementor-grid .e-loop-item .elementor-widget-button {
	pointer-events: none;
}
#home-box-office-posts-desktop-loop .elementor-grid .e-loop-item {
	clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
	position: relative;	
}
#home-box-office-posts-desktop-loop .elementor-grid .e-loop-item a {	
	background-size: cover !important;
	background-position: center;
}
#home-box-office-posts-desktop-loop .elementor-grid .e-loop-item .shape {
	clip-path: polygon(0% 0%, 5% 0%, 5% 50%, 5% 100%, 0% 100%);
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	transition: all .25s ease-out;
}
#home-box-office-posts-desktop-loop .elementor-grid .e-loop-item:hover .shape {
	clip-path: polygon(0% 0%, 75% 0%, 95% 50%, 75% 100%, 0% 100%);	
	transition: all .25s ease-out;
}



/* home specials */

/* home specials posts mobile loop */
#home-specials-posts-mobile-loop .e-loop-item {
	clip-path: polygon(0% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 0% 100%);
}
/* home specials posts desktop loop */
#home-specials-posts-desktop-loop .elementor-grid .e-loop-item {
	clip-path: polygon(0% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 0% 100%);
	position: relative;	
}
#home-specials-posts-desktop-loop .elementor-grid .e-loop-item .shape {
	clip-path: polygon(0% 0%, 5% 0%, 5% 20%, 5% 5%, 5% 100%, 0% 100%);
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	transition: all .25s ease-out;
}
#home-specials-posts-desktop-loop .elementor-grid .e-loop-item:hover .shape {
	clip-path: polygon(0% 0%, 70% 0%, 92.5% 22.5%, 92.5% 77.5%, 70% 100%, 0% 100%);
	transition: all .25s ease-out;
}



/* home playbill */

/* home playbill posts mobile loop */
#home-playbill-posts-mobile-loop .e-loop-item {
	clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
/* home playbill posts desktop loop */
#home-playbill-posts-desktop-loop .elementor-grid .e-loop-item .elementor-widget-theme-post-title,
#home-playbill-posts-desktop-loop .elementor-grid .e-loop-item .elementor-widget-button {
	pointer-events: none;
}
#home-playbill-posts-desktop-loop .elementor-grid {
	grid-auto-flow: column; 
	grid-template-columns: 66% 33%; 
 	grid-template-rows: max-content; 
	grid-template-areas: 
    "One Two"
    "One Three"; 
}
#home-playbill-posts-desktop-loop .elementor-grid .e-loop-item {
	clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
	position: relative;	
}

#home-playbill-posts-desktop-loop .elementor-grid .e-loop-item .shape {
	clip-path: polygon(0% 0%, 15% 0%, 5% 100%, 0% 100%);
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	transition: all .25s ease-out;
}

#home-playbill-posts-desktop-loop .elementor-grid .e-loop-item:hover .shape {
	clip-path: polygon(0% 0%, 90% 0%, 80% 100%, 0% 100%);
	transition: all .25s ease-out;
}

#home-playbill-posts-desktop-loop .elementor-grid .e-loop-item:last-child {
	height: 50vh;
/* 	grid-row: 1 / span 2; */
	
	grid-area: One; 

/* 	grid-column: 2 !important;
 	grid-row: 2 / 3 !important; */

/* 	grid-column-start: 2;
	grid-column-end: 2;
  	grid-row-start: 2;
  	grid-row-end: 2; */
}

#home-playbill-posts-desktop-loop .elementor-grid .e-loop-item:nth-child(2) {
	grid-area: Two;
	
/* 	grid-row: 1 / 2; */
	
/* 	grid-column: 2 !important; */
 	
/* 	grid-column-start: 2;
	grid-column-end: 2;
  	grid-row-start: 1;
  	grid-row-end: 1; */
}

#home-playbill-posts-desktop-loop .elementor-grid .e-loop-item:first-child {
	
/* 	grid-row: 1 / 3; */
	
/* 	height: 480px !important; */
	
	grid-area: Three; 
/* 	grid-area: span 2; */
	
/* 	grid-column: 1 !important; */
}



#home-last-block, 
#page-specials-last-block,
#page-playbill-last-block,
#page-box-office-last-block,
#page-playbill-current-last-block,
#page-playbill-past-last-block,
#page-backstage-last-block,
#page-connect-last-block,
#single-post-last-block {
	clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 50% 90%, 0% 100%, 0% 10%);
}

#credits {
	clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%);
}
@media only screen and (max-width: 767px) {
	#credits {
		clip-path: polygon(0% 0%, 100% 5%, 100% 95%, 0% 100%);
	}
}

#upcoming-shows {
	clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);
}
@media only screen and (max-width: 767px) {
	#upcoming-shows {
		clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 95%);
	}
}

#mobile-hamburger-container {
	position: relative;
}
#mobile-hamburger-container:before {
	clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
  
	background-color: var(--e-global-color-eb6aaf6);
	content: "";
  	height: 100%;
	opacity: 1;
	position: absolute;
	left: 0; top:0;
  	width: 100%;
}

/* page box-office posts loop */
#page-box-office-posts-loop .elementor-grid .e-loop-item .elementor-widget-theme-post-title,
#page-box-office-posts-loop .elementor-grid .e-loop-item .elementor-widget-button {
	pointer-events: none;
}
#page-box-office-posts-loop .elementor-grid .e-loop-item {	
	clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
	position: relative;	
}
#page-box-office-posts-loop .elementor-grid .e-loop-item a {	
	background-size: cover !important;
	background-position: center;
}
#page-box-office-posts-loop .elementor-grid .e-loop-item .shape {
	clip-path: polygon(0% 0%, 5% 0%, 5% 50%, 5% 100%, 0% 100%);
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	transition: all .25s ease-out;
}
#page-box-office-posts-loop .elementor-grid .e-loop-item:hover .shape {
	clip-path: polygon(0% 0%, 75% 0%, 95% 50%, 75% 100%, 0% 100%);
	transition: all .25s ease-out;
}

/* page playbill posts loop */
#page-playbill-posts-loop .elementor-grid .e-loop-item .elementor-widget-theme-post-title,
#page-playbill-posts-loop .elementor-grid .e-loop-item .elementor-widget-button {
	pointer-events: none;
}
#page-playbill-posts-loop .elementor-grid .e-loop-item {
	clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
	min-height: 25vh !important;
	position: relative;	
}
#page-playbill-posts-loop .elementor-grid .e-loop-item .shape {
	position: absolute;
	top: 0;
	left: 0;
	clip-path: polygon(0% 0%, 15% 0%, 5% 100%, 0% 100%);
	height: 100% !important;
	transition: all .25s ease-out;
}
#page-playbill-posts-loop .elementor-grid .e-loop-item:hover .shape {
	clip-path: polygon(0% 0%, 90% 0%, 80% 100%, 0% 100%);
	transition: all .25s ease-out;
}

/* page specials posts loop */
#page-specials-posts-desktop-loop .elementor-grid .e-loop-item {
	clip-path: polygon(0% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 0% 100%);
	position: relative;	
}
#page-specials-posts-desktop-loop .elementor-grid .e-loop-item .shape {
	clip-path: polygon(0% 0%, 5% 0%, 5% 20%, 5% 5%, 5% 100%, 0% 100%);
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	transition: all .25s ease-out;
}
#page-specials-posts-desktop-loop .elementor-grid .e-loop-item:hover .shape {
	clip-path: polygon(0% 0%, 70% 0%, 92.5% 22.5%, 92.5% 77.5%, 70% 100%, 0% 100%);	
	transition: all .25s ease-out;
}

.post-tags {
	display: none;
}

.profile-photo {
	clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);
}



#special-section-two {
	clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%);
}
@media only screen and (max-width: 767px) {
	#special-section-two {
		clip-path: polygon(0% 0%, 100% 5%, 100% 95%, 0% 100%);
	}
}

#special-section-four {
	clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);
}
@media only screen and (max-width: 767px) {
	#special-section-four {
		clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 95%);
	}
}



table {
	border: none;
	width: auto;
}
table td {
	border: none;
	margin: 0;
	padding: 0 15px 0 0;
}
table td:first-child {
	text-wrap: nowrap;
}
@media only screen and (max-width: 767px) {
	table td:first-child {
		text-wrap: auto;
	}
}

/* overrides */

/* override background placement which is not working */
/*
.box-office-post-wrapper {
	background-size: cover !important;
	background-position: center;
}
*/
/*
.elementor-411 .elementor-element.elementor-element-8ff1c11::before, 
.elementor-411 .elementor-element.elementor-element-8ff1c11 > .elementor-background-video-container::before, 
.elementor-411 .elementor-element.elementor-element-8ff1c11 > .e-con-inner > .elementor-background-video-container::before, 
.elementor-411 .elementor-element.elementor-element-8ff1c11 > .elementor-background-slideshow::before, 
.elementor-411 .elementor-element.elementor-element-8ff1c11 > .e-con-inner > .elementor-background-slideshow::before, 
.elementor-411 .elementor-element.elementor-element-8ff1c11 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
	background-size: cover !important;
	background-position: center;
}
*/

/* reviews widget */
.elementor-widget-reviews .swiper-slide {
    background-color: transparent;
    border: 1px solid transparent;
}
.elementor-widget-reviews .swiper-slide div {
  display: flex;
  flex-direction: column-reverse;
}
.elementor-widget-reviews.elementor-review--has-separator .elementor-testimonial__header {
    border-block-end: 1px solid transparent;
}
.elementor-widget-reviews .elementor-testimonial__title {
    font-size: 24px !important;
}

/* hide dropdown on playbill page */
.current-menu-item.menu-item-has-children .sub-menu{
	display: none !important;
}

/* price list customisation */
.elementor-price-list li {
	border-bottom: 1px #fff solid;
	padding-bottom: 15px;
}
.elementor-price-list-price {
	background-color: var(--e-global-color-accent);
	color: var(--e-global-color-eb6aaf6);
	font-size: 14px;
	padding: 5px 10px;
}

/* swiper bullets customisation */
.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-pagination-fraction, .elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper~.swiper-pagination-custom, .elementor-element .swiper~.swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-custom, .elementor-lightbox .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper~.swiper-pagination-custom, .elementor-lightbox .swiper~.swiper-pagination-fraction .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: auto !important;
}

.elementor-widget-loop-carousel .swiper-pagination-bullet {
	opacity: 1;
}
.elementor-widget-loop-carousel .swiper-pagination-bullet-active {
	background-color: var(--e-global-color-primary) !important;
}