/* General */
body.itemid-101 {
	background-color: #f7f7f7;	
}

@media screen and (max-width: 575px) {
	#sp-main-body {
		padding: 30px 0 40px 0;
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	#sp-main-body {
		padding: 30px 15px 40px 15px;
	}
}

@media screen and (min-width: 768px) {
	#sp-main-body {
		padding: 60px 30px 75px 30px;
	}
}

#sp-main-body > .container {
	animation-duration: 800ms;
    animation-name: fadeIn;
}

@media screen and (max-width: 575px) { 
	body {
		font-size: 17px !important;
	}
}

hr {
	border-top: 1px solid #ccc !important;
	margin-top: 55px !important;
    margin-bottom: 55px !important;	
	opacity: 1;
}

@media screen and (max-width: 480px) {
	hr {
		margin-top: 35px !important;
		margin-bottom: 35px !important;	
	}
}

.sp-pagebuilder-page-edit {
	display: none !important;
}

.article-list .article .featured-article-badge, 
.article-details .featured-article-badge,
.article-can-edit {
    display: none !important; 
}

.com-finder p {
    margin-bottom: 1rem !important;
}

p:has(+ ul){ 
	margin-bottom: 5px;
}

.grecaptcha-badge { 
	visibility: hidden; 
}



/* Contacts */
.com-contact.contact > * {
	max-width: 630px;
    margin: 0 auto;
}

.com-contact.contact .icons,
.com-contact.contact h2 {
	display: none !important;
}

#contact-form .form-check-inline {
    vertical-align: middle;
    margin-left: 5px;
}



/* SP Page Builder responsive table */
@media screen and (max-width: 583px) {
	.sppb-addon-table-main tbody td::before {
		color: #252525 !important;
		background: transparent !important;
	}
	
	.sppb-addon-table-main tbody tr {
		background: #fff !important;
	    border: 1px solid #ddd !important;
	}
}



/* Fonts */
h3.sppb-addon-title {
	margin-top: 0 !important;
}

.sppb-addon-text-block .sppb-addon-content > h1,
.sppb-addon-text-block .sppb-addon-content > h2,
.sppb-addon-text-block .sppb-addon-content > h3,
.sppb-addon-text-block .sppb-addon-content > h4,
.sppb-addon-text-block .sppb-addon-content > h5,
.sppb-addon-text-block .sppb-addon-content > h6 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

a {
	font-weight: 600;
}

a:focus, a:active {
	color: #404040;
}

::selection {
  background-color: #aa182c;
  color: #fff; 
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1rem;
	font-weight: 700;
	line-height: 1.1;
}

body.view-article .h2:not([itemprop="headline"]), body.view-article .h3, body.view-article .h4, body.view-article .h5, body.view-article .h6, body.view-article h2:not([itemprop="headline"]), body.view-article h3, body.view-article h4, body.view-article h5, body.view-article h6 {
	margin-top: 2rem;
}

@media screen and (max-width: 399px) {
	.h1, h1, .article-details .article-header h1 {
		font-size: 28px;
	}

	.h2, h2, .article-details .article-header h2 {
		font-size: 26px;
	}

	.h3, h3, .article-details .article-header h3 {
		font-size: 24px;
	}

	.h4, h4, .article-details .article-header h4 {
		font-size: 22px;
	}

	.h5, h5, .article-details .article-header h5 {
		font-size: 20px;
	}

	.h6, h6, .article-details .article-header h6 {
		font-size: 18px;
	}
}

@media screen and (min-width: 400px) and (max-width: 767px) {
	.h1, h1, .article-details .article-header h1 {
		font-size: 30px;
	}

	.h2, h2, .article-details .article-header h2 {
		font-size: 28px;
	}

	.h3, h3, .article-details .article-header h3 {
		font-size: 26px;
	}

	.h4, h4, .article-details .article-header h4 {
		font-size: 24px;
	}

	.h5, h5, .article-details .article-header h5 {
		font-size: 22px;
	}

	.h6, h6, .article-details .article-header h6 {
		font-size: 20px;
	}
}

@media screen and (min-width: 768px) {
	.h1, h1, .article-details .article-header h1 {
		font-size: 40px;
	}

	.h2, h2, .article-details .article-header h2 {
		font-size: 36px;
	}

	.h3, h3, .article-details .article-header h3 {
		font-size: 32px;
	}

	.h4, h4, .article-details .article-header h4 {
		font-size: 28px;
	}

	.h5, h5, .article-details .article-header h5 {
		font-size: 24px;
	}

	.h6, h6, .article-details .article-header h6 {
		font-size: 22px;
	}
}



/* Buttons, links and forms */
.form-control, .form-select {
    border-radius: 0;
	padding: 12px;
}

textarea {
	border-radius: 0 !important;
}

textarea:focus,
.form-control:focus,
.form-select:focus {
	border-color: rgba(170, 24, 44, 0.4) !important;
	box-shadow: 0 0 25px 5px rgba(170, 24, 44, 0.05) !important;
}

#tinymce {
	font-size: 15px !important;
	min-height: calc(100vh - 20px) !important;
}

#tinymce p {
	margin-top: 0 !important;
}

.mceMenu {
    overflow: hidden !important;
}

select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {
    height: auto !important;
	border-radius: 0 !important;
}

input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    padding: 14px;
	border-radius: 0 !important;
}

input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, select:not(.form-select):not(.form-control):focus {
	border-color: rgba(170, 24, 44, 0.4) !important;
    box-shadow: 0 0 25px 5px rgba(170, 24, 44, 0.05) !important;
}

body:not(.com_fabrik) .btn, body:not(.com_fabrik) .btn-primary, body:not(.com_fabrik) .sppb-btn-primary {
	font-family: 'Inter', sans-serif;
    display: inline-block;
    white-space: nowrap !important;
    color: #fff !important;
    background-color: #aa182c !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
	text-transform: uppercase;
    border: none !important;
	border-radius: 0 !important;
    padding: 14px 30px !important;
	transition: all 0.5s ease;
}

body:not(.com_fabrik) .btn:hover, body:not(.com_fabrik) .btn-primary:hover, body:not(.com_fabrik) .sppb-btn-primary:hover {
	color: #fff !important;
	background-color: #3b5287 !important;
}

body:not(.com_fabrik) .btn:focus-visible, body:not(.com_fabrik) .btn-primary:focus-visible, body:not(.com_fabrik) .sppb-btn-primary:focus-visible {
    color: #fff !important;
	background-color: #3b5287 !important;
    box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.8) !important;
}

body:not(.com_fabrik) .btn:active, body:not(.com_fabrik) .btn-primary:active, body:not(.com_fabrik) .sppb-btn-primary:active {
    color: #fff !important;
	background-color: #3b5287 !important;
}


body:not(.com_fabrik) .btn-secondary, body:not(.com_fabrik) .sppb-btn-secondary {
	font-family: 'Inter', sans-serif;
    display: inline-block !important;
    white-space: nowrap !important;
    color: #fff !important;
    background-color: #27304b !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
	text-transform: uppercase;
    border: none !important;
	border-radius: 0 !important;
    padding: 14px 30px !important;
	transition: all 0.5s ease;
}

body:not(.com_fabrik) .btn-secondary:hover, body:not(.com_fabrik) .sppb-btn-secondary:hover {
	color: #fff !important;
	background-color: #606060 !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 30px;
}

body:not(.com_fabrik) .btn-secondary:focus-visible, body:not(.com_fabrik) .sppb-btn-secondary:focus-visible {
    color: #fff !important;
	background-color: #606060 !important;
    box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.8) !important;
}

body:not(.com_fabrik) .btn-secondary:active, body:not(.com_fabrik) .sppb-btn-secondary:active {
    color: #fff !important;
	background-color: #606060 !important;
}


.btn-white-tp {
	font-family: 'Inter', sans-serif;
    display: inline-block !important;
    white-space: nowrap !important;
    color: #fff !important;
    background-color: transparent !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
	text-transform: uppercase;
    border: 1px solid #fff !important;
	border-radius: 0;
    padding: 12px 45px !important;
	transition: all 0.5s;
}

.btn-white-tp:hover {
	color: #000 !important;
	background-color: #fff !important;
}

.btn-white-tp:focus-visible {
    color: #000 !important;
	background-color: #fff !important;
    box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.8) !important;
}

.btn-white-tp:active {
    color: #000 !important;
	background-color: #fff !important;
}


.btn-red-tp {
	font-family: 'Inter', sans-serif;
    display: inline-block !important;
    white-space: nowrap !important;
    color: #aa182c !important;
    background-color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
	text-transform: uppercase;
    border: 1px solid #aa182c !important;
	border-radius: 0;
    padding: 12px 25px !important;
	transition: all 0.5s;
}

.btn-red-tp:hover {
	color: #fff !important;
	background-color: #aa182c !important;
}

.btn-red-tp:focus-visible {
    color: #fff !important;
	background-color: #aa182c !important;
    box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.8) !important;
}

.btn-red-tp:active {
    color: #fff !important;
	background-color: #aa182c !important;
}



/* Modal login */
.custom-login-module .login-intro-img {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}

.custom-login-module .login-links a {
    text-decoration: none;
}

.custom-login-module .login-links a:hover {
    text-decoration: underline;
}

.custom-login-module #loginModal {
	padding: 0 15px;
}

.custom-login-module #loginModalLabel {
	display: none;
}

.custom-login-module .modal-dialog {
	max-width: 390px;
}

.custom-login-module .modal-header {
	border-bottom: none;
}

.custom-login-module .login-intro-img {
	padding: 0 0 20px 0;
	margin: -10px auto 0 auto;
}

.custom-login-module .login-links {
	margin-top: 25px !important;
}

.custom-login-module .login-links a {
	color: #252525;
	font-weight: 400 !important;
}

.custom-login-module .login-links .register-link a {
	font-weight: 600 !important;
}

.custom-login-module .login-links a:hover {
	color: #aa182c;
	text-decoration: none;
}



/* User registration and profile */
#member-profile fieldset:last-of-type {
	display: none !important;
}

#member-profile .control-group {
    display: block;
}

#member-profile .control-group .control-label {
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
}

#member-profile .control-group .controls {
    display: block;
    width: 100%;
	margin-left: 0 !important;
}

#member-profile > fieldset > legend,
#jform_actionlogs_actionlogsNotify-lbl {
	display: none;
}

body.view-profile .com-users-profile__edit.profile-edit .page-header,
body.view-profile #member-profile {
	max-width: 630px;
	margin: 0 auto;
}

body.view-profile .com-users-profile.profile .page-header {
	margin-bottom: 0;
}

#member-registration  > fieldset > legend {
	display: none !important;
}



/* Search */
body.com-finder .finder {
	margin-top: 30px;
}

@media screen and (max-width: 575px) {
	#search-form [name="Search"] {
		font-size: 0px !important;
	}	

	#search-form [name="Search"] span {
		font-size: 18px !important;
	}
}

.view-search #search-form button, .view-search #search-form .btn {
	border-radius: 0;
}

#search-form .awesomplete input {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

#search-form button {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

@media screen and (min-width: 575px) {
	#mksearch-modal .jconfirm-box-container {
		min-width: 450px !important;
	}
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
	background-color: rgba(0, 0, 0, 0.92) !important;
    backdrop-filter: blur(10px);
}

#mksearch-modal .jconfirm-title {
	font-size: 34px !important;
}

@media screen and (max-width: 575px) {
	#mksearch-modal .jconfirm-title {
		font-size: 30px !important;
	}
}

#mksearch-modal .btn-primary {
	padding: 15px 30px  !important;
	border-radius: 0;
	z-index: 9;
}

#mksearch-modal .jconfirm-buttons button {
	font-family: 'Inter', sans-serif;
    background-color: #aa182c !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	padding: 15px 30px !important;
	border: none;
	transition: all 0.5s ease;
}

#mksearch-modal .jconfirm-buttons button:hover {
	color: #fff !important;
	background-color: #3b5287 !important;
}

#mksearch-modal .mksearch-container .btn.btn-primary:hover {
	color: #fff !important;
	background-color: #3b5287 !important;
}

#mksearch-modal .mksearch-container .btn.btn-primary:focus,
#mksearch-modal .mksearch-container .btn.btn-primary:active,
#mksearch-modal .mksearch-container .btn.btn-primary:focus, 
#mksearch-modal .mksearch-container .btn.btn-primary:active {
	background-color: #3b5287 !important;
	box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.6) !important;
}

#mksearch-modal .mksearch-container .form-control, .mksearch-container .form-control:focus {
    border-color: #fff !important;
}



/* Logo, top and main menu */
#sp-top-menu {
	background-color: #aa182c;
	height: 35px;
}

#sp-top-menu .custom-login-module > a,
#sp-top-menu .dropdown > a {
	color: #fff;
}

#sp-top-menu .top-right-menu a {
	font-size: 15px;
	line-height: 35px;
}

/* top admin menu */
#sp-top1 {
    display: flex;
    justify-content: start;
}

#sp-top1 .menusp-megamenu-parent > li > a {
    font-size: 15px;
	font-weight: 600;
	color: #fff;
}

.menusp-megamenu-parent {
    list-style: none;
    padding: 0;
    z-index: 99;
    display: block;
    float: right;
    position: relative;
}

.menusp-megamenu-parent>li {
    display: inline-block;
    position: relative;
    padding: 0;
}

.menusp-megamenu-parent>li.menu-justify {
    position: static;
}

.menusp-megamenu-parent>li>a,.sp-megamenu-parent>li>span {
	display: inline-block;
    padding: 0 10px;
    line-height: 35px;
    font-size: 18px;
	font-weight: 700;
    margin: 0;
}

.menusp-megamenu-parent>li:last-child>a {
    padding: 0 0 0 10px;
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
	.menusp-megamenu-parent>li>a,.sp-megamenu-parent>li>span {
		font-size: 16px!important;
		padding: 0 7px;
	}
	
	.menusp-megamenu-parent>li:last-child>a {
		padding: 0 0 0 7px;
	}
}

.menusp-megamenu-parent>li.active>a {
    font-weight: 700;
}

.menu.menusp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menusp-megamenu-parent .menu-child {
    list-style: none;
	margin: 0;
	position: absolute;
	background-color: #fff;
	padding: 20px;
	width: 290px;
	z-index: 10;
	display: none;
}

.menusp-megamenu-parent .menu-child a {
	display: block;
    font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	padding: 4px 0;
}

.menusp-megamenu-parent .menu-deeper.menu-parent:hover > .menu-child {
	display: block;
	animation: spFadeIn 300ms ease-in;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}

.menusp-megamenu-parent .menu-deeper.menu-parent>a::after,
.menusp-megamenu-parent .menu-deeper.menu-parent>span::after {
	font-family: "Font Awesome 6 Free";
	content: "\f078";
	margin-left: 7px;
	font-size: 16px;
	font-weight: 900;
}

.menusp-megamenu-parent .menu-child .menu-child {
    left: 100%;
    top: 0;
    margin-left: 0;
}

.menusp-megamenu-parent .menu-child .menu-deeper.menu-parent {
    position: relative;
}

.menusp-megamenu-parent .menu-child .menu-deeper.menu-parent>a::after,
.menusp-megamenu-parent .menu-child .menu-deeper.menu-parent>span::after {
    content: "\f054"; 
    margin-left: 7px;
    float: right;
}
/* */

/* top right menu */
#sp-top2 > .sp-column {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 20px;
}

#sp-top2 .top-right-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap; 
	justify-content: end; 
}

#sp-top2 .top-right-menu ul li {
	display: flex;
	align-items: center; 
	padding: 0;
	position: relative;
	white-space: nowrap;
}

#sp-top2 .top-right-menu ul span,
#sp-top2 .top-right-menu ul li a {
	position: relative;
	color: #fff;
}

@media screen and (max-width: 991px) {
	#sp-top2 .top-right-menu ul {
		flex-direction: column;
		align-items: center;
	}

	#sp-top2 .top-right-menu {
		white-space: normal;
		text-align: center;
	}
}

/* user login link and user menu */
#sp-top-menu a.dropdown-toggle {
	display: inline-block;
	font-size: 15px;
	line-height: 35px;
}

.custom-login-module .user-menu-header {
    font-weight: 700;
    border-bottoM: 1px dotted #aaa;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.custom-login-module .dropdown-menu a {
	font-size: 15px;	
	font-weight: 600;
}

.custom-login-module .user-dropdown {
	position: relative;
	display: inline-block;
}

.custom-login-module ul {
	padding: 20px 40px 20px 20px;
}

.custom-login-module .dropdown-item {
	padding: 3px 0;
}

.custom-login-module .dropdown-item:focus, .custom-login-module .dropdown-item:hover {
    color: #aa182c;
    background-color: transparent;
}

.custom-login-module .dropdown-item.active, .custom-login-module .dropdown-item:active {
    color: #252525;
    text-decoration: none;
    background-color: #fff;
}

.custom-login-module .user-dropdown .dropdown-toggle {
	text-decoration: none;
	cursor: pointer;
}

.custom-login-module .user-dropdown .dropdown-toggle i {
	margin-right: 3px;
}

.custom-login-module .user-dropdown .dropdown-menu {
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1000;
	min-width: 200px;
	border-radius: 0;
	margin-top: -1px !important;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s;
}

.custom-login-module .user-dropdown:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.custom-login-module .dropdown-toggle::after {
    display: none !important;
}

.custom-login-module .user-dropdown .dropdown-menu.show {
	transform: translate(0px, 35px) !important;
}

/* sticky header */
#sp-logo-and-main-menu {
	background-color: #000;
}

#sp-logo-and-main-menu.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 12px rgba(255, 255, 255, 0.2);
    animation: spFadeInDown 1.0s;
    will-change: transform;
}

#sp-logo-and-main-menu.header-sticky #sp-logo {
	display: flex;
	align-items: center;
}

#sp-logo-and-main-menu.header-sticky .logo-image {
	margin-top: 0;
}
/**/

#sp-logo, #sp-menu {
	z-index: 9;
}

@media screen and (max-width: 1199px) {
	#sp-logo {
		display: flex;
		align-items: center;
	}
}

#sp-menu > .sp-column {
    display: flex;
    align-items: center;
    justify-content: end;
}

#sp-logo-and-main-menu .logo {
	height: 100%;
    align-items: center;
    display: flex;
	padding: 20px 0;
}

@media screen and (max-width: 991px) {
	.logo-image {
		height: 70px !important;
	}
	
	#offcanvas-toggler {
		height: 100px !important;
	}
	
	#sp-top1 {
		display: none;
	}	
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.logo-image {
		height: 66px !important;
	}	

	#offcanvas-toggler {
		height: 100% !important;
	}
}

@media screen and (max-width: 1199px) {
	#sp-logo.col-lg-3 {
		width: 80%;
	}
	
	#sp-menu.col-lg-9 {
		width: 20%;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	#sp-logo.col-lg-3{
		width: 20%;
	}
	
	#sp-menu.col-lg-9 {
		width: 80%;
	}

	.logo-image {
		height: 70px !important;
	}
}

@media screen and (min-width: 1400px) {
	#sp-logo.col-lg-3 {
		width: 20%;
	}
	
	#sp-menu.col-lg-9 {
		width: 80%;
	}

	.logo-image {
		height: 66px !important;
	}
}

@media screen and (max-width: 575px) {
	.logo-image {
		height: 60px !important;
	}
}

@media screen and (min-width: 1200px) {
	.sp-megamenu-wrapper {
		width: 100%;
		display: block !important;
	}
}

.sp-megamenu-parent {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    width: 100% !important;
    justify-content: flex-start;
}

.sp-megamenu-parent > li:last-child {
    margin-left: auto !important;
}

.sp-megamenu-parent > li {
	white-space: nowrap;
}

.sp-megamenu-parent > li > a {
    display: flex;
	flex-wrap: nowrap;
}

.sp-megamenu-parent li li {
    white-space: normal;
}

/* open sub-submenu to the left when not enough space */
.sp-megamenu-wrapper .sp-dropdown .sp-dropdown-items .sp-dropdown {
    right: auto;
    left: 100%;
}

.sp-megamenu-wrapper .sp-dropdown .sp-dropdown-items .sp-dropdown.open-left {
    left: auto;
    right: 100%;
}
/**/

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: -5px;
}

.sp-megamenu-parent .sp-dropdown li > a {
    font-size: 17px !important;
	display: block !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    line-height: 1.3;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    padding: 7px 0;
}

.sp-megamenu-parent>li.active>a {
    font-weight: 500;
}


.sp-megamenu-parent>li.active>a:hover {
    color: #92a4ce;
}

.sp-megamenu-parent .sp-menu-item .join-today {
	font-family: 'Inter', sans-serif;
	display: inline-block;
	height: 48px;
	line-height: 48px; 
	padding: 0 25px;
	margin: 0 15px;
	background-color: #aa182c; 
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	transition: all 0.5s ease;
}

.sp-megamenu-parent .sp-menu-item .join-today:hover {
	color: #fff; 
	background-color: #3b5287;
}



/* Offcanvas menu */
/* remove header sticky behavior */
.offcanvas-menu > .d-flex.align-items-center.p-3.pt-4 {
    position: static !important;
}
 
.offcanvas-menu .offcanvas-inner {
    flex: 1 !important;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
}
 
.offcanvas-menu {
    overflow-y: auto !important;
    overflow-x: hidden !important;
	border-left: 5px solid #aa182c;
}
/**/

body.offcanvas-active {
    position:relative !important;
    overflow: hidden;
}

.offcanvas-overlay {
	background: rgba(0, 0, 0, 0.8) !important;
}

.offcanvas-menu .logo {
	width: 64%;
}

.offcanvas-menu .logo-image, .offcanvas-menu .logo-image-phone {
	padding: 0 15px 0 7px;
	margin-top: 0;
	height: auto !important;
}

.offcanvas-menu .offcanvas-inner {
    padding: 25px!important
}

#offcanvas-toggler {
	width: 100%;
    font-size: 22px;
    font-weight: 400;
    z-index: 9;
}

#offcanvas-toggler:hover {
	color: #92a4ce !important;
}

@media screen and (min-width: 480px) {
	#offcanvas-toggler::after {
		content: "MENU";
		color: #fff;
		margin: -3px 0 0 6px;
		display: block;
		font-size: 24px;
		font-weight: 500;
	}
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #92a4ce;
}

/* switch to mobile menu */
@media screen and (max-width: 1199px) {
	#offcanvas-toggler.d-lg-none {
		display: flex !important;
	}

	.sp-megamenu-parent.d-none {
		display: none !important;
	}
}

body.offcanvas-active {
	position: fixed;
    right: 0;
    width: 100%;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
	background-color: #fff !important;
}

.offcanvas-menu .burger-icon {
    margin-right: 15px !important;
}

#sp-menu .burger-icon {
	width: 30px;
    cursor: pointer;
}

.burger-icon > span {
    display: block;
    height: 2px;
	background-color: #fff !important;
    transition: background-color .3s ease-in, opacity .3s ease-in, transform .3s ease-in;
    border-radius: 5px;
	margin: 6px 0;
}

.offcanvas-active .burger-icon > span {
	margin: 4.4px -3px;
}

.close-offcanvas {
    top: 32px;
	right: 15px !important;
	z-index: 99;
}

@media screen and (max-width: 379px) {
	.offcanvas-menu { 
		width: 100% !important;
	}

	body.ltr.offcanvs-position-right .offcanvas-menu {
		right: -100%;
	}
}

@media screen and (min-width: 380px) {
	.offcanvas-menu { 
		width: 380px !important;
	}

	body.ltr.offcanvs-position-right .offcanvas-menu {
		right: -380px;
	}
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
	margin-right: 5px;
}

.offcanvas-menu .offcanvas-inner .header-modules {
	padding: 0 !important;
	margin: 0;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 20px;
    line-height: 20px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
	display: flex;
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	padding: 8px 12px;
	color: #fff;
	font-weight: 600;
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
	color: #fff !important;
	right: 0 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {
    right: 0;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
	color: #fff !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
	opacity: 1 !important;
	padding: 12px 10px;
}

.offcanvas-menu .offcanvas-inner .sp-module {
   width: 100%;
}

ul.menu-child li {
	padding: 0;
}

.offcanvas-menu .top-menu-offcanvas {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 20px !important;
}

.offcanvas-menu .top-menu-offcanvas a {
	font-family: 'Inter', sans-serif;
	font-size: 20px !important;
	padding: 10px 10px !important;
    font-weight: 500;
}

.offcanvas-menu .join-today {
	padding: 18px 25px!important;
	margin: 25px 10px 0 10px;
	background-color: #aa182c; 
	color: #fff!important;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	text-align: center;
	font-weight: 700;
	transition: background-color 0.5s ease;
}

.offcanvas-menu .join-today:hover {
	background-color: #3b5287; 
}



/* lite-youtube */
lite-youtube > .lty-playbtn {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    background: none !important;
    font-size: 60px;
    cursor: pointer;
    z-index: 1;
    filter: none !important;
	transition: none !important;
    border: 0;
}

lite-youtube .lty-playbtn::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f144';
    color: #aa182c !important;
    background: none !important;
	font-weight: 900;
	font-size: 78px;
	transition: all 0.3s ease;
}

lite-youtube .lty-playbtn:hover::after {
    color: #C63F3F !important; 
	transition: all 0.3s ease;
}

lite-youtube .lty-playbtn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px; 
    height: 70px;
	border-radius: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    z-index: -1;
}

@media screen and (max-width: 575px) {
	lite-youtube .lty-playbtn::before {
		width: 50px; 
		height: 50px;
	}

	lite-youtube .lty-playbtn::after {
		font-size: 60px;
	}	
}

/* smaller for front-page modules */
body.itemid-101 lite-youtube .lty-playbtn::before {
	width: 48px; 
	height: 48px;
}

body.itemid-101 lite-youtube .lty-playbtn::after {
	font-size: 56px;
}
/**/

lite-youtube .lty-playbtn:hover::before {
	background-color: #fff;
	transition: all 0.3s ease;
}

lite-youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
	max-width: 1200px !important;
}



/* Scroll up button */
.sp-scroll-up {
	right: 15px;
	bottom: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
	font-size: 20px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.4);
	border-radius: 0px;
	opacity: 1;
}

.sp-scroll-up:hover, .sp-scroll-up:focus, .sp-scroll-up:active {
    background-color: rgba(0,0,0,0.8);
}



/* Modules general */
.custom-module-outer {
	box-shadow: 0 0px 18px rgba(100, 100, 100, 0.08) !important;
}



/* Become a member module */
.become-a-member-login-prompt {
	color: #fff;
	text-align: center;
}

.become-a-member-register {
	border-bottom: 1px solid #505050;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.become-a-member-login-link,
.become-a-member-login-link:focus,
.become-a-member-login-link:active {
	color: #fff;
	text-decoration: underline;
}

.become-a-member-login-link:hover {
	color: #92a4ce;
	text-decoration: none;
}



/* Single featured news article module */
.article-module-img-right .mod-articles-items {
	box-shadow: 0 0px 18px rgba(100, 100, 100, 0.08);
}

.article-module-img-right .mod-articles-items.mod-articles-grid {
    display: block !important;
    grid-template-columns: none !important;
}

.article-module-img-right  .mod-articles-two-column {
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 100%;
    grid-column: 1 / -1;
}

.article-module-img-right  .mod-articles-content-left {
	background-color: #fff;
    flex: 0 0 50%;
    width: 50%;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

@media screen and (max-width: 1199px) {
	.article-module-img-right  .mod-articles-content-left {
		padding: 25px;
	}	
}

@media screen and (max-width: 575px) {
	.article-module-img-right  .mod-articles-content-left {
		padding: 20px;
	}	
}

.article-module-img-right .mod-articles-image-right {
    flex: 0 0 50%;
    width: 50%;
    position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.article-module-img-right .mod-articles-image-right a,
.article-module-img-right .mod-articles-image-right .blog-article-image-container,
.article-module-img-right .mod-articles-image-right .blog-article-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.article-module-img-right .blog-article-image-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.article-module-img-right .mod-articles-image-right:hover .blog-article-image-container {
    transform: scale(1.05) translateZ(0);
}

.article-module-img-right .mod-articles-meta-row {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
}

.article-module-img-right .mod-articles-category-link {
    font-weight: 600;
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.article-module-img-right .mod-articles-category-link:hover {
    color: #aa182c;
}

.article-module-img-right .mod-articles-date-display {
    display: flex;
    align-items: center;
    gap: 5px;
}

.article-module-img-right .mod-articles-date-display .icon-calendar {
    font-size: 14px;
}

.article-module-img-right .mod-articles-title {
    margin: 0 0 15px 0;
    font-size: 28px;
    line-height: 1.3;
}

@media screen and (max-width: 575px) {
	.article-module-img-right .mod-articles-title {
		margin: 0 0 10px 0;
		font-size: 26px;
		line-height: 1.2;
	}
}

.article-module-img-right .mod-articles-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
	font-weight: 700;
}

.article-module-img-right .mod-articles-title a:hover {
    color: #aa182c;
}

.article-module-img-right .mod-articles-category-introtext {
    line-height: 1.6;
}

.article-module-img-right .readmore {
    margin-top: auto;
}

.article-module-img-right .readmore a {
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.article-module-img-right .readmore a:hover {
    background-color: #0052a3;
}

@media screen and (max-width: 991px) {
    .article-module-img-right .mod-articles-two-column {
        flex-direction: column;
    }
    
    .article-module-img-right .mod-articles-content-left {
        flex: 0 0 100%;
        width: 100%;
        order: 2;
    }
    
    .article-module-img-right .mod-articles-image-right {
        flex: 0 0 100%;
        width: 100%;
        order: 1;
    }
}

.article-module-img-right .mod-articles-item {
    width: 100%;
}

.article-module-img-right .mod-articles-items {
    width: 100%;
}

.article-module-img-right .blog-article-item,
.article-module-img-right .blog-article-item-inner {
    width: 100%;
}



/* Latest news module */
.article-module-img-top .mod-articles-items.mod-articles-grid {
    display: block !important;
    grid-template-columns: none !important;
}

.article-module-img-top .mod-articles-three-column-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.article-module-img-top .mod-articles-three-column-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

.article-module-img-top .mod-articles-item-column {
    display: flex;
    flex-direction: column;
	background-color: #fff;
	box-shadow: 0 0px 18px rgba(100, 100, 100, 0.08);
}

.article-module-img-top .mod-articles-text-container {
	padding: 20px 20px 25px 20px;
}

.article-module-img-top .mod-articles-image-top {
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    overflow: hidden;
}

.article-module-img-top .mod-articles-image-top a,
.article-module-img-top .mod-articles-image-top .blog-article-image-container,
.article-module-img-top .mod-articles-image-top .blog-article-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.article-module-img-top .blog-article-image-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.8s ease;
	backface-visibility: hidden;
    transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.article-module-img-top .mod-articles-image-top:hover .blog-article-image-container {
    transform: scale(1.05) translateZ(0);
}

.article-module-img-top .mod-articles-meta-row {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #666;
}

.article-module-img-top .mod-articles-category-link {
    font-weight: 600;
    color: #333;
	text-transform: uppercase;
    text-decoration: none;
    transition: color 0.3s;
}

.article-module-img-top .mod-articles-category-link:hover {
    color: #aa182c;
}

.article-module-img-top .mod-articles-date-display {
    display: flex;
    align-items: center;
    gap: 5px;
}

.article-module-img-top .mod-articles-date-display .icon-calendar {
    font-size: 13px;
}

.article-module-img-top .mod-articles-title {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}

@media screen and (max-width: 1099px) {
	.article-module-img-top .mod-articles-title {
		font-size: 22px;
	}
}

.article-module-img-top .mod-articles-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.article-module-img-top .mod-articles-title a:hover {
    color: #aa182c;
}

@media screen and (max-width: 1099px) {
    .article-module-img-top .mod-articles-three-column-wrapper {
        grid-template-columns: 1fr;
    }
}

.article-module-img-top .mod-articles-items {
    width: 100%;
}

.article-module-img-top .blog-article-item,
.article-module-img-top .blog-article-item-inner {
    width: 100%;
}


 
/* Latest registry entries module */
.registry-latest-module .registry-latest-items.mod-articles-grid {
    display: block !important;
    grid-template-columns: none !important;
}

.registry-latest-module .registry-latest-three-column-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.registry-latest-module .registry-latest-three-column-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

.registry-latest-module .registry-latest-item-column {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 0px 18px rgba(100, 100, 100, 0.08);
}

.registry-latest-module .registry-latest-text-container {
    padding: 20px 20px 25px 20px;
}

.registry-latest-module .registry-latest-image-top {
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    overflow: hidden;
}

.registry-latest-module .registry-latest-image-top a,
.registry-latest-module .registry-latest-image-top .registry-latest-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.registry-latest-module .registry-latest-image-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.8s ease;
    backface-visibility: hidden;
    transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.registry-latest-module .registry-latest-image-top:hover .registry-latest-image-container {
    transform: scale(1.05) translateZ(0);
}

.registry-latest-module .registry-latest-meta-row {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #666;
}

.registry-latest-module .registry-latest-category-link {
    font-weight: 600;
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.registry-latest-module .registry-latest-category-link:hover {
    color: #aa182c;
}

.registry-latest-module .registry-latest-date-display {
    display: flex;
    align-items: center;
    gap: 5px;
}

.registry-latest-module .registry-latest-date-display .icon-calendar {
    font-size: 13px;
}

@media screen and (max-width: 1099px) {
    .registry-latest-module .registry-latest-three-column-wrapper {
        grid-template-columns: 1fr;
    }
}

.registry-latest-module .registry-latest-items {
    width: 100%;
}

.registry-latest-module .registry-latest-module,
.registry-latest-module .registry-latest-item-inner {
    width: 100%;
}

.registry-latest-module .registry-details {
    margin-top: 5px;
}

.registry-latest-module .registry-detail-row {
    margin-bottom: 2px;
    font-size: 16px;
	font-weight: 600;
    line-height: 1.4;
}

.registry-latest-module .registry-detail-row:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1099px) {
    .registry-latest-module .registry-detail-row {
        font-size: 16px;
    }
}
 
 
 
/* Video module */
.video-module-wrapper {
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    cursor: pointer;
}

.video-module-wrapper .video-preview-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.video-module-icon-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    color: #aa182c;
    transition: all 0.3s ease;
    pointer-events: none;
    background: #fff;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-modal-trigger:hover .video-module-icon-wrap {
    color: #C63F3F;
}

@media screen and (max-width: 575px) {
    .video-module-icon-wrap {
        font-size: 60px;
        width: 55px;
        height: 55px;
    }
}



/* upcoming events module */
.upcoming-events-module .icon-calendar,
.upcoming-events-module .mod_events_latest_date {
    vertical-align: middle;
}

.upcoming-events-module .mod_events_latest_table tr:not(:last-child) {
    border-bottom: 1px dotted #ccc !important;
}

.upcoming-events-module .mod_events_latest_table tr:last-child {
    border:none !important;
}

.upcoming-events-module .mod_events_latest_table td {
	line-height: 1.1;
	padding: 13px 0;
}

.upcoming-events-module .icon-calendar {
	padding: 0 2px 0 4px;
}

.upcoming-events-module .icon-calendar,
.upcoming-events-module .mod_events_latest_date {
    font-size: 14px;
    color: #666666;
}

.upcoming-events-module .mod_events_latest_content a {
    color: #252525;
}

.upcoming-events-module .mod_events_latest_content a:hover {
    color: #aa182c;
}



/* Newest club members module */
.custom-newest-members-module .member-item {
	margin-bottom: 9px;
	padding-left: 5px;
	font-size: 15px;
	font-style: italic;
}

.custom-newest-members-module .member-item:not(:last-child) {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;	
}



/* Section - footer */
#sp-footer .container-inner {
    padding: 0 !important;
    border-top: none !important;
}


#section-footer .vertical-menu ul {
	list-style: none;
	padding: 0;
}

#section-footer .vertical-menu ul li {
	position: relative;
	display: block;
	margin-bottom: 15px;
}

@media screen and (max-width: 575px) {
	#section-footer .vertical-menu ul li {
		margin-bottom: 14px;
	}
}

#section-footer .vertical-menu ul li a {
	font-family: 'Inter', sans-serif;
	position: relative;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.3;
	color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 991px) {
	#section-footer .vertical-menu ul li a {
		font-size: 16px;
	}
}

#section-footer .vertical-menu li a span {
	color: #ed3b3b;
	flex-shrink: 0;
	margin-top: 5px;
}

@media screen and (max-width: 767px) {
	#section-footer .vertical-menu li a span {
		flex-shrink: 0;
		margin-top: 2px;
	}

	#section-footer .vertical-menu ul li a {
		line-height: 1.2;
		text-align: center;
	}
}

#section-footer .vertical-menu ul li a:hover {
	color: #92a4ce;
}



/* News blog roll */
.blognews .article-list .row [class^="col-lg"] {
    margin-bottom: 40px; 
}

@media screen and (max-width: 991px) {
	.blognews .article-list .row [class^="col-lg"] {
		margin-bottom: 30px; 
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.blognews .article-list .row .col-lg-4 {
		width: 50%; 
	}
}

.blognews .article-list .article .article-intro-image, .blognews .article-list .article .blog-article-video-container {
	position: relative;
	width: 100%;
	padding-top: 56.25%; 
	overflow: hidden;
	margin: 0;
    border-radius: 0;
	background-color: #070707;
}

.blognews .article-list lite-youtube {
    position: absolute;
    top: 50%; 
    left: 0;
    width: 100%;
    height: 140%; 
    transform: translateY(-50%); 
	transition: filter 0.5s ease;
    background-size: cover !important;
    background-position: center !important;
    max-width: 100% !important;
}

.blognews .article-list .article {
	display: flex;
    flex-direction: column;
	height: 100%;
	padding: 0;
    margin-bottom: 0;
	box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.04);
	border-radius: 0;
    transition: all 0.3s ease;
}

.blognews .article-list .article-body {
	position: relative;
	display: flex;
	flex: 1;
    flex-direction: column;
	background-color: #fff;
    padding: 30px;
    height: 100%;
    border-radius: 0;
}

@media screen and (max-width: 575px) {
	.blognews .article-list .article-body {
		padding: 30px 20px;	
	}
}

.blognews .article-list .article .article-intro-image {
    position: relative;
    width: 100%;
    padding-top: 56.25%; 
    overflow: hidden;
    margin: 0;
    border-radius: 0;
    background-color: #070707;
}

.blognews .article-list .article-intro-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    transition: transform 0.6s ease;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.blognews .article-list .article:hover .article-intro-image img {
    transform: scale(1.03) translateZ(0);
}

.blognews .blog-article-image-container {
	position: relative;
}	

.blognews lite-youtube .lty-playbtn::before {
	width: 50px; 
	height: 50px;
}

.blognews lite-youtube .lty-playbtn::after {
	font-size: 60px;
}	

.blognews .article-info {
	display: none;
}

.blognews .article-date-below-title {
	color: #666;
	font-size: 14px;
	padding: 0 0 10px 0;
}

.blognews .article-list .article-header h2 {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 0 !important;
}

@media screen and (max-width: 575px) {
	.blognews .article-list .article-header h2 {
		font-size: 22px;
	}
}

.blognews .article-list .article-header h2 a {
	font-weight: 700 !important;
}

.blognews .article-list .article-header h2 a:hover {
	color: #3b5287 !important;
}

.blognews .article-list .article-header h2 a:focus,.blognews .article-list .article-header h2 a:active {
	color: #444 !important;
}

.blognews .article-list .article-introtext {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
	padding-top: 15px;
	height: 100%;
	font-size: 17px;
    line-height: 1.6;
}

.blognews .article-list .readmore {
	margin-top: auto;
}

.blognews .article-list .readmore a {
	position: relative;
	color: #aa182c !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	text-decoration: none;
}

.blognews .article-list .readmore a::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 1px;
    background-color: #aa182c;
    margin-right: 8px;
    vertical-align: middle;
}

.blognews .article-list .readmore a:hover {
	color: #3b5287 !important;
}



/* Video blog */
.blogvideo .article-list .row [class^="col-lg"] {
    margin-bottom: 40px; 
}

@media screen and (max-width: 991px) {
	.blogvideo .article-list .row [class^="col-lg"] {
		margin-bottom: 30px; 
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.blogvideo .article-list .row .col-lg-4 {
		width: 50%; 
	}
}

.blogvideo .article-list .blog-article-video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; 
    overflow: hidden;
    margin: 0;
    border-radius: 0;
    background-color: #070707;
    cursor: pointer;
}

.blogvideo .article-list .video-preview-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.blogvideo .article-list .sppb-modal-icon-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: #aa182c;
    transition: all 0.3s ease;
    pointer-events: none;
    background: #fff;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogvideo .article-list .video-modal-trigger:hover .sppb-modal-icon-wrap {
    color: #C63F3F;
}

.blogvideo .article-list .article {
	display: flex;
    flex-direction: column;
	height: 100%;
	padding: 0;
    margin-bottom: 0;
	box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.04);
	border-radius: 0;
    transition: all 0.3s ease;
}

.blogvideo .article-list .article-body {
	position: relative;
	display: flex;
	flex: 1;
    flex-direction: column;
	background-color: #fff;
    padding: 0;
    height: 100%;
    border-radius: 0;
	z-index: 9;
}

.blogvideo .article-date-top {
	color: #555;
	font-size: 14px;
	padding: 0 0 10px 2px;
}

.blogvideo .article-list .article-header h2 {
	font-size: 26px !important;
	line-height: 1.2;
	margin-bottom: 0 !important;
}

@media screen and (max-width: 575px) {
	.blogvideo .article-list .article-header h2 {
		font-size: 22px;
	}
}

.blogvideo .article-list .article-header h2 a {
	font-weight: 700 !important;
}

.blogvideo .article-list .article-header h2 a:hover {
	color: #c60000 !important;
}

.blogvideo .article-list .article-header h2 a:focus,
.blogvideo .article-list .article-header h2 a:active {
	color: #444 !important;
}

/* video modal styles */
.video-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    z-index: 99999;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.video-modal-overlay.active {
    display: flex !important;
}

.video-modal-content {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: auto;
}

.video-modal-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-modal-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.video-modal-close {
    position: absolute;
    top: -50px;
    right: 0;
    color: white;
    font-size: 40px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 5px 15px;
    line-height: 1;
    transition: all 0.3s ease;
    z-index: 1;
}

.video-modal-close:hover {
    color: #ccc;
    transform: scale(1.1);
}

@media screen and (max-width: 768px) {
    .video-modal-overlay {
        padding: 10px;
    }
    .video-modal-close {
        top: -40px;
        font-size: 30px;
    }
}



/* General single article */
joomla-hidden-mail a {
	word-wrap: break-word;
}

.article-details .article-date-top {
	color: #555;
	font-size: 14px;
	padding: 0 0 10px 2px;
}

.article-details .article-header {
	position: relative;
	margin-bottom: 15px;
}

.article-details .article-info {
	display: none;
}

.article-details [itemprop="headline"] {
	position: relative;
	border-bottom: 1px solid #aa182c;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.article-details [itemprop="headline"]::after {
	content: '';
	position: absolute;
	display: block;
	width: 20%;
	height: 6px;
	background-color: #aa182c;
	bottom: -6px;
}

@media screen and (min-width: 1200px) {
	.article-details .article-content {
		padding: 0 60px;
	}
}

@media screen and (max-width: 575px) {
	.article-details .article-header {
		margin-bottom: 15px;
	}
}

.article-details [itemprop="articleBody"] p {
	line-height: 1.8;
}

.article-details .article-full-image {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
	margin-bottom: 40px;
	overflow: hidden; 
}

@media screen and (max-width: 575px) {
	.article-details .article-full-image {
		margin-bottom: 30px;
	}
}

.article-details .article-full-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;    
	object-fit: cover;  
    object-position: center;  
    border-radius: 0;
	filter: brightness(95%);
}

.article-details iframe[src*="youtube"] {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
}

/* sp page builder article */
.article-details .sppb-section > .sppb-row-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.sppb-addon-table-main tbody tr {
    background: #f7f9ff;
}

.sppb-addon-table-main th {
	vertical-align: top;
}

.sppb-addon-table-main td {
    color: #252525;
    padding: 12px 20px;
    font-size: 16px;
}

.sppb-addon-table-main th h1,
.sppb-addon-table-main th h2,
.sppb-addon-table-main th h3,
.sppb-addon-table-main th h4,
.sppb-addon-table-main th h5,
.sppb-addon-table-main th h6 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}



/* News single article */
.article-details.news .article-full-image,
.article-details.news .article-featured-video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    margin-bottom: 0 !important;
    background-color: #000;
}

.article-details.news .article-full-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-details.news .article-featured-video lite-youtube {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
}

.article-details.news .article-featured-video lite-youtube::before {
    padding-bottom: 0 !important;
}

.article-details.news .article-header {
    padding-top: 30px;
}

.article-details.news .article-date-below-title {
	color: #666;
	font-size: 14px;
	margin-bottom: 30px;
}

@media screen and (max-width: 575px) {
    .article-details.news .article-header {
        padding-top: 20px;
    }	
}

.article-details.news .article-date-top {
    color: #555;
    font-size: 14px;
    padding: 0 0 10px 4px;
}

.article-details.news .article-date-top i {
    margin-right: 5px;
}



/*ul li*/
.article-details ul {
	padding: 0 0 15px 40px;
	margin: 0;
}

@media screen and (max-width: 480px) {
	.article-details ul {
		padding: 0 0 0 22px;
	}
}

.osm-container ul li,
.article-details ul li  {
	position: relative;
	padding: 0 0 0 10px;
	margin-bottom: 8px;
}

.article-details ul li > ul  {
	padding: 0 0 0 10px;
}

.article-details ul li > ul li {
	padding: 0 0 0 18px;
	margin-top: 7px;
	margin-bottom: 7px;
}



/* Pagination */
.pagination-wrapper {
    display: flex;
    align-items: center;
	justify-content: center!important;
	flex-wrap: wrap;
	margin-top: 0;
}

.pagination-wrapper .pagination,
.pagination-wrapper .pagination-counter {
    margin-bottom: 10px!important;
	color: #252525 !important;
}

@media screen and (max-width: 767px) {
	ul.pagination li:not(:first-child):not(:nth-child(2)):not(:last-child):not(:nth-last-child(2)) {
	  display: none;
	}
}

@media screen and (max-width: 575px) {
	.pagination-wrapper .pagination-counter {
		display: none;
	}
}

.pagination>.active>a, .pagination>.active>span {
    color: #fff;
	border-color: #aa182c;
    background-color: #aa182c;
	font-weight: 600;
}

.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {
    color: #fff;
	border-color:  #aa182c;
    background-color:  #aa182c;
}

.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
    color: #fff;
	background-color: #3b5287;
	border-color: #3b5287;
}

.pagination li a, .pagination li>span {
	padding: 10px;
	border-radius: 0!important;
	background-color: #f7f7f7;
	font-weight: 600;
}

.pagination a:focus {
    box-shadow: none;
}

.pagination .disabled > a, .pagination  a.disabled {
    color: #bbb;
	background-color: #f7f7f7;
}

.pagination li.page-item {
	min-width: 45px!important;
	text-align: center;
	margin: 4px;
}

.pagination li:first-child {
	margin-left: 0;
}

.pagination li.page-item.disabled a:not(.page-link) {
    display: block;
	border: 1px solid #ddd;
}



/* Membership Pro */
#osm-plan-item .osm-item-heading-box,
#osm-plans-list-default .osm-item-heading-box {
	padding: 15px 20px;
}

#osm-plan-item .osm-item-description,
#osm-plans-list-default .osm-item-description {
	padding: 30px 20px 20px 20px;
}

#osm-plan-item .osm-page-title,
#osm-plans-list-default .osm-item-title {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0 !important;
}

#osm-plan-item .osm-page-title a,
#osm-plans-list-default .osm-item-title a {
	color: #252525;
}

#osm-plan-item .osm-page-title a:hover,
#osm-plans-list-default .osm-item-title a:hover {
	color: #aa182c;
}

@media screen and (max-width: 575px) {
	#osm-plan-item .osm-page-title,
	#osm-plans-list-default .osm-item-title {
		font-size: 24px;
	}	
}

#osm-signup-page .osm-page-title {
	position: relative;
	border-bottom: 1px solid #aa182c;
	padding-bottom: 15px;
	margin-bottom: 40px!important;
}

#osm-signup-page .osm-page-title::after {
	content: '';
	position: absolute;
	display: block;
	width: 20%;
	height: 6px;
	background-color: #aa182c;
	bottom: -6px;
}

.osm-container input[type=text].input-xlarge, .osm-container select.input-xlarge, .osm-container textarea.input-xlarge {
    width: 100% !important;
}

#os_form label:not(.checkbox) {
	font-weight: 600;
}

#os_form .osm-checkboxes-contaier .checkbox input {
	margin-bottom: 10px;
}

#os_form .osm-checkboxes-contaier .checkbox input {
	margin-right: 10px;
}



/* Kunena */
#kunena {
    font-size: 1rem; 
}

.layout#kunena + div {
    font-size: 0 !important;
    height: 0 !important;
}

#kunena .pagination-container-links:last-of-type {
	padding-top: 0 !important;
}

#kunena .navbar-toggler {
	border: none;
}

@media screen and (max-width: 991px) {
	.knav-offcanvas .nav-link {
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		font-weight: 500;
		color: #252525;
	}
}

#kunena #postform .form-group.row {
	margin-bottom: 12px;
}

#kunena .navbar-toggler-icon {
    display: inline-block;
    width: 2em;
}

#kunena.layout h1#category-headerdesc2 {
    font-size: 17px !important; 
}

#kunena.layout h2:not(.accordion-header) {
    margin-top: 15px;
}

#kunena .accordion .text-center.mt-3 {
	margin-bottom: 1rem !important;
}

#kunena table thead {
	font-weight: 600;
}

#kunena table .datepost {
	font-size: 15px;
	font-style: italic;
}

@media screen and (min-width: 1199px) {
	#kunena table tr.category td:last-child {
		width: 25%;
	}
}

#kunena #categoryactions table tr.category td:last-child {
	width: 10px;
}

#kunena.layout .kfrontend .table td {
    padding: 10px 10px;
}

#kunena table tbody tr:first-child td {
	padding-left: 2px !important;
}

#kunena table tbody tr:not(.category) td {
	font-weight: 600;
	background-color: #fafafa !important;
}

@media screen and (max-width: 575px) {
	#kunena table tbody tr td:nth-child(2) {
		background-color: #fafafa !important;
	}
	
	#kunena table tbody tr:not(.category) {
		display: none !important;
	}
}

#kunena #kwho {
	padding: 20px 0;
}

#kunena .shadow-lg {
    box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.04) !important;
}

#kunena .card-header {
	padding: 20px !important;
}

#kunena .kfrontend:first-of-type {
	margin: 15px 0 !important;
}

#kunena .rounded {
	border-radius: 0 !important;
}	

#kunena .btn.btn-outline-primary.btn-sm {
    font-family: 'Inter', sans-serif;
    display: inline-block !important;
    white-space: nowrap !important;
    color: #252525 !important;
    background-color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    padding: 10px 10px !important;
    transition: all 0.5s ease;
    margin-right: -1px;
}

#kunena .btn.btn-outline-primary.btn-sm:hover {
	color: #fff !important;
	background-color: #3b5287 !important;
}

#kunena .btn.btn-outline-primary.btn-sm:focus-visible {
    color: #fff !important;
	background-color: #3b5287 !important;
    box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.8) !important;
}

#kunena .btn.btn-outline-primary.btn-sm:active {
    color: #fff !important;
	background-color: #3b5287 !important;
}

#kunena .btn.btn-light.dropdown-toggle {
	font-family: 'Inter', sans-serif;
    display: inline-block !important;
    white-space: nowrap !important;
    color: #aa182c !important;
    background-color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
	text-transform: uppercase;
    border: 1px solid #ddd !important;
	border-radius: 0 !important;
    padding: 10px 10px !important;
	transition: all 0.5s ease;
}

#kunena .btn.btn-light.dropdown-toggle::after {
	color: #252525 !important;
}

#kunena .btn-toolbar.float-end {
	margin: 11px 12px 11px 0;
}

#kunena .klogout .btn {
	font-family: 'Inter', sans-serif;
    display: block !important;
    white-space: nowrap !important;
    color: #aa182c !important;
    background-color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
	text-transform: uppercase;
    border: none !important;
	border-radius: 0 !important;
    padding: 8px 10px !important;
	text-align: center;
	transition: all 0.5s ease;
}

#kunena .klogout #status-online .btn {
    margin-right: 20px !important;
}

#kunena #kcat-icon {
	text-align: center;
}

#kunena .klogout img {
	width: 30px	
}

#kunena.layout .btn svg {
    width: 22px !important;
    height: 22px !important;
	stroke: currentColor;
    stroke-width: 1;
	margin-top: -4px;
}

#kunena.layout .kfrontend .btn {
    visibility: visible !important;
}

#kunena.layout .kwho-admin {
    color: #aa182c !important;
	padding-top: 15px;
}

/* hide the avatar image and replace with Font Awesome icon */
#kunena .klogout .btn .rounded img[src*="nophoto.png"] {
    display: none;
}

#kunena .klogout .btn .rounded {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    position: relative;
}

#kunena .klogout .btn .rounded::before {
    content: "\f007";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    color: #6c757d;
}

#kunena .dropdown-menu img[src*="nophoto.png"] {
    display: none;
}

#kunena .dropdown-menu .rounded {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 124px;
    height: 94px;
    background: #f8f9fa;
    border: 2px solid #dee2e6;
    border-radius: 50%;
    position: relative;
	margin-bottom: 10px;
}

#kunena .dropdown-menu .rounded::before {
    content: "\f007";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 60px;
    color: #adb5bd;
}
/**/

#kunena #kuserform .tab-content {
	padding: 35px;
}

#kunena .tab-content {
	padding: 15px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

#kunena .nav-tabs .nav-item {
	padding-right: 3px;
}

#kunena .nav-tabs .nav-link {
    color: #252525;
	font-weight: 600;
	padding: 10px 16px;
    border-top: 5px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

#kunena .nav-tabs .nav-link:hover {
    border-top: 5px solid #3b5287;
}

#kunena .nav-tabs .nav-link.active {
    border-top: 5px solid #aa182c;
}

.layout#kunena th.topic-item-unread svg {
    color: #ccc !important;
}

#kunena #postform #myTab {
	margin-top: 30px;
}

#kunena.layout #cke_message.cke_chrome {
    margin-bottom: 0 !important;
}

#kunena #kattach_form .badge.bg-info {
	color: #3b5287;
	background-color: #e5e9f4 !important;
}

#kunena .kunena-topic-item .btn.dropdown-toggle {
	font-family: 'Inter', sans-serif;
    display: inline-block !important;
    white-space: nowrap !important;
    color: #fff !important;
    background-color: #aa182c !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
	text-transform: uppercase;
    border: none !important;
	border-radius: 0 !important;
    padding: 8px 10px 8px 0 !important;
	transition: all 0.5s ease;
	margin-right: 8px;
	margin-left: -8px;
}

#kunena .kunena-topic-item .btn:not(.dropdown-toggle) {
	font-family: 'Inter', sans-serif;
    display: block;
    white-space: nowrap !important;
    color: #fff !important;
    background-color: #aa182c !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
	text-transform: uppercase;
    border: none !important;
	border-radius: 0 !important;
    padding: 8px 10px !important;
	text-align: center;
	transition: all 0.5s ease;
	margin-right: 8px;
}

#kunena .topic-item-messages > .message > .col-md-2 {
	padding: 30px 15px;
}

#kunena.layout .topic-starter {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 10px 5px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    color: #3a87ad;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 8px;
    margin-top: 10px;
}


#kunena .kunena-topic-item .profile-expand .btn:not(.dropdown-toggle) {
    color: #aa182c !important;
    background-color: #fff !important;
    padding: 8px 10px 8px 6px !important;
	margin: 10px 18px 10px 10px;
}	

#kunena .topic-item-messages .modal-dialog {
	width: 100%;
    max-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#kunena .topic-item-messages .modal-dialog .form-group {
	margin-bottom: 15px;
}

#kunena .topic-item-messages .modal-dialog .form-group .control-label {
	font-weight: 600;
	margin-bottom: 5px;
}

#kunena .topic-item-messages .modal-dialog .form-group textarea {
	width: 100%;
}

#kunena .topic-item-messages .modal-dialog #subscribeMe {
	margin-top: 5px !important;
}

#kunena .topic-item-messages .modal-dialog .card-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#kunena .topic-item-messages .modal-dialog .card-body {
    display: flex;
    flex-direction: column;
}

#kunena .topic-item-messages .modal-dialog .card-footer {
    display: flex;
    flex-direction: row;
	align-items: center;
}

#kunena .topic-item-messages .modal-dialog .card-body .gotoeditor {
	order: 1;
    width: fit-content;
}

#kunena .topic-item-messages .modal-dialog .card-footer input[type="submit"] {
	margin-left: auto;
}

@media screen and (min-width: 1200px) {
	#kunena .topic-item-messages .message-published {
		position: relative;
	}

	#kunena .topic-item-messages #btn_report {
		position: absolute;
		bottom: 40px;
		right: 10px;
	}
}

@media screen and (max-width: 1199px) {
	#kunena.layout .report {
		float: left !important;
		padding-bottom: 10px !important;
		margin-left: 0 !important;
	}
}

#kunena.layout .kmessagepadding {
    gap: 10px;
}

#kunena.layout .kmessagepadding {
    padding-bottom: 40px !important;
}

#kunena #categoryactions .btn {
    padding: 12px 20px !important;
}

#kunena .topictitle {
	display: block;
	margin-bottom: 8px;
}

#kunena .started {
	font-size: 14px;
}

#kunena .started br,
#kunena .started > .ktopic-category {
	display: none;
}



/* jEvents */
#jevents .contentpaneopen .month_date {
	text-align: center;
}

@media screen and (max-width: 991px) {
	#jevents ul.actions {
		display: none;
	}	
}

#jevents > #jevents_header {
	display: flex;
    justify-content: space-between;
	align-items: center;
}

#jevents .jev_pagination input {
	margin-bottom: 12px;
}

body.view-search #jevents #nav-search {
	display: none;
}

#jevents h2.contentheading {
	margin-bottom: 10px;
}

#jevents_body .cal_top_day_names {
    min-width: 0 !important;
}

#jevents #jevents_body {
    padding: 30px 20px;
}

@media screen and (max-width: 575px) {
	#jevents #jevents_body {
		padding: 15px;
	}
}

#jevents .nav-items {
    padding: 0;
    display: flex;
	justify-content: center;
    flex-wrap: wrap;
    row-gap: 10px;
	border-left: none;
	border-color: #aa182c;
}

#jevents .nav-items > div {
    padding: 0;
    margin-left: 0;
	display: inline-block;
	border-left: none;
	border-color: #aa182c;
	background-color: #fff;
}

#jevents #jevents_body .nav-items div.active a, .jev_header2 .active a {
    background-color: #aa182c;
}

#jevents #jevents_body .nav-items > div a {
    padding: 10px 15px;
    display: block;
	border-left: 1px solid #aa182c;
	margin-left: -1px;
}

#jevents #jevents_body .nav-items > div:not(.active) a:hover {
    padding: 10px 15px;
    color: #fff;
	background-color: #3b5287;
	border-left: 1px solid #3b5287;
}

#jevents #jevents_body .nav-items > div.active a:hover {
	color: #fff;
}

#jevents .nav-items > div:first-child a:hover {
    border-radius: 0; 
	margin-left: 0;
}

#jevents .nav-items > div:last-child a:hover {
    border-radius: 0; 
}

#jevents .nav-items > div:first-child {
    border-radius: 0;
}

#jevents .nav-items > div:last-child {
    border-radius: 0;
}

#jevents #jevents_body .nav-items div.active a:hover, .jev_header2 .active a:hover {
    border-left: 1px solid #aa182c;
}

div.new-navigation {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#jevents .month_date {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

#nav-search img {
    display: none;
}

#nav-search a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px; 
    color: #aa182c; 
    font-size: 16px;
    text-decoration: none;
	text-transform: uppercase;
	margin-top: 20px;
}

#nav-search a::before {
    content: "\f002"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
}

#nav-search a::after {
    content: "Search";
    font-size: 16px;
	font-weight: 600;
}

.jev_toprow .jev_header2 {
	display: flex;
    justify-content: center;
	flex-wrap: wrap;	
    min-height: 43px;
    margin-bottom: 40px;
	row-gap: 10px;
    align-items: flex-start; 
	height: auto;
}

.jev_toprow .jev_header2 > div {
    flex: 0 0 auto; 
    min-width: max-content; 
}

@media (max-width: 520px) { 
    .jev_toprow .jev_header2 {
        flex-direction: column;
        align-items: center;
    }
}

.jev_toprow div.previousmonth, .jev_toprow div.nextmonth {
    min-height: 45px;
	border: none;
    background-color: #aa182c;
}

.jev_toprow div.previousmonth, .jev_toprow div.currentmonth, .jev_toprow div.nextmonth {
	padding: 0 15px;
	border-radius: 0;
}

.jev_toprow div.previousmonth, .jev_toprow div.currentmonth, .jev_toprow div.nextmonth {
    line-height: 43px;
    height: 43px;
}

.jev_toprow div.currentmonth {
	background-color: #fff;
    border: 1px solid #aa182c;
}

#jevents_body .jev_toprow div.previousmonth a {
    display: block;
    font-size: 15px;
    font-weight: normal;
    padding-left: 18px; 
    color: #FFF;
    text-decoration: none;
    background: none !important; 
    position: relative;
}

#jevents_body .jev_toprow div.previousmonth a::before {
    content: "\f053"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
    position: absolute;
	margin-left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

#jevents_body .jev_toprow div.nextmonth a {
    display: block;
    font-size: 15px;
    font-weight: normal;
    padding-right: 18px; 
    color: #FFF;
    text-decoration: none;
    background: none !important;
    position: relative;
}

#jevents_body .jev_toprow div.nextmonth a::after {
    content: "\f054"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    margin-left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

#jevents_body .cal_today a.cal_daylink {
    background-color: #aa182c;
}

#jevents_body .cal_today a.cal_daylink:hover {
    border-left: 1px solid #aa182c;
    border: 1px solid #aa182c;
    color: #aa182c;
}

#jevents_body .jev_evdt_header {
	font-weight: 600;
}

#jevents_body .jev_eventdetails_body {
	display: flex;
    flex-direction: column;
}

#jevents_body .jev_evdt .jev_evdt_hits { 
    text-align: left !important;
}

#jevents_body .jev_evdt_location .location { 
	font-weight: 600;
}

#jevents form[name="BarNav"] {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

#jevents form[name="BarNav"] select {
	font-size: 15px !important;
	padding: 4px 14px !important;
	width: auto !important;
}

#jevents form[name="BarNav"] button {
	white-space: nowrap;
}

#jevents_body .jev_evdt {
    padding: 25px 10px 10px 10px;
    border-top: 1px solid #ddd;
}

.ev_adminpanel .nav_bar_cell form {
	display: flex;
	align-items: end;
	flex-wrap: wrap;
    padding: 10px;
}

.ev_adminpanel .nav_bar_cell form input[type="button"] {
    padding: 11px 16px;
}

.ev_adminpanel .nav_bar_cell > a {
    display: block;
    padding: 15px 15px 0 15px;
}

.action_dialogJQ.modal .modal-body a {
	display: flex;
}

.action_dialogJQ.modal .modal-body hr {
	margin-top: 5px !important; 
    margin-bottom: 5px !important;
}

.jevbootstrap .action_dialogJQ #publish_reccur img, .jevbootstrap .action_dialogJQ #edit_reccur img, .jevbootstrap .action_dialogJQ #edit_event img, .jevbootstrap .action_dialogJQ #edit_eventcopy img, .jevbootstrap .action_dialogJQ #delete_repeat img, .jevbootstrap .action_dialogJQ #delete_eventfuture img, .jevbootstrap .action_dialogJQ #delete_event img {
    margin-right: 4px;
    margin-top: 4px;
}

/* event add / edit */
#gslc.gsl-scope #right-col #top-head {
    z-index: 1 !important;
}

.gsl-scope .gsl-background-primary {
	background-color: #f7f7f7 !important;
    padding: 15px;	
}

.gsl-scope .gsl-button-primary {
    background-color: #aa182c !important;
}

.gsl-scope .gsl-button-primary:hover {
    background-color: #3b5287 !important;
}

.jevtitle.gsl-grid {
	display: flex;
    flex-direction: column;
}

.jevtitle.gsl-grid input {
	width: 100%;
}

.gsl-scope .gsl-input, .gsl-scope .gsl-select, .gsl-scope .gsl-textarea {
    width: 100%;
	background-color: #fff !important;
    color: #252525;
}

.gsl-scope .gsl-input:focus, .gsl-scope .gsl-select:focus, .gsl-scope .gsl-textarea:focus {
    background-color: #fff !important;
    color: #252525;
}

.gsl-scope .gsl-tab>.gsl-active>a {
    border-color: #aa182c !important;
}

#jevents #jeveditor {
    margin-top: -20px !important;
}

#gslc.gsl-scope div#jevents #adminForm select,
#gslc.gsl-scope div#jevents #adminForm input:not([type="checkbox"]):not([type="radio"]) {
    width: 100%;
	height: 44px;
}

#jevents li#calendar .form-check.form-check-inline {
	padding-left: 5px;
}

.gsl-scope .gsl-margin-small-right {
    width: 100%;
}

#gslc.gsl-scope .gsl-select {
    width: 100%;
    font-size: 17px;
}

#scrollable-dropdown-menu,
.twitter-typeahead {
	width: 100%;
}


#jevents .field-calendar > div {
	display: flex;
}

#jevents .field-calendar button svg {
    width: 22px !important;
    height: 22px !important;
	stroke: currentColor;
    stroke-width: 1;
}

#start_12h_area,
#start_12h_area .gsl-button-group,
#end_12h_area,
#end_12h_area .gsl-button-group  {
	display: flex !important;
}

.jeveditrepeats.jevdatetime .gsl-button-group label {
	height: 44px;
    line-height: 42px;
}	

.jeveditrepeats fieldset legend {
	display: flex;
	font-size: 17px;
}

.jeveditrepeats fieldset legend input {
	font-size: 17px;
}

#byday fieldset {
	padding: 15px !important;
}