@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


	body { background-image: url(images/bg.jpg) !important; color:#ffffff !important; background-position: top right;}


body .item-wrapper-points .item { 
    background-image: url(images/point-stars.png)!important;}

    .button { background-color: #222; border: 2px solid #fff; }

	.sub-content-user-sign-up .button, .page-home .header .button-group .button {  background-color: #222; border: 2px solid #fff !important; }

    #uaccompletepromo .button { border: 2px solid #fff; }

    .sub-content-checkout .switch-promo .button.active, .sub-content-user-sign-up .switch-promo	.button.active, .item-wrapper-order-options .switch .button-group .active span  { background-image: url(images/tick.png) !important;     font-family: Bebas Neue, sans-serig;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 120%;
}



	.menubox .button-group .button, .completebutton .button, .sub-content-order-options .item:last-child .button, .one-button .button, .popup .savebutton { background-color: #222 !important;}


	.menubox .button-group .button:hover, .completebutton .button:hover, .sub-content-order-options .item:last-child .button:hover, .one-button .button:hover, .popup .savebutton:hover {     background-color: #fff !important;
    color: #000 !important;}

	.add-choices .button-1 { background-color: #222; border: 1px solid #fff; color: #ffffff;}

	.sub-content-half-half .savebutton.button { background: #222-color; color: #ffffff; border: 1px solid #fff; }

	.add-choices .button-1:hover {background-color: #fff !important; color:#000!important;}

	.item-wrapper-order-options .switch .button-group .active { background-color: #222; border: 1px solid #fff !important; color:#000;}

	.cancelbutton:hover, .list-options li .button:hover, .list-options li .button.active, .button:hover, .button.active, .item-wrapper-basket-options .switch .button:hover, .switch .button.active, .item-wrapper-checkout:nth-of-type(3) .switch .button-group .button:hover, .item-wrapper-checkout:nth-of-type(3) .switch .button-group .button.active {
    border: 2px solid #fff !important; background-color: #fff !important;}

    .button:hover, .page-home .header .button-group .button:hover { background-color: #222 !important;}

    .main-bar span.active, .list-options li .button.active span { color:#000 !important; }

    .list-options li .button.active span{ color:#000; }

    .menubox .button-group .button:hover, .menubox .button-group .button:hover span,  .menubox .button-group .button.active, .menubox .button-group .button.active span{ color:#000!important; }

    #uaccompletepromo .button:hover { border: 5px solid #fff; background:#ffffff !important;}   

    .delete{background-color:transparent !important;}

    .sub-content-header {  text-transform: uppercase;  font-weight: bold; font-family: Bebas Neue, sans-serif; }

.side-nav .courses-nav ul li a, .side-nav .courses-nav ul li{  font-family: Bebas Neue, sans-serif; text-transform: uppercase; }

.list-options li .button:hover span{ color:#000 !important; }
 .sub-content-order-options { background: rgba(0, 0, 0, 0.8); }

    .title, .item-wrapper-menu .item-header .title { color:#fff; }

    .side-nav .courses-nav ul li a {
        color: #fff;}

    .main-bar span{ color:#fff; }

    .side-nav .courses-nav, .content .main-bar, .content .side-bar{ background-color:#222 !important; }

    .item-wrapper:nth-child(even) .item {  background: #222; }

.item-wrapper-popup .title{ color:#fff; }

.select { background-color:transparent; }

.list-options {     background: #222 !important; background-repeat: repeat; }

.list-options li .button {  border: 1px  solid#fff;}

.add-choices .button {     background-color: #333; }

.basket-description {  float: left; width: 100%;  background: transparent;}

.item-note{ color:#fff; }

.item-wrapper-points .points-details-one { color: #000; }

.sub-content-contact .sub-content-header {
    background: transparent;
}

.sub-content-delivery-time .title {
    background: url(images/clock-white.png)no-repeat;
}

.alt-colour {
    color: #fff;
}

#uaccompletepromo .item-wrapper .item{ background-color:#fff; color:#000; }

.buttons-complete_optoutemail .button, .buttons-complete_optoutsms .button{ background-color:#222 !important; }

.side-nav .courses-nav ul li a.active { font-weight: normal; font-size: 140%;}
 
.sub-content-header .title span { font-weight: normal;}

.item-wrapper-promo .item-content {
    background-color: #222;  }

    .item-wrapper-half-half-promo {
    display: block;
    border: 2px solid #fff;
    background: #222;
    }

.list-options li .button span {
    width: 100%;
    color: #fff;
}

.main-bar.active span, main-bar span.active {
    color: #000;
}


.popup .sub-content-customise .item-wrapper-customise {
    background: #222 !important; }

.sub-content-customise .select select {background-color:#fff !important;}

.side-nav .courses-nav ul li a:hover {  font-weight: 400;}

.main-bar span {    font-weight: 400; }

.switch-payment-details .button-group{ background-color:transparent; } 

.button, .button:active{ background-color:transparent !important;}

.button.active span{ color:#000 !important; }

.button:hover span{ color:#000!important; }

.switch-payment-details .button-group .button{ background-color:transparent; }

.switch .button-group .button { border: 1px solid #fff; }

.sub-content-checkout .form input, .sub-content-checkout .form textarea { color:#fff;}

.sub-content-checkout .form input:focus, .sub-content-checkout .form textarea:focus { background-color:#666 !important;}

.item-wrapper-points.button{ background-color:#fff !important; }

.v5app .sub-content-header, .v5app .item {   background: #000!important; }

.v5app .item-wrapper-basket .text {color: #fff; }

.v5app .item-wrapper-points .item{ background:#fff !important; }

.v5app  .item-wrapper-basket .item-header .price { color: #fff; }

.v5app .item-wrapper-checkout:nth-of-type(3) .switch .button-group {   background: #000!important;}

.v5app .item-wrapper-checkout:nth-of-type(3) .switch .text {     background: #000!important; color: #fff;}

.v5app .sub-content-checkout .select select { color:#fff; background-color:#000 !important;}

.v5app .sub-content-checkout .select label { color:#fff;}

.v5app .item-wrapper-customise-screen .item .item-header .title span{ color:#fff; }


.switch-promo span a{ color:#fff; }



    @media screen and (max-width: 1024px){

    body { background-position: top left !important; }
    }

    

    @media screen and (max-width: 700px){

.courses-nav-2 ul li a { background:none;}

}

.v5app .sub-content-checkout .form input, .v5app .sub-content-checkout .form textarea,
.v6app .sub-content-checkout .form input, .v6app .sub-content-checkout .form textarea
{  color: #000 !important;  background-color: #fff  !important; }