/* CSS Document */
@charset "UTF-8";
html {
	min-height: 101%;
}
body {
	background-image: url(../../../images/bg2.jpg);
	background-repeat: no-repeat;
  	background-attachment: fixed;
	background-position: center top;
	background-color: #0BC9FF;
}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after,body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    float: right;
    margin-left: 7px;
    font-weight: 900
}
a {
	color: #fff;
}
a:hover, a:active {
	color: #ccc;
}
#sp-header {
	background-image: url(../../../images/bg2.jpg) !important;
	background: rgb(0 0 0 / 10%);
	box-shadow: 0 0 10px 10px rgb(255 255 255 / 30%);
	height: 120px;
}
#sp-header .logo {
	height: 120px;
}
#sp-header.header-sticky {
	animation: none !important;
}
.d-flex {
	flex-direction: row;
    align-content: center;
    justify-content: flex-end !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-image: url(../../../images/bg2.jpg);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 0 6px 6px rgb(255 255 255 / 30%);
	border-radius: 15px;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
	font-size: 1.2em;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  	display: block;
  	font-size: 1rem;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
	margin-top: -10px;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.hover>a {
	font-weight: 700;
	color: #ccc;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:focus, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  	color: #ccc;
}
.burger-icon>span, .offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
	background-color: #fff;
}
#sp-main-body {
	padding: 50px 0;
}
.blog .page-header h1, #jem .componentheading {
	border: none !important;
	border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 6px 6px rgb(255 255 255 / 30%);
	padding: 10px 20px;
    margin-bottom: 20px;
    display: inline-flex;
}
#sp-bottom .sp-module	 {
  	min-height: 200px;
  	border: none !important;
	border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 6px 6px rgb(255 255 255 / 30%);
	padding: 10px 20px;
  	text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#mod-custom120 {
  	float: right;
}
.article-list .article, .article-details {
	border: none !important;
	border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 6px 6px rgb(255 255 255 / 30%);
	min-height: 260px;
  	overflow: hidden;
}
.article-list .article .article-intro-image {
	margin: 0 !important;
	border: 0 !important;
	max-width: 33%;
	min-width: 200px;
    max-height: 33%;
    float: left;
    padding: 0 15px 5px 0;
}
.article-details {
	padding: 20px;
	margin-bottom: 50px;
}
.article-details .page-header h1 {
  	display: none;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
	color: #fff;
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h2 a:active {
	color: #ccc;
}
a:hover, a:focus, a:active {
	color: #ccc;
}
#sp-right .sp-module {
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 6px 6px rgb(255 255 255 / 30%);
	border: none !important;
	border-radius: 15px;
  	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  	margin: 0 0 30px 0 !Important;
}
#sp-right .sp-module .sp-module-title {
	margin: 0 !important;
	border: none !important;
	text-align: center;
  	font-size: 2rem;
}
.readmore {
	padding-top: 10px;
    font-size: 1rem !Important;
}
.readmore a {
	color:#fff !Important;
  	font-weight: 700 !Important	;
}
.readmore a:hover, .readmore a:active {
	color: #ccc !important;
}
.newsflash-title a {
  	display: block;
  	padding-bottom: 10px;
}
#com-content-form, #com-content-form a {
  color: #000 !Important;
}
#editevent-infotab, #editevent-extendedtab, #editevent-publishtab, #event-attachments, #event-other {
	color: black !important;
}
div#jem .monthnavigation a, div#jem .monthname {
	color: #000;
}
#editor-xtd-buttons {
  	display: none;
}