@font-face {
    font-family: 'kenjo-ttf';
    src: url('https://www.ranelagh.com.au/api/WebsiteCached/DownloadFile?FileGuid=cf0e98a5-2a55-4a31-891b-e249defb4d24#EXT=.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: auto
}

/*Kenjo has spacing issues that need resolving add this to styles that use it as a custom class*/
.kenjo-heading h1,
.kenjo-heading h2,
.kenjo-heading h3,
.kenjo-heading h4,
.kenjo-heading h5 {
    font-family: 'kenjo-ttf' !important;
    letter-spacing: 0.05em;
}

@font-face {
    font-family: 'zapfino';
    src: url('https://www.ranelagh.com.au/api/Website/DownloadFile?FileGuid=d8148c5f-bc70-4853-82d4-42f855c36784#EXT=.woff2') format('woff2'), url('https://www.ranelagh.com.au/api/Website/DownloadFile?FileGuid=b3a91ae3-50e9-4aa0-9701-d90d25212471#EXT=.woff') format('woff');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.zapfino-large-font h1 {
   
        font-family: 'zapfino', cursive;
        font-size: 2em;
}

.blockquote-dark blockquote {
    background-color: #e1e1e1;
    color: #266497;
    padding: 15px;
    border-left: 5px solid #266497;
}

.blockquote-light blockquote {
    background-color: #266497;
    color: #e1e1e1;
    padding: 15px;
    border-left: 5px solid #e1e1e1;
}

/*Ranelagh Logo*/
.background-image1 .WebpageComponent-Call-to-action-3-0 {
    background-color: #ffffff;
    background-image: url(/api/Website/DownloadFile?FileGuid=8f241b83-58b7-421b-81bf-993a0c017b6c#EXT=.png);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-attachment: scroll;
}

/*Golf*/
.background-image2 .WebpageComponent-Call-to-action-3-0 {
    background-color: #ffffff;
    background-image: url(/api/Website/DownloadFile?FileGuid=d45bb970-032e-49a8-b3e1-3be385ac7255#EXT=.png);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-attachment: scroll;
}

.HomePageButton {
    padding-top:2px;
}
.HomePageButton .btn {
    width: 60%;
}


/* lets make event list 4 conform height*/

.WebpageComponent-EventList-4-0.conformHeight .card{
    min-height: 600px;
}

    .WebpageComponent-EventList-4-0.conformHeight .card-img-top {
    max-height: 270px;
    min-height: 270px;
    object-fit: cover; /* Cuts off overflow to maintain aspect ratio */
}

    .WebpageComponent-EventList-4-0.conformHeight .card-body {
        overflow-y: auto;
        flex-grow: 1;
        max-height: calc(700px - 400px); /* Remaining height after image */
    }

/* same with Image Card*/
.WebpageComponent-Image-Card.conformHeight {
    max-height: 650px;
    overflow: hidden;
    
    flex-direction: column;
}

    .WebpageComponent-Image-Card.conformHeight .card {
        min-height: 550px;
        
    }


    .WebpageComponent-Image-Card.conformHeight .card-img-top {
        max-height: 300px;
        object-fit: cover;
        width: 100%;
        min-height: 300px;
    }

    .WebpageComponent-Image-Card.conformHeight .card-body {
        overflow-y: auto;
        flex-grow: 1;
        max-height: calc(640px - 400px);
    }