/*
Theme Name: Florio SF
Theme URI: #
Author: vocodesign
Author URI: http://vocodesign.com
Template: Divi
Description:  Florio SF site theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi_child
*/

/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700');
@font-face {
    font-family:'Verdana';
    src: url('fonts/Verdana.eot');
	src: url('fonts/Verdana.eot?#iefix') format('embedded-opentype'),
		url('fonts/Verdana.woff2') format('woff2'),
		url('fonts/Verdana.woff') format('woff'),
		url('fonts/Verdana.svg#Verdana') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F009;
}


body{font-family:'Verdana'; color: #41444b;}
h1, h2, h3, h4, h5, h6 { color: #41444b; text-align: center;}


/* header css start */
.et_header_style_centered #top-menu > li > a{font-family: 'Josefin Sans', sans-serif; font-variant: small-caps; font-weight:500;}
.et_header_style_centered header#main-header.et-fixed-header .logo_container {height: 100px;}

/* home about css */
.home-about > .et_pb_row {display: table;table-layout: fixed;width: 100%;}
.home-about > .et_pb_row > div {display: table-cell;float: none;width: 50%; vertical-align:top;}
.home-about p{font-family:'Verdana';  font-size:14px; line-height:1.8; text-align: left !important;}

.title h2 {font-size: 80px;font-weight: 300;margin: 30px 0 40px;padding: 0 0 28px !important;position: relative; 
font-family:'Josefin Sans', sans-serif;}
.title h2:before{position:absolute; content:""; margin:0 0 0 -75px; bottom:0px; left:50%; background:#fff; height:7px; width:150px;}
.home-menu .title h2::before, .title-orange h2:before{background:#f35a00;}
/* home menu css */
.home-menu{display:table; table-layout:fixed; width:100%;}
.home-menu > div {  display: table-cell;  float: none;  margin: 0;  width: 50% !important; vertical-align:top;}

.home-welcome h2 + p {display: inline-block;margin-top: 30px;}

div.ot-dtp-picker.wide {margin: 0 auto;max-width: 510px;width: 100%;}
.ot-dtp-picker .ot-title {color: #ffffff;display: inline-block;font-weight: 500;padding: 5px 10px;text-align: center !important;width: 100%; font-size:22px; font-family:'Josefin Sans', sans-serif; margin:0px !important;transition:all 0.3s ease-in-out 0s;}
.ot-dtp-picker.open .ot-title {background: #da4800;}
form.ot-dtp-picker-form{background: #ffffff;border: 3px solid #da4800;border-radius: 0;margin: 0;}
div.ot-dtp-picker.wide .ot-dtp-picker-form {height: 130px;}
div.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector{width:33.33%; border-bottom:1px solid rgba(0, 0, 0, 0.12);}
div.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button {background: #da4800;border-radius: 0;display: block;float: none;height: 40px !important;margin: 20px auto !important;padding: 5px !important;position: relative;top: 15px;width: 200px;}
div.picker__holder{width:19rem;}
.entry-content tr td, body.et-pb-preview #main-content .container tr td { padding: 6px 9px !important;}

/* menu tabs */
.menu-tabs ul.et_pb_tabs_controls { background-color: rgba(0, 0, 0, 0); margin:-30px 0 0;}
.menu-tabs .et_pb_tabs {  border: medium none;}
.menu-tabs ul.et_pb_tabs_controls:after{display:none;}
.menu-tabs .et_pb_tabs_controls li {border-right:none;}
.menu-tabs .et_pb_tabs_controls li a {color: #000000;display: inline-block;font-size: 18px;margin: 0 10px 10px;padding: 0 10px 10px;border-bottom: 3px solid #fff; font-family:'Josefin Sans', sans-serif; font-weight:700;}
.menu-tabs .et_pb_tabs_controls li.et_pb_tab_active a {border-color:#f35a00;}
.menu-tabs .et_pb_tab_active a {  color: #000000 !important;}
.r-table-right div.ot-dtp-picker.wide .ot-dtp-picker-form{display:block !important;}
.r-table-right .ot-dtp-picker-selector-link{font-size: 14px;}
.r-table-right .ot-dtp-picker .ot-date-picker .ot-dtp-picker-selector-link::before, 
.r-table-right .ot-dtp-picker-selector-link::after{font-size:1rem;}
/* private */
.private-right{  border-top: 10px solid #f35a00; border-bottom: 10px solid #f35a00;}
.r-table-right{border-bottom:none;}
/*.gift-right{border-top:none;}*/
.private-right h4 {display: inline-block;font-size: 20px;margin: 25px 0 20px;padding: 5px 25px;font-variant: small-caps;
background:url(images/title-left.png), url(images/title-right.png);
background-repeat:no-repeat, no-repeat; background-position:left center, right center;}
.contact-right hr{  border: 2px solid #ffffff;  color: #ffffff;  margin: 20px 0;}
.private-right a , .contact-right a {text-decoration: underline;}


.et-social-icons li{vertical-align: top;}
/*.et_overlay:before{color:#fff !important; content: "+" !important;}*/

.et-social-yelp{}

.et_overlay{opacity: 0.8 !important;}
.et_overlay:before{font-size: 90px !important;}

/*contact*/
.et_pb_contact p input, 
.et_pb_contact p textarea {background-color: #ffffff;border: 4px solid #f35a00;border-radius: 0;color: #30373f;font-size: 16px;padding: 10px;width: 100%; resize:none;}
.et_pb_contact p.et_pb_contact_field_0, .et_pb_contact p.et_pb_contact_field_1 {max-width: 100%;}
.et_pb_contact p .et_contact_error {border: 3px solid #ff0000 !important;}
.et_contact_bottom_container{text-align:center; width:100%;}
.et_pb_contact_right {display: block;margin: 20px auto;text-align: center;width: auto;}
.et-pb-contact-message {  color: #ff0000;}

/* gallery */
.et_pb_gallery_items {display: block;margin: 30px auto 0;max-width: 760px;text-align: center;}
.et_pb_module .et_pb_gallery_items .et_pb_grid_item {margin: 15px 0;opacity: 1;padding: 0 15px;width: 33%;}

/* footer */
#main-footer {background-color: #ffffff;text-align: center; margin:50px 0 0;}
#footer-bottom{background-color: rgba(0, 0, 0, 0);}
#footer-info {color: #000000;float: none;padding-bottom: 10px;text-align: center;}
.et-social-icons {display: inline-block;float: none;margin: 0 0 20px;text-align: center;width: 100%;}


/* */
div.mfp-title {  display: none;}
div.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{opacity:1;}

.menu-table {border: 5px solid #f35a00;color: #191919;display: inline-block;margin: 30px 5%;padding: 35px;position: relative;width:90%; font-family:'Josefin Sans', sans-serif;}
.menu-table::before {border: 2px solid #f35a00;bottom: 4px;content: "";left: 4px;position: absolute;right: 4px;top: 4px;z-index:1;}
.menu-table h3 {color: #191919;font-size: 30px;font-weight: 600; margin:0 0 30px;}
.today-menu {float: left;padding: 0 20px 0 0;width:70%;}
.right-mbox {border: 2px dashed #f35a00;float: left;padding: 30px 10px;text-align: center;width:29%; float:right;}
.right-mbox em {font-size: 26px;font-style: normal;}
.right-mbox p{font-size:20px; line-height:1.6 !important; padding:0px;font-variant: small-caps;text-transform: capitalize;}
.today-menu h4 {font-size: 25px;margin: 10px 0 3px;text-align: left;}
.today-menu ul {display: inline-block;list-style-type: none;margin: 0;padding: 0 0 0 30px;width: 100%;}
.today-menu ul li {display: inline-block;margin:0px;width: 100%; text-align:left;}
.today-menu ul li h6 {font-size: 16px;font-variant: small-caps;line-height: 1.5 !important;padding: 0;text-transform: capitalize; padding:0 0 3px; text-align:left; font-weight:600; position:relative;}
.today-menu ul li h6 span {float: right;font-size: 18px;font-weight: 600;}
.today-menu ul li h6 p{display:inline-block; width: auto; font-weight:300;}
.today-menu ul li p{font-size: 16px;font-variant: normal;font-weight: 300;text-transform: none; margin:0 0 10px;
font-weight:300;text-align:left; letter-spacing: 1px; line-height:1.2 !important;}
.addition-menu {padding: 0;width: 100%;}
.today-menu ul li h6 span {float: right;font-size: 18px;font-weight: 600;}

.menulist-wrapper {display: inline-block;text-align: left;width: 100%; font-family:'Josefin Sans', sans-serif; margin:30px 0 0;}
.menu-list h3 {border: 4px solid #f35a00;font-size: 25px;margin: 0 0 20px;padding: 10px;}
.menu-list ul {display: inline-block;list-style-type: none;width: 100%; padding:20px 5%;}
.menu-list ul li {display: inline-block;margin: 0 0 8px;width: 100%; }
.menu-list ul li h6 {font-size: 16px;font-variant: small-caps;line-height: 1.5 !important;padding: 0;text-transform: capitalize; padding:0 0 3px; text-align:left; font-weight:600; position:relative;font-family:'Josefin Sans', sans-serif;
}
.menu-list ul li h6 i{display:inline-block; width: auto;font-size: 15px;font-variant: normal;font-weight: 300;text-transform: none; margin:0 0 10px;font-weight:300;text-align:left; letter-spacing: 1px; font-style:italic; margin:0 5px;}
.menu-list ul li h6 span {float: right;font-size: 18px;}

.menu-footer {display: inline-block;font-size: 14px;margin: 30px 0;text-align: center;width: 100%;}
.menu-footer p {line-height: 1.6 !important;}

.two-price .m-price {margin: 0 0 0 5%;}
.menu-list table tr td .m-price em,  .menu-list ul li h6 span em {font-size: 15px;font-style: normal;font-weight: 300;margin: 0 2px; font-variant:normal;}

.two-list.first {width: 45%;}
.two-list.last {float: right;width: 45%;}
.two-price.sparkling .m-price {margin: 0 0 0 60px;min-width: 70px;text-align: center;}
.menu-list table tr td{text-align:right;}
.menu-list table tr td, .menu-list table {border:none;}
.menu-list table tr td .m-price{font-size:18px; font-weight:600;}
.menu-list table tr td:nth-child(3){min-width:110px;}
#reserve-a-table{position:relative; z-index:99;}


@media screen and (min-width:1070px){
	.et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1), .et_pb_column_3_4 .et_pb_grid_item:nth-child(3n+1), .et_pb_column_2_3 .et_pb_grid_item:nth-child(2n+1), .et_pb_column_1_2 .et_pb_grid_item:nth-child(2n+1), .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n+1), .et_pb_column_3_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(3n+1), .et_pb_column_2_3 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1), .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1) {
  clear: none;
}
}
@media screen and (max-width:1199px){
	#logo{max-width:180px;}
	ul#top-menu li a {  font-size: 14px;}
}
@media screen and (max-width:1070px){
	.et_header_style_centered #main-header .mobile_nav {background-color: rgba(0, 0, 0, 0);border-radius: 0;display: inline-block;padding:0;text-align: left;}
	.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page{display:none;}
	.et_header_style_centered .et_mobile_menu {  top:20px;}
	.mobile_menu_bar::before{position:absolute; top:-13px; left:auto; right:-20px;}
	.et_header_style_centered #main-header .mobile_nav{display:block;}
	.et_header_style_centered #et_mobile_nav_menu{margin:0px;}
	.et_header_style_centered #logo {  max-height: 50px;}
	
	.title h2{font-size:50px;margin: 10px 0 20px;}
	div.et_pb_text_0 {    padding-bottom: 0 !important;}
	.home-welcome h2 + p { margin-top: 10px;}
	.menu-tabs ul.et_pb_tabs_controls {  margin: 20px 0 0;}
	.et_pb_tabs_controls li {  display: inline-block; border:none !important;}
	.et_pb_module .et_pb_gallery_items .et_pb_grid_item { margin: 15px 0 !important;width:50% !important;}		
	#gallery {  padding: 30px 0;}
	
	a.ot-dtp-picker-selector-link{padding:25px 6px 15px; font-size:12px;} 	
	a.ot-dtp-picker-selector-link:before{position:absolute; left:50%; top:5px; margin:0 0 0 -10px;}
	div.picker__holder {  width: 16rem;}
	.entry-content tr th, .entry-content thead th, body.et-pb-preview #main-content .container tr th, body.et-pb-preview #main-content .container thead th{padding:9px 8px;}
	.et_pb_row{max-width:90%;}
	
	.et_pb_column .et_pb_grid_item:nth-child(3n+1), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(3n+1), .et_pb_column .woocommerce ul.products li.product:nth-child(3n+1), .woocommerce-page ul.products li.product:nth-child(3n+1), .et_gallery_item:nth-child(3n+1) {
  clear: none;}
  
  
  /****************/
  #menu .menu-tabs {width: 95% !important;}
  .menu-table h3{font-size: 20px;margin: 10px 0 20px;}
  .right-mbox {display: block;float: none;margin: 0 auto 20px;max-width: 230px;padding: 10px;text-align: center;width: 100%;}
  .today-menu {padding: 0;width: 100%;}
  .today-menu h4 {font-size: 20px;margin: 15px 0;text-align: center;}
  .today-menu ul{padding:0px;}
  .today-menu ul li h6, .today-menu ul li p {font-size: 14px;}
  
  #main-header{padding:5px 0;}
  .et_header_style_left #logo, .et_header_style_split #logo {max-height: 100px;max-width: 150px;}
	
	
	
}

@media screen and (max-width:767px){
	.title h2{font-size:40px;}
	.home-menu > div, .home-about > .et_pb_row > div{display:inline-block; width:100% !important;}	
	.private-right {border:none;}
	.title h2::before {height: 3px;margin: 0 0 0 -38px;width: 75px;}
	div.et_pb_section_3.et_pb_section{padding-top:0px;}
	.menu-tabs .et_pb_tabs_controls li a{margin: 0 0 10px;}
	.et_pb_module .et_pb_gallery_items .et_pb_grid_item{padding:0 5px; margin:5px 0px !important}
	div.et_pb_section_9.et_pb_section{padding:0px;}
	#main-footer{margin:10px 0 0;}
	#footer-info {font-size: 14px;}
	.et_pb_row, .et_pb_column .et_pb_row_inner {  padding: 0;}
	.et_pb_section {padding: 30px 0;}
	.et_pb_fullwidth_section{padding:0px;}
	.title h2{margin:10px 0; padding:0 0 15px !important;}
	.et_pb_tab {padding: 0;}
	.et_pb_text_8.et_pb_section .et_pb_column .et_pb_module {  margin-bottom: 0;}
	div.ot-dtp-picker{padding:0px ;}
	.et_pb_contact p.et_pb_contact_field_0, .et_pb_contact p.et_pb_contact_field_1 {max-width: 100%;}
	
	.home-menu .title{background:#f35a00;}
	.home-menu .title h2 {color:#ffffff;}	 
	.home-menu .title h2:before{background: #ffffff;}
	
	div.et_pb_column_12 {  background-color: #ffffff;}
	.contact-right p span{color:#000 !important}
	.contact-right p a{color:#f35a00 !important}
	.et_header_style_left .logo_container{text-align:center;}
	#menu .et_pb_column_4 {background-color: #ffffff;}
	#menu .et_pb_column_4 p span{color:#363636 !important;}
	
}

/* menu css */
@media screen and (min-width:768px){
.et_pb_tab_2 .menu-table, .et_pb_tab_1 .menu-table {display: none;}
}
@media screen and (max-width:767px){
	.today-menu h4{font-weight:600; font-size:22px;}
	.today-menu ul li h6, .today-menu ul li p {	font-size: 13px;}
	.menu-table{padding:35px 15px;}
	.menu-table h3 { font-size: 26px;}
	.menu-list h3{border-left:none; border-right:none; margin:0 0 5px;}
	.today-menu ul li h6 span, .menu-list ul li h6 span {display: inline-block;float: none;font-size: 18px;margin: 0 0 0 10px;padding: 0 0 0 10px;position: relative;}
	.menu-list ul li{margin:0px;}
	.today-menu ul li h6 span:before, .menu-list ul li h6 .m-price::before {background: #363636;content: "";height: 2px;left: 0;position: absolute;top: 14px;width: 5px;}
	.menu-list ul li h6 i{display:block; margin-bottom:5px; line-height:1.2; font-size:15px;}
	.menu-list ul li.pasta h6 i{display:inline-block;}
	.menu-list ul{margin-bottom:30px;}
	
	.two-list.first, .two-list.last {display: inline-block;float: none;width: 100%;}	
	.menu-list .two-list.first{margin-bottom:0px; padding-bottom:0px;}
	.menu-list .two-list.last{margin-top:0px; padding-top:0px;}
	.menu-list table tr td{float:left; position:relative; text-align:left;}
	.menu-list table tr td h6 i{display:inline-block;}
	.menu-list table tr td .m-price{font-size:15px;}
	.menu-list table tr td {border-right: 2px solid #363636;float: left;line-height:1;padding-bottom: 0 !important;padding-top: 0 !important;position: relative;}
	.menu-list table tr:first-child{display:none;}
	.menu-list table tr td:first-child {margin: 20px 0 0;padding-left: 0 !important;width: 100%;}
	.menu-list table tr td:first-child, .menu-list table tr td:last-child{border:none;}
	.menu-list table tr td:nth-child(2):before{content: "Glass -";left: 5px;position: absolute; top: 0; font-size: 15px; line-height:15px;}
	.menu-list table tr td:nth-child(2){padding-left: 60px !important;} 
	.menu-list table tr td:nth-child(3):before{content: "Half caraf -";left: 5px;position: absolute; top: 0; font-size: 15px; line-height:15px;} 
	.menu-list table tr td:nth-child(3){padding-left:80px !important;}
	.menu-list table tr td:last-child:before{content: "Bottle -";left: 5px;position: absolute; top: 0; font-size: 15px; line-height:15px;} 
	.menu-list table tr td:last-child{padding-left: 60px !important;}
	
	
	.menu-list table tr td:nth-child(2)::before, .menu-list table tr td:nth-child(3)::before,.menu-list table tr td:nth-child(4)::before{right:0px; text-align:center; top:5px;}
	.menu-list table tr td:nth-child(2), .menu-list table tr td:nth-child(3), .menu-list table tr td:nth-child(4) {
background: #d5d5d5;border: 1px solid #ffffff;color: #000000;display: none;float: left;margin: 0 0 0 -1px;padding: 30px 5px 5px !important;text-align: center;width: 32%;}
	.menu-list table.two-cl tr td:nth-child(2), .menu-list table.two-cl tr td:nth-child(3){width:50%;}
	.menu-list table tr td .m-price {font-size: 18px;}
	.menu-list ul li table h6{position:relative; cursor:pointer; padding:0 20px 5px 0px;}
	.menu-list ul li table h6::before {content: "+";font-size: 30px;height: 30px;line-height: 1;position: absolute;right: -20px;top: 0;width: 30px;}
	.menu-list ul li table td.open h6::before {content: "-";font-size: 40px;line-height: 0.8;top: -4px;}
	.menu-list table tr td .m-price em{font-size:13px}
	
	
}


.ot-reservation-widget .ot-title {
    padding-top: 11px !important;
    padding-bottom: 7px !important;
}