/* Change the style of every button */
.snipcart-overwrite #snipcart-main-container a.snipcart-btn {
    background-color: #000;
    color: #fff;
    font-family: Verdana, sans-serif;
}

/* Add a hover style the buttons */
.snipcart-overwrite #snipcart-main-container a.snipcart-btn:hover {
    color: #ccc;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/* Change the style of the primary buttons */
.snipcart-overwrite #snipcart-main-container a.snipcart-next,
.snipcart-overwrite #snipcart-main-container a.snipcart-finalize,
.snipcart-overwrite #snipcart-main-container a.snipcart-mainaction {
    background: #000;
    border: none;
    text-shadow: none;
}

/* Change the order confirmation background color */
.snipcart-overwrite #snipcart-main-container #snipcart-flash-messages > li.snipcart-flash-success {
        background-color: #000;
        color: #fff;
    }

/* Change the default color of links */
.snipcart-overwrite #snipcart-main-container a {
    color: #333;
}

/* Make sure the "x" button is always in the header top border */
.snipcart-overwrite #snipcart-close {
    top: 10px;	
}



/* Change the style of the total box */
.snipcart-overwrite #snipcart-header #snipcart-header-total {
        background: #000;
        margin-top: 35px;
        border: 1px solid #2e3031;
}
.snipcart-overwrite #snipcart-header #snipcart-total {
    background-color: transparent;
    color: #fff;
    border: none;
    opacity: 1.0;
}
.snipcart-overwrite #snipcart-header #snipcart-total span {
    color: #ddd;
}

/* Add logo to header */
.snipcart-overwrite #snipcart-header #snipcart-title {
    color: #b5b5b5;
    background: url('../img/Galmer-Silver-Favicon-70px.jpg') no-repeat 0 center;
    padding-left: 80px;
	height:105px;
}


/* Push the middle part away from the header and the bottom part */
.snipcart-overwrite #snipcart-main-content #snipcart-sub-content {
    padding-top: 20px;
}
.snipcart-overwrite #snipcart-main-content .snipcart-step-container {
    padding-bottom: 0px;
}

.snipcart-overwrite #snipcart-main-container #snipcart-cartitems-continue-top {
    top: 50px;
}

/* Change the font-family of every element using brandon grotesque */
.snipcart-overwrite #snipcart-main-container span.snipcart-unit-price, 
.snipcart-overwrite #snipcart-main-container span.snipcart-total-price,
.snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-product-name,
.snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-shipping-method-name,
.snipcart-overwrite  #snipcart-main-container table.snipcart-list span.snipcart-shipping-method-price,
.snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-quantity,
.snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-price,
.snipcart-overwrite #snipcart-main-container table.snipcart-list span.snipcart-confirm-item-total-price,
.snipcart-overwrite #snipcart-main-container label,
.snipcart-overwrite ul#snipcart-steps li span.snipcart-step-text,
.snipcart-overwrite #snipcart-main-container table.snipcart-list th,
.snipcart-overwrite #snipcart-main-content .snipcart-column span.snipcart-title,
.snipcart-overwrite table#snipcart-confirm-prices tr td span,
.snipcart-overwrite #snipcart-main-container .snipcart-full-width-text span.snipcart-title,
.snipcart-overwrite #snipcart-main-container .snipcart-full-width-text,
.snipcart-overwrite #snipcart-step-content-emptycart .snipcart-full-width-text p,
.snipcart-overwrite #snipcart-blocked .snipcart-full-width-text p,
.snipcart-overwrite #snipcart-header #snipcart-total span,
.snipcart-overwrite #snipcart-header #snipcart-title  {
    font-family: Verdana, sans-serif;
}

/* Change the appearance of the step tabs */
.snipcart-overwrite ul#snipcart-steps li {
    background: #eee;
    opacity: 0.5;
}
.snipcart-overwrite ul#snipcart-steps li.active {
    background-color: #fff;
    opacity: 1;
}
.snipcart-overwrite ul#snipcart-steps {
    background: transparent;
}

/* Change the background color of the promocodes section*/
.snipcart-overwrite #snipcart-promocodes {
    background: #fbfbfb;
}

/* Confirmation error textarea  */
.snipcart-overwrite #snipcart-main-container .snipcart-comments-box textarea {
    resize: none;
    margin-bottom: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    border: none;
    background: #fbfbfb;
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Empty cart message*/
.snipcart-overwrite #snipcart-step-content-emptycart .snipcart-full-width-text p {
    color: #999;
    padding-bottom: 20px;
}

/* Sign in user bar */
.snipcart-overwrite #snipcart-main-content #snipcart-current-user #snipcart-user-infos {
    background: #cfd8d9;
}

/* We need the !important here because there is one in the default stylesheet */
.snipcart-overwrite #snipcart-main-content #snipcart-current-user .snipcart-welcome {
    color: #555 !important;
}

/* Change the step icons to number */
.snipcart-overwrite ul#snipcart-steps li span.snipcart-step-number {
    font-family: Verdana, sans-serif;
}

.snipcart-overwrite .icon-Snipcart-6:before {
    content: "1";
}

.snipcart-overwrite .icon-Snipcart-4:before {
    content: "2";
}

.snipcart-overwrite .icon-Snipcart-3:before {
    content: "3";
}

.snipcart-overwrite .icon-Snipcart-2:before {
    content: "4";
}
.snipcart-overwrite .icon-Snipcart:before {
    content: "5";
}
.snipcart-overwrite .icon-Snipcart-5:before {
    content: "6";
}
.snipcart-overwrite .icon-Snipcart-7:before {
    content: "7";
}

.snipcart-overwrite #snipcart-overlay  {
    background: #fff;
}

.snipcart-overwrite .snipcart-checkout-container {
    padding: 0;
}

.snipcart-overwrite #snipcart-main-container {
    max-width: 1170px;
    width: 100%;
    overflow-x: hidden;
}

.snipcart-overwrite .snipcart-checkout-container {
  right: 0;
  top: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow-x: auto;
  z-index: 1040;
  padding: 58px 0;
  height: auto;
  margin-left: 0;
  width: auto;
}

.snipcart-overwrite #snipcart-modal {
  position: relative;
  width: auto;
  z-index: 1050;
}

.snipcart-overwrite #snipcart-main-container {
  position: relative;
  outline: 0 none;
  top: 101px;
  width: auto;
}

.snipcart-overwrite .snipcart-step-container {
  max-height: none !important;
}



@media only screen and (max-width: 1200px) {
.snipcart-overwrite #snipcart-main-container {max-width: 950px;}
}
	  
@media only screen and (max-width: 992px) {
.snipcart-overwrite #snipcart-main-container {max-width: 770px;}
#snipcart-main-container {top: 155px;}
}

@media only screen and (max-width: 768px) {
.snipcart-overwrite #snipcart-main-container {width: 90%; top: 12.5%;}
.snipcart-overwrite .snipcart-checkout-container {width: 100%;}

.snipcart-overwrite #snipcart-close {top: 0px;right: 0px;}
.snipcart-overwrite #snipcart-header #snipcart-header-total {margin-top: 0px;}

.snipcart-overwrite #snipcart-main-container #snipcart-apply-discount div {float: right; max-width: 200px; margin:0 10px 0 0;}
.snipcart-overwrite #snipcart-main-container #snipcart-apply-discount button {float: right; margin:1% 5%;}
	
.snipcart-overwrite #snipcart-header #snipcart-title {display:none;visibility:hidden}
}

@media (max-width: 400px) {
.snipcart-overwrite #snipcart-main-container {top: 20px;}
.snipcart-overwrite #snipcart-header #snipcart-header-total {margin-top: -9px;}

.snipcart-overwrite #snipcart-main-container #snipcart-apply-discount div {max-width: 130px; margin:0 7px 3px 0;}
.snipcart-overwrite #snipcart-main-container #snipcart-apply-discount button {margin:2% 5%;}
}

@media screen and (min-device-width: 300px) and (max-device-width: 1024px){
.snipcart-overwrite #snipcart-main-container {width: 90%; top: 1%;}
}



