/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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 */

body {
   background-color: #000000;
}

div.e-tab-thumbnail {
	display:none;
}

#e-tab-title-1441,
#e-tab-title-1442,
#e-tab-title-1443,
#e-tab-title-1444{
	padding: 0px !important;
	padding-left: 9px !important;
	height: 36px !important;
}

.ha-slick-item {
	border: solid 0px #fff 
	!important;
}
.ha-slick-slide {
	border: solid 0px #fff 
	!important;
}

.ha-slick-title {
	padding: 0px 0px 0px 10px !important;
	background: rgba(33,34,99, .5) !important;
	
}

.ha-slick-subtitle {
	padding: 0px 0px 12px 10px !important;
	background: rgba(33,34,99, .5) !important;
}

i.fa.fa-chevron-up {
	font-size: 18px !important;
	color: #ffffff !important;
}

a#back-to-top.footer-wrapper-backtotop.active {
	bottom: 25px !important;
}

a#back-to-top.footer-wrapper-backtotop.mobile {
	bottom: 0px !important;
}

.footer-legal a:link,
.footer-legal a:visited { 
	color: #ffffff;
}
.footer-legal a:hover,
.footer-legal a:active { 
	color: #ead604;
}



/* --- MODALS ---*/

div.modal-window__content {
	max-width: 900px !important;
	padding: 55px 35px 35px 35px !important;
	top: 50% !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

div.modal-window__content-wrapper {
	padding: 0 !important;
	margin: 0 !important;
}

div.modal-window__content-main {
	font-family: Montserrat !important;
	line-height: 1.75em !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

div.modal-window__content-main p {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	color: #fff;
}

div.modal-window__title {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	margin-bottom: 0 !important;
}


@media (min-width: 360px) {
div.modal-window__content {
	width: 85% !important;
}
div.modal-window__title {
  font-size: 20px !important;
  line-height: 32px !important;
}
div.modal-window__content {
	padding: 48px 18px 18px 18px !important;
}
div.modal-window__content p {
	font-size: 14px !important;
	line-height: 22px !important;
}

}

@media (min-width: 768px) {
div.modal-window__content {
	max-width: 95% !important;
	}
div.modal-window__title {
  font-size: 30px !important;
	}
.modal-window-content p {
	font-size: .85em !important;
	}
}

@media (min-width: 1025px) {
div.modal-window__content {
	max-width: 800px !important;
	}
div.modal-window__title {
  font-size: 30px !important;
	}
div.modal-window__content {
	padding: 48px 35px 15px 35px !important;
	}
.ha-slick-title {
	padding: 8px 0px 0px 10px !important;
	}
.ha-slick-subtitle {
	padding: 0px 0px 12px 10px !important;
	}
HTML
body {
   background-color: #000000;
}

div.e-tab-thumbnail {
	display:none;
}

div#e-tab-title-1441,
div#e-tab-title-1442,
div#e-tab-title-1443,
div#e-tab-title-1444{
	padding: 0px !important;
	padding-left: 9px !important;
	height: 36px !important;
}

.ha-slick-item {
	border: solid 0px #fff 
	!important;
}
.ha-slick-slide {
	border: solid 0px #fff 
	!important;
}

.ha-slick-title {
	padding: 0px 0px 0px 10px !important;
	background: rgba(33,34,99, .5) !important;
	
}

.ha-slick-subtitle {
	padding: 0px 0px 12px 10px !important;
	background: rgba(33,34,99, .5) !important;
}

i.fa.fa-chevron-up {
	font-size: 18px !important;
	color: #ffffff !important;
}

a#back-to-top.footer-wrapper-backtotop.active {
	bottom: 25px !important;
}

a#back-to-top.footer-wrapper-backtotop.mobile {
	bottom: 0px !important;
}

.footer-legal a:link,
.footer-legal a:visited { 
	color: #ffffff;
}
.footer-legal a:hover,
.footer-legal a:active { 
	color: #ead604;
}



/* --- MODALS ---*/

div.modal-window__content {
	max-width: 900px !important;
	padding: 55px 35px 35px 35px !important;
	top: 50% !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

div.modal-window__content-wrapper {
	padding: 0 !important;
	margin: 0 !important;
}

div.modal-window__content-main {
	font-family: Montserrat !important;
	line-height: 1.75em !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

div.modal-window__content-main p {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	color: #fff;
}

div.modal-window__title {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	margin-bottom: 0 !important;
}


@media (min-width: 360px) {
div.modal-window__content {
	width: 85% !important;
}
div.modal-window__title {
  font-size: 20px !important;
  line-height: 32px !important;
}
div.modal-window__content {
	padding: 48px 18px 18px 18px !important;
}
div.modal-window__content p {
	font-size: 14px !important;
	line-height: 22px !important;
}

}

@media (min-width: 768px) {
div.modal-window__content {
	max-width: 95% !important;
	}
div.modal-window__title {
  font-size: 30px !important;
	}
.modal-window-content p {
	font-size: .85em !important;
	}
}


@media (min-width: 1025px) {
div.modal-window__content {
	max-width: 800px !important;
	}
div.modal-window__title {
  font-size: 30px !important;
	}
div.modal-window__content {
	padding: 48px 35px 15px 35px !important;
	}
.ha-slick-title {
	padding: 8px 0px 0px 10px !important;
	}
.ha-slick-subtitle {
	padding: 0px 0px 12px 10px !important;
	}
}

	
		
#vidplayer .e-tab-content.e-active {
    padding-bottom: 0 !important;
    height: 464px !important; /* adjust as needed */
}
#vidplayer iframe {
    height: 100% !important;
}

/* make the playlist 25% of the widget width */
.elementor-widget-video-playlist .e-tabs-wrapper {
	flex: 0 0 25%;
 	max-width: 25%;
	width: 25%;
}

/* ensure the player area uses remaining space */
.elementor-widget-video-playlist .e-tabs-wrapper {
 	flex: 1 1 auto;
 	min-width: 0; /* prevents overflow */
}

