/*
Theme Name: SKT Restara
Theme URI: https://www.sktthemes.org/shop/free-cafe-restaurant-wordpress-theme/
Author: SKT Themes
Author URI: https://wordpress.org/themes/author/sonalsinha21/
Description: SKT Restara theme can be used to create food and restaurant websites. Use cases: Eating house, lunch, dinner, chef, recipe, fish, turkey, chicken, street food, multicuisine, continental dining, diner, bistro, take away, pizza, cafe, coffee and tea shop, pastry, pub, seafood, table order booking, eateries, cafeteria, burger, fast food blogger, hotels, bakery, cup cakes, appetizer, soups, healthy eating lifestyle. Call to action, easy to use using page builder, SEO friendly, WooCommerce and contact form compatible. Editable, flexible and scalable. Demo : https://sktperfectdemo.com/demos/restara/
Template: skt-pizzeria
Version: 2.1
Tested up to: 6.9
Requires PHP: 5.6
License: GNU General Public License
License URI: https://www.gnu.org/licenses/license-list.html#GPLv2
Text Domain: skt-restara
Tags: two-columns,right-sidebar,full-width-template,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,featured-images,footer-widgets,translation-ready,rtl-language-support,custom-logo,editor-style,custom-header,blog,e-commerce,portfolio

SKT Restara is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).

SKT Restara WordPress Theme has been created by SKT Themes(sktthemes.org), 2023.
SKT Restara WordPress Theme is released under the terms of GNU GPL
*/

body {
    font-family: 'Poppins';
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins';
}

a:hover {
    color: #fd7500;
}

#navigation {
    float: none;
    text-align: center;
}

.heder-rightside {
    float: none;
}

.logo {
    min-height: 60px;
    padding: 25px 65px 18px 0;
    max-width: 270px;
}

.logo:before {
    content: '';
    width: 375px;
    height: 314px;
    position: absolute;
    top: -180px;
    left: -110px;
    background: #fd7500;
    border-radius: 100%;
    z-index: -1;
}

.logo h2 {
    color: #FFF;
    font-weight: 600;
    font-size: 37px;
}

.logo p {
    font-size: 16px;
    color: #FFF;
    padding: 0 0 0 2px;
}

.site-description,
a.site-description {
    margin: 3px 0 0 0;
}

.header {
    background-color: #191919;
}

.header .container {
    width: 99%;
    padding: 0 20px;
}

.heder-rightside {
    float: right;
}

.header-extras {
    float: left;
}

.header-extras .header-search-form {
    bottom: -50px;
}

.header-cart {
    padding: 20px 0 0 10px;
}

.header-search-toggle {
    cursor: pointer;
    background: #2e2e30;
    width: 54px;
    height: 54px;
    line-height: 54px;
    border-radius: 100%;
    color: #ffffff;
    text-align: center;
    margin: 5px 0 0 0;
}

.menuareatop {
    float: left;
    text-align: center;
    width: 70%;
}

.main-navigation ul {
    font-family: 'Poppins';
    font-weight: 600;
    text-transform: none;
}

.main-navigation ul li a {
    line-height: 90px;
    font-weight: 600;
}

.main-navigation ul li ul li a {
    color: #fd7500;
}

.main-navigation ul li:hover a,
.main-navigation ul li a:focus,
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_item a {
    color: #fd7500;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus {
    background-color: #fd7500;
}

.inner-banner-thumb {
    background-color: #191919;
}

.transbanner.inner-banner-thumb h1 {
    text-align: center;
    padding: 0;
    font-size: 46px;
    font-weight: 700;
    top: 45%;
    left: 0;
    right: 0;
}

.inner-banner-thumb h1 {
    position: absolute;
    text-align: center;
    padding: 0;
    font-size: 46px;
    font-weight: 700;
    top: 37%;
    left: 0;
    right: 0;
}

#sidebar .wp-block-search__label {
    font-family: 'Poppins';
}

.main-navigation ul {
    font-family: 'Poppins';
}

#sidebar ul li a:hover,
.blog_lists h4 a:hover,
.recent-post h6 a:hover,
.recent-post a:hover,
.design-by a,
.postmeta a:hover,
.tagcloud a,
.blocksbox:hover h3,
.rdmore a,
.main-navigation ul li:hover a,
.main-navigation ul li a:focus,
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_item a,
.copyright-txt a:hover,
#footermenu li.current-menu-item a,
#footermenu li.current_page_item a,
.header-phone-number,
#sidebar li a:hover,
.main-navigation ul li ul li a {
    color: #fd7500;
}

.postmeta a {
    color: #292929;
}

body.wp-custom-logo .logo {
    padding: 20px 50px 0 0;
}

.copyright-wrapper {
    background-color: #1d1c21;
    color: #FFF;
}

.copyright-txt {
    padding: 40px 0;
    color: #FFF;
    text-align: left;
    font-family: 'Poppins';
    font-size: 17px;
    font-weight: 400;
}

.cart-customlocation {
    display: block;
    position: relative;
    background: #fd7500;
    width: 54px;
    height: 54px;
    line-height: 54px;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    top: 0px;
}

.cart-customlocation img {
    width: 45%;
    position: relative;
    top: -3px;
}

.custom-cart-count {
    font-size: 14px;
    color: #150909;
    background-color: #ffffff !important;
    height: 32px;
    width: 32px;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
}

.cols-3 {
    width: 24.99%;
    margin: 0 0 0.5% 0;
    padding: 0 15px;
    float: left;
}

.widget-column-4 {
    margin-right: 0 !important;
}

#footer {
    background-image: none;
    background-color: #1d1c21;
}

.footer-row .widget_nav_menu ul {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}

.footer-row .widget_nav_menu ul li {
    display: block;
    text-align: left;
}

.footer-row ul li a::before {
    content: '';
    padding-right: 0px;
}

.footer-row .cols-3 ul li a {
    color: #ffffff;
}

.footer-row .widget_nav_menu ul {
    border-radius: 0px;
    font-family: 'Poppins';
    font-size: 17px;
    font-weight: normal;
}

.cols-3 ul li {
    line-height: 30px;
}

.footer-row .cols-3 ul li a:hover,
.footer-row .cols-3 ul li.current_page_item a,
.footer-row .cols-3 ul li.current-menu-item a {
    color: #fd7500;
}

#footer:after {
    display: none;
}

.footerarea {
    padding: 70px 0 0 0;
}

.copyright-txt {
    border-top: 1px solid #30353d;
}

.copyright-txt a {
    color: #fd7500;
}

#sidebar aside.widget {
    border: none;
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
}
#main-set {
    display: none;
}
.bg-effect {
    background-image: linear-gradient(to right top, #bb8e53, #946346, #653f37, #352223, #000000);
}
.box-shadow {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
}
.video-box-shadow video {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5);
    border-radius: 15px 15px 15px 15px;
    overflow: hidden;
    height: 500px !important;
}
.img-slider img {
    object-fit: cover;
    min-height: 335px;
}
.black-bg {
    background: linear-gradient(135deg, #000000 0%, #434343 100%);
}
strong {
    font-weight: 600;
}

.pureblack-bg {
    background: linear-gradient(135deg, #0b0b0c 0%, #1c1c1f 100%);
}
.widget_nav_menu i {
    background: #bb8e53;
    color: #000;
    padding: 15px;
    font-size: 24px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    float: left;
    margin-right: 8px;
    align-content: center;
    justify-content: center;
}
#footer .footer-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
}
.widget_nav_menu li a {
    display: flex !important;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
}
.wp-social-link a {
    background: #bb8e53;
    padding: 9px !important;
    border-radius: 50%;
}
.fs-btn-primary {
    border: none;
}
body.woocommerce .wfsmodal-header {
    display: flex !important;
}
.micromodal-slide .wfsmodal-container, .micromodal-slide .wfsmodal-dialog {
    will-change: unset;
}
.wfs-modal-count input {
    border: none;
}
.wfsmodal-container .product-thumbnail-wrapper {
	display:none;
}
.woocommerce input, .woocommerce textarea {
    font-family: "Poppins", Sans-serif;
    padding-left: 12px !important;
}
input::placeholder, textarea::placeholder {
  font-family: "Poppins", Sans-serif;
	font-size: 15px !important;
}
.woocommerce-checkout  #customer_details {
    display: flex;
    flex-direction: column;
}
.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 {
    width: 100% !important;
}
.woocommerce-checkout  input, .woocommerce-checkout select{
    padding: 10px !important;
    font-size: 15px !important;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 50%;
    overflow: visible;
}
.woocommerce-checkout form h3 {
    color: #bb8e53;
    font-weight: bold;
    font-size: 26px;
    margin-top: 15px;
}

/* =====================================================
   WooCommerce Menu Section — style.css
   ===================================================== */

/* Outer wrapper — dark background with gold border */
.wc-menu-section {
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 40px;
    margin-top: 12px;
    background-image: linear-gradient(to right top, #bb8e53, #946346, #653f37, #352223, #000000);
    border-radius: 15px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075), 0 2px 2px rgba(0,0,0,0.075), 0 4px 4px rgba(0,0,0,0.075), 0 8px 8px rgba(0,0,0,0.075);
}

/* Gold border box */
.wc-menu-inner {
    border: 1.5px solid #b8922a;
    padding: 40px 48px;
    display: flex;
    flex-direction: row;
    gap: 0;
	border-radius: 8px;
}

/* One-column variant */
.wc-menu-one-col .wc-menu-inner {
    flex-direction: column;
    gap: 0;
}

/* Each column takes exactly 50% width */
.wc-menu-column {
    flex: 0 0 50%;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-sizing: border-box;
}

.wc-menu-column:first-child {
    padding-right: 40px;
}

.wc-menu-column:nth-child(even) {
    padding-left: 40px;
    border-left: 1px solid #2a2010;
}
/* Single menu row */
.wc-menu-item {
    display: flex;
    align-items: baseline;
    gap: 0;
    padding: 14px 0;
    line-height: 1.2;
}

/* Product name */
.wc-menu-name {
    font-size: 17px;
    font-weight: 600;
    color: #FAFAFA;
    letter-spacing: 0.02em;
    white-space: normal;
    word-break: break-word;
    flex-shrink: 1;
    min-width: 0;
	text-transform: capitalize;
}

/* Dotted line fill — grows to fill available space */
.wc-menu-dots {
    flex: 1;
    border-bottom: 2px dotted #fafafaa3;
    margin: 0 10px 3px 10px;
    min-width: 20px;
}

/* Price */
.wc-menu-price {
    font-size: 17px;
    font-weight: 600;
    color: #c9a84c;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Remove WooCommerce default price styling */
.wc-menu-price .woocommerce-Price-amount,
.wc-menu-price .woocommerce-Price-currencySymbol {
    font-size: 20px;
    font-weight: inherit;
    color: #FAFAFA;
	font-family: "Amita", Sans-serif;
}

/* Error message */
.wc-menu-error {
    color: #c9a84c;
    text-align: center;
    padding: 20px;
}

.sa-wp-form input, .sa-wp-form textarea{
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #f47c2130 !important;
    box-shadow: none !important;
    width: 100% !important;
    padding: 1.4em 0.9em !important;
    background: #fafafa;
    font-size: 15px;
    line-height: 22px;
    display: block;
}
.sa-wp-form select  {
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #f47c2130 !important;
    width: 100% !important;
    padding: 0.8em 0.9em !important;
    background: #fafafa;
    font-size: 15px;
    font-family: "Poppins", Sans-serif;
    color: #6a6a6a;
}
.sa-wp-form p {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sa-wp-form .wpcf7-not-valid-tip {
    font-size: 14px;
    width: 100%;
}
.sa-wp-form input[type="date"] {
    padding: 0.8em 0.9em !important;
    color: #6a6a6a;
    text-transform: uppercase;
}
label.two-col {
    display: flex;
    justify-content: space-between;
}
label.two-col span {
    width: 49%;
}
.sa-wp-form input[type="submit"] {
background-color: #BB8E53;
    font-family: "Poppins", Sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    padding: 14px 28px 14px 28px;
}
.ue-simple-popup-trigger { display: none !important; }

/* 1. Define the rotation sequence */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* 2. Apply it to your image class */
.rotating-image img {
  animation: spin 25s linear infinite; /* Adjust '5s' for speed */
}
#wfs_checkout_fields .wfs_co_service_type .input-radio:checked + label:before {
    content: 'You have selected: ';
    position: relative;
    top: 0;
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: 10px;
}
.wfs-proceed-to-checkout {
	cursor: pointer;
}


/*mobile*/
@media (max-width: 767px) {
	.black-bg img {
		border-radius: 50%;
		width: 206px;
	}
	#footer .footer-row {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: auto;
	}
	.wc-menu-section {
        padding: 12px;
        overflow-x: hidden;
    }

    .wc-menu-inner {
        flex-direction: column;
        gap: 0;
        padding: 24px 20px;
        overflow-x: hidden;
    }

    .wc-menu-column {
        flex: 0 0 100%;
        width: 100%;
        padding-right: 0 !important;
        padding-left: 0 !important;
        border-left: none !important;
    }

    .wc-menu-item {
        flex-wrap: wrap;
        align-items: center;
    }

    .wc-menu-name {
        white-space: normal;
        word-break: break-word;
        flex-shrink: 1;
        min-width: 0;
        max-width: 65%;
    }

    .wc-menu-name,
    .wc-menu-price {
        font-size: 14px;
    }

    .wc-menu-dots {
        min-width: 10px;
    }
	.page-id-1399 .banner-container h1 {
    font-size: 30px;
}
}