/*
Theme Name: Just Hair & Just Beauty 2025
Author: Immerse Studios
Author URI: https://immersestudios.uk/
Description: Theme Crafted for Just Hair & Just Beauty by Immerse Studios. Managed directly by Immerse Studios and allowing for admin edits by the client
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.0
*/

/*THIS THEME WAS CRAFTED BY IMMERSE STUDIOS TO SPECIFICATIONS SET BY JUST HAIR & JUST BEAUTY
    Style never repeated
 */


/*  =====  GLOBAL STYLES  =====  */

html {
margin:0 !important;
}
body {
overflow-x: hidden;
margin:0;
}

.immerse-single-posts h1,.immerse-single-posts h2, .immerse-single-posts h3, .immerse-single-posts h4,.immerse-single-posts h5,
.immerse-single-posts h6 {
    margin-top:70px;
}

.immerse-single-posts a {
    color: #4DA3FF;
    font-size: inherit;
}

.immerse-single-posts img {
    margin: 5px 0 15px 0;
}

p {
    margin-block-start: 0;
    margin-block-end: 0;
}

ol li {
    padding: 5px 0;
}

.mob-tab-services-icon-box p {
    font-size: 18px;
}
.mob-tab-services-icon-box h3 {
    font-size: 24px;
}

.elementor-widget-theme-post-content p{
    margin-bottom: 1.5rem
}


.archive-post-categories  .elementor-post-info__terms-list-item {
    background-color: #1A1A1A;
    border: solid 2px #4DA3FF;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 0 5px;
    
}

 .category-new .archive-post-categories  .elementor-post-info__terms-list-item {
 border-color: #7030a0;   
}
 .category-guide .archive-post-categories  .elementor-post-info__terms-list-item {
 border-color: #155724;   
}




    /*  =====  BOOTSTRAP OVERRIDES  =====  */

    .row {
        margin:0;
    }

    /*  /////  END BOOTSTRAP OVERRIDES ///// */

    /*  =====  FONTS  =====  */


    /*  /////  END FONTS  /////  */

    /*  =====  DESKTOP NAV  =====  */


    /*  /////  END DESKTOP NAV  /////  */

    /*  =====  MOBILE NAV  =====  */


    /*  /////  END MOBILE NAV  /////  */

/*  /////  END GLOBAL STYLES  /////  */

/*  =====  SITE STYLES  =====  */

#header-static {
text-align: center;
}

.header-buttons {
z-index: 1030;
position:fixed;
top:0;
}

.header-buttons-no a {
color: #FFF !important;
background-color: #91908E;
width: 100%;
padding:12px 10px 10px 10px;
transition: 0.2s;
text-decoration: none;
font-family: 'IBM Plex Serif Regular', serif;
margin-top:-1px;
position: relative;
}

.header-buttons a {
color: #FFF;
background-color: #91908E;
width: 100%;
padding:12px 10px 10px 10px;
transition: 0.2s;
text-decoration: none;
font-family: 'IBM Plex Serif Regular', serif;
margin-top:-1px;
position: relative;
}



.header-buttons a:hover {
background-color: #203864;
transition: 0.2s;
color:#FFF;
}

.header-buttons-no a:hover {
background-color: #91908E;
transition: 0.2s;
color:#FFF;
cursor: default;
}


.nav-tabs {
font-family: 'IBM Plex Serif Regular', serif !important;
font-size: 1.5rem !important;
color: #000 !important;
}
.nav-link {
color: #bdbcbb !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #000 !important;
}


#nav-beauty-tab.nav-link.active   {
background-color:rgba(185, 200, 165, 0.5)!important;
}
#nav-hair-tab.nav-link.active   {
background-color:#ebebeb !important;
}

.accordion {
margin-top:20px !important;
}

.accordion-header {
border-bottom: solid 1.5px #91908E;
padding-bottom: 5px;

}

button.accordion-button {
background-color: transparent;
border: none;
padding-left: 25px;
text-align: left;
width: 100%;
font-size: 1.3rem;
}

button.accordion-button:focus {
border: none;
outline: none;
background-color: transparent;
box-shadow: none;
}

button.accordion-button:active {
border: none;
outline: none;
background-color: transparent;
box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
box-shadow: none !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button:not(.collapsed):focus {
box-shadow: none;
}

.accordion-button:not(.collapsed):active {
box-shadow: none;
}

.accordion-button:not(.collapsed) {
color: #000 !important;
background-color: transparent !important;
box-shadow: none !important;
}

.accordion-body {
font-family: 'IBM Plex Serif Regular', serif;
padding:20px 30px 20px 30px;
}

.accordion-item {
border: none !important;
}

.services-table {
width: 100%;
}

.services-table td {
padding-top:5px;
padding-bottom: 5px;
max-width: 320px;
}

.services-table small {
    color: #91908E;
}

 .small {
font-family: 'IBM Plex Serif Regular', serif;
margin-top:-5px;
font-weight: 400;
font-size: .5em !important;
color: #000;
}

.services-heading {
padding-bottom:5px;
font-family: 'Dancing Script2', cursive;
font-size: 1.5rem;
}

.services-pricing {
text-align: center;
}

.services-message {
text-align: center;
padding-top:25px;
}

.quotation {
font-family: 'Montagu Slab', serif;
font-size: 100px !important;
color:FFF;
}

#testimonials {
padding: 30px 0 !important;
}

#testimonial-container h1 {
font-size: 3rem;
color: #FFF;
}

#testimonial-container h2 {
color:#91908E;
font-size: 1.3rem;
}


.team-member {
margin-top:50px !important;
margin-bottom: 30px;
}

.member-info-right {
text-align: right !important;
}

.initial {
background-color: #91908E;
height: 70px;
text-align: center;
transform:rotate(45deg);
width:70px;
margin-top:-10px;
margin: auto;
}

.letter {
color: #fff;
display: table-cell;
height: 70px;
transform: rotate(-45deg);
vertical-align: middle;
width:70px;
}


/*  /////  END SITE STYLES  /////  */