/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*	--------------------------------------
	FONT FAMILIES
	--------------------------------------	*/
@font-face {
  font-family: 'LocatorDisplayWebLight';
  src: url("webfonts/LocatorDisplayWebLight.eot") format("embedded-opentype"), url("webfonts/LocatorDisplayWebLight.woff") format("woff");
}
@font-face {
  font-family: 'LocatorDisplayWebRegular';
  src: url("webfonts/LocatorDisplayWebRegular.eot") format("embedded-opentype"), url("webfonts/LocatorDisplayWebRegular.woff") format("woff");
}
@font-face {
  font-family: 'LocatorDisplayWebMedium';
  src: url("webfonts/LocatorDisplayWebMedium.eot") format("embedded-opentype"), url("webfonts/LocatorDisplayWebMedium.woff") format("woff");
}
@font-face {
  font-family: 'LocatorDisplayWebBold';
  src: url("webfonts/LocatorDisplayWebBold.eot") format("embedded-opentype"), url("webfonts/LocatorDisplayWebBold.woff") format("woff");
}
@font-face {
  font-family: 'HouschkaPro-Bold';
  src: url("webfonts/28C433_0_0.eot");
  src: url("webfonts/28C433_0_0.eot") format("embedded-opentype"), url("webfonts/28C433_0_0.woff") format("woff"), url("webfonts/28C433_0_0.ttf") format("truetype"), url("webfonts/28C433_0_0.svg#font") format("svg");
}
@font-face {
  font-family: 'HouschkaPro-MediumItalic';
  src: url("webfonts/28C433_1_0.eot");
  src: url("webfonts/28C433_1_0.eot") format("embedded-opentype"), url("webfonts/28C433_1_0.woff") format("woff"), url("webfonts/28C433_1_0.ttf") format("truetype"), url("webfonts/28C433_1_0.svg#font") format("svg");
}
@font-face {
  font-family: 'HouschkaPro-DemiBold';
  src: url("webfonts/28C433_2_0.eot");
  src: url("webfonts/28C433_2_0.eot") format("embedded-opentype"), url("webfonts/28C433_2_0.woff") format("woff"), url("webfonts/28C433_2_0.ttf") format("truetype"), url("webfonts/28C433_2_0.svg#font") format("svg");
}
@font-face {
  font-family: 'HouschkaPro-DemiBoldItalic';
  src: url("webfonts/28C433_3_0.eot");
  src: url("webfonts/28C433_3_0.eot") format("embedded-opentype"), url("webfonts/28C433_3_0.woff") format("woff"), url("webfonts/28C433_3_0.ttf") format("truetype"), url("webfonts/28C433_3_0.svg#font") format("svg");
}
@font-face {
  font-family: 'HouschkaPro-Medium';
  src: url("webfonts/28C433_4_0.eot");
  src: url("webfonts/28C433_4_0.eot") format("embedded-opentype"), url("webfonts/28C433_4_0.woff") format("woff"), url("webfonts/28C433_4_0.ttf") format("truetype"), url("webfonts/28C433_4_0.svg#font") format("svg");
}
/*	--------------------------------------
	COLOURS
	--------------------------------------	*/
/* 50% tint of the main hairforce colour */
/* 20% tint of the main Hairforce colour */
/* =Global Elements
-------------------------------------------------------------- */
/* Main global 'theme' and typographic styles  */
/* line 5, sass/partials/_tags.scss */
html, body {
  height: 100%;
}

/* line 9, sass/partials/_tags.scss */
html {
  overflow-y: scroll;
}

/* line 13, sass/partials/_tags.scss */
body {
  color: #642f6c;
  font-size: 14px;
}

/* line 18, sass/partials/_tags.scss */
body,
input,
textarea {
  color: #642f6c;
}

/* line 24, sass/partials/_tags.scss */
hr {
  border: 0;
  height: 1px;
  margin-bottom: 18px;
  clear: both;
}

/* Text elements */
/*h1,h2,h3,h4,h5,h6{
    color: rgb(100,47,108);
}

h1,
h2 {
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bold;
}

h1 {
    font-size: 27px;
    padding: 2px 0 10px 0;
    margin-bottom: 30px;
}

h2 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 25px;
}

h3 {
    font-weight: bold;
}

h4 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}*/
/* line 78, sass/partials/_tags.scss */
ul {
  list-style: disc;
  margin: 0 0 18px 2.5em;
}

/* line 83, sass/partials/_tags.scss */
ol {
  list-style: decimal;
  margin: 0 0 18px 1.5em;
}

/*ol ol {
	list-style:upper-alpha;
}

ol ol ol {
	list-style:lower-roman;
}

ol ol ol ol {
	list-style:lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}*/
/* line 107, sass/partials/_tags.scss */
li {
  margin: 0 0 10px 0;
}

/* line 111, sass/partials/_tags.scss */
dl {
  margin: 0 0 24px 0;
}

/* line 115, sass/partials/_tags.scss */
dt {
  font-weight: bold;
}

/* line 119, sass/partials/_tags.scss */
dd {
  margin-bottom: 18px;
}

/* line 142, sass/partials/_tags.scss */
blockquote {
  font-style: italic;
}

/* line 183, sass/partials/_tags.scss */
input[type="text"],
textarea {
  padding: 2px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}

/* LINKS */
/* line 195, sass/partials/_tags.scss */
a, a:link {
  color: #642f6c;
  background-color: white;
  text-decoration: none;
  border-bottom: 1px dotted;
}

/* line 203, sass/partials/_tags.scss */
a:visited, a:active, a:hover {
  color: #642f6c;
  background-color: #efe9ef;
  /* 10% Hairforce pink */
  border-bottom: 1px dotted;
  outline: none;
}

/* Text meant only for screen readers */
/* line 211, sass/partials/_tags.scss */
.screen-reader-text {
  position: absolute;
  left: -9000px;
}

/* =Typography
-------------------------------------------------------------- */
/* line 12, sass/partials/_typography.scss */
body {
  font: 400 14px/20px "HouschkaPro-Medium", sans-serif;
}

/* line 18, sass/partials/_typography.scss */
p {
  font: 400 14px/20px "HouschkaPro-Medium", sans-serif;
  margin-bottom: 20px;
}

/* line 24, sass/partials/_typography.scss */
#footer p,
#footer address {
  font: 400 12px/22px "HouschkaPro-Medium", sans-serif;
}

/* line 31, sass/partials/_typography.scss */
h1, h2 {
  text-transform: uppercase;
}

/* line 35, sass/partials/_typography.scss */
h1 {
  font: 500 48px/54px "LocatorDisplayWebRegular",sans-serif;
  margin-bottom: 20px;
}

/* line 40, sass/partials/_typography.scss */
h2 {
  font: 400 18px/24px "HouschkaPro-DemiBold", sans-serif;
  margin-bottom: 10px;
}

/* line 46, sass/partials/_typography.scss */
h2 .small {
  text-transform: none;
}

/* line 50, sass/partials/_typography.scss */
h3 {
  font: 400 16px/22px "HouschkaPro-DemiBold", sans-serif;
  margin-bottom: 5px;
}

/* line 57, sass/partials/_typography.scss */
ol, ul {
  font: 400 14px/20px "HouschkaPro-Medium", sans-serif;
}

/* line 63, sass/partials/_typography.scss */
strong {
  font-family: "HouschkaPro-DemiBold", sans-serif;
  font-weight: normal;
}

/* line 68, sass/partials/_typography.scss */
em {
  font-family: "HouschkaPro-MediumItalic", sans-serif;
}

/* line 72, sass/partials/_typography.scss */
blockquote {
  margin-bottom: 20px;
}
/* line 75, sass/partials/_typography.scss */
blockquote p {
  font: 400 16px/22px "HouschkaPro-MediumItalic", sans-serif;
  margin-bottom: 10px;
}
/* line 79, sass/partials/_typography.scss */
blockquote footer {
  font: 400 14px/20px "HouschkaPro-DemiBold", sans-serif;
}

/* line 87, sass/partials/_typography.scss */
span.telephone {
  font: 500 32px/32px "LocatorDisplayWebRegular", sans-serif;
  display: block;
  margin-bottom: 10px;
}

/* line 93, sass/partials/_typography.scss */
span.email {
  font: 400 14px/14px "LocatorDisplayWebRegular", sans-serif;
  margin-bottom: 20px;
  display: inline-block;
}
/* line 97, sass/partials/_typography.scss */
span.email a:link,
span.email a:visited {
  color: white;
  background-color: transparent;
}
/* line 102, sass/partials/_typography.scss */
span.email a:hover,
span.email a:active {
  color: #e0d5e2;
  background-color: transparent;
}

/* ADDITIONAL TYPOGRAPHIC RULES */
/* Should this be in Typography.css? */
/*#content h2 {
    margin: 0 0 20px 0;
    font-size: 18px;
    clear: none;
	margin: 0 0 0 0;
	padding: 0; /* Removed 20px top padding - DD 07/02/11
}

#content h3 {
	margin: 20px 0 10px 0;
}*/
/* line 150, sass/partials/_typography.scss */
#site-description {
  text-align: left;
  width: 360px;
}
/* line 153, sass/partials/_typography.scss */
#site-description span {
  display: block;
}
/* line 155, sass/partials/_typography.scss */
#site-description span.lead {
  font: 500 27px/27px "LocatorDisplayWebRegular", sans-serif;
}
/* line 158, sass/partials/_typography.scss */
#site-description span.telephone {
  font: 500 52px/52px "LocatorDisplayWebRegular", sans-serif;
  white-space: nowrap;
  margin-bottom: 0;
}
/* line 163, sass/partials/_typography.scss */
#site-description span.telephone.ie {
  font: 500 43px/43px "LocatorDisplayWebRegular", sans-serif;
}
/* line 166, sass/partials/_typography.scss */
#site-description span.mail {
  font: 500 23.5px/23.5px "LocatorDisplayWebRegular", sans-serif;
  margin-bottom: 10px;
  white-space: nowrap;
}
/* line 170, sass/partials/_typography.scss */
#site-description span.mail a:hover,
#site-description span.mail a:active {
  background-color: white;
}

/* line 180, sass/partials/_typography.scss */
span.skype_pnh_container {
  display: none !important;
}

/* line 184, sass/partials/_typography.scss */
span.skype_pnh_print_container {
  display: inline !important;
}

@media (max-width: 499px) {
  /* line 189, sass/partials/_typography.scss */
  h1 {
    font-size: 32px;
    line-height: 36px;
  }

  /* line 194, sass/partials/_typography.scss */
  h2 {
    font-size: 16px;
    line-height: 20px;
  }
}
/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
/* line 6, sass/partials/_layout.scss */
body {
  background: transparent url(images/header-bg.gif) repeat-x;
  font-size: 62.5%;
}

/* The main theme structure */
/* line 12, sass/partials/_layout.scss */
#wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -200px;
  line-height: 1.75em;
}

/* line 22, sass/partials/_layout.scss */
#content {
  float: left;
  width: 515px;
  margin-right: 60px;
  overflow: auto;
}

/* line 29, sass/partials/_layout.scss */
#primary,
#secondary {
  float: right;
  overflow: auto;
  width: 360px;
}

/* line 36, sass/partials/_layout.scss */
#secondary {
  clear: right;
}

/*.left {
    float: left;
    width: 448px;
    margin-right: 30px;
}

.right {
    float: right;
    width: 448px;
    margin-left: 30px;
}*/
/* line 52, sass/partials/_layout.scss */
#footer {
  clear: both;
  width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/
/* line 62, sass/partials/_layout.scss */
#content.one-column {
  margin: 0 auto;
  width: 960px;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/
/* line 72, sass/partials/_layout.scss */
#content.single-attachment {
  margin: 0 auto;
  width: 960px;
}

@media (max-width: 499px) {
  /* line 78, sass/partials/_layout.scss */
  body {
    background: none;
  }

  /* line 82, sass/partials/_layout.scss */
  #content {
    width: auto;
    margin-right: 0;
  }

  /* line 86, sass/partials/_layout.scss */
  #primary,
  #secondary {
    width: 100%;
    zoom: 0.9;
  }
}
/* HEADER */
/* line 3, sass/partials/_header.scss */
#header {
  position: relative;
  width: 956px;
  margin: 0 auto;
  padding: 0 20px;
  border-top: #642f6c 10px solid;
}

/* line 11, sass/partials/_header.scss */
#social-media {
  display: block;
  float: right;
  clear: right;
  width: 360px;
  height: 20px;
  margin: 5px 0;
}

/* line 20, sass/partials/_header.scss */
#social-media a {
  display: block;
  float: left;
  width: 150px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  color: white;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/* line 33, sass/partials/_header.scss */
#social-media a:hover {
  background-position: bottom left;
  background-color: transparent;
}

/* line 38, sass/partials/_header.scss */
#social-media .twitter {
  background-image: url('/wp-content/themes/thehairforce2015/images/header-icon-twitter.gif?1382619576');
  margin-right: 15px;
}

/* line 43, sass/partials/_header.scss */
#social-media .facebook {
  background-image: url('/wp-content/themes/thehairforce2015/images/header-icon-facebook.gif?1382619576');
}

/* line 47, sass/partials/_header.scss */
#branding {
  position: relative;
  width: 100%;
  height: 155px;
  top: -5px;
}

/* line 54, sass/partials/_header.scss */
#branding a {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  border-bottom: none !important;
}

/* line 62, sass/partials/_header.scss */
#branding a:hover {
  opacity: 0.5;
}

/* line 66, sass/partials/_header.scss */
#site-title {
  display: block;
  float: left;
  width: 185px;
  height: 135px;
  background-image: url('/wp-content/themes/thehairforce2015/images/header-logo.gif?1382619576');
  text-indent: -9999px;
  margin-top: -10px;
}

/* line 76, sass/partials/_header.scss */
#site-description {
  display: block;
  float: right;
  clear: right;
  margin-top: 5px;
}

@media (max-width: 499px) {
  /* line 84, sass/partials/_header.scss */
  #header {
    padding: 0 10px;
    text-align: center;
    width: auto;
  }

  /* line 91, sass/partials/_header.scss */
  #branding {
    height: auto;
  }

  /* line 95, sass/partials/_header.scss */
  #site-title, #site-description, #social-media {
    float: none;
    display: inline-block;
  }

  /* line 101, sass/partials/_header.scss */
  #site-description, #social-media {
    width: auto;
    height: auto;
    display: block;
    text-align: center;
  }
  /* line 106, sass/partials/_header.scss */
  #site-description span.lead, #social-media span.lead {
    font-size: 20px;
  }
  /* line 109, sass/partials/_header.scss */
  #site-description span.telephone, #social-media span.telephone {
    font-size: 24px;
    line-height: 28px;
  }
  /* line 113, sass/partials/_header.scss */
  #site-description span.mail, #social-media span.mail {
    font-size: 18px;
    line-height: 22px;
  }
  /* line 117, sass/partials/_header.scss */
  #site-description a, #social-media a {
    display: inline-block;
    float: none;
    margin-right: 0 !important;
  }
}
/* =Menu
-------------------------------------------------------------- */
/* line 4, sass/partials/_navigation.scss */
#access {
  position: relative;
  display: block;
  height: 100px;
}

/* line 10, sass/partials/_navigation.scss */
.menu {
  display: block;
  text-align: left;
  width: 996px;
  padding: 0;
}

/* line 17, sass/partials/_navigation.scss */
#access .parent {
  list-style: none;
  margin: 0;
  height: 50px;
  width: 956px;
  background-color: #642f6c;
  padding: 0;
}

/* line 26, sass/partials/_navigation.scss */
.menu li {
  display: inline;
  float: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

/* =Top level backgrounds
-------------------------------------------------------------- */
/* line 35, sass/partials/_navigation.scss */
#access .parent li {
  float: left;
  padding-top: 15px;
  margin-right: 40px;
  font-family: "LocatorDisplayWebRegular", sans-serif;
  font-weight: 500;
  height: 35px;
}
/* line 42, sass/partials/_navigation.scss */
#access .parent li.last {
  margin-right: 0;
}

/* line 47, sass/partials/_navigation.scss */
#access .parent li a {
  color: #b197b5;
  border-bottom: none;
  outline: none;
  background-color: transparent;
  height: 35px;
  display: inline-block;
}

/* line 56, sass/partials/_navigation.scss */
#access .parent li a:hover,
#access .parent li a:active,
#access .parent li.current_page_item a,
#access .parent li.current_page_parent a {
  color: white;
  border: none !important;
}

/* =Drop down arrows
-------------------------------------------------------------- */
/* line 72, sass/partials/_navigation.scss */
#nav-contact a:hover,
#nav-about a:hover,
#nav-enemy a:hover,
#nav-why a:hover,
#nav-services a:hover {
  background: url("images/navarrow.gif") 45% 25px no-repeat;
}

/* line 82, sass/partials/_navigation.scss */
#nav-contact.current_page_item a, #nav-contact.current_page_parent a,
#nav-about.current_page_item a,
#nav-about.current_page_parent a,
#nav-enemy.current_page_item a,
#nav-enemy.current_page_parent a,
#nav-why.current_page_item a,
#nav-why.current_page_parent a,
#nav-services.current_page_item a,
#nav-services.current_page_parent a {
  color: white;
  background: url("images/navarrow.gif") 45% 25px no-repeat transparent;
}

/* =Pages subnavigation
-------------------------------------------------------------- */
/* line 91, sass/partials/_navigation.scss */
#access .menu li .children {
  position: absolute;
  display: block;
  width: 956px;
  margin: 0 auto;
  top: -1000px;
  left: 0px;
  height: 50px;
  background-color: #b197b5;
  border-radius: 0 0 10px 10px;
  text-align: center;
  z-index: 31;
  overflow: hidden;
}

/* line 106, sass/partials/_navigation.scss */
#access .menu .current_page_parent .children,
#access .menu .current_page_item .children {
  top: 50px;
}

/* line 111, sass/partials/_navigation.scss */
#access .menu li .children li {
  float: left;
  height: 50px;
  padding: 0 12px;
  line-height: 50px;
  font-size: 12px;
  font-family: "LocatorDisplayWebRegular", sans-serif;
  font-weight: 500;
  margin: 0;
}

/* line 122, sass/partials/_navigation.scss */
#access .menu li .children li:last-child {
  background: none;
}

/* line 126, sass/partials/_navigation.scss */
#access .menu li .children li a {
  display: inline;
  background-image: none;
  width: auto;
  color: #642f6c;
  text-transform: uppercase;
  background-color: transparent;
}

/* line 135, sass/partials/_navigation.scss */
#access .menu li .children li a:hover,
#access .menu li .children li.current_page_item a {
  color: white;
}

/* = Some sanity for the IE6, no Javascript brigade.
-------------------------------------------------------------- */
/* line 144, sass/partials/_navigation.scss */
.no-js #access .menu li .children {
  background-color: #b197b5;
  border-left: 4px solid #642f6c;
  border-right: 4px solid #642f6c;
  border-bottom: 4px solid #642f6c;
}

/* line 151, sass/partials/_navigation.scss */
.no-js #access .menu li .children li {
  display: block;
  width: auto;
  padding: 5px;
}

/* line 157, sass/partials/_navigation.scss */
.no-js #access .menu li .children li a {
  background-image: none;
  width: auto;
  text-indent: 0;
}

@media (max-width: 499px) {
  /* line 165, sass/partials/_navigation.scss */
  #access {
    height: auto;
  }
  /* line 167, sass/partials/_navigation.scss */
  #access:after {
    content: '\2630';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    color: white;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
  }

  /* line 182, sass/partials/_navigation.scss */
  #access .parent {
    height: auto;
    min-height: 44px;
    width: 100%;
  }
  /* line 186, sass/partials/_navigation.scss */
  #access .parent li {
    display: none;
    float: none;
    padding: 10px 10px 0 10px;
    height: auto;
  }
  /* line 188, sass/partials/_navigation.scss */
  #access .parent li.current_page_item {
    display: block;
  }
  /* line 191, sass/partials/_navigation.scss */
  #access .parent li.current_page_ancestor {
    display: block;
  }
  /* line 193, sass/partials/_navigation.scss */
  #access .parent li.current_page_ancestor > a {
    display: none;
  }
  /* line 200, sass/partials/_navigation.scss */
  #access .parent li a {
    display: block;
    height: auto;
  }

  /* line 207, sass/partials/_navigation.scss */
  #access.open .parent li {
    display: block;
  }
  /* line 209, sass/partials/_navigation.scss */
  #access.open .parent li a {
    display: block;
  }

  /* line 219, sass/partials/_navigation.scss */
  #nav-contact a:hover,
  #nav-about a:hover,
  #nav-enemy a:hover,
  #nav-why a:hover,
  #nav-services a:hover {
    background: none;
  }

  /* line 229, sass/partials/_navigation.scss */
  #nav-contact.current_page_item a, #nav-contact.current_page_parent a,
  #nav-about.current_page_item a,
  #nav-about.current_page_parent a,
  #nav-enemy.current_page_item a,
  #nav-enemy.current_page_parent a,
  #nav-why.current_page_item a,
  #nav-why.current_page_parent a,
  #nav-services.current_page_item a,
  #nav-services.current_page_parent a {
    background: none;
  }

  /* line 235, sass/partials/_navigation.scss */
  #access .menu li .children {
    position: static;
    width: auto;
    background: none;
    height: auto;
    text-align: left;
  }
  /* line 241, sass/partials/_navigation.scss */
  #access .menu li .children li {
    float: none;
    height: auto;
    line-height: 25px;
  }
  /* line 245, sass/partials/_navigation.scss */
  #access .menu li .children li a {
    display: block;
    color: #b197b5;
  }
  /* line 248, sass/partials/_navigation.scss */
  #access .menu li .children li a:hover {
    color: #fff;
  }
}
/* Asides
-------------------------------------------------------------- */
/*-------------------------------------------------- Sidebar styles ---*/
/* line 7, sass/partials/_sidebar.scss */
.aside h3 {
  margin-bottom: 20px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: left;
}

/* line 14, sass/partials/_sidebar.scss */
.aside h4 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}

/* line 20, sass/partials/_sidebar.scss */
.aside ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  list-style-type: none;
  width: 340px;
  overflow: hidden;
  text-align: left;
}

/* line 29, sass/partials/_sidebar.scss */
.aside ul li {
  list-style-type: none;
  margin: 0 0 5px 0;
  /* Updated DD 10/02/11 - Spacing out the archive lists on the right hand side of the NEWS section */
}

/* line 34, sass/partials/_sidebar.scss */
.aside ul li.list_title {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 6px 12px;
  font-weight: bold;
}

/* line 41, sass/partials/_sidebar.scss */
.aside ul li a {
  text-decoration: none;
  font-weight: lighter;
}

/* line 49, sass/partials/_sidebar.scss */
.aside ul li.current_page_item a {
  color: #b197b5;
}

/* line 53, sass/partials/_sidebar.scss */
.aside .buttons ul li {
  background-color: transparent;
  border-bottom: none;
}

/* line 58, sass/partials/_sidebar.scss */
.aside .buttons ul li a {
  padding: 0px 0 14px 0;
}

/* line 62, sass/partials/_sidebar.scss */
.panel {
  padding-bottom: 35px;
  overflow: hidden;
}

/* line 67, sass/partials/_sidebar.scss */
.panel.left {
  text-align: left;
}

/* line 71, sass/partials/_sidebar.scss */
.panel img {
  display: block;
  margin: auto;
  outline: none;
}

/* line 77, sass/partials/_sidebar.scss */
.panel img a {
  /* Removes the outline Firefox places around various elements when linked */
  outline: none;
}

/* line 81, sass/partials/_sidebar.scss */
.panel.lightbox {
  margin-bottom: 100px;
}

/* line 85, sass/partials/_sidebar.scss */
.panel.lightbox img {
  margin: 0 0 0 auto;
}

/* line 89, sass/partials/_sidebar.scss */
.aside form {
  text-align: center;
}

/* Content
-------------------------------------------------------------- */
/* line 3, sass/partials/_content.scss */
#main {
  min-height: 600px;
  height: auto !important;
  height: 600px;
}

/* line 9, sass/partials/_content.scss */
#container {
  display: block;
  width: 956px;
  margin: 0 auto;
  padding: 20px 20px 100px 20px;
  overflow: auto;
}

/* line 19, sass/partials/_content.scss */
#main.girls {
  background: url('/wp-content/themes/thehairforce2015/images/main-combs-background.gif?1382606621') no-repeat bottom center;
}

/* line 23, sass/partials/_content.scss */
#main.lice {
  background: url('/wp-content/themes/thehairforce2015/images/main-lice-background.gif?1382606621') no-repeat bottom center;
}

/* line 27, sass/partials/_content.scss */
#container.error {
  background: url('/wp-content/themes/thehairforce2015/images/main-404-background.gif?1382606621') no-repeat top center;
}

/* line 31, sass/partials/_content.scss */
#container.effective {
  background: url('/wp-content/themes/thehairforce2015/images/main-effective-background.gif?1382606621') no-repeat top center;
}

/*

#content {
    overflow: hidden;
}

#content table {
    margin-bottom: 20px;
}

#content table td.col1 {
    white-space: nowrap;
}

#content ol,
#content ul {
    margin-left: 20px;
}

#content ol li,
#content ul li {
    margin: 0 0 5px 0;
}

#content ul li {
    list-style-type: disc;
}

#content p {
	margin: 0 0 0 0;
	padding: 5px 0 10px 0;
}

#content blockquote {
    padding: 0 1px 0 0;
    margin: 20px 0;
}

#content blockquote cite {
    display: block;
    margin: 5px 0 0 0;
    font-weight: normal;
}

#content .buttons {
    padding: 30px 0;
}
*/
/* Images
-------------------------------------------------------------- */
/* Fix bug in Google Maps */
/*#content #map1 img {
	max-width: none;
}

.single-attachment #content img {
	max-width: 950px;
}

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

*/
/* line 111, sass/partials/_content.scss */
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}

/* line 119, sass/partials/_content.scss */
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 127, sass/partials/_content.scss */
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

/* line 133, sass/partials/_content.scss */
.rounded-corners {
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px;
}

/*

#content .wp-caption {
	font-size: 14px;
    color: rgb(177,151,181);
	line-height: 18px;
	text-align: center;
	margin: 20px 0;
	padding: 0 0 0 0;
}

#content .wp-caption img {
	margin: 0;
}

#content .wp-caption p.wp-caption-text {
    font-style: italic;
    font-weight: lighter;
	margin: 0 20px;
}

#content .wp-smiley {
	margin:0;
}

#content .gallery {
	margin: auto;
}

#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

#content .gallery img {
	border: 2px solid #cfcfcf;
}

#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

#content .gallery dl {
	margin: 0;
}

#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br + br {
	display: none;
}

#content .entry-content img {
}


.overflow {
    width: 1000px;
    overflow: hidden;
}

.width-446 {
    width: 446px;
}

.small {
    font-size: 0.8em;
}

.light {
    font-weight: lighter;
}*/
/* line 217, sass/partials/_content.scss */
.social-sharing a,
.social-sharing a img {
  border: none !important;
  background-color: transparent;
}

/* line 223, sass/partials/_content.scss */
.social-sharing img {
  display: inline;
}

/* line 228, sass/partials/_content.scss */
.social-sharing {
  display: block;
  width: auto;
  margin: 20px 0;
}

@media (max-width: 499px) {
  /* line 235, sass/partials/_content.scss */
  #main {
    background: none !important;
  }

  /* line 239, sass/partials/_content.scss */
  #container {
    width: auto;
  }
  /* line 241, sass/partials/_content.scss */
  #container.effective {
    background: none !important;
  }

  /* line 246, sass/partials/_content.scss */
  .social-sharing {
    width: 100%;
  }

  /* line 250, sass/partials/_content.scss */
  object, embed {
    width: 300px;
    height: 255px;
  }

  /* line 255, sass/partials/_content.scss */
  #content img {
    max-width: 100%;
  }
}
/* line 1, sass/partials/_post.scss */
.post {
  padding-bottom: 40px;
}

/* line 5, sass/partials/_post.scss */
.post a {
  /* text-decoration: underline; */
  /* DD 10/02/11 Disabled */
}

/* line 8, sass/partials/_post.scss */
.post a:hover {
  text-decoration: none;
}

/* line 12, sass/partials/_post.scss */
.post h2.entry-title {
  margin-bottom: 0px;
  padding-bottom: 15px;
}

/* line 17, sass/partials/_post.scss */
.post .entry-title a {
  text-decoration: none;
}

/* line 21, sass/partials/_post.scss */
.entry-title a
.entry-meta a,
.entry-utility a {
  text-decoration: none;
}

/* line 27, sass/partials/_post.scss */
.entry-title a:hover,
.entry-meta a:hover,
.entry-utility a:hover {
  /*text-decoration: underline;*/
  /* DD 10/02/11 disabled */
}

/* line 33, sass/partials/_post.scss */
.meta-prep,
.entry-utility-prep {
  font-weight: bold;
}

/* line 39, sass/partials/_post.scss */
div.entry-utility {
  margin-bottom: 10px;
}

/* line 46, sass/partials/_post.scss */
div.navigation {
  padding-bottom: 35px;
}

/* line 1, sass/partials/_footer.scss */
#footer {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
  margin: 0 auto;
  padding: 30px 20px 0px 20px;
  width: 956px;
  background-color: #642f6c;
  color: white;
}

/* line 10, sass/partials/_footer.scss */
#footer a,
#footer a:link,
#footer a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
  border-bottom: none;
}

/* line 19, sass/partials/_footer.scss */
#footer a:hover,
#footer a:active {
  color: white;
  background-color: transparent;
  text-decoration: none;
  border-bottom: 1px dotted;
}

/* line 27, sass/partials/_footer.scss */
#footer ul {
  list-style-type: none;
  margin: 0;
}
/* line 30, sass/partials/_footer.scss */
#footer ul li {
  float: left;
  display: inline;
  list-style-type: none;
  padding: 0 8px;
}

/* line 38, sass/partials/_footer.scss */
#footer-links,
#footer-links-secondary {
  width: 100%;
  overflow: auto;
  margin-bottom: 10px;
}

/* line 45, sass/partials/_footer.scss */
#footer-links ul {
  list-style-type: none;
  margin: 0;
  text-transform: uppercase;
}

/* line 53, sass/partials/_footer.scss */
#site-info {
  margin: 20px 0 0 10px;
  color: #b197b5;
}

@media (max-width: 499px) {
  /* line 60, sass/partials/_footer.scss */
  #footer {
    width: auto;
  }
  /* line 62, sass/partials/_footer.scss */
  #footer ul li {
    float: none;
    display: list-item;
  }
}
/* 	unfortunately, all of the existing css uses id's extensively - so overriding is very hard without including #content here (woo was added to the site several years after it launched) */
    /*div.product {
        .summary {
            position: relative;
            height: 460px;

            form {
                position: absolute;
                bottom: 0;
                margin-bottom: 0;
            }

        }*/
/* remove link backgrounds from tabs (product page) - they already have one */
/* remove link backgrounds from tabs */
	/* 	main site template has a sidebar with static content in from page templates in a lot of places.
    	we don't use that at all in woo.*/
/*  put this here, as it was already set to something else for rest of the site
    used as section headers in various places by woo */
/* end put this here .... */
/* totals block on basket */
/* end totals block on basket */
/* order review block on checkout page */
/* end */
/* line 79, sass/partials/_woocommerce.scss */
.woocommerce-page #content {
  width: 100%;
}

/* woo's messages use these - mostly they work ok, as we have the woo css included. but a few bits clashed with the HF theme */
/* line 84, sass/partials/_woocommerce.scss */
.woocommerce_message,
.woocommerce_error,
.woocommerce_info {
  padding-left: 50px;
  height: 35px;
  line-height: 35px;
}

/* end woo messages */
/* toggle for shipping address - needs a bit of top to bring it down in line with the site styled headings */
/* line 94, sass/partials/_woocommerce.scss */
form.checkout p#shiptobilling {
  margin-top: 23px;
}

/* this clear ensures the show/hide animation (via element position above) runs smoothly */
/* line 99, sass/partials/_woocommerce.scss */
form.checkout div.shipping_address {
  clear: both;
}

/* fields on checkout page, maybe other woo places - have to pump them up a bit or they look stupid against chosen replaced selects (and they are harder to resize) */
/* line 104, sass/partials/_woocommerce.scss */
form .form-row input.input-text,
form .form-row textarea {
  padding: 5px;
  font-size: 1em;
}

/* end fields */
/* extra checkout button on bottom of basket page */
/* line 112, sass/partials/_woocommerce.scss */
div.extra_checkout {
  float: right;
  clear: right;
  height: 30px;
  margin-top: 20px;
}

/* extra checkout button on bottom of basket page */
/* remove from basket button */
/* line 121, sass/partials/_woocommerce.scss */
table.cart a.remove,
#content table.cart a.remove {
  color: #BD2A22;
  padding: 5px 25px;
  background-repeat: no-repeat;
  background-position: left 50%;
  background-color: transparent;
  background-image: url('/wp-content/themes/thehairforce2015/images/remove.png?1382606621');
  border: 0;
  font-size: 14px;
  font-weight: normal;
}

/* line 143, sass/partials/_woocommerce.scss */
body.woocommerce table.cart a.remove:hover,
body.woocommerce #content table.cart a.remove:hover,
body.woocommerce-page table.cart a.remove:hover,
body.woocommerce-page #content table.cart a.remove:hover {
  background-color: transparent;
  color: #642f6c;
}

/* Strip across the top of the page to hold the checkout widget */
/* line 153, sass/partials/_woocommerce.scss */
#cartstripe {
  width: 100%;
  margin-bottom: 20px;
  height: 30px;
}

/* Main list of products for the SHOP page */
/* line 161, sass/partials/_woocommerce.scss */
.products {
  margin: 20px 0;
  overflow: hidden;
}

/* line 166, sass/partials/_woocommerce.scss */
.products li {
  list-style: none;
  box-sizing: border-box;
}

/* line 173, sass/partials/_woocommerce.scss */
.products li a {
  border: none;
  background-color: transparent;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

/* Main image styling */
/* line 185, sass/partials/_woocommerce.scss */
.product a img.attachment-shop_catalog {
  border: 5px solid #642f6c;
  box-shadow: none;
  box-sizing: border-box;
}

/* line 191, sass/partials/_woocommerce.scss */
.wc-tabs a {
  border-bottom: none;
  background: none;
}

/*	------------------------------------------------
	Woo button styling
	------------------------------------------------ */
/* Links styled as buttons */
/*#content li.product a.button,
#content table.cart a.checkout-button,
#content div.extra_checkout a.button.alt,
#respond input#submit,
a.button.alt,
form.cart button.button.alt,
.woocommerce_message .button,
.woocommerce_error .button,
.woocommerce_info .button {
    @include hfbutton;
    height: 12px;
}*/
/* Inputs styled as buttons */
/*#content input.button,
#content table.shop_table .coupon input.button,
#content table.shop_table td.actions input.button,
#content input.button,
input.button.alt,
#respond input#submit.alt,
#content #payment input.button.alt,
#content input.button.alt,
#content .form-row input.button {
    @include hfbutton;
    height: 30px;
}*/
/* Button styled as buttons */
/*button.button,
button.button.alt,
.cart button.button.alt,
#content div.product form.cart .button {
    @include hfbutton;
	height: 30px;
}*/
/* Displaying the main product name in the cart listing */
/* line 242, sass/partials/_woocommerce.scss */
ul.cart_list li a,
ul.product_list_widget li a {
  font-weight: normal;
}

/* --- USER BASKET PAGE --- */
/* line 250, sass/partials/_woocommerce.scss */
.shop_table {
  width: 100%;
  font-size: 14px;
}

/* line 256, sass/partials/_woocommerce.scss */
.shop_table thead {
  font-family: "LocatorDisplayWebRegular",sans-serif;
}
/* line 258, sass/partials/_woocommerce.scss */
.shop_table thead th {
  font-weight: bold;
}
/* line 269, sass/partials/_woocommerce.scss */
.shop_table td, .shop_table th {
  padding: 10px;
}

/* line 284, sass/partials/_woocommerce.scss */
.product-price,
.product-subtotal {
  font-weight: bold;
}

/* line 290, sass/partials/_woocommerce.scss */
.variation {
  margin: 5px 0;
  overflow: hidden;
}
/* line 293, sass/partials/_woocommerce.scss */
.variation dt {
  float: left;
  margin-right: 5px;
}
/* line 297, sass/partials/_woocommerce.scss */
.variation dd {
  margin-bottom: 0;
}

/* line 305, sass/partials/_woocommerce.scss */
.coupon {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 10px;
  border: 2px solid #e0d5e2;
  margin-bottom: 20px;
}

/* line 314, sass/partials/_woocommerce.scss */
.woocommerce-info a {
  background-color: transparent;
}

/* line 320, sass/partials/_woocommerce.scss */
input.input-text {
  font-size: 14px;
  padding: 5px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}

/* line 332, sass/partials/_woocommerce.scss */
.cart-collaterals {
  margin: 20px 0;
}

/* line 336, sass/partials/_woocommerce.scss */
.cart-collaterals table {
  width: 100%;
  font-size: 14px;
}

/* line 342, sass/partials/_woocommerce.scss */
.cart-collaterals table thead {
  font-family: "LocatorDisplayWebRegular",sans-serif;
}
/* line 344, sass/partials/_woocommerce.scss */
.cart-collaterals table thead th {
  font-weight: bold;
}
/* line 354, sass/partials/_woocommerce.scss */
.cart-collaterals table td, .cart-collaterals table th {
  padding: 10px;
}

/* line 359, sass/partials/_woocommerce.scss */
.cart-collaterals .cart_totals h2 {
  margin-left: 10px;
}

/* line 363, sass/partials/_woocommerce.scss */
.cart-collaterals .cart_totals p small,
.cart-collaterals .cart_totals p small,
.cart-collaterals .cart_totals table small,
.cart-collaterals .cart_totals table small {
  color: #b197b5;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  margin-left: 10px;
}

/* line 376, sass/partials/_woocommerce.scss */
form.shipping_calculator {
  margin: 20px 10px;
}

/* line 382, sass/partials/_woocommerce.scss */
.payment_methods {
  margin: 0 0 10px 0;
  padding: 15px 10px 10px 10px;
  border-top: 2px solid #e0d5e2;
  border-bottom: 2px solid #e0d5e2;
}

/* line 390, sass/partials/_woocommerce.scss */
.payment_methods li {
  list-style-type: none;
}

/* line 394, sass/partials/_woocommerce.scss */
.payment_methods p {
  margin-bottom: 0;
}

/* line 404, sass/partials/_woocommerce.scss */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  background: #e0d5e2;
  color: #642f6c;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 32px;
  padding: 10px;
  overflow: hidden;
}
/* line 415, sass/partials/_woocommerce.scss */
.woocommerce-message a.button,
.woocommerce-error a.button,
.woocommerce-info a.button {
  float: right;
  margin: 10px;
}

/* line 440, sass/partials/_woocommerce.scss */
table.my_account_orders th.order-number {
  width: 30%;
}

/* line 444, sass/partials/_woocommerce.scss */
#content table.my_account_orders td {
  padding: 20px 10px;
}

/* line 450, sass/partials/_woocommerce.scss */
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: 14px/14px "LocatorDisplayWebRegular",sans-serif;
  font-style: normal;
  font-weight: 500;
  background: #642f6c;
  border: none;
  box-shadow: none;
  text-shadow: none;
  color: white;
  padding: 9px 10px;
  margin: 0;
  cursor: pointer;
}
/* line 95, sass/partials/_base.scss */
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover {
  background: #b197b5;
}

/* line 463, sass/partials/_woocommerce.scss */
.wc-proceed-to-checkout {
  font-size: 14px;
  text-align: right;
}
/* line 466, sass/partials/_woocommerce.scss */
.wc-proceed-to-checkout a.checkout-button {
  display: inline-block !important;
}

/* line 472, sass/partials/_woocommerce.scss */
.shop_table.cart input.button, .shop_table.cart a.checkout-button {
  line-height: 15px !important;
}

/* line 480, sass/partials/_woocommerce.scss */
.price {
  display: block;
  margin: 10px 0;
}
/* line 483, sass/partials/_woocommerce.scss */
.price span.amount {
  color: #642f6c;
  font-size: 20px;
}

/* line 490, sass/partials/_woocommerce.scss */
.product_meta {
  display: none;
}

/* line 496, sass/partials/_woocommerce.scss */
.product .images img {
  box-shadow: none;
  border: 5px solid #642f6c;
}

/* line 502, sass/partials/_woocommerce.scss */
.images a {
  border: none;
  background-color: transparent;
}

/* line 509, sass/partials/_woocommerce.scss */
.product .images {
  float: left;
  width: 40%;
}

/* line 514, sass/partials/_woocommerce.scss */
.product .summary {
  float: left;
  width: 60%;
  min-height: 320px;
  margin-bottom: 20px;
}

/* line 525, sass/partials/_woocommerce.scss */
form.cart .quantity {
  margin: 0 10px 20px 0;
  display: inline-block;
}
/* line 530, sass/partials/_woocommerce.scss */
form.cart input[title="Qty"] {
  width: 40px;
}

/* line 538, sass/partials/_woocommerce.scss */
.variations {
  margin-bottom: 20px;
}

/* line 543, sass/partials/_woocommerce.scss */
.variations label {
  font-size: 14px;
  margin-right: 10px;
}
/* line 547, sass/partials/_woocommerce.scss */
.variations .value a {
  font-size: 14px;
  margin-left: 10px;
}

/* line 557, sass/partials/_woocommerce.scss */
.woocommerce-tabs {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 5px 3px #e0d5e2;
  -webkit-box-shadow: 0 0 5px 3px #e0d5e2;
  box-shadow: 0 0 5px 3px #e0d5e2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #b197b5;
  clear: both;
  padding: 20px;
  margin: 20px 0;
}

/* line 567, sass/partials/_woocommerce.scss */
ul.tabs {
  list-style: none;
  text-decoration: none;
  margin: 0 0 20px 0;
  padding: 0;
}

/* line 574, sass/partials/_woocommerce.scss */
.tabs li {
  display: inline-block;
  margin-right: 10px;
}

/* line 579, sass/partials/_woocommerce.scss */
table.shop_attributes {
  font-size: 14px;
  line-height: 20px;
}
/* line 582, sass/partials/_woocommerce.scss */
table.shop_attributes th {
  font-weight: 500;
  width: 150px;
}

/*body.woocommerce div.product .woocommerce-tabs ul.tabs:before,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
body.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
    border-bottom: 2px solid $hairforcepurple;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
body.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: inline-block;
    padding: 0 1em;
    position: relative;
    z-index: 0;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
body.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
    //box-shadow: 2px 2px 0 rgb(255, 255, 255);
    background-color: $hairforcepurple;
    color: white;
}*/
/* MAIN SHOP PAGE STRUCTURE */
/* line 624, sass/partials/_woocommerce.scss */
.woocom-intro {
  width: 100%;
}

/* line 628, sass/partials/_woocommerce.scss */
.woocom-products {
  width: 100%;
}

/* --- CHECKOUT PAGE --- */
/* line 634, sass/partials/_woocommerce.scss */
.col2-set {
  overflow: hidden;
}
/* line 636, sass/partials/_woocommerce.scss */
.col2-set .col-1 {
  width: 48%;
  float: left;
}
/* line 640, sass/partials/_woocommerce.scss */
.col2-set .col-2 {
  width: 48%;
  float: right;
}

/* line 648, sass/partials/_woocommerce.scss */
#customer_details label {
  display: block;
}
/* line 650, sass/partials/_woocommerce.scss */
#customer_details label.checkbox {
  display: inline-block;
}
/* line 654, sass/partials/_woocommerce.scss */
#customer_details input {
  width: 100%;
}
/* line 656, sass/partials/_woocommerce.scss */
#customer_details input[type="checkbox"] {
  width: auto;
}

/* line 663, sass/partials/_woocommerce.scss */
#order_review {
  border: 2px solid #e0d5e2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* line 669, sass/partials/_woocommerce.scss */
#order_review #payment {
  margin: 20px 10px;
}

@media (max-width: 499px) {
  /* line 678, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart {
    /* Force table to not be like tables anymore */
    display: block;
    box-sizing: border-box;
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
  }
  /* line 682, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart thead, .woocommerce table.shop_table.cart tbody, .woocommerce table.shop_table.cart th, .woocommerce table.shop_table.cart td, .woocommerce table.shop_table.cart tr {
    display: block;
  }
  /* line 687, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  /* line 693, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart tr {
    border: 1px solid #ccc;
  }
  /* line 695, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 4px 4px 4px 33%  !important;
  }
  /* line 703, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  /* line 717, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart td:nth-of-type(1):before {
    content: "Remove";
  }
  /* line 718, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart td:nth-of-type(2):before {
    content: "Product";
  }
  /* line 719, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart td:nth-of-type(3):before {
    content: "Price";
  }
  /* line 720, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart td:nth-of-type(4):before {
    content: "Quantity";
  }
  /* line 721, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart td:nth-of-type(5):before {
    content: "Total";
  }
  /* line 724, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart tr:last-of-type td {
    padding: 4px !important;
  }
  /* line 726, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart tr:last-of-type td .button, .woocommerce table.shop_table.cart tr:last-of-type td input {
    display: block;
    margin: 0px auto 10px auto !important;
    width: 70% !important;
    text-align: center;
    float: none !important;
  }
  /* line 734, sass/partials/_woocommerce.scss */
  .woocommerce table.shop_table.cart tr:last-of-type td:before {
    content: '' !important;
  }
}
/*
 * CSS for woocommerce_dropdon_cart
 * Copy this file to your theme folder before making changes
 * eg wp-content/themes/YOUR_THEME/woocommerce-dropdown-cart/widget-flyout-cart-style.css
 */
/* line 7, sass/partials/_minibasket.scss */
#dropdowncart {
  font-family: "LocatorDisplayWebRegular", sans-serif;
  font-weight: 500;
  position: relative;
  font-size: 12px;
  float: right;
  width: 360px;
}

/* line 16, sass/partials/_minibasket.scss */
.dropdowntriggerarea {
  width: 320px;
  padding: 0 20px 5px 20px;
  margin: 0;
  color: white;
  display: block;
  float: right;
  background: #642f6c;
  text-align: left;
  color: #b197b5;
  position: relative;
  z-index: 501;
}
/* line 28, sass/partials/_minibasket.scss */
.dropdowntriggerarea a {
  background: none;
  color: #b197b5;
  border-bottom: 0;
}
/* line 32, sass/partials/_minibasket.scss */
.dropdowntriggerarea a:hover, .dropdowntriggerarea a:active {
  color: white;
}
/* line 38, sass/partials/_minibasket.scss */
.dropdowntriggerarea span.logout {
  float: right;
}

/* line 43, sass/partials/_minibasket.scss */
.dropdowntriggerarea span.amount {
  color: white;
}

/* line 47, sass/partials/_minibasket.scss */
.dropdowncartcontents {
  width: 320px;
  padding: 24px 20px 10px 20px;
  position: absolute;
  right: 0;
  z-index: 500;
  top: 20px;
  display: none;
  background-color: #b197b5;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
/* line 57, sass/partials/_minibasket.scss */
.dropdowncartcontents ul.cart_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 64, sass/partials/_minibasket.scss */
.dropdowncartcontents .cart_list li {
  position: relative;
}

/* line 68, sass/partials/_minibasket.scss */
.dropdowncartcontents .cart_list li a {
  font-weight: normal;
  border-bottom: 0;
}

/* line 73, sass/partials/_minibasket.scss */
.dropdowncartcontents .dropdowncartimage {
  display: none;
}

/* line 77, sass/partials/_minibasket.scss */
.dropdowncartcontents .dropdowncartproduct {
  float: left;
  width: 70%;
  font: normal 12px/12px 'HouschkaPro-Medium', 'Lucida Sans Unicode', 'Verdana', 'Arial', sans-serif;
  font-weight: 400;
}

/* line 84, sass/partials/_minibasket.scss */
.dropdowncartcontents .dropdowncartquantity {
  float: right;
  width: 30%;
  text-align: right;
  font: normal 12px/12px 'HouschkaPro-Medium', 'Lucida Sans Unicode', 'Verdana', 'Arial', sans-serif;
  font-weight: 400;
}

/* line 92, sass/partials/_minibasket.scss */
.dropdowncartcontents .cart_list li a {
  font: normal 12px/14px;
  background: none !important;
}

/* line 97, sass/partials/_minibasket.scss */
.dropdowncartcontents .cart_list li img {
  float: left;
  padding: 2px;
  background: #fff;
  box-shadow: 0 0 3px 0 #dddddd;
  -webkit-box-shadow: 0 0 3px 0 #dddddd;
  -moz-box-shadow: 0 0 3px 0 #dddddd;
  margin-left: 6px;
}

/* line 107, sass/partials/_minibasket.scss */
.dropdowncartcontents p.total {
  padding: 10px;
  background: #642f6c;
  color: #b197b5;
  text-align: right;
}
/* line 112, sass/partials/_minibasket.scss */
.dropdowncartcontents p.total span.amount {
  color: white;
}

/* line 117, sass/partials/_minibasket.scss */
.dropdowncartcontents .cart_oddrow {
  background: white;
  padding: 10px;
  overflow: hidden;
}

/* line 123, sass/partials/_minibasket.scss */
.dropdowncartcontents .cart_evenrow {
  background: #b197b5;
  padding: 10px;
  overflow: hidden;
}

/* line 137, sass/partials/_minibasket.scss */
.buttons a.dropdownbutton {
  font: 14px/14px "LocatorDisplayWebRegular",sans-serif;
  font-style: normal;
  font-weight: 500;
  background: #642f6c;
  border: none;
  box-shadow: none;
  text-shadow: none;
  color: white;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 148, sass/partials/_minibasket.scss */
.buttons a.dropdownbutton:hover, .buttons a.dropdownbutton:active {
  background: white;
  color: #642f6c;
}

@media (max-width: 499px) {
  /* line 156, sass/partials/_minibasket.scss */
  #dropdowncart {
    max-width: 100%;
  }

  /* line 159, sass/partials/_minibasket.scss */
  .dropdowntriggerarea, .dropdowncartcontents {
    max-width: 100%;
    box-sizing: border-box;
  }

  /* line 163, sass/partials/_minibasket.scss */
  .buttons a.dropdownbutton {
    font-size: 12px;
  }
}
/* end dropdown card */
/* =Print Style
-------------------------------------------------------------- */
@media print {
  /* line 5, sass/partials/_print.scss */
  body {
    background: none !important;
  }

  /* line 9, sass/partials/_print.scss */
  #wrapper {
    float: none !important;
    clear: both !important;
    display: block !important;
    position: relative !important;
  }

  /* line 16, sass/partials/_print.scss */
  #header {
    border-bottom: 2pt solid #000;
    padding-bottom: 18pt;
  }

  /* line 21, sass/partials/_print.scss */
  #colophon {
    border-top: 2pt solid #000;
  }

  /* line 25, sass/partials/_print.scss */
  #site-title,
  #site-description {
    float: none;
    margin: 0;
    padding: 0;
    line-height: 1.4em;
  }

  /* line 33, sass/partials/_print.scss */
  #site-title {
    font-size: 13pt;
  }

  /* line 37, sass/partials/_print.scss */
  .entry-content {
    font-size: 14pt;
    line-height: 1.6em;
  }

  /* line 42, sass/partials/_print.scss */
  .entry-title {
    font-size: 21pt;
  }

  /* line 46, sass/partials/_print.scss */
  #access,
  #branding img,
  #respond,
  .comment-edit-link,
  .edit-link,
  .navigation,
  .page-link,
  .widget-area {
    display: none !important;
  }

  /* line 57, sass/partials/_print.scss */
  #container,
  #header,
  #footer {
    width: 100%;
    margin: 0;
  }

  /* line 64, sass/partials/_print.scss */
  #content,
  .one-column #content {
    width: 100%;
    margin: 24pt 0 0;
  }

  /* line 70, sass/partials/_print.scss */
  .wp-caption p {
    font-size: 11pt;
  }

  /* line 74, sass/partials/_print.scss */
  #site-info,
  #site-generator {
    float: none;
    width: auto;
  }

  /* line 80, sass/partials/_print.scss */
  #colophon {
    width: auto;
  }

  /* line 84, sass/partials/_print.scss */
  img#wpstats {
    display: none;
  }

  /* line 88, sass/partials/_print.scss */
  #site-generator a {
    padding: 0;
    margin: 0;
  }

  /* line 93, sass/partials/_print.scss */
  #entry-author-info {
    border: 1px solid #e7e7e7;
  }

  /* line 97, sass/partials/_print.scss */
  #main {
    display: inline;
  }

  /* line 101, sass/partials/_print.scss */
  .home .sticky {
    border: none;
  }
}
/* Basic modules used throughout the site */
/* line 7, sass/partials/_modules.scss */
.cta-text {
  background: url('/wp-content/themes/thehairforce2015/images/blank-cta.png?1432013717');
  width: 290px;
  height: 150px;
  overflow: hidden;
  color: white;
  margin: 0 auto 35px auto;
  padding: 20px 10px 20px 135px;
  box-sizing: border-box;
}

/* line 19, sass/partials/_modules.scss */
.cta-text h1 {
  font-size: 26px;
  line-height: 26px;
  color: white;
  margin-bottom: 10px;
  font-weight: 400;
}
/* line 25, sass/partials/_modules.scss */
.cta-text h1 a {
  text-decoration: none;
  border-bottom: none;
}

/* line 32, sass/partials/_modules.scss */
.button-text {
  background: url('/wp-content/themes/thehairforce2015/images/blank-button.png?1432013670');
  width: 165px;
  height: 165px;
  overflow: hidden;
  color: white;
  margin: 0 auto 35px auto;
  padding: 80px 10px 20px 10px;
  box-sizing: border-box;
  text-align: center;
}

/* line 44, sass/partials/_modules.scss */
.button-text h1 {
  font-size: 18px;
  line-height: 18px;
  color: white;
  margin-bottom: 10px;
  font-weight: 400;
}

/* line 52, sass/partials/_modules.scss */
.info-panel, .hfloc-widget {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #642f6c;
  padding: 20px 20px 0 20px;
  color: white;
  margin: 0 auto 35px auto;
  width: 290px;
}

/* line 62, sass/partials/_modules.scss */
.info-panel h1, .hfloc-widget h1 {
  font-size: 32px;
  line-height: 32px;
  color: white;
  margin-bottom: 10px;
  font-weight: 400;
}

/* line 72, sass/partials/_modules.scss */
.info-panel a:link, .hfloc-widget a:link,
.info-panel a:visited,
.hfloc-widget a:visited, .button-text a:link,
.button-text a:visited, .cta-text a:link,
.cta-text a:visited {
  color: white;
  background-color: transparent;
}
/* line 77, sass/partials/_modules.scss */
.info-panel a:hover, .hfloc-widget a:hover,
.info-panel a:active,
.hfloc-widget a:active, .button-text a:hover,
.button-text a:active, .cta-text a:hover,
.cta-text a:active {
  color: #e0d5e2;
  background-color: transparent;
}

/* line 87, sass/partials/_modules.scss */
.inline-cta-panel, .header-promo {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 5px 3px #e0d5e2;
  -webkit-box-shadow: 0 0 5px 3px #e0d5e2;
  box-shadow: 0 0 5px 3px #e0d5e2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  border: 2px solid #642f6c;
  margin-bottom: 30px;
}

/* line 96, sass/partials/_modules.scss */
.inline-cta-panel p, .header-promo p {
  font: 400 14px/14px "HouschkaPro-Medium", sans-serif;
  margin-bottom: 0;
}

/* line 101, sass/partials/_modules.scss */
.inline-cta-panel h1, .header-promo h1 {
  font-size: 20px;
  line-height: 22px;
  font-family: "LocatorDisplayWebRegular", sans-serif;
  margin-bottom: 10px;
}

/* line 108, sass/partials/_modules.scss */
.inline-cta-panel h2, .header-promo h2 {
  font-size: 14px;
  line-height: 22px;
  font-family: "LocatorDisplayWebRegular", sans-serif;
}

/* line 118, sass/partials/_modules.scss */
.header-promo {
  width: 340px;
  height: 100px;
  float: left;
  margin-left: 30px;
}

@media (max-width: 499px) {
  /* line 127, sass/partials/_modules.scss */
  .header-promo {
    display: none;
  }
}
/* line 133, sass/partials/_modules.scss */
.cta {
  margin: 15px 0 30px 0;
  overflow: hidden;
}
/* line 136, sass/partials/_modules.scss */
.cta img {
  float: left;
  margin-right: 15px;
}
/* line 139, sass/partials/_modules.scss */
.cta img.last {
  margin-right: 0;
}

/* line 146, sass/partials/_modules.scss */
.promo-panel {
  margin: 20px 0;
}
/* line 148, sass/partials/_modules.scss */
.promo-panel a {
  text-decoration: none;
  border: none;
  background-color: transparent;
}

/* line 155, sass/partials/_modules.scss */
#sb_instagram {
  margin-bottom: 525px !important;
}

/* line 158, sass/partials/_modules.scss */
#sb_instagram .sb_instagram_header {
  width: 290px !important;
}

/* line 161, sass/partials/_modules.scss */
#sb_instagram img {
  border-radius: 10px;
}

/* line 165, sass/partials/_modules.scss */
#sb_instagram .sbi_header_text {
  width: 290px;
  /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* line 4, sass/partials/_locationpanel.scss */
.hfloc-contact {
  display: none;
}

/* line 9, sass/partials/_locationpanel.scss */
.hfloc-widget {
  padding-bottom: 20px;
}

/* line 16, sass/partials/_locationpanel.scss */
.hfloc-widget h2 {
  font-family: "LocatorDisplayWebRegular",sans-serif;
  color: white;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  font-weight: 400;
}
/* line 24, sass/partials/_locationpanel.scss */
.hfloc-widget h3 {
  color: #b197b5;
  margin-bottom: 5px;
}
/* line 28, sass/partials/_locationpanel.scss */
.hfloc-widget p {
  margin-bottom: 10px;
}

/* line 35, sass/partials/_locationpanel.scss */
.hfloc-widget select {
  width: 100%;
  margin-bottom: 20px;
}

/* line 43, sass/partials/_locationpanel.scss */
.hfloc-contact a {
  background-color: transparent;
  color: white;
}