/*
Theme Name: Kalium - Restaurant Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
/* ===========================================================
Custom modification only for RESTAURANT Demo - START
=========================================================== */

/* General: Line Height */
body, p {
	line-height: 1.7;
}

/* General: Title Divider */
.title-divider {
	width: 80px;
	height: 18px;
	margin: 50px 0px;
	text-align: center;
}

/* General: Title Divider Center */
.title-divider.centered  {
	width: 80px;
	height: 18px;
	margin-left:  auto;
	margin-right:  auto;
}

/* General: Remove Slider Border */
.rev_slider audio,
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
	border: none;
}

/* General: Titles */
.section-title.restaurant-menu,
.section-title.guestbook {
	text-align: center;
}

/* General: Titles */
.section-title {
	padding-top: 20px;
}

/* General: Sub Title Color */
.section-title p {
	color: #777;
}

/* Restaurant: Padding top and bottom */
.restaurant {
	padding: 50px 0;
}

/* Menu: Title */
.restaurant-menu h4 {
	letter-spacing: 3px;
	margin-bottom: 20px;
}

/* Menu: Meal Tabs Align Center */
.restaurant-menu ul {
	text-align: center;
}

/* Menu: Meal Tabs Hide Underline */
.restaurant-menu li a:after {
	display: none !important;
}

/* Menu: Meal Tabs */
.restaurant-menu li {
	border-bottom: 1px solid #EEE !important;
	padding: 10px !important;
	margin:0px !important;
}

/* Menu: Meal Tabs Active */
.restaurant-menu ul li.vc_active {
	border-bottom-color: #222 !important;
}

/* Menu: Meal Tabs Active Color */
.restaurant-menu ul li.vc_active a{
	color: #222 !important;
}

/* Menu: Tabs Remove Transition */
.wpb-js-composer .vc_tta.restaurant-menu .vc_tta-panel-body {
	transition: none !important;
	transform: none !important;
}

/* Menu: Food Name */
.food-list h3 {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}

/* Menu: Food Price */
.food-list del {
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
	color: #000;
}

/* Menu: Ingredients */
.food-list p {
	padding-right: 40px;
	color: #888;
}

/* Menu: Reserve a Table Button */
.vc_btn3:after {
	background-color: transparent !important;
}

/* Menu: Spacing */
.menu-catalog {
	padding: 25px 25px 0 25px;
}

/* Menu: Purchase button */
@media screen and (min-width: 768px) {
	/* Purchase Theme Button */
	.special-menu-button a {
		-webkit-box-shadow: 0 10px 30px 3px rgba(0,0,0,0.08);
		box-shadow: 0 10px 30px 3px rgba(0,0,0,0.08);
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		padding: 4px 15px;
		background: #d09e5b;
		color: #fff !important;
		margin-left: -15px;
	}

	.special-menu-button a:after {
		background-color: transparent !important;
	}
}

/* Blog Post: Adding margin between paragraphs and customising the line height */
.single-post .post .post-content p {
	margin: 15px auto;
	line-height: 24px;
}

/* Blog Post: use "rounded-single-blog-image" to make a rounded image inside blog */
.rounded-single-blog-image {
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
}

/* Blog: Blog Post Hide Excerpt */
.blog-post-excerpt {
	display: none;
}

/* Blog: Blog Post */
.cuisine-blog .lab-blog-posts .blog-post-entry {
	background: #fff;
	border: none;
}

/* Blog: Blog Post Image */
.cuisine-blog .lab-blog-posts .blog-post-entry .blog-post-image{
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
}

/* Blog: Show More Button Color */
.cuisine-blog .show-more .reveal-button {
	border-color: #eee;
	background-color: #fff;
	border-width: 1px;
}

/* Blog: Show More Button Margin */
.cuisine-blog .show-more {
	margin-top: 0px;
}

/* Blog: Comment Area */
.labeled-textarea-row textarea {
	background-image: linear-gradient(#EEE 1px, transparent 1px);
}

/* Sidebar: Search area */
.widget.widget_search .search-bar input[name="s"] {
	border: 1px solid #eee;
}

/* Chef: Title  */
.our-chef .section-title h2 {
	color: #FFF;
	margin: 0px;
}

/* Chef: Sub-title */
.our-chef .section-title p {
	color: #999;
	letter-spacing: 4px;
	position: absolute;
	top: -35px;
}

/* Chef: Signature */
.signature {
	width: 150px;
	opacity: 0.5;
}

/* Chef: Title Divider */
.our-chef .title-divider {
	margin: 40px 0;
}

/* Guestbook: Awards Row */
.awards {
	width: 50%;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Guestbook: Awards Image Size */
.awards img {
	width: 58px;
	height: auto;
}

/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget {
	padding: 0px;
	border: none;
}

/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsROW a:after {
	background-color: transparent !important;
}

/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsROW.wide {
	margin: 0 auto;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 50px;
	padding: 5px 20px;
	height: auto;
}

/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsROW.wide .logo {
	border: none;
}

/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsLocName {
	max-width: 145px !important;
}

/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsRating {
	padding-left: 12px !important;
}

/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsROW.wide {
	width: 468px !important;
}

/* Guestbook: Tripadvisor re-styling */
.widget-area--skin-bordered.tripadvisor-rating .widget .cdsROW.cx_brand_refresh.wide .logo {
	background: transparent;
}

/* Guestbook: Tripadvisor re-styling */
@media screen and (max-width: 768px) {
	.TA_cdsratingsonlywide {
		display: none;
	}
}

/* Reserve: Open Table Widget */
.open-table-widget {
	padding: 0px !important;
	border: none !important;
}

/* Reserve: Open Table Widget Label */
.open-table-widget label {
	display: block;
}

/* Reserve: Open Table Widget Input Spacing */
.open-table-widget input {
	margin-bottom: 20px;
}

/* Reserve: Open Table Widget Remove Copyright */
.open-table-widget .powered-by-open-table {
	display: none;
}

/* Reserve: Open Table Widget Reservation Date Input */
.open-table-widget .otw-reservation-date {
	width: 100%;
	padding-left: 20px;
	background: transparent !important;
}

.otw-date-li.otw-input-wrap input {
	padding-left: 20px !important;
}

/* Reserve: Open Table Widget Reservation Submit Button */
.open-table-widget .otw-submit {
	border: none;
	background: #d09e5b;
	padding: 10px 15px;
	margin-top:20px;
	color: #FFF;
}

/* Reserve: Open Table Widget Fields */
.open-table-widget .selectric,
.open-table-widget .otw-widget-form-wrap input[type="text"] {
	background: none !important;
	padding: 10px;
	height: auto !important;
	border-color: #EEE;
}

/* Reserve: Open Table Widget Field Labels */
.open-table-widget div.otw-wrapper div.selectric p {
	height: auto !important;
	line-height: normal !important;
}

/* Reserve: Open Table Widget Button */
.open-table-widget .selectric .button {
	background: transparent;
	height: auto !important;
	padding: 21px;
}

/* Reserve: Open Table Widget Button Active */
.open-table-widget .selectric .button:active {
	box-shadow: none;
}

/* Reserve: Open Table Widget Dropdown */
.open-table-widget .selectric-items {
	background: #FFF !important;
}

/* Reserve: Open Table Widget Dropdown Items */
.selectric-items li:hover,
.selectric-items li.selected {
	background: #FAFAFA !important;
}

/* Reserve: Open Table Widget Datepicker */
.open-table-widget-datepicker {
	box-shadow: none !important;
	border-color: #222 !important;
	padding: 10px !important;
}

/* Reserve: Open Table Widget Datepicker */
.open-table-widget-datepicker.datepicker-top-left:before,
.open-table-widget-datepicker.datepicker-top-right:before {
	border-bottom-color: #222 !important;
}

/* Blog: Title Alignment */
.cuisine-title {
	text-align: center;
}

/* Gallery: Blur Settings */
.vc_grid-item-mini.vc_is-hover .vc_gitem-animate-blurOut .vc_gitem-zone-a,
.vc_grid-item-mini.vc_is-hover .vc_gitem-animate-blurScaleOut .vc_gitem-zone-a {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: blur(1px);
}

/* Gallery: Scale Settings */
.vc_gitem-animate-blurScaleOut .vc_gitem-zone-a {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

/* Footer: Widget Text Align */
.footer--widgets .widget {
	text-align: left;
}

/* Footer: Background Decoration Image */
footer.site-footer {
	background: #222 url(https://www.damordicchio.it/wp-content/uploads/2024/04/i-tortelli-da-mordicchio.png) no-repeat 100% 100% !important;
	background-size: 600px auto !important;
}

/* Footer: Social Networks Icons */
.site-footer .social-networks.rounded li a {
	width: 35px;
	height: 35px;
	background: transparent;
	margin-right: 0px !important;
}

/* Footer: Social Networks Icon Color */
.site-footer .social-networks.rounded li a i {
	color: #FFF !important;
}

/* Footer: Paragraph Color */
.site-footer .footer-widgets .widget .textwidget, .site-footer .footer-widgets .widget p {
	color: #888 !important;
}

/* Footer: Widgets Margin */
.site-footer .footer-widgets {
	margin-top: 80px;
	margin-bottom: 70px;
}

/* Footer: Hides the horizontal separator line on the footer */
.site-footer.site-footer-inverted hr {
	display: none;
}

/* Footer: Working Hours */
.working-hours li span {
	color: #FFF;
	float: right;
	line-height: 1.7;
}

/* Footer: Working Hours Right Alignment */
.widget.widget_custom_html:nth-child(3) {
	width: 25% !important;
	float: right !important;
}

@media (min-width: 768px) {
	.widget-area.widgets--columned-layout.widgets--columns-3>.widget {
		float: left;
		width: 33.33333%;
	}
}

/* Footer Bottom Link Colour */
.site-footer .footer-bottom a {
	color: #fff;
}

.site-footer .footer-bottom a:hover {
	color: #fff;
}

.site-footer .footer-bottom a:hover:after {
	height: 1px !important;
	width: 100% !important;
	background: #DD1F26;
	content: "";
	display: block;
}

/* MD: Tablets */
@media (min-width: 992px) {
	/* Homepage: Intro Image */
	.homepage-image-intro {
		margin-bottom: 0px;
	}
}

/* XS: Mobile devices */
@media screen and (max-width: 480px){
	.widget.widget_custom_html:nth-child(3) {
		width: 100% !important;
		float: left !important;
	}

	.site-footer .footer-widgets {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.show-more {
		margin: 0px;
		width: 100%;
		padding: 0px;
	}

	.show-more .reveal-button {
		width: 100%;
	}

	.wpb_wrapper .lab-blog-posts .blog-post-column {
		margin-bottom: 20px;
	}

	.awards {
		width: 100%;
	}

	.logos-holder.awards .client-logos-col {
		width: 20% !important;
	}

	.title-divider {
		margin: 25px 0;
	}

	.menu-catalog {
		padding: 0px;
	}

	.restaurant {
		padding: 0px;
	}

	.reserve {
		margin: 0px;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.menu-row .vc_tta-panel-body {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.food-list p {
		padding-right: 0px;
	}
}
/* ===========================================================
Custom modification only for RESTAURANT Demo - END
=========================================================== */

/* ===========================================================
User CSS modifications
=========================================================== */
.example {
	color: red;
}