@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.aws-container .aws-search-form{position:relative;width:100%;float:none!important;display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important;align-items:stretch;height:44px}.aws-container .aws-search-form *,.aws-search-result{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-hyphens:manual;-webkit-hyphens:manual;hyphens:manual;border-radius:0!important}.aws-container .aws-search-form .aws-loader,.aws-container .aws-search-form .aws-loader:after{border-radius:50%!important;width:20px;height:20px}.aws-container .aws-search-form .aws-wrapper{flex-grow:1;position:relative;vertical-align:top;padding:0;width:100%;overflow:hidden}.aws-container .aws-search-form .aws-loader{position:absolute;display:none;right:10px;top:50%;z-index:999;margin:-10px 0 0;font-size:10px;text-indent:-9999em;border-top:3px solid #ededed;border-right:3px solid #ededed;border-bottom:3px solid #ededed;border-left:3px solid #555}.aws-container .aws-search-form.aws-processing .aws-loader{display:block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 .7s infinite linear;animation:load8 .7s infinite linear}.aws-container .aws-search-label{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.aws-container .aws-search-field{width:100%;max-width:100%;color:#313131;padding:6px;line-height:30px;display:block;font-size:12px;position:relative;z-index:2;-webkit-appearance:none;height:100%;margin:0!important;border:1px solid #d8d8d8;outline:0}@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:1024px){.aws-container .aws-search-field{font-size:16px}}.aws-container .aws-search-field::-ms-clear{display:none;width:0;height:0}.aws-container .aws-search-field::-ms-reveal{display:none;width:0;height:0}.aws-container .aws-search-field::-webkit-search-cancel-button,.aws-container .aws-search-field::-webkit-search-decoration,.aws-container .aws-search-field::-webkit-search-results-button,.aws-container .aws-search-field::-webkit-search-results-decoration{display:none}.aws-container .aws-search-field:focus{background-color:#fff}.aws-container .aws-show-clear .aws-search-field{padding-right:40px}.aws-container .aws-search-field:focus::-webkit-input-placeholder{color:transparent}.aws-container .aws-search-field:focus:-moz-placeholder{color:transparent}.aws-container .aws-search-field:focus::-moz-placeholder{color:transparent}.aws-container .aws-search-field:focus:-ms-input-placeholder{color:transparent}.aws-container .aws-search-form .aws-search-clear{display:none!important;position:absolute;top:0;right:0;z-index:2;cursor:pointer;color:#757575;height:100%;width:38px;padding:0 0 0 10px;text-align:left}.aws-container .aws-search-form .aws-search-clear span{position:relative;display:block;font-size:24px;line-height:24px;top:50%;margin-top:-12px}.aws-container .aws-search-form.aws-show-clear.aws-form-active .aws-search-clear{display:block!important}.aws-container .aws-search-form.aws-form-active.aws-processing .aws-search-clear{display:none!important}.aws-container .aws-search-form .aws-search-btn{padding:0;line-height:10px;width:42px}.aws-container .aws-search-form .aws-search-btn_icon{display:inline-block;fill:currentColor;height:24px;line-height:24px;position:relative;width:42px;color:#555}.aws-container .aws-search-form .aws-search-btn svg{display:block;height:100%;width:100%}.aws-container[data-show-page=false] .aws-search-form .aws-search-btn:hover{background:#ededed;cursor:default}.aws-container .aws-search-form .aws-form-btn{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;flex-direction:column;text-align:center;background:#ededed;border:1px solid #d8d8d8;margin:0 0 0-1px;cursor:pointer;position:relative;white-space:nowrap;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color 100ms ease-in-out;-moz-transition:background-color 100ms ease-in-out;-o-transition:background-color 100ms ease-in-out;transition:background-color 100ms ease-in-out}.aws-container .aws-search-form .aws-form-btn:hover{background:#dcdcdc}.aws-container .aws-search-form .aws-form-btn:active{background:#d8d8d8}.aws-container[data-buttons-order="3"] .aws-search-form .aws-wrapper{-webkit-order:2;order:2}.aws-container[data-buttons-order="3"] .aws-search-form .aws-search-btn{margin:0-1px 0 0}.aws-search-result{position:absolute;text-align:left;z-index:9999999999999;background:#fff;width:100%;margin-top:-1px;border:1px solid #ccc;font-size:12px;line-height:16px}.aws-search-result ul{list-style:none;padding:0!important;margin:0!important;max-height:400px;overflow-y:auto}.aws-search-result ul::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:#ededed}.aws-search-result ul::-webkit-scrollbar{width:7px;background-color:#ededed}.aws-search-result ul::-webkit-scrollbar-thumb{background-color:#d8d8d8}.aws-search-result ul li{list-style:none;border-bottom:1px solid #ccc;overflow:hidden;margin:0!important;position:relative}.aws-search-result ul li:last-child{border-bottom:0}.aws-search-result .aws_result_link{display:block;cursor:pointer;padding:10px 8px;height:100%;overflow:hidden;text-decoration:none;border:0}.aws-search-result .aws_result_item.hovered,.aws-search-result .aws_result_item:hover,.aws-search-result .aws_search_more a:hover{background:#f5f5f5}.aws-search-result .aws_results .aws_result_item{position:relative}.aws-search-result .aws_result_item .aws_result_link_top{position:absolute;z-index:1;white-space:nowrap;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;right:0;opacity:0;outline:0;text-decoration:none}.aws-search-result .aws_result_item [data-link],.aws-search-result .aws_result_item a,.aws-search-result .aws_result_item button,.aws-search-result .aws_result_item span[href]{position:relative;z-index:2}.aws-search-result .aws_result_content{overflow:hidden;display:block}.aws-search-result .aws_result_title{display:block;font-weight:400;margin-bottom:3px;color:#21759b}.aws-search-result .aws_result_featured{margin:0 6px 0 0;position:relative;top:-2px;left:3px}.aws-search-result .aws_result_featured svg{width:13px;height:13px;fill:#fa0;vertical-align:bottom}.aws-search-result .aws_result_sku,.aws-search-result .aws_result_stock{display:block;font-weight:400;margin-top:4px;margin-bottom:5px;color:#7ad03a}.aws-search-result .aws_result_stock.out{color:#a44}.aws-search-result .aws_result_sku{margin-top:3px;color:#222}.aws-search-result .aws_result_cat .aws_result_title,.aws-search-result .aws_result_tag .aws_result_title{margin-bottom:2px}.aws-search-result .aws_result_excerpt{display:block;color:#222}.aws-search-result .aws_result_price{display:block;padding:2px 0;color:#222}.aws-search-result .aws_result_price del{background:0 0;padding:0 12px 0 0;opacity:.8;text-decoration:line-through!important}.aws-search-result .aws_result_price ins{background:0 0;padding:0 12px 0 0;opacity:1}.aws-search-result .aws_result_cats{display:block;float:left;margin:0 20px 0 0}.aws-search-result .aws_result_image{display:block;height:100%;float:left;padding:0 10px 0 0}.aws-search-result .aws_result_image img{width:50px;height:auto;box-shadow:none}.aws-search-result .aws_result_sale{display:block;height:42px;overflow:hidden;position:absolute;right:0;top:0;width:47px}.aws-search-result .aws_onsale{background:#77a464 0 0;color:#fff;display:block;float:right;height:20px;padding-top:2px;position:relative;right:-25px;text-align:center;top:3px;transform:rotate(45deg);width:77px}.aws-search-result .aws_no_result{line-height:1.5;padding:10px 6px;cursor:auto}.aws-search-result .aws_search_more a{line-height:40px;display:block;text-decoration:none;border:0;text-align:center;color:#21759b}body.aws-overlay{overflow:hidden!important;position:fixed;width:100%}.aws-container.aws-mobile-fixed{position:fixed!important;z-index:9999999!important;top:10px!important;left:20px!important;width:100%;width:calc(100% - 40px)!important}.aws-mobile-fixed-close{padding:15px;margin-right:-10px;display:inline-block;float:right;cursor:pointer}.aws-overlay-mask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;background:#fff;z-index:9999998!important}.aws-overlay .aws-overlay-mask{opacity:1}.et_search_outer .aws-container{width:60%}.et_search_outer .aws-container .aws-search-form{max-width:100%!important}.et_vertical_nav .et_search_outer .aws-container{width:auto;margin:0 20px 0 0}.et_fixed_nav .et-fixed-header .et_search_outer .aws-container{top:7px}.et_pb_menu__search .aws-container{width:100%}#et-boc .aws-container .aws-search-field{border:1px solid #d8d8d8;padding:6px 15px}#et-boc .aws-container .aws-search-form .aws-form-btn{background:#ededed;border:1px solid #d8d8d8;margin:0 0 0-1px}#et-boc .aws-container .aws-search-form .aws-wrapper .aws-loader{border-top:3px solid #ededed;border-right:3px solid #ededed;border-bottom:3px solid #ededed;border-left:3px solid #555;margin:-10px 0 0}#et-boc .aws-container .aws-search-form .aws-search-clear span{margin-top:-12px}#et-boc .aws-container .aws-search-form .aws-search-clear{padding:0 0 0 10px}.aws-search-result .aws_result_title .advanced-woo-labels{position:relative!important;width:auto!important;margin:0 5px 5px 0!important;transform:none!important}.aws-search-result .aws_result_title .advanced-woo-labels:last-child{margin-bottom:0!important}.aws-search-result .aws_result_title .aws_result_labels{display:flex;margin:0!important;flex-wrap:wrap;flex-direction:row;text-align:left;justify-content:flex-start}.slider {
position: relative;
width: 100%;
height: 50vw;
overflow: hidden; } .slider .slide {
opacity: 0;
transition: All 2s ease-in-out;
}
.slider .slide.active {
opacity: 1;
}
.slider img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .slider > .wrapper {
display: flex;
flex-direction: row;
height: 100%;  justify-content: start;
align-items: center;
}
.slider .overlay-box {
margin: 0 auto;
background-color: var(--main-grey);
color: var(--light-text);
text-align: center;
padding: 1rem;
display: flex;
flex-flow: column nowrap;
align-items: center;
z-index: 5;
}
.slider > .wrapper {
display: none;
}
.slider .overlay-box h2 {
font-size: 2.5rem;
font-weight: var(--title-weight);
}
.slider .overlay-box p {
padding: 1rem 0;
line-height: 1.5rem;
font-weight: var(--title-weight);
max-width: 45ch;
}
.slider .overlay-box-column2 {
display: inline-block;
} .slider .slider-control {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
height: 50px;
padding: 0 20px;
box-sizing: border-box;
color: #fff;
font-size: 30px;
cursor: pointer;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.slider:hover .slider-control {
opacity: 1;
}
.slider .slider-control i {
font-size: 40px;
}
.slider .slider-control .slider-control-next {
justify-content: flex-end;
}
.slider .slider-control .slider-control-prev {
justify-content: flex-start;
} .slider .slider-indicators {
position: absolute;
left: 0;
bottom: 20px;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 20px;
padding: 0;
margin: 0;
list-style: none;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.slider:hover .slider-indicators {
opacity: 1;
}
.slider .slider-indicators li {
width: 20px;
height: 20px;
margin: 0 10px;
padding: 0;
cursor: pointer;
transition: opacity 0.2s ease-in-out;
}
.slider .slider-indicators li.active {
opacity: 0.5;
} .slider .slider-autoplay {
animation: slide 5s infinite;
}
@media only screen and (min-width: 1000px) {
.slider {
height: 35vw;
min-height: 490px;
}
.primary-panel {
display: none;
}
.slider > .wrapper {
display: flex;
}
.slider .overlay-box {
display: flex;
margin: 0;
padding: 2rem;
max-width: calc(45ch + 6rem);
height: fit-content;
height: calc(42vw - 10vw);
min-height: 30rem;
justify-content: space-between;
background-color: rgba(60,60,60,0.7);
}
.slider .overlay-box h2 { font-size: clamp(2rem, 3.5vw, 3rem);
letter-spacing: 0.2rem;
}
.slider .overlay-box p {
max-width: 40ch;
line-height: 2rem;
font-size: clamp(16px, 1.3vw, 18px);
font-weight: 100;
}
}*:where(:not(iframe, canvas, img, svg, video):not(svg *, summary)) {
all: unset;
display: revert;
} *,
*::before,
*::after {
box-sizing: border-box;
} ol,
ul {
list-style: none;
} img {
max-width: 100%;
height: 100%;
} table {
border-collapse: collapse;
} textarea {
white-space: revert;
}
@font-face {
font-family: KotoriRose;
src: url(https://tilesatsource.com/wp-content/themes/tilesatsource/css/font/KotoriRose-Regular.otf) format("opentype");
}
@font-face {
font-family: KotoriRose;
font-weight: bold;
src: url(https://tilesatsource.com/wp-content/themes/tilesatsource/css/font/KotoriRose-Bold.otf) format("opentype");
}
@font-face {
font-family: HelveticaNeueLTPro;
src: url(https://tilesatsource.com/wp-content/themes/tilesatsource/css/font/HelveticaNeueLTProLt.otf) format("opentype");
}
@font-face {
font-family: HelveticaNeueLTPro;
font-weight: bold;
src: url(https://tilesatsource.com/wp-content/themes/tilesatsource/css/font/HelveticaNeueLTProMd.otf) format("opentype");
}
:root {
--main-pink: #f5ab9d;
--light-pink: #f3dfdb;
--darker-pink: #c8887c;
--main-grey: #3c3c3c;
--light-grey: #f5f5f5;
--border-grey: #e0e0e0;
--light-text: #fff;
--lightest-background: #fff;
--main-pink-background-overlay: rgba(245, 171, 157, 0.8);
--grey-background: #f5f5f5;
--dark-text: #000;
--dark-borders: rgba(0, 0, 0, 0.1);
--title-weight: lighter;
--error-red: rgb(181, 0, 0);
--error-amber: rgb(193, 193, 18);
--error-green: rgb(0, 85, 0);
--mobile-menu-width-1: 30vw;
--mobile-menu-width-2: 20vw;
--mobile-menu-width-3: 15vw;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
a:hover {
color: unset;
text-decoration: unset;
}
body {
position: relative;
min-height: 100vh;
height: 100%;
}
strong {
font-weight: 600;
}
em {
font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6,
td,
tr,
dd,
dt,
p,
a,
li,
label,
input,
address {
font-family: "HelveticaNeueLTPro", sans-serif;
}
a {
cursor: pointer;
}
body sup {
font-size: 0.5em;
position: relative;
top: -0.5em;
}
h3 {
font-size: 3.5rem;
}
header.main-header {
position: relative;
z-index: 100;
}
.primary-nav {
height: 2.5rem;
background-color: var(--main-pink);
position: relative; }
.primary-nav.main-menu {
height: auto;
min-height: 2.5rem;
}
.main-header > .title .wrapper > a {
padding: 0 1rem;
}
.primary-nav.desktop {
display: none;
}
.primary-nav.mobile {
position: relative;
white-space: nowrap;
}
.primary-nav.main .wrapper {
height: 100%;
} .primary-nav.mobile > .opener.bar {
width: fit-content;
margin: 0 auto 0 0;
}
.primary-nav.mobile > .opener.bar > a {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.primary-nav.mobile > .opener.bar > a .bar {
width: 3rem;
height: 0.2rem;
background-color: var(--light-text);
margin: 0.2rem 0;
transition: all 0.2s ease;
}
.primary-nav.mobile > .opener.bar > a:hover .bar {
background-color: var(--dark-text);
}
.primary-nav ul {
height: 100%;
width: 100%;
color: #fff;
display: flex;
flex-flow: row nowrap;
justify-content: space-evenly;
align-content: center;
text-transform: capitalize;
}
.primary-nav.mobile div > ul > li > ul,
.primary-nav.mobile div > ul {
position: absolute;
top: 2.5rem;
left: -20rem;
display: flex;
flex-flow: column nowrap;
height: fit-content;
width: var(--mobile-menu-width-1);
width: fit-content;
background: var(--main-pink);
transition: all 0.3s ease;
}
.primary-nav.mobile div > ul ul {
bottom: 0;
top: 0;
}
.primary-nav.mobile * {
transition: all 0.3s ease;
}
.primary-nav.mobile div > ul > li > a {
padding: 0.5rem 1rem;
}
.primary-nav.main ul li {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.primary-nav ul li,
.primary-nav.mobile a {
height: 100%;
font-size: 1.5rem; transition: all 0.3s ease;
font-weight: var(--title-weight);
}
.primary-nav.mobile a {
padding: 0.5rem;
display: inline-block;
}
.primary-nav.mobile > .wrapper > div ul li a {
font-size: clamp(1rem, 3vw, 1.5rem);
}
.primary-nav.mobile > .wrapper > div ul.menu > li {
position: relative;
}
.primary-nav.mobile > .wrapper > div ul.menu li {
height: fit-content;
position: relative;
}
.primary-nav ul li:hover,
.primary-nav ul li.open-main-menu.hover {
color: var(--main-grey);
}
.primary-nav.mobile div > ul > li > ul {
position: absolute;
top: 0;
left: 0;
bottom: 0;
display: flex;
flex-flow: column nowrap;
height: fit-content;
max-height: 1px;
overflow: hidden;
width: fit-content;
background: var(--main-pink);
z-index: -1;
}
.primary-nav.mobile ul.menu.active {
left: 0;
}
.primary-nav.mobile div > ul > li > ul > li > ul {
position: absolute;
top: 0;
left: 100%;
height: fit-content;
display: flex;
flex-flow: column nowrap;
width: 0;
overflow: hidden;
background: var(--main-pink);
}
.primary-nav.mobile ul.menu > li > ul.sub-menu.active { left: 100%;
max-height: 750px;
overflow: visible;
}
.primary-nav.mobile div > ul > li > ul > li > ul.active {
width: var(--mobile-menu-width-3);
overflow: visible;
}
.primary-nav.mobile div > ul > li > ul > li > ul > li {
overflow: hidden;
}
.primary-nav ul.menu > li {
position: relative;
}
.primary-nav ul.menu > li > a {
padding: 0.2rem;
height: 100%;
transition: all 0.3s ease;
display: inline-block;
}
.primary-nav ul li a span.block-indicator {
transition: all 0.2s ease;
position: absolute;
height: 3px;
bottom: -5px;
right: 0;
left: 0;
width: 100%;
background-color: var(--main-grey);
}
.primary-nav ul li.open-page a span.block-indicator,
.primary-nav ul li a:hover span.block-indicator {
bottom: 0;
}
.primary-nav.header-dropdown {
border-top: 1px solid black;
position: absolute;
top: -200px;
left: 0;
right: 0;
width: 100%;
z-index: 90;
transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
height: auto;
}
.primary-nav ul li:hover {
color: var(--main-grey);
}
.primary-nav.header-dropdown.open {
top: 7.5rem;
}
.primary-nav.header-dropdown > ul {
flex-flow: column nowrap;
align-items: flex-start;
width: calc(100% - 32px);
height: auto;
margin: 0.5rem 1rem;
}
.primary-nav.header-dropdown > ul > li {
text-align: center;
}
.primary-nav.header-dropdown > ul > li a {
font-size: clamp(1rem, 5vw, 2rem);
}
.primary-nav.header-dropdown > .close-menu {
margin-left: auto;
color: var(--main-grey);
position: absolute;
top: 0;
right: 0.5rem;
font-size: 2rem;
line-height: 2rem;
cursor: pointer;
}
.primary-nav.header-dropdown > .close-menu:hover {
transition: all 0.3s ease;
color: var(--darker-pink);
}
.title {
width: 100%;
height: 5rem;
background-color: var(--main-grey);
position: relative;
z-index: 100;
}
.title .wrapper {
height: 100%;
text-align: center; display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}
.primary-panel {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
padding: 24px;
}
.primary-panel .overlay-box {
margin: 0 auto;
background-color: var(--main-grey);
color: var(--light-text);
text-align: center;
padding: 1rem;
display: flex;
flex-flow: column nowrap;
align-items: center;
max-width: calc(55ch + 6rem);
}
.primary-panel .overlay-box h2 {
font-size: 2.5rem;
font-weight: var(--title-weight);
}
.primary-panel .overlay-box p {
padding: 1rem 0;
line-height: 1.5rem;
font-weight: var(--title-weight);
max-width: 45ch;
}
.primary-panel .overlay-box-column2 {
display: none;
}
.secondary-nav.desktop ul li a,
.secondary-nav.desktop ul li button {
transition: all 0.2s;
}
.secondary-nav.desktop ul li a:hover,
.secondary-nav.desktop ul li button:hover {
color: var(--main-pink);
}
.cart-contents {
position: relative;
display: flex;
flex-flow: column nowrap;
justify-content: center;
transition: all 0.2s ease;
}
.cart-contents:hover {
color: var(--main-pink);
}
.cart-contents-count {
position: absolute;
top: 15px;
right: 1px;
transform: translateY(-105%) translateX(60%);
font-size: 14px;
line-height: 20px;
height: 22px;
width: 22px;
vertical-align: middle;
text-align: center;
color: var(--main-grey);
background: var(--main-pink);
border-radius: 50%;
padding: 1px;
}
.footer > .cart-contents-count {
color: var(--main-grey);
background: var(--light-pink);
}
a.myaccount-link {
display: inline-block;
width: 32px;
height: 32px;
position: relative;
}
a.myaccount-link:hover i {
color: var(--main-grey);
background-color: var(--main-pink);
}
i.myaccount-link {
border-radius: 50%;
color: var(--main-pink);
background-color: var(--main-grey);
text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;
transition: all 0.2s ease;
}
a.myaccount-link > .circle-div {
position: absolute;
box-sizing: border-box;
border: 2px solid var(--light-pink);
display: inline-block; border-radius: 50%;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
} .secondary-nav.mobile {
position: fixed;
width: 100%;
bottom: 0;
height: 4rem;
background-color: var(--main-grey);
transition: all 0.5s ease;
z-index: 150;
}
.secondary-nav.mobile ul {
width: 100%;
height: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: space-evenly;
align-items: center;
}
.secondary-nav.mobile ul li div {
transition: all 0.5s ease;
}
.secondary-nav.mobile ul li i {
display: inline-block; color: var(--main-pink);
}
.secondary-nav.desktop {
color: var(--light-text);
}
.search.mobile,
.search.desktop,
.search.page-404 { height: 2rem;
display: flex;
flex-flow: row nowrap;
align-items: center;
border: 2px solid var(--light-pink);
border-radius: 1rem;
overflow: hidden;
}
.search.desktop > .searchbox,
.search.mobile > .searchbox {
width: 100%;
}
.search.desktop { border: 1px solid var(--light-text);
}
.search.page-404 {
padding: 0 0.5rem 0 0.25rem;
}
.search.mobile.expanded { width: 100%;
}
.search.desktop.expanded {
width: clamp(100px, 50vw, 250px);
}
.search > .aws-container {
width: 100%
}
#aws-search-result-2 {
display: none !important;
}
.aws-container > .aws-search-form > .aws-wrapper > input {
border: none;
}
.search.mobile > .aws-container > .aws-search-form > .aws-wrapper > .aws-loader{
display: none;
}
.aws-container > .aws-search-form > .aws-wrapper > .aws-search-field {
color: #fff;
}
.aws-container > .aws-search-form > .aws-wrapper > .aws-search-field:focus {
color: var(--main-grey);
}
.aws-container > .aws-search-form > .aws-wrapper > .aws-search-field:focus::placeholder {
color: var(--main-grey);
}
li.search-li > .search > i {
position: relative;
padding: 2px;
top: 2px;
height: 25px;
width: 25px;
}
.search.desktop i {
color: var(--light-text);
}
.search > .searchbox {
width: 100%;
} .search.desktop > .searchbox .search-field {
width: 100%;
text-align: left;
}
.search.mobile > .searchbox .search-field {
width: 100%;
text-align: left;
}
.search.desktop > .searchbox button {
cursor: pointer;
}
#mobile-footer-search-button {
color: white;
background-color: var(--main-grey);
}
.search form {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
height: 100%;
text-align: left; }
.search form input {
flex-shrink: 1;
}
.search-li.mobile > .search form {
font-size: clamp(0.8rem, 3vw, 1rem);
}
.search.mobile form input { color: var(--light-text);   }
.secondary-nav.mobile > ul > li {
width: 32px;
transition: all 0.5s ease;
}
.secondary-nav.mobile > ul > li.expanded {
width: 50%;
}
.woocommerce-message.wrapper {
display: flex;
align-items: center;
gap: 1rem;
} .frontpage-categories .wrapper {
width: calc(100% - 1rem);
margin: 0 auto;
display: flex;
flex-flow: row wrap;
gap: 3rem;
}
.cat-card {
width: 350px;
margin: 3rem auto;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
margin-bottom: 0;
}
.cat-card:first-child {
margin-top: 0;
}
.cat-card > * {
text-align: center;
}
.cat-card img {
width: 100%;
}
.cat-card h3 {
padding: 0.5rem 1rem 1rem 1rem;
font-size: 2.8rem;
}
.cat-card p {
padding: 1rem;
display: none;
}
.tile-visualiser-panel {
width: 100%;
background: var(--main-grey);
color: var(--light-text);
}
.tile-visualiser-panel .wrapper {
padding: 1rem;
display: flex;
flex-flow: column nowrap;
align-items: center;
text-align: center;
}
.tile-visualiser-panel .wrapper h3 {
padding: 1rem;
font-size: 2.5rem;
}
.tile-visualiser-panel .wrapper a.image {
display: none;
float: right;
aspect-ratio:1.8 / 1;
padding: 0.5rem;
width: clamp(100px, 30vw, 250px);
}
.tile-visualiser-panel .wrapper p {
max-width: 55ch;
padding: 0.5rem;
}
.tile-visualiser-panel .wrapper a.button {
display: block;
max-width: 600px;
margin: 0 auto;
}
.visit-us-panel {
width: 100%;
background: var(--main-grey);
color: var(--light-text);
}
.visit-us-panel .wrapper {
padding: 1rem;
display: flex;
flex-flow: column nowrap;
align-items: center;
text-align: center;
}
.visit-us-panel .wrapper h3 {
padding: 1rem;
font-size: 2.5rem;
}
.visit-us-panel .wrapper img {
float: left;
padding: 0.5rem;
width: clamp(100px, 30vw, 250px);
}
.visit-us-panel .wrapper p {
max-width: 55ch;
padding: 0.5rem;
}
.visit-us-panel .wrapper a {
display: block;
max-width: 600px;
margin: 0 auto;
}
.frontpage-captionbox-panel {
width: 100%;
}
.frontpage-captionbox-panel .wrapper { display: grid;
justify-content: space-between;
grid-template-columns: 1fr;
gap: 1.3rem;
margin-bottom: 3rem;
}
.captionbox-card-lrg {
width: 80vw;
position: relative;
justify-self: center;
}
.captionbox-card-sml {
position: relative;
justify-self: center;
} .captionbox-card-sml,
.captionbox-card-lrg {
position: relative;
}
.captionbox-card-sml > img,
.captionbox-card-lrg > img {
height: auto;
}
.captionbox-card-sml > a,
.captionbox-card-lrg > a {
position: relative;
position: absolute;
background: var(--main-grey);
opacity: 0.9;
bottom: 0;
left: 0;
right: 0;
height: 50px;
}
.captionbox-card-lrg > a {
height: 70px;
}
.captionbox-caption {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding: 0 1rem;
align-items: center;
}
.captionbox-caption p {
color: var(--light-text);
opacity: 1;
font-size: 1.2rem;
}
.captionbox-caption .salmon-button {
font-size: 0.6rem;
margin: 1rem 0;
max-width: 30ch;
}
.captionbox-card-sml .captionbox-caption {
height: 50px;
justify-content: space-between;
}
.captionbox-card-sml .captionbox-caption p {
font-size: 1.2rem;
}
.captionbox-card-sml .captionbox-caption .salmon-button {
padding: 0.8em 1em;
font-size: 0.6rem;
margin: 1rem 0;
}
.captionbox-double {
display: flex;
position: relative;
flex-flow: column nowrap;
justify-content: space-between;
width: 80vw; justify-self: center;
}
.captionbox-double .captionbox-card-sml:first-child {
margin-bottom: 1.3rem;
} footer {
background: var(--main-grey);  }
footer a {
transition: all 0.3s ease;
}
footer a:hover {
color: var(--main-pink);
text-decoration: underline;
}
.footer-links {
width: 100%;
margin: 1rem auto;
color: var(--light-text);
display: flex;
flex-flow: row wrap;
justify-content: space-around;
gap: 2rem 1rem;
padding: 1rem 0;
}
.footer-links h6 {
color: var(--main-pink);
font-size: 1.4rem;
padding-bottom: 0.5rem;
}
.email-form {
display: flex;
flex-direction: column;
justify-content: space-around;
height: 100%;
}
.footer-links p,
.footer-links li {
font-size: 0.8rem;
line-height: 1.8rem;
}
.newsletter-signup {
width: 25%;
display: flex;
flex-direction: column;
}
.newsletter-signup input[type="submit"] {
font-family: "KotoriRose", sans-serif;
width: 100%;
display: inline-block;
text-align: center;
border: 2px solid var(--main-pink);
border-radius: 1.75em;
color: var(--main-pink);
text-transform: uppercase;
font-size: 1.1rem;
letter-spacing: 0.2rem;
box-sizing: border-box;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
}
.newsletter-signup input[type="submit"]:hover {
background-color: var(--main-pink) !important;
color: var(--dark-text) !important;
}
.newsletter-signup input.salmon-button {
background: var(--main-grey);
font-size: 0.8rem;
padding: 0.5em 3em;
}
.newsletter-signup input[type="text"],
.newsletter-signup input[type="email"] {
line-height: 2rem;
width: 100%;
border-radius: 5px;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding-left: 10px;
border: 1px solid white;
}
.newsletter-signup * {
font-size: 0.8rem;
line-height: 1.8rem;
}
.newsletter-signup .es_subscription_message.success{
color: var(--main-pink);
}
.footer-form {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#email-input {
line-height: 2rem;
width: 100%;
border-radius: 5px;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding-left: 10px;
border: 1px solid white;
}
h6 {
margin-bottom: 1rem;
}
#contact-parent-div {
display: flex;
flex-direction: column;
height: calc(100% - 3rem);
gap: 1rem; }
.copyright {
position: relative;
width: 100%;
background: var(--main-pink);
color: var(--light-text);
padding: 1rem 1rem 5rem 1rem;
text-align: center;
font-size: 0.7rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.copyright > .cc_images {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
gap: 0.25rem;
}
.copyright > .cc_images > img {
height: 19px;
} .woocommerce-notices-wrapper > .wrapper {
padding: 0 0 0 1rem;
}
.woocommerce-notice--success {
padding: 1rem 0;
} .wrapper.page-generic {
padding: 1rem;
padding-top: 0;
background-color: var(--grey-background);
}
.wrapper.page-generic h1,
.wrapper.page-generic h2,
.wrapper.page-generic h3,
.wrapper.page-generic h4,
.wrapper.page-generic h5,
.wrapper.page-generic h6 {
color: var(--main-pink);
padding: 1rem 0;
margin: 0 auto;
}
.wrapper.page-generic h1 {
background-color: var(--lightest-background);
box-shadow: 0 0 0 100vmax var(--lightest-background);
clip-path: inset(0 -100vmax);
color: var(--main-pink);
padding: 2rem 1rem;
}
.wrapper.page-generic h1 {
font-size: 3rem;
}
.wrapper.page-generic h1 + p,
.wrapper.page-generic h1 + p + p {
margin: 0 auto 0 0;
}
.wrapper.page-generic h2 {
font-size: 1.5rem;
max-width: 600px;
padding: 1rem;
}
.wrapper.page-generic h4 {
font-size: 2rem;
max-width: 600px;
padding: 1rem;
}
.wrapper.page-generic p {
padding: 1rem;
max-width: 600px;
margin: 0 auto;
}
.wrapper.page-generic ul {
padding: 1rem;
max-width: 600px;
margin: 0 auto;
}
.wrapper.page-generic strong {
font-weight: bold;
}
.wrapper.page-generic u {
text-decoration: underline;
} .wrapper.basket {
padding: 3rem;
min-height: calc(100vh - 577px);
}
.wrapper.basket h1,
.wrapper.checkout h1 {
color: var(--main-pink);
font-size: 3rem;
}
.wrapper.basket .woocommerce-notices-wrapper {
padding: 1rem 0;
}
.wrapper.basket p.cart-empty {
font-size: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.return-to-shop > .salmon-button {
width: auto;
}
.woocommerce details.basket.collection-only {
padding: 0.2rem 1rem 0.4rem 1rem;
border: 1px solid var(--dark-borders);
border-radius: 3px;
width: fit-content;
transition: all 0.2s ease;
color: var(--darker-pink);
margin: 1rem 0;
}
.woocommerce details.basket.collection-only ol {
list-style: inside none number;
}
.woocommerce details.basket.collection-only p {
font-size: 1rem;
line-height: 1.5rem;
}
.woocommerce details.basket.collection-only > summary { color: var(--error-red);
font-size: 1.5rem;
cursor: pointer;
}
.woocommerce table.shop_table {
border: 1px solid var(--dark-borders);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
}
.woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
vertical-align: smiddle;
}
.woocommerce table.shop_table td {
border-top: 1px solid var(--dark-borders);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}
.woocommerce-cart table.cart img {
width: 64px;
height: auto;
box-shadow: none;
}
.product-remove a.remove {
margin: 0 auto;
display: block;
font-size: 1.5em;
height: 1.5rem;
width: 1.5rem;
text-align: center;
line-height: 1.2rem;
border-radius: 50%;
color: red;
text-decoration: none;
font-weight: 700;
border: 0;
transition: all 0.1s;
}
.product-remove a.remove:hover {
color: #fff;
background-color: red;
}
.woocommerce-cart-form .product-name {
font-size: 1.15rem;
}
.woocommerce-cart-form .product-name dd {
font-size: 1rem;
}
.woocommerce-cart-form .product-name a,
.woocommerce-cart-form .product-name 
{
color: var(--main-pink);
font-size: 1.5rem;
font-weight: 700;
transition: all 0.2s ease;
}
.woocommerce-cart-form .product-name dt { font-weight: 400; }
.woocommerce-cart-form .product-name dd { margin-left: 3ch;
font-weight: 400;
color: var(--main-pink);
}
.woocommerce-cart-form .product-name a:hover {
text-decoration: underline;
}
.actions .salmon-button {
width: auto;
}
#coupon_code.input-text {
border-top: 1px solid var(--dark-borders);
}
.woocommerce-cart-form .actions {
width: 100%;
}
.woocommerce-cart-form .actions .coupon {
display: inline-block;
}
.woocommerce-cart-form .actions .update {
width: 20ch;
}
.cart-collaterals {
width: 30%;
margin-left: auto;
}
.cart_totals h2 {
font-size: 2rem;
padding: 0.5rem 0;
color: var(--main-pink);
}
.wc-proceed-to-checkout .checkout-button.salmon-button {
width: 100%;
} span.price > del,
p.product-price.price > del {
position: relative;
color: var(--main-pink);
}
p.product-price.price > del {
color: var(--light-pink);
margin-right: 1rem;
}
span.price > del:before,
p.product-price.price > del:before {
position: absolute;
content: "";
left: 0;
top: 45%;
right: 0;
border-top: 2px solid;
border-color: var(--main-pink);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
@media only screen and (max-width: 1000px) {
.woocommerce table.shop_table_responsive tr td.actions::before,
.woocommerce table.shop_table_responsive tr td.product-remove::before,
.woocommerce-page table.shop_table_responsive tr td.actions::before,
.woocommerce-page table.shop_table_responsive tr td.product-remove::before,
.woocommerce table.shop_table_responsive thead,
.woocommerce-page table.shop_table_responsive thead,
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail,
table.shop_table.shop_table_responsive th {
display: none;
}
.woocommerce td.product-name dl.variation dt {
float: left;
clear: both;
margin-right: 0.25em;
display: inline-block;
list-style: none outside;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align: right;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
float: none;
}
.cart-collaterals {
width: 100%;
margin: 0;
}
.woocommerce-cart-form .actions > .salmon-button {
width: 100%;
}
} .search.page-404 {
width: clamp(16rem, 50vw, 20rem);
}
.page-generic.page-404 h2,
.page-generic.page-404 p {
width: fit-content;
}
.page-generic.page-404 .search {
margin: 1rem auto;
}
.search.page-404 form input {
flex-grow: 1;
} .wrapper.checkout {
margin-bottom: 3rem;
}
.form-row.place-order {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.checkout input,
#rememberme {
background-color: var(--light-text);
border: 1px solid var(--dark-borders);
color: var(--dark-text);
border-radius: 2px;
padding: 2px;
}
.checkout h1 {
text-align: center;
line-height: 6rem; }
.checkout h2 {
color: var(--main-pink);
padding: 1rem 0;
font-size: 2rem;
}
.checkout h3 {
font-size: 2.5rem;
line-height: 5rem;
color: var(--main-pink);
}
.checkout button.button.alt.salmon-button {
font-family: "KotoriRose", sans-serif;
width: auto;
background-color: inherit;
float: none;
display: inline-block;
text-align: center;
padding: 1em;
border: 2px solid var(--main-pink);
border-radius: 1.75em;
color: var(--main-pink);
text-transform: uppercase;
font-size: 1.1rem;
letter-spacing: 0.2rem;
box-sizing: border-box;
cursor: pointer;
}
#ppc-button-ppcp-gateway {
display: flex;
justify-content: center;
} body.privacy-policy .wrapper.page-generic h1 + p {
padding-top: 2rem;
margin: 0 auto;
max-width: 75%;
} .wrapper.page-generic.brands ul {
max-width: 100%;
} .page-generic section.brochures {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
max-width: 1300px;
margin: 0 auto;
gap: 1rem;
}
.page-generic section.brochures > .card {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
width: 100%;
max-width: 300px;
padding: 1rem;
border: 1px solid var(--main-pink);
border-radius: 5px;
}
.page-generic section.brochures > .card img {
height: auto;
} html body #wpadminbar {
position: fixed;
}
.separator {
height: 4px;
width: 30%;
background-color: var(--main-pink);
margin: 3rem auto;
}
.salmon-button,
.button {
font-family: "KotoriRose", sans-serif;
width: 100%;
display: inline-block;
text-align: center;
padding: 1em;
border: 2px solid var(--main-pink);
border-radius: 1.75em;
color: var(--main-pink);
text-transform: uppercase;
font-size: 1.1rem;
letter-spacing: 0.2rem;
box-sizing: border-box;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
}
.salmon-button:after,
.button:after:not(.woocommerce-form-login__submit) {
content: "";
background: var(--darker-pink);
display: block;
position: absolute;
border-radius: 1.75em;
padding-top: 300%;
padding-left: 350%;
margin-left: -20px !important;
margin-top: -120%;
opacity: 0;
transition: all 0.8s;
}
.salmon-button:active:after,
.button:active:after:not(.woocommerce-form-login__submit) {
padding: 0;
margin: 0;
opacity: 1;
transition: 0s;
}
.button {
font-family: "KotoriRose", sans-serif;
width: auto;
display: inline-block;
text-align: center;
padding: 1em;
border: 2px solid var(--main-pink);
border-radius: 1.75em;
color: var(--main-pink);
text-transform: uppercase;
font-size: 1.1rem;
letter-spacing: 0.2rem; cursor: pointer;
transition: all 0.25s ease;
}
.salmon-button:hover,
.button:hover {
background-color: var(--main-pink) !important;
color: var(--dark-text) !important;
}
.salmon-button:disabled,
.button:disabled {
background-color: var(--main-pink) !important;
color: var(--dark-text) !important;
cursor: not-allowed;
opacity: 0.3;
}
.pink {
color: var(--main-pink);
}
.hidden {
margin-left: 10px;
width: 0;
overflow: hidden;
}
.submit {
cursor: pointer;
}
.wrapper {
max-width: clamp(1000px, 85vw, 1600px);
margin-left: auto;
margin-right: auto;
}
.secondary-nav.desktop {
display: none;
}
.secondary-nav.desktop > ul {
display: inline-flex;
align-items: center;
}
.desktop > ul > li {
margin: 2rem;
}
.desktop > ul > li:last-of-type {
margin-right: 0;
}
footer {
position: relative;
width: 100%;
font-weight: 200;
bottom: 0;
} .input-checkbox,
input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
-o-appearance: checkbox;
-ms-appearance: checkbox;
appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
-o-appearance: radio;
-ms-appearance: radio;
appearance: radio;
height: 1rem;
width: 1rem;
}
input[type="radio"]:checked {
background-color: var(--main-pink);
} .woocommerce-terms-and-conditions-checkbox-text a {
text-decoration: underline;
}
.woocommerce-terms-and-conditions-checkbox-text a:hover {
color: rgb(95, 0, 0);
}
.woocommerce-form__label-for-checkbox > span {
cursor: pointer;
} #contact_page_wrapper {
display: grid;
align-items: flex-start;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"title title"
"map map"
"contact-form address";
}
#contact_page_wrapper > #map_iframe {
grid-area: map;
}
#contact_page_wrapper > #map_iframe > iframe {
padding-top: 1rem;
}
#contact_page_wrapper > .wpforms-container * {
font-family: "HelveticaNeueLTPro", sans-serif;
letter-spacing: 0.1em;
}
#contact_page_wrapper > .title-wrapper {
grid-area: title;
}
#contact_page_wrapper h1 {
padding: 2rem 0;
}
#contact_page_wrapper .wpforms-container {
grid-area: contact-form;
padding: 1rem;
margin-top: 0;
margin-left: 0;
max-width: 600px;
}
#contact_page_wrapper .wpforms-container .wpforms-title {
color: var(--main-pink);
font-size: 1.5rem;
max-width: 600px;
padding: 1rem 0;
}
section.address-details {
grid-area: address;
padding: 1rem;
margin-top: 0;
margin-left: 0;
max-width: 600px;
}
#contact_page_wrapper > section.address-details > p,
#contact_page_wrapper > section.address-details > h2 {
padding: 1rem 0;
letter-spacing: 0.1em;
}
#contact_page_wrapper > section.address-details a {
text-decoration: underline;
}
#contact_page_wrapper > section.address-details a:hover {
color: var(--main-pink);
}                                                                                                               .full-page-div {
height: 25rem;
background-color: var(--main-grey);
color: white;
font-size: 3rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
}
@media only screen and (min-width: 385px) {
.primary-nav.header-dropdown > .close-menu {
top: auto;
bottom: 0;
}
}
@media only screen and (min-width: 700px) {
.primary-nav.header-dropdown > ul {
flex-flow: row wrap;
align-items: center;
width: 100%;
margin: 0 auto;
}
.primary-nav.header-dropdown > ul > li a {
font-size: 1rem;
}
.frontpage-categories .wrapper {
width: calc(100% - 6rem);
}
.cat-card {
margin-top: 0;
}
.cat-card:last-child {
margin-top: 3rem;
}
}
@media only screen and (min-width: 1000px) {
img.header-logo {
padding: 0;
}
.primary-nav.mobile {
display: none;
}
.primary-nav.desktop {
display: block;
}
.primary-nav.desktop > .wrapper {
padding: 0 1rem;
}
.primary-nav.desktop ul > li {
font-size: clamp(1rem, 1.5vw, 1.5rem);
}
.primary-nav.desktop ul > li a {
height: 2.5rem; padding: clamp(0.3rem, 1rem - 0.6vw, 0.6rem);
}
.primary-nav.desktop ul.sub-menu > li a {
height: fit-content; padding: 0;
}
.primary-nav.header-dropdown {
height: 4rem;
}
.primary-nav.header-dropdown > ul {
flex-flow: row nowrap;
}
.primary-nav.header-dropdown > .close-menu {
top: 0;
bottom: 0;
height: 2rem;
}
.primary-nav.header-dropdown > .close-menu i {
height: 2rem;
margin: 0;
}
.primary-panel { padding: 0;
}
.primary-panel .wrapper {
display: flex;
flex-direction: row;
height: fit-content; min-height: 35rem;
justify-content: start;
align-items: center;
}
.primary-panel .overlay-box {
margin: 0;
padding: 2rem; max-width: calc(45ch + 6rem);
height: fit-content; min-height: 30rem;
justify-content: space-between;
}
.overlay-box p,
.overlay-box h2 {
text-align: left;
}
.primary-panel .overlay-box h2 { font-size: clamp(2rem, 3.5vw, 3rem);
letter-spacing: 0.2rem;
}
.primary-panel .overlay-box p {
max-width: 40ch;
line-height: 2rem;
font-size: clamp(16px, 1.3vw, 18px);
font-weight: 100;
}
.primary-panel .overlay-box-column2 {
display: inline-block;
}
.title .wrapper {
justify-content: space-between; }
.primary-nav ul {
width: clamp(350px, 30%, 600px);
margin: 0 0 0 auto;
justify-content: space-between; }
.primary-nav.main-menu div ul {
width: 100%;
margin: 0;
justify-content: space-between;
transition: all 0.3s ease;
}
#menu-main-product-navigation > li {
position: relative;
}
.primary-nav.main-menu div ul#menu-main-product-navigation > li {
height: 2.5rem;
}
.primary-nav.main-menu div ul.menu > li > ul {
position: absolute;
display: flex;
flex-direction: column;
top: -40rem;
left: 0;
width: fit-content;
height: fit-content;
overflow: hidden;
z-index: -1;
white-space: nowrap; background: var(--main-pink);
}
.primary-nav.main-menu
div
ul.menu
> li
> ul
> li.menu-item-has-children:after {
content: "\f0da";
display: inline-block;
font: normal normal 24px/1 FontAwesome;
text-rendering: auto;
}
.primary-nav.main-menu div ul.menu > li > ul > li > ul {
position: absolute;
display: flex;
flex-direction: column;
top: 0;
left: 100%;
width: 0;
height: auto;
overflow: hidden;
background: var(--main-pink);
white-space: nowrap;
max-width: 0;
}
.primary-nav.main-menu div ul.menu > li > ul > li > ul.active {
width: fit-content; max-width: 20ch;
}
.primary-nav.main-menu div ul.menu > li > ul.active { top: 2.45rem;
overflow: visible;
}
.primary-nav.main-menu div ul ul li {
padding: 0.7rem 1rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
position: relative;
height: fit-content;
}
.primary-nav ul > li:last-child {
padding-right: 0;
}
.tile-visualiser-content-box {
display: grid;
grid-template-columns: 1fr 0.5fr 1fr;
grid-template-rows: auto;
grid-template-areas:
"textbox image image"
"link image image";
width: 100%;
gap: 1rem;
padding-bottom: 3rem;
align-items: center;
}
.tile-visualiser-content-box a.image {
grid-area: image;
}
.tile-visualiser-content-box p {
grid-area: textbox;
font-size: clamp(0.8rem, 1.1vw, 5rem);
line-height: clamp(0.8rem, 1.8vw, 5.5rem);
}
.tile-visualiser-content-box a.button {
grid-area: link;
margin-top: auto;
width: 100%;
}
.tile-visualiser-content-box a .salmon-button {
width: 100%;
font-size: clamp(0.8rem, 1.1vw, 5rem);
}
.tile-visualiser-panel .wrapper {
padding: 0;
}
.tile-visualiser-panel .wrapper a.image {
display: block;
float: none;
width: 100%;
height: 100%;
aspect-ratio: 1.8/1;
}
.visit-content-box {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
grid-template-areas:
"image image textbox"
"image image link";
width: 100%;
gap: 1rem;
padding-bottom: 3rem;
}
.visit-content-box .visit-us-image {
grid-area: image;
}
.visit-content-box p {
grid-area: textbox;
font-size: clamp(0.8rem, 1.1vw, 5rem);
line-height: clamp(0.8rem, 1.8vw, 5.5rem);
}
.visit-content-box a {
grid-area: link;
margin-top: auto;
width: 100%;
}
.visit-content-box a .salmon-button {
width: 100%;
font-size: clamp(0.8rem, 1.1vw, 5rem);
}
.visit-us-panel .wrapper {
padding: 0;
}
.visit-us-panel .wrapper img {
float: none;
width: 200px;
}
.visit-us-image {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 25vw;
}
.visit-us-panel .wrapper .visit-us-image .visit-background {
display: block;
width: 100%;
height: 100%;
}
.visit-logo {
position: absolute;
left: 2.5rem;
bottom: 2.5rem;
}
.copyright {
padding: 1rem 1rem 1rem 1rem;
}
.secondary-nav.mobile {
display: none;
}
.secondary-nav.desktop {
display: flex;
}
.cat-card:last-child {
margin-top: 0;
}
.frontpage-captionbox-panel .wrapper {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas:
"left right1"
"left right2";
}
.captionbox-card-lrg {
width: auto;
grid-area: left;
}
.captionbox-card-sml {
width: 100%;
}
.captionbox-double .captionbox-card-sml:first-child {
margin-bottom: 0;
}
.captionbox-card-sml:first-of-type {
grid-area: right1;
}
.captionbox-card-sml:last-of-type {
grid-area: right2;
}
.captionbox-double {
display: contents;
}
.footer-links {
padding: 3rem 0;
}
.copyright {
font-size: 1rem;
}
.wrapper.page-generic {
margin-bottom: 121px;
}
}
@media only screen and (min-width: 1250px) {
.copyright > .cc_images {
position: absolute;
top: 0;
left: 120px;
padding: 1rem 0;
}
}
@media only screen and (min-width: 1650px) {
.primary-nav.header-dropdown {
height: 2rem;
}
.primary-nav.header-dropdown > .close-menu i {
margin: 0;
}
.fa-chevron-circle-up::before {
font-size: 2rem;
}
}
@media only screen and (max-width: 857px) {
.newsletter-signup { width: clamp(100px, 75%, 300px);
text-align: center;
display: flex;
flex-direction: column;
}
#contact_page_wrapper {
grid-template-columns: 1fr;
grid-template-areas:
"title"
"map"
"contact-form"
"address";
}
}
div.mobile > form > button {
color: white;
padding-left: 5px;
cursor: pointer;
}