/* CSS Document 
Author Name: JThemes
Creation Date: 28 March, 2022
Description: A default stylesheet for Electron Music Event Landing Page Template, Designed & Developed By JThemes.

------------ TABLE OF CONTENT ------------

- PRIMARY COLOR
- SECONDARY
- LIGHT
- DARK GREY


*/
/* ======================= */
/* ========= PRIMARY ======== */
/* ======================= */

a, .price span, h1 span, .subscribe input[type=submit], i.prime, 
ul.list-default li:before, .post-wrap ul li:before, .tab-content ul li:before, .offer h1, .tab-content h3 i, h1 span, h2 span, .upcoming .item .info i, 
.standard-menu.visible .navbar-default .navbar-nav > li > a i, .standard-menu.visible .navbar-default .navbar-nav > li > a span, .standard-menu.visible .navbar-nav li .sub-nav li a i {
	color: var(--primary);
}
.prime .dblBorder:hover, .prime .dblBorder:hover .dblBorderChild {
	border: var(--primary) 1px solid;
}
#subscribeForm input[type="email"] {
	border-color: rgba(var(--primary-rgb), 0.8);
}
/* == Background PRIMARY == */
#slides h3, .btn-primary, .BGprime, h3 span, .option li:hover, .btn-primary, .btn-dark:hover, a.top, .sqaureIconPrime, .owl-theme .owl-controls .owl-buttons div, .upcoming .item:hover, .standard-menu.BGlight .navbar-default .navbar-nav > li:hover, .navbar-nav li .sub-nav li:hover > a, .rightnav, .eventData .btn:hover, #contact_form input[type="submit"]:hover, .subscribe input[type=submit] {
	background-color: var(--primary);
}
/* == use rgba values here == */
.contactForm .form-control:focus, .sqaureIconPrime, .subscribe input[type=submit] {
	-webkit-box-shadow: 0 0 0 0.26em rgba(var(--primary-rgb), 0.5);
	-moz-box-shadow: 0 0 0 0.26em rgba(var(--primary-rgb), 0.5);
	box-shadow: 0 0 0 0.26em rgba(var(--primary-rgb), 0.5);
}
.BGprime.opaque {
	background-color: rgba(var(--primary-rgb), 0.8);
}
/* ======================= */
/* ======= SECONDARY ======= */
/* ======================= */
#celebs .item i, .main-menu li:hover > a i, .main-menu li:hover > a span, #venue strong, #venue label {
	color: var(--secondary);
}
.secondary .dblBorder:hover, .secondary .dblBorder:hover .dblBorderChild {
	border: var(--secondary) 1px solid;
}
#slides .slide .slide-caption .container span, .pricing .package .inner, .pricing hr, #testimonial-slider span, #subscribeForm input[type="text"] {
	border-color: var(--secondary);
}
/* == Background SECONDARY == */

.navbar-default, .BGsecondary, .option li, .btn-default, #testimonial-slider .carousel-indicators li.active, .galleryImg > a span, .sqaureIconSec, .owl-theme .owl-controls .owl-page span, .tabs-left li.active, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .pricing .package:hover, .upcoming .item .img, #testimonial-slider .carousel-indicators li, #slides, #venue .btn:hover, .featureBox:hover .sqaureIconPrime {
	background-color: var(--secondary);
}
/* == use rgba values here == */
.BGsblue.opaqueBG, .member .info {
	background-color: rgba(var(--secondary-rgb), 0.8);
}
.highlight-overlay.light-overlay:after,
.features .boxBg {
	background-color: rgba(var(--secondary-rgb), 0.3);
}
.sqaureIconSec, .featureBox:hover .sqaureIconPrime {
	-webkit-box-shadow: 0 0 0 0.26em rgba(var(--secondary-rgb), 0.5);
	-moz-box-shadow: 0 0 0 0.26em rgba(var(--secondary-rgb), 0.5);
	box-shadow: 0 0 0 0.26em rgba(var(--secondary-rgb), 0.5);
}
/* ======================= */
/* ====== LIGHT ======= */
/* ======================= */
/* == Background LIGHT == */
.BGlight, .services, .upcoming .item, .standard-menu.BGlight.visible {
	background-color: var(--grey);
}
/* ======================= */
/* =====  DARK GREY  ===== */
/* ======================= */
h1, h2, h3, h4, h5, h6, h6 a, .phone small, .offer h1 span, .standard-menu.BGlight.visible .navbar-default .navbar-nav > li > a, .features p {
	color: var(--dark);
}
/* == Background Color4 == */
#slides .slide .slide-caption .container h3 span, .BGdark, .phone:hover .BGsecondary, .btn:hover, .middleBox, .btn-dark, .galleryImg, .social ul li a i, ul.tabs-left, #venue h2, .experts .highlightBox, #slides .slide .img {
	background-color: var(--dark);
}
nav.nav, .standard-menu.BGdark, .eventData .dblBorder:hover .dblBorderChild, .off-canvas-menu.BGdark {
	background-color: var(--darker) !important;
}