/*
CAT STUFF START
*/
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800&display=swap');
body{
--theme: "dark";
--theme-background-color: #050505;
--theme-background-color-filled: #2e332f;
--theme-span-text-green: #34A853;
--theme-text-color: var(--bd-sys-color-onBackground, #3C4043);
--theme-link-color: #8AB4F8;
--theme-altlink-color : #F8CE8A;
--theme-link-hover-background: linear-gradient( 0deg, rgb(255 255 255 / 4%), rgb(255 255 255 / 4%) ), #423f3f;
--theme-link-focus-hover-background: linear-gradient( 0deg, rgb(255 255 255 / 4%), rgb(255 255 255 / 4%) ), #423f3f;
--theme: "Blue";
--theme-background-blue1: #150734;
--theme-background-blue2: #0f2557;
--theme-background-blue3: #28559A;
--theme-background-blue4: #3778c2;
--theme-background-blue5: #4b9fe1;
--theme-background-blue6: #63bce5;
--theme-background-blue7: #7ed5ea;
--theme-text-color-white: #FFFFFFCC;
--theme-text-color-grey: #00000080;
--theme: "Redpop";
--theme-background-red: #C60021;
--theme-background-redish: #C6002155;
--theme-background-grey1: #EAEAEEAA;
--theme-background-grey2: #F6F6F8;
--theme-background-grey3: #6e6e73;
--theme: "Catalogue";
--cat-steel: #ef9300;
--cat-wrought: #e11d1e;
--cat-gate: #df038c;
--cat-sliding: #9b9da0;
--cat-automation:#b51d2a;
--cat-mesh: #323892;
--cat-decking: #4c75b8;
--cat-flooring: #e8581d;
--cat-handrail: #92c633;
--cat-fencing: #8a268e;
--cat-fixings: #47b671;
--cat-more:#002125;
--cat-landscaping:#6F5241;
--cat-grp:#24abe2;
--apple-blue : #027fff;
--apple-red : #ef3152;
--fhb-blue : #154881;
--violet: #8876fe;
--plum: #8d1287;
--indigo: #622aff;
--azure: #027fff;
--tomato: #f63e54;
--persimmon: #e94b1b;
--pumpkin: #e2620c;
--orange: #e66702;
--green: #0c9d46;
--sea-green: #099b9d;
--teal: #049cb7;
--aqua: #039e8f;
--sapphire: #3d44c3;
--ultramarine: #0d1387;
--magenta: #dd04d1;
--tangelo: #ff3e17;
--cobalt: #5451fb;
font-family: 'Inter', sans-serif;
--shadow1 :rgba(0, 0, 0, 0.23) 0px 6px 6px;
--shadow2 : rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
--shadowblue : rgba(134, 134, 206, 0.25) 0px 30px 60px -12px, rgba(12, 20, 61, 0.3) 0px 18px 36px -18px;
--appleshadow : box-shadow: 2px 4px 12px #00000014;
--lcblue:#35a79d;
--lcblue2:#35a79d66;
--lcgrey:#818286;
--lcgrey2:#81828699;
}
.menuitem:nth-child(1){background:var(--cat-steel)}
.menuitem:nth-child(2){background:var(--cat-mesh)}
.menuitem:nth-child(3){background:var(--cat-fencing)}
.menuitem:nth-child(4){background:var(--cat-handrail)}
.menuitem:nth-child(5){background:var(--cat-flooring)}
.menuitem:nth-child(6){background:var(--cat-wrought)}
.menuitem:nth-child(7){background:var(--cat-gate)}
.menuitem:nth-child(8){background:var(--cat-automation)}
.menuitem:nth-child(9){background:var(--cat-sliding)}
.menuitem:nth-child(10){background:var(--cat-fixings)}
.trust_container{
margin:20px;
margin-top:40px;
}
.content_editable{
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
font-size:1.2em;
}
#content h1 {
color:#000;
text-align: center;
text-shadow: rgba(81, 67, 21, 0.15) 0px 11px 10px;
}
/*#page p {
margin: 6px 0 20px 0;
}*/
p {
font-size: 14px!important;
color: #111!important;
font-weight: 500;
text-align: left;
}
/*
.page_order_confirmation #PMMessages{
display: none!important;
}*/
/*
li {
width: 100%!important;
list-style: inside;
font-size: 16px;
font-weight: 500;
color: #222;
}
*/
.footer_menu{
align-items: center;
text-align: center;
font-size:18px;
padding-bottom: 20px;
font-weight:600;
}
.footer_menu>a{
color:#424245;
padding-left: 20px;
padding-right: 20px;
border-right: 1px solid #86868b;
margin-right: 7px;
display: inline-block;
margin-top: 5px;
}
.footer_menu>a:last-child {
border: none;
}
.ReactModalPortal>div{
z-index: 99999;
}
.footer_menu>a:hover{
text-decoration: underline;
color:#424245;
}
.print_button_container{
text-align: end;
font-size: 25px;
}
.print_button_container>a{
cursor: pointer;
}
.astable ul {
padding-left: 20px;
font-size: 16px;
font-weight: 500;
color: #111;
}
.astable li {
/*width:100%!important;*/
}
div.sidebar > div.filter_block{
/*position: sticky;
top: 150px;*/
}
p a {
color: #000000;
text-decoration: none;
font-weight: 700;
}
hr{
background-color: lightgrey;
height:1px;
}
.video_title{
font-size:5em;
font-weight:700;
display:flex;
justify-content: center;
padding-bottom:40px;
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
white-space: pre-line;
}
.video_main
{
display:none;
border:00px solid #f5f5f7;
margin-bottom: 50px;
background: #000;
width: 100%;
justify-content: center;
display: flex;
box-shadow: 0 7px 7px 0px rgb(0 0 0 / 17%);
}
.video_bookmarks{
display:none;
border-bottom:3px solid #dadada;
padding-bottom:10px;
margin-bottom:200px;
}
.video_bookmarks button{
border: none;
padding: 30px!important;
margin: 4px;
cursor: pointer;
background: #fff;
border-radius: 5px;
font-family: 'Inter', sans-serif;
font-weight:600;
letter-spacing: -0.03em;
font-size:1.5em;
color:#555;
}
.level1 >center>a {
font-size:18px;
padding-top: 10px;
padding-bottom: 10px!important;
text-transform: capitalize!important;
color:#666;
}
.search-wrapper{
font-family: 'Inter', sans-serif;
font-weight:600;
letter-spacing: -0.03em;
}
.content_tiles{
display:none!important;
}
.slide_dots{
visibility: hidden;
color:#fff;}
.fhb_nav_menu{
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
border-bottom: 1px solid #dadada;
font-weight:500;
}
.poa_basket{
visibility: hidden;
}
.price_0{
visibility: hidden;
}
.pleaseLogin{
padding:20px!important;
background:#F1f1f2!important;
color:#000;
font-size: 20px!important;
border: none!important;
text-align: center;
font-weight: 500;
animation: pulsed 3s infinite
}
@keyframes pulsed {
0% {
background:#FFF!important;
}
50% {
background:#f5f5f7!important;
}
100% {
background:red!important;
}}
#page {
max-width:1400px!important;
background:unset;
}
.gallery >div >img ,
.gallery >div >div
{
border: 1px solid #cacaca;
margin-right: 10px;
padding: 5px;
transition: 0.5s all ease-in-out;
display: inline-block;
overflow: hidden !important;
transition: .9s ease-in-out;
filter:grayscale(0.8);
border-radius:10px;
width:100px;
height:100px
}
.gallery img:hover{
border: 2px solid var(--apple-blue);
opacity: 0.6;
filter: alpha(opacity=30);
transform: scale(1.2);
filter:grayscale(0)
}
.file_item{
display: inline-flex;
}
.fhb_product_image{
max-width:530px;
}
.fhb_img_element{
width:unset!important;
max-width:unset!important;
}
.user_basket_options .container{
height: unset!important;
}
.question_div button{
padding: 10px;
border: none;
margin-top: 5px;
border-radius: 5px;
}
.login_page_container{
color:#000;
display:inline-grid;
border:2px solid #FFF!important;
padding:00px!important;
justify-items: start;
}
.login_page_container .login_title_text::before{
content:"Sign in for exclusive offers, and more stuff";
text-align:left;
display: block;
font-size:16px;
text-shadow: none;
margin-bottom:10px;
}
.login_page_container .login_input{
margin-top:10px;
font-size: 17px;
line-height: 1.29412;
font-weight: 400;
letter-spacing: -.021em;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
width: 300px!important;
height: 34px;
margin-bottom: 14px;
padding-left: 15px;
padding-right: 15px;
color: #333;
text-align: left;
border: 1px solid #cacaca;
border-radius: 4px;
background-clip: padding-box;
-webkit-background-clip: padding-box;
font-family: 'Inter', sans-serif;
}
.login_page_container .form{
text-align: left;
font-size:16px;
font-weight:500;
color:#666;
}
.login_page_container .form input{
margin-bottom:10px;
}
.login_page_container label {
font-size:16px;
font-weight:500;
color:#666;
}
.login_page_container a {
text-decoration: none;
font-size:16px;
color:var(--apple-blue)
}
.login_page_container p {
text-decoration: none;
font-size:16px;
text-align:left;
}
.login_title_text{
font-size: 4em!important;
text-shadow: rgba(81, 67, 21, 0.15) 0px 11px 10px;
font-weight: 600;
margin-bottom:20px;
text-align:left;
}
.login_button
{
background: var(--apple-blue)!important;
height: 50px!important;
border-radius: 6px;
display: flex;
border-radius:10px;
justify-content: center;
font-size:14px;
margin-bottom: 25px!important;
align-items:center;
transition: 1s ease-in-out;
}
.login_button:hover{
background:red!important;
}
.login_forgot .form div:nth-child(7)
{
margin-top:20px;
}
/*
select*
*/
.selector_content{
display: flex;
flex-wrap: wrap;
}
.product_selectorB .selector_content {
flex-wrap: nowrap;
}
.product_selectorB .selector_content_l4 {
flex-wrap: wrap;
}
.selector_header{
padding: 20px;
border-radius: 20px;
justify-content: center;
margin:25px;
max-width:960px;
margin:auto;
}
.selector_header .main_title:after{
content:"\273d";
font-size: 0.8em;
}
.selector_header .main_title,
.letter_selector >div h1
{
font-size: 10em!important;
color: #027fff!important;
text-transform: lowercase!important;
font-family: 'Noto Sans', sans-serif!important;
font-weight: 600!important;
letter-spacing: -0.03em!important;
text-align: center;
text-shadow:none;
padding:0px!important;
}
@media only screen and (max-width: 787px) {
.selector_header .main_title,
.letter_selector >div h1
{
font-size: 3em!important;
}
}
/* Define the animation */
@keyframes fadeInShadow {
0% {
opacity: 0.7;
text-shadow: none;
color:grey;
}
50% {
opacity: 1;
text-shadow: rgba(81, 67, 21, 0.15) 0px 11px 10px;
}
}
.selector_header .main_title{
animation: fadeInShadow 1s ease-in-out forwards;
}
.select_item .image{
min-width:140px;
}
.selector_header .main_subtitle{
color: #000;
font-family: 'Inter', sans-serif;
font-weight: 400;
letter-spacing: -0.03em;
padding-bottom:20px;;
text-align: center;
}
.selector_header .main_crumbs:before{
content:"Navigation";
color:lightgrey;
display:block;
padding-left:4px;
}
.selector_header .main_crumbs{
color: var(--apple-blue);
font-size: 1.2em;
font-weight: 400;
margin: 20px;
margin-top:0px;
padding: 10px;
border-top: 1px solid lightgrey;
border-bottom: 1px solid lightgrey;
}
.product_selectorB .selector_content_l3::before{
content:"Select the size of tube you are considering...";
font-size:20px;
text-align:left;
line-height: 1.5em;
padding-top:10px;
font-weight: 600;
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
width: 232px;
margin-right:10px;
padding:20px;
background: var(--apple-blue);
border-radius: 10px;
color:#FFF;
}
.selector_content_l3 .image img{
max-width: 698px;
width: 100%;
}
.selector_content_l3 .code{
display:none;
}
.selector_content_l3 .description{
font-size:20px;
text-align:center;
padding-top:10px;
font-weight: 600;
font-family: 'Inter', sans-serif;
}
.selector_content_l4::before{
font-size:20px;
text-align:left;
line-height: 1.5em;
padding-top:10px;
font-weight: 600;
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
width:232px;
margin-right:10px;
padding:20px;
background: var(--violet);
border-radius: 10px;
color:#FFF;
}
.product_selectorB .selector_content_l4::before{
content:"Select the configuration you require...";
}
.select_item_group .select_item .image img, .selector_content_l4 .image img{
height: 200px;
}
.selector_content_l4{
flex-wrap: wrap;
}
.group_info{
font-size:24px;
font-weight: 600;
background-color:var(--apple-blue);
color:#fff;
}
.group_info .group_description{
width: 100%;
margin: auto;
text-align:center;
}
.select_go_back{
padding: 10px;
border-radius: 5px;
margin: auto;
margin-top:36px;
cursor: pointer;
text-align: center;
width: 300px;
font-size: 16px;
background:#8876fe;
color: #fff;
}
.product_selectorB .bg_enabled{
height: 293px;
background-size: contain;
background-repeat: no-repeat;
border-radius: 20px;
margin: 10px;
}
.product_selectorB .select_item_group,
.product_selectorB .selector_content_l4 .select_item{
min-width:250px;
flex: unset;
margin: 5px;
padding: 5px;
border: 1px #f1f1f1;
border-radius: 10px;
box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
display: flex;
justify-content: space-around;
padding:30px;
}
.select_item_group .code, .selector_content_l4 .code{
display:none;
}
.selector_content_l4 .description{
font-size:20px;
text-align:center;
font-weight: 700;
}
.select_item_group {
font-size:20px;
text-align:center;
font-weight: 700;
padding:0px;
width:auto;
}
.selector_content_l3 .select_item_group{
width: unset;
min-width:unset;
}
.image_l6{
width: max-content;
margin-right: 30px;
display: flex;
align-items: center;
}
.image_l6 img{
height: 300px;
}
.image_l6::before{
content:"These are the components you require please confirm by adding to basket...";
font-size:20px;
text-align:left;
line-height: 1.5em;
padding-top:10px;
font-weight: 500;
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
max-width:232px;
margin-right:10px;
padding:20px;
background: var(--tomato);
border-radius: 10px;
color:#FFF;
display:inline-block;
height:300px;
margin-right: 20px;
}
.product_selectorB .selector_content_l6,
.accessories_item
{
flex-wrap: wrap;
flex-direction: row;
height: 100%;
background: #f5f5f766;
padding: 25px;
border-radius: 20px;
margin-right: 20px; }
.product_selectorB .selector_content_l6 .product_item{
background: var(--theme-background-grey2);
}
.product_item{
border: 1px solid lightgrey;
border-radius: 10px;
margin-right: 10px;
width: 330px;
margin: 5px;
}
.image{
padding:10px;
background: #FFF;
border-radius: 10px 0px 0px 10px;
display: flex;
align-items: center;
}
.product_selectorB .prod_preview_image
{
height:100px!important;
}
.text_block{
padding:10px;
font-size:14px;
line-height: 1.2em;
background: var(--theme-background-grey2);
}
.selector_content_l6 .description{
margin-bottom:5px;
}
.code{
color:#622bFF;
}
.selector_content_l6 .price{
color: var(--apple-blue);
font-size: 20px;
font-weight: 600;
margin-top: 24px;
letter-spacing: -0.04em;
}
.selector_content_l6 .code_blue{
display:none;
}
.accessories_item{
background:#f5f5f788
}
.accessories_item .title{
font-size: 20px;
color: #027fff;
font-family: 'Inter', sans-serif;
font-weight: 700;
letter-spacing: -0.03em;
padding: 10px;
margin-bottom: 10px;
}
.selector_basket{
border-bottom:5px solid var(--theme-background-grey2);
width:auto;
margin-bottom:20px
}
.add_button
{
margin:20px;
padding:20px;
background: var(--apple-blue);
width:200px;
}
.qty_text {
margin:20px;
width:15%;
display:block;
font-family: 'Inter', sans-serif;
}
.note_tile{
width:300px;
}
.product_selectorC .note_tile
{
font-size: 30px;
text-align: left;
line-height: 1.2em;
font-weight: 600;
letter-spacing: -0.03em;
padding-top: 20px;
padding-left: 30px;
padding-right:50px;
background: var(--apple-blue)!important;
border-radius: 10px;
color: #FFF;
display:block;
box-shadow:none!important;
}
/*
.product_selectorC .select_item_group{
padding:0px;
margin:0px;
}
*/
.product_selectorC .selector_content_l3{
flex-wrap: wrap;
justify-content: center;
grid-gap: 10px;
display: grid;
grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
}
.product_selectorC .selector_content_l3 .image img{
min-width:290px;
min-height:290px;
}
.fence_selector .bg_enabled{
height: 315px;
background-size: contain;
background-repeat: no-repeat;
margin: 5px;
}
.product_selectorC .image {
border:0px!important;
display: flex;
justify-content: center;
border-radius: unset!important;
padding:0px;
margin-bottom:10px;
}
.product_selectorC .image img{
max-width:140px;
}
.product_selectorC .notes
{
font-size:12px;
font-weight: 400;
}
.product_selectorC .selector_content_l3 .price,
.product_selectorC .selector_content_l3 .description{
font-size: 1.2em;
text-align: center;
padding: 5px;
font-weight: 700;
letter-spacing: -0.03em;
backdrop-filter: blur(1px) saturate(100%);
-webkit-backdrop-filter: blur(0px) saturate(100%);
background-color: rgba(255, 255, 255, 0.8);
color: #000;
}
.product_selectorC .selector_content_l3 .description{
padding-bottom:0px;
}
.product_selectorC .selector_content_l3 .price{
font-size: 0.8em;
padding-top:0px;
}
.product_selectorC .flex{
justify-content: space-around;
}
.product_selectorC .selector_content_l4{
flex-wrap: wrap;
justify-content: start;
}
.product_selectorC .selector_content_l4 .image{
display:none;
}
.page_handrail .product_selectorC .selector_content_l4 .image{
display:unset;
}
.product_selectorC .selector_content_l4 .clickable
{
display: flex;
align-items: center;
border-radius:20px;
}
.product_selectorC .selector_content_l4 .description,
.product_selectorC .selector_content_l6 .select_item_group
{
display: flex;
align-items: center;
justify-content: center;
padding:20px;
box-shadow: var(--shadow1);
min-height:320px;
border:1px solid #00000022
}
.product_selectorC .selector_content_l4 .clickable:hover,
.product_selectorC .selector_content_l6 .select_item_group:hover,
.product_selectorC .selector_content_l7 .select_item:hover,
.product_selectorC .selected_extra:hover
{
transition: 1000ms ease-in-out;
box-shadow: none!important;
}
.product_selectorC .selector_content_l6 .select_item{
margin:10px;
align-items: center;
border:1px solid #00000022
justify-content: center;
}
.product_selectorC .selector_content_l7 .select_item{
margin:10px;
align-items: center;
border:1px solid lightgrey;
justify-content: center;
flex-wrap: wrap;
background:#FFF;
box-shadow: var(--shadow1);
transition: 0.5s ease-in-out;
}
.product_selectorC .selector_content_l7 .group_info{
padding:0px;
}
.product_selectorC a{
text-decoration: none;
}
.product_selectorC .select_item{
margin:10px;
}
.product_selectorC .product_item{
border:unset;
width:auto;
margin:0px;
display:inline-block;
border:0px 0px 10px 10px;
}
.product_selectorC .text_block{
background: var(--theme-background-grey2);
padding:20px;
width:300px;
}
.product_selectorC .group_description{
padding: 10px;
margin-bottom: 10px;
}
.product_selectorC .text_block .description{
margin: 0px;
padding: 0px;
text-align: left;
color: #000!important;
font-weight: 600;
padding-bottom:5px;
min-height:56px;}
.product_selectorC .price{
color: var(--apple-blue);
font-weight: 700;
font-size: 1.2em;
letter-spacing: -0.03em;
padding-top:10px;
}
.cantselector h4:before,
.glass_selector h4:before,
.product_selectorS .main_subtitle,
.product_selectorB .main_subtitle,
.product_selectorC .main_subtitle,
.product_selectorD .main_subtitle,
.letter_selector >div h1:after
{
position: relative;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 3px;
overflow: hidden;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
background: linear-gradient(90deg,#be22ff 20%,#ff279c 50%,#027FFF 80%);
background-repeat: no-repeat;
background-size: 100%;
animation: animate 20s; /* linear infinite; */
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255, 255, 255, 0);
}
.letter_selector{
display:flex;
justify-content: center;;
}
.letter_selector >div h1:after{
display:block;
content:"FHBRUNDLE MAKING LETTER SELECTION EASIER"
}
.letter_selector button.size_button {
background-color: #f5f5f7;
padding:10px;
font-size:3em;
border:none;
border-radius: 10px;
transition: .9s ease-in-out;
}
.letter_selector button.size_button:hover {
background-color: #fff;
color:grey;
}
.letter_selector > div > div:nth-child(2){
font-size:24px;
text-align: center;
padding-top:20px;
padding-bottom:20px;
font-weight:600;
}
.letter_selector button.size_button.active{
box-shadow: var(--shadow2);
background: #fafafa;
}
.letter_selector .letter_input{
margin-top:20px;
font-size:20px;
height:unset;
width:100%;
padding:10px;
}
.letter_selector .dynamic_addbasket{
width:unset;
background-color: unset;
padding:0px;
border-radius: unset;
display: block
;
}
.letter_container {
margin-top:50px;
font-size:12px!important;
}
.page_selectors a,
.page_selectors a:hover,
.page_selectors a:visited
{
color:unset!important;
}
.word_preview>div {
margin-top: 12px;
}
.custom_edit_image {
width: auto;
max-width: 100%;
}
@keyframes animate {
0% {
background-position: -500%;
}
100% {
background-position: 500%;
}
}
.product_suggest_title{
font-size: 28px;
color: #027fff;
font-family: 'Inter', sans-serif;
font-weight: 700;
letter-spacing: -0.03em;
padding: 20px;
background: var(--theme-background-grey2);
border-radius:20px;
position: absolute;
}
.product_price_ex_vat{
display:none;
}
.product_image{
border-radius: 20px 0px 0px 20px;
background:unset;
margin-right:10px;
}
.thickbox {
color:#33333399;
display:flex;
justify-content: center;
padding-top:20px;
text-decoration: none;
font-size:13px;
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.04em;
text-transform: uppercase;
}
.product_info {
font-family: 'Inter', sans-serif!important;
}
.product_info .product_title:before
{
content:"PRODUCT INFORMATION";
font-size:0.4em;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight: 400;
display:block;
margin-bottom:5px;
}
.product_info .product_title{
font-size:2.5em;
font-weight: 700;
line-height: 1.2;
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.04em;
padding: 25px 25px 10px 25px;
border-radius: 20px 20px 0px 0px;
min-height:120px;
}
.product_info .product_notepad *{
margin:0px!important;
}
.product_info .product_notepad
{
margin:0px!important;
padding-left:25px;
padding-right:10px;
height: fit-content;
transition:height 0.5s;
}
.product_info .weight_page_container {
justify-content: flex-start;
flex-wrap: wrap;
}
.product_info .page_container {
margin-left: 20px;
margin-top: -3px;
}
.product_notepad li::marker{
color:#f5f5f7;
}
.product_info h3{
text-transform: uppercase;
color:#6e6e73;
font-weight:400!important;
font-size:1em!important;
}
.product_info p{
color:#6e6e73;
font-weight:400!important;
font-size:1em!important;
padding-bottom:10px!important;
font-size:1.2em!important;
}
.product_info .productsGroupA{
display:none;
}
.product_info .product_sku:before
{
content:"CODE";
font-size:0.62em;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight: 400;
display:block;
margin-bottom:5px;
padding-top:10px;
}
.product_info .product_brandsku:before
{
content:"MPN";
font-size:0.62rem;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight: 400;
display:block;
margin-bottom:5px;
padding-top:10px;
}
.product_info .product_brandsku{
font-size: 1.1rem;
color: #996bb0f7!important;
font-weight: 400;
line-height: 1;
padding:25px 25px 10px 25px;
padding-top:0px;
}
.product_info .product_sku{
font-size: 1.1rem;
color: #622bff!important;
font-weight: 400;
line-height: 1;
padding:25px 25px 10px 25px;
padding-top:0px;
}
.product_info .product_weight:before
{
content:"WEIGHT";
font-size:0.65em;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight: 400;
display:block;
margin-bottom:5px;
border-top: 1px solid var(--theme-background-grey1);
padding-top: 10px;
}
.product_info .product_weight{
font-size: 1.1rem;
color: var(--green);
font-weight: 500;
line-height: 1;
padding:25px 25px 10px 25px;
padding-top:0px;
}
.product_info .product_price_inc_vat::before
{
content:"PRICE";
font-size:0.95em;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight: 400;
display:block;
margin-bottom:5px;
border-top: 1px solid var(--theme-background-grey1);
padding-top: 10px;
}
.product_info .product_price_inc_vat {
line-height: 1.5rem;
font-weight: 600;
color: #027fff;
margin-bottom:5px;
}
.price_section{
padding:0px 25px 10px 25px;
border-radius:0px;
justify-content: flex-start!important;
min-height:101px;
}
.price_breaks tr *{
display:grid;
}
.price_breaks td:nth-child(1){
width:70px;
color: #005baa;
justify-content: center;
}
.price_breaks td:nth-child(2){
width:70px;
color: var(--apple-blue);
font-size:1.2em;
justify-content: center;
}
.bom_quantity
{
display:none;
}
.BOM_title
{
font-size:1em;
border-radius:10px;
}
.show_bom {
margin-top:10px;
background:#eaeaee;
padding:20px;
width:180px;
text-align: center;
text-transform: uppercase;
}
.BOMDetector_main{
width:100%;
}
.BOMDetector_main .Similar_products1 h3:before,
.BOMDetector_main .Similar_products2 h3:before,
.BOMDetector_main .Similar_products3 h3:before,
.BOMDetector_main .Similar_products4 h3:before,
.BOMDetector_main .Similar_products5 h3:before
{
content:"Choose your ";
font-weight: 300;
}
.stockcheck .stock_text{
border: 1px solid #027FFF;
padding: 9px;
margin-bottom: 10px;
font-size: 14px;
background: #FFF;
width: fit-content;
}
.BOMDetector_main .stock_text {
margin-left:0px;
}
.stockcheck .stock_text:nth-child(2){
border: 1px solid var(--apple-red);
padding: 10px;
margin-bottom: 10px;
font-size: 14px;
background: #FFF;
width: fit-content;
}
.BOMDetector .stock_num{
font-weight:700;
font-size:16px;
}
.BOMDetector_main .sample{
background: #FFF;
border-radius: 10px;
padding-bottom: 10px;
}
.BOMDetector_main .sample .show_hide_samp{
background:var(--apple-blue);
padding: 10px;
margin: 5px 0px 20px 20px;
border-radius: 5px;
border:none;
color:#FFF;
}
.BOMDetector_main .sample_title{
font-size: 24px;
font-weight: 700;
letter-spacing: -0.03em;
padding:20px 20px 25px 20px;
}
.BOMDetector_main .sample .product_table{
background: #FFF!important;
border:none;
}
.BOMDetector_main .sample .product_card_desc a{
background: #FFF!important;
height:25px;
padding-top:5px;
font-size: 18px!important;
}
.BOMDetector_main .sample .product_card_desc a:before{
content:"";
}
.BOMDetector_main .sample .product_card_code{
border:none;
}
.BOMDetector_main .Similar_products1:before{
font-size: 24px;
color: #2e332f;
font-size:15px!important;
font-weight: 700;
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
content:"Alternative Items in this range."
}
.BOMDetector_main .Similar_products1 h3,
.BOMDetector_main .Similar_products2 h3,
.BOMDetector_main .Similar_products3 h3,
.BOMDetector_main .Similar_products4 h3,
.BOMDetector_main .Similar_products5 h3
{
background:var(--theme-background-grey1);
color:#333;
width:fit-content;
min-width:240px;
padding:5px!important;
border-radius:10px;
font-weight: 600!important;
font-size:16px!important;
font-family: 'Inter', sans-serif;
/*box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
border-radius: 16px;
background: linear-gradient(145deg, #ddddde, #ffffff);
box-shadow: 32px 32px 28px #b3b3b4,
-32px -32px 28px #ffffff;*/
}
.BOMDetector{
background: var(--theme-background-grey2);
padding-left:25px;
padding-right:25px;
padding-bottom:10px;
margin-bottom:10px;
}
.BOMDetector .kit_title{
color: #2e332f;
font-size: 15px!important;
font-weight: 700;
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
display:flex;
padding-top: 10px;
height:50px;
}
.BOMDetector .dynamic_addbasket{
justify-content: flex-start;
padding-bottom:10px;
margin-top:10px;
border-radius: 0px 0px 20px 20px;
}
.BOMDetector .product_table{
border:1px solid var(--theme-background-grey1);
background: var(--theme-background-grey2);
margin-bottom:10px;
}
.BOMDetector .product_card_img_container{
border-right:1px solid var(--theme-background-grey1);
background:#F5F5F7;
height:unset;
padding: unset;
border-radius:0px;
min-width: 118px;
}
.BOMDetector .product_card_img{
min-width:80px!important;
background:unset;
}
.BOMDetector .product_card_desc a
{-webkit-line-clamp: 1!important;
-webkit-box-orient: vertical;
color: #000!important;
display: -webkit-box!important;
font-size: 15px!important;
font-weight: 600!important;
white-space: normal;
padding:unset;
padding-top: 10px;
padding-right:10px;
background:var(--theme-background-grey2);
margin:0px;
height:50px;
width:auto;
padding-left: 10px;
text-align:left;
border-radius: 0px 10px 0px 0px;
}
.BOMDetector .product_card_BOMqty
{
display:none;
}
.BOMDetector .product_card_BOMqtytotal::after
{
content:"X";
padding-left: 5px;
padding-right:10px;
}
.BOMDetector .product_card_BOMqtytotal
{
display:flex;
font-size:1.2em;
}
.BOMDetector .product_card_code{
margin:0px;
padding:10px;
padding-top:5px;
padding-left:10px;
text-align: left;
border-left:1px solid var(--theme-background-grey1);
color:#622bff;
font-weight:400;
border-radius: 0px 0px 10px 0px;
font-family: 'Inter', sans-serif;
font-size: 1.2em;
}
.BOMDetector .clearance_message:before {
Content:"CLEARANCE";
margin-right:5px;
font-weight: 600;
background:var(--apple-red);
color:#FFF;
padding:13px;
}
.productBreaks {
border:1px solid var(--theme-background-grey1);
background: #FFF;
padding: 5px;
margin:20px!important;
}
.productBreaks tr:nth-child(1),
.productBreaks tr:nth-child(2)
{
display:none;
}
.bom_quantity_2{
justify-content: space-evenly;
font-family: 'Inter', sans-serif;
padding-top: 20px;
padding-bottom: 20px;
color: #6e6e73;
font-size: 16px;
border-radius: 20px;
text-transform:uppercase;
font-size:1em;
}
.bom_quantity_2 .kit_qty_desc{
height:30px;
font-size: 1.4em;
font-weight: 700;
background: -webkit-linear-gradient(0deg,#be22ff 20%,#ff279c 50%,#027FFF 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom:5px;
}
.BOMadd_to_cart{
color:#fff;
border-radius:10px;
margin:10px;
padding: 20px;
}
.extra_product .product_block{
display: flex;
justify-content: left;
flex-wrap: wrap;
}
.extra_product .product_table
{
display: inline-block;
border:1px solid var(--theme-background-grey1);
border-radius:10px;
margin-right:10px;
margin-bottom:20px;
background: var(--theme-background-grey2);
width:250px;
box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
}
.extra_product
{
margin-left: 20px;
}
.extra_product .product_card_img_container{
padding:0px;
border-radius: 0px;
}
.extra_product .product_card_img{
width:200px!important;
margin-right:20px;
padding-left:20px;
}
.extra_product .checkbox_bom
{
margin:10px;}
.extra_product .check_box_extra{
padding-left:5px;
padding-top:3px;
color:var(--apple-blue);
font-size: 1.1em;
font-weight:600;
}
.extra_product .checkbox_bom input{
height: 16px;
width:16px;
}
.extra_product .product_card_desc a{
-webkit-line-clamp: 2!important;
-webkit-box-orient: vertical;
color: #000!important;
display: -webkit-box!important;
font-size: 15px!important;
font-weight: 600;
white-space: normal;
padding-left:10px;
padding-top:20px;
padding-bottom: 20px;
width:300px;
height:80px;
text-align:left;
background: var(--theme-background-grey2);
margin:0px;
border-top:1px solid var(--theme-background-grey1);
}
.page_favourite .code:before,
.extra_product .product_card_code::before,
.associated_products .product_card_code::before
{
content: "CODE";
color:#6e6e7399;
display:block;
font-size: 11px;
font-weight:400;
}
.extra_product .product_card_code{
margin:0px;
padding-left:10px;
padding-bottom:10px;
font-family: 'Inter', sans-serif;
border-radius:0px 0px 10px 10px;
color:#622bff;
background: var(--theme-background-grey2);
font-size:1.2em;
line-height: 1.4em;
}
.extra_product .title
{
margin-top:20px;
}
.associated_products{
background: #f5f5f7;
padding:20px;
border-radius: 10px;
padding-top:40px;
/*margin-top:10px;*/
transition: .5s ease-in-out;
}
.extra_product .title,
.associated_products .title,
.mini_cat_section_title
{
font-size: 24px;
font-weight: 700;
letter-spacing: -0.03em;
padding-bottom: 20px;
min-height: 100px;
border-bottom: 1px solid lightgrey;
margin-bottom: 20px;
}
.associated_products .title{
content:"And you could consider"!important;
}
.extra_product .title::after{
font-size:16px;
font-weight:400;
content:"It is very likely you are going to need an extra...";
display:block;
padding-top:10px;
}
.extra_product .price{
padding-left: 10px;
color: var(--apple-blue);
font-weight: 700;
font-size: 1.4em;
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
}
.multi_checked_qty{
padding:10px;
min-height: 56px;
font-size:1.2em;
}
.associated_products .title_content{
display: grid;
justify-content: space-between;
}
.associated_products .title_content .kit_string{
font-size: 16px;
line-height: 40px;
}
.kit_string{
color:var(--apple-red);
text-decoration: none!important;
}
.kit_string .clickable {
display:block;
color:#FFF;
text-decoration:none!important;
font-size: 20px;
font-weight:500;
}
.associated_products .title::after
{
font-size: 16px;
/* color: #00000080; */
font-weight: 400;
content: "Our customers tend to buy one of the following...";
display: block;
padding-top: 0px;
padding-bottom: 10px;
text-shadow: 0px 11px 10px rgb(81 67 21 / 40%);
}
.part_of_kit{
color:orange;
}
.associated_products .flex,
.associated_products .product_card,
.associated_products .product_card_desc a
{
display:block!important;
}
.associated_products .product_card_img{
width:80px!important;
}
.associated_products .product_card_img_container{
width:100px;
padding: 10px;
border-radius:10px 0px 0px 10px;
display: flex;
align-items: center;
}
.associated_products .product_card_desc a{
background: var(--theme-background-grey2);
margin:0px;
padding:10px;
height: 58px;
width:148px;
text-align: left;
border-radius: 0px 10px 0px 0px;
color:#000!important;
font-weight:600;
}
.associated_products .stock_text{
font-size: 12px;
padding: 5px;
border-radius:5px;
margin: 5px 10px;
background: #FFF;
color: #003;
}
.associated_products .stock_text:nth-child(2){
display: none;
}
.page_favourite .product_item {
box-shadow: var(--shadow0);
border: Unset;
border-radius: unset;;
transition: all 0.4s ease-in-out;
border:1px solid #dadada
}
.page_favourite .text_block .description a,
.page_favourite .text_block .description
{
margin:0px;
text-align: left;
color:#000!important;
font-weight:600;
-webkit-line-clamp: 2!important;
height: 50px;
overflow: hidden;
margin-bottom:6px;
}
.page_favourite .code {
color:#622bff;
font-size: 12px;
}
.page_favourite .dynamic_addbasket{
justify-content: flex-start;
border-radius: unset;
padding-bottom:unset;
}
.page_favourite .prod_last_date{
margin-top: 10px;
margin-bottom: 10px;
font-weight:600;
}
.page_favourite .prod_last_date::before
{
display: block;
content:"LAST BOUGHT";
color:#6e6e73;
font-size: 11px;
font-weight:400;
}
.page_favourite .product_item:hover{
filter: hue-rotate(10deg);
box-shadow: var(--shadow2);
border:1px solid #FFF;
}
.associated_products .product_card_code {
margin:0px;
padding-left:10px;
text-align: left;
background: var(--theme-background-grey2);
font-weight:400;
border-radius: 0px 0px 0px 0px;
line-height: 1.4em;
}
.associated_products .price{
padding-left: 10px;
color: var(--apple-blue);
font-weight: 700;
font-size: 1.2em;
letter-spacing: -0.03em
}
.associated_products .product_block{
display:flex;
flex-wrap:wrap;
margin-bottom:50px;
}
.associated_products .product_table{
border:1px solid lightgrey;
border-radius:00px;
margin:5px;
max-width:400px;
width:250px;
display:flex;
box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
background: var(--theme-background-grey2);
box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0,0,0,.13), 0 0.0625rem 0.125rem 0 rgba(0,0,0,.11);
}
.associated_products .dynamic_addbasket {
justify-content: left;
padding-bottom:5px;
}
.del_method_select{
margin: auto;
align-items: center;
}
.show_more{
display: inline-flex;
justify-content: center;
align-items: center;
padding: 20px;
margin: 5px;
font-size: 20px;
font-weight: 700;
min-width: 250px;
color: var(--green);
border: 1px solid lightgrey;
background: #e7e7e8;
text-shadow: 0px 11px 10px rgb(81 67 21 / 30%);
}
.dynamic_addbasket{
background: var(--theme-background-grey2);
padding-bottom:10px;
border-radius: 0px 0px 10px 0px;
}
.product_info{
background: #F5f5F7;
border-radius: 10px;
margin-right:10px;
}
#usp_banner{
visibility: hidden;
}
#header{
height:170px!important;
background-color:var(--apple-blue)!important;
}
.header_quick_buttons{
display:none!important;
}
.fhbrundlecrumbs {
font-family: 'Inter', sans-serif;
font-size:16x;
}
.bread_text:visited{
color:red
}
.nav_menu *,
.sub_menu
{
font-family: 'Inter', sans-serif;
font-weight:400;
line-height:1.5em;
text-transform: capitalize!important
}
.usp-banner-wrapper
{
display:none;
}
.cat_top_level .fill_available
{
height:60px;
}
.section_image
{
display: none;
margin-bottom:20px;
width:10px;
}
.cat_section_title
{
height:360px;
width:360px;
box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
border-radius: 20px;
}
.cat_section_nowrap {
display: flex;
margin-bottom: 60px;
margin-top: -150px;
flex-wrap: wrap;
width: 380px;
display:inline-flex;}
/*
Product Card 27.10.2022
*/
.cat_section .react-multi-carousel-item{
width:unset!important;
display:none;
}
.prod_text_block{
background:#f5f5f7EE;
}
.cat_sub_section {
background: #fffFFF22;
box-shadow: 0 4px 6px -2px rgb(0 0 0 / 20%);
border-radius: 20px;
display: flex;
padding: 20px;
overflow: hidden;
width:77%;
margin-left: 40px;
margin-top: -271px;
display:none;}
.cat_section_nowrap {
margin:0px;
}
.cat_card{
font-family: 'Inter', sans-serif;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
border-radius: 20px;
}
.title_card
{
box-shadow:unset!important;
display:none;
}
.title_card2{
height:min-content!important;
}
.cat_card .prod_desc:before {
content: "PRODUCT INFORMATION";
font-size: 0.6em;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight: 400;
display: block;
margin-bottom: 2px;
}
.cat_card .prod_desc{
line-height: 1.3em;
color: #000;
font-size: 1.5em;
-webkit-line-clamp: 3!important;
height: 87px;
margin-bottom:5px;
}
.cat_card .prod_code{
color:#622bff!important;
padding-bottom: 5px;
}
.cat_card .prod_price{
color: var(--apple-blue);
font-size: 1.125rem;
font-weight: 700;
padding-bottom: 5px;
}
.dynamic_addbasket button{
opacity:75%;
}
.
.cat_card .prod_last_date::before
{
content:"Last Purchased : ";
color:grey;
}
.del_method_select{
display: flex;
justify-content: center;
margin-bottom:10px;
padding: 10px;
background: #fafafa;
border-radius: 15px;
}
.del_method_select .basket_button {
font-size:1.4em;
font-weight:600;
}
.del_method_select .del_button{
background: #FFF;
border-radius:10px 0px 0px 10px;
padding:30px 30px 30px 30px;
}
.del_method_select .del_button {
margin-right:10px;
border:1px solid #fff;
transition: all 0.4s ease-in-out;
color:grey;
letter-spacing: 0.1em;
text-transform: uppercase;
box-shadow: 6px 6px 12px #dadada,
-6px -6px 12px #ffffff;
}
.del_method_select button.active{
background:#efefed;
color:#027FFF;
animation: pressed-left 0.4s cubic-bezier(1, 0.04, 0.66, 1.23);
box-shadow: inset 6px 6px 12px #dadada, inset -3px -3px 6px #ffffff;
}
.del_method_select button:hover{
border:1px solid #00000022;
background:unset;
box-shadow:none;
}
.del_method_select .col_button{
background: #FFF;
border:1px solid #FFF;
border-radius:0px 15px 15px 0px;
padding:30px 30px 30px 30px;
color:grey;
letter-spacing: 0.10em;
text-transform: uppercase;
transition: all 0.4s ease-in-out;
box-shadow: 2px 2px 4px #dadada,
-6px -6px 12px #ffffff;
}
.del_postcode_query{
width:100%;
text-align:center;
color:#505050;
font-family: 'Inter', sans-serif;
font-weight: 600;
letter-spacing: -0.03em;
font-size: 1.4em;
}
.guest_postcode{
max-width: 500px!important;
font-size:14px!important;
justify-content: center;
margin-top:15px;
}
.guest_postcode input[type="text"]{
width: 140px;
height: 50px;
font-size: 20px;
font-weight: 600;
font-family: 'Inter';
border-radius:10px;
}
.guest_postcode button{
width: 140px;
height: 50px;
margin-left: 10px;
background: #F5f5f7;
border: 1px solid lightgrey;
border-radius: 10px;
color: #000;
}
/*.col_select::before{
content:"Your default warehouse is";}*/
.col_select{
border: 1px solid #d1d1d1;
border-radius: 10px;
color: #636363;
font-size: 14px;
display: flex;
justify-content: center;
width: 80%;
height: 42px;
margin-top: 20px;
margin-left: 10%;
font-weight: 400;
}
.col_select option{
font-weight: 400;
line-height: 20px;
}
.checkout_button{
margin-top:40px;
background: var(--apple-blue);
font-size:2em;
font-weight:600;
height: 100px;
justify-content: center;
display: flex;
align-items: center;
border-radius: 10px;
box-shadow: none;
transition: box-shadow 0.4s ease-in-out , background-color 2s ease-in-out;
}
#del_address > div.pad5.margintop10 > a{
background: var(--apple-blue);
font-size:1em;
font-weight:600;
justify-content: left;
display: flex;
width: fit-content;
border-radius: 5px;
box-shadow: none;
transition: box-shadow 0.4s ease-in-out , background-color 2s ease-in-out;
}
.COLLECT .del_address_text{
display:none;
}
.promodal .prop_addtobasket:hover,
.checkout_button:hover,
#del_address > div.pad5.margintop10 > a:hover
{
box-shadow: var(--shadow2);
background-color: #8db600;
}
.basket_subtotal_containter{
margin:0px;
max-width: 500px;
}
.basket_subtotal_containter::before{
content:"Summary";
text-align: center;
display:block;
}
.basket_subtotal_containter {
padding:20px;
padding-bottom:40px;
background: linear-gradient(145deg, #FFF,#F9f9f9, #fFf);
margin-bottom:20px;
margin-top:20px;
min-height:420px;
border-radius: 10px;
box-shadow: var(--shadow1)}
.basket_subtotal_containter .subtotal{
display: flex;
font-size: 18px;
justify-content: space-around;
padding-bottom: 20px;
padding-top: 10px;
flex-flow: column;
width: 100%;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column-reverse;
}
.basket_subtotal_containter > table {
font-size:16px;
width:100%
}
.basket_subtotal_containter > table td:first-child{
text-align:left;
}
.basket_subtotal_containter > table td:nth-child(2){
color:#000;
text-align:right
}
.basket_subtotal_containter > table tr:nth-child(3) {
font-size:24px;
}
.basket_subtotal_containter > table tr:nth-child(3) .vat{
font-size:16px;
}
.basket_subtotal_containter .total{
font-size: 24px;
font-weight: 600;
}
.basket_subtotal_containter .total_value td:first-child{
font-size:30px;
font-weight:600;
}
.basket_subtotal_containter .total_value .vat{
color:#777;
}
.adv_space .product_card_vert *{
font-size:unset!important;
}
.adv_space .vert_title,
.basket_subtotal_containter::before
{
font-size: 36px;
color: #000;
font-family: 'Inter', sans-serif;
font-weight: 700;
letter-spacing: -0.03em;
padding: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--theme-background-grey3);
text-align:center;
}
.adv_space{
border-radius:10px;
box-shadow: var(--shadow0);
border: 1px solid #F5F5F7;
}
.adv_space .product_suggest_title{
text-align:center;
font-size:16px;
padding:0px;
margin-bottom:30px;
}
.vert_subtitle{
height:50px;
text-align:center;
}
.adv_space .vert_subtitle::before{
content:"...just making sure you have your regulars";
font-size:16px;
background: -webkit-linear-gradient(0deg,#be22ff 20%,#ff279c 50%,#027FFF 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
/*
.adv_space .flex{
justify-content: flex-end;
}
*/
.adv_space .product_card_desc_vert {
margin-top:5px;
color:#000!important;
font-family: 'Inter', sans-serif;
font-weight: 700;
letter-spacing: -0.03em;
}
.adv_space .product_card_desc_vert a:link
{
font-size:1.2em!important;
}
.adv_space .product_card_price{
padding-top:5px;
font-size:1.4em!important;
}
.adv_space .product_card_vert{
margin-bottom:10px;
}
.adv_space .product_vert_block
{
background: #F5f5f7;
border-radius:10px;
padding:10px;
line-height: 1.3em;
}
.adv_space .product_last_purchased::before{
display:block;
content:"LAST BOUGHT";
font-size: 12px;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight:400;
margin-bottom: 0px;
}
.adv_space .flex_between
{
flex-direction: column;
}
.adv_space .dynamic_addbasket{
justify-content: unset;
padding-bottom:unset!important;
padding-top:5px!important;
}
.adv_space .product_last_purchased{
margin-top:10px;
background:unset;
padding:0px;
Border:none;
opacity:unset;
color:var(--apple-blue);
font-family: 'Inter', sans-serif;
font-weight: 700;
letter-spacing: -0.03em;
}
.adv_space .product_card_img{
height:100px!important;
}
.cat_level__3_grid > article > a > img{
margin-left:-10px;
}
.cat_level__4_grid > article > a > img{
margin-left:-10px;
}
.cat_level__5_grid > article > a > img{
margin-left:-10px;
}
.catigory_card_grid{
margin: 10px;
color: #333;
padding: 10px;
padding-bottom: 10px;
background: #f5f5f799;
border-radius:5px;
}
.catigory_card{
border-radius: 10px;
margin-bottom:20px;
min-width:600px;
}
.view_more_block{
background-color: var(--theme-background-grey2);
width: 50px;
height: 50px;
margin-top: 50px;
margin-left:30px;
border-radius: 50px;
}
.category_title_link{
text-decoration: none;
}
.category_title{
color: #333;
padding: 0px;
padding-top: 14px;
padding-bottom: 25px;
font-weight: 900;
font-size: 36px;
font-family: 'Inter', sans-serif;
letter-spacing: -0.02em;
text-align: center;
text-shadow: 0 13.36px 8.896px #cacaca66, 0 -2px 1px #fff;
text-decoration: underline;
text-decoration-color: lightgrey;
text-decoration-thickness: 1px;
text-underline-offset: 0.6em;
}
.category_notes {
padding:10px;
}
.category_image
{
/*background: #00000020;
box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
padding: 4px;*/
border-radius: 36px;
}
.content_editable {
color:#000;
background: #eaeaea11;
}
@keyframes ken-burns {
0% {
transform: scale(1) translate(0, 0);
}
50% {
transform: scale(1.2) translate(0%, -0%);
}
100% {
transform: scale(1) translate(0, 0);
}
}
.product_preview_container {
width:auto!important;
}
.product_preview_container .title{
font-size:12px;
font-family: 'Inter', sans-serif;
letter-spacing:-0.03em;
font-weight:400;
padding:20px;
color: #000;
/*width:598px!important;*/
}
.product_preview_container .title span:first-child{
display:none;
}
.product_preview_container .title a{
text-decoration: none;
color:white;
}
.product_pensity .product_suggest_block {
margin-bottom: 20px;
}
.product_preview_items{
display: flex;
flex-wrap: wrap;
max-width: 600px;
height: auto;
justify-content:center;
background: unset;
border-radius:50px;
}
.product_preview_container{
background: unset;
z-index: 1000;
}
.flex_start .product_card_img_container{
display:none;
}
.product_cat_img{
opacity: 30%;
height: unset!important;
padding:20px;
visibility:hidden;
}
.product_preview{
padding: 0px;
width: 145px;
height:160px;
}
.product_preview .prod_desc{
line-height:2em;
margin-top:10px;
padding:10px;
}
/*.prod_preview_image{
object-fit: none;
}*/
.product_preview .prod_price{
display: block;
color: var(--apple-blue);
font-size: 1.125rem;
line-height: 1;
font-weight: 700;
text-align: left;
padding-bottom: 5px;
opacity: unset;
margin:unset;
padding:10px;
}
.product_preview .prod_desc{
white-space: pre-line;
overflow: hidden;
display:block;
color:#000;
width : 100%;
text-align: left;
font-size:12px;
font-family: 'Inter', sans-serif!important;
font-weight:600;
display: block;
display: -webkit-box;
max-width: 100%;
height: 56px;
margin: 0 auto;
letter-spacing:-0.03em;
line-height: 1.3em;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom:10px;}
.cattest a:-webkit-any-link {
color:var(--theme-text-color-grey2)!important;
}
.banner{
width: 100%;
}
/*
CAT STUFF END
*/
.product_preview{
max-width: unset!important;
width:unset!important;
height:unset!important;
width:140px!important;
background:#00000006;
border:1px solid var(--theme-background-grey1);
margin-right:5px;
border-radius:10px;
/* box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;*/
}
.prod_preview_image {
border-radius:10px 10px 0px 0px;
}
/*
Product Card
*/
.product_card_item_grid .product_card
{
font-family: 'Inter', sans-serif;
}
.product_card_item_grid .product_card_desc a:link {
background: var(--theme-background-grey2);
color: #000!important;
font-size: 1.3em!important;
font-weight: 600;
height:86px;
text-align: left;
}
.product_card_item_grid .product_card_code::before{
content:"CODE";
display:block;
color: #6e6e7399;
font-size:11px;
letter-spacing: 0em;
font-weight: 600;
}
.product_card_item_grid .product_card_code{
color:#622bff!important;
text-align: left;
font-size:15px;
}
.product_card_item_grid .product_card_text {
background: var(--theme-background-grey2);
padding:10px;
border-radius:0px 0px 10px 10px;
}
.product_card_item_grid .dynamic_addbasket {
justify-content: left;}
/*
Frequently bought
*/
.basket_lines{
font-family: 'Inter', sans-serif;
}
.fhbasket_line{
margin-right:20px;
padding: 20px;
padding-right:0px;
border-radius: 0px;
box-shadow: unset;
border:unset;
border-bottom: 1px solid #cacaca88;
}
.basket_info_block .basket_line_status{
display: none;
}
.basket_line_status{
color:#FFF;
font-size:2.3em;
font-weight:700;
background:#d2f8d2;
border-radius: 5px;
padding:20px;
margin: 5px;
margin-top: 10px;
margin-right:20px;
height:auto;
font-family: 'Inter', sans-serif;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
white-space: break-spaces;
letter-spacing: -0.03em;
line-height:1em;
}
.basket_line_statusN:before,
.basket_line_statusA:before,
.basket_line_statusC:before,
.basket_line_statusE:before,
.basket_line_statusX:before
{
content:"SCHEDULED DELIVERY DATE";
display:block;
font-size:12px;
padding-top:5px;
font-weight:400;
color:#505050;
letter-spacing: 0em;
}
.basket_line_statusN:before
{
color:#cacaca;
}
.basket_line_statusB:before,
.basket_line_statusD:before,
.basket_line_statusF:before,
.basket_line_statusY:before
{
content:"SCHEDULED COLLECTION DATE";
display:block;
font-size:12px;
padding-top:5px;
font-weight:400;
color:#505050;
letter-spacing: 0em;
}
.basket_line_statusX:before,
.basket_line_statusY:before
{
color:#FFF;
}
.basket_line_statusA,
.basket_line_statusB
{
background:#4a9f4a22;
border-bottom:1px solid #87c78755;
color:#4a9f4a;
}
.basket_line_statusA:after,
.basket_line_statusB:after
{
display:block;
font-size:12px;
padding-top:5px;
font-weight:400;
color:#000;
letter-spacing: -0.03em;
line-height: 1.3em;
content:"Our deliveries are fulfilled by a combination of our own fleet of trucks and couriers.\a Our goal is to ensure all deliveries are despatched within 24hrs (excluding orders taken over the weekend)\a And for your peace of mind, and in the unlikely event of a change to this date, we will keep you informed all the way. "
}
.basket_line_statusC,
.basket_line_statusD
{
background:#ffa50022;
border:1px solid #f3bb9355;
color:#ffa500;
}
.basket_line_statusC:after,
.basket_line_statusD:after
{
display:block;
font-size:12px;
padding-top:5px;
font-weight:400;
color:#000;
letter-spacing: -0.03em;
line-height: 1.3em;
content:"We are moving stock into your chosen depot from our distribution hub based in Burton.\a We will let you know of any changes to this date."
}
.basket_line_statusE,
.basket_line_statusF
{
background:#ffa50022;
border:1px solid #f3bb9355;
color:#ffa500;
}
.basket_line_statusE:after,
.basket_line_statusF:after
{
display:block;
font-size:12px;
padding-top:5px;
font-weight:400;
color:#FFF;
letter-spacing: -0.03em;
line-height: 1.3em;
content:"We are using our huge stocks around our 6 depots to fulfill your order.\a Our ecommerce team will endeavour to expediate these goods into your nearest depot.\a We will keep you informed of any changes to this date. "
}
.basket_line_statusX,
.basket_line_statusY
{
background:#000;
}
.basket_line_statusR
{
background:#000;
border: 1px solid #000;
}
.basket_line_statusX:after,
.basket_line_statusY:after
{
display:block;
font-size:12px;
padding-top:5px;
font-weight:400;
color:#FFF;
letter-spacing: -0.03em;
line-height: 1.3em;
content:"It is anticipated that stock will not be available for a couple of weeks.\a A member of our ecommerce team will be in touch shortly to confirm a data for this fulfillemnt. \a In advance, we apologise for the inconvenience and we will be working hard behind the scenes to fulfill your order! "
}
.basket_line_statusN
{
background:#EF213722;
border: 1px solid #EF213722;
color:#EF2137;
}
.basket_line_statusN:after
{
display:block;
font-size:12px;
padding-top:5px;
font-weight:400;
color:#000;
letter-spacing: -0.03em;
line-height: 1.3em;
content:"It is anticipated that the manufacturing time will be around 2 weeks.\a A member of our ecommerce team will be in touch shortly to confirm a data for this fulfillemnt."
}
.basket_product_card_img{
max-width:140px;
margin-right:10px
}
.basket_info_block{
border-radius: 10px 0px 0px 10px;
}
.basket_info_block,
.basket_line_value {
background:var(--theme-background-grey2);
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em
}
.basket_desc{
padding-bottom:5px;
padding-top:20px;
font-size:1.3em;
font-weight:600;
}
.basket_prod_code_link{
color: #622bff!important;
}
.page_favourite .price,
.basket_line_value{
font-weight: 600;
text-align: left;
font-size:1.5em;
padding-right:5px;
color:var(--apple-blue);
}
.bottom_total{
display:none;
}
.basket_line_total_value::before{
content:"LINE VALUE";
font-size:12px;
opacity: 0.5;
}
.basket_line_total_value{
background:#fafafa;
padding:10px;
width:100%;
padding-right:20px;
border-radius:0px 10px 10px 0px;
display: flex;
align-content: center;
flex-wrap: wrap;
}
.columns {
display: block;
color: #005baa!important;
}
.columns {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
margin:auto;
}
*, *:before, *:after {
box-sizing: inherit;
}
.basket_heading{
background:#f5f5f799;
border-radius: 20px;
margin:0px;
min-height:420px;
padding:0px;
margin-right:20px;
border-radius: 10px;
justify-content: center;
transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 500px)
{
.basket_line_status{
font-size:1.5em;
margin-right: 0px;
}
.method_basket:before,
.split_order_choice {
font-size:12px!important;
}
.del_method_select{
padding:0px;
}
.del_method_select .del_button,
.del_method_select .col_button{
padding:15px;
}
.split_order_choice input{
width:20px;
}
.split_order_choice label {
display: contents
}
.fhbasket_line{
padding:0px;
display:grid;
margin-right:0px;
}
.basket_line_total_value{
align-items: baseline;
}
.adv_space{
width:87%
}
.quick_add_container{
margin-right: 0px!important;
}
}
.basket_heading:hover{
box-shadow:var(--shadow2)
}
.basket_heading_title{
font-size: 36px;
color: #000;
font-family: 'Inter', sans-serif;
font-weight: 700;
letter-spacing: -0.03em;
padding: 10px;
text-align: center;
}
.empty_basket{
padding-bottom:10px;
padding-top:10px;
border-top:1px solid #cacaca;
display:flex;
justify-content: space-evenly;
align-items: center;
}
.empty_basket div{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.empty_basket .load_share_basket,
.empty_basket .share_basket {
color: var(--apple-blue);
padding: 5px;
}
.empty_basket .clear_basket{
display: flex;
justify-content: center;
flex-direction: row-reverse;
color: #9b9da0!important;
letter-spacing: -0.03em;
padding:5px;
}
.empty_basket .clear_basket svg{
height:1.5em;
fill:#9b9da0;
margin-left:10px;
}
.empty_basket .share_basket svg,
.empty_basket .load_share_basket svg
{
display: none;
}
.split_order_choice > label:nth-child(3){
display:none;
}
.method_basket:before,
.split_order_choice
{
content:"How would you like to receive your order?";
justify-content:center;
font-weight: 600;
color:#696969;
font-size:14px;
padding:10px;
display: flex;
}
.split_order_choice input {
width: 60px;
}
.basket_heading_price{
display:none;
}
.associated_products .dynamic_addbasket{
padding-top: 5px;
padding-left:10px;
}
.dynamic_addbasket button{
border: none;
padding:10px;
text-decoration: none;
cursor: pointer;
background: var(--apple-blue);
font-size:14px;
color:#fff;
border-radius: 2px;
opacity:100%
}
.basket_qty{
max-width: 60px;
height: 40px;
text-align: center;
appearance: textfield;
margin: 0;
border-radius: 0px!important;
}
.basket_qty::-webkit-outer-spin-button,
.basket_qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.react-multiple-carousel__arrow{
visibility:hidden;
}
.product_suggest_block:hover .react-multiple-carousel__arrow{
visibility:visible;
}
.product_card_link{
text-decoration: none;
}
.product_suggest_block div.product_card_item{
width:120px;
margin: 5px;
}
.product_suggest_block .product_card_img{
width:100px!important;
margin-right:10px;
}
.product_suggest_block .product_card{
border:none;
border-radius:0px 0px 10px 10px;
}
.product_suggest_block .product_card_img_container{
padding:0px;
border-radius:unset;
display: flex;
align-items: center;
}
.product_suggest_block .product_card_code{
margin:unset;
}
.product_suggest_block .dynamic_addbasket{
padding-top:0px;
padding-bottom: 10px;
}
.sub-category-wrapper{
width:100%;
}
.sub-category-grid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
list-style: none;
}
.sub-category-list{
padding: 10px;
display: flex;
flex-direction: column;
}
/*.product_card_item_list .dynamic_addbasket{
display:none!important;
}*/
.cattest .sidebar{
display: inline-block;
margin-top:70px;
margin-right:10px;
}
/*.cattest .sub-category-list-item {
border: 1px solid #bfbfbf;
margin: 10px 10px 10px 10px;
width:200px;
padding: 10px 10px 10px 10px;
}*/
.cat_container{
min-height: 1200px;
}
.cattest > ul {
list-style-type: disc;
cursor: pointer;
}
.cattest a:visited, .alink:visited {
color: #005baa;
text-decoration: none;
}
.cattest a, .alink {
color: #005baa;
text-decoration: none;
}
*, *:before, *:after {
box-sizing: inherit;
}
.cattest a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;
}
.product_card_item_list{
display: block;
margin-bottom: 10px;
}
.product_card_item_grid{
flex-basis: calc(100%*.25);
max-width: calc(100%*.25);
padding: 10px;
}
.product_card{
border:none;
background-color: #f5f5f7;
border-radius:10px;
text-align: center;
/* height: 100%;*/
display: flex;
flex-direction: column;
border:1px solid #00000022
}
.product_card_item_list .product_card{
flex-direction: row;
}
.product_suggest_block{
margin-bottom:20px;
}
.product_card_img_container{
padding:10px;
background: #FFF;
border-radius:10px 10px 0px 0px;
}
.product_cat ,.product_cat{
background-color: #ffffff;
}
.product_card_text{
display: flex;
text-align: center;
flex-direction: column;
flex-grow: 1;
text-align: center;
padding: 10px;
line-height: 1.3;
position: relative;
background-color: unset;
}
.page_design_selector .product_item .description:before,
.page_favourite .description:before,
.product_card_desc a:before{
content:"PRODUCT";
display:block;
color: #6e6e7399;
letter-spacing:0em;
font-size:11px;
font-weight:400;
}
.product_card_desc a {
white-space: pre-line;
overflow: hidden;
display:block;
color:#005baa!important;
width : 100%;
text-align: center;
font-size:12px!Important;
font-family: 'Inter', sans-serif!important;
font-weight:400;
display: -webkit-box;
max-width: 100%;
height: 36px;
min-height:unset;
letter-spacing:-0.03em;
line-height: 1.3em;
text-overflow:ellipsis;
overflow:hidden!important;
display: -webkit-box !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
white-space: normal;
}
.sub-category-list .product_card_desc a{
height:unset;
}
.sub-category-list .product_card_code {
color: #622bff!important;
text-align: left;
font-size: 12px;
}
.sub-category-list .product_card_code:before{
content:"CODE";
display:block;
color: #6e6e7399;
letter-spacing:0em;
font-size:11px;
font-weight:400;
}
.sub-category-list .product_param{
text-align: left;
}
.sub-category-list .bar_size:before{
content:"SIZE";
display:block;
color: #6e6e7399;
letter-spacing:0em;
font-size:11px;
font-weight:400;
}
.sub-category-list .height_mm:before{
content:"HEIGHT";
display:block;
color: #6e6e7399;
letter-spacing:0em;
font-size:11px;
font-weight:400;
}
.sub-category-list .length_mm:before{
content:"LENGTH";
display:block;
color: #6e6e7399;
letter-spacing:0em;
font-size:11px;
font-weight:400;
}
.sub-category-list .product_card_desc a{
text-align: left;
}
.sub-category-list .sproduct_card_link{
display: none!important;
}
.product_card_desc a:visited{
color:#333;
}
.product_card_desc a:link{
color:#333;
}
.product_card_desc a:hover{
color: #005baa;
}
.product_card_cat_text{
color:#333;
}
.product_card_price{
display: block;
color:var(--apple-blue);
font-size: 1.125rem;
line-height: 1;
font-weight: 700;
text-align: left;
margin-bottom:5px;
}
.product_card_price_exvat{
display: block;
color:#333;
font-size: 11px;
font-weight: 400;
padding-bottom: 2px;
display:none;
}
.product_card_code{
padding-top: 4px;
font-size: 12px;
color:#000;
margin-bottom:10px;
}
.product_card_view a{
color: #005baa;
text-decoration: underline;
font-weight: 400;
padding-top:5px;
padding-bottom:5px;
display:none;
}
.product_card_view a:link{
color: #005baa;
}
.product_card_view a:visited{
color: #005baa;
}
.product_card_view a:active{
color: #003562;
}
.product_card_item_list .product_card_text{
flex-direction: row;
min-height: unset;
justify-content: space-between;
margin:0;
width: unset;
margin:0px!important;
font-size: 16px;
padding: 10px;
flex-wrap: wrap;
}
.product_card_item_grid .product_card_img{
min-width:175px;
min-height:175px;
max-height: 100%;
width:unset;
}
.product_card_item_list .product_card_img{
height: 64px;
max-width: 100%;
width:unset;
}
.product_card_item_list .product_card_img_container{
display: none;
flex-direction: column;
justify-content: center;
min-height:unset;
padding:5px;
border-radius:10px;
}
.product_card_item_list .product_card_view{
min-width: 225px;;
}
.product_card_item_list .dynamic_addbasket {
flex-direction: unset;
justify-content: flex-start;
}
/*.cattest .sub-category-list-item__name {
font-size: .875rem;
font-weight: 700;
text-decoration: none;
}*/
.cat_view_but{
padding: 10px;
cursor: pointer;
font-size: 16px;
}
.cat_view_but:hover{
color: #000;
}
.filter_title{
background-color: #005baa;
color:#FFF;
padding:10px;
font-size: 24px;
}
.filter_options > ol >li > a{
color:#000;
}
body{
background: #FFF!important;
}
.current_filter ol{
margin: 0;
padding: 0;
list-style: none none;
color:#000;
}
.cat_options{
display: flex;
flex-direction: row;
justify-content: space-between;
height:auto;
border-top: unset;
padding-top: 25px;
margin-left: 10px;
margin-right: 10px;
}
.cat_level_3_grid{
flex-basis: calc(100%*.2);
max-width: calc(100%*.2);
}
@media only screen and (max-width: 1024px) {
.product_card_item_grid{
-webkit-flex-basis: calc(100%*.5);
flex-basis: calc(100%*.5);
max-width: calc(100%*.5);
padding: 10px;
}
}
@media only screen and (max-width: 690px) {
.product_selectorC .selector_content_l3{
-webkit-animation-play-state: running!important;
animation-play-state: running!important;
}
}
.brand_selector{
border:0px;
}
.brand_selector .select_item
{
width:300px;
padding:0px;
border:0px;
}
.brand_selector .bg_enabled {
height: 200px;
background-size: contain;
background-repeat: no-repeat;
border-radius: 20px;
}
.brand_selector .description{
display:none;
}
.brand_selector .image{
padding:0px;
}
.brand_selector .image img{
width:80%
}
.sidebar{
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.03em
}
.filter_title{
background-color: var(--apple-blue);
color:#FFF;
padding:30px;
font-size: 24px;
font-weight:600;
border-radius: 10px ;
text-align: left;
}
.filter_option_title{
font-size: 1.3em;
font-weight: 600;
color:#000;
padding:0px;
}
.filter_option_title:first-letter{
text-transform: capitalize;
}
.current_filters{
margin-bottom:20px;
}
.current_filter_title{
background-color: var(--theme-background-grey1);
color: #333;
font-size: 24px;
font-weight: 700;
text-align: left;
padding:20px;
border-radius: 10px 10px 0px 0px;
border: 1px solid #bfbfbf;
}
.current_filters .current_filter{
border-radius: 0px 0px 10px 10px;
padding:20px;
background-color: var(--theme-background-grey2);
}
.current_filter_name_cat:first-letter{
text-transform: capitalize;
}
.current_filter_name_cat{
margin-left: 10px;
font-weight: bold;
}
.filter_option{
padding-left: 10px;
cursor: pointer;
line-height: 1.5;
font-size: 14px;
}
.fitler_options{
padding-bottom: 12px;
padding-top: 4px;
display: flex;
flex-direction: column;
}
.filter_option:hover .text{
text-decoration: underline;
}
.current_filter{
border: 1px solid #bfbfbf;
padding:10px;
}
.filter_cat{
border:unset;
border-bottom: 1px solid #bfbfbf;
margin-top: 10px;
padding: 0px 10px 0px 10px;
}
.filter_options ol{
margin: 0;
padding: 0;
list-style: none none;
}
.cattest{
margin-top:5px;
}
.filter_options .count {
color: #9b9da0;
padding-left: 5px;
}
.filter_option .text{
color:#333;
}
.cat_summary{
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.03em;
margin-bottom:70px;
}
.cat_summary_header{
border-top:1px solid var(--theme-background-grey3);
padding:20px 0px 0px 0px;
font-weight:700;
background: unset;
color:#000;
font-size: 20px;
font-weight: 600;
border-radius: 0px;
text-align: left;
flex-direction: column;
}
.cat_summary .product_card{
margin-right:10px;
}
.cat_summary .product_card_text,
.cat_summary .product_card_desc a:link
{
text-align: left!important;
}
.cat_summary .product_card_text{
padding:20px;
}
.cat_summary .dynamic_addbasket{
justify-content: left;
}
.cat_summary .product_card_desc a:link{
color: #000!important;
font-size: 1.5em!important;
font-weight: 600;
height: 50px;
}
.cat_summary .product_card_code{
color: #622bff!important;
}
.cat_summary .cat_select_link{
color: #ffffff;
padding: 20px;
margin: 10px 0px 10px 0px;
font-weight: 400;
width: fit-content;
background: var(--fhb-blue);
border-radius: 5px;
}
.brand_logo
{
height:300px;
}
.slideshow-container {
display:flex;
background: #FFF;
padding:0px;
width:100%;
height:458px;
border-radius: 10px;
}
.slide_text{
padding:30px!important;
filter:unset!important;
animation-name: textgrey;
animation-duration:10s;
animation-iteration-count: infinite;
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.03em;
max-width:unset!important;
color:#000000!important;
}
.slide_text button{
background: var(--apple-blue)!important;
margin:10px!important;
}
.slide_dots{
margin-top:0px;
display:none;
}
@keyframes textgrey
{
0%{opacity:0;
}
70%{opacity:1}
75%{opacity:0.7}
100%{opacity:0.0}
}
.slideshow-container img{
animation-duration: 10s;
animation-iteration-count: infinite;
animation: move 10s ease;
/* Add infinite to loop. */
-ms-animation: move 10s ease;
-webkit-animation: move 10s ease;
animation: move 10s ease;
-moz-animation: move 10s ease;
padding-left:670px;
object-fit: cover;
scale:1.2;
}
@keyframes move {
50%{opacity:1;
background: #FFF;
}
60% {
scale:1.4;
background: #f3f3f5;
}
70%{opacity:0;
}
80%{
background: #FFF;
}
100%
{opacity:0;
}
}
/* favourite
*/
.buy_again{
margin-top:20px;
}
.nuy_again_filter {
min-width: 240px;
font-size: 1.3em;
font-weight: 400;
color: #000;
max-width: 300px;
margin: 0px;
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.03em;
margin-right:20px;
}
.buy_again_options:before{
content: "History";
padding-left: 5px;
padding-bottom: 20px;
font-weight: 600;
padding-top: 20px;
font-size: 1.3em;
background: #f5f5f7;
margin-bottom: 10px;
padding-left: 10px;
border-radius: 10px;
color:#fff;
background-color: var(--apple-blue);
}
.buy_again_options{
width: 100%;
margin: 0px;
display: flex;
align-content: stretch;
justify-content: flex-start;
flex-flow: column;
}
/*.cat_sort_input{
box-shadow: unset;
margin-bottom:20px;
}*/
.cat_view_sum,
.sort_title
{
line-height: 35px;
color: #000;
font-size: 16px;
font-weight: 500;
}
.cat_sort_input{
padding:0px;
box-shadow: unset;
text-align:center;
}
.cat_filter_label
{
padding:0px;
}
.nuy_again_filter .cat_filter_label:nth-child(1)
{
margin-top:20px;
}
.nuy_again_filter .cat_filter_label:nth-child(1)::before
{
content:"Category Section";
padding-left:5px;
padding-bottom:20px;
font-weight: 600;
padding-top:20px;
font-size:1.3em;
background:#f5f5f7;
margin-bottom:10px;
padding-left: 10px;
border-radius: 10px;
color:#fff;
background-color: var(--apple-blue);
}
/*Homepage
*/
.news {
background: #FFF
}
.select_box_home .product_grid
{
margin-top:0px!important;
padding-top:0px;
gap:0em;
}
.select_box_home img
{
width:95%;
}
.product_grid .fade-in{
gap:0em!important;
}
.select_box_home{
padding:0px!important;
border-radius:10px;
border:1px solid #eaeaea;
aspect-ratio: 0.8!important;
transition: box-shadow 0.5s ease!important;
transition: transform 0.2s ease!important;
}
.select_box_home.HEX154881glass,
.select_box_home.HEX154881,
.select_box_home.HEX1A5AA1
{
font-size: 16px;
font-weight: 300;
line-height: 24px;
max-height: 230px;
}
.minitile1 .select_box_text,.minitile2 .select_box_text,.minitile3 .select_box_text,.minitile4 .select_box_text {
background-color: unset;
color: unset;
}
.select_box_home.minitile1,.select_box_home.minitile2,.select_box_home.minitile3,.select_box_home.minitile4{
font-size: 12px;
font-weight: 300;
line-height: 22px;
max-height: 96px;
background-color: #154881;
color: #FFF;
}
.select_box_home.minitile1{
background:#e1161e;
color:#fff126;
}
.select_box_home.minitile2{
background:#1A5AA1;
}
.select_box_home.minitile3{
background:#154881;
}
.select_box_home.minitile4{
background:#1A5AA1;
}
.select_box_home:hover
{
transform:scale(1.025);
box-shadow: var(--shadow2);
}
.HEX154881,
.HEX154881:hover {
background:#154881!important;
color:#FFF!IMportant;
}
.HEX154881glass,
.HEX154881glass:hover
{
background:#15488177!important;
color:#FFF!IMportant;
}
.HEX1A5AA1,
.HEX1A5AA1:hover
{
background:#1A5AA1!important;
color:#FFF!IMportant;
}
.ProductTile .select_box_title {
padding-bottom:0px!important;
}
.select_box_home.HEX154881 .select_box_text,
.select_box_home.HEX154881glass .select_box_text,
.select_box_home.HEX1A5AA1 .select_box_text
{
background: unset;
color:unset;
}
.select_box_home.HEX154881glass .select_box_maintext,
.select_box_home.HEX154881 .select_box_maintext,
.select_box_home.HEX1A5AA1 .select_box_maintext
{
color:#FFF;
background:unset;
margin-top:30px;
font-size:16px;
}
.select_box_text {
border:none!important;
margin:0px!important;
text-shadow:none!important;
text-align: left!important;
padding:4px 20px 8px 20px;
font-size:18px;
border-radius: 10px 10px 0px 0px;
/*
background-color: rgba(0,0,0,0.5)!important;
color: #fff!important;
*/
}
.select_box_subtitle{
padding-bottom:0px!important;
font-size:16px;
line-height:24px;
}
.select_box_home.HEX154881glass .select_box_subtitle,
.select_box_home.HEX154881 .select_box_subtitle,
.select_box_home.HEX1A5AA1 .select_box_subtitle
{
margin-top:30px;
font-size:24px;
line-height: 1.3em;
}
.select_box_home .product_grid >div >div
{
font-size:14px;
letter-spacing: -0.03em;
background:unset;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
padding-left: 20px;
}
.select_box_home_container .select_box_text {
margin-top:0px;
}
.select_box_home_container .grid_product_text{
height: 4Px;
margin-bottom: 16px;
color: #636363;
font-size: 11px;
padding:0px!important;
margin-left:-5px;
text-align: left!important;
}
.grid_refresh {
background: var(--apple-blue)!important;
padding: 5px;
color: #FFF!important;
font-size: 16px!important;
width: 100PX;
margin-top: 4px;
margin-left: 10px;
text-transform: capitalize;
border-radius: 5px;
}
.grid_refresh svg{
margin-left: -12px;
margin-right: 6px;
}
.grid_refresh svg path {
stroke: #FFF;
}
.free_del_tile {
background: #f5f5f7!important;
color: #000!important;
}
.free_del_tile .select_box_text{
background-color: unset!important;
}
.free_del_tile .select_box_title{
font-size:24px;
}
.free_del_tile .select_box_maintext{
font-size: 24px;
font-weight: 500;
letter-spacing: -0.04em;
padding-top: 20px;
}
.websitenew .title{
justify-content: center;
font-size:5em;
font-weight: 600;
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.03em;
text-align: center;
margin:40px;
}
.websitenew .text-block{
display: flex;
justify-content: space-around;
font-size:0.6em;
font-weight: 600;
padding:20px;
flex-direction: row;
flex-wrap: wrap;
}
.websitenew .text-header{
padding:30px;
margin:5px;
background: #fFF;
text-align:left;
border-radius: 20px;
width:100%;
font-size:24px;
font-weight:600;
line-height:1.1em;
max-width: 300px;
}
.websitenew .text-header p{
color:#000;
font-weight:400;
font-size:1em;
letter-spacing:0em;
line-height: 1.5em;
}
.hd1{
animation: clearbox1 30s ease;
}
.hd2{
animation: clearbox2 30s ease;
}
.hd3{
animation: clearbox3 30s ease;
}
.hd4{
animation: clearbox4 30s ease;
}
@keyframes clearbox1
{
0%{background: #f5f5f7;}
20%{background:#fff}
40%{background: #027fff11;}
}
@keyframes clearbox2
{
20%{background: #f5f5f7;}
40%{background:#fff}
60%{background: #f5f5f7;}
}
@keyframes clearbox3
{
40%{background: #f5f5f7;}
60%{background:#fff}
80%{background: #f5f5f7;}
}
@keyframes clearbox4
{
60%{background: #f5f5f7;}
80%{background:#fff}
100%{background: #f5f5f7;}
}
.address_container {
display: flex;
flex-wrap: wrap;
}
.address_container .address{
background: #FFFfffAa;
min-width:300px;
padding:20px;
font-size:15px;
font-weight: 400;
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.03em;
border:1px solid #cacaca;
border-radius:10px;
margin:10px;
transition:
0.5s ease-in-out transform
}
.address_container .sld_add4{
min-height:20px;
}
.address_container .sld_custr,
.address_container .default_delcode,
.address_container .sld_del_code,
.address_container .sld_frq
{
display: none!important;
}
.address_container .sld_name{
font-weight:700;
font-size:19px;
}
.address_container .sld_postcode,
.address_container .sld_contact,
.address_container .sld_lastdate_used
{
margin-bottom:10px;
}
.address_container .sld_tel:before
{content:"Phone Number: ";
color:lightgrey;
margin-top:5px;}
.address_container .sld_mobile:before
{content:"Mobile Number: ";
color:lightgrey;}
.address_container .sld_email:before
{content:"Email: ";
color:lightgrey;}
.address_container .sld_contact:before
{content:"Contact: ";
color:lightgrey;}
.address_container .sld_create_date:before
{content:"Created Date: ";
color:lightgrey;}
.address_container .sld_lastdate_used:before
{content:"Last Used: ";
color:lightgrey;}
.address_container .address:has(.sld_del_code_1){
background: var(--theme-background-color-filled)!important;
color:#FFF!important;
}
/*.address_container .address:has(.sld_del_code_1):before{
content:"Default"
}*/
.address_container .buttons{
display: flex;
align-items: flex-end;
justify-content: center;
}
.address_container .address_edit ,
.address_container .address_remove
{
margin-top:10px;
padding:2px;
padding-right:10px;
padding-left:10px;
border-right:1px solid var(--theme-background-grey2);
}
.address_container .address_add{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size:24px;
font-weight: 700;
border:3px dashed grey;
}
.address_container .address_add svg {
font-size:50px;
font-weight: 800;
}
.address_container .address:has(.sld_del_code_1) .buttons a {
color:var(--theme-link-color);
}
.account_tile *
{background: unset;
font-size:17px;
font-weight: 500;
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.03em;
}
.account_menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: .5em;
}
@media only screen and (max-width: 1124px) {
.account_menu {
grid-template-columns: 1fr 1fr;
grid-gap: .4em
}
}
@media only screen and (max-width: 700px) {
.account_menu {
display:grid;
grid-template-columns: 1fr;
grid-gap: .4em
}
}
#groupNotes .account_menu{
margin-top:10px;
margin-left: -10px;
margin-right:-10px;
}
#groupNotes .offer_container{
margin-left: -10px;
margin-right:-10px;
}
.account_tile {
width:unset!important;
min-height:unset;
min-width:unset;
display:inline-block;
padding:10px;
color:#555!important;
transition: all 0.5s ease-out;
background:#F5F5F7;
border:None;
box-shadow: var(--shadow1);
}
.account_tile .account_icon{
display: None;
}
.account_contaner >div {
background: #fff;;
}
.offer_container >div {
transition: all 0.5s ease-out;
}
.account_tile:hover
{
filter: hue-rotate(10deg);
border:none;
background-color: #FFF;
color:#000;
border:none;
opacity:unset;
}
.live_config svg
{
width:120px;
}
.account_tile .text_block>p:nth-child(1){
margin:0px!important;
font-weight: 700;
font-size: 27px!important;
}
.account_tile .text_block>p:nth-child(2){
font-size:16px!important;
font-weight:300!important;
margin-top:20px!important;
}
.account_tile.your_order > div.text_block >div>div:first-child::before{
content:"Live Order Update \273d";
display: block;
font-size:18px;
padding-top:10px;
background: -webkit-linear-gradient(0deg, #be22ff 20%, #ff279c 50%, #027FFF 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-weight:600;
}
.news .FAQ_container{
display: none;
}
.your_order .text_block #op_sopo_ref,
.your_order .text_block #op_sopo_their,
.your_order .text_block #op_sopo_del_date
{
font-weight: 800;
color:#000;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #eaeaea;
}
.your_order .text_block #op_sopo_del_date{
color:#027FFF;
}
.your_order .text_block .order_progress span {
display: flex;
}
#op_sopo_ref,#op_sopo_their,#op_sopo_del_date{
display: block;
}
/*.your_order .text_block .order_progress >span >span:nth-child(1) {
display: block;
min-width:150px;
}*/
#op_sopo_their:before {
content:"Your Ref";
display:block;
font-size:12px;
font-weight: 400;
padding-bottom:5px;
}
#op_sopo_del_date:before {
content:"Scheduled Date";
display:block;
font-size:12px;
font-weight: 400;
padding-bottom:5px;
color:#000;
}
#op_sopo_ref:before {
content:"Our Ref";
display:block;
font-size:12px;
font-weight: 400;
padding-bottom:5px;
color:#000;
}
.your_order .order_progress>span>span{
padding-left:10px;
padding-right:10px;
}
/*.your_order .text_block .order_progress >span >span:nth-child(2) {
display:none;
}*/
.your_address .addr_sum:before {
content:"Main Account Address \273d";
font-size:18px;
padding-top:28px;
padding-bottom:10px;
background: -webkit-linear-gradient(0deg, #be22ff 20%, #ff279c 50%, #027FFF 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-weight:600;
}
.your_address .addr_sum {
display: grid;
}
.your_address #sum_cus_add1,
.your_address #sum_cus_add2,
.your_address #sum_cus_add3,
.your_address #sum_cus_add4,
.your_address #sum_cus_postcode{
font-weight: 700;
font-size:15px;
}
.your_address #sum_cus_add3{
display:none;
}
.payment_history {
display:flex;
}
.sli_date,
.sli_their,
.sli_paid_tp {
width:100px;
}
.sli_trans{
display:none;
}
/* Account INformation Your Orders
.account_order_header{
display:flex;
flex-direction: row;
width:100%
}
.account_order_header .saved_order_left{
display:none;
}
.account_orders_buttons >div {
width:960px;
display:flex;
}
.account_order_item .sopo_type,
.account_order_item .sopo_ref,
.account_order_item .sopo_inv_no
{
display:none;
}
*/
.submenu_1{
background: #FFFFFFee!important;
}
.submenu_2 {
border:none!important;
border-left:1px solid lightgrey;
display:none!important;
}
.submenu_2_title{
font-size:40px!important;
font-weight: 500;
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.04em;
}
#header{
opacity:unset!important;
}
/* ACCOUNT INFO */
.fhb_account{
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.04em;
}
.fhb_account .quote_header{
justify-content: unset;
}
.sbasket_item{
border:unset;
border-radius:unset;
margin:0px;
padding:0px;
}
.orders_placed{
font-size: 16px;;
}
.orders_placed .cat_sort_input {
text-align: left;
padding-left:10px;
}
.orders_placed .filtervalue:before
{
color: red!important;
}
.order_header{
display: flex;
width: 100%;
justify-content: space-between;
margin-bottom:10px;
align-items: flex-end;
}
.savedbasket,
.liveconfig,
.account_order_item,
.quote {
min-width:unset;
max-width:unset;
border-radius:10px;
box-shadow:var(--shadow1);
transition: 0.5s all ease-in-out;
margin-bottom:20px;
}
.liveconfig_info{
border-radius: 10px 10px 0px 0px;
padding:20px!Important;
}
.savedbasket:hover,
.liveconfig:hover
{
box-shadow: var(--shadow2);
}
.account_order_item:hover {
box-shadow: none;
/* transform: scale(1.01);*/
}
.account_order_item:hover .order_main_info{
background: #eaeaea;
}
.savedbasket_header,
.liveconfig_info,
.account_view .quote_info
{
display:flex;
flex-wrap: wrap;
background:#f0f2f2;
padding:5px 10px;
margin:0px;
width:100%;
justify-content: flex-start;
}
.savedbasket_header,
.liveconfig_header
{
display: flex;
background:#f0f2f2;
}
.liveconfig_info,
.account_view .savedbasket_header,
.account_view .savedbasket_info
{
display:flex;
flex-wrap: wrap;
background:#f0f2f2;
padding:5px 10px;
margin:0px;
justify-content: space-between;
color: #565959;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.liveconfig_info .item span:nth-child(3),
.savedbasket_info .item span:nth-child(3)
{
color:#000;
font-weight: 500;
}
.account_view .quote_info,
.liveconfig_info{
justify-content: flex-start;
align-items: center;
}
.account_view .quote_info div{
min-width:100px;
}
.quote_actions,
.lc_actions {
display: flex;
align-items: center;
}
.quote_actions button{
background: var(--apple-blue);
color: #FFFF;
font-size: 14px;
padding: 10px;
border: none;
border-radius: 5px;;
}
.lc_actions{
margin-right:10px;
}
.lc_actions .status0 {
background-color: var(--apple-red);
color:#FFF;
padding:10px;
margin:5px;
font-size:14px;
border-radius:5px;
text-align:center;
}
.order_main_info .item span:first-child,
.quote_info .item span:first-child
{
color:#565959;
width:100%;
}
.order_main_info .item span:not(:nth-child(1)),
.quote_info .item span:last-child
{
color:#000;
font-size:14px;
font-weight:500;
padding-right:5px;
}
.order_main_info .order_item,
.fhb_account .quote_item
{
justify-content: space-around;
margin:0px;
}
.quote_item_product {
width:40%
}
.LC_item,
.basket_item,
.order_item,
.quote_item{
margin:0px;
display:flex;
justify-content: flex-start;
border:1px solid #56595933;
}
.order_actions{
width:100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-left:10px;
width:unset;
}
.basket_actions {
display: flex;
justify-content: center;
align-items: center;
}
.order_actions a.clickable.order_again,
.order_actions a.clickable.view_invoice,
.lc_actions button ,
.basket_actions button
{
background-color: #027FFF!important;
padding:8px;
color:#FFF;
border-radius: 5px;
font-size:14px;
margin-left:10px;
border:none;
}
.order_actions a.clickable.view_invoice{
background: var(--apple-red)!important;
margin-left:10px;
}
.liveconfig_info .item,
.savedbasket_info .item{
min-width:120px;
}
select{
height: 36px!important;
}
#basket_name_edit{
margin-right:8px;
}
#basket_name_edit button{
margin-left: 5px;
border: none;
padding: 8px;
text-decoration: none;
cursor: pointer;
font-size: 14px;
color: #fff;
border-radius: 2px;
background: #154881;
}
.progress_onbackorder{
background-color: #C6002111!important;
}
.progress_invoiced{
background-color: #F5f5f7!important;
}
.progress_credit
{
background-color: #027FFF22!important;
}
.order_main_info {
width:-webkit-fill-available;
}
.order_filter input{
display: block;
margin-top: 10px;
width:300px;
}
.fhb_account .product_item
{
border:none;
border-radius: unset;
}
.fhb_account .product_item .prod_preview_image {
border-radius:0px!important;
min-width:120px;
}
.split_order {
background: #F5F5F755!important;
border-radius:0px!important;
justify-content: start!important;
}
.split_order.progress_invoiced{
background: #f5f5f755!important;
}
.split_order.progress_onbackorder *,
.split_order.progress_onbackorder
{
background:#ef3152!important;
color:#FFF!important;
}
.order_item:has(.fill_status_available){
}
.order_item:has(.fill_status_awaitingstock){
}
/*
.fhb_account .order_item:last-child,
.fhb_account .quote_item:last-child
{
border-radius:0px 0px 8px 8px;
margin-bottom:20px;
}
*/
.fhb_account .prod_preview_image,
.fhb_account .product_card_img
{
max-height:100px;
object-fit: contain;
min-height:unset;
width:unset;
}
.fhb_account .description:before,
.fhb_account .product_card_desc:before,
.problem_line .product_description:before,
.product_problem_line .product_description:before
{
display:block;
content:"PRODUCT INFORMATION";
color:var(--theme-background-grey3);
font-size:12px;
padding-bottom:5px;
font-weight: 400;
}
.fhb_account .product_card_desc:before{
padding:0px;
}
.fhb_account .description,
.fhb_account .product_card_desc,
.fhb_account a.product_card_link,
.problem_line .product_description,
.product_problem_line .product_description
{
padding: 10px 0px;
color: #000!important;
font-size: 16px!important;
font-weight: 600;
text-align: left;
margin:0px;
}
.sbasket_item .product_card_code{
color:#622bFF;
font-size: 12px;
}
.fhb_account a.product_card_link{
padding:0px;
}
.fhb_account .code,
.problem_line .product_code,
.product_problem_line .product_code
{
font-size:12px;
color:#622bFF;
text-align: left;
}
.fhb_account a{
text-decoration: unset;
}
.order_item .sopo1_order_qty:before,
.order_item .sopo1_sp:before,
.order_item .order_item_line_total:before,
.quote_item .sopq1_quote_qty:before,
.quote_item .sopq1_quote_sp:before,
.quote_item .sopq1_val:before,
.at_depot:before,
.lcq_qty:before,
.st_sp1:before,
.line_value:before,
.sb_qty:before,
.sb_line_price:before,
.sb_line_total:before,
.fill_status:before
{
display:block;
color:#565959;
display: block;
font-size:12px;
font-weight: 400;
}
.lcq_qty:before{
content:"QTY REQUIRED"
}
.sb_qty:before{
content:"SAVED QTY"
}
.st_sp1:before,
.sb_line_price:before{
content:"PRICE"
}
.line_value:before,
.sb_line_total:before{
content:"LINE VALUE"
}
.fhb_account .dynamic_addbasket {
background: unset;
justify-content: unset;
}
.order_item .sopo1_order_qty:before{
content:"ORDER QTY";}
.order_item .at_depot:before,
.quote_item .at_depot:before
{
display:block;
content:"PROGRESS";
}
.order_item .sopo1_sp:before,
.quote_item .sopq1_quote_sp:before
{
content:"PRICE";
}
.order_item .order_item_line_total:before,
.quote_item .sopq1_val:before
{
content:"LINE TOTAL";
}
.order_item .fill_status::before{
content:"STATUS";
}
.quote_item .sopq1_quote_qty:before{
content:"QUOTED QTY";}
.order_item .sopo1_order_qty,
.order_item .sopo1_sp,
.order_item .order_item_line_total,
.quote_item .sopq1_quote_qty,
.quote_item .sopq1_quote_sp,
.quote_item .sopq1_val,
.at_depot,
.LC_item .lcq_qty,
.LC_item .st_sp1,
.LC_item .line_value ,
.sb_qty,
.sb_line_total,
.sb_line_price,
.fill_status
{
padding:25px!important;
color:#000;
font-size:14px;
font-weight:500;
text-align:center;
}
.live_conf_container,
.saved_basket_container
{
width:100%
}
/* Invoice / Order Confirmation*/
.invoice_header {
margin-top:20px;
}
.address_item.invoice:before,
.page_order_confirmation .address_title
{
Content:"BILLING ADDRESS";
font-size:16px;
font-weight:600;
text-transform: uppercase;
}
.address_item.delivery:before{
Content:"DELIVERY ADDRESS";
font-size:16px;
font-weight:600;
}
.address_item.sold_by:before{
Content:"DESPATCHED BY";
font-size:16px;
font-weight:600;
}
.address_item.invoice,
.address_item.delivery,
.address_item.sold_by
{
font-size:14px;
width:33%;
padding:10px;
}
.address_item.invoice{
background-color: #f5f5f7;
margin-right:10px;
}
.address_item.delivery{
background-color: #f5f5f755;
margin-right:10px;
}
.address_item.sold_by{
background-color: #63bce522;
}
.invoice_title{
font-size:30px;
font-weight:600;
margin-top:20px;
display: flex;
flex-direction: column;
}
.invoice_title .cust_order_ref{display:none;}
.invoice_title .cust_order_their:before{
color:#55555555;
content:"YOUR REF";
font-size:14px;
display:block}
.invoice_title .cust_order_their{
color:var(--apple-blue);
line-height: 0.8em;
}
.overview_item{
background:#f5f5f7;
padding:10px;
display:flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
color:#000;
font-weight:600;
font-size:14px;
margin-top: 10px;
}
.overview_item .sopih_their {
display:none;
}
.overview_item .sopih_ord_date:before,
.overview_item .sopih_del_date:before,
.overview_item .sopih_inv_date:before,
.overview_item .sopih_weight:before,
.overview_item .keyed_by:before,
.invoice_lines .sopih1_inv_qty:before,
.invoice_lines .sopih1_sp:before,
.invoice_lines .sopih1_val:before,
.invoice_lines .sopih1_vat_code:before
{
display:block;
font-size:12px;
font-weight:400;
color: var(--theme-background-grey3);
}
.invoice_item>div{
padding:0px;
}
.invoice_item {
border-bottom:1px solid var(--theme-background-grey1);
}
.invoice_item .description{
font-size:14px!important;
}
.invoice_item
.invoice_item .image{
padding:0px;
min-height: 100px;
}
.invoice_lines .sopih1_inv_qty:before{
content:"INVOICE QTY";}
.invoice_lines .sopih1_sp:before{
content:"UNIT PRICE";}
.invoice_lines .sopih1_val:before{
content:"LINE VALUE";}
.invoice_lines .sopih1_vat_code:before{
content:"VATABLE";}
.overview_item .sopih_ord_date:before{
content:"ORDER DATE";}
.overview_item .sopih_del_date:before{
content:"DELIVERY DATE";}
.overview_item .sopih_inv_date:before{
content:"INVOICE DATE";}
.overview_item .sopih_weight:before{
content:"ORDER WEIGHT";}
.overview_item .keyed_by:before{
content:"PROCESSED BY";}
.invoice_lines .sopih1_inv_qty,
.invoice_lines .sopih1_sp,
.invoice_lines .sopih1_val,
.invoice_lines .sopih1_vat_code {
color:#000;
font-size:14px;
padding-top:25px;
font-weight:600;
}
.invoice_vat_value_container .invoice_value:before{
content:"INVOICE SUMMARY";
text-align: left;
font-size: 16px;
}
.invoice_vat:before{
content:"VAT ANALYSIS";
text-align: left;
font-size: 16px;
}
.invoice_vat_value_container .invoice_value ,
.invoice_vat {
font-size:14px;
font-weight:600;
width:33%;
text-align:left;
letter-spacing: 0em;
padding:10px;
margin-top:10px;
background:#F5f5f7;
}
.sopih_vrate1 ,
.sopih_invgds,
.sopih_invvat{
display: flex;
justify-content: space-between;
}
.invoice_vat .sopih_vrate:before{
content:"VAT Rate";
font-weight:400;
}
.invoice_vat .sopih_invgds:before{
content:"Goods";
font-weight:400;
}
.invoice_vat .sopih_invvat:before{
content:"VAT";
font-weight:400;
}
.invoice_value .sopih_invgds:before{
content:"Total before VAT";
font-weight:400;
}
.invoice_value .sopih_invvat:before{
content:"VAT";
font-weight:400;
}
.invoice_value .total:before{
content:"Total";
font-weight:400;
}
.invoice_value .sopih_invgds,
.invoice_value .sopih_invvat,
.invoice_value .total
{
display: flex;
justify-content: space-between;
}
.invocie_payment{
font-weight:700;
font-size:13px;
font-family: 'Inter', sans-serif;
padding:0px;
margin:10px 0px;
display:grid
}
.invocie_payment code{
font-weight:700;
font-size:20px;
font-family: 'Inter', sans-serif;
}
.invoice_footer:first-child{
width:100%
}
.invoice_iso{
margin-top:10px;
}
.invoice_footer {
display:flex;
flex-direction: column;
}
.address_add{
display: none!important;
}
.address_container .buttons{
display: none;
}
/* / .page_order_details .Order_extras */
.FHB_frame_container{
width: -webkit-fill-available;
margin: 5px;
background: #f5f5f7;
font-size: 14px;
border: 1px solid var(--theme-background-grey1);
font-style: normal!important;
padding:10px;
transition: all 0.5s ease-out;
}
.page_order_details #Additional_info, .page_order_details .guest_account_create, .page_order_details #terms_box{
margin-top: 20px;
margin-bottom: 20px;
background: #f5f5f7;
font-size: 14px;
border: 1px solid var(--theme-background-grey1);
font-style: normal!important;
padding: 20px;
}
.guest_account_create{
margin-top: 0px!important;
border-top: none!important;
margin-bottom: 20px;
}
.FHB_frame_container:hover{
box-shadow: var(--shadow2);
}
.flex_row_mobile .FHB_frame_container:nth-of-type(2){
background-color: #f5f5f755;;
}
.edit_basket_select{
background: #cacaca;
width: fit-content;
padding: 10px;
margin: 5px;
border-radius: 5px;
font-size: 16px;
}
.edit_basket_select a{
color:#FFF;
}
.page_order_confirmation .basket_subtotal_containter,
.page_order_details .basket_subtotal_containter {
/*min-width:unset;
max-width:450px;*/
}
.page_order_confirmation .basket_line_statusA:after,
.page_order_confirmation .basket_line_statusB:after
{
content:"";
}
.page_order_details .address_title
{
text-transform: uppercase;
}
.login_page_container{
text-align:center!important;
}
.parent_P01R1A img{
width:180px;
}
.group_N0354 .catigory_card_grid{
margin-top:10px;
background: #F5f5f7;
}
.group_N0354 .category_title:before{
display:block;
content:"PRODUCT GROUP";
color: var(--theme-background-grey3);
font-size:14px;
font-weight:400;
letter-spacing: -0.03em;
}
.group_N0354 .category_title{
border:none;
}
.group_N0354 img.category_image.loaded{
padding-left:20px!important;
padding-right:20px!important;
}
.group_N0354 img.prod_preview_image{
background: unset;
border-radius: 10px 10px 0px 0px;
}
.group_N0354 .catigory_card .category_notes:before{
display:block;
content:"GROUP NOTES";
color: var(--theme-background-grey3);
}
.group_N0354 .catigory_card .category_notes
{
color:#000;
padding:20px;
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
font-size:1.2em;
margin-bottom:10px;
min-height:180px;
white-space: break-spaces;
line-height: 1.3em;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.group_N0354 .cat_expand_text{
padding: 20px;
margin: 20px;
}
.group_N0354 .catigory_card .title span:nth-child(1){
display:none;
}
.group_N0354 .catigory_card .title {
color:var(--apple-blue);
font-size:1.2em
}
.group_N0354 .product_preview{
border:1px solid var(--theme-background-grey1);
margin-left:3px;
margin-right:3px;
width:140px!important;
border-radius:10px;
background:#eee;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.product_preview_items_menu .prod_desc{
display:none;
}
/* Quick Ad */
.quick_add_container{
padding:40px;
padding-bottom:60px;
margin-top:20px;
margin-right:20px;
background:#f5f5f7;
border-radius:10px;
font-size:24px;
border:1px solid var(--theme-background-grey1);
transition: all 0.5s ease-in-out;
}
.quick_add_container:hover{
box-shadow:var(--shadow2)
}
.quick_add_container >div{
margin-top:10px
}
.quick_add_container >div form input:nth-child(2){
margin-left:10px;
width:100px;
}
.quick_add_container div form input:nth-child(3){
background: var(--apple-blue);
color:#fff;
margin-left:10px;
height:40px;
border-radius: 0px;
}
/* CAD gather */
.basket_lines .cad_request{
padding: 20px;
background-color: var(--apple-red);
color:#FFF;
margin-top:20px;
margin-right:20px;
font-size:16px;
font-weight:600;
border-radius:10px;
height:220px;
display:none;
}
.file_icon_string svg{
max-width:60px!important;
}
.file_icon >svg >path{stroke:#f5f5f7}
#content {
font-family: 'Inter', sans-serif;
}
.glass_selector h1{
color: var(--apple-red)!important;
font-size: 60px!important;
text-align: left!important;
padding: 0px!important;
}
.glass_container_top >h4:before{
content:"F H Brundle, making the difficult things simple...";
display:block;
padding-top:0px;
padding-bottom:20px;
}
.glass_selector h4{
font-size: 16px;
font-weight: 600;
text-align: left;
width:100%
}
.matrix_key_notes,
.glass_description{
min-height:150px;
font-family: 'Inter', sans-serif;
font-size:16px;
letter-spacing: -0.03em;
padding: 10px 0px 0px 0px!important;
color: #6e6e73!important;
font-weight: 400;
background: #FFF;
border-top:1px solid lightgrey;
}
.glass_thickness {
/*width:350px;*/
margin-top:0px;
/*margin-right:50px;*/
}
.glass_thickness .thickness_button{
border-radius:0px;
}
.glass_parameters {
/*width:350px;*/
}
.glass_selector .noselect
{ font-size: 16px;
font-weight: 600;
text-align: left;
/*width:360px;*/
border-top:1px solid #bfbfbf;
padding-top:10px;
margin-top:10px;
display: flex
}
.glass_transform {
transform: perspective(400px) rotateY(15deg);
animation: xxx 10s infinite linear;
}
.glass_transform .glass_text{
font-size:16px;
}
.glass_pane{
backdrop-filter: blur(16px) saturate(180%);
background-color: rgba(135, 206, 217, 0.75);
/* border-radius: 12px; */
border: 1px solid rgba(209, 213, 219, 0.3);
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
box-shadow: 0px 0px 10px 5px #333;
top: 10px;
left: 10px;
box-shadow: 10px 10px 20px #333;
}
@keyframes xxx {
0% {transform: rotateY(0deg),
perspective(500px);}
50% {transform: rotateY(360deg) rotateX(5deg)}
100% {transform: rotateX(90deg),
perspective(500px);}
}
.corner_price{
display:block;
color:var(--apple-blue);
font-size: 18px;
font-weight: 600;
padding-right: 5px;
text-align: left;
}
.glass_preview{
margin-top:0px;
}
.glass_preview:before{
content:"Glass Preview";
font-size: 16px;
font-weight: 600;
text-align: left;
/*border-top: 1px solid #bfbfbf;*/
/*padding-top: 10px;*/
display: flex;
width: 95%;
/*padding-top:10px;*/
}
.glass_preview_flex{
margin-top:30px;
border: 1px solid #fFF;
}
.glassType{
margin-top:10px;
}
.glass_type_button
{
border-radius:0px;
margin:0px!important;
padding-left:20px;
padding-right:20px;
border-radius: 10px;
height: 40px;
font-size: 16px;
justify-content: center;
align-items: center;
margin-right: 5px!important;
}
.corner_table,
.glass_price{
margin-bottom:10px;
}
.glass_price{
margin-top:10px;
margin-bottom:10px;
}
.corner_table, .glass_price{
width: 100%;
}
.corner_table .standard_glass_button{
height:80px;
width: 100%;
padding:0px;
margin:0px;
background: unset;
border:1px solid var(--apple-red);
font-size: 16px;
}
.corner_table .corner_active {
background:var(--apple-red);
color:#FFF;
}
.add_hole >span{
display:block;
font-size:14px;
color:#333333;
padding-bottom:10px;
}
.add_hole .diameter_hole{
margin-right: 10px;
height: 40px;
width: 100px;
font-size: 14px;
border-radius:0px;
border:none;
background:#F5F5F7;
}
.add_hole .hole_active{
background:var(--apple-red);
color:#FFF;
border:none;
border-radius:0px;
}
.corner_active, .glass_type_button.glass_active, .hole_active,
.thick_button_active
{
background:var(--apple-red);
color:#FFF;
font-size:20px;
}
.thick_button_active{
font-size:14px;
}
.add_hole .hole_position_info{
display:flex;
font-size:14px;
color:#333;
padding-top:10px;
padding-bottom:10px;
}
.hole_position_info >div:nth_child(1){
background:yellow;
color:red;
}
.hole_table{
padding:5px;
font-size:14px;
}
.hole_table th{
background:#f5f5f7;
}
.hole_table button{
font-size:20px;
margin-right:5px;
}
.similar_options{
display:flex;
flex-wrap: wrap;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:2px solid #00000022;
}
.Similar_products >h3{
margin:0px!important;
padding:0px!important;
font-family: 'Inter', sans-serif;
letter-spacing: -0.03em;
font-size:24px;
}
.Similar_product {
color: #666;
font-size: 0.8em;
min-width:75px;
max-width:120px;
padding: 0px;
margin:0px;
margin-right: 6px;
white-space: break-spaces;
border: 1px solid var(--theme-background-grey1);
opacity: 1;
display: grid;
align-items: center;
background:#fafafa;
transition: 1.5s ease-in-out;
}
.Similar_product_active{
color: var(--apple-blue);
font-size: 0.9em;
opacity: 1;
border: 1px solid #FFF);
font-weight:400;
background: #f5f5f7;
box-shadow: var(--shadow0);
background: #90B600;
color:#FFF;
}
.Similar_product .sim_preview {
width: 116px;
height: 116px;
display: inline-block;
padding:5px;
border-radius:5px 5px 0px 0px;
}
.Similar_products1,
.Similar_products2,
.Similar_products3,
.Similar_products4,
.Similar_products5
{
animation-name: example;
animation-duration: 1s;
min-height: 130px;
}
.Similar_products2 .sim_colour_block,
.Similar_products2 .sim_colour_block,
.Similar_products3 .sim_colour_block
{
height: 50px;
animation-name: example;
animation-duration: 1s;
}
.similar_options button{
margin-bottom:10px;
}
.Similar_product .sim_text {
font-size:12px;
padding: 8px 10px;
line-height: 1.4em;
letter-spacing: -0.03em;
text-transform: uppercase;
overflow: hidden;
height: calc(100% - 10px);
/*min-height: 52px;*/
display: flex;
text-align: inherit;
justify-content: center;
align-items: center;
}
.Similar_product .sim_price{
color:var(--apple-blue);
display:none;
}
.Similar_product:hover{
opacity:1;
background:#FFF!Important;
box-shadow:var(--shadow2);
border:1px solid greenyellow;
}
.show_more_similar {
padding:10px;
}
.file_icon_string{
padding:0px;
margin:0px;
border-radius:10px;
margin-right:5px;
border: 1px solid lightgrey;
width:100%;
margin-bottom: 5px;;
}
.file_icon_string .file_icon {
padding:9px;
width:70px;
}
.file_icon_string .file_info{
padding:20px;
background:#F5F5F7;
display:inline-grid;
border-radius:0px 0px 0px 0px;
color:#00000080;
animation-name: example;
animation-duration: 1s;
width:100%;
}
.file_icon_string .dl_icons{
padding:20px;
font-size: 20px;;
}
.file_icon_string .file_icon_text{
/*max-width:57px;*/
width:100%;
white-space: nowrap;
overflow: hidden;
}
.LC_container {
margin-top: 10px;
background: #f5f5f7;
padding: 20px 10px 40px 10px;
border-radius: 10px;
max-width: 530px;
animation-name: example;
animation-duration: 1s;
}
.LC_container:after{
content:"Our FREE software to design your bespoke handrailing solution";
padding-left:12px;
font-weight:400;
font-size:14px;
}
.LC_container:Before{
height: 40px;
content: "PART OF THE F.H.BRUNDLE FAMILY";
padding-left: 12px;
font-weight: 200;
font-size: 14px;
color: grey;
letter-spacing: -0.03em;
display: inline-block;
}
.on_page{
margin-right:50px;
}
.cat_request_copy{
background: #00000050;
color: #FFF!important;
width: unset;
height: unset;
padding: 10px;
display: inline-flex;
font-size: 14px;
margin-top: 7px;
border-radius: 5px;
}
.on_page:before {
content:"CATALOGUE INFORMATION";
font-size: 11px;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight: 400;
display: block;
width:300px;
}
.on_page_title {
display:none;
font-size: 20px;
font-weight: 700;
padding-bottom: 5px;
color:#000;
}
.on_page_suffix a{
font-size: 14px;
font-weight: 600;
padding-bottom: 5px;
padding-top: 0px;
display:block;
/*text-shadow: 0px 11px 10px rgb(81 67 21 / 20%);*/
color: #ff8d31;
color:#6f90af;
text-decoration: none;
}
.on_page:hover{
text-shadow: unset!important;
}
.on_page{
background:#F5F5F7;
animation-name: example;
animation-duration: 1s;
margin-top:10px;
}
.on_page .page_icon_svg{
margin-right:10px;
padding:5px;
background: #F5f5f7;
max-width: 60px;
border-radius: 5px;
}
.on_page .page_icon_svg text{
fill:#00000080;
font-weight:600;
}
.on_page .page_icon_svg path{
fill:#eaeaea;
}
.on_page .page_icon_svg fill{
padding:4px;
background: #F5f5f7;
}
@keyframes example {
0% {opacity:0.1}
100% {opacity:1}
}
.product_selectorS .select_item {
max-width: unset;;
}
.product_selectorS .note_text{
font-size: 34px;
padding: 30px;
}
.crumb_item img{
max-height: 300px;
}
.grandparent_group {
background :#f5f5f7;
border-radius: 20px;
margin-top:50px;
margin-bottom:100px;
}
.grandparent_group .product_preview_container{
display: none;
}
.grandparent_group .catigory_card_grid{
width:250px;
min-width:unset!important;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.grandparent_group .catigory_card{
min-width:250px!important;
margin-bottom:0px;
background: #f5f5f755;
border-radius: 10px;
}
.grandparent_group .category_title{
font-size: 16px!important;
font-weight:600;
background: #e7e7e8;
color: #000;
padding-left: 16px;
text-shadow: unset!important;
text-decoration: none;
text-decoration-color: unset!important;
text-decoration-thickness: unset!important;
text-underline-offset: unset!important;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 20px 20px 0px 0px;
}
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.grandparent_group .cat_view_sum{
display: none;
}
.grandparent_group .catigory_card_grid{
padding:0;
border-radius: 20px;
}
.button_filter{
cursor: pointer;
}
.filter_invoice{
background-color: #154881;
color: #fff;
}
.grandparent_group .category_notes{
padding: 10px;
}
.grandparent_group .category_image{
padding:10px
}
.grandparent_group .cat_options:before{
content:"Family Name Here";
display:block;
font-size: 24px;
font-weight: 700;
letter-spacing: -0.03em;
padding-top:30px;
}
.grandparent_group .cat_options{
display:unset;
flex-direction: unset;
justify-content: unset;
content:"Family Name Here";
display:block;
padding-left:20px;
height:160px;
color:#000;
border-bottom: 1px solid lightgrey;
margin-bottom: 20px;
}
.grandparent_group .cat_options:after{
display:block;
content:"You could consider other items in my family";
font-size: 16px;
display: block;
padding-top: 0px;
padding-bottom: 0px;
text-shadow: 0px 11px 10px rgb(81 67 21 / 40%);
}
.grandparent_group .sub-category-grid{
padding-bottom:40px;
}
.product_parent_cat >h1 {
color:#000000!important;
padding-bottom:0px!important;
padding-top:0px!important;
text-align: center;s
}
.product_parent_cat:before {
content:"I am a member of";
color:#000000!important;
padding-bottom:0px!important;
/* text-align: center; */
/* width: 100%; */
display: flex;
/* text-align: center; */
/* align-items: center; */
justify-content: center;
font-size:20px;
letter-spacing: -0.03em;
}
.product_parent_cat .category_image{
padding: 3px;
margin: 20px 20px 0px 20px;
background: #00000020;
width:96%;
box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}
/*
/* Set the width and height of the scrollbar */
::-webkit-scrollbar {
width: 20px;
height: 10px;
}
/* Style the scrollbar track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Style the scrollbar thumb */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 5px;
}
/* Hover state of the scrollbar thumb */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Style the scrollbar button */
::-webkit-scrollbar-button {
background-color: #f1f1f1;
}
/* Style the up arrow */
::-webkit-scrollbar-button:start:decrement {
background-color: #f1f1f1;
border: none;
height: 10px;
width: 10px;
background-image: url('up-arrow.png');
background-position: center;
background-repeat: no-repeat;
}
/* Style the down arrow */
::-webkit-scrollbar-button:end:increment {
background-color: #f1f1f1;
border: none;
height: 10px;
width: 10px;
background-image: url('down-arrow.png');
background-position: center;
background-repeat: no-repeat;
}
.mini_cat_container {
padding-top:40px;
margin-top: 10px;
transition: .5s ease-in-out;
border-radius: 10px;
}
.cat_menu_notes{
color:#000!important;
padding-bottom: 30px;
}
.cat_menu_item {
margin-bottom:15px;
box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0,0,0,.13), 0 0.0625rem 0.125rem 0 rgba(0,0,0,.11);
border-radius:0px;
}
.cat_menu_title
{
transition: background-color 1.5s ease-out;
border-radius: 0px;
}
.cat_menu_item:hover .cat_menu_title {
background:#cacaca;
}
.parent_P01, .parent_Q01,
.parent_D01 {
border: 1px solid lightgrey;
border-radius: 10px;
display: flex;
box-shadow: var(--shadow1);
background: #Eaeaea;
padding:10px;
transition: 0.5s all ease-in-out;
}
.parent_D01 .note_tile,
.parent_P01 .note_tile,
.parent_Q01 .note_tile
{
display: none!important;
}
.parent_D01 .notes ,
.parent_P01 .notes ,
.parent_Q01 .notes
{
font-size:14px;
padding:20px;
font-weight:500;
}
.parent_D01 .selected_extra,
.parent_P01 .selected_extra,
.parent_Q01 .selected_extra
{
margin-bottom:10px;
margin-top:-80px;
}
.parent_D01:hover,
.parent_P01:hover,
.parent_Q01:hover
{
background: #FFF;
box-shadow: unset;
}
.FAQ_container {
margin-top:10px;
border-radius:10px;
padding:20px;
background-color:#F5F5F7;
font-size:14px;
width:100%;
transition: .5s ease-in-out;
}
.FAQ_container:hover,
.associated_products:hover,
.mini_cat_container:hover
{
box-shadow: var(--shadow2);
}
.LC_container:Before{
height: 40px;
content: "PART OF THE F.H.BRUNDLE FAMILY";
font-size: 12px;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight: 400;
display: block;
margin-bottom: 5px;
height:18px;
}
.FAQ_container .start_question:before{
content: "ADVICE AND HELP";
font-size: 12px;
letter-spacing: -0.00em;
color: #6e6e73;
font-weight: 400;
display: block;
margin-bottom: 5px;
height:18px;
}
.FAQ_container .start_question {
padding-bottom: 5px;
margin-bottom:15px;
font-size: 20px;
border-bottom:1px solid rgb(211, 209, 209)!important;
;
}
.FAQ_container .start_question:after {
content:"Click here to ask us a question";
display:block;
margin-bottom:10px;
font-size: 14px;
font-weight:400;
text-shadow: 0px 11px 10px rgb(81 67 21 / 20%);
}
.FAQ_container .FAQ_qa_item{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid rgb(211, 209, 209)!important;
}
.FAQ_question:before {
content:"Q. ";
}
.FAQ_question {
color: var(--apple-red);
font-weight:500;
padding-bottom:5px;
padding-top:5px;
}
.FAQ_answer:before{
content:"A. ";
}
.FAQ_answer {
font-weight: 500;
}
.ReactModal__Content{
background:#f5f5f7!important;
padding: 40px!important;
max-width:960px;
border-radius: 20px;
border:none!important;
box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0,0,0,.13), 0 0.0625rem 0.125rem 0 rgba(0,0,0,.11)!important;
font-family: 'Inter', sans-serif!important;
}
.ReactModal__Content p{
text-align: left;
font-size: 24px;
/*font-weight:700;*/
padding-bottom:10px;
}
.ReactModal__Content #textarea.question_imput {
height:unset!important;
}
.fill_free_space {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin: 20px;
}
.fill_space{
max-width: 250px;
min-height: 250px;
padding:20px;
background-color: #FFF;
border-radius: 10px;
letter-spacing:-0.03em;
color: #fff;
background-color: var(--apple-red);
}
.usp_unique_1,
.usp_unique_3,
.usp_unique_5
{
background: #6f90af;
}
.space_title{
font-size:22px;
font-weight:700;
line-height: 24px;
}
.space_subtitle{
padding-top:10px;
font-size:18px;
font-weight:500;
line-height: 20px;
}
.space_text{
padding-top:10px;
font-size:14px;
font-weight:400;
line-height: 17px;
}
.free_space_link {
text-decoration: none!important;
}
.usp_unique_2{
padding:0px;
}
.usp_unique_2 .space_title{
padding:20px 20px 0px 20px;
}
.usp_unique_2 .space_subtitle{
padding:0px 20px 10px 20px;
}
.usp_unique_2 .space_title,
.usp_unique_2 .space_subtitle
{
background-color: #00000055;
}
.question_div textarea{
height: unset;
}
/* Return */
.problem {
font-size:19px;
font-weight:500;
text-align: center;
}
.problem p{
font-size:19px;
font-weight:500;
text-align: center;
}
.problem_line{
margin-bottom:20px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
background: #f5f5f7;
border-radius:10px;
display: inline-grid;
justify-content: center;
width: fit-content;
margin:10px;
}
.problem_line_notes label{
font-size: 12px;
display: flex;
justify-content: left;
text-align: left;
padding-left: 10px;
color:grey;
text-transform: uppercase;
}
.problem_line_notes label:after{
Content:" (Optional)";
}
.product_problem_line{
border: 1px solid lightgrey;
border-radius: 00px;
margin: 5px;
width: 500px;
display: flex;
background: var(--theme-background-grey2);
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
margin-bottom:20px;
transition: 1s all ease-in-out;
}
.product_problem_line input{
margin: 10px;
background: #fff!important;
width: 20px;
}
.product_problem_image{
border-radius: 10px 0px 0px 10px;
display: flex;
align-items: center;
}
.problem textarea {
width:95%;
height:80px;
}
.product_problem_image img{
width: 140px;
}
.problem_line .product_quantity:before,
.product_problem_line .product_quantity:before
{
content: "DELIVERED QTY";
display: block;
color:var(--theme-background-grey3);
font-size:12px;
padding-top:10px;
font-weight:400;
}
.problem_line .product_quantity,
.product_problem_line .product_quantity{
color:var(--apple-blue);
text-align:left;
}
.product_problem_line.checked_true {
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
background: #f5f5f7;
border-radius:10px;
}
.problem_type button {
font-family: 'Inter', sans-serif;
font-size: 16px;
}
.problem_order_ref{
font-size:20px;
}
.problem_title{
text-align:center;
}
.problem_title #problem_order_ref{
font-weight:800;
margin-bottom:20px;
font-size:30px;
}
.invoice_escape{
margin-bottom:20px;}
.close_invoice{
color:#999;
}
a#alter_qty{
background:yellow;
}
.problem_contact {
padding-bottom:10px;
}
.problem_contact input{
margin-left:10px;
}
.problem_upload,
.problem_additional
{
margin-top:20px;
}
.problem_upload{
padding: 10px 20px 40px 10px;
margin: 10px;
background: #f5f5f7;
color: #000;
width: 480px;
border-radius: 10px;
line-height: 30px;
font-weight: 500;
justify-content: left;
display: grid;
}
.problem_upload:before{
display: block;
content: "PHOTO UPLOAD";
color: var(--theme-background-grey3);
font-size: 12px;
padding-bottom: 5px;
font-weight: 400;
text-align: left;
}
.problem_upload:after{
content:"... a picture can paint a thousand words and will enable us to process your enquiry even quicker!";
font-size:14px;
line-height:20px;
}
.problem_upload #upload_file_label{
padding-top:20px;
}
.problem_additional{
padding: 20px 20px 40px 10px;
margin: 10px;
background: #f5f5f755;
color: #000;
width: 480px;
border-radius: 10px;
line-height: 30px;
font-weight: 500;
text-align: left;
}
.problem_lines:before{
content: "Step 1";
display:block;
color:#cacaca;
font-size:2em;
text-align: center;
}
.problem_upload:before{
content: "Step 2";
display:block;
color:#cacaca;
font-size:2em;
text-align: center;
}
.problem_additional:before{
display: block;
content: "Step 3";
display:block;
color:#cacaca;
font-size:2em;
text-align: center;
}
.problem .problem_step_4:before{
content:"Step 4";
display:block;
color:#cacaca;
font-size:2em;
}
.problem_contact{
background: #F5F5F799;
text-align: left;
padding:10px;
}
.problem_contact label{
width:200px;
}
.problem_name{
padding:20px 10px 10px 10px;
}
.problem .product_quantity svg
{
background: var(--apple-blue);
color: #FFF;
width: 2em;
height: 2em;
padding: 5px;
}
.problem .product_quantity svg:after
{
Content:"Later Return Qty "
}
.problem a#alter_quantity{
display: flex;
align-items: center;
background: var(--apple-blue);
color: #FFF;
font-weight: 400;
width: 125px;
font-size: 14px;
}
.problem_type div:nth-child(2){
font-weight: 800;
font-size: 30px;
text-transform: uppercase;
}
.problem_line .product_quantity div{
display: flex;
align-items: center;
background: var(--apple-blue);
color: #FFF;
font-weight: 400;
font-size: 14px;
width: fit-content;
}
.problem_line .product_quantity input{
margin-left:10px;
border:0px;
width:100px;
}
/* Payment */
.payment{
display: flex;
align-items: center;
flex-wrap: wrap;
background: #f5f5f7;
padding: 5px 10px;
margin: 0px;
width: 100%;
font-family: 'Inter', sans-serif!important;
letter-spacing: -0.04em;
margin-bottom: 12px;
color: #000;
font-size: 14px;
font-weight: 500;
padding-right: 5px;
min-height:69px;
border-radius:5px;
}
.status_paid {
border:1px solid #00000020;
background: #FFF;
}
.status_paid .payment_status{
color:var(--apple-blue)!important;
}
.status_pending {
border:3px solid orange;
background: #FFF;
}
.status_pending .payment_status{
color:orange!important;
}
.status_{
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
transform:scale(1.03)
}
.linechecked_true {
transition: .5s ease-in-out;
box-shadow: none;
transform:unset;
background-color: var(--apple-blue);
color:#FFF!important;
}
.payment_type,
.payment_ref_their,
.payment_our_ref,
.payment_invoice_date,
.payment_invoice_due,
.payment_inv_value,
.payment_inv_value_paid,
.payment_status,
.payment_paid_date
{
min-width:120px;
}
.payment_type:before,
.payment_ref_their:before,
.payment_our_ref:before,
.payment_invoice_date:before,
.payment_invoice_due:before,
.payment_inv_value:before,
.payment_inv_value_paid:before,
.payment_status:before,
.payment_paid_date:before
{
font-size:12px;
text-transform: uppercase;
color:#00000050;
display:block;
}
.linechecked_true .payment_type:before,
.payment_ref_their:before,
.payment_our_ref:before,
.payment_invoice_date:before,
.payment_invoice_due:before,
.payment_inv_value:before,
.payment_inv_value_paid:before,
.payment_status:before,
.payment_paid_date:before
{
font-size:12px;
text-transform: uppercase;
color:#00000090;
display:block;
}
.payment_type:before{
content:"Type"
}
.payment_ref_their:before{
content:"YOUR REF"
}
.payment_our_ref:before{
content:"FHB REF"
}
.payment_invoice_date:before{
content:"INVOICE DATE"
}
.payment_invoice_due:before{
content:"INVOICE DUE"
}
.payment_inv_value:before{
content:"INVOICE VALUE"
}
.payment_inv_value_paid:before{
content:"AMOUNT PAID"
}
.payment_status:before{
content:"STATUS"
}
.payment_paid_date:before{
content:"PAID DATE"
}
.payment input{
margin-right:20px;
}
.pay_link{
background: #f5f5f7;
padding: 20px;
border-radius: 10px;
}
.pay_link > div:first-of-type:before{
content:"You have selected the following item(s) to pay";
font-size: 20px;
font-weight: 700;
padding-bottom: 5px;
color: #000;
display: block;
}
.pay_link .payment_button{
background: var(--apple-blue);
padding: 20px;
font-size: 16px;
color: #fff;
border: none;
border-radius: 5px;
margin-top:20px;
}
.pay_link .pay_total
{
font-weight:600;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid #00000011
}
.pay_selected table {
font-size:16px!important;
text-align: center;
width: 200px;;
}
.pay_selected table th{
border-bottom:1px solid #00000011;
width: 100px;;
}
.payment_history_container .FAQ_container
{
margin-top:30px;
}
.rc-title{
font-size: 17px!important;
color: #333!important;
background: #FFF!important;
}
.Shape-kbbdSK active{
background: unset;;
}
.rc-card-media >div>img{
object-fit: contain;
}
.rc-card-media{
background: unset!important;
}
.rc-card-text *{
font-size: 14px!important;
}
.gvMeht.active{
background-color: #FFF;
}
.BBOM .product_info {
background:unset;
color: #fff!important;
}
.BBOM p {
color:#cacaca!important;
}
.BBOM .BOMDetector{
background-color: #FFF!important;
}
.BBOM .BOMDetector:before{
content: "Alternatives";
color: darkgrey;
padding-left: 20px;
display: flex;
font-size: 12px;
font-weight: 300;
padding-top: 6px;
background: #f5f5f7;
border-radius: 10px 20px 0px 0px;
text-transform: uppercase;
}
.BBOM .product_inner { border-radius: 10px;
min-height:350px;
background-color: var(--theme-background-color-filled);
border-radius: 10px;
min-height: 350px;
margin-bottom: 20px;
}
.BBOM:before:after{
content:"This is a BBOM"
}
.BBOM .product_image {
margin-left:50px;
}
.BBOM .extract_html:before{
content:"PRICE GUIDANCE ONLY";
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
background: var(--apple-red);
border-radius: 10px 10px 0px 0px;
height: 60px;
}
.BBOM .gallery >div {
display: flex;
justify-content: end;
}
.BBOM .inc_vat {
color:#59abff;
font-size:2.5rem!important;
}
.BBOM .BOMDetector{
padding:0px;
}
.BBOM .similar_options{
padding:0px;
margin:0px;
display: flex;
align-items: center;
justify-content: space-evenly;
padding-top:10px;
border-bottom: unset;
}
.BBOM .smiliar_option button{
margin:0px
}
.BBOM .Similar_products1,
.BBOM .Similar_products2,
.BBOM .Similar_products3,
.BBOM .Similar_products4,
.BBOM .Similar_products5
{
background: #F5F5F7;
padding:10px 20px 20px 20px;
display: table-cell;
width:300px;
}
.BBOM .Similar_products1{
border-radius: 0px 0px 0px 10px!important;
}
.BBOM .Similar_products4{
border-radius: 0px 0px 10px 0px!important;
}
.BBOM .Similar_products1:before{
display:none!important;
background-color:#3d403b;
color:#FFF;
font-size:14px!important;
font-weight:300;
padding:10px;
width: 100%;
display: flex;
border-radius:10px 10px 0px 0px;
}
.sibling_N0110,.sibling_N0125,.sibling_N0112,.sibling_N0127,
.sibling_N0104,.sibling_N0120,.sibling_N0122,.sibling_N0103
{
display:none;
}
.sibling_N0121 .name{
font-size: 0px;;
}
.sibling_N0121 .name::after{
content:"Hollow Section";
font-size: 12px;
}
.BBOM .Similar_products1 h3,
.BBOM .Similar_products2 h3,
.BBOM .Similar_products3 h3,
.BBOM .Similar_products4 h3,
.BBOM .Similar_products5 h3
{
background-color:#3d403b!important;
color:#FFF!important;
padding:10px!important;
margin:0px!important;
display:flex;
width:100%;
justify-content: center;
min-width: unset;
border-radius:5px;
}
.BBOM .Similar_products1 h3:before,
.BBOM .Similar_products2 h3:before,
.BBOM .Similar_products3 h3:before,
.BBOM .Similar_products4 h3:before,
.BBOM .Similar_products5 h3:before
{
display: none!important;
}
.BBOM .Similar_product {
box-shadow: unset;
border:none;
}
.BBOM .Similar_product .sim_text {
background: unset!important;
min-height: unset;
padding:0px;
}
.BBOM .similar_options button {
background:unset;
display: inline-block;
min-width: unset;
}
.BBOM .kit_title{
display:none}
.BBOM .BOM_items{
margin-top:20px;
}
.BBOM .BOM_items:before {
content:"This metre run comprises of the following components, please click on the links below ";
color:#555;
font-size:16px;
padding-left:20px;
}
.BBOM a {
color:lightgoldenrodyellow
}
.BBOM .product_sku
{
color:#b8aed5!Important;
}
.filter_na_colour{
color:grey!important;
}
.page_selectors .gridlayout> div:first-child {
background: #F5F5F7;
padding:20px;
margin:30px;
border-radius: 10px;
transition: 0.8s box-shadow ease-in-out;
}
.page_selectors .gridlayout> div:nth-child(2) {
margin:50px;
}
.page_selectors .gridlayout> div:first-child:hover {
box-shadow:var(--shadow2);
}
.page_selectors p{
font-size:14px!important;
color:#333!important;
}
.page_features .content_editable p:first-child,
.page_selectors .content_editable p:first-child
{
color:var(--apple-blue)!important;
font-size: 20px!important;
font-weight: 500;
}
.page_selectors .content_editable p:last-child{
color:var(--apple-blue)!important;
}
.image_grid img{
padding:2px;
}
.page_showcase .TeactModal__Content{
box-shadow:var(--shadow2)
}
.brands .select_box_text{
background:#cfcfcf;
}
.page_design_selector .selector_header{
padding:0px;
}
/*
.page_design_selector .select_item .image{
max-width:200px;
}
*/
#CMS_body > div > div > div.selector_header > div.main_crumbs > div.select_item > div > div.image > img
{
width:400px;
}
@media only screen and (max-width: 500px)
{
.parent_W01 > div > div.image > img{
max-width:100%;
height:auto;
text-align: -webkit-auto;
}
}
.page_design_selector .selector_content_l3 .parent_W01 .clickable,
.page_design_selector .clickable
{
display:grid;
background:unset!important;
transition: 0.5s all ease-in-out;
padding:0px;
}
.page_design_selector .selector_content_l3 .parent_W01 .clickable .image
{
background:unset!important;
padding:10px;
}
.page_design_selector .selector_content_l3 .parent_W01 .clickable:hover,
.page_design_selector .selector_content_l4 .parent_W01 .clickable:hover
{
box-shadow:var(--shadow2);
}
.page_design_selector .selector_content_l3 .parent_W01 .description{
color:#000;
background:#dadadacc;
margin:10px;
padding:16px!important;
margin-top: -76px;
font-weight: 700;
letter-spacing: -0.03em;
font-size: 16px;
}
.page_design_selector .selector_content_l5 .clickable{
width:300px;
}
.page_design_selector .selector_content_l6{
margin-bottom:40px;
}
.page_design_selector .image_l6 {
justify-content: center;
width:100%;
animation: tease 3s;
display:flex;
flex-direction: column;
}
.page_design_selector .image_l6 img{
box-shadow: var(--shadow2);
height:600px;
border: 5px solid black;
}
.page_design_selector .parent_W01
{
width: calc((100% / 5) - (25px * 2 / 3));
}
@media only screen and (max-width: 500px)
{
.page_design_selector .image_l6 img{
width:100%;
height:100%;
}
.parent_W01 .selector_content_l3 .image img
{
max-width: 300px;
width: 100%;
}
}
@keyframes tease {
0% {
opacity:0%
}
100% {
opacity:100%;
}}
.page_design_selector .image_l6::before {
display:none;
}
.page_design_selector .image_l6::after {
content:"Comprising of";
padding:20px;
font-size: 30px;
font-weight: 700;
}
.page_design_selector .product_item{
background-color: #F5F5F7;
}
.page_design_selector .product_item .image{
width:100px;
min-width:100px;
max-width: unset;
}
.page_design_selector .product_item .description {
margin-top: 5px;
font-weight: 700;
letter-spacing: -0.03em;
height:52px;
overflow: hidden;
}
.page_design_selector .product_item {
border: 1px solid lightgrey;
border-radius: 00px;
margin: 5px;
max-width: 400px;
width: 250px;
height:170px;
display: flex;
transition: 0.5s all ease-in-out;
box-shadow: var(--shadow1);
background: var(--theme-background-grey2)!important;
box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0,0,0,.13), 0 0.0625rem 0.125rem 0 rgba(0,0,0,.11);}
.page_design_selector .product_item:hover{
box-shadow:var(--shadow2);
}
.selector_content_l3 > div:nth-child(2) > div > div.image{
display: flex;
}
#var_76S008L2BKBSM > div.Similar_products1
{
display:none
}
.title_borglocks,
.title_gatemaster,
.title_came
{
display:none;
}
.page_design_selector .siblings{
justify-content: center;
}
.page_design_selector .siblings .sibling_text {
width:100%;
text-align: center;
font-size: 30px;
font-weight: 700;
padding: 20px;
}
.page_design_selector .price
{
color: var(--apple-blue);
font-size: 20px;
font-weight: 600;
letter-spacing: -0.04em;
margin-top:5px;
}
.page_design_selector .dynamic_addbasket{
justify-content: left;
}
#CMS_body > div > div > div:nth-child(3) > div:nth-child(1) > div.description,
#CMS_body > div > div > div:nth-child(3) > div:nth-child(1) > div.code,
#CMS_body > div > div > div:nth-child(3) > div:nth-child(1) > div.notepad
{display:none}
.page_design_selector .siblings .description
{
color:#000;
background:#dadadacc;
margin:10px;
padding:16px!important;
margin-top: -46px;
font-weight: 700;
letter-spacing: -0.03em;
font-size: 24px;
}
.tippy-tooltip {
padding:10px!important;
box-shadow:var(--shadow2)!important
}
.tippy-tooltip-content .product_sku::before{
content:"Product Code";
font-size:12px;
text-transform:uppercase;
padding-bottom:5px;
}
.tippy-tooltip-content .product_sku{
text-align:left;
}
.tippy-tooltip-content .tooltip_product_link{
background: var(--apple-blue);
color:#FFF;
Font-weight:500;
justify-content: center;
border-radius:5px;
display: flex;
align-items: center;
box-shadow: none;
transition: box-shadow 0.4s ease-in-out , background-color 2s ease-in-out;
}
.tippy-tooltip-content .tooltip_product_link:hover{
box-shadow: var(--shadow2)!important;
background-color: #8db600!important;
}
.news #groupNotes .cat_menu .mini_cat_container{
background:#FFF;
padding-top:30px;
margin-top:20px;
}
.news #groupNotes .mini_cat_menu_items{
grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
}
.news #groupNotes .cat_menu_item{
margin-bottom:unset;
border-radius:10px;
}
.news #groupNotes .cat_menu_image{
padding:0px;
}
.news #groupNotes .cat_menu_image img{
border-radius:10px 10px 0px 0px;
}
.news #groupNotes .cat_menu_title{
background:unset;
font-size:24px;
}
.news #groupNotes .cat_menu_notes{
padding: 10px!important;
}
.news #groupNotes .cat_link{
display: flex;
align-items: center;
flex-direction: column;}
.news #groupNotes .cat_menu_item{
transition: 0.5s box-shadow ease-in-out;
}
.news #groupNotes .cat_menu_item:hover{
box-shadow:var(--shadow2);}
.news #groupNotes .cat_menu_item.hidden{
display:none}
.news #groupNotes .mini_cat_container:hover{
box-shadow: none!important;
}
.news #groupNotes .mini_cat_section_title{
min-height:unset;}
.select_box_home_container .hidden{
display:none;
}
#new_products,
#complete_collection_2023,
#steel,
#wrought_iron,
#gate_hardware,
#sliding_door_gear,
#gate_automation,
#mesh,
#decking_and_subframe,
#flooring_and_stair_treads,
#gate_hardware,
#fencing,
#fixings,
#handrailing
{
display:none;
}
.page_catalogues > div:nth-child(1) > center > a{
font-size:30px;
font-weight:600;
}
#CMS_body > div.catalogues {
display: flex;
flex-wrap: wrap;
justify-content: center
}
#CMS_body > div.catalogues >div {
min-width: 300px;
border: 1px solid #f7f7f7;
background: #fdfdfd;
margin: 5px;
border-radius: 10px;
}
.catalogues .links {
min-height:200px;
}
.catalogues .image {
padding: 0px;
width: auto;
border-radius: 0px;
height: 286px;
align-items: center;
justify-content: center;
mix-blend-mode: darken;
}
.catalogues .image img{
display: flex;
width: auto;
height: auto;
}
.catalogue > .view_pdf > p > a{
background: var(--apple-blue)!important;
color: #fff!important;
padding: 10px!important;
border-radius: 5px;
width: 100px;
line-height: 40px;
text-align: center;
margin-left: 10px!important;
font-size: 14px;
font-weight: 400;
transition: background-color 2s ease-in-out;
}
.catalogue > .view_pdf > p > a:hover
{
background-color: #8db600;
}
.catalogue .links p:last-child a{
color: #fff!important;;
}
#CatalogueRequest > table > tbody > tr > td label
{
position: relative;
display: block;
float: left;
text-align: right;
width: 102px;
clear: both;
height: 34px;
display: flex;
align-items: center;
justify-content: flex-end;
font-family: 'Inter', sans-serif;
color:grey;
}
#CatalogueRequest > table > tbody > tr > td select{
height:36px;
padding:2px 6px;
font-size: 14px;
font-family: 'Inter', sans-serif;
}
#CatalogueRequest .clickable {
background: var(--apple-blue);
font-family: 'Inter', sans-serif;
font-size:2em;
padding:30px;
color:#FFF;
height:unset;
transition: 0.5s box-shadow ease-in-out;
box-shadow: none;
transition: box-shadow 0.4s ease-in-out , background-color 2s ease-in-out;
}
#CatalogueRequest .clickable:hover
{
box-shadow: var(--shadow2);
background-color: #8db600;
}
#CatalogueRequest > table > tbody > tr > td > dl > dd input {
font-size: 14px;
font-family: 'Inter', sans-serif;
border-color:lightgray
}
#CatalogueRequest > table > tbody > tr > td:nth-child(2) label * {
font-size: 14px;
font-family: 'Inter', sans-serif;
color:red;
}
#CatalogueRequest > table > tbody > tr > td:nth-child(2) > div > label{
font-size: 14px;
font-family: 'Inter', sans-serif;
color:var(--apple-red);
justify-content: left;
font-size:18px;
font-weight:700;
width:unset;
padding-right:10px;
}
#CMS_body > div.frame.full > div.title{
font-weight: 700!important;
font-size: 1.5em!Important;
padding-top: 10px;
font-family: 'Inter', sans-serif;
}
.catalogue h2{
color:#027FFF!important;
font-family: 'Inter', sans-serif;
text-align:center;
height:unset!important;
padding-top:10px!important;
padding-bottom:10px!important;
}
.page_catalogues {
font-family: 'Inter', sans-serif;
}
.catalogue .links p{
margin: 10px 0 10px 0;
padding: 10px 10px 0px 10px!important;
font-size:13px!important;
font-family: 'Inter', sans-serif;
}
/*.split_order_choice {
display: none;
}*/
.parent_T01 > div > div.image{
display:none!important;
}
.note_tile.parent_T01
{display: none;}
.cant_selector .main_title{
background-image: url(https://samsara-web.s3-eu-west-1.amazonaws.com/static/history/Cant-select.jpg);
}
.cant_selector .selector_content_l3{
background-image: url(https://samsara-web.s3-eu-west-1.amazonaws.com/static/history/Cant-select.jpg?v=1);
background-size: cover; /*contain keep it within the bounds*/
background-repeat: no-repeat;
background-position: center;
}
.cant_selector .selector_content_l3 {
grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
}
.basket_div button{
margin-top: 25px;
margin-right: 10px;
border: none;
padding: 10px;
text-decoration: none;
cursor: pointer;
font-size: 14px;
color: #fff;
border-radius: 2px;
opacity: 100%;
}
#close_button{
background:#989898;
}
.basket_div #send_button{
background: var(--apple-blue);
}
.basket_div p{
font-weight: 500;
}
.basket_div #send_button:disabled {
background-color: #dddddd; /* Change background color for disabled state */
color: #999999; /* Change text color for disabled state */
cursor: not-allowed; /* Change cursor to not-allowed for better user experience */
}
.overlay_svg_barsize > text {
fill: #000;
font-size: 12px;
font-weight: 800;
font-family: 'Inter', sans-serif;
}
.contact_us_container > form > label
{
font-family: 'Inter', sans-serif!important;
font-weight:600;
margin-bottom:10px;
}
.contact_us_container > form > select:before{
margin-top:10px;
}
.contact_us_container > form > #enquiry-type {
padding:15px;
}
.contact_us_container > form > div {
margin-bottom:10px;
}
.contact_us_container > form > input {
margin-bottom:10px;
}
.contact_us_container:hover{
box-shadow:var(--shadow2)
}
#Fselectfence{
color: #FFF!important;
text-align: left;
background: #00000088;
margin-top: 129px;
font-family: Inter;
font-size: 30px;
padding: 21px 0px;
border-radius: 0px;
}
#Fselectfence >#Fselect_star,
#Fselectfence >#Fselector_name,
#Fselectfence >#Fselector_subtext,
#Fselectfence >#Fselector_learn
{
padding-left:10px;
}
#Fselectfence >#Fselect_star{
font-size:16px;
}
#Fselectfence >#Fselect_star:after{
content:" Selector";
font-size:12px
}
#Fselectfence >#Fselector_name{
font-weight:600;
letter-spacing: -0.05em!important;
font-size:40px;
margin-top:-10px;
}
.FS_container .ken-burns-container{
border-radius: 0px;
}
#Fselectfence >#Fselector_subtext:before{
content:"This product is "}
#Fselectfence >#Fselector_subtext:after{
content:"."}
#Fselectfence >#Fselector_subtext{
margin-top: -10px;
font-size: 20px;
font-weight:500;
}
#Fselectfence >#Fselector_learn{
background:#FFF;
font-size: 14px;
color: #000;
float: right;
padding: 10px;
margin-left: 10px;
text-shadow: 0px 11px 10px rgb(81 67 21 / 40%);
border-radius: 45px;
margin-top:-75px;
margin-right:10px;
}
.FS_container text,.FS_container #star_group{
/*fill: white!important;;*/
}
.page_structural_cerificates >div:nth-child(1)
{
background: var(--apple-blue);
text-align: center;
padding:50px 100px;
color:#FFF;
font-size: 24px;
border-radius:20px 20px 0px 0px;
}
.page_structural_cerificates >div:nth-child(2)
{
padding:20px;
background: var(--apple-blue);
border-radius:0px 0px 20px 20px;
margin-bottom:50px;
}
.page_structural_cerificates >div:nth-child(2) >p >a
{
text-align: center!important;
color:#FFF;
font-size: 2em!important;
display:block;
}
.page_structural_cerificates .cat_view_sum
{
display:none;
}
.glass_left_container:before{
content:"Calculator"
}
.glass_container_top{
background: #FFF;
margin: 20px 0px;
border-radius: 18px;
padding: 20px;
}
.glass_container_top h1:after{
content: "\273d";
font-size: 0.8em;
}
.glass_container >h4{
padding-left:10px;
}
#sheet:has(.glass_selector) ,#sheet:has(.config_select) {
background:#f5f5f7
}
.glass_left_container >div{
background:#FFF;
padding:20px;
/* margin-right:18px;*/
border-radius: 18px;
/*height: fit-content;*/
}
.glass_left_container >div:first-child{
background:#FFF;
padding:20px;
border-radius: 18px;
box-shadow: 2px 4px 12px rgba(0,0,0,.08);
}
.glass_standards:has(.price_matrix) {
background: #FFF;
padding: 20px 20px 40px 20px;
border-radius: 20px;
text-align: -webkit-left;
/*width:440px;*/
animation: fadeInShadow 0.9s ease-in-out forwards;
/*height:fit-content*/
}
.glass_standards h5 {
font-size: 16px;
font-weight: 600;
text-align: left;
/*width: 360px;*/
/* border-top: 1px solid #bfbfbf;
padding-top: 10px;*/
margin-bottom:20px;
}
.glass_standards > table > tbody * {
padding:5px!important;
border:1px solid lightgrey;
width:100px;
}
.price_matrix_title:after{
display:block;
font-size:12px;
color:var(--theme-background-grey3);
font-weight:400;
content:"All panels are wrapped in cardboard and packed flat on a pallet";
}
.price_matrix {
border-spacing:0px;
}
.price_matrix td {
color: var(--apple-blue);
font-size: 1.3em;
font-weight: 600;
padding-right: 5px;
text-align: center;
background: #fff;
}
.price_matrix thead tr:nth-child(1) th:nth-child(n+2){
background: #027FFF55;;
height:36px;
color:#333;
border-right:1px solid #FFF;
}
.price_matrix thead tr:nth-child(1) th{
color:#333;}
.price_matrix tbody tr th {
background: #027FFF55;;
height:36px;
color:#333;
border-bottom:1px solid #FFF;
}
.glass_basket button{
border: none;
padding: 10px;
text-decoration: none;
cursor: pointer;
background: var(--apple-blue);
font-size: 14px;
color: #fff;
border-radius: 2px;
opacity: 100%;
}
.glass_price_line_total > span:nth-child(3) {
font-size: .875rem;
font-weight: 300;
margin-left: 5px;
}
.glass_basket >label {
display: block;
}
.glass_code {
display:none;
}
.glass_basket input{
max-width: 60px;
height: 40px;
text-align: center;
appearance: textfield;
margin: 0;
border-radius: 0px!important;}
.glass_main .exvat {
font-size: .875rem;
font-weight: 300;
margin-left: 5px;
}
#footer_fhb > div.footer_top > div:nth-child(3) > div.footer_section.pay_icons > img:nth-child(6){
display:none;
}
.page_credit_account > div > div:nth-child(1){
background-color: #F5f5f7;
padding:20px;
border-radius: 10px;
}
.page_credit_account > div > div:nth-child(1) >div:nth-child(1) span
{
color:#000;
font-size:20px;
font-weight: 700;
}
.title_credit_account {
text-align: left!important;
color:#000!important;
padding-left: 10px!important;
}
@media only screen and (max-width: 787px){
.select_box_home_container:has(.minitile1){
grid-template-columns: 1fr 1fr;
}
}
#checkout_choice{
display: flex;
flex-direction: row;
}
#checkout_as_choice >h2{
font-size: 36px;
color: #000;
font-family: 'Inter', sans-serif;
font-weight: 700;
letter-spacing: -0.03em;
padding: 10px;
text-align: center;
}
#checkout_choice>a{
padding:10px;
margin: 10px;
}
.guest_account_create{
display: grid;
grid-template-columns: 1fr 1fr;
alignment-baseline: middle;
}
.guest_account_create>div{
padding:10px;
}
.guest_account_create ul{
padding-left: 40px;;
}
.guest_registation_title{
background: #f5f5f7;
font-size: 14px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
border-top: 1px solid var(--theme-background-grey1);
border-left: 1px solid var(--theme-background-grey1);
border-right: 1px solid var(--theme-background-grey1);
font-style: normal!important;
margin-top:10px;
margin-bottom: 0px!important;
}
@media only screen and (max-width: 787px){
.guest_account_create {
grid-template-columns: 1fr;
}
}
/*#cuttingmodal{
padding:0px!important;
background: #FFF!important;
}
.ReactModal__Content:has(.cut_options)
{
padding:0px!important
}*/
.modalbasic >h4 ,#cutheader >h4 {
padding-bottom:10px;
font-size: 16px;
text-transform: uppercase;
}
.modalbasic button{
background: #027fff;
border: none;
border-radius: 2px;
color:#FFF;
cursor: pointer;
font-size: 14px;
margin: 10px 10px 10px 0px;;
opacity: 100%;
padding: 10px;
text-decoration: none;
}
#branch_close_icon{
color:#000;
}
.modalbasic .close_button{
float: right;
background: #afafaf;
}
#branchfind{
background: #ff7a02;
border: none;
border-radius: 2px;
color:#FFF;
cursor: pointer;
font-size: 14px;
margin: 10px 10px 10px 0px;;
opacity: 100%;
padding: 10px;
text-decoration: none;
}
#changeAddress{
background: #ff7a02;
border: none;
border-radius: 2px;
color:#FFF;
cursor: pointer;
font-size: 14px;
margin: 10px 10px 10px 0px;;
opacity: 100%;
padding: 10px;
text-decoration: none;
width:100%;
}
#reveal_offer{
background: #00FFFF;
border: none;
border-radius: 2px;
color:#FFF;
cursor: pointer;
font-size: 14px;
color:#000;
opacity: 100%;
padding: 30px;
margin: auto;
text-decoration: none;
}
#cut_close_icon,#branch_close_icon{
float:right;border: none;
font-size: large;
background: unset;
}
/*
#cutheader > p:first-child:before
{
content:"We are listening...."
}*/
/*#cutheader > p {
padding: 5px 10px;
}*/
#cut_close_button{
float:right;
}
.cut_options > div {
display: block;
padding: 10px;
background: #027FFF11;
margin-bottom: 10px;
}
#cutheader > p:nth-child(2){
font-weight: 400!important;
}
.cut_options > form > button {
padding: 20px;
border-radius: 5px;
background:#FF4000;
transition: box-shadow 0.4s ease-in-out , background-color 2s ease-in-out;}
#addcuts {
margin-left: 0px;
padding: 20px;
border-radius: 5px;
background:#027FFF;
transition: box-shadow 0.4s ease-in-out , background-color 2s ease-in-out;}
.cut_options > form > button:hover
{
box-shadow: var(--shadow2);
background-color: #8db600;
}
#cut_info{
background: #eaeaea;
padding: 10px;
margin: 20px 0px;
}
#addcuts
.cut_options > button
{
margin-left:0px;
margin-top:10px;
padding: 15px!important;
font-size: large;
border-radius: 5px;
background: var(--apple-blue)!important;
}
/*.ReactModal__Content button {background:#8db600}
*/
.ReactModal__Content .cut_options hr{
background-color: lightgrey;
height: 1px;
margin: 20px 0px;
display:none;
}
.cut_options br {
display:none;
}
.close_cutting{
margin: -80px 10px 20px 10px;
padding: 15px!important;
font-size: large;
border-radius: 5px;
background: lightgrey!important;
}
.ReactModal__Html--open,
.ReactModal__Body--open {
overflow: hidden; /* prevents background page from scrolling when the modal is open */
}
.ReactModal__Overlay {
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
}
.ReactModal__Content {
background: white;
width: 50rem;
max-width: calc(100vw - 2rem);
max-height: calc(100vh - 2rem);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
overflow-y: auto;
position: relative;
}
.modal-close-btn {
cursor: pointer;
top: 1.5rem;
right: 1.5rem;
position: absolute;
width: 3rem;
height: 3rem;
}
.cutting_notepad{
background: #027Fffaa;
padding: 10px 10px;
color: #FFF;
}
.cutting_notepad:after{
display:block;
content:" Please check your measurements are correct";
font-weight: 500;
}
/* product page grid */
.product_image{
grid-area: image_area;
}
.product_info{
grid-area: product_info;
}
.associated_products{
grid-area: also_need;
}
.cut_modal {
margin-bottom:5px;
}
/*
.cut_modal #cuttting_button {
background:unset!important;
color:#000;
}
.cut_modal:after{
content:"Click Here";
float:right;
}
*/
@media only screen and (max-width: 700px) {
.select_box_home_container:has(.minitile1) a:nth-child(3),
.select_box_home_container:has(.minitile1) a:nth-child(4) {
display: none;
}
}
.cut_modal #cuttting_button{
transition: all 0.4s ease-in-out;
color: var(--cat-handrail);
letter-spacing: -0.055em;
text-transform: uppercase;
padding: 10px;
background: #FFF;
border: 1px solid lightgrey;
animation: input-shadow 5s infinite;
font-weight:700;
}
@-webkit-keyframes input-shadow {
0% {
box-shadow: none;
}
50% {
box-shadow: 6px 6px 12px var(--cat-handrail), -6px -6px 12px #ffffff;
}
100% {
box-shadow: none;
}
}
/*
#cut_info #addcuts:after{
content:"FYI. We'll be sending you any offcuts you create too!";
display:block;
}*/
body:has(.full_product .prod_grid) #header,
body:has(.full_product .prod_grid) #header_content,
body:has(.full_product .prod_grid) #fhb_menu_container
{
max-width:unset;
}
@media screen and (min-width: 1480px) {
#page:has(.full_product .prod_grid) {
max-width: unset !important;
padding-left: 100px;
padding-right: 100px;
}
}
.product_container.prod_grid {
display: grid;
grid-template-areas:
"image_area product_info also_need"
"image_area product_info also_need";
grid-template-columns: auto auto auto;
gap:10px;
}
.product_container.prod_grid:has(.sixd_container) {
display: grid;
grid-template-areas:
"image_area product_info sixd"
"image_area product_info also_need";
grid-template-columns: auto auto auto;
gap:10px;
}
.product_card_img_container{
display:block!important;
}
.prod_grid .findex1{
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px!important;
border: 1px solid #027FFF!important;
}
.prod_grid .findex1 .product_card_img_container:before {
Content: "We recommend";
display: flex;
font-size: 12px;
font-weight:600;
text-align: center;
background: #027FFF55;
align-content: flex-start;
flex-wrap: wrap;
padding: 5px;
color: #000;
line-height: initial;
animation: rotateColors 10s linear infinite;
border:1px solid #00000055;
border-radius: 3px;;
box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0,0,0,.13), 0 0.0625rem 0.125rem 0 rgba(0,0,0,.11);
}
.prod_grid .findex1 .product_card_img_container,
.prod_grid .findex0:nth-child(-n+5)
{
flex-wrap: wrap;
}
@keyframes rotateColors {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}
.prod_grid .findex0:nth-child(-n+5) .product_card_img_container:before {
Content: "Customer Favourites";
display: flex;
font-size: 12px;
font-weight:600;
text-align: center;
background: #027FFF22;
align-content: flex-start;
flex-wrap: wrap;
padding: 5px;
color: #000;
line-height: initial;
box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0,0,0,.13), 0 0.0625rem 0.125rem 0 rgba(0,0,0,.11);
}
.st_guest .stock_text {
background: var(--cat-handrail) !important;
border: 1px solid var(--cat-handrail);
color: #FFF;
font-weight: 500;
font-size:14px;
text-align: center;
white-space: break-spaces;
}
#notify_request_button,#stock_notify_button{
border: 1px solid #92c633;
color:#92c633;
padding: 10px;
text-decoration: none;
cursor: pointer;
background:#FFF;
font-size: 14px;
font-weight: 500;
border-radius: 2px;
opacity: 100%;
}
.cad_icons {
background: #FFF;
display: flex;
flex-wrap: wrap;
border-radius: 0px 0px 10px 10px;
}
.cad_icons .file_icon_string {
border:none;
border-radius:0px;
}
.cad_icons .file_info{
display:none;
}
.cad_icons:has(.product_cad_item):before {
content:"RESOURCES";
display: block;
color: #6e6e7399;
font-size: 11px;
letter-spacing: 0em;
font-weight: 600;
width: 100%;
text-align: left;
padding-left: 10px;
}
.sixd_container {
border-radius: 10px;
padding:20px;
transition: .5s ease-in-out;
}
/*
.iframe {
width: 100%;
height: 529px;
border: none;
}
*/
.expand-button{
font-size: 16px;
font-weight:600;
background: -webkit-linear-gradient(0deg, #be22ff 20%, #ff279c 50%, #e6b400 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: rgba(81, 67, 21, 0.35) 0px 11px 10px;
}
.AD_redbg .CustomAd{
background:#ff000061
}
.matrix_key_options > button{
border-radius:0px;
margin:0px!important;
padding-left:20px;
padding-right:20px;
border-radius: 10px;
height: 40px;
font-size: 16px;
background: #FFF;
justify-content: center;
align-items: center;
margin-right: 20px!important;
}
.matrix_key_options .active {
background: var(--apple-red);
color: #FFF;
font-size: 20px;
}
.matrix_key_options{
background: #FFF;
padding:10px;
}
#sheet:has(.matrix_key_options)
{
background: #F5F5F7;
}
.cantselector
{
background: #FFF;
border-radius: 20px;
text-align: -webkit-left;
animation: fadeInShadow 0.9s ease-in-out forwards;
margin: 20px 0px;
border-radius: 18px;
padding: 20px;
}
.cantselector > h1
{
text-align:left!important;
color: var(--apple-red) !important;
font-size: 60px !important;
padding:0px!important;
}
.cantselector>h4:before {
content: "F H Brundle, making the difficult things simple...";
display: block;
padding-top: 0px;
padding-bottom:10px 20px;
}
.matrix table tr th {
background: #027FFF55;
height: 36px;
color: #333;
border-bottom: 1px solid #FFF;}
.matrix table tr td{
width:70px;
text-align: center;
}
.matrix table > tbody *
{
padding: 5px !important;
border: 1px solid lightgrey;
}
.cantselector > h1:after{
content: "\273d";
font-size: 0.8em;
}
.cantselector > h4
{
text-align:left!important;
color: var(--apple-red) !important;
font-size: 24px !important;
padding:0px 0px 0px 10px!important;
}
.matrix table {
padding-top:10px;
}
.matrix div:nth-child(2) {
display: block!important;
background: #FFF;
border-radius: 20px;
text-align: -webkit-left;
animation: fadeInShadow 0.9s ease-in-out forwards;
margin: 20px 0px;
border-radius: 18px;
padding: 20px;
}
.matrix div:nth-child(2):before {
content:"Click the price for your buying options";
font-size: 16px;
text-shadow: 0px 11px 10px rgb(81 67 21 / 40%);
font-weight:600;
}
.matrix table NOT(.cell_value)){
box-shadow:var(--shadow2)
}
.matrix table .cell_novalue {
border:none!important;
background: #eaeaea!important;
}
.Matrix_ProdcuctModal .product_table .product_card_link{
margin: 0px;
padding: 10px 0px 0px 10px;
height: 58px;
width: 148px;
text-align: left;
border-radius: 0px 10px 0px 0px;
color: #000 !important;
font-weight: 600;
font-size: 15px !important;
}
.Matrix_ProdcuctModal .product_table .product_card_code{
color: #622bff !important;
padding-top: 0px;
padding-left:10px;
}
.Matrix_ProdcuctModal .product_table .prod_price{
font-weight: 600;
text-align: left;
font-size: 1.5em;
padding-left: 10px;
color: var(--apple-blue);
}
.Matrix_ProdcuctModal .product_table{
margin-bottom: 20px;
border: 1px solid #dadada;
width:400px;
background: var(--theme-background-grey2);
box-shadow: 0 0.1875rem 0.4375rem 0 rgba(0,0,0,.13), 0 0.0625rem 0.125rem 0 rgba(0,0,0,.11);
}
.Matrix_ProdcuctModal .dynamic_addbasket{
padding-bottom: 10px;
padding-left:10px;
display: block;
}
.Matrix_ProdcuctModal .dynamic_addbasket input
{
height:40px;
}
#cant_select_video{
background: #000;
height: auto;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
border: 50px solid #000;
}
.page_cantilever_selector .content_editable{
background: #000;
color: #FFF !important;
padding: 0px 50px 50px 50px;
}
.page_cantilever_selector .content_editable div:nth-child(n+2):nth-child(-n+5){
font-size: 40px!important;
line-height: 1!important;
font-weight: 700!important;
letter-spacing: -0.03em!important;
}
@media only screen and (max-width: 1200px) {
.matrix table
{
max-width:768px;
font-size: 10px !important;
}
}
.promodal .promo_container {
display:flex!important;
justify-content: center;
flex-wrap: wrap;
overflow: auto;
padding-bottom:20px;
scrollbar-width: auto; /* Set the width of the scrollbar (thin, auto, or none) */
scrollbar-gutter: none!important;
}
.Promos_avaliable_button{
text-align:center;
padding:10px;
background:#EF2137;
color: #fff;
font-weight:600;
font-size:15px;
border-radius:10px;
margin-top:10px;
margin-bottom:10px;
}
.promodal {
background: unset;
max-height: 700px;
}
.promodal .promotions {
min-width:300px;
max-width:300px;
margin:10px;
text-align: left;
box-shadow: var(--shadow1)!important;
height: fit-content;
}
.promodal .product_card_desc a{
color:#000!important;
text-align: left!important;
font-size: 1.2em !important;
height:unset;
font-weight:600;
padding:5px 10px;
background: #eaeaea;
}
/*
.ReactModal__Content:has(.promodal){
inset:unset;
padding:30px!important;
background: #F9f9f9EE!important;
box-shadow: var(--shadow2)!important;
border-radius: 10px!important;
opacity: 0;
animation: fadeIn 2s ease forwards;
max-width:1200px!important;
}*/
@keyframes fadeIn {
from {
opacity: 0; /* Start with 0 opacity */
}
to {
opacity: 1; /* End with full opacity */
}
}
.promodal .prop_addtobasket {
background: var(--apple-blue);
color: #FFF;
padding: 20px;
font-size: 1.4em;
text-align: center;
cursor:pointer;
border-radius:0px 0px 10px 10px;
transition: box-shadow 0.4s ease-in-out , background-color 2s ease-in-out;
}
.promodal .product_card_code{
color: #622bff !important;
padding:0px 10px;
background: #eaeaea;
margin:0px;
padding-bottom:10px;
}
.promodal >h4 {
font-size: 50px;
padding-top:10px;
padding-bottom:0px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}
.promodal .promo_notepad:before{
content:"PROMO DETAILS";
display: block;
color: #6e6e73CC;
letter-spacing: 0em;
font-size: 11px;
font-weight: 400;
margin-bottom:5px;
}
.promodal .promo_notepad{
padding: 10px 20px;
margin: 0px;
letter-spacing:-0.03em;
font-size: 14px;
font-weight:600;
}
.promodal .promo_message {
padding-bottom:30px;
font-size: 16px;
background: -webkit-linear-gradient(0deg, #be22ff 20%, #ff279c 50%, #027FFF 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-weight:600;
}
.promodal .product_card_img_container{
display: flex !important
}
.promodal .prod_promodisc {
background: #EF2137;;
color:#FFF;
padding-left:5px;
font-size:12px;
margin: 10px 20px 0px 20px;
padding: 4px 6px;
}
.promodal .prod_promodisc:after {
color:#EF2137;
background: #FFF;
content:"Limited Time Deal";
font-size:12px;
font-weight:600;
margin-left: 30px;
padding: 4px 10px;
}
.promodal .prod_price,
.promodal .price_sp1
{
color: var(--apple-blue);
font-size: 1.5rem;
line-height: 1;
font-weight: 700;
text-align: left;
padding:10px 10px 10px 20px;
}
.promodal .price_container{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
}
.promodal .price_sp1{
color : #565959;
font-size:12px;
font-weight:500;
}
.promodal .price_sp1:before{
content:"was: ";
text-decoration: none;
}
.promodal .prod_price[content="FREE!"]{
display:none;
}
.promodal .promo_terms:before{
content:"Terms and Conditions";
padding-top:20px;
}
.promotype_FREE .prod_promodisc {
display:none;
}
.promotype_FREE .prop_addtobasket {
background: var(--cat-handrail);
}
.promotype_FREE .prod_price {
color:var(--cat-handrail)
}