/**
 * @CSS-Ergänzung Helix Ultimate Framework
 * @author Carsten Przygoda
 * @copyright Copyright (c) 2018 Systemworks EDV GmbH
*/
/* Farbe - Suchen und ersetzen
a  								color: #22b8f0;
a:hover, a:focus, a:active		color: #0e9cd1;

/* ------------------------------------------------------------------------------------------ Basic */
.cleared, .clearfix:after {
  clear: both;
  font: 0/0 serif;
  display: block;
  content: " ";
}

.jlcontentcart button {
border: 0px;
margin: 8px 0;
padding: 5px 15px;
border: none;
	color:#FFFFFF;
	font-family: inherit;
    font-size: .8rem;
    font-weight: 400;
    line-height: 2;
}
.jlcontentcart button.minus {
    background-color: #D80000;
}
.jlcontentcart button.plus {
    background-color: #0F9401;
}
.jlcontentcart input.number {
  width: 3em;
	display: inline-block;
}
	
/* ------------------------------------------------------------------------------------------ allgemein Costum/Editor/Print */
.bildrechts {
  float: right;
  margin-right: 0;
  margin-left: 25px;
  margin-bottom: 10px;
  padding: 0;
  width: 300px;
}
.bildlinks {
  float: left;
  margin-right: 25px;
  margin-left: 0;
  margin-bottom: 10px;
  padding: 0;
  width: 300px;
}
.bildvoll {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 15px;
  padding: 0;
}
hr {
  border: 0px solid;
  border-bottom: 1px solid #C7C7C7 !important;
  clear: both;
}
/* ------------------------------------------------------------------------------------------ APP */
.app .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  border-bottom: 1px solid #f5f5f5;
}
.app .category-desc {  
	margin-right: 10px;
  margin-left: 10px;}
.app-card .col-md-9, .app-card .col-sm-8 {padding-left: 0px; padding-right: 0px;}
.app p {
  margin-bottom: 0px;
}
.app h2 {
  padding-top: 0px;
}
.content_cart {
  margin-top: 25px;
}
.content_cart .count {
  padding-top: 10px;
  line-height: 1.5em;
  margin-bottom: 0px;
}
.app .article-list .article {
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
}
.app-header h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: 700;
  float: left;
}
.app-button {
  margin: 0.25em;
  padding: 0.25em;
  border-radius: 0.25rem;
  text-align: center;
  display: inline-block;
  font-family: 'hasenapp';
  font-size: 2em;
  color: #FFFFFF;
}
.appmod p {
  margin-bottom: 0px;
  display: inline-block;
}
.appcontent {}
.appmod {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.appmodliste {
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
	  margin-top: 10px;
  text-align: center;
}
.appmodliste .card{
  border: 0px;
}
.app-mod .appmod {
  margin-top: 0px;
}
.app-mod-liste {
	margin-top: 30px;
}
.appmodliste .btn {color: #ffffff;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
height: auto;
	width: 100%;
	white-space: normal;
}
.appmodliste .col-sm-4, .appmodliste .col-xs-6 {padding-left: 5px; padding-right: 5px;}

.appmodliste .cards {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 0.5rem;
}

.appmodliste .card {
  color: white;
  padding: 0.5rem;
}

@media (min-width: 600px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
}

.app-button:hover, .appmodliste .card:hover {
  color: #FFFFFF;
  opacity: 0.7;
}
.app-button a, .app-button a:hover, .app-button a:link, .app-button a:visited, .app-button a:focus, .appmodliste .card a, .appmodliste .card a:hover, .appmodliste .card a:link, .appmodliste .card a:visited, .appmodliste .card a:focus {
  color: #FFFFFF;
}
.app-button-norm {
  background-color: #375200;
}
.app-button-wine, h3.wine, .wine h1 {
  background-color: #440049;
}
.app-button-red, .redwine h1 {
  background-color: #940952;
}
.app-button-rose, .rosewine h1 {
  background-color: #D87952;
}
.app-button-white, .whitewine h1 {
  background-color: #70C03A;
}
.app-button-beer, h3.beer, .beer h1 {
  background-color: #D79C00;
}
.app-button-eat, h3.eat, .eat h1 {
  background-color: #375200;
}
.app-button-info, h3.info {
  background-color: #375200;
}
.app-button-info {}
p.info {
  display: inline-block;
  float: right
}
.app-button-limo, h3.limo, .limo h1 {
  background-color: #004B9F;
}
.app-button-sprit, h3.sprit, .sprit h1 {
  background-color: #803F00;
}
.app-button-cofe, h3.cofe, .cofe h1 {
  background-image: linear-gradient(0deg, #3A1C00, #803F00);
}
.app-button-shorle, .shorle h1 {
  background-image: linear-gradient(to bottom left, #D87952, #440049);
}
.app-button-sekt, .sekt h1 {
  background-image: linear-gradient(to bottom left, #70C03A, #440049);
}
.app-button-saftshorle, h3.saftshorle, .saftshorle h1 {
  background-image: linear-gradient(to bottom left, #D87952, #004B9F);
}
.app-button-radler, h3.radler, .radler h1 {
  background-image: linear-gradient(to bottom left, #D87952, #D79C00);
}
.app-button-info {
  background-color: #333333;
}
.app-button-del {
    background-color: #B00000;
}

.app-button-jjc-success {
  background-color: #5bb75b;
}
.app-button-jjc-empty {
  background-color: #00588a;
}

.i-button {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-top: 20px;
}
.i-button a {
    border-radius: 0.25rem;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #333;
    color: #ffffff !important;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.i-button a:hover {
  background-color: #ddd;
  color: #000 !important;
}

.app-art-list {
    color: #444;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-size: 1.25em;
    line-height: 1.25em;
    border: 1px solid #fff;
    background-color: #fff;
}

.app-panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.app-panel:visited {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.app-panel p {
  padding-top: 8px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 0;
}
.app-center {
    text-align: center;
}
.app-cell {
  display: table-cell;
  width: 50%;
  float: left;
}
p.app-row {
  display: table-row;
}
.app-tab-1 {
  display: table-cell;
  min-width: 100px;
  float: left;
}
.app-tab-1 .app-button {
  font-size: 1.25em
}
.app-tab-2 {
  display: table-cell;
  vertical-align: middle;
}

.app-table {
    width: 100%;
    display: table;
}
.app-table-cell-hide {}

.jlcontentcart h1 {
	background: #940952;
}
.jlcontentcart input.jlcc-input {
  height: 35px;
  line-height: 35px;
  margin: 8px 0;
  float: left;
}
.jlcc-button:hover {
  background-color: #0070a5;
  color: #FFF;
  text-decoration: none;
}
.jlcc-button {
  display: inline-block;
  margin: 8px 0;
  padding: 5px 15px;
  font-family: inherit;
  font-size: .8rem;
  font-weight: 400;
  line-height: 2;
  text-transform: uppercase;
  border: none;
  background-color: #00588a;
  color: #fff;
  cursor: pointer;
}
.jlcc-count {
  max-width: 80px
}
.jlcontentcart a.jlcc-button {
  text-decoration: none;
}
.jlcc-button.jlcc-success {
  background-color: #5bb75b;
}
.jlcc-button.jlcc-delete {
  background-color: #C40F0F;
}
.jlcc-button.jlcc-success:hover {
  background-color: #51a351;
}
.jlcontentcart .jlcc-textarea {
  margin: 8px 0;
}
.jlcc-block-data {
  text-align: center;
}
.jlcc-block-data .jlcc-input, .jlcc-block-data .jlcc-textarea {
  min-width: 100%;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.jlcc-textarea {
  min-height: 150px;
}
.jlcontentcart table {
  text-align: left;
}
.jlcontentcart table tr {
  height: 32px;
  line-height: 32px;
}
.jlcontentcart table th {
  background-color: #c4c4c433;
  padding-left: 8px;
}
.jlcontentcart table td {
  padding-left: 8px;
}
.jlcc-title-data {
  text-align: center;
}
tr.order_item {
  border-bottom: 1px solid #d7d7d7;
}
.content_cart.jlcontentcart {
  border: 1px solid #940952;
  border-radius: 0.25em;
  padding: 10px;
}

.app-profil {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: center;
    background-color: rgba(148,9,82,0.30);
}
.app-logo {padding-top: 20px;}
.logout, .profile-edit, .reset, .remind {text-align: center;}
.logout .form-horizontal .controls {margin-left: 0px;}

.tisch-select {
    text-align: center;	
}

.tisch-select button{
    margin: 0.25em;	
}
.tisch-select .btn{
    width: 3.5em;	
}
#tisch{
  height: 3.5em;
  border: none;
  overflow: hidden;
}
#tisch::-moz-focus-inner {
  border: 0;
}
#tisch:focus {
  outline: none;
}
#tisch option{
  width: auto;
  font-size: 1.2em;
  padding: 0.5em;
  text-align: center;
  margin-right: 20px;
  display: inline-block;
  cursor: pointer;
  border:rgb(204, 204, 0) solid 1px;
  border-radius: 5px;
  color: rgb(204, 204, 0);
}
#tisch option:hover{
    border: rgb(204, 204, 0) solid 1px;
    border-radius: 5px;
    color: rgb(255, 255, 255);
    background-color: rgba(208,37,40,1.00);
}#tisch option:checked, #tisch option:focus, #tisch option:target, #tisch option:active{
    border: rgb(204, 204, 0) solid 1px;
    border-radius: 5px;
    color: rgb(255, 255, 255);
    background-color: rgba(208,37,40,1.00)!important;
}

/* ------------------------------------------------------------------------------------------ Artikel, Headline, Liste -- im Template bei Componente das Class: hdcontent */

h3.app-mod-head, .page-header h1, .jlcontentcart h1{
  border-radius: 0.25rem;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
  margin-bottom: 0px;
  text-align: center;
  }

.entry-header h2, .entry-header h1, .fox-container h2, h1.page-header, .search h1.page-title, .content-category h1, .article-header h1 {
    font-size: 2em;
    font-weight: normal;
    border: 0px solid;
    border-bottom: 1px solid #C7C7C7 !important;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding-bottom: 8px;
    text-align: center;
}
.linkliste-header h3 {
  font-weight: normal;
  border: 0px solid;
  border-bottom: 1px solid #C7C7C7 !important;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-bottom: 8px;
}
.article-info {
  font-size: 0.750em;
}
ul.liste {
  list-style: none;
  padding: 0;
  margin-left: 15px;
  margin-right: 15px;
}
.liste li {
  padding-left: 1.5em;
}
.liste li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
}
/* ------------------------------------------------------------------------------------------ Footer */
#sp-bottom .spc-bottom ul a:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 8px;
}
#sp-bottom .sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sp-bottom .sp-module ul > li {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: 300ms;
  transition: 300ms;
  line-height: 20px;
  padding-bottom: 10px;
}
.hdmodul-liste ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hdmodul-liste ul > li {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  line-height: 20px;
  padding-bottom: 5px;
}
.hdmodul-liste ul > li:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 8px;
}
.hdmodul-liste ul > li:last-child {
  border-bottom: none;
}
.visitorcounter {
  width: 100% !important;
}
.visitorcounter .nofloat {
  text-align: right;
  width: 80px;
  display: inline-block;
}
.visitorcounter .leftfloat {
  width: 60px;
  display: inline-block;
}
.hdmodul-liste .visitorcounter ul li {
  font-weight: normal;
}
#sp-footer1 .sp-module-content {
  text-align: center;
}
/* ------------------------------------------------------------------------------------------ Mobile */
@media (max-width: 479px) {
  .entry-header h2, .entry-header h1, .fox-container h2, h1.page-header {
    margin: 8px 0 0;
    font-size: 1.5em;
    line-height: 1;
  }
  .app-button {
    font-size: 1.625em;
  }
  .app-art-list {
    font-size: 1.125em;
    line-height: 1em;
  }
  .appcontent {
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1.25em;
  }
  .field-label::before {
    content: '\A';
    white-space: pre;
  }
  h3.app-mod-head {
    text-align: center;
  }
 .app-table-cell-hide {
    width: 0px;
    display: none;
    visibility: hidden;
}
}
@media (max-width: 992px) {
  #sp-bottom .spc-bottom {
    text-align: center;
    width: 100%;
    float: none;
    padding-bottom: 10px;
  }
}
@media (min-width: 993px) {
  .appmod {
    text-align: center;
  }
}
@media (min-width : 480px) and (max-width : 768px) {
  .appcontent {
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1.25em;
  }
  h3.app-mod-head {
    text-align: center;
  }
}
/* ------------------------------------------------------------------------------------------ Preset-Ergänzung */
body {
    font-family: Open Sans, sans-serif;
    font-weight: normal;
    border-top: 5px solid #940952;
}
h1 {
  font-family: Open Sans, sans-serif;
  font-weight: 800;
  font-size: 2.25em;
}
h2 {
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  font-size: 2.25em;
}
h3, .app h1, .jlcontentcart h1 {
  font-family: Open Sans, sans-serif;
  font-weight: 500;
  font-size: 1.5em;
}
h4 {
  font-family: Open Sans, sans-serif;
  font-weight: 500;
  font-size: 1.5em;
}
h5 {
  font-family: Open Sans, sans-serif;
  font-weight: 500;
  font-size: 1.3125em;
}
h6 {
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  font-size: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
  padding-top: 10px;
}
#sp-main-body {
  padding: 30px 0;
  font-size: 1em;
}
#sp-top-bar {
  background-color: #f5f5f5;
  color: #999999;
}
#sp-bottom {
  background-color: #f5f5f5;
  padding: 25px 0px;
}
.entry-header {
  padding-bottom: 10px;
}
/*  -- HG Bild ins Verzeichnis images im Template kopieren
body.site {background-image: url(../../images/dateiname.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: 50% 100%;}
--*/
/*  -- Headerhöhe
	#sp-header, #sp-header .logo { height: 60px; } <- Höhe angeben
	.sp-megamenu-parent > li > a, #offcanvas-toggler { line-height: 60px; } <- Höhe angeben

Offcanvas-Menu auf gleicher Höhe wie Megamenü
	#offcanvas-toggler { line-height: 87px;} <- Höhe -3px angeben

Headerhöhe nach Scroll-Down reduzieren, wenn erforderlich:
	header.menu-fixed, header.menu-fixed .logo { height: 60px !important } 
	header.menu-fixed .sp-megamenu-parent > li > a, 
	header.menu-fixed #offcanvas-toggler { line-height:60px; }
--*/
/*  -- Headermenu Template Layout CSS "hdmen" einfügen
.hdmen .sp-megamenu-parent >li.active>a,
.hdmen .sp-megamenu-parent >li:hover>a {
	background-color: #2d519e;
	color: #ffffff;
}
.hdmen a.link, .hdmen a:link {
  color: #999999;
}

.hdmen .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background-color: #2d519e;
}

.hdmen .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  background-color: #2d519e;
  color: #ffffff;
}
.hdmen .sp-megamenu-parent > li > a, #offcanvas-toggler { line-height: 60px; }

-- */
.logo-image {
  height: 60px;
}
.logo-image-phone {
  height: 60px;
}
.btn-outline-secondary {
  color: #b0b0b0 !important;
  border-color: #b0b0b0 !important;
}
.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #b0b0b0 !important;
  border-color: #b0b0b0 !important;
}
/* ------------------------------------------------------------------------------------------ Preset 1
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
body, .sp-preloader {
  background-color: #fff;
  color: #252525;
}
.sp-preloader > div {
  background: #940952;
}
.sp-preloader > div:after {
  background: #fff;
}
#sp-top-bar {
  background: #333;
  color: #aaa;
}
#sp-top-bar a {
  color: #aaa;
}
#sp-header {
  background: #fff;
}
a {
  color: #940952;
}
a:hover, a:focus, a:active {
  color: #6b053b;
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: rgba(3, 69, 191, 0.1);
  color: #940952;
}
.tags > li a:hover {
  background: #6b053b;
}
.article-social-share .social-share-icon ul li a {
  color: #252525;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: #6b053b;
}
.pager > li a {
  border: 1px solid #ededed;
  color: #252525;
}
.sp-megamenu-parent > li > a {
  color: #252525;
}
.sp-megamenu-parent > li:hover > a {
  color: #6b053b;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #6b053b;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #252525;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #6b053b;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #6b053b;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #252525;
}
#offcanvas-toggler > .fa {
  color: #252525;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: #6b053b;
}
.offcanvas-menu {
  background-color: #fff;
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: #6b053b;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
  color: rgba(37, 37, 37, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: rgba(37, 37, 37, 0.8);
}
.btn-primary, .sppb-btn-primary {
  border-color: #940952;
  background-color: #940952;
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #6b053b;
  background-color: #6b053b;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(34, 184, 240, .25)
}
.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(34, 184, 240, .5)
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  border-color: #940952;
  background-color: #940952;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  border-color: #940952;
  background-color: #940952;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(34, 184, 240, .5)
}
ul.social-icons > li a:hover {
  color: #940952;
}
.sp-page-title {
  background: #940952;
}
.layout-boxed .body-innerwrapper {
  background: #fff;
}
.sp-module ul > li > a {
  color: #940952;
}
.sp-module ul > li > a:hover {
  color: #940952;
}
.sp-module .latestnews > div > a {
  color: #940952;
}
.sp-module .latestnews > div > a:hover {
  color: #940952;
}
.sp-module .tagscloud .tag-name:hover {
  background: #940952;
}
.search .btn-toolbar button {
  background: #940952;
}
/* ------------------------------------------------------------------------------------------------------ Footer */
#sp-bottom {
  background: #f5f5f5;
  color: #000000;
}
#sp-bottom a {}
#sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {}
#sp-bottom .sp-module .sp-module-title {
  margin: 0 0 30px;
}
#sp-footer .btn-primary:hover, .sppb-btn-primary:hover, #sp-footer .sp-module .btn-primary:hover {
  color: #000000 !important;
}
#sp-footer {
  background: #940952;
  color: #fff;
}
#sp-footer a {
  color: #fff;
}
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus {
  color: #fff;
}
#sp-bottom .sp-module-content .latestnews > li > a > span {
  color: #fff;
}
.sp-comingsoon body {
  background-color: #940952;
}
.pagination > li > a, .pagination > li > span {
  color: #252525;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #252525;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: #940952;
  background-color: #940952;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #940952;
  background-color: #940952;
}
.error-code, .coming-soon-number {
  color: #940952;
}