/* 
Theme Name: Metro Madina v5 - Visual Composer Starter Child Theme
Theme URL: https://visualcomposer.com/visual-composer-starter-theme/
Description: Visual Composer Starter child theme
Author: The Sheefra Team & Metro Al-Madina
Template: visual-composer-starter 
Version: 1.0.4
Text Domain: visual-composer-starter-child
*/

/* Fonts */

@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-SemiBold.eot');
    src: url('fonts/Campton-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Campton-SemiBold.woff2') format('woff2'),
        url('fonts/Campton-SemiBold.woff') format('woff'),
        url('fonts/Campton-SemiBold.ttf') format('truetype'),
        url('fonts/Campton-SemiBold.svg#Campton-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-Bold.eot');
    src: url('fonts/Campton-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Campton-Bold.woff2') format('woff2'),
        url('fonts/Campton-Bold.woff') format('woff'),
        url('fonts/Campton-Bold.ttf') format('truetype'),
        url('fonts/Campton-Bold.svg#Campton-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-BoldItalic.eot');
    src: url('fonts/Campton-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Campton-BoldItalic.woff2') format('woff2'),
        url('fonts/Campton-BoldItalic.woff') format('woff'),
        url('fonts/Campton-BoldItalic.ttf') format('truetype'),
        url('fonts/Campton-BoldItalic.svg#Campton-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-Light.eot');
    src: url('fonts/Campton-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Campton-Light.woff2') format('woff2'),
        url('fonts/Campton-Light.woff') format('woff'),
        url('fonts/Campton-Light.ttf') format('truetype'),
        url('fonts/Campton-Light.svg#Campton-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-BookItalic.eot');
    src: url('fonts/Campton-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Campton-BookItalic.woff2') format('woff2'),
        url('fonts/Campton-BookItalic.woff') format('woff'),
        url('fonts/Campton-BookItalic.ttf') format('truetype'),
        url('fonts/Campton-BookItalic.svg#Campton-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-Book.eot');
    src: url('fonts/Campton-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Campton-Book.woff2') format('woff2'),
        url('fonts/Campton-Book.woff') format('woff'),
        url('fonts/Campton-Book.ttf') format('truetype'),
        url('fonts/Campton-Book.svg#Campton-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('fonts/Campton-Medium.eot');
    src: url('fonts/Campton-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Campton-Medium.woff2') format('woff2'),
        url('fonts/Campton-Medium.woff') format('woff'),
        url('fonts/Campton-Medium.ttf') format('truetype'),
        url('fonts/Campton-Medium.svg#Campton-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* General */
* {font-family: 'Campton', 'Montserrat', sans-serif !important;border-radius: 0px !important;-webkit-border-radius: 0px !important;-ms-border-radius: 0px !important;outline: none !important;}
h1, h2, h3, h4, h5, h6, p, a {font-family: 'Campton', 'Montserrat', sans-serif !important;}
a:focus {text-decoration: none;}
body::-webkit-scrollbar-track {background-color: transparent;}
body::-webkit-scrollbar {width: 8px;background-color: transparent;}
body::-webkit-scrollbar-thumb {background-color: #0a00ff;}
a.vce-button {font-family: 'Campton', 'Montserrat', sans-serif !important;}
.metro-btn, .metro-btn button {font-weight: 500 !important;font-size: 26px !important;}
.mrg-desktop-page-header .vce-row-content {height: 590px;align-content: flex-end;}
.vce-text-block h2, .vce-text-block p {margin: 0 !important;}
[data-vcv-o-animated=true] {animation-duration: 1.5s !important;}
.vce-lb-data .vce-lb-close, .lb-data .lb-close {border: none !important;outline: none !important;width: 30px;height: 30px;position: relative;opacity: 1;}
.vce-lb-data .vce-lb-close::before {content: '\72';font-family: "Visual Composer Starter Font"!important;font-style: normal!important;font-weight: 400!important;font-variant: normal!important;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.daterangepicker.opensleft:after, .daterangepicker:before {display: none !important;}
.daterangepicker {background-color: rgba(28,28,28,.85);border-radius: 0px;border: 1px solid rgba(28,28,28,.85);}
.daterangepicker .calendar-table {border: 1px solid transparent;background-color: transparent;}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {border: solid #fff;border-width: 0 2px 2px 0;}
.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {color: #fff;border-radius: 0px !important;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: #0A00FF;}
.daterangepicker td.in-range {background-color: #201ad3;}
.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {background-color: #464646;}
.daterangepicker .drp-selected {font-size: 14px;color: #fff;}
.daterangepicker .drp-buttons .btn {font-size: 14px;border-radius: 0px !important;font-weight: 500;}
.daterangepicker .drp-buttons .btn.btn-primary {background-color: #0a00ff !important;background-image: unset !important;background-image: unset !important;background-image: unset !important;background-repeat: repeat-x !important;border-color: transparent !important;}
.daterangepicker .drp-buttons .btn.btn-primary:hover {background-color: #fff !important;color: #0a00ff !important;}
.h-100 {height: 100%;}
.p-relative {position: relative;}
/* .productions-template-default {display: flex;flex-direction: column;}
.productions-template-default header {order: 0;}
.productions-template-default .vcv-content--blank.vcv-content--boxed {order: 1;}
.productions-template-default footer {order: 2;} */
.etn-title, .etn-variable-ticket-widget .ticket-price-item strong, .etn-variable-ticket-widget .ticket-price-item.etn-quantity input, .etn-variable-ticket-widget .etn-variable-total-price .etn-total-quantity, .etn-variable-ticket-widget .etn-variable-total-price .etn-ticket-total-price {color: #1c1c1c;}

.floating-cart-btn {position: fixed;background: #1c1c1c;width: 70px;height: 70px;z-index: 1;display: flex;justify-content: center;align-items: center;right: 2%;bottom: 5%;border-radius: 50% !important;box-shadow: 0 0 0 rgba(10,0,255, 0.4);animation: pulse 2s infinite;}
.floating-cart-btn svg {width: 65%;height: 65%;}
.floating-cart-btn svg path {fill: #fff;}
.floating-cart-btn span {color: #fff;background: #0a00ff;border-radius: 50% !important;position: absolute;top: -5px;right: -5px;width: 25px;height: 25px;font-size: 14px;display: flex;align-items: center;justify-content: center;}

/* Header */
.content-wrapper {padding-top: 0px;}
header#header {position: absolute;z-index: 1;width: 100%;}
.navbar .navbar-wrapper {padding-bottom: 0;position: relative;}
.navbar .navbar-header {position: relative;}
.navbar .navbar-brand img {width: 140px;}
.navbar .navbar-menu-account {display: flex;position: absolute;top: 50%;right: 0;transform: translateY(-50%);align-items: center;}
.navbar .navbar-menu-account .my-account-btn {width: 50px;height: 50px;margin: 0 25px 0 0;border-radius: 50% !important;border: 1px solid #0a00ff;overflow: hidden;opacity: 1;transition: .3s all ease-in-out;}
.navbar .navbar-menu-account .my-account-btn:hover, .navbar .navbar-menu-account .my-account-btn:focus {opacity: 0.8;transition: .3s all ease-in-out;border-bottom: unset !important;}
.navbar .navbar-menu-account .my-account-btn img {width: 100%;height: 100%;object-fit: cover;}
.navbar .navbar-menu-account .navbar-toggle {margin: 0;padding: 0px;width: 50px;height: 38px;display: flex !important;flex-direction: column;align-items: flex-end;justify-content: space-between;float: unset !important;}
.navbar .navbar-menu-account .navbar-toggle span {width: 100%;background-color: #0A00FF;height: 6px;border-radius: 10px;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
.navbar .navbar-menu-account .navbar-toggle span:nth-of-type(2) {width: 80%;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
.navbar .navbar-menu-account .navbar-toggle:hover span {background-color: #ffffff;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
.navbar .navbar-menu-account .navbar-toggle:hover span:nth-of-type(2) {width:100%;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}

#main-menu {padding-top: 12px !important;padding-right: 10px;padding-left: 10px;padding-bottom: 4px;position: absolute;height: auto;width: 300px;background: #0a00ff;top: 90%;bottom: unset;left: unset;right: 15px;opacity: 0;pointer-events: none;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
#main-menu.open {opacity: 1;pointer-events: all;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
#main-menu .button-close {display: none;}
body.menu-sandwich #main-menu ul.nav li {margin-bottom: 8px;}
#main-menu ul li a {border: 0.5px solid rgba(255,255,255,0.2);background: transparent;padding: 18px 0;color: #fff;font-size: 18px !important;font-weight: 800;text-align: center;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
#main-menu ul li a:hover, #main-menu ul li.current_page_item a {border: 0.5px solid #0F0F0F;background: #0F0F0F;color: #fff;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}

/* Contact Form */
.metro-contact-form form {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.metro-contact-form form .custom-form-field {width: 100%;margin-bottom: 30px;}
.metro-contact-form form .custom-form-field.last {width: 100%;margin-bottom: 30px;}
.metro-contact-form.contact-page form .custom-form-field.last {width: 100%;margin-bottom: 10px;}
.metro-contact-form form .custom-form-field.half {width: calc(50% - 20px);}
.metro-contact-form form .custom-form-field p {margin: 0 !important;}
.metro-contact-form form .custom-form-field label {margin: 0 0 10px 0;color: #fff;font-weight: 500;}
.metro-contact-form form .custom-form-field label .required-dot {color: #0a00ff;}
.metro-contact-form form .custom-form-field input:not([type=checkbox]):not([type=radio]), .metro-contact-form form .custom-form-field textarea, .metro-contact-form form .custom-form-field select {width: 100%;padding: 25px 30px;background-color: #1C1C1C;color: #fff;border: 1px solid #1C1C1C;border-radius: 0px;transition:0.2s all ease-in-out;font-weight: 300;}
.metro-contact-form form .custom-form-field select { -webkit-appearance: none;-moz-appearance: none; }
.metro-contact-form form .custom-form-field input:focus, .metro-contact-form form .custom-form-field input:focus-visible, .metro-contact-form form .custom-form-field textarea:focus, .metro-contact-form form .custom-form-field textarea:focus-visible {border: 1px solid #0a00ff;border-radius: 0px;transition:0.2s all ease-in-out;outline: none;}
.metro-contact-form form .custom-form-field input::placeholder, .metro-contact-form form .custom-form-field textarea::placeholder {color: #414141;}
.metro-contact-form form .custom-form-submit {width: 100%;}
.metro-contact-form form .custom-form-submit p {margin: 0;text-align: right;display: flex;flex-direction: row-reverse;justify-content: flex-start;align-items: center;}
.metro-contact-form form .custom-form-submit p input {padding: 15px 80px;font-size: 22px;font-family: 'Campton', 'Montserrat', sans-serif;background: #0A00FF;border: none;color: #fff;font-weight: normal;}
.metro-contact-form form .custom-form-submit p input:hover {background: #fff;color: #0A00FF;}
.metro-contact-form form .form-notes {width: 100%;}
.metro-contact-form form .form-notes p span {font-size: 16px;font-weight: 300;color: #fff;}
.metro-contact-form form .form-notes p span a {color: #0A00FF !important;transition: 0.2s all ease-in-out !important;text-decoration: underline !important;}
.metro-contact-form form .form-notes p span a:hover {color: #fff !important;transition: 0.2s all ease-in-out !important;border: none !important;}

/* Footer */
.footer-widget-area {background-color: #1c1c1c !important;padding: 75px 0 0 0;}
.footer-widget-area .widget {margin: 0;}
.footer-widget-area ul.menu#menu-footer-main-menu {margin-bottom: 70px;padding: 0;list-style: none;display: flex;justify-content: space-between;width: 100%;}
.footer-widget-area ul.menu#menu-footer-main-menu li a {color: #fff;font-size: 22px;font-weight: normal;padding-bottom: 5px;border-bottom-color: #1c1c1c;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
.footer-widget-area ul.menu#menu-footer-main-menu li a:hover, .footer-widget-area ul.menu#menu-footer-main-menu li.current_page_item a {border-bottom-color: #fff;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
.footer-widget-area ul.menu#menu-footer-secondary-menu {margin: 0;padding: 0;list-style: none;display: flex;justify-content: space-around;}
.footer-widget-area ul.menu#menu-footer-secondary-menu li a {color: #a3a3a3;font-size: 18px;font-weight: 300;padding-bottom: 5px;border-bottom-color: #1c1c1c;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
.footer-widget-area ul.menu#menu-footer-secondary-menu li a:hover, .footer-widget-area ul.menu#menu-footer-secondary-menu li.current-menu-item a {border-bottom-color: #a3a3a3;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
#footer .copyright {font-weight: 300;font-size: 16px;margin: 0;}
#footer .copyright span:last-of-type {display: none;}
#footer .footer-bottom {padding: 70px 0 60px 0;}
#footer .footer-bottom .container {position: relative;}
#footer .footer-bottom .container .footer-left-block {display: block;width: fit-content;margin: 0 0 0 auto;}
#footer .footer-bottom .container .footer-right-block {height: 100% !important;position: absolute;float: unset;margin: 0;left: 50%;transform: translate(-50%, -50%);top: 50%;}
#footer .footer-bottom .container .footer-right-block .footer-socials {display: block;vertical-align: unset;}
#footer .footer-bottom .container .footer-right-block .footer-socials ul {text-align: unset;display: flex;flex-direction: row;justify-content: space-between;}
#footer .footer-bottom .container .footer-right-block .footer-socials ul li {margin: 0 25px 0 0;padding:0;}
#footer .footer-bottom .container .footer-right-block .footer-socials ul li::before {display: none;}
#footer .footer-bottom .container .footer-right-block .footer-socials ul li:last-of-type {margin: 0;}
#footer .footer-socials ul li a span::before {display: none;}
#footer .footer-socials ul li a span {width: 45px;height: 38px;background-position: center;background-repeat: no-repeat;background-size: contain;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
#footer .footer-socials ul li a span.vct-icon-facebook-with-circle {background-image: url('./img/facebook-blue.png');}
#footer .footer-socials ul li a:hover span.vct-icon-facebook-with-circle {background-image: url('./img/facebook-white.png');transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
#footer .footer-socials ul li a span.vct-icon-twitter-with-circle {background-image: url('./img/twitter-blue.png');}
#footer .footer-socials ul li a:hover span.vct-icon-twitter-with-circle {background-image: url('./img/twitter-white.png');transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
#footer .footer-socials ul li a span.vct-icon-instagram-with-circle {background-image: url('./img/instagram-blue.png');}
#footer .footer-socials ul li a:hover span.vct-icon-instagram-with-circle {background-image: url('./img/instagram.png');transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}
#footer .footer-socials ul li a span.vct-icon-youtube-with-circle {background-image: url('./img/youtube-blue.png');}
#footer .footer-socials ul li a:hover span.vct-icon-youtube-with-circle {background-image: url('./img/youtube-white.png');transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;}

.mrg-mobile-2-cols-img .vce-col-content {display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.mrg-mobile-2-cols-img .vce-col-content .vce-single-image-container {width: 100%;}
.mrg-mobile-2-cols-img .vce-col-content .vce-single-image-container a.vce-single-image-inner {padding-bottom: 100% !important;}

.vce-lightbox {display: flex;flex-direction: column-reverse;}
.vce-lb-dataContainer {margin-bottom: 15px;}

.mission-section {height: 75vh;}
.mission-section .vce-row-content {align-content: flex-end;}

.contact-column .vce-col-content {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;}
.contact-column .vce-col-content .vce-single-image-wrapper {width: 45px !important;margin:0 !important;}
.contact-column .vce-col-content .vce-single-image-figure-inner {width: 45px !important;}
.contact-column .vce-col-content .vce-single-image-figure-inner .vce-single-image-inner {padding-bottom: 100% !important;}
.contact-column .vce-col-content img {width: 45px !important;height: 45px !important;object-fit: contain !important;}
.contact-column .vce-col-content .vce-text-block {width: calc(100% - 65px);}
.contact-column .vce-col-content .vce-text-block h6 {font-size: 26px !important;margin: 0 0 10px 0 !important;font-weight: 500 !important;}
.contact-column .vce-col-content .vce-text-block p, .contact-column .vce-col-content .vce-text-block p a {font-size: 16px !important;font-weight: 300 !important;transition: .2s all ease-in-out;}
.contact-column .vce-col-content .vce-text-block p a:hover {color: #fff !important;border-bottom: 1px solid #fff !important;transition: .2s all ease-in-out;}

/* Productions Single Template */

.single-productions {background: #0F0F0F;}
.single-productions .custom-page-header {padding-bottom: 70px;position: relative;background-position: center;background-size: cover;background-repeat: no-repeat;}
.single-productions .custom-page-header::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
.single-productions .custom-page-header .custom-page-header-content {height: 590px;display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;}
.single-productions .custom-page-header .custom-page-header-content h1 {margin: 0 0 30px 0;color: #fff;}
.single-productions .content {margin: 80px 0 0 0;}
.single-productions .content p {color: #fff;font-weight: 300;}
.single-productions .lightbox, .single-etn .lightbox {display: flex;flex-direction: column;}
.single-productions .lightbox .lb-outerContainer, .single-etn .lightbox .lb-outerContainer {order: 1;}
.single-productions .lightbox .lb-dataContainer, .single-etn .lightbox .lb-dataContainer {order: 0;}
.single-productions .lightbox .lb-data .lb-number, .single-etn .lightbox .lb-data .lb-number {display: none !important;}
.single-productions .lightbox .lb-image, .single-etn .lightbox .lb-image {border: none;}

.video-element {position: relative;margin: 60px 0 0 0;}
.video-element::before {content: '';padding-bottom: 100%;}
.video-element .video-cover {height: 100%;position: absolute;z-index: 11;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;overflow: hidden;}
.video-element .video-cover img {width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition: 0.5s all ease-in-out;}
.video-element .video-cover:hover img {transform: scale(1.25);transition: 0.5s all ease-in-out;}
.video-element .video-cover .overlay-cover {position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);}
.video-element .video-cover .overlay-cover .play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1.25);width: 100px;height: 100px;background-image: url('img/play.svg');background-size: contain;transition: 0.5s all ease-in-out;}
.video-element .video-cover:hover .overlay-cover .play-btn {transition: 0.5s all ease-in-out;transform: translate(-50%, -50%) scale(0.8);}
.video-element video {margin: 0;z-index: 0;}

.gallery-element h3 {margin: 80px 0;}
.gallery-element .gallery-slick {overflow: hidden;margin: 0 0 0 -10px;}
.gallery-element .gallery-slick .lb-nav a.lb-prev, .gallery-element .gallery-slick .lb-nav a.lb-next {outline: none !important;}
.gallery-element .gallery-slick .slick-track {display: flex;}
.gallery-element .slick-slide-inner {padding: 0;overflow: hidden;position: relative;}
.gallery-element .slick-slide-inner::before {content:'';display: block;padding-bottom: 100%;}
.gallery-element .slick-slide-inner img {position: absolute;margin: 0 10px;top: 50%;transform: translateY(-50%);left: 0;right: 0;height: 100%;object-fit: cover;width: 100%;}

.cast-element h3 {margin: 80px 0;}
.cast-element p {color: #fff;font-weight: 300;}

.single-productions .tabs-element {margin: 80px 0 0 0;}
.single-productions .tabs-element .title-dropdown {background: #1C1C1C;padding: 15px 35px 20px 35px;position: relative;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.single-productions .tabs-element .title-dropdown h3 {color: #fff !important;font-weight: 500 !important;margin: 0 !important;width: fit-content;}
.single-productions .tabs-element .title-dropdown .mm-dropdown-trigger {width: 20px;height: 20px;margin:0 0 0 50px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url('img/down-arrow.svg');transform: rotate(0deg);transition: 0.3s all ease-in-out;cursor: pointer;display: block;}
.single-productions .tabs-element .title-dropdown .mm-dropdown-trigger.hidden-trigger {display: none;}
.single-productions .tabs-element .title-dropdown .mm-dropdown-trigger.triggered {transform: rotate(180deg);transition: 0.3s all ease-in-out;}
.single-productions .tabs-element .title-dropdown .mm-dropdown-menu {padding: 0;margin: 0;list-style: none;position: absolute;background: #1C1C1C;top: 115%;left: 25%;pointer-events: none;opacity: 0;visibility: hidden;transition: .3s all ease-in-out;}
.single-productions .tabs-element .title-dropdown .mm-dropdown-menu.visible {pointer-events: all;opacity: 1;visibility: visible;transition: .3s all ease-in-out;}
.single-productions .tabs-element .title-dropdown .mm-dropdown-menu li {padding: 0;}
.single-productions .tabs-element .title-dropdown .mm-dropdown-menu li::before {display: none;}
.single-productions .tabs-element .title-dropdown .mm-dropdown-menu li a {width: 100%;height: 100%;text-align: center;display: block;padding: 20px 40px;font-size: 18px;font-weight: 300;color: #FFF !important;border: none !important;transition: 0.3s all ease-in-out}
.single-productions .tabs-element .title-dropdown .mm-dropdown-menu li a.active, .single-productions .tabs-element .title-dropdown .mm-dropdown-menu li a:hover {background-color: #fff;color: #1C1C1C !important;transition: 0.3s all ease-in-out}
.single-productions .tabs-element .mm-tabs {margin: 100px 0 80px 0;}
.single-productions .tabs-element .mm-tabs .tab.active {display: block;}
.single-productions .tabs-element .mm-tabs .tab {display: none;}

/* Production Archive */

.mm-filter .wrapper-dropdown {position: relative;display: block;width: 100% !important;padding: 0 20px 25px 20px;text-align: left;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-bottom: 1px solid #fff;}
.mm-filter .wrapper-dropdown .selected-display {font-size: 18px;color: #fff;}
.mm-filter .wrapper-dropdown::after {content:'';width: 20px;height: 20px;background-image: url('img/down-arrow.svg');background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;top: 22.5%;right: 20px;transform: translateY(-50%) rotate(0deg);transition: .3s all ease-in-out;}
.mm-filter .wrapper-dropdown.active::after {transform: translateY(-50%) rotate(180deg);transition: .3s all ease-in-out;}
.mm-filter .wrapper-dropdown .dropdown {transition: 0.3s all ease-in-out;position: absolute;top: 120%;right: 0;left: 0;margin: 0;padding: 0;list-style: none;z-index: 99;background: rgba(28,28,28,.85);-webkit-transform-origin: top;-moz-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;opacity: 0;visibility: hidden;overflow-y: scroll;max-height: 250px;}
.mm-filter .wrapper-dropdown .dropdown::-webkit-scrollbar-track {background-color: transparent;}
.mm-filter .wrapper-dropdown .dropdown::-webkit-scrollbar {width: 6px;background-color: transparent;}
.mm-filter .wrapper-dropdown .dropdown::-webkit-scrollbar-thumb {background-color: #fff;}
.mm-filter .wrapper-dropdown.active .dropdown {opacity: 1;visibility: visible;}
.mm-filter .wrapper-dropdown .dropdown li {padding: 15px 20px;line-height: 30px;color: #fff;transition: .3s all ease-in-out;}
.mm-filter .wrapper-dropdown .dropdown li:hover {background-color: #fff;color: #1c1c1c;transition: .3s all ease-in-out;}
.mm-filter .wrapper-dropdown .dropdown li:before {display: none;}

.mm-filter.two-cols {display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;margin: 0 0 50px;position: relative;}
.mm-filter.two-cols::before {content: '';height: 100%;width: 1px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mm-filter.two-cols .date-picker-wrapper {position: relative;width: calc(50% - 30px);}
.mm-filter.two-cols .date-picker-wrapper input[name="daterange"] {outline:none !important;width: 100%;height:100%;padding: 0 20px 25px 20px;text-align: left;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-bottom: 1px solid #fff;background: transparent;border-top: none;border-right: none;color: #fff;border-left: none;font-size: 18px;}
.mm-filter.two-cols .date-picker-wrapper input[name="daterange"]::placeholder {color: #fff;}
.mm-filter.two-cols .date-picker-wrapper::after {content:'';width: 20px;height: 20px;background-image: url('img/down-arrow.svg');background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;top: 22.5%;right: 20px;transform: translateY(-50%) rotate(0deg);transition: .3s all ease-in-out;}
.mm-filter.two-cols .date-picker-wrapper.focused::after {transform: translateY(-50%) rotate(180deg);transition: .3s all ease-in-out;}
.mm-filter.two-cols .wrapper-dropdown {width: calc(50% - 30px) !important;}

.productions-list {margin: 140px 0 100px 0;}
.productions-list .prod-item {display: block;outline: none !important;border: none !important;margin: 0 0 50px 0;height: 100%;background-position: center;background-size: cover;min-height: 500px;position: relative;}
.productions-list .prod-item .post-info {position: absolute;top: 0;right: 0;bottom: 0;height: 100%;width: 30%;background: rgba(28,28,28,.6);display: flex;flex-direction: column;justify-content: center;align-items: center;transition: .5s all ease-in-out;padding: 0 25px;}
.productions-list .prod-item:hover .post-info {background: rgba(10,0,255,.6);transition: .5s all ease-in-out;}
.productions-list .prod-item .post-info h4 {margin: 0 !important;color: #fff !important;}
.productions-list .prod-item .post-info .info {color: #fff;overflow:hidden;font-size: 18px;font-weight: 300;line-height: 1.3em;margin-top: 40px;}
.productions-list .prod-item .post-info .info-shown {position: absolute;top: 50%;left: 50%;width: calc(100% - 50px);height: auto;transform: translate(-50%, -50%);opacity: 0;visibility: hidden;transition: .5s all ease-in-out;}
.productions-list .prod-item .post-info .info-hidden {position: absolute;top: 50%;left: 50%;width: calc(100% - 50px);height: auto;transform: translate(-50%, -50%);opacity: 1;visibility: visible;transition: .5s all ease-in-out;}
.productions-list .prod-item:hover .post-info .info-shown {transition: .5s all ease-in-out;opacity: 1;visibility: visible;}
.productions-list .prod-item:hover .post-info .info-hidden {transition: .5s all ease-in-out;opacity: 0;visibility: hidden;}

.prod-pagination {text-align: center;margin: 80px 0 0 0;}
.prod-pagination .page-numbers {color: #0A00FF !important;transition: .2s all ease-in-out !important;border: none !important;outline: none !important;display: flex;align-items: center;justify-content: center;}
.prod-pagination li {padding: 0;}
.prod-pagination li::before {display: none !important;}
.prod-pagination .page-numbers.current, .prod-pagination .page-numbers:hover {color: #fff !important;transition: .2s all ease-in-out !important;}
.prod-pagination .page-numbers.next, .prod-pagination .page-numbers.prev {position: relative;}
.prod-pagination .page-numbers.next::after {content: "\f344";font-family: 'dashicons';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.prod-pagination .page-numbers.prev::after {content: "\f340";font-family: 'dashicons';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 20px 0 0;}

/* Events */
.recurring-events .mobile-header {display: none;}
body.home .recurring-events ul.navs, body.home .recurring-events .category-filter {display: none !important;}
.recurring-events ul.navs {margin: 0 0 120px 0;background: #0A00FF;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}
.recurring-events ul.navs li {padding: 0;width: 100%;display: flex;}
.recurring-events ul.navs li::before {display: none;}
.recurring-events ul.navs li a {color: #0F0F0F !important;padding: 30px 0;outline: none !important;border: none !important;position: relative;font-weight: 500;width: 100%;text-align: center;transition: .3s all ease-in-out !important;}
.recurring-events ul.navs li a::before {content: '';position: absolute;bottom: 0;left:0;right:0;width: 100%;height: 4px;background: transparent;transition: .3s all ease-in-out !important;}
.recurring-events ul.navs li a.active, .recurring-events ul.navs li a:hover {color: #fff !important;transition: .3s all ease-in-out !important;}
.recurring-events ul.navs li a.active::before, .recurring-events ul.navs li a:hover::before {background: #fff;transition: .3s all ease-in-out !important;}
.recurring-events .category-filter {display: none;margin: 0 0 60px 0;}
.recurring-events .tabs {width: calc(100% + 30px);margin: 0 -15px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.recurring-events .tab-col {width: calc(100%/3);height: 500px;display: flex;flex-direction: column;padding: 0 15px;margin: 0 0 30px 0;}
.recurring-events .tab-col.info {justify-content: center;}
.recurring-events .tab-col.info .content h2, .recurring-events .mobile-header h2 {color: #fff !important;margin: 0 !important;}
.recurring-events .tab-col.info .content p, .recurring-events .mobile-header p {color: #B7B7B7 !important;margin: 40px 0 !important;font-weight: 300;font-size: 18px;}
.recurring-events .tab-col.info .content a, .mehaniya-btn button {text-decoration: underline !important;text-underline-offset: 3px;color: #fff !important;text-transform: capitalize !important;transition: .3s aLL ease-in-out !important;font-weight: 400 !important;border-bottom: 1px solid #fff !important;}
.recurring-events .tab-col.info .content a:hover, .mehaniya-btn button:hover {color: #0A00FF !important;border-bottom: 1px solid #0A00FF !important;}
.recurring-events .tab-col:not(.info) .event-details {width: 100%;height: calc(100% - 55px);position: relative;overflow: hidden;outline: none !important;border: none !important;}
.recurring-events .tab-col:not(.info) .event-details .date {z-index: 1;position: absolute;color: #fff;top: 0;right: 0;background: #0F0F0F;padding: 10px;text-align: center;}
.recurring-events .tab-col:not(.info) .event-details .date span {display: block;font-weight: 400;font-size: 18px;line-height: 21px;text-transform: uppercase;}
.recurring-events .tab-col:not(.info) .event-details img {position: absolute;height: 100%;width: 100%;top: 0;right: 0;bottom: 0;left: 0;object-fit: cover;transform: scale(1.0);transition: .5s all ease-in-out !important;}
.recurring-events .tab-col:not(.info) .event-details:hover img {transform: scale(1.2);transition: .5s all ease-in-out !important;}
.recurring-events .tab-col:not(.info) .event-details .details {position: absolute;bottom: 0;left: 0;background: #0F0F0F;width: 85%;padding: 5px 0 0 0;}
.recurring-events .tab-col:not(.info) .event-details .details .title {display: block;color: #fff;font-weight: 500;}
.recurring-events .tab-col:not(.info) .event-details .details .cats {display: block;color: #fff;font-weight: normal;font-style: italic;font-size: 16px;}
.recurring-events .tab-col:not(.info) .btn {outline: none !important;border: none !important;width: 100%;background: #2E2D2B;color: #fff !important;text-align: center;padding: 10px;transition: .3s all ease-in-out !important;margin: 15px 0 0 0;border-radius: 0;font-size: 20px;}
.recurring-events .tab-col:not(.info) .btn:hover {background: #0A00FF;transition: .3s all ease-in-out !important;}
.recurring-events .mobile-btn-view {font-size: 20px;width: 100%;display: block;margin: 40px auto 0 auto;background: #0A00FF;color: #fff !important;height: 55px;display: none;align-items: center;justify-content: center;font-weight: 400;text-transform: capitalize;}

.upcoming-events-list {padding: 0;margin: 0;list-style: none;}
.upcoming-events-list li::before {display: none;}
.upcoming-events-list li {margin: 0 0 30px 0;padding: 15px 25px !important;background: #1C1C1C;display: flex;justify-content: space-between;align-items: center;flex-direction: row;transition: .3s all ease-in-out !important;}
.upcoming-events-list li:last-of-type {margin: 0;}
.upcoming-events-list li:hover {background: #2E2D2B;transition: .2s all ease-in-out !important;}
.upcoming-events-list li .date {font-family: 'Campton', 'Montserrat', sans-serif;font-size: 14px !important;font-weight: normal !important;color: #fff;text-align: center;width: 6%;margin: 0 2% 0 0;}
.upcoming-events-list li .date span {font-size: 30px;font-weight: 500;display: block;}
.upcoming-events-list li .date span:nth-of-type(2) {display: none;}
.upcoming-events-list li .image_wrapper {width: 30%;height: 100%;max-height: 200px;overflow: hidden;padding: 0;}
.upcoming-events-list li .image_wrapper img {width: 100%;height: 200px;object-fit: cover;object-position: center;transform: scale(1.0);transition: .5s all ease-in-out !important;}
.upcoming-events-list li:hover .image_wrapper img {transform: scale(1.2);transition: .5s all ease-in-out !important;}
.upcoming-events-list li .info {height: 200px;width: 42%;padding: 0 20px 0 30px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.upcoming-events-list li .info h5 {margin: 0;font-weight: 500 !important;color: #fff !important;}
.upcoming-events-list li .info .meta span {display: block;color: #fff;font-size: 14px;font-family: 'Campton', 'Montserrat', sans-serif;font-weight: 300;}
.upcoming-events-list li a {outline: none !important; border: none !important;width: 20%;background: #2E2D2B;color: #fff !important;text-align: center;padding: 10px;transition: .3s all ease-in-out !important;}
.upcoming-events-list li:hover a {background: #0A00FF;transition: .3s all ease-in-out !important;}
.upcoming-events .load-more-btn {outline: none !important; border: none !important;margin: 60px auto 0 auto;display: block;text-align: center;padding: 10px;background: #0A00FF;color: #fff !important;width: 25%;transition: .3s all ease-in-out !important;}
.upcoming-events .load-more-btn:hover {transition: .3s all ease-in-out !important;background: #fff;color: #0A00FF !important;}
.upcoming-events .btn__wrapper.loading .load-more-btn, .upcoming-events .btn__wrapper.loading .load-more-btn:hover {pointer-events: none;background: #2e2d2b;}
.upcoming-events .btn__wrapper .wpcf7-spinner {display: block;margin: 20px auto 0 auto;}
.upcoming-events .btn__wrapper.loading .wpcf7-spinner {visibility: visible;}

.today-event {margin: 160px 0 0 0;}
.today-event .image-wrapper {width: 60%;margin: 0 0 0 auto;position: relative;display: block;overflow: hidden;} 
.today-event .content {width: 60%;margin: -45% auto 0 0;background: #1C1C1C;position: relative;}
.today-event .image-wrapper::before, .today-event .content::before, .today-event .content .time::before {content: '';display: block;padding-bottom: 100%;} 
.today-event .image-wrapper img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.0);transition: .5s all ease-in-out !important;}
.today-event .image-wrapper:hover img {transform: scale(1.2);transition: .5s all ease-in-out !important;}
.today-event .content .content-wrapper {position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 50px;}
.today-event .content .content-wrapper h2 {color: #fff !important;margin: 0;}
.today-event .content .content-wrapper .description {margin: 30px 0 50px 0;font-size: 16px;font-weight: 300;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;}
.today-event .content .content-wrapper a {width: fit-content;outline: none !important;border: none !important;font-size: 20px;color: #fff !important;font-weight: 500;display: flex;flex-direction: row;align-items: center;}
.today-event .content .content-wrapper a .play-btn {width: 60px;height: 60px;margin: 0 0 0 20px;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url('img/play.svg');transform: scale(1);transition: .3s all ease-in-out;}
.today-event .content .content-wrapper a:hover .play-btn {transform: scale(1.2);transition: .3s all ease-in-out;}
.today-event .content .time {position: absolute;bottom: 0;right: 0;background: #0A00FF;width: 150px;color: #fff;}
.today-event .content .time-labels {display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;width: 100%;height: 100%;font-family: 'Campton', 'Montserrat', sans-serif !important;font-weight: normal;font-size: 16px;}
.today-event .content .time-labels span {font-weight: 500;font-size: 28px;line-height: 38px;}

/* Single Event */
body.single-etn {background: #0F0F0F;}
.etn-event-single3.etn-event-banner-wrap {position: relative;padding: 30px 0 70px 0;}
.etn-event-single3.etn-event-banner-wrap::before {content: '';background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.etn-event-single3 .etn-event-banner-content {height: 590px;display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-end;}
.etn-event-single-wrap.etn-event-single3 {padding: 0px 15px;}

.single-etn .etn-header-content {border-bottom: 0.5px solid #FFFFFF;padding: 80px 0 60px 0;}
.single-etn .etn-header-content .top-content {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.single-etn .etn-header-content .top-content .etn-header-info .category {display: block;color: #fff;font-style: italic;font-weight: 300;font-size: 22px;margin: 0 0 40px 0;}
.single-etn .etn-header-content .top-content .etn-header-info .date {display: block;color: #fff;font-weight: 300;font-size: 25px;}
.single-etn .etn-header-content .top-content .booking-btn {display: block;color: #fff;font-weight: 300;font-size: 25px;background: #0a00ff;padding: 15px 80px;border: none !important;outline: none !important;transition: .2s all ease-in-out !important;}
.single-etn .etn-header-content .top-content .booking-btn:hover {color: #0a00ff;background: #fff;border: none !important;outline: none !important;transition: .2s all ease-in-out !important;}
.single-etn .etn-header-content .top-content .warning {color: red;font-size: 22px;}
.single-etn .etn-header-content .bottom-content {display: flex;flex-direction: row;justify-content: space-between;margin: 60px 0 0 0;}
.single-etn .etn-header-content .bottom-content span {color: #fff;font-size: 22px;font-weight: 300;}
.single-etn .etn-content-wrap h3 {margin: 80px 0;}
.single-etn .etn-content-wrap p {color: #fff;font-weight: 300;}
.single-etn .custom-modal-overlay {display: none;z-index: 11;position: fixed;height: 100%;background: rgba(10,0,255,0.5);width: 100%;top: 0;bottom: 0;right: 0;left: 0;}
.single-etn .custom-modal-overlay .custom-modal {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;padding: 45px 25px;width: 50%;height: 100%;max-height: 80%;overflow: hidden scroll;}
.single-etn .custom-modal-overlay .custom-modal::-webkit-scrollbar-track {background-color: transparent;}
.single-etn .custom-modal-overlay .custom-modal::-webkit-scrollbar {width: 8px;background-color: transparent;}
.single-etn .custom-modal-overlay .custom-modal::-webkit-scrollbar-thumb {background-color: #0a00ff;}
.single-etn .custom-modal-overlay .custom-modal .close-modal {position: absolute;width: 30px;height: 30px;top: 20px;right: 20px;filter: invert(1);background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url('img/close.png');opacity: 0.7;}
.single-etn .custom-modal-overlay .custom-modal .close-modal:hover {opacity: 1;border-bottom: none !important;}
.single-etn .custom-modal-overlay .custom-modal .seating-plan-wrapper {width: 100%;margin: 0 0 20px 0;}
.single-etn .custom-modal-overlay .custom-modal .seating-plan-wrapper img {width: 100%;height: auto;}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce .woocommerce-form-register .woocommerce-form-register__submit {width: 100%;margin: 20px 0 0 0;background-color: #0a00ff !important;font-size: 20px !important;text-transform: capitalize !important;font-weight: 500 !important;}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover, .woocommerce .woocommerce-form-register .woocommerce-form-register__submit:hover {background-color: #fff !important;color: #0A00FF;}

.etn-attendee-registration-page {background: #0F0F0F;}
.etn-attendee-form .attendee-title {color: #fff;}
.etn-ticket-single-variation-details, .etn-attendee-form-wrap .attr-form-control {border-radius: 0 !important;}
.etn-ticket-single-variation-details {color: #0F0F0F;}
.etn-input-field-required {color: #0A00FF;}
.attendee-button-wrapper {text-align: unset;display: flex;justify-content: space-between;}
.etn-attendee-form .etn-btn.etn-btn-secondary {width: 48%;color: #fff;text-align: center;border-radius: 0 !important;border-radius: 0;background: transparent;}
.etn-attendee-form .etn-btn.etn-btn-secondary:hover {color: #0F0F0F;background: #fff;}
.etn-attendee-form .attendee_submit {width: 48%;margin: 0;border-radius: 0;}
.etn-attendee-form .attendee_submit:hover {background-color: #fff !important;color: #0a00ff;}
.etn-variable-ticket-widget .etn-add-to-cart-block.disabled {border: none !important;}
.blockUI.blockOverlay {background-color: transparent !important;}

.visualcomposerstarter .woocommerce-message, .visualcomposerstarter.woocommerce .woocommerce-message {background-color: #0a00ff;}
.woocommerce form .form-row .required {color: #0a00ff;}
.visualcomposerstarter .woocommerce form.checkout .vct-main-form-content h3 {color: #fff;}
.visualcomposerstarter .woocommerce form .form-row input, .visualcomposerstarter .woocommerce form .form-row textarea {width: 100%;padding: 25px 30px;background-color: #1C1C1C;color: #fff;border: 1px solid #1C1C1C;border-radius: 0px;transition: 0.2s all ease-in-out;font-weight: 300;font-size: 20px;}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {right: 30px;top: 50%;cursor: pointer;transform: translateY(-50%);}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {display: none;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {border: none;background: #2E2D2B;}
.woocommerce-form p {font-weight: 300 !important;}
.woocommerce-form p a {color: #fff;}
.visualcomposerstarter .vct-side-summary, .visualcomposerstarter.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {background: #1c1c1c;}
.visualcomposerstarter .woocommerce .button[name=apply_coupon], .visualcomposerstarter .woocommerce .button[name=update_cart], .visualcomposerstarter .woocommerce .vct-checkout-button {background-color: #fff;color: #0a00ff !important;border-color: #fff;font-size: 18px;transition: .2s all ease-in-out;text-transform: capitalize;}
.woocommerce button.button[name="update_cart"], .button[name="apply_coupon"], .vct-checkout-button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {color: #fff !important;border-color: transparent;} 
.visualcomposerstarter.woocommerce-cart .woocommerce table.cart td {border-bottom: 1px solid #fff;}
.visualcomposerstarter .woocommerce .button[name=apply_coupon]:hover, .visualcomposerstarter .woocommerce .button[name=update_cart]:hover, .visualcomposerstarter .woocommerce .vct-checkout-button:hover {background-color: #0a00ff !important;color: #fff !important;border-color: #0a00ff;transition: .2s all ease-in-out;}
.visualcomposerstarter .woocommerce form .form-row textarea {resize: vertical;overflow: hidden;}
.visualcomposerstarter .vct-promo-content input {font-weight: 300;background: transparent;border: 1px solid #fff;}
.visualcomposerstarter .woocommerce form .form-row input:focus, .visualcomposerstarter .woocommerce form .form-row textarea:focus, .visualcomposerstarter .vct-promo-content input:focus {border: 1px solid #0a00ff;transition: .2s all ease-in-out;}

.visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-MyAccount-orders td, .visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-MyAccount-orders th, .visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-downloads td, .visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-downloads th {border-bottom: 1px solid rgba(255,255,255,1);}

.visualcomposerstarter .woocommerce form.checkout {flex-wrap: wrap;align-items: start;flex-direction: column;justify-content: space-between;max-height: 1550px;margin: 50px 0 0 0;position: relative !important;}
.visualcomposerstarter .woocommerce form.checkout .vct-main-form-content {flex: unset;padding-right: 0%;width: 60%;}
.visualcomposerstarter .woocommerce form.checkout .vct-side-summary {flex: unset;width: 35%;margin: 0 0 0 5%;}
.visualcomposerstarter .woocommerce form.checkout #payment.woocommerce-checkout-payment {flex: unset;width: 35%;margin: 0 0 0 5%;padding-right: 0%; }
.vce-hoverbox--fade-overlay .vce-hoverbox-background {transition: -webkit-transform .75s ease-in-out !important;transition: transform .75s ease-in-out !important;transition: transform .75s ease-in-out,-webkit-transform .75s ease-in-out !important;}
.visualcomposerstarter .woocommerce form.checkout #payment #place_order {width: 100%;margin: 30px 0 0 0;background: #0a00ff;text-transform: capitalize;font-size: 20px;transition: .2s all ease-in-out;}
.visualcomposerstarter .woocommerce form.checkout #payment #place_order:hover {color: #0a00ff !important;background: #fff;transition: .2s all ease-in-out;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {background: #0a00ff !important;text-transform: capitalize !important;font-size: 20px !important;transition: .2s all ease-in-out;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {color: #0a00ff !important;background: #fff !important;transition: .2s all ease-in-out;}
.visualcomposerstarter .woocommerce form.checkout #payment ul.payment_methods {border-bottom: unset !important;}
.visualcomposerstarter .woocommerce form.checkout #payment ul.payment_methods li {border-bottom: 1px solid #cfc8d8 !important;margin-bottom: 0;display: flex;flex-direction: row;flex-wrap: wrap;}
.visualcomposerstarter .woocommerce form.checkout #payment ul.payment_methods li .input-radio {display: block;}
.visualcomposerstarter .woocommerce form.checkout .payment_methods label {max-width: calc(100% - 33px);}

.space-col .vce-col-content {display:flex;flex-direction: row;justify-content: space-between;align-items: center;}
.space-col .vce-button--style-basic-container {width: fit-content;}

.visualcomposerstarter .select2 {border: none !important;}
.visualcomposerstarter .vct-side-summary h3, .visualcomposerstarter.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {font-size: var(--h3-font-size) !important;    line-height: var(--h3-line-height) !important; }
.visualcomposerstarter .select2-container--default .select2-selection--single, .visualcomposerstarter .select2-container--default .select2-selection--single .select2-selection__arrow {height: 69px;background-color: transparent;}
.visualcomposerstarter .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: unset;font-weight: 300;background: #1c1c1c;padding: 20px 38px 20px 30px;}
.visualcomposerstarter .woocommerce-NoticeGroup, .visualcomposerstarter.woocommerce .woocommerce-NoticeGroup {position: absolute; top: -90px;left:0;right:0;}
.visualcomposerstarter .woocommerce-error, .visualcomposerstarter.woocommerce .woocommerce-error {border-top-color: #ffffff;background: #1c1c1c;flex-wrap: wrap;padding: 0 0 0 50px;color: #fff;width: 100%;}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {left: 25px;transform: translate(-50%,-50%);}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {color: #fff !important;margin: 0 0 0 5px !important;}
.visualcomposerstarter .woocommerce-error .vct-close-woocommerce-msg-container, .visualcomposerstarter.woocommerce .woocommerce-error .vct-close-woocommerce-msg-container {right: 25px;top: 50%;transform: translate(50%, -50%);}
.visualcomposerstarter .woocommerce-order .woocommerce-column__title, .visualcomposerstarter .woocommerce-order .woocommerce-order-details__title, .visualcomposerstarter .vct-thank-you-title {font-size: var(--h3-font-size) !important;    line-height: var(--h3-line-height) !important;}
.visualcomposerstarter .woocommerce-order .woocommerce-order-details { margin-top: 30px;}
.visualcomposerstarter .woocommerce-order .woocommerce-customer-details, .visualcomposerstarter .woocommerce-order .woocommerce-order-details {width: 100%;}
.etn-thankyou-page-order-details {display: none !important;}
.visualcomposerstarter .vct-thank-you-footer a {width: 50%;display: block;margin: auto;background: #0f00aa !important;color: #fff !important;font-size: 20px;border: none !important;transition: .2s all ease-in-out;}
.visualcomposerstarter .vct-thank-you-footer a:hover {background: #fff !important;color: #0f00aa !important;transition: .2s all ease-in-out;}

.visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-navigation li::before {display: none;}
.visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-navigation li {padding: 0px !important;;margin: 0 0 8px 0 !important;;}
.visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-navigation li a {width: 100%;display: block;text-align: center;padding: 18px 0;color: #fff !important;font-size: 18px !important;font-weight: 800;transition: .2s all ease-in-out;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-ms-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;border: 0.5px solid rgba(255,255,255,0.2) !important;}
.visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-navigation li:hover a, .visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {border: 0.5px solid #0f00aa !important;background: #0f00aa;color: #fff;}
.visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {opacity: 1;}
a.woocommerce-button.button {background: #0f00aa !important;color: #fff !important;transition: .2s all ease-in-out;}
a.woocommerce-button.button:hover {background: #fff !important;color: #0f00aa !important;transition: .2s all ease-in-out;}
.visualcomposerstarter .woocommerce-info, .visualcomposerstarter.woocommerce .woocommerce-info {background: #0f00aa;}
.visualcomposerstarter div.woocommerce-error .button, .visualcomposerstarter div.woocommerce-error .restore-item, .visualcomposerstarter div.woocommerce-error a.button, .visualcomposerstarter div.woocommerce-info .button, .visualcomposerstarter div.woocommerce-info .restore-item, .visualcomposerstarter div.woocommerce-info a.button, .visualcomposerstarter div.woocommerce-message .button, .visualcomposerstarter div.woocommerce-message .restore-item, .visualcomposerstarter div.woocommerce-message a.button, .visualcomposerstarter.woocommerce div.woocommerce-error .button, .visualcomposerstarter.woocommerce div.woocommerce-error .restore-item, .visualcomposerstarter.woocommerce div.woocommerce-error a.button, .visualcomposerstarter.woocommerce div.woocommerce-info .button, .visualcomposerstarter.woocommerce div.woocommerce-info .restore-item, .visualcomposerstarter.woocommerce div.woocommerce-info a.button, .visualcomposerstarter.woocommerce div.woocommerce-message .button, .visualcomposerstarter.woocommerce div.woocommerce-message .restore-item, .visualcomposerstarter.woocommerce div.woocommerce-message a.button {width: auto;}
.visualcomposerstarter.woocommerce button.button, .visualcomposerstarter.woocommerce a.button.product_type_simple, .visualcomposerstarter.woocommerce a.button.product_type_grouped, .visualcomposerstarter.woocommerce a.button.product_type_variable, .visualcomposerstarter.woocommerce a.button.product_type_external, .visualcomposerstarter .woocommerce .buttons a.button.wc-forward, .visualcomposerstarter .woocommerce #place_order, .visualcomposerstarter .woocommerce .button.checkout-button, .visualcomposerstarter .woocommerce .button.wc-backward, .visualcomposerstarter .woocommerce .track_order .button, .visualcomposerstarter .woocommerce .vct-thank-you-footer a, .visualcomposerstarter .woocommerce .woocommerce-EditAccountForm .button, .visualcomposerstarter .woocommerce .woocommerce-MyAccount-content a.edit, .visualcomposerstarter .woocommerce .woocommerce-mini-cart__buttons.buttons a, .visualcomposerstarter .woocommerce .woocommerce-orders-table__cell .button, .visualcomposerstarter .woocommerce a.button, .visualcomposerstarter .woocommerce button.button {background-color: #0A00FF !important;color: #fff !important;font-weight: 500 !important;font-size: 20px !important;}
.visualcomposerstarter.woocommerce button.button:hover, .visualcomposerstarter.woocommerce a.button.product_type_simple:hover, .visualcomposerstarter.woocommerce a.button.product_type_grouped:hover, .visualcomposerstarter.woocommerce a.button.product_type_variable:hover, .visualcomposerstarter.woocommerce a.button.product_type_external:hover, .visualcomposerstarter .woocommerce .buttons a.button.wc-forward:hover, .visualcomposerstarter .woocommerce #place_order:hover, .visualcomposerstarter .woocommerce .button.checkout-button:hover, .visualcomposerstarter .woocommerce .button.wc-backward:hover, .visualcomposerstarter .woocommerce .track_order .button:hover, .visualcomposerstarter .woocommerce .vct-thank-you-footer a:hover, .visualcomposerstarter .woocommerce .woocommerce-EditAccountForm .button:hover, .visualcomposerstarter .woocommerce .woocommerce-MyAccount-content a.edit:hover, .visualcomposerstarter .woocommerce .woocommerce-mini-cart__buttons.buttons a:hover, .visualcomposerstarter .woocommerce .woocommerce-orders-table__cell .button:hover, .visualcomposerstarter .woocommerce a.button:hover, .visualcomposerstarter .woocommerce button.button:hover {background-color: #fff !important;color: #0A00FF !important;font-weight: 500 !important;font-size: 20px !important;}
.single-etn form.etn-event-form-parent small {font-size: 150%;display: block;width: 100%;color: #000;text-align: center;margin: 40px 0 0 0;}
.single-etn form.etn-event-form-parent small a:hover {color: #000 !important;}
.woocommerce-order-received .woocommerce-order {font-size: 0;}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details,
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details {font-size: 20px;color: #fff;text-align: left;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background: #1c1c1c00 !important;}
.woocommerce-order .areeba-order-details .woocommerce-order-details .woocommerce-order-details, .woocommerce-order .areeba-order-details .woocommerce-order-details .order-again {display: none;}

/* Public Profile */
.page-template-single-profiles {background: #161613;display: flex;min-height: 100vh;flex-direction: column;}
.page-template-single-profiles header {display: none;}
.page-template-single-profiles .user-id-page {height: 100%;min-height: calc(100vh - 370px);}
.page-template-single-profiles .user-id-page .container,
.page-template-single-profiles .user-id-page .container .row,
.page-template-single-profiles .user-id-page .container .row .col-12 {min-height: inherit;}
.page-template-single-profiles .user-id-page .container .row .col-12 {display: flex;flex-direction: column;padding: 65px 15px 0 15px;position: relative;justify-content: center;}
.page-template-single-profiles .user-id-page .container .row .col-12 .logo {position: absolute;top: 65px;display: block;width: 140px;left: 15px;}
.page-template-single-profiles .user-id-page .container .row .col-12 .logo img {width: 100%;}
.page-template-single-profiles .user-id-page .container .row .col-12 .not-found-element {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.page-template-single-profiles .user-id-page .container .row .col-12 .not-found-element a, .download-qr-btn {outline: none !important;border: none !important;background: #2E2D2B;color: #fff !important;text-align: center;padding: 10px 60px;transition: .3s all ease-in-out !important;margin: 30px 0 0 0;border-radius: 0;font-size: 20px;}
.page-template-single-profiles .user-id-page .container .row .col-12 .not-found-element a:hover, .download-qr-btn:hover {background: #0A00FF;transition: .3s all ease-in-out !important;}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card {margin: 150px 0 100px 0;background: #1C1C1C;border: 2px solid #fff;border-radius: 20px !important;padding: 20px;}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-header {display: flex;align-items: center;justify-content: flex-end;}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-header h6 {font-weight: 300;}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-header img {width: 100px;margin: 0 0 0 20px;}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-content {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;margin: 40px 0 20px 0;}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-content img {width: 300px;}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-content .info {width: calc(100% - 350px);}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-content .info .info-row {border-bottom: 1px solid #fff;width: 100%;margin: 0 0 20px 0;}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-content .info .info-row span {font-weight: 400;font-size: 16px;display: block;margin: 0 0 5px 0;}
.page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-content .info .info-row p {font-size: 22px;text-transform: capitalize;}
.download-qr-btn {margin: 0 0 0 20px; padding: 10px 30px;}
.metro-alert-msg {color: red;margin: 0 0 20px 0;width: 100%;display: none;}
/* .not-found-elements */

.objectives-title .vce-text-block-wrapper {margin-left: -60px}
.objectives-title .vce-text-block-wrapper h2 {text-align: left !important;}

body.vcwb.woocommerce-checkout {background-color: #0f0f0f;}
.checkout-content-area {margin-top: 300px;}
.visualcomposerstarter .checkout-content-area .woocommerce form.checkout {margin: 0;}

.metro-contact-form form .custom-form-field .wpcf7-form-control.wpcf7-radio .wpcf7-list-item.first {margin: 0;} 

.seat-remaining-text {display: none;}

.visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-MyAccount-orders td a {color: #fff !important;}

@media (min-width: 992px) and (max-width: 1199px) {
	.checkout-content-area {margin-top: 250px;}
}

@media (min-width: 544px) and (max-width: 767px) {
	.checkout-content-area {margin-top: 200px;}
}

@media (max-width: 1200px) {
    #footer .footer-bottom .container .footer-right-block {left: 0;transform: translate(0%, -50%);}

	.objectives-title .vce-text-block-wrapper {margin-left: unset}
	.objectives-title .vce-text-block-wrapper h2 {text-align: right !important;}
}

@media (max-width: 992px) {
	.objectives-title .vce-text-block-wrapper h2 {text-align: center !important;}
    .footer-widget-area {padding: 40px 0 0 0;}
    #footer .footer-bottom {padding: 40px 0;}
    .footer-widget-area>.container>.row>.col-md-12 {display: flex;justify-content: space-between;}
    .footer-widget-area .widget {width: 50%;display: flex;flex-direction: row;flex-wrap: wrap;}
    .footer-widget-area ul.menu#menu-footer-main-menu, .footer-widget-area ul.menu#menu-footer-secondary-menu {flex-direction: column;margin: 0;}
    .footer-widget-area ul.menu#menu-footer-main-menu li, .footer-widget-area ul.menu#menu-footer-secondary-menu li {padding: 0 0 15px 0;}
    .footer-widget-area ul.menu#menu-footer-main-menu li:last-of-type, .footer-widget-area ul.menu#menu-footer-secondary-menu li:last-of-type {padding: 0;}
    .footer-widget-area ul.menu#menu-footer-secondary-menu li a {font-size: 22px;font-weight: normal;}

    .metro-contact-form form .custom-form-field {margin-bottom: 40px;}

    .recurring-events ul.navs, .mm-filter.two-cols::before {display: none;}
    .recurring-events .category-filter {display: block;}
    .recurring-events .tab-col {width: 50%;}

    .mm-filter.two-cols {flex-direction: column;margin: 0 0 25px 0;}
    .mm-filter.two-cols .date-picker-wrapper, .mm-filter.two-cols .wrapper-dropdown {width: 100% !important;}
    .mm-filter.two-cols .date-picker-wrapper {margin: 0 0 25px 0;}

    .space-col .vce-col-content {flex-direction: column;}
    .space-col .vce-button--style-basic-container,
    .space-col .vce-button--style-basic-container,
    .space-col .vce-button--style-basic-container .vce-button--style-basic-wrapper,
    .space-col .vce-button--style-basic-container .vce-button--style-basic-wrapper a.vce-button {width: 100% !important;}

    .visualcomposerstarter .woocommerce form.checkout .vct-main-form-content {width: 47%;margin:0 3% 0 0;}
    .visualcomposerstarter .woocommerce form.checkout #payment.woocommerce-checkout-payment, .visualcomposerstarter .woocommerce form.checkout .vct-side-summary {width: 50%;margin:0;}

    .page-template-single-profiles .user-id-page {min-height: calc(100vh - 405px);}
	.single-etn .custom-modal-overlay .custom-modal {width: 75%;}
}

@media (max-width: 767px) {
    body.no-scroll {overflow-y: hidden;}
    #main-menu {background-color: #0a00ff;padding: 100px 30px 0 30px !important;width: 100%;top: 0;left: 0;right:0;height: 100vh;right: unset;bottom: 0;pointer-events: none;opacity:0;visibility: hidden;}
    #main-menu.open {margin-left: 0px;visibility: visible;}
    #main-menu .button-close {display: block;width: 30px;height: 38px;cursor: pointer;color: #fff;margin: 0 0 30px auto;}
    #main-menu .button-close span {font-size: 30px;}

    #footer .footer-bottom .container .footer-right-block {position: unset;width: fit-content;margin: 25px 0 0 -15px;}
    #footer .footer-bottom .container .footer-left-block {margin: 0;}

    .metro-btn, .metro-btn button {font-size: 18px !important;}

    .metro-contact-form form .custom-form-field {margin-bottom: 20px;}
    .metro-contact-form form .custom-form-field.half {width: 100%;}
    .metro-contact-form form .custom-form-submit p {text-align: center;flex-direction: column;justify-content: center;align-items: center;}
    .metro-contact-form form .custom-form-submit p .wpcf7-spinner {margin: 25px 25px 0 25px;}
    .metro-contact-form form .custom-form-submit p input {width: 100%;}
    .metro-space-images .vce-hoverbox.vce-hoverbox--custom-size .vce-hoverbox-wrapper {padding-bottom: 100% !important;}

    .single-productions .tabs-element .mm-tabs {margin: 80px 0 60px 0;}

    .productions-list {margin: 80px 0 80px 0;}
    .prod-pagination {margin: 60px 0 0 0;}

    .productions-list .prod-item .post-info {width: 60%;}

    .today-event {margin: 100px 0 0 0;}

    .upcoming-events-list {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin: 0 -15px !important;}
    .upcoming-events-list li {width: 50%;display: block;background: transparent;padding: 0 15px !important;height: 500px;}
    .upcoming-events-list li:hover {background: transparent;}
    .upcoming-events-list li a {outline: none !important;border: none !important;width: 100%;background: #2E2D2B;color: #fff !important;text-align: center;padding: 10px;transition: .3s all ease-in-out !important;margin: 15px 0 0 0;border-radius: 0;width: calc(100% - 30px);display: block;position: absolute;bottom: 0;}
    .upcoming-events-list li:hover a {background: #2E2D2B;}
    .upcoming-events-list li a:hover {background: #0A00FF;transition: .3s all ease-in-out !important;}
    .upcoming-events-list li .image_wrapper {width: calc(100% - 30px);height: calc(100% - 55px);max-height: unset;overflow: hidden;position: absolute;top: 0;left: 15px;right: 15px;}
    .upcoming-events-list li .image_wrapper img {height: 100%;width: 100%;}
    .upcoming-events-list li .date {width:auto;z-index: 1;position: absolute;color: #fff;top: 0;right: 15px;background: #0F0F0F;padding: 10px;text-align: center;margin:0;font-size: 0px !important;line-height: 0;}
    .upcoming-events-list li .date span {display: block;font-weight: 400;font-size: 18px;line-height: 21px;text-transform: uppercase;}
    .upcoming-events-list li .date span:nth-of-type(2) {display: block;font-weight: 400;font-size: 18px;line-height: 21px;text-transform: uppercase;}
    .upcoming-events-list li .info {position: absolute;bottom: 55px;left: 15px;background: #0F0F0F;width: 85%;padding: 5px 0 0 0;display: block;height: auto;}
    .upcoming-events-list li .info h5 {display: block;font-weight: 500 !important;font-size: 16px !important;margin: 0 !important;}
    .upcoming-events-list li .info .meta span {font-weight: normal;font-style: italic;font-size: 16px;}
    .upcoming-events-list li .info .meta span:nth-of-type(2) {display: none;}

    .today-event .image-wrapper {width: 75%;}
    .today-event .content {width: 75%;margin: -25% 0 0 0;}
    .today-event .content .time {width: 120px;}
    .today-event .content .time-labels span {font-size: 22px;line-height: 32px;}

    .single-productions .content {margin: 60px 0 0 0;}
    .video-element {margin: 60px 0 0 0;}
    .gallery-element h3, .single-etn .etn-content-wrap h3, .cast-element h3 {margin: 60px 0;}

    .single-etn .etn-header-content .top-content {flex-direction: column-reverse;}
    .single-etn .etn-header-content .top-content .etn-header-info, .single-etn .etn-header-content .top-content .booking-btn, .single-etn .etn-header-content .top-content .warning {width: 100%;}
    .single-etn .etn-header-content .top-content .booking-btn {text-align: center;}
    .single-etn .etn-header-content .top-content .etn-header-info .category {margin: 40px 0 20px 0;}
    .single-etn .etn-header-content .bottom-content span {width: 33.33%;}
    .single-etn .etn-header-content .bottom-content span b {display: block;margin: 15px 0 0 0;}

    .visualcomposerstarter .woocommerce table.shop_table td, .visualcomposerstarter .woocommerce table.shop_table th {width: 100%;}
    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {margin: 0 0 50px 0;}
    .visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:last-child td, .visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:last-child th, .visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-downloads tbody tr:last-child td, .visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-downloads tbody tr:last-child th {border-bottom: 1px solid rgba(255,255,255,1)}

    .visualcomposerstarter .woocommerce form.checkout {max-height: unset;}
    .visualcomposerstarter .woocommerce form.checkout .vct-side-summary {width: 100%;order:0;}
    .visualcomposerstarter .woocommerce form.checkout #payment.woocommerce-checkout-payment {width: 100%;order: 2;}
    .visualcomposerstarter .woocommerce form.checkout .vct-main-form-content {margin: 30px 0 0 0;width: 100%;order: 1;}

    .page-template-single-profiles .user-id-page {min-height: calc(100vh - 467px);}
    .page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-header {width: fit-content;margin: auto;justify-content: unset;flex-direction: column-reverse;}
    .page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-header img {margin: 0 0 20px 0;}
    .page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-header h6 {font-weight: 500;font-size: 22px;text-align: center;}
    .page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-content {display: flex;flex-direction: column;align-items: center;width: 100%;margin: 50px 0 0 0;}
    .page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-content img {width: 100%;margin: 0 0 30px 0;max-width: 450px;object-fit: cover;}
    .page-template-single-profiles .user-id-page .container .row .col-12 .metro-id-card .card-content .info {width: 100%;}
	
	.single-etn .custom-modal-overlay .custom-modal {width: 75%;}
}

@media (max-width: 567px) {
    .recurring-events .tab-col {width: 100%;position: relative;height: auto;}
    .recurring-events .tab-col:not(.info)::before {content:'';padding-bottom: 120%;display: block;}
    .recurring-events .tab-col:not(.info) .event-details {position: absolute;top: 0;right: 15px;left: 15px;width: calc(100% - 30px);}

    .upcoming-events-list li {width: 100%;height: auto;}
    .upcoming-events-list li::before {content: '' !important;padding-bottom: 120%;display: block;width: 100%;position: unset !important;}

    .today-event .image-wrapper, .today-event .content {width: 100%;}
    .today-event .content {padding: 20px 20px 40px 20px;}
    .today-event .content .content-wrapper {padding: 0;position: unset;transform: unset;}
    .today-event .content::before {display: none;}

    .single-etn .etn-header-content .bottom-content {flex-wrap: wrap;}
    .single-etn .etn-header-content .bottom-content span {width: 50%;margin: 0 0 20px 0;}
    .single-etn .etn-header-content .bottom-content span:last-of-type {margin: 0;}

    .page-template-single-profiles .user-id-page {min-height: calc(100vh - 473px);}
	
	.checkout-content-area {margin-top: 150px;}
	.single-etn .custom-modal-overlay .custom-modal {width: 100%;max-height: 100%;}
}

@media (max-width: 450px) {
    .daterangepicker {background-color: rgba(28,28,28,1);border-radius: 0px;border: 1px solid rgba(28,28,28,1);left: 15px;right: 15px;width: calc(100% - 30px);}
    .daterangepicker .drp-calendar {max-width: unset !important;}

    #main-menu {padding: 50px 15px 0 15px !important;width: 100%;}
    #main-menu.open {margin-left: 0%;}
    .navbar .navbar-wrapper {padding: 25px 15px;}

    .navbar .navbar-toggle {width: 36px;height: 26px;}
    .navbar .navbar-toggle span {height: 4px;}
    .navbar .navbar-brand img {width: 100px;}
    #main-menu .button-close span {font-size: 26px;}

    /* .footer-widget-area>.container>.row>.col-md-12 {flex-direction: column;} */
    .footer-widget-area .widget {width: 100%;margin: 0 0 15px 0;}
    .footer-widget-area .widget:last-of-type {margin: 0;}
    #footer .footer-bottom .container .footer-right-block .footer-socials ul li {margin: 0 15px 0 0;}
    #footer .footer-socials ul li a span {width: 35px;height: 35px;}
    #footer .footer-bottom {padding: 20px 0;}
    .footer-widget-area ul.menu#menu-footer-main-menu li a,
    .footer-widget-area ul.menu#menu-footer-secondary-menu li a {font-size: 17px;}
    /* #footer .menu-footer-main-menu-container {width: 100%;} */
    /* .footer-widget-area ul.menu#menu-footer-main-menu {display: block;width: 100%;} */
    /* .footer-widget-area ul.menu#menu-footer-secondary-menu {display: block;width: 100%;} */

    .single-productions .custom-page-header {padding-bottom: 0;}
    .single-productions .custom-page-header .custom-page-header-content {height: 55vh;align-items: center;justify-content: center;}
    .mrg-desktop-page-header .vce-row-content {height: 55vh;align-content: center;}
    .mrg-header-title h1 {text-align: center !important;}
    
    .single-productions .tabs-element .mm-tabs {margin: 60px 0 50px 0;}
    .single-productions .tabs-element .title-dropdown {padding: 15px 35px 20px 20px;}
    .single-productions .tabs-element .mm-tabs .tab {padding: 0 20px;}
    .single-productions .tabs-element .title-dropdown {justify-content: space-between;}

    .productions-list {margin: 60px 0 60px 0;}
    .prod-pagination {margin: 40px 0 0 0;}
    .productions-list .prod-item .post-info {width: 100%;}
    .productions-list .prod-item {min-height: unset;}
    .productions-list .prod-item::before {content:'';display: block;padding-bottom: 100%;}
    .productions-list .prod-item:hover .post-info .info-shown {opacity: 0;visibility: hidden;}
    .productions-list .prod-item:hover .post-info .info-hidden {opacity: 1;visibility: visible;}
    .productions-list .prod-item .post-info h4 {text-align: center;}
    .video-wrapper {min-height: 350px;}

    .today-event {margin: 80px 0 0 0;}

    .today-event .content {margin: 0;}

    .upcoming-events-list li::before {padding-bottom: 150%;}
    .recurring-events .tab-col:not(.info)::before {padding-bottom: 130%;}

    .recurring-events .tab-col.info {display: none;}
    .recurring-events .mobile-header {display: block;}
    .recurring-events .mobile-btn-view {display: flex;}

    .single-etn .etn-header-content .bottom-content span {width: 100%;}

    .contact-column .vce-col-content .vce-single-image-wrapper {width: 25px !important;margin:0 !important;}
    .contact-column .vce-col-content .vce-single-image-figure-inner {width: 25px !important;}
    .contact-column .vce-col-content .vce-single-image-figure-inner .vce-single-image-inner {padding-bottom: 150% !important;}
    .contact-column .vce-col-content img {width: 25px !important;height: 35px !important;object-fit: contain !important;}
    .contact-column .vce-col-content .vce-text-block {width: calc(100% - 45px);}

    .metro-contact-form form .custom-form-field textarea {max-height: 150px;}

    .page-template-single-profiles .user-id-page {min-height: calc(100vh - 415px);}
    .page-template-single-profiles .user-id-page .container .row .col-12 {padding: 25px 15px 0 15px;}
    .page-template-single-profiles .user-id-page .container .row .col-12 .logo {top: 25px;width: 100px;}
    .page-template-single-profiles .user-id-page .container .row .col-12 .not-found-element a {padding: 10px 0;width: 100%;}
	
	.metro-contact-form form .custom-form-field .wpcf7-form-control.wpcf7-radio {display: flex;flex-direction: column;}
	.metro-contact-form form .custom-form-field .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {margin: 10px 0 0 0 !important;}
	
	.visualcomposerstarter div.woocommerce-error, .visualcomposerstarter div.woocommerce-info, .visualcomposerstarter div.woocommerce-message, .visualcomposerstarter.woocommerce div.woocommerce-error, .visualcomposerstarter.woocommerce div.woocommerce-info, .visualcomposerstarter.woocommerce div.woocommerce-message {    flex-direction: column;
    align-items: center;}
	.visualcomposerstarter div.woocommerce-error .button, .visualcomposerstarter div.woocommerce-info .button, .visualcomposerstarter div.woocommerce-message .button, .visualcomposerstarter.woocommerce div.woocommerce-error .button, .visualcomposerstarter.woocommerce div.woocommerce-info .button, .visualcomposerstarter.woocommerce div.woocommerce-message .button {    margin: 0 !important;
    padding: 15px !important;}
	.visualcomposerstarter .vct-close-woocommerce-msg, .visualcomposerstarter.woocommerce .vct-close-woocommerce-msg {margin-bottom: 10px;order: -1 !important;}
}

@media (max-width: 354px) {
    .page-template-single-profiles .user-id-page {min-height: calc(100vh - 443px);}
}

@media (max-width: 290px) {
    .page-template-single-profiles .user-id-page {min-height: calc(100vh - 463px);}
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
    @keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@media print {
    #etn_attendee_details_to_print .etn-ticket-main-wrapper {
        display: block;
        width: 100%;
    }

    #etn_attendee_details_to_print .etn-ticket-main-wrapper .ticket-left-side,
    #etn_attendee_details_to_print .etn-ticket-main-wrapper .etn-ticket-qr-code {
        display: block;
        width: 100%;
        max-width: none;
    }

    #etn_attendee_details_to_print .etn-qrImage {
        display: block;
        width: 100%;
        height: auto;
        margin: 1rem; 
        max-width: none;
        max-height: none;
    }
}