/*
Theme Name:		 Homhero - Burleigh Ballerine Child
Theme URI:		 https://homhero.com.au/
Description:     Miami Child is a child theme of Burleigh, created by Homhero
Author:			 HOMHERO
Author URI:		 https://homhero.com.au/
Template:		 homhero-burleigh
Version:		 1.0.0.7
Text Domain:     homhero-burleigh-bellarine-child
*/

:root {
    /* Colors */
    --global--color-primary: #5abccc;
    --global--color-primary-hover: #39A8BA;
    --global--color-secondary: #338794;
    --global--color-secondary-hover: #40AABA;
    --global--color-tertiary: #666666;
    --global--color-tertiary-hover: #B8B8B8;
    --text-color: #4a4a4a;
    --heading-color: #3a3a3a;
    --entry-header--color: var(--heading-color);

    /* Global Variables */
    --global--border-radius: 4px;
    --global--box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    --global--box-shadow-hover: 0 2px 8px rgba(0,0,0,0.15);

    /* Font Family */
    --global--font-primary: "Faculty Glyphic", "Helvetica Neue", sans-serif;
    --global--font-secondary: "PT Sans", "Helvetica Neue", sans-serif;

    /* Font Size */
    --global--font-size-base: 1rem;
    --global--font-size-xs: 1rem;
    --global--font-size-sm: 1.125rem;
    --global--font-size-md: 1.25rem;
    --global--font-size-lg: 1.5rem;
    --global--font-size-xl: 2rem;
    --global--font-size-xxl: 3rem;
    --global--font-size-xxxl: 4rem;
    --global--font-size-page-title: var(--global--font-size-xl);
    --global--letter-spacing: normal;

    --heading--font-size-h6: var(--global--font-size-xs);
    --heading--font-size-h5: var(--global--font-size-sm);
    --heading--font-size-h4: var(--global--font-size-lg);
    --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    --heading--font-size-h2: var(--global--font-size-lg);
    --heading--font-size-h1: var(--global--font-size-page-title);

    --heading--font-weight-page-title: 400;

    --heading--font-weight: 400;

    /* Logo */

    --branding--logo--max-width: 300px;
    --branding--logo--max-height: 80px;
    --branding--logo--max-width-mobile: 200px;
    --branding--logo--max-height-mobile: 100px;

    /* Primary Menu */

    --primary-nav--font-size: 0.889em;
    --primary-nav--font-size-mobile: 0.778em;
    --primary-nav--font-size-sub-menu: 0.889em;
    --primary-nav--font-weight: 600;
    --primary-nav--color-link:var(--heading-color);
    --primary-nav--color-link-hover:var(--global--color-primary);

    /* Buttons */

    --button--border-width: 2px;
    --button--border-radius: var(--global--border-radius); 
    /* Footer */

    --footer--color-link:#55585a; 
} 

/**
 * Root Media Query Variables
 */

@media only screen and (min-width: 822px) {

    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1600px);
    }
}

/* Child Styles */

.featuredListingHero > .overlay-text,
.featuredListingHero > .overlay-text::before {
    background-color:#fafafa;
}
.primary-navigation a:link, .primary-navigation a:visited {
    color: var(--primary-nav--color-link-hover);
    font-family: Karla;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 20px;
    font-weight: 400;
}
.primary-navigation .sub-menu .menu-item > a {
    line-height: 16.8px;
    color: #55585a;
    font-family: 'PT Sans Narrow';
    text-transform: capitalize;
    white-space: nowrap;
    font-weight: 400;
}
.primary-navigation .sub-menu{
	border:none;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
@media only screen and (min-width: 482px){
.primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    display: none;
}
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li:hover >a{
	background-color:var(--global--color-primary);
	color:#ffffff;
	text-decoration:none;
}
.primary-navigation a:hover{
	text-decoration:none;
}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child{
	text-decoration:none;
}
.primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover{
	text-decoration:none;
}
.footer-content h4, .footer-content .contact-info-block, .footer-content .contact-info-block .social li a{
	color:var(--footer--color-link);
}
.footer-content .contact-info-block .social li a svg {
	fill:var(--footer--color-link);
}
.footer-content .site-logo img{
	width:auto;
}
.siteinfo-background {
	background-color:var(--global--color-primary);
}
.site-info {
    padding-top: 12px;
    padding-bottom: 12px;
}
.banner-content > h1, .banner-content > h2, .banner-content > h3, .banner-content > h4{
	text-transform:uppercase;
}
h1.banner-title {
	font-weight:500;
    font-size: 2.85rem;
}
@media screen and (max-width: 768px){
	h1.banner-title {
    font-size: 1.8rem;
}
}
.search-grid .listingSuburb{
	text-transform:capitalize;
}

.home .banner-content::before {
    content: '';
    display: inline-block;
    width: auto;
    height:auto;
    padding: 200px;
    background-image: url('../../uploads/sites/2/2025/08/bellarine-overlary-image-logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
@media only screen and (min-width:991px) and (max-width:1400px){
    .home .banner-content::before{
        padding: 150px;
    }
}
@media only screen and (min-width:481px) and (max-width:991px){
    .home .banner-content::before{
        padding: 100px;
        margin-top: 75px;
    }
}
@media only screen and (max-width:481px){
    .home .banner-content::before{
        margin-top: 40px;
        padding: 75px;
    }
}
.no-widgets .site-footer {
    margin-top: 0;
}
.home #content {
    margin-bottom: 0;
}