@charset "UTF-8";
/* CSS Document */

/* Global Settings */
[type=reset], [type=submit], button, html [type=button], .button {
    background-color: transparent;
    padding: 5px 10px;
    border: thin solid rgb(188, 0, 0);
    color: rgb(188, 0, 0);
}

body {
    background-image: url(https://atomic365.co.za/wp-content/uploads/2018/04/Geometric-Background.jpg);
    background-size: cover;
	background-attachment: fixed;
	font-family: 'Comfortaa', cursive;
	font-weight:100;
}
nav.navbar.navbar-expand-md.navbar-dark.bg-dark {
    background-image: url(https://atomic365.co.za/wp-content/uploads/2018/04/headerImg.jpg);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight:100;
}
.h3, h3 {
    font-size: 22px;
	border-bottom: thin solid  rgb(158, 0, 0);
}
a {
	color: rgb(188, 0, 0);
}
a:hover {
    color: rgb(158, 0, 0);
    text-decoration: underline;
}
.navbar-dark .navbar-nav .dropdown-menu .nav-link.active, .navbar-dark .navbar-nav .dropdown-menu .nav-link:active {
    color: #fff!important;
    text-decoration: none;
    background-color: rgb(158, 0, 0);
}
.custom-logo-link img {
    max-height: 26px;
    width: auto;
}
select, input, textarea {
    border: thin solid lightgray;
    background-color: #f1f1f1;
    border-radius: 0px;
    min-height: 40px;
	box-shadow:none !important;
}
.custom-logo-link img {
    max-height: 26px;
    width: auto;
}
header.entry-header {
    display: none;
}
.content-area {
    background-color: rgba(255,255,255,0.8);
    border: thin solid #f1f1f1;
    padding: 20px;
}
.wrapper {
    padding: 10px 10px;
}
@media (max-width: 767px) {

input#gfgeo-locator-button-1_7 {
    width: 100%;
}
}
@media (min-width: 576px){
.container {
    max-width: 100%;
}
}
@media (min-width: 768px) {
.navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: auto;
}
}
/* Home Page */
.home [type=submit] {
    width: 100%;
}
.home p.login-remember {
    display: none;
}
/* Forgot Password */
@media (max-width: 660px) {
li.wppb-form-field.wppb-username-email input {
    width: 99%;
}
}
/* Page Layout */
div#wrapper-footer {
    background-color: #000;
    color: #ccc;
    font-weight: 100 !important;
    font-size: 12px;
    font-family: helvetica;
    padding: 5px;
}
#index-wrapper, #page-wrapper, #full-width-page-wrapper {
    min-height: 90vh;
}
/* Extra styles for sticky */
table.sticky-list {
    width: 100%;
}
.header-check-type{
	min-width:100px;
}
table.sticky-list thead tr th{
	border-bottom: thin solid lightgray;
    padding: 2px 0;
}
.header-time, .header-date {
    min-width: 75px;
}
@media (max-width: 660px) {
.header-address, .stickylist-gfgeo_address {
	display:none;
}
}
/* Extra Form Functions */
.dontTouchMe{
	pointer-events:none;
}
/* Extra Table Database Functions */
.wpDataTablesFilter .wpDataTableFilterSection:not(#wdt-clear-filters-button-block):not(#wdt-cf-search-filters-button-block) {
    float: left;
    margin-bottom: 10px;
    margin-right: 2%;
    width: 15%;
    min-height: 115px;
}
.wpdt-c .bootstrap-select > .btn-default::before {
	background-image:none;
}
td.column-photoofyouinstore img {
    height: 85px;
}
@media (max-width: 500px) {
input, textarea {
    width: 100% !important;
    float: none !important;
}
}

.user-list-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
}
.user-list-wrap h2 {
    font-size: 18px;
    font-weight: 100 !important;
}
.user-list-wrap img {
    display: none;
}



/* Spiv */
.page-id-312 label.gfield_label {
    width: 140px;
    float: left;
    padding-top: 10px;
}

.page-id-312 span.ginput_product_price_label, .page-id-312 span.ginput_quantity_label, .page-id-314 span.ginput_product_price_label, .page-id-314 span.ginput_quantity_label {
    display: none !important;
}
.page-id-312 .gfield_label, .page-id-314 .gfield_label {
    float: left;
    min-width: 120px;
    padding-top: 8px;
}
.page-id-312 .ginput_quantity, .page-id-314 .ginput_quantity {
    width: 50px !important;
}
.page-id-312 span.ginput_total, .page-id-314 span.ginput_total {
    padding-top: 6px;
}
.page-id-312 .ginput_product_price, .page-id-314 .ginput_product_price {
    width: 100px;
    float: left;
    padding-top: 6px;
}
nav.navbar.navbar-expand-md.navbar-dark.bg-dark {
    z-index: 1000000;
}