/*
Theme Name: UCIStrap
Theme URI: https://www.ucidigital.com/
Author: UCIDigital
Author URI: https://www.ucidigital.com/
Description: A starter theme for UCIDigital Clients. Focuses on the ability to be extended so it can work with any site.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ucistrap

Mobile First CSS - look at responsive.css for the media queries 
*/

/* This adds padding to accommodate for the TopZone Toolbar */
body {padding-bottom: 56px;font-size:1.55em;color:#000;line-height:1.4;font-family: 'Varela Round', sans-serif;}

.alignright{float:right;margin:0 0 1em 1em;max-width:100%;height:auto}
.alignleft{float:left;margin:0 2em 1em 0;max-width:100%;height:auto}
.aligncenter{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto}
.alignright{float:right}
.alignleft{float:left}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.size-full{max-width: 100%; height: auto}

h1,h2,h3,h4,h5,h6{color: #231f20;font-family: 'Poppins', sans-serif;}
a{color: #174c1e; text-decoration: underline;}

.btn-default{border-radius: 5em;transition: 0.7s all ease-in;text-transform: capitalize;background: #fff;border: 0;color: #03783d;font-weight: 300;
font-size: 1em;padding: 0.7em 2em;}
.btn-default:hover{color: #000; border-color: #000}

#gallery-section{text-align: center; margin-top: -4em; margin-bottom: 4em}
.modal-content{background:transparent !important;box-shadow: none !important}
.modal-content .btn-primary{border-radius: 5em;transition: 0.7s all ease-in;text-transform: capitalize;background: #fff;border: 0;color: #03783d;font-weight: 300;
font-size: 1em;padding: 0.7em 2em;}
#wpbgallery_container{text-align: center;}
.modal-title{display: none}
.modal-header{border: 0;}
.modal-header .close{color: #fff !important; opacity: 1 !important}
.blueimp-gallery .modal-body img{padding-left: 26px}
.modal-footer{border: 0 !important}

.panel-heading{background: #1c8550 !important;color: #fff !important;border-radius: 0;border-color: #939b50 !important; padding: 0}
.panel-heading h4{color: #fff !important;font-weight: 400 !important;font-size: 1.3em;}
.panel-heading h4 a{text-decoration: none;padding: 15px 15px; display: block;}

.bwg-background .bwg_nav_cont_0{margin-top: 2em; display: block;}
.bwg-background .bwg-a{font-size: 30px !important; padding: 10px 15px !important;}
.bwg-background .paging-input_0{font-size: 16px !important;}
.bwg-background .pagination-links_0{font-size: 40px !important; line-height: 50px !important}
/* TopZone Toolbar */

/* This puts the Primary Navigation in the TopZone Toolbar */

#header {background: #000}
#header .logo img{max-width: 100%; height: auto;padding-top: 0.4em;}
#header .navbar-nav{text-align:center; margin-top: 0em;margin-bottom: 0em}
#header .navbar-default{min-height:inherit;background:transparent;border:0;border-radius:0;margin-bottom: 0}
#header .navbar-default .navbar-nav > li > a{
  color:#fff;font-weight:300;text-transform: uppercase;
  font-size:1.175em;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; padding: 2em 0.8em;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{color: #174c1e; background: transparent;}
#header .navbar-default .navbar-nav > li > a:hover{background: #03783d !important;color: #fff;-webkit-transition:all .5s ease;
  -o-transition:all .5s ease;transition:all .5s ease;}
#primaryNavigation .navbar-collapse,#socialDropup{position:absolute;bottom:54px;width:101%;background:#283890;border:none;text-align:center;border-bottom:1px solid #fff}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover{background: #03783d !important;color: #fff}
#primaryNavigation .dropdown-menu{border-top:1px solid #fff;background:#03783d;width:250px;border-radius:0}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover,.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{background:#fff;color:#03783d}
.dropdown-menu > li > a{text-transform:uppercase;color:#fff;white-space:inherit;padding:6px 20px;font-size:.9em}
#navBarsBtn{border:none;height:54px;margin:0;padding:0 2em;line-height:58px}
#navBarsBtn:hover,#navBarsBtn:focus{background:none}
#navBars{font-size:1.3em}
#mobileIcons{height:54px;line-height:58px}
#mobileIcons a{display:inline-block;font-size:1.3em;margin:0 1.2em;color:#000;line-height:0}
#socialDropup a{font-size:1.7em;color:#000}
#socialDropup a .fa{margin:1em .7em;color:#000}
#mobileIcons a:hover,#mobileIcons a:focus{text-decoration:none;color:#000}
#scroll{position:fixed;right:50px;bottom:50px;cursor:pointer;width:45px;height:45px;background-color:#2d9639;display:none;z-index:9999;
  border-radius:100px;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;text-align:center;line-height: 3.5}
#scroll i{color:#fff;font-size:2em;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;}
#scroll:hover{background-color:#fff}
#scroll:hover i{color:#000}
.row.full-mobile-nav{margin:0 auto}
.x1{width:20%;border-right:1px solid #ddd;text-align:center}
.x1:last-child{border:none}
.x1 a.btn-primary{background-color:transparent;border:none}
.x1 a.btn{padding:unset!important}
.x1 a.btn-primary:focus,.x1 a.btn-primary:hover,.x1 a.btn-primary:active{background-color:transparent;border:none;-webkit-box-shadow:unset;box-shadow:unset}
i.big-icon{font-size:25px!important;margin-top:-5px}
.navbar-toggle .big-icon{margin-top:15px}
.menu-icon i.big-icon{margin-top:15px}
a.toggle-btn{width:auto}
.navbar-toggle{float:unset}
.menu-item-has-children .dropdown-toggle:after{content:"\f103";font-family:"FontAwesome";padding-left:8px}

#header .social-header{text-align: right;margin-top: 2em}
#header ul{padding-left: 0; list-style: none;margin-bottom: 0}
#header li{display: inline-block;}
#header li a{text-decoration: none;font-size: 1.3em;padding-left: 0.5em;transition: all 0.3s ease}
#header li a:hover i{color: #1C8550}
#header li i{color: #fff;transition: all 0.3s ease}
#header .navbar-nav li { display: inherit !important; }

/************************************************************
C O N F I G U R A T O R
************************************************************/
@media (min-width: 1020px) {
     #vpc-components {margin-left:20%;}
}
#vpc-preview-wrap {left:15%;width:40%;}

.product-price {display:none;}
.product-subtotal {display:none;}
.cart_totals h2 {display:none;}
.cart-subtotal, .order-total {display:none;}
.product-total {display:none;}
.woocommerce-order-overview__total {display:none;}
.woocommerce-table--order-details tfoot {display:none;}
/************************************************************
S L I D E R   C S S   S T Y L I N G
************************************************************/
#slider-home:after{background: url(images/slider-after.png); content: ""; position: absolute;right: 0px;
height: 460px;width: 460px;bottom: -82px;background-size: contain;background-repeat: no-repeat;}
#slider-home .n2-ss-layer div{font-family: 'Poppins', sans-serif !important}

/************************************************************
A B O U T   U S    C S S   S T Y L I N G
************************************************************/
#about-us{background: url(images/section1-bg.png);padding-top: 6em;background-size: cover;position:relative;top:-22px;}
#about-us .img-left{}
#about-us p{color: #fff}
#about-us h1{margin-top: 3em;text-transform: uppercase;color: #fff;}
#about-us .btn{margin-top: 2em}

/************************************************************
O U R    P R O D U C T    C S S   S T Y L I N G
************************************************************/
#product{background: #fff;padding-top: 3em;padding-bottom: 2em;position: relative;}
#product h2{color: #000;text-transform: uppercase;font-size: 2.7em;font-weight: 600;padding-bottom: .8em;}
#product .border-bottom{border: 2px solid #03783d;width: 60px;margin-left: auto;margin-right: auto; margin-bottom: 2.5em}
#product .box{box-shadow: 0px 0px 8px 5px #ececec;}
#product .box img{max-width: 100%;height: auto;}
#product .box h3{margin: 0;display: block;padding: 0.5em 1em .7em;font-size: 1.375em;}
#product .box h3 a{display: block; text-decoration: none}
#vpc-price-container{display:none;}

/************************************************************
O U R    G A L L E R Y    C S S   S T Y L I N G
************************************************************/
#gallery{background: #efefef;margin-top: 2em}
#gallery:before{background: url(images/gallery-before.jpg); background-size: cover;background-repeat: no-repeat;content: ""; position: absolute;
height: 117px;width: 100%;background-size: cover;left: 0;}
#gallery h2{color: #000;text-transform: uppercase;font-size: 2.7em;font-weight: 600;padding-top: 2.5em;}
#gallery .border-bottom{border: 2px solid #03783d;width: 60px;margin-left: auto;margin-right: auto; margin-bottom: 2.5em}
#gallery{}
#gallery{}

#gallery #wpbgallery li img {margin-top:0px !important;margin-bottom: 0 !important; margin-left: 0 !important;margin-right: 0 !important}

/************************************************************
C O N T A C T     U S    C S S   S T Y L I N G
************************************************************/
#contact-us{background: url(images/contact-bg.jpg);padding-top: 3em;background-size: cover;padding-bottom: 5em}
#contact-us h2{color: #fff;text-transform: uppercase;font-size: 2.7em;font-weight: 600;}
#contact-us .border-bottom{border: 2px solid #fff;width: 60px;margin-left: auto;margin-right: auto; margin-bottom: 2.5em}
#contact-us .form-horizontal{}
#contact-us .form-control{margin-bottom: 1em; background: transparent; border-bottom: 1px solid #fff !important;border: 0;border-radius: 0;
    padding-left: 0;color: #fff;font-size: 1.175em;height: 45px;}
#contact-us .text-area textarea{height: 65px}
#contact-us .btn{margin-top: 1.5em}
#contact-us{}
#contact-us{}

/************************************************************
B L O G   C S S   S T Y L I N G
************************************************************/
.post-categories{list-style-type:none;padding:0;margin:0;clear:both}
.post-categories li{display:inline-block;margin:1em 1em 1em 0}
.post-categories li a{background:#ccc;padding:.7em 1.3em;color:#000;text-decoration:none}
#blogTemplate{padding-bottom:50px}
#blogTemplate h1{margin-top:15px;color:#212224!important;font-weight:700!important;margin-bottom:25px}
#blogTemplate header h2{font-size:1.5em}
#blogTemplate header h2 a{color:#000;font-weight:700; text-decoration: none}
#blogTemplate .blogTime i{padding-right:5px}
#blogTemplate article{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:10px}
#blogTemplate article:last-child{margin-bottom:40px}
#blogTemplate article .thumbnail-blog{margin-right:10px;margin-top:6px}
#blogTemplate article .thumbnail-blog img{margin-right:15px;width:100%}
#blogTemplate .article .thumbnail-blog{margin-right:0;margin-top:0}
#blogTemplate .article .thumbnail-blog img{margin-right:0}
#blogTemplate .blog-readmore{padding:5px 10px;margin-top:0.5em}
#pageTemplate{padding-bottom:50px}
#pageTemplate h1,#blogTemplate h1{color:#174c1e!important;font-weight:700!important;margin-bottom:25px; 
border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-top: 1em;font-size: 2.7em;}
#pageTemplate p,#blogTemplate p{margin-bottom: 25px; line-height: 1.6}
#pageTemplate h2,#pageTemplate h3{color:#174c1e!important;font-weight:600!important;}
blockquote{border-color:#332a87}


/**********************************************************
G O O G L E    M A P    C S S     S T Y L I N G
***********************************************************/
.map-contact{width:100%;border:0;height:595px}

/**********************************************************
S I D E B A R    C S S     S T Y L E
**********************************************************/
#sidebar{border:1px solid #ccc;border-radius:5px;margin-top:20px}
#sidebar .widget{margin-bottom:20px}
#sidebar .widget ul{padding-left: 25px}
#sidebar .widget-title{background:#2d9639;color:#fff;padding:10px;text-transform:uppercase;font-size:1.575em;margin-top:0}
#sidebar .text-center{text-align:center}
.sidebar-menu{background:url(images/drink-menu-bg.jpg);margin-top:29px;padding:0 0 20px;background-size:cover}
.sidebar-menu h3{text-align:center;color:#fff;padding-top:20px;text-transform:uppercase;font-size:40px}
.sidebar-menu ul{padding-left:0;list-style:none}
.sidebar-menu ul li{padding-bottom:8px;border-bottom:1px solid #8f8f8f;padding-left:17px;padding-top:9px}
.sidebar-menu ul li a{color:#fff}
.pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{background:#cf0139;border-color:#cf0139}
.pagination > li > a,.pagination > li > span{color:#cf0139}

/**********************************************************
C O N T A C T    C S S     S T Y L E
**********************************************************/
input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}
input[type="text"]:-moz-placeholder,input[type="email"]:-moz-placeholder,textarea:-moz-placeholder{color:#fff}
input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,textarea::-moz-placeholder{color:#fff}
input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fff}
.form-control::-moz-placeholder{color:#fff}
.form-control::-ms-input-placeholder{color:#fff}
.form-control::-webkit-input-placeholder{color:#fff}
textarea:focus, select:focus, input:focus {outline-color: transparent;outline-style: none; box-shadow: none !important}

/**********************************************************
F O O T E R    C S S     S T Y L E
**********************************************************/
#footer{background: #282828;padding-top: 5em;color: #fff;position: relative;}
#footer:after{background: url(images/footer-bg.png); content: ""; position: absolute;right: 0px;
height: 380px;width: 380px;bottom: 0px;background-size: contain;background-repeat: no-repeat;}

#footer .footer-widget{border-top: 1px solid #fff;margin-top: 1.5em;padding-top: 2.5em;}
#footer .footer-widget img{max-width: 100%; height: auto;}
#footer .widget a{color: #fff; text-decoration: none; transition: all 0.3s ease}
#footer .widget img{margin-bottom: 2em}
#footer .widget-title{color: #fff;font-size: 1.7em;margin-bottom: 1.5em;margin-top: 0;font-weight: 300;font-family: 'Varela Round', sans-serif;padding-left: 10px}
#footer .menu{padding-left: 0;margin-bottom: 0;list-style: none;}
#footer .menu ul{padding-left: 0; list-style: none}
#footer .menu li{position: relative; }
#footer .sub-menu li a{display: inherit !important}
#footer .menu li a{color: #fff; transition: all 0.3s ease; text-decoration: none;line-height: 1.8;display: none}

.contact-info{padding-left: 10px;list-style: none;}
.contact-info li{margin-bottom: 0.5em;}
.contact-info span{float: left;height: 25px;padding-right: 1em;width: 30px}
.contact-info i{}
.contact-info a:hover{color: #fff !important}

.social-footer{margin-top: 1.5em}
.social-footer ul{padding-left: 0; list-style: none;margin-bottom: 0}
.social-footer li{display: inline-block;}
.social-footer li a{text-decoration: none;font-size: 1.175em;padding-left: 0.5em;transition: all 0.3s ease}
.social-footer li a:hover i{color: #1C8550}
.social-footer li i{color: #fff;transition: all 0.3s ease}

#footer .copyright{color: #fff;margin-top: 3.5em;margin-bottom: 3em;}
#footer .copyright a{color: #fff; text-decoration: none}

@media (max-width: 1210px) {
  .container{width: 100%}
  #about-us .img-left{width: 100%;height: auto}
}

@media (max-width: 1150px) {
#header .navbar-default .navbar-nav > li > a{font-size: 1em;padding: 2.2em 1em;}
}

@media (min-width: 1020px) {
  #primaryNavigation .navbar-collapse{border:0!important;text-align:center!important;width: auto !important;padding-right: 0}
  .navbar-header{display:none!important}
  #header .navbar-nav li{display: inline-flex;}
  #header .navbar-nav li:before{left: 0;top: 2px;position: relative;font-size: 1.2em;}
  .dropdown-toggle{pointer-events:inherit!important}
  #product:before{content: ""; position: absolute;background: #8dc2a7; width: 200px; height: 200px; left: -50px;border-radius: 100%;}
  #product:after{content: ""; position: absolute;background: #8dc2a7; width: 200px; height: 200px; right: -50px;border-radius: 100%;bottom: 0}
}

@media (max-width: 1020px) {
  .container{width: 100%}
  #header{text-align: center;}
  #header .logo img{padding: 1em 0}
  #header .navbar-nav{margin-top: 0}
  #header .col-sm-3{width: 100%}
  #header .col-sm-2, #slider-home{display: none}
  #primaryNavigation{position:fixed!important;background:#04773D!important;border:0!important;bottom: 0; width: 100%; margin: 0; z-index: 999; left: 0;}
  .navbar-collapse{padding-left:0;padding-right:0}
  .navbar-collapse.collapse{display:none!important}
  #header .navbar-default .navbar-nav{text-align:center!important;padding:10px 0;width:100%}
  .navbar-nav > li{display:block!important;float:inherit!important}
  #header .navbar-default .navbar-nav > li > a{font-size:1.175em!important;color:#000!important;padding:7px 0!important}
  .navbar-header{float:right!important;width:100%}
  #header .navbar-default .navbar-nav > li > a:hover{color:#03783D !important; border-color: #174c1e !important;background:transparent !important;}
  #primaryNavigation .navbar-collapse,#socialDropup{background:#f0efef;padding-top:10px;padding-bottom:10px}
  .navbar-toggle,#mobileIcons,.visible-mobile,.navbar-collapse.collapse.in{display:inherit!important}
  #mobileIcons{float:left!important}
  #navBarsBtn i:before,#mobileIcons i{color:#fff!important}
  .navbar-default .navbar-nav li a{background:transparent!important}
  .navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover{background:transparent!important}
  .navbar-nav{margin:0}
  #primaryNavigation .dropdown-menu{width:100%;text-align:center;position:static!important;-webkit-box-shadow:inherit!important;box-shadow:inherit!important;border:0!important}
  .dropdown-menu > li > a{line-height:1!important;color:#fff!important}
  #socialDropup a{color:#2d9639 !important;margin: 0 0.5em}
  #mobileIcons{width:100%}
  #about-us{background-color: #04783D;padding-top: 3em}
  #product .box{text-align: center;margin-bottom: 1em}
}

@media (min-width: 768px) {
  #header .navbar-nav,.navbar-nav > li{float:inherit;display:inline-block}
  #primaryNavigation .mobile-visible{display:none}
}

@media (max-width: 768px) {
  #slider-home, .hide-mobile{display: none}
  .alignright,.alignleft,.aligncenter{max-width:100%;height:auto}
  ol,ul{padding-left:15px}
  #blogTemplate{padding-top:0}
  #about-us{padding-top: 1em !important}
  #footer .copyright{text-align: center;}
  #scroll{right:5px!important;bottom:60px!important;width:40px;height:40px; line-height: 2.9}
  #scroll i{font-size: 1.7em}
  #about-us h1{margin-top: 1em}
  #about-us{text-align: center;padding-bottom: 2em}

  #footer{padding-top: 0}
  #footer:after{display: none}
}

@media ( max-width : 528px){
  .container{padding-left: 0; padding-right: 0}
  #socialDropup a{font-size: 1.35em}
  #mobileIcons a{margin: 0;}
  .menu-sidebar{position:fixed;top:0;left:0;z-index:1;height:100vh;width: 65vw;background:#f08e0f;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);transition: transform 0.3s ease;will-change:transform;}
  .menu-sidebar.opened{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  .menu-list{position:relative;height:73vh;overflow:scroll;-webkit-box-shadow: inset 0px 2px 5px rgba(191, 123, 36, 0.24), inset 0px -2px 8px rgba(191, 123, 36, 0.27);
    box-shadow: inset 0px 2px 5px rgba(191, 123, 36, 0.24), inset 0px -2px 8px rgba(191, 123, 36, 0.27);}
  .open-btn{content:"\f178";font:normal normal normal 14px/1 FontAwesome;position:absolute;padding:.5em .3em .5em .5em;background:#f08e0f;color:#f1f1f1;font-size:1.6em;font-weight:800;top:50%;left:100%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);
  transform:translate(0,-50%);-webkit-animation:notice-me 1.7s ease;animation:notice-me 1.7s ease;-webkit-animation-delay:2s;animation-delay:2s;will-change:transform; transition: transform 0.3s ease;}
  .menu-sidebar.opened .open-btn{ -webkit-transform: translate(0,-50%) rotate(180deg); -ms-transform: translate(0,-50%) rotate(180deg); transform: translate(0,-50%) rotate(180deg);animation: unset;}
  .menu-list--link:hover{background: rgba(234, 179, 108, 0.5);}
}

@-webkit-keyframes notice-me {
    0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    40%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    50%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    75%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    85%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    }
    @keyframes notice-me {
    0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    40%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    50%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    75%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    85%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
}

#card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  padding: 20px 20px;
  border-radius: 5px;
}

#card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
  padding: 2px 16px;
}
.home .bwg-item {
  display:none;
}
.home .bwg-item:nth-child(0),.home .bwg-item:nth-child(1),.home .bwg-item:nth-child(2),.home .bwg-item:nth-child(3),.home .bwg-item:nth-child(4),.home .bwg-item:nth-child(5),.home .bwg-item:nth-child(6),.home .bwg-item:nth-child(7),.home .bwg-item:nth-child(8) {
  display:block;
}
.home span.pagination-links_0.pagination-links {
    display: none;
}
a.gallery_btn {
    /* background-color: #174c1e; */
    width: 100px;
    margin: 0 auto;
    color: #fff;
}

.gallery_btn_div {
    background-color: #174c1e;
    width: 180px;
    text-align: center;
    margin: 0px auto 30px;
    padding: 10px;
    border-radius: 35px;
}
.gallery_btn_div:hover {
    background-color: black;
    text-decoration: none;
}

.woocommerce a.button.alt, .woocommerce button.button.alt {
    background-color: #174c1e;
}

.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
    background-color:#174c1e;
    opacity:60%;
}

.vpc-action-buttons button {
	background:#174c1e!important;
}

.vpc-action-buttons button:hover {
    background-color:#174c1e!important;
    opacity:60%;
}