/*
Theme Name: Intersecciones
Author: Melissa Chavez
Description: A modern block-based WordPress theme built with full site editing.
Version: 1.0.9
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: intersecciones
Tags: block-theme, full-site-editing, blog, minimal
*/
.wp-block-button__link {
    cursor: pointer;
}
.icon-sol {
    position: absolute;
    top: 0;
    left: 0;
}

.list-obras .wp-block-cover:hover .wp-block-cover__inner-container {
    display: block !important;
}
.list-obras .wp-block-cover:hover .wp-block-cover__background {
    opacity: 0.7 !important;
}
h1 a, h2 a, h3 a, .taxonomy-category a {
    text-decoration: none !important;
}
p a:where(:not(.wp-element-button)) {
    color: inherit;
}
.custom-read-more::after {
    font-family: "Font Awesome 7 Free"; 
    font-weight: 900; 
    content: "\f061"; 
    margin-left: 10px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}
.wp-block-navigation__responsive-container {
    padding: 32px !important;
}
.wp-element-caption {
    text-align: right !important;
}

/* Tablet Styles */
@media screen and (min-width: 768px) and (max-width: 1280px) {
    .wp-block-site-title, .wp-block-post-title {
        font-size: 48px !important;
    }
   .item-artista {
        flex-basis: calc(50% - 12px) !important;
    }
    h3.wp-block-post-title {
        font-size: 20px !important;
    }
}

/* Mobile Styles */
@media screen and (max-width: 767px) {
    .mobile-hide {
        display: none !important;
    }
    header.wp-block-group {
        padding: 16px 14px !important;
    }
    .wp-block-site-title, .wp-block-post-title  {
        font-size: 32px !important;
    }
    h3.wp-block-post-title {
        font-size: 20px !important;
    }
    header .wp-block-site-title {
        font-size: 24px !important;
    }
    .item-artista {
        flex-basis: 100% !important;
    }
    .obras-icon {
        position: absolute;
        right: 47px;
        width: 180px;
    }
    .icon-home {
        margin-top: 0 !important;
    }
}