body {
background: #b3d3dd;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: normal;
color: black;
}
.inner {
width: calc( 100% - 4rem );
max-width: calc( 1440px - 4rem );
margin: 0 auto;
padding: 1rem 2rem;
}
.main-inner {
padding-top: 0;
padding-bottom: 0;
}
main {
overflow: hidden;
background: #f8fbfc;
}
.print-only {
display: none;
} a {
color: rgb( 0, 109, 142 );
font-weight: bold;
text-decoration: none;
border-bottom: 2px solid rgb( 0, 109, 142, 0.4 );
transition: opacity .15s ease-in, border-color .15s ease-in;
}
a:hover {
opacity: 0.7;
border-bottom: 2px solid rgb( 0, 109, 142, 0.7 );
transition: opacity .15s ease-in, border-color .15s ease-in;
}
a:active {
opacity: 0.4;
border-bottom: 2px solid rgb( 0, 109, 142, 0.4 );
transition: opacity .15s ease-in, border-color .15s ease-in;
}
a.image-link,
a.image-link:hover,
a.image-link:active {
border-bottom: 0;
}
a.button,
input[type="submit"],
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button {
display: inline-block;
background-color: var( --blue );
transition: background-color 500ms;
color: white;
border: 2px solid var( --blue );
border-radius: 10px;
padding: 0.6em 0.8em 0.7em;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background-color: transparent;
color: var( --blue );
border-color: var( --blue );
}
a.button:hover,
.woocommerce a.button:hover,
input[type="submit"]:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover {
background-color: var( --blue-90 );
transition: background-color 200ms;
color: white;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: var( --blue-20 );
color: var( --blue );
border-color: var( --blue );
}
a.button:active,
input[type="submit"]:active,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active,
.woocommerce #respond input#submit:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
button:active {
background-color: #138cb1;
color: white;
}
.wp-block-file {
margin-bottom: 1.5rem;
}
a.document-link::before {
content: "\f15b";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
line-height: 1;
font-size: 110%;
margin-right: 8px;
position: relative;
top: 3px;
}  a[target="_blank"]:not(.image-link):not(.document-link):not(.circle-icon):before {
content: "\f35d";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
position: relative;
top: 2px;
opacity: 0.7;
}
h1,
h2,
h3,
h4 {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-weight: 300;
color: rgba( 0, 109, 142, 0.7 );
clear: none;
margin: 0 0 0.8em;
line-height: 1.3;
}
h1 {
font-size: 48px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 24px;
font-weight: 700;
color: #333;
}
h4 {
font-size: 19px;
font-weight: 700;
color: #333;
}
h2 span.heading-meta {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-weight: normal;
opacity: 0.7;
margin-left: 5px;
}
::selection {
background: rgb( 0, 109, 142 );
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: rgb( 0, 109, 142 );
color: #fff;
text-shadow: none;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 21px;
color: #3579B8;
padding: 0.4em 0.8em;
border: 1px solid #006d8e;
border-radius: 4px;
}
select {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 15px;
color: #3579B8;
padding: 6px 22px 6px 6px;
border: 1px solid #006d8e;
-webkit-appearance: none;
appearance: none;
background: url(//lewisandraby.co.uk/wp-content/themes/lewisandraby/images/select-chevron.png) center right no-repeat;
}
.success,
.woocommerce-notice--success {
display: inline-block;
background: #C2DDA6 !important;
color: #060 !important;
padding: 0.4em 0.8em 0.5em 2.5em;
position: relative;
}
.success::before,
.woocommerce-notice--success::before {
content: "\f00c";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-right: 0.5em;
position: absolute;
top: 0.4em;
left: 0.8em;
vertical-align: text-bottom;
}
.warning,
.woocommerce-notice--warning {
display: inline-block;
background: #fdc !important;
color: #900 !important;
padding: 0.4em 0.8em 0.5em 2.5em;
position: relative;
}
.warning::before,
.woocommerce-notice--warning::before {
content: "\f06a";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin: 0 6px 6px -2px;
position: absolute;
top: 0.4em;
left: 0.8em;
vertical-align: text-bottom;
}
.tip {
display: inline-block;
background: #d9e8ed !important;
color: #006d8e !important;
padding: 0.4em 0.8em 0.5em 2.5em;
position: relative;
}
.tip:before {
content: "\f05a";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin: 0 6px 6px -2px;
position: absolute;
top: 0.4em;
left: 0.8em;
vertical-align: text-bottom;
}
.meta {
color: rgba( 0, 109, 142, 0.7 );
font-size: 85%;
margin: 10px 0;
}
strong {
font-weight: 700;
}
p:last-child {
margin-bottom: 0;
}
.whole-clickable:hover {
cursor: pointer;
}
.alignleft {
float: left;
margin-right: 2%;
margin-bottom: 10px;
}
.alignright {
float: right;
margin-left: 2%;
margin-bottom: 10px;
}
.aligncenter {
display: block;
margin: 0 auto;
float: none;
margin-bottom: 10px;
}
blockquote,
.wp-block-quote {
display: block;
color: black;
font-size: 120%;
padding: 5px 40px;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
box-sizing: border-box;
font-style: normal;
border-left: none;
background-image: url(//lewisandraby.co.uk/wp-content/themes/lewisandraby/images/quote-open.png), url(//lewisandraby.co.uk/wp-content/themes/lewisandraby/images/quote-close.png);
background-position: top left, bottom right;
background-size: 20px 40px, 20px 40px;
background-repeat: no-repeat, no-repeat;
}
blockquote p:last-child {
margin-bottom: 0;
}
hr {
margin: 0 0 1.2em;
padding: 0;
max-width: 900px;
background: none;
border: 0;
border-bottom: 1px solid #ddd;
}
article {
margin-bottom: 30px;
}
article:last-child {
margin-bottom: 0;
} .alignwide,
.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: 50% !important;
padding: 2rem;
transform: translateX( -50% );
}
.alignwide {
max-width: 84rem;
} h2.alignfull,
h3.alignfull,
h4.alignfull {
margin-top: 0;
margin-bottom: 0;
} .wp-block-group:not(.alignwide):not(.alignfull),
.wp-block-columns:not(.alignwide):not(.alignfull) {
margin-left: auto;
margin-right: auto;
} .wp-block-group,
.wp-block-columns {
margin-top: 2rem;
margin-bottom: 2rem;
}
.wp-block-group.has-background,
.wp-block-columns.has-background {
padding: 2rem;
}
.wp-block-group:first-child,
.wp-block-columns:first-child,
.wp-block-group .wp-block-columns:first-child {
margin-top: 0;
}
.wp-block-group:last-child,
.wp-block-columns:last-child {
margin-bottom: 0;
}
.wp-block-group.has-background:first-child,
.wp-block-columns.has-background:first-child,
.wp-block-group.has-background + .wp-block-group.has-background,
.wp-block-columns.has-background + .wp-block-group.has-background,
.wp-block-group.has-background + .wp-block-columns.has-background,
.wp-block-columns.has-background + .wp-block-columns.has-background {
margin-top: -2rem;
}
.wp-block-group .wp-block-image:last-child,
.wp-block-column .wp-block-image:last-child {
margin-bottom: 0;
}
.wp-block-group.three-quarter-width,
.wp-block-columns.three-quarter-width {
max-width: calc( 1080px - 4rem ) !important;
}
.wp-block-group.half-width,
.wp-block-columns.half-width {
max-width: calc( 768px - 4rem ) !important;
} .wp-block-post-title a {
display: inline !important;
} table {
clear: both;
border: 0;
width: auto;
table-layout: fixed;
max-width: 100%;
}
td,
th {
background: #f2f8f9;
padding: 6px 10px;
border: 0;
border-bottom: 1px solid #79b2c2;
max-width: 33%;
vertical-align: middle;
}
tr.headings td,
th {
background: rgb( 0, 109, 142 );
color: white;
}
table.details-table td:first-child {
background: rgb( 0, 109, 142 );
color: white;
} #site-header {
background: #006d8e url(//lewisandraby.co.uk/wp-content/themes/lewisandraby/images/header-bg-bw.jpg) center center no-repeat;
background-size: cover;
width: 100%;
min-height: 83px;
padding: 0;
position: relative;
}
#site-header .inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 0;
padding-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
width: calc( 100% - 2rem );
}
#site-logo {
display: inline-block;
}
#site-header a {
display: inline-block;
color: white;
border: 0;
padding: 2px 10px;
border-radius: 4px;
transition: background-color 500ms;
}
#site-header a:hover {
border: 0;
background-color: rgba( 0, 0, 0, 0.9 );
transition: background-color 200ms;
}
#site-header a:active {
background-color: rgba( 0, 0, 0, 0.5 );
}
#site-logo a {
display: block;
padding: 20px;
background: #eee;
border-radius: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#site-logo a:hover {
background: rgba( 255, 255, 255, 0.9 );
}
#site-logo a:active {
background: rgba( 255, 255, 255, 0.5 );
}
#site-logo img {
width: 400px;
height: auto;
}
#top-contact-and-search {
margin-top: 20px;
text-align: right;
font-size: 19px;
}
#top-contact-and-search a {
display: block;
text-shadow: 0 0 10px black;
}
#top-contact-and-search .menu-button {
display: none;
}
#top-contact-and-search .phone-number {
font-size: 32px;
} .search-form {
display: inline-block;
background: rgba( 0, 0, 0, 0.9 );
border: 1px solid rgba( 255, 255, 255, 0.8 );
padding: 5px;
margin-right: 10px;
margin-top: 20px;
width: 300px;
overflow: hidden;
transition: background-color 500ms;
}
.search-form:hover {
background: rgba( 48, 48, 48, 0.9 );
transition: background-color 200ms;
}
.search-form .input-container {
float: left;
width: 100%;
margin-right: -40px;
}
.search-form #s {
float: left;
background: transparent;
border: 0;
padding: 2px 6px;
padding-right: 40px;
-webkit-appearance: none;
appearance: none;
width: 100%;
color: white;
}
.search-form #s:focus {
outline: none; }
.search-form .submit-button {
float: right;
background: transparent;
width: 32px;
height: 32px;
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: rgba( 255, 255, 255, 0.7 );
border: 0;
padding: 0;
}
.search-form .submit-button:hover {
background: rgb( 0, 109, 142 );
color: white;
cursor: pointer;
}
.search .item-box-container {
margin-bottom: 2em;
} #top-menu {
width: 100%;
}
#top-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#top-menu li {
display: inline-block;
position: relative;
margin: 0 0 20px 0;
}
#top-menu a {
display: block;
text-align: center;
padding: 8px 10px;
margin-right: 10px;
font-size: 21px;
opacity: 1;
text-shadow: 0 0 7px black;
}
#top-menu li:last-child a {
margin-right: 0;
}
#top-menu ul li.menu-item-has-children > a::after {
content: "\f078";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 90%;
margin-left: 0.35em;
}
#top-menu ul ul {
display: none;
}
#top-menu li:hover ul {
display: block;
position: absolute;
top: 45px;
left: 0;
width: 250px;
border-radius: 4px;
border-top-left-radius: 0;
background: rgba( 0, 0, 0, 0.9 );
z-index: 999;
}
#top-menu li.menu-item-has-children:hover a {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#top-menu li:hover ul li {
display: block;
margin-bottom: 0;
}
#top-menu li:hover ul a {
border-radius: 0;
font-size: 17px;
margin-right: 0;
text-align: left;
transition: background-color 500ms;
}
#top-menu li:hover ul li:last-child a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
#top-menu li ul a:hover {
background-color: #333;
transition: background-color 200ms;
} .hamburger {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 110%;
color: white;
float: right;
margin-top: 10px;
margin-left: 15px;
padding: 5px 10px;
border: 0;
border-radius: 4px;
}
.hamburger::before {
content: "\f0c9";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 120%;
color: white;
margin-right: 0.5em;
position: relative;
top: 0.05em;
}
.hamburger.menu-open::before {
content: "\f077";
}
.hamburger:hover {
background: rgba( 255, 255, 255, 0.1 );
border: 0;
opacity: 1;
}
.hamburger:active {
background: rgba( 255, 255, 255, 0.3 );
border: 0;
opacity: 1;
} .urgent-message {
background: #8e2b00;
} .home-page-section {
padding: 15px 0;
overflow: hidden;
}
.full-blue {
background: #006d8e;
color: white;
font-size: 115%;
}
.light-blue {
background: rgba( 0, 109, 142, 0.3 );
}
.lighter-blue {
background: rgba( 0, 109, 142, 0.2 );
}
.lightest-blue {
background: rgba( 0, 109, 142, 0.1 );
}
.home-widget-area {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 40px;
}
.home-widget-area .widget {
width: 28%;
margin-bottom: 40px;
} .parent-link {
display: block;
color: white;
font-size: 24px;
padding: 2px 10px;
opacity: 0.7;
border: 0;
border-radius: 4px;
transition: background-color 500ms;
position: relative;
left: -10px;
}
.parent-link::after {
content: "\f054";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 75%;
margin-left: 0.5em;
}
.parent-link:hover {
background: rgba( 255, 255, 255, 0.1 );
transition: background-color 200ms;
color: white;
opacity: 1;
border: 0;
}
.parent-link:active {
color: white;
background: rgba( 255, 255, 255, 0.3 );
border: 0;
}
.page-title {
color: white;
margin: 0;
}
.page-header .contact-button {
display: inline-block;
background: none;
color: rgba( 255, 255, 255, 0.8 );
border: 2px solid rgba( 255, 255, 255, 0.6 );
margin: 10px 0;
min-width: 10.3em;
} .page-menu {
display: none;
width: 100%;
position: relative;
top: -2px;
padding: 0.2em 0 0;
margin-bottom: 10px;
}
.page-menu ul {
list-style-type: none;
margin-left: 0;
margin-bottom: 0; }
.page-menu li {
font-size: 120%;
}
.page-menu li a {
display: block;
padding: 0.3em 10px;
}
.page-menu li a:hover {
background: #d7ebf0;
}
.page-menu li.current-cat a,
.page-menu li.current-page a {
background: #c5e0e8;
}
.page-menu ul ul {
margin-left: 0.5em;
padding-left: 0.5em;
margin-top: 0.3em;
border-left: 1px solid rgba( 0, 109, 142, 0.15 );
} .content {
margin-top: 2rem;
width: 100%;
} .slideshow {
float: right;
margin-left: 40px;
margin-bottom: 40px;
position: relative;
width: 400px;
padding-bottom: 458px;
color: #999;
overflow: hidden;
}
.slideshow .slide {
background: #eee;
position: absolute;
top: 0;
left: 0;
z-index: 8;
opacity: 0;
width: 100%;
height: auto;
}
.slideshow .slide.active {
z-index: 10;
opacity: 1;
}
.slideshow .slide.last-active {
z-index: 9;
}
.slideshow .slide-image {
float: left;
width: 100%;
}
.slideshow .slide-caption {
position: absolute;
bottom: 3%;
left: 2%;
width: 90%;
background: rgba( 255, 255, 255, 0.85 );
color: #333;
padding: 1% 3%;
}
.slideshow .image-counter {
position: absolute;
bottom: 12px;
left: 0;
width: 100%;
text-align: center;
}
.slideshow a {
display: block;
position: absolute;
height: 48px;
width: 48px;
z-index: 11;
font-size: 36px;
line-height: 1.1;
background: #b3d3dd;
text-align: center;
border: 0;
cursor: pointer; }
.slideshow a:hover {
border: 0;
background: rgb( 0, 109, 142 );
color: white;
}
.slideshow .slideshow-back {
bottom: 0;
left: 0;
}
.slideshow .slideshow-next {
bottom: 0;
right: 0;
} .slideshow-images img {
display: inline-block;
max-height: 100px;
max-width: 100%;
margin-right: 2em;
margin-bottom: 2em;
} .circle-icon {
display: inline-block;
line-height: 52px;
font-size: 21px;
margin-right: 16px;
}
.circle-icon:before {
float: left;
color: white;
padding: 10px 8px 10px 10px;
width: 28px;
height: 28px;
-webkit-font-smoothing: antialiased;
font-family: 'Font Awesome 6 Free';
font-weight: 900;
vertical-align: top;
background: #3579B8;
border-radius: 50%;
margin-right: 12px;
}
.circle-icon:hover:before {
background: #5b9ddb;
}
.circle-icon:after {
content: "\f054";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-left: 8px;
position: relative;
top: 2px;
opacity: 0.7;
}
.quotation-icon:before {
content: "£";
text-align: center;
line-height: 0.7;
padding-right: 10px;
}
.document-icon:before {
content: "\f498";
}
.tech-icon:before {
content: "\f107";
}
.quotation-icon {
position: relative;
}
.quotation-icon span {
position: absolute;
font-size: 12px;
}
.made-in-uk,
.entry-content img.made-in-uk {
height: 48px;
width: auto;
} .teaser .entry-content {
overflow: hidden;
}
.teaser-meta {
text-align: right;
color: #bbb;
font-size: 13px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
margin: 5px 0 30px;
}
.teaser-thumb {
float: left;
margin-right: 20px;
margin-bottom: 10px;
} .entry-content img {
max-width: 100%;
height: auto;
margin-bottom: 1em;
}
.entry-content img.size-large {
width: 733px;
height: auto;
} .concertina {
padding: 0;
margin-bottom: 20px;
}
.indented {
margin-left: 24px;
}
.concertina-heading,
.concertina-style-heading {
background: #d9e8ed;
color: #006d8e;
padding: 10px 15px;
}
.indented .concertina-heading {
background: #d9e8ed;	
}
.concertina-heading::after {
content: "\f078";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-left: 10px;
position: relative;
top: 2px;
opacity: 0.7;
}
.concertina-open .concertina-heading:after {
content: "\f077";
}
.concertina-heading:hover {
cursor: pointer;
}
.concertina-open {
border: 1px solid #d9e8ed;
}
.concertina-content {
padding: 0 10px;
}
.concertina-content article {
padding: 5px;
margin-bottom: 0;
} .single-project .project > .product-featured-image {
float: right;
margin-left: 20px;
}
.made-in {
display: inline-block;
width: 130px;
line-height: 1.4;
}
.made-in img {
float: left;
width: 48px;
height: 48px;
margin-right: 12px;
}
.colour-icon {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
top: -2px;
} .item-box-container {
display: grid;
grid-template-columns: repeat( 6, calc( 16.66666% - 1rem ) );
gap: 1.2rem;
}
.is-layout-grid {
gap: 1.25em;
}
.item-box {
overflow: hidden;
border-radius: 4px;
}
.whole-clickable:hover {
cursor: pointer;
}
.item-box:hover {
background-color: #c5e0e8;
transition: background-color 200ms ease-in;
}
.item-box img,
.wp-block-post img,
.wp-block-image img {
width: 100%;
height: auto;
border-radius: 5px;
}
.item-box h4 {
margin-bottom: 0;
}
.item-box a {
display: inline-block;
border: 0;
}
.item-box p {
font-size: 15px;
margin: 0;
} .widget {
list-style-type: none;
}
.widget:last-child {
margin-bottom: 0;
}
iframe {
width: 100%;
} #contact-pdf-print {
display: block;
}
#contact-pdf-print a {
display: inline-block;
vertical-align: middle;
text-align: center;
margin-right: 20px;
margin-bottom: 10px;
}
#contact-pdf-print img {
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
}
#contact-pdf-print a img {
margin-bottom: 0;
}  .front-page-products {
display: grid;
grid-template-columns: repeat( 6, calc( 16.66666% - 1rem ) );
gap: 1.2rem;
margin: 0;
padding: 0;
clear: both;
}
.front-page-products .product {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.front-page-products img {
width: 100%;
height: auto;
border-radius: 4px;
}
.front-page-products h2 {
font-weight: bold;
font-size: 18px;
margin-top: 0.5em;
margin-bottom: 0.2em;
}
.front-page-products .price {
display: block;
font-size: 90%;
}
.front-page-products .add_to_cart_button {
font-size: 90%;
margin-top: 0.5em;
margin-bottom: 0.8em;
text-align: center;
}
.front-page-products .onsale {
position: absolute;
top: 10px;
right: 10px;
background: green;
color: white;
border-radius: 50%;
border: 2px solid white;
padding: 0.4em;
} .woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-weight: 700;
}
.page-description,
.term-description {
padding-bottom: 1em;
border-bottom: 1px solid rgba( 0, 109, 142, 0.4 );
margin-bottom: 2em;
}
.woocommerce-result-count,
.woocommerce-ordering {
display: none;
} #tab-description h2 {
display: none;
}
.woocommerce table.shop_attributes td {
padding-left: 1em;
font-style: normal;
}
.woocommerce table.shop_attributes {
border: 1px solid rgb( 0, 109, 142 );
}
.woocommerce .quantity .qty {
font-size: 19px;
border-radius: 4px;
width: 4.5em;
}
.woocommerce-product-details__short-description {
margin-bottom: 1.5em;
}
.woocommerce span.onsale {
top: 2.5em;
left: 1.5em;
border: 2px solid white;
}
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: rgb( 0, 109, 142 );
}
.woocommerce .sku_wrapper {
display: none;
}
.woocommerce .posted_in {
font-size: 85%;
}
.woocommerce .woovr-variations .woovr-variation:hover {
background-color: #DFECF0;
border-radius: 5px;
}
#wpgs-gallery {
margin-right: 30px;
} .woocommerce .woo-variation-items-wrapper {
background: transparent;
}
.woocommerce table.variations th,
.woocommerce table.variations td {
max-width: 100%;
}
.woocommerce .variations_form > div {
width: 100%;
}
.woocommerce div.product form.cart .variations th {
background-color: transparent;
color: black;
padding: 0;
text-align: left;
width: 100%;
}
.woocommerce div.product form.cart .variations tr:nth-child(2n) td {
background-color: transparent;
}
.woocommerce div.product form.cart .reset_variations {
float: left;
margin: 0.5rem 2px 0.5rem;
}
.woocommerce .woocommerce-variation-price,
.woocommerce .woocommerce-variation-availability {
margin-bottom: 0.7rem;
}
.woocommerce .quantity .qty {
height: 2.55em;
} .basket-link {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 110%;
color: white;
float: right;
margin-top: 10px;
margin-left: 15px;
padding: 5px 10px;
border: 0;
border-radius: 4px;
order: 99; }
.basket-link::before {
content: '\f291';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 120%;
color: white;
margin-right: 0.5em;
position: relative;
top: 0.05em;
}
.basket-link:hover {
background: rgba( 255, 255, 255, 0.1 );
border: 0;
opacity: 1;
}
.basket-link:active {
background: rgba( 255, 255, 255, 0.3 );
border: 0;
opacity: 1;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
background-color: var( --blue-20 );
color: var( --blue-40 );
border-color: var( --blue-30 );
} .product-price,
.product-quantity,
.product-subtotal {
text-align: right;
}
.product-remove {
width: 1em;
}
.product-thumbnail {
width: 80px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 80px;
height: 80px;
border-radius: 5px;
}
.woocommerce table.shop_table {
border: none;
}
.cart_totals .shop_table td {
text-align: right;
}
.woocommerce a.button.checkout-button {
display: block;
}
#add_payment_method table.cart td.actions .coupon,
.woocommerce-cart table.cart td.actions .coupon,
.woocommerce-checkout table.cart td.actions .coupon {
display: flex;
align-items: stretch;
justify-content: space-between;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
border-color: inherit;
min-width: 140px;
font-size: 90%;
}
.woocommerce-shipping-methods input[type="radio"] {
display: none;
}
.woocommerce-shipping-methods li:not(:last-child){
display: none;
} #add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #B2D3DC;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: #F2F8F9;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 2px solid white;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none;
margin-top: 1em;
font-size: 120%;
}
#add_payment_method #payment .wc-credit-card-form div.form-row,
.woocommerce-cart #payment .wc-credit-card-form div.form-row,
.woocommerce-checkout #payment .wc-credit-card-form div.form-row {
padding: 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: #F2F8F9;
}
.select2-container {
border: 1px solid #006d8e;
padding: 0.6em 0.8em;
font-size: 120%;
background: white;
}
.select2-container--default .select2-selection--single {
border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 6px;
}
.select2-dropdown {
margin-top: -15px;
margin-left: -1px;
border-color: #006d8e;
}
.woocommerce-checkout-review-order-table th:last-child,
.woocommerce-checkout-review-order-table td:last-child {
text-align: right;
} .woocommerce .woocommerce-customer-details address {
border: none;
padding: 0;
padding-bottom: 2em;
}
.woocommerce ul.order_details {
margin-bottom: 1em;
}
.woocommerce ul.order_details li {
float: none;
border-right: none;
margin-bottom: 0.8em;
}
.woocommerce .woocommerce-order-overview__total,
.woocommerce .woocommerce-order-overview__payment-method {
display: none;
}
.woocommerce .woocommerce-table--order-details th:last-child,
.woocommerce .woocommerce-table--order-details td:last-child {
text-align: right;
}
.woocommerce .woocommerce-table--order-details .amount {
display: block;
} .woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
background: white;
margin-top: 2em;
}
.woocommerce .woocommerce-message {
border: 2px solid #8fae1b;
} footer { clear: both;
padding-top: 20px;
padding-bottom: 100px;
margin-top: 20px;
overflow: hidden;
}
footer .footer-sections {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 10px;
}
.footer-section {
margin-bottom: 40px;
width: 23.5%;
}
.footer-section img {
max-width: 100%;
height: auto;
}
footer .site-info {
margin-top: 20px;
color: #666;
font-size: 14px;
padding: 0 10px;
}
.footer-logo {
width: 200px;
height: auto;
}
footer span {
display: inline-block;
margin-right: 20px;
}
footer ul {
list-style-type: none;
margin-left: 0;
}
footer li {
margin-bottom: 0.3em;
} footer a > img {
background: #b3d3dd;
margin-bottom: -1px;
}
.google-map {
border-radius: 5px;
}  @media screen and ( min-width: 1440px ) {
body {
font-size: 19px;
}
.page-header .inner {
position: relative;
display: flex;
align-items: center;
}
.page-header .contact-button {
margin-right: 10px;
}
.parent-link-container + .hamburger + .page-title {
padding-left: 0;
}
.wp-block-group:not(.alignwide):not(.alignfull),
.wp-block-columns:not(.alignwide):not(.alignfull) {
max-width: calc( 1440px - 4rem );
}
.page-title {
flex-grow: 999; }
.page-menu {
width: auto;
padding: 30px 0;
box-sizing: border-box;
padding: 0;
padding-right: 30px;
top: 0;
margin-top: 30px;
background: none;
border: 0;
}
.hamburger {
display: none;
}
.parent-link-container,
.page-menu {
display: block;
flex: 0 0 25.5%; }
.container {
display: flex;
align-items: flex-start;
}
.content {
padding-right: 10px;
}
footer {
margin-top: 40px;
}
} @media screen and ( max-width: 1279px ) {
#site-logo img {
width: 300px;
}
#top-contact-and-search {
margin-top: 10px;
}
#top-contact-and-search a {
padding: 0 10px;
}
.search-form {
margin-top: 10px;
}
.footer-section {
width: 48%;
}
.page-menu {
display: none;
}
.page-header .inner {
flex-wrap: wrap;
}
#site-header {
display: flex;
align-items: stretch;
padding-bottom: 50px;
}
#site-logo {
position: relative;
left: -1rem;
}
#site-logo img {
width: 40vw;
}
#site-logo a {
display: flex;
align-items: center;
padding: 3vw;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
box-sizing: border-box;
}
.search-form {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
border: 0;
padding: 10px;
}
.search-form #s {
padding: 2px 10px;
}
#top-contact-and-search {
width: 44vw;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 2vw;
margin-top: 0;
}
#top-contact-and-search .menu-button {
display: block;
color: white;
height: 48px;
width: 48px;
background: transparent;
border-radius: 50%;
border: 2px solid white;
}
#top-contact-and-search a {
display: inline-block;
color: transparent;
width: 48px;
height: 48px;
padding: 0;
background-size: 48px 48px;
}
#top-contact-and-search .phone-number {
background-image: url(//lewisandraby.co.uk/wp-content/themes/lewisandraby/images/phone-number.png);
font-size: 1px;
}
#top-contact-and-search .phone-number {
background-image: url(//lewisandraby.co.uk/wp-content/themes/lewisandraby/images/phone-number.png);
font-size: 1px;
}
#top-contact-and-search .email-address {
background-image: url(//lewisandraby.co.uk/wp-content/themes/lewisandraby/images/email-address.png);
font-size: 1px;
}
#top-menu {
display: none;
}
#top-menu ul {
margin: 0;
}
#top-menu li {
display: block;
margin-top: 2px;
margin-bottom: 5px;
}
#top-menu li:hover ul {
display: none;
}
#top-menu li a::after {
display: none;
}
#top-menu a {
font-size: 15px;
margin-right: 0px;
padding: 8px 6px;
}
#top-menu li.menu-item-has-children:hover a {
border-radius: 4px;
}
} @media screen and ( max-width: 781px ) {
body {
font-size: 15px;
}
.content {
width: auto;
}
.slideshow {
float: none;
width: 100%;
margin-left: 0;
padding-bottom: 105vw; }
.hamburger,
.basket-link {
margin-top: 0;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 18px;
}
.front-page-products,
.item-box-container {
grid-template-columns: repeat( 3, calc( 33.33333% - 0.8rem ) );
}
.alignleft,
.alignright,
.alignnone {
display: block;
float: none;
margin-left: 0;
margin-right: 0;
max-width: 100%;
height: auto;
}
.home-widget-area .widget {
width: 100%;
}
footer {
margin-top: 0;
}
footer .footer-section {
width: 100%;
} .wp-block-columns.two-abreast-on-mobile:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 40% !important;
}
.two-abreast-on-mobile.is-layout-grid,
.two-abreast-on-mobile .is-layout-grid {
grid-template-columns: 1fr 1fr !important;
}  .shop_table td,
.shop_table th {
max-width: 100%;
}
.product-remove {
width: 100%;
box-sizing: border-box;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
border: 1px solid #79b2c2;
border-bottom: none;
margin-bottom: 2em;
}
} @media screen and ( max-width: 499px ) {
.woocommerce-page div.product div.summary {
clear: both;
}
.hamburger,
.basket-link {
width: 23px;
color: transparent;
}
.front-page-products,
.item-box-container {
grid-template-columns: repeat( 2, calc( 50% - 0.6rem ) );
}
} @page {
size: A4 portrait;  
margin: 17mm;
}
@media print {
#top-contact-and-search,
nav,
.page-header .contact-button,
.parent-link-container,
#related-items,
#contact-pdf-print,
.slideshow .slideshow-back,
.slideshow .slideshow-next,
.image-counter,
footer,
.hamburger,
.cookie-message {
display: none;
}
body,
.full-blue,
.light-blue,
.lighter-blue,
.lightest-blue,
#site-header,
main,
.home-page-section,
.item-box-container,
.home .inner p {
display: block;
background: white;
color: black;
font-size: 14pt;
overflow: visible;
width: 263mm;
}
#site-logo a {
padding: 0 0 5mm;
}
.inner,
#site-header .inner,
.page-header .inner,
.home .inner {
margin: 0;
padding: 0;
}
.home-page-section {
padding: 0.3em 0;
}
.print-only {
display: block;
}
.page-title {
color: black;
padding: 0;
margin: 0.4em 0;
}
.content {
padding: 5mm 0;
margin: 0;
width: 263mm;
}
a {
border: 0;
color: black;
}
td {
background: none;
border-color: #ccc;
}
.slideshow .slide.first-slide {
display: block !important;
opacity: 1 !important;
}
.slideshow .slide:not(.first-slide) {
display: none !important;
}
a[target="_blank"]:not(.image-link):not(.document-link):not(.circle-icon):before {
content: '';
}
}