/*
 Theme Name:   Gujju Rasoi
 Theme URI:    https://gujjurasoi.com
 Description:  Custom child theme for Gujju Rasoi
 Author:       Gujju Rasoi
 Author URI:   https://gujjurasoi.com
 Template:     generatepress
 Version:      0.1
*/

/* Hide the comments area */
.comments-area {
    display: none; /* Hide comments section */
}

/* Make the element sticky with an offset from the top */
.my-sticky-element {
    position: sticky;
    position: -webkit-sticky; /* Safari support */
    top: 20px; /* Offset from the top of the container */
}

/* Position the mobile action bar at the bottom */
.mobile-action-bar {
    position: fixed; /* Fix the bar at the bottom */
    width: 100%; /* Full width */
    bottom: 0; /* Align to the bottom of the screen */
}

/* Add border-right to all items except the last in mobile action bar */
.mobile-action-bar > *:not(:last-child) {
    border-right: 1px solid lightgray; /* Add separator */
}

/* Add padding to the right of menu links */
.main-navigation .main-nav ul li a {
    padding-right: 4px; /* Space between text and right edge */
}

/* Social Share Plugin - Begins */

/* Container for social share buttons */
.social-share-buttons {
    margin: 20px auto; /* Center and add margin */
    text-align: center; /* Center-align content */
    display: flex; /* Flexbox layout */
    flex-wrap: wrap; /* Allow wrapping */
}

/* Style for individual social share buttons */
.social-share-buttons a {
    color: #fff; /* Set text color to white */
}

/* Style for individual social share button */
.social-share-buttons .social-share-button {
    flex: 1; /* Distribute space evenly */
    padding-top: 10px; /* Add padding at the top */
    padding-bottom: 8px; /* Add padding at the bottom */
}

/* Facebook button style */
.social-share-buttons .social-share-button.facebook {
    background-color: #3b5998; /* Facebook background color */
    fill: #ffffff; /* White fill */
    border-top-left-radius: 0px; /* Remove top-left border radius */
    border-bottom-left-radius: 0px; /* Remove bottom-left border radius */
}

/* Facebook hover effect */
.social-share-buttons .social-share-button.facebook:hover {
    background-color: #627aad; /* Change color on hover */
}

/* Twitter button style */
.social-share-buttons .social-share-button.twitter {
    background-color: #000000; /* Twitter background color */
    fill: #ffffff; /* White fill */
}

/* Twitter hover effect */
.social-share-buttons .social-share-button.twitter:hover {
    background-color: #222222; /* Change color on hover */
}

/* Pinterest button style */
.social-share-buttons .social-share-button.pinterest {
    background-color: #c8232c; /* Pinterest background color */
    fill: #ffffff; /* White fill */
}

/* Pinterest hover effect */
.social-share-buttons .social-share-button.pinterest:hover {
    background-color: #ca3949; /* Change color on hover */
}

/* LinkedIn button style */
.social-share-buttons .social-share-button.linkedin {
    background-color: #0072b1; /* LinkedIn background color */
    fill: #ffffff; /* White fill */
}

/* LinkedIn hover effect */
.social-share-buttons .social-share-button.linkedin:hover {
    background-color: #627aad; /* Change color on hover */
}

/* WhatsApp button style */
.social-share-buttons .social-share-button.whatsapp {
    background-color: #25D366; /* WhatsApp background color */
    fill: #ffffff; /* White fill */
}

/* WhatsApp hover effect */
.social-share-buttons .social-share-button.whatsapp:hover {
    background-color: #51dc85; /* Change color on hover */
}

/* Reddit button style */
.social-share-buttons .social-share-button.reddit {
    background-color: #ff4500; /* Reddit background color */
    fill: #ffffff; /* White fill */
    border-top-right-radius: 5px; /* Border radius for top-right corner */
    border-bottom-right-radius: 5px; /* Border radius for bottom-right corner */
}

/* Reddit hover effect */
.social-share-buttons .social-share-button.reddit:hover {
    background-color: #ff7933; /* Change color on hover */
}

/* Sticky container */
.sticky-container {
    position: sticky;
    position: -webkit-sticky; /* Safari support */
    top: 50px; /* Offset from top of container */
}

/* Default Styles for Desktop */
.breadcrumb {
    font-size: 14px;
    color: #333;
    padding: 10px 0;
    margin-bottom: 0px;
    margin-top: 20px;
}

/* Mobile Styles for tablets and smaller screens (max-width: 768px) */
@media (max-width: 768px) {
    .breadcrumb {
        font-size: 14px; /* Adjust font size for mobile/tablet */
        padding: 8px 0;  /* Adjust padding for mobile/tablet */
        margin-bottom: 15px; /* Adjust bottom margin */
        margin-top: 15px;    /* Adjust top margin */
		margin-left: 10px;
		margin-right: 10px;
    }
}

/* Very Small Devices (portrait phones, max-width: 480px) */
@media (max-width: 480px) {
    .breadcrumb {
        font-size: 14px; /* Smaller font size for small devices */
        padding: 6px 0;  /* Adjust padding for small devices */
        margin-bottom: 10px; /* Adjust bottom margin */
        margin-top: 10px;    /* Adjust top margin */
		margin-left: 10px;
		margin-right: 10px;
    }
}


.breadcrumb a {
    color: #dc1c3c;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: none;
}


.breadcrumb-current {
    font-weight: normal;
}


.breadcrumb-category {
    color: #dc1c3c;
}