/* =========================================
ARTRAT ARTISTS PAGE
========================================= */

html,
body{
overflow-x:hidden;
background:#fff;
}

/* FULL WIDTH */

body.page-template-page-artisti #primary,
body.page-template-page-artisti #main,
body.page-template-page-artisti .site-content,
body.page-template-page-artisti .content-area,
body.page-template-page-artisti .site-main,
body.page-template-page-artisti .ast-container,
body.page-template-page-artisti .entry-content,
body.page-template-page-artisti article{
width:100%!important;
max-width:100%!important;
padding:0!important;
margin:0!important;
display:block!important;
}

body.page-template-page-artisti #secondary,
body.page-template-page-artisti .sidebar{
display:none!important;
}

/* PAGE */

.artrat-artists-page{
padding:20px 20px;
background:#fff;
}

.artrat-container{
max-width:1600px;
margin:0 auto;
width:100%;
}

/* HERO */

.artrat-artists-hero{
text-align:center;
max-width:900px;
margin:0 auto 5px;
}

.artrat-artists-hero h1{
font-size:58px;
line-height:1;
font-family:serif;
font-weight:500;
margin-bottom:5px;
color:#111;
}

.artrat-artists-hero h1 span{
color:#d72626;
}

.artrat-divider{
width:60px;
height:2px;
background:#d72626;
margin:0 auto 24px;
}

.artrat-artists-hero p{
font-size:18px;
line-height:1.8;
color:#666;
}

/* FILTERS */

.artrat-filters{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:8px;
margin-bottom:5px;
}

.artrat-search,
.artrat-select{
height:40px;
border:1px solid #e5e5e5;
border-radius:5px;
padding:0 20px;
font-size:15px;
background:#fff;
width:100%;
outline:none;
}

.artrat-select{
appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 18px center;
padding-right:50px;
}

/* SECTION */

.artrat-section-head{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.artrat-section-head h2{
font-size:20px;
letter-spacing:.16em;
text-transform:uppercase;
margin:0;
}

.artrat-section-link{
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.08em;
text-decoration:none;
color:#d72626;
}

/* GRID */

.artrat-artists-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
margin-bottom:5px;
}

/* CARD */

.artrat-artist-card{
border:1px solid #ececec;
border-radius:5px;
overflow:hidden;
background:#fff;
transition:.3s;
}

.artrat-artist-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 24px rgba(0,0,0,.05);
}

.artrat-artist-image{
position:relative;
aspect-ratio:4/4.7;
overflow:hidden;
background:#f5f5f5;
}

.artrat-artist-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.artrat-badge{
position:absolute;
top:14px;
left:14px;
background:#111;
color:#fff;
padding:7px 11px;
font-size:10px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
border-radius:3px;
}

.artrat-artist-content{
padding:22px;
}

.artrat-artist-name{
font-size:30px;
line-height:1.1;
font-family:serif;
margin-bottom:10px;
color:#111;
}

.artrat-artist-city{
font-size:11px;
letter-spacing:.16em;
text-transform:uppercase;
color:#8a8a8a;
margin-bottom:12px;
}

.artrat-artist-meta{
font-size:15px;
line-height:1.7;
color:#555;
margin-bottom:16px;
}

.artrat-artist-link{
font-size:12px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
color:#d72626;
}

/* CTA */

.artrat-cta{
margin-top:20px;
display:grid;
grid-template-columns:1fr 1fr;
border:1px solid #ececec;
border-radius:6px;
overflow:hidden;
background:#fafafa;
width:100%;
}

.artrat-cta-content{
padding:20px;
display:flex;
flex-direction:column;
justify-content:center;
}

.artrat-cta-content h3{
font-size:56px;
line-height:1.05;
font-family:serif;
font-weight:500;
margin-bottom:20px;
color:#111;
max-width:520px;
}

.artrat-cta-divider{
width:70px;
height:2px;
background:#d72626;
margin-bottom:20px;
}

.artrat-cta-content p{
font-size:17px;
line-height:1.9;
color:#666;
max-width:460px;
margin-bottom:20px;
}

.artrat-cta-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:56px;
padding:0 34px;
background:#d72626;
color:#fff;
text-decoration:none;
border-radius:5px;
font-size:12px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
width:max-content;
}

.artrat-cta-image{
min-height:40px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

/* MOBILE */

@media(max-width:1200px){

.artrat-artists-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:900px){

.artrat-filters{
grid-template-columns:1fr 1fr;
}

.artrat-cta{
grid-template-columns:1fr;
}

.artrat-cta-image{
min-height:340px;
}

}

@media(max-width:768px){

.artrat-artists-page{
padding:10px 10px;
}

.artrat-artists-hero h1{
font-size:44px;
}

.artrat-filters{
grid-template-columns:1fr;
}

.artrat-artists-grid{
grid-template-columns:1fr;
}

.artrat-cta-content{
padding:50px 30px;
}

.artrat-cta-content h3{
font-size:38px;
}

}
#all-artists{
margin-top:0!important;
padding-top:0!important;
}

.artrat-filters{
margin-bottom:0!important;
}

.artrat-section-head{
margin-top:0!important;
}