:root {
	--body-color: #707070;
	--link-color: #007bff;
	--cassiopeia-color-primary: red;

	--link-hover-color: #0056b3;
}
h1, h2, h3, h4 {
	color: #232323;
}
h1 {
	margin: 1rem 0;
}
a {
	color: var(--link-color);
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	color: var(--link-hover-color);
	text-decoration: underline;
}
main {
	background-color: #f8f8f8;
	margin: unset !important;
}
main hr {
	opacity: 100%;
}
body.wrapper-fluid .site-grid {
	gap: 0;
}
div.container-topbar div.mod-custom {
	width: 100%;
}
.container-header {
	background-color: white;
}
div.container-top-a {
	background: var(--dark);
}
.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > * {
	margin: auto;
}
.row {
	margin: unset;
}
ul.red-dots {
	list-style: none;
	padding-left: 0px;
}
ul.red-dots li::before {
	content: "\2022";
	color: red;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -0px;
}
.bg-gradient-red {
	background: linear-gradient(to bottom, #ff0000 0%,#c40000 100%);
}
.services-top-bg-img {
	background-position: center;
	background-size: cover;
	min-height: 175px;
	display: grid;
	border-radius: 12px 12px 0px 0px !important;
}
/*******************	Header classes	********************/
#btn-top-login{
	border-radius: 23px;
	border-color: red;
	color: red;
	width: 140px;
}
#btn-top-reg {
	border-radius: 23px;
	background-color: red;
	color: white;
	width: 140px;
}
/*******************	End of Header classes	********************/
/* Main Menu CSS */
nav.navbar {
	padding: 1rem;
	/*--navbar-color: white;
	border-color: white;*/
}
nav.navbar .icon-menu, nav.navbar .navbar-toggler {
	color: white;
	border-color: white;
}
ul.metismenu {
	width: 100%;
}
ul.metismenu li {
	margin: auto;
}
.metismenu-item.active {
	background-color: red;
    border-radius: 8px;
	color: white;
}
.metismenu-item.active a, .metismenu-item.active button {
	color: white !important;
}
.metismenu-item a, .metismenu-item button {
	color: rgba(255,255,255, 0.5) !important;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.metismenu.mod-menu .mm-collapse {
	background-color: var(--dark) !important;
}
li.metismenu-item.deeper ul li {
	margin: auto 3rem;
} 
/* End of Main Menu CSS */
p.readmore a.btn {
	background-color: red;
	color: white;
	border-color: red;
	border-radius: 23px;
	padding-left: 3rem;
	padding-right: 3rem;
}
/* Article Blog Layout */
div.com-content-category-blog h1 {
	text-align: center;
}
hr.blog-title-separator {
	max-width: 20rem;
	border: 2px solid red;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	opacity: 100%;
}
div.card.blog-item {
	background-color: white;
	border-radius: 12px;
	box-shadow: 0 3px 15px 0 rgba(217, 220, 224, 0.84);
}
div.card.blog-item figure {
	margin: 0 -1rem;
} 
div.card.blog-item div.item-content {
	padding: 0 1rem;
	height: 100%;
}
div.card.blog-item div.item-content div.page-header {
	padding-top: 1rem;
}
div.card.blog-item div.item-content p.readmore {
	text-align: center;
	margin-top: auto;
}
/* End Of Article Blog Layout */
/* Video Categories Layout */
div.fxwizards-video-item {
	border: 2px solid black;
	border-radius: 10px;
	padding: 0rem 1rem;
	margin: 1rem auto;
	position: relative;
	width: 400px;
	aspect-ratio: 1;
}
div.fxwizards-video-item div.com-content-categories__item-title h2 {
	text-transform: uppercase;
}
div.fxwizards-video-item span.no-videos {
	position: absolute;
	right: 1rem;
	bottom: calc(1rem + 40px);
}
div.fxwizards-video-item div.yt-icon-wrapper {
	position: absolute;
	bottom: calc(1rem + 20px);
}
/* End Of Video Categories Layout */
.responsive-iframe {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}
/* Footer */
footer {
	background-color: #232323 !important;
}
footer a {
	color: var(--link-color) !important;
}
.footer .grid-child {
	padding: 1rem;
}
/* End of Footer */
/* Login Page */
div.com-users-login {
	padding: 2rem;
}
div.com-users-registration {
	padding: 2rem;
}
/* End Of Login Page */
/* J2Strore */
.box-with-shadow {
	border-radius: 12px;
	box-shadow: 0 3px 15px 0 rgba(217, 220, 224, 0.84);
	padding: 10px 20px;
}
.btn-primary {
	background-color: red;
	color: white;
	border-color: red;
	border-radius: 23px;
	padding-left: 3rem;
	padding-right: 3rem;
}
.btn-primary.focus, .btn-primary:focus {
	background-color: red;
	color: white;
	border-color: red;
	box-shadow: 0 0 0.2rem red;
}
.btn-primary:hover {
	background-color: white;
	color: red;
	border-color: red;
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color: red;
	color: white;
	opacity: 0.5;
	border-color: red;
	cursor: not-allowed;
}
.btn-2ndary {
	border-radius: 23px;
	border-color: red;
	color: red;
	border-width: 2px;
	padding-left: 3rem;
	padding-right: 3rem;
}
.no-margin {
	margin: 0px;
}
main div#j2store-checkout {
	padding: 2rem;
}
.fa-trash-o::before {
  content: "\f1f8"; /* Unicode for fa-trash in Font Awesome 5 */
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /* Solid style */
}
/* End of J2Store */