/*SemperFiWebServices Custom Foundation 5 Skin Black Style CSS*/
body {
background-image: url('http://shop.groundzerogames.co.uk/starfield.jpg');
background-repeat: repeat;
background-color: #000000;
color: #FFFFFF;
}
a {
color: #2BA6CB;
}
a:hover, a:focus {
color: #258FAF;
}
h1, h2, h3, h4, h5, h6 {
color: #FFFFFF;
}
.row {
max-width: 75rem;
}
.panel {
border-color: #D8D8D8;
background: #FFFFFF;
color: #333333;
padding: 1.25rem;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
color: #333333;
}
.panel a {
color: #2BA6CB;
font-size: 1.6875rem;
}
.panel a:hover {
color: #258FAF;
font-size: 1.6875rem;
}
.panel h3 a {
color: #2BA6CB;
font-size: 1.6875rem;
}
.panel h3 a:hover {
color: #258FAF;
font-size: 1.6875rem;
}
footer {
background-color: #FFFFFF;
color: #000000;
}
footer h3 {
color: #000000;
}
footer a {
color: #000000;
}
footer a:hover {
color: #000000;
}
button, .button {
background-color: #2BA6CB;
border-color: #2285A2;
color: #FFFFFF;
}
button:hover, button:focus, .button:hover, .button:focus {
background-color: #2285A2;
border-color: #2285A2;
color: #FFFFFF;
}
button.secondary, .button.secondary {
background-color: #E9E9E9;
border-color: #BABABA;
color: #333333;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
background-color: #BABABA;
border-color: #BABABA;
color: #333333;
}
button.success, .button.success {
background-color: #5DA423;
border-color: #4A831C;
color: #FFFFFF;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
background-color: #4A831C;
border-color: #4A831C;
color: #FFFFFF;
}
button.alert, .button.alert {
background-color: #C60F13;
border-color: #9E0C0F;
color: #FFFFFF;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
background-color: #9E0C0F;
border-color: #9E0C0F;
color: #FFFFFF;
}
button.warning, .button.warning {
background-color: #F08A24;
border-color: #CF6E0E;
color: #FFFFFF;
}
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
background-color: #CF6E0E;
border-color: #CF6E0E;
color: #FFFFFF;
}
button.header_buttons, .button.header_buttons {
background-color: #000000;
border-color: #000000;
color: #FFFFFF;
}
button.header_buttons:hover, button.header_buttons:focus, .button.header_buttons:hover, .button.header_buttons:focus {
background-color: #2285A2;
border-color: #2285A2;
color: #FFFFFF;
}
.main-logo-img {
margin-bottom: 0px !important;
}
a.back-to-top, .back-to-top {
background-color: #EBEBEB !important;
border: 1px solid #EBEBEB !important;
color: #000000 !important;
}
a.back-to-top:hover, a.back-to-top:active, a.back-to-top:visited {
background-color: #EBEBEB !important;
border: 1px solid #EBEBEB !important;
color: #000000 !important;
}
.top-bar {
background: #333333 !important;
}
.top-bar.expanded .toggle-topbar, .top-bar.expanded .title-area {
background: #333333 !important;
}
.toggle-topbar a {
color: #FFFFFF !important;
}
.top-bar.expanded .toggle-topbar a {
color: #888888 !important;
}
.top-bar-section li a:not(.button) {
color: #FFFFFF !important;
background: #333333 !important;
}
.top-bar-section li a:not(.button):hover {
color: #FFFFFF !important;
background: #202020 !important;
}
.top-bar-section li label {
color: #CCCCCC !important;
background: #333333 !important;
}
.top-bar-section .left {
background: #333333 !important;
}
.breadcrumbs {
background-color: whitesmoke !important;
border-color: #DDDDDD !important;
color: #2BA6CB !important;
}
.breadcrumbs > * {
color: #2BA6CB !important;
}
.breadcrumbs > * a {
color: #2BA6CB !important;
}
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
color: #2BA6CB !important;
}
.breadcrumbs > *:before {
color: #2BA6CB !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-15 {
margin-top: 15px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
.margin-bottom-15 {
margin-bottom: 15px !important;
}
.margin-bottom-20 {
margin-bottom: 20px !important;
}
.left-off-canvas-menu {
background: #333333;
}
.right-off-canvas-menu {
background: #333333;
}
ul.off-canvas-list li label {
background: #444444;
color: #999999;
border-top: 1px solid #5E5E5E;
}
ul.off-canvas-list li a {
background: #333333;
color: #FFFFFF;
border-bottom: 1px solid #262626;
}
ul.off-canvas-list li a:hover, ul.off-canvas-list li a:active {
background: #242424;
color: #FFFFFF;
border-bottom: 1px solid #262626;
}
.checkout-progress-wrapper {
background-color: #A0D3E8;
color: #4F4F4F;
}
.checkout-progress.previous {
background-color: #008CBA;
}
.checkout-progress.previous a {
color: #FFFFFF;
}
.checkout-progress.current {
background-color: #43AC6A;
}
.checkout-progress.current a {
color: #FFFFFF;
}
.checkout-progress.next {
background-color: #A0D3E8;
}
.checkout-progress.next a {
color: #4F4F4F;
}
.mini-basket-title {
background-color: #000000;
color: #FFFFFF;
}
.basket-detail {
background-color: #F2F2F2;
border: 1px solid #000000;
color: #000000;
}
.basket-detail ul li a {
color: #2BA6CB;
}
.basket-detail ul li a:hover {
color: #258FAF;
}
.order_status_1 {
color: #008CBA;
}
.order_status_2 {
color: #FFA500;
}
.order_status_3 {
color: #43AC6A;
}
.order_status_4 {
color: #F04124;
}
.order_status_5 {
color: #F04124;
}
.order_status_6 {
color: #F04124;
}
.tabs {
border-bottom: 1px solid #EFEFEF;
}
.tabs dd > a, .tabs .tab-title > a {
background-color: #EFEFEF;
color: #222222;
}
.tabs dd > a:hover, .tabs .tab-title > a:hover {
background-color: #E1E1E1;
color: #000000;
}
.tabs dd.active a, .tabs .tab-title.active a {
background-color: #FFFFFF;
color: #222222;
}
#eu_cookie_dialogue {
border: 1px solid #000000;
background-color: #000000;
color: #FFFFFF;
}
#eu_cookie_dialogue a {
color: #2BA6CB;
}
#eu_cookie_dialogue a:hover {
color: #258FAF;
}
#box-popular-alternative2 {
height: 400px;
}
#box-popular-alternative2-marquee {
height: 320px;
}
#box-popular-alternative1 ul {
list-style: none;
margin: 0px auto;
}
#box-popular-alternative1 ul li div {
text-align: center;
margin-bottom: 10px;
}
#box-skin-sidebox-mobile {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.box-skin-sidebox-mobile {
padding: 0px;
padding-left: 5px;
}
.ask_about_a_product {
margin-top: 10px;
text-align: center;
}
.ask_about_a_product_url {
font-weight: normal;
}
.tell_a_friend {
margin-top: 10px;
text-align: center;
}
.tell_a_friend_url {
font-weight: normal;
}
.recaptcha-container {
margin-bottom: 15px;
}
.contact-form-file-upload-container {
margin-bottom: 15px;
}
.manufacturer-image-container {
margin-bottom: 15px;
}