#sp-header {
    height: 80px;
  background:#002147;
    border-bottom:none;
  position:absolute;
}
#sp-header.header-sticky{
  position:fixed;
}
.logo-image  {
    margin-top: 70px;
    position: relative;
    z-index: 9999999999;
}
 .sp-megamenu-parent > li > span {
   color: #fff;
}
.sp-megamenu-parent .sp-mega-group>li>a:hover {
   color: #bf8c23;
}
@media (max-width: 576px) {
.logo-image-phone {
    height: 127px!important;
    margin-top: 71px;
    position: relative;
    z-index: 99999;
}
}

@media (max-width: 992px) {
.logo-image-phone {
    height: 127px!important;
    margin-top: 71px;
    position: relative;
    z-index: 99999;
}
}
/*sp-title menu item title*/
#sp-page-title{
  padding-top:80px;
}
/*menu*/
body.rtl .sp-megamenu-parent>li.sp-has-child>a:before, 
body.rtl .sp-megamenu-parent>li.sp-has-child>span:before {
    font-family: "Font Awesome 6 Free";
    content: "\f107";
    float: left;
    margin-right: 7px;
    font-weight: 900;
}
.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    padding: 29px 5px;
    margin: 0px 5px;
    cursor:pointer;
      transition: color 400ms, background-color 400ms;
}
.sp-megamenu-parent>li>span.sp-menu-heading:hover{
  color:#bf8c23;
}
.sp-megamenu-parent>li:hover>a {
    opacity: 1;
}
/*sp easy image gallery*/
.speasyimagegallery-albums>div,
.speasyimagegallery-gallery>div {
    display: flex;
    flex-wrap: wrap;
}

/*language menu*/
.mod-languages{
  padding-right:20px;
  padding-left:0px;
}
#sp-header.header-with-modal-menu .mod-languages a{
  color:#fff;
}
/*offcanvas*/
.offcanvas-menu .offcanvas-inner .header-modules {
    display: block!important;
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin: 0;
}
.offcanvas-menu .offcanvas-inner .header-modules .mod-finder {
    margin-top: 5px;
    text-align: center;
}
.burger-icon>span {
    background-color: #ffffff;
}
.rtl .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    left: 0px;    
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    padding: 0px;
}
/*---------*/

/*footer in modal menu*/

/*modules are hidden in  pages in this template don't know why? */
.com-content.view-article .sp-module {
    display: initial;
}
/*buttons*/
body .sppb-btn, body .btn {
    border-radius: 12px !important;
}
body .sppb-btn.sppb-btn-primary,
body .sppb-btn.btn-primary, 
body .btn.sppb-btn-primary, 
body .btn.btn-primary {
    background-color: #0c2758 !important;
}
body .sppb-btn.sppb-btn-primary:hover, 
body .sppb-btn.btn-primary:hover, 
body .btn.sppb-btn-primary:hover, 
body .btn.btn-primary:hover {
    background-color: rgb(209, 155, 42) !important;
}

body .sppb-btn.sppb-btn-secondary,
body .sppb-btn.btn-secondary, 
body .btn.sppb-btn-secondary, 
body .btn.btn-secondary {
    background-color: rgb(209, 155, 42) !important;
}
body .sppb-btn.sppb-btn-secondary:hover, 
body .sppb-btn.btn-secondary:hover, 
body .btn.sppb-btn-secondary:hover, 
body .btn.btn-secondary:hover {
    background-color: #0c2758  !important;
}
/*articles*/
body.rtl .article-details .article-info>span+span::before {
    left:auto;
    right: 0px;
}
body.rtl .article-details .article-info>span+span {
    padding-right: 120px;
    padding-left: 0px;
}
/*articles addon */
.sppb-addon-articles .sppb-addon-article * {
    font-family: "Cairo" !important; 
}
.sppb-addon-articles .sppb-addon-article {
    box-shadow: 0 0 5px 0px #e1e1e1;
    border-radius: 80px 13px 50px 13px;
}
.sppb-addon-articles .sppb-addon-article img,
.sppb-addon-articles .sppb-addon-article a.sppb-article-img-wrap{
    border-radius: 20px;
}
.sppb-addon-articles .sppb-addon-article img{
  transition:all .3s ease-out;
}
.sppb-addon-articles .sppb-addon-article a.sppb-article-img-wrap{
  overflow:hidden;
}
.sppb-addon-articles .sppb-addon-article:hover img{
    transform:scale(1.2);
}
.sppb-addon-articles .sppb-addon-article h3 a {
    color: #07296c;
}
.sppb-addon-articles .sppb-addon-article h3 a:hover {
    color: #d19b2a;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap {
    margin-bottom: 10px;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap {
  position: relative;
    flex-direction: column;
  padding: 0 10px 10px;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-introtext {
    color: #0d132a;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-meta {
    position: absolute;
    top: -49px;
    text-align: left;
    left: -5px;
}
.sppb-addon-articles .sppb-addon-article h3{
  	text-align: left;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-meta time {
    background: #183776;
    color: #fff;
    padding: 5px 20px;
    border-top-left-radius: 20px;
}
/*footer*/
#sp-footer .sp-copyright a {
    color: #162541;
}
#sp-footer .social-icons a {
    color: #162541;
}
#sp-footer .social-icons a:hover,
#sp-footer .social-icons a:focus {
    color: #d6a02a;
}
#sp-footer .sp-copyright {
    font-size: 16px;
}
#sp-footer .social-icons>li:not(:last-child) {
    margin-right: 20px;
}

/*search*/
input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], .form-control, select:not(.form-select) {
    padding: 2px 15px 2px 15px;
    color: #162541;
    border: 1px solid #0c3181;
}

/*to top icon*/
.sp-scroll-up{
    color: #fff;
    background: #d19b2a;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {    
    color: #fff;
    background: #f1b433;
}
/*category list*/
.view-category #sp-main-body>.container {
    max-width: 80% !important;
}
/*--------Blog --------*/

.article-list .article .article-body {
    padding-top: 20px;
}
/*sp easy image gallery*/
.speasyimagegallery-gallery-stat{
  direction:ltr;
}
/*--------------------------  RTL --------------------------*/
/*------Menu -------*/

/*------language -------*/
body.rtl .mod-languages{
  padding-left:20px;
  padding-right:0px;
}
/*---- Blog --------*/
body.rtl .article-list .article .article-header h1,
body.rtl .article-list .article .article-header h2 {
     font-family: "Cairo"!important; 
}
/*----Aricles addon----*/
body.rtl .sppb-addon-articles .sppb-addon-article h3 {
    text-align: right;
}
body.rtl .sppb-addon-articles .sppb-addon-article {
    border-radius: 80px 13px 13px 50px ;
}
body.rtl .sppb-addon-articles .sppb-addon-article .sppb-article-meta time {
   right: auto;
  left: 10px;
    border-top-left-radius: 0px;  
    border-top-right-radius: 20px;
}
/*----- footer ------*/
body.rtl ul.social-icons>li:not(:last-child) {
    margin-left: 20px;  
   margin-right: 0px;
}
body.rtl #sp-footer .social-icons>li:not(:last-child) {
    margin-left: 20px;
   margin-right: 0px;
}
#sp-footer1{
  text-align:center;
}

.sp-page-title .sp-page-title-heading {
    text-align: center !important;
 color:#0b417e;
}

.album-page-heading {
    margin-bottom: 30px;
    text-align: center;
}
/*testimonial */
.rtl .sppb-addon-testimonial-content-wrap .sppb-avatar-circle{
  margin-left:20px;
}
.rtl .sppb-addon-testimonial-content-wrap span{
  text-align:right;
}
/*visits*/
.mod-stats .list-group-item {
    padding: 5px;
  font-size:17px;
}
.mod-stats .list-group-item:hover{
  color:#fff;
  text-decoration:none;
}
.list-group .list-group-item span{
    font-size: 17px;
    background-color: transparent !important;
}
ul.mod-stats{
  display:inline-block;
}
.mod-stats .list-group-item{
  background:transparent;
  color:#fff;
}
/*events calendar*/
#jem .copyright{
  display:none;
}
.rtl #jemmoduleteaser .jem-row-image-teaser {
    justify-content: flex-start;
}
.rtl div#jemmodulejubilee .event-title {
    text-align:right;
}
.rtl div#jemmodulejubilee .venue-title,
.rtl div#jemmodulejubilee .category{
     float: right;
}
.rtl div#jemmodulejubilee .desc {
    text-align: right;
    font-size: 16px;
}
#jemmodulebanner .calendar-red {
    background-repeat: no-repeat;
    width: 81px;
    height: 85px;
    text-align: center;
    padding: 5px 1px 0 0;
    margin: 0 10px 10px 0;
    line-height: 24px;
    box-shadow: 3px 4px 4px -3px rgba(0, 0, 0, 0.3), -3px 4px 4px -3px rgba(0, 0, 0, 0.3);
}
.date-box {
    background: red;
}
.event-media img {
    max-height: unset;
}

#jemmodulebasic-tableadvanced table {
    font-family: unset;
}
#jemmodulebasic-tableadvanced table {
    background-color: transparent;
    box-shadow: unset;
}
#jemmodulebasic-tableadvanced table { 
    border-collapse: separate; 
    border-spacing: 0 10px; 
    margin-top: -10px; /* correct offset on first border spacing if desired */
}
#jemmodulebasic-tableadvanced td {
    border: solid 1px #f1dda7;
    border-style: solid none;
    padding: 10px;
}
.ltr #jemmodulebasic-tableadvanced td:first-child {
    border-left-style: solid;
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
}
.ltr #jemmodulebasic-tableadvanced td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 10px; 
    border-top-right-radius: 10px; 
}

.rtl #jemmodulebasic-tableadvanced td:last-child {
    border-left-style: solid;
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
}
.rtl #jemmodulebasic-tableadvanced td:first-child {
    border-right-style: solid;
    border-bottom-right-radius: 10px; 
    border-top-right-radius: 10px; 
}
#jemmodulebasic-tableadvanced tr:nth-child(even) {
    background-color: #fffcf0;
}
#jemmodulebasic-tableadvanced tr:hover {
    background-color: #fff4d3;
}
#jemmodulebasic-tableadvanced th {
    background-color: #002147;
    color: white;
    font-weight: bold;
}
.rtl .jemmodulebasic i {
    padding-left: 10px;
 padding-right: 0px; 
}
.jem-dl dt {
    float: left;
    margin-right: 14px;
}
.rtl .jem-dl dt {
    float: right;
    margin-left: 14px;
}
#jem .componentheading{
  text-align:center;
}
.rtl #jem .jem-dl dt,
.rtl #jem .jem-dl-long dt {
    float: right;
    text-align: right;
}
.eventcalq {
  max-width:unset;
}
.eventcalq *{
  font:unset!important;
}
/*override default jem calendar module color styles*/
/*month name and navigation row*/
.eventcalq caption.mod_jemcalq_calendar-month {
    color: #ffffff;
    background-color: #002147;
}
.eventcalq caption.mod_jemcalq_calendar-month a,
.eventcalq caption.mod_jemcalq_calendar-month a:link,
.eventcalq caption.mod_jemcalq_calendar-month a:visited {
    color: #fff;
}
/*days of week styles*/
.eventcalq caption.mod_jemcalq_calendar-month a:hover {
    color: #edaf32;
}
.eventcalq th.mod_jemcalq_daynames {
    color: #000;
    background: #DFEFFF;
}
/*upcoming and exisiting events styles*/
.eventcalq td.mod_jemcalq_caldaylink a:link, .eventcalq td.mod_jemcalq_caldaylink a:visited {
    color: #fff;
    background-color: #002147;
}
/*days with no events*/
.eventcalq td.mod_jemcalq_calday {
    background-color: #ffffff;
}
/*Empty cells not in the month*/
.eventcalq td.mod_jemcalq {
    background-color: #ededed;
}