/*
Theme Name:Tracy's Beauty Centre
Theme URI:https://www.beautycentre.ie/
Author:Forza!
Author URI:https://www.forza.ie
Description:Bespoke Responsive Wordpress Theme
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Version:2

Text Domain:tracysbeautycentre

*/

* { box-sizing:border-box; -moz-box-sizing:border-box; } 

html { height:100%; }

body { height:100%; background-color:rgb(var(--grey-light)); font-family:'Ubuntu',Helvetica,Arial,sans-serif; font-size:62.5%; font-weight:300; color:rgb(var(--text)); }

img { width:100%; height:auto; box-sizing:content-box; -moz-box-sizing:content-box; }

/* used for sticky footer - 100vh less the height of the footer */
.main-container { min-height:calc(100vh - 357px); padding-top:calc(125px + 3%); position:relative; z-index:2; }
.page-template-page-home .main-container { padding-top:0; }

.wrapper { max-width:1210px; width:100%; margin:0 auto; padding-left:20px; padding-right:20px; position:relative; }

.wrapper.narrow { max-width:900px; }

.header { width:100%;  position:fixed; top:0; left:0; z-index:201; background-color:rgba(var(--white),1); box-shadow:none; transition:box-shadow 300ms; }
.admin-bar .header { top:32px; } 
.header .inner-wrapper { position:relative; }
.header .logo { display:block; position:absolute; text-align:center; width:33%; left:0; top:50%; transform:translateY(-50%); z-index:202; transition:left 500ms;}

.sub-header { padding:10px 0; color:rgb(var(--white)); position:relative; z-index:201; }
.sub-header .wrapper .contacts { display:block; float:left; font-size:1.4em; }
.sub-header .wrapper .social { display:block; float:right; font-size:1.4em; }
.sub-header .wrapper .more-button  { display:block; float:right;  border-radius:0; margin:-10px 0; padding:0.8em 1em; }

.sub-header .contacts span {  margin-right:12px; }
.sub-header a { text-decoration:none; color:rgb(var(--white)); }
.sub-header a:hover { text-decoration:none; color:rgb(var(--pink-light)); }
.sub-header svg { text-decoration:none; color:rgb(var(--pink-light)); margin-right:7px; }

.sub-header .social { float:right; margin-right:20px; }
.sub-header .social svg {  margin-right:15px; }

.sub-header .covid { float:right; font-size:1.4em; font-weight:600; margin-right:20px; }
.sub-header .covid svg { position:relative; top:-1px; }


.main-menu { position:relative; z-index:201; float:right; padding:0; text-transform:uppercase; }
.main-menu > ul { font-size:1.4em; display:inline-block; }
.main-menu > ul > li { margin:0 5px; list-style-type:none; position:relative; display:inline-block; border-top:5px solid transparent; transition:padding 500ms, border-top-color 500ms; }
.main-menu > ul > li:last-of-type { margin-right:0; }
.main-menu > ul > li > a { padding:35px 5px; display:block; text-decoration:none; white-space:nowrap; position:relative; color:rgb(var(--text)); transition:padding 500ms, color 300ms; }
.main-menu > ul > li.current-menu-parent,
.main-menu > ul > li.current-menu-item { border-top-color:rgb(var(--pink-light)); }
.main-menu ul li { line-height:1em; }
.main-menu > ul > li > a:hover { color:rgb(var(--pink)); }

.main-menu > ul ul { visibility:hidden; opacity:0; transition:opacity 0.2s linear, visibility 0.2s linear; position:absolute; top:100%; padding:0; left:50%; transform:translateX(-50%); width:auto; min-width:200px; z-index:+1; text-align:center; font-size:90%; background-color:rgb(var(--pink)); overflow:visible; box-shadow:0 5px 20px 0 rgba(var(--text),0.1); }
.main-menu > ul > li:hover > ul { visibility:visible; opacity:1; }
.main-menu > ul ul li { display:block; float:none; margin:0; padding:0; width:100%; position:relative; white-space:nowrap; } 
.main-menu > ul ul a { white-space:nowrap; text-decoration:none; display:block; padding:1em; transition:all 300ms; color:rgb(var(--white)); }
.main-menu > ul ul > li.current-menu-item a { background-color:rgb(var(--pink-light)); color:rgb(var(--white)); }
.main-menu > ul ul > li:not(.current-menu-item) a:hover { background-color:rgba(var(--pink-hover),0.1); color:rgb(var(--white)); }

.main-menu > ul > li.menu-item-has-children > a:after { content:"\f0d7"; font-family:'Font Awesome 5 Solid'; display:none; }
.main-menu > ul > li.menu-item-has-children > a > svg { position:absolute; top:50%; right:-0.5em; transform:translateY(-50%); font-size:1.2em; color:rgb(var(--pink)); }

.main-menu ul li.mobile-show { display:none; }

.main-menu > a svg { font-size:1.6em; color:rgb(var(--text)); margin-left:20px; }

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

.nav-overlay { position:fixed; left:0; top:0; width:100%; min-height:100vh; z-index:200; visibility:hidden; opacity:0; transition:opacity 0.3s linear, visibility 0.3s linear; }

/* Fixed Header */
.header.fixed { background-color:rgba(var(--white),1); box-shadow:0 3px 10px 0 rgba(var(--grey-mid),0.1); }
.header.fixed .logo .name { width:33%; margin-top:0; }
.header.fixed .main-menu > ul > li > a { padding:15px 5px; }

.anchor-offset { display:block; position:relative; top:-220px; }

.admin-bar .anchor-offset { top:-252px; }

/*** Content Clearfix ***/

.clearfix:after,
.content:after,
.do-flex:after,
.wpcf7-form:after,
.gallery:after,
.tick-list:after { content:""; display:table; clear:both; }  


/*** COLUMNS ***/


.col-1, .col-2, .col-2-1, .col-3, .col-4, .col-5, .col-6, .gallery { margin-right:-1.5%; margin-left:-1.5%; justify-content:center; }

.col-1 > div.col { width:97%; margin:0 1.5% 3%; }
.wide-wrapper .col-1 > div.col { max-width:900px; }

.col-2 > div.col { width:47%; margin:0 1.5% 3%; }
.wide-wrapper .col-2 > div.col { max-width:600px; }

.col-2-1 > div:nth-of-type(odd) { width:63.66%; margin:0 1.5% 3%; }
.col-2-1 > div:nth-of-type(even) { width:30.33%; margin:0 1.5% 3%; }

.col-3 > div.col,
.gallery-item { width:30.33%; margin:0 1.5% 3%; }
.wide-wrapper .col-3 > div.col { max-width:460px; } 

.col-4 > div.col { width:22%; margin:0 1.5% 3%; }
.wide-wrapper .col-4 > div.col { max-width:360px; }

.col-5 > div.col { width:17%; margin:0 1.5% 3%; }
.wide-wrapper .col-5 > div.col { max-width:360px; }

.col-6 > div.col { width:13.66%; margin:0 1.5% 3%; }
.wide-wrapper .col-6 > div.col { max-width:360px; }

.gallery > br { display:none; }

/** SPLIT SECTIONS **/

.hide-overflow { overflow:hidden; position:relative; }

.do-flex,
.gallery { display:flex; flex-wrap:wrap; }

.col { position:relative; float:left; }
.do-flex > .col { float:none; }


/*** Buttons ***/

.more-button { font-family:'Ubuntu',Helvetica,Arial,sans-serif; border-radius:2em; padding:1em 2em 1em; text-align:center; font-weight:300; text-transform:uppercase; color:rgb(var(--white)); font-size:1.4em; line-height:1em; text-decoration:none; letter-spacing:0.05em; display:inline-block; overflow:hidden; position:relative; cursor:pointer; transition:all 500ms; }
.more-button span.link { position:relative; z-index:2; line-height:1em; color:rgb(var(--white)); }
.more-button span.mask { position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgb(var(--pink-hover)); opacity:0; transition:opacity 300ms; z-index:1; }
.more-button:hover span.link { color:rgb(var(--white)); }
.more-button:hover span.mask { opacity:1; }

p .more-button { font-size:1em; }

/*** H ***/

h1, h2, h3, h4, h5, h6,
.content p.h-1, .content p.h-2, .content p.h-3, .content p.h-4, .content p.h-5, .content p.h-6 { font-family:'Cinzel',"Times New Roman", Times, serif; font-weight:300; line-height:1.25em; margin-bottom:0.75em; color:rgb(var(--blue-dark)); }

h1, h2, h3, h4, h5, h6 { color:rgb(var(--grey-mid)); }

h3, .content p.h-3 { font-size:3em; }

h4, .content p.h-4 { font-size:2.6em; }

h5, .content p.h-5 { font-size:2.4em; }

h6, .content p.h-6 { font-size:2em; }

h1, .content p.h-1, h2.h-1, h3.h-1, h4.h-1, h5.h-1, h6.h-1, .sidebar > h3:first-child { font-size:3.6em; }

h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:3.2em; } 

h1 a, h2 a{ text-decoration:none; }

.page-title h1,
.page-title .h-1 { display:block; margin-bottom:0.5em; line-height:1em; padding-top:0.5em; }


/*** PAGES ***/

.content p { font-size:1.6em; line-height:1.5em; margin:0 0 1.5em; }

.content strong { font-weight:500; }

a,
.content p a:not(.more-button):not(.more-link):not(.unset-color) { color:rgb(var(--pink)); transition:all 300ms; }
a:hover,
.content p a:not(.more-button):not(.more-link):not(.unset-color):hover { color:rgb(var(--pink-hover)); }


/*** LISTS ***/

.content ul,
.content ol  { font-size:1.6em; line-height:1.5em; margin:0 2px 1.5em 0; overflow:hidden; }
.content ul *,
.content ol * { font-size:1em; }

.content ul li { list-style-type:disc; margin:0 0 1em 30px; } 

.content ol li { list-style-type:decimal; margin:0 0 1em 30px; } 

.content ul.tick-list { overflow:visible; }
.content ul.tick-list li:before { content:"\f00c"; font-family:'Font Awesome 5 Solid'; display:none; }
.content ul.tick-list li svg { color:rgb(var(--red)); position:absolute; top:0.3em; left:5px; }
.content ul.tick-list li { position:relative; list-style-type:none; margin-left:0; margin-bottom:0.5em; padding-left:2em; }


/*** HOMEPAGE BANNER SLIDER ***/

.slides-wrapper { position:relative; overflow:hidden; background-color:rgb(var(--white)); padding-top:35%; margin-top:110px; }
.slides-wrapper .slides,
.slides-wrapper .slides .slide,
.slides-wrapper .bx-wrapper,
.slides-wrapper .bx-wrapper .bx-viewport { position:absolute !important; z-index:1; top:0 !important; height:100% !important; width:100% !important; }
.slides-wrapper .slides .slide { display:none; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.slides-wrapper .slides > div.slide:first-of-type { display:block; }

.slides-wrapper .text { position:absolute; width:100%; max-width:1100px; /*padding:0 20px;*/ top:calc(60% - 30px); left:50%; transform:translate(-50%,-50%); z-index:5; opacity:0; transition:top 1.5s, opacity 1s; }

.slides-wrapper .text.active-slide { opacity:1; top:calc(50% - 30px); }

.slides-wrapper .text-inner { max-width:450px;  }
.slides-wrapper .text-inner > span { display:block; font-size:4.8em; line-height:1em; margin-bottom:0.25em; }
.slides-wrapper .text p { font-size:1.6em; padding-left:7px; margin-bottom:1em; line-height:1.5em; }

/*** HOMEPAGE CTAs ***/

.cta-inner { border-radius:100em; padding:4% 5% 0; margin-top:-100px; border:5px solid rgb(var(--blue-hover)); position:relative;  z-index:200; }
.cta-inner .col {  }
.cta-inner .col-inner { position:relative; }
.cta-inner svg { font-size:3.6em; color:rgb(var(--pink-light)); position:absolute; top:-0.25em; left:0; }
.cta-inner .inner { padding-left:40px; }
.cta-inner .inner .more-button { margin-top:5px; }
.cta-inner .inner > span { display:block; font-size:1.6em; line-height:1.5em; }


/*** HOMEPAGE SERVICES ***/

.slick-slider { padding:0 40px; }

.slick-list { overflow-x:hidden; padding-bottom:40px; }
.slick-track { display:flex; }
.slick-track .slick-slide { height:auto; }


.slick-prev, .slick-next { text-indent:-9999px; position:absolute; top:90px; display:block; width:17px; height:28px; padding:0; cursor:pointer; ; color:transparent; border:none; outline:none; background:transparent; left:30px; }

.slick-prev {  }
.slick-prev:before { content:"\f053"; font-family:'Font Awesome 5 Solid'; display:none; }
.slick-prev svg { position:absolute; left:0; top:0; font-size:2.4em; color:rgb(var(--text)); }

.slick-next { left:auto; right:30px; }
.slick-next:before { content:"\f054"; font-family:'Font Awesome 5 Solid'; display:none;}
.slick-next svg { position:absolute; left:0; top:0; font-size:2.4em; color:rgb(var(--text));}

.service-box { display:none; }
.slick-track .service-box { display:block; }


.service-box .image { margin-bottom:10%; cursor:pointer; position:relative; }
.service-box .image img { display:block; margin:0 auto; max-width:170px; box-shadow:0 0 20px 0 rgba(var(--grey-mid),0.1); border:15px solid rgb(var(--white)); border-radius:50%; position:relative; overflow:hidden; transition:border-color .5s; }
.service-box:hover .image img { border-color:rgb(var(--pink-light)); }


/*** HOMEPAGE VOUCHERS ***/

.vouchers .image img { border-radius:10px; border:3px solid rgba(var(--white),0.3); box-shadow:10px 10px 10px 3px rgba(var(--black),0.2); }

/*** HOMEPAGE PRODUCTS ***/

.product-categories { justify-content:center; }
.category-box { border-radius:7px; overflow:hidden; box-shadow:0 0 20px 0 rgba(var(--grey-mid),0.3); }
.category-box img { display:block; }
.category-box p { margin-bottom:0; padding:1.5em 5px; }

/*** HOMEPAGE BLOG ***/

.blog-posts-wrapper .blog-posts { padding-top:2%; }
.blog-posts-wrapper .blog-post { position:relative;  }
.blog-posts-wrapper .blog-post img { border-radius:10px; display:block; margin-bottom:20px; }
.blog-posts-wrapper .blog-post span { display:block; margin-bottom:15px; font-size:1.4em; }
.blog-posts-wrapper .blog-post span a { text-decoration:none; }
.blog-posts-wrapper .blog-post p { margin-bottom:10px; }
.blog-posts-wrapper .blog-post > a { position:absolute; top:0; right:0; bottom:0; left:0; z-index:+1 }

/** INNER PAGES **/



/* WHITE PAGES */

body.page-template-page-white { background-color:white; }
body.page-template-page-white .header { box-shadow:0 3px 10px 0 rgba(var(--grey-mid),0.1); }


/* Services */

.services-list-wrapper .col-2 { justify-content:unset; }
.services-list-wrapper .service { position:relative; }

.services-list-wrapper h3 { margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:2px solid rgba(var(--white),1); }

.services-list-wrapper .prices-wrapper { border-top:1px solid rgb(var(--grey-light)); border-bottom:1px solid rgb(var(--grey-light)); }
table.prices { font-size:1em; border-spacing:1px; text-align:left; margin-bottom:60px; width:100%;  }
table.prices tr { border-bottom:1px dashed rgba(var(--grey-mid),0.3); }
table.prices td { font-size:1.6em; font-weight:300; line-height:1.5em; padding:10px; text-align:left; vertical-align:top;  }
table.prices td > strong,
table.prices td > span { display:block; }

table.prices tr td:nth-of-type(1) { padding-left:0; }
table.prices tr td:nth-of-type(3) { padding-right:0; }

table.prices tr td:nth-of-type(2),
table.prices tr td:nth-of-type(3) { text-align:right; } 
table.prices tr td:nth-of-type(2) span,
table.prices tr td:nth-of-type(3) span { white-space:nowrap; }



/* Shopafy Voucher Page */

.shopify-buy-frame { margin:0 auto; }


/*** CONTACT PAGE ***/

.contact-page { padding-top:30px; }
.contact-page .do-flex { flex-wrap:nowrap;  }

.contact-page .right .contacts { overflow:hidden; position:relative; padding:10%; }
.contact-page .right .contacts .flower { position:absolute; opacity:0.3; z-index:1; }
.contact-page .right .contacts p,
.contact-page .right .contacts span { position:relative; z-index:2; }
.contact-page .right .contacts span { display:block; font-size:1.6em; padding-left:30px; margin-bottom:1em; }
.contact-page .right .contacts span svg { position:absolute; left:0; top:0.2em; }
.contact-page .right .contacts span a { color:rgb(var(--white)); text-decoration:none; }

.contact-page .right .opening-hours { overflow:hidden; position:relative; padding:30px 10% 10% 10%;  }
.contact-page .right .opening-hours > svg { font-size:2em; color:rgba(var(--grey-mid),0.5); position:absolute; top:37px; left:7px; }
.contact-page .right .opening-hours dl { font-size:1.6em; padding-left:3px; border-bottom:1px solid rgba(var(--grey-mid),0.3); margin-bottom:10px;}
.contact-page .right .opening-hours dt,
.contact-page .right .opening-hours dd { display:inline-block; width:49%; margin-bottom:1em; }
.contact-page .right .opening-hours dd { text-align:right; }


/*** REMODAL ***/

/** Pop Up **/

.remodal-wrapper .remodal { max-width:700px; }
.remodal-wrapper .remodal.popup { text-align:left; padding:0; }
.remodal-wrapper .remodal.popup h3 { margin:0; padding:30px; }
.remodal-wrapper .remodal.popup .content { margin:0; padding:30px; }
.remodal-wrapper .remodal .content form { max-width:500px; margin:0 auto; }
.remodal-wrapper .remodal .content form .wpcf7-response-output { bottom:-20px; left:50%; transform:translateX(-50%); }

/*** BLOG ***/

.blog-wrapper > div.do-flex {  flex-wrap:nowrap; }
.content-wrapper { width:70.042%; padding-right:5%; border-right:1px solid rgba(var(--blue),0.4); }
.sidebar { width:30%; padding-left:5%; }

.blog .header,
.single .header,
.archive .header { border-bottom:50px solid rgb(var(--orange)); }

.entry { border-bottom:1px solid rgba(var(--blue),0.4); margin-bottom:5%; padding-bottom:1%; }
.entry.has-image { padding-left:34%; }
.entry h2 { margin-bottom:0.5em; }
.entry .postmetadata { margin-bottom:7px; }

.blog .entry img,
.archive .entry img { float:left; margin-left:-51%; margin-top:5px; width:45%; }

.entry p.more-wrapper { text-align:right; font-size:1.3em; }

.blog .news-feed,
.single .news-feed,
.archive .news-feed { margin-top:30px; }

.sidebar h3 { color:rgb(var(--blue)); }
.sidebar > ul { font-size:1.6em; }
.sidebar > ul li a { font-weight:400; }

.tagcloud { margin-bottom:50px; }

.content .navigation { text-align:center; }
.content .navigation ol.wp-paginate li { margin:0; }

img.full-image { display:block; margin-bottom:5%; }

.postmetadata { font-size:1.4em; display:block; margin-bottom:5%; }

.nav-next { float:right; }

.nav-single { font-size:2em; border-top:1px solid var(--grey); border-bottom:1px solid var(--grey); padding:20px 0 25px; margin:10% 0 3%; }
.nav-single a { text-decoration:none; }
.nav-single svg { font-size:1.5em; top:4px; position:relative; }
.nav-single span.next { float:right; }
.nav-single span.prev svg { margin-right:5px; }
.nav-single span.next svg { margin-left:5px; }

/*** FORMS ***/

input, textarea, select {
  /* -webkit-appearance:none; */
  -webkit-border-radius:0;
	outline:none;
}

select { -webkit-appearance:none; }

/*** FORMS ***/

.contact-form { padding-top:3%; position:relative; }

.contact-form .wrapper { z-index:2; }

div.wpcf7 { margin:0 -1%; padding:0 0 25px; position:relative; } 

.screen-reader-response { display:none !important; } 

.wpcf7 p.notice { float:none; width:98%; font-size:1.1em; display:block; text-align:center; }

.content .wpcf7 p { float:left; width:48%; margin:0 1% 2%; position:relative; }
.wpcf7 p.full { float:none; width:98%; clear:both; }
.wpcf7 label { position:absolute; z-index:-1; }
.wpcf7 input, 
.wpcf7 textarea,
.wpcf7 select { width:100%; border:none; border:1px solid rgba(var(--grey-mid),0.3); background-color:rgb(var(--white)); border-radius:3px; padding:1em; font-size:16px; }
.wpcf7 textarea { height:100px; resize:vertical; }

.wpcf7 .wpcf7-submit.more-button { width:auto; border:none; border-radius:10px; font-size:1em; padding:1em 1.5em; color:rgb(var(--white)); text-transform:uppercase; transition:background 300ms;  }
.wpcf7 .wpcf7-submit:hover { background:rgb(var(--text)); }

.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 span.wpcf7-not-valid-tip-no-ajax { display:none !important; }

.wpcf7-response-output { padding:0 0 0 12px; font-size:15px; position:absolute; bottom:0; width:auto; color:rgb(var(--grey-mid)); left:0; }

div.wpcf7 span.wpcf7-spinner { position:absolute; display:none; left:220px; bottom:7px; width:32px; height:32px; background:url(images/ajax-loader.gif); }
div.wpcf7 .submitting span.wpcf7-spinner { display:block !important; }

.wpcf7-not-valid { border-color:red !important; }

span.wpcf7-form-control-wrap { display:inline !important; }


/*** CF7 ***/
.wpcf7-acceptance label { position:relative; display:inline-block; line-height:1.5em; font-size:0.9em; color:rgb(var(--text)); z-index:+1;}
.wpcf7-acceptance label a { color:rgb(var(--black)) !important; font-weight:300; }
.wpcf7-acceptance label a:hover { color:rgb(var(--pink)) !important; }
.wpcf7-acceptance input[type=checkbox] { width:20px; vertical-align:top; position:relative; top:0.3em; box-shadow:none !important;  }
input:disabled.wpcf7-submit { background-color:rgba(var(--grey-mid),0.5) !important; color:rgb(var(--white)) !important; cursor:not-allowed; }

/*** Spam Killer ***/

.content .wpcf7 p.cf7ascaptcha { float:none; width:98%; clear:both; } 
.content .wpcf7 p.cf7ascaptcha .cf7as-captchcode input { width:100% !important; }

/*** TABLES ***/

table.cookie-table { width:100%; font-size:1em; }
.cookie-table { background:rgb(var(--white)); border-collapse:separate; border-spacing:1px; text-align:center; margin-bottom:30px; }
.cookie-table th { background:rgb(var(--blue)); padding:8px 10px 6px; vertical-align:top; text-align:center; font-weight:bold; color:rgb(var(--white));  }
.cookie-table td { background:rgba(var(--grey-mid),0.3); padding:10px; text-align:center; vertical-align:middle;  }
.cookie-table th, .cookie-table td { font-size:1.5em; line-height:1.5em; }
.cookie-table tr th:last-of-type, .cookie-table tr td:last-of-type { text-align:left; }


/** GOOGLE MAP **/

.map-frame { width:100%; height:auto; border:3px solid rgba(var(--grey-mid),0.3); margin-bottom:10px; }
#map_canvas { width:100%; height:440px;  }
.map-frame .map-info { padding-top:15px; text-align:center; }
.map-frame .map-info h3 { font-size:1.2em; text-align:left; line-height:1.25em; margin-bottom:1em; color:rgb(var(--text)); }
.map-frame .info-box { padding-top:5px; }
.map-frame .info-box p { font-size:1em; line-height:1.25em; margin-bottom:1em; text-align:left; }
.map-frame .gmnoprint .gm-style-mtc { display:none !important; }


/*** VIDEO PAGE ***/

.videowrapper { float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; height:0; margin-bottom:20px; }
.videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/*** FOOTER **/

.footer-wrapper { border-top:6px solid rgba(var(--white),0.5); }

.footer { position:relative; z-index:2; }

.footer .company img { display:inline-block; max-width:150px; margin-bottom:20px; }
.footer .company { font-size:1.6em; color:rgb(var(--white)); }
.footer .company a { color:inherit; }
.footer .company span { display:block; margin-bottom:1em; }
.footer .company .social svg { margin:15px; color:rgb(var(--pink-light)); }

.content p.footer-title { font-size:2em; margin-bottom:0.5em; }

.footer .col.company { width:15%; }
.footer .col.menu { width:16%; }
.footer .col.menu.shop { width:13%; }
.footer .col.contacts { width:17%; }
.footer .col.map { width:24%; background-color:rgb(var(--grey)); position:relative; }

.footer-menu ul { margin:0; padding:0 }
.footer-menu ul li { list-style-type:none; padding:0; margin:0 0 0.5em; }
.footer-menu ul li a { text-decoration:none; color:rgb(var(--white)) !important; transition:color 300ms; }
.footer-menu ul li a:hover { color:rgb(var(--black)); }

.footer .contacts {  }
.footer .contacts span { display:block; font-size:1.6em; line-height:1.5em; padding-left:30px; margin-bottom:0.5em; color:rgb(var(--white)); position:relative; }
.footer .contacts span a { text-decoration:none; color:rgb(var(--white)) !important; }
.footer .contacts span svg { position:absolute; left:2px; top:3px; color:rgba(var(--white),0.5); }

.footer .map { border-radius:10px; border:3px solid rgb(var(--pink-light)); overflow:hidden; background-position:center center; background-repeat:no-repeat; background-color:rgb(var(--grey-mid)); background-size:cover; }

.sub-footer .wrapper { padding-top:20px; padding-bottom:10px; border-top:2px solid rgba(var(--white),0.5); position:relative; z-index:3; }
.sub-footer span { display:inline-block; font-size:1.4em; color:rgb(var(--white)); padding:0 10px 10px; vertical-align:middle; }
.sub-footer span a:hover { background-color:rgb(var(--white)); }
.sub-footer span a:hover svg { color:rgb(var(--grey-dark)); }

.sub-footer ul { display:inline-block; font-size:1.4em; margin:0; padding:0; vertical-align:middle; }
.sub-footer ul li { display:inline-block; list-style-type:none; margin:0 0 10px 7px; padding:0 0 0 12px; border-left:2px solid rgba(var(--white),0.3); }
.sub-footer ul li a { text-decoration:none; color:rgb(var(--white)) !important; white-space:nowrap; text-decoration:none; transition:color 300ms; }
.sub-footer a:hover { color:rgb(var(--orange)) !important; }

.sub-footer .wrapper > a { font-size:1.4em; display:block; line-height:1.5em; float:right; }




/*** MISC ***/

img.alignleft { float:left; margin:3px 3% 2% 0; width:auto; max-width:40%; }
img.alignright { float:right; margin:3px 0 2% 3%; width:auto; max-width:40%; }
img.aligncenter { display:block; margin:5px auto 3%; width:auto; }

.line { clear:both; display:block; height:4em; border-bottom:1px solid rgb(var(--grey-light)); }

.overflow { overflow:hidden; }

.clear { clear:both; padding:2% 0; }

.text-center { text-align:center !important; }
.text-right { text-align:right !important; }
.text-left { text-align:left !important; }

.uppercase { text-transform:uppercase; }

.bold { font-weight:600 !important; }

.body-font { font-family:'Ubuntu',Helvetica,Arial,sans-serif !important; }
.alt-font { font-family:'Cinzel',"Times New Roman", Times, serif !important; }

.white-txt { color:rgb(var(--white)) !important; }
.black-txt { color:rgb(var(--black)) !important; }
.text-txt { color:rgb(var(--text)) !important; }
.text-hover-txt { color:rgb(var(--text-hover)) !important; }
.grey-light-txt { color:rgb(var(--grey-light)) !important;}
.grey-light-hover-txt { color:rgb(var(--grey-light-hover)) !important; }
.grey-mid-txt { color:rgb(var(--grey-mid)) !important;}
.grey-mid-hover-txt { color:rgb(var(--grey-mid-hover)) !important; }
.blue-txt { color:rgb(var(--blue)) !important; }
.blue-hover-txt { color:rgb(var(--blue-hover)) !important; }
.pink-txt { color:rgb(var(--pink)) !important; }
.pink-hover-txt { color:rgb(var(--pink-hover)) !important; }
.pink-light-txt { color:rgb(var(--pink-light)) !important; }
.pink-light-hover-txt { color:rgb(var(--pink-light-hover)) !important; }

.gradient-txt { background:linear-gradient(90deg, rgb(var(--pink)) 0%, rgb(var(--pink-light)) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }


.white-bg { background-color:rgb(var(--white)); }
.black-bg { background-color:rgb(var(--black)); }
.text-bg { background-color:rgb(var(--text)); }
.grey-light-bg { background-color:rgb(var(--grey-light)); }
.grey-light-hover-bg { background-color:rgb(var(--grey-light-hover)); }
.grey-mid-bg { background-color:rgb(var(--grey-mid)); }
.grey-mid-hover-bg { background-color:rgb(var(--grey-mid-hover)); }
.blue-bg { background-color:rgb(var(--blue)); }
.blue-hover-bg { background-color:rgb(var(--blue-hover)); }
.pink-bg { background-color:rgb(var(--pink)); }
.pink-hover-bg { background-color:rgb(var(--pink-hover)); }
.pink-light-bg { background-color:rgb(var(--pink-light)); }
.pink-light-hover-bg { background-color:rgb(var(--pink-light-hover)); }

.gradient { 
	background:rgb(var(--pink));
	background:-moz-linear-gradient(90deg, rgba(var(--pink),1) 0%, rgba(var(--pink-light),1) 100%);
	background:-webkit-linear-gradient(90deg, rgba(var(--pink),1) 0%, rgba(var(--pink-light),1) 100%);
	background:linear-gradient(90deg, rgba(var(--pink),1) 0%, rgba(var(--pink-light),1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d78699",endColorstr="#e2a0af",GradientType=1);
}

.blue-pattern-bg { background:url(images/pattern-bg.jpg) center center rgb(var(--blue)); }

/* SVG */
.flourish { max-width:95px; }
/* SVG Path ID */
#flourish { /*shape-rendering:crispEdges;*/ fill:url(#MyGradient); }

.mask { background-color:rgba(0,0,0,0.2); position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; transition:background-color 500ms; }

.fill { position:absolute; top:0; right:0; bottom:0; left:0; z-index:+1; }

.padding { padding-top:3%; padding-bottom:2%; }
.padding-top { padding-top:3%; }
.padding-bottom { padding-bottom:2%; }


@media only screen and (max-width:1220px) {

	.slides-wrapper .text { top:60%; max-width:unset; left:0; padding:0 20px; transform:translateY(-50%); }
	.slides-wrapper .text.active-slide { top:50%; }

	.cta .wrapper { padding:0; }
	.cta .wrapper .cta-inner { border-radius:0; margin-top:0 }

}

@media only screen and (max-width:1150px) {

	.main-menu > ul { font-size:1.2em; font-weight:500; }

}

@media only screen and (max-width:1050px) {

	.main-container { padding-top:calc(90px + 3%) !important; }
	.page-template-page-home .main-container { padding-top:0 !important; }

	.header > .wrapper > .inner-wrapper { padding:20px 0; }

	.header .logo { position:relative; top:auto; left:auto; transform:none; width:380px; } 

	.header .mobile-menu-trigger { display:block; position:absolute; top:15px; right:0; cursor:pointer; z-index:51; }
	.header .fa-bars,
	.header .fa-times { font-size:4em; color:rgb(var(--blue)); }
	
	.main-menu { float:none; clear:both; display:none; }

	.nav-overlay.active { visibility:visible; opacity:1; }
	.nav-overlay .scroll-overflow { position:absolute; top:0; left:0; width:100%; height:100vh; overflow:scroll; }
	.nav-overlay .top-nav { background-color:rgb(var(--white)); min-height:100vh; width:100%; position:relative; padding-top:140px; }
	.nav-overlay .top-nav ul { font-size:2.4em; text-align:center; font-weight:500; margin:0; padding:0; }
	.nav-overlay .top-nav ul li { list-style-type:none; }
	.nav-overlay .top-nav ul li.desktop { display:none; }
	.nav-overlay .top-nav ul a { display:block; padding:0.5em 10px; border-bottom:1px solid rgba(var(--grey-light),0.3); text-decoration:none; }
	.nav-overlay .top-nav ul ul { display:block; font-size:0.7em; background-color:rgba(var(--grey-light),0.1); border-bottom:1px solid rgba(var(--grey-light),0.3); }

	.nav-overlay .social { text-align:center; }
	.nav-overlay .social a svg { margin:20px; font-size:3em; }

	.slides-wrapper { margin-top:90px; padding-top:45%; }

}

@media only screen and (max-width:1000px) {

	.col-3 > div.col,
	.col-4 > div.col { width:47%; max-width:300px; }

	.cta-inner .col-3 {  }
	.cta-inner .col-3 > div.col { min-width:47%; border-bottom:1px solid rgb(var(--grey-light)); padding-bottom:20px; }
	.cta-inner .col-3 > div.col:first-of-type { min-width:97%; }
	.cta-inner .col-3 > div.col:first-of-type .inner { text-align:center; }
	.cta-inner .col-inner { position:relative; max-width:360px; margin:0 auto; }
	.cta-inner .inner { padding:0 40px; }

	.services-home .col-4 > div.col { width:22% !important; max-width:unset !important; min-width:140px; }

	.services-list.col-2 .col:nth-of-type(n) { width:97%; }

	.footer .col.company { width:100%; text-align:center; }

	.footer .col.menu { width:18%; }
	.footer .col.menu.shop { width:16%; }
	.footer .col.contacts { width:30%; }
	
}


@media only screen and (max-width:830px) {

	.sub-header .contacts .mobile-hide { display:none; }
	.sub-header .wrapper .more-button { margin:-10px -20px -10px -10px; }

	/* New */
	.slides-wrapper { padding-top:0; }
	.slides-wrapper .slides,
	.slides-wrapper .slides .slide,
	.slides-wrapper .bx-wrapper,
	.slides-wrapper .bx-wrapper .bx-viewport { position:relative !important; }
	.slides-wrapper .slides .slide { padding-top:35%; background-size:contain; background-position:center top; }
	.slides-wrapper .text.active-slide { position:relative; top:100%; transform:none; padding:5% 20px; }
	/* end */

	.slides-wrapper .text-inner { max-width:unset; }
	.slides-wrapper .text-inner > span { font-size:3.6em; }

	/*
	.col-3 > div.col,
	.col-4 > div.col { max-width:unset !important; }
	*/

	.contact-page .do-flex { flex-wrap:wrap; }
	.contact-page .col-2-1 > div.col:nth-of-type(n) { min-width:97%; }

	.contact-page .right .opening-hours > svg { top:34px; }

	
	h3, .content p.h-3 { font-size:2.6em; }
	h4, .content p.h-4 { font-size:2.4em; }
	h5, .content p.h-5 { font-size:2.2em; }
	h6, .content p.h-6 { font-size:2em; }
	h1, .content p.h-1, h2.h-1, h3.h-1, h4.h-1, h5.h-1, h6.h-1, .sidebar > h3:first-child { font-size:3em; }
	h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:2.8em; } 

}

@media only screen and (max-width:782px) {

	.admin-bar .header { top:46px; } 

	.cta-inner .col-3 > div.col { min-width:97%; }
	.cta-inner .col-3 > div.col svg { display:none; }
	.cta-inner .col-3 > div.col .inner { text-align:center; padding:0; }

}

@media only screen and (max-width:700px) {

	

}

@media only screen and (max-width:640px) {

	img.alignleft,
	img.alignright,
	img.aligncenter { display:block; float:none; margin:0 auto 3%; width:auto; max-width:100%; }
	
	.cookie-table { font-size:0.8em; }
	
	.col-4 > div.col:nth-of-type(n),
	.col-2-1 > div.col:nth-of-type(n) { float:none; width:100%; margin:0 auto 5%; }

	/*
	.slides-wrapper .text-inner { font-size:75%; }
	*/

	
	.services-home .service-box .image img { border-width:10px }
	.services-home .content .service-box p { font-size:1.2em; }

	.footer .col.menu, .footer .col.subscribe { padding-top:0; }

	.sub-footer span { display:block; text-align:center; margin-bottom:20px; }
	.sub-footer ul { float:none; text-align:center; }
	.sub-footer ul li { margin:0 10px 10px 0; padding:0; border:none; }

	.footer .col.map { width:300px; padding-top:40%; }
	.footer .col.menu,
	.footer .col.menu.shop { width:25%; }
	.footer .col.contacts { width:40%; }
	
}

@media only screen and (max-width:600px) {

	.service-intros .service-image { width:100%; margin:0 auto 3%; float:none; max-width:300px; }
	.service-intros .service-text { width:97%; float:none; text-align:center; }

	
	h3 { font-size:2.4em; }
	h4 { font-size:2.2em; }
	h5 { font-size:2em; }
	h6 { font-size:1.8em; }
	h1, h2.h-1, h3.h-1, h4.h-1, .sidebar > h3:first-child { font-size:2.8em; }
	h2, h3.h-2, h4.h-2 { font-size:2.6em; }

	
	.wpcf7-response-output { font-size:13px; }
	
	.col-2 > div.col:nth-of-type(n) { float:none; width:100%; margin:0 auto 5%; }
	
	
}

@media only screen and (max-width:520px) {
	
	.sub-header .wrapper .social { display:none; }

	.slides-wrapper .text-inner > span { font-size:2.6em; }

	.col-2 > div.col,
	.col-3 > div.col,
	.col-4 > div.col { width:80%; }

	.padding { padding-top:7%; padding-bottom:5%; }
	.padding-top { padding-top:7%; }
	.padding-bottom { padding-bottom:5%; }

	table.prices tr td:nth-of-type(2) span { white-space:normal; }

	.footer .col.map { width:300px; padding-top:40%; }
	.footer .col.menu,
	.footer .col.menu.shop { width:25%; }
	.footer .col.contacts { width:40%; }
	
}




@media only screen and (max-width:480px) {

	.sub-header .covid { display:none; }

	.header .logo { width:240px; }
	.header .fa-bars, .header .fa-times { font-size:3em; }

	/*
	.slides-wrapper { padding-top:40%; min-height:200px; }
	*/

	.content .wpcf7 p { float:none; width:98%; }

	table.prices { font-size:0.8em; }

	.cookie-table, .cookie-table * { display:block; text-align:left; }
	.cookie-table tr:first-of-type { display:none; }

	.footer .col { width:100% !important; text-align:center; }
	.footer .contacts span { padding-left:0; }
	.footer .contacts span svg { display:none; }
	
}