/*
Theme Name: VetPartners Group
Author: VetPartners
Author URI: https://www.vetpartners.co.uk/
Description: VetPartners Group WordPress theme. 
Text Domain: vetpartnersgroup
*/

/* Hide the year section on the new Graduates page */
body.page-graduates-2 .o-stories__year-overviews.o-stories__elem {
    display: none;
}

li.c-practice-map__option.opt:nth-child(11) { /* hide blank row */
    display: none;
}

li.c-practice-map__option.opt:nth-child(12) { /* hide republic of ireland row */
    /* display: none; */
}
.o-vacancies-filters__practice-name-filter {
    display: none;
}

body.page-id-69475 a.c-sbs-photo-collage__link-button     {
    padding:2px;
}

body.page-id-69475 .c-sbs-photo-collage__link-list > div     {
    padding: .4rem 0;
}

body.page-id-69475 .o-cta-block__wrapper {
    width: 53%;
}

/* SHOW VET TYPE BELOW EACH BRANCH */
.vettype {
    margin: 0px 0 11px;
    padding: 2px 13px;
    background-color: #eeeeee;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    text-transform: capitalize;
}


/* hide some choices from the practice finder type drop down] */
li[data-value="mixed"].opt.js-practice-map__option,
li[data-value="other"].opt.js-practice-map__option {
    display: none;
}

.career-template-default a.c-button.c-button--gamma {
    font-size: 18px;
}

.c-career-meta__detail img {
    max-height: 120px;
}


.author-box {
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
    max-width: 600px;
    margin: 20px auto;
    background-color: #f9f9f9;
}

.author-image-container {
    flex-shrink: 0;
}

.author-image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #eee;
}

.author-details {
    text-align: left;
}

.author-name {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #333;
}

.author-position {
    font-size: 16px;
    color: #666;
    margin: 0;
}

.author-box-content {
    display: flex;
    align-items: center; /* Vertically aligns content in the center */
    gap: 20px; /* Adds spacing between the image and text */
}

.author-box-content img {
    max-width: 120px;
    height: 120px !important;
    border-radius: 50%; /* Optional: Makes the image circular */
    object-fit: cover; /* Ensures the image fits within the dimensions */
}

@media (max-width: 768px) {
    .author-box-content {
        flex-direction: column; /* Stacks the content vertically */
        align-items: center; /* Centers content on mobile */
        text-align: center; /* Centers the text */
    }

    .author-box-content img {
        margin-bottom: 15px; /* Adds space below the image */
    }

    .author-details {
        text-align: center; /* Ensures the text aligns properly */
    }

    .author-name, .author-position {
        margin: 5px 0; /* Adds some space between the name and position */
    }
}

/* Truncate breadcrumb */
p#breadcrumbs .breadcrumb_last:last-child {
    display: inline-block;
    max-width: 32ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}


/* Blockquote */

blockquote {    
    margin: 1.5rem auto 1.5rem;
}

blockquote p::before {
    content: "“";
    color: #E8B049;
    font-size: 6rem;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-10%);
}
blockquote p {
    line-height: 1.2;
    color: #8a8a8a;
    text-align: left;
    font-size: 22px;
    position: relative;
    font-style: normal;
    padding: 30px 0 20px 60px;
    border-top: 4px solid #E8B049;
    border-bottom: 4px solid #E8B049;
}

/* Alternate reversed blockquote

blockquote p::before {
    content: "“";
    color: #fff;
    font-size: 6rem;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-10%);
}

blockquote p {
    line-height: 1.2;
    color: #8a8a8a;
    text-align: left;
    font-size: 22px;
    position: relative;
    color: #fff;
    font-style: normal;
    padding: 30px 0 20px 60px;
    border-top: 4px solid #E8B049;
    border-bottom: 4px solid #E8B049;
}

blockquote {
    background-color: #EDB540;
    padding: 20px;
} */