/*
wizzud important : I have made a couple of small changes to the parent layout.css
                   - because it uses both max 800 and min 800 (meaning that 800 falls in
                     both camps) so I have had to change the min 800 to min 801 (line 800-ish)!
                   - restrict some :hover styling to no-touch usage (line 866-ish)
                   - for some unknown, reason max 666 has been introduced as the switchover point
                     for desktop to mobile menu - I've reverted to 800/801!
                   - prevent changes to #header at max 959 (?!)
                   - restrict input, select & textarea to max-width:100%

WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/**
 * @license
 * MyFonts Webfont Build ID 2815295, 2014-05-20T10:25:32-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Vanitas Regular by Reserves
 * URL: http://www.myfonts.com/fonts/reserves/vanitas/regular/
 * Copyright: Copyright 2010 AE Type. http://www.aetype.com Administration Contact: info@aetype.com
 * Licensed pageviews: 10,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2815295
 *
 * � 2014 MyFonts Inc
*/

/*wizzud : notes
 * - under .vc_responsive, the .vc_spanN (n=1 thru 12) columns are full width at <768px, and get floated
 *   left - with appropriate widths - at 768 and above.
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2af53f");


@font-face {
    font-family: 'ArdleysHandRegular';
    src: url('webfonts/ArdleysHandRegular.eot');
    src: url('webfonts/ArdleysHandRegular.eot') format('embedded-opentype'),
         url('webfonts/ArdleysHandRegular.woff2') format('woff2'),
         url('webfonts/ArdleysHandRegular.woff') format('woff'),
         url('webfonts/ArdleysHandRegular.ttf') format('truetype'),
         url('webfonts/ArdleysHandRegular.svg#ArdleysHandRegular') format('svg');
}

@font-face {
  font-family: 'Vanitas-Regular';
  src: url('webfonts/2AF53F_0_0.eot');
  src: url('webfonts/2AF53F_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2AF53F_0_0.woff') format('woff'), url('webfonts/2AF53F_0_0.ttf') format('truetype');
}

/*wizzud : added by unknown, I know not why.*/
@font-face {
    font-family:"DejaVu Sans";
    src:url("webfonts/DejaVuSans.woff2") format("woff2"),url("webfonts/DejaVuSans.woff") format("woff"),url("webfonts/DejaVuSans.otf") format("opentype");
    font-style:normal;font-weight:400;
}

/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

/*wizzud 7jul15 : restrict form fields width...*/
select, textarea, input {
	max-width: 100%;
}

/*wizzud : added specifically for use by script.js (eg. mobile = $('#dg-801-plus').css('display')==='none';)...*/
#dg-801-plus { display:block; height:1px; left:-100px; overflow:hidden; position:absolute; top:-100px; width:1px; }
@media only screen and (max-width: 800px){
	#dg-801-plus { display:none; }
}

/*wizzud : display:block...*/
.display-block {
	display: block !important;
}

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

}

h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6, h6 a,
.page-title, .post .title, .page .title, .single .title, .archive .title {
  font-family: Vanitas-Regular;
  font-weight: normal;
  font-style: normal;
/*wizzud 15nov16...*/
    color: #888d89;
}


h1 {

}


#main-nav.nav .labomba-menu-1col {
  margin-right: 2.3%;
}

.tp-caption.lrg_light_white {
  font-family: Vanitas-Regular;
  font-weight: normal;
}

/*wizzud mar2022: added precedents to make these rules more specific than Rev Slider's (which have moved from top of page to bottom)
                  also added .rs-touchhover rules because Rev Slider now wipes the background-image :( ...*/
body .tp-leftarrow.default,
body .tp-rightarrow.default {
    width: 50px;
    height: 100px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}
body .tp-leftarrow.default,
body .tp-leftarrow.default.rs-touchhover {
    background-image: url("img/dg-arrow-left.png");
}
body .tp-rightarrow.default,
body .tp-rightarrow.default.rs-touchhover {
    background-image: url("img/dg-arrow-right.png");
}
/*wizzud: reduce size on small screens...*/
@media only screen and (max-width: 480px) {
    body .tp-leftarrow.default,
    body .tp-rightarrow.default {
        width: 35px;
        height: 70px;
    }
}
body .tp-leftarrow.default:hover,
body .tp-rightarrow.default:hover {
  background-position: 50% 100%;
}
body .tp-leftarrow.default::before,
body .tp-rightarrow.default::before {
    visibility: hidden;
}

/* @TODO find a better way of doing this */
body.home .vc_span12 .wpb_button_a {
  display: block;
  text-align: center;
}

/* big quotes */
body.home blockquote.blk {
  text-align: center;
}
body.home blockquote.blk::before {
  content: ''; /* remove existing '::before' content */
}
body.home blockquote.blk h1::before {
  content: '“';
}
body.home blockquote.blk h1::after {
  content: '”';
}

/* Our Heritage, etc */
/*wizzud : these are re-stated/overridden further down (~ln 755)!...
body.home .vc_span4 h1 {
  margin-left: -3px;
  color: #888d89;
  font-size: 60px;
  line-height: 60px;
  margin: 0;
}
body.home .vc_span4 h2 {
  color: #888d89;
  font-size: 32px;
  line-height: 32px;
  margin: 0;
}*/
body.home blockquote.blk2 {
    margin-left: 0;
    /*wizzud 15nov16 : version update...*/
    margin-bottom: 28px !important; /*../wizzud*/
}
body.home blockquote.blk2 p {
  margin-top: 10px;
  font-style: normal;
}
/*wizzud 15nov16 : version update...*/
body blockquote.blk2 > p:first-child:empty {
    display: none;
}/*../wizzud*/

/* Various captions on top of images */
h1.title-sc {
  font-family: Vanitas-Regular!important;
  font-weight: normal!important;
  font-style: normal!important;
  font-size: 44px!important;
  line-height: 44px!important;
}
h4.title-sc a {
  font-size: 24px!important;
  line-height: 24px!important;
}
h3.title-sc.member-name {
  font-family: 'Open Sans', Helvetica, sans-serif;
}

.vc_text_separator.wpb_content_element.separator_align_left > div {
  margin-top: -7px;
  padding-top: 0!important;
  padding-left: 0!important;
  color: #888d89!important;
  font-family: Vanitas-Regular!important;
  font-weight: normal!important;
  font-style: normal!important;
  font-size: 40px!important;
  line-height: 40px!important;
}

/*wizzud 15nov16 : version update...*/
body .wpb_content_element.vc_separator {
    margin-bottom: 20px;
    margin-top: 15px;
} /*.../wizzud*/


/* @TODO find a better way of doing this */
/*#copyright p::after {
  content: " Site by Republique";
}*/

/* @TODO proper footer-links */
#credit {
  width: 277px;
  height: 29px;
  background: url("img/ruff-footer.png") no-repeat;
}
#credit p {
  display: none;
}



/* BEGIN 20140610 RP Amends */

/* Menu */
/*#menu-item-8656 {
  margin-left: 90px;
}
@media (max-width: 890px) {
  #menu-item-8656 {
    margin-left: 20px;
  }
}*/

.vc_row-fluid [class*="vc_span"].dg-one-third {
  margin-left: 2.1%;
}
.vc_row-fluid [class*="vc_span"].dg-one-third.dg-one-third-first {
  margin-left: 0;
}
.dg-one-third .wpb_wrapper {
  text-align: center;
}
.dg-center {
  text-align: center;
}
/*overridden below...
.testi-name {
  padding-right: 50px;
}*/
.dg-parallax-bkgnd-fix .parallax_out {
  background-color: #000!important;
}


/* END 20140610 RP Amends */




/* BEGIN 20140613 RP Amends */

.post-8621 header h1.title {
  display: none;
}
.testi-name {
  padding-right: 0;
}
.testi-name-tri {
  display: none!important;
}

/* END 20140613 RP Amends */



h2 a, h1, h1 a {
  color: #888d89;
}


/* BEGIN 20140617 RP Amends */

.single-staff header h1 {
  text-transform: uppercase;
}

.single-staff .staff-table {
  display: table;
  width: 100%;
  padding: 0;
}
.single-staff .staff-table >div {
  display: table-row;
}
.single-staff .staff-image-and-quote {
  display: table-cell;
  width: 309px;
  vertical-align: top;
}
.single-staff .staff-image-and-quote >img {
  width: 309px;
  height: auto;
}
.single-staff .staff-image-and-quote >blockquote h1 {
  margin: 45px 0 20px 0;
  line-height: 35px;
  color: #666;
}
.single-staff .entry {
  display: table-cell;
  width: auto;
  padding: 0 50px 0 20px;
  vertical-align: top;
}

/*wizzud : replace instagram social icon... */
.ico-instagram:before {
	content: url("img/icon-instagram.jpg");
}


  .pp_default .pp_content_container .pp_left {
padding-left: 13px!important;
}

ul.products li.product h3 {

  font-family: "Open Sans", Helvetica, Arial, sans-serif;

}

.woocommerce h1.product_title, .woocommerce .recently-viewed header span {
font-family: Vanitas-Regular!important;

}


.post-8621 h3.title-sc {
  font-family: Vanitas-Regular!important;

}



@media (max-width: 800px) {
  .single-staff .staff-table,
  .single-staff .staff-table >div,
  .single-staff .staff-image-and-quote,
  .single-staff .entry {
    display: block;
  }
  .single-staff .staff-image-and-quote,
  .single-staff .staff-image-and-quote >img {
    width: 100%;
  }
  .single-staff .staff-image-and-quote >blockquote h1 {
    margin-top: 25px;
  }
  .single-staff .entry {
  	padding: 0 20px 0 0;
  }
}

.single-staff .staff-booking-wrap {
  border-top:    1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 40px 0;
}
.single-staff .staff-booking-table {
  display: table;
  width: 100%;
/*wizzud 7nov2018 : changed margin to padding to keep table within container bounds...
  margin: 20px 40px;*/
	padding: 20px 40px;
}
.single-staff .staff-booking-table >div {
  display: table-row;
}
.single-staff .staff-booking-table >div >div {
  display: table-cell;
/*wizzud 7nov2018 : .dg-prices is hidden so increase width of others...
  width: 25%;*/
	width: 33%;
  padding: 20px 10px 0 0;
  vertical-align: top;
  text-transform: uppercase;
}
/*wizzud 7nov2018 : hide .dg-prices...*/
.single-staff .staff-booking-table >div >div.dg-prices {
	display: none;
}

@media (max-width: 800px) {
  .single-staff .staff-booking-table,
  .single-staff .staff-booking-table >div,
  .single-staff .staff-booking-table >div >div {
    display: block;
  }
  #jck_wt_container {
    height: auto!important;
    display: block;
  }

  body.home .vc_span4 h1 {
    margin-top: 10px;
  }

  .blog-item-mask {
    margin: 0 auto;
    }
    .home-store-title div {
      font-size: 32px!important;
    }
/*wizzud : temporarily remove...
    .home-page-cta-3 .view-sixth {
      margin: 10px auto;
      width: 260px;
    }*/

    .salon-buttons .vc_span4 {
      margin: 10px auto;

    }

    .single-staff .staff-booking-table >div >div, .staff-booking-table {
      width: 100%;
    }

    h1.title-sc {
      font-size: 30px!important;
    }

    .mobile-padding-above {
      margin-top: 30px;
    }

    .centered-mobile {
      text-align: center;
    }

    .nav_port_iso #options li {
display: inline-block;
margin: 7px 0;
}
    /*wizzud : added, for /our-team/ isotope page (the location filters)...*/
    .nav_port_iso #options li > br {
    	display: none;
    }

.blog_full {
  padding: 0;
  margin: 0;
}
}


/* END 20140617 RP Amends */

/*05/08/14*/

.tp-caption{border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center;border-width: 1px!important;border-style: solid!important;letter-spacing:5px!important;border-left:0px!important;border-right:0px!important;border-color:#fff!important;padding:10px!important;line-height:46px!important;}



#navigation .sub-menu .sub-menu {
  background: none!important;

}


#navigation .nav li a {
  font-weight: 500;
}


#input_1_3 {
  width: 99%!important;
}

/*wizzud may2018 : now using 6th widget, and newsletter is just a button, so comment these out...
#extra-footer-widgets .block.extra-footer-widget-5 {
  width: 28%;
}
@media screen and (max-width: 800px) {
	#extra-footer-widgets .block.extra-footer-widget-5 {
		width: 65%;
	}
}
@media screen and (max-width: 580px) {
	#extra-footer-widgets .block.extra-footer-widget-5 {
		width: 100%;
	}
}*/


input, textarea, .gfield {
  margin-bottom: 0;
}


.home ul.nav li.current_page_item a {
 color: #666!important;
}


.home ul.nav li.current_page_item a:hover {
 color: #222!important;
}

.page-id-834 .header-1, .page-id-8630 .header-1, .page-id-8621 .header-1,  .page-id-8751 .header-1 {
  margin-bottom: 0!important;
}

h3.title-sc.member-name {
  font-family: 'Vanitas-Regular'!important;
  color: #888d89!important;
}

/*wizzud...*/
.wpb_column .callout {
	width: 100%;
}
.wpb_column .callout .calloutinner .calloutcontent {
    /*wizzud 15nov16 : version update...
	margin: 20px 20px 0;
	padding: 0;*/
    padding-bottom: 0; /*.../wizzud*/
}
.wpb_column .callout .calloutinner .callout-button {
	float: right;
    /*wizzud 15nov16 : version update...
	margin: 20px;*/
}
.wpb_column .callout .calloutinner a.woo-sc-button {
    /*wizzud 15nov16 : version update...
	float: none;*/
	margin: 0 !important;
    /*wizzud 15nov16 : version update...*/
    background-color: #ffffff;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;/*.../wizzud*/
}
/*wizzud 15nov16 : version update...*/
.callout {
    background-color: #ffffff;
    border-color: #95a3bb;
    padding: 2px;
}
.callout .calloutinner {
    /*wizzud 15nov16 : version update...
    background-color:#D0A3BD!important;*/
    background-color: #95a3bb; /*.../wizzud*/
}
@media screen and (max-width: 620px) {
	.wpb_column .callout .calloutinner .callout-button {
		display: block;
		float: none;
        padding-top: 8px;
		width: auto;
	}
    .wpb_column .callout .calloutinner a.woo-sc-button {
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
} /*.../wizzud*/

/*wizzud 15nov16 : version update...
  testimonial style 1...*/
.testimonial {
    border: 0 none;
    float: none;
    margin: 28px 0;
    padding: 0;
}
.testimonial > .testi-ico,
.testimonial > .testi-border,
.testimonial .testimonial-author img {
    display: none;
}
.testimonial .testimonial-text,
.testimonial .testimonial-author {
    float: none;
    text-align: center;
}
.testimonial .testimonial-author span {
    top: auto;
}
.testimonial .testimonial-text h1::before {
  content: '“';
}
.testimonial .testimonial-text h1::after {
  content: '”';
} /*.../wizzud*/

.white-but-text {
  color: #fff;
}
.white-text,
.white-text * {
    color: #ffffff !important;
}

.post-8630 header, .post-8751 header {
display: none;
}

/*wizzud 15nov16 : version update...*/
span.teaser-butt {
    text-align: center;
} /*.../wizzud*/
.teaser-butt a.woo-sc-button {
/*wizzud 15nov16 : version update...
    background-color: #bdc3c7; */
    background-color: #a5b4cf !important; /*...wizzud*/
    color: #ffffff !important; /*...wizzud*/
    /*wizzud...*/
    bottom: auto;
    left: auto;
    margin: 0;
    position: relative;
    transform: none; /*.../wizzud*/
}
/*wizzud 15nov16 : version update...*/
.teaser-butt a.woo-sc-button:hover {
    background-color: #95a3bb !important;
    color: #ffffff;
    opacity: 1;
}  /*...wizzud*/

.teaserbox2 {
  border-top: none!important;
  border-bottom: none!important;
  color: #666666!important;
}

.teaserbox2 .title-sc {
  font-family: 'Vanitas-Regular'!important;
  color: #888d89!important;
  text-transform: uppercase;
  font-size: 30px;
}

.teaserbox2  div.border-teaser {
  border-color:#888d89!important;
  display: none;
}

/*wizzud : pink = blue!!...*/
.pink-row {
/*  background-color: #d0a3bd!important;*/
  background-color: #a5b4cf!important;
}

.pink-row .wpb_button {
  padding: 11px 2px;
  text-align: center;
  width: 100%;
}

/*wizzud : pink = blue!!...*/
 .pink-button,  .page-id-1393 .pink-button, .page-id-8631 .wpb_button, .page-id-8631 .wpb_buttona, .page-id-8632 .wpb_button, .page-id-8632 .wpb_buttona, .page-id-8749 .wpb_button, .page-id-8749 .wpb_buttona, .page-id-8633 .wpb_button, .page-id-8633 .wpb_buttona {
/*  background-color: #d0a3bd!important;*/
  background-color: #a5b4cf!important;
  border: none!important;
  color:#fff!important;
  text-transform: uppercase!important;
}

/*wizzud : pink = blue!!...*/
.pink-button:hover,  .page-id-8631 .wpb_button:hover, .page-id-8631 .wpb_buttona:hover, .page-id-8632 .wpb_button:hover, .page-id-8632 .wpb_buttona:hover, .page-id-8749 .wpb_button:hover, .page-id-8749 .wpb_buttona:hover, .page-id-8633 .wpb_button:hover, .page-id-8633 .wpb_buttona:hover {
/*  background-color: #BD92AB!important;*/
  background-color: #95A3BB!important;
  border: none!important;
}

/*wizzud 15nov16 : version update...
  restricted to Anchors and added child Anchors...*/
a.blue-button,
.blue-button > a {
  background-color: #a5b4cf !important;
  border: none !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

a.blue-button:hover,
.blue-button > a:hover {
  background-color: #95A3BB !important;
  border: none !important;
  color: #fff !important;
  text-transform: uppercase !important;
} /*.../wizzud*/

.member .wpb_button {
  background-color: #a5b4cf !important;
  border: none !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

.member .wpb_button:hover {
  background-color: #95A3BB !important;
  border: none !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

/*wizzud 15nov16 : version update...*/
body .vc_btn3-container {
    margin-bottom: 1.5em;
    margin-top: 1em; /*remove need for empty space component*/
}/*.../wizzud*/
/*wizzud 15nov16 : version update...*/
body a.vc_general.vc_btn3 {
    background: #a5b4cf none !important;
    border: 0 none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500;
    padding: 10px 20px !important;
    text-shadow: none;
    text-transform: uppercase;
}/*.../wizzud*/
/*wizzud 15nov16 : version update...*/
body a.vc_general.vc_btn3:hover {
    background: #95A3BB none !important;
    color: #ffffff !important;
}/*.../wizzud*/


.shortcode_our_services_icon3_in {
background: #DDDDDD!important;
}

/*wizzud : pink = blue!!...*/
.nav_port_iso li a {
/*  background-color: #d0a3bd!important;*/
  background-color: #a5b4cf!important;
  color: #fff!important;
padding: 5px 16px!important;
border: none!important;
}

/*wizzud : pink = blue!!...*/
.nav_port_iso li a:hover, .nav_port_iso li a.current {
/*  background-color: #BD92AB!important;*/
  background-color: #95A3BB!important;
}

.nav_port_iso {
  margin-top: 10px;
}
.icon-dg {
  width: 50px!important;
  height: 50px!important;
}

.shortcode_our_services_icon3 em {
  margin-top: 0!important;
}

.title {
  text-align: center;
  text-transform: uppercase;
}

.wpb_content_element .wpb_tabs_nav {
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #dbdbdb;
}

.wpb_content_element .wpb_tabs_nav li {
  display: inline-block!important;
  float:none!important;
}

.staff-table .entry .title {
  text-align: left!important;
}

.single-staff .staff-image-and-quote {
  margin-bottom: 20px;
  display: block;
}

.centered {
  text-align: center;
}

#credit {
  display: none;
}

@media screen and (max-width: 580px) {
  .centered-mobile a.social_icon {
    margin: 0 auto;
    float: none;
  }

  .callout .calloutinner a {
    float: none;
    padding: 10px 20px;
    margin-left: 20%;
  }


/*  .wpb_button {
    width: 44%;
  }*/

  .wpb_content_element .wpb_tabs_nav li{
    margin: 0 10px!important;
    /*wizzud 2017-06-13*/
    white-space: normal;
  }

  .fr, .fl {
    float: none;
    margin: 10px auto!important;
  }

  .hide-mobile {
    display: none!important;
  }

  .woocommerce-message a.button.wc-forward {
    display: block!important;
    margin: 10px auto 10px auto;
    text-align: center;
    padding: 1px 60px;
    height: auto;
    background: rgb(40, 150, 129)!important;
    margin-top: 20px;
    float: none;
    color: white!important;
/*wizzud jan2021 : remove line-height restriction so that "View Basket" shows correctly...
    line-height: 1px!important;*/
    width: 130px;
  }

  .woocommerce-message  {
    text-align: center;
    padding: 10px 10px 20px 20px;
  }

} /*end of max-width 580*/


/*160215**/
/*.ie #main-nav > li:first-child > ul.sub-menu {top:278px!important;}*/


span.wpb_button.wpb_wpb_button.wpb_regularsize, span.wpb_button.wpb_btn-inverse.wpb_btn-small, span.wpb_button.wpb_btn-inverse.wpb_regularsize {
padding: 10px 20px;
font-weight: 500;
text-shadow: none;
border-radius: 0;
}


.home-store-title h4 {

  margin-top: -7px;
  padding-top: 0!important;
  padding-left: 0!important;
  color: #888d89!important;
  font-family: Vanitas-Regular!important;
  font-weight: normal!important;
  font-style: normal!important;
  font-size: 40px!important;
  line-height: 40px!important;

}

.flex-direction-nav a {
    text-indent: 100%!important;
    white-space: nowrap!important;
    color: transparent!important;
    overflow: hidden!important;
  }


  .banner span a {
margin-top: -30px;
display: block;
vertical-align: middle;
}

/*wizzud : removed to allow 1/3-width text columns on home page to go full width in mobile mode...
.vc_responsive .wpb_row .vc_span4 {
  float: left;
width: 31.333333%!important;
}*/

body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
color: #918F8F;
}


/*wizzud 15nov16 : version update...*/
body.home .vc_col-sm-4 h1,
body.home .vc_col-sm-4 h2,
body.home .vc_col-sm-4 h3, /*.../wizzud*/
body.home .vc_span4 h1,
body.home .vc_span4 h2,
body.home .vc_span4 h3 {
/*  margin-left: -3px; wizzud: useless, given the margin rule below*/
  color: #888d89;
  font-size: 60px;
  line-height: 60px;
  margin: 0;
}

.body.home h2.title-sc {
  color: #ffffff;
font-family: 'Vanitas-Regular'!important;
font-size: 36px!important;
font-weight: 500;
}

h2.title-sc {
font: normal 30px 'Vanitas-Regular'!important;
}

h3.title-sc {
  font-size: 30px!important;
}

/*wizzud 15nov16 : version update...*/
body.home .vc_col-lg-4 h2, /*.../wizzud*/
body.home .vc_col-sm-4 h2, /*.../wizzud*/
body.home .vc_span4 h2 {
  font-size: 35px!important;
}

/*wizzud 13july15 : special home page "kensington opens" rules...*/
body.home .kensington-salon-opens h3 {
    font-size: 54px;
}

/*wizzud: at <992, bring the h1, h2 & h3 down a bit...*/
@media screen and (max-width: 991px){
    /*wizzud 15nov16 : version update...*/
    body.home .vc_col-sm-4 h1,
    body.home .vc_col-sm-4 h3, /*.../wizzud*/
	body.home .vc_span4 h1,
	body.home .vc_span4 h3 {
		font-size: 48px;
		line-height: 48px;
	}
    /*wizzud 15nov16 : version update...*/
    body.home .vc_col-sm-4 h2, /*.../wizzud*/
	body.home .vc_span4 h2 {
		font-size: 32px !important;
	}
}
/*wizzud 13july15 : special home page "kensington opens" rules...*/
@media screen and (min-width: 768px) and (max-width: 991px){
    body.home .kensington-salon-opens h2 {
        font-size: 26px !important;
    }
    body.home .kensington-salon-opens h3 {
        font-size: 42px;
    }
}

.alt-1 {
  background: #fff!important;
}

.alt-1:hover {
  background:#dbdbdb!important;
  color: #fff!important;
}


body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-active a, body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-hover a {
  border-bottom: 1px solid #DBDBDB;
}


.page-id-8636 .title-sc {
font-size: 19px!important;
}

.grey-text h4 {
  color: #888d89;
}

.wp-post-image {
  width: 300px;
}

.page-id-8640 .title {
  display: none;
}

.page-id-8640 .header-1 {
margin-bottom: 0;
}
.checkout-button:first-of-type {
  display: none!important;
}
/*wizzud 14jan2017 : checkout button not showing, force it by overriding above (quick fix)...*/
.checkout-button:last-of-type {
  display: inline-block !important;
}


.port_mason .portfolio, .port_layout .portfolio {
  width: 20%!important;
  display: block;
  float: left;
  text-align: center;
}
.archive #main-single-staff #main header {
  display: none;
}

/*wizzud : keep the staff thumbnails within bounds...*/
#main-single-staff .portfolio-items {
	margin: 0;
}

/*wizzud : give buttons a bit of vertical breathing space...*/
.wpb_column > .wpb_wrapper .wpb_button:last-child {
	margin-bottom: 2px;
}

/*wizzud : stop links on the services/packages page being set to block...*/
.shortcode_our_services3 a {
	display: inline;
}

/*wizzud : make the remove-from-cart/wishlist link bigger, and make wishlist consistent with cart...*/
.woocommerce #content table.wishlist_table.cart a.remove,
table.cart a.remove {
	color: #666;
	font-size: 2.5em;
	line-height: 0.6;
}
.woocommerce #content table.wishlist_table.cart a.remove:hover,
table.cart a.remove:hover {
	background-color: transparent;
	color: #666;
	text-decoration: none;
}

/*wizzud : repositioned the 'added to cart' popup from on single product page...*/
.dt-popup-content {
	left: 50%;
	margin-left: -320px;
	top: 50px;
}

/*wizzud : standardise buttons (parent's style.css can't override the !important rules of parent's woocommerce.css)...*/
.woo_woocommerce_quickview .button,
.woo_woocommerce_quickview .button:visited,
body #wrapper #content .button,
body #wrapper #content .button:visited,
body #wrapper #content .reply a,
body #wrapper #content #respond .form-submit input#submit,
input[type="submit"] {
	background-color: #000000 !important;
	border-radius: 3px;
	color: #ffffff !important;
	/*wizzud 14Oct19 : added a small top margin...*/
	margin-top: 8px;
}

/*wizzud: reduce Hn line heights from 1.5em to 1.2...*/
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	line-height: 1.2;
}

/*wizzud 15nov16 : version update...
  for separator-with-text, reduce the separator min. width...*/
@media screen and (max-width:480px) {
    .vc_separator.vc_separator-has-text .vc_sep_holder {
        min-width: 0;
    }
}

/*wizzud : evening up the space around an H4 section heading...*/
.vc_separator.vc_separator_align_center h4 {
	padding: 0 0.4em !important;
    /*wizzud 15nov16 : version update...*/
    margin: 0; /*.../wizzud*/
}
.vc_separator.vc_separator_align_right h4 {
	padding: 0 0 0 0.4em !important;
    /*wizzud 15nov16 : version update...*/
    margin: 0; /*.../wizzud*/
}
.vc_separator.vc_separator_align_left h4 {
	padding: 0 0.4em 0 0 !important;
    /*wizzud 15nov16 : version update...*/
    margin: 0; /*.../wizzud*/
}

/*wizzud : layout sets content top padding at max-width 666px, but needs to go out to 800px...*/
@media screen and (max-width:800px) {
    #content {
        padding-top: 1.5em;
    }
}

/*wizzud : fix main menu (above 800px screen width)...*/
@media screen and (min-width:801px){
	/*...use full content width...*/
	.header-1 #main-nav.nav {
		margin-right: 0;
	}
	body #main-nav.nav li ul.sub-nav {
		border-left: 0 none;
		border-right: 0 none;
		padding: 28px 0;
	}
	/*...make sub-menu relative to ul#main-nav rather than li.labomba-menu...*/
	.header-1 #main-nav.nav > li.labomba-menu {
		position: static;
	}
	/*...override fixed...*/
	.header-1 #main-nav.nav > li.labomba-menu > ul.sub-menu {
		position: absolute;
		margin-top: -1px;
		max-width: 100%;
		top: 100% !important;
	}
	/*...re-style the sub-menu blocks...*/
	.header-1 #main-nav.nav > li > ul {
		margin-right: 0;
    text-align: center;
	}
	.header-1 #main-nav.nav .labomba-menu-1col {
    margin: 0 2.3% 0 0;
    display: inline-block;
    float: none;
    text-align: left;
    vertical-align: top;
    width: 15.5%;
	}
	.header-1 #main-nav.nav .labomba-menu-1col:last-child {
    margin: 0;
	}
	.header-1 #main-nav.nav .labomba-menu-1col ul {
		padding: 14px 0 0;
    width: 100%;
	}
	#main-nav .df-mega-menu .sub-nav > li {
		float: none;
	}
	/*...and the menu links...*/
	.header-1 #main-nav.nav .labomba-menu-1col > a {
		border-bottom: 1px solid #666;
		font-weight: 500 !important;
	}
	#main-nav .df-mega-menu li a {
		font: 500 12px/14px "Open Sans",sans-serif;
		padding: 7px 0 !important;
	}
	/*...run the home page slider flush below the header...*/
	.page-template-template-home-php .header-1 ~ .rev_slider_wrapper {
		margin-top: -3em !important;
	}
}
/*wizzud : small increase for main menu sub-menu widths (between 800px & 980px screen width, exclusive)...*/
@media screen and (min-width:801px) and (max-width:979px){
	.header-1 #main-nav.nav .labomba-menu-1col {
    width: 16.5%;
	}
}
/*wizzud : fix mobile menu (screen width 800px and below)...*/
@media screen and (max-width:800px){
	/*override some layout.css settings...*/
	/*...layout = margin-top: 56px; ...*/
/*
    .mobile-true #inner-wrapper,
	#inner-wrapper {
		margin-top: 45px;
	}
*/
    /*...layout = right:30px; margin-top:-30px; position:absolute; ...*/
	#navigation .btnshow {
		cursor: pointer;
		display: block;
		height: 3em;
		margin: 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 3em;
	}
	/*...layout has ... padding:2px 5px; top:4px; ...*/
	#navigation span.btnshow:after,
	#navigation span.btnshow.onacc:after {
		border: 1px solid #333333;
		border-radius: 5px;
		display: inline-block;
		line-height: 1;
		padding: 4px 5px;
		top: 9px;
	}
	/*...layout doesn't specify...*/
	#main-nav li, #top-nav li , #my-account li {
		position: relative;
	}
	/*...layout has ... position:absolute; height:600px; ...*/
	#navigation .jp-container-nav {
		height: 100% !important;
        overflow: auto;
		position: relative;
	}
	/*...end of layout overrides*/

	/*...hide top level (View Menu)...*/
	#navigation ul.nav > li > a,
	#navigation ul.nav > li > span {
		display: none;
	}
    /*...remove top border from sub-menus*/
    #navigation ul ul {
        border-top: 0px none;
    }

	/*...fix indentation...*/
	#navigation ul ul li a {
		margin-left: 0;
		padding-left: 3em;
	}
	#navigation ul ul ul li a {
		padding-left: 4.5em;
	}
	/*...just in case...*/
	#navigation ul ul ul ul li a {
		padding-left: 6em;
	}
	/*...hide 2nd level options...*/
	#navigation .sub-nav .sub-nav {
		display: none;
	}
	/*...full width nav toggle...*/
	.nav-toggle a {
		left: 0;
	}
	/*...better contrast menu links...*/
	ul.nav li a {
		color: #cccccc;
	}
	/*...take off my cart (h3) and ul.cart...*/
	#navigation .menus > h3:first-of-type,
	#navigation ul.cart {
		display: none;
	}
	/*wizzud : give buttons a bit more vertical breathing space when stacked...*/
	.wpb_column > .wpb_wrapper .wpb_button:last-child {
		margin-bottom: 5px;
	}
	/*wizzud : reduce gap between logo and page header...*/
	.header-1 {
		margin-bottom: 0;
	}
    /*wizzud : make the whole of the top bar [de]activate the mobile menu...*/
    .toogle-icon {
        display: block;
        height: 100%;
        width: 100%;
        z-index: 5;
        padding: 0;
    }
}

@media screen and (min-width:801px){
	/*....show-nav should have no effect on desktop menu...*/
	.show-nav #inner-wrapper {
		left : 0;
	}
	.jp-container-nav {
		height: 40px;
		max-height: 40px;
	}
	#main-nav .sub-nav {
		display: block !important;
	}
}

/*wizzud : keep the 4 social icons in a row...*/
/*wizzud 15nov16 : version update...
.social-follow-us a.social_icon {
	float: none;
	margin: 0 auto;
}
.wpb_row .wpb_wrapper .vc_span2.social-follow-us {
	padding: 10px 0 0;
}
@media screen and (max-width:767px){
	.wpb_row .wpb_wrapper .vc_span2.social-follow-us {
		float: left;
		padding: 0;
		text-align: center;
		width: 25%;
	}
	.vc_responsive .wpb_column {
		padding-bottom: 15px;
	}
}*/
 .dg-home-follow-us .wpb_column {
     margin: 0 !important;
     padding: 0 !important;
     text-align: center;
}
.dg-home-follow-us a.social_icon {
     display: inline-block;
     float: none;
     margin: 0;
}/*.../wizzud*/

/*wizzud : parallax'd images on touch devices are problmatic, and LaBomba doesn't run the parallax script
 *         on what it considers to be "mobile" (html.mobile-true) devices; however, that leaves the image
 *         itself in a somewhat indeterminate state (ready for parallax, but not running parallax), so fix...*/
.mobile-true .custom-row.row-parallax-bg {
	background-attachment: scroll !important;
	/*deliberately *not* set to important, so that visual composer's setting still has some effect on placement...*/
	background-position: 50% 50%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*wizzud : these are the home page images below "DISCOVER..."
 * at <768 their containing columns go full width, but they are banners and contain only an image so we want the
 * mask (which is set to Yes) to only act on the image, not the entire column
 */
@media screen and (max-width:767px){
	.home-page-cta-3 .view-sixth.banner,
	.latest-blog .view-sixth.banner {
		display: inline-block;
		max-width: 100%;
		width: 311px;
	}
	.home-page-cta-3,
	.latest-blog .blog-item-mask {
		text-align: center;
	}
}

/*wizzud 15nov16 : version update...
  always show the header and logo image!*/
@media (max-width: 768px){
    /*countermand a rule in parent's style.css...*/
    #header {
        display: block;
    }
    /*modify parent's style.css rule of '30px 0' (this is still more than live, which is '0 0'!)...*/
	body .wpb_row .wpb_column {
		margin: 10px 0;
	}
}
@media only screen and (max-width: 959px){
    /*countermand a rule in parent's css/layout.css (reinstate top/bottom padding, but reduce slightly)...*/
    #header {
        padding-bottom: 40px;
        padding-top: 35px;
    }
    /*countermand a rule in parent's css/layout.css...*/
    #header img {
        display: inline;
    }
}
@media only screen and ( max-width: 800px ) {
  #wrapper {
    padding-top: 49px !important;
  }
}

/*wizzud 15nov16 : version update...
  gravity forms overrides*/
/*...prevent large font size on button*/
.gform_wrapper input.button {
    font-size: inherit !important;
}
/*...suppress empty labels*/
.gform_wrapper label.gfield_label:empty {
    display: none;
}
/*...remove top margin on 1st field(s) of newsletter form*/
#field_1_1.gfield {
    margin-top: 0;
}
@media (min-width: 641px) {
    #field_1_2.gfield {
        margin-top: 0;
    }
}

/*wizzud 9feb18 : team page, staff photos - overlay staff name...*/
.dg-overlay-firstname::before {
    content: attr(data-staff-name);
    position: absolute;
    /* display: block; */
    /* top: 0; */
    /* right: 0; */
    color: #fff;
    font-size: 2.5em;
    font-family: "ArdleysHandRegular", cursive; /* 'Caveat', cursive; */
    text-shadow: 1px 1px 1px #000000;
    padding: 0.5em 0.75em;
    z-index: 1;
	bottom: 12px;
	left: 0;
	width: 100%;
	text-align: right;
}
.dg-overlay-firstname .mask-blog,
.dg-overlay-firstname .borderbanner-blog {
    z-index: 3;
}
/*wizzud feb2018 : our-team page, isotope selector/filter buttons...*/
.dg_ourteam_selectors.nav_port_iso #options li a {
    display: inline-block;
    font-size: 13px;
    line-height: 2.92;
    margin-right: 20px;
    padding: 0 20px !important;
    position: relative;
}
.dg_ourteam_selectors.nav_port_iso #options li.dg_ourteam_filters {
    display: block;
    padding: 1em 0 0;
}
.dg_ourteam_selectors.nav_port_iso #options li.dg_ourteam_filters li {
    display: inline-block;
}
.dg_ourteam_selectors.nav_port_iso #options li > a.isCheckboxGroup {
    background-color: transparent !important;
    color: #000000 !important;
    padding: 0 5px 0 25px !important;
}
/*.dg_ourteam_selectors.nav_port_iso #options li > a.isCheckboxGroup {
    border-color: #ffffff !important;
    border-radius: 0;
    border-style: solid !important;
    border-width: 0 1px 0 0 !important;
    margin: 0;
}
.dg_ourteam_selectors.nav_port_iso #options li:first-child > a.isCheckboxGroup {
    border-radius: 0.25em 0 0 0.25em;
}
.dg_ourteam_selectors.nav_port_iso #options li:last-child > a.isCheckboxGroup {
    border-radius: 0 0.25em 0.25em 0;
    border-width: 0 !important;
}*/
.dg_ourteam_selectors.nav_port_iso .dg_ourteam_filters a::after {
/*    color: #ffffff;
    content: "✘";*/
    display: block;
/*    font-size: 1.5em;
    font-weight: 700;
    left: 3px;
    line-height: 1.67;
    opacity: 0.1;*/
    position: absolute;
/*    text-shadow: -1px -1px 0px #000000;
    top: 0;*/
    z-index: 99;
    content: "";
/*    border: 1px solid #cccccc;*/
    height: 15px;
    width: 15px;
    top: 11px;
    left: 3px;
    background-color: #f7f7f7;
    outline: 1px solid #cccccc;
    outline-offset: 2px;
}
/*.dg_ourteam_selectors.nav_port_iso a.isRadioGroup::after {
    border-radius: 0.5em;
}
.dg_ourteam_selectors.nav_port_iso .isAllLocations a.isCheckboxGroup::after,
.dg_ourteam_selectors.nav_port_iso .isAllSkills a.isRadioGroup::after,
.dg_ourteam_selectors.nav_port_iso a.current::after {
    content: "✔";
}*/
.dg_ourteam_selectors.nav_port_iso .dg_ourteam_filters a.current::after {
/*    color: #00cc00;
    opacity: 1;
    text-shadow: 1px 1px 1px #000000;*/
    background-color: #000000;
}
.dg_ourteam_selectors select {
    border: 1px solid #dbdbdb;
    padding: 5px 8px 4px;
    cursor: pointer;
    color: inherit;
    font-size: 15px;
}
/*mobile...*/
@media screen and (max-width:800px){
    .justForDesktop {
        display: none !important;
    }
    .dg_ourteam_selectors.nav_port_iso #options li.dg_ourteam_filters {
        padding: 0;
    }
    .dg_ourteam_selectors.nav_port_iso #options li.dg_ourteam_filters li {
        margin: 0;
    }
}
/*desktop...*/
@media screen and (min-width:801px){
    .justForMobile {
        display: none !important;
    }
}

/*wizzud sep2019 : theme update & revolution slider update */
@media screen and (min-width:801px){
  /*...run the home page slider flush below the header...*/
  .page-template-template-home-php .header-1 ~ #rev_slider_1_1_wrapper {
    margin: -3em auto 28px !important;
  }
}

/*wizzud jan2021 : change unlink icon to info-circle icon...*/
body .woocommerce-info:before {
  content: "\f05a";
}