/*****
Theme Name: Magazine Food For Your Good Theme
Theme URI: https://www.foodforyourgood.com
Description: (C) FFYG, 2012-2025
Author: MH Themes
Author URI: https://www.mhthemes.com/
Template: mh-magazine
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/* Style for the rotating post widget */
.rotating-post {
    margin-bottom: 20px;          /* Space between posts */
    padding: 10px;                /* Inner padding */
    border: 1px solid #ddd;       /* Full subtle border */
    border-radius: 8px;           /* Beautiful rounded borders */
}

/* Alternating backgrounds to mimic checkerboard style */
.rotating-post:nth-child(odd) {
    background-color: #f9f9f9;
}

.rotating-post:nth-child(even) {
    background-color: #e9e9e9;
}

/* Post title */
.rotating-post-title {
    font-size: 18px;              /* Larger title size */
    margin-bottom: 10px;
}

.rotating-post-title a {
    color: #333;                /* Dark gray title text */
    text-decoration: none;
}

.rotating-post-title a:hover {
    color: #0073aa;             /* Blue on hover */
    text-decoration: underline;
}

/* Post image - center images like in the checkerboard widget */
.rotating-post-image {
    text-align: center;
}

.rotating-post-image img {
    display: block;
    margin: 0 auto;
    max-width: none;            /* Keep high quality */
    border-radius: 8px;         /* Rounded image corners */
    margin-bottom: 10px;
}

/* Post excerpt with added text padding */
.rotating-post-excerpt {
    font-size: 14px;            /* Smaller text for the excerpt */
    color: #666;                /* Grayish text */
    line-height: 1.6;           /* Comfortable line spacing */
    margin-bottom: 10px;
    padding: 10px;              /* Extra padding for readability */
}

/* "Read more" link */
.rotating-post-excerpt a {
    font-size: 14px;
    color: #0073aa;            /* WordPress blue for links */
    text-decoration: none;
}

.rotating-post-excerpt a:hover {
    text-decoration: underline;
}



/* Checkerboard widget */

/* Base grid styles */
.checkerboard-grid {
  display: grid;
  grid-gap: 20px;
}

/* Center thumbnails within their container */
.checkerboard-thumbnail {
  text-align: center;
}
.checkerboard-thumbnail img {
  display: inline-block;
  margin: 0 auto;
  max-width: none; /* Display medium thumbnail at full quality */
}

/* Aesthetic enhancements for each cell */
.checkerboard-item {
  padding: 10px;
  border-radius: 8px; /* Rounded corners for a softer look */
}

/* Extra padding for the text container */
.checkerboard-excerpt {
  padding: 10px;
}

/* Responsive Layout */

/* Small screens: 1 column – simply alternate per item */
@media (max-width: 767px) {
  .checkerboard-grid {
    grid-template-columns: 1fr;
  }
  .checkerboard-grid .checkerboard-item:nth-child(odd) {
    background-color: #f9f9f9;
  }
  .checkerboard-grid .checkerboard-item:nth-child(even) {
    background-color: #e9e9e9;
  }
}

/* Medium screens: 2 columns – pattern repeats every 4 items
   Row 1: items 1-2 → A, B
   Row 2: items 3-4 → B, A */
@media (min-width: 768px) and (max-width: 1023px) {
  .checkerboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .checkerboard-grid .checkerboard-item:nth-child(4n+1),
  .checkerboard-grid .checkerboard-item:nth-child(4n) {
    background-color: #f9f9f9;
  }
  .checkerboard-grid .checkerboard-item:nth-child(4n+2),
  .checkerboard-grid .checkerboard-item:nth-child(4n+3) {
    background-color: #e9e9e9;
  }
}

/* Large screens: 3 columns – pattern repeats every 6 items
   Row 1 (items 1-3): A, B, A
   Row 2 (items 4-6): B, A, B, then repeat */
@media (min-width: 1024px) {
  .checkerboard-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .checkerboard-grid .checkerboard-item:nth-child(6n+1),
  .checkerboard-grid .checkerboard-item:nth-child(6n+3),
  .checkerboard-grid .checkerboard-item:nth-child(6n+5) {
    background-color: #f9f9f9;
  }
  .checkerboard-grid .checkerboard-item:nth-child(6n+2),
  .checkerboard-grid .checkerboard-item:nth-child(6n+4),
  .checkerboard-grid .checkerboard-item:nth-child(6n+6) {
    background-color: #e9e9e9;
  }
}


/* Before login form */
/* Make all paragraphs distinct with spacing */
.mh-comments-wrap p {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.5;
}

/* Style the custom comment text */
.custom-comment-text {
    color: #333;
    font-weight: bold;
    background-color: #f5f5f5;
    border-left: 5px solid #0073aa;
    padding: 15px;
    border-radius: 5px;
}

/* Style the must-log-in paragraph */
.must-log-in {
    color: #444;
    background-color: #fafafa;
    border-left: 5px solid #ff9800;
    padding: 15px;
    border-radius: 5px;
}

/* Make login link a button */
.must-log-in a {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    background-color: #0073aa;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.must-log-in a:hover {
    background-color:  #005f7f;
	color: yellow !important;
}

/* Consistent text size for comment form */
.mh-comments-wrap small.attachmentRules {
    font-size: smaller !important;
}

/* Style the Akismet privacy notice */
.akismet_comment_form_privacy_notice {
    font-style: italic;
    color: #666;
    padding: 10px;
    background-color: #eef2f3;
    border-radius: 5px;
}

/* motto near search on top */
.mh-header-motto2 {
    color: white;
    margin: 5px 10px;
}

@media screen and (max-width: 767px) {
  .mh-header-bar-bottom-left {
        display: block !important;
        text-align: center;
    }
}