/* CSS Styles */

/* Homepage CSS */
.bf-menu-links {
    color: #fff;
}

.bf-menu-links a,
.bf-menu-links h2 {
    color: #fff !important;
}

.bf-menu-links a:hover {
    text-decoration: none;
    color: #fff;
    opacity: .75;
}

.bf-menu-links li {
    padding: 0px;
    border-top: 0px !important;
    margin-top: 0px;
}

.before-footer {
  padding-left: 50px !important;
  padding-right: 50px !important;
}


/* Component Styling */
.location-links li a {
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.location-links li a:hover {
    opacity: .75;
}

.location-links li a::before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    background: url("https://www.sydneymove.com.au/wp-content/uploads/2025/07/map-pin-svgrepo-com.svg");
    background-size: cover;
    /*position: absolute;*/
    /*left: 0;*/
    
    flex-shrink: 0;
}


/* INTERSTATES */
.interstates {
    /*background: red !important;*/
}

.interstates .wpb_wrapper {
    display: flex;
    column-gap: 5px;
    flex-wrap: wrap;
  	gap: 5px;
  	justify-content: center;
}

.interstates .wpb_wrapper span.ult_main_cl  {
    flex: 1;
}

.interstates span.ult_main_cl {
    margin: 0 !important;
    background: #eee;
    border-radius: 4px;
    /* transition: background .25s ease-in-out; */
}

.interstates span.ult_main_cl a {
    padding: 12px 15px;
    display: inline-block;
}

.interstates span.ult_main_cl a span {
    transition: background .25s ease-in-out;
}

.interstates .wpb_wrapper span.ult_main_cl:hover {
    background: #29313c;
}

.interstates .wpb_wrapper span:hover a span {
    color: #fff !important;
}

/* Service Listing */
.service-listing .wpb_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: center;
}

.service-listing .icon-with-text-shortcode {
  min-width: calc(33.3333% - 6px);
  box-sizing: border-box;
}

.service-listing .icon-with-text-shortcode:hover {
  background: #011e3e !important;
  cursor: pointer;
}

/* Media Queries */
@media (max-width: 960px) {
  .interstates .wpb_wrapper span.ult_main_cl {
    width: 100%;
    max-width: calc(104px - 5px);
    box-sizing: border-box;
  }
}

@media(max-width: 778px) {
    #main {
        padding: 0px;
    }
}