@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
  --black: #000000;
  --white: #ffffff;
  --color2: #1B1464;
  --color3: #32338F; 
  --color4: #2FAFE6;
  --color5: #777777;
  --color6: #32338F;
  --color7: #ADE6FF;
  --none: none;
  --font1: "Poppins";
  --font2: "Poppins";
  --logo: url("https://thenextwaveent.com/wp-content/uploads/2022/07/NWE-Logo@2x-1.png");
  --bkgimg: url("https://thenextwaveent.com/wp-content/uploads/2022/07/ggl-24-scaled.jpg");
  
}

/* Site Wide Styles */

.primary-bg-color {
	background:var(--color5)!important;
}

a {
	color: var(--color6);
}

a:hover {
	text-decoration: none;
}

body, form-group, label {
	font-weight: 300;
	font-size: 18px!important;
	font-family: sans-serif;
	font-family: var(--font1);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--white);	
	font-family:sans-serif;
	font-family: var(--font1);
	font-size: 40px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.2em;
}

p {
	color: var(--color6);
} 

#main-body {
	/**background: var(--bkgimg);**/
	background-repeat: no-repeat;
	background-size: cover;
}

.ico-container i{
	color: var(--color6)!important;
}

footer.footer {
	background-color: var(--color5);
}

/* Header Styles */

#header {
	background: var(--white)!important;
}

/* Account Button Style */

#Secondary_Navbar-Account {
	margin: -10px 0 20px 0;
}

#Secondary_Navbar-Account > a {
	background: var(--color2);
	padding: 10px 20px;
	margin-top: -10px;
	text-transform: uppercase;
	font-weight: bold; 
	font-size: 24px!important;
	color: var(--white);
}

#Secondary_Navbar-Account > a:hover {
	color: var(--white);
	background: var(--color6);
}

/* Nav Styles */

#mainNavbar {
	padding: 0.5rem 0;	
}

#nav li a {
	font-family: sans-serif;
	font-family: var(--font1);
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
}

.navbar {
	padding: 1rem 1rem 0.75rem 1rem;
}

a.navbar-brand {
	font-size: 0;
	background-image: var(--logo);
	background-size: contain;
	background-repeat: no-repeat;
	height: 200px;
	width: 200px;
	margin-bottom: -40px;
}

header.header .navbar a {
	color: var(--color2);
}

header.header .navbar a:hover {
	color: var(--color6);
}

.dropdown-item a {
	color: var(--color4)!important;
}

.dropdown-item a:hover {
	color: var(--color3)!important;
}

/* Breadcrumb styles */

.master-breadcrumb {
	background: var(--color3);
}

.breadcrumb{
	background: none!important;
}  

.breadcrumb-item {
	color: var(--white)!important;
}

/* Cart Styles */

#order-standard_cart .sub-heading span {
	color: var(--color7)!important;
}

#order-standard_cart {
	font-size: 18px!important;
}

.cart-body {
background: var(--none);
padding: 40px!important;
border-radius: 15px;
}

.view-cart-items, .summary-container  {
	color: var(--black)!important;
}

#order-standard_cart label {
	color: var(--black)!important;
}

#order-standard_cart .view-cart-items-header {
	background: var(--color3)!important;
	border-radius: 15px 15px 0 0!important;
}

#order-standard_cart .field-help-text {
	font-size: 14px!important;
	color: var(--white)!important;
}

.secondary-cart-body form {
	background: var(--white);
	border-radius: 15px;
} 

.empty-cart {
	margin-bottom: 20px!important;
}
div.account.active label.radio-inline {
color: var(--black)!important
}


/* Product Styles */

.product header span {
color: var(--white)!important;
font-weight: 600;
}

.product header {
background: var(--color3)!important;
}

div.product-desc, div.product-desc p  {
	color: var(--black)!important;
}

/* Card Styles */

h3.card-title {
	color: var(--color2);
	font-weight: 400;
	text-align: left;	
}

.card-body p {
	color: var(--black)!important;	
	text-align: left;
}


.pricing-card-title p {
	color: var(--white)!important;	
}


.card-columns.home{
	display: flex;
} 

.card-columns.home .card-body {
	padding: 20px!important;
}

.card-columns.home .card {
	background: var(--white)!important;
	border: 4px solid var(--color3);
	border-radius: 15px;
}


/* Panel SideBar */

.card-header{
background: var(--black);
}

.list-group-item.active {
	background: var(--color3);
}

/* Card Button Style */

.card .btn {
	border-color: var(--black);
	background-image: linear-gradient(50deg, var(--color4) 0%, var(--color6) 70%)!important;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	box-sizing: border-box;
	color: var(--white);
	cursor: auto;	
}

/* Login Page Styles */

.login-form .form-group, .text-right{
	color: var(--white)!important;
}

.login-form small {
	color: var(--white)!important;
}

.login-form .card-footer a{
	color: var(--color2)!important;
}