/*
Theme Name: TRB
Theme URI: http://theroguesretreat.co.uk
Description: TRB WordPress Theme
Version: 1.0
Author: James Lancaster
Author URI: http://theroguesretreat.co.uk
Text Domain: trb
*/

body {
    background: #e0c9a671;
    color: #333;
}


.dm-sans-normal, .dm-sans-medium, .dm-sans-bold {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.dm-sans-medium {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.dm-sans-bold {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.dm-serif-display-regular {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
}

.dm-serif-display-regular-italic {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
}
.dm-serif-display-bold {
  font-family: "DM Serif Display", serif;
  font-weight: 700;
  font-style: normal;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  font-family: "DM Serif Display", serif;
  font-weight: 700;
  font-style: normal;
}

header .header_eyebrow {
    padding: 1rem 0;
    border-bottom: 2px solid #ddd;
    font-family: "DM Serif Display", serif;
}

header .header__top {
    padding: 2rem 0;
    text-align: center;
    border-bottom: 2px solid #ddd;
}
header .header__title {
    font-size: 2.6rem;
    text-decoration: none;
    color: inherit;
}

header .header__bottom {
    padding: 1rem 0;
    text-align: center;
    border-bottom: 2px solid #ddd;
    font-size: 1.2rem;
    font-family: "DM Serif Display", serif;
}
header .header__categories {
    list-style: none;
    padding: 0;
    margin: 0;
}
header .header__categories li {
    display: inline-block;
    margin: 0 1rem;
}
header .header__categories li a {
    text-decoration: none;
    color: inherit;
}


section.section {
    padding: 4rem 0;
}

.featured .featured__image {
    position: relative;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.featured .featured__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.featured a {
    text-decoration: none;
    color: inherit;
}

.latestArticle {
    margin-bottom: 2rem;
}
.latestArticle__image {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.latestArticle__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.latestArticle__title_ {
    font-family: "DM Serif Display", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
    margin: 0.5rem 0;
}
.latestArticle__content {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    margin: 0.5rem 0;
}
.latestArticle__meta {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    color: #666;
}

.hero {
    padding: 2rem 0;
}
.heroImage {
    position: relative;
    aspect-ratio: 4 / 1;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}
.heroImage img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.authorCard__image {
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
}

.authorCard__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.authorCard__name {
    font-weight: bold;
    font-size: 1.2rem;
}

.authorCard__description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative;
}

.authorCard {
    padding: 1rem;
    background: #f6e8cf;
    margin-bottom: 2rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

body.single .latestArticle__title_ {
    font-size:1.2rem;
}
body.single .latestArticle__content {
    font-size: 0.8rem;
}

blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
    padding: 1rem 1.5rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}



footer .footer__top {
    padding: 2rem 0;
    border-top: 2px solid #ddd;
}