@import url("https://384bf6.claudeassets.com/20240413041111cs_/https://fonts.googleapis.com/css?family=Raleway:300,400,500,700");
@font-face {
  font-family: 'blackjack';
  src: url("https://c5ab4f.claudeassets.com/20240413041111im_/https://winksalonandspa.com/wp-content/themes/naked-wordpress-master/_fonts/script/blackjack-webfont.eot");
  src: url("https://1e7911.claudeassets.com/20240413041111im_/https://winksalonandspa.com/wp-content/themes/naked-wordpress-master/_fonts/script/blackjack-webfont.eot#iefix") format("embedded-opentype"), url("https://4b7efb.claudeassets.com/20240413041111im_/https://winksalonandspa.com/wp-content/themes/naked-wordpress-master/_fonts/script/blackjack-webfont.woff2") format("woff2"), url("https://3f11a1.claudeassets.com/20240413041111im_/https://winksalonandspa.com/wp-content/themes/naked-wordpress-master/_fonts/script/blackjack-webfont.woff") format("woff"), url("https://473f30.claudeassets.com/20240413041111im_/https://winksalonandspa.com/wp-content/themes/naked-wordpress-master/_fonts/script/blackjack-webfont.ttf") format("truetype"), url("https://f57697.claudeassets.com/20240413041111im_/https://winksalonandspa.com/wp-content/themes/naked-wordpress-master/_fonts/script/blackjack-webfont.svg#black_jackregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
Theme Name: Naked Wordpress
Theme URI: https://bckmn.com/naked-wordpress
Author: J Beckman
Author URI: https://bckmn.com
Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress.
Version: 1.0
License: GNU General Public License
*/
/*-------------------------*/
/*	  INCLUDE MIXINS       */
/*-------------------------*/
/*-------------------------*/
/*    RESPONSIVE FONT      */
/*-------------------------*/
/*----------------------------------- */
/*      EQUAL HEIGHT FOR COLUMNS     */
/*------------------------------------*/
/* need to hide the container overflow*/
/* --------------------- */
/* --------------------- */
/* ---------------------------- */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

html, body, h1, h2, h3, h4, p, ul {
  margin: 0;
  padding: 0; }

body {
  font-family: 'Raleway', sans-serif; }

h1, h2, h3, h4 {
  font-family: 'blackjack'; }

h1 {
  font-size: 6vw; }
  @media (max-width: 600px) {
    h1 {
      font-size: 36px; } }
  @media (min-width: 833.33333px) {
    h1 {
      font-size: 50px; } }

h2 {
  font-size: 4vw; }
  @media (max-width: 900px) {
    h2 {
      font-size: 36px; } }
  @media (min-width: 1150px) {
    h2 {
      font-size: 46px; } }

h3 {
  font-size: 28px; }

h4 {
  font-size: 26px;
  padding: .5em 0 0; }

h5 {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  font-size: 1.8vw;
  margin: 0;
  margin-bottom: .2em; }
  @media (max-width: 1111.11111px) {
    h5 {
      font-size: 20px; } }
  @media (min-width: 1333.33333px) {
    h5 {
      font-size: 24px; } }

h6 {
  margin: 0;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2vw;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px; }
  @media (max-width: 1000px) {
    h6 {
      font-size: 12px; } }
  @media (min-width: 1166.66667px) {
    h6 {
      font-size: 14px; } }

.title {
  display: none; }

.clear {
  clear: both; }

a {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; }

a:hover {
  cursor: pointer; }

:focus {
  outline: 0; }

:link {
  text-decoration: none; }

ul {
  display: block; }

li {
  list-style-type: none;
  line-height: 1.5; }

p {
  font-size: 1.4vw;
  line-height: 1.5em; }
  @media (max-width: 1000px) {
    p {
      font-size: 14px; } }
  @media (min-width: 1285.71429px) {
    p {
      font-size: 18px; } }

.btn-group {
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 5%; }

.button-default {
  background: #cc9933;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 13px 25px;
  margin: 0 auto;
  display: table; }

.book-appt-stylist .button-default:hover,
.btn-group a:hover {
  border: 4px solid #fac7c3;
  color: #fac7c3;
  background: transparent; }

:focus, :hover {
  outline: none;
  text-decoration: none; }

.content_wrapper {
  width: 80%;
  margin: 0 auto; }

#quick-link-nav {
  background: #fae5e3; }
  #quick-link-nav ul {
    float: right; }
    #quick-link-nav ul li {
      float: left;
      padding: 7px 15px;
      font-size: 12px;
      letter-spacing: 1px; }
      #quick-link-nav ul li a {
        color: #de929b;
        font-weight: 500; }

#menu-menu-1 li {
  float: left;
  width: 20%;
  margin-top: 100px;
  position: relative; }
  #menu-menu-1 li:nth-of-type(3) {
    margin-top: 50px;
    margin-bottom: 4%; }
    #menu-menu-1 li:nth-of-type(3) .menu-image-title {
      display: none; }
    #menu-menu-1 li:nth-of-type(3) img {
      max-width: 150px;
      height: 100%; }
    #menu-menu-1 li:nth-of-type(3) a {
      display: block;
      margin: 0 auto; }
    #menu-menu-1 li:nth-of-type(3).current-menu-item a, #menu-menu-1 li:nth-of-type(3):hover a {
      background: transparent;
      color: #000; }
    #menu-menu-1 li:nth-of-type(3).current-menu-item:hover > a {
      background: transparent; }
  #menu-menu-1 li.current-menu-item a + .sub-menu li a {
    background: transparent;
    color: #111; }
  #menu-menu-1 li.current-menu-item a + .sub-menu li:hover a {
    display: block;
    background: #fac7c3; }
  #menu-menu-1 li:nth-of-type(2) > ul.sub-menu > li:nth-of-type(3) .menu-image-title {
    display: block; }
  #menu-menu-1 li:nth-of-type(4), #menu-menu-1 li:last-of-type {
    text-align: right; }
  #menu-menu-1 li:hover .sub-menu {
    display: block;
    z-index: 100; }
  #menu-menu-1 li:hover > a {
    background: #cc9999;
    color: #fff; }
  #menu-menu-1 li a {
    padding: 7px 0;
    color: #111;
    width: 200px;
    display: block;
    text-align: center;
    justify-content: center;
    display: inline-flex; }
  #menu-menu-1 li.current-menu-item > a {
    background: #cc9999;
    color: #fff; }
  #menu-menu-1 li.current-menu-item:hover > a {
    background: #fac7c3; }
#menu-menu-1 ul.sub-menu {
  position: absolute;
  top: 38px;
  display: block;
  width: 200px;
  display: none; }
  #menu-menu-1 ul.sub-menu li {
    margin-top: 0;
    background: #fae5e3;
    text-align: center;
    width: 100%;
    border-left: 2px solid #cc9999;
    margin-bottom: 3px; }
    #menu-menu-1 ul.sub-menu li:hover a {
      color: #111;
      background: #fac7c3; }
    #menu-menu-1 ul.sub-menu li a {
      display: block;
      width: 100%;
      padding: 7px 0; }
    #menu-menu-1 ul.sub-menu li:first-of-type {
      margin-top: 3px; }

section#mobile-container {
  display: none; }

.hero__image__wrapper {
  min-height: 30vw;
  margin-bottom: 2%;
  background-position: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: table; }

.hero__image__wrapper > img {
  width: 100%;
  height: 100%; }

.caption__wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.inner__book__appointment {
  text-align: center; }

.caption__wrapper p {
  padding: 0 5em; }

.responsive-img {
  max-width: 100%; }

.col {
  float: left; }

.grid-2-span .col {
  width: 49%;
  position: relative; }

#main-cta .grid-2-span .col {
  min-height: 35.5vw; }

#main-cta .grid-2-span .col {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  display: table; }

.grid-2-span .col:nth-child(odd) {
  margin: 0px 2% 2% 0px; }

#main-cta .grid-2-span .col img {
  height: 100%; }

#main-cta h1 {
  color: #000;
  line-height: 1;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

#main-cta h1.white {
  color: #fff; }

#promo-cta .grid-2-span {
  margin-top: 4%;
  margin-bottom: 4%; }

#promo-cta .col {
  text-align: center;
  margin-bottom: 5.5%; }

#promo-cta p {
  padding: 0 1em; }

.star {
  display: block;
  margin: 0 auto; }

section#book-appointment-cta {
  margin-bottom: 4%;
  position: relative;
  padding: 50px 0;
  background-position: center center; }

section#google-map-cta {
  margin-bottom: 4%;
  position: relative; }

#book-appointment-cta .button-default {
  margin-top: 2%; }

.inner__book__appointment p {
  padding: 0 10vw; }

li.list-header {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9vw;
  letter-spacing: 1px;
  margin: 4% 0 2% 0; }
  @media (max-width: 1555.55556px) {
    li.list-header {
      font-size: 14px; } }
  @media (min-width: 1777.77778px) {
    li.list-header {
      font-size: 16px; } }

li.list-header ~ li {
  font-size: 1vw; }
  @media (max-width: 1500px) {
    li.list-header ~ li {
      font-size: 15px; } }
  @media (min-width: 1700px) {
    li.list-header ~ li {
      font-size: 17px; } }

.contact-cta {
  background: #fae5e3;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  text-align: left;
  width: 50%;
  right: 5%;
  padding: 2em; }

.contact-cta ul {
  width: 50%; }

.contact-cta ul:first-of-type {
  float: left; }

.contact-cta ul:last-of-type {
  float: left; }

/* Footer */
footer {
  margin-bottom: 4%; }

footer p {
  font-size: 14px;
  color: #757575;
  text-align: center; }

/* about */
img.salon-image {
  width: 50%;
  float: left; }

img.salon-image:first-of-type {
  padding-right: 1%; }

img.salon-image:last-of-type {
  padding-left: 1%; }

section.page-header {
  position: relative; }

section.content {
  padding: 4% 10%;
  background: #eee;
  margin-bottom: 2%; }

.salon__header {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center; }

.salon__header h4 {
  background: #eee;
  width: auto;
  display: inline;
  padding-left: 15px;
  padding-right: 15px; }

.content p {
  margin-bottom: 1em; }

.about-cta.cta h5 {
  font-family: 'BlackJack'; }

.about-cta.cta {
  margin: 4% 0; }

a.book-online {
  color: #da99a1; }

section#award {
  position: relative;
  margin-bottom: 4%;
  display: table;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 35.5vw; }

section#award .caption__wrapper {
  text-align: left;
  padding-left: 50%; }

section#award span {
  position: relative;
  bottom: 16px; }

section#award ul li img {
  margin-right: .5em; }

section#award h3 {
  margin-bottom: .5em; }

section#award p {
  font-size: 24px;
  padding: 0;
  font-family: 'blackjack'; }

.email_link {
  color: #111; }

/* OUR STAFF */
#staff .salon-image {
  width: 100%;
  margin: 0;
  padding: 0;
  float: none; }

#staff div#salon__img__wrapper {
  margin-bottom: -5px; }

#staff .col {
  width: 33.3%;
  padding: 1%;
  position: relative; }

.staff-grid {
  margin: 4% 0; }

p.stylist-name {
  position: absolute;
  bottom: 0px;
  width: 60%;
  background: #cc9933;
  margin-left: 20%;
  text-align: center;
  margin-bottom: 4%;
  color: #fff;
  font-size: 14px;
  padding: 5px 0px; }

.staff-grid a:hover img {
  opacity: .5; }

/* MEET STYLIST */
.stylist-img {
  width: 25%;
  float: left;
  margin-right: 5%; }

.stylist-bio {
  width: 70%;
  float: left; }

section.book-appt-stylist {
  background: #fae5e3;
  padding: 4%;
  margin: 0;
  text-align: center;
  width: 100%;
  position: relative;
  margin-bottom: 2%; }

#staff {
  position: relative; }

#staff > section.content {
  padding: 4%; }

.staff-nav {
  position: absolute;
  top: 15px;
  right: 15px;
  text-align: right; }

.staff-nav a {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  display: block;
  color: #cc9999; }

.staff-nav a:hover {
  color: #555; }

/* SERVICES */
.icon-wrapper {
  display: none; }

.mobile-menu-wrapper {
  display: none; }

.logo_wrapper {
  float: left;
  width: 33%; }

.logo_border {
  width: 100%;
  border: 1px solid #555; }

.logo_wrapper img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  padding: 65px 0; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%; }

  .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 {
    width: 100%; } }
@media all and (max-width: 1030px) {
  .contact-cta {
    position: relative;
    transform: none;
    width: 100%;
    right: 0;
    top: 0px; } }
@media all and (max-width: 1266px) {
  .logo_wrapper {
    width: 50%; } }
@media all and (max-width: 960px) {
  header + main.content_wrapper {
    padding-top: 135px; }

  #quick-link-nav,
  .main-navigation {
    display: none; }

  section#mobile-container {
    display: block;
    position: fixed;
    height: 115px;
    z-index: 1111;
    background: white;
    width: 100%;
    box-shadow: 1px 2px 3px #999; }
    section#mobile-container .mobile-header {
      padding: .8em; }

  ul.mobile-nav li a {
    font-size: 20px;
    color: #111;
    text-align: center;
    display: block;
    padding: 7px 0;
    border-bottom: 4px solid #fac7c3; }

  .current-menu-item {
    background: #fae5e3; }

  .mobile-logo, .nav-icon2-container {
    float: left;
    width: 50%; }

  .mobile-logo img {
    max-width: 120px;
    width: 55%; }

  .mobile-menu-wrapper {
    background: #cc9999;
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 115px;
    display: none; }

  #nav-icon2 {
    width: 60px;
    height: 65px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 99999;
    float: right;
    top: 10px; }
    #nav-icon2 span {
      display: block;
      position: absolute;
      height: 6px;
      width: 50%;
      background: #cc9999;
      opacity: 1;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
      #nav-icon2 span:nth-child(even) {
        left: 50%;
        border-radius: 0 9px 9px 0; }
      #nav-icon2 span:nth-child(odd) {
        left: 0px;
        border-radius: 9px 0 0 9px; }
      #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
        top: 15px; }
      #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
        top: 30px; }
      #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
        top: 45px; }
    #nav-icon2.open span:nth-child(1) {
      left: 5px;
      top: 7px; }
    #nav-icon2.open span:nth-child(2) {
      left: calc(50% - 5px);
      top: 7px; }
    #nav-icon2.open span:nth-child(3) {
      left: -50%;
      opacity: 0; }
    #nav-icon2.open span:nth-child(4) {
      left: 100%;
      opacity: 0; }
    #nav-icon2.open span:nth-child(5) {
      left: 5px;
      top: 29px; }
    #nav-icon2.open span:nth-child(6) {
      left: calc(50% - 5px);
      top: 29px; }
    #nav-icon2.open span:nth-child(1),
    #nav-icon2.open span:nth-child(6) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    #nav-icon2.open span:nth-child(2),
    #nav-icon2.open span:nth-child(5) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); } }
@media all and (max-width: 800px) {
  section#book-appointment-cta .caption__wrapper {
    position: relative; }

  .hero__image__wrapper,
  #main-cta .grid-2-span .col {
    height: 320px; }

  section#google-map-cta {
    overflow-x: hidden; }

  section#google-map-cta .responsive-img {
    /* max-width: 100%; */
    /* width: 100%; */
    /* display: block; */
    max-width: none;
    width: auto;
    min-height: 300px;
    padding-right: 12px; }

  .content_wrapper {
    width: 95%; }

  .grid-2-span .col {
    margin-bottom: 2%; }

  .grid-2-span .col {
    width: 49%; }

  #staff .col {
    width: 49%; }

  .caption__wrapper p {
    padding: 0 .4em; }

  .contact-cta ul:first-of-type {
    float: none; }

  .contact-cta ul {
    width: 100%;
    text-align: center; } }
@media all and (max-width: 680px) {
  .grid-2-span .col {
    width: 100%; }

  section#award .caption__wrapper {
    text-align: center;
    width: 100%;
    right: auto; }

  #staff .col {
    width: 100%; }

  .logo_wrapper {
    width: 100%; } }

/*# sourceMappingURL=style.css.map */

/*
     FILE ARCHIVED ON 04:11:11 Apr 13, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:57:48 Jun 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.587
  exclusion.robots: 0.093
  exclusion.robots.policy: 0.084
  esindex: 0.006
  cdx.remote: 8.975
  LoadShardBlock: 289.672 (3)
  PetaboxLoader3.datanode: 131.234 (4)
  PetaboxLoader3.resolve: 259.326 (2)
  load_resource: 105.847
*/