/*
Theme Name: Classic Explorer
Theme URI: https://www.nariworks.com/classic-explorer
Author: Michael
Author URI: https://www.nariworks.com
Description: A custom WordPress theme inspired by classic designs.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: classic-explorer
*/

/* Set the background color and layout for the body */
body {
    background-color: #e5ac3b; /* Classic golden background */
    max-width: 1024px; /* Restrict the content width */
    margin: 0 auto; /* Center the content horizontally */
    font-family: "Cal Sans", sans-serif; /* Use the Cal Sans font */
    font-weight: 600; /* Set the font weight to normal */
    font-style: normal; /* Set the font style to normal */
    color: #000; /* Default text color */
}

/* Styles for anchor tags */
a {
    color: #333; /* Set link color */
    text-decoration: none; /* Remove underline */
}

a:hover {
    text-decoration: none; /* Ensure no underline on hover */
}

/* Styles for buttons */
button {
    display: inline-block;
    font-weight: 600; /* Set font weight */
    color: #333; /* Button text color */
    text-align: center; /* Center-align text */
    vertical-align: middle; /* Align vertically */
    user-select: none; /* Disable text selection */
    background-color: #d28c1a; /* Button background color */
    border: 1px solid #d28c1a; /* Button border color */
    padding: 0.375rem 0.75rem; /* Inner spacing */
    font-size: 1rem; /* Font size */
    line-height: 1.5; /* Line height */
    border-radius: 0.25rem; /* Rounded corners */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; /* Smooth transitions */
}

button:hover {
    color: #333; /* Text color on hover */
    background-color: #e5ac3b; /* Darker shade for hover */
    border-color: #e5ac3b; /* Border color on hover */
}

button:focus {
    outline: 0; /* Remove outline */
    box-shadow: 0 0 0 0.2rem rgba(229, 172, 59, 0.5); /* Add focus shadow */
}

button:disabled {
    opacity: 0.65; /* Reduce opacity */
    cursor: not-allowed; /* Show not-allowed cursor */
}

@media (max-width: 500px) {
  .posts-grid > .post-item > .post-link > .post-content > h4 {
    display: none;
  }
  .posts-grid > .post-item > .post-link > .post-content > h3 {
    font-size: 16px;
  }
}