/*
Theme Name: bootstrap-wp-theme
Theme URI: http://kasio99.com
Description: A base bootstrap 4 theme
Author: James Williamson
Author URI: http://kasio99.com/
Version: 1.0
Tags: responsive,bootstrap,easy theme
*/


@import url('bootstrap/css/bootstrap.min.css'); 
@import url('https://fonts.googleapis.com/css?family=Oleo+Script');
@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
    background-image: url('../../uploads/2019/03/body-background-v2.png');
}

.contact-bar-cont {
    background-color: #f4f4f4;
    height: 30px;
    padding: 4px;
}

.contact-bar-text {
    letter-spacing: 3px;
    font-size: 14px;
}

/* header container */

.header-cont {
    background-color: #f8e0a2;
}

.utilities-cont {
    position: relative;
    
}

.cart-label a {
    color: #007a78;
} 

.searchform {
    position: absolute;
    bottom: 0;
    right: 0;
}
/* search input */
#s {
    border-radius: 15px;
    border: 1px solid #cccccc;
    padding-left: 15px;
}

#searchsubmit {
    background-color: transparent;
    border: none;
    margin-left: -40px;
    color: #007a78;
}

.navbar-nav {
    width: 100%;
}

.navbar {
    background-color: #007a78;
    padding: 0px;
    box-shadow: 0px 2px 5px #8888889c;
}

.nav-item {
   
}

.nav-link {
    color: #fff;
    padding: 15px 0px;
}

.navbar-nav .active>.nav-link {
    color: #007a78;
    background-color: #f8e0a2;
}

.navbar-nav .nav-link:hover {
    color: #ccc;
}


.navbar-toggler {
    position: absolute;
    right: -5px;
    top: -7px;
}
/* Fonts */

h1 {
    line-height: 1;
}

h1.site-title {
    font-family: 'Oleo Script', cursive;
    font-size: 60px;
    margin-left:-40px;
    color: #007a78;
}

h1.page-title {
    font-family: 'Oleo Script', cursive;
    font-size: 60px;
    color: #333;
    margin: 40px 0px 30px 0px;
}

h2.site-desc {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    margin-left:-40px;
    color: #007a78
}

h2.banner-title {
    font-family: 'Oleo Script', cursive;
    font-size: 64px;
    color: #fff;
    line-height: 65px;
    margin-top: 50px;
}

h3.footer-title {
    font-family: 'Oleo Script', cursive;
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
}


ul.product-categories {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #fff;
}

ul.product-categories > li.cat-item > a {
    color: #fff;
    font-size: 14px;
    line-height: 38px;
}

a.footer-address {
    line-height: 0px;
}

p.banner-body {
    font-size: 18px;
    color: #fff;
}

h2.product-group-title {
    font-family: 'Oleo Script', cursive;
    font-size: 60px;
    color: #333;
    margin-bottom: 30px;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

p.cta-wrapper {
    margin: 40px 0px 60px 0px;
}

a.banner-cta {
    background: #fff;
    padding: 10px 40px;
    font-weight: bold;
    color: #007a78;
    border-radius: 20px;
    box-shadow: 1px 2px 5px #888888;
    
}

a.banner-cta:hover {
    background: #e5e5e5;
}





/*shopping cart styles*/

.cart-label {
    color: #007a78;
    position: absolute;
    font-size: 14px;
    bottom: 40px;
    right: 25px;
}

.cart-contents:before {
    color: #007a78;
    font-family:WooCommerce;
    content: "\e01d";
    font-size:28px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    margin-right:-15px;
    vertical-align: middle;
    
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #007a78;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    
    vertical-align: top;
}

/*END shopping cart styles*/

.delivery-bar-cont {
    background-color: #f4f4f4;
    height: 45px;
    padding: 10px;
    box-shadow: 0px 2px 5px #8888889c;
}

.delivery-bar-text {
    letter-spacing: 1px;
    font-size: 16px;
}

p.payment-label {
    font-family: 'Oleo Script', cursive;
    font-size: 16px;
    margin: 60px 0px 0px 0px;
}

.payment-bar-container {
    background-color: #f4f4f4;
    padding: 10px;
}




/*footer */

.footer-first-cont {
	padding: 50px 0px 40px 0px;
	background-color: #e80023;
	position: relative;
	margin-top: 50px;
}

.footer-first-cont::before {
	content: "";
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    background-repeat: repeat;
    height: 40px;
    background-size: 50px 40px;
    background-image: radial-gradient(circle at 24px -9px, #fff 25px, #e80023 13px);
}

.footer-second-cont {
	padding: 50px 0px 40px 0px;
	background-color: #f8e0a2;
	position: relative;
}

.footer-second-cont::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    background-repeat: repeat;
    height: 40px;
    background-size: 50px 40px;
    background-image: radial-gradient(circle at 24px -9px, #e80023 25px, #f8e0a2 13px);
}

.address-widget {
    font-size: 14px;
    color: #fff;
}

.address-widget > .textwidget > p > a {
 
    color: #fff;
}


/******************************** Woocommerce styles ***************************************/


ul.products {
    background-color: #fff;
}

/* Category title , product name title */

h2.woocommerce-loop-category__title, h2.woocommerce-loop-product__title {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #333;
}

/* Pricing styles */

.woocommerce-Price-amount.amount {
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

/* product list styles*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    
    margin-top: 30px!important;
    
}

.single-product {
     margin-top: 50px!important;
}

/* sale tag customisation */


.woocommerce span.onsale {
    
    font-weight: 400!important;
    position: absolute!important;
    background-color: transparent!important;
    text-align: center;
    line-height: 3.236;
    top: -45px!important;
    right: auto!important;
    left: 0px!important;
    margin: 0;
    color: #e80023!important;
    font-size: 20px!important;
    z-index: 9;
    font-family: 'Oleo Script', cursive;
}

/* Add to cart button */

.single-product .product .single_add_to_cart_button.button {
    background-color: #fff;
    color: #007c79;
/*    border: 1px solid #000;*/
    border-radius: 17px;
    box-shadow: 1px 2px 5px #888888;
}

.single_add_to_cart_button {
    margin: -5px 0px 0px 10px !important;
}



.button {
    background-color: #fff !important;
    color: #007c79 !important;
    border-radius: 17px !important;
    box-shadow: 1px 2px 5px #888888 !important;
}

.woocommerce .product .add_to_cart_button.button{
    background-color: #fff;
    color: #007c79;
/*    border: 1px solid #000;*/
    border-radius: 17px;
    box-shadow: 1px 2px 5px #888888;
}

.shop_table {
    background-color: #fff;
}

/* Checkout customisation */
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}

form.checkout {
    background-color: #fff;
}

@media screen and (max-width: 1200px) {
    
    .contact-bar-cont {
        display: none;
    }
    
}

@media screen and (max-width: 990px) {
    
    .navbar-toggler {
        top: 10px;
    }
    
    .cart-label {
        bottom: -3px;
        right: 80px;
    }
    
    .banner-text-cont {
        background: rgba(0,0,0,0.5)
    }
    
    h2.banner-title {
        font-size: 36px;
    }
    
    p.banner-body {
        font-size: 16px;
    }
    
}

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

    
    
}

@media screen and (max-width: 480px) {
    
    .navbar-toggler {
        top: -50px;
    }

}