/*
Theme Name: CV Resume Portfolio Child
Theme URI: https://www.omegathemes.com/products/cv-resume-portfolio
Template: cv-resume-portfolio
Author: Omega Themes
Author URI: https://www.omegathemes.com/
Description: CV Resume Portfolio is a clean, modern, and professional free WordPress theme designed for individuals who want to create a powerful personal presence online. Whether you are a job seeker, designer, developer, freelancer, consultant, or creative professional, this theme provides the perfect layout to showcase your skills, experience, and achievements. Its lightweight structure ensures fast loading, smooth navigation, and an intuitive user experience, making your portfolio look impressive across all devices. With easy customization, you can quickly tailor colors, typography, and content to match your personal branding and style. The theme is built for users who want a simple yet professionally designed online resume without the need for coding skills. It includes dedicated sections for About Me, Education, Experience, Skills, Portfolio, and Contact Information helping you highlight everything employers and clients want to see. Its SEO-friendly structure improves your visibility in search results, while its responsive design ensures your online resume looks great on desktops, tablets, and smartphones. CV template, resume template, portfolio template, professional resume, creative CV, modern portfolio, online portfolio The CV Resume Portfolio theme is ideal for anyone looking to stand out in a competitive job market or build a credible online identity. It supports drag-and-drop editing, clean formatting, and compatibility with popular plugins, ensuring flexibility and ease of use. With its elegant layout and professional approach, this free theme transforms your profile into a visually appealing and engaging digital resume that leaves a lasting impression on recruiters and potential clients.
Tags: blog,e-commerce,portfolio,one-column,two-columns,right-sidebar,left-sidebar,grid-layout,wide-blocks,custom-background,custom-logo,custom-menu,custom-colors,custom-header,featured-images,flexible-header,post-formats,rtl-language-support,translation-ready,theme-options,threaded-comments,footer-widgets
Version: 1.0.3.1768310779
Updated: 2026-01-13 13:26:19

*/
.entry-title-large {
  font-size: 5.2rem !important;
}
.theme-header-areas.header-areas-left.aa {
  padding: 0px 0px !important;
}
 .mobile-block{
  display:none;
  }
.content-area {
  width: 100% !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.site-logo .custom-logo-link img {
  width: 74px !important;
  object-fit: object-fit;
}


/* Modern Restaurant Page Styles */

/* Main Content Area */
#site-content {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    color: #e8e8e8 !important;
    padding: 60px 0;
    margin-bottom: 60px;
}

#site-footer{
  background: #0F131F !important;
}
.footer-copyright {
  color: #fff !important;
}
.footer-copyright a {
  color: #fff !important;
  text-decoration: none !important;
}
.site-info {
  font-size: 1.8rem !important;
  font-weight: 400 !important;
}
.to-the-top {
  color: #fff !important;
}
.site-info {
  padding: 3rem 0 !important;
}
/* Fix left padding for entry content */
.entry-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: #e8e8e8 !important;
}

/* Page Header */
.entry-header-1 {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.entry-title-large {
    color: #ffffff !important;
    margin-bottom: 20px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
}

/* Intro Section with Image */
.entry-content > p:first-of-type {
    color: #b8b8b8 !important;
    line-height: 1.8;
    max-width: 100%;
    position: relative;
    padding: 40px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    margin: 6px 0;
    display: flex;
    align-items: center;
    gap: 40px;
}

.entry-content > p:first-of-type::before {
    content: "";
    flex-shrink: 0;
    width: 200px;
    height: 200px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect fill="%23e74c3c" width="200" height="200" rx="12"/><text x="100" y="100" font-size="80" text-anchor="middle" dominant-baseline="middle" fill="white">🍽️</text></svg>') center/cover;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(231, 76, 60, 0.3);
}

/* Regular paragraphs */
.entry-content > p {
    color: #b8b8b8 !important;
    line-height: 1.8;
}

/* Section Headings */
.entry-content h2 {
    color: #ffffff !important;
    margin: 60px 0 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid #e74c3c;
    position: relative;
}

.entry-content h2::before {
    content: "🍽️";
    margin-right: 12px;
}

/* Comparison Table Styles */
.mtr-table {
    width: 100%;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 0 !important;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    margin: 40px 0;
    backdrop-filter: blur(10px);
}

.mtr-table thead {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
    border-radius: 0 !important;
}

.mtr-table thead tr {
    border-radius: 0 !important;
}

.mtr-th-tag {
    padding: 20px 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.mtr-th-tag:first-child {
    border-radius: 0 !important;
}

.mtr-th-tag:last-child {
    border-radius: 0 !important;
}

.mtr-td-tag {
    padding: 18px 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #d0d0d0 !important;
    transition: background 0.3s ease;
    background: transparent !important;
}

.mtr-td-tag .mtr-cell-content {
    color: #d0d0d0 !important;
}

.mtr-table tbody tr {
    transition: all 0.3s ease;
    background: transparent !important;
}

.mtr-table tbody tr:hover {
    background: rgba(231, 76, 60, 0.1) !important;
}

.mtr-td-tag strong {
    color: #e74c3c !important;
    font-weight: 700;
}

/* Restaurant Overview Blocks */
.restaurant-overview {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
    border-radius: 16px;
    padding: 40px;
    margin: 50px 0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.restaurant-overview::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #e74c3c 0%, #c0392b 100%);
}

.restaurant-overview h2 {
    color: #ffffff !important;
    margin-top: 0;
    margin-bottom: 20px;
    border: none !important;
    padding: 0;
}

.restaurant-overview h2::before {
    content: "📍";
    margin-right: 10px;
}

.restaurant-overview p {
    color: #c8c8c8 !important;
    line-height: 1.8;
    margin-bottom: 12px;
}

.restaurant-overview p strong {
    color: #e74c3c !important;
    font-weight: 600;
    display: inline-block;
    min-width: 120px;
}

/* Restaurant Images */
.restaurant-overview .wp-block-image {
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.restaurant-overview .wp-block-image:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 32px rgba(231, 76, 60, 0.4);
}

.restaurant-overview .wp-block-image img {
    max-height: 345px !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    border-radius: 12px;
    transition: all 0.4s ease;
}

.restaurant-overview img:hover {
    filter: brightness(1.1);
}

/* Address and Hours Styling */
.restaurant-overview .address strong::before {
    content: "📍 ";
}

.restaurant-overview .clock strong::before {
    content: "🕒 ";
}

/* Final Section */
.entry-content > h2:last-of-type {
    margin-top: 80px;
    border-color: #3498db !important;
}

.entry-content > h2:last-of-type::before {
    content: "✨";
}

.entry-content > p:last-of-type {
    background: rgba(52, 152, 219, 0.1) !important;
    padding: 30px;
    border-radius: 6px;
    border-left: 4px solid #3498db;
    color: #d0d0d0 !important;
}

/* Column Layout Adjustments */
.restaurant-overview.wp-block-columns {
    display: flex;
    gap: 30px;
    align-items: flex-start !important;
}

.restaurant-overview .wp-block-column {
    flex: 1;
}

/* Hover Effects for Links */
.entry-content a {
    color: #e74c3c !important;
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.entry-content a:hover {
    color: #ffffff !important;
    border-bottom-color: #e74c3c;
}

/* Price Range Styling */
.mtr-td-tag:last-child .mtr-cell-content {
    font-weight: 600;
    color: #2ecc71 !important;
}

/* Type Column Styling */
.mtr-td-tag:nth-child(4) .mtr-cell-content {
    font-style: italic;
    color: #f39c12 !important;
}

/* Article wrapper */
.article-wraper {
    color: #e8e8e8 !important;
}

.post-content {
    color: #e8e8e8 !important;
}

/* ============================================
   RESPONSIVE DESIGN - Mobile & Tablet
   ============================================ */

/* Tablet - 768px to 1024px */
@media (max-width: 1024px) {
    .entry-title-large {
        font-size: 2.5rem;
    }
    
    .restaurant-overview {
        padding: 30px;
    }
    
    .restaurant-overview .wp-block-image img {
        max-height: 350px !important;
    }
}

/* Mobile - Up to 768px */
@media (max-width: 768px) {
    .entry-header-1 .entry-title {
    font-size: 3.3rem !important;
  }
  .entry-title-large {
  margin-bottom: 5px !important;
}
    .header-right-box {
    padding: 2px 9px !important;
    margin: 0px 0px !important;
  }
    #site-content {
        padding: 40px 0;
        margin-bottom: 40px;
    }
    
    .entry-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .entry-header-1 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 30px;
    }
    
    .entry-title-large {
        font-size: 2rem;
    }
    
    .entry-content > p:first-of-type {
        flex-direction: column;
        padding: 25px;
        gap: 20px;
        margin: 30px 0;
    }
    
    .entry-content > p:first-of-type::before {
        width: 150px;
        height: 150px;
    }
    
    .entry-content h2 {
        font-size: 2.2rem;
        margin: 20px 0 20px;
    }
    
    .mtr-th-tag,
    .mtr-td-tag {
        padding: 12px 8px !important;
        font-size: 1.4rem;
    }
    
    .mtr-th-tag {
        letter-spacing: 0.5px;
    }
    
    .restaurant-overview {
        padding: 20px;
        margin: 30px 0;
        font-size: 1.7rem !important;
        line-height: 1.85;
    }
    
    .restaurant-overview h2 {
        font-size: 2.2rem;
    }
    
    .restaurant-overview p {
        font-size: inherit !important;
        line-height: inherit !important;
    }
    
    .restaurant-overview p strong {
        min-width: 80px;
        display: block;
        margin-bottom: 6px;
        font-size: inherit !important;
    }
    
    .restaurant-overview.wp-block-columns {
        flex-direction: column;
        gap: 20px;
    }
    
    .restaurant-overview .wp-block-image img {
        max-height: 300px !important;
    }
    
    .restaurant-overview .wp-block-image:hover {
        transform: scale(1.02);
    }
    
    .entry-content > p:last-of-type {
        padding: 20px;
        font-size: 1.6rem;
    }
    
    .entry-content > h2:last-of-type {
        margin-top: 50px;
    }
}
@media (max-width: 590px) {
  .buttler{
   display:none;
  }
  .mobile-block{
  display:block;
  }
  .desctop-block{
  display:none;
  }
  .footer-credits {
  justify-content: center !important;
}
}  
/* Small Mobile - Up to 480px */
@media (max-width: 480px) {
    #site-content {
        padding: 30px 0;
    }
    
    .entry-title-large {
        font-size: 1.6rem;
        line-height: 1.3;
    }
    
    .entry-content > p:first-of-type {
        padding: 20px;
    }
    
    .entry-content > p:first-of-type::before {
        width: 120px;
        height: 120px;
    }
    
    .entry-content h2 {
        font-size: 2rem;
    }
    
    .entry-content h2::before {
        font-size: 1.4rem;
    }
    
    .mtr-th-tag,
    .mtr-td-tag {
        padding: 10px 6px !important;
        font-size: 1.2rem;
    }
    
    .restaurant-overview {
        padding: 15px;
        margin: 20px 0;
        font-size: 1.6rem !important;
        line-height: 1.85;
    }
    
    .restaurant-overview h2 {
        font-size: 2rem;
    }
    
    .restaurant-overview p {
        font-size: inherit !important;
        line-height: inherit !important;
    }
    
    .restaurant-overview p strong {
        font-size: inherit !important;
        margin-bottom: 6px;
    }
    
    .restaurant-overview::before {
        width: 3px;
    }
    
    .restaurant-overview .wp-block-image img {
        max-height: 250px !important;
    }
    
    .entry-content > p:last-of-type {
        padding: 15px;
        font-size: 1.6rem;
    }
}

/* Landscape orientation adjustments */
@media (max-width: 768px) and (orientation: landscape) {
    .entry-content > p:first-of-type {
        flex-direction: row;
        gap: 20px;
    }
    
    .entry-content > p:first-of-type::before {
        width: 120px;
        height: 120px;
    }
}


@media (max-width: 650px) {
  body .entry-content figure.wp-block-table > table.mtr-table tbody tr:nth-child(odd),
  body .entry-content figure.wp-block-table > table.mtr-table tbody tr:nth-child(even) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  body .entry-content figure.wp-block-table > table.mtr-table tbody tr:nth-child(odd) > td.mtr-td-tag,
  body .entry-content figure.wp-block-table > table.mtr-table tbody tr:nth-child(even) > td.mtr-td-tag,
  body .entry-content figure.wp-block-table > table.mtr-table thead tr > th.mtr-th-tag {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }
}

@media (max-width: 575px) {
  .entry-header-1 .entry-title {
    font-size: 2.7rem !important;
  }
}