/*
 Theme Name:   Mel's Easy Recipes v1
 Theme URI:    https://recypi.shop
 Description:  Mel's Easy Recipes v1 Theme is a Child Theme Built on GeneratePress.
 Author:       Dipak Singh
 Author URI:   https://gravatar.com/heisdipu
 Template:     generatepress
 Version:      0.1
*/


/* Sticky nav shadow and border */
.sticky-enabled .main-navigation.is_stuck {
    border-bottom: 0px solid #d7182a;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
}

/* Hide secondary nav for mobile */
@media (max-width: 768px) {
nav.secondary-navigation {
    display:none;
}
}

/* Secondary sub menu styling */
.secondary-menu .sub-menu {
	border-radius: 0px;
	box-shadow: 0 20px 40px rgba(0,0,0,.1);
}

.secondary-menu .sub-menu > li > a {
    margin-left: 15px;
    margin-right: 15px;
}

.secondary-menu ul.sub-menu {
    width: fit-content;
}

.secondary-menu .sub-menu > li:not(:last-child) > a {
    border-bottom: 1px solid #000000;
}

/* Primary sub menu styling */
.main-navigation .sub-menu {
	border-radius: 0px;
	box-shadow: 0 20px 40px rgba(0,0,0,.1);
}

.main-navigation .sub-menu > li > a {
    margin-left: 15px;
    margin-right: 15px;
}

.main-navigation .sub-menu > li:not(:last-child) > a {
    border-bottom: 1px solid #000000;
}

/* Search form border */
.search-modal-form {
    border-radius: 6px;
}

/* No underline link */
.no-underline a {
    text-decoration: none;
}

/* Add bottam margin to images removed in WP 6.1 */
.wp-block-image {
    margin-bottom: 30px;
}

/* Mobile menu toggle styling */
#mobile-menu-control-wrapper .menu-toggle {
	background-color: #b4e34d;
	color: #ffffff;
	line-height: 1.4;
	padding: 10px;
	border-radius: 4px
}

/* Author avatar radius */
.author .avatar {
    border-radius: 100px;
}

/* Hide author avatar */
.author .avatar {
    display: none;
}

/* Hide comment form URL */
.comment-form #url{
	display:none;
}

/* Menu Hover Animation for desktop */
@media (min-width: 768px) {
.main-navigation .menu > .menu-item > a::after {
    content: "";
    position: absolute;
    right: 0;
    left: 50%;
    top: 15px;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    display: block;
    width: 0;
    height: 3px;
    background-color: #b4e34d;
    transition: 0.3s width ease;
}
    
.main-navigation .menu > .menu-item.current-menu-item > a::after,
.main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
.main-navigation .menu > .menu-item > a:hover::after {
    width: 30%;
}
}

/* Slideout menu background image */
#generate-slideout-menu {
    background-image: url(https://recypi.shop/wp-content/uploads/2025/07/pattern-leaf.png);
    background-size: cover;
    background-repeat: no-repeat;
}

/* Last sidebar widget sticky for desktop */
@media(min-width: 768px) {
.inside-right-sidebar,
.inside-left-sidebar {
    height: 90%;
}

.inside-right-sidebar .widget:last-child,
.inside-left-sidebar .widget:last-child {
    position: -webkit-sticky;
    position: sticky;
    top: 100px; /*Adjust position */
}
}

/* Tags styling */
footer.entry-meta .tags-links a[rel="tag"] {
    background-color: rgba(242, 242, 242, 1);
    padding: 2px 8px;
    border-radius: 100px;
    color: rgba(117, 117, 117, 1);
    text-decoration: none;
}

/* Blockquote styling */
blockquote {
    background-color: #f5f6f7;
    border-radius: 12px;
    border-left: 5px solid #d7182a;
}

blockquote::before {
    content: "“";
    position: absolute;
    color: rgba(228,236,247,1);
    font-size: 150px;
    z-index: 1;
    font-family: 'Arial';
    line-height: 1;
}

blockquote p {
    position: relative;
    z-index: 2;
}

/* Change the background color of the table rows */
table tbody tr:nth-child(even) {
    background-color: #f5f6f7;
}

/* Change the background color of the table rows when hovering */
table tbody tr:hover {
    background-color: #eeeeee;
}

/* Change the border color of the table rows */
.wp-block-table td, .wp-block-table th {
    border: 1px solid #eaebee;
}

.wp-block-table thead {
    border-bottom: 4px solid #ffd10f;
}

/* Slide right button */
.slide-right-button {
    cursor: pointer;
    display: inline-block;
    box-shadow: inset 0 0 0 0 #ffffff;
    transition: all 0.3s ease-in-out;
    transform: skew(-10deg);
}

.slide-right-button:hover {
    box-shadow: inset 400px 0 0 0 #ffffff;
}

/* Shared count fancy share button styling */
.shared-counts-wrap.style-fancy .shared-counts-button {
    border-radius: 2px;
    cursor: pointer;
    float: left;
    height: 32px;
    margin: 0 1.5% 0 0;
    overflow: hidden;
    text-align: center;
    width: 30.5%;
    transition: all .2s linear;
}

/* Shared counts Reddit share */
.shared-counts-wrap.style-fancy .reddit.shared-counts-button {
    background-color: #ff4500;
}

.shared-counts-wrap.style-fancy .reddit.shared-counts-button:hover {
    background-color: #d93900;
}

/* Shared counts WhatsApp share */
.shared-counts-wrap.style-fancy .whatsapp.shared-counts-button {
    background-color: #25d366;
}

.shared-counts-wrap.style-fancy .whatsapp.shared-counts-button:hover {
    background-color: #2ab55e;
}

/* Load more button position */
.masonry-load-more {
    text-align: center;
}

/* Whole block container clickable */
.gb-container.linked-container .gb-inside-container {
    position: relative;
}

.gb-container.linked-container a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

/* Query loop style */
.query-loop {
    transition: all .3s ease-in-out;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
}

.query-loop:hover {
    transform: translatey(-10px);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
}

/* Query loop style 2 */
.query-loop-2 {
    transition: all .3s ease-in-out;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
}

.query-loop-2:hover {
    transform: rotate(-3deg);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
}