/*
Theme Name: Tenuta Dei Baldi
Theme URI: https://tenutadeibaldi.it/
Author: Fabio De Rosa
Author URI: https://gas.it/
Description: not available
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;
	text-transform: uppercase;
}

/* 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: #000 url(https://tenutadeibaldi.it/wp-content/uploads/2024/06/profilo-castelli_white.png) no-repeat 118% 140% !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,
.site-footer .footer-widgets .widget ul li {
    color: #c6c6c6 !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;
	}
	
	.flex-box-service h3 { color: #fff; font-size: 14px!important; }
	#our-chef .hero-contact .box-emotional-contact { margin-top: -40px; }
}

@media (max-width: 992px) {
	#our-chef .hero-contact .box-emotional-contact { margin-top: 0px; }
	.flex-box-service h3 { color: #fff; font-size: 14px!important; }
}

/* 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;
    }
	
	.flex-box-service h3 { color: #fff; font-size: 12px!important; }
	#our-chef .hero-contact .box-emotional-contact { margin-top: 0px; }
}
/* ===========================================================
Custom modification only for RESTAURANT Demo - END
=========================================================== */

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

p strong { font-weight: normal; }

.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img 
{ border-radius: 20px; }

body.home header.site-header.main-header .header-block { background-color: inherit; }
body.home header.site-header.main-header .header-block.site-header--sticky-active-style 
{ background-color: rgba(255,255,255,0.85); }

header.site-header.main-header .header-block .standard-menu-container.menu-skin-light ul.menu > li > a 
{ color: #333; }
body.home header.site-header.main-header .header-block .standard-menu-container.menu-skin-light ul.menu > li > a 
{ color: #fff; }

.txt-purple h3 { color: #2a2a76!important; }

#our-chef p { color: #fff; }
#our-chef .section-title.chef-title p { background-color: rgba(42, 42, 118, 0.65); padding-left: 10px; padding-right: 10px; }
.section-title.text-white p { color: #fff; }

#our-chef .hero-contact p { font-size: 16px; }
#our-chef .hero-contact .box-emotional-contact .txt p { letter-spacing: 4px; text-transform:uppercase; font-size: 16px; }
#our-chef .hero-contact .box-emotional-contact .txt h2 { margin-top: 30px; font-size: 34px; color: #fff; }
#our-chef .hero-contact .box-emotional-contact .vc_cta3-actions a { background-color: rgb(42, 42, 118); color: #fff; font-weight: bold; }

.flex-box-service { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; }
.flex-box-service, .flex-box-service > *, .flex-box-service h3 { margin-bottom:0px!important; }
.flex-box-service .vc_icon_element-icon::before { font-size: 0.8em!important; }
.flex-box-service h3 { color: #fff; font-size: 18px!important; }

#contact-form-contact .wpcf7-form label,
#contact-form-contact .wpcf7-form textarea { color: #fff; }
#contact-form-contact .wpcf7-form label, 
#contact-form-contact .wpcf7-form input.wpcf7-text, 
#contact-form-contact .wpcf7-form textarea { width: 100%; }
#contact-form-contact .wpcf7-form .wpcf7-submit { border: 2px solid #2a2a76; color: #2a2a76; padding: 17px 24px; border-radius: 2em; }
#contact-form-contact .wpcf7 form.failed .wpcf7-response-output, 
#contact-form-contact .wpcf7 form.aborted .wpcf7-response-output, 
#contact-form-contact .wpcf7 form.sent .wpcf7-response-output { color: #fff; }

.herobanner-about p:first-child { font-size: 19px; }
.herobanner-about p:last-child { font-size: 21px; }