/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

a.button-continue-shopping.button.primary.is-outline {
    color: #fff;
    background-color: #0066ff;
    border: 1px solid #0066ff;
}
button.button.primary.mt-0.pull-left.small {
    background-color: #33CC00;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
a.checkout-button.button.alt.wc-forward {
    background-color: #FF0000;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #ddd;
}
.page-checkout h3.widget-title {
    color: #ff6600;
}


div#customer_details {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart-wrapper.sm-touch-scroll {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart_totals.calculated_shipping {
    border: 3px dashed #e5101d;
    padding: 15px;
    border-radius: 15px;
}

form.checkout_coupon.mb-0 {
    background-color: #eaeaea;
    padding: 20px;
    border: 3px dashed #ff6600;
}

.woocommerce-billing-fields h3 {
    color: #303030;
}

button#place_order {
    background: #FF0000;
}

h3#order_review_heading {
    color: #303030;
}

.page-checkout span.woocommerce-Price-amount.amount {
    color: #FF0000;
}

/************************************************************************************/

@font-face {
   font-family: "Roboto";
  src: url(fonts/Roboto-Light.ttf);
}


body{
    font-size: 15px !important;
    font-family: "Roboto"!important;
}
h1,h2,h3,h4,h5,h6,p,a{
    font-family: "Roboto"!important;
}
p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category {
    display: none;
}

.header-top .phone ,.header-top span.header-cart-title {
	color: #fff;
	font-size: 16px;
}

.header-top  i {
   margin-right: 10px;
}

.header-search a{
	width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 3px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    border-radius: 50%;
    background: #5cb11e;
}
.header-search a i {
    color: #fff;
    margin-left: -2px;
}
.header-main  .header-nav-main li a {
  font-size: 16px;
  color: #000;
  padding: 0px 10px;
  font-weight: 600;
}

.nav-dropdown-default {
    padding: 0px;
}
.nav-dropdown  li {
    border-bottom: 1px solid #eaeaea;
}
.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a { 
    padding: 5px 10px;
    display: block;
    border-bottom: 0px;
    color: #61c472;
}

.nav-dropdown-default .nav-column li:hover,
.nav-dropdown.nav-dropdown-default>li:hover{
    background: #61c472;
}

.nav-dropdown-default .nav-column li:hover>a,
.nav-dropdown.nav-dropdown-default>li:hover>a {
    color: #fff; 
}


div#nz-div {
    border-bottom: 2px solid #62b52f;
    margin-bottom: 40px;
    display: block;
}

#nz-div h3.tde {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
}

#nz-div h3.tde span {
    background: #62b52f;
    padding: 10px 20px 8px 20px;
    color: white;
    position: relative;
    display: inline-block;
    margin: 0;
}

.sub-cat span {
    display: inline-block;
    margin: 0;
    line-height: 45px;
    margin-left: 100px;
    float: right;
    margin-top: -4%;
    text-transform: uppercase;
}

span.amount,ins span.amount{
   color: #ff0000;
   font-size: 16px;
}
del span.amount{
	color: #000;
}
p.product-title a {
  font-size: 16px;
  color: rgb(37, 37, 37);
  margin-bottom: 10px!important;
}

h5.post-title.is-large {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}


.product-small.box {
	border: 1px solid #868686;
}
.product-small.box:hover{
	border: 2px solid #62b52f;
}

.product-small.box .box-text {
	background-color: #f3f3f3;
}

.sec-1 h4 {
	color: #484848;
	font-weight: 600;
}

.sec-2 .widget-top .widget-title {
    background: #62b52f;
    padding: 6px 20px 4px 20px;
    color: white;
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}

.sec-2 .product-categories {
    background: #fff;
    padding: 10px;
    margin-top: -10px;
}
.sec-2 .textwidget {
	margin-top: -10px;
}

.row-news .box-blog-post {
	border: 1px solid #868686;
}
.row-news .box-text {
	padding: 10px;
}

.sec-3 .row {
    margin-top: 2%;
    margin-bottom: -3%;
}
.sec-3 h4 {
	color: #fff;
	margin-top: 10px;
}
.sec-3 .featured-box {
    margin-top: -20px;
}
.sec-3 input.wpcf7-email {
	float: left;
	width: 75%;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border:2px solid #54af1c;
}
.sec-3 .wpcf7-submit {
	background-color: #54af1c;
	border-radius: 20px;
	text-transform: none;
	margin-left: -20px;
}

/*******************************************************/

.footer-1 {
	background-color: #484848;
}
.footer-1 .widget-title {
	color: #fff;
	font-weight: bold;
}
.widget ul li+li{
	border:0px;
}

.footer-1 ul li, .footer-1 ul li i ,.footer-1 ul li a {
	color: #fff;
	list-style: none;
}
.footer-1 ul.tt li i {
	margin-right: 10px;
}
.footer-1 ul.share {
    display: inline-block;
}

.footer-1 ul.share li {
	float: left;
}
.footer-1 ul.share li a {
	width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    border-radius: 50%;
}

.footer-1 .social-twitter a {
    background: #00aff0;
}
.footer-1 .social-google a {
    background: #ff6755;
}
.footer-1 .social-fb a {
    background: #275c9e;
}
.footer-1 .social-instagram a {
    background: linear-gradient(45deg,#ff7d44,#ba3d9a)
}
.footer-1 h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}

/******************************************************/


#product-sidebar .widget-title {
    background: #62b52f;
    padding: 10px 20px 10px 20px;
    color: white;
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

#product-sidebar .product-categories,#product-sidebar .product_list_widget {
    background: #fff;
    padding: 10px;
    border:1px solid #eaeaea;
}
ul.product_list_widget li {
	border-bottom: 1px solid #eaeaea;
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}