/* SALON GURU CSS */

/* FONTS */
@font-face { font-family: 'Montserrat'; font-weight: 300; font-style: normal; font-display: block; src: url("fonts/Montserrat-Light.ttf"); }
@font-face { font-family: 'Montserrat'; font-weight: 400; font-style: normal; font-display: block; src: url("fonts/Montserrat-Regular.ttf"); }
@font-face { font-family: 'Montserrat'; font-weight: 700; font-style: normal; font-display: block; src: url("fonts/Montserrat-Bold.ttf"); }
@font-face { font-family: 'Merriweather'; font-weight: 400; font-style: normal; font-display: block; src: url("fonts/Merriweather-Regular.ttf"); }
@font-face { font-family: 'Merriweather'; font-weight: 700; font-style: normal; font-display: block; src: url("fonts/Merriweather-Bold.ttf"); }

/* GENERAL */
body { background-color: #fff!important; }
body, button, input, select, textarea, .widget li, td, p, div.textwidget {font-family: 'Montserrat'; font-size: 15px; line-height: 1.5; }
main h1, main h2, main h3, main h4 { font-family: 'Merriweather'; color:#000; }
main p, main em, main table, main ul, main li  { color:#000; font-weight:400; text-align: left;  }
main h1 { text-align:center; margin-top: 3rem; letter-spacing: normal; font-size: 40px; font-weight: 400;  }
main h2 { text-align:left; font-size: 26px; font-weight: 400; }
main h3 { margin:20px 0 10px; font-size: 20px; font-weight: 400; }
main a, main a:visited, main a:active { color: #000;}
main a:hover {color:#666;}

.logged-in #site-header {top:32px;}
.logged-in main, .logged-in .woocommerce .content-area, .logged-in.category main {margin-top:105px;}
main, .woocommerce .content-area {margin-top:103px;}
body.category main {max-width: 1200px;margin: 103px auto 0px auto;}
body.single-post main {max-width: 1000px;margin: 103px auto 0px auto;}
.category main article {margin-bottom:30px;}
article { width:100%; max-width:1200px; margin:0 auto; }
.page-template-template-no-sidebar-no-h1 br.clear {display:none;}

.widget li { margin: 0.3rem 0 0.3rem 20px;text-align: left; }

/* NOTICE */
.notice {padding:10px;background: url(http://staging.terencepaul.com/wp-content/uploads/2024/10/christmas-pattern.svg);background-repeat:repeat-x;border-top:4px solid #444;border-bottom:4px solid #444;}
.notice a {padding:6px 18px;background:rgba(214,177,117,0.8);color:#444;text-decoration:none;font-size:20px;border-radius:10px;}

/* HEADER */
#site-header {position:fixed; margin-top: 51px;top:0;left:0;width:100%;z-index:9999;overflow:hidden;background-color: #fff!important;border-bottom:1px solid #000;}
#site-header .header-titles-wrapper {max-width:100%;padding:0px;}
#site-header .header-inner {width:100%;margin:0 auto;padding:0;}
#site-header .header-navigation-wrapper {position:absolute;top:20px;right:60px;}
#site-header .header-toggles {margin-right:0px;}
#site-header .header-toggles .toggle {padding:0px;}
#site-header .header-navigation-wrapper .nav-toggle span.line {display:block;height:1px;width:100%;margin:10px 0px;background:#000;}
#site-header .header-navigation-wrapper .nav-toggle .toggle-icon {width:45px;height:45px;}

#site-header .row1 {display: flex;justify-content: space-between;align-items:center;padding:20px 60px;}
#site-header .row1 .column {flex: 1 0 33%;padding: 0;}
#site-header .row1 .column:nth-child(1) {text-align: left; }
#site-header .row1 .column:nth-child(2) {text-align: center; }
#site-header .row1 .column:nth-child(3) {padding-right:80px;text-align: right; }
#site-header .row1 .socialmedia {text-align:left;}
#site-header .row1 a.social-media-button {padding:5px 20px;font-size:16px;line-height:1;text-decoration:none;color:#000!important;}
#site-header .row1 a.social-media-button:hover {color:#666!important;}
#site-header .row1 .logo {width:180px;}
#site-header .row1 .column:nth-child(1) a {padding-right:20px;color:#000;font-size:18px;text-decoration:none;}
#site-header .row1 .column:nth-child(1) a:hover {color:#666;;font-size:18px;}

/* NAVIGATION */
.menu-modal {z-index:99999;overflow:auto;}
.menu-modal .menu-modal-inner {display:block!important;width:100%!important;padding:0em 5%;background:rgba(0,0,0,0.9);}
.menu-modal .row1, .menu-modal .row2 {display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;} 
.menu-modal .row1 .column {flex: 1 0 50%;padding: 2%;flex-direction: column;}
.menu-modal .row2 {padding-top:5%;}

.menu-modal .row2 .menu-wrapper {flex: 1 0 33%;padding: 2%;}
.menu-modal .row2 .column:nth-child(2) {flex: 1 0 33%;padding: 2%;}
.menu-modal .row2 .column:nth-child(1) {flex: 1 0 33%;padding: 2%;}

.menu-modal-inner .expanded-menu li {border:0px;border-color:#fff;}
.menu-modal-inner .expanded-menu li a {padding:10px 0px;text-transform:uppercase;color:#fff!important;font-weight:300;font-family: 'Montserrat';font-size:18px!important;letter-spacing:2px;}
.menu-modal-inner .expanded-menu li a:hover {text-decoration:none!important;opacity:0.5;}
.menu-modal-inner .expanded-menu .sub-menu {padding-left:40px}
.menu-modal-inner .expanded-menu .sub-menu-toggle {color:#fff!important;}
.menu-modal-inner .expanded-menu button.sub-menu-toggle {border:0px;}
.menu-modal-inner .toggle-text, .menu-modal-inner .svg-icon {color:#fff!important;}
.menu-modal-inner .close-nav-toggle {padding:10px;font-size:20px;}
.menu-modal-inner .toggle-text:hover, .menu-modal-inner .close-nav-toggle:hover {text-decoration:none;color:#fff!important;}
.menu-modal-inner button.close-nav-toggle svg {width: 4rem; height: 4rem;}
.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {text-decoration: none; }

.menu-modal .row1 .column h2 {margin-top:10px;font-family: 'Montserrat';font-weight:400;font-size:30px;letter-spacing:1px;color:#fff;}
.menu-modal .row2 .column h3 {margin-bottom:10px;font-family: 'Montserrat';font-weight:400;font-size:24px;letter-spacing:1px;}
.menu-modal .column .menu-menu-two-container li {padding:4px 0px;text-transform:uppercase;font-family: 'Montserrat';font-size:18px;}
.menu-modal .column .menu-menu-two-container li a {color:#fff!important;font-weight:300;font-family: 'Montserrat';letter-spacing:2px;}
.menu-modal .column .menu-menu-two-container li a:hover, .menu-modal .column .menu-menu-one-container li a:hover {opacity:0.5;text-decoration:none;}
.menu-modal .column .menu-menu-one-container li {padding:4px 0px;text-transform:uppercase;font-size:18px;}
.menu-modal .column .menu-menu-one-container li a {color:#fff!important;font-weight:300;font-family: 'Montserrat';letter-spacing:2px;}

.menu-bottom {padding:0;}

/* HOME */
.home article {max-width:100%;}
.home .entry-content .panel-layout {width:100%;}

.home main .carousel .so-panel {margin: 0 ; }

/* .home .carousel {}
.home .carousel .slide {min-height:810px;width: calc(100% - 120px); max-width:100%;padding:0px 80px;}
.home .carousel h1 {margin:0px 0px 20px;color:#000;font-size:48px;}
.home .carousel h2 {margin-top:0px;color:#000;} */

.home .banner-row {width: calc(100% - 120px); max-width:100%;padding:0px 80px;}
.home .banner-row h2 {margin:0px 0px 20px;color:#000;font-size:48px;}
.home .banner-row h3 {margin-top:0px;color:#000;}
.home .banner-row .slide {position:relative!important;z-index:0;}
.home .banner-row .float {position:absolute!important;z-index:1000;top:40%;left:80px;width:40%;}
.home .banner-row .sow-carousel-navigation {display:none;}
.home .banner-row .sow-carousel-item {margin-top:0px!important;margin-bottom:0px!important;}

.home .seo-text {padding:50px 0px;}
.home .grey-row {padding:50px 0px;background:#f1f1f1;}
.home .lightgrey-row {padding:50px 0px;background:#f8f8f8;}
.home .grey-row h2, .home .lightgrey-row h2 {margin-bottom:10px;}

.home .find-salon {padding:50px 0px;background:#fff;}
.home .find-salon .so-panel {margin:0px!important;}
.home .find-salon .sow-carousel-item {margin-bottom:0px;padding:0px;background:#f1f1f1;}
.home .find-salon [class^="sg-contact"] {display: block;font-size:15px!important;font-family: 'Montserrat';font-weight:300;color:#000;text-align:left;}
.home .find-salon [class^="sg-contact"] em.comma {display: none;}
.home .find-salon .sg-contact-postcode {padding-bottom:20px;}
.home .find-salon a {text-decoration:none;}
.home .find-salon h2 {margin-top:0px;}
.home .find-salon .row {display: flex;justify-content: space-between;align-items:center;padding:0px;}
.home .find-salon .row .col {flex: 1 0 60%;padding: 0;}
.home .find-salon .row .col:nth-child(2) {padding:30px;}
.home .find-salon .alignleft, .home .find-salon .alignnone {margin:0px;}

.home .instagram-row {padding:0px 50px 50px;}
.home .instagram-row h2 a {text-decoration:none;}

/* INTERNAL PAGES */
.intro-row {padding:0 4%;}
.boxes {-webkit-align-items: stretch!important; align-items: stretch!important;}
.boxes .panel-grid-cell {padding:20px;background:#f8f8f8;}
.boxes .panel-grid-cell h2 {margin-bottom:0px;}
.boxes .panel-grid-cell p {font-size:14px;}
.white-row {padding:50px;}

.cta-row {padding:50px 0px;background:#f1f1f1;}

/* FOOTER MAP BOXES */
.footer-boxes {-webkit-align-items: stretch!important; align-items: stretch!important;}
.footer-boxes .panel-grid-cell {background: #000; padding: 10px; box-shadow: 0 0 5px #fff; border-radius: 3px; }
.footer-boxes .panel-grid-cell .widget {margin-top: 0 !important; margin-bottom: 0 !important;}
.footer-boxes .panel-grid-cell h2 {margin-bottom:0px; font-size: 10px;}
.footer-boxes .panel-grid-cell h3 {margin: 20px 20px 20px 20px;font-size: 18px;}
.footer-boxes .panel-grid-cell p {font-size:13px; padding-bottom: 20px;}
.footer-boxes .panel-grid-cell a {color: #fff; text-decoration: underline !important;}
.sgmapwrap span {top: 55% !important;left: calc(40% + 16px) !important;}
#pgc-w62cfe687b87c2-1-3, #pgc-w62cfe687b87c2-1-0  {background: #000; padding: 10px; box-shadow: none !important; border-radius: 3px; }
.sgmapwrap img {width: 100%; height: 250px; object-fit: cover;}


/* SALONS */
.inner-details { max-width: 90%; margin: -75px auto 30px; background: #fff; padding: 1em; box-shadow: 0 0 5px #aaa; }
.inner-details .sg-contact-seotitle { display: block; clear: both; text-transform: uppercase; font-size: 22px; margin-bottom: 15px; }
#page-wrapper .inner-details h3.widget-title { text-transform: uppercase; font-weight: bold; font-size: 13px; }
.inner-details table.opening { margin: 0; }
.inner-details table.opening tr:nth-child(even) { background-color: #f5f5f5; }
.inner-details table.opening td {padding:3px; font-size:14px; border: unset;}
#page-wrapper .inner-details a.view-salon, .inner-details a.view-salon span { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; }
.inner-details .sg-contact-seotitle .comma,
.inner-details .sg-contact-postcode .comma,
.inner-details .sg-contact-country { display: none }

/* TREATMENTS */
.page-id-1495 article {max-width:1200px!important;margin-bottom:30px;padding:30px;border:4px solid #000;background:#f1f1f1;}
.treatment-row, .wellaplex-row, .luxury-row, .express-row {padding:20px;background:#fff;}
.treatment-row .white-box {padding:20px;}
.treatment-row .white-box p {margin:0;font-size:22px;}
.treatment-row .black-box, .treatment-logos {padding:20px;background:#000;}
.treatment-logos * {color:#fff;}
.treatment-row .black-box p, .luxury-row .black-box p, .luxury-row .black-box h3 {color:#fff;}
.wellaplex-row .black-row {padding:10px;background:#000;}
.wellaplex-row .black-row p {margin:10px 0px!important;color:#fff!important;line-height:1;}
.luxury-row .black-box {min-height:170px;padding:20px;background:#000;}
.luxury-row .black-box h3 {margin:0 0 10px;}
.luxury-row .gold-box {padding:20px;background: #f2f2f2;}
.time-circle {display:inline-block;width: 100px;height: 100px;margin-right:10px;line-height: 100px;border-radius: 50%;font-size: 18px;color: #000;text-align: center;border:1px solid #000;}
.price-circle {display:inline-block;width: 100px;height: 100px;line-height: 100px;border-radius: 50%;font-size: 18px;color: #000;text-align: center;background: #f2f2f2;border:1px solid #000;}

.yellow-row {padding:20px;border:2px solid #dcdbb3;background:#f3f3e7;}
.pink-row {padding:20px;border:2px solid #eac6c8;background:#f5e3e4;}
.green-row {padding:20px;border:2px solid #b8bca1;background:#e0e1d7;}
.yellow-row h2, .pink-row h2, .green-row h2 {margin:0;font-family: 'Thanthen';font-size:70px;line-height:1;}
.yellow-row h3, .pink-row h3, .green-row h3 {margin-top:10px;}

/* BUTTONS */
.button {padding:0.5em 1em;background:transparent;border:0.5em solid #000;border-radius:8px;text-shadow:0 0 0;}
.button:hover {opacity:0.7;}

.bout-button, .bout-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:8px 20px;font-size:15px;border:1px solid #000;background:transparent;color:#000!important;text-decoration:none!important;}
.bout-button:hover {background:rgba(0,0,0,0.1);color:#000!important;text-decoration:none!important;}
.bout-button:last-child {margin:0;}

.wout-button, .wout-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:8px 20px;font-size:15px;border:1px solid #fff;background:transparent;color:#fff!important;text-decoration:none!important;}
.wout-button:hover {background:#fff;color:#000!important;text-decoration:none!important;}
.wout-button:last-child {margin:0;}

/* FAQS */
.faq-accordion-wrapper .question {background:#f1f1f1!important;}
.faq-accordion-wrapper .question h2 {font-size:16px!important;}
.faq-accordion-wrapper .question span {right:5px;}
.faq-row {padding: 30px 0 40px 0;}

/* MEET THE TEAM */
#team .teamMember .title {opacity: 1; }
#team .teamMember .title a {text-decoration: none; }
#team .teamMember .title span {color: #fff ; }
#team .teamMember .name {font-size: 14px; font-weight: 700; }
.single-staff .staff-img {max-width: 300px; margin-bottom: 2em; }
.single-staff #yourSalonReviews {display: block; clear: both; }

/* REVIEWS */
.review_item {box-shadow: 0px 0px 0px rgba(0,0,0,0.2)!important;border:1px solid #000;border-radius:0px;background:#fff;}

main .ysre-reviews-summary {text-align:center;}
#yourSalonReviewsForm #YS-reviews-header {position: absolute; top:0!important; left: 0!important; transform: unset!important; padding: 0em!important; background-color: transparent!important; box-shadow: 2px 2px 5px grey; border-radius: 0px!important;}
#yourSalonReviewsForm #YS-reviews-header h2 {margin: 0; font-size:40px!important;}
#yourSalonReviewsForm #YS-reviews-wrapper .h2-rate-your-visit {margin-top: 1em!important;margin-bottom:20px!important; font-size:20px;}
#yourSalonReviewsForm.reviewsFormNarrow #YS-reviews-form {padding:0!important;}

#yourSalonReviewsForm #YS-reviews-wrapper .h2-hi-stars, #YS-reviews-wrapper .h2-low-stars {margin-top: 20px!important; margin-bottom:20px!important;  font-size:20px;}
#yourSalonReviewsForm #YS-reviews-wrapper .h2-hi-stars span, #YS-reviews-wrapper .h2-low-stars span { padding: 5px 11px; margin-right: 5px;  border-radius: 50%; }

#yourSalonReviewsForm h2 span {padding:0!important;background:transparent!important;color:#000!important;}
#yourSalonReviewsForm h2 {color:#000!important;}
#yourSalonReviewsForm .ysre-button {font-family: 'Montserrat'; background:#000!important;color:#fff!important;border-radius:0!important;border:0px!important;text-shadow: 0 0px 0px rgb(0 0 0 / 30%)!important;}
#yourSalonReviewsForm {margin-top:0px!important;padding:30px;box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 0px!important;border-radius:0!important;border:0px solid #000!important;background:#f1f1f1!important;}
.ysre-ui-stream-message {font-style:normal;}
main ul.ysre-pagination li.ysre-active {color:#fff;border: 1px solid #000;background-color: #000;}
main ul.ysre-pagination li {text-align:center;}

#yourSalonReviewsForm input[type="text"], #yourSalonReviewsForm textarea {margin-bottom:10px;padding:4px;border-right:0px;border-left:0px;border-top:0px;}
#yourSalonReviewsForm label {padding-top:10px!important;font-size:15px;}
#yourSalonReviewsForm input::placeholder {color:#ccc;}
#yourSalonReviewsForm textarea {background:#fff!important;}	

/* WOO COMMERCE */
.woocommerce mark, .woocommerce ins {background: #fff; }
.woocommerce ul.products li.product h3 {color: #000; font-size: 12px; }
.woocommerce ul.products li.product .price {color: #000; font-size: 15px; }
.woocommerce li.product {text-align: center; border: 1px solid #dcdcdc; box-shadow: 0 0 5px #d8d8d8; }
.woocommerce ul.products li.product .button {margin-bottom: 1em; }
.woocommerce p.out-of-stock {color: red ; }
.woocommerce p.in-stock {margin: 5px; padding: 0; color: green; }
.woocommerce span.onsale {background-color: #000; }
.woocommerce .quantity {color: #000; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {transition: all 0.25s;background: #000; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {transition: all 0.25s; background-color: #848484; }
.single-product.woocommerce div.product form.cart div.quantity {width: 100%;margin-bottom:10px; }
.single-product.woocommerce div.product form.cart .button {float: none; }
.archive.woocommerce #container, .category.woocommerce #container {padding: 0 4%; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {width: 32px ; }
.woocommerce .woocommerce-breadcrumb {display: none; }
.woocommerce .action-buttons-row {display:none;}
.reset_variations, .variations .label {display: none; }

/* SINGLE CONTACT */
.single-contact .entry-content { padding-top: 30px; }
.single-contact .inner-details { margin-top: 0; }
.single-contact h3.widget-title {padding:10px;text-align:center;text-transform:uppercase;background:#000;color:#fff;}
.single-contact table.opening {border:0!important;}
.single-contact table.opening td {border-top:0px;border-left:0px;border-right:0px;border-bottom:1px solid #000;}
.single-contact	.prices-row > .panel-grid-cell {width: 100%; }
.single-contact .prices-row table { border: 1px solid #E2E2E2!important; padding: 1px; margin: 0; }
.single-contact .prices-row table thead tr { background: #000; }
.single-contact .prices-row table thead td { text-align: center; text-transform: uppercase; color: #fff; font-size: 13px;  }
.single-contact .prices-row table tbody tr:nth-child(odd) { background-color: #E2E2E2; }
.single-contact .prices-row table tbody td { font-size: 14px; color: #000; text-align: center; border: 1px solid #E2E2E2!important; }
.single-contact .prices-row table tbody td:first-child { text-align: left; }
.single-contact .prices-row table tbody tr:first-child td { color:#000; }
.single-contact .prices-extra { border-left: 3px solid #000; padding: 10px 10px 0; margin: -10px 0 20px; background: #E2E2E2; }
.single-contact .prices-extra p { color: #000!important;  }
.single-contact .students p {margin-top: 5px; text-align: center; }
.single-contact .students ul {margin: 0; }
.single-contact .students ul li {list-style: none; margin: 0; text-align: center; }
.single-contact .students p:last-child { color:#000!important; border-left: 3px solid #000!important; padding: 5px; font-weight: normal; }
.single-contact .black-button, .black-button:active, .black-button:visited {width:33%;display:inline-block;padding:15px;text-align:center;background:#000;color:#fff!important;text-decoration:none!important;font-size:14px;}
.single-contact .black-button:hover {background:#888;color:#fff!important;text-decoration:none!important;}

/* FOOTER */
#site-footer {clear: both;padding:40px 0px!important;color:#fff;background:#000;text-align:center;}
#site-footer .footer-inner {max-width:900px;margin:0 auto;}
#site-footer .top-row .so-panel {margin:20px 0px!important;}
#site-footer .top-row a, #site-footer .top-row p {font-weight:300;font-size:14px;color:#fff;}
#site-footer .top-row .wout-button {display:block;margin:20px 0px;}
#site-footer .top-row a:hover {opacity:0.5;text-decoration:none;}
#site-footer .top-row ul.menu {margin:0!important;}
#site-footer .top-row ul.menu li {margin-left:0px;text-align:center;font-size:14px;}
#site-footer .top-row h3.widget-title {color:#fff;font-family: 'Merriweather';font-weight:400;font-size:18px;text-align:center;text-transform: uppercase;letter-spacing:2px;}
#site-footer .top-row .socialmedia {text-align:center;}
#site-footer .top-row a.social-media-button {padding:5px;font-size:24px;line-height:1;text-decoration:none;color:#fff!important;}
#site-footer .top-row a.social-media-button:hover, #site-footer .bottom-row a:hover, #site-footer .top-link a:hover {opacity:0.5;text-decoration:none;}
#site-footer .top-row .newsletter-form button[type=submit] {font-weight:400;color:#fff;background:transparent!important;}
#site-footer .top-row .newsletter-form button[type=submit]:hover {color:#000;background:#fff!important;}
#site-footer .top-row .newsletter-form .wpforms-confirmation-container-full {background:#222!important;border:1px solid #fff!important;}

#site-footer .bottom-row {text-align:center;color:#fff;}
#site-footer .bottom-row br {display:none;}
#site-footer .widget_footer_links a, #site-footer .widget_footer_links span, #site-footer a.sitemap {display:inline-block!important;margin-right:10px;font-weight:300;font-size:12px!important;color:#fff;}
#site-footer .top-link {padding:20px;text-align:center;}
#site-footer .top-link a {font-weight:300;font-size:12px!important;color:#fff;}

/*** OPTIMISATIONS ***/
@media (max-width: 1300px) {
}

@media(max-width: 1024px) {
}

@media (max-width: 1000px) {
	#site-header .header-inner .toggle {font-size: 30px; }
}

@media (max-width: 896px) {
	.logged-in #site-header {top:unset;}
	.logged-in main, .logged-in .woocommerce .content-area, .logged-in.category main {margin-top:unset;}
	main, .woocommerce .content-area {margin-top:unset;}
	.notice {padding:5px;background-repeat:repeat;border-top:2px solid #444;border-bottom:2px solid #444;}
	.notice a {display:block;border-radius:0px;}

	#site-header {position:unset;}
	#site-header .header-titles-wrapper {padding:0;}

	.menu-modal .row2 {padding-top:0px;}
	.menu-modal.active {z-index:99999;}
	.modal-menu {left:0!important;}
	.menu-modal .row1 .column img {width:220px;height:auto;}
	.menu-modal-inner button.close-nav-toggle svg {width: 2rem; height: 2rem;}
	
	.menu-modal-inner {width:100%!important;background:#000;}
	.menu-modal-inner .expanded-menu li {width:100%!important;}
	.menu-modal li a, .menu-modal-inner .expanded-menu li a {color:#fff;font-size:15px !important; padding: 1.5rem 0rem; text-transform:uppercase; font-weight:400!important;}
	.menu-modal li .ancestor-wrapper a, .menu-modal button .svg-icon, span.toggle-text {color:#fff!important;}
	.menu-modal li {border-color:#000;}
	
	main {padding: 0 20px; }
	.home main {padding: 0; }
	.boxes .panel-grid-cell, .cta-row {padding:20px!important;}	
	
	.home main .panel-grid-cell, .home main .panel-grid {margin-bottom: 0 ; }
	main h1 {font-size:30px;}
	main h2 {font-size:22px;}
	.home .seo-text, .home .grey-row, .home .lightgrey-row, .home .find-salon, .home .instagram-row {padding:20px!important;}
	
	.single-contact .black-button, .black-button:active, .black-button:visited {width:32%;}

	 #site-footer {padding: 2em!important; text-align: center; }
	 #site-footer div, #site-footer p {text-align: center; }
	 #site-footer table {margin: 0 auto; }
}

@media  (max-width: 667px) {
	.menu-modal .row2 {display:block;}
	.menu-modal .row2 .column {padding:0px!important;}
	.menu-modal .row2 .menu-wrapper {width:100%!important;padding:0px!important;}	
	.menu-modal .menu-modal-inner {padding:2em!important;}
	
	#site-header .row1 {display: block;padding:20px!important;}
	#site-header .row1 .column:nth-child(1) {text-align: left; }
	#site-header .row1 .column:nth-child(2) {text-align: left; }
	#site-header .row1 .column:nth-child(3) {display:none; }
	#site-header .row1 .headlogo {width:280px!important;height:auto;margin-top:10px;}
	#site-header .row1 .column:nth-child(1) a {font-size:15px;}	
	
	.home .banner-row {width: 100%!important; padding:10px 0px!important;}
	.home .banner-row h2 {margin-bottom:10px;font-size:24px;color:#fff;text-align:center!important;}
	.home .banner-row h3 {font-size:18px;color:#fff;text-align:center!important;}
	.home .banner-row .float {position:unset!important;width:100%;padding:20px;text-align:center!important;}
	.home .banner-row .float img {margin:10px auto;}
	.home .banner-row .slide {background:#000;}
	.home .find-salon .row {display:block;}
	.home .find-salon .row .alignleft {max-width:100%!important;}
	
	.single-contact .black-button, .black-button:active, .black-button:visited {width:100%;margin-bottom:2px;}
	
	#site-footer {clear: both;padding:10px;}
}


@media  (max-width: 480px) {
	main {padding: 0 10px; }
	.home main {padding: 0; }

	table.prices td, table.prices th {font-size: 14px; }
}

@media (max-width: 375px) {
}