@import url("/clients/sportinspired/styles/main.min.css");
/* @import url("//assets.rit.org.uk/sportinspired/styles/main.css"); */
/* @import url("//localhost:5757/main.css"); */

/* Change the carousel background-image of testimonial listing pages */
body.pages-category-young-people-stories ul.carouselSlides li.carouselSlide {
    background-image: url("/Handlers/GetImage.ashx?IDMF=e3afd753-4260-44bc-ba12-3df94c6a4efe&w=617&h=331");
}

body.pages-category-sports-club-stories ul.carouselSlides li.carouselSlide {
    background-image: url("/Handlers/GetImage.ashx?IDMF=0cca46c7-6145-4aa3-a391-957e1b20492d&w=800&h=533");
}

body.pages-category-volunteer-stories ul.carouselSlides li.carouselSlide {
    background-image: url("/Handlers/GetImage.ashx?IDMF=11962862-a520-4080-9068-6beb2e5d976f&w=675&h=298");
}

body.pages-category-partner-organisation-stories ul.carouselSlides li.carouselSlide {
    background-image: url("/Handlers/GetImage.ashx?IDMF=ad24fbcb-271f-41b5-95d2-3370597483a2&w=800&h=339");
}




/* Brand logos */
.brand-logos {
    position: relative;
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin: 50px 0;
}

.brand-logos .brand-logo {
    position: relative;
    width: 130px;
    height: 110px;
    overflow: hidden;
    margin: 30px 40px;
    filter: grayscale(0%);
    transition: 300ms all ease;
}

@media (max-width: 768px) {
    .brand-logos .brand-logo {
        width: 80px;
        height: 140px;
        margin: 0px 30px;
    }
}

.brand-logos .brand-logo:hover {
    filter: grayscale(100%);
    transition: 300ms all ease;
}

.brand-logos .brand-logo img.mediaImage {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
    height: 100%;
    width: 100%;
}

footer.listFooter .loadAmount {
    display: none;
}

li.carouselSlide.containsVideo .embed-container {
    padding-bottom: 42.35%;
}

.containsVideo .embed-container iframe {
    border: none;
}

/* threebox fixes AW 18.03.2019 */
span.introParagraph {
    line-height: 1;
}

/* AW 18.03.2019 Fixing CTA buttons (these should use a seperate class for each button, so I am moving these from the client styles */

a.cta-button-red {
    background-color: #C5294D;
    border-radius: 11px;
    border-top-right-radius: 3px;
    color: #fff !important;
    line-height: 1;
    font-weight: bold;
    padding: .75em 1.58em;
    margin-right: 5px;
}

a.cta-button-red:hover {
    background-color: #9b203d;
    text-decoration: none;
}

a.cta-button-orange {
    background-color: #F6A500;
    border-radius: 11px;
    border-top-right-radius: 3px;
    color: #fff !important;
    line-height: 1;
    font-weight: bold;
    padding: .75em 1.58em;
    margin-right: 5px;
}

a.cta-button-orange:hover {
    background-color: #c38300;
    text-decoration: none;
}

a.cta-button-blue {
    background-color: #009BDB;
    border-radius: 11px;
    border-top-right-radius: 3px;
    color: #fff !important;
    line-height: 1;
    font-weight: bold;
    padding: .75em 1.58em;
    margin-right: 5px;
}

a.cta-button-blue:hover {
    background-color: #0077a8;
    text-decoration: none;
}

a.cta-button-green {
    background-color: #76B72A;
    border-radius: 11px;
    border-top-right-radius: 3px;
    color: #fff !important;
    line-height: 1;
    font-weight: bold;
    padding: .75em 1.58em;
    margin-right: 5px;
}

a.cta-button-green:hover {
    background-color: #5b8e20;
    text-decoration: none;
}

a.cta-button-violet {
    background-color: #822B85;
    border-radius: 11px;
    border-top-right-radius: 3px;
    color: #fff !important;
    line-height: 1;
    font-weight: bold;
    padding: .75em 1.58em;
    margin-right: 5px;
}

a.cta-button-violet:hover {
    background-color: #5c1f5e;
    text-decoration: none;
}

.postContent .cta-button {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

/* DI 03.04.3019 Hide summaries for lisitings ZD 38266 */
body.pages-category-young-people-stories .listedPostText p.postSummary, 
body.pages-category-sports-club-stories .listedPostText p.postSummary,
body.pages-category-partner-organisation-stories .listedPostText p.postSummary,
body.pages-category-volunteer-stories .listedPostText p.postSummary {
  display: none;
}

.threeboxWrapper {
  display: block;
  height: auto;
  width: 100%;
}