@import url('https://fonts.googleapis.com/css2?family=Lato&family=Libre+Caslon+Text&display=swap'); #wpadminbar{display:none !important;} body{font-family:'Lato',sans-serif;max-width:100%;overflow-x:clip;}h1,h1 a{color:#000000;font-family:'Lato',sans-serif;font-size:3em;line-height:1.5;margin:25px 0;}h2{color:#000000;font-family:'Lato',sans-serif;font-size:2em;line-height:1.5;margin:25px 0;}h3{color:#000000;font-family:'Lato',sans-serif;font-size:1.5em;line-height:1.5;margin:25px 0;}h4{font-family:'Lato',sans-serif;color:#000000;font-size:1.3em;line-height:1.5rem;margin:20px 0;}p{font-family:'Lato',sans-serif;font-weight:300;color:#000000;font-size:1.15em;line-height:1.7;margin:15px 0;}p.vspaced{line-height:1.9;}ul{list-style-type:none;font-family:'Lato',sans-serif;font-weight:300;color:#000000;font-size:1.15em;line-height:1.6;}ul.default{margin-left:0;line-height:1.6;}ul.default li::before{content:" \f0c4 ";font-family:FontAwesome;font-size:0.9em;color:#000000;margin:0 20px 0 0;}ul.special{margin-left:0;line-height:1.6;}ul.special li::before{content:" \f0c4 ";font-family:FontAwesome;font-size:0.9em;color:#8d767c;margin:0 20px 0 0;}.exit-text ul{color:#FFFFFF;}.exit-text ul.default li::before,.exit-text ul.special li::before{color:#FFFFFF;}main a{color:inherit;border-bottom:1px solid #8d767c;}main a:hover:not(.btn){color:inherit;border-bottom:1px solid #000000;}  .header-home{position:relative;}.banner{background:#6a4f56;position:relative;}.banner p{color:#fff;}.header-inner .floating-header{position:relative;}.header-inner .floating-header:after{display:none;}.header-wrapper.header-inner{}.header-row{display:flex;align-items:center;padding:1vw 0;}.logo-wrapper{display:flex;padding:0 0 0 0;flex-direction:row;flex-wrap:wrap;max-width:150px;align-content:center;justify-content:flex-start;}.logo-wrapper img#desktop{max-width:200px;}.logo-wrapper img#mobile{display:none;}.company-details{display:inline-block;width:auto;max-width:90%;padding:1vh 0 1vh 0.5vw;}.company-details p.title,.company-details p.title a{font-family:'Lato',sans-serif;font-size:1.9em;line-height:1.1;letter-spacing:0;margin:0 0 5px 0;text-transform:uppercase;color:#000000;}.company-details p.title a{font-size:1em;}.top-bar{background:none;height:auto;}.top-bar-section ul li{background:none;}.top-bar-section .dropdown li{width:100%;display:inline-block;position:relative;padding-bottom:0;}.top-bar-section li:not(.has-form) a:not(.button){background:none;color:#000000;font-family:'Libre Caslon Text',serif;font-size:0.9em;font-weight:600;line-height:12vh;position:relative;padding:0 1vw;}.top-bar-section ul li:hover:not(.has-form)>a,.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:none;color:#000000;line-height:12vh;padding:0 1vw;}.top-bar-section .has-dropdown>a{padding-right:calc(0.7vw + 1em) !important;}.top-bar-section .has-dropdown>a:after{position:absolute;content:" \f107 ";color:#000000;top:0.25vh;right:0.4vw;font-family:FontAwesome;font-size:1em;font-weight:bold;margin:0 0 0 0;border:none;width:1em;}.header-btn{font-family:'Libre Caslon Text',serif;font-size:0.77em;font-weight:600;color:#000000;padding:10px 20px;border:2px solid #000000;background:#FFFFFF;line-height:12vh;transition:all .25s linear;}.header-btn span{display:inline-block;margin:0 0 0 10px;line-height:initial;transform:translate(0,4px);}.header-btn span .fa{display:inline-block;font-size:1.4em;color:#FFFFFF;background:#8d767c;border-radius:50px;padding:9px 12.3px;transition:all .25s linear;animation:pulsate .8s linear alternate infinite;}@keyframes pulsate{0%{transform:rotate(-15deg);} 100%{transform:rotate(15deg);}}.header-btn:hover{color:#000000;}.header-btn:hover span > .fa{background:#000000;animation:pulsate .1s linear alternate infinite;} @media only screen and (min-width:1025px){.navigation-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;}.top-bar-section li:not(.has-form) a:not(.button)::before{content:" ";height:0px;width:40%;height:0px;position:absolute;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;}.header-inner .top-bar-section li:not(.has-form) a:not(.button)::before{position:absolute;bottom:20px;left:calc(50% - 5px);width:10px;height:19px;background:url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/selected-hover.png) no-repeat;opacity:0;transition:all 200ms ease;}}.top-bar-section li.has-dropdown:not(.has-form) a:not(.button)::before{left:calc(50% - 5px);}.top-bar-section .dropdown{background:#FFFFFF;text-align:left;left:50%;min-width:200px;box-shadow:0px 6px 13px 0px rgba(0,0,0,0.5);-webkit-transform:translateX(-50%) translateY(-3vh);-moz-transform:translateX(-50%) translateY(-3vh);-ms-transform:translateX(-50%) translateY(-3vh);-o-transform:translateX(-50%) translateY(-3vh);transform:translateX(-50%) translateY(-3vh);}.top-bar-section .dropdown li:not(.has-form) a:not(.button){background:none;color:#000000;font-family:'Libre Caslon Text',serif;font-size:0.85em;line-height:3;position:relative;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:#676767;color:#FFFFFF;line-height:3;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::before,.top-bar-section .dropdown li.active:not(.has-form) a:not(.button)::before{filter:brightness(2);}.scroll-arrow{display:inline-block;width:56px;height:56px;border-radius:56px;position:absolute;bottom:40px;left:calc(50% - 28px);cursor:pointer;background:#FFFFFF;z-index:1;}.scroll-arrow::after{content:" ";position:absolute;top:25%;height:50%;left:50%;border-left:1px solid #8d767c;z-index:-1;}.scroll-arrow span{position:absolute;top:0px;left:21px;width:15px;height:15px;border-radius:15px;border:1px solid #8d767c;background:#FFFFFF;animation:scroll 1s linear alternate infinite;} @keyframes scroll{0%{top:25%;} 100%{top:50%;}}.hero-wrapper{display:flex;background:#000000;}.hero-wrapper .hero-content{display:flex;background:#676767;justify-content:center;flex-direction:column;padding:4vh .9375rem;}.slider-content{position:absolute;top:27%;left:14.75%;z-index:1;}.slider-content p{color:#FFFFFF;font-family:'Libre Caslon Text',serif;font-size:9.25em;text-transform:uppercase;letter-spacing:-0.05em;line-height:0.88em;margin:0 0 6vh 0;}.slider-content p span{display:block;font-family:'Lato',sans-serif;text-transform:lowercase;}.slider-btn{position:relative;display:inline-block;font-family:'Lato',sans-serif;font-size:1.1em;color:#FFFFFF;text-transform:initial;text-align:center;vertical-align:middle;border:none;background:#000000;padding:10px 20px;margin:0 5px 5px 0;min-width:190px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.slider-btn.alt{background:#c7102e;color:#FFFFFF;}.slider-btn:hover,.slider-btn.alt:hover{color:#FFFFFF;}.slider-btn::after{content:"";position:absolute;top:calc(50% - 3px);right:17%;width:10px;height:10px;border-top:3px solid;border-right:3px solid;border-color:#1f1f1f;-moz-transform:rotate(45deg) translateY(-25%);-webkit-transform:rotate(45deg) translateY(-25%);-o-transform:rotate(45deg) translateY(-25%);-ms-transform:rotate(45deg) translateY(-25%);transform:rotate(45deg) translateY(-25%);-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.slider-btn:hover::after{right:10%;border-color:#FFFFFF;}.slider-caption{text-align:center;}.slider-caption p.caption{color:#FFFFFF;font-family:'Libre Caslon Text',serif;text-transform:uppercase;font-size:3.15vw;line-height:1.1;margin:0;}.slider-caption p.caption span{font-family:'Libre Caslon Text',serif;display:block;}.hero-buttons{padding:3vh 0 0 2vw;}.tagline{padding:3vh 1vw;display:flex;align-items:center;justify-content:center;height:5vh;max-height:5vh;}.tagline p{color:#000000;font-family:'Lato',sans-serif;text-transform:uppercase;font-size:0.8em;line-height:1.6;margin:0;}.tagline img{padding-right:1vw;}  #slider-ctas{display:none;}.slider-content #slider-ctas{display:block;}.hide{display:none !important;}.row.full.home-padding-1{padding-left:8vw;padding-right:8vw;}.uppercase{text-transform:uppercase;}.bold{font-weight:bold;}.flexed{display:flex;}.smaller-heading{font-size:2.5em;}.offset-down{-webkit-transform:translateY(5vh);-moz-transform:translateY(5vh);-ms-transform:translateY(5vh);-o-transform:translateY(5vh);transform:translateY(5vh);}.spacer{margin:5vh 0 !important;}.badge-holder{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/badges/badges-bg.jpg);padding:14vh 0;text-align:center;}.badge-holder img{margin:0 2vw;max-width:20vw;}.picture-bg1{padding:9vh 7vw;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/home-bg1.jpg);}.picture-bg1-content{border:1px solid #FFFFFF;padding:9vh 7vw;}.picture-bg1 H2,.picture-bg1 H3,.picture-bg1 p,.picture-bg1 ul{color:#FFFFFF;}.picture-bg1-content::after{content:" ";position:absolute;top:18%;right:0;width:47%;height:64%;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/home-img3.jpg);}.for-about.picture-bg1-content::after{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/about-img3.jpg);}.centerxy{display:flex;align-content:center;justify-content:center;}.centery{margin-top:auto;margin-bottom:auto;}.row{margin:0 auto;max-width:1630px;width:100%;}.row.full{max-width:100%;}.row.small{max-width:1400px;}.slider-wrapper{box-shadow:0px 0px 10px 0px rgb(0 0 0 / 5%);height:40vw;overflow:hidden;background:#ffffff;}.contain-to-grid{background:none !important;}.contain-to-grid .top-bar{max-width:75em;}.page-wrapper{max-width:75rem;clear:both;}.black-bg{background:#000000;}.default-bg{background:#5b5156;}.white-text,.white-text h2,.white-text h3,.white-text p{color:#FFFFFF;}.bg-box{height:100%;}.textbox-left{padding:0 8vw 0 15vw;}.textbox-right{padding:0 15vw 0 8vw;}.textbox-full{padding:0 15vw;}.home-bg1{}.home-bg2{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/home-img2.jpg);}.home-bg3{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/home-img3.jpg);}.about-bg1{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/about-img1.jpg);}.about-bg2{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/about-img2.jpg);}.about-bg3{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/about-img3.jpg);}.contact-bg{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/contact-bg.jpg);}  .svc-m-01{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-m-01.jpg);}.svc-m-02{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-m-02.jpg);}.svc-m-03{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-m-03.jpg);}.svc-w-01{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-01.jpg);}.svc-w-02{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-02.jpg);}.svc-w-03{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-03.jpg);}.svc-w-04{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-04.jpg);}.svc-w-05{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-05.jpg);}.svc-w-06{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/hair-dresser1.jpg);}.svc-w-07{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-07.jpg);}.svc-w-08{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-08.jpg);a}.svc-m-01-kelsey-johnson{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/1-Kelsey-Johnson-Scruples-Hair-Design.jpg);}.svc-m-01-lynda-scruples{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/2-Lynda-Scruples-Hair-Design.jpg);}.svc-m-01-debbie-scruples{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/3-Debbie-Scruples-Hair-Design.jpg);}.svc-m-01-jen-scruples{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/4-Jen-Scruples-Hair-Design.jpg);}.svc-m-01-ivanka-scruples{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/5-Ivanka-Scruples-Hair-Design.jpg);}.svc-m-01-heather-scruples{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/6-Heather-Scruples-Hair-Design.jpg);}.svc-m-01-johanne-scruples{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/7-Johanne-Scruples-Hair-Design.jpg);}.svc-m-01-destiny-scruples{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/8-Destiny-Scruples-Hair-Design.jpg);}.svc-m-01-april-scruples{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/9-April-Scruples-Hair-Design.jpg);}.svc-m-01-shelby-scruples{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/10-Shelby-Scruples-Hair-Design.jpg);}  .intro-text{padding:8vh 15vw 10vh 15vw;background-image:#FFFFFF;background-position:105% 50%;background-repeat:no-repeat;}.intro-text.inner{padding:3vh 1vw 3vh 5vw;}.intro-about{padding:10vh 0 10vh 15vw;background:#FFFFFF;}.intro-about-text{padding:0 6vw 0 0;}.svc-page .intro-about::after{display:none;}.intro-inner{padding:5vh 15vw;background:#FFFFFF;}.intro-inner h1{margin-top:0;}.intro-inner p{margin-bottom:0;}.exit-text{padding:0;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/home-img4.jpg);}.exit-text.abt{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/about-img4.jpg);}.exit-text.svc{background:#8d767c;}.exit-text-clipart{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/clipart1.png);}.exit-text-content{float:right;max-width:53.5vw;background:#5b5156BF;padding:15vh 9vw;}.exit-text-content h2,.exit-text-content h3,.exit-text-content p{color:#FFFFFF;}.exit-text-content h2{font-size:2em;font-weight:bold;line-height:1.5;}.svc .exit-text-content{max-width:unset;background:none;padding:10vh 15vw 10vh 5vw;}.svc-page .picture-bg1{margin:10vh 0;padding:10vh 0;background:#676767;}.svc-page .intro-text{padding:2vh 4vw;background:none;}.faq-text.inner{padding:0;}.faq-box{padding:0 2vw;}.faq-question{font-size:1.9em;}.faq-question:before{content:url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/hair.png);display:inline-block;position:relative;transform:rotate(42deg);margin:0px 0px 0 0;filter:opacity(0.5);z-index:-1;}.faq-answer{}.faq-answer:before{content:"—";color:#000000;margin:0 10px 0 0;}.faq-answer span{font-weight:bold;}.btn{position:relative;display:inline-block;font-family:'Lato',sans-serif;font-size:1.1em;color:#FFFFFF;text-transform:initial;text-align:center;vertical-align:middle;border:none;background:#000000;padding:12px 40px;margin:0 5px 5px 0;min-width:190px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.btn:hover{background:#676767;color:#FFFFFF;}.btn.alt{background:#676767;color:#FFFFFF;}.btn.alt:hover{background:#000000;color:#FFFFFF;}.btn.alt.dark{background:#000000;color:#FFFFFF;}.btn.alt.dark:hover{background:#676767;color:#FFFFFF;}.svc-box-holder{padding:4vh 2vw;}.svc-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:5vh 3vw;}.svc-box h2{position:relative;margin:0;padding:0 0 0 25px;}.svc-box p{margin:15px 0 30px 0;}.svc-box .btn{margin:auto 0 0 0;max-width:280px;}.medium-heading,.svc-body h2{font-size:24px;}.text-col{padding-left:3.4vw;padding-right:3.4vw;}.bg-text-box{background:rgb(203 203 203 / 95%);width:calc(50% + 17.5px);margin-left:-35px;padding:8.5vh 7.5vw 8.5vh 10.9vw;}.cta-wrapper{}.cta-text-holder{text-align:center;padding:18vh 15vw;}.cta-row{background:#5b5156;}.cta-row h2{font-family:'Libre Caslon Text',serif;font-size:4.5em;line-height:unset;color:#FFFFFF;}.cta-row h3{font-family:'Libre Caslon Text',serif;color:#FFFFFF;}.cta-row p{color:#FFFFFF;}.cta-row p.swapfont{font-family:'Libre Caslon Text',serif;color:#FFFFFF;}.cta-buttons{padding:5vh 0 0 0;}.cta-buttons .btn{margin:0 1vw 0 0;}.row.row.cta-row{margin:0;}.gallery-wrapper{padding-top:10px;}.gallery-wrapper h2{display:none;}.gallery-image img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.1);-webkit-transition:all 800ms ease-out;-moz-transition:all 800ms ease-out;-ms-transition:all 800ms ease-out;-o-transition:all 800ms ease-out;transition:all 800ms ease-out;}.gallery-image:hover img{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.footer-wrapper{width:100%;background:#000000;padding:6vh 0 2vh;}.footer-parent{border-top:1px solid %GREY%;border-bottom:1px solid %GREY%;}.footer-box-holder{padding:7vh 0 8vh 17vw;}.footer-box-holder:before{content:"";position:absolute;top:0;left:0;width:3vw;height:100%;background:%GOLD%;}.footer-box{}.footer-box h2{font-family:'Libre Caslon Text',serif;font-size:1.2em;color:#FFFFFF;margin:5vh 0 2vh 0;}.footer-box p{color:#FFFFFF!important;font-family:'Lato',sans-serif;font-size:1em;line-height:1.4;margin:0;}.footer-box p.vspaced{margin-top:10px;}.footer-address p{color:#FFFFFF!important;font-size:0.9em;line-height:1.2;}.footer-address a{color:#FFFFFF!important;}.footer-hours p{}.footer-payment{}.footer-payment span{display:flex;justify-content:flex-start;}svg.payment-icon{margin:0 1.5vw 2vh 0;float:none;filter:grayscale(1);}svg.payment-icon.transparent{margin:0 2vw 3vh 0;height:35px;max-width:70px;}.footer-social .fa{color:#FFFFFF;font-size:1.5em;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.footer-social .fa:hover{color:#FFFFFF;}.footer-social a:not(:last-of-type){margin-right:1vw;}.footer-social p{color:#FFFFFF;margin:4vh 0 0 0;}.footer-social img{max-width:150px;}.footer-cta-holder{display:flex;border-left:1px solid %GREY%;padding:10px 0 10px 10px}.footer-cta{background:#8d767c;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;width:100%;}.footer-cta p{color:#FFFFFF;font-family:'Libre Caslon Text',serif;font-size:4em;line-height:1em;}.footer-cta p span{display:block;}.footer-cta p span:first-of-type{font-size:0.6em;line-height:1.2em;}.footer-btn{color:#000000;background:#FFFFFF;font-size:1.2em;min-width:60%;padding:15px 20px;margin:15px 0 0 0;}.footer-btn:hover{color:#FFFFFF;background:#000000;}.footer-logo img{max-width:150px;}.disclaimer-holder{padding:3vh 17vw;}.disclaimer{}.disclaimer p{color:#FFFFFF;font-size:12px;}.contact-form-holder{padding:0 2vw;}.contact-body{padding-left:3.4vw;padding-right:9vw;padding-bottom:8vh;}.contact-body h1{font-size:30px;margin-bottom:10px;}.contactForm{margin-top:20px;}.contactForm label{font-weight:normal;display:block;margin-bottom:3px;color:#000000;font-family:'Libre Caslon Text',serif;}.contactForm input{width:100%;padding:3px;margin-bottom:5px;}.contactForm textarea{width:100%;}input.fancyInput[type="text"]{font-family:'Libre Caslon Text',serif;padding:12px 25px;font-size:.875rem;line-height:1.4;height:auto;border:none;border-radius:0;margin-bottom:7px;background:#FFFFFF;color:#676767;box-shadow:inset 0px 0px 0px 1px #676767;}input.fancyInput[type="text"]::placeholder,textarea.fancyInput[type="text"]::placeholder{color:#676767;}.contactForm textarea{width:100%;}textarea.fancyInput[type="text"]{font-family:'Lato',sans-serif;padding:15px 25px;font-size:15px;line-height:1.4;height:100px;border:none;border-radius:0;margin-bottom:7px;background:#FFFFFF;color:#676767;box-shadow:inset 0px 0px 0px 1px #676767;}.contactForm .captchaWrapper{margin:0 0 5px;padding:10px 25px;font-size:14px;line-height:1.4;height:auto;border:none;border-radius:0;background:#FFFFFF;color:#676767;font-weight:bold;min-height:0;margin-bottom:23px;box-shadow:inset 0px 0px 0px 1px #676767;text-align:left !important;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:25%;vertical-align:middle;}.contactForm .captchaWrapper input{background:#FFFFFF;border:none;border-bottom:1px #676767 dotted;box-shadow:none;display:inline-block;width:40%;font-size:.875rem;padding:0;margin:0 0 0 15px;color:#676767;font-weight:normal;}.contactForm .captchaWrapper input::placeholder{color:#676767;}.contactForm .captchaRefresh{vertical-align:top;}.contactForm .submitWrapper{margin-top:5px;}.emailConfirmation{margin:0 auto;}.emailConfirmation h1{color:#00CC00;}.slick-background-wrapper{left:0;position:fixed;top:0;z-index:-1;width:101% !important;overflow:hidden;}.mobile-sticky-cta{display:none;}  .home-animation{position:absolute;top:0;left:-150px;width:300px;height:200px;opacity:0;animation:animation-travel 4s linear normal;animation-fill-mode:forwards;animation-delay:1.5s;z-index:9001;}@keyframes animation-travel{0%{transform:rotate(20deg) translate(10vw,12vh) scale(1);opacity:0;} 50%{opacity:1;} 100%{transform:rotate(-5deg) translate(80vw,60vh) scale(0.3);opacity:0;}}.home-animation-top{position:absolute;top:calc(50% - 61.5px);right:15px;background:url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/scissor-top.png) 50% 50% no-repeat;width:300px;height:123px;z-index:99;animation:scissor-one .2s linear alternate infinite;}.home-animation-bottom{position:absolute;top:calc(50% - 61.5px);right:15px;background:url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/scissor-bottom.png) 50% 50% no-repeat;width:300px;height:123px;opacity:.8;z-index:99;animation:scissor-two .2s linear alternate infinite;}@keyframes scissor-one{0%{transform:rotate(0deg);} 100%{transform:rotate(-25deg);}}@keyframes scissor-two{0%{transform:rotate(0deg);} 100%{transform:rotate(25deg);}}  .svg-button{display:inline-block;width:10vw;opacity:0;transition:all .3s ease;}.svg-button.done{opacity:1;}@keyframes show-button{0{opacity:0;} 100%{opacity:1;}}.svg-button .encircled{fill:none;stroke:#ffd440;stroke-width:6px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;}.svg-button.done .encircled{animation:draw-circle 750ms ease 1s forwards;}@keyframes draw-circle{0{stroke-dashoffset:1000;} 100%{stroke-dashoffset:0;}}.svg-button .circle-text{font-family:'Nunito Sans',sans-serif;font-size:1.6em;fill:#FFFFFF;}.svg-button:hover .encircled{stroke:#000000;stroke-width:8px;}  .landing-page-button-wrapper a{background:#000000;color:#FFFFFF;text-transform:uppercase;text-decoration:none;padding:10px 15px;}.landing-page-button-wrapper a:hover{background:#676767;}.page-wrapper.single-wrapper.landing-page-wrapper.row .btn{margin-top:15px;margin-bottom:15px;}.page-wrapper.single-wrapper.landing-page-wrapper.row .btn::after{padding:8px 0;}.landing-page-wrapper ul,.landing-page-wrapper ul.circle{list-style:none;}.page-wrapper.single-wrapper.landing-page-wrapper.row,.row.service-areas-wrapper{padding:5vh 5vw;}  .custom-slide-out-wrapper{position:fixed;border:4px solid #000000;top:50%;right:0;background:#f3f3f3;padding:40px 70px;z-index:9999;-moz-transform:translateX(100%) translateY(-50%);-webkit-transform:translateX(100%) translateY(-50%);-o-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%);-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;-ms-transition:all 1.2s ease;-o-transition:all 1.2s ease;transition:all 1.2s ease;}.custom-slide-out-wrapper.active{-moz-transform:translateX(0) translateY(-50%);-webkit-transform:translateX(0) translateY(-50%);-o-transform:translateX(0) translateY(-50%);-ms-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);box-shadow:0px 40px 40px 0px rgba(28,28,28,0.2);}span.slide-out-title{display:block;margin:0 0 25px;color:#000000;font-weight:700;font-size:1.47em;}.custom-slide-out-form form{margin:0;}.custom-slide-out-wrapper span.custom-form-toggle{position:absolute;left:0;top:50%;color:#ffffff;font-size:24px;width:50px;line-height:160px;text-align:center;background:#000000;box-shadow:0px 25px 40px 0px rgba(28,28,28,0.2);-moz-transform:translateX(-70%) translateY(-50%);-webkit-transform:translateX(-70%) translateY(-50%);-o-transform:translateX(-70%) translateY(-50%);-ms-transform:translateX(-70%) translateY(-50%);transform:translateX(-70%) translateY(-50%);cursor:pointer;}input.slideOutInput[type="text"]{font-size:15px;line-height:1.4;height:auto;border:none;padding:10px 25px;margin-bottom:10px;box-shadow:none !important;background:#ffffff;color:#000000;font-weight:normal;border:1px solid #dbdbdb;}.custom-slide-out-form input[type="text"]::placeholder,.custom-slide-out-form .contactForm textarea::placeholder{color:#000000;}.custom-slide-out-form .contactForm textarea{width:100%;line-height:1.4;border:none;box-shadow:none !important;background:#ffffff;color:#000000;font-weight:normal;padding:10px 25px;font-size:15px;height:100px;margin-bottom:10px;border:1px solid #dbdbdb;}.custom-slide-out-form .contactForm .captchaWrapper{border-radius:15px;font-size:15px;line-height:1.4;height:auto;border:none;box-shadow:none !important;color:#000000;font-weight:normal;margin:0 0 10px;padding:5px 15px;min-height:0;float:left;}.custom-slide-out-form .contactForm .captchaWrapper input{border:none;box-shadow:none;display:inline-block;width:auto;font-size:15px;padding:0 15px;margin:0 0 0 30px;color:#000000;}.custom-slide-out-form .contactForm .captchaWrapper img{max-width:25%;}.custom-slide-out-form .contactForm .captchaRefresh{vertical-align:top;}.custom-slide-out-form .contactForm .submitWrapper{text-align:center;margin-top:20px;}.custom-slide-out-form .contactForm .submitWrapper button.submit{color:#FFFFFF;text-transform:uppercase;font-weight:600;background:#000000;border:none;text-align:center;cursor:pointer;min-width:255px;padding:15px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.custom-slide-out-form .contactForm .submitWrapper button.submit:hover{box-shadow:0px 25px 40px 0px rgba(28,28,28,0.2);-moz-transform:translateY(-3px);-webkit-transform:translateY(-3px);-o-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);}   .top-space{margin-top:6vh;}.left-buffer{padding-left:7.5vw;}.right-buffer{padding-right:7.5vw;}.small-buffer{padding-left:35px;padding-right:35px;}.strip-padding{padding-left:0 !important;padding-right:0 !important;}.vertical-padding-xs{padding-top:2.5vh;padding-bottom:2.5vh;}.top-padding-xs{padding-top:2.5vh;}.bottom-padding-xs{padding-bottom:2.5vh;}.vertical-padding-small{padding-top:5vh;padding-bottom:5vh;}.top-padding-small{padding-top:5vh;}.bottom-padding-small{padding-bottom:5vh;}.vertical-padding-medium{padding-top:10vh;padding-bottom:10vh;}.top-padding-medium{padding-top:10vh;}.bottom-padding-medium{padding-bottom:10vh;}.vertical-padding-large{padding-top:15vh;padding-bottom:15vh;}.top-padding-large{padding-top:15vh;}.bottom-padding-large{padding-bottom:15vh;}.vertical-padding-x-large{padding-top:20vh;padding-bottom:20vh;}.top-padding-x-large{padding-top:20vh;}.bottom-padding-x-large{padding-bottom:20vh;}  .slider-wrapper{background:#cecece;height:31vw;overflow:hidden!important;}#ae_launcher{bottom:80px !important;left:10px !important;right:initial !important;}.header{box-shadow:0 0 5px 0px #5d5d5d;margin-bottom:1vw;}.ult-text p{font-size:0.9em;margin:10px 0;}.ult-text span{padding:0 10px;}.ult-text a{color:#0062ff;}.ult-text a:hover{color:#003995;}.grid-bubbles{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;}.grid-bubbles img{border:5px solid #fff;border-radius:50%;transform:scale(1);transition:0.3s;}.grid-bubbles a img:hover{transform:scale(1.05);transition:0.3s;filter:grayscale(1);}.float-topper{position:relative;top:-2vw;}.grid-bubbles p.like-h3{color:#000000;font-size:1.35em;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:25px 0 0;}.grid-bubbles p{font-size:1em;color:#232323;margin-top:0;text-transform:uppercase;}.light-bg{background:#f5f5f5;}.rv-btn img{position:relative;top:0;transition:0.3s;}.rv-btn img:hover{top:-10px;transition:0.3s;}.grid-badges{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;}p.like-h4{font-size:1.05em;text-transform:uppercase;letter-spacing:2px;}p.like-h4.bar-up{position:relative;font-size:1.25em;font-weight:500;margin:30px 0 50px;text-transform:uppercase;letter-spacing:2px;}p.like-h4.bar-up::before{content:"";position:absolute;left:0;top:1vw;width:16%;height:2px;background:#000000;}p.like-h4.bar-up::after{content:"";position:absolute;right:0;top:1vw;width:16%;height:2px;background:#000000;}.hair-list h3{margin-left:1vw;line-height:1.2;text-transform:capitalize;}span.numbers{font-size:1.5em;padding:10px 25px 10px 0;border-right:1px solid #ebebeb;}.boxed-in{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}.home-bg{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/home-bg.jpg);}.home-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000090;}.white-bg{position:relative;background:#FFFFFFd9;}.sm-text-box{padding:3vw;}.home5{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/home5.jpg);min-height:35vw;}.svc5{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/svc5.jpg);min-height:35vw;}.last-box{padding:5vw 5vw 7vw 10vw;}.footer-wrapper i.fa.fa-facebook{background:#3b5998;color:#FFFFFF;padding:20px 25px;border-radius:50%;}.footer-wrapper i.fa.fa-instagram{background:#262626;color:#FFFFFF;padding:20px 25px;border-radius:50%;}.footer-wrapper i.fa.fa-map-marker{background:#007905;color:#FFFFFF;padding:20px 25px;border-radius:50%;}.overlay-bg{position:relative;}.overlay-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6;}.overlay-bg *{color:#FFFFFF;}.card{width:400px;height:400px;margin:1rem auto;perspective:1000px;cursor:pointer;}.card-inner{position:relative;width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d;}.card:hover .card-inner{transform:rotateY(180deg);}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;}.card-front{background:white;}.card-back{background:#2f2f2f;color:white;transform:rotateY(180deg);padding:3vw;}.card-back h2{font-size:1.5em;color:#FFFFFF;margin-bottom:10px;}.card-back p{font-size:1em;color:#FFFFFF;line-height:1.5;}.hair-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/hair-banner.jpg);height:17vw;}.color-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/color-banner.jpg);height:17vw;}.relaxer-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/relaxer-banner.jpg);height:17vw;}.salon-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/salon-banner.jpg);height:17vw;}.cut-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/cut-banner.jpg);height:17vw;}.hairdresser-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/hairdresser-banner.jpg);height:17vw;}.stylist-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/stylist-banner.jpg);height:17vw;}.wedding-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/wedding-banner.jpg);height:17vw;}.men-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/men-banner.jpg);height:17vw;}.mcut-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/mcut-banner.jpg);height:17vw;}.beard-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/beard-banner.jpg);height:17vw;}.products-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/products-banner.jpg);height:17vw;}.careers-banner{position:relative;background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/careers-banner.jpg);height:17vw;}.contact-banner{position:relative;background:top center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/09/contact-banner.jpg);height:17vw;}.lady-grid{position:relative;overflow:hidden!important;}.svc-lady{position:relative;width:100%;height:300px;overflow:hidden;}.svc-lady img{position:absolute;top:0;left:0;width:100%;max-width:100%;height:350px;object-fit:cover;object-position:center;transition:0.5s cubic-bezier(0.22,1,0.36,1);}.svc-lady:hover img{width:100%;max-width:100%;height:400px;transition:0.5s cubic-bezier(0.22,1,0.36,1);}.boxed-h3{border:3px solid #000000;padding:12px;}.contact-form-holder a,.contact-form-holder a:hover{border:none;}.contact-form-holder p{font-size:1em;margin:0 0 5px;}.contact-form-holder .fa{color:#910101;font-weight:700;margin-right:10px;}  @media only screen and (min-width:1025px){.horizontal-padding-large{padding-left:9vw;padding-right:9vw;}.left-padding-large{padding-left:9vw;}.right-padding-large{padding-right:9vw;}.horizontal-padding-medium{padding-left:7vw;padding-right:7vw;}.left-padding-medium{padding-left:7vw;}.right-padding-medium{padding-right:7vw;}.horizontal-padding-small{padding-left:5vw;padding-right:5vw;}.left-padding-small{padding-left:5vw;}.right-padding-small{padding-right:5vw;}.horizontal-padding-xs{padding-left:3vw;padding-right:3vw;}.left-padding-xs{padding-left:3vw;}.right-padding-xs{padding-right:3vw;}.rv-height{min-height:33vw !important;}.flex-line{display:flex;align-items:center;}.border-right{border-right:1px solid #cfcfcf;}.slow-fade-right{opacity:0;animation:slowFaderightIn 0.8s ease-out 0.5s forwards;} @keyframes slowFaderightIn{0%{opacity:0;transform:translateX(60px);} 100%{opacity:1;transform:translateX(0);}}.slow-fade-left{opacity:0;animation:slowFadeleftIn 0.8s ease-out 0.5s forwards;} @keyframes slowFadeleftIn{0%{opacity:0;transform:translateX(-60px);} 100%{opacity:1;transform:translateX(0);}}.slow-fade-top{opacity:0;animation:slowFadetopIn 0.8s ease-out 0.5s forwards;} @keyframes slowFadetopIn{0%{opacity:0;transform:translateY(-60px);} 100%{opacity:1;transform:translateY(0);}}.slow-fade-bottom{opacity:0;animation:slowFadebottomIn 0.8s ease-out 0.5s forwards;} @keyframes slowFadebottomIn{0%{opacity:0;transform:translateY(60px);} 100%{opacity:1;transform:translateY(0);}}} @media only screen and (min-width:1025px) and (max-width:1680px){.top-bar-section li:not(.has-form) a:not(.button){padding:0 0.9vw;}.top-bar-section li:not(.has-form) a:not(.button):hover{padding:0 0.9vw;}.top-bar-section ul li:hover:not(.has-form)>a{padding:0 0.9vw;}.company-details p.title,.company-details p.title a{font-size:1.4em;}.hair-banner,.color-banner,.relaxer-banner,.salon-banner,.cut-banner,.hairdresser-banner,.stylist-banner,.wedding-banner,.men-banner,.mcut-banner,.beard-banner,.products-banner,.careers-banner,.contact-banner{height:19vw;}} @media only screen and (min-width:1025px) and (max-width:1440px){.exit-text-clipart{background:center / contain no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/clipart1.png);}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before{left:-5px;}.top-bar-section li:not(.has-form) a:not(.button){font-size:16px;padding:0 10px;}.top-bar-section li:not(.has-form) a:not(.button):hover{padding:0 10px;}.top-bar-section ul li:hover:not(.has-form)>a{padding:0 10px;}.cta-btn{font-size:1.5em;}.bg-text-box{padding-left:7.4vw;}.company-details p{font-size:0.8em;}.slider-content P{font-size:4.5em;}.badge-holder img{width:75%;}} @media only screen and (min-width:1025px) and (max-width:1366px){.top-bar-section li:not(.has-form) a:not(.button):hover::before,.top-bar-section li.active:not(.has-form) a:not(.button)::before{bottom:15px;}.top-bar-section li:not(.has-form) a:not(.button){padding:0 9px;}.top-bar-section li:not(.has-form) a:not(.button):hover{padding:0 9px;}.top-bar-section ul li:hover:not(.has-form)>a{padding:0 9px;} .footer-cta p{font-size:3em;}.intro-text{background-position:110% 50%;}.company-details p.title,.company-details p.title a{font-size:1.3em;}p{font-size:1em;}ul{font-size:1em;}.textbox-full{padding:0 10vw;}} @media only screen and (min-width:1025px) and (max-width:1280px){.intro-text{background-position:120% 50%;}.header-btn{font-size:0.8em;padding:10px;}.smaller-heading{font-size:2em;}.top-bar-section li:not(.has-form) a:not(.button){font-size:15px;}.company-details p.title,.company-details p.title a{}.company-details p{font-size:0.7em;}.navigation-wrapper{width:58.33333%;}.home-bg1-text p{font-size:1em;}.cta-btn{min-width:16vw;}.tagline p{font-size:0.6em;}.header-row{display:flex;align-items:center;padding:1vw 0vw;justify-content:center;}.grid-bubbles p{font-size:0.9em;}.hair-list h3{font-size:1.3em;}p.like-h4.bar-up::before,p.like-h4.bar-up::after{top:1.5vw;}.hair-banner,.color-banner,.relaxer-banner,.salon-banner,.cut-banner,.hairdresser-banner,.stylist-banner,.wedding-banner,.men-banner,.mcut-banner,.beard-banner,.products-banner,.careers-banner,.contact-banner{height:22vw;}} @media only screen and (min-width:1025px) and (max-width:1200px){.top-bar-section li:not(.has-form) a:not(.button){font-size:13px;}.card{width:350px;height:350px;}} @media only screen and (min-width:1024px) and (max-width:1366px) and (orientation:landscape){html,body{width:100%;max-width:100%;overflow-x:clip;} .slow-fade-right{animation-name:slowFaderightIn;} @keyframes slowFaderightIn{0%{opacity:0;transform:translateX(20px);} 100%{opacity:1;transform:translateX(0);}}} @media only screen and (max-width:1024px){.mobile-strip-padding-top{padding-top:0 !important;}.mobile-strip-padding-right{padding-right:0 !important;}.mobile-strip-padding-bottom{padding-bottom:0 !important;}.mobile-strip-padding-left{padding-left:0 !important;}ul.default{margin-left:0;display:inline-block;}ul.special{margin-left:0;display:inline-block;}ul.default li,ul.special li{text-align:left;}ul.default.columns,ul.special.columns,ul.default.columns.end,ul.special.columns.end{padding:0;float:none;display:inline-block;max-width:85%;margin:0;}ul.default li::before,ul.special li::before{margin:0 10px 0 0;}.svc-page .intro-text{padding:2vh 5vw;background:none;}.svc-page .picture-bg1{margin:0 0 5vh 0;padding:5vh 0 !important;}.svc-box .btn{margin:auto auto 0 auto;max-width:180px;}.svc-box h2:before{position:relative;left:-10px;}.services section{padding-top:0;padding-bottom:0;}.services section h2{margin-top:0;padding:0;}.services .svc-box{background-size:15%;}.push-1{left:initial;}.pull-1{right:initial;}.btn{min-width:260px;}.row.full.home-padding-1{padding:0;}.picture-bg1{padding:0 !important;background:#000000;}.picture-bg1-content{border:1px none #FFFFFF;padding:5vh 0 0 0 !important;}.picture-bg1-content::after{content:none;padding:0 0 !important;}.row.full{padding-left:0;padding-right:0;}.home-bg2,home-bg3{display:none;}.about-bg2{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/about-img1.jpg);max-height:50vh !important;}.service-bg1{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/service-img1.jpg);height:50vh !important;margin-top:5vh;}.exit-text-content h2{color:#000000;}  .svc-m-01{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-m-01.jpg);min-height:45vh;margin-bottom:5vh;}.svc-m-02{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-m-02.jpg);min-height:45vh;margin-bottom:5vh;}.svc-m-03{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-m-03.jpg);min-height:45vh;margin-bottom:5vh;}.svc-w-01{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-01.jpg);min-height:45vh;margin-bottom:5vh;}.svc-w-02{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-02.jpg);min-height:45vh;margin-bottom:5vh;}.svc-w-03{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-03.jpg);min-height:45vh;margin-bottom:5vh;}.svc-w-04{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-04.jpg);min-height:45vh;margin-bottom:5vh;}.svc-w-05{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-05.jpg);min-height:45vh;margin-bottom:5vh;}.svc-w-06{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-06.jpg);min-height:45vh;margin-bottom:5vh;}.svc-w-07{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-07.jpg);min-height:45vh;margin-bottom:5vh;}.svc-w-08{background:center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/service-images/svc-w-08.jpg);min-height:45vh;margin-bottom:5vh;}  .svc .exit-text-content{max-width:unset;background:none;padding:5vh 10vw;}.footer-cta-holder{display:none;}main .columns{padding-left:5vw;padding-right:5vw;text-align:center;}.header-wrapper{position:relative;}.header-wrapper::after{content:" ";display:block;width:100%;height:200px;background:left center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/08/tablet-bg.jpg);}.header-wrapper.header-inner{border:none;height:auto;}.floating-header{position:relative;}.floating-header:after{height:25vh;}.header-row{display:block;padding:2vh 0;min-height:auto;background:none;}.logo-wrapper{display:block;width:100%;max-width:unset;text-align:center;margin-bottom:0;padding:0;}.logo-wrapper img#mobile{display:inline-block;max-width:88%;margin:0 0 15px 0;}.logo-wrapper img#desktop{display:none;}.company-details{display:block;width:100%;max-width:unset;padding:0;text-align:center;}.company-details p.title,.company-details p.title a{font-size:35px;margin-bottom:10px;line-height:35px;}.company-details p{font-size:16px;}.hero-buttons{padding:0;text-align:center;}.hero-buttons .cta-btn{padding:1.5vh 1.5vw;}.tagline{display:none;}.badge-holder{margin:0;padding:5vh 5vw;}.badge-holder .columns{padding-left:5vw;padding-right:5vw;}.badge-holder img{max-width:25vw;}.mobile-navigation{display:block;right:30px;position:absolute;text-transform:uppercase;top:25px;vertical-align:middle;width:auto;height:24px;z-index:999;}i.toggle-bars{display:inline-block;position:relative;color:#FFFFFF;width:37px;height:7px;}i.toggle-bars::before{content:" ";width:30px;height:2px;background:#000000;position:absolute;bottom:0;left:0;}i.toggle-bars::after{content:" ";width:30px;height:2px;background:#000000;position:absolute;top:0;left:0;}i.toggle-bars.close{width:35px;height:35px;background:#000000;border-radius:76px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}i.toggle-bars.close::after{background:#FFFFFF;top:calc(50% - 1px);left:calc(50% - 13px);width:26px;}i.toggle-bars.close::before{background:#FFFFFF;width:2px;height:26px;left:calc(50% - 1px);top:calc(50% - 13px);}.fullwidth-navigation{background:#FFFFFF;position:absolute;top:0;z-index:997;width:100%;display:none;}.fullwidth-navigation .top-bar{padding:0;display:block;background:#FFFFFF;height:auto;}.fullwidth-navigation .top-bar-section ul:not(.dropdown){padding-top:25%;}.fullwidth-navigation .title-area{display:none !important;}.top-bar-section{background:#FFFFFF;margin-bottom:10%;}.fullwidth-navigation .top-bar-section ul{position:relative;right:0;width:100%;z-index:997;padding-top:25%;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;}.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li:not(.has-form) a:not(.button){color:#000000;line-height:50px;text-align:center;padding:0 !important;font-size:20px !important;}.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover,.top-bar-section ul li:hover:not(.has-form)>a{color:#000000;padding:0;line-height:50px;font-size:20px !important;}.top-bar-section .dropdown li{width:100%;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){color:#000000;font-weight:normal;line-height:50px;font-size:20px !important;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover,.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:#FFFFFF;color:#000000;font-weight:bold;line-height:50px;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:150%;border-radius:0;padding-bottom:40px;padding-top:15%;background:#FFFFFF;}.top-bar-section li:not(.has-form) a:not(.button)::before,.top-bar-section li:not(.has-form) .dropdown a:not(.button)::before,.top-bar-section li.has-dropdown:not(.has-form) a:not(.button)::before{display:none;}.top-bar-section ul li{text-align:center;}.top-bar-section li:not(.has-form) a:not(.button){display:inline-block;width:auto;}.top-bar-section .has-dropdown>a:after{right:5px;margin:0;border:none;top:25px;font-size:0.6em;color:#000000;transform:rotate(270deg);}.vertical-padding-xs{padding-top:3vh;padding-bottom:3vh;}.top-padding-xs{padding-top:3vh;}.bottom-padding-xs{padding-bottom:3vh;}.vertical-padding-small{padding-top:4vh;padding-bottom:4vh;}.top-padding-small{padding-top:4vh;}.bottom-padding-small{padding-bottom:4vh;}.vertical-padding-medium{padding-top:5vh;padding-bottom:5vh;}.top-padding-medium{padding-top:5vh;}.bottom-padding-medium{padding-bottom:5vh;}.vertical-padding-large{padding-top:6vh;padding-bottom:6vh;}.top-padding-large{padding-top:6vh;}.bottom-padding-large{padding-bottom:6vh;}.vertical-padding-x-large{padding-top:7vh;padding-bottom:7vh;}.top-padding-x-large{padding-top:7vh;}.bottom-padding-x-large{padding-bottom:7vh;}.strip-padding-mobile{padding-left:0 !important;padding-right:0 !important;}.m-vpad-none{padding-top:0;padding-bottom:0;}.mobile-bg-remove{background:none;}.mobile-hide{display:none;}.intro-text{padding:5vh 0 0 0;transform:none;background:none;}.intro-text::after{display:block;background-image:url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/07/home-tablet.jpg);background-repeat:no-repeat;height:45vh;background-size:cover;}.intro-text h2,.intro-text h3,.intro-text p{padding:0 5vw 0 5vw;}.intro-text p:last-of-type{padding-bottom:8vh;}.intro-text.inner{padding:0 5vw;}.intro-text .cta-btn-wrapper{display:none;}.intro-bg-wrapper{height:400px !important;}.intro-bg{max-width:none;}.intro-bg::before,.intro-bg::after{display:none;}.intro-about{padding:5vh 0 0 0;transform:none;background:none;}.intro-about::after{display:block;background-image:url(https://scrupleshairdesign.ca/wp-content/themes/sal4/images/about-img1.jpg);background-position:50% 50%;background-repeat:no-repeat;height:45vh;background-size:cover;}.intro-about p:last-of-type{padding-bottom:8vh;}.intro-inner{padding:5vh 5vw;background:none;}.exit-text{padding:0;background:none;}.exit-text-content{float:unset;max-width:100vw;padding:5vh 10vw;text-align:center;background:#dfdfdf;}.exit-text-content .vspaced{color:#000000;}.exit-text.abt{background:none;}.bg-row{padding-top:0;}.bg-text-box{background:#676767;width:100%;margin-left:0;padding:5vh 10vw;text-align:center;}.cta-wrapper{margin-top:0;}.cta-text-holder{padding:10vh 5vw;}.cta-btn{min-width:25vw;margin:0 1.5vw 2vh 0;}.cta-row{padding:0;background:#5b5156;}.cta-text{padding-top:2vh;padding-bottom:2vh;}.cta-text h2{font-size:48px;}.cta-bg-holder{height:auto !important;}ul.icon-list li{padding:0;}ul.icon-list li::before{display:none;}.footer-wrapper{padding:10vh 0;margin:0;}.footer-address p{font-size:1.2em;margin:2vw 0;}.footer-row{padding-bottom:0;text-align:center;}.footer-row .columns{margin-bottom:25px;}.footer-box-holder{padding:10vh 0;}.footer-box{padding:5vh 0;}.footer-address *{color:#FFFFFF!important;}.footer-address,.footer-social{text-align:center;}.footer-address{padding:0;}.footer-address:nth-of-type(2){padding:5vh 0 0 0;}.footer-address h2{margin:0 0 2vh 0;}.footer-address .content-holder h2:nth-of-type(2){margin-top:5vh;}.footer-payment{padding:0;text-align:center;}.footer-payment:before{display:none;}.footer-payment span{display:inline-block;}svg.payment-icon.transparent{margin:0 1.5vw 2vh;height:35px;max-width:70px;}.footer-social{padding-top:0;padding-bottom:0;}.footer-social a:not(:last-of-type){margin-right:1vw;}.footer-logo{text-align:center;}.disclaimer{text-align:center;padding-bottom:10vh;}.flexed{display:block;}.reset-offset{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}.reset-spacer{margin:0;}.mobile-sticky-cta{display:block;position:fixed;bottom:30px;left:0;width:100%;text-align:center;z-index:2;}.mobile-sticky-cta a.slider-btn{font-size:1em;padding:10px 20px;min-width:165px;}.mobile-sticky-cta a.slider-btn:after{content:none;}.mobile-sticky-cta img{background:#FFFFFF;padding:0 10px;filter:invert(1);max-height:60px;}.grid-bubbles{display:grid;grid-template-columns:1fr 1fr 1fr;}span.numbers{border-right:none;padding:0;font-weight:700;}.boxed-in{border-top:none;border-bottom:none;}.hair-list{text-align:center;margin-left:0;}p.like-h4.bar-up::before,p.like-h4.bar-up::after{display:none!important;}.grid-badges{display:grid;grid-template-columns:1fr 1fr;}.footer-wrapper{padding:6vh 0;}.header-wrapper.header-inner::after{display:none!important;}.hair-banner,.color-banner,.relaxer-banner,.salon-banner,.cut-banner,.hairdresser-banner,.stylist-banner,.wedding-banner,.men-banner,.mcut-banner,.beard-banner,.products-banner,.careers-banner,.contact-banner{height:25vw;}  .page-wrapper.single-wrapper.landing-page-wrapper.row,.row.service-areas-wrapper{text-align:center;}} @media only screen and (max-width:900px){.hair-banner,.color-banner,.relaxer-banner,.salon-banner,.cut-banner,.hairdresser-banner,.stylist-banner,.wedding-banner,.men-banner,.mcut-banner,.beard-banner,.products-banner,.careers-banner,.contact-banner{height:30vw;}} @media only screen and (max-width:767px){ul.default,ul.special{padding:0 5vw;}.logo-wrapper img#mobile{max-width:50%;}i.toggle-bars.close{width:40px;height:40px;}i.toggle-bars.close::before{height:20px;top:calc(50% - 10px);}i.toggle-bars.close::after{width:20px;left:calc(50% - 10px);}.footer-address p{font-size:1em;line-height:2em;}.footer-hours p{font-size:24px;}.cta-row h2{font-size:3em;line-height:1em;}.company-details p{margin-bottom:20px;}.badge-holder img{max-width:75vw;margin:2vh 2vw;}.ladies-grid{grid-template-columns:1fr;}.grid-bubbles,.grid-badges{display:grid;grid-template-columns:1fr;}.float-topper{position:relative;top:0;}} @media only screen and (max-width:500px){.header-wrapper{}.header-row{min-height:auto;padding-bottom:2vh;}.company-details p.title,.company-details p.title a{font-size:30px;line-height:30px;}.company-details p{font-size:1em;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:40%;}.contactForm .captchaWrapper input{margin-top:0;}.home-bg1-text,.home-bg3-text{padding:3vh 5vw 4vh 5vw;}.home-bg1-text p,.home-bg3-text p{font-size:0.9em;}.btn{min-width:200px;padding:15px 5px;}h1,h1 a{font-size:2em;}h2,.cta-text h2{font-size:1.8em;margin:15px 0;}h3{font-size:1.5em;margin:15px 0;}p{font-size:1em;line-height:1.5;}ul.default{font-size:1em;line-height:1.5 !important;}.smaller-heading{font-size:1.8em;}.vertical-padding-medium,.vertical-padding-small{padding-top:2vh;padding-bottom:2vh;}.services .svc-box{background:none;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:40%;}.contactForm .captchaWrapper input{margin-top:15px;}.cta-buttons .cta-btn{margin:0 auto 10px !important;display:block;max-width:200px;}.badge-holder .columns{padding-left:10vw;padding-right:10vw;}.cta-wrapper{margin-top:0;}.footer-social a:not(:last-of-type){margin-right:10vw;}main .columns{padding-left:5vw;padding-right:5vw;}.header-wrapper::after{content:" ";display:block;width:100%;height:110px;background:left center / cover no-repeat url(https://scrupleshairdesign.ca/wp-content/uploads/sites/12/2026/08/mobile-bg.jpg);}.card{width:100%;}} @media only screen and (max-width:355px){main .columns,.bg-text-box{padding-left:5vw;padding-right:5vw;}.card-back p{font-size:0.8em;}} @media only screen and (max-width:320px){.hair-banner,.color-banner,.relaxer-banner,.salon-banner,.cut-banner,.hairdresser-banner,.stylist-banner,.wedding-banner,.men-banner,.mcut-banner,.beard-banner,.products-banner,.careers-banner,.contact-banner{height:50vw;}.overlay-bg *{line-height:1.2;}}