/*
Theme Name: Lourdes Ramos Rivas
Theme URI: https://lourdesramosrivas.com
Author: Rendija Fija 360
Description: Custom theme for Dr. Lourdes Ramos Rivas, President and CEO of the Museum of Latin American Art.
Version: 1.0.12
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: lrr
*/
body{margin:0;background:#F2F1F3;font-family:'Jost',sans-serif;color:#262B37}
a{color:inherit;text-decoration:none}
.nav a{padding-bottom:4px;border-bottom:1px solid transparent}
.nav a:hover{border-bottom-color:#CF8D7E}
.card img{transition:transform .6s ease}
.card:hover img{transform:scale(1.05)}
.btn:hover{opacity:.9}
.tile{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#262B37}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tile:hover img{transform:scale(1.06)}
.row{border-top:1px solid #C9CBD2;transition:background .3s}
.row:hover{background:#E8E7EB}
.row img{transition:transform .6s ease}
.row:hover img{transform:scale(1.06)}
.row:hover .ttl{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.row:hover .arr{transform:translateX(6px)}
.arr{transition:transform .3s}
html{-webkit-text-size-adjust:100%}
img{max-width:100%}
.nav a.is-current{border-bottom-color:#CF8D7E}
#sb_instagram .sb_instagram_header{display:none !important}
@media (max-width:760px){
header,section,footer{padding-left:24px !important;padding-right:24px !important}
section>div{padding-left:24px !important;padding-right:24px !important}
h1{font-size:40px !important}
h2{font-size:32px !important}
.lrr-feed{padding:0 24px !important}
.lrr-header{padding:14px 20px 12px !important;gap:8px 12px !important}
.lrr-name{font-size:clamp(13px,4.8vw,22px) !important;letter-spacing:.14em !important;white-space:nowrap !important}
.lrr-tag{display:none !important}
.lrr-header .nav{width:100%;justify-content:space-between;flex-wrap:nowrap !important;gap:8px 12px !important;font-size:11px !important;letter-spacing:.1em !important}
.lrr-social{display:none !important}
.lrr-hero{flex-direction:column-reverse !important;flex-wrap:nowrap !important}
.lrr-hero-photo{flex:none !important;width:100% !important;min-height:0 !important;height:440px !important}
.lrr-hero-fade{background:linear-gradient(180deg,rgba(171,169,178,0) 55%,#ABA9B2 100%) !important}
.lrr-hero-text{flex:none !important;padding:8px 24px 48px !important;gap:20px !important}
.lrr-hero.lrr-hero-l{flex-direction:column !important}
.lrr-hero{padding-left:0 !important;padding-right:0 !important}
.lrr-hero-photo{padding:0 !important}
.lrr-fade-navy{background:linear-gradient(180deg,rgba(38,43,55,0) 55%,#262B37 100%) !important}
.lrr-banner{padding:40px 24px 36px !important}
}