/*
*  CSS TABLE OF CONTENTS
*
*  1.0 - Reset
*  2.0 - Fonts
*  3.0 - Globals
*  4.0 - Blocks custom classes
*  5.0 - Header
*  6.0 - Body
*    6.1 - Sliders
*    6.2 - Imagery
*  7.0 - Footer
*/


/*** 1.0 - Reset ***/

body {
    margin: 0;
}

img {
    height: auto;
    width: 100%;
    aspect-ratio: attr(width) / attr(height);
}

[data-aos=fade-up] {
    transform: translate3d(0, 40px, 0);
}

[data-aos][data-aos][data-aos-duration="1404041"],
body[data-aos-duration="1404041"] [data-aos] {
    transition-duration: 0.7s;
}

/*** 2.0 - Fonts ***/

@font-face {
    font-family: 'relevantnormal';
    src: url('../skelly/fonts/relevant_normal-webfont.woff2') format('woff2'),
         url('../skelly/fonts/elevant_normal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1px;
}

@font-face {
    font-family: 'relevantthin';
    src: url('../skelly/fonts/relevant_thin-webfont.woff2') format('woff2'),
         url('../skelly/fonts/relevant_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1px;
}

@font-face {
    font-family: 'relevantbold';
    src: url('../skelly/fonts/relevant_bold-webfont.woff2') format('woff2'),
         url('../skelly/fonts/relevant_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'relevantmedium';
    src: url('../skelly/fonts/relevant_medium-webfont.woff2') format('woff2'),
         url('../skelly/fonts/relevant_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oranges and Lemons';
    src: url('../skelly/fonts/OrangesAndLemonsCaps.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oranges and Lemons';
    src: url('../skelly/fonts/OrangesAndLemonsScript.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Olive Village';
    src: url('../skelly/fonts/OliveVillage-Regular.woff2') format('woff2'),
        url('../skelly/fonts/OliveVillage-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ramaraja';
    src: url('../skelly/fonts/Ramaraja-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*** 3.0 - Globals ***/
html {
  scroll-padding-top: 180px; /* height of sticky header */
}
.search img {
  max-width: 20px;
  max-height: 20px;
}
.top-nav {
  display: flex;
  justify-content: right;
  flex-wrap: wrap;
  padding: 20px 0;
}
.top-nav a {
  align-self: center;
}
.top-nav .button {
  font-size: 15px !important;
  padding: 10px 20px !important;
}
.header-message, .footer-message {
  background-color: var(--tertiary-color);
  text-align: center;
}
.footer-message {
  background-color: var(--secondary-color);
}
.header-message p,
.footer-message p {
  margin-bottom: 0 !important;
  color: #FFF;
  font-size: 16px;
  padding: 5px 0;
}
.footer-message p {
  color: var(--tertiary-color);
}
a.get-quote.button {
    line-height: unset;
    padding: 13px 40px !important;
    max-width: 100% !important;
    background-color: var(--primary-color);
}
a:hover.get-quote.button {
    background-color: #fff;
    color: #404041;
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
strong {
    font-family: 'relevantmedium';
}
.cfx:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
img {
    max-width: 100%;
}
a {
    text-decoration: none;
    color: #404041;
}
a,
select:focus,
textarea:focus,
button:focus,
.tns-controls {
    outline: none;
}
ul {
    margin: 0;
}
.page_container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    font-size: 17px;
    font-family: 'relevantnormal', sans-serif;
    box-sizing: border-box;
    line-height: 1.4em;
    color: var(--tertiary-color);
    line-height: 1.4em;
    letter-spacing: px;
}
.content_container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}
#page_wrapper>p,
#page_wrapper>h1,
#page_wrapper>h2,
#page_wrapper>h3,
#page_wrapper>h4,
#page_wrapper>h5 {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.page_container h1,
.page_container h2,
.page_container h3,
.page_container h4,
.page_container h5,
.page_container h6,
.page_container p {
    margin-top: 0;
    margin-bottom: 0;
}
.single-resources .page_container h1,
.single-resources .page_container h2,
.single-resources .page_container h3,
.single-resources .page_container h4,
.single-resources .page_container h5,
.single-resources .page_container h6,
.single-post .page_container h1,
.single-post .page_container h2,
.single-post .page_container h3,
.single-post .page_container h4,
.single-post .page_container h5,
.single-post .page_container h6 {
    margin-bottom: 30px;
}
.page_container p {
  margin-bottom: 20px;
}

.p-large {
  font-size: 20px;
  line-height: 38px !important;
}

.p-small {
  font-size: 15px;
  line-height: 20px !important;
}

.page_container h1 {
    font-size: 66px;
    line-height: 1.2;
    font-family: 'relevantnormal', sans-serif;
    margin-bottom: 40px;
}
.page_container h2 {
    font-size: 50px;
    line-height: 1.2;
    font-family: 'relevantnormal', sans-serif;
    margin-bottom: 40px;
}
.page_container h3 {
    font-size: 38px;
    line-height: 1.2;
    font-family: 'relevantnormal', sans-serif;
}
.page_container h4 {
    font-size: 30px;
    font-family: 'relevantnormal', sans-serif;
    line-height: 1.2;
}
.page_container h5 {
    font-size: 22px;
    font-family: 'relevantnormal', sans-serif;
    line-height: 1.2;
    font-weight: 200;
}
.page_container h6 {
    font-size: 20px;
    font-family: 'relevantnormal', sans-serif;
    line-height: 1.2;
    margin-bottom: 15px;
}

.page_container p,
.page_container span,
.page_container a,
.page_container li,
.page_container ol {
    font-weight: 300;
    line-height: 1.6em;
}

.page_container a {
    transition: all 0.4s ease;
    margin: 0;
}

#page_wrapper p a,
#page_wrapper ul a,
#page_wrapper ol a {
    text-decoration: underline;
}

.editor-styles-wrapper p {
    line-height: 1.4em !important;
}
.hide-desktop { display: none; }
.show-desktop, .page-id-228 .show-contacts { display: block; }
.show-contacts {
    padding: 20px 0;
    cursor: pointer;
    font-size: 30px;
    line-height: 38px;
}
.mar-top-30 { margin-top: 30px; }
.gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
  line-height: 1 !important;
  min-height: unset !important;
}

@media only screen and (max-width: 768px) {
    .hide-mobile {
      display: none !important;
    }
    .show-mobile { display: block; }
    .page_container h1 {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .page_container h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .page_container h3 {
        font-size: 26px;
    }
    .page_container h4 {
        font-size: 26px;
    }
}
.page_container a.button,
button,
input[type="submit"],
input[type="button"] {
  transition: background-color 0.4s ease, color 0.4s ease, transform 0.7s;
  padding: 12.5px 30px;
  display: block;
  color: #fff;
  text-align: center;
  border: 0;
  border-radius: 30px;
  font-family: 'relevantmedium';
  font-size: 17px;
  line-height: 1;
  background: var(--primary-color);
  letter-spacing: 1px;
  width: max-content;
  cursor: pointer;
  border: 1px solid var(--primary-color);
}
.page_container a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  transition: background-color 0.4s ease, color 0.4s ease, transform 0.7s;
  color: var(--primary-color);
  background-color: #FFF;
  border: 1px solid var(--primary-color);
  transition: .3s ease-in-out;
}
button.button-b {
  background: transparent;
  color: var(--tertiary-color);
  border-radius: 0;
  padding: 5px 0;
  border: none;
  border-bottom: 2px solid var(--primary-color);
  cursor: pointer;
  transition: .3s ease-in-out;
  min-width: unset;
}
button.button-b:hover {
  padding-bottom: 10px;
  transition: .3s ease-in-out;
}
button.button-c {
  background-color: unset !important;
  border-bottom: none;
  border-radius: 0;
  color: var(--tertiary-color);
  padding: 0;
  margin-left: 30px;
  border: 0;
}
button.button-c:before {
  content: url('img/play.svg');
  position: relative;
  pointer-events: none;
  transition: all 0.2s linear;
  display: inline-block;
  width: 30px;
  left: -10px;
  top: 8px;
}
button.button-white {
  background-color: #FFF;
  color: var(--tertiary-color);
  border: 1px solid #FFF;
}
button.button-white:hover {
  background-color: transparent;
  color: #FFF;
  border: 1px solid #FFF;
}
.page_container form {
    margin: 0;
    position: relative;
}
.page_container form input:placeholder,
.page_container form select:placeholder,
.page_container form textarea:placeholder {
    color: #797B7D !important;
}
.page_container form input::-webkit-input-placeholder,
.page_container form select::-webkit-input-placeholder,
.page_container form textarea::-webkit-input-placeholder {
    color: #797B7D !important;
}

.page_container form input:-moz-placeholder,
.page_container form select:-moz-placeholder,
.page_container form textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #797B7D !important;
}

.page_container form input::-moz-placeholder,
.page_container form select::-moz-placeholder,
.page_container form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #797B7D !important;
}

.page_container form input:-ms-input-placeholder,
.page_container form select:-ms-input-placeholder,
.page_container form textarea:-ms-input-placeholder {
    color: #797B7D !important;
}

@media only screen and (max-width: 1404041px) {
    .image_copy .copy {
        padding-left: 30px;
    }
    .image_copy.switch .copy {
        padding: 0 30px 0 0;
    }
}

@media only screen and (max-width: 768px) {
    .image_copy {
        display: block;
    }
    .image_copy .image_wrapper {
        padding-bottom: 30px;
    }
    .image_copy .copy {
        padding: 0 !important;
    }
}

#homepage-intro {
  position: absolute;
  z-index: 999;
  overflow: hidden;
}
#homepage-intro .page_container {
  position: fixed;
  background-color: #FFF;
}
#homepage-intro .content_container {
  display: flex;
  width: 100vw;
  height: 100vh;
}
#homepage-intro .content {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding: 40px 0;
}
#homepage-intro .content h2 {
  font-size: 66px;
}
#homepage-intro .content p {
  font-size: 20px;
}
#homepage-intro .content > img {
  max-width: 200px;
  margin-bottom: 30%;
}
#homepage-intro .images {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 55%;
}
#homepage-intro .images .swiper-slide {
  height: 95vh;
}

@media only screen and (max-width: 767px) {
  #homepage-intro .content_container {
    flex-direction: column;
  }
  #homepage-intro .content,
  #homepage-intro .images {
    width: 100%;
  }
  #homepage-intro .content {
    z-index: 1000;
    position: relative;
  }
  #homepage-intro .content > img {
    max-width: 150px;
    margin-bottom: 60px;
  }
  #homepage-intro .content h2 {
    font-size: 40px;
  }
  #homepage-intro .content > div {
    margin-bottom: 10%;
  }
  #homepage-intro .images .swiper-slide {
    height: 50vh;
  }
  #homepage-intro .swiper-slider {
    background-size: cover !important;
  }
}

.contact.block,
.contact.block h1,
.contact.block p {
    text-align: left;
}

.contact .content_container form {
    max-width: 100% !important;
}

.contact .content_container .content p {
    margin-bottom: 50px;
}

ul#gform_fields_4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
}

.gfield:last-child {
    grid-column: 1/4;
}

.contact.block form input,
.contact.block form select,
.contact.block form textarea {
    color: #505050;
}

.contact.block form textarea {
    height: 108px !important;
}


svg.white {
    height: 100px;
    width: 100%;
    margin-bottom: 0px;
    background-color: #f8f9fa;
}

.contact .gform_wrapper div.validation_error {
    border-color: #F7F1E3;
    color: #F7F1E3;
    margin: 50px 0 0;
}

.contact .gform_wrapper .validation_message {
    color: #F7F1E3;
    padding: 7px 0;
}

.contact .gform_wrapper li.gfield.gfield_error {
    background-color: transparent;
    border: 0;
}

.contact .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.contact .gform_wrapper li.gfield_error textarea {
    border: 0;
    border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 950px) {
    .contact .content_container {
        grid-column-gap: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .contact .content_container {
        grid-template-columns: 1fr;
    }
    ul.gform_fields {
        display: block !important;
    }
}


/*** 5.0 - Header ***/

header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    background-color: #FFF;
}

header .phone,
footer .phone {
  font-size: 24px;
  font-family: 'relevantnormal';
}

header .contact-sticky { display: none; }
header .sticky-logo, header.sticky .logo, header.sticky .top-nav  {
  display: none;
  transition: all 0.2s linear;
}
header.sticky .sticky-logo {
  max-width: 250px;
  display: block;
  padding: 15px 0;
  transition: all 0.2s linear;
}
header.sticky .contact-sticky {
  display: block;
  margin-left: 30px;
}

header.sticky .desktop-view .right-header {
  align-self: end;
}

header .desktop-view {
      border-bottom: 1px solid rgba(0,0,0,.1);
}

.services-menu-container {
  display: flex;
}
.services-menu-container .services-menu {
  background-color: #F5F3F2;
  width: 25%;
  padding-right: 40px;
  align-self: stretch;
}
.services-menu-container .services-menu-content {
  width: 75%;
}
.header-info div {
    flex: 1;
    background-color: #404041;
    color: #fff;
    padding: 40px;
    min-height: 270px;
    position: relative;
    top: -152px;
    align-items: center;
    display: inline-flex;
}
.search-icon {
    position: relative;
    margin-left: 20px !important;
    top: 3px;
}
.desktop-view .search-icon {
    top: 5px;
}
.menu .page_item a {
    color: #404041;
    font-size: 16px;
}

/* body.admin-bar header {
  top: 32px; } */

header a.logo img {
    max-height: 100px;
}

header nav ul.menu {
    margin-bottom: 0;
}

.menu ul {
    display: flex;
    justify-content: center;
}

header nav .menu li {
    padding: 5px 20px;
}

header a.logo,
header nav,
header .phone {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
}


header .phone i,
header .social i {
    font-size: 40px;
    line-height: 1;
}

header .phone i {
    margin-right: 5px;
}

header .get-quote {
    padding: 0 30px;
}

header .sub-menu {
    position: absolute;
    left: 0;
    background-color: #FFF;
    /* padding: 5px; */
    display: none;
}

header .sub-menu li {
    display: block;
    padding: 10px 0;
}

header .navbar-wrapper {
    height: 100%;
    padding: 10px;
    padding-left: 0;
}

header .navbar-wrapper .phone {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-nav {
  display: flex;
}
.primary-menu-wrapper {
    width: 100%;
}
.primary-menu-wrapper .menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: right;
    height: 100%;
}

.primary-menu-wrapper .menu > li {
    padding: 0 10px;
    position: relative;
    padding-bottom: 19px;
    border-bottom: 6px solid transparent;
}
.primary-menu-wrapper .menu > li:hover,
.primary-menu-wrapper .menu .current_page_item {
    border-bottom: 6px solid var(--primary-color);
}

.primary-menu-wrapper .sub-menu li {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.primary-menu-wrapper .sub-menu li:last-child {
  border-bottom: 0;
}

.primary-menu-wrapper .menu li a {
    font-size: 18px;
    line-height: 1.4;
    font-family: 'relevantmedium';
}

.primary-menu-wrapper .menu .sub-menu {
    opacity: 0;
    visibility: hidden;
}

.primary-menu-wrapper .menu .active .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

.primary-menu-wrapper .menu li a,
header .bottom-row a.urgent-phone *,
header .bottom-row a.phone {
    color: #404041;
    transition: all 0.2s linear;
    letter-spacing: 1px;
}

.primary-menu-wrapper .menu li,
.primary-menu-wrapper .menu li a {
    height: 100%;
}

.primary-menu-wrapper .menu>li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}

.mobile_navigation .primary-menu-wrapper .menu .sub-menu {
    opacity: 1;
    visibility: visible;
}


header .page-container {
    max-width: 1440px !important;
}


    header li:hover .sub-menu {
        display: block;
    }
    header .desktop-view {
        display: block;
    }
    header .mobile-view {
        display: none;
    }
    header a.logo {
        margin-right: 10px;
        margin-left: 10px;
    }
    header .sub-menu {
        position: absolute;
        display: block;
        left: -80px;
        top: 52px;
    }
    header .desktop-view .menu>li>a:after {
        background: url('img/chev-down.svg');
        content: '';
        width: 10px;
        height: 7px;
        display: block;
        position: absolute;
        right: -10px;
        top: 10px;
        pointer-events: none;
        transition: all 0.2s linear;
        background-repeat: no-repeat;
    }
    header .desktop-view .menu>li:hover>a:after {
        transform: rotate(180deg);
    }
    header .desktop-view .menu .menu-item-1884>a:after {
        content: '';
        background: none;
    }
    header .desktop-view .sub-menu>li>a:after {
        content: url('img/chev-right.svg');
        position: relative;
        right: -5px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        transition: all 0.2s linear;
    }
    header .desktop-view .sub-menu>li:hover>a:after {
        padding-left: 5px;
    }

    .primary-menu-wrapper .menu li {
        margin: 0 1.5%;
    }
    .primary-menu-wrapper .menu li:last-child {
        margin-right: 0 !important;
    }
    .primary-menu-wrapper .menu>li:hover .sub-menu {
        justify-content: space-around;
        flex-direction: column;
        display: flex;
        min-width: 290px;
        flex-wrap: wrap;
        align-items: self-start;
        padding: 40px 20px 20px 20px;
        border: 1px solid rgba(0,0,0,.1);
    }
    .primary-menu-wrapper .sub-menu li {
        position: relative;
        width: 100%;
    }
    .primary-menu-wrapper .menu li a {
        align-items: flex-start;
    }


@media (max-width: 992px) {
    .blue-bkg {
        display: none;
    }
    header .desktop-view {
        display: none;
    }
    header .mobile-view {
        display: block;
    }
    header .mobile-view.open {
        max-height: 100vh;
        height: 100vh;
    }
    header a.logo img {
        max-height: 50px;
    }
    #mobile-burger {
        display: block;
    }
    header .mobile-view .menu li {
        padding: 10px 0;
        padding-left: 20px;
    }
    header .mobile-view .menu {
        display: flex;
        justify-content: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-top: 30px;
    }
    header .mobile-view .menu > li {
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,.07);
        padding: 10px 0;
    }
    header .mobile-view .menu > li:last-child {
        border-bottom: 0;
    }
    header .mobile-view .menu li > a:after,
    header .mobile-view .menu .content > a:after {
      background: url('img/chev-down.svg');
      content: '';
      width: 10px;
      height: 7px;
      display: block;
      position: absolute;
      right: 0;
      top: 10px;
      pointer-events: none;
      transition: all 0.2s linear;
      background-repeat: no-repeat;
    }
    header .mobile-view .menu .content > a:after,
    #menu-mobile-menu .services-mobile-menu .tab-mob .content a:after {
      background: url('img/chev-right.svg');
      background-repeat: no-repeat;
      height: 10px;
    }
    .mobile-view .social-media-wrapper {
        display: none;
        text-align: center;
        margin: 0;
        margin-top: 10px;
    }
    .mobile-view.open .social-media-wrapper {
        display: block;
    }
    header .mobile-view .menu>li.menu-item-has-children>a.open:after {
        transform: rotate(-90deg);
    }
    header .mobile-view .sub-menu {
        position: relative;
        background-color: unset;
        display: flex;
        top: 0;
        z-index: 1;
        transition: all 0.2s linear;
        display: none;
        overflow: hidden;
    }
    header .mobile-view .active .sub-menu {
        height: auto;
    }
    header .mobile-view a.open+.sub-menu {
        display: inline;
    }
}



/* Header Banner */

header .content_container {
    position: relative;
    display: flex;
    padding: 0 20px;
    align-items: center;
}
.logo {
    display: block;
    max-width: 200px;
}

@media only screen and (max-width: 768px) {
  .logo {
    max-width: 150px;
    margin: 15px 0;
  }
  header.sticky .sticky-logo {
    padding: 0;
  }
}

.main_page_navigation {
    position: relative;
    flex-grow: 1;
    margin: auto;
}

.main_page_navigation ul {
    list-style: none;
    padding: 0;
}

.mobile_navigation {
  width: 100%;
  overflow-y: scroll;
  display: block;
  border-top: 1px solid rgba(0,0,0,.07);
}

.mob-nav {
    display: none;
    position: relative;
    z-index: 2;
    width: 100%;
    background-color: #FFF;
    top: 0;
    left: 0;
    padding: 0 20px;
    height: 100vh;
}

.mob-nav ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    left: 0;
}

.mob-nav a {
    position: relative;
    display: block;
}

.mob-nav .menu-item-has-children>a.active::after {
    transform: rotate(180deg);
}

.mob-nav .sub-menu {
    padding: 0;
    display: none;
    background-color: #fff;
}

.mob-nav .nav-button {
    padding: 24px 20px 8px;
}

.mob-nav .nav-button a {
    padding: 7px 20px 8px;
    display: block;
    max-width: 400px;
    margin: 0 auto 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
}

.mob-nav .nav-button-transparent {
    padding: 8px 20px 24px;
}

.mob-nav .nav-button-transparent a {
    background-color: transparent;
}

.mob-nav .nav-button-transparent a:hover {
    background-color: #fff;
}

@media only screen and (min-width: 1031px) {
    .mob-nav {
        display: none !important;
    }
}


.hamburger {
    position: relative;
    display: block;
    width: 20px;
    height: 26px;
    margin-left: 20px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.hamburger .line {
    width: 20px;
    height: 2px;
    position: relative;
    border-radius: 2px;
    transition: width 0.2s ease;
    background-color: var(--primary-color);
}

.hamburger .line-1 {
    top: 0;
    right: 0;
}

.hamburger .line-2 {
    top: 8px;
}

.hamburger .line-3 {
    top: 16px;
}

.active .line-1 {
    animation: line-1-animate 0.6s forwards;
    transform: rotate(0deg);
    width: 25px;
}

.active .line-2 {
    animation: line-2-animate 0.2s forwards;
}

.active .line-3 {
    animation: line-3-animate 0.6s forwards;
    transform: rotate(0deg);
    width: 25px;
    position: absolute;
}

.dormant .line-1 {
    transform: rotate(0deg);
}

.dormant .line-2 {
    animation: line-2-unanimate 0.4s forwards;
}

.dormant .line-3 {
    transform: rotate(0deg);
}

@keyframes line-1-animate {
    0% {
        top: 0;
        transform: rotate(0deg);
    }
    45% {
        top: 11px;
        transform: rotate(0deg);
    }
    60% {
        top: 11px;
        transform: rotate(0deg);
    }
    100% {
        top: 11px;
        transform: rotate(45deg);
    }
}

@keyframes line-2-animate {
    100% {
        opacity: 0;
    }
}

@keyframes line-3-animate {
    0% {
        top: 22px;
        transform: rotate(0deg);
    }
    45% {
        top: 11px;
        transform: rotate(0deg);
    }
    60% {
        top: 11px;
        transform: rotate(0deg);
    }
    100% {
        top: 11px;
        transform: rotate(-45deg);
    }
}

@keyframes line-1-unanimate {
    0% {
        top: 11px;
        transform: rotate(45deg);
    }
    45% {
        top: 11px;
        transform: rotate(0deg);
    }
    60% {
        top: 11px;
        transform: rotate(0deg);
    }
    100% {
        top: 0;
        transform: rotate(0deg);
    }
}

@keyframes line-2-unanimate {
    0% {
        opacity: 0;
    }
    45% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes line-3-unanimate {
    0% {
        top: 11px;
        transform: rotate(-45deg);
    }
    45% {
        top: 11px;
        transform: rotate(0deg);
    }
    60% {
        top: 11px;
        transform: rotate(0deg);
    }
    100% {
        top: 22px;
        transform: rotate(0deg);
    }
}

.desktop-view .left-header {
    width: 20%;
}
.desktop-view .right-header {
    display: flex;
    width: 80%;
}
.mobile-view .left-header {
    width: 50%;
}
.mobile-view .right-header {
    display: flex;
    width: 50%;
    justify-content: end;
    align-items: center;
}


.width-100 {
  width: 100% !important;
  margin: 30px 0 !important;
}
#menu-mobile-menu .services-mobile-menu > ul {
  display: none;
}
#menu-mobile-menu .services-mobile-menu .content > ul {
  flex-direction: column;
  padding-left: 40px;
}
#menu-mobile-menu .services-mobile-menu .content > ul li {
  font-family: 'relevantthin';
  padding: 10px 0;
}
#menu-mobile-menu .services-mobile-menu .content > ul li:first-child {
  font-family: 'relevantnormal';
}
#menu-mobile-menu .services-mobile-menu .content > a {
  padding: 10px 0;
  margin-left: 40px;
  border-bottom: 1px solid rgba(0,0,0,.07);
}
/* (B) HIDE CHECKBOX */
#menu-mobile-menu .services-mobile-menu .tab-mob input { display: none; }
/* (C) TAB LABEL */
#menu-mobile-menu .services-mobile-menu .tab-mob label {
  /* (C1) DIMENSIONS */
  position: relative; /* required for (f2) position:absolute */
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 10px 0;
  margin-left: 20px;
  border-bottom: 1px solid rgba(0,0,0,.07);
}
#menu-mobile-menu .services-mobile-menu .tab-mob:last-child label {
  border-bottom: 0;
}
/* (D) TAB CONTENT - HIDDEN BY DEFAULT */
/* css animation will not work with auto height */
/* this is why we use max-height instead */
#menu-mobile-menu .services-mobile-menu .tab-mob .content {
  overflow: hidden;
  transition: max-height 0.3s;
  max-height: 0;
}
#menu-mobile-menu .services-mobile-menu .tab-mob .content a {
  display: block;
}
#menu-mobile-menu .services-mobile-menu .tab-mob input:checked ~ .content { max-height: 100vh; }
/* (F) EXTRA - ADD ARROW INDICATOR */
#menu-mobile-menu .services-mobile-menu .tab-mob label::after {
  background: url('img/chev-down.svg');
  background-repeat: no-repeat;
  content: '';
  width: 10px;
  height: 7px;
  position: absolute;
  right: 20px;
  top: 20px;
  transition: all 0.4s;
}
#menu-mobile-menu .services-mobile-menu .tab-mob input:checked ~ label::after { transform: rotate(180deg); }

#menu-mobile-menu .tab-mob label::before {
  content: '';
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid var(--primary-color);
  margin-right: 10px;
  position: relative;
}
#menu-mobile-menu .service-menu-aged-care label::before {
  border: 1px solid var(--aged-care-color);
}
#menu-mobile-menu .tab-mob.service-menu-aged-care input:checked ~ label::before {
  background-color: var(--aged-care-color);
}
#menu-mobile-menu .service-menu-home-care label::before {
  border: 1px solid var(--home-care-color);
}
#menu-mobile-menu .tab-mob.service-menu-home-care input:checked ~ label::before {
  background-color: var(--home-care-color);
}
#menu-mobile-menu .service-menu-retirement-living label::before {
  border: 1px solid var(--retirement-living-color);
}
#menu-mobile-menu .tab-mob.service-menu-retirement-living input:checked ~ label::before {
  background-color: var(--retirement-living-color);
}
#menu-mobile-menu .service-menu-community-services label::before {
  border: 1px solid #979797;
}
#menu-mobile-menu .tab-mob.service-menu-community-services input:checked ~ label::before {
  background-color: #979797;
}
#menu-mobile-menu .post-container {
  padding: 30px 20px;
  background-color: #F5F3F2;
  margin: 10px 0;
}
#menu-mobile-menu .post-container h5 {
  font-size: 17px;
}
#menu-mobile-menu .post-container a{
  margin-top: 20px;
}
header .mobile-view .menu li .content > a::after {
  top: 20px;
}

#searchform {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 4;
    max-width: 981px;
    height: 100%;
    top: 0;
    transition: all 0.2s linear;
}

#searchform input[type="submit"] {
    border: unset !important;
    width: 75px !important;
    mix-blend-mode: darken;
    z-index: 9;
    cursor: pointer;
}

#searchform i.fa.fa-search {
    position: absolute;
    font-size: 40px;
    right: 17px;
    top: 27px;
    cursor: pointer;
}

form#searchform {
    display: none;
    opacity: 0;
    transition: all 0.2s linear;
}

form#searchform.active {
    display: flex;
    opacity: 1;
    transform: translateZ(0);
    transition: all 0.2s linear;
}


/*** 6.0 - Body ***/

.post-template-default h4 {
    line-height: 40px;
}

.single .breadcrumbs_container {
    width: 1440px;
    position: relative;
    margin: 0 auto;
    height: 0;
    top: -100px;
    padding-left: 4%;
    color: #666 !important;
}

@media only screen and (max-width: 470px) {
    .single .breadcrumbs_container {
        padding-left: 13%;
    }
}

.single .breadcrumbs_container p a {
    text-decoration: unset !important;
    color: #666 !important;
    font-weight: 500 !important;
}

form.page-container.filters {
    display: grid;
    grid-template-columns: 0.7fr 1.3fr 1.3fr 1.3fr 0.4fr;
    margin-bottom: 40px;
    grid-column-gap: 20px;
}

form.page-container label {
    padding: 12px 0;
    font-weight: 600;
}

form.page-container input[type="submit"] {
    color: #fff !important;
    border: 2px solid #404041;
    background-color: #404041;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
}

form.page-container input[type="submit"]:hover {
    color: #404041 !important;
    border: 2px solid #404041;
    background-color: #fff;
    font-weight: 600;
}

form.page-container input[type="button"] {
    color: #fff !important;
    border: 2px solid #404041;
    background-color: #404041;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
}

/*** 7.0 - Footer ***/


svg.grey {
    height: 80px;
    width: 100%;
    margin-bottom: -7px;
}

svg.black {
    height: 100px;
    width: 100%;
    margin-bottom: -87px;
}

svg.hero {
    height: 100px;
    width: 100%;
    margin-bottom: -7px;
}

.footer-wrapper {
    max-width: 1240px;
    margin: 0 auto;
    color: var(--tertiary-color);
    padding: 80px 20px 30px 20px;
}
.footer-top, .footer-bottom {
  display: flex;
}
.footer-bottom {
  padding-top: 60px;
}
.footer-logo {
  width: 25%;
}
.footer-logo img {
  max-width: 245px;
}
.footer-nav {
  display: flex;
  width: 25%;
  justify-content: space-around;
}
.footer-nav a:hover {
  color: var(--primary-color);
}
.footer-text {
  width: 35%;
  padding: 0 70px;
}
.footer-text p {
  font-size: 14px;
  line-height: 1.4;
}
.footer-social {
  width: 15%;
}
.footer-nav ul {
    list-style: none;
    padding: 0;
}
.footer-nav ul li {
    margin-bottom: 5px;
}
.footer-social .phone {
  text-align: center;
  padding-bottom: 20px;
}
.footer-social .icons {
    display: flex;
    justify-content: space-around;
}

#menu-footer-menu {
  display: flex;
}

#menu-footer-menu  {
    list-style: none;
    padding: 0;
    display: flex;
    font-size: 12px;
}
#menu-footer-menu  li:after {
    content: "|";
    padding: 0 12px;
}
#menu-footer-menu  li:last-child::after {
    content: '';
}

footer .copyright p {
  font-size: 12px;
}
footer .footer-menu {
  padding-left: 100px;
}
@media only screen and (max-width: 768px) {
    .footer-wrapper {
      padding: 40px 20px;
    }
    .footer-top, .footer-bottom {
      flex-direction: column;
    }
    .footer-logo, .footer-nav, .footer-text, .footer-social {
      width: 100%;
      margin-bottom: 30px;
    }
    .footer-nav {
      justify-content: unset;
    }
    .extra-menu-class {
      padding-left: 30px;
    }
    .footer-social { order: 3; }
    .footer-text {
      order: 4;
      padding: 0;
      border-bottom: 1px solid rgba(0,0,0,.1);
      margin-bottom: 10px;
    }
    .footer-social .phone { text-align: left; }
    .footer-social .icons {
      justify-content: space-between;
      width: 50%;
    }
    .footer-bottom {
      padding: 0;
    }
    .footer-bottom .copyright { order: 2; }
    footer .footer-menu {
      padding-left: 0;
    }
    #menu-footer-menu {
      display: block;
      margin-bottom: 20px;
      letter-spacing: 0;
    }
    #menu-footer-menu li {
      display: inline;
    }
}


/* End footer */

/* FORMS */

.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea  {
  border: 0;
  background-color: #F5F3F2;
  font-family: 'relevantnormal';
  padding: 15px 20px !important;
}

/* calculator fields */
.field-white input,
.field-white select,
.field-white textarea  {
  background-color: #FFFFFF !important;
}

.gform_wrapper.gravity-theme .gfield textarea  {
  height: 100px !important;
}
#input_1_5 {
    color: #797B7D !important;
}



@media only screen and (max-width: 768px) {
  .gform_wrapper.gravity-theme .ginput_complex span {
    margin-bottom: 16px !important;
  }
  .gform_wrapper.gravity-theme .ginput_complex span:last-child {
    margin-bottom: 0 !important;
  }
}

.services-menu-container {
  display: none;
  position: absolute;
  background-color: #FFF;
  margin: 0 auto;
  width: 100%;
}
.services-menu-container .content_container {
  align-items: flex-start;
}
.services-menu-content .service-tab-content {
  display: none;
}

.services-menu-content ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding-left: 0;
}
.services-menu-content ul.community-services{
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  padding-left: 0;
}
.services-menu ul {
  padding-left: 0;
}
.services-menu ul li {
  list-style-type: none;
  padding: 30px 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
  font-size: 22px;
}
.services-menu ul a:last-child li {
  border-bottom: 0;
}
.services-menu ul li::before {
  content: '';
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid var(--primary-color);
  margin-right: 15px;
}
.services-menu ul li.service-menu-aged-care::before {
  border: 1px solid var(--aged-care-color);
}
.services-menu ul li.service-menu-home-care::before {
  border: 1px solid var(--home-care-color);
}
.services-menu ul li.service-menu-retirement-living::before {
  border: 1px solid var(--retirement-living-color);
}
.services-menu ul li.service-menu-disability::before {
  border: 1px solid var(--disability-color);
}
.services-menu ul li.service-menu-mental-health::before {
  border: 1px solid var(--mental-health-color);
}
.services-menu ul li.service-menu-youth-family::before {
  border: 1px solid var(--youth-mental-color);
}
.services-menu ul li.service-menu-domestic-violence::before {
  border: 1px solid var(--domestic-family-violence-color);
}
.services-menu ul li.service-menu-community-services::before {
  border: 1px solid #979797;
}

.services-menu ul li:hover.service-menu-aged-care::before,
.services-menu ul .active li.service-menu-aged-care::before,
.services-menu .services-content .aged-care a {
  background-color: var(--aged-care-color);
}
.services-menu ul li:hover.service-menu-home-care::before,
.services-menu ul .active li.service-menu-home-care::before,
.services-menu .services-content .home-care a {
  background-color: var(--home-care-color);
}
.services-menu ul li:hover.service-menu-retirement-living::before,
.services-menu ul .active li.service-menu-retirement-living::before,
.services-menu .services-content .retirement-living a {
  background-color: var(--retirement-living-color);
}
.services-menu ul li:hover.service-menu-disability::before,
.services-menu ul .active li.service-menu-disability::before,
.services-menu .services-content .disability a {
  background-color: var(--disability-color);
}
.services-menu ul li:hover.service-menu-mental-health::before,
.services-menu ul .active li.service-menu-mental-health::before,
.services-menu .services-content .mental-health a {
  background-color: var(--mental-health-color);
}
.services-menu ul li:hover.service-menu-youth-family::before,
.services-menu ul .active li.service-menu-youth-family::before,
.services-menu .services-content .youth-family a {
  background-color: var(--youth-mental-color);
}
.services-menu ul li:hover.service-menu-domestic-violence::before,
.services-menu ul .active li.service-menu-domestic-violence::before,
.services-menu .services-content .domestic-violence a {
  background-color: var(--domestic-family-violence-color);
}
.services-menu ul li:hover.service-menu-community-services::before,
.services-menu ul .active li.service-menu-community-services::before,
.services-menu .services-content .community-services a {
  background-color: #979797;
}
.services-menu-content ul li {
  list-style-type: none;
  padding: 10px 0;
}
.services-menu-content .locations-overview {
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding: 25px 0;
  padding-top: 0;
}
.services-menu-content .locations-overview span,
.services-menu-content ul li:first-child {
  font-family: 'relevantmedium';
}
.services-menu-content .locations-overview span:after,
.services-menu-content .locations-list a:after {
    content: url('img/chev-right.svg');
    position: relative;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all 0.2s linear;
}
.services-menu-content .locations-overview span:hover:after,
.services-menu-content .locations-list a:hover:after {
    padding-left: 5px;
}
.services-menu-content .locations-list {
  padding: 25px 0;
}
.services-menu-content .content_wrapper {
  display: flex;
}
.services-menu-content .content_wrapper .locations {
  width: 70%;
  padding: 40px 40px 0 40px;
  background-color: #FFF !important;
}
.services-menu-container-bg {
  background-color: #F5F3F2;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -1200px;
}
.services-menu-content .content_wrapper .post {
  padding: 20px 0;

  width: 30%;
}
.services-menu-content .post-container {
  padding: 20px;
    background-color: #F5F3F2;
}

.services-menu-content .post .img {
  width: 100%;
  height: 200px;
  margin-bottom: 20px;
  background-size: cover !important;
}

.services-menu-content .post h5 {
  margin-bottom: 20px;
}


#page_wrapper_ {
  position: relative;
  overflow: hidden;
}
.overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.1);
  z-index: 2;
}
.spacing {
    padding-top: 140px;
}
.spacing.medium {
    padding-top: 100px;
}
.spacing.small {
    padding-top: 20px;
}
.acf-map, .hc-acf-map {
    width: 100%;
    height: 660px;
    border: none;
    margin: 0;
}
.acf-map img {
   max-width: inherit !important;
}

@media only screen and (max-width: 768px) {
    .spacing {
        padding-top: 60px;
    }
    .spacing.medium {
        padding-top: 40px;
    }
    .page_container a.button, button, input[type="submit"], input[type="button"] {
      padding: 12.5px 15px;
    }
    button.button-c {
      margin-left: 30px;
    }
}

.close-btn-img {
  height: 20px;
  width: 20px;
  position: absolute;
  right: -30px;
  top: 30px;
}

.searchbox-container {
  position: absolute;
  width: 100%;
  display: none;
  background-color: #F5F3F2!important;
}
.search {
  background-color: var(--secondary-color);
  padding: 50px 0;
}
.search .content_container {
  display: flex;
  justify-content: space-between;
}
.search-container,
.subscribe-container {
  display: flex;
  background-color: #FFF;
  border-radius: 45px;
  padding: 25px;
  width: 65%;
  justify-content: space-between;
}
.search h4 {
  align-self: center;
}
.search .search-btn {
  padding-right: 50px;
  position: relative;
  padding: 15px 30px;
  padding-right: 60px;
  border-radius: 40px;
  border: 1px solid var(--primary-color);
}

.search .search-btn:hover {
  color: var(--primary-color);
  background-color: transparent;
}
.search button:after {
  content: url('../skelly/img/icon-search-white.svg');
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: .3s ease-in-out;
}
.search button:hover:after {
  content: url('../skelly/img/icon-search.svg');
  pointer-events: none;
  transition: .3s ease-in-out;
}
.search input {
  width: 70%;
  margin-left: 25px;
  font-size: 20px;
  line-height: 2.5;
  border: 0;
  font-family: 'relevantnormal';
}
.search input:focus{
    outline: none;
}
.search-close .close-btn-img {
  top: -20px;
}


.search-location .search {
  background-color: transparent;
  padding: 20px 0;
}
 .search .content_container {
  display: flex;
  justify-content: space-between;
}
.search-location .search-container {
  display: flex;
  background-color: #F5F3F2;
  border-radius: 45px;
  padding: 10px 25px;
  width: 55%;
  justify-content: left;
}
.search-location .search .search-icon {
  position: relative;
  padding: 15px 30px;
  padding-right: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
.search-location .search button:after {
  content: url('../skelly/img/icon-search.svg');
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.2s linear;
}
.search-location .search input {
   background-color: #F5F3F2;
}
.search-location .search-filter {
    display: flex;
}
.search-location .btn-search {
    margin-top: 20px;
    min-width: 150px;
}
.search-location .radius {
    display: flex;
    flex-direction: column;
    margin-right: 60px;
    width: 15%;
}
.search-location select {
    margin-top: 10px;
    padding: 15px;
}
.search-location .service-type {
    width: 75%;
}
.search-location .service-type > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 0px;
    margin-top: 10px;
}
.search-location .service-type > div > div{
}
.search-location .service-type > div > div:last-child{
    width: 300px;
}
.search-location input[type="checkbox"] {
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    border: 1px solid #D8D1CA;
    height: 15px;
    width: 15px;
}
.search-location input[type="checkbox"]:checked {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.search-location .service-type label {
    font-size: 15px;
    top: -5px;
    position: relative;
}
.search-location .search-results {
    background-color: #F5F3F2;
    padding: 80px 0;
}
.search-location .search-results .content_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}


@media only screen and (max-width: 768px) {
  .search-location .search-container,
  .search-location .radius,
  .search-location .service-type
   {
    width: 100%;
  }
  .search-location .search-filter {
    flex-direction: column;
  }
  .search-location .service-type > div,
  .search-location .search-results .content_container {
    grid-template-columns: 1fr;
  }
  .search-location .radius {
    margin-bottom: 15px;
  }
}

.single-loc .featured-image {
    height: 340px;
    width: 100%;
    background-size: cover !important;
}
.single-loc .content {
    background: #FFF;
    padding: 30px;
    min-height: 380px;
    position: relative;
}
.single-loc .content > div {
    display: flex;
    gap: 5px;
}
.single-loc h4 {
  margin-bottom: 20px;
}
.single-loc p {
  margin-top: 15px;
}
.single-loc .address {
  display: flex;
}
.single-loc svg,
.single-loc .svg,
#intro .svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  position: relative;
  top: 6px;
}
.single-loc .links {
  margin-top: 30px;
  position: absolute;
  bottom: 30px;
  display: flex;
}
.single-loc .button-b {
    margin-left: 30px;
    position: relative;
    top: 7px;

}

@media only screen and (max-width: 768px) {
    .single-loc .featured-image {
        height: 300px;
    }
    .single-loc .content {
        min-height: 380px;
    }
    .single-loc .content span {
        font-size: 15px
    }
    .single-loc .content p {
        font-size: 15px
    }
}
.awesomplete {
  width: 100%;
}
.awesomplete > ul {
  min-width: unset;
  border: none;
}
.awesomplete > ul::before {
  content: none;
}
.awesomplete > ul > li {
  padding: 5px 20px;
}
.awesomplete mark {
  background: transparent !important;

}
.awesomplete > ul > li[aria-selected="true"] {
  background: var(--primary-color);
}
.awesomplete > ul > li:hover {
    background: #d8d1ca;
}


@media only screen and (max-width: 768px) {
  .search .content_container {
    flex-direction: column;
  }
  .search-container, .search input {
    width: 100%;
  }
  .search-container {
    margin-top: 15px;
    padding: 10px 25px;
  }
  .search input {
    margin-left: 0;
  }
  .search .search-btn {
    margin-top: 15px;
  }
  .search h4 {
    align-self: unset;
  }
}

.open-container {
  box-shadow: 0px 1px 5px rgba(0,0,0,.1);
}
.fancybox-button {
  background-color: transparent;
}
.recent-posts {
  background-color: #F5F3F2;
}
.recent-posts .featured-post {
  display: flex;
  position: relative;
}
.recent-posts .featured-post .img {
  width: 50%;
  min-height: 400px;
  background-size: cover !important;
}
.recent-posts .featured-post .content {
  width: 50%;
  background-color: #FFF;
  padding: 0 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.recent-posts .posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.recent-posts .post .content {
  padding: 20px 40px 65px;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  background-color: #FFF;
}
.recent-posts .posts .img {
  min-height: 310px;
  background-size: cover !important;
}
.recent-posts .posts button {
  position: absolute;
  bottom: 40px;
}
.recent-posts .featured-post .content *,
.recent-posts .post .content * {
  margin-bottom: 20px;
}

.recent-posts .featured-post .content *:last-child,
.recent-posts .post .content *:last-child {
  margin-bottom: 0;
}

.recent-posts .content .details {
  font-size: 14px;
}
.recent-posts .content .details span {
  color: var(--primary-color);
  padding: 0 5px;
}

.blog {
  background-color: #FFF;
}

.blog-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 350px;
  background: url("./img/banner-background.svg");
}

.blog-heading h1 {
  color: #FFF
}

.blog .sort {
  display: flex;
}

.blog #sort-dropdown {
  display: flex;
  flex-direction: column;
  width: 25%;
  padding-right: 30px;
  margin-top: 15px;
}

.blog #sort-dropdown select {
  border: 1px solid rgba(0,0,0,.1);
  background-color: transparent;
  font-size: 15px;
  padding: 15px 20px;
  margin-top: 15px;
}

.blog .featured-post .content {
  background-color: #F5F3F2;
}

.blog .posts-container .posts .post {
  background-color: #F5F3F2;
}

.blog .posts-container .posts .post:nth-child(1),
.blog .posts-container .posts .post:nth-child(2) {
  grid-column: span 3;
}

.blog .posts-container .posts .post:nth-child(3),
.blog .posts-container .posts .post:nth-child(4),
.blog .posts-container .posts .post:nth-child(5) {
  grid-column: span 2;
}

.blog .posts-container .posts .post:nth-child(6),
.blog .posts-container .posts .post:nth-child(7) {
  grid-column: span 3;
}

.blog .news-load-more {
  margin: 0 auto;
}

.blog .pagination {
  text-align: center;
  margin: 60px 0 0;
  font-size: 20px;
}

.blog .prev.page-numbers svg,
.blog .next.page-numbers svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #F47E1E;
  position: relative;
  right: unset;
  left: unset;
}

.blog .next.page-numbers svg {
  transform: rotate(180deg);
}

.blog .pagination a,
.blog .pagination span {
  margin: 0 5px;
  color: #333;
  text-decoration: none;
}

.blog .prev.page-numbers,
.blog .next.page-numbers {
  color: var(--primary-color);
}

.blog .pagination .current {
  font-weight: bold;
  color: var(--primary-color);
}

.search-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px 0;
}

#search-input {
  width: 70vw;
  font-size: 24px;
  padding: 10px 20px;
  border-radius: 100px;
  border: 1px solid var(--tertiary-color);
}

.search-bar-container {
  position: relative;
}

.search-bar .search-button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 24px;
  background-color: var(--primary-color);
  color: #FFF;
  padding: 12px 25px;
  border-radius: 25px;
  cursor: pointer;
  border: 1px solid var(--primary-color);
  transition: all 0.3s ease;
}

.search-bar .search-button:hover {
  background-color: #FFF;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.blog .button-b,
.single-post .recent-posts .posts button {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: unset;
}

.arrow-read {
  width: 8px;
  transform: rotate(180deg);
  margin: unset !important;
}

.blog .button-b:hover,
.single-post .recent-posts .posts button {
  padding: 5px 0;
}

.blog .subscribe {
  background-color: var(--primary-color);
  padding: 50px 0 20px;
  margin-top: 80px;
}
.blog .subscribe .content_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.blog .subscribe .content_container h3 {
  align-self: center;
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
}
.blog .subscribe .gform_wrapper {
  width: 100%;
}
.blog .subscribe .gform_footer {
  align-items: center;
  justify-content: center;
  margin-top: 20px !important;
}
/* .blog .subscribe .gform_wrapper.gravity-theme .gform_fields {
  display: flex;
  justify-content: space-between;
} */
.blog .subscribe input[type="email"] {
  font-size: 20px !important;
  line-height: 2.5 !important;
  border: 0 !important;
  font-family: 'relevantnormal' !important;
  background-color: #FFF !important;
  text-align: center;
}
.blog .subscribe input[type="email"]::placeholder {
  color: var(--primary-color) !important;
  opacity: 1 !important;
}
.blog .subscribe input[type="email"]:focus  {
  outline: none !important;
}
.blog .subscribe input[type="submit"] {
  background-color: var(--primary-color) !important;
  color: #FFF !important;
  padding: 12.5px 30px !important;
  border: 1px solid #FFF;
  border-radius: 50px;
  min-width: 250px;
}
.blog .subscribe input[type="submit"]:hover {
  background-color: #FFF !important;
  color: var(--primary-color) !important;
}
.blog .subscribe  .gform_wrapper.gravity-theme #field_submit {
  align-self: center;
}
.blog .subscribe #field_submit {
  width: 120px;
}
.blog .subscribe .gform_wrapper .gform_validation_errors {
  display: none;
}

.blog .subscribe .subscribe-container {
  border-radius: 0;
  background: transparent;
  width: 100%;
  padding: 0 !important;
}


#gform_wrapper_3 input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
  color: #404041 !important;
}
#gform_wrapper_3 input::-moz-placeholder {
	/* Firefox 19+ */
  color: #404041 !important;
}
#gform_wrapper_3 input:-ms-input-placeholder {
	/* IE 10+ */
  color: #404041 !important;
}
#gform_wrapper_3 input:-moz-placeholder {
	/* Firefox 18- */
  color: #404041 !important;
}

@media only screen and (max-width: 768px) {
  .blog-heading {
    grid-template-columns: 1fr;
  }
  .blog .sort,
  .blog .subscribe .content_container {
    flex-direction: column;
  }
  .blog #sort-dropdown,
  .subscribe-container {
    width: 100%;
    padding-right: 0;
  }
  .blog .subscribe .content_container h4 {
    align-self: unset;
    margin-bottom: 15px;
  }
  .blog .subscribe #field_submit {
    position: absolute;
    bottom: -85px;
    left: -20px;
  }
  .blog .subscribe .content_container {
    padding: 10px 25px;
  }
  .blog .subscribe {
    padding-bottom: 10px;
  }
  #search-input {
    width: 90vw;
    font-size: 18px;
  }
  .search-bar .search-button {
    font-size: 18px;
    padding: 11.5px 25px;
  }
  .blog .posts-container .posts .post:nth-child(3), .blog .posts-container .posts .post:nth-child(4), .blog .posts-container .posts .post:nth-child(5) {
    grid-column: span 3;
  }
}

select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url('img/chev-down.svg');
    background-repeat: no-repeat;
    background-position: center right 20px;
    color: #797B7D;
}
.swiper-notification {
  display: none;
}
.swiper-pagination {
  z-index: 1;
}

::-webkit-scrollbar {  }
.swiper-button-next, .swiper-button-prev { z-index: 1 !important; }


.aged-care-bg {
  background-color: var(--aged-care-color);
}
.retirement-living-bg {
  background-color: var(--retirement-living-color);
}
.home-care-bg {
  background-color: var(--home-care-color);
}
.disability-bg {
  background-color: var(--disability-color);
}
.mental-health-bg {
  background-color: var(--mental-health-color);
}
.youth-mental-bg {
  background-color: var(--youth-mental-color);
}
.domestic-family-violence-bg {
  background-color: var(--domestic-family-violence-color);
}
.single-resources .single-post-content h1,
.single-post .single-post-content h1 {
  font-size: 50px;
}
/* .single-post .single-post-content {
  padding: 0 200px;
} */
.single-post .content_container.single-post-content,
.single-resources .content_container.single-post-content {
  margin-top: 50px;
  max-width: 840px;
  padding: 0;
}
.single-resources .recent-posts,
.single-post .recent-posts {
  background: none;
  position: relative;
  overflow: hidden;
}
.single-resources h1,
.single-post h1 {
  color: var(--primary-color);
}
.single-resources .single-post-content p,
.single-post .single-post-content p {
  font-size: 20px;
}
.single-resources .single-post-content .category,
.single-post .single-post-content .category {
  width: max-content;
  border: 1px solid var(--primary-color);
  border-radius: 25px;
  padding: 2px 25px;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.single-resources .date,
.single-post .date {
  font-size: 18px;
}
.single-resources .recent-posts .posts,
.single-post .recent-posts .posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.single-resources .recent-posts .post .content,
.single-post .recent-posts .post .content {
  padding: 20px 0 60px;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  position: relative;
}
.single-resources .recent-posts .posts .img,
.single-post .recent-posts .posts .img {
  min-height: 310px;
  background-size: cover !important;
}
.single-resources .recent-posts .posts button,
.single-post .recent-posts .posts button {
  position: absolute;
  bottom: 40px;
}
.single-resources .recent-posts .featured-post .content *,
.single-post .recent-posts .post .content * {
  margin-bottom: 20px;
}
.single-resources .recent-posts .featured-post .content *:last-child,
.single-post .recent-posts .post .content *:last-child {
  margin-bottom: 0;
}
.single-resources .date span,
.single-post .date span {
  color: var(--primary-color);
  padding: 0 5px;
}
.single-resources .static-pills,
.single-post .static-pills {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 60px 0 25px;
}
.single-resources .right-pills,
.single-post .right-pills {
  display: flex;
  gap: 16px;
}
.single-resources .right-pills a,
.single-post .right-pills a {
  width: max-content;
  background: var(--primary-color);
  color: #FFF;
  border-radius: 25px;
  padding: 2px 30px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
.single-resources .video,
.single-post .video {
  margin-bottom: 30px;
}
.single-post .video .content_container {
  padding: 0;
}
.single-resources .single-post-content h1 + p,
.single-resources .single-post-content h1 + div > p,
.single-resources .single-post-content h1 + .video + p,
.single-resources .single-post-content h1 + .wp-block-image + p,
.single-resources .single-post-content h1 + .video + div > p,
.single-resources .single-post-content h1 + .wp-block-image + div > p,
.single-post .single-post-content h1 + p,
.single-post .single-post-content h1 + div > p,
.single-post .single-post-content h1 + .video + p,
.single-post .single-post-content h1 + .wp-block-image + p,
.single-post .single-post-content h1 + .video + div > p,
.single-post .single-post-content h1 + .wp-block-image + div > p {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 40px;
}
.single-resources .single-post-content h2,
.single-post .single-post-content h2 {
  font-size: 28px;
}
.single-resources .single-post-content h2,
.single-resources .single-post-content h3,
.single-resources .single-post-content h4,
.single-resources .single-post-content h5,
.single-resources .single-post-content h6,
.single-post .single-post-content h2,
.single-post .single-post-content h3,
.single-post .single-post-content h4,
.single-post .single-post-content h5,
.single-post .single-post-content h6 {
  color: var(--primary-color);
}
.single-resources .single-post-content h3,
.single-post .single-post-content h3 {
  font-size: 24px;
}
.single-resources .wp-block-pullquote,
.single-post .wp-block-pullquote {
  padding: 80px 40px 60px;
  background: #F2F0EF;
  position: relative;
}
/*.single-post .wp-block-pullquote + p,*/
/*.single-post .wp-block-pullquote + h2,*/
/*.single-post .wp-block-pullquote + h3,*/
/*.single-post .wp-block-pullquote + h4,*/
/*.single-post .wp-block-pullquote + h5,*/
/*.single-post .wp-block-pullquote + h6 {*/
/*  margin-top: 25px;*/
/*}*/
.single-resources .wp-block-quote p em,
.single-post .wp-block-quote p em {
  font-size: 22px;
}
.single-resources .wp-element-caption,
.single-post .wp-element-caption {
  background: #F2F0EF;
  margin: unset;
  padding: 10px 20px;
  font-size: 16px;
}
.single-resources .wp-block-pullquote::before, 
.single-post .wp-block-pullquote::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_49_3)'%3E%3Cpath d='M0 3.97681C5.45958 6.0058 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401848 6.03285 -9.6967e-08 5.08599 0 3.97681ZM9.81062 3.97681C15.2702 6.0058 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681ZM13.9261 8.57668e-07C15.2009 9.69117e-07 16.1986 0.392271 16.9192 1.17681C17.6397 1.96135 18 3.07053 18 4.50435C18 6.18164 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681C9.81063 2.86763 10.2125 1.92077 11.0162 1.13623C11.8199 0.378745 12.7898 7.58333e-07 13.9261 8.57668e-07ZM4.11547 0C5.3903 1.1144e-07 6.38799 0.39227 7.10855 1.17681C7.8291 1.96135 8.18938 3.07053 8.18938 4.50435C8.18938 6.18164 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401848 6.03285 -9.6967e-08 5.08599 0 3.97681C9.6968e-08 2.86763 0.401848 1.92077 1.20554 1.13623C2.00924 0.378744 2.97922 -9.934e-08 4.11547 0Z' fill='%23F47E1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_49_3'%3E%3Crect width='18' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 30px;
  left: 40px;
}
.single-resources .wp-block-pullquote::after,
.single-post .wp-block-pullquote::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_49_3)'%3E%3Cpath d='M0 3.97681C5.45958 6.0058 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401848 6.03285 -9.6967e-08 5.08599 0 3.97681ZM9.81062 3.97681C15.2702 6.0058 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681ZM13.9261 8.57668e-07C15.2009 9.69117e-07 16.1986 0.392271 16.9192 1.17681C17.6397 1.96135 18 3.07053 18 4.50435C18 6.18164 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681C9.81063 2.86763 10.2125 1.92077 11.0162 1.13623C11.8199 0.378745 12.7898 7.58333e-07 13.9261 8.57668e-07ZM4.11547 0C5.3903 1.1144e-07 6.38799 0.39227 7.10855 1.17681C7.8291 1.96135 8.18938 3.07053 8.18938 4.50435C8.18938 6.18164 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401848 6.03285 -9.6967e-08 5.08599 0 3.97681C9.6968e-08 2.86763 0.401848 1.92077 1.20554 1.13623C2.00924 0.378744 2.97922 -9.934e-08 4.11547 0Z' fill='%23F47E1E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_49_3'%3E%3Crect width='18' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 10px;
  right: 40px;
}
.single-resources .wp-block-pullquote p,
.single-post .wp-block-pullquote p {
  text-align: left;
}
.single-resources .wp-block-pullquote p em,
.single-post .wp-block-pullquote p em {
  font-size: 24px;
  font-style: normal;
}
.single-resources .recent-posts .content_container,
.single-resources .subscribe .content_container, .single-resources .recent-posts .content_container,
.single-post .recent-posts .content_container,
.single-post .subscribe .content_container, .single-post .recent-posts .content_container {
  max-width: 840px;
  padding: 0;
}
.single-resources .recent-posts .content_container,
.single-post .recent-posts .content_container {
  padding: 0;
}
.single-resources .subscribe .content_container,
.single-post .subscribe .content_container {
  background: var(--primary-color);
}
.single-resources .subscribe .content_container,
.single-post .subscribe .content_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 40px 20px;
  margin-top: 25px;
}
.single-resources .subscribe .content_container h3,
.single-post .subscribe .content_container h3 {
  align-self: center;
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
}
.single-resources .subscribe .subscribe-container,
.single-post .subscribe .subscribe-container {
  border-radius: 0;
  background: transparent;
  width: 100%;
  padding: 0 !important;
}
.single-resources .subscribe input[type="email"],
.single-post .subscribe input[type="email"] {
  font-size: 20px !important;
  line-height: 2.5 !important;
  border: 0 !important;
  font-family: 'relevantnormal' !important;
  background-color: #FFF !important;
  text-align: center;
}
.single-resources .recent-posts,
.single-post .recent-posts {
  padding: 50px 0;
}
.single-resources .subscribe .gform_wrapper,
.single-post .subscribe .gform_wrapper {
  width: 100%;
}
.single-resources .subscribe .gform_footer,
.single-post .subscribe .gform_footer {
  align-items: center;
  justify-content: center;
  margin-top: 20px !important;
}
.single-resources .subscribe input[type="submit"],
.single-post .subscribe input[type="submit"] {
  background-color: var(--primary-color) !important;
  color: #FFF !important;
  padding: 12.5px 30px !important;
  border: 1px solid #FFF;
  border-radius: 50px;
  min-width: 250px;
}
.single-resources .subscribe input[type="submit"]:hover,
.single-post .subscribe input[type="submit"]:hover {
  background-color: #FFF !important;
  color: var(--primary-color) !important;
}
.single-resources #gform_confirmation_wrapper_3,
.single-post #gform_confirmation_wrapper_3,
.blog #gform_confirmation_wrapper_3 {
  width: 100%;
  text-align: center;
  color: #FFF;
  margin-bottom: 40px;
}


.single-page h1 { width: 80%; margin-bottom: 15px; }
.single-page #intro .content_container,
.single-page #intro .content_container .links {
  display: flex;
}
.single-page #intro .content_container .links { 
  margin-top: 20px;
  margin-bottom: 40px;
}
.single-page #intro .content_container > div { 
    position: relative;
    width: 50%; 
}
.single-page #intro .button-b {
  margin-left: 30px;
  position: relative;
  top: 7px;
}
.single-page .img1-1 {
    position: absolute;
}
.single-page .img1-2 {
    position: absolute;
    bottom: -245px;
}
.single-page .img2-1 {
    position: absolute;
    width: 600px;
    top: 90px;
    left: -20px;
}
.single-page .img2-2 {
    position: absolute;
    width: 600px;
    top: 20px;
    left: -50px;
}
.single-page #intro .img1 {
    position: absolute;
}
.single-page #gallery_slider {
  position: relative;
}
.single-page #gallery_slider .swiper-slide {
  width: 100% !important;
  height: 750px;
  background-position: initial !important;
  background-size: cover !important;
}
.single-page #gallery_slider .swiper-button-next, .single-page #gallery_slider .swiper-button-prev {
  color: #FFF;
}
.single-page #gallery_slider .swiper-pagination-bullet {
  width: 12.5px;
  height: 12.5px;
  margin-right: 10px;
  background-color: #FFF;
  opacity: 1;
}
.single-page #gallery_slider .swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}
.single-page #image_column .image_copy {
  display: flex;
  align-items: center;
}
.single-page #image_column .image_copy .image {
  width: 100%;
  max-width: 60%;
}
.single-page #image_column .image_copy .image.right {
  order: 2;
}
.single-page #image_column .image_copy .content {
  width: 100%;
  max-width: 40%;
}
.single-page #image_column .image_copy .content.left {
  padding-left: 130px;
}
.single-page #image_column .image_copy .content.right {
  padding-right: 130px;
}
.single-page .make-my-day button {
    background-color: #BEC89E !important;
    border-color: #BEC89E !important;
}
.single-page .make-my-day button:hover { 
    color: #2D292D !important;
}
.single-page #list_services .services {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}
.single-page #list_services .service-item {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.single-page #list_services .services .title {
    display: flex;
    align-items: center;
}
.single-page #list_services .services img {
    height: 26px !important;
    width: auto;
    position: relative;
    top: 6px;
}
.single-page #list_services .services h5 {
  margin-bottom: 20px;
}
.single-page #list_services .services p {
  width: 90%;
  margin-bottom: 0;
}
.single-page #list_services .content {
    margin-top: 40px;
    text-align: left;
    font-size: smaller;
}
.single-page #list_rooms .rooms {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 80px;
}
.single-page #list_rooms .content_container > p {
  width: 50%;
  margin-bottom: 50px;
}
.single-page #list_rooms h5 {
  font-size: 30px;
  margin-bottom: 15px;
}
.single-page #list_rooms .rooms .room-img {
  height: 300px;
  width: 100%;
  margin-bottom: 30px;
  background-size: cover !important;
}
.single-page #list_rooms .room-occupancy,
.single-page #list_rooms .room-size {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.single-page #list_rooms .room-occupancy {
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.single-page #list_rooms .room-price > span:first-child {
  font-size: 15px;
}
.single-page #list_rooms .room-price > span:last-child {
  font-size: 20px;
  margin-left: 15px;
}
.single-page #list_rooms .room-setting {
  gap: 30px;
  margin-top: 20px;
}
.single-page #list_rooms .room-setting,
.single-page #list_rooms .room-setting > div {
  display: flex;
  font-size: 15px;
}
.single-page #list_rooms .room-setting img {
  width: 30px;
  margin-right: 10px;
}
.single-page #list_rooms button {
  margin-top: 30px;
}
.single-page #book_tour .content_container {
  display: flex;
    gap: 100px
}
.single-page #book_tour .content_container > div {
    width: 100%; 
}



.single-page #testimonials .content_container {
  text-align: center;
}
.single-page #testimonials .swiper-testimonial {
  width: 70%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.single-page #testimonials img {
  max-width: 60px;
  margin-bottom: 30px;
}
.single-page #testimonials h4 {
  margin-bottom: 45px;
}
.single-page #testimonials p {
  margin-bottom: 45px;
}
.single-page #testimonials .swiper-slide {
  padding: 0 100px;
}
.single-page #testimonials .swiper-pagination {
  position: relative;
}
.single-page #testimonials .swiper-button-next,
.single-page #testimonials .swiper-button-prev {
  color: var(--primary-color);
}
.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}


@media only screen and (max-width: 768px) {
    .single-page #testimonials  {
        width: 100%;
    }
    .single-page #testimonials .swiper-slide {
        padding: 0;
    }
    .single-page #testimonials .swiper-button-next,
    .single-page #testimonials .swiper-button-prev {
        display: none;
    }
    .single-page #testimonials  h4 {
        font-size: 22px;
    }
    .single-page #book_tour .content_container {
        flex-direction: column;
        gap: 30px;
    }
    .single-page #book_tour .content_container .copy {
        width: 100%;    
    }
        .single-page .img1-1 {
		position: relative;
		top: 0;
		margin-bottom: -186px;
	}
    .single-page .img2-1 {
        top: 320px;
        left: -10px;
    }
    
	.single-page .img1-2 {
		bottom: 0;
		position: relative;
		margin-bottom: -140px;
	}
    .single-page .img2-2 {
        top: 220px;
        left: 15px;
    }

    .single-post .recent-posts .posts button {
      position: relative;
      bottom: unset;
    }

    .single-post .recent-posts .post .content {
      padding: 20px 0 0;
    }
    .single-page #list_services .services .title {
        display: flex;
    }
    .single-page #list_services .services .title img {
        margin-top: -5px;
    }
}

.single-page #downloads .content_container {
  display: flex;
}
.single-page #downloads .content_container .intro {
  width: 40%;
  padding-right: 150px;
}
.single-page #downloads .content_container .download-list {
  width: 60%;
}
.single-page #downloads .download {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 20px 40px;
  border-radius: 40px;
  background: #F5F3F2;
  margin-bottom: 20px;
}
.single-page #downloads .download img {
  max-width: 30px;
}
.single-page #downloads .download img {
  max-width: 30px;
}
.single-page #downloads .download span {
  text-transform: uppercase;
}
.single-page #downloads .download > div {
  width: 100%;
  padding-left: 30px;
}
.single-page #downloads .download > div > span {
  font-size: 10px !important;
  display: block;
}
.single-page #image_column_link .image_copy .image_wrapper {
  max-width: 60%;
}
.single-page #image_column_link .image_copy .copy {
  max-width: 40%;
  padding: 0;
  padding-left: 130px;
}
.single-page #recent-posts {
  background-color: #F5F3F2;
  position: relative;
  overflow: hidden;
}
.single-page #recent-posts svg {
  position: absolute;
  right: -30%;
  top: -43%;
}
.single-page #recent-posts .featured-post {
  display: flex;
  margin-bottom: 40px;
}
.single-page #recent-posts .featured-post .img {
  width: 50%;
  min-height: 400px;
  background-size: cover !important;
}
.single-page #recent-posts .featured-post .content {
  width: 50%;
  background-color: #FFF;
  padding: 0 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.single-page #recent-posts .posts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.single-page #recent-posts .post .content {
  background-color: #FFF;
  padding: 40px;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  position: relative;
}
.single-page #recent-posts .post .content > a {
position: absolute;
bottom: 30px;
}
.single-page #recent-posts .posts .img {
  min-height: 310px;
  background-size: cover !important;
}
.single-page #recent-posts .featured-post .content *,
.single-page #recent-posts .post .content * {
  margin-bottom: 20px;
}
.single-page #recent-posts .featured-post .content *:last-child,
.single-page #recent-posts .post .content *:last-child {
  margin-bottom: 0;
}
.single-page #recent-posts .featured-post .tab {
  color: #FFF;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  width: fit-content;
  padding: 10px 20px;
  position: relative;
  left: 30px;
}
.single-page #recent-posts .featured-post .tab.aged-care {
  background-color:var(--aged-care-color);
}
.single-page #recent-posts .featured-post .tab.home-care {
  background-color:var(--home-care-color);
}
.single-page #recent-posts .featured-post .tab.retirement-living {
  background-color:var(--retirement-living-color);
}
.single-page #recent-posts .featured-post .tab.community-services {
  background-color:var(--community-services-color);
}
.single-page #recent-posts .featured-post .tab.disability {
  background-color:var(--disability-color);
}
.single-page #recent-posts .featured-post .tab.mental-health {
  background-color:var(--mental-health-color);
}
.single-page #recent-posts .featured-post .tab.youth-family {
  background-color:var(--youth-family-color);
}
.single-page #recent-posts .featured-post .tab.domestic-violence {
  background-color:var(--domestic-family-violence-color);
}
.single-page #recent-posts .content .details {
  font-size: 14px;
}
.single-page #recent-posts .content .details span {
  color: var(--primary-color);
  padding: 0 5px;
}

.single-page #contact .content_container {
  text-align: center;
  width: 50%;
}
.single-page #contact p {
  padding: 0 60px;
}
.single-page #contact .gform_footer {
  display: flex;
  justify-content: center;
}
.single-page #contact_banner {
  background-color: #F5F3F2;
}
.single-page #contact_banner .content_container {
  display: flex;
  justify-content: end;
  align-items: center;
  min-height: 800px;
}
.single-page #contact_banner .img {
  position: absolute;
  left: -350px;
  top: 0;
}
.single-page #contact_banner .content {
  width: 50%;
  padding-left: 120px;
}
.single-page #contact .gform_title {
  display: none;
}
@media only screen and (max-width: 768px) {
  .single-resources .content_container.single-post-content,
  .single-post .content_container.single-post-content {
    padding: 0 20px;
  }
    .single-resources .recent-posts,
    .single-post .recent-posts {
        padding: 60px 20px;
  }
  .single-resources .single-post-content .category,
  .single-resources .right-pills a,
  .single-post .single-post-content .category,
  .single-post .right-pills a {
    font-size: 16px;
  }
  .single-resources .single-post-content h1,
  .single-post .single-post-content h1 {
    font-size: 36px;
  }
  .single-resources .static-pills,
  .single-post .static-pills {
    flex-direction: column-reverse;
    gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .single-page #intro .content_container,
  .single-page #image_column .image_copy,
  .single-page #downloads .content_container,
  .single-page #recent-posts .featured-post,
  .single-page #contact_banner .content_container {
    flex-direction: column;
  }
  .single-page #intro .content_container > div,
  .single-page #image_column .image_copy .content,
  .single-page #image_column .image_copy .image,
  .single-page #list_services .services p,
  .single-page #list_rooms .content_container > p,
  .single-page #book_tour .copy,
  .single-page #downloads .content_container .intro,
  .single-page #downloads .download > a,
  .single-page #downloads .content_container .download-list,
  .single-page #recent-posts .featured-post .img,
  .single-page #recent-posts .featured-post .content,
  .single-page #contact .content_container,
  .single-page #contact_banner .content  {
    width: 100%;
    max-width: 100%;
  }
  .single-page #gallery_slider .swiper-slide {
    height: 350px;
  }
  .single-page #image_column .image_copy .content.right,
  .single-page #downloads .content_container .intro,
  .single-page #image_column .image_copy .content.left,
  .single-page #contact p, .single-page #contact_banner .content  {
    padding-left: 0;
    padding-right: 0;
  }
  .single-resources .recent-posts .posts,
  .single-post .recent-posts .posts,
  .single-page #list_services .services,
  .single-page #list_rooms .rooms,
  .single-page #recent-posts .posts {
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .single-page #video iframe {
    height: 250px;
  }
  .single-page #downloads .download {
    flex-wrap: wrap;
    row-gap: 15px;
  }
  .single-page #downloads .download > div {
    width: 85%;
    padding-left: 15px;
  }
  .single-page #recent-posts .featured-post .img {
    height: 300px;
    min-height: 300px;
  }
  .single-page #recent-posts .featured-post .content,
  .single-page #recent-posts .post .content {
    padding: 30px;
  }
  .single-page #contact_banner .content_container {
    min-height: unset;
    padding-bottom: 40px;
    justify-content: start;
  }
  .single-page #contact_banner .img {
    position: relative;
    width: 120%;
    left: -40px;
    margin-bottom: 30px;
  }
  .single-page #image_column .image_copy .content.right {
    order: 2;
  }
  .single-page #image_column .image_copy .image.right {
    order: 1;
    margin-bottom: 30px;
  }
  .single-page #image_column .image_copy .image {
    margin-bottom: 30px;
  }
  .single-page #recent-posts .featured-post .content h4 {
    font-size: 22px;
  }
  .single-page #recent-posts .featured-post .tab {
    left: 15px;
    padding: 5px 15px;
    font-size: 14px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
}

.recent-posts {
  background-color: #F5F3F2;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}
.recent-posts svg {
  position: absolute;
  right: -30%;
  top: -44%;
}
.animate {
  animation: svg-scroll 5s;
    animation-iteration-count: 1;
}
.animate-reverse {
  animation: svg-scroll-back 5s;
    animation-iteration-count: 1;
}

@keyframes svg-scroll {
	0% {
		top: -44%;
	}
	50% {
		top: 0%;
	}
  100% {
    top: 44%;
  }
}


@keyframes svg-scroll-back {
	0% {
		top: 44%;
	}
	50% {
		top: 0%;
	}
  100% {
    top: -44%;
  }
}




.recent-posts .featured-post {
  display: flex;
  margin-bottom: 80px;
}
.recent-posts .featured-post .tab {
  color: #FFF;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: fit-content;
  padding: 10px 20px;
  position: absolute;
  left: 30px;
  bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.page-template-page-resources .recent-posts .featured-post .tab {
  background-color:var(--aged-care-color);
}

.recent-posts .featured-post .tab.aged-care {
  background-color:var(--aged-care-color);
}
.recent-posts .featured-post .tab.home-care {
  background-color:var(--home-care-color);
}
.recent-posts .featured-post .tab.retirement-living {
  background-color:var(--retirement-living-color);
}
.recent-posts .featured-post .tab.community-services {
  background-color:var(--community-services-color);
}
.recent-posts .featured-post .tab.disability {
  background-color:var(--disability-color);
}
.recent-posts .featured-post .tab.mental-health {
  background-color:var(--mental-health-color);
}
.recent-posts .featured-post .tab.youth-family {
  background-color:var(--youth-family-color);
}
.recent-posts .featured-post .tab.domestic-violence {
  background-color:var(--domestic-family-violence-color);
}
.recent-posts .featured-post .img {
  width: 50%;
  min-height: 400px;
  background-size: cover !important;
}
.recent-posts .featured-post .content {
  width: 50%;
  background-color: #FFF;
  padding: 50px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.recent-posts .featured-post .content .category {
  width: max-content;
  border: 1px solid #000;
  border-radius: 25px;
  padding: 0 10px;
}
.recent-posts .posts .img {
  min-height: 310px;
  background-size: cover !important;
}
.recent-posts .posts button {
  position: absolute;
  bottom: 40px;
}
.recent-posts .featured-post .content *,
.recent-posts .post .content * {
  margin-bottom: 20px;
}

.recent-posts .featured-post .content *:last-child,
.recent-posts .post .content *:last-child {
  margin-bottom: 0;
}


@media only screen and (max-width: 768px) {
  .recent-posts {
    padding: 60px 0;
  }
  .recent-posts .featured-post {
    flex-direction: column;
  }
  .recent-posts .featured-post h4 {
    font-size: 22px;
  }
  .recent-posts .featured-post .content,
  .recent-posts .featured-post .img {
    width: 100%;
  }
  .recent-posts .featured-post .content,
  .recent-posts .post .content {
    padding: 20px 30px 60px;
  }
  .recent-posts .posts h5 {
    font-weight: 600;
  }
  .recent-posts .posts {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
  .recent-posts .featured-post .img, .recent-posts .posts .img {
    height: 300px;
    min-height: 300px;
    position: relative;
  }
  .recent-posts .featured-post .tab {
    left: 15px;
    padding: 5px 15px;
    font-size: 14px;
  }
  .recent-posts svg {
    display: none;
  }
  .blog .prev.page-numbers svg, .blog .next.page-numbers svg {
    display: unset;
  }
}

.page-id-209 .recent-posts {
  background-color: #FFF;
  padding: 0;
}
.page-id-1797 .block_intro .content_container {
    display: block;
    width: 100%;
}
.page-id-209 .recent-posts .featured-post .content {
    background-color: #F5F3F2;
}
.page-id-240 #page_wrapper_,.page-id-232 #page_wrapper_,
.privacy-policy #page_wrapper_ {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}


/*===========================
    ORIGIN STORIES PARENT
===========================*/


.origin-stories-parent {
    background: linear-gradient(360deg, #0D4F4E, #188C80 95%);
}
.origin-stories-container {
    max-width: 700px;
    padding: 0px 15px;
    margin: 0px auto;
}
.origin-stories-parent .logo {
    max-width: 570px;
    max-height: 570px;
    margin: 0 auto -220px auto;
}
.origin-stories-parent .logo svg {
    translate: -50%;
    position: relative;
    left: 50%;
}

.origin-stories-parent .title {
    max-width: 650px;
    font-family: 'Oranges and Lemons', Arial, sans-serif;
    font-size: 80px;
    line-height: 56px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: #fff;
    margin: 0px auto 35px;
}
.origin-stories-parent .copy {
    max-width: 650px;
    font-family: 'Relevant', Arial, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin: 0px auto 50px;
}

.origin-stories-parent .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 35px;
    color: #fff;
    padding-bottom: 150px;
}


.origin-stories-parent .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 35px;
  color: #fff;
  padding-bottom: 50px;
}
.origin-stories-parent .bottom-button{
  padding-bottom: 150px;
}
.origin-stories-parent .bottom-button a.popup{
  margin:auto;
  background-color:  #188C80;
  border: 1px solid #188C80;;
}

 #button-message a.close-modal{
  
  display: none !important;
}
#button-message .message-area{
  font-family: 'relevantthin', Arial, sans-serif;

  color: #404041;
  margin-top: 25px;
    max-height: 1200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 20px;
    padding-right: 20px;
}
#button-message .message-area .author .author-name{
  font-family: 'Oranges and Lemons', Arial, sans-serif;
  font-style: italic;
  font-size: 53px;
  line-height: 30px;
  margin: 0;
  color: #188C80;
}
#button-message .message-area .author .author-position{
  font-style: italic;
  font-weight: bold;
  font-family: 'relevantbold', Arial sans-serif;
  font-size: 18px;
  margin-top: 0px;
  line-height: 0;
  color: #404041;
}
#button-message a img.close-btn-img{
  right: 20px !important;
}
#button-message.modal{
  max-width: 660px !important;
}
.jquery-modal.blocker{
  z-index: 99999;
}

.origin-stories-parent .bottom-button a.popup:hover{
    color: #fff !important;
  background: #0D4F4E !important;
}


.origin-stories-parent .links .link em {
    display: block;
    font-family: 'Olive Village', Arial, sans-serif;
    font-size: 46px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    color: #fff;
}
.origin-stories-parent .links .link.coming-soon em {
    opacity: .3;
}
.origin-stories-parent .links .link.coming-soon span {
    display: block;
    font-family: 'Relevant', Arial, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin: 0px auto;
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .origin-stories-parent .logo {
        max-width: 470px;
        max-height: 420px;
        margin: -80px auto -150px auto;
    }
    .origin-stories-parent .logo svg {
        max-width: 470px;
        max-height: 470px;
    }
    .origin-stories-parent .title {
        font-size: 60px;
        line-height: 42px;
        margin: 0px auto 25px;
    }
    .origin-stories-parent .copy {
        margin: 0px auto 35px;
    }
    
    .origin-stories-parent .links {
        justify-content: center;
        padding-bottom: 100px;
    }
    .origin-stories-parent .links .link em {
        font-size: 36px;
        line-height: 47px;
    }
    #button-message .message-area .author .author-position {
        font-size: 14px;
        line-height: 110%;
    }
}

/*
    ALONDRA PAGE
*/


.page-id-17649 h2 {
    color: #bec89e !important;
}
.page-id-17649 .home_banner {
    background-position: top center !important;
}
.page-id-17649 #page_wrapper_ .button, 
.page-id-17649 .testimonial-carousel.dark-bg .swiper-pagination-bullet-active {
    background-color: #BEC89E !important;
    border-color: #BEC89E !important;
}
.page-id-17649 #page_wrapper_ .button:hover {
    color: #2D292D !important;
}
.page-id-17649 #page_wrapper_ h1 span {
    font-family: 'pauline', sans-serif;
    font-style: italic;
    font-weight: 400;
}

.page-id-17649 .content_container h2,
.page-id-17649 .image_copy_extra h2 {
    font-family: 'pauline', sans-serif;
    font-style: italic;
    font-weight: 400;
}
.page-id-17649 .testimonial-carousel .swiper-button-next, .page-id-17649 .testimonial-carousel .swiper-button-prev {
    color: #BEC89E !important;
}
.page-id-17649 .testimonial-carousel.dark-bg img {
    max-height: 300px;
    max-width: 300px;
}
.page-id-17649 .image_copy_extra .content.left {
    color: #F4ECE8 !important;
    background-color: #BEC89E !important;
}
.page-id-17649 .image_copy_extra .content.left h2 {
    color: #F4ECE8 !important;
}
.page-id-17649 #page_wrapper_ .image_copy_extra .content.left button {
    color: #BEC89E !important;
    background: #F4ECE8 !important;
    border-color: #F4ECE8 !important;
}
.page-id-17649 .image_copy_extra .content.right {
    color: #2D292D !important;
    background-color: #F4ECE8 !important;
}
.page-id-17649 .image_copy_extra .content.right h2 {
    color: #BEC89E !important;
}

.page-id-17649 .services_others .card img {
    width: 80px;
    height: 80px;
    margin-bottom: 25px;
}

.page-id-17649 .faq-accordion .tab1 label::after {
    background-image: url("https://www.lutheranservices.org.au/wp-content/themes/skelly/img/chev-down-green.svg") !important;
}
.page-id-17649 .image_copy button.button-b {
    border-color: #bec89e !important;
}

.page-id-17649 .two-col-content-img svg {
    top: -85% !important;
}
.page-id-17649 .two-col-content-img svg path {
    fill: #bec89e !important;
    opacity: .6 !important;
}

.page-id-17649 .home_banner {
    background-position: 80% 0% !important;
    align-items: flex-end !important;
}
.page-id-17649 .home_banner .overlay {
    display: none !important;
}
.page-id-17649 .home_banner .links {
    margin-bottom: 60px !important;
}

@media only screen and (max-width: 768px) {
    .page-id-17649 .home_banner {
        background: url("https://www.lutheranservices.org.au/wp-content/themes/skelly/img/LS2097_Banner_700x700_12.jpg") no-repeat center center !important;
        background-size: cover !important;
    }
}



.searchbox-advisor-container #keyword,
.search.search-local-advisor #suburbs_ {
  width: 50%;
  margin-left: 0 !important;
}
.search.search-local-advisor #suburbs_  {
    width: 100%;
}
.search.search-local-advisor .awesomplete {
    width: 50% !important;
}
.searchbox-advisor-container select,
.search.search-local-advisor select{
  border:none;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 20px;
  background: url('/wp-content/uploads/2024/05/chev-down-search.svg') no-repeat;
  background-position: center right 0;
  line-height: 50px;
  width: 100%;
  color: #404041;
}
.searchbox-advisor-container input {
  color: #404041;
}
.searchbox-advisor-container .search-container,
.search.search-local-advisor .search-container {
  width: 50%;
  padding: 25px 10px 25px 25px;
}
.search-local-advisor-template .search-container {
    width: 75% !important;
    display: flex;
    flex-direction: column;
}
.search-local-advisor-template .service-type > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 0px;
    margin-top: 10px;
}
.search-local-advisor-template input[type="checkbox"] {
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    border: 1px solid #D8D1CA;
    height: 15px;
    width: 15px;
}
.search-local-advisor-template input[type="checkbox"]:checked {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.search-local-advisor-template input {
    margin-left: 0 !important;
}
.search-local-advisor-template .service-type label {
    font-size: 15px;
    top: -5px;
    position: relative;
}
.search-local-advisor-template .search-div {
    border: 1px solid #CCC;
    border-radius: 30px;
    display: flex;
    align-items: center;
    padding: 20px;
    margin-top: 15px;
}
.single-loc-cca {
    display: grid;
    background: #FFF;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 15px;
}
.single-loc-cca .featured-image {
    height: 250px;
    min-width: 250px;
}
.single-loc-cca .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
    width: 100%;
}
.single-loc-cca h5 {
    align-self: start;
    font-weight: bolder;
}
.single-loc-cca .address {
    display: flex;
    gap: 10px;
    font-size: 18px;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 15px;
}
#cca-result {
    flex-direction: column;
    background-color: #F5F3F2 !important;
    gap: 20px;

}
#cca-result .single-loc-cca {
    width: 100%;
    border-radius: 15px;
}
.searchbox-advisor-container #cca-result .single-loc-cca:first-child {
    margin-top: 30px !important;
}
.searchbox-advisor-container #cca-result .single-loc-cca:last-child {
    margin-bottom: 0 !important;
}
#cca-result .cca-profile {
    display: flex;
    align-items: center;
    gap: 30px;
}
#cca-result .cca-details ul {
    padding-left: 16px;
    margin-bottom: 16px;
}
#cca-result .cca-img {
    border-radius: 100%;
    height: 220px;
    width: 100%;
    max-width: 220px;
}

#cca-result h6 {
    margin-bottom: 0; 
}
#cca-result .cca-location {
    display: flex;
    width: 100%;
}
.search.search-local-advisor {
    background-color: #F5F3F2 !important;
}
#cca-result button:after {
    content: none !important;
}
.page-id-18665 .all-results {
    display: none;
}
.page-id-18302 .searchbox-advisor-container .all-results {
    display: block;
}
.search-local-advisor .btn-search {
    position: relative;
    padding: 15px 0;
    padding-right: 20px;
    padding-left: 0;
    border-radius: 40px;
    border: 1px solid var(--primary-color);
    width: 90%;
}
.searchbox-advisor-container h4,
.search.search-local-advisor h4 {
    width: 20%;
}
.single-loc-cca:first-child {
    margin-top: 0;
}
.single-loc-cca:last-of-type {
    margin-bottom: 60px;
}
#cca-result .content_container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media only screen and (max-width: 900px) { 
    .single-loc-cca { 
        grid-template-columns: 1fr;
    }
    #cca-result .single-loc-cca {
        flex-direction: column;
        gap: 30px;
        border-radius: 0;
    }
    #cca-result .cca-location {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 10px;
    }
    .single-loc-cca .content {
        border-right: none;
    }
    #cca-result .cca-img {
        margin-left: 10px;
        margin-right: 20px;
    }
    #cca-result .cca-profile {
        height: unset;
        flex-direction: column;
        padding: 10px;
    }
    .single-loc-cca .content {
        padding-left: 0;
        padding-right: 0;
    }
    .search.search-local-advisor h4, .searchbox-advisor-container h4 {
        width: 100%;
    }
    .search-local-advisor-template .service-type > div {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 768px) { 
    .search-local-advisor-template .search-div {
        flex-direction: column;
    }
    .search-local-advisor-template .btn-search {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1200px) { 
    .searchbox-advisor-container .search-container-service,
    .search-local-advisor .search-container-service, 
    .searchbox-advisor-container .search-container, 
    .search.search-local-advisor .search-container,
    .search.search-local-advisor h4,
    .searchbox-advisor-container h4 {
       width: 100%;
    }
    .search .content_container {
        flex-direction: column;
        gap: 15px;
    }
    .search.search-local-advisor h4,
    .searchbox-advisor-container h4 {
        margin-bottom: 20px;
    }
    .search-container {
        position: relative;
    }
    .search-local-advisor-template .search-container {
        width: 100% !important;
    }
    
}

.single-cca .cards .cards-title {
    display: block;
}

.search .header-search {
  padding-right: 50px;
  position: relative;
  padding: 15px 30px;
  padding-right: 60px;
  border-radius: 40px;
  border: 1px solid var(--primary-color);
}
.quick-exit {
    position: fixed;
    right: 0;
    z-index: 999;
    top: 50%;
}
.quick-exit-btn {
    display: flex;
    gap: 10px;
    color: #FFF;
    background-color: var(--primary-color);
    text-transform: uppercase;
    font-weight: bold;
    width: fit-content;
    border-radius: 0;
    align-items: center;
}
.quick-exit svg {
    width: 20px;
    fill: #FFF;
}
.quick-exit-btn:hover svg {
    fill: var(--primary-color);
}

@media only screen and (max-width: 576px) { 
    .quick-exit-btn span { display: none; }
}

@media only screen and (max-width: 1170px) { 
    .desktop-view .left-header {
        width: 15%;
    }
    .desktop-view .right-header {
        width: 85%;
    }
    .primary-menu-wrapper .menu li a {
        font-size: 16px;
    }
    .primary-menu-wrapper .menu li {
        margin: 0 1%;
    }
    .mobile-view .left-header .logo {
        margin: 10px 0;
    }
} 

/* HOME CARE PAGES */
.hc button:before {
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: -2px;
  display: block;
  transition: transform 0.3s ease; 
}

.btn-marker button:before {
  content: url('img/icons/marker-dark.svg');
}
.btn-marker button:hover:before {
  content: url('img/icons/marker.svg');
}

.btn-marker button.button-main:before {
  content: url('img/icons/marker.svg');
}
.btn-marker button.button-main:hover:before {
  content: url('img/icons/marker-dark.svg');
}

.btn-phone button:before {
  content: url('img/icons/phone-hc-dark.svg');
}
.btn-phone button:hover:before {
  content: url('img/icons/phone-hc.svg');
}

.hc p {
  font-size: 17px;
  font-weight: 400;
  line-height: 130%;
}

.hc h2 {
  font-size: 48px;
  margin-bottom: 30px;
  font-weight: 500px !important;
}

.hc h6 {
  color: #6A6C9D;
}

.hc .content_container {
  z-index: 3;
}
.hc button {
  display: flex;
  padding-top: 14px;
  min-width: fit-content;
}
.hc .button-main {
  background-color: #6A6C9D;
  border-color: #6A6C9D;
  border-width: 3px;
}

.hc .button-main:hover {
  color: #6A6C9D;
  border-color: #6A6C9D;
  background-color: transparent;
}

.hc .button-secondary {
  background-color: transparent;
  color: #6A6C9D;
  border-color: #6A6C9D;
  border-width: 3px;
}

.hc .button-secondary:hover {
  background-color: #6A6C9D;
  color: #FFF;
  border-color: #6A6C9D;
}

.hc .button-white {
  border-width: 3px;
}

.hc .button-white:hover {
  border-width: 3px;
}

.hc.new-blogs { 
  background-color: #FFF;
  padding: 80px 0;
}

.hc.new-blogs .hc-search-container {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  margin-bottom: 60px;
}

.hc.new-blogs .hc-search-container input[type="text"] { 
    background-color: #FFF !important;
    border-radius: 10px;
    border: 1px solid rgba(76, 76, 77, 0.50);
    width: 90%;
    font-family: 'relevantnormal', sans-serif;
    font-size: 17px;
    padding: 0 20px;
}

.hc.new-blogs .posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
}

.hc.new-blogs .post {
  position: relative;
}

.hc.new-blogs .post .title {
    color: #6A6C9D;
    font-size: 36px;
    margin-bottom: 20px;
}

.hc.new-blogs .post .img {
    border-radius: 20px 20px 0 0;
    height: 300px;
}

.hc.new-blogs .post .content {
    border-radius: 0 0 20px 20px;
    padding: 20px;
    background-color: #F2F0ED;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px;
}

.hc.new-blogs .post .featured {
  border-radius: 0px 0px 10px 10px;
  background: #AC82BA;
  color: #FFF;
  font-weight: 500;
  position: absolute;
  top: 0;
  right: 20px;
  padding: 10px 20px;
}

.hc.new-subscribe {
  position: relative;
  overflow: hidden;
  color: #FFF;
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
}

.hc.new-subscribe .background-image {
  height: 100%;
}

.hc.new-subscribe .title {
  margin-bottom: 40px;
}

.hc.new-subscribe .gform-footer {
  display: flex;
  justify-content: center;
  padding: 0 !important;
}

.hc.new-subscribe .gform_button {
  background-color: transparent;
  border-color: #FFF;
  color: #FFF;
  margin-top: 40px;
}

.hc.hc.new-subscribe #input_3_1 {
  text-align: center;
  border-radius: 10px;
  background-color: #FFF;
  width: 70%;
}

.hc.hc.new-subscribe #input_3_1::placeholder {
  color: #A2A2A2 !important;
}

.hc.single-post-content h1,
.hc.single-post-content h4 {
  color: #6A6C9D;
}

.hc.content_container.single-post-content {
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.hc.single-post-content .right-pills a {
  background-color: #6A6C9D;
}

.hc.single-post-content .category {
  border-color: #6A6C9D;
  color: #6A6C9D;
}

.hc.new-blogs.single-post {
  background-color: #F0EEEC;
}

.hc.new-blogs.single-post .content{
  background-color: #FFF;
}

.hc.new-blogs.single-post h2,
.hc.single-post-content h2,
.hc.single-post-content h3,
.hc.new-blogs.single-post .content h3 {
  color: #6A6C9D;
}

.hc.single-post-content .static-pills {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1500px) {
  .hc.new-blogs,
  .hc.new-subscribe  {
    padding: 40px 0;
  }
  .hc.new-blogs .hc-search-container {
    margin-bottom: 30px;
  }
  
}

@media only screen and (max-width: 1250px) {
  .hc.new-blogs .posts {
    gap: 30px;
  }
  .hc.new-blogs .hc-search-container {
    gap: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .hc.new-blogs .post .img {
    height: 300px;
  }
  .hc.new-blogs .post .content {
    min-height: 200px;
  }
  .hc.new-blogs .post .title {
    font-size: 25px;
  }
  .hc.new-blogs .post .excerpt {
  }
  .hc.new-blogs .hc-search-container input[type="text"] {
    width: 100%;
  }

  .hc.new-subscribe .title {
    font-size: 30px;
  }
  .hc.hc.new-subscribe #input_3_1 {
    width: 100%;
  }
  .hc.new-subscribe .gform_button {
    margin-top: 30px;
  }

  .hide-mobile {
    display: none;
  }
}


@media only screen and (max-width: 768px) {
  .hc.new-blogs .posts {
    display: flex;
    flex-direction: column; 
  }
}

.background-image {
  object-fit: cover;
  position: absolute;
  inset: 0;
}