/*
Theme Name: PretAVivre 2026
Theme URI: https://triggersolutions.co.uk/
Author: Trigger Solutions
Author URI: http://triggersolutions.co.uk
Description: Custom theme for Pret A Vivre
Version: 1.0
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
 * 
 *
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,button,a, span {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	zoom:1;
	font-size:100%; font-family: 'Libre Franklin', sans-serif;
}

body {
	line-height: 1;    background: #232323;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal; font-weight: 100;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td,label { 

	font-family: 'Libre Franklin', sans-serif;
	
    line-height: 1.4;
    font-weight: 100;
}

img {height:auto}
table {
	border-collapse:collapse;
	border-spacing:0;
}



fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:100;
}



a,span {    font-family: inherit;}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:100;  font-family: "Libre Franklin", sans-serif;
}
a {text-decoration:none; color:inherit}
html{overflow-x: hidden; font-size: 16px;}
section {position:static}




* {background-size:cover; background-position:center; font-family:'Libre Franklin'; font-weight: 400;}
.thinner-width .inner {
    max-width: 1024px;
}
.inner {
    width: 100%;
    margin: auto;
  
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-left: 60px;
    padding-right: 60px;
}
.thinnerwidth .inner,.thinnerwidth.columns .inner {max-width:1100px; padding-top:40px; padding-bottom:40px}


.row{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;gap: 40px;
}

.column {
	 
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1; position:relative; box-sizing:border-box
}

.fourcolumns {flex-wrap: wrap; --cols: 4;
  --gap: 32px;
	max-width: 1346px;
    margin: auto;
  display: flex;
  gap: var(--gap); align-items: flex-start;
    justify-content: center;}
.fourcolumns .column {flex:0 1 22%;     height: 320px;}
.fourcolumns.slider {padding-left:40px; padding-right:40px; padding-bottom:120px;}
.fourcolumns img {
    max-width: 100%;
    height: auto;
    width: 100%;
    min-height: 100%;
    object-fit: cover; height: 320px;
}

.fabrictypes.columns a {margin-bottom: 0;
margin-top: 0;}
.fourcolumns.slider .slick-prev:befores, .fourcolumns.slider .slick-next:befores {display:none}

.fourcolumns.slider .slick-next{
   /* font-size: 0;
    line-height: 0;
    position: absolute;
    top: auto; bottom:0;
    display: block;
    width: 132px;
    height: 50px; height: 50px; left:51.5%;

    min-width: 16px;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    color: black;
    border: 1px solid black;
    box-sizing: border-box;
    font-weight: 100;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 14px;
    position: absolute;
    z-index: 9;*/
}
.fourcolumns.slider .slick-prev {
   /* font-size: 0;
    line-height: 0;
     position: absolute;
    top: auto; bottom:0;
    display: block;
    width: 132px;
    height: 50px; left:38.5%; right:auto;

    min-width: 17px;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    color: black;
    border: 1px solid black;
    box-sizing: border-box;
    font-weight: 100;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 14px;
    position: absolute;
    z-index: 9;*/
}
.fourcolumns.slider p {font-size:18px}
.fourcolumns.slider  .column {padding:20px}
.twocolumns .column {flex:0 0 50%;  --gap: 0px;}
footer .fourcolumns .column {flex:0 0 23.35%}
.threecolumns {flex-wrap: wrap; --cols: 3;
  --gap: 30px;
  display: flex;
  gap: var(--gap);flex-wrap: wrap;    max-width: 1020px;
    margin: auto;   justify-content: center;}
	.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text
Specificity: (0,4,0)
 {
    align-items: center;
    justify-content: center;
    display: flex
;
}
	.reviews .threecolumns {    max-width: 945px;}
	.reviews .threecolumns .column{    min-height:320px}
.wpcf7-response-output {color:white}
.home .threecolumns  {
	max-width: 1248px;}
.home .threecolumns .column {
	max-width: 396px;}
	.home.nothome .threecolumns  {
	max-width: 1009px;}
.home.nothome.page-id-1493 .threecolumns  {
	max-width: 1248px;}
.home.nothome.page-id-1530 .threecolumns  {
	max-width: 1248px;}
	.home.nothome .threecolumns .column {
    max-width: 296px;
    flex: 0 1 29.3333%;
    min-height: 320px;
    max-height: 320px;
}
.home.nothome.page-id-1493 .threecolumns .column {
    max-width: 467px;
    flex: 1 1 29.3333%;
    min-height: 320px;
}
.home.nothome.page-id-1530 .threecolumns .column {
    max-width: 467px;
    flex: 1 1 29.3333%;
    min-height: 320px;
}1530
.home.nothome.page-id-1493 .threecolumns .column img ,.home.nothome.page-id-1530 .threecolumns .column img {height:467px}
.home .threecolumns .column {
	max-width: 467px;}
.threecolumns .column {max-width:   320px;; flex: 1 1 29.3333%;     min-height: 298px;}
.threecolumns img {max-width:100%; height:auto; width:100%;     min-height: 100%; object-fit:cover; max-height: 467px;}
.home .threecolumns img {max-width:100%; height:auto; width:100%;     min-height: 100%; object-fit:cover; height: 467px;}
.home.nothome .threecolumns img {max-width:100%; height:auto; width:100%;     min-height: 100%; object-fit:cover; max-height: 467px;}

 
.threecolumns .column a {position:absolute; bottom:20px; left:20px}
.column p:last-child{margin-bottom:0}
.home .threecolumns {flex-wrap: wrap; --cols: 3;
--gap: 30px;}
.twocolumns {flex-wrap: wrap; --cols: 2;
  --gap: 0px;
  display: flex;
  gap: var(--gap);}
  
  
  .sixcolumns {flex-wrap: wrap; --cols: 6;     max-width: 1285px; margin:auto;
  --gap: 20px;
  display: flex;
  gap: var(--gap); align-items: flex-start;
    justify-content: center;}
.sixcolumns .column {flex:1 1 15%}
.sixcolumns  a.column {width:100%; height: 0;
    padding-bottom: 18%
; position:relative; border-radius:0; border:none}

.fabrics .sixcolumns {
	    flex-wrap: wrap;
    --cols: 4;
    --gap: 32px;
    max-width: 1346px;
    margin: auto;
    display: flex
;
    gap: var(--gap);
    align-items: flex-start;
    justify-content: center;
}
.fabrics .sixcolumns  a.column {    width: 100%;   flex: 0 1 22%;
    height: 0; background-size:cover !important;
    padding-bottom: 25%;
    position: relative;
    border-radius: 0;
border: none;}
.sixcolumns  a.column button{    max-width: 84%;
    min-width: 16px; cursor:pointer;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    border: 1px solid white;
    box-sizing: border-box;
    font-weight: 100;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 14px;
        position: absolute;
    z-index: 9;
    left: 20px;
    bottom: 20px;
}

.sixcolumns  a.column.bg-beige button,
.sixcolumns  a.column.bg-cream button,
.sixcolumns  a.column.bg-grey button,
.sixcolumns  a.column.bg-pink button,
.sixcolumns  a.column.bg-white button,
.sixcolumns  a.column.bg-yellow button
 {border-color:black; color:black}
.central * {text-align:center}

section .fourcolumns .column img {width:100%; height:320px;}
section .fourcolumns .column a {position:absolute; bottom:20px; left:20px;     max-width: 87%;}
section .fourcolumns.fabricsamples .column a {bottom:0px; }


.twocolumns .column{justify-content: center;}
.twocolumns .column {
    justify-content: flex-start;
}
.twocolumns .column.hasimage p {  display: flex;
  justify-content: center;
  height: 100%;}
.columntop .twocolumns .column.hasimage p {   display: flex;
  justify-content: center;
  height: 100%; /*max-height:500px */}
.twocolumns .column.hasiframe p {margin-bottom:-6px;   display: flex;
  justify-content: center;
  height: 100%; /*max-height:500px */}
.twocolumns .column.hasimage p a {margin-top:60px; margin-bottom:60px}


	
header {position:relative; top:0; left:0; width:100%; background:#fff; height:70px; overflow:visible}
header .inner {overflow:visible; padding-top:0px}
.logo {float:left; margin-top:20px; width:16%}
.logo img {width:100%; height:auto}
    header {
        height: 60px; padding-top:10px; padding-bottom:10px
    }
header {background:white;padding-top:20px; padding-bottom:20px}
section {padding-top:60px; padding-bottom:60px; background:#f6f4ee}

section.bg-brown	{background:#95837f; padding:30px}
section.bg-brown strong { font-size:46px; font-weight:100}
section.bg-brown * {color:white}
section.services {background:#CBC5B1 }
section.services * {color:#000000; text-align:center}
section.services .column p {font-size:15px}
section.services .column h5 {font-size:17px}


section.services .column p:nth-child(2) {font-size:21px}
section.services .column img {width:70px; height:auto; object-fit:contain}
section.columns.services .column p {margin-bottom:10px;     font-weight: 300 !important;}

section.services .column {padding: 0 15px; height:auto}

section.columns {padding:0}
section.columns.services {padding:15px 60px}
section.columns.reviews {padding:60px}
section.columns .inner{padding:0}
.hasnoimage {padding:100px}
section.columns .column h2 {font-size:36px}
.home section.columns .column h2 {font-size:18px}
.woocommerce h1 {font-size:36px; text-transform:uppercase; font-weight:200}

section.columns .column h1 strong{font-size:36px; text-transform:uppercase; font-weight:200}
section.columns .column h2 strong{font-size:36px; text-transform:uppercase; font-weight:200}
section.columns .column h3 strong{font-size:36px; text-transform:uppercase; font-weight:200}
section.columns .column h3.title strong{font-size:26px; text-transform:uppercase; font-weight:200}
section.columns .column h2.title strong{font-size:26px; text-transform:uppercase; font-weight:200}
section.columns .column h4 strong{font-size:36px; text-transform:uppercase; font-weight:200}
section.columns .column h5 strong{font-size:36px; text-transform:uppercase; font-weight:200}
section.columns .column h6 strong{font-size:36px; text-transform:uppercase; font-weight:200}
section.columns .column h1 strong{font-size:36px; text-transform:uppercase;font-weight: 200;}
section.columns .column h1 strong{font-size:36px; text-transform:uppercase;font-weight: 200;}
section.content-pull-in  h1 strong{font-size:36px; text-transform:uppercase;font-weight: 200;}
section.content-pull-in  h2 strong{font-size:36px; text-transform:uppercase;font-weight: 200;}
section.content-pull-in  h3 strong{font-size:36px; text-transform:uppercase;font-weight: 200;}
section.hero  h3 {text-transform:uppercase;font-weight: 200; color:white}
section.hero  h2 { text-transform:uppercase;font-weight: 200; color:white}
section.hero  h1 { text-transform:uppercase;font-weight: 200; color:white}


section.columns .column p {font-size:16px}
section.columns .column p {font-size:16px}



p {font-size:16px}

section.hero {padding:0; background:#fff; background-size:cover; background-position:center; overflow:hidden}

.hero p {color:white; font-size:18px; font-weight:100; margin-bottom:10px; line-height:1.2}
.hero h1, .hero strong {color:white; font-size:52px; font-weight:100; margin-bottom:25px; line-height:1.2}

.hero a {float:right;padding:15px 20px ; margin-top:10px; text-transform:uppercase; text-align:center; color:white; border:1px solid white; box-sizing:border-box; font-weight:100; padding:15px; border-radius:30px; font-size:14px}
.hero .inner {position:absolute; bottom:40px; left:0; right:0}
section p a {color:#000000}

iframe {border-radius:50%; width:48vw; height:48vw}


.content-pull-in .inner p strong{text-align:center; font-size:36px; font-weight:200}

.content-pull-in .columns {margin-top:40px}
.bg-white {background:#f6f4ee}


footer {padding:0; background:#232323}
footer .inner {padding:10px 60px; max-width:none}
footer .inner:nth-child(2) {padding: 0 60px; max-width:none}
footer .inner:nth-child(1) {padding-top:60px}
footer .inner:nth-child(3) {padding-bottom:60px}

footer *, footer p a {color:white; font-size:16px; text-align:left; font-weight:100}
footer p  {color:white; font-size:16px; text-align:left}
footer p:nth-child(1)	{    text-transform: uppercase;}
footer .column:last-child p:nth-child(1), footer .twocolumns p	{    text-transform: none;}
footer p img {margin:10px; display:inline-block}
footer .column:last-child p {text-align:right}
footer .column:last-child p:nth-child(1),footer .column:last-child p:nth-child(1) a {font-size:21px}
footer .inner:nth-child(1) .column{width:20%; flex: 0 0 18%;}
footer .inner:nth-child(1) .column:nth-child(4){flex: 1 1 37%;}
footer .inner:nth-child(2)  a {margin:10px; display:inline-block}
footer .inner:nth-child(3) p,footer .inner:nth-child(3) ,footer .inner:nth-child(3) a,footer .inner:nth-child(3)  .column:last-child p:nth-child(1) a {font-size:13px}

.socials li {display:inline-block;     float: right; margin-top:30px}
.socials li svg {width: 40px;
    height: 40px;}
.socials li a {    background: white;
    padding: 0px;
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 15px;}

.hero {min-height:100vh; background-size:cover;    display:block !important; overflow:hidden}
.hero .hero:before,.content-pull-in  .column:before,.morefabrics .morefabrics .column:before,.fabrics .sixcolumns  a.column:before
 {content:''; width:100%; height:107%; background:rgba(0,0,0,.3); position:absolute; pointer-events:none; top:0; right:0; left:0;    bottom: 0;}
.hero .hero,.content-pull-in  .column,.morefabrics .morefabrics .column,.fabrics .sixcolumns  a.column {overflow:hidden}
.reviews h2 {text-align:center}
.reviews img {width:100%; height:auto}

.reviews .content {transition:all 1s ease; background:black; 
padding: 60px 30px; position:absolute; top:0; left:0; width:100%; height:100%; display:block; opacity:0; box-sizing:border-box}
.reviews .column:hover .content {opacity:1}
.reviews .column {margin-bottom:20px}
.reviews .content p {color:white}
.reviews .content h3 {color:white}
.listimages h2 {text-align:center}
.listimages {padding-top:40px}
.gallerys {
    min-height: 360px;
    padding-top: 50px;
}.content-pull-in .content {transition:all 1s ease; background:#232323; 
padding: 60px 30px; position:absolute; top:0; left:0; width:100%; height:100%; display:block; opacity:0; box-sizing:border-box}
.content-pull-in .column:hover .content {opacity:1}
.content-pull-in .column {margin-bottom:0px}
.content-pull-in .content p {color:white}
.col-md-6 {padding:0 !important}
.twocolumns  section {padding:0 !important}
section.columns.morefabrics   {padding:60px;padding-top:60px; padding-bottom:60px}
section.morefabrics h2 {text-align:center}
section.morefabrics p {text-align:center}


section.morefabrics.columns a {
    border-radius: 0;    background-size: cover;
    height: 360px;
    border: none;
    color: black;
}
section.morefabrics.columns a button {
    min-width: 16px;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    border: 1px solid white;
    box-sizing: border-box;
    font-weight: 100;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 14px;
    position: relative;
    z-index: 9; cursor:pointer;     position: absolute;
    left: 20px;
    bottom: 20px;
}
.featuredfabrics {padding:40px; text-align:center}
.featuredfabrics img{
    max-width: 144px;
    max-height: 125px;
}
section .fourcolumns.fabricsamples .column img
 {max-height:none; height:auto}
.featuredfabrics h3 {text-transform:uppercase}
.featuredfabrics a.column {border: none;
    border-radius: none;
    padding: 0;
    background: transparent !important;
    width: 24%;
    padding-bottom: 32%;
    height: 0;
    min-height: 10px;
    flex: 0 1 23.3333%;
    margin: 0;}

.featuredfabrics  .threecolumns {
--gap: 10px;
    max-width: 540px;
    --cols: 4;}

.fabrics p {overflow:hidden}
.fabrics .left {font-weight:bold; float:left; width:25%}
.fabrics .right {float:right; width:70%}
.outer {overflow:hidden; margin-bottom:20px}
hr {    display: block;
    border-bottom: 1px solid black;
    height: 0px;
    width: 100%;
    margin-bottom: 21px;}


.fabrics img {
    height: auto;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fabricsamples.fourcolumns    .column {
    flex: 0 1 22%;height: auto;
    --gap: 10px;
}


.page-id-9055 section.columns.bg-black .column:nth-child(1){background:#95837f; padding: 100px;}
.page-id-9055 section.columns.bg-black .column:nth-child(1) h1 {color:white}
.page-id-9055 section.columns.bg-black .column:nth-child(1) h3 {color:white; margin-top:20px; margin-bottom:0}
.page-id-9055 section.columns.bg-black .column:nth-child(1) p {display:block}

.raq  {
    background: #232323;
    padding: 40px;
}
.page-id-9055 section.columns.bg-black .column:nth-child(1)  h2 {
    color: white;
}
.page-id-9055 section.columns.bg-black .column:nth-child(1) p {
    color: white;     margin-bottom: 0px; font-size:13px
}
.wpcf7 label {position:relative}
.wpcf7-not-valid-tip {
  
    position: absolute;
    top: 4px;
    right: 5px;
}
	.mb {margin-bottom:10px}
	.mt {margin-top:10px}
	.mts {margin-top:5px}
.page-id-9055 section.columns.bg-black .column:nth-child(1) br {display:none}
.page-id-8566 section.columns.bg-black .column:nth-child(1) br {display:none}
.page-id-8569 section.columns.bg-black .column:nth-child(1) p {margin-bottom:5px}
.page-id-8572 section.columns.bg-black .column:nth-child(1) br {display:none}
.page-id-8572 section.columns.bg-black .column:nth-child(1) p {margin-bottom:5px}

#curtainoptionss {display:none}
#blindoptionsss {display:none}
#rolleroptionss {display:none}
#currentpage,#referpage {display:none}



.page-id-1493 section.columns.bg-black .column:nth-child(1){background:#95837f; padding: 100px;}
.page-id-1493 section.columns.bg-black .column:nth-child(1) h2 {color:white}
.page-id-1493 section.columns.bg-black .column:nth-child(1) p {display:block}
.page-id-1493 .wpcf7 input.wpcf7-submit {
	background: #95837f;}
.wpcf7  label {
    font-size: 18px;
    font-weight: 500; display:block; margin-bottom:6px
}

.wpcf7 label {color:white; font-size:18px; font-weight:200}
.wpcf7 input, .wpcf7  textarea, .wpcf7  select {display:block; width:100%; padding:8px;     border: none;
    box-sizing: border-box; margin-top:5px}
.wpcf7  textarea {height:200px}
.wpcf7 input.wpcf7-submit {
    background: #95837f;
    color: #fff;
    border-radius: 30px;
    padding: 10px 54px;
    font-family: 'Libre Franklin', sans-serif !important;
    display: inline-block;
    font-size: 17px;
    font-weight: 100;
    text-align: center;
    box-sizing: border-box;
    height: 50px;
    line-height: 30px; width:auto; cursor:pointer; border:1px solid white; border-radius:40px
}
.popmake .wpcf7 input.wpcf7-submit{
background:#cc7722}
.popmake  .wpcf7-response-output {
    color: black;
}
.wpcf7-submit:hover {
    background: #ae9a64;
color: #fff;}

.bg-black {padding-top:40px}
.bg-black {padding-bottom:40px}
.bg-black h2 {margin-bottom:0}
.page-id-107 section:nth-child(8){padding-bottom:0}
.page-id-107 section:nth-child(9){padding-top:0}

.listimages p img {
    float: left;
    margin-right: 10px;
    margin-top: -8px;    margin-bottom: 10px;
}



#mainnav-menu {    float: right;
    width: 80%;
    margin-top: 0px; text-align:right}	
#mainnav-menu li {
    display: inline-block; position:relative
   
}
#mainnav-menu li a {
    display: inline-block;
    margin-left: 30px; 
  
    color:#100; font-size:14px; font-weight:100;     padding-bottom: 50px;
}
.menu-item-has-children a:after{content: "\203A";
    display: inline-block;
    margin-left: 9px;
    transform: rotate(90deg);
    font-size: 31px;
    vertical-align: sub; }
.menu-item-has-children li a:after {display:none}
#mainnav-menu  li a {text-transform:uppercase}

#mainnav-menu li li a {text-transform:uppercase}
#mainnav-menu li li:nth-child(1) a {text-transform:none; font-size: 42px;}
#mainnav-menu li a:hover, #mainnav-menu li.current-menu-items a {
    color:#cc7722;
}
#mainnav-menu li.current-menu-items li a {color: #cc7722;}
#mainnav-menu li:last-child a {
   
  
    color:#fff; background:#cc7722; border-radius:30px; padding:12px 20px; width:180px; box-sizing:border-box; font-weight:bold; text-align:center
}
#mainnav-menu li li:last-child a {
text-align:left}
#mainnav-menu li li a:before {
 
    padding-bottom: 105% !important;
}
#mainnav-menu li:last-child a:hover {
   
  
    color:#cc7722; background:#fff; 
}
#mainnav-menu li ul {
    display: none;
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    background: #f6f4ee;
    padding: 10px;
    z-index: 999;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 60px;
}
#menu-item-7998 {margin-bottom:20px}

#mainnav-menu li ul li {width:17%; float:left; margin-left:1%}
#mainnav-menu li ul #menu-item-7998 li {margin-left:0}
#mainnav-menu li ul li:nth-child(1) {width:28%; float:left; margin-left:0; padding-top:30px}
#mainnav-menu li ul li li:nth-child(1) {width:100%; float:none; margin-left:0}
#mainnav-menu li ul li ul {    position: relative;
    padding: 0;
    top: 20px;    display: block;
}
#mainnav-menu li ul ul li {width:100%; float:none}

#mainnav-menu li ul ul li:last-child a {
    width:auto; text-align:left; font-weight:100
}

#mainnav-menu li ul li {display:block; text-align:left}
#mainnav-menu li ul li a {margin-left:0; padding-bottom:0; text-align:left}
#mainnav-menu li li a:hover, #mainnav-menu li li.current-menu-items a {
    color:#7ec16d; 
}
#mainnav-menu li ul li:last-child a {
       width: 100%;
    font-weight: 100;
  
    color:#000000; background:none; border-radius:0; padding:0
}
#mainnav-menu li:hover uls, #mainnav-menu li ul.opennav {display:block}
#mainnav-menu li ul li a:hover,#mainnav-menu li ul li:last-child a:hover {color:#000000; background:none}
#mainnav-menu li ul li a {width:100%; float:none; margin-left:0; display: block;}


#menu-item-7997 a:before{margin-bottom:10px;content:''; display:block; height: 0;
    padding-bottom: 100%; background-size:cover; background-position:center; background-image:url(
/wp-content/uploads/2025/09/home-made-to-measure-curtains2.jpg)}
#menu-item-7987 a:before{margin-bottom:10px;content:''; display:block; height: 0;
    padding-bottom: 100%; background-size:cover; background-position:center; background-image:url(
/wp-content/uploads/2025/09/home-bespoke-blinds2.jpg)}
#menu-item-7986 a:before{margin-bottom:10px;content:''; display:block; width:100%; height: 0;
    padding-bottom: 100%;background-size:cover; background-position:center; background-image:url(
/wp-content/uploads/2025/09/motorisation2-400x400.jpg)}
#menu-item-7988 a:before{margin-bottom:10px;content:''; display:block; width:100%;height: 0;
    padding-bottom: 100%; background-size:cover; background-position:center; background-image:url(
/wp-content/uploads/2025/07/home-fabric-range.jpg)}

#menu-item-7904 a:before{margin-bottom:0px;content:''; display:inline-block; width:20px; height:20px; background-size:contain;
 background-position:center; background-image:url(/wp-content/themes/PretAVivre/svg/cart.svg)}
#menu-item-7974 a:before{margin-bottom:0px;content:''; display:inline-block; width:20px; height:20px; background-size:contain;
 background-position:center; background-image:url(/wp-content/themes/PretAVivre/svg/search.svg)}
.scrolled #menu-item-7904 a:before { background-image:url(/wp-content/uploads/2025/08/fabric-icon-dark-grey.svg)}
.scrolled #menu-item-7974 a:before { background-image:url(/wp-content/uploads/2025/08/search-icon-dark-grey.svg)}
#mainnav-menu li#menu-item-7904 a{font-size:0}
#mainnav-menu li#menu-item-7904 a span {font-size:14px; display: inline-block; line-height: 20px;
    vertical-align: text-bottom; padding-left:5px}
#mainnav-menu li#menu-item-7974 a{font-size:0}


.btn a, section a.btn, h2 a,h1 a, 
section.hero p a, .columns a  {
   
   min-width: 16px;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    border: 1px solid white;
    box-sizing: border-box;
    font-weight: 100;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 13px; position:relative; z-index:9
}
.columns a {margin-top:20px; display:inline-block;     margin-bottom: 20px;}
.column p:last-child a {margin-bottom:0}
.btn a:hover,section.hero p a:hover,section a.btn:hover, .columns a:hover {background:#fff;; color:#000;}
   .columns a {border-color:black; color:black}
.columns a.no-btn {
    min-width: auto !important;
    margin-top: 0 !important;
    text-align: center;
    color: #000;
    border: none !important;
    box-sizing: border-box;
    font-weight: 100;
    padding: 0 !important;
    border-radius: none !important;
    font-size: 13px;
    position: relative;
    z-index: 9;
	color: #000 !important;
	margin-bottom: 0 !important;
}
   .columns a:hover {background:black; color:white;}
.columns a.no-btn:hover { background: none !important; color: #000 !important; text-decoration:underline;}
.columns .hasicons a img {width:30px; height:auto; margin-right:5px}
.columns .hasicons a {border:none; padding:0; font-size:26px; text-decoration:none; text-transform:none}
.columns .hasicons a:hover {background:none; text-decoration:underline; color:black}
   
h2,h1 {font-size:32px; margin-bottom:20px; color:#000000; margin-top:0px}



h3 {font-size:27px;margin-bottom:20px; color:#000000}
h4 {font-size:22px; margin-bottom:20px; color:#000000}
h5 {font-size:20px; margin-bottom:20px; color:#000000}
h6 {font-size:20px; margin-bottom:20px; color:#000000}
p {font-size:18px; margin-bottom:20px; color:#000000; font-weight: 200;}
p strong {color:#000000}
section ul  {font-size:18px; margin-bottom:20px; color:#000000; list-style:disc; margin-left:25px; margin-top:0px}
section ol  {font-size:18px; margin-bottom:20px; color:#000000; list-style:decimal; margin-left:25px}




iframe {border-radius: 0 !important;
    height: 100%;
    width: 100%;
    display: flex
;}
.slick-next:before, .slick-prev:before {
    
color: #000;}
.slick-list {
   
    padding: 40px;
}
.wc-block-components-sale-badge, .wc-block-components-product-metadata__description {display:none !important}
.newsletter.btn.button.pum-trigger {
    display: inline-block;
    margin-bottom: 0 !important;
}
.banner   h3 {text-transform:uppercase}
.reviews  .testimonialss {background:#ddcdb3; }
.review {backgrounds:#ddcdb3; margin-bottom:20px; text-align:center; padding:10px; color:white; padding-top:15px; border:3px solid #cc7722; box-sizing:border-box}
.review p,.review p strong {color:#000000; max-width:80%; padding-left:10%;padding-right: 10%;}
.wp-block-woocommerce-cart-order-summary-block,.wp-block-woocommerce-checkout-order-summary-coupon-form-block {display:none !important}




/* FROM CUSTOMISE */

.column.hasimage img {
    
    object-fit: cover;
}
.content-pull-in .content p:nth-child(2),.content-pull-in .content p:nth-child(3) {
    font-size:15px
}
h2 b {font-weight:100 !important}
section.columns.services .column p, footer li a {
    font-size: 13px;
}
p, p b, p strong {font-weight:100 !important} 
p.navtext  {
    color: white;
    font-size: 14px;
    text-align: right; text-transform:uppercase; font-weight:100 !important
}
p.navtext a {font-weight:100 !important
}
#headersearch {
    width: auto;
    position: absolute;
        right: 267px;
    top: 71px;height:0; display:none
}
#headersearch .search-form {
    margin-bottom: 0;
    margin-top: 0;
}
#headersearch input {
    background: #f6f4ee; cursor:pointer;    border: 1px solid black;
}
.scrolled #headersearch input {background:transparent}

#headersearch input.search-submit{ background: #f6f4ee; font-size:12px} 
.scrolled #headersearch input.search-submit{ background: transparent} 
#headersearch .search-submit {border-radius:30px; padding:5px 15px; background-color:transparent}
.scrolled #headersearch .search-submit {border-radius:30px; padding:5px 15px; background-color:transparent}
.newsletter.btn.button.pum-trigger {display:inline-block}
.pum-content label {color:black !important}
.pum-content div {display:block}
.pum-content input[type="text"],.pum-content input[type="email"] {color:black !important; border:1px solid black}
.columns .hasicons a.tool {background:#95837f !important; position:absolute; bottom:0; left:0; right:0; top:50%; display:block; width:100%; height:100%; object-fit:cover; border-radius:0; padding:60px; text-align:left; color:white; font-size:48px; text-decoration:none !important; padding-top:100px}
.columns .hasicons a.tool button {color:white; font-weight:normal; display:inline-block; margin-top:40px; border:1px solid white; border-radius: 30px;
font-family: 'Libre Franklin', sans-serif !important;
    display: inline-block;
    font-size: 17px;    padding: 10px 44px;
    font-weight: 100;
    text-align: center;
    box-sizing: border-box;
    height: 50px;
    line-height: 30px;
    width: auto;
    cursor: pointer;
    border: 1px solid white;
    border-radius: 40px; display:block}
.columns .hasicons .tool img{display:block; width:auto; height:auto; object-fit:cover; float:right;     margin: 0; margin-top:0px;  margin-left:50px  }
.grecaptcha-badge {display:none !important}
.search-results #introtext {padding-bottom:0}
.search-form {margin-bottom:20px; margin-top:40px}
.search-field {width:300px; padding:3px}
.search-submit {padding:5px}}
.col-md-6 {padding:0 !important}
section.columns .column h2.title {
    font-size: 24px;
}
section .blogposts .fourcolumns .column a {
    position: static;
    bottom: 0px;
    left: 20px;
}
section .blogposts .fourcolumns .column a img {width:100%; height:250px; object-fit:cover}
section .blogposts .fourcolumns .column h3 {
	font-size: 18px;
    margin-top: 10px;}
section .blogposts .fourcolumns .column p {
	font-size: 16px;}
section .blogposts .fourcolumns .column {padding-bottom:20px;     height: auto;}
.blog #content {padding-top:0}
section .blogposts .fourcolumns .column a.button {color:black; border-color:black}

.gallery-columns-4 .gallery-item {width:24%; padding:0.5%; display:inline-block}

.gallery-columns-5 .gallery-item {width:19%; padding:0.5%; display:inline-block}
.gallery-columns-5 .gallery-item img {    width: 100%;
    padding-bottom: 0;
    height: auto; padding:10px; box-sizing:border-box}

.gallery-columns-6 .gallery-item {width:15%; padding:0.5%; display:inline-block}
.gallery-columns-6 .gallery-item img {    width: 100%;
    padding-bottom: 0;
    height: auto; padding:10px; box-sizing:border-box}

.gallery-columns-4 .gallery-item {width:24%; padding:0.5%; display:inline-block}
.gallery-columns-4 .gallery-item img {    width: 100%;
    padding-bottom: 0;
    height: auto; padding:10px; box-sizing:border-box}

.gallery-columns-3 .gallery-item {width:32%; padding:0.5%; display:inline-block}
.gallery-columns-3 .gallery-item img {    width: 100%;
    padding-bottom: 0;
    height: auto; padding:10px; box-sizing:border-box}



.gallery-columns-2 .gallery-item {width:49%; padding:0.5%; display:inline-block}
.gallery-columns-2 .gallery-item img {    width: 100%;
    padding-bottom: 0;
    height: auto; padding:10px; box-sizing:border-box}

.fabrictypes.columns a {
   
    border: none;
   
    padding: 0;
    border-radius: 0;
  
}
.twocolumns .column.listimages {
    justify-content: unset;
}
.fabrictypes.columns a img {display:block}
.fabrictypes.columns a button {position:absolute; left:20px;  cursor:pointer;bottom:20px;  min-width: 166px;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    border: 1px solid white;
    box-sizing: border-box;
    font-weight: 100;
    padding: 15px 50px;
    border-radius: 30px;
    font-size: 12px;
   
    z-index: 9;}
#mainnav-menu li a {
	margin-left: 48px;}

.content-pull-in .twocolumns {
    flex-wrap: wrap;
    --cols: 3;
    --gap: 47px;
    display: flex
;
    gap: var(--gap);
    flex-wrap: wrap;
    justify-content: center;
}

.content-pull-in .twocolumns .column a {
    position: absolute;
    bottom: 0px;
    left: 20px;
}
.content-pull-in .twocolumns .column {
    max-width: 32%;
    flex: 1 1 29.3333%;
}
.content-pull-in .twocolumns .column img {width:100%; height:100%; min-height:100%; object-fit:cover}
.hero.smaller {background:#f6f4ee;     min-height: 0px;}
.hero.smaller .inner {
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
}
.hero.smaller h1 {
    color: black;
    margin-bottom: 0;
    margin-top: 70px; text-align:center
}
.woocommerce #content {padding-top:0}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #000; display:none !important
}
.added_to_cart  {display:none !important}
.woocommerce ul.products li.product .button {display:none}
.woocommerce ul.products li.product .button.wp-element-button, .added_to_cart  ,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button__text, section .fourcolumns .column a.wp-element-button{display:block; 
    min-width: 166px;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    border: 1px solid white;
    box-sizing: border-box;
    font-weight: 100;
    padding: 15px 20px;
    border-radius: 30px;
    font-size: 14px;
    position: relative;
    z-index: 9; border:1px solid black; color:black; background:transparent;     left: 0;}
section .fourcolumns.fabricsamples .column img {
	margin-bottom: 10px;}
.woocommerce ul.products li.product .button.wp-element-button:hover, .added_to_cart:hover,.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button__text:hover , section .fourcolumns .column a.wp-element-button:hover{background:black; color:white}



#menu-item-8596 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/in-home-measuring1-400x400.jpg);
}

#menu-item-8595 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/home-consultation2-400x400.jpg);
}

#menu-item-8594 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/showroom-consultation2-400x400.jpg);
}

#menu-item-8441 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/07/pret-about-hero1-400x400.jpg);
}
#menu-item-8437 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/08/contemporary-apartments-400x400.jpg);
}
#menu-item-8337 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/08/challenging-windows-400x400.jpg);
}
#menu-item-8375 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/london-look2-400x400.jpg);
}
#menu-item-8993 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/10/dressing-bay-windows-400x400.jpg);
}
#menu-item-8786 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/bay-windows-curtains2-400x400.jpg);
}
#menu-item-8787 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/10/Main-picture-400x400.jpg);
}
#menu-item-8339 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/Banner-1-400x400.jpg);
}
#menu-item-8340 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/10/Banner-400x400.jpg);
}
#menu-item-8341 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/10/Banner-1-400x400.jpg);
}
#menu-item-8342 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/08/sue-jenny-and-michele.jpg);
}#menu-item-8343 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/process-nav-400x400.jpg);
}
#menu-item-8714 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/09/pret-about-hero2-400x400.jpg);
}
#menu-item-8344 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
   height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/07/why-choose-roller-blinds-400x400.jpg);
}
#menu-item-8345 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/07/home-made-to-measure-curtains-400x400.jpg);
}
#menu-item-8346 a:before {
    margin-bottom: 10px;
    content: '';
    display: block;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-image: url(/wp-content/uploads/2025/07/home-made-to-measure-curtains-400x400.jpg);
}

.slick-prev:before {
  content:"\2039" !important; font-family:Arial !important; background:white;width:45px; height:45px; border-radius:50%; display:block
}

.slick-next:before {
  content:"\203A" !important; font-family:Arial !important; background:white;width:45px; height:45px; border-radius:50%; display:block
}

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

#mainnav-menu li a {
    margin-left: 16px;
}
}
@media only screen and (max-width:1340px) {

#mainnav-menu li a {
    margin-left: 16px;
}
}
.darklogo {display:none}
.scrolled .lightlogo {display:none}
.scrolled .darklogo {
    display: inline-block;
    margin-top: 10px;
}
.scrolled .icon .darklogo {
    display: inline-block;
    margin-top: 0;
}

.page-id-7978 .slick-next, .page-id-7978 .slick-prev {
   
    top: 29%;
}
@media only screen and (min-width:7px) {
body {padding-top:60px}
header{position:fixed; z-index:999999999}
	
body.home {padding-top:0}
.home header {background:transparent}
.home #mainnav-menu li a {color:white}
.home #mainnav-menu li li a {color:#232323}
.scrolled header  {background:#f6f4ee}
	.scrolled header {padding-top:0; height:80px}
	.scrolled #mainnav-menu p {color:#232323; margin-top:10px; margin-bottom:10px}

.scrolled #mainnav-menu li a {color:#232323}
.scrolled #mainnav-menu li:last-child a {color:white;      }
.scrolled #mainnav-menu li li:last-child a {color:white;         width: 100%;}
.scrolled #mainnav-menu li li:last-child a {color:#232323;  font-weight:100}
.scrolled #mainnav-menu li li a,.scrolled #mainnav-menu li li a {color:#232323}
.scrolled #mainnav-menu li:last-child a:hover {color:#232323}
.home.scrolled .wp-image-72 {
    display: inline-block;
}
}
.icon {display:none}
@media only screen and (max-width: 1410px)  and (min-width: 1200px) {
.btn a, section a.btn, h2 a, h1 a, section.hero p a, .columns a,.sixcolumns a.column button {
   
    padding: 15px 10px;
    border-radius: 30px;
    font-size: 12px; min-width:100px
   
}
}
@media only screen and (max-width: 810px)  and (min-width: 600px) {
.btn a, section a.btn, h2 a, h1 a, section.hero p a, .columns a,.sixcolumns a.column button {
   
    padding: 15px 10px;
    border-radius: 30px;
    font-size: 12px; min-width:100px
   
}
}
@media only screen and (max-width: 1200px) {
	.sixcolumns {
    flex-wrap: wrap;
    --cols: 3;
    max-width: 100%;
	}
	.sixcolumns .column {
    flex: 1 1 25%;
}
	
	.icon {display:block; color:white}
.navactive 	.icon { color:black;     border: 1px solid black;     background: transparent;}

 #mainnav-menu li a {color:#232323}
 #mainnav-menu li:last-child a {color:white;      }
 #mainnav-menu li li:last-child a {color:white;         width: 100%;}
 #mainnav-menu li li:last-child a {color:#232323;  font-weight:100}
 #mainnav-menu li li a, #mainnav-menu li li a {color:#232323}
.home #mainnav-menu li a {
        color: #232323;
    }
	    #mainnav-menu li:last-child a {
        margin: auto; color:white
    }
	body #menu-item-7904 a:before {
    background-image: url(/wp-content/uploads/2025/08/fabric-icon-dark-grey.svg);
}
	body #menu-item-7974 a:before {
    background-image: url(/wp-content/uploads/2025/08/search-icon-dark-grey.svg);
}
#mainnav-menu li ul li:nth-child(1) {
		display: none;}
#mainnav-menu li li:last-child a {
        color: #232323;
        font-weight: 600;
        text-align: center;
        padding-bottom: 10px !important;
        margin-bottom: 10px;
        border-bottom: none;
    }
	    .scrolled #mainnav-menu li:last-child a {
        color: white;
        margin-left: auto;
        margin-right: auto;
    }
	
	body {padding-top:48px}
	
body.home {padding-top:0}

	.scrolled header {padding-top:0; height:60px}
	
	.fourcolumns {
   
    --cols: 2;
    --gap: 32px;
   
}
.fourcolumns .column {
   flex: 1 1 47%;
        height: auto;
}
	section .fourcolumns .column img {
    width: 100%;
    height: 100%;
}
    section.services .fourcolumns .column img {
           width: 100px;
        height: auto;
    }
	.home .threecolumns img,.threecolumns img {
   
    height: 367px;
}
footer .inner {
    padding: 10px 20px;
    max-width: none;
}
.hasnoimage {
    padding: 50px;
}
footer .inner:nth-child(1) .column {
    width: 20%;
    flex: 0 0 30%;
}
}
@media only screen and (max-width: 1200px) {
	
	.mainlogo {width:140px; 
        display: block; margin-top:5px}
	.mainlogo img {width:100%; height:auto}
	
	body.navactive #headersearch.hidemobile {
    display:none !important
}
#menu-item-7974 {display:none  !important}
body #headersearch input.search-submit {
margin-top: 5px;}
	h1,h2,h3,h4 {line-height:1.2}
#mainnav-menu p {
        display: none;
        color: #232323;
     
    }
	#mainnav-menu li:last-child a {
   
    width: auto;
    display: inline-block;
	}
	.logo {
   
    margin-top: 15px;
    width: 180px;
}
    header {
       
        height: 56px; padding-top:10px
    }
.icon {
  z-index: 999999999999999;
  position: fixed;
  background: none;
  display: block;
  padding: 6px;
        height: 30px;
        width: 28px;
        margin: 0px;
        top: 5px;
        right: 20px;
        cursor: pointer;
        display: none;
        color: #fff;
        font-size: 12px;
  display: block;

background:
transparent;

width: auto;

box-sizing: border-box;

left: auto;

top: 10px; padding-left:15px;     padding-right: 0px;border: 1px solid white;
        border-radius: 20px;
  
}

.icon span {color: #000; display:inline-block; margin-left: 33px;

float: left;

margin-top: 0px;

font-size: 17px;

margin-top:2px; }

.hamburger {

   
    
        float: right !important;
        width: 30px !important;
        margin-left: 10px;

}
.hamburger  div { width: 19px !important;}
.menui {
  background: #fff;
  transition: 0.35s linear;
  margin-top: 16px;
  position: absolute;
}
.home .menui {
  background: #fff;}
  .navactive  .menui {
  background: #000;}
.top-menu {
  top: -10px;
  width: 22px;
  height: 3px;
  border-radius: 0;
}
	.scrolled .icon {color:black; border: 1px solid black;
        border-radius: 20px;}
	
	.home.scrolled .menui,.scrolled .menui { background: #000;}
.mid-menu {
  top: -3px;
  width: 22px;
  height: 3px;
  border-radius: 0;
}
.bottom-menu {
  top:4px;
   width: 22px;
  height: 3px;
  border-radius: 0;
}
.hamburger {float:left}
.icon {display:block}

	.navactive .top-menu{    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    top: -3px;}
.navactive .bottom-menu{transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); top:-3px}
.navactive .mid-menu {display:none}	
.navactive.icon {}

 #mainnav-menu { width:100% !important; height:100vh; padding:20px; padding-bottom:5vh; background:#f6f4ee; position:fixed; top:0px; left:-9999px; right:auto; z-index: 999999  padding-top:5vh; overflow-y:scroll; box-sizing:border-box;
    top: 0 !important;
    margin: 0; margin-left:0 !important; margin-top:0 !important; float:none;}
	 nav ul {
    display: block;
    justify-content: normal; padding-top:0; z-index: 999;
}
.navactive  #mainnav-menu {left:0; z-index: 999;  padding-top: 20px;  position:relative; left:-20px; right:-20px;         width: calc(100vw + 5px) !important;        padding-bottom: 120px;}
nav li,nav li a {
      text-align: center;
    color: white;
    box-sizing: border-box;
    display: block;
    font-size: 34px;
    font-size: 4vw;
    line-height: 1.1;
    margin-top: 0px;
    width: 100%;
    clear: both;
    padding: 0px;
    margin: 0px auto;
    text-transform: none;
  background:transparent;      

}
#mainnav-menu li li a:hover, #mainnav-menu li li.current-menu-item a {
    color: #232323;
}
	nav li a {padding:5px}
nav li ul {display:block; position:static; margin:0; background:#000000}
#mainnav-menu li ul li ul {
    width: 100%;
    display: block;
    margin: 0;
    position: relative;
    padding: 0;
    top: auto;
    left: auto;
}
	#mainnav-menu li a {
    display: block;
    margin-left: 0;
    text-transform: uppercase;
    color: #000000;
    
    padding-bottom: 5px; box-sizing:border-box; line-height: 1.2; padding:2px; font-size:24px
}
#mainnav-menu li li a {font-size:18px}
	#mainnav-menu li ul li a  {padding:5px !Important}
	    #mainnav-menu li ul li {
        width: 49%;
        display: inline-block;
        margin: 0;
        float: none;
        margin-right: 0;
    }

#mainnav-menu li ul {
      
        position: static;
        top: 0;width:100%;
			padding:0}
	#mainnav-menu li ul li,#mainnav-menu li ul li a {
   
    text-align: center;
}
    .columns .hasicons a.tool {
        padding: 20px;
        font-size: 25px;
        padding-top: 20px;
    }
	    .columns .hasicons .tool img {
        margin-left: 20px;
        width: 20%;
    }
	.content-pull-in .content {
   
    padding: 20px 20px;}
	.content-pull-in .content p {
    color: white;
    font-size: 14px;
}

.featuredfabrics .threecolumns {
   
    --cols: 2;
}

	.featuredfabrics a.column {
   
    width: 30%;
    padding-bottom: 32%;
    height: 0;
    min-height: 10px;
    flex: 0 1 35.3333%;
    margin: 0;
}

.fourcolumns.slider .slick-prev {
   
    left: 10px;z-index:9999
	
}
.fourcolumns.slider .slick-next {
   
    right: 10px; left:auto; z-index:9999
	
}
.threecolumns .column {
    max-width: 480px;
    flex: 1 1 48%;
    min-height: 298px;
}
.fabrics .sixcolumns a.column {
           width: 100%;
        flex: 0 1 46%;
        padding-bottom: 40%;
    
}
.home.nothome .threecolumns .column {
    max-width: 600px;
    flex: 0 1 47.3333%;
    min-height: 320px;
}
/* END OF SECTION */
}

#headersearch {
    width: auto;
    position: absolute;
    right: 267px;
    top: 70px !important;
    height: 0;
    display: none;
}
.showmobile.tool {display:none}
@media only screen and (max-width: 767px) {
	.page-id-9055 section.columns.bg-black .column:nth-child(1),.page-id-1493 section.columns.bg-black .column:nth-child(1) {
    padding: 20px;
}
	.showmobile.tool {display:block}

	.gallery-columns-4 .gallery-item,.gallery-columns-5 .gallery-item {
    margin: 0;
    width: 50%;
    padding: 0;
    display: inline-block;
}
	.gallery-columns-4 .gallery-item img,.gallery-columns-5 .gallery-item img {
    
    padding: 2px 5px;
    box-sizing: border-box;
}
	.herothencols section:nth-child(5) .hasnoimage {order:0 !important}
	.herothencols section:nth-child(7) .hasnoimage {order:0 !important}
	.herothencols section:nth-child(9) .hasnoimage {order:0 !important}
	.testimonials .slick-list {
    padding: 0;
}
	.testimonials .slick-next,.testimonials  .slick-prev {
   
		top: -30px;}
	.slick-dots {
  
   right: 20px !important;
        bottom: auto !important;
        top: 20px !important;
  
}
#mainnav-menu li a {font-size:14px}
	p.navtext a {
   
    display: block;
    text-align: center;
}
	body.navactive #headersearch {
    width: auto;
            position: static;
        margin-top: 20px;
    right: auto;
    bottom: 99px;
    top: auto !important;
    height: 0;
    z-index: 99999999999999;
    text-align: center; display:none
}
body.navactive #headersearch.showmobile {
    display:block !important
}
#mainnav-menu li#menu-item-7904 a {
    font-size: 15px;
}
#menu-item-7904,#menu-item-7973 {margin-top:10px}
#menu-item-7904 a:before {
    margin-right: 5px;
vertical-align: sub;}
	body.navactive #headersearch.hidemobile {
    display:none !important
}
#menu-item-7974 {display:none  !important}
body #headersearch input.search-submit {
margin-top: 5px;color: #232323 !important;}
	h1,h2,h3,h4 {line-height:1}
#mainnav-menu p {
        display: none;
        color: #232323;
     
    }
	    .fourcolumns,.home .threecolumns,.sixcolumns {
      
        --gap: 0;
    }
	section.services .column:last-child, .twocolumns .column:last-child{margin-bottom:0}
#mainnav-menu li ul li {
            width: 50%;
        display: inline-block;
        margin: 0;
        float: left;
        margin-right: 0;
        clear: none;
}
    #mainnav-menu li li:last-child a {
      
        border-bottom: none;
    }
	.hasnoimage {
    padding: 20px;
}
section:nth-child(3).hero, section:nth-child(3) .hero {
    min-height: 600px;
    max-height: 600px;
		height: 100vh;}
	.hero {
    min-height: 400px;
    max-height: 400px;
		height: 100vh;}
	.inner {
 
    padding-left: 20px;
    padding-right: 20px;
}
	.inner .inner {padding:0}
	.fabrics .sixcolumns {
    flex-wrap: wrap;
    --cols: 4;
		--gap: 20px;}
	.home .threecolumns img {
    
    height: 367px;
}
	footer .inner:nth-child(1) {
    padding-top: 20px;
}
footer .inner {
    padding: 10px 20px;
    max-width: none;
}
	footer .column:last-child p {
    text-align: left;
}
	.fourcolumns .column {
    flex: 0 1 22%;
    height: auto;
}
	.socials li {
    
    float: left;
  
}
	footer .inner:nth-child(2) {
    padding: 0 20px;
    max-width: none;
}
	.content-pull-in .columns {
    margin-top: 0;
}
	.fourcolumns .column {margin-bottom:20px}
	section {
    padding-top: 20px;
		padding-bottom: 0px;}
		.finalpadding footer ,.servicingpadding .services, .home .banner {border-top:20px solid #f6f4ee}
	.columns p:last-child{margin-bottom:0}
	.reviews .column {overflow:hidden}
	.reviews .content {
   
		height: 106%;}
	footer .inner:nth-child(2) p {text-align:left !important}
	.home .threecolumns .column {
    max-width: none; margin-bottom:20px
}
	
	.hero h1, .hero strong {
  
		font-size: 30px;}
	.hero p {
  
    font-size: 16px;
   
}
	.gallery-columns-6 .gallery-item {
    width: 48%;
   
}
	.sixcolumns a.column {
    margin-bottom:20px;
		padding-bottom: 60%;}
	.home.nothome .threecolumns .column {
    max-width: none;
    flex: 0 1 29.3333%;
    min-height: 320px;
}
	.content-pull-in .column {
    margin-bottom: 20px;
}
.content-pull-in .column:last-child {
    margin-bottom: 0px;
}
	.threecolumns .column {
    max-width: none;
    flex: 1 1 29.3333%;
    min-height: 298px;
}
	.columns .hasicons a.tool {
    
    padding: 20px;
  
    font-size: 25px;
    
    padding-top: 20px;
}
	.columns .hasicons a.tool {
           display: none;
    position: static;
	}
	.columns .hasicons .tool img {
   
    margin-left: 20px;
    width: 20%;
}
	section.columns.services {
    padding:30px 20px;
}
section.services .column p {
   
    margin-bottom: 0;
}
	section .fourcolumns .column img,.threecolumns .column img {
  
    display: block;
}

	section.columns.services  .column img {
      display: inline-block;
}
	.hero .inner{padding-bottom:40px}
	.hero .inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    top: auto;
    padding-bottom: 10px !important;
    padding-top: 0;
}
	.hero a {
		position:absolute !important; bottom:0px; left:20px}
		
		    .hero a {
        position: static !important;
        float: none;
        clear: both;
        display: inline-block;
        margin-top: 20px !important;
    }
	
	iframe {border-radius:0 !important; margin-top:0px !important;   height: 400px; width: 100%;}
	

.columntwo .column:nth-last-child(2) {
   
    padding-left: 0;
}
.columntwo .column:last-child {
    box-sizing: border-box;
    padding-right: 0;
}
.columntwo .column:last-child .box {
    padding-top: 0;
}
.columnthree .column {
    flex-basis: calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1));
    max-width: 100%;
}

	.row {
    display: flex;}
	
	section .fourcolumns .column a {
    bottom: 20px;
	}
	    .column {
        display: block;
        margin-bottom: 0px;
        flex: 100% !important;
        width: 100% !important;    box-sizing: border-box;
    }
	.featuredfabrics a.column {
  
          background: transparent !important;
        width: 47% !important;
        padding: .5% !important;
        padding-bottom: 0 !important;
        height: auto;
        flex: 0 1 47.3333% !important;        max-height: 150px;
        overflow: hidden;
        border-radius: 0;
   
}
section .fourcolumns .column a.wp-element-button {
  
    padding: 15px 7px !important;

    font-size: 11px; min-width:0px;
 
}
.fabrictypes.columns a {
    margin-bottom: 0;
    margin-top: 20px;
}
section.columns.reviews {
    padding: 20px;
}
.fourcolumns.slider {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 120px;
}

    .hero.smaller {
              min-height: 50px;
        max-height: 150px;
        height: auto;
    }
	.hero.smaller h1 {
   
    margin-top: 20px;
}
    .fabrics .sixcolumns a.column {
        width: 100%;
        flex: 0 1 46%;
        padding-bottom: 80%;        margin-bottom: 0;
    }
	.featuredfabrics {
    padding: 20px;
    text-align: center;
}
	.featuredfabrics img {
    max-width: 144px;
    max-height: 100px;
}

.home.nothome .threecolumns img,section .fourcolumns .column img, .threecolumns .column img {height: 50vh;}
    .fourcolumns.slider .slick-next , .fourcolumns.slider .slick-prev{
       
        top: -33px;
    }
	
	section.columns .column h3 strong,section.columns .column h2 strong,h2, h1 {
    font-size: 28px;
    
}
.fabrics img {
   
    height: 60vh;
}
.twocolumns .column.hasimage p {
   
    height: auto;
}
.columns.morefabrics   a {
margin-top: 0px;}
	.columns.morefabrics   a:last-child {
margin-bottom: 0px;}
	#content .fabrics {padding-bottom:20px}
.fabrics   .twocolumns   .column {
        display: flex
;
        margin-bottom: 0px;
        flex: 0 0 100% !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    body {
        padding-top: 80px;
    }
	    section .fourcolumns .column a {
        bottom: 20px;        left: 20px;
    }
    .featuredfabrics img {
                max-width: none;
        max-height: none;
        width: 100%;        font-size: 13px;
        height: auto !important;
    }
	section.columns.morefabrics {
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.threecolumns {

--gap: 0;}
	.fabrics .left {
    
    width: 30%;
}
	.fabrics .right {
    
    width: 68%;
}
	 section .fourcolumns .column a.wp-element-button {margin-left:auto; margin-right:auto; width: 100%;
        padding: 10px !important;}
.fabrics   .twocolumns .featuredfabrics .column {
               display: flex
;        font-size: 13px;
        margin-bottom: 20px;
        flex: 0 0 46% !important;
        width: 46% !important;
        margin: 1%;
        box-sizing: border-box;
        text-align: center;
    }
	#mainnav-menu li li a {font-size:14px}
	.thinnerwidth.columns .inner {padding:20px}
	.thinnerwidth.columns .inner .column {padding-top:20px}
	.columns a {
    margin-top: 0;}
	.content-pull-in .inner p strong {
   
    font-size: 28px;
   
}
	.columns .hasicons a {
   
    font-size: 20px;
	}
	.columns .hasicons a img {
    width: 25px;
		vertical-align: middle;}
	.page-id-7978 .slick-next, .page-id-7978 .slick-prev {
   
    top: 29%;
}
	.gallery-columns-5 {margin-bottom:20px}
	footer p img {
    margin: 0px;
    display: inline-block;
    max-width: 161px;
}
		footer p img:nth-child(1){max-width:100%}

	.page-id-1493 section.columns.bg-black .column:nth-child(2) {
    
    padding: 20px;
}
	 a.tool {
    background: #95837f !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    padding: 60px;
    text-align: left;
    color: white;
    font-size: 48px;
    text-decoration: none !important;
    padding-top: 100px;
}
	     a.tool {
       padding: 20px;
        font-size: 25px;
        padding-top: 20px;
        position: static;
        margin: 0 !important;
    }
	a.tool button {
    color: white;
    font-weight: normal;
    display: inline-block;
    margin-top: 40px;
    border: 1px solid white;
    border-radius: 30px;
    font-family: 'Libre Franklin', sans-serif !important;
    display: inline-block;
    font-size: 17px;
    padding: 10px 44px;
    font-weight: 100;
    text-align: center;
    box-sizing: border-box;
    height: 50px;
    line-height: 30px;
    width: auto;
    cursor: pointer;
    border: 1px solid white;
    border-radius: 40px;
    display: block;
}
	.tool img {
    display: block;
    width: auto;
    height: auto;
    object-fit: cover;
    float: right;
    margin: 0;
    margin-top: 0px;
    margin-left: 50px;
		margin-left: 20px;        vertical-align: middle;
        width: 20%;
}
/* END OF SECTION */
}


/* ==========================================================================
   READY MADE ROMAN BLINDS — page-ready-made-roman-blinds.php
   ========================================================================== */

/* ── Page shell ─────────────────────────────────────────────── */
/* Hard-coded white so the dark site body never bleeds through */
#ready-made-roman-blinds {
    padding: 0 0 80px;
    background: #fff;
    color: #2f2e2f;
}
.rmrb-intro {
    max-width: 760px;
    margin-bottom: 60px;
    line-height: 1.7;
    font-size: 16px;
    color: #444;
    padding-top: 40px;
}
.rmrb-empty {
    font-size: 16px;
    line-height: 1.7;
    padding-top: 40px;
}

/* ── Brand filter nav ───────────────────────────────────────── */
.rmrb-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 50px;
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 16px 0;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.rmrb-filter-btn {
    display: inline-block;
    padding: 7px 15px;
    border: 1px solid #c8c8c8;
    color: #2f2e2f !important;
    background: #fff !important;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    white-space: nowrap;
}
.rmrb-filter-btn:hover {
    background: #cc7722 !important;
    border-color: #cc7722 !important;
    color: #fff !important;
}
.rmrb-filter-btn.is-active {
    background: #cc7722 !important;
    border-color: #cc7722 !important;
    color: #fff !important;
}

/* ── Brand section ──────────────────────────────────────────── */
.rmrb-brand {
    margin-bottom: 70px;
}
.rmrb-brand:last-child {
    margin-bottom: 0;
}

/* Dictionary-style brand header */
.rmrb-brand-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 35px;
    padding-top: 10px;
}
.rmrb-brand-header::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #ddd;
}
.rmrb-brand-name {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #2f2e2f;
    white-space: nowrap;
    clear: none;
}

/* ── Variant grid ───────────────────────────────────────────── */
.rmrb-variants-grid {
    display: grid;
    gap: 24px;
    align-items: start;
}
.rmrb-cols-1 { grid-template-columns: repeat(1, minmax(0, 420px)); }
.rmrb-cols-2 { grid-template-columns: repeat(2, 1fr); }
.rmrb-cols-3 { grid-template-columns: repeat(3, 1fr); }

/* ── Variant card ───────────────────────────────────────────── */
.rmrb-variant-card {
    background: #f9f9f9;
    border: 1px solid #ececec;
    padding: 24px;
}
.rmrb-colourway {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    color: #2f2e2f;
    clear: none;
}
.rmrb-variant-desc {
    font-size: 13px;
    line-height: 1.65;
    color: #666;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e4e4e4;
}

/* ── Blind items within a card ──────────────────────────────── */
.rmrb-blinds-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.rmrb-blind-item {
    display: flex;
    flex-direction: column;
}
.rmrb-blind-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    margin-bottom: 10px;
}
.rmrb-dims {
    font-size: 12px;
    color: #888;
    line-height: 1.5;
    margin-bottom: 10px;
    font-style: italic;
}
.rmrb-variant-card .rmrb-enquire {
    display: inline-block;
    padding: 8px 16px;
    background: transparent !important;
    color: var(--theme_colour_1, #96a582) !important;
    border: 1px solid var(--theme_colour_1, #96a582) !important;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: background 0.2s, color 0.2s;
    align-self: flex-start;
}
.rmrb-variant-card .rmrb-enquire:hover {
    background: #cc7722 !important;
    color: #fff !important;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .rmrb-cols-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .rmrb-filter {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 12px;
    }
    .rmrb-filter::-webkit-scrollbar { display: none; }
    .rmrb-cols-2,
    .rmrb-cols-3 { grid-template-columns: 1fr; }
    .rmrb-variant-card { padding: 16px; }
    .rmrb-blind-item img { height: 200px; }
    .rmrb-brand-name { font-size: 17px; letter-spacing: 4px; }
}

/* END READY MADE ROMAN BLINDS
   ========================================================================== */