/*
Theme Name: Rosa Child
Theme URI: http://pixelgrade.com/demos/rosa
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: rosa
Description:  ROSA is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosa
Tags: black, orange, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, sticky-post, translation-ready
*/

/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: rosa' line. */




.woocommerce ul.products li.product .product__title{
	font-size: 1em !important;
}

.woocommerce ul.products li.product {border:1px solid #19D3C5; }

.woocommerce ul.products li.product a hr, .woocommerce ul.products li.product  hr {display: none; }


.woocommerce ul.products li.product:hover .price {
  opacity: 100 !important;
}

.woocommerce ul.products li.product .product__button {
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
    -webkit-transform: none;
    transform: none !important;
    color: #c59d5f;
    opacity: 100 !important;
    transition: none !important;
	font-size: 0.9em !important;
    margin-bottom: 0px;
	
}

.woocommerce ul.products li.product .product__button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product a.added_to_cart {
 border: none !important;
}

.back-home{
	text-transform:uppercase;
	color: #c59d5f;
	font-size: 0.8em;
}

 .site-header{
	position: relative;
	margin-top: 20px;
  }
  

  #page, .page { padding-top: 0px !important; margin-top: -40px !important;}
.header-shop{
	
	
    background: url('https://omelhorcroissantdaminharua.com/encomendas/wp-content/uploads/2020/11/banner_landing_page.jpg');
    height: 449px !important;
    background-position-x: center;
    background-position-y: top;
    background-size: contain !important;
    background-repeat: no-repeat;
    margin-top: 1px !important;
    position: relative;
    margin-bottom: 0px !important;
    z-index: 999 !important;
 
}



.shop-branding img{
	width: 90px;
	margin-top: -40px !important;
}

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

  /* For mobile phones: */
	
#page, .page { padding-top: 0px !important; margin-top: 0px !important;}
  .site-header{
	position: relative;
	margin-top: 20px;
  }
  .header-shop{
	background: url('https://omelhorcroissantdaminharua.com/encomendas/wp-content/uploads/2020/11/ot373_mcmr_pagina_de_encomendas_banner_mobile_2_16112020.jpg') !important;
	height: 277px !important;
	background-size: cover !important;
	z-index: 999 !important;
	position: relative;
	margin-top: 20px !important;
	background-repeat: no-repeat !important;
	background-position: top center !important;
	margin-bottom: 0px !important;
 
}
  	
	}
	
	.back-home{
		font-size: 0.7em;
	}
	
	.shop-branding img{
		width: 80px;
		margin-top: -30px !important;
	}
	.article--page {margin-top: -90px; } 
	
	form.checkout h3, form.checkout h4{margin-top:5px; margin-bottom:5px;} 
	form.checkout h4{ color: #000000; }
}




.page .type-page .article__content { padding-top: 20px !important; }

.tutorial ul { margin-left: 12px; font-size: 0.9em;	}
.tutorial .alert {  color:	#19D3C5; }
.tutorial .alert-text {  font-size: 0.8em; }

div.woocommerce-checkout-payment#payment { background-color: transparent !important;}
.woocommerce-privacy-policy-text{font-size:0.8em !important;}

form.checkout h3{
	
	text-transform: uppercase !important;
    font-family: "Lato", Sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
	color: #19D3C5;
	font-size: 1.2em !important;
	font-weight: 500;
}

form.checkout h4{
	
	text-transform: uppercase !important;
    font-family: "Lato", Sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
	color: #19D3C5;
	font-size: 1.2em !important;
	font-weight: 500;
}


li.product{min-height: 368px !important;}
li.product h4{
	margin-top: 0px !important;
}
li.product img{
	width:230px !important;
	height: 230px !important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
border:none !important;	
}
 
.woocommerce-page #payment div.payment_box {
    background: #ecddc6;
	border:none !important;
    border-left: 2px solid #19D3C5 !important;
	font-size:0.8em !important;
}

input.input-text.qty{ 
	background-color: #ffffff !important;
	display: inline-block;
	vertical-align: middle;
	width: 70px !important;
	padding: 10px !important;
	padding: 0.625rem !important;
	border: 1px solid #d8d8d8 !important;
	outline: 0 !important;
	border-radius: 5px !important;
	color: #000000 !important; 

}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width: 80px !important;}

#delivery_checkout_fields{
	background-color: #19D3C5;
	height:210px;
	padding: 20px;
	margin-bottom: 30px;
}
#delivery_checkout_fields h4 {color: #000000; margin:0px !important;}



.bt-selectProductOptions{
	margin-top:5px; margin-bottom: 10px;
}
.product-options{
	font-size: 0.85em !important;
	padding-bottom: 5px;
	display: none;
	position: absolute;
	z-index: 999;
	border: 1px solid #19D3C5;
	border-top: 2px solid #19D3C5;
 	background: #ffffff;
	
	margin-left: -1px;
width: 101% !important;
	
}
.product-options a{
	font-size:0.8em !important;
}


h2.elementor-heading-title.elementor-size-default{
	color: #000000 !important;
	font-size: 1.2em !important;
}



input[name="update_cart"]{
    background-color: #c0c0c0 !important;
	color: #000000 !important;
}
 

.checkout-info{
	color: #7A7A7A;
	font-family: "Lato", Sans-serif;
}



.sub_qty, .add_qty{
    height: 35px;
    ackground-color: #ffffff !important;
    display: inline-block;
    vertical-align: middle;
    width: 35px !important;
    padding: 10px !important;
    padding: 0.625rem !important;
    border: 1px solid #d8d8d8 !important;
    outline: 0 !important;
    border-radius: 5px !important;
    color: #000000 !important;
}




.footer-cta{
	background-image: url('https://omelhorcroissantdaminharua.com/encomendas/wp-content/uploads/2020/11/banner_cta_landing_page.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	height: 208px;
	width: 100%;
	background-position: top center;
}

.cart-header {display: block;padding: 5px; border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-top:1px solid #c0c0c0; width:100%; height: 40px !important;}

.cart-header div {display: inline-block; height: 25px; color: #000000; font-weight: bold; vertical-align: middle;}


.cart-body{  width:100%; border:1px solid #c0c0c0;   }
.cart-body div {display: inline-block; padding: 5px; vertical-align: middle; }

div.header-thumbnail, div.product-thumbnail{ min-width: 20%; }
div.header-name, div.product-name{  min-width: 35%; max-width: 35%  }
div.header-quantity, div.product-quantity{  min-width: 25%; text-align: center;}
div.header-subtotal, div.product-subtotal{  min-width: 10%;text-align: right; }
div.header-remove, div.product-remove{  min-width: 5%; text-align: right;}

div.product-thumbnail img{ width: 110px; height: auto;}

div.product-price{display: block !important; color: #7A7A7A; font-size:0.9em;}

.cart_item{width:100%;}
.cart-options {
    margin-top: 15px;
    float: right;
}


@media only screen and (max-width: 768px) { 
	
.footer-cta{
	background-image: url('https://omelhorcroissantdaminharua.com/encomendas/wp-content/uploads/2020/11/ot373_mcmr_pagina_de_encomendas_cta_mobile_2_16112020.jpg') !important;
	background-size: cover;
	background-repeat: no-repeat;
	height: 208px;
	width: 100%;
	background-position: top center;
}

	.cart-header{ display: none !important;}

div.header-thumbnail, div.product-thumbnail{ min-width: 20% !important; }
div.header-name, div.product-name{  min-width: 70% !important; max-width: 70% !important;}
div.header-quantity, div.product-quantity{  min-width: 65% !important; text-align: left !important;}
div.header-subtotal, div.product-subtotal{  min-width: 20% !important; }
div.header-remove, div.product-remove{  min-width: 5% !important;}

	div.product-thumbnail img{ width: 90px !important;}
 
}