/* GENERAL STYLES 
 *  CCS ONLY shopgallery  Template Name:  shops  Pietro Tuccio Photographer
*/

body {font-family: "Revalia", Calibri, Arial, sans-serif;}
a{text-decoration: none;}
a:hover{text-decoration: none;}


.privacy {margin-top:-60px;
    width: 90%;
    color: #000;
    padding: 0 5%; }
	
.placeorder {color:#fff}
.modal-dialog {width: 50%;background:#FECA3A;color:#000}
.modal-title {background:RED;color:#FFF}
.modal-dialog .close{font-size:24px;background:RED;color:#000;top:2px;margin-left:96%;}
.modal-dialog .h5{font-size:34px;font-weight: bold;color:#000;}
.centered{text-align:center}
.spazio {padding-top:55px;}
.carrello{padding-top:55px;margin:auto;position:absolute;top:0;left:5%;right:0;}
.red{background:RED;color:#FFF;font-size:20px;}
.black {color:#000;font-size:16px;font-weight: bold;}
.modal-dialog a{text-decoration: none;color: #000;}


a:hover{text-decoration: none;color: #D90000;}
a{text-decoration: none;color: #FFF;}
/*   shops STYLES */

.info {font-weight: bold;color:#fff;background:#333;}

.placeorder a{font-size:56px;font-weight: bold;text-decoration:none;background:#ab0b00;color:#fff}

.description  {font-size:14px; color: #fff;text-align:center;}

.select { padding:2px 2px 0px 2px;
	width: 70px; height: 30px;border: 1px solid #fff;color: #fff;font-size:12px;font-weight: bold;} 

 .text-center .h2 {  font-size: 12px; text-align: center; }
 
.item{padding:0 0 0 20px;position:relative;clip:auto;overflow:hidden}
.info{position:relative;text-align:right;white-space:nowrap;margin-bottom:25px;}
.add {padding:40px 40px 0px 40px;color:#fff;}
.name{font-size:17px;font-weight: bold;background:#333;color:#fff;float:left;margin-right:10px;padding-right:4px;position:relative;}
.price{font-size:17px;font-weight: bold;background:#333;color:#fff;padding-left:20px;position:relative}
.item_Quantity {color:#fff; height: 30px;font-size: 12px;width: 80px;
	background-color:red; }
	
.legend span{padding:7px 7px 7px 7px;background:#fff;font-size:14px;font-weight:bold;color:#333;margin:0 20px 0 0}

.legend{display:block;margin:10px 0 15px 0}
.legend .veg{background:#3ca318}
.legend .spicy{background:#ff7e00}
.legend a{display:inline-block;padding:3px 15px;font-size:14px;font-weight:bold;transition:background .1s ease-in-out;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out}

.legend a.add{background:red;color:#fff}
.legend a.add:hover{background:#FFF;color:#050403;text-decoration:none}
.legend a.remove{background:#ab0b00;color:#fff}
.legend a.remove:hover{background:#FFF;color:#050403;text-decoration:none}
.order span{font-size:14px;font-weight:bold;padding:0 10px}
.legend a.active{background:#FFF;color:#050403}
.legend a.active:hover{background:#ab0b00;color:#fff}


/* ORDER MODAL SHOP POPUP STYLES */
.headerRow{clear:both;overflow:hidden;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #777;font-size:14px !important}

.itemRow{clear:both;overflow:hidden;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px dotted #777;font-size:16px;font-weight:bold;}

.headerRow div,.itemRow div{float:left}
.headerRow .item-name{display:inline-block;width:37%;font-size:16px;font-weight:bold;}
.itemRow .item-name{display:inline-block;width:37%;font-size:16px;font-weight:bold;}
.headerRow .item-price,.itemRow .item-price{display:inline-block;width:10%;text-align:center}
.headerRow .item-decrement,.itemRow .item-decrement{display:inline-block;width:7%;text-align:center}
.headerRow .item-quantity,.itemRow .item-quantity{display:inline-block;width:5%;text-align:center}
.headerRow .item-increment,.itemRow .item-increment{display:inline-block;width:9%;text-align:center}
.headerRow .item-total,.itemRow .item-total{display:inline-block;width:18%;}
.headerRow .item-remove,.itemRow .item-remove{display:inline-block;width:14%;font-size:16px;font-weight:bold;}



/*-------------------------------------------------------------------------------------------------*/
/*                       CSS  ONLY MEDIA  STYLES */
/*-------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------*/
/*          CSS  ONLY MEDIA  STYLES (min-width: 319px) and (max-width: 768px)                */
/*-----------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 319px) and (max-width: 768px) {
 .h2 {font-size: 10px;font-weight: bold;	line-height: 20px;}
	
/* ORDER MODAL SHOP POPUP STYLES */
.name{font-size:11px;font-weight: bold;background:#333;color:#fff;float:left;margin-right:10px;padding-right:0px;position:relative;}
.price{font-size:11px;font-weight: bold;background:#333;color:#fff;padding-left:5px;position:relative}
.description {font-size:9px; color: #fff;text-align:center;}
.legend span{padding:7px 7px 7px 7px;background:#fff;font-size:11px;font-weight:bold;color:#333;}
.add {padding:20px 20px 0px 20px;color:#fff;font-size:11px;}
.select { padding:2px 2px 0px 2px;width: 44px; height: 30px;border: 1px solid #fff;color: #fff;font-size:13px;font-weight: bold;} 

.modal-dialog {width: 80%;background:#FECA3A;color:#000}
.modal-title {font-size:14px;background:RED;color:#FFF}
.modal-dialog .close{font-size:22px;background:RED;color:#000;top:2px;margin-left:96%;}
.modal-dialog .h5{font-size:20px;font-weight: bold;color:#000;}
.centered{text-align:center}
.spazio {padding-top:55px;}
.carrello{padding-top:55px;margin:auto;position:absolute;top:0;left:5%;right:0;}
.red{background:RED;color:#FFF;font-size:12px;}
.black {color:#000;font-size:12px;font-weight: bold;}
.modal-dialog a{text-decoration: none;color: #000;}


.headerRow .item-name{display:inline-block;width:37%;font-size:11px;font-weight:bold;}
.itemRow .item-name{display:inline-block;width:37%;font-size:11px;font-weight:bold;}
.headerRow .item-price,.itemRow .item-price{display:inline-block;width:10%;font-size:11px;font-weight:bold;text-align:center}
.headerRow .item-decrement,.itemRow .item-decrement{display:inline-block;width:7%;text-align:center;font-size:11px;font-weight:bold;}
.headerRow .item-quantity,.itemRow .item-quantity{display:inline-block;width:5%;text-align:center;font-size:11px;font-weight:bold;}
.headerRow .item-increment,.itemRow .item-increment{display:inline-block;width:9%;text-align:center;font-size:11px;font-weight:bold;}
.headerRow .item-total,.itemRow .item-total{display:inline-block;width:18%;font-size:11px;font-weight:bold;}
.headerRow .item-remove,.itemRow .item-remove{display:inline-block;width:14%;font-size:11px;font-weight:bold;}

}


@media only screen and (min-width: 769px) and (max-width: 1367px) { 
 .h2 {font-size: 14px;font-weight: bold;	line-height: 30px;}
/* ORDER MODAL SHOP POPUP STYLES */
.name{font-size:11px;font-weight: bold;background:#333;color:#fff;float:left;margin-right:10px;padding-right:0px;position:relative;}
.price{font-size:11px;font-weight: bold;background:#333;color:#fff;padding-left:5px;position:relative}
.description {font-size:9px; color: #fff;text-align:center;}
.legend span{padding:7px 7px 7px 7px;background:#fff;font-size:11px;font-weight:bold;color:#333;}
.add {padding:20px 20px 0px 20px;color:#fff;font-size:11px;}
.select { padding:2px 2px 0px 2px;width: 44px; height: 30px;border: 1px solid #fff;color: #fff;font-size:13px;font-weight: bold;} 



.modal-dialog {width: 90%;background:#FECA3A;color:#000}
.modal-title {font-size:14px;background:RED;color:#FFF}
.modal-dialog .close{font-size:22px;background:RED;color:#000;top:2px;margin-left:96%;}
.modal-dialog .h5{font-size:20px;font-weight: bold;color:#000;}
.centered{text-align:center}
.spazio {padding-top:55px;}
.carrello{padding-top:55px;margin:auto;position:absolute;top:0;left:5%;right:0;}
.red{background:RED;color:#FFF;font-size:12px;}
.black {color:#000;font-size:12px;font-weight: bold;}
.modal-dialog a{text-decoration: none;color: #000;}


.headerRow .item-name{display:inline-block;width:37%;font-size:11px;font-weight:bold;}
.itemRow .item-name{display:inline-block;width:37%;font-size:11px;font-weight:bold;}
.headerRow .item-price,.itemRow .item-price{display:inline-block;width:10%;font-size:11px;font-weight:bold;text-align:center}
.headerRow .item-decrement,.itemRow .item-decrement{display:inline-block;width:7%;text-align:center;font-size:11px;font-weight:bold;}
.headerRow .item-quantity,.itemRow .item-quantity{display:inline-block;width:5%;text-align:center;font-size:11px;font-weight:bold;}
.headerRow .item-increment,.itemRow .item-increment{display:inline-block;width:9%;text-align:center;font-size:11px;font-weight:bold;}
.headerRow .item-total,.itemRow .item-total{display:inline-block;width:18%;font-size:11px;font-weight:bold;}
.headerRow .item-remove,.itemRow .item-remove{display:inline-block;width:14%;font-size:11px;font-weight:bold;}


}