/*
Theme Name: Gourmet
Theme URI: http://www.medialayout.com
Author: Medialayout Team
Author URI: http://www.medialayout.com
Description: Powerful theme
Version: 1.5
License: GNU General Public License
License URI: license.txt
Text Domain: gourmet
*/

/*--------------------------------------------------------------
OVERRIDE
--------------------------------------------------------------*/

#infoblockTitle{ 
    text-align: center;
    font-size: 18px;
    color: #6B6B6B;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 1px solid #F3F3F3;
    padding: 10px 10px 10px 10px;
    background-color:#fff;
}
#infoblockText{
    font-size: 12px;
    color: #6B6B6B;
    padding: 10px 10px 10px;
    line-height: 1.4;
    background-color:#fff;
}
.menu_item_wpglobus_menu_switch .sub-menu{
  margin-top:0px!important;
}

.wpme_image{
 padding-bottom:0px !important;
}

.sub-menu{
 background-color:rgba(0,0,0,0.5);
}
.blog-single-page{
 padding-bottom:0px!important;
}
.left-sidebar-col{
 padding-left:0px;
 padding-right:0px;
}

#forceHeight{
 height:100%;
}

.main-nav-inner .top-bar{
     display:none !important;
}

.row{
  margin-left:0px;
  margin-right:0px;
}

.logo-container{
     display:none !important;
}

.infoBlockContent{
 background-color:#fff;
 padding:20px;
 margin:40px;
}

.borderBox{
 border:2px solid #000;
}

.main-footer{
 background-color:transparent !important;
}

#maxwidth360{
    max-width:360px;
    margin:0 auto;
}

#align-center{
 text-align:center;
}

#align-left{
 text-align:left;
}

#align-right{
 text-align:right;
}

#fontSize25{
 font-size:25px !important;
}

.margin-left20{
 margin-left:20px;
}

.margin-right20{
 margin-right:20px;
}

.margin-top20{
 margin-top:20px !important;
}

.main-footer.style4{
 overflow:visible !important;
}

.main-footer.style4 .newsletter form:before{
 background-color:#bd9e72;
}

.main-footer.style4 .map .map-overlay{
 padding:40px !important;
}

.wpglobus_flag{
 background-image:none !important;
}

.wpglobus_language_name {
    padding-left:5px !important;
}

.overlay-container .overlay .buttons-container a.button-link{
    display:none;
}

.overlay-details{
   display:none !important;
}

.underlined-heading:after{
 display:none !important;
}

.latest-post .blog-post article header{
    display:none !important;
}

.latest-post.blog-single-page .blog-post-container{
    margin-top:30px !important;
}

.section-title.style4{
 margin-bottom:36px !important;
}

/* ------ STORE ----- */

.store-items{
 background-color:#f5f1ec;
 margin-top:0px !important;
 padding-top:60px;
}

.store-items .sidebar-container{
 background-color:#fff;
}

.widget_product_search{
 margin-bottom:13px;
margin-top:8px;
}

.cat-item > .children{
 display:none;
}

.shopSmallArrow{
transform: rotate(0deg);
-webkit-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

.single_add_to_cart_button{
    background: none !important;
    color: #000 !important;
    border:1px solid #000 !important;
}
#order-count{
    background:none !important;
    border:1px solid #000 !important;
}

/*------- PRENOTAZIONI ------*/

.rtb-booking-form{
 max-width:600px;
 margin:0 auto !important;
 padding-bottom:60px;
}

.rtb-text { float:left; margin-top:0px!important;margin-left:10px; }
.rtb-select{float:left; margin-top:0px!important;margin-left:10px; }
.rtb-text>label{margin-bottom:5px;}
.rtb-select>label{margin-bottom:5px;}

.add-message{
 clear:left;
 margin-left:10px;
 padding-top:20px;
}

.rtb-textarea{ margin-left:10px;}




@media (min-width: 1200px){
	.container {
    		width: 1230px;
	}
}
@media screen and (max-width: 1300px) and (min-width: 1090px) {
	.main-nav-container.horizontal.default .main-nav li {
    		margin-left: 20px;
	}
}
@media screen and (max-width: 1089px) and (min-width: 900px) {
	.main-nav-container.horizontal.default .main-nav li {
    		margin-left: 10px;
	}
}
@media screen and (max-width: 430px) {
 body{
  min-width: 0px;
 }
 .row{
  margin-left:0px;
  margin-right:0px;
 }
 .small-bottom-margin{
  margin-bottom:20px;
 }
 .small-font-mobile h1{
  font-size:40px !important;
 }
 .main-footer.style4 .map .map-overlay{
  width:300px;
  padding:5px !important;
 }
 .newsletter{
  margin:10px !important;
 }
}


/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	margin-top: 2em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
figure.gallery-item {
	margin-bottom: 25px;
}
figure.gallery-item img {
	margin-bottom: 10px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
12.2 Default
--------------------------------------------------------------*/

.bypostauthor {
	
}





	.flex-container {
	    display: -webkit-flex;
	    display: flex;
	    align-items: center; 
		text-align: center;
	    width: 100%;
	    background-color: #22292c;
	}

	.flex-item {
	    width:100%;
	}

	.column{
	 width:220px;
	 padding: 30px;
	}

	@media screen and (max-width:950px){
		.flex-container {
			flex-direction: column;
		}
	}
  
  .mobileFooter{
   display:none;
   margin-top:20px; 
   margin-bottom:20px;  
  }
  .deskFooter{
  display:block;
 padding-top:100px;
height:240px; 
 }
@media screen and (min-width: 600px) and (max-width: 1000px) {
   .deskFooter{
	  height:80px; 
      padding-top:30px;
      padding-bottom:30px;
	}
}
@media screen and (max-width: 600px) {
  .mobileFooter{
   display:block; 
  }
  .deskFooter{
  display:none; 
 }
}

/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */
@media screen and (max-width: 600px) {

/* Force table to not be like tables anymore */
.woocommerce-page table.shop_table,
.woocommerce-page table.shop_table thead,
.woocommerce-page table.shop_table tbody,
.woocommerce-page table.shop_table th,
.woocommerce-page table.shop_table td,
.woocommerce-page table.shop_table tr {
    display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.woocommerce-page table.shop_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.woocommerce-page table.shop_table tr {
    /*border: 1px solid #d2d3d3; */
}

.woocommerce-page table.shop_table td {
    /* Behave like a "row" */
    border: 1px solid #d2d3d3;
    position: relative;
    padding-left: 30% !important;
}

.woocommerce-page table.shop_table {
    border: none;
}

.woocommerce-page table.shop_table td.product-spacer {
    border-color: #FFF;
    height: 10px;
}

.woocommerce-page table.shop_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 25%;
    padding-right: 10px;
    white-space: nowrap;
}

/*
Label the data
*/

.woocommerce .quantity,
.woocommerce #content .quantity,
.woocommerce-page .quantity,
.woocommerce-page #content .quantity {
    margin: 0;
}

.woocommerce-page table.cart td.actions,
.woocommerce-page #content table.cart td.actions {
    text-align: left;
    border:0;
    padding-left: 6px !important;
}

.woocommerce-page table.cart td.actions .button.alt,
.woocommerce-page #content table.cart td.actions .button.alt {
    float: left;
    margin-top: 10px;
}

.woocommerce-page table.cart td.actions div,
.woocommerce-page #content table.cart td.actions div,
.woocommerce-page table.cart td.actions input,
.woocommerce-page #content table.cart td.actions input {
    margin-bottom: 10px;
}

.woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
    text-align: left;
}

.woocommerce-page .cart-collaterals .cart_totals th,
.woocommerce-page .cart-collaterals .cart_totals td {
    border:0 !important;
}

.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
    padding-left: 6px !important;
}

.woocommerce-page table.shop_table tr.cart-subtotal td,
.woocommerce-page table.shop_table tr.shipping td,
.woocommerce-page table.shop_table tr.total td,
.woocommerce-page table.shop_table.order_details tfoot th,
.woocommerce-page table.shop_table.order_details tfoot td {
    padding-left: 6px !important;
    border:0 !important;
}

.woocommerce-page table.shop_table tbody {
    padding-top: 10px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
}

.woocommerce .order_details ul,
.woocommerce-page .order_details ul,
.woocommerce .order_details,
.woocommerce-page .order_details {
    padding:0;
}

.woocommerce .order_details li,
.woocommerce-page .order_details li {
    clear: left;
    margin-bottom: 10px;
    border:0;
}

/* make buttons full width, text wide anyway, improves effectiveness */
#content table.cart td.actions .button,
.woocommerce #content table.cart td.actions .input-text,
.woocommerce #content table.cart td.actions input,
.woocommerce table.cart td.actions .button,
.woocommerce table.cart td.actions .input-text,
.woocommerce table.cart td.actions input,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions input,
.woocommerce-page table.cart td.actions .button,
.woocommerce-page table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions input {
    width: 100%;
}

/* keep coupon at 50% */
#content table.cart td.actions .coupon .button,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon input,
.woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon input,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon input,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon input {
    width: 48%;
}

/* clean up how coupon inputs display */
#content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
    margin-top: 1.5em;
}

#content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
    margin-bottom: 1em;
}

/* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
    display: none;
}

.woocommerce table.shop_table tbody td{
     padding-top: 0px!important;
}

#order-count{ 
     width:60px;
     height:20px;
}

.woocommerce a.remove{
    display: -webkit-inline-box!important;
}

.woocommerce-page table.shop_table tr{
   padding: 10px;
}

.woocommerce table.cart td.actions .coupon .input-text{
   width:46%;
}
/* END Make the cart table responsive */