/*
Theme Name:		 Homhero Southport Child Theme
Theme URI:		 https://homhero.com.au/
Description:             Southport Child is a child theme of Southport, created by Homhero
Author:			 HOMHERO
Author URI:		 https://homhero.com.au/
Template:		 homhero-southport
Version:		 1.0.4
Text Domain:             homhero-southport-child
*/


.info-block-background::after,.special-image-side-right::after, .special-image-side-left::after {
    content: '';
    position: absolute;
    bottom: 20px;
    height: 145px;
    width: 200px;
    background-image: url('../../uploads/2025/12/hc_pattern.png');
}
.info-block-background.info-image-side-left::after, .special-image-side-left::after {
     right: 20px;
}
.info-block-background.info-image-side-right::after,.special-image-side-right::after {
     left: 20px;
}
@media screen and (max-width:991px){
.info-block-background.info-image-side-left::after ,.special-image-side-right::after, .special-image-side-left::after {
display:none;
}
}

div#headerSize.init:not(.mobile) ul.sub-menu.hh-suburbs-menu{
    column-count: 3;
    column-gap: 2rem;
    column-rule: 1px solid rgb(225 225 225 / 36%);
}

div#headerSize.init:not(.mobile) ul.sub-menu.hh-suburbs-menu li {
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

div#headerSize.init:not(.mobile) .hh-suburb-locations i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
div#headerSize.init:not(.mobile) ul.menu li.menu-item-has-children .hh-suburb-locations > a > i {
    right:10px;
}
div#headerSize.init:not(.mobile) .hh-suburb-locations i{
     transition:all 0.3s ease;
}
div#headerSize.init:not(.mobile) .hh-suburb-locations:hover i {
    transform: rotate(270deg);
    top: 15px;
    transition:all 0.3s ease;
}

#hh-suburbs-menu .parent-suburb , #hh-suburbs-menu .child-suburb{
   position:relative;
}
#hh-suburbs-menu .parent-suburb::before,
#hh-suburbs-menu .child-suburb::before{
   font-family: "Font Awesome 5 Pro";
   content: '\f3c5';
   font-weight: 200;
   font-size: 1.5rem;
   position: absolute;
   top: 0px;
   left: 10px;
   pointer-events: none;
   color: var(--theme--primary-color);
   transition:all 0.3s ease;
      
}

#hh-suburbs-menu .child-suburb::before{
    visibility:hidden;
}

#hh-suburbs-menu .child-suburb:hover::before{
    visibility:visible;
}

#headerSize.compact #hh-suburbs-menu .parent-suburb > a,
#headerSize.compact #hh-suburbs-menu .child-suburb > a{
    padding: var(--nav-menu--padding-y, 0.5rem) calc(var(--nav-menu--padding-x, 1rem) * 0.5) var(--nav-menu--padding-y, 0.5rem) calc(var(--nav-menu--padding-x, 1rem) * 2);
}
#headerSize.compact #hh-suburbs-menu .parent-suburb > a:hover,
#headerSize.compact #hh-suburbs-menu .child-suburb > a:hover{
    padding: var(--nav-menu--padding-y, 0.5rem) calc(var(--nav-menu--padding-x, 1rem) * 0.5) var(--nav-menu--padding-y, 0.5rem) calc(var(--nav-menu--padding-x, 1rem) * 2.2);
}

#hh-suburbs-menu {
   padding: var(--nav-menu--padding-y, 0.5rem) var(--nav-menu--padding-x, 1rem);
}
div#headerSize.init:not(.mobile) ul.menu li.hh-suburb-locations > a{
    margin-right:10px;
}
div#headerSize.init:not(.mobile) ul.menu li.hh-suburb-locations > a > i {
    right: -1rem;
}

div#headerSize.init:not(.mobile) ul.sub-menu.hh-suburbs-menu li.parent-suburb ul.hh-suburbs-children {
    display:block;
    visibility: visible;
    position: relative;
    opacity: 1;
    left: unset;
    top: unset;
    box-shadow: unset;
    padding-left: 2rem;
}
div#headerSize.init:not(.mobile) ul.sub-menu.hh-suburbs-menu li.parent-suburb ul.hh-suburbs-children a::after,
div#headerSize.init:not(.mobile) ul.sub-menu.hh-suburbs-menu li a::after{
    display:none;
}

 .hh-suburb-locations #hh-suburbs-menu{
  display:none;
  margin:0;
  transition:all 0.3s ease;
 }
 .hh-suburb-locations:hover #hh-suburbs-menu,
  #hh-suburbs-menu:hover{
    display:block;
   transition:all 0.3s ease;
 }
button#toggleMapButton {
    text-wrap: nowrap;
}

@media screen and (max-width:767px){
    .homepage-featured-cats .category-card .category-title h3 {
        font-size: 1em;
    }
}
@media screen and (min-width:767px){
    .homepage-featured-cats .category-wrapper {
        height:400px !important;
    }
}

@media screen and (min-width:992px){
    .homepage-featured-cats > div{
        max-height: calc(((500px + var(--featured-categories-cards-block-699e4d929cf0d-padding)) * var(--featured-categories-cards-block-699e4d929cf0d-total-rows)) + (var(--featured-categories-cards-block-699e4d929cf0d-padding) * var(--featured-categories-cards-block-699e4d929cf0d-total-rows))) !important;
    }

    .homepage-featured-cats .category-wrapper {
        height:500px !important;
    }
}

.single-things-to-do div#hero {
    display: none;
}

.single-things-to-do h1{
    margin-bottom:3rem;
}
.wp-block-details.hh-has-primary-background-color summary{
    background-color: var(--theme--primary-color);
    color:white;
}
.wp-block-details.hh-has-primary-background-color summary{
     border:1px solid var(--theme--primary-color);
}

.wp-block-details{
    border:1px solid #eaeaea; 
}
.wp-block-details summary{
    padding: 1rem 3rem 1rem 1rem;
    background-color:#eaeaea;
    list-style:none;
    position:relative;
    font-size:1.2rem;
}
.wp-block-details summary::after{
    position:absolute;
    right:1rem;
    font-family:"Font Awesome 5 Pro";
    font-weight:800;
    font-size:1.5rem;
    content:'\f0da';
    transition:0.5s all ease;
    top: 50%;
    transform: translate(0, -50%);
}

.wp-block-details[open] summary::after{
  transform:rotate(90deg);    
    transition:0.5s all ease;
}

.wp-block-details .wp-block-group {
  transition: transform 0.8s ease, padding 0.5s ease;
  padding: 1rem;
}

.wp-block-details[open] .wp-block-group {
 transition: transform 0.8s ease, padding 0.5s ease;
}