.elementor-10558 .elementor-element.elementor-element-7b4b8b12{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;}.elementor-10558 .elementor-element.elementor-element-506b6718{width:var( --container-widget-width, 790px );max-width:790px;--container-widget-width:790px;--container-widget-flex-grow:0;text-align:center;}.elementor-10558 .elementor-element.elementor-element-25fb015b{text-align:center;}.elementor-10558 .elementor-element.elementor-element-4a216800{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:110px 110px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-10558 .elementor-element.elementor-element-66a8202b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10558 .elementor-element.elementor-element-66a8202b.e-con{--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-10558 .elementor-element.elementor-element-2b484f2a{left:30px;}body.rtl .elementor-10558 .elementor-element.elementor-element-2b484f2a{right:30px;}.elementor-10558 .elementor-element.elementor-element-2b484f2a{top:30px;}.elementor-10558 .elementor-element.elementor-element-2b484f2a .elementor-icon-wrapper{text-align:center;}.elementor-10558 .elementor-element.elementor-element-2b484f2a .elementor-icon{font-size:25px;}.elementor-10558 .elementor-element.elementor-element-2b484f2a .elementor-icon svg{height:25px;}.elementor-10558 .elementor-element.elementor-element-3eea8f09{width:var( --container-widget-width, 315px );max-width:315px;--container-widget-width:315px;--container-widget-flex-grow:0;}.elementor-10558 .elementor-element.elementor-element-3eea8f09 > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-10558 .elementor-element.elementor-element-3eea8f09 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-10558 .elementor-element.elementor-element-3eea8f09 .elementor-custom-embed-play i{font-size:70px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-10558 .elementor-element.elementor-element-3eea8f09 .elementor-custom-embed-play svg{width:70px;height:70px;}.elementor-10558 .elementor-element.elementor-element-22aaf1e8 > .elementor-widget-container{padding:0px 30px 30px 30px;}body:not(.rtl) .elementor-10558 .elementor-element.elementor-element-22aaf1e8{left:0px;}body.rtl .elementor-10558 .elementor-element.elementor-element-22aaf1e8{right:0px;}.elementor-10558 .elementor-element.elementor-element-22aaf1e8{bottom:0px;text-align:center;}.elementor-10558 .elementor-element.elementor-element-22aaf1e8 .elementor-heading-title{color:var( --e-global-color-9828a37 );font-weight:500;}.elementor-10558 .elementor-element.elementor-element-47dd51d7{--display:flex;--background-transition:0.3s;}.elementor-10558 .elementor-element.elementor-element-4c47fcce .jet-table{table-layout:auto;}@media(max-width:1300px){.elementor-10558 .elementor-element.elementor-element-506b6718{width:100%;max-width:100%;}.elementor-10558 .elementor-element.elementor-element-4a216800{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:60px 60px;}.elementor-10558 .elementor-element.elementor-element-66a8202b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10558 .elementor-element.elementor-element-66a8202b.e-con{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}}@media(max-width:767px){.elementor-10558 .elementor-element.elementor-element-7b4b8b12{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10558 .elementor-element.elementor-element-4a216800{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10558 .elementor-element.elementor-element-4a216800.e-con{--order:99999 /* order end hack */;}.elementor-10558 .elementor-element.elementor-element-66a8202b{--width:280px;}.elementor-10558 .elementor-element.elementor-element-66a8202b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10558 .elementor-element.elementor-element-3eea8f09{width:100%;max-width:100%;}.elementor-10558 .elementor-element.elementor-element-22aaf1e8 .elementor-heading-title{font-size:14px;}.elementor-10558 .elementor-element.elementor-element-47dd51d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-10558 .elementor-element.elementor-element-66a8202b{--width:315px;}}@media(max-width:1300px) and (min-width:768px){.elementor-10558 .elementor-element.elementor-element-66a8202b{--width:280px;}}/* Start custom CSS for heading, class: .elementor-element-506b6718 */.elementor-10558 .elementor-element.elementor-element-506b6718 {
    display: block;
    max-width: 650px;
}/* End custom CSS */
/* Start custom CSS *//*
====
Hero
====
*/

html.webp  .hero {
    background-image: url(https://www.hairandskinscience.com.au/wp-content/uploads/2023/04/hss-2023-team-banner-min.jpg) !important;
}

 .hero_container {
    max-width: 960px;
}


/*
==========
Treatments
==========
*/

 .treatments .pp-posts {
    padding-bottom: 29px;
    overflow: visible;
    background-color: var( --e-global-color-d55e3e9 );
}

 .treatments .pp-post-wrap {
    height: 100%;
}

 .treatments .pp-post-wrap:not(.swiper-slide-visible) {
    opacity: 0.3;
}

 .treatments .pp-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
}

 .treatments .pp-post-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    min-height: 226px;
}

 .treatments .pp-post-content .pp-post-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

 .treatments .pp-posts-button {
    margin-top: auto !important;
    text-align: left;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

 .treatments .pp-posts-button svg {
    fill: currentcolor;
    width: 27px;
    height: 27px;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

 .treatments .pp-posts-button:hover svg {
    margin-left: 5px;
}

 .treatments .pp-slider-arrow svg {
    width: 100%;
    height: auto;
}

 .treatments .pp-post-terms-wrap {
    -webkit-transform: rotate(-35.06deg) translate(0, 0);
        -ms-transform: rotate(-35.06deg) translate(0, 0);
            transform: rotate(-35.06deg) translate(0, 0);
    position: absolute;
    right: -24px;
    bottom: 6px;
    margin-bottom: 0 !important;
}

 .treatments .pp-post-terms {
    display: block;
    width: 149px;
    padding: 8px 0px 8px 25px !important;
    text-align: center;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

 .treatments .category-latest .pp-post-terms {
    background-color: #EA8902 !important;
}


/*
========
Treating
========
*/

 .treating .elementor-post__card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

 .treating .elementor-post__thumbnail__link {
    max-width: 245px;
    margin-bottom: 0;
}

 .treating .elementor-post__text {
    padding: 36px 28px 26px 31px !important;
}

 .treating .elementor-post__read-more {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

 .treating .elementor-post__read-more:after {
    content: '';
    font-size: 27px;
    width: 1em;
    height: 1em;
    margin-left: 10px;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    background-image: url(/wp-content/uploads/2022/07/learn-more.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

 .treating .elementor-post__read-more:hover:after {
    margin-left: 15px;
}

 .reviews .book_online a:hover {
    background-color: var( --e-global-color-b22cd32 ) !important;
    color: var( --e-global-color-secondary ) !important;
}

.locations:not(.UK):before {
    display: none;
}


/*
===============
Latest Articles
===============
*/

 .latest .pp-posts-button {
    margin-top: auto !important;
    text-align: left;
}

 .latest .pp-posts-button:hover {
    color: var( --e-global-color-primary );
}

 .latest .pp-posts {
    padding-top: 20px;
    padding-bottom: 20px;
}

 .latest .pp-post-wrap {
    height: 100%;
}

 .latest .pp-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

 .latest .pp-post-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
}

 .latest .pp-slider-arrow svg {
    width: 100%;
    height: auto;
}

 .latest .pp-post-author span:before {
    margin-right: 3px;
}

@media screen and (min-width: 1365px) {
     .latest .swiper-wrapper {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
    }
}


@media screen and (max-width: 1365px) {
     .treating .elementor-post__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
    }
    
     .treating .elementor-post__thumbnail__link {
        max-width: unset;
    }
    
     .latest .elementor-cta__button-wrapper {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    html.webp  .hero {
        background-image: url(https://www.hairandskinscience.com.au/wp-content/uploads/2023/04/hss-mobile-banner-apr-2023-smaller.jpg) !important;
    }
    
     .treatments .pp-posts {
        overflow: hidden;
    }
    
     .treating .elementor-post__card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }
    
     .treating .elementor-post__thumbnail__link {
        max-width: 125px;
    }
    
     .treating .elementor-post__text {
        padding: 15px 19px 22px 14px !important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    
     .treating .elementor-post__excerpt {
        display: none;
    }
    
     .treating .elementor-post__read-more:after {
        font-size: 21px;
    }
    
     .elementor-post__text {
        padding: 24px 35px 36px 21px;
    }
}/* End custom CSS */