[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper {padding:40px 0px;display:flex;flex-direction:column;gap:40px;}
[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .text-details {display:flex;flex-direction:column;gap:10px;}
[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .text-details.text-align-center {max-width:800px;margin:auto;}
[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .text-details .heading {font-size:25px;font-weight:bold;}
[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .group-list {display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;}
[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .group-list .group-tile {position:relative;color:inherit;text-decoration: none;width:100%;aspect-ratio:600/450;overflow:hidden;border-radius:10px;}
[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .group-list .group-tile .image img {object-fit: cover;height:100%;width:100%;transform:scale(1);transition:transform .4s ease-in-out;}
[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .group-list .group-tile .title-bar {position:absolute;bottom:0;left:0;right:0;padding:10px;font-size:20px;text-align:center;transition:padding .25s ease-in-out;color:#fff;background-color:rgba(0,0,0,0.5);}
[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .group-list .group-tile:hover .image img {transform:scale(1.1);}
[data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .group-list .group-tile:hover .title-bar {padding:10px 10px 20px 10px;}
[data-custom-section="photographic-competition-groups-list"] .voting-button-container a {display:block;width:100%;padding:20px;text-align:center;background-color:var(--darkBlue);color:var(--darkBlueText);text-decoration:none;font-weight:700;font-family:var(--secondaryFont);font-size:25px;}
[data-site="worldAyrshireFederation"] [data-custom-section="photographic-competition-groups-list"] .voting-button-container a {background-color:var(--green);color:var(--greenText);}
@media (max-width:1000px)
{
    [data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .group-list {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:750px)
{
    [data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .group-list {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:350px)
{
    [data-custom-section="photographic-competition-groups-list"] .photographic-competition-groups-wrapper .group-list {grid-template-columns: 1fr;}
}

[data-custom-section="photo-comp-class"] {margin:40px 0px;}



[data-custom-section] .no-entries {padding:100px 20px;text-align:center;font-weight:700;font-size:18px;}

[data-custom-section="photo-comp-class"] .details {}
[data-custom-section="photo-comp-class"] .details .back-button {display:flex;flex-direction:row;margin-bottom:20px;gap:8px;font-size:14px;font-weight:400;opacity:0.6;color:inherit;text-decoration: none;transition:opacity .25s ease-in-out;}
[data-custom-section="photo-comp-class"] .details .back-button::before {content:'';display:block;height:20px;width:15px;background-repeat:no-repeat;background-size: contain;background-position: center;background-image:url('../../core/icons/small-arrow.svg');transform:rotate(180deg);}
[data-custom-section="photo-comp-class"] .details .back-button:hover {opacity: 1;cursor: pointer;}
[data-custom-section="photo-comp-class"] .details .title {font-size:25px;font-family:var(--secondaryFont);font-weight:bold;background-color:var(--darkBlue);color:var(--darkBlueText);padding:12px 20px 10px 20px;border-top-left-radius:10px;border-top-right-radius:10px;}

[data-custom-section="photo-comp-class"] .main-image-slider {border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;}
[data-custom-section="photo-comp-class"] .slider-wrapper {display:flex;flex-direction: column;gap:10px;}
[data-custom-section="photo-comp-class"] .main-image-wrapper {background-color:var(--grey);position:relative;max-height:80vh;width:100%;height:100%;}
[data-custom-section="photo-comp-class"] .main-image-wrapper img {object-fit:contain;height:100%;width:100%;}
[data-custom-section="photo-comp-class"] .main-image-wrapper .tag {position:absolute;bottom:0;right:0;padding:10px 30px;font-weight:700;border-top-left-radius:10px;font-size:18px;background-color:var(--darkBlue);color:var(--darkBlueText);}

[data-custom-section="photo-comp-class"] .thumb-image-slider {border-radius:10px;overflow:hidden;}
[data-custom-section="photo-comp-class"] .thumb-image-wrapper {position:relative;border-radius:10px;overflow:hidden;}
[data-custom-section="photo-comp-class"] .thumb-image-wrapper .tag {position:absolute;bottom:0;right:0;padding:10px 20px;border-top-left-radius:10px;background-color:var(--darkBlue);color:var(--darkBlueText);}

[data-custom-section="photo-comp-class"] .splide__track--nav>.splide__list>.splide__slide.is-active {border-color:transparent;}


[data-custom-section="photo-comp-voting"] {margin:40px 0px;}
[data-custom-section="photo-comp-voting"] h1 {margin-bottom:20px;}
[data-custom-section="photo-comp-voting"] .basic-fields {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-bottom:20px;}
[data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images {display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;}
[data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images .photo-option.draggable-source--is-dragging {border:2px dashed var(--darkBlue);}
[data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images .photo-option.draggable-source--is-dragging img {opacity:0.1;}
[data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images .photo-option {position:relative;border-radius:10px;overflow:hidden;}
[data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images .photo-option::after {content:attr(data-id);display:block;position:absolute;bottom:0;right:0;padding:5px 10px;background-color:var(--darkBlue);color:var(--darkBlueText);font-size:13px;border-top-left-radius:10px;border-bottom-right-radius:10px;}
[data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images .photo-option:hover {cursor:grab;}
[data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images .photo-option:nth-child(1)::before {content:'1st';display:block;position:absolute;top:0;left:0;padding:5px 10px;background-color:#cbaa58;color:#fff;border-bottom-right-radius:10px;}
[data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images .photo-option:nth-child(2)::before {content:'2nd';display:block;position:absolute;top:0;left:0;padding:5px 10px;background-color:#cccccc;color:#fff;border-bottom-right-radius:10px;}
[data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images .photo-option:nth-child(3)::before {content:'3rd';display:block;position:absolute;top:0;left:0;padding:5px 10px;background-color:#a46f2a;color:#fff;border-bottom-right-radius:10px;}

[data-custom-section="photo-comp-voting"] .draggable-mirror {opacity: 0.9;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
[data-custom-section="photo-comp-voting"] .group-wrapper {display:flex;flex-direction:column;gap:10px;margin-bottom:20px;border-radius:10px;border:1px solid var(--grey);padding:20px;}
[data-custom-section="photo-comp-voting"] .group-wrapper .fields {display:none;}
[data-custom-section="photo-comp-voting"] .heading {font-weight:700;font-size:18px;margin-bottom:10px;}
[data-custom-section="photo-comp-voting"] .fui-submit {background-color:var(--black) !important;color:var(--blackText) !important;border:0;border-radius: 10px;font-size:18px;font-weight:600;}
@media (max-width:900px)
{
    [data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images {grid-template-columns:repeat(3, 1fr);}
}

@media (max-width:600px)
{
    [data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images {grid-template-columns:repeat(2, 1fr);}
    [data-custom-section="photo-comp-voting"] .basic-fields {grid-template-columns:1fr;}
}

@media (max-width:380px)
{
    [data-custom-section="photo-comp-voting"] .form-wrapper .group-wrapper .images {grid-template-columns:repeat(1, 1fr);}
}