body, .sp-preloader {
  background-color: black;
  color: #fff;
}

.burger-icon > span {background-color: #fff;}

a {color: #ec5538;}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover,
.article-list .article .readmore a:hover, .mod-jo-articles-198 .article-title a:hover, .jo-articles-display .article-title a:hover, a:hover, #sp-user-top .article-title a:hover  {color: #dc3515;}

.body-innerwrapper {
  background-image: url(/images/background/Al-Santa-Pizza-bkg-2.jpg);
  background-attachment: fixed;
  background-size: cover;
  min-height: 1000px;
  overflow-x: hidden;
}


#sp-header {background: rgba(0,0,0,0.8);}
#sp-header:hover {background: rgba(0,0,0,0.9);}

.sp-megamenu-parent > li > a {font-size: 20px; color: #fff;}

@media screen and (min-width:1024px) {
#sp-main-body {padding: 100px 0 50px 0;}
}

#sp-user-top2 .sp-module-title, .sp-module-title {
  font-size: 30px;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
}

.sp-module-title span {font-weight: bold;}
#sp-user-top2 .sp-module-title span:last-child {font-weight: bold;}


#sp-component  {background: rgba(0,0,0,0.8);padding: 25px;}
.itemid-101 #sp-component  {background: rgba(0,0,0,0.1);padding: 0px;}
.itemid-101 #sp-main-body {padding: 1px;}

#sp-user-top1 {padding-left: 0;}

#mod-custom197 .uk-padding.uk-text-left {
  position: absolute;
  bottom: 30px;
}
#mod-custom197 .uk-scope .uk-margin-remove-top {
  margin-top: 0 !important;
  color: #eee;
}

.uk-scope .uk-slideshow-items {border-radius:15px;}
  

off.albums .article:hover .album-overlay {opacity: 1;}
off.albums .article .album-overlay {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(236,85,56,0.8);
  text-align: left;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}


.uk-h3.uk-margin-remove-bottom {
  margin-top: 5px;
  font-size: 1.1rem;
  color: #ccc;
}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a, .article-list .article .article-header h4 a {
  color: #ec5538;
}

.article-list .article .readmore a {color: #ccc;}

.article-list .article {
  border: 1px solid #00000029;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {border-radius: 3px;border-bottom: none;}
.albums .article-introtext {display: none;}
ul.fields-container {list-style: none; padding-left: 0;}


@media screen and (min-width:1024px) {
.itemid-192  .article-details .article-full-image {margin-bottom: 2rem;max-width: 360px;}
}

#sp-main-body .uk-scope .uk-margin-remove-bottom {margin-top: 10px !important;color: #fff;font-size: 1rem;}

@media screen and (max-width:680px) {
#sp-main-body {padding: 50px 0;}
.sp_countdown {min-height: 400px;}
.offcanvas-menu {background-color: #dcdcdc;color: #111;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-size: 20px;line-height: 22px;opacity: 1;}
} 

#sp-user-top1 .sp-module,
#sp-user-top2 .sp-module { background: rgba(0,0,0,0.8);padding: 25px; margin-bottom: 25px;}
#sp-user-top1 .jo-articles-display {padding-bottom: 0;}

.jo-articles-display .article-title a, 
.mod-jo-articles-198 .article-title a {
  font-size: 26px;
  color: rgba(255, 255, 255, 1);
  font-weight: 300;
  line-height: 33px;
}

.sp_countdown_title h2 {
  font-size: 72px;
  color: #fff;
  font-weight: bold;
  line-height: 72px;
}
.sp_countdown {position: relative; min-height: 590px;}
.sp_coundown_all{position: absolute; bottom: 0; left: 0; margin-bottom: 95px;}
.sp_countdown_pre_text {display: inline-block;}
.sp_countdown_cntdwn {}
.sp_countdown_post_text{display: inline-block;}
.sp_countdown_button {}
.coundown_wrapper {
  font-size: 1.4em;
  color: #fff;
  font-weight: bold;
}



#sp-footer, #sp-bottom {background: transparent;color: #fff;}

#sp-bottom > .container, #sp-footer > .container {background: rgba(0,0,0,0.8);}
#sp-bottom > .container {padding: 35px 25px 25px;}

#sp-bottom .sp-module .sp-module-title,
#sp-bottom  h3 {
  color: #fff;
  padding: 0;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
}

#sp-bottom  h3::before {font-family: "Font Awesome 6 Free";font-weight: 700;content: "\f0e7"; padding-right: 5px;}
#sp-bottom1 a {font-weight: 500;}

#sp-bottom a:hover {color: #dc3515; text-decoration: underline;}
#sp-bottom .sp-module ul > li > a,  #sp-bottom3 ul li {font-size: 1.2rem;}
#sp-bottom .social-icon ul > li {display: inline-block;margin: 0 12px;}
.social-icon {text-align: center;}
.social-icon i {font-size: 24px;  }
.sp-totop {font-size: 20px;margin-right: 20px;}

.sp-totop small {display: none; visibility: hidden;}

.sp-copyright {
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
}