.elementor-2101 .elementor-element.elementor-element-e875b31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2101 .elementor-element.elementor-element-358353a3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2101 .elementor-element.elementor-element-80d2ffd{--display:flex;--min-height:170px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2101 .elementor-element.elementor-element-80d2ffd:not(.elementor-motion-effects-element-type-background), .elementor-2101 .elementor-element.elementor-element-80d2ffd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ofdiceandthem.co.uk/wp-content/uploads/2025/09/Border-Title-Banner-ODAT-copy.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-2101 .elementor-element.elementor-element-1ae1a6aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2101 .elementor-element.elementor-element-1ae1a6aa .elementor-heading-title{font-family:"Draconis", Sans-serif;font-size:34px;font-weight:600;}.elementor-2101 .elementor-element.elementor-element-6a175d5e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2101 .elementor-element.elementor-element-4adc9c4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;border-style:none;--border-style:none;}.elementor-2101 .elementor-element.elementor-element-4adc9c4f:not(.elementor-motion-effects-element-type-background), .elementor-2101 .elementor-element.elementor-element-4adc9c4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2101 .elementor-element.elementor-element-7a00aeb6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;}.elementor-2101 .elementor-element.elementor-element-37975935{padding:5px 5px 5px 5px;text-align:center;}.elementor-2101 .elementor-element.elementor-element-37975935 .elementor-heading-title{font-family:"Alegreya SC", Sans-serif;font-size:24px;font-weight:600;color:#666666;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2101 .elementor-element.elementor-element-80d2ffd{--padding-top:80px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2101 .elementor-element.elementor-element-1ae1a6aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-2101 .elementor-element.elementor-element-80d2ffd{--width:690px;}}@media(max-width:767px){.elementor-2101 .elementor-element.elementor-element-80d2ffd{--min-height:134px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2101 .elementor-element.elementor-element-1ae1a6aa{margin:030px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for heading, class: .elementor-element-37975935 */.Attribue-value-header
{overflow: hidden;}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4819e5c */.dd-character-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.dd-character-card {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding-bottom: 20px; /* Adjusted to only have padding on the bottom */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    overflow: hidden;
    position: relative;
}

.dd-character-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}

.dd-character-card a {
    text-decoration: none;
    color: #333;
}

.dd-character-card .card-title {
    font-size: 24px;
    padding: 0 20px; /* Added padding here for spacing */
    margin: 15px 0 10px; 
    font-family: 'draconis';
}

.dd-character-card .card-meta {
    font-size: 0.9em;
    color: #777;
    font-family: "Baskervville", Sans-serif;
    padding: 0 20px; /* Added padding here for spacing */
}

/* Updated CSS for the featured image */
.dd-character-card .card-image {
    width: 100%;
    height: 200px; /* Fixed height for consistent sizing */
    object-fit: cover;
    object-position: top;/* This is the key property for the "cover" fit */
    display: block;
    border-radius: 8px 8px 0 0; /* Rounded top corners to match the card */
    margin-bottom: 10px;
}

.dd-character-card h2 {
    margin: 0;
    line-height: 1.2;
}/* End custom CSS */
/* Start custom CSS */.alignnone {
padding-top: 5px;
  width: 36px;
}
.elementor-accordion-icon {
    padding-top: 20px;

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Draconis';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ofdiceandthem.co.uk/wp-content/uploads/2025/09/Draconi.ttf') format('truetype');
}
@font-face {
	font-family: 'Draconis';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://ofdiceandthem.co.uk/wp-content/uploads/2025/09/DraconisBol.ttf') format('truetype');
}
@font-face {
	font-family: 'Draconis';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://ofdiceandthem.co.uk/wp-content/uploads/2025/09/DraconisItali.ttf') format('truetype');
}
@font-face {
	font-family: 'Draconis';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://ofdiceandthem.co.uk/wp-content/uploads/2025/09/DraconisBoldItali.ttf') format('truetype');
}
/* End Custom Fonts CSS */