/*
Theme Name: Playroom Child
Description: A child theme of Playroom developed by FirstFocus for PlayGroup SA
Author: FirstFocus
Author URI: https://firstfocus.com.au
Version: 1.0.1
Text Domain: playroom
Template: playroom
*/

/*
* COLOUR REFERENCES

Calm Grey #77726D
Sky Blue #62A8E5
Purple #CD90DE
Peach #FF9955
Grass Green #8FD16A
Lolly Pink #FC6E83

*/

/*fix custom font loading issue*/
@font-face {
    font-family: 'Filson Pro';
    src: url('fonts/FilsonPro-Regular.woff2') format('woff2'),
    url('fonts/FilsonPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Pro Sans Light';
    src: url('fonts/SourceSans3-Light.woff2') format('woff2'),
    url('fonts/SourceSans3-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Source Pro Sans Light', Sans serif;
    font-weight: normal;
    font-size: 18px;
}

b, strong {
    font-weight: 700;
}

/*fix font awesome issue*/
.fa {
    font-family: "FontAwesome", "Font Awesome 5 Free";
}

/*fix footer social icon issue*/
footer .qodef-icon-holder {
	align-content: center;
}

footer a {
    font-weight: unset;
}

/*hide addtional section for footer button*/
#qodef-page-content-bottom {
    height: 0;
    margin: 0;
    padding: 0;
}

/*fix top nav font family issue*/
.qodef-header-navigation> ul > li > a {
    /*font-family: "Filson Pro", Sans-serif !important;*/
    /*font-weight: 700 !important;*/
}

/*fix top header area inner grid*/
#qodef-top-area {
    justify-content: center !important;
    /*background-color: rgba(98,168,229,0.25) !important;*/
    /*background-color: #d7e9f8 !important;*/
    /*border-color: unset !important;*/
    /*border-color: #FF9955 !important;*/
}
#qodef-page-header {
    /*background-color: rgba(98,168,229,0.25) !important;*/
    /*background-color: #d7e9f8 !important;*/
}
.home #qodef-top-area {
    /*background-color: transparent !important;*/
    background-color: #fff;
}
@media only screen and (min-width: 1441px) {
    #qodef-top-area-inner {
        width: 1300px !important;
        /*padding-right: 16px !important;*/
    }
}

.qodef-drop-down-second .sub-menu {
    /*background-color: rgba(255,153,85,0.25) !important;*/
}

/* remove nav dropdown background colour and image */
.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
    background: #fff;
    padding: 16px 0;
}

/*theme elements*/
.qodef-button {
    background-color: #FF9955;
}

/*fix header font size issue*/
h6 {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/*header menu font adjustments*/
.qodef-header-navigation>ul>li {
    margin-left: 10px;
    margin-right: 10px;
}
.qodef-header-navigation ul li a{
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none;
}

/*increase width of submenu*/
.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
    width: 300px
}

/*all pages auto negative margin top removed*/
#qodef-page-outer {
    margin-top: 0 !important;
}
.qodef-page-title .qodef-m-content {
    padding-top: 0 !important;
}

/*fix design issue for progress section*/
.qodef-progress-bar.qodef-layout--line .percentCount {
    font-size: 16px;
    font-family: "Filson Pro", Sans-serif !important;
    top: -16px;
    font-weight: 700;
}

/*hide title &  published date on posts*/
.qodef-e-title.entry-title,
.qodef-e-info-date.entry-date {
    /*display: none !important;*/
}

/*=============================== SPONSOR CARDS ==================================*/
.sponsors-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
    justify-content: center;
}
.sponsor-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    background-color: #fff;
    height: 100%;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.sponsor-card:hover {
    transform: translateY(-5px);
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.15);
}
.sponsor-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1; /* Makes the image take up available space */
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}
.sponsor-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Ensures the full image fits inside */
}
.sponsor-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: auto;
    padding-top: 10px;
    width: 100%;
    font-weight: 700;
    font-family: "Filson Pro";
}
@media (min-width: 576px) { /* Small devices (mobile) */
    .sponsors-container {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) { /* Medium devices (tablets) */
    .sponsors-container {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 992px) { /* Large devices (desktops) */
    .sponsors-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

/*elmentor pagination design*/
nav.elementor-pagination {
    margin-top: 32px;
}
nav.elementor-pagination span {
    background-color: rgba(119, 114, 109, 0.25);
    border-radius: 8px;
    padding: 8px 16px;
}

nav.elementor-pagination a {
    background-color: rgba(143, 209, 106, 0.25);
    border-radius: 8px;
    padding: 8px 16px;
}
nav.elementor-pagination a:hover {
    background-color: rgba(143, 209, 106, 0.5);
}
@media(max-width: 576px) {
	nav.elementor-pagination span {
		border-radius: 4px;
		padding: 4px 8px;
	}
	nav.elementor-pagination a {
		border-radius: 4px;
		padding: 4px 8px;
	}
}