/*!
Theme Name: Utopia Bathrooms Theme
Author: iDM Design
Author URI: http://idmdesign.co.uk
Description: Theme for Utopia Bathrooms
Version: 1.8.7

*/body{font-family:"Open Sans", arial, sans-serif;background-color:#EFEFEF}body.portrait:before{content:"";display:block;z-index:949;height:100vh;width:100vw;background-color:rgba(0, 0, 0, 0.5);position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);backdrop-filter:blur(10px);background-image:url(https://visualise.utopiagroup.com/wp-content/uploads/2026/05/rotate-device.webp);background-position:center 30%;background-repeat:no-repeat;background-size:auto 20vh}body.portrait:after{content:"Visualise is optimised for widescreens. Please turn your device to landscape mode for the best experience.";z-index:950;display:block;position:fixed;top:60%;left:50%;transform:translate(-50%, -50%);font-size:1.2rem;line-height:1.2;color:#FFFFFF;text-align:center}small{line-height:1.2}html{background:transparent}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;-webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0;outline:0}.slick-slider{line-height:0;text-align:center}input{border-radius:0;color:#475e6b;font-family:"Open Sans", arial, sans-serif;font-size:1rem;line-height:1.6}.form-control{border-radius:0}span.wpcf7-list-item{display:block;margin:0 0 0 0}body{background:#efefef;color:#475e6b;font-family:"Open Sans", arial, sans-serif}button{color:#475e6b;font-size:1rem}optgroup{color:#475e6b}textarea{max-width:100%;color:#475e6b}h1,h2,h3,h4,h5{font-family:"minion-pro", "times new roman", serif}p a.btn-primary{font-size:1rem;border:none !important;padding:1rem 3rem;background-color:#0097c3 !important;color:#FFF;font-family:"Open Sans", arial, sans-serif}p a.btn-primary:hover{color:#FFF !important;opacity:0.8}p a{color:#475e6b;text-decoration:underline}ul{margin:0 0 1.5em 0;list-style:disc}ol{margin:0 0 1.5em 0;list-style:decimal}li>ul{margin-bottom:0;margin-left:1.5em}li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:bold}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}table{margin:0 0 1.5em;width:100%}a{text-decoration:none}a:hover{color:#0097c3;text-decoration:none;outline:0}a:focus{color:#0097c3;text-decoration:none;outline:thin dotted}a:active{color:#0097c3;text-decoration:none;outline:0}.btn{padding-left:1.5em;padding-right:1.5em;border-radius:0}.btn-primary{border:none !important;background-color:#0097c3 !important;color:#FFF !important}.btn-primary:hover{color:#FFF !important}.form{background:#ffffff;padding:3rem;position:relative}.modal-header{border:none !important}form [type="submit"]{padding-left:2rem;padding-right:2rem;background-color:#0097c3;color:#FFF;font-style:normal;cursor:pointer;text-decoration:none;border-radius:0}.close-modal{position:absolute;height:3rem;width:3rem;top:3rem;right:3rem;display:block;background:transparent;z-index:50;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.close-modal:before{content:"";display:block;height:3rem;width:1px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#FFF}.close-modal:after{content:"";display:block;height:3rem;width:1px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#FFF;height:1px;width:3rem}.samples .pallette{border-bottom:1px solid #e9ebec}.samples .pallette .pallette-title{display:block;margin:0;padding:1rem;padding-left:6rem;background-color:#aeaeae;position:relative;text-align:left;font-size:1.5rem}.samples .pallette .pallette-title img{height:100%;width:auto;padding:1rem;position:absolute;top:0;left:0}.samples .pallette .pallette-title img.close-btn{height:100%;max-height:3rem;width:auto;padding:1rem;position:absolute;top:0;right:0;left:auto;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.samples .pallette.open .pallette-title img.close-btn{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.pallette .swatch{position:relative}.pallette .swatch .swatch-img{position:relative;padding-top:60%;width:100%;display:block;border:1px solid #CCC;overflow:hidden;background-position:center;background-size:cover}.pallette .swatch .swatch-img .unavailable-icon{position:absolute;top:5px;left:5px;color:#FFF}.pallette .swatch .swatch-label{display:block;line-height:1.2}.pallette .swatch i{position:absolute;top:0.5rem;left:0.5rem}.pallette .pallette-title{width:100%;padding:0 1rem 0;transition:0.3s;color:#686364;font-weight:bold;line-height:1.2}.swatch .tick{height:21px !important;width:21px !important;position:absolute;top:0.5rem;right:0.5rem;z-index:0;opacity:0}.swatch:hover .tick{opacity:1}.swatch.active .tick{opacity:1}#samples-order{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.visualise-window{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background-color:#FFF;width:100vw;height:100vh}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:5rem;width:5rem;z-index:99}.spinner .spinner-border,.spinner .spinner-grow{height:8rem;width:8rem}.pallette-swatches{padding:1em}.offcanvas{transition:0.5s}.offcanvas.show{visibility:visible}