/*
Theme Name: 2025 Penelope
Theme URI: 
Author: marc@codev.uk
Author URI: 
Description: Custom CSS for Penelope's website
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: 2025-penelope
Tags: 
*/

@media (max-width: 768px) {
  .hide-on-mobile { display: none; }
}
.show-on-mobile { display: none; }
@media (max-width: 768px) {
  .show-on-mobile { display: block; }
}

:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption) {
    font-size: var(--wp--preset--font-size--medium);
}


a {
    color: #610013;
    text-decoration: none;
    padding-bottom: 2px;
    background: linear-gradient(0deg, #610013, #610013) no-repeat right bottom/0 2px;
    transition: background-size 350ms;
}
main a {
    font-weight: 600;
}
a:hover, a:focus-visible {
    text-decoration: none;
    background-size: 100% 2px;
    background-position-x: left;
}
footer figure a:hover, footer figure a:focus-visible {
    background-size: 0;
}

.row-for-footer {
    gap: 400px;
}
@media (max-width: 1024px) {
    .row-for-footer { gap: 20px; margin-bottom: 70px !important; }
}