[data-custom-block="contacts-section"] .contacts-container {padding:40px 0px;display:flex;flex-direction:column;gap:20px;}

[data-custom-block="contacts-section"] .contacts-container .contacts-toolbar {border-top:1px solid var(--black);border-bottom:1px solid var(--black);padding:10px 0px;display:flex;flex-direction:row;gap:20px;justify-content:space-between;align-items:center;}
[data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .search {width:25%;display:block;}
[data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .search-wrapper {display:block;border:1px solid var(--black);background-color:#D9D9D9;display:grid;grid-template-columns:auto 1fr;gap:20px;border-radius:15px;height:45px;padding:0px 10px;align-items:center;}
[data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .search-wrapper::before {content:'';display:block;height:25px;width:25px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('../../core/icons/search.svg');}
[data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .search-wrapper input {display:block;outline:none;height:100%;width:100%;border:0;padding:0;margin:0;background-color:transparent;}
[data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .contact-group {display:inline-block;padding:9px 15px 6px 15px;border-radius:10px;background-color:var(--white);border:1px solid var(--black);color:inherit;text-decoration:none;font-weight:700;font-family:var(--secondaryFont);font-size:20px;}
[data-custom-block="contacts-section"] .contacts-container .groups {display:flex;flex-direction:row;gap:5px;flex-wrap:wrap;}
[data-custom-block="contacts-section"] .contacts-container .contacts-list:has(.contact-item) {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;}
[data-custom-block="contacts-section"] .contacts-container .contact-item {display:grid;grid-template-columns:195px 1fr;gap:30px;font-family:var(--secondaryFont);font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--black);padding-bottom:20px;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .image {display:block;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background-color:var(--grey);position:relative;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .image .no-image {position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;aspect-ratio:1/1;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:auto 80%;background-image:url('../../core/icons/circle-user.svg');opacity:0.025;}
[data-custom-block="contacts-section"] .contacts-container .contact-item[data-image="false"] {grid-template-columns:1fr;}
[data-custom-block="contacts-section"] .contacts-container .contact-item[data-image="false"] .image {display:none;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details {padding:5px 0px 0px 0px;font-variant-numeric: lining-nums;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details .name {font-size:28px;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details .role {font-size:18px;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon {display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14px;margin-top:10px;text-decoration:none;color:inherit;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon span {padding-top:6px;text-wrap:auto;overflow-wrap:anywhere;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon::before {content:'';display:block;height:30px;width:30px;background-position:center;background-repeat:no-repeat;background-size:contain;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon.email::before {background-image:url('../../core/assets/gold-mail.png');}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon.address::before {background-image:url('../../core/assets/gold-marker.png');}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon.telephone::before {background-image:url('../../core/assets/gold-phone.png');background-size:auto 80%;}
[data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon.website::before {background-image:url('../../core/assets/gold-globe.png');background-size:auto 90%;}
[data-custom-block="contacts-section"] .contacts-container .no-entries {padding:60px 20px;text-align:center;font-size:20px;font-weight:700;font-family:var(--secondaryFont);}

[data-site="cattleSociety"] [data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .contact-group.active {background-color:var(--darkBlue);color:var(--darkBlueText);}
[data-site="cattleServices"] [data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .contact-group.active {background-color:var(--darkBlue);color:var(--darkBlueText);}
[data-site="worldAyrshireFederation"] [data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .contact-group.active {background-color:var(--green);color:var(--greenText);}

@media (max-width:1400px)
{
    [data-custom-block="contacts-section"] .contacts-container .contact-item .details .name {font-size:25px;}
    [data-custom-block="contacts-section"] .contacts-container .contact-item .details .role {font-size:16px;}
    [data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon {margin-top:5px;}
}

@media (max-width:1200px)
{
    [data-custom-block="contacts-section"] .contacts-container .contacts-list:has(.contact-item) {grid-template-columns:1fr;}
    [data-custom-block="contacts-section"] .contacts-container .contacts-toolbar {flex-direction:column;gap:10px;justify-content:unset;align-items:unset;}
    [data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .search {width:100%;}
    [data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .contact-group {font-size:18px;}
    
}

@media (max-width:750px)
{
    [data-custom-block="contacts-section"] .contacts-container .contact-item {grid-template-columns:150px 1fr;}
    [data-custom-block="contacts-section"] .contacts-container .contact-item .details .name {font-size:20px;}
}

@media (max-width:600px)
{
    [data-custom-block="contacts-section"] .contacts-container .contact-item {grid-template-columns:1fr;gap:20px;}
    [data-custom-block="contacts-section"] .contacts-container .contact-item .image {max-width:200px;margin:auto;}
    [data-custom-block="contacts-section"] .contacts-container .contact-item .details {padding:0;text-align:center;}
    [data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon {display:flex;flex-direction:row;justify-content:center;}
    [data-custom-block="contacts-section"] .contacts-container .contact-item .details .with-icon::before {display:none;}
    
}

@media (max-width:400px)
{
    [data-custom-block="contacts-section"] .contacts-container .contacts-toolbar .contact-group {width:100%;display:block;}
}