@charset "UTF-8";
      article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong,
.strong {
font-weight: bold;
} dfn,
em,
.em {
font-style: italic;
} hr {
box-sizing: content-box;
height: 0;
} p {
-epub-hyphens: auto;
hyphens: auto;
} pre {
margin: 0;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "“" "”" "‘" "’";
} q:before,
q:after {
content: "";
content: none;
}
small, .small {
font-size: 75%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0;
} menu {
padding: 0 0 0 40px;
}
ol,
ul {
padding: 0;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; } input[type=search] {
-webkit-appearance: textfield;  box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}
* {
box-sizing: border-box;
}
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.clearfix, .cf, .comment-respond {
zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
content: "";
display: table;
}
.clearfix:after, .cf:after, .comment-respond:after {
clear: both;
} span.amp {
font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
font-style: italic;
}        p {
-ms-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
}             @media (max-width: 767px) {
.m-all {
float: left;
margin-left: 2.762430939%;
width: 100%;
margin-left: 0;
}
.m-1of2 {
float: left;
margin-left: 2.762430939%;
width: 48.618784527%;
}
.m-1of3 {
float: left;
margin-left: 2.762430939%;
width: 31.491712705%;
}
.m-2of3 {
float: left;
margin-left: 2.762430939%;
width: 65.745856349%;
}
.m-1of4 {
float: left;
margin-left: 2.762430939%;
width: 22.928176794%;
}
.m-3of4 {
float: left;
margin-left: 2.762430939%;
width: 74.30939226%;
}
} @media (min-width: 768px) and (max-width: 1029px) {
.t-all {
float: left;
margin-left: 2.762430939%;
width: 100%;
margin-left: 0;
}
.t-1of2 {
float: left;
margin-left: 2.762430939%;
width: 48.618784527%;
}
.t-1of3 {
float: left;
margin-left: 2.762430939%;
width: 31.491712705%;
}
.t-2of3 {
float: left;
margin-left: 2.762430939%;
width: 65.745856349%;
}
.t-1of4 {
float: left;
margin-left: 2.762430939%;
width: 22.928176794%;
}
.t-3of4 {
float: left;
margin-left: 2.762430939%;
width: 74.30939226%;
}
.t-1of5 {
float: left;
margin-left: 2.762430939%;
width: 17.7900552488%;
}
.t-2of5 {
float: left;
margin-left: 2.762430939%;
width: 38.3425414366%;
}
.t-3of5 {
float: left;
margin-left: 2.762430939%;
width: 58.8950276236%;
}
.t-4of5 {
float: left;
margin-left: 2.762430939%;
width: 79.4475138122%;
}
} @media (min-width: 1030px) {
.d-all {
float: left;
margin-left: 2.762430939%;
width: 100%;
margin-left: 0;
}
.d-1of2 {
float: left;
margin-left: 2.762430939%;
width: 48.618784527%;
}
.d-1of3 {
float: left;
margin-left: 2.762430939%;
width: 31.491712705%;
}
.d-2of3 {
float: left;
margin-left: 2.762430939%;
width: 65.745856349%;
}
.d-1of4 {
float: left;
margin-left: 2.762430939%;
width: 22.928176794%;
}
.d-3of4 {
float: left;
margin-left: 2.762430939%;
width: 74.30939226%;
}
.d-1of5 {
float: left;
margin-left: 2.762430939%;
width: 17.7900552488%;
}
.d-2of5 {
float: left;
margin-left: 2.762430939%;
width: 38.3425414366%;
}
.d-3of5 {
float: left;
margin-left: 2.762430939%;
width: 58.8950276236%;
}
.d-4of5 {
float: left;
margin-left: 2.762430939%;
width: 79.4475138122%;
}
.d-1of6 {
float: left;
margin-left: 2.762430939%;
width: 14.3646408842%;
}
.d-1of7 {
float: left;
margin-left: 2.762430939%;
width: 11.917916338%;
}
.d-2of7 {
float: left;
margin-left: 2.762430939%;
width: 26.598263615%;
}
.d-3of7 {
float: left;
margin-left: 2.762430939%;
width: 41.278610892%;
}
.d-4of7 {
float: left;
margin-left: 2.762430939%;
width: 55.958958169%;
}
.d-5of7 {
float: left;
margin-left: 2.762430939%;
width: 70.639305446%;
}
.d-6of7 {
float: left;
margin-left: 2.762430939%;
width: 85.319652723%;
}
.d-1of8 {
float: left;
margin-left: 2.762430939%;
width: 10.0828729284%;
}
.d-3of8 {
float: left;
margin-left: 2.762430939%;
width: 35.7734806647%;
}
.d-5of8 {
float: left;
margin-left: 2.762430939%;
width: 61.4640884011%;
}
.d-7of8 {
float: left;
margin-left: 2.762430939%;
width: 87.1546961374%;
}
.d-1of9 {
float: left;
margin-left: 2.762430939%;
width: 8.6556169431%;
}
.d-2of9 {
float: left;
margin-left: 2.762430939%;
width: 20.073664826%;
}
.d-4of9 {
float: left;
margin-left: 2.762430939%;
width: 42.9097605918%;
}
.d-5of9 {
float: left;
margin-left: 2.762430939%;
width: 54.3278084748%;
}
.d-7of9 {
float: left;
margin-left: 2.762430939%;
width: 77.1639042406%;
}
.d-8of9 {
float: left;
margin-left: 2.762430939%;
width: 88.5819521235%;
}
.d-1of10 {
float: left;
margin-left: 2.762430939%;
width: 7.5138121549%;
}
.d-3of10 {
float: left;
margin-left: 2.762430939%;
width: 28.0662983443%;
}
.d-7of10 {
float: left;
margin-left: 2.762430939%;
width: 69.1712707231%;
}
.d-9of10 {
float: left;
margin-left: 2.762430939%;
width: 89.7237569125%;
}
.d-1of12 {
float: left;
margin-left: 2.762430939%;
width: 5.801104972%;
}
.d-5of12 {
float: left;
margin-left: 2.762430939%;
width: 40.055248616%;
}
.d-7of12 {
float: left;
margin-left: 2.762430939%;
width: 57.182320438%;
}
.d-11of12 {
float: left;
margin-left: 2.762430939%;
width: 91.436464082%;
}
.blocks-wrap .d-1of2 {
float: left;
margin-left: 2.762430939%;
width: 49.5%;
margin-left: 1%;
}
.blocks-wrap .d-1of3 {
float: left;
margin-left: 2.762430939%;
width: 32.6666666667%;
margin-left: 1%;
}
.blocks-wrap .d-2of3 {
float: left;
margin-left: 2.762430939%;
width: 66.3333333333%;
margin-left: 1%;
}
.blocks-wrap .first {
margin-left: 0 !important;
}
}
.first {
margin-left: 0;
}
.last {
float: right;
margin-right: 0;
}  .alert-success, .alert-error, .alert-info, .alert-help {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
}
.alert-help {
border-color: rgb(231.8902439024, 220.3353658537, 88.6097560976);
background: #ebe16f;
}
.alert-info {
border-color: rgb(191.1428571429, 227.6326530612, 244.3571428571);
background: #d5edf8;
}
.alert-error {
border-color: rgb(247.8125, 204.6875, 206.484375);
background: #fbe3e4;
}
.alert-success {
border-color: rgb(221.7207792208, 233.7012987013, 173.7987012987);
background: #e6efc2;
}  body.single-products #content #inner-content #hire-dropdown .gform_footer .gform_button, .dark-grey-btn a, .grey-btn a, .red-btn a, .dark-blue-btn a, .yellow-btn a, .blue-btn a, #submit a, .comment-reply-link a, .light-blue-btn a {
display: block;
width: 100%;
text-decoration: none;
margin-bottom: 20px !important;
border-radius: 0;
color: #ffffff !important;
padding: 15px 50px 15px 15px;
font-weight: 600;
font-size: 15px;
min-height: 60px;
line-height: 28px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/right-arrow.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: right 15px center;
text-transform: uppercase;
}
body.single-products #content #inner-content #hire-dropdown .gform_footer .gform_button:hover, .dark-grey-btn a:hover, .grey-btn a:hover, .red-btn a:hover, .dark-blue-btn a:hover, .yellow-btn a:hover, .blue-btn a:hover, #submit a:hover, .comment-reply-link a:hover, .light-blue-btn a:hover, body.single-products #content #inner-content #hire-dropdown .gform_footer .gform_button:focus, .dark-grey-btn a:focus, .grey-btn a:focus, .red-btn a:focus, .dark-blue-btn a:focus, .yellow-btn a:focus, .blue-btn a:focus, #submit a:focus, .comment-reply-link a:focus, .light-blue-btn a:focus {
color: #ffffff;
text-decoration: none;
outline: none;
}
body.single-products #content #inner-content #hire-dropdown .gform_footer .gform_button:active, .dark-grey-btn a:active, .grey-btn a:active, .red-btn a:active, .dark-blue-btn a:active, .yellow-btn a:active, .blue-btn a:active, #submit a:active, .comment-reply-link a:active, .light-blue-btn a:active {
top: 1px;
}
.long-link {
text-transform: capitalize !important;
text-align: center !important;
} .light-blue-btn {
background-color: #3BA4DB;
transition: all 0.4s ease-in-out;
}
.light-blue-btn:hover, .light-blue-btn:focus {
background-color: rgb(36.8068965517, 144.1603448276, 200.3931034483);
}
.light-blue-btn:active {
background-color: rgb(36.0155172414, 141.0607758621, 196.0844827586);
}
.blue-btn, #submit, .comment-reply-link {
background-color: #2980b9;
transition: all 0.4s ease-in-out;
}
.blue-btn:hover, #submit:hover, .comment-reply-link:hover, .blue-btn:focus, #submit:focus, .comment-reply-link:focus {
background-color: rgb(33.5982300885, 104.8920353982, 151.6017699115);
}
.blue-btn:active, #submit:active, .comment-reply-link:active {
background-color: rgb(32.6730088496, 102.003539823, 147.4269911504);
}
.yellow-btn {
background-color: #dec72a;
transition: all 0.4s ease-in-out;
}
.yellow-btn:hover, .yellow-btn:focus {
background-color: rgb(193.2585365854, 172.3902439024, 29.9414634146);
}
.yellow-btn:active {
background-color: rgb(188.8426829268, 168.4512195122, 29.2573170732);
}
.dark-blue-btn {
background-color: #155596;
transition: all 0.4s ease-in-out;
}
.dark-blue-btn:hover, .dark-blue-btn:focus {
background-color: rgb(15.9894736842, 64.7192982456, 114.2105263158);
}
.dark-blue-btn:active {
background-color: rgb(15.3631578947, 62.1842105263, 109.7368421053);
}
.red-btn {
background-color: #ee2e24;
transition: all 0.4s ease-in-out;
}
.red-btn:hover, .red-btn:focus {
background-color: rgb(188.0059322034, 23.1788135593, 14.5940677966);
}
.red-btn:active {
background-color: rgb(183.2733050847, 22.5953389831, 14.2266949153);
}
.grey-btn {
background-color: #ececec;
transition: all 0.4s ease-in-out;
}
.grey-btn a {
color: #a0a1a1 !important;
}
.grey-btn:hover, .grey-btn:focus {
background-color: rgb(215.6, 215.6, 215.6);
}
.grey-btn:active {
background-color: rgb(213.05, 213.05, 213.05);
}
.dark-grey-btn {
background-color: #a0a1a1;
transition: all 0.4s ease-in-out;
}
.dark-grey-btn a {
color: #ffffff !important;
}
.dark-grey-btn:hover, .dark-grey-btn:focus {
background-color: rgb(139.4920634921, 140.7079365079, 140.7079365079);
}
.dark-grey-btn:active {
background-color: rgb(136.9285714286, 138.1714285714, 138.1714285714);
}
.reverse-btn a {
padding: 15px 15px 15px 50px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/left-arrow.png);
background-position: left 15px center;
} #search-bar input[type=search] {
padding: 0 40px 0 0 !important;
} input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea,
.field {
display: block;
height: 40px;
line-height: 40px;
padding: 0 12px;
font-size: 1em;
color: #2980b9;
vertical-align: middle;
box-shadow: none;
box-sizing: border-box;
border-radius: 0 !important;
border: 0;
font-weight: 700;
width: 100%;
background-color: #a0a1a1;
transition: background-color 0.24s ease-in-out;
}
input[type=text]:focus, input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:focus,
input[type=week]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:focus,
input[type=color]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
background-color: rgb(170.253968254, 171.146031746, 171.146031746);
outline: none;
}
input[type=text].error, input[type=text].is-invalid,
input[type=password].error,
input[type=password].is-invalid,
input[type=datetime].error,
input[type=datetime].is-invalid,
input[type=datetime-local].error,
input[type=datetime-local].is-invalid,
input[type=date].error,
input[type=date].is-invalid,
input[type=month].error,
input[type=month].is-invalid,
input[type=time].error,
input[type=time].is-invalid,
input[type=week].error,
input[type=week].is-invalid,
input[type=number].error,
input[type=number].is-invalid,
input[type=email].error,
input[type=email].is-invalid,
input[type=url].error,
input[type=url].is-invalid,
input[type=search].error,
input[type=search].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid,
input[type=color].error,
input[type=color].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
color: #fbe3e4;
border-color: #fbe3e4;
background-color: #ffffff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
outline-color: #fbe3e4;
}
input[type=text].success, input[type=text].is-valid,
input[type=password].success,
input[type=password].is-valid,
input[type=datetime].success,
input[type=datetime].is-valid,
input[type=datetime-local].success,
input[type=datetime-local].is-valid,
input[type=date].success,
input[type=date].is-valid,
input[type=month].success,
input[type=month].is-valid,
input[type=time].success,
input[type=time].is-valid,
input[type=week].success,
input[type=week].is-valid,
input[type=number].success,
input[type=number].is-valid,
input[type=email].success,
input[type=email].is-valid,
input[type=url].success,
input[type=url].is-valid,
input[type=search].success,
input[type=search].is-valid,
input[type=tel].success,
input[type=tel].is-valid,
input[type=color].success,
input[type=color].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
color: #e6efc2;
border-color: #e6efc2;
background-color: #ffffff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
outline-color: #e6efc2;
}
input[type=text][disabled], input[type=text].is-disabled,
input[type=password][disabled],
input[type=password].is-disabled,
input[type=datetime][disabled],
input[type=datetime].is-disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].is-disabled,
input[type=date][disabled],
input[type=date].is-disabled,
input[type=month][disabled],
input[type=month].is-disabled,
input[type=time][disabled],
input[type=time].is-disabled,
input[type=week][disabled],
input[type=week].is-disabled,
input[type=number][disabled],
input[type=number].is-disabled,
input[type=email][disabled],
input[type=email].is-disabled,
input[type=url][disabled],
input[type=url].is-disabled,
input[type=search][disabled],
input[type=search].is-disabled,
input[type=tel][disabled],
input[type=tel].is-disabled,
input[type=color][disabled],
input[type=color].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
cursor: not-allowed;
border-color: #cfcfcf;
opacity: 0.6;
}
input[type=text][disabled]:focus, input[type=text][disabled]:active, input[type=text].is-disabled:focus, input[type=text].is-disabled:active,
input[type=password][disabled]:focus,
input[type=password][disabled]:active,
input[type=password].is-disabled:focus,
input[type=password].is-disabled:active,
input[type=datetime][disabled]:focus,
input[type=datetime][disabled]:active,
input[type=datetime].is-disabled:focus,
input[type=datetime].is-disabled:active,
input[type=datetime-local][disabled]:focus,
input[type=datetime-local][disabled]:active,
input[type=datetime-local].is-disabled:focus,
input[type=datetime-local].is-disabled:active,
input[type=date][disabled]:focus,
input[type=date][disabled]:active,
input[type=date].is-disabled:focus,
input[type=date].is-disabled:active,
input[type=month][disabled]:focus,
input[type=month][disabled]:active,
input[type=month].is-disabled:focus,
input[type=month].is-disabled:active,
input[type=time][disabled]:focus,
input[type=time][disabled]:active,
input[type=time].is-disabled:focus,
input[type=time].is-disabled:active,
input[type=week][disabled]:focus,
input[type=week][disabled]:active,
input[type=week].is-disabled:focus,
input[type=week].is-disabled:active,
input[type=number][disabled]:focus,
input[type=number][disabled]:active,
input[type=number].is-disabled:focus,
input[type=number].is-disabled:active,
input[type=email][disabled]:focus,
input[type=email][disabled]:active,
input[type=email].is-disabled:focus,
input[type=email].is-disabled:active,
input[type=url][disabled]:focus,
input[type=url][disabled]:active,
input[type=url].is-disabled:focus,
input[type=url].is-disabled:active,
input[type=search][disabled]:focus,
input[type=search][disabled]:active,
input[type=search].is-disabled:focus,
input[type=search].is-disabled:active,
input[type=tel][disabled]:focus,
input[type=tel][disabled]:active,
input[type=tel].is-disabled:focus,
input[type=tel].is-disabled:active,
input[type=color][disabled]:focus,
input[type=color][disabled]:active,
input[type=color].is-disabled:focus,
input[type=color].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
background-color: #d5edf8;
}
::-webkit-input-placeholder {
color: #2980b9;
font-weight: 700;
}
:-moz-placeholder { color: #2980b9;
font-weight: 700;
}
::-moz-placeholder { color: #2980b9;
font-weight: 700;
}
:-ms-input-placeholder {
color: #2980b9;
font-weight: 700;
}
input[type=password] {
letter-spacing: 0.3em;
}
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5em;
}
select {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
background: #155596;
margin-bottom: 15px;
border: solid #ffffff 1px;
border-radius: 0;
color: #ffffff;
padding: 15px 50px 15px 15px;
font-weight: 500;
min-height: 60px;
line-height: 20px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/drop-down-arrow.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: right 15px center;
}
select:hover {
cursor: pointer;
}
select:active, select:focus {
background-color: #155596;
}
select#hire-centres {
background-color: #ee2e24;
}
select#hire-centres:active, select#hire-centres:focus {
background-color: #ee2e24;
}
#searchform, #searchform2, #searchform3 {
position: relative;
}
#searchform button, #searchform2 button, #searchform3 button {
position: absolute;
top: 0;
right: 0;
background: transparent;
border: none;
height: 100%;
width: auto;
padding-top: 0px;
}
#searchform button img, #searchform2 button img, #searchform3 button img {
float: right;
}
#searchform button .white-search-btn-icon, #searchform2 button .white-search-btn-icon, #searchform3 button .white-search-btn-icon {
display: none;
}
body.single #content .entry-content .gform_wrapper img {
max-width: 20px !important;
height: auto !important;
}
body.single #content .entry-content .gform_wrapper ul {
padding-left: 0 !important;
}
body.single #content .entry-content .gform_wrapper ul li label .gfield_required {
color: #2980b9 !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container input, body.single #content .entry-content .gform_wrapper ul li .ginput_container textarea {
width: 100%;
text-indent: 0;
padding: 10px;
background: #ececec !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container select {
width: 100% !important;
margin: 0 !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container .datepicker.datepicker_with_icon {
width: 90% !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container img.ui-datepicker-trigger {
margin-bottom: 0 !important;
position: relative !important;
top: 10px;
float: right;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container img.gform_delete {
margin-bottom: 0px !important;
position: relative !important;
max-width: 11px !important;
top: -1px !important;
margin-right: 3px !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container #extensions_message {
display: none !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container .gfield_radio input[type=radio] {
margin-left: 8px !important;
margin-top: 3px !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container .gfield_radio label {
margin: 0 0 0 30px !important;
}
body.single #content .entry-content .gform_wrapper .gform_footer {
padding: 0 !important;
margin: 20px 0 !important;
}
body.single #content .entry-content .gform_wrapper .gform_footer input {
color: #ffffff !important;
text-transform: uppercase !important;
font-weight: 600;
font-size: 15px;
text-align: left !important;
padding: 15px 50px 15px 15px !important;
min-height: 60px;
line-height: 28px;
width: 100%;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/right-arrow.png) #ee2e24 no-repeat right 15px center !important;
background-size: 25px !important;
border: none !important;
transition: all 0.4s ease-in-out;
}
body.single #content .entry-content .gform_wrapper .gform_footer input:hover, body.single #content .entry-content .gform_wrapper .gform_footer input:focus {
background-color: rgb(188.0059322034, 23.1788135593, 14.5940677966) !important;
}
body.single #content .entry-content .gform_wrapper .gform_footer input:active {
background-color: rgb(183.2733050847, 22.5953389831, 14.2266949153) !important;
}
body.single #content .entry-content .gform_wrapper .gform_footer img#gform_submit_button_3 {
display: none !important;
}
.plus-minus-input {
display: flex;
flex-wrap: wrap;
align-items: center;
border: 2px solid #ee2e24;
border-radius: 5px;
width: 100%;
margin: 10px auto 0;
background: #ee2e24;
}
.plus-minus-input input[type=number].plus-minus-input__input {
text-align: center;
padding: 1rem 0 1rem 1rem;
border: none;
background: #ffffff;
width: 50%;
font-size: 20px;
color: #ee2e24;
}
.plus-minus-input input[type=number].plus-minus-input__input::-webkit-inner-spin-button,
.plus-minus-input input[type=number].plus-minus-input__input ::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
}
.plus-minus-input__button {
width: 25%;
background: #ee2e24;
}
.plus-minus-input__button:last-child {
text-align: right;
}
.plus-minus-input__button button {
min-height: 40px;
background: transparent;
border: none;
color: #ffffff;
font-size: 20px;
font-weight: bold;
width: 100%;
text-align: center;
}   html {
overflow-x: hidden;
}
body {
font-size: 100%;
font-family: "filson-pro", sans-serif;
line-height: 1.6;
color: #777777;
width: 100%;
overflow-x: hidden;
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p {
hyphens: none;
}
iframe {
max-width: 100%;
}
#container {
overflow: hidden;
width: 100%;
}
.page-heading {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}                                     .wrap {
padding: 0 20px;
margin: 0 auto;
}
.wrap-full {
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding: 0 5%;
}
.wrap-full .wrap-full-span {
display: inline-block;
color: #ffffff;
font-size: 30px;
line-height: 30px;
font-weight: 400;
padding-bottom: 17px;
}
.wrap-full .blocks-wrap-full {
display: flex;
flex-direction: column;
}
.wrap-full .blocks-wrap-full:first-of-type {
margin-top: 0px;
margin-bottom: 2rem;
border-bottom: 2px solid #EE2E24;
}
.wrap-full .blocks-wrap-full .last {
margin-top: 0px;
}
.wrap-full .first {
margin-bottom: 2rem;
}
.wrap-full .first h2,
.wrap-full .first span {
font-size: 30px;
line-height: 30px;
}
.wrap-full .first h2 {
margin-bottom: 1rem;
color: #2980B9;
}
.wrap-full .first span {
color: #EE2E24;
}
.wrap-full .first p {
font-size: 15px;
}
.wrap-full .first p:last-of-type {
margin-bottom: 0 !important;
}
.wrap-full .last {
margin-bottom: 2rem;
align-self: center;
text-align: center;
}
.wrap-full .last img {
max-width: 100% !important;
}
#heading-bar .wrap-full {
max-width: 900px;
}
#heading-bar .wrap-full h1 {
width: auto;
padding-bottom: 0;
}
.full-width-header-image img {
width: 100%;
} a,
a:visited {
color: #2980b9;
outline: none;
text-decoration: none; }
a:hover, a:focus,
a:visited:hover,
a:visited:focus {
outline: none;
text-decoration: none;
}
a,
a:visited { }
a:active,
a:visited:active {
outline: none;
text-decoration: none;
}
a,
a:visited { }
a:link,
a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
} h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
text-rendering: optimizelegibility;
font-weight: 700;
margin: 0; }
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
text-decoration: none;
}
h1,
.h1 {
font-size: 30px;
line-height: 1;
padding-bottom: 15px;
}
h2,
.h2 {
font-size: 1.75em;
line-height: 1.4em;
}
h3,
.h3,
.gform_confirmation_message {
font-size: 23px;
padding-bottom: 15px;
line-height: 1.3;
}
.download-link {
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.download-link:before {
content: "";
width: 25px;
height: 25px;
position: absolute;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/blue-download-arrow.png) no-repeat center center;
background-size: 18px;
top: 0;
left: 0;
}
.download-link:after {
content: "";
width: 25px;
height: 25px;
position: absolute;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/pdf-icon.png) no-repeat center center;
background-size: 20px;
bottom: 0;
right: 0;
}
h4,
.h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.3;
}
h5,
.h5 {
font-size: 18px;
line-height: 2em;
margin-bottom: 10px;
font-weight: 900;
} .contact.mobile-number {
color: #ffffff;
display: block;
height: 61px;
font-weight: 700;
background: #2980b9;
padding: 20px;
text-align: center;
}
.header {
background-color: #2980b9;
position: fixed;
z-index: 100;
width: 100%;
}
.header #inner-header {
height: 49px;
}
.header .page-title-nav {
color: #fff;
padding: 20px 10px 10px;
}
.header .logo-link {
display: none;
}
.header .header-links {
display: none;
}
#logo {
margin: 0.75em 0;
}
#logo a {
color: #ffffff;
}
#off-screen-nav-content {
display: none;
}
#ajaxsearchlite1,
.asp_w_container {
z-index: 100;
width: 100% !important;
}
.asp_w_container input.orig::-moz-placeholder {
color: #2980b9 !important;
font-weight: 700 !important;
font-size: 1em !important;
}
.asp_w_container input.orig::placeholder {
color: #2980b9 !important;
font-weight: 700 !important;
font-size: 1em !important;
}
@media only screen and (min-width: 992px) {
#ajaxsearchlite1,
.asp_w_container {
width: 40% !important;
margin-right: 50px;
}
}
#off-screen-nav {
position: fixed;
z-index: 101;
width: 100%;
top: 49px;
overflow: hidden;
height: auto;
right: -100%;
transition: all 0.4s ease-in-out;
}
#off-screen-nav:after {
content: "";
position: absolute;
top: 0;
right: 0;
z-index: 19;
background: rgba(58, 161, 209, 0.4);
height: 100%;
width: 65px;
display: block;
pointer-events: none;
}
#off-screen-nav #left-nav-wrap {
display: none;
}
#off-screen-nav #right-nav-wrap {
background: #ffffff;
}
#off-screen-nav .hire-equipment-nav-item {
padding: 60px 20px 20px;
font-weight: 600;
font-size: 20px;
color: #ffffff;
background: #155596;
height: 110px;
position: relative;
}
#off-screen-nav .hire-equipment-nav-item #hire-link-text,
#off-screen-nav .hire-equipment-nav-item #back-link-text {
position: absolute;
bottom: 15px;
left: 20px;
opacity: 0;
transition: all 0.4s ease-in-out;
}
#off-screen-nav .hire-equipment-nav-item #hire-link-text.active,
#off-screen-nav .hire-equipment-nav-item #back-link-text.active {
opacity: 1;
}
#off-screen-nav .hire-equipment-nav-item #nav-more-arrow {
position: absolute;
right: 19px;
z-index: 29;
top: 65px;
transition: all 0.4s ease-in-out;
}
#off-screen-nav .hire-equipment-nav-item #nav-more-arrow.open {  transform: rotate(180deg); }
#off-screen-nav .double-menu {
width: 200%;
height: auto;
position: relative;
left: 0;
transition: all 0.4s ease-in-out;
}
#off-screen-nav .double-menu .blue-nav-block {
display: none;
}
#off-screen-nav .double-menu nav {
width: 50%;
position: relative;
height: 100%;
float: left;
}
#off-screen-nav .double-menu ul li {
border-bottom: solid 1px #eee;
}
#off-screen-nav .double-menu ul li a {
color: #2980b9;
padding: 10px 20px;
font-size: 14px;
}
#off-screen-nav .double-menu ul li#menu-item-84 a:after {
content: "";
float: right;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/blue-right-arrow.png) no-repeat center center;
background-size: contain;
width: 22px;
height: 22px;
margin-right: 1px;
}
#off-screen-nav .double-menu ul li#menu-item-85 a {
color: #7cd0fc;
}
#off-screen-nav .double-menu ul li#menu-item-85 a:after {
content: "";
float: right;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/blue-right-arrow.png) no-repeat center center;
background-size: contain;
width: 22px;
height: 22px;
margin-right: 1px;  transform: rotate(180deg); }
#off-screen-nav .double-menu.active {
left: -100%;
}
#off-screen-nav.active {
right: 0;
position: absolute;
}
#menu-top-menu {
height: 49px;
width: 288px;
position: relative;
float: right;
z-index: 2;
}
#menu-top-menu li {
width: 180px;
float: left;
text-align: center;
color: #ffffff;
font-weight: 700;
position: absolute;
}
#menu-top-menu li a {
padding: 0.75rem 0.25rem;
height: 49px;
color: #fff;
}
#menu-top-menu li a:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
left: -49px;
border-style: solid;
border-width: 0 0 49px 49px;
}
#menu-top-menu li a:after {
content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
right: -49px;
border-style: solid;
border-width: 49px 49px 0 0;
}
#menu-top-menu #menu-item-160 {
background: #2980b9;
left: -120px;
}
#menu-top-menu #menu-item-160 a:before {
border-color: transparent transparent #2980b9 transparent;
}
#menu-top-menu #menu-item-160 a:after {
border-color: #2980b9 transparent transparent transparent;
}
#menu-top-menu #menu-item-43912 {
background: #2980b9;
left: -120px;
}
#menu-top-menu #menu-item-43912 a:before {
border-color: transparent transparent #2980b9 transparent;
}
#menu-top-menu #menu-item-43912 a:after {
border-color: #2980b9 transparent transparent transparent;
}
#menu-top-menu #menu-item-38837 {
background: #99c431;
left: 120px;
}
#menu-top-menu #menu-item-38837 a:before {
border-color: transparent transparent #99c431 transparent;
}
#menu-top-menu #menu-item-38837 a:after {
border-color: #99c431 transparent transparent transparent;
}
#menu-top-menu #menu-item-40076 {
background: #F97417;
left: 0;
}
#menu-top-menu #menu-item-40076 a:before {
border-color: transparent transparent #F97417 transparent;
}
#menu-top-menu #menu-item-40076 a:after {
border-color: #F97417 transparent transparent transparent;
}
#menu-top-menu #menu-item-5 {
background: #ee2e24;
left: 50%;
margin-left: -35px;
}
#menu-top-menu #menu-item-5 a:before {
border-color: transparent transparent #ee2e24 transparent;
}
#menu-top-menu #menu-item-5 a:after {
border-color: #ee2e24 transparent transparent transparent;
}
#menu-top-menu #menu-item-6 {
background: #dec72a;
right: 0;
}
#menu-top-menu #menu-item-6 a:before {
border-color: transparent transparent #dec72a transparent;
}
#menu-top-menu #menu-item-6 a:after {
display: none;
}
#sub-header {
background: #ffffff;
padding: 20px 0 15px;
position: relative;
height: 61px;
}
#sub-header .wrap {
padding: 0 10px;
}
#sub-header #main-logo {
height: auto;
}
#sub-header #search-icon {
display: block;
float: right;
margin-right: 36px;
}
#sub-header #searchform,
#sub-header #searchform2,
#sub-header #searchform3 {
display: none;
}
#sub-header #login-btn {
position: absolute;
left: -10px;
z-index: 99;
top: 115px;
display: none;
}
#sub-header #social-media-links {
display: none;
}
#mobile-search-bar {
padding: 10px 0 10px 20px;
display: none;
}
#mobile-search-bar form#searchform,
#mobile-search-bar form#searchform2,
#mobile-search-bar form#searchform3 {
opacity: 0;
transition: all 0.3s ease-in-out;
}
#mobile-search-bar form#searchform input[type=search],
#mobile-search-bar form#searchform2 input[type=search],
#mobile-search-bar form#searchform3 input[type=search] {
background-color: #ffffff;
}
#mobile-search-bar .searchform.showmobilesearch,
#mobile-search-bar .searchform2.showmobilesearch,
#mobile-search-bar .searchform3.showmobilesearch {
opacity: 1 !important;
}
.subsubheader {
background: #2980b9;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
align-items: center;
}
.subsubheader.wrap {
padding: 20px 10px;
}
.subsubheader #equipment-select,
.subsubheader #equipment-select2 {
display: none;
}
.subsubheader #searchform {
width: 65%;
float: left;
}
.subsubheader #searchform #s {
background: #ffffff;
}
.subsubheader .depot-locator {
margin-top: 7px;
margin-left: 20px;
text-transform: uppercase;
color: #ffffff;
font-weight: 900;
font-size: 11px;
line-height: 1.1;
display: flex;
align-items: center;
}
.subsubheader .depot-locator img {
width: 40px;
margin-right: 10px;
float: left;
height: auto;
display: inline-block;
}
body.home #sub-header #search-icon {
display: none;
}
.woocommerce #sub-header,
.woocommerce-cart #sub-header,
.woocommerce-checkout #sub-header,
.cf-shop #sub-header {
background-color: #f97417;
border-bottom: 0;
}
.woocommerce .subsubheader,
.woocommerce-cart .subsubheader,
.woocommerce-checkout .subsubheader,
.cf-shop .subsubheader {
background-color: #f97417;
}
.cf-eco #sub-header {
background-color: #99C431 !important;
border-bottom: 0;
}
.cf-eco .subsubheader {
background-color: #99C431 !important;
} #nav-icon3 {
display: none;
width: 24px;
height: 24px;
position: fixed;
z-index: 201;
top: 70px;
right: 20px;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
}
#nav-icon3 span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #2980b9;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
top: 0px;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
top: 8px;
}
#nav-icon3 span:nth-child(4) {
top: 16px;
}
#nav-icon3.open span:nth-child(1) {
top: 8px;
width: 0%;
left: 50%;
background: #ffffff;
}
#nav-icon3.open span:nth-child(2) {
transform: rotate(45deg);
background: #ffffff;
}
#nav-icon3.open span:nth-child(3) {
transform: rotate(-45deg);
background: #ffffff;
}
#nav-icon3.open span:nth-child(4) {
top: 8px;
width: 0%;
left: 50%;
background: #ffffff;
}
#backtotop {
display: block;
position: fixed;
width: 100%;
height: 40px;
background: #2980b9;
color: #ffffff;
font-size: 12px;
padding: 10px;
text-align: center;
z-index: 10;
left: 0;
bottom: -40px;
opacity: 0.2;
transition: all 0.4s ease-in-out;
}
#backtotop p {
margin: 0;
position: relative;
}
#backtotop p:before {
display: block;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/back-to-top.png) center center no-repeat;
background-size: contain;
width: 20px;
height: 20px;
content: "";
position: absolute;
top: 0;
left: 50%;
margin-left: -40px;
}
#backtotop p:after {
display: block;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/back-to-top.png) center center no-repeat;
background-size: contain;
width: 20px;
height: 20px;
content: "";
position: absolute;
top: 0;
right: 50%;
margin-right: -38px;
}
body.archive .displaytotop {
bottom: 0px !important;
opacity: 0.8 !important;
}  .nav {
display: block !important;
border-bottom: 0;
margin: 0;
}
.nav li a {
display: block;
color: #ffffff;
text-decoration: none;
padding: 0.75em; }
.nav li a:hover, .nav li a:focus {
text-decoration: none;
}
.nav li { }
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 30px;
}
.nav {  }
.nav { }  #home-top-area {
background: #fff;
color: white;
min-height: 200px;
position: relative;
font-size: 13px;
overflow: hidden;
padding-top: 205px;
padding-bottom: 20px;
}
#home-top-area .logo-ticker {
position: absolute;
bottom: 0;
list-style-type: none;
padding: 0 !important;
margin: 0 !important;
position: absolute;
bottom: -70px;
left: 0;
margin: 0;
max-width: none !important;
background: rgba(0, 0, 0, 0.1);
width: 100%;
display: none;
overflow: hidden;
height: 70px;
}
#home-top-area .logo-ticker li {
position: relative;
width: 110px;
height: 70px;
float: left;
}
#home-top-area .logo-ticker li img {
position: absolute;
left: 0;
top: 0;
width: 90px;
height: 53px;
z-index: 2;
margin: 7px;
transition: all 0.7s ease-in-out;
}
#home-top-area .logo-ticker li img.single-ticker-logo-colour {
z-index: 1;
opacity: 0;
transition: all 0.4s ease-in-out;
}
#home-top-area .logo-ticker li:hover img {
opacity: 0;
}
#home-top-area .logo-ticker li:hover img.single-ticker-logo-colour {
opacity: 1;
}
#home-top-area .on-site-man {
position: absolute;
width: 140px;
height: 179px;
bottom: 0;
right: -35px;
}
.tradeordiy h1 {
color: #2980b9;
font-weight: 900;
text-align: center;
padding-left: 20px;
padding-right: 20px;
letter-spacing: -1px;
}
.tradeordiy h1 strong {
color: #ee2e24;
font-weight: 900;
}
.tradeordiy h5 {
color: #2980b9;
font-weight: 300;
line-height: 1.2;
text-align: center;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
}
.tradeordiy .tradelinkcircle,
.tradeordiy .diylinkcircle {
display: block;
position: relative;
}
.tradeordiy .tradelinkcircle .circle-image,
.tradeordiy .diylinkcircle .circle-image {
width: 50%;
height: auto;
margin: 0 auto 1vw auto;
position: relative;
z-index: 1;
display: block;
-webkit-backface-visibility: hidden;
}
.tradeordiy .tradelinkcircle h2,
.tradeordiy .diylinkcircle h2 {
color: #ffffff;
font-size: 14vw;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
position: relative;
z-index: 1;
text-align: center;
}
.tradeordiy .tradelinkcircle .go-button,
.tradeordiy .diylinkcircle .go-button {
background: #ffffff;
color: #ee2e24;
font-size: 6vw;
font-weight: 900;
text-transform: uppercase;
width: 14vw;
height: 14vw;
line-height: 14vw;
margin: 0 auto;
position: relative;
z-index: 1;
margin: 3vw auto 0 auto;
display: block;
border-radius: 50%;
text-align: center;
}
.tradeordiy .tradelinkcircle .inner-cirlce-wrap,
.tradeordiy .diylinkcircle .inner-cirlce-wrap {
width: 100vw;
height: 100vw;
position: relative;
margin-left: -20px;
}
.tradeordiy .tradelinkcircle .circleexpand,
.tradeordiy .diylinkcircle .circleexpand {
width: 100vw;
height: 100vw;
background: #ee2e24;
position: absolute;
top: 0;
left: -20px;
transform: scale(0.75);
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
z-index: 0;
border-radius: 50%;
transition: all 0.5s ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
}
.tradeordiy .tradelinkcircle p,
.tradeordiy .diylinkcircle p {
border-top: 1px solid #ee2e24;
border-bottom: 1px solid #ee2e24;
color: #717272;
position: relative;
z-index: 1;
margin: -20px 0 20px 0;
padding: 15px 0;
transition: all 0.25s ease-in-out;
hyphens: none;
}
.tradeordiy .tradelinkcircle:hover .circleexpand,
.tradeordiy .diylinkcircle:hover .circleexpand {
transform: scale(0.825);
-webkit-transform: scale(0.825);
-moz-transform: scale(0.825);
}
.tradeordiy .tradelinkcircle:hover p,
.tradeordiy .diylinkcircle:hover p {
color: #ee2e24;
}
.tradeordiy .diylinkcircle .circleexpand {
background: #2980b9;
}
.tradeordiy .diylinkcircle .go-button {
color: #2980b9;
}
.tradeordiy .diylinkcircle p {
border-top: 1px solid #2980b9;
border-bottom: 1px solid #2980b9;
}
.tradeordiy .diylinkcircle:hover p {
color: #2980b9;
}
#home-top-area .bx-wrapper {
margin: 0;
}
.left-main-slider {
margin-bottom: 10px;
}
.left-main-slider img {
width: 100%;
height: auto;
}
.right-main-slider .right-main-slider-products {
border: 10px solid #2980b9;
}
.right-main-slider img {
width: 100%;
height: auto;
}
.right-main-slider .slider-products-top {
padding: 10px;
}
.right-main-slider .slider-products-top h3 {
color: #ee2e24;
margin: 0;
font-weight: 900;
letter-spacing: -0.5px;
width: 60%;
float: left;
font-size: 14px;
padding: 0;
display: none;
}
.right-main-slider .slider-products-top .button {
background: #ee2e24;
color: #ffffff;
text-align: center;
width: 100%;
height: 36px;
display: block;
float: right;
line-height: 1;
padding: 12px 5px;
text-transform: uppercase;
font-weight: 900;
font-size: 12px;
transition: all 0.25s ease-in-out;
}
.right-main-slider .slider-products-top .button:hover {
background: #2980b9;
}
.right-main-slider .slider-products {
padding: 0 10px;
}
.right-main-slider .slider-products .slider-product {
width: 33.3333%;
float: left;
display: block;
position: relative;
transition: all 0.25s ease-in-out;
}
.right-main-slider .slider-products .slider-product .slider-price {
background: #ee2e24;
color: #ffffff;
position: absolute;
top: 20%;
left: 50%;
margin-left: -25px;
width: 50px;
height: 50px;
padding: 13px 0 0 0;
transition: all 0.25s ease-in-out;
transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
border-radius: 50%;
}
.right-main-slider .slider-products .slider-product .slider-price span {
text-transform: uppercase;
font-weight: 500;
display: block;
text-align: center;
font-size: 11px;
line-height: 1;
}
.right-main-slider .slider-products .slider-product .slider-price strong {
text-transform: uppercase;
font-weight: 900;
display: block;
text-align: center;
line-height: 1;
font-size: 14px;
}
.right-main-slider .slider-products .slider-product:hover .slider-price {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
.right-main-slider .slider-products-bottom {
border-top: 1px solid #ee2e24;
padding: 10px 0;
margin: 10px 10px 0 10px;
height: 49px;
}
.right-main-slider .slider-products-bottom .slider-product-title {
width: 33.3333%;
float: left;
padding: 0px 3px 0 3px;
line-height: 1.2;
font-size: 11px;
text-align: center;
transition: all 0.25s ease-in-out;
}
.right-main-slider .slider-products-bottom .slider-product-title:hover {
color: #ee2e24;
}
#bx-pager {
margin-bottom: 20px;
}
#bx-pager a {
list-style: none;
padding: 0;
width: 50%;
width: calc(50% - 5px);
float: left;
margin-right: 10px;
margin-top: 10px;
background: #2980b9;
color: #ffffff;
padding: 10px;
height: 50px;
transition: all 0.25s ease-in-out;
}
#bx-pager a:hover {
background: #3BA4DB;
}
#bx-pager a.active {
background: #ee2e24;
}
#bx-pager a span {
float: left;
width: 95px;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
}
#bx-pager a img {
float: right;
}
#bx-pager a:nth-child(even) {
margin-right: 0;
}
#content #home-top-area .bxslider {
padding: 0 !important;
}
body.page-id-10053 .powered-access-btn {
display: inline-block;
padding: 10px 15px;
font-weight: 700;
font-size: 25px;
float: left;
margin-bottom: 30px;
}
body.page-id-10053 .pa-map {
display: none;
}
body.page-id-10053 .content h2 {
color: #155596;
font-size: 28px;
}
body.page-id-10053 #sub-header .map-icon {
display: none;
}
body.page-id-10053 #sub-header .hire-desk {
display: none;
}
body.page-id-10053 #sub-header .training-centres {
display: none;
}
body.page-id-10053 #home-top-area {
background: none;
}
body.page-id-10053 .services-text h4 {
font-size: 20px;
}
body.page-id-10053 .slider-container {
display: none;
}
#search-bar {
padding-top: 5px;
padding-bottom: 5px;
}
#search-bar input {
background: #ffffff;
font-size: 18px;
} body.home #content #customer-login-notice,
body.page-id-10053 #content #customer-login-notice {
display: none;
}
body.home #content #inner-content,
body.page-id-10053 #content #inner-content {
background: #2980b9;
color: #ffffff;
}
body.home #content #inner-content .home-link_box,
body.page-id-10053 #content #inner-content .home-link_box {
display: block;
color: #ffffff;
border: solid #ffffff 1px;
margin-bottom: 15px;
padding: 15px 50px 15px 15px;
min-height: 60px;
line-height: 20px;
background: #ee2e24;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/right-arrow.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: right 15px center;
line-height: 28px;
}
body.page-id-10053 #home-top-area {
min-height: 0;
}
body.page-id-10053 #home-top-area .h1 {
position: static;
margin-top: 0;
padding: 0;
clear: both;
}
body.page-id-10053 #home-top-area .bx-wrapper {
display: none;
}
body.page-id-10053 #content ul {
padding-left: 0 !important;
}
body.page-id-10053 #content #inner-content {
background: none;
}
body.page-id-10053 #content #inner-content .home-footer {
display: block;
}
body.page-id-10053 #content #more-about-smiths h3 {
background: none;
}
body.page-id-10053 #content #accreditations-list {
text-align: center;
margin: 0;
}
body.page-id-10053 #content #accreditations-list li {
display: inline-block;
}
body.page-id-10053 .browse h4 {
color: #ffffff !important;
}
body.page-id-10053 .browse #sub-cat li {
list-style-type: none;
}
body.page-id-10053 .browse #sub-cat li a {
display: block;
color: #ffffff;
padding: 5px 0;
border-top: 1px solid #ffffff;
transition: all 0.25s ease-in-out;
}
body.page-id-10053 .browse #sub-cat li a:hover, body.page-id-10053 .browse #sub-cat li a:focus {
background: rgba(255, 255, 255, 0.75);
color: #2980b9;
}
body.page-id-10053 .browse #sub-cat li img {
vertical-align: middle;
}
body.page-id-10053 .browse #sub-cat li:last-child a {
border-bottom: 1px solid #ffffff;
}
body.page-id-10053 #powered-access-nav {
margin: 0 0 20px !important;
padding: 0 !important;
}
body.page-id-10053 #powered-access-nav li {
text-align: center;
}
body.page-id-10053 #powered-access-nav li a {
padding: 15px 20px;
display: block;
text-decoration: underline;
color: #ffffff;
border-bottom: 1px solid #ffffff;
background: transparent;
transition: all 0.25s ease-in-out;
}
body.page-id-10053 #powered-access-nav li a:hover, body.page-id-10053 #powered-access-nav li a:focus {
color: #2980b9;
}
body.page-id-10053 .background {
background: rgb(89, 182, 231);
background: linear-gradient(to bottom, rgb(89, 182, 231) 0%, rgb(1, 102, 153) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59b6e7', endColorstr='#016699', GradientType=0);
}
body.page-id-10053 #bottom-header .bot-services {
text-align: center;
border-top: 1px solid #ffffff;
padding: 20px;
}
body.page-id-10053 #bottom-header .bot-services img {
margin-bottom: 10px;
}
body.page-id-10053 #bottom-header .bot-services h4,
body.page-id-10053 #bottom-header .bot-services p {
color: #ffffff !important;
}
body.page-id-10053 #bottom-header .bot-services p {
margin-bottom: 0;
}
#more-about-smiths .partner-wrap h3 {
background: none !important;
}
#more-about-smiths .partner-wrap #accreditations-list {
text-align: center !important;
margin: 0 !important;
}
#more-about-smiths .partner-wrap #accreditations-list li {
display: inline-block;
}
.hire-desk {
display: none;
}
.map-icon {
display: none;
}
.training-centres {
display: none;
}
#heading-bar {
background: #2980b9;
padding: 60px 0 5px;
margin-top: 64px;
}
#heading-bar #breadcrumbs-wrap {
display: none;
}
#heading-bar.cf-image #breadcrumbs-wrap span,
#heading-bar.cf-image #breadcrumbs-wrap a {
color: #fff;
text-shadow: 0 2px 5px #000;
}
#heading-bar h1 {
color: #ffffff;
padding-bottom: 45px;
overflow: hidden;
}
#heading-bar select {
background: #ee2e24;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/drop-down-arrow.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: right 15px center;
line-height: 22px;
}
@media (max-width: 767px) {
#heading-bar select {
display: none;
}
}
#newsletter-sign-up {
background: #3BA4DB;
color: #ffffff;
padding: 20px 0;
}
#newsletter-sign-up label {
margin-bottom: 15px;
display: block;
}
#newsletter-sign-up input[type=email] {
width: 100%;
background: #ffffff;
padding: 8px;
color: #3BA4DB !important;
text-indent: 0.25em;
font-size: 13px;
margin-bottom: 15px;
}
#newsletter-sign-up input[type=submit] {
width: 100%;
background: #ee2e24;
max-width: none;
color: #ffffff;
text-transform: uppercase;
border: none;
padding: 8px;
font-weight: 600;
font-size: 13px;
height: 40px;
}
#content {
font-size: 13px;
}
#content ul:not(.woocommerce-error):not(.wc-item-meta):not(.woocommerce-shipping-methods),
#content ol {
padding-left: 20px !important;
margin: 20px 0;
margin-top: 0px;
}
#content #inner-content {
padding-top: 20px;
}
#content #inner-content h3,
#content #inner-content h4,
#content #inner-content h5 {
color: #2980b9;
}
#content #inner-content .home-footer {
display: none;
}
#content #inner-content .page #customers {
border-color: #b9bcbe;
}
#content #inner-content .page #customers tr:nth-child(even) {
background-color: #ffffff;
}
#content #inner-content .page #customers tr td {
padding: 15px 15px 5px;
}
#content #inner-content #hire-dropdown .video-link a img {
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
}
#content #inner-content #hire-dropdown .video-link a img.video-overlay {
position: absolute;
opacity: 0.5;
transition: all 0.4s ease-in-out;
}
#content #inner-content #hire-dropdown .video-link a img.video-overlay:hover {
opacity: 1;
}
#content #inner-content #contact-form .gform_wrapper div.validation_error {
color: #ffffff;
}
#content #inner-content #contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
#content #inner-content #contact-form .gform_wrapper .gfield_description.validation_message,
#content #inner-content #contact-form .gform_wrapper .top_label .gfield_description.validation_message {
color: #ffffff;
}
#content #inner-content .gform_wrapper {
margin: 0;
max-width: 100%;
}
#content #inner-content .gform_wrapper .bold-box {
background: #2980b9;
color: #ffffff;
padding: 20px;
}
#content #inner-content .gform_wrapper .bold-box ol {
margin: 0 !important;
padding: 0 0 0 30px !important;
}
#content #inner-content .gform_wrapper .bold-box ol li {
margin: 0px !important;
padding: 0;
}
#content #inner-content .gform_wrapper div.validation_error {
color: #ee2e24;
font-size: 15px;
font-weight: 300;
margin-bottom: 0;
border-top: none;
border-bottom: none;
padding: 20px 0;
clear: both;
width: 100%;
}
#content #inner-content .gform_wrapper .top_label .gfield_error {
width: 100%;
}
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
#content #inner-content .gform_wrapper .gfield_description.validation_message,
#content #inner-content .gform_wrapper .top_label .gfield_description.validation_message {
max-width: 100%;
color: #ee2e24;
font-size: 14px;
padding-right: 0;
text-align: center;
font-weight: 300;
padding: 10px 0;
margin: -10px 0 10px;
}
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
#content #inner-content .gform_wrapper li.gfield_html {
max-width: 100%;
}
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0;
}
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-left: 0;
}
#content #inner-content .gform_wrapper .gfield_error .gfield_label {
color: #2980b9;
}
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin-top: 0;
margin-bottom: 0 !important;
}
#content #inner-content .gform_wrapper li.gfield.gfield_error,
#content #inner-content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
margin-bottom: 0 !important;
background: transparent;
padding: 0;
border-top: none;
border-bottom: none;
}
#content #inner-content .post,
#content #inner-content .products,
#content #inner-content .product,
#content #inner-content .page {
border-bottom: 10px solid #2980b9;
}
#content #inner-content .post p,
#content #inner-content .products p,
#content #inner-content .product p,
#content #inner-content .page p {
margin-bottom: 20px;
color: #777777;
}
#content #inner-content .post h3,
#content #inner-content .post h4,
#content #inner-content .products h3,
#content #inner-content .products h4,
#content #inner-content .product h3,
#content #inner-content .product h4,
#content #inner-content .page h3,
#content #inner-content .page h4 {
color: #2980b9;
}
#content #inner-content .post .team-contact-number,
#content #inner-content .products .team-contact-number,
#content #inner-content .product .team-contact-number,
#content #inner-content .page .team-contact-number {
font-size: 15px;
display: block;
}
#content #inner-content .post .post-image-thumbnail,
#content #inner-content .products .post-image-thumbnail,
#content #inner-content .product .post-image-thumbnail,
#content #inner-content .page .post-image-thumbnail {
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
}
#content #inner-content .post img,
#content #inner-content .products img,
#content #inner-content .product img,
#content #inner-content .page img {
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
}
#content #inner-content .post .post-more,
#content #inner-content .products .post-more,
#content #inner-content .product .post-more,
#content #inner-content .page .post-more {
background: #ececec;
min-height: 60px;
}
#content #inner-content .post .post-more .job-description,
#content #inner-content .products .post-more .job-description,
#content #inner-content .product .post-more .job-description,
#content #inner-content .page .post-more .job-description {
display: inline-block;
color: #2980b9;
padding: 17px 23px;
font-weight: 600;
font-size: 14px;
}
#content #inner-content .post .news-date,
#content #inner-content .products .news-date,
#content #inner-content .product .news-date,
#content #inner-content .page .news-date {
display: none;
}
#content #inner-content .post:last-of-type,
#content #inner-content .products:last-of-type,
#content #inner-content .product:last-of-type,
#content #inner-content .page:last-of-type {
margin-bottom: 0;
border-bottom: 0;
}
#content #inner-content .pagination {
background: #3BA4DB;
color: #ffffff;
margin: 0;
line-height: 1;
}
#content #inner-content .pagination .page-numbers {
background: transparent;
border-radius: 0;
margin-bottom: -2px;
}
#content #inner-content .pagination .page-numbers li {
border-right: none;
}
#content #inner-content .pagination .page-numbers li .current {
color: #ffffff;
background: #155596;
}
#content #inner-content .pagination .page-numbers li a {
color: #ffffff;
}
#content #inner-content .pagination .page-numbers li a.prev.page-numbers,
#content #inner-content .pagination .page-numbers li a.next.page-numbers {
text-indent: -999px;
width: 30px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/right-arrow.png);
background-size: 18px;
background-repeat: no-repeat;
background-position: center center;
}
#content #inner-content .pagination .page-numbers li a.prev.page-numbers {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/left-arrow.png);
}
#content .catalogue-page .post .post-image-thumbnail {
display: block;
line-height: 0;
}
#content .catalogue-page .post .post-image-thumbnail img {
margin-bottom: 0 !important;
}
#content #contact-banner {
background: #2980b9;
padding: 20px 0;
}
#content #contact-banner h3,
#content #contact-banner p,
#content #contact-banner h5 {
color: #ffffff;
}
#content #contact-banner h5 {
font-size: 16px;
}
#content #contact-banner a.telephone {
color: #ffffff;
position: relative;
}
#content #contact-banner a.telephone:after {
content: "";
width: 26px;
height: 26px;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/phone-icon.png) center center;
background-size: contain;
position: absolute;
right: -35px;
bottom: 5px;
}
#content #contact-banner .contact-thumbnail {
display: none;
}
#content #contact-banner a.contact-banner-link {
color: #ffffff;
text-decoration: none;
display: block;
height: 26px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/right-arrow.png);
background-size: 26px;
background-repeat: no-repeat;
background-position: right center;
margin-top: 10px;
font-size: 15px;
line-height: 1;
padding-top: 5px;
}
#content #contact-banner.banner-content-shop {
background-color: #F37A1F;
}
#content #contact-banner.banner-content-shop .p-heading-contact-banner {
line-height: 1.1;
}
#content #contact-banner.banner-content-shop p {
margin: 0 0 5px;
}
#content #contact-banner.banner-content-shop h5 {
line-height: auto;
}
#content #contact-banner.banner-content-shop a:hover {
text-decoration: underline;
}
#content #more-about-smiths {
background: #c4ebff;
padding-bottom: 30px;
position: relative;
z-index: 6;
}
#content #more-about-smiths h3 {
color: #2980b9;
text-align: center;
padding-top: 10px;
background: #ffffff;
}
#content #more-about-smiths .blocks-wrap {
max-width: 360px;
margin: 0 auto;
}
#content #more-about-smiths .blocks-wrap .more-block {
margin-bottom: 15px;
display: block;
position: relative;
}
#content #more-about-smiths .blocks-wrap .more-block a.cf, #content #more-about-smiths .blocks-wrap .more-block a.comment-respond {
min-height: 160px;
display: block;
color: #ffffff;
text-decoration: none !important;
padding: 15px 20px;
}
#content #more-about-smiths .blocks-wrap .more-block h4 {
float: left;
margin: 0;
max-width: 250px;
}
#content #more-about-smiths .blocks-wrap .more-block p.news-post-excerpt,
#content #more-about-smiths .blocks-wrap .more-block p.contact-us-block-excerpt {
width: 100%;
margin-top: 35px;
font-size: 12.5px;
line-height: 20px;
max-height: 80px;
overflow: hidden;
hyphens: none;
}
#content #more-about-smiths .blocks-wrap .more-block p.news-post-excerpt-icon {
width: 80% !important;
}
#content #more-about-smiths .blocks-wrap .more-block .contact-number {
display: block;
}
#content #more-about-smiths .blocks-wrap .more-block .news-post-date {
font-weight: 700;
font-size: 14px;
position: absolute;
bottom: 10px;
right: 20px;
}
#content #more-about-smiths .blocks-wrap .more-block .contact-us-block-number {
font-weight: 700;
font-size: 24px;
margin-top: -8px;
position: absolute;
bottom: 8px;
right: 55px;
color: #ffffff;
}
#content #more-about-smiths .blocks-wrap .more-block .contact-us-block-number:after {
content: "";
width: 26px;
height: 26px;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/phone-icon.png) center center;
background-size: contain;
position: absolute;
right: -35px;
bottom: 7px;
}
#content #more-about-smiths .blocks-wrap .more-block .more-arrow {
position: absolute;
top: 15px;
right: 20px;
}
#content #more-about-smiths .blocks-wrap #platform-hire {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/platform-hire.jpg) no-repeat center center;
background-size: cover;
}
#content #more-about-smiths .blocks-wrap #platform-sales {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/platform-sales.jpg) no-repeat center center;
background-size: cover;
}
#content #more-about-smiths .blocks-wrap #request-brochure {
background: #ee2e24;
background-size: 100px 206px;
background-position: right 20px bottom -65px;
}
#content #more-about-smiths .blocks-wrap #request-brochure p {
clear: left;
}
#content #more-about-smiths .blocks-wrap #repair-maintenance {
background: #155596 url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/spanner.png) no-repeat center center;
background-position: bottom -100px right;
background-size: 140px;
}
#content #more-about-smiths .blocks-wrap #training-block-2 {
background: #2980b9 url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/training-man.png) no-repeat;
background-size: 260px;
background-position: center right;
}
#content #more-about-smiths .blocks-wrap #trade-account {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/trade-card-block.png) no-repeat center center;
background-size: cover;
}
#content #more-about-smiths .blocks-wrap #secondary-guarding {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/Snorkel-Guard.jpg) no-repeat center center;
background-size: cover;
}
#content #more-about-smiths .blocks-wrap #about-us-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/smiths-hire-block.jpg) no-repeat center center;
background-size: cover;
}
#content #more-about-smiths .blocks-wrap #hire-equipment-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/stihl-logo.png) no-repeat bottom center #f37a1f;
background-size: 220px;
}
#content #more-about-smiths .blocks-wrap #careers-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/home-blocks/careers-tile.jpg) no-repeat center center;
background-size: cover;
}
#content #more-about-smiths .blocks-wrap #news-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/home-blocks/news-tile.jpg) no-repeat center center;
background-size: 100%;
transition: background-size 0.15s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #news-block:hover {
background-size: 110%;
}
#content #more-about-smiths .blocks-wrap #training-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/training-block.jpg) no-repeat center center;
background-size: cover;
}
#content #more-about-smiths .blocks-wrap .news-post-block-1 {
background: #ee2e24;
margin-left: 0;
}
#content #more-about-smiths .blocks-wrap .news-post-block-2 {
background: #155596;
}
#content #more-about-smiths .blocks-wrap .news-post-block-3 {
background: #3BA4DB;
float: right;
margin-right: 0;
}
#content #more-about-smiths .blocks-wrap #customer-block {
background: #3BA4DB;
}
#content #more-about-smiths .blocks-wrap #customer-block p {
margin: 60px 0 0 !important;
}
#content #more-about-smiths .blocks-wrap #contact-block {
background: #ee2e24;
}
#content #more-about-smiths .blocks-wrap #delivery-services {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/home-blocks/dispatch-van.png) no-repeat;
background-color: #0492dc;
background-size: 100px;
background-position: right 20px bottom 20px;
transition: background-position 0.3s ease-in-out;
transition: all 0.4s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #delivery-services:hover {
background-position: right 0 bottom 20px;
}
#content #more-about-smiths .blocks-wrap #delivery-services .delivery-content {
max-width: 150px;
clear: left;
padding-top: 5px;
}
#content #more-about-smiths .blocks-wrap #delivery-services .delivery-content p {
margin-top: 0;
}
#content #more-about-smiths .blocks-wrap #trade-card-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/home-blocks/tradeCard-new.png) no-repeat;
background-color: #0492dc;
background-size: 100px;
background-position: right 12px bottom 12px;
transition: background-position 0.3s ease-in-out;
transition: all 0.4s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #trade-card-block:hover {
background-position: right 12px bottom 30px;
}
#content #more-about-smiths .blocks-wrap #trade-card-block .trade-content {
max-width: 150px;
clear: left;
padding-top: 5px;
}
#content #more-about-smiths .blocks-wrap #trade-card-block .trade-content p {
margin-top: 0;
}
#content #sidebar-nav {
display: none;
}
#popular-category,
#popular-category-mob {
width: 100%;
display: block;
}
#popular-category .popular-cat-title,
#popular-category-mob .popular-cat-title {
color: #ee2e24 !important;
font-weight: 900;
padding: 10px 0 0 0;
margin: 0;
text-align: center;
}
#popular-category .red-button,
#popular-category-mob .red-button {
display: block;
background: #ee2e24;
color: #ffffff;
padding: 10px;
margin-bottom: 20px;
line-height: 1.3;
height: 58px;
font-weight: 700;
font-size: 15px;
border: 1px solid #ffffff;
transition: all 0.25s ease-in-out;
}
#popular-category .red-button:hover, #popular-category .red-button:focus,
#popular-category-mob .red-button:hover,
#popular-category-mob .red-button:focus {
background: rgb(183.2733050847, 22.5953389831, 14.2266949153);
}
#popular-category .red-button img,
#popular-category-mob .red-button img {
width: 50px;
height: auto;
vertical-align: middle;
padding-right: 5px;
margin-bottom: 0;
}
#popular-category .homepage-category,
#popular-category-mob .homepage-category {
padding: 0 !important;
margin: 0;
}
#popular-category .homepage-category .category-item,
#popular-category-mob .homepage-category .category-item {
list-style: none;
padding: 0;
width: 50%;
width: calc(50% - 5px);
float: left;
margin-right: 10px;
margin-top: 10px;
}
#popular-category .homepage-category .category-item:nth-child(even),
#popular-category-mob .homepage-category .category-item:nth-child(even) {
margin-right: 0;
}
#popular-category .homepage-category .category-item a,
#popular-category-mob .homepage-category .category-item a {
display: block;
width: 100%;
float: none;
border: 1px solid #B7B7B7;
color: #ffffff;
padding: 10px;
background: transparent;
transition: all 0.25s ease-in-out;
}
#popular-category .homepage-category .category-item a:hover, #popular-category .homepage-category .category-item a:focus,
#popular-category-mob .homepage-category .category-item a:hover,
#popular-category-mob .homepage-category .category-item a:focus {
border: 1px solid #2980b9;
}
#popular-category .homepage-category .category-item a:hover span, #popular-category .homepage-category .category-item a:focus span,
#popular-category-mob .homepage-category .category-item a:hover span,
#popular-category-mob .homepage-category .category-item a:focus span {
color: #2980b9;
}
#popular-category .homepage-category .category-item a span,
#popular-category-mob .homepage-category .category-item a span {
color: #ee2e24;
font-size: 18px;
font-weight: 700;
height: 40px;
float: left;
width: calc(100% - 20px);
height: 42px;
line-height: 1.2;
hyphens: auto;
transition: all 0.25s ease-in-out;
}
#popular-category .homepage-category .category-item a .right-red-arrow,
#popular-category-mob .homepage-category .category-item a .right-red-arrow {
float: right;
margin-top: 7px;
}
#popular-category .homepage-category .category-image,
#popular-category-mob .homepage-category .category-image {
width: 100%;
height: auto;
margin-bottom: 0;
background: #eee;
}
#popular-category-mob {
display: block;
}
#popular-category-mob .red-button {
margin-bottom: 20px !important;
line-height: 1.3 !important;
height: 67px !important;
} #content #inner-content .hire-protect-call-to-action {
background: #2980b9;
padding: 20px;
}
#content #inner-content .hire-protect-call-to-action h3 {
color: #ffffff;
font-size: 20px;
}
#content #inner-content .hire-protect-call-to-action a {
font-weight: 700;
color: #ffffff;
}
#content #inner-content #history-quote {
background: #2980b9;
color: #ffffff;
font-size: 15px;
padding: 20px;
margin-bottom: 20px;
}
#content #inner-content #history-quote p.author {
font-size: 13px;
margin: 10px 0 0 !important;
color: #ffffff;
}
#content #inner-content .blue-feature {
background: #2980b9;
color: #ffffff;
font-size: 19px;
padding: 20px;
} body.single #content #inner-content.single-page #article-header h3,
body.page #content #inner-content.single-page #article-header h3 {
display: none;
}
body.single #content #inner-content.single-page #article-header p,
body.page #content #inner-content.single-page #article-header p {
color: #2980b9;
font-size: 15px;
margin-bottom: 10px;
}
body.single #content #inner-content.single-page #article-header img,
body.page #content #inner-content.single-page #article-header img {
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
}
body.single #content #inner-content.single-page .post,
body.single #content #inner-content.single-page .products,
body.page #content #inner-content.single-page .post,
body.page #content #inner-content.single-page .products {
border-bottom: none;
}
body.single #content #inner-content.single-page .post p,
body.single #content #inner-content.single-page .products p,
body.page #content #inner-content.single-page .post p,
body.page #content #inner-content.single-page .products p {
margin-bottom: 20px;
color: #777777;
}
body.single #content #inner-content.single-page .post img,
body.single #content #inner-content.single-page .products img,
body.page #content #inner-content.single-page .post img,
body.page #content #inner-content.single-page .products img {
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
}
body.single #content #inner-content.single-page .post:last-of-type,
body.single #content #inner-content.single-page .products:last-of-type,
body.page #content #inner-content.single-page .post:last-of-type,
body.page #content #inner-content.single-page .products:last-of-type {
margin-bottom: 0;
}
body.single #content #inner-content.single-page .page img.alignnone,
body.page #content #inner-content.single-page .page img.alignnone {
margin: 0 auto 20px;
display: block;
max-width: 100% !important;
}
@media (min-width: 768px) {
body.single #content #inner-content.single-page .page p,
body.page #content #inner-content.single-page .page p {
margin-bottom: 10px;
}
}
body.single #content #inner-content.career-page #article-header,
body.page #content #inner-content.career-page #article-header {
border-bottom: 10px solid #2980b9;
margin-bottom: 20px;
}
body.single #content #inner-content.career-page .post,
body.page #content #inner-content.career-page .post {
border-bottom: 10px solid #2980b9 !important;
margin-bottom: 20px !important;
} body.single-products #content #inner-content #product-header h3 {
display: block;
}
body.single-products #content #inner-content #product-header p:first-of-type {
margin-top: 0;
}
body.single-products #content #inner-content #product-header img {
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
}
body.single-products #content #inner-content #product-header img.video-overlay {
position: absolute;
opacity: 0.5;
transition: all 0.4s ease-in-out;
}
body.single-products #content #inner-content #product-header img.video-overlay:hover {
opacity: 1;
}
body.single-products #content #inner-content #hire-dropdown {
color: #2980b9;
display: none;
}
body.single-products #content #inner-content #hire-dropdown img.wp-post-image,
body.single-products #content #inner-content #hire-dropdown img.featured-image {
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
}
body.single-products #content #inner-content #hire-dropdown img#smiths-hire-protect {
max-width: 150px !important;
margin-bottom: 0 !important;
height: auto;
}
body.single-products #content #inner-content #hire-dropdown h3 {
padding-bottom: 0;
}
body.single-products #content #inner-content #hire-dropdown .hire-info {
color: #ee2e24;
font-weight: 600;
list-style-type: none;
}
body.single-products #content #inner-content #hire-dropdown .hire-info li {
position: relative;
margin-bottom: 5px;
padding-left: 5px;
}
body.single-products #content #inner-content #hire-dropdown .hire-info li:before {
content: "";
position: absolute;
top: 0;
right: 100%;
height: 100%;
width: 20px;
}
body.single-products #content #inner-content #hire-dropdown .hire-info li:nth-child(1):before {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/hire-list-one.png) no-repeat;
background-size: 100%;
}
body.single-products #content #inner-content #hire-dropdown .hire-info li:nth-child(2):before {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/hire-list-two.png) no-repeat;
background-size: 100%;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields {
padding-left: 0 !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1,
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 {
position: relative;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .gfield_label,
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .gfield_label {
width: 100px;
display: inline-block !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .gfield_label .gfield_required,
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .gfield_label .gfield_required {
display: none;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .ginput_container,
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .ginput_container {
display: inline-block;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .ginput_container input,
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .ginput_container input {
min-width: 140px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .ui-datepicker-trigger,
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .ui-datepicker-trigger {
position: absolute;
top: 8px;
right: 5px;
width: 20px !important;
height: 20px !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li {
margin-top: 15px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li .gfield_label {
display: none;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li ul.gfield_checkbox {
padding-left: 0 !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li ul.gfield_checkbox input {
position: absolute;
right: 0;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li ul.gfield_checkbox label {
margin: 0 !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_11 .gfield_label {
display: inline-block !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_10 .gfield_label {
font-size: 15px;
color: #ee2e24;
display: none !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_10 ul.gfield_checkbox li {
margin: 10px 0 0;
padding: 10px 0 !important;
border: solid 1px #2980b9;
border-left: 0;
border-right: 0;
font-weight: 700;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_10 ul.gfield_checkbox li label {
max-width: 240px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_10 ul.gfield_checkbox li input {
font-size: 24px;
position: relative;
margin-top: 3px;
margin-right: 10px;
display: inline-block;
float: left;
width: auto;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_10 ul.gfield_checkbox li:last-of-type {
border-top: 0;
margin: 0 0 10px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_11 {
margin-top: 10px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_11 .gfield_label {
display: none !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_11 .gchoice_2_11_1 {
margin-top: 10px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_11 .gchoice_2_11_1 label {
max-width: 240px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_11 .gchoice_2_11_1 input {
font-size: 24px;
position: relative;
margin-top: 3px;
margin-right: 10px;
display: inline-block;
float: left;
width: auto;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields .ginput_container {
margin-top: 0;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields .ginput_container input {
border: solid 1px #2980b9;
background: #ffffff;
text-indent: 0;
padding: 15px 10px;
max-width: none;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields .gfield_radio {
margin-left: 0;
padding-left: 0 !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields .gfield_radio input {
margin-top: 2px;
}
body.single-products #content #inner-content #hire-dropdown .gform_footer .gform_button {
background-color: #ee2e24;
border: none;
transition: all 0.4s ease-in-out;
}
body.single-products #content #inner-content #hire-dropdown .gform_footer .gform_button:hover, body.single-products #content #inner-content #hire-dropdown .gform_footer .gform_button:focus {
background-color: rgb(188.0059322034, 23.1788135593, 14.5940677966);
}
body.single-products #content #inner-content #hire-dropdown .gform_footer .gform_button:active {
background-color: rgb(183.2733050847, 22.5953389831, 14.2266949153);
}
body.single-products #content #inner-content .video {
position: relative;
margin-left: -20px;
margin-right: -20px;
margin-top: 20px;
}
body.single-products #content #inner-content .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.single-products #content #inner-content #product-details {
background: #e5f6fe;
border-bottom: 10px solid #2980b9;
position: relative;
}
body.single-products #content #inner-content #product-details .scale-image-wrap {
line-height: 0;
}
body.single-products #content #inner-content #product-details .scale-image-wrap img {
max-width: 100%;
position: relative;
z-index: 1;
}
body.single-products #content #inner-content #product-details .scale-image-wrap .access-scale-image-lines {
position: absolute;
z-index: 0;
left: 0;
top: 0;
}
body.single-products #content #inner-content #product-details ul.product-specification {
padding-left: 0px !important;
list-style-type: none !important;
margin: 0;
}
body.single-products #content #inner-content #product-details ul.product-specification li {
padding: 5px 0;
}
body.single-products #content #inner-content #product-details ul.product-specification li h4 {
margin: 0 !important;
}
body.single-products #content #inner-content #product-details ul.product-specification li .f_one,
body.single-products #content #inner-content #product-details ul.product-specification li .f_two {
display: inline-block;
color: #3BA4DB;
}
body.single-products #content #inner-content #product-details ul.product-specification li .f_one {
font-weight: 600;
margin-right: 6px;
}
body.single-products #content #inner-content #product-details ul.product-specification li:nth-child(1) {
padding-top: 15px;
}
body.single-products #content #inner-content #product-details ul.product-specification li:nth-child(odd) {
background: #d3eaf6;
}
body.single-products #content #inner-content #product-images {
padding-top: 20px;
}
body.single-products #content #inner-content #product-images ul.image-list {
padding-left: 0 !important;
list-style-type: none !important;
}
body.single-products #content #inner-content #product-images ul.image-list li {
border: solid 1px #2980b9;
padding: 10px;
position: relative;
margin-bottom: 10px;
overflow: hidden;
}
body.single-products #content #inner-content #product-images ul.image-list li img {
margin: 0 auto;
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
display: block;
}
body.single-products #content #inner-content #product-images ul.image-list li:nth-child(odd) {
float: left;
margin-left: 0;
}
body.single-products #content #inner-content #product-images ul.image-list li:nth-child(even) {
float: right;
}
body.single-products #content #inner-content #product-images ul.image-list li:after {
content: "";
width: 18px;
height: 18px;
position: absolute;
bottom: 5px;
right: 5px;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/search-icon.png) no-repeat center center;
background-size: contain;
}
body.single-products #content #inner-content #product-images img {
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
}
body.single-products #content #inner-content #product-hire {
color: #2980b9;
}
body.single-products #content #inner-content #product-hire .price-blocks {
margin-bottom: 15px;
}
body.single-products #content #inner-content #product-hire .price-to-hire {
background: #c4ebff;
padding: 15px 15px;
margin-bottom: 4px;
display: inline-block;
width: 49.4%;
}
body.single-products #content #inner-content #product-hire .price-to-hire p {
margin: 0;
font-size: 13px;
line-height: 16px;
min-height: 15px;
}
@media (min-width: 768px) {
body.single-products #content #inner-content #product-hire .price-to-hire p {
min-height: 35px;
}
}
@media (min-width: 1030px) {
body.single-products #content #inner-content #product-hire .price-to-hire p {
min-height: 15px;
}
}
body.single-products #content #inner-content #product-hire .price-to-hire p.price {
font-size: 26px;
font-weight: 600;
line-height: 30px;
min-height: unset;
}
body.single-products #content #inner-content #product-hire .price-to-hire p.price strike {
font-size: 14px;
line-height: 18px;
color: #ee2e24;
}
body.single-products #content #inner-content #product-hire .ask-btn {
display: none;
}
body.single-products #content #inner-content #product-hire .ask-btn a {
background-image: none;
}
body.single-products #content #inner-content #product-more-information {
margin-bottom: 20px;
}
body.single-products #content #inner-content #product-more-information p:first-of-type {
margin-top: 0;
}
body.single-products #content #inner-content #product-more-information p:last-of-type {
margin-bottom: 0;
}
.hire-trade {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.hire-trade {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
}
.hire-trade .trade-btn {
display: flex;
align-items: center;
border: 3px solid #2980b9;
padding: 5px;
}
.hire-trade .trade-btn span {
width: 100%;
color: #ee2e24;
text-align: center;
font-size: 16px;
line-height: 18px;
padding: 0 10px 0 5px;
font-weight: 600;
text-transform: uppercase;
}
.hire-trade .trade-btn img {
width: 100% !important;
max-width: 30% !important;
margin-left: auto;
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.hire-trade .trade-btn img {
max-width: 70px !important;
}
}
.ays-pb-modal {
padding: 0 !important;
background-color: transparent !important;
border: none !important;
}
.ays-pb-modal .ays_content_box {
padding: 0 !important;
}
#ui-datepicker-div {
background: #ffffff;
}
#ui-datepicker-div .ui-datepicker-title select {
padding: 10px;
margin: 0px !important;
height: 40px;
min-height: 40px;
} #content #directors {
background: #2980b9;
}
#content #directors .desktop-directors {
display: none;
}
#content #directors .post .wrap {
position: relative;
}
#content #directors .post p {
margin-bottom: 20px;
color: #ffffff;
}
#content #directors .post h3,
#content #directors .post h4 {
color: #ffffff;
max-width: 300px;
}
#content #directors .post .team-contact-number {
font-size: 15px;
display: block;
}
#content #directors .post .post-image-thumbnail {
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
line-height: 0;
}
#content #directors .post img {
margin-bottom: 0px;
width: 100%;
max-width: 350px;
height: auto;
}
#content #directors .post .post-more {
background: #ececec;
min-height: 60px;
margin-left: -20px;
margin-right: -20px;
}
#content #directors .post .post-more .job-description {
display: inline-block;
color: #2980b9;
padding: 17px 23px;
font-weight: 600;
font-size: 14px;
}
#content #directors .post .linked-in {
position: absolute;
top: 0;
right: 20px;
width: 40px;
height: 40px;
}
#content #directors .post .news-date {
display: none;
}
#content #directors .post:last-of-type {
margin-bottom: 20px;
}
#content .full-width-heading {
background: #ffffff;
color: #2980b9;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 10px solid #2980b9;
} body.page-id-158 .extra-content {
float: left;
color: white;
font-size: 14px;
}
body.page-id-158 #content #inner-content {
background: #c4ebff;
padding-top: 0;
}
body.page-id-158 #content #inner-content .wrap {
padding: 0;
}
body.page-id-158 #content #inner-content .left-side {
float: left;
display: none;
line-height: 0;
}
body.page-id-158 #content #inner-content .right-side {
float: right;
width: 100%;
}
body.page-id-158 #content #inner-content .right-side .hentry {
margin-bottom: 0;
}
body.page-id-158 #content #inner-content .right-side .section-4-heading {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/service-4-logo.png) no-repeat center left 20px #ffffff;
background-size: 35px;
color: #2980b9;
padding: 20px 20px 20px 70px;
}
body.page-id-158 #content #inner-content .right-side .section-4-heading h3 {
padding: 0;
}
body.page-id-158 #content #inner-content .right-side .section-4-content {
color: #ffffff;
padding: 20px 80px 20px 20px;
}
body.page-id-158 #content #inner-content .right-side .section-4-content h4 {
color: #ffffff;
}
body.page-id-158 #content #inner-content .right-side .section-4-content ul {
margin-bottom: 0;
}
body.page-id-158 #content #inner-content .planning-block .right-side .section-4-content {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/celebrating-40-years.png) no-repeat top 20px right 20px #ee2e24;
background-size: 45px;
}
body.page-id-158 #content #inner-content .logistics-block .right-side .section-4-content {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/syrinx.png) no-repeat top 20px right 20px #2980b9;
background-size: 45px;
}
body.page-id-158 #content #inner-content .support-block .right-side .section-4-content {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/myhire.png) no-repeat top 20px right 20px #dec72a;
background-size: 45px;
}
body.page-id-158 #content #inner-content .value-block .right-side .section-4-content {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/protect.png) no-repeat top 20px right 20px #96be49;
background-size: 45px;
} body.page-id-63 #content #inner-content .hire-centres-header {
display: none;
}
body.page-id-63 #content #inner-content #desktop-map {
display: none;
} body.page-id-19 #content #inner-content {
padding-top: 320px;
padding-bottom: 20px;
background: #3BA4DB;
color: #ffffff;
}
body.page-id-19 #content #inner-content .blue-btn, body.page-id-19 #content #inner-content #submit, body.page-id-19 #content #inner-content .comment-reply-link {
margin-bottom: 20px !important;
}
body.page-id-19 #content #inner-content .blue-btn a, body.page-id-19 #content #inner-content #submit a, body.page-id-19 #content #inner-content .comment-reply-link a {
font-size: 13px !important;
}
body.page-id-19 #content #inner-content .hentry {
margin-bottom: 0;
}
body.page-id-19 #content #inner-content p {
margin-bottom: 20px !important;
font-weight: 600;
font-size: 15px;
}
body.page-id-19 #content #inner-content .gform_wrapper {
margin: 0;
max-width: 100%;
}
body.page-id-19 #content #inner-content .gform_wrapper .gform_body ul {
margin: 0 !important;
padding: 0 !important;
}
body.page-id-19 #content #inner-content .gform_wrapper .gform_body ul li .gfield_label {
display: none;
}
body.page-id-19 #content #inner-content .gform_wrapper .gform_body ul li .ginput_container {
margin-top: 0px;
margin-bottom: 10px;
}
body.page-id-19 #content #inner-content .gform_wrapper .gform_body ul li .ginput_container input,
body.page-id-19 #content #inner-content .gform_wrapper .gform_body ul li .ginput_container textarea {
width: 100%;
background: #ffffff;
padding: 8px;
color: #3BA4DB !important;
text-indent: 0.25em;
}
body.page-id-19 #content #inner-content .gform_wrapper .gform_footer {
margin: 0;
padding: 0;
}
body.page-id-19 #content #inner-content .gform_wrapper .gform_footer input[type=submit] {
width: 100%;
background: #ee2e24;
max-width: none;
color: #ffffff;
text-transform: uppercase;
border: none;
font-weight: 500;
padding: 15px;
font-weight: 600;
font-size: 15px;
}
.accessit {
min-height: 40px;
display: block;
clear: both;
line-height: 26px;
padding: 5px 20px;
color: rgb(255, 255, 255);
margin-bottom: 15px;
border: 1px solid rgb(255, 255, 255);
text-align: center;
}
.accessit:hover {
color: #ffffff !important;
}
.accessit:visited, .accessit:focus {
color: #ffffff;
}
.hentry {
margin-bottom: 20px;
} .single-title,
.page-title,
.entry-title {
margin: 0;
}          .byline {
color: #9fa6b4;
font-style: italic;
margin: 0;
} .entry-content p {
margin: 0 0 20px;
}
.entry-content div.cf, .entry-content div.comment-respond {
margin-bottom: 0;
}
.entry-content ul li {
padding: 5px 0;
}
.entry-content hr {
border-bottom: 0;
border-color: #3BA4DB;
opacity: 0.2;
}
.entry-content ul.accepted-list {
list-style-type: none;
}
.entry-content ul.accepted-list li {
position: relative;
}
.entry-content ul.accepted-list li:before {
content: "";
position: absolute;
top: 6px;
left: -20px;
height: 15px;
width: 15px;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/tick.png) no-repeat;
background-size: cover;
}
.entry-content ul.unaccepted-list {
list-style-type: none;
}
.entry-content ul.unaccepted-list li {
position: relative;
}
.entry-content ul.unaccepted-list li:before {
content: "";
position: absolute;
top: 6px;
left: -20px;
height: 15px;
width: 15px;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/cross.png) no-repeat;
background-size: cover;
}
.entry-content table {
width: 100%;
border: 1px solid #a0a1a1;
margin-bottom: 1.5em;
}
.entry-content table caption {
margin: 0 0 7px;
font-size: 0.75em;
color: #9fa6b4;
text-transform: uppercase;
letter-spacing: 1px;
}
.entry-content tr {
border-bottom: 1px solid #a0a1a1;
}
.entry-content tr:nth-child(even) {
background-color: #ececec;
}
.entry-content td {
padding: 15px;
border-right: 1px solid #a0a1a1;
}
.entry-content td:last-child {
border-right: 0;
}
.entry-content th {
background-color: #ececec;
border-bottom: 1px solid #a0a1a1;
border-right: 1px solid #a0a1a1;
}
.entry-content th:last-child {
border-right: 0;
}
.entry-content blockquote {
margin: 0 0 1.5em 0.75em;
padding: 0 0 0 0.75em;
border-left: 3px solid #2980b9;
font-style: italic;
color: #9fa6b4;
}
.entry-content dd {
margin-left: 0;
font-size: 0.9em;
color: #787878;
margin-bottom: 1.5em;
}
.entry-content img {
margin: 0 0 1.5em 0;
max-width: 100%;
height: auto;
}
.entry-content .content-half-image {
width: 48% !important;
float: left;
margin: 0;
}
.entry-content .content-half-image.last {
float: right;
}
.entry-content .content-full-image {
width: 100% !important;
}
.entry-content { }
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
max-width: 100%;
height: auto;
}
.entry-content .floated-icon {
max-width: 140px !important;
}
.entry-content pre {
background: #323944;
color: #ececec;
font-size: 0.9em;
padding: 1.5em;
margin: 0 0 1.5em;
border-radius: 3px;
} .wp-caption {
max-width: 100%;
background: #eee;
padding: 5px; }
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%;
}
.wp-caption p.wp-caption-text {
font-size: 0.85em;
margin: 4px 0 7px;
text-align: center;
}    .tags {
margin: 0;
} .pagination,
.wp-prev-next {
margin: 1.5em 0;
}
.pagination {
text-align: center;
}
.pagination ul {
display: inline-block;
background-color: #ffffff;
white-space: nowrap;
padding: 0;
clear: both;
border-radius: 3px;
}
.pagination li {
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
border-right: 1px solid #a0a1a1;
}
.pagination a,
.pagination span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1;
font-size: 14px;
font-weight: normal;
padding: 16px;
display: block;
color: #2980b9;
}
.pagination a:hover, .pagination a:focus,
.pagination span:hover,
.pagination span:focus {
background-color: #2980b9;
color: #ffffff;
}
.pagination .current {
cursor: default;
color: #5c6b80;
}
.pagination .current:hover, .pagination .current:focus {
background-color: #ffffff;
color: #5c6b80;
}  .wp-prev-next .prev-link {
float: left;
}
.wp-prev-next .next-link {
float: right;
}   #comments-title {
padding: 0.75em;
margin: 0;
border-top: 1px solid #ececec; }
.commentlist {
margin: 0;
list-style-type: none;
}
.comment {
position: relative;
clear: both;
overflow: hidden;
padding: 1.5em;
border-bottom: 1px solid #ececec;
}
.comment .comment-author {
padding: 7px;
border: 0;
}
.comment { }
.comment .vcard {
margin-left: 50px;
}
.comment .vcard cite.fn {
font-weight: 700;
font-style: normal;
}
.comment .vcard time {
display: block;
font-size: 0.9em;
font-style: italic;
}
.comment .vcard time a {
color: #9fa6b4;
text-decoration: none;
}
.comment .vcard time a:hover {
text-decoration: underline;
}
.comment .vcard .avatar {
position: absolute;
left: 16px;
border-radius: 50%;
}
.comment { }
.comment:last-child {
margin-bottom: 0;
}
.comment .children {
margin: 0;
}
.comment .children { }
.comment .children { }
.comment { }
.comment[class*=depth-] {
margin-top: 1.1em;
}
.comment.depth-1 {
margin-left: 0;
margin-top: 0;
}
.comment:not(.depth-1) {
margin-top: 0;
margin-left: 7px;
padding: 7px;
}
.comment { }
.comment.odd {
background-color: #ffffff;
}
.comment.even {
background: #ececec;
}  .comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em;
}  .comment-reply-link {
font-size: 0.9em;
float: right;
}  .comment-edit-link {
font-style: italic;
margin: 0 7px;
text-decoration: none;
font-size: 0.9em;
} .comment-respond {
padding: 1.5em;
border-top: 1px solid #ececec;
}
#reply-title {
margin: 0;
}
.logged-in-as {
color: #9fa6b4;
font-style: italic;
margin: 0;
}
.logged-in-as a {
color: #5c6b80;
}
.comment-form-comment {
margin: 1.5em 0 0.75em;
}
.form-allowed-tags {
padding: 1.5em;
background-color: #ececec;
font-size: 0.9em;
} #submit {
float: right;
font-size: 1em;
} #comment-form-title {
margin: 0 0 1.1em;
}   #allowed_tags {
margin: 1.5em 10px 0.7335em 0;
} .nocomments {
margin: 0 20px 1.1em;
} .widget ul li { }
.no-widgets {
background-color: #ffffff;
padding: 1.5em;
text-align: center;
border: 1px solid #ccc;
border-radius: 2px;
margin-bottom: 1.5em;
} #smiths-circle-logo {
margin: -25px auto;
display: block;
position: relative;
z-index: 50;
}
#smiths-on-site,
#smiths-were-on-it-small {
display: none;
}
.footer {
clear: both;
background-color: #155596;
color: #ffffff;
padding-top: 35px;
margin-top: -30px;
text-align: center;
font-size: 13px;
}
.footer .footer-contact-info,
.footer .footer-copyright-info {
padding: 0 25px;
margin: 30px auto;
color: #ffffff;
}
.footer .footer-contact-info a,
.footer .footer-copyright-info a {
color: #ffffff;
text-decoration: none;
}
.footer .footer-copyright-info {
color: #2980b9;
}
.footer .footer-copyright-info p {
font-size: 11px;
max-width: 250px;
margin: 0 auto;
}
.footer .footer-copyright-info p.link-2am {
margin-top: 10px;
}
.footer .footer-copyright-info p.link-2am a:hover {
color: #2980b9;
}
.footer #bottom-bar {
background: #ffffff;
padding: 20px 0;
width: 100%;
display: block;
}
.footer #bottom-bar img {
width: 100%;
height: auto;
} .footer-links ul li {
font-size: 13px;
border-bottom: 2px solid #2980b9;
} #related-dropdown {
display: none;
}
.related-products__item {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
margin: 0 0 20px;
}
.related-products__item--selected {
margin: 20px 0;
}
.related-products__item-img {
margin-right: 10px;
width: 40%;
}
.related-products__item-img a {
display: block;
}
.related-products__item-img img {
width: 100%;
height: auto;
}
.related-products__item-title {
width: 60%;
flex: 1;
font-size: 18px;
}
.related-products__item-content {
width: 100%;
}
.related-products__item-qty {
width: 100%;
margin-top: 15px;
}
.related-products__item-qty::before {
content: "Quantity";
text-align: center;
width: 100%;
color: #323944;
font-weight: bold;
margin: 0 0 5px;
display: block;
}
.related-products__item-pricing {
background: #c4ebff;
list-style: none;
display: flex;
flex-wrap: wrap;
color: #2980b9;
}
.related-products__item-pricing li {
padding: 0 10px 20px;
width: 50%;
text-align: center;
font-weight: bold;
line-height: 16px;
}
.related-products__item-pricing li span {
color: #ee2e24;
text-decoration: line-through;
font-weight: normal;
display: block;
}
.related-products__item-pricing li strong {
font-size: 20px;
line-height: 20px;
display: block;
}
#content .related-products__item-pricing {
margin: 10px 0 0 !important;
padding: 20px 0 0 !important;
}
.related-products__item--border {
padding: 10px;
border: 2px solid #2980b9;
}
.related-products__intro {
border-top: 2px solid #c4ebff;
padding: 20px 0 10px;
margin: 20px 0 0;
}
.related-products__intro h2 {
font-size: 23px;
color: #ee2e24 !important;
}
.basket-summary {
margin-bottom: 20px;
}
.basket-summary__items {
border: 2px solid #2980b9;
margin: 15px 0 0;
background: #e5f6fe;
}
.basket-summary__item {
padding: 20px;
display: flex;
flex-wrap: wrap;
}
.basket-summary__item:nth-child(odd) {
background: #d3eaf6;
}
.basket-summary__item-img {
width: 30%;
padding-right: 20px;
}
.basket-summary__item-img img {
margin: 0 !important;
border: 1px solid #2980b9;
}
.basket-summary__item-img a {
text-decoration: underline;
}
.basket-summary__item-detail {
width: 70%;
}
.basket-summary__item .plus-minus-input input[type=number].plus-minus-input__input {
font-size: 16px;
height: 30px;
line-height: 30px;
}
.basket-summary__item .plus-minus-input__button button {
min-height: 30px;
}
.powered-access-hire {
margin: 40px 0 80px;
}
.powered-access-hire h1 {
font-size: 30px;
text-transform: uppercase;
color: #2980b9;
text-align: center;
}
.powered-access-hire__intro {
background-color: #2980b9;
margin: 15px 0 40px;
padding: 15px 0;
}
.powered-access-hire__intro p {
color: #ffffff;
text-align: center;
}
.powered-access-hire__item {
border: 2px solid #2980b9;
padding: 15px;
background-color: #ffffff;
border-radius: 20px;
text-align: center;
margin: 0 0 15px;
}
.powered-access-hire__item figure img {
max-width: 200px;
}
.powered-access-hire__item h3 {
padding-bottom: 0;
}
.powered-access-hire__item .red-btn a {
margin-bottom: 0 !important;
}
body.page-id-10053 #content #more-about-smiths .powered-access-hire__item h3 {
float: none;
}
.reviews-container {
padding: 0 30px 40px 30px !important;
}
.reviews-container .p-heading-block-title {
color: #ee2e24;
}
.reviews-container .reviews-google-logo {
display: none;
}
.reviews-container .reviews-google-logo img {
max-width: 100%;
}
.reviews-container .reviews-wrapper {
display: flex;
}
.reviews-container .reviews-wrapper .bx-wrapper {
margin-bottom: 30px;
width: 90%;
max-width: 80%;
}
.reviews-container .reviews-wrapper .bx-wrapper .bx-viewport {
height: 100% !important;
}
.reviews-container .reviews-wrapper .bx-wrapper .bxslider-reviews .cf, .reviews-container .reviews-wrapper .bx-wrapper .bxslider-reviews .comment-respond {
height: 100%;
max-height: 200px;
}
.reviews-container .reviews-wrapper .bx-wrapper .bxslider-reviews .cf p, .reviews-container .reviews-wrapper .bx-wrapper .bxslider-reviews .comment-respond p {
color: #2980b9;
font-style: italic;
}
.reviews-container .reviews-wrapper .bx-wrapper .bxslider-reviews .cf span, .reviews-container .reviews-wrapper .bx-wrapper .bxslider-reviews .comment-respond span {
font-weight: 700;
color: #ee2e24;
}
.reviews-container .reviews-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
background: #C4EBFF;
width: 8px;
height: 8px;
}
.reviews-container .reviews-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover, .reviews-container .reviews-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #EE2E24;
}
.reviews-container .reviews-wrapper .bx-prev {
left: -30px !important;
}
.reviews-container .reviews-wrapper .bx-next {
right: -30px !important;
}
@media (max-width: 1200px) {
.header-quote {
display: none;
}
}
.wrap {
margin: 0 auto;
} .subsubheader .depot-locator {
display: none;
}
.cat-mega-menu-link,
.cat-mega-menu-link-accounts {
float: left;
}
.cat-mega-menu-link a,
.cat-mega-menu-link-accounts a {
position: relative;
color: #fff !important;
text-decoration: none;
margin: 10px 0 3px 30px;
text-transform: uppercase;
font-weight: 900;
font-size: 12px;
}
.cat-mega-menu-link a:hover img,
.cat-mega-menu-link-accounts a:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.cat-mega-menu-link img,
.cat-mega-menu-link-accounts img {
display: inline-block;
width: 40px;
height: auto;
margin-right: 10px;
transition: all 0.3s ease;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
.cat-mega-menu,
.cat-mega-menu-accounts {
position: fixed;
top: -250%;
z-index: 90;
left: 0;
right: 0;
background-color: #fff;
transition: all 0.3s ease-in-out;
padding: 20px;
border: 5px solid #2980b9;
}
.cat-mega-menu.active,
.cat-mega-menu-accounts.active {
top: 287px;
background-color: #fff;
}
.cat-mega-menu.cat-mega-menu-shop,
.cat-mega-menu-accounts.cat-mega-menu-shop {
border: 5px solid #F97417;
}
.cat-mega-menu.cat-mega-menu-eco,
.cat-mega-menu-accounts.cat-mega-menu-eco {
border: 5px solid #99C431;
}
#basket-icon {
display: none;
position: fixed;
z-index: 199;
top: 69px;
right: 72px;
}
#basket-icon i {
font-size: 23px;
color: #2980b9;
}
@media (max-width: 767px) {
.cat-mega-menu.active,
.cat-mega-menu-accounts.active {
bottom: 50px;
overflow-y: scroll;
}
.cat-mega-menu.active::-webkit-scrollbar,
.cat-mega-menu-accounts.active::-webkit-scrollbar {
display: none;
}
}
.cat-mega-menu-accounts ul {
margin: 5px 5px 0;
}
.cat-mega-menu-wrap {
max-width: 900px;
margin: 0 auto;
}
.cat-mega-menu-wrap .last {
float: none;
}
.cat-mega-menu-wrap h2 {
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #2980b9;
font-size: 1.5rem;
text-transform: uppercase;
color: #ee2e24;
}
.cat-mega-menu-wrap h3 {
margin-top: 10px;
padding-bottom: 5px;
font-size: 1.1rem;
text-decoration: underline;
text-transform: uppercase;
color: #ee2e24;
}
.cat-mega-menu #menu-mega-menu-categories,
.cat-mega-menu #menu-mega-menu-categories-1,
.cat-mega-menu #menu-mega-menu-products,
.cat-mega-menu #menu-mega-menu-eco,
.cat-mega-menu-accounts #menu-mega-menu-categories,
.cat-mega-menu-accounts #menu-mega-menu-categories-1,
.cat-mega-menu-accounts #menu-mega-menu-products,
.cat-mega-menu-accounts #menu-mega-menu-eco {
-moz-column-count: 1;
column-count: 1;
}
.cat-mega-menu #menu-mega-menu-accounts,
.cat-mega-menu #menu-mega-menu-shop,
.cat-mega-menu-accounts #menu-mega-menu-accounts,
.cat-mega-menu-accounts #menu-mega-menu-shop {
-moz-column-count: 1;
column-count: 1;
}
.cat-mega-menu ul li,
.cat-mega-menu-accounts ul li {
position: relative;
list-style: none;
padding-right: 30px;
text-transform: uppercase;
margin-bottom: 5px;
display: inline-block;
width: 100%;
vertical-align: top;
font-size: 0.9rem;
}
.cat-mega-menu ul li a,
.cat-mega-menu-accounts ul li a {
color: #333;
transition: all 0.5s ease;
}
.cat-mega-menu ul li a:hover,
.cat-mega-menu-accounts ul li a:hover {
color: #000;
}
.cat-mega-menu ul li a:after,
.cat-mega-menu-accounts ul li a:after {
content: "";
position: absolute;
border: solid #333;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 2px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
bottom: 10px;
margin: 0 0 0 10px;
transition: all 0.5s ease;
}
.pa-page {
margin-top: 129px;
}
.new-trade-card {
display: block;
text-align: center;
}
.new-trade-card .last {
width: 100%;
}
.new-trade-card .last img {
margin-top: 0;
margin-bottom: 10px;
}
.bx-wrapper .bx-controls-direction a {
z-index: 20 !important;
}
#ajaxsearchpro2_1 .probox,
#ajaxsearchpro2_2 .probox,
div.asp_m.asp_m_2 .probox {
height: 45px !important;
}
#ajaxsearchpro2_1 .probox input[type=search],
#ajaxsearchpro2_2 .probox input[type=search],
div.asp_m.asp_m_2 .probox input[type=search] {
height: 100% !important;
}
#ajaxsearchpro3_1 .probox,
#ajaxsearchpro3_2 .probox,
div.asp_m.asp_m_3 .probox {
height: 45px !important;
}
#ajaxsearchpro3_1 .probox input[type=search],
#ajaxsearchpro3_2 .probox input[type=search],
div.asp_m.asp_m_3 .probox input[type=search] {
height: 100% !important;
}
#ajaxsearchpro4_1 .probox,
#ajaxsearchpro4_2 .probox,
div.asp_m.asp_m_4 .probox {
height: 45px !important;
}
#ajaxsearchpro4_1 .probox input[type=search],
#ajaxsearchpro4_2 .probox input[type=search],
div.asp_m.asp_m_4 .probox input[type=search] {
height: 100% !important;
}
.probox .promagnifier {
margin-top: 10px !important;
margin-right: 10px !important;
}
.probox .innericon {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/search-icon.png) !important;
background-repeat: no-repeat !important;
background-size: 28px !important;
background-position: center !important;
}
.probox svg {
height: 0 !important;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
height: 0;
}
.slick.slick-initialized {
visibility: visible;
opacity: 1;
height: auto;
}
.slick-slide {
display: none;
}
.slick-slide:first-child {
display: block;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-home {
margin: 64px auto 40px;
max-width: 100%;
}
.slick-home .slide-content-container {
display: flex;
align-items: flex-start;
justify-content: center;
}
.slick-home .slide-content-container img {
max-width: 100%;
}
.slick-home img.slick-img-full {
display: none;
}
.slick-home img.slick-img-mobile {
display: block;
}
.slick-access {
margin: 0 auto 40px;
}
button.slick-arrow {
position: absolute;
top: 0;
bottom: 10px;
left: 0;
margin: 0;
z-index: 100;
padding: 0;
font-size: 4rem;
text-transform: none;
text-align: center;
transition: all 750ms ease-in-out;
border: none;
background-color: transparent;
color: #2980B9;
outline: none;
z-index: 10;
}
button.slick-arrow span {
font-size: 7rem;
display: inline-block;
}
button.slick-arrow:after {
content: "";
}
button.slick-arrow.slick-next {
background: url(//smithshire.com/wp-content/themes/smithshire/library/css/images/controls_v2.png) no-repeat -48px -5px;
background-size: 96px 48px;
transition: none;
top: auto;
right: 10px;
left: auto;
height: 48px;
width: 48px;
}
button.slick-arrow.slick-prev {
background: url(//smithshire.com/wp-content/themes/smithshire/library/css/images/controls_v2.png) no-repeat 0 -5px;
background-size: 96px 48px;
transition: none;
top: auto;
left: 10px;
right: auto;
height: 48px;
width: 48px;
}
#content ul.slick-dots {
position: absolute;
bottom: -65px;
left: 50%;
transform: translateX(-50%);
padding: 0 !important;
}
#content ul.slick-dots li {
display: inline-block;
margin-right: 5px;
width: 12px;
height: 12px;
background-color: #2980B9;
text-indent: -2000px;
border-radius: 0;
border: none;
}
#content ul.slick-dots li.slick-active {
background-color: #E41B13;
}
#content ul.slick-dots li:hover {
cursor: pointer;
}
#content ul.slick-dots li button {
border-radius: 0;
border: none;
}
.page-id-10053 .pa-container {
text-align: center;
}
.page-id-10053 h1 {
display: inline-block;
}
.page-id-10053 .page-heading {
margin-top: 67px;
}
.page-id-67 .term-post .post-image-thumbnail img {
-o-object-fit: cover !important;
object-fit: cover !important;
height: 100% !important;
width: 100% !important;
}
.homepage-icons {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto 40px;
max-width: 1920px;
}
.homepage-icons .homepage-icon {
position: relative;
margin: 8px;
float: left;
}
.homepage-icons .homepage-icon img {
max-width: 100%;
display: block;
}
.homepage-icons .homepage-icon span {
position: absolute;
text-align: center;
display: block;
width: 100%;
bottom: 5px;
color: #fff;
text-transform: uppercase;
z-index: 1;
}
.homepage-icons .homepage-icon:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.33);
opacity: 0;
transition: all 0.5s ease-in-out;
pointer-events: none;
}
.homepage-icons .homepage-icon:hover:after {
transition: all 0.5s ease-in-out;
opacity: 1;
}
.homepage-icons .homepage-icon:hover span {
font-weight: 700;
}
.homepage-icons .homepage-icon-no-display {
margin: 0;
padding: 0;
}
@media (max-width: 1671px) {
.homepage-icons .homepage-icon:nth-child(5n) {
flex-basis: 100%;
}
}
@media (max-width: 844px) {
.homepage-icons .homepage-icon {
margin: 5px 10px 10px;
}
.homepage-icons .homepage-icon:nth-child(5n) {
flex-basis: auto;
}
.homepage-icons .homepage-icon-no-display {
margin: 0;
padding: 0;
}
}
@media (max-width: 438px) {
.homepage-icons {
display: inline-block;
}
.homepage-icons .homepage-icon {
width: 50%;
float: left;
padding: 1px;
margin: 0;
}
.homepage-icons .homepage-icon img {
width: 100%;
max-width: 100%;
}
.homepage-icons .homepage-icon-no-display {
margin: 0;
padding: 0;
}
}
@media (max-width: 360px) {
.homepage-icons .homepage-icon {
width: 100%;
padding: 5px 10px;
}
}
#heading-bar.cf-wide {
padding: 6rem 0 1rem;
}
#heading-bar.cf-wide .wrap h1 {
width: 100%;
text-align: center;
}
#heading-bar.cf-wide.cf-image .wrap {
display: flex;
height: 36vh;
}
#heading-bar.cf-wide.cf-image .wrap h1 {
font-size: 3.5rem;
text-shadow: 0 2px 5px #000;
align-self: flex-end;
text-align: center;
}
.pa-flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-grow: 1;
}
.pa-flex .block-3 {
width: 33.3333%;
align-self: stretch;
}
.cat-alt .expandable {
margin: 0 auto;
padding: 20px 0;
max-height: 115px;
position: relative;
overflow: hidden;
color: #fff;
font-size: 1rem;
text-align: center;
clear: both;
background-color: #2980B9;
border-bottom: 10px solid #2980B9;
}
.cat-alt .expandable p {
margin: 0 auto;
max-width: 900px;
padding: 0;
}
.cat-alt .expandable .read-more {
position: absolute;
bottom: -5px;
left: 0;
right: 0;
width: 100%;
text-align: center;
margin: 0 auto;
padding: 20px 0 0;
background: rgb(41, 128, 185);
background: linear-gradient(0deg, rgb(41, 128, 185) 15%, rgba(41, 128, 185, 0) 100%);
}
.cat-alt .expandable .read-more a {
position: relative;
color: #fff;
}
.cat-alt .expandable .read-more a:hover {
color: #fff;
}
.cat-alt .expandable .read-more a:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid #EE2E24 !important;
bottom: 6px;
right: -25px;
}
.cat-alt .expandable .read-more a.expanded:after {
border-top: none !important;
border-bottom: 9px solid #EE2E24 !important;
}
.cat-alt {
border-bottom: 10px solid #2980B9;
}
.cat-alt-cats {
max-width: 1300px;
margin: 2rem auto 0;
}
.cat-alt-cats .block-3 {
width: 30.333%;
margin: 0 1.5%;
margin-bottom: 2rem;
background-color: #E0E0E0;
}
.cat-alt-cats .block-3 .block-content {
display: flex;
flex-direction: column;
height: 100%;
}
.cat-alt-cats .block-3 .block-content h3 {
margin: 0 0 1rem;
padding: 0 0.5rem;
text-align: center;
}
.cat-alt-cats .block-3 .block-content h3 a {
color: #333;
}
.cat-alt-cats .block-3 .block-content h3 a:hover {
color: #000;
}
.cat-alt-cats .block-3 .block-content img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 395px;
padding: 1rem;
}
.cat-alt-cats .block-3 .block-content .entry-content {
text-align: center;
flex-grow: 1;
}
.cat-alt-cats .block-3 .block-content .entry-content p {
font-size: 1rem;
padding: 0 1rem;
hyphens: none;
}
.cat-alt-cats .block-3 .block-content .post-more {
text-align: center;
}
.cat-alt-cats .block-3 .block-content .post-more a {
background-color: #EE2E24;
color: #FFF;
padding: 10px 17px;
margin-bottom: 0.5rem;
border-radius: 20px;
margin: 0 1rem 1rem;
display: inline-block;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
font-size: 0.85rem;
}
.cat-alt-cats .block-3 .block-content .post-more a:hover {
background-color: #c52921;
}
.cat-alt-eco {
border-bottom: 10px solid #99c431;
}
.cat-alt-eco .expandable {
background-color: #99c431;
border-bottom: 10px solid #99c431;
}
.cat-alt-eco .expandable .read-more {
background: rgb(153, 196, 49);
background: linear-gradient(0deg, rgb(153, 196, 49) 15%, rgba(41, 128, 185, 0) 100%);
}
.cat-alt-eco-content .cat-alt-cats .block-3 .block-content .post-more a {
background-color: #99c431;
font-weight: 700;
}
.cat-alt-eco-content .cat-alt-cats .block-3 .block-content .post-more a:hover {
background-color: #799f1d;
}
.contact-sticky.sticky-eco {
background-color: #99c431;
}
#heading-bar.cf-eco {
background-color: #99c431;
}
#heading-bar.cf-eco #breadcrumbs-wrap a,
#heading-bar.cf-eco #breadcrumbs-wrap span {
color: #fff;
}
#heading-bar.cf-eco select {
background-color: #8bb527;
}
#content .cf-eco .red-btn {
background-color: #93bf2b;
}
#content .cf-eco .red-btn:hover {
background-color: #759c19;
}
#content .cf-eco #sidebar-nav h4.widgettitle {
background: #8bb527;
}
.contact-sticky.sticky-shop {
background-color: #f97417;
}
#heading-bar.cf-shop {
background-color: #f97417;
}
#heading-bar.cf-shop #breadcrumbs-wrap a,
#heading-bar.cf-shop #breadcrumbs-wrap span {
color: #fff;
}
#heading-bar.cf-shop select {
background-color: #f97417;
}
#content .cf-shop .red-btn {
background-color: #f97417;
}
#content .cf-shop .red-btn:hover {
background-color: #f17015;
}
#content .cf-shop #sidebar-nav h4.widgettitle {
background: #f97417;
}
.homepage-block h3 {
color: #ee2e24 !important;
font-weight: 900;
padding: 10px 0 0;
margin: 0;
text-align: center;
}
.temp-no-display {
display: none;
}
@media (max-width: 1020px) {
.cat-alt .expandable p {
padding: 0 2rem;
}
.cat-alt-cats .block-3 {
width: 46%;
margin: 0 2% 2rem;
}
}
@media (max-width: 768px) {
#heading-bar.cf-wide .wrap h1 {
text-align: center;
}
.cat-alt-cats .block-3 {
width: 92%;
margin: 0 4% 2rem;
}
}
@media (max-width: 600px) {
.cat-alt .expandable p {
padding: 0 1rem;
}
.cat-alt-cats .block-3 {
width: 96%;
margin: 0 2% 1rem;
}
}
.homepage-description {
margin-bottom: 2rem;
padding: 2rem 0 2rem;
background-color: #2980B9;
color: #fff;
font-size: 1rem;
}
.homepage-description .reviews-container {
padding-bottom: 0 !important;
}
.homepage-description h1.p-heading-block-title {
background-color: transparent;
color: #fff;
font-size: 1.6rem;
}
.homepage-description p {
color: #fff;
hyphens: none;
}
.homepage-description a {
color: #fff;
text-decoration: underline;
}
.homepage-description a:hover {
color: #fff;
}
.homepage-description a:visited {
color: #fff;
}
.homepage-description a:visited:hover {
color: #fff;
}
.homepage-description.cat-alt .expandable {
max-height: 220px;
}
.homepage-description.cat-alt .expandable p {
margin-bottom: 1rem;
hyphens: none;
}
.homepage-description.cat-alt .expandable p.read-more {
margin-bottom: 0;
} .woocommerce-page #heading-bar {
background-color: #f97417;
}
.woocommerce-page #heading-bar #breadcrumbs-wrap span {
color: #fff;
}
.woocommerce-page #heading-bar #breadcrumbs-wrap a {
color: #fff;
}
.woocommerce-page #heading-bar #breadcrumbs-wrap a:hover {
text-decoration: underline;
}
.woocommerce-page .entry-content tr:nth-child(even) {
background-color: #fff;
}
.woocommerce-page .entry-content th,
.woocommerce-page .entry-content td {
border: none;
}
.woocommerce-page .entry-content th.product-thumbnail img,
.woocommerce-page .entry-content td.product-thumbnail img {
margin-bottom: 0;
}
.woocommerce-page input,
.woocommerce-page textarea {
background-color: #fff;
border: thin solid #F97417;
}
.woocommerce-page input:focus,
.woocommerce-page textarea:focus {
background-color: #fff;
}
.woocommerce-page textarea {
padding: 8px 12px;
}
.woocommerce-page .woocommerce button.button {
padding: 0.8rem 1.5rem;
}
.woocommerce-page .woocommerce .quantity .qty {
padding: 0;
}
.woocommerce-page .woocommerce .wc-proceed-to-checkout a,
.woocommerce-page .woocommerce #place_order {
background-color: #f97417;
}
.woocommerce-page .woocommerce .wc-proceed-to-checkout a:hover,
.woocommerce-page .woocommerce #place_order:hover {
background-color: #ec680b;
}
.woocommerce-page div.product form.cart .button,
.woocommerce-page .woocommerce button.button.alt,
.woocommerce-page .add_to_cart_button {
background-color: #f97417;
padding: 0.85rem 1rem;
}
.woocommerce-page div.product form.cart .button:hover,
.woocommerce-page .woocommerce button.button.alt:hover,
.woocommerce-page .add_to_cart_button:hover {
background-color: #ec680b;
}
.woocommerce-page #coupon_code {
min-width: 200px;
border: thin solid #F97417;
}
.woocommerce-page .contact-sticky {
background-color: #f97417;
}
.woocommerce-page .pswp__bg {
opacity: 0.75 !important;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation ul {
padding: 0 !important;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation ul li {
padding: 12px;
border-top: thin solid #ebe9eb;
border-left: thin solid #ebe9eb;
border-right: thin solid #ebe9eb;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation ul li:first-of-type {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation ul li:last-of-type {
border-bottom: thin solid #ebe9eb;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.woocommerce-page #content #inner-content {
margin: 160px auto 0;
max-width: 1200px;
}
@media (max-width: 991px) {
.woocommerce-page #content #inner-content {
margin: 289px auto 0;
}
}
.woocommerce-page #content #inner-content .flex-viewport {
margin-bottom: 1rem;
}
.woocommerce-page #content #inner-content ol.flex-control-nav {
padding-left: 0;
}
.woocommerce-page #content .woocommerce-tabs ul.tabs {
padding: 0 !important;
margin-bottom: 0 !important;
}
.woocommerce-page #content .woocommerce-tabs ul.tabs:before {
border-bottom: 3px solid #f97417;
}
.woocommerce-page #content .woocommerce-tabs ul.tabs li {
margin: 0;
border: 0;
font-size: 0.9rem;
}
.woocommerce-page #content .woocommerce-tabs ul.tabs li.active {
color: #fff;
background-color: #f97417;
}
.woocommerce-page #content .woocommerce-tabs ul.tabs li:before {
content: none;
}
.woocommerce-page #content .woocommerce-tabs ul.tabs li:after {
content: none;
}
.woocommerce-page #content .woocommerce-tabs .wc-tab {
padding: 1rem;
background-color: #ededed;
}
.woocommerce-page #content .woocommerce-tabs .wc-tab p:last-of-type {
margin-bottom: 0;
}
.woocommerce-page #content .woocommerce-tabs .wc-tab table tr {
background-color: #dfdfdf;
}
.woocommerce-page #content .woocommerce-tabs .wc-tab table tr:nth-child(even) {
background-color: #fff;
}
#sub-header #woo-basket,
#sub-header #woo-account {
position: fixed;
left: 0;
z-index: 99;
top: 140px;
}
#sub-header #woo-account {
top: 320px;
}
.woocommerce-cart #content #inner-content,
.woocommerce-checkout #content #inner-content,
.woocommerce-account #content #inner-content {
margin: 20px auto 0;
max-width: 1200px;
}
.woocommerce .quantity .qty {
padding: 0;
}
.woocommerce a.button {
padding: 0.85rem 1rem;
background-color: #ee2e24;
color: #fff;
text-align: center;
}
.woocommerce a.button:hover {
background-color: #ee2e24;
color: #fff;
}
.woocommerce #breadcrumbs-wrap {
margin: 0 0 1rem !important;
}
@media only screen and (max-width: 762px) {
.woocommerce #breadcrumbs-wrap #breadcrumbs-wrap {
margin: 0;
}
}
.woocommerce #breadcrumbs-wrap p {
margin: 0;
}
.woocommerce #content .product .woo-rrp {
display: inline-block;
margin-right: 8px;
font-weight: 700;
color: #777;
font-size: 14px;
}
.woocommerce #content .product .sku_wrapper,
.woocommerce #content .product .posted_in {
display: block;
}
.woocommerce #content .product .sku_wrapper .sku,
.woocommerce #content .product .posted_in .sku {
font-weight: 700;
}
.woocommerce #content .product .sku_wrapper a,
.woocommerce #content .product .posted_in a {
font-weight: 700;
}
.woocommerce #content .product .related,
.woocommerce #content .product .up-sells {
margin-bottom: 2rem !important;
width: 100%;
}
.woocommerce #content .product .related .products,
.woocommerce #content .product .up-sells .products {
display: flex;
padding: 0 !important;
}
.woocommerce #content .product .related .products li,
.woocommerce #content .product .up-sells .products li {
display: flex;
flex-direction: column;
margin-right: 1.5%;
margin-bottom: 0.5rem;
padding: 1rem;
width: 23.875%;
background-color: #eee;
border-bottom: none !important;
}
.woocommerce #content .product .related .products li img,
.woocommerce #content .product .up-sells .products li img {
margin-bottom: 10px;
}
.woocommerce #content .product .related .products li .button,
.woocommerce #content .product .up-sells .products li .button {
margin-top: auto;
}
.woocommerce #content .product .related .products li:nth-child(4n),
.woocommerce #content .product .up-sells .products li:nth-child(4n) {
margin-right: 0;
}
.woocommerce #content .product .related .products li .price,
.woocommerce #content .product .up-sells .products li .price {
color: #000;
}
.woocommerce #content .product .related .product-image-wrap,
.woocommerce #content .product .up-sells .product-image-wrap {
background-color: #fff;
min-height: 260px;
display: flex;
}
.woocommerce #content .product .related .product-image-wrap img,
.woocommerce #content .product .up-sells .product-image-wrap img {
max-height: 260px;
max-width: 100% !important;
width: auto !important;
margin: auto !important;
}
.woocommerce #content ul.products {
display: flex;
}
.woocommerce #content ul.products .woocommerce-loop-product__title,
.woocommerce #content ul.products .price {
font-size: 1rem;
}
.woocommerce #content span.from {
display: none;
}
.woocommerce #content span.onsale {
width: 62px;
height: 62px;
line-height: 56px;
font-size: 1em;
background-color: #EE2E24;
text-transform: uppercase;
}
.woocommerce #content span.onsale.onsale-bundle {
background-color: #ec680b;
}
.woocommerce table.shop_attributes {
margin-bottom: 0;
}
.woocommerce table.shop_attributes tr:last-of-type {
border-bottom: none;
}
.woocommerce table.shop_attributes tr:nth-child(even) th {
background-color: #ECECEC;
}
.woocommerce table.shop_attributes th {
background-color: #ECECEC;
}
.woocommerce table.shop_attributes td p {
padding: 8px 12px;
}
.woocommerce.woocommerce-shop a.button, .woocommerce.tax-product_cat a.button {
padding: 0;
background-color: transparent;
}
.woocommerce.woocommerce-shop a.button:hover, .woocommerce.tax-product_cat a.button:hover {
background-color: transparent;
}
.woocommerce.woocommerce-shop #content #inner-content, .woocommerce.tax-product_cat #content #inner-content {
margin-top: 3rem;
}
.woocommerce.woocommerce-shop .has-post-thumbnail img, .woocommerce.tax-product_cat .has-post-thumbnail img {
max-height: 260px;
max-width: 100% !important;
width: auto !important;
margin: auto !important;
}
.woocommerce.woocommerce-shop #content #inner-content, .woocommerce.tax-product_cat #content #inner-content {
margin-top: 3rem;
}
.woocommerce.woocommerce-shop #content #inner-content .product-category img, .woocommerce.tax-product_cat #content #inner-content .product-category img {
max-width: 100%;
}
.woocommerce.woocommerce-shop #content #inner-content .product-category .woocommerce-loop-category__title, .woocommerce.tax-product_cat #content #inner-content .product-category .woocommerce-loop-category__title {
font-size: 1.75em;
line-height: 1.4em;
text-align: center;
}
.woocommerce.woocommerce-shop #content #inner-content .product-category .post-more, .woocommerce.tax-product_cat #content #inner-content .product-category .post-more {
width: auto;
background: transparent;
position: relative;
margin: auto auto 0;
}
.woocommerce.woocommerce-shop #content #inner-content .product-category .post-more:after, .woocommerce.tax-product_cat #content #inner-content .product-category .post-more:after {
content: none;
}
.woocommerce.woocommerce-shop #content #inner-content .product-category .post-more a, .woocommerce.tax-product_cat #content #inner-content .product-category .post-more a {
background-color: #F97417;
color: #FFF;
padding: 10px 17px;
border-radius: 20px;
margin: 1rem;
display: inline-block;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
font-size: 0.85rem;
text-align: center;
}
.woocommerce.woocommerce-shop #content ul.products, .woocommerce.tax-product_cat #content ul.products {
flex-wrap: wrap;
padding: 0 !important;
}
.woocommerce.woocommerce-shop #content ul.products li.product, .woocommerce.tax-product_cat #content ul.products li.product {
display: flex;
flex-direction: column;
padding: 1rem;
margin-right: 1.5%;
margin-bottom: 2rem !important;
width: 32.3333%;
background-color: #E0E0E0;
border-bottom: none !important;
}
.woocommerce.woocommerce-shop #content ul.products li.product strong, .woocommerce.tax-product_cat #content ul.products li.product strong {
display: inline;
}
.woocommerce.woocommerce-shop #content ul.products li.product:nth-child(3n), .woocommerce.tax-product_cat #content ul.products li.product:nth-child(3n) {
margin-right: 0;
}
.woocommerce.woocommerce-shop #content ul.products li.product .product-image-wrap, .woocommerce.tax-product_cat #content ul.products li.product .product-image-wrap {
background-color: #fff;
min-height: 260px;
display: flex;
}
.woocommerce.woocommerce-shop #content ul.products li.product .woocommerce-loop-product__title, .woocommerce.tax-product_cat #content ul.products li.product .woocommerce-loop-product__title {
text-align: center;
}
.woocommerce.woocommerce-shop #content ul.products li.product .button, .woocommerce.tax-product_cat #content ul.products li.product .button {
margin: auto auto 0;
display: block;
width: -moz-fit-content;
width: fit-content;
background-color: #f97417;
color: #FFF;
padding: 12px 17px;
border-radius: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
font-size: 0.85rem;
}
.woocommerce.woocommerce-shop #content ul.products li.product .button:hover, .woocommerce.tax-product_cat #content ul.products li.product .button:hover {
background-color: #d86514;
}
.woocommerce.woocommerce-shop #content ul.products li.product .price, .woocommerce.tax-product_cat #content ul.products li.product .price {
margin-bottom: 1rem;
text-align: center;
font-weight: 700;
color: #000;
}
.woocommerce.woocommerce-shop #content ul.products li.product-category h2.woocommerce-loop-category__title, .woocommerce.tax-product_cat #content ul.products li.product-category h2.woocommerce-loop-category__title {
font-size: 1.5rem;
padding: 0;
}
.woocommerce.woocommerce-shop #content ul.products li.product-category h2.woocommerce-loop-category__title mark, .woocommerce.tax-product_cat #content ul.products li.product-category h2.woocommerce-loop-category__title mark {
color: #555;
background-color: transparent;
}
.woocommerce.woocommerce-shop #content .woocommerce-pagination ul, .woocommerce.tax-product_cat #content .woocommerce-pagination ul {
padding-left: 0 !important;
}
.woocommerce.woocommerce-shop #content .woocommerce-pagination ul li span, .woocommerce.tax-product_cat #content .woocommerce-pagination ul li span {
padding: 1rem 1.2rem;
}
.woocommerce.woocommerce-shop #content .woocommerce-pagination ul li span.current, .woocommerce.tax-product_cat #content .woocommerce-pagination ul li span.current {
color: #000;
}
.woocommerce.woocommerce-shop #content .woocommerce-pagination ul li a, .woocommerce.tax-product_cat #content .woocommerce-pagination ul li a {
padding: 1rem 1.2rem;
}
.woocommerce.woocommerce-shop #content .woocommerce-pagination ul li a:hover, .woocommerce.tax-product_cat #content .woocommerce-pagination ul li a:hover {
color: #f97417;
}
.woocommerce.single-product .price {
display: inline-block;
}
#content .woocommerce .cross-sells ul {
padding: 0 !important;
}
#content .woocommerce .cross-sells ul li {
margin-right: 2%;
padding: 1rem;
background-color: #eee;
}
.tax-product_cat #primary {
padding-top: 173px;
}
@media (max-width: 1024px) {
.tax-product_cat #primary {
padding-top: 115px;
}
}
@media (max-width: 768px) {
.tax-product_cat #primary {
padding-top: 64px;
}
}
.tax-product_cat #main .woocommerce-breadcrumb {
margin: 0 auto;
max-width: 1200px;
}
.tax-product_cat #main #heading-bar {
margin-top: 0;
}
.tax-product_cat #content #inner-content {
margin-top: 0;
}
.tax-product_cat #content #inner-content ul.products {
margin-bottom: 2rem !important;
padding: 0 !important;
}
.tax-product_cat #content #inner-content ul.products li {
display: flex;
flex-direction: column;
margin-right: 1.5%;
margin-bottom: 1rem !important;
padding: 1rem;
width: 32.3333%;
background-color: #E0E0E0;
}
.tax-product_cat #content #inner-content ul.products li:nth-child(3n) {
margin-right: 0;
}
.tax-product_cat #content #inner-content ul.products li img {
margin-right: 0;
margin-bottom: 10px;
}
.tax-product_cat #content #inner-content ul.products li .button {
margin-top: auto;
}
.tax-product_cat #content #inner-content .woocommerce-pagination ul li {
margin-bottom: 0;
padding: 0;
}
.tax-product_cat #content #inner-content .pro-cat-desc ul {
display: block;
margin: 0 0 1rem 0 !important;
padding: 0 0 0 40px !important;
}
.tax-product_cat #content #inner-content .pro-cat-desc ul li {
display: list-item;
margin: 0;
padding: 0 !important;
width: 100%;
list-style: disc;
}
.product-template-default #content .product .woocommerce-product-gallery img {
margin: 0 auto;
width: auto;
max-height: 600px;
}
.product-template-default #content .product .entry-summary {
padding: 2rem;
background-color: #ededed;
}
.product-template-default #content .product .entry-summary h1 {
font-size: 2.2rem;
}
.product-template-default #content .product .bundled_product {
margin: 0.5rem 0 0;
padding: 1rem;
background-color: #fff;
}
.product-template-default #content .product .bundled_product .product_title {
margin-bottom: 10px;
font-size: 1.2rem;
}
.product-template-default #content .product .bundled_product .item_qty {
padding-right: 0.5rem;
}
.product-template-default #content .product .bundled_product .product_excerpt p {
margin: 0 0 10px;
}
.product-template-default #content .product .bundled_product .quantity {
margin-top: 0;
}
.product-template-default #content .product .bundle_wrap {
display: flex;
margin-top: 1rem;
}
.product-template-default #content .product .bundle_wrap .bundle_price {
margin-right: auto;
}
.product-template-default #content .product .price {
margin: 10px 0;
font-size: 1.4rem;
font-weight: 700;
color: #000;
}
.product-template-default #content .product .product-points {
margin-top: 1rem;
}
.product-template-default #content .product .product-points ul {
padding: 0 !important;
margin: 0;
}
.product-template-default #content .product .product-points ul li {
position: relative;
list-style: none;
margin-bottom: 10px;
padding-left: 50px;
font-weight: 700;
text-transform: uppercase;
}
.product-template-default #content .product .product-points ul li img {
width: auto !important;
max-width: 42px !important;
position: absolute;
left: 0;
top: 1px;
}
.product-template-default #content .bundled_product_attributes_title {
margin: 15px 0 5px;
}
.product-template-default #content .product-addon-totals ul {
padding-left: 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 1rem !important;
}
.woocommerce-checkout #payment ul.payment_methods li img {
width: auto !important;
}
.more-blocks-zoom {
background-size: 100% !important;
transition: background-size 0.15s ease-in-out;
}
.more-blocks-zoom:hover {
background-size: 110% !important;
transition: background-size 0.15s ease-in-out;
}
.more-blocks-zoom a {
background-color: rgba(0, 0, 0, 0.25);
}
.more-blocks-hover:hover a {
background-color: rgba(0, 0, 0, 0.25);
}
.stihl-icon {
position: absolute;
right: 20px;
bottom: 15px;
}
.woocommerce-notices-wrapper .woocommerce-message {
border-top-color: #f97417;
}
.woocommerce-notices-wrapper .woocommerce-message a.button {
padding: 0.85rem 1rem;
background-color: #ee2e24;
}
.woocommerce-notices-wrapper .woocommerce-message a.button:hover {
background-color: #ee2e24;
}
.footer-card-logos {
float: left !important;
max-width: 340px !important;
}
.search-results .last {
float: none !important;
}
.search-results #more-about-smiths .last {
float: left !important;
}
@media (max-width: 1260px) {
.product-template-default #content .product {
padding: 0 1rem;
}
.product-template-default #content .product .entry-summary h1 {
color: #2980b9;
}
.woocommerce #breadcrumbs-wrap {
margin: 1rem 0;
}
}
@media (max-width: 1024px) {
#sub-header #woo-basket {
top: 110px;
}
#sub-header #woo-basket img {
height: 150px;
}
#sub-header #woo-account {
top: 265px;
}
#sub-header #woo-account img {
height: 150px;
}
.woocommerce.woocommerce-shop #content #inner-content, .woocommerce.tax-product_cat #content #inner-content {
margin-top: 2rem;
padding: 1rem;
}
.woocommerce.woocommerce-shop #content #inner-content ul.products li.product, .woocommerce.tax-product_cat #content #inner-content ul.products li.product {
margin-bottom: 1rem;
margin-right: 1.5%;
width: 49.25%;
}
.woocommerce.woocommerce-shop #content #inner-content ul.products li.product:nth-child(3n), .woocommerce.tax-product_cat #content #inner-content ul.products li.product:nth-child(3n) {
margin-right: 1.5%;
}
.woocommerce.woocommerce-shop #content #inner-content ul.products li.product:nth-child(2n), .woocommerce.tax-product_cat #content #inner-content ul.products li.product:nth-child(2n) {
margin-right: 0;
}
.product-template-default #content .product .related ul li.product,
.product-template-default #content .product .up-sells ul li.product {
margin-right: 2%;
width: 32%;
border-bottom: none !important;
}
.product-template-default #content .product .related ul li.product:nth-child(2n),
.product-template-default #content .product .up-sells ul li.product:nth-child(2n) {
margin-right: 0;
}
.product-template-default #content .product .related ul li.product .product-image-wrap,
.product-template-default #content .product .up-sells ul li.product .product-image-wrap {
background-color: #fff;
min-height: 260px;
display: flex;
}
.product-template-default #content .product .related ul li.product .product-image-wrap img,
.product-template-default #content .product .up-sells ul li.product .product-image-wrap img {
max-height: 260px;
max-width: 100% !important;
width: auto !important;
margin: auto !important;
}
}
@media (max-width: 900px) {
.product-template-default #content .product .entry-summary {
padding: 1rem;
}
.product-template-default #content .product .bundled_product .bundled_product_images {
margin: 0 auto !important;
float: none !important;
}
}
@media (max-width: 991px) {
.woocommerce #sub-header,
.cf-shop #sub-header {
background-color: #fff;
border-bottom: thin #fff solid;
}
.cf-eco #sub-header {
background-color: #fff;
border-bottom: thin #fff solid;
}
}
@media (max-width: 768px) {
.product-template-default #content .product .bundled_product_summary .bundled_product_images {
margin-bottom: 1rem;
width: auto !important;
max-width: 40%;
}
.product-template-default #content .product .bundled_product_summary .bundled_product_image {
min-height: 140px;
}
.product-template-default #content .product .bundled_product_summary .details {
width: 100%;
float: none;
padding: 0;
}
.product-template-default #content .product .related ul li.product,
.product-template-default #content .product .up-sells ul li.product {
margin-right: 1.5%;
width: 49.25%;
border-bottom: none !important;
}
.product-template-default #content .product .related ul li.product:nth-child(2n),
.product-template-default #content .product .up-sells ul li.product:nth-child(2n) {
margin-right: 0;
}
#sub-header #woo-basket {
top: 185px !important;
}
#sub-header #woo-basket img {
height: 100px;
}
#sub-header #woo-account {
top: 290px !important;
}
#sub-header #woo-account img {
height: 100px;
}
}
@media (max-width: 600px) {
.woocommerce.woocommerce-shop #content #inner-content ul.products, .woocommerce.tax-product_cat #content #inner-content ul.products {
display: block;
}
.woocommerce.woocommerce-shop #content #inner-content ul.products li.product, .woocommerce.tax-product_cat #content #inner-content ul.products li.product {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.woocommerce.woocommerce-shop #content #inner-content ul.products li.product:nth-child(2n), .woocommerce.tax-product_cat #content #inner-content ul.products li.product:nth-child(2n) {
margin-left: 0;
margin-right: 0;
}
.product-template-default #content .product .bundled_product_summary .bundled_product_images {
max-width: 60%;
}
.product-template-default #content .product .related ul li.product,
.product-template-default #content .product .up-sells ul li.product {
margin-right: 0%;
width: 100%;
border-bottom: none !important;
}
.product-template-default #content .product .related ul li.product:nth-child(2n),
.product-template-default #content .product .up-sells ul li.product:nth-child(2n) {
margin-right: 0;
}
}
@media (max-width: 480px) {
.product-template-default #content .product .bundled_product_summary .bundled_product_images {
max-width: 80%;
}
}
@media (max-width: 991px) {
#menu-top-menu {
width: 100%;
}
#menu-top-menu li {
position: relative;
left: auto !important;
width: 50%;
}
#menu-top-menu li a:before,
#menu-top-menu li a:after {
content: none;
}
#menu-top-menu li a {
color: #fff;
}
#menu-top-menu li a:hover {
color: white;
}
#menu-top-menu li a:visited:hover {
color: white;
}
#menu-top-menu li a:before {
content: "";
display: inline-block;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/double-arrow.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: center;
position: relative;
left: 0;
top: 2px;
margin-right: 5px;
width: 15px;
height: 15px;
border: 0;
}
#menu-top-menu li:hover a {
color: white;
}
#menu-top-menu li:visited:hover a {
color: white;
}
.mob-header--bottom a:first-of-type {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/down-arrow2.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: top 50% right 20px;
}
.mob-header--bottom a:last-of-type {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/arrow-blue.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: top 50% right 20px;
}
}
@media (min-width: 992px) {
#menu-top-menu li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 15px;
width: 20px;
height: 20px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/double-arrow.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: center;
}
}
@media (max-width: 992px) {
#off-screen-nav {
transition: none !important;
}
#off-screen-nav .double-menu {
transition: none;
}
#off-screen-nav .double-menu nav {
width: 50%;
position: relative;
overflow: scroll;
float: left;
background-color: #ffffff;
transition: all 0.4s ease-in-out;
}
#off-screen-nav .double-menu #nav-main-menu {
height: 120%;
}
#off-screen-nav .double-menu #nav-hire-menu {
height: 180%;
}
#off-screen-nav .double-menu.active {
left: -100%;
position: relative;
height: 180%;
overflow: scroll;
}
#off-screen-nav.active {
right: 0;
position: absolute;
}
}
@media (max-width: 992px) and (max-width: 992px) {
#off-screen-nav.active .double-menu.active {
position: fixed;
transition: all 0.4s ease-in-out;
}
#off-screen-nav.active .double-menu {
position: fixed;
height: 180%;
overflow: scroll;
}
}
#breadcrumbs {
margin-top: 1rem;
} #cookie-law-info-bar {
max-width: 90%;
margin-left: auto !important;
margin-right: auto !important;
left: 5% !important;
padding: 60px 40px !important;
}
@media (min-width: 701px) {
#cookie-law-info-bar {
width: 660px !important;
padding: 60px 60px !important;
left: calc(50% - 330px) !important;
}
}
@media (min-width: 1366px) {
#cookie-law-info-bar {
top: calc(50% - 90px) !important;
width: 1000px !important;
padding: 90px 60px !important;
left: calc(50% - 500px) !important;
}
#cookie-law-info-bar span {
width: 450px;
}
}
#cookie-law-info-bar span {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: left !important;
margin-left: auto !important;
margin-right: auto !important;
}
#cookie-law-info-bar .cli_action_button {
margin: 30px 0 15px 0 !important;
width: 100% !important;
border-radius: 40px !important;
padding: 20px !important;
text-align: center !important;
}
#cookie-law-info-bar .cli-plugin-main-link {
margin: 0 !important;
background-color: transparent !important;
color: #2980b9 !important;
text-decoration: underline;
}
.expandable h2 {
margin: 20px;
} @media only screen and (min-width: 481px) {    .menu ul li a { }
.menu ul li { }
.menu ul {  }
.menu ul { }
.menu { }   .entry-content { }
.entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
} body.single-products #content #inner-content .video {
position: relative;
margin-left: 0;
width: 300px;
margin-right: 0;
}
#content #contact-banner a.contact-banner-link {
width: 140px;
float: right;
}
#content #inner-content .team-contact-number {
display: inline-block !important;
margin-left: 6px;
}   .related-products__item-title {
width: 100%;
order: 1;
flex: none;
font-size: 23px;
}
.related-products__item-img {
width: 30%;
order: 2;
flex: 1;
}
.related-products__item-content {
width: 70%;
order: 2;
flex: none;
}
.related-products__item-qty {
order: 2;
}
.related-products__item .plus-minus-input {
width: 40%;
}
.related-products__item--border {
padding: 20px;
}
.related-products__item-pricing {
margin: 10px 0 0;
margin: 10px 0 0;
}
.basket-summary__item .plus-minus-input {
width: 40%;
margin-left: 0;
margin-right: 0;
}
.cat-mega-menu-link a, .cat-mega-menu-link-accounts a {
margin: 10px 0 0 30px;
font-size: 14px;
}
#sub-header #contact-number {
display: none;
}
} @media only screen and (min-width: 768px) {  html.nav-open {
overflow: hidden !important;
}
body .hentry {
margin-bottom: 0;
} .wrap {
width: 700px;
padding: 0;
}
.wrap-full .blocks-wrap-full {
flex-direction: row;
}
.wrap-squeeze {
margin: 0 5%;
} a, a:visited {
color: #2980b9;
outline: none;
transition: all 0.4s ease-in-out; }
a:hover, a:focus, a:visited:hover, a:visited:focus {
color: rgb(32.6730088496, 102.003539823, 147.4269911504);
outline: none;
text-decoration: none;
}
a, a:visited { }
a:active, a:visited:active {
outline: none;
text-decoration: none;
}
a, a:visited { }
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-rendering: optimizelegibility;
}
h1, .h1 {
font-size: 36px;
line-height: 1;
padding-bottom: 15px;
margin: 0;
}
h2, .h2 {
font-size: 1.75em;
line-height: 1.4em;
margin: 0;
}
h3, .h3, .gform_confirmation_message {
font-size: 23px;
padding-bottom: 15px;
margin: 0;
}
h4, .h4 {
font-size: 23px;
font-weight: 700;
margin-bottom: 20px;
} .header {
background: #ffffff;
width: 100% !important;
}
.header .wrap {
width: 100% !important;
}
#off-screen-nav-content {
position: absolute;
display: block;
z-index: 101;
top: 49px;
overflow: hidden;
height: 681px;
position: absolute;
background: #3BA4DB;
width: 50%;
left: -50%;
transition: all 0.4s ease-in-out;
}
#off-screen-nav-content .left-nav-wrap {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
max-height: 681px;
overflow: hidden;
display: block;
background: #3BA4DB;
z-index: 5;
opacity: 0;
transition: all 0.8s ease-in-out;
}
#off-screen-nav-content .left-nav-wrap .left-nav-content {
display: block;
height: 100%;
width: 350px;
position: absolute;
top: 0;
right: 0;
}
#off-screen-nav-content .left-nav-wrap .left-nav-content h1 {
color: #ffffff;
margin-top: 65px;
max-width: 250px;
}
#off-screen-nav-content .left-nav-wrap .left-nav-content p {
color: #ffffff;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.6);
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
padding: 20px;
max-width: 280px;
}
#off-screen-nav-content .left-nav-wrap .left-nav-content p a {
color: #ffffff;
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
}
#off-screen-nav-content .left-nav-wrap.active {
z-index: 10;
opacity: 1;
}
#off-screen-nav-content #nav-about-us {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-about-us.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-how-to-hire {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-how-to-hire.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-nearest-centre {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-map.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-trade-card {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-trade-card.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-careers {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-careers.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-health-safety {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-health-and-safety.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-contact-us {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-contact.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-hire-equipment {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-hire-equipment.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-news {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-news.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-powered-access {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-powered-access.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-non-powered-access {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-non-powered-access.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-ladders-steps {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-ladders.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-site-equipment {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-site-equipment.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-site-access {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-security.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-lifting-handling {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-handling.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-plant-machinery {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-plant-machinery.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-breaking-drilling {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-breakers.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-grinding-cutting {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-grinding.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-concrete {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-concrete.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-compaction {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-compaction.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-levels {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-levels.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-compression {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-compression.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-generator {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-welders.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-woodworking {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-woodwork.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-plumbing {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-plumbing.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-pumps {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-water-pumps.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-power {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-power.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-cleaning {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-cleaning.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-dehumidifiers {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-dehumidifiers.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content #nav-gardening {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/nav-gardening.jpg) no-repeat center center;
background-size: cover;
}
#off-screen-nav-content.active {
left: 0;
}
#off-screen-nav-content.non-home-nav {
height: calc(100% - 49px);
position: fixed;
}
#off-screen-nav-content.non-home-nav .left-nav-wrap {
height: 100%;
max-height: none !important;
}
#off-screen-nav {
height: 681px;
background: #3BA4DB;
width: 50%;
right: -50%;
}
#off-screen-nav:after {
left: 0;
margin-left: 310px;
width: 100%;
transition: all 0.4s ease-in-out;
}
#off-screen-nav #right-nav-wrap {
width: 100%;
float: right;
overflow: hidden;
}
#off-screen-nav #right-nav-wrap .hire-equipment-nav-item #hire-link-text:hover, #off-screen-nav #right-nav-wrap .hire-equipment-nav-item #nav-more-arrow:hover {
cursor: pointer;
}
#off-screen-nav #right-nav-wrap .double-menu {
height: 571px;
overflow: hidden;
}
#off-screen-nav #right-nav-wrap .double-menu .blue-nav-block {
width: 50%;
display: block;
position: absolute;
background: #155596;
height: 50px;
color: #ffffff;
padding: 13.1px 20px;
font-size: 16px;
}
#off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-left {
bottom: 0;
left: 0;
}
#off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right {
bottom: 0;
right: 0;
}
#off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #up-button, #off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #down-button {
float: left;
width: 130px;
text-align: center;
height: 100%;
opacity: 0.2;
pointer-events: none;
transition: all 0.4s ease-in-out;
}
#off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #up-button.active, #off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #down-button.active {
opacity: 1;
pointer-events: all;
}
#off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #up-button.active:hover, #off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #down-button.active:hover {
cursor: pointer;
}
#off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #up-button {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/up-arrow.png) no-repeat center center;
background-size: 35px;
}
#off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #down-button {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/down-arrow.png) no-repeat center center;
background-size: 35px;
border-left: 1px solid;
border-color: #ffffff;
border-color: rgba(255, 255, 255, 0.1);
}
#off-screen-nav #right-nav-wrap .double-menu #nav-main-menu ul li, #off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu ul li {
float: none;
}
#off-screen-nav #right-nav-wrap .double-menu #nav-main-menu ul li a, #off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu ul li a {
padding: 13.1px 20px;
font-size: 16px;
transition: all 0.2s ease-in-out;
}
#off-screen-nav #right-nav-wrap .double-menu #nav-main-menu ul li a:hover, #off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu ul li a:hover {
color: #155596;
}
#off-screen-nav #right-nav-wrap .double-menu #nav-main-menu ul li#menu-item-84 a:hover, #off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu ul li#menu-item-84 a:hover {
cursor: pointer;
}
#off-screen-nav #right-nav-wrap .double-menu #nav-main-menu ul li#menu-item-84 a:after, #off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu ul li#menu-item-84 a:after {
transition: all 0.4s ease-in-out;
float: none;
position: absolute;
right: 100%;
margin-right: -350px;
}
#off-screen-nav #right-nav-wrap .double-menu #nav-main-menu ul li#menu-item-85 a:hover, #off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu ul li#menu-item-85 a:hover {
cursor: pointer;
}
#off-screen-nav #right-nav-wrap .double-menu #nav-main-menu ul li#menu-item-85 a:after, #off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu ul li#menu-item-85 a:after {
transition: all 0.4s ease-in-out;
float: none;
position: absolute;
right: 100%;
margin-right: -350px;
}
#off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu {
top: 0;
}
#off-screen-nav .hire-equipment-nav-item #nav-more-arrow {
right: 100%;
margin-right: -352px;
}
.page-heading {
margin-top: 40px;
padding-left: 0;
padding-right: 0;
}
.left-main-slider {
width: 50%;
width: calc(50% - 5px);
margin: 0 10px 0 0;
float: left;
}
.right-main-slider {
width: 50%;
width: calc(50% - 5px);
float: right;
height: 263.59px;
overflow: hidden;
}
.right-main-slider .slider-products-top {
padding-bottom: 5px;
}
.right-main-slider .slider-products-bottom {
margin-top: 5px;
}
.right-main-slider .slider-products-top .button {
height: 30px;
padding: 9px 5px;
}
#bx-pager {
margin-bottom: 25px;
}
#bx-pager a {
width: 25%;
width: calc(25% - 7.5px);
margin-right: 10px !important;
}
#bx-pager a span {
float: left;
width: 70%;
font-size: 12px;
line-height: 1.2;
}
#bx-pager a img {
float: right;
}
#bx-pager a:nth-child(4n) {
margin-right: 0 !important;
}
#popular-category-mob {
display: none;
}
#popular-category .homepage-category .category-item, #popular-category-mob .homepage-category .category-item {
width: 33.33333%;
width: calc(33.33333% - 6.6666px);
margin-right: 10px !important;
}
#popular-category .homepage-category .category-item:nth-child(3n) {
margin-right: 0 !important;
}
#off-screen-nav.non-home-nav {
height: calc(100% - 49px);
position: fixed;
}
#off-screen-nav.non-home-nav #right-nav-wrap {
height: 100%;
}
#off-screen-nav.non-home-nav #right-nav-wrap .double-menu {
height: calc(100% - 110px);
padding-bottom: 50px;
}
#off-screen-nav.non-home-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #up-button, #off-screen-nav.non-home-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #down-button {
display: none !important;
}
#off-screen-nav.non-home-nav #right-nav-wrap .double-menu #nav-main-menu, #off-screen-nav.non-home-nav #right-nav-wrap .double-menu #nav-hire-menu {
overflow: scroll;
padding-bottom: 50px;
}
body.page-id-10053 #content #more-about-smiths h3 {
float: left;
}
body.page-id-10053 .access-nav-wrap {
border-bottom: 1px solid #ffffff;
}
body.page-id-10053 #powered-access-nav {
margin: 0 auto !important;
width: 700px;
position: relative;
left: -20px;
}
body.page-id-10053 #home-top-area .bx-wrapper {
display: block;
}
body.page-id-10053 #powered-access-nav li {
display: inline-block;
}
body.page-id-10053 #powered-access-nav li a {
border-bottom: 0;
position: relative;
}
body.page-id-10053 #powered-access-nav li a:after {
content: "";
position: absolute;
top: 13px;
right: 0;
height: 25px;
width: 1px;
background: #ffffff;
}
body.page-id-10053 #powered-access-nav li:last-child a:after {
content: none;
}
body.page-id-10053 #home-top-area {
padding-top: 20px;
height: auto;
overflow: visible;
}
body.page-id-10053 #home-top-area .h1 {
margin-left: 0;
float: left;
}
body.page-id-10053 .slider-container {
width: 50%;
position: absolute;
right: 0;
top: 0;
padding-top: 160px;
display: block;
}
body.page-id-10053 .slider-container .bx-wrapper img {
margin: 0 auto;
width: 300px;
height: auto;
}
body.page-id-10053 .slider-container .bx-wrapper .bx-pager {
position: absolute;
bottom: -25px;
}
body.page-id-10053 .slider-container .bx-wrapper .bx-pager.bx-default-pager a {
background: transparent;
border: 1px solid #ffffff;
width: 15px;
height: 15px;
border-radius: 50%;
}
body.page-id-10053 .slider-container .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #ffffff;
}
body.page-id-10053 .slider-container h3 {
text-align: center;
color: #ffffff;
margin-top: 10px;
}
body.page-id-10053 #main {
clear: both;
}
body.page-id-10053 #bottom-header {
clear: both;
border-top: 1px solid #ffffff;
margin-top: 20px;
}
body.page-id-10053 #bottom-header .bot-services {
border-top: 0;
position: relative;
text-align: left;
padding: 20px 20px 20px 0;
}
body.page-id-10053 #bottom-header .bot-services:after {
content: "";
position: absolute;
top: 20px;
right: 0;
width: 1px;
height: 90px;
display: block;
background: #ffffff;
}
body.page-id-10053 #bottom-header .bot-services#next-day-delivered:after {
content: none;
}
body.page-id-10053 #bottom-header .bot-services h4, body.page-id-10053 #bottom-header .bot-services p {
margin: 0;
}
body.page-id-10053 #bottom-header .bot-services img {
width: 50px;
height: auto;
}
body.page-id-10053 #bottom-header .bot-services .services-text {
float: right;
max-width: 135px;
}
body.page-id-10053 #bottom-header #height-range img {
width: auto;
height: 33px;
margin-top: 5px;
}
body.page-id-10053 #bottom-header #next-day-delivered img {
margin-top: 5px;
width: 37px;
}
body.page-id-10053 .partner-wrap.wrap {
padding: 20px 0;
}
body.page-id-10053 .content {
margin-bottom: 30px;
}
body.page-id-10053 .content h2 {
color: #155596 !important;
}
body.page-id-10053 .content p {
font-weight: 500 !important;
}
#content #more-about-smiths .platform-hire-blocks.blocks-wrap .more-block.t-1of3 h4 {
max-width: 154px;
overflow: visible;
}
#content #more-about-smiths .platform-hire-blocks.blocks-wrap .more-block h4 {
overflow: visible;
}
#content #more-about-smiths .platform-hire-blocks.blocks-wrap .more-block.t-2of3 h4 {
float: none;
}
#content #more-about-smiths .platform-hire-blocks.blocks-wrap .more-block.t-2of3 img {
margin-top: 30px;
}
#content #more-about-smiths .blocks-wrap #training-block-2 {
position: relative;
}
#content #more-about-smiths .blocks-wrap #training-block-2 .more-arrow {
margin-top: 0;
position: absolute;
top: 15px;
right: 20px;
}
#content #more-about-smiths .blocks-wrap #request-brochure a {
position: relative;
}
#content #more-about-smiths .blocks-wrap #request-brochure a .more-arrow {
position: absolute;
top: 15px;
right: 20px;
margin-top: 0;
}
#content #more-about-smiths .blocks-wrap #request-brochure p {
margin-top: 15px;
float: left;
}
#content #more-about-smiths .blocks-wrap #request-brochure p.grab {
font-size: 30px;
font-family: "filson-pro", sans-serif;
line-height: initial;
text-transform: uppercase;
margin-bottom: 0;
}
#menu-top-menu {
position: absolute;
float: none;
right: 0;
margin-right: 0;
}
.right-main-slider .slider-products-bottom .slider-product-title {
padding: 0px 5px 0 5px;
}
.subsubheader {
z-index: 1;
padding: 20px 10px;
border: none;
border-bottom: 0;
}
.subsubheader #searchform {
width: 100%;
float: left;
}
.subsubheader .depot-locator {
margin: 0 2%;
line-height: 40px;
font-size: 13px;
line-height: 16px;
text-decoration: none;
text-align: left;
transition: all 0.25s ease-in-out;
display: none;
align-items: center;
}
.subsubheader .depot-locator:hover {
text-decoration: none;
color: #ffffff;
}
.subsubheader .depot-locator:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.subsubheader .depot-locator img {
width: 40px;
float: none;
margin-top: 0;
vertical-align: middle;
display: inline;
transition: all 0.25s ease-in-out;
}
.subsubheader #equipment-select, .subsubheader #equipment-select2 {
display: block;
width: 35%;
float: right;
min-height: 40px;
padding-top: 0;
padding-bottom: 0;
margin: 0;
text-transform: uppercase;
font-weight: 900;
font-size: 13px;
}
.subsubheader #equipment-select option, .subsubheader #equipment-select2 option {
text-transform: none;
}
*:focus {
outline: none !important;
}
body.home #sub-header #searchform, body.home #sub-header #searchform2 {
display: none;
}
body.category-6 #sub-header, body.parent-pageid-10053 #sub-header, body.category-501 #sub-header, body.category-502 #sub-header, body.category-503 #sub-header, body.category-507 #sub-header, body.category-508 #sub-header {
padding: 5px 0;
}
body.category-6 #sub-header .map-icon, body.parent-pageid-10053 #sub-header .map-icon, body.category-501 #sub-header .map-icon, body.category-502 #sub-header .map-icon, body.category-503 #sub-header .map-icon, body.category-507 #sub-header .map-icon, body.category-508 #sub-header .map-icon {
position: absolute;
top: 0;
display: block;
padding: 5px 0;
width: 30px;
height: auto;
}
body.category-6 #sub-header .hire-desk, body.parent-pageid-10053 #sub-header .hire-desk, body.category-501 #sub-header .hire-desk, body.category-502 #sub-header .hire-desk, body.category-503 #sub-header .hire-desk, body.category-507 #sub-header .hire-desk, body.category-508 #sub-header .hire-desk {
float: left;
position: relative;
left: 45px;
display: block;
padding: 14px 15px 14px 0;
}
body.category-6 #sub-header .training-centres, body.parent-pageid-10053 #sub-header .training-centres, body.category-501 #sub-header .training-centres, body.category-502 #sub-header .training-centres, body.category-503 #sub-header .training-centres, body.category-507 #sub-header .training-centres, body.category-508 #sub-header .training-centres {
float: left;
position: relative;
left: 45px;
padding-left: 20px;
display: none;
}
body.category-6 #sub-header h4, body.parent-pageid-10053 #sub-header h4, body.category-501 #sub-header h4, body.category-502 #sub-header h4, body.category-503 #sub-header h4, body.category-507 #sub-header h4, body.category-508 #sub-header h4 {
font-size: 17px;
color: #ffffff;
margin: 0;
padding-top: 5px;
}
body.category-6 #sub-header .hire-desk h4, body.parent-pageid-10053 #sub-header .hire-desk h4, body.category-501 #sub-header .hire-desk h4, body.category-502 #sub-header .hire-desk h4, body.category-503 #sub-header .hire-desk h4, body.category-507 #sub-header .hire-desk h4, body.category-508 #sub-header .hire-desk h4 {
display: inline;
float: left;
padding: 0;
}
body.category-6 #sub-header p, body.parent-pageid-10053 #sub-header p, body.category-501 #sub-header p, body.category-502 #sub-header p, body.category-503 #sub-header p, body.category-507 #sub-header p, body.category-508 #sub-header p {
color: #ffffff;
margin: 0;
line-height: 15px;
}
#sub-header.powered-access-header {
padding: 5px 0;
}
#sub-header.powered-access-header .map-icon {
position: absolute;
top: 0;
display: block;
padding: 5px 0;
width: 30px;
height: auto;
}
#sub-header.powered-access-header .hire-desk {
float: left;
position: relative;
left: 45px;
display: block;
padding: 14px 15px 14px 0;
}
#sub-header.powered-access-header .training-centres {
float: left;
position: relative;
left: 45px;
padding-left: 20px;
display: none;
}
#sub-header.powered-access-header h4 {
font-size: 17px;
color: #ffffff;
margin: 0;
padding-top: 5px;
}
#sub-header.powered-access-header .hire-desk h4 {
display: inline;
float: left;
padding: 0;
}
#sub-header.powered-access-header p {
color: #ffffff;
margin: 0;
line-height: 15px;
}
body.page-id-10053 #sub-header {
padding: 5px 0;
}
body.page-id-10053 #sub-header .map-icon {
position: absolute;
top: 0;
display: block;
padding: 5px 0;
width: 30px;
height: auto;
}
body.page-id-10053 #sub-header .hire-desk {
float: left;
position: relative;
left: 45px;
display: block;
padding: 14px 15px 14px 0;
}
body.page-id-10053 #sub-header .training-centres {
float: left;
position: relative;
left: 45px;
padding-left: 20px;
display: none;
}
body.page-id-10053 #sub-header h4 {
font-size: 17px;
color: #ffffff;
margin: 0;
padding-top: 5px;
}
body.page-id-10053 #sub-header .hire-desk h4 {
display: inline;
float: left;
padding: 0;
}
body.page-id-10053 #sub-header p {
color: #ffffff;
margin: 0;
line-height: 15px;
}
body.page-id-10053 .browse h4 {
font-size: 20px;
margin: 0;
}
body.page-id-10053 .browse p {
margin: 0;
font-size: 16px;
}
body.page-id-10053 .browse #sub-cat li a {
font-size: 16px;
padding: 10px 10px;
}
body.page-id-10053 #main .entry-content p {
font-weight: 700;
font-size: 18px;
}
body.page-id-10053 #accreditations-list li img {
padding-left: 5px;
width: 99px;
height: auto;
}
body.page-id-10053 .partner-wrap.wrap {
padding: 50px 0;
}
.tradeordiy .tradelinkcircle, .tradeordiy .diylinkcircle {
width: 50%;
float: left;
position: relative;
}
.tradeordiy .tradelinkcircle .circle-image, .tradeordiy .diylinkcircle .circle-image {
width: 47.5%;
height: auto;
margin: 0 auto 2px auto;
position: relative;
z-index: 1;
display: block;
}
.tradeordiy .tradelinkcircle h2, .tradeordiy .diylinkcircle h2 {
font-size: 53px;
}
.tradeordiy .tradelinkcircle .go-button, .tradeordiy .diylinkcircle .go-button {
font-size: 23px;
width: 54px;
height: 54px;
line-height: 54px;
margin: 12px auto 0 auto;
}
.tradeordiy .tradelinkcircle .inner-cirlce-wrap, .tradeordiy .diylinkcircle .inner-cirlce-wrap {
width: 350px;
height: 350px;
margin-left: 0;
}
.tradeordiy .tradelinkcircle .circleexpand, .tradeordiy .diylinkcircle .circleexpand {
width: 350px;
height: 350px;
left: 0;
}
.tradeordiy .tradelinkcircle p, .tradeordiy .diylinkcircle p {
margin-right: 40px;
margin-left: 40px;
margin-bottom: 40px;
}
#more-about-smiths .partner-wrap.wrap {
padding: 50px 0;
}
#more-about-smiths .partner-wrap.wrap #accreditations-list li img {
padding-left: 5px;
width: 99px;
height: auto;
}
#more-about-smiths .partner-wrap h3 {
float: left;
}
#mobile_number {
display: none;
} #nav-icon3 {
right: 25px;
margin-right: 0;
}
#basket-icon {
display: none;
top: 69px;
right: 65px;
margin-right: 0;
}
#basket-icon i {
color: #fff;
}
body.archive .displaytotop:hover {
cursor: pointer;
opacity: 1 !important;
} .nav {
border: 0;
}
.nav ul {
background: #323944;
margin-top: 0;
}
.nav li {
float: left;
position: relative;
}
.nav li a {
border-bottom: 0; }
.nav li { }
.nav li ul.sub-menu,
.nav li ul.children {
margin-top: 0;
border: 1px solid #ccc;
border-top: 0;
position: absolute;
visibility: hidden;
z-index: 8999;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 10px;
border-right: 0;
display: block;
width: 180px;
border-bottom: 1px solid #ccc;
}
.nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
border-bottom: 0;
}
.nav li ul.sub-menu li,
.nav li ul.children li { }
.nav li ul.sub-menu li ul,
.nav li ul.children li ul {
top: 0;
left: 100%;
}
.nav li ul.sub-menu,
.nav li ul.children { }
.nav li { }
.nav li:hover > ul {
top: auto;
visibility: visible;
}
.nav {  }
.nav { }  #home-top-area {
padding-top: 140px;
padding-bottom: 40px;
}
#home-top-area h1 {
top: auto;
margin-top: 0;
left: auto;
font-size: 40px;
margin-left: 0;
}
#home-top-area .on-site-man {
position: absolute;
width: 360px;
height: auto;
bottom: 0;
right: -100px;
}
#home-top-area .logo-ticker {
bottom: 0;
display: block;
}
#home-top-area .logo-ticker li.trusted-by-message {
text-align: center;
padding: 22px 0;
opacity: 0.3;
font-weight: 700;
}
#home-top-area .logo-ticker li img {
opacity: 0.4;
}
body.home #sub-header {
border-bottom: 0;
}
body.home #inner-content {
padding-top: 0 !important;
}
body.home #inner-content #main {
position: absolute;
top: 228px;
left: 50%;
margin-left: -350px;
width: 550px;
z-index: 100;
}
body.home #inner-content #main select {
width: 48%;
float: left;
}
body.home #inner-content #main select#equipment-select, body.home #inner-content #main select#equipment-select2 {
margin-right: 4%;
}
body.home #inner-content #main select#equipment-select:hover, body.home #inner-content #main select#equipment-select2:hover {
background: rgb(15.9894736842, 64.7192982456, 114.2105263158);
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/drop-down-arrow.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: right 15px center;
}
body.home #inner-content #main .home-link_box {
width: 48%;
float: right;
}
body.home #inner-content #main .home-link_box:hover {
background: rgb(188.0059322034, 23.1788135593, 14.5940677966);
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/right-arrow.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: right 15px center;
}
body.home #inner-content #main p {
font-size: 15px;
}
body.home #inner-content #main .home-footer {
display: block;
margin-top: 20px;
}
body.home #inner-content #main .home-footer .circle-link {
height: 100px;
width: 100px;
border-radius: 50px;
background: #ffffff;
float: left;
margin-right: 10px;
position: relative;
color: #ffffff;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover {
width: 102%;
height: 102%;
position: absolute;
top: -1%;
left: -1%;
display: block;
opacity: 0;
text-align: center;
background: #ee2e24;
font-weight: 600;
text-transform: uppercase;
border-radius: 50px;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover p {
font-size: 13px;
position: absolute;
line-height: 1;
top: 50%;
width: 100px;
padding: 0px 5px;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover p.item-name {
margin-top: -35px;
line-height: 0.85;
padding: 10px 5px;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover p.item-price {
margin-top: 0;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover p.per-day {
font-size: 9px;
margin-top: 15px;
}
body.home #inner-content #main .home-footer .circle-link:hover .circle-hover {
cursor: pointer;
}
body.home #inner-content #main .home-footer .circle-one {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/circle-scissorlift.png) #ffffff center center;
background-repeat: no-repeat;
background-size: contain;
}
body.home #inner-content #main .home-footer .circle-two {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/circle-digger.png) #ffffff center center;
background-repeat: no-repeat;
background-size: contain;
}
body.home #inner-content #main .home-footer .circle-three {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/circle-saw.png) #ffffff center center;
background-repeat: no-repeat;
background-size: contain;
}
body.home #inner-content #main .home-footer .circle-four {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/circle-service4.png) #ffffff center center;
background-repeat: no-repeat;
background-size: contain;
}
body.home #inner-content #main .home-footer .circle-five {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/circle-workers.png) #ffffff center bottom -15px;
background-repeat: no-repeat;
background-size: contain;
margin-right: 0;
}
#search-bar {
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
top: 150px;
width: 550px;
left: 50%;
margin-left: -350px;
z-index: 50;
}
#search-bar input[type=search] {
background: #ffffff;
padding: 0 57px 0 15px !important;
font-size: 20px;
height: 55px;
}
#search-bar button {
margin-right: 10px;
}
#search-bar button img {
width: 27px;
height: 30px;
} #heading-bar {
background: #2980b9;
padding: 80px 0 40px;
position: relative;
margin-top: 115px;
}
#heading-bar #breadcrumbs-wrap {
display: block;
position: absolute;
color: #c4ebff;
font-size: 12px;
top: 0;
}
#heading-bar #breadcrumbs-wrap a {
color: #c4ebff;
text-decoration: none;
}
#heading-bar h1 {
color: #ffffff;
padding-bottom: 25px;
width: 450px;
float: left;
}
#heading-bar select {
width: 200px;
float: right;
padding: 7px 50px 7px 15px;
min-height: 40px;
}
#newsletter-sign-up input[type=email] {
width: 77.5%;
float: left;
}
#newsletter-sign-up input[type=submit] {
width: 22.5%;
float: right;
background: #ee2e24;
transition: all 0.4s ease-in-out;
}
#newsletter-sign-up input[type=submit]:hover {
background: rgb(188.0059322034, 23.1788135593, 14.5940677966);
}
#content {
position: relative;
}
#content #inner-content h1, #content #inner-content h2, #content #inner-content h3, #content #inner-content h4, #content #inner-content h5, #content #directors h1, #content #directors h2, #content #directors h3, #content #directors h4, #content #directors h5 {
color: #2980b9;
}
#content #inner-content .page #customers, #content #directors .page #customers {
margin-top: 20px;
}
#content #inner-content .page #customers tr:nth-child(even), #content #directors .page #customers tr:nth-child(even) {
background-color: #ffffff;
}
#content #inner-content .page #customers tr td, #content #directors .page #customers tr td {
padding: 15px 15px 5px;
}
#content #inner-content .post, #content #inner-content .products, #content #inner-content .product, #content #inner-content .page, #content #directors .post, #content #directors .products, #content #directors .product, #content #directors .page {
margin-bottom: 0;
}
#content #inner-content .post .wrap, #content #inner-content .products .wrap, #content #inner-content .product .wrap, #content #inner-content .page .wrap, #content #directors .post .wrap, #content #directors .products .wrap, #content #directors .product .wrap, #content #directors .page .wrap {
position: relative;
height: 224px;
overflow: hidden;
}
#content #inner-content .post .post-content, #content #inner-content .products .post-content, #content #inner-content .product .post-content, #content #inner-content .page .post-content, #content #directors .post .post-content, #content #directors .products .post-content, #content #directors .product .post-content, #content #directors .page .post-content {
float: right;
width: 64%;
padding-top: 20px;
padding-right: 20px;
height: 150px;
overflow: hidden;
}
#content #inner-content .post .post-content .article-header, #content #inner-content .products .post-content .article-header, #content #inner-content .product .post-content .article-header, #content #inner-content .page .post-content .article-header, #content #directors .post .post-content .article-header, #content #directors .products .post-content .article-header, #content #directors .product .post-content .article-header, #content #directors .page .post-content .article-header {
max-height: 68px;
overflow: hidden;
}
#content #inner-content .post .post-image-thumbnail, #content #inner-content .products .post-image-thumbnail, #content #inner-content .product .post-image-thumbnail, #content #inner-content .page .post-image-thumbnail, #content #directors .post .post-image-thumbnail, #content #directors .products .post-image-thumbnail, #content #directors .product .post-image-thumbnail, #content #directors .page .post-image-thumbnail {
float: left;
height: 100%;
width: 32%;
margin-bottom: 0;
}
#content #inner-content .post .post-more, #content #inner-content .products .post-more, #content #inner-content .product .post-more, #content #inner-content .page .post-more, #content #directors .post .post-more, #content #directors .products .post-more, #content #directors .product .post-more, #content #directors .page .post-more {
width: 68%;
position: absolute;
bottom: 0;
right: 0;
background: #ececec;
min-height: 60px;
}
#content #inner-content .post .post-more .news-date, #content #inner-content .post .post-more .job-description, #content #inner-content .products .post-more .news-date, #content #inner-content .products .post-more .job-description, #content #inner-content .product .post-more .news-date, #content #inner-content .product .post-more .job-description, #content #inner-content .page .post-more .news-date, #content #inner-content .page .post-more .job-description, #content #directors .post .post-more .news-date, #content #directors .post .post-more .job-description, #content #directors .products .post-more .news-date, #content #directors .products .post-more .job-description, #content #directors .product .post-more .news-date, #content #directors .product .post-more .job-description, #content #directors .page .post-more .news-date, #content #directors .page .post-more .job-description {
display: inline-block;
color: #2980b9;
padding: 17px 23px;
font-weight: 600;
}
#content #inner-content .post .post-more .red-btn, #content #inner-content .products .post-more .red-btn, #content #inner-content .product .post-more .red-btn, #content #inner-content .page .post-more .red-btn, #content #directors .post .post-more .red-btn, #content #directors .products .post-more .red-btn, #content #directors .product .post-more .red-btn, #content #directors .page .post-more .red-btn {
display: block;
width: 33%;
float: right;
font-size: 15px;
border-right: 0px solid #2980b9;
transition: all 0.4s ease-in-out;
}
#content #inner-content .post .post-more .red-btn a, #content #inner-content .products .post-more .red-btn a, #content #inner-content .product .post-more .red-btn a, #content #inner-content .page .post-more .red-btn a, #content #directors .post .post-more .red-btn a, #content #directors .products .post-more .red-btn a, #content #directors .product .post-more .red-btn a, #content #directors .page .post-more .red-btn a {
margin-bottom: 0 !important;
}
#content #inner-content .post .post-more .red-btn:hover, #content #inner-content .products .post-more .red-btn:hover, #content #inner-content .product .post-more .red-btn:hover, #content #inner-content .page .post-more .red-btn:hover, #content #directors .post .post-more .red-btn:hover, #content #directors .products .post-more .red-btn:hover, #content #directors .product .post-more .red-btn:hover, #content #directors .page .post-more .red-btn:hover {
border-right: 10px solid #2980b9;
transition: all 0.4s ease-in-out;
}
#content #inner-content .post .post-more:after, #content #inner-content .products .post-more:after, #content #inner-content .product .post-more:after, #content #inner-content .page .post-more:after, #content #directors .post .post-more:after, #content #directors .products .post-more:after, #content #directors .product .post-more:after, #content #directors .page .post-more:after {
content: "";
display: block;
height: 100%;
width: 200%;
position: absolute;
left: 100%;
top: 0;
background: #ececec;
z-index: 1;
}
#content #inner-content .post:last-of-type, #content #inner-content .products:last-of-type, #content #inner-content .product:last-of-type, #content #inner-content .page:last-of-type, #content #directors .post:last-of-type, #content #directors .products:last-of-type, #content #directors .product:last-of-type, #content #directors .page:last-of-type {
margin-bottom: 0;
}
#content .pagination .page-numbers li a {
transition: all 0.4s ease-in-out;
}
#content .pagination .page-numbers li a:hover {
background: #2980b9 !important;
}
#content .pagination .page-numbers li a.prev.page-numbers, #content .pagination .page-numbers li a.next.page-numbers {
text-indent: -999px;
width: 30px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/right-arrow.png);
background-size: 18px;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.4s ease-in-out;
}
#content .pagination .page-numbers li a.prev.page-numbers:hover, #content .pagination .page-numbers li a.next.page-numbers:hover {
width: 30px !important;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/right-arrow.png) !important;
background-size: 18px !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
#content .pagination .page-numbers li a.prev.page-numbers {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/left-arrow.png);
}
#content .pagination .page-numbers li a.prev.page-numbers:hover {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/left-arrow.png) !important;
background-size: 18px !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
#content .catalogue-page .post .wrap, #content .catalogue-page .products .wrap, #content .catalogue-page .product .wrap, #content .catalogue-page .page .wrap {
height: 250px !important;
}
#content .catalogue-page .post .wrap .post-content, #content .catalogue-page .products .wrap .post-content, #content .catalogue-page .product .wrap .post-content, #content .catalogue-page .page .wrap .post-content {
height: 178px !important;
width: 60% !important;
}
#content .catalogue-page .post .wrap .post-content .article-header, #content .catalogue-page .products .wrap .post-content .article-header, #content .catalogue-page .product .wrap .post-content .article-header, #content .catalogue-page .page .wrap .post-content .article-header {
max-height: 68px;
overflow: hidden;
}
#content .catalogue-page .post .wrap .post-image-thumbnail, #content .catalogue-page .products .wrap .post-image-thumbnail, #content .catalogue-page .product .wrap .post-image-thumbnail, #content .catalogue-page .page .wrap .post-image-thumbnail {
border: solid #2980b9 1px;
border-top: 0;
border-bottom: 0;
position: relative;
width: 36% !important;
}
#content .catalogue-page .post .wrap .post-more, #content .catalogue-page .products .wrap .post-more, #content .catalogue-page .product .wrap .post-more, #content .catalogue-page .page .wrap .post-more {
width: 64% !important;
}
#content .catalogue-page .post .wrap .post-more .red-btn a, #content .catalogue-page .products .wrap .post-more .red-btn a, #content .catalogue-page .product .wrap .post-more .red-btn a, #content .catalogue-page .page .wrap .post-more .red-btn a {
margin-bottom: 0 !important;
}
#content #inner-content.career-page .post .post-content {
height: 146px;
}
#content #inner-content.career-page .post .post-content .article-header {
max-height: 68px;
overflow: hidden;
}
#content #contact-banner {
background: #2980b9;
padding: 0;
position: relative;
z-index: 5;
}
#content #contact-banner .banner-content {
float: right;
width: 100%;
padding: 20px 20px 20px 0;
}
#content #contact-banner .banner-content h3, #content #contact-banner .banner-content p, #content #contact-banner .banner-content h5 {
color: #ffffff;
}
#content #contact-banner .banner-content h5 {
font-size: 16px;
}
#content #contact-banner .banner-content a.telephone:hover {
cursor: pointer;
}
#content #contact-banner .contact-thumbnail {
display: block;
float: left;
width: 33%;
height: auto;
margin-right: 30px;
}
#content #contact-banner .contact-thumbnail-shop {
width: 50%;
}
#content #contact-banner a.contact-banner-link {
margin-right: 20px;
}
#content #more-about-smiths .blocks-wrap {
max-width: 700px;
}
#content #more-about-smiths .blocks-wrap .more-block a.cf, #content #more-about-smiths .blocks-wrap .more-block a.comment-respond {
height: 160px;
display: block;
color: #ffffff;
text-decoration: none !important;
padding: 15px 20px;
}
#content #more-about-smiths .blocks-wrap .more-block h4 {
max-height: 29px;
overflow: hidden;
}
#content #more-about-smiths .blocks-wrap .more-block p.news-post-excerpt, #content #more-about-smiths .blocks-wrap .more-block p.contact-us-block-excerpt {
max-height: 100px;
overflow: hidden;
}
#content #more-about-smiths .blocks-wrap .more-block .news-post-date {
display: none;
}
#content #more-about-smiths .blocks-wrap #hire-equipment-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/stihl-logo.png) no-repeat bottom center #f37a1f;
background-size: 240px;
}
#content #more-about-smiths .blocks-wrap #customer-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/home-blocks/eco-logo-new.png) no-repeat;
}
#content #more-about-smiths .blocks-wrap #customer-block p {
margin: 35px 0 0 !important;
max-width: 210px;
}
#content #more-about-smiths .blocks-wrap #contact-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/home-blocks/mobile-contact-page.png) #ee2e24;
background-size: 85px;
background-repeat: no-repeat;
background-position: right 0px bottom -25px;
}
#content #more-about-smiths .blocks-wrap #contact-block .contact-us-block-excerpt {
margin-bottom: 0;
max-width: 210px;
}
#content #more-about-smiths .blocks-wrap #contact-block .contact-us-block-number {
left: 20px;
right: auto;
}
#content #more-about-smiths .blocks-wrap #contact-block .contact-us-block-number:after {
right: auto;
bottom: 7px;
left: 185px;
}
#content #more-about-smiths .blocks-wrap #contact-block.more-block-shop {
background: #F37A1F url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/Chainsaw-on-laptop-screen-resized.png) bottom right no-repeat;
background-position-y: 60px;
background-position-x: 95%;
transition: all 0.15s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #contact-block.more-block-shop:hover {
background-position-y: 50px;
background-position-x: 95%;
} #content #inner-content .hire-protect-call-to-action {
position: relative;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/hire-protect-nail-gun.png) #2980b9 center right 20px no-repeat;
background-size: 130px;
}
#content #inner-content .hire-protect-call-to-action h3 {
max-width: 70%;
}
#content #inner-content .hire-protect-call-to-action a {
position: absolute;
bottom: 20px;
}
#content #inner-content .hire-protect-call-to-action a:after {
content: "";
width: 20px;
height: 20px;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/download-arrow.png) no-repeat center center;
background-size: 13px;
position: absolute;
right: -20px;
top: 0;
}
#content #inner-content .hire-protect-call-to-action a:hover {
color: #3BA4DB;
} body.blog #content #inner-content, body.archive #content #inner-content, body.search #content #inner-content, body.single-products #content #inner-content, body.page-id-59 #content #inner-content, body.page-id-63 #content #inner-content, body.page-id-131 #content #inner-content, body.page-id-158 #content #inner-content, body.page-id-563 #content #inner-content, body.page-id-565 #content #inner-content, body.page-id-584 #content #inner-content {
padding-top: 0;
} body.single #content .entry-content .gform_wrapper ul {
padding-left: 0 !important;
}
body.single #content .entry-content .gform_wrapper ul li label .gfield_required {
color: #2980b9 !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container input, body.single #content .entry-content .gform_wrapper ul li .ginput_container textarea {
width: 100%;
text-indent: 0;
padding: 10px;
background: #ececec !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container select {
width: 100% !important;
margin: 0 !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container .datepicker.datepicker_with_icon {
width: 95% !important;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container img.ui-datepicker-trigger {
margin-bottom: 0 !important;
position: relative !important;
top: 10px;
float: right;
}
body.single #content .entry-content .gform_wrapper ul li .ginput_container #extensions_message {
display: none !important;
}
body.single #content .entry-content .gform_wrapper .gform_footer {
padding: 0 !important;
margin: 20px 0 !important;
}
body.single #content .entry-content .gform_wrapper .gform_footer input {
color: #ffffff !important;
text-transform: uppercase !important;
font-weight: 600;
font-size: 15px;
text-align: left !important;
padding: 15px 50px 15px 15px !important;
min-height: 60px;
line-height: 28px;
width: 100%;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/right-arrow.png) #ee2e24 no-repeat right 15px center !important;
background-size: 25px !important;
border: none !important;
transition: all 0.4s ease-in-out;
}
body.single #content .entry-content .gform_wrapper .gform_footer input:hover, body.single #content .entry-content .gform_wrapper .gform_footer input:focus {
background-color: rgb(188.0059322034, 23.1788135593, 14.5940677966) !important;
}
body.single #content .entry-content .gform_wrapper .gform_footer input:active {
background-color: rgb(183.2733050847, 22.5953389831, 14.2266949153) !important;
}
body.single #content .entry-content .gform_wrapper .gform_footer img#gform_submit_button_3 {
display: none !important;
}
body.single #content #inner-content.single-page, body.page #content #inner-content.single-page {
padding-top: 0;
}
body.single #content #inner-content.single-page #article-header, body.page #content #inner-content.single-page #article-header {
border-bottom: 1px solid #3BA4DB;
}
body.single #content #inner-content.single-page #article-header .article-header-content, body.page #content #inner-content.single-page #article-header .article-header-content {
float: left;
width: 67%;
padding-top: 20px;
}
body.single #content #inner-content.single-page #article-header .article-header-content h3, body.page #content #inner-content.single-page #article-header .article-header-content h3 {
display: block;
}
body.single #content #inner-content.single-page #article-header .article-header-content p, body.page #content #inner-content.single-page #article-header .article-header-content p {
display: block;
font-size: 16px;
color: #2980b9;
margin: 0;
}
body.single #content #inner-content.single-page #article-header img, body.page #content #inner-content.single-page #article-header img {
margin-bottom: 0;
width: 30%;
float: right;
height: auto;
}
body.single #content #inner-content.single-page .post, body.page #content #inner-content.single-page .post {
border-bottom: none;
padding: 20px 0;
}
body.single #content #inner-content.single-page .post p, body.page #content #inner-content.single-page .post p {
margin-bottom: 20px;
color: #777777;
}
body.single #content #inner-content.single-page .post img, body.page #content #inner-content.single-page .post img {
margin-bottom: 20px;
max-width: -moz-fit-content;
max-width: fit-content;
height: auto;
}
body.single #content #inner-content.single-page .category-news, body.page #content #inner-content.single-page .category-news { -moz-column-count: 2; column-count: 2;
}
body.single #content #inner-content.single-page .page, body.page #content #inner-content.single-page .page {
padding: 20px 0;
}
body.single #content #inner-content.single-page .page p, body.page #content #inner-content.single-page .page p {
margin-bottom: 20px;
color: #777777;
}
body.single #content #inner-content.single-page .page img, body.page #content #inner-content.single-page .page img {
margin-bottom: 20px;
max-width: -moz-fit-content;
max-width: fit-content;
height: auto;
}
body.single #content #inner-content.single-page .page img.alignnone, body.page #content #inner-content.single-page .page img.alignnone {
margin: 0 auto 20px;
display: block;
max-width: 100% !important;
}
body.single #content #inner-content.single-page .page img.floated-icon, body.page #content #inner-content.single-page .page img.floated-icon {
width: 180px !important;
margin-top: 20px;
}
body.single #content #inner-content.career-page #article-header, body.page #content #inner-content.career-page #article-header {
border-bottom: 10px solid #2980b9;
margin-bottom: 0px;
}
body.single #content #inner-content.career-page .post, body.page #content #inner-content.career-page .post {
border-bottom: 10px solid #2980b9 !important;
margin-bottom: 0px !important;
padding: 0px !important;
}
body.single #content #inner-content.career-page .post .post-more .red-btn, body.page #content #inner-content.career-page .post .post-more .red-btn {
width: 43% !important;
}
body.single #content #inner-content.career-page .post .post-more .red-btn a, body.page #content #inner-content.career-page .post .post-more .red-btn a {
margin-bottom: 0 !important;
} body.single-products #content #inner-content #product-header {
min-height: 249px;
border-bottom: 10px solid #2980b9;
}
body.single-products #content #inner-content #product-header .wrap {
position: relative;
}
body.single-products #content #inner-content #product-header .wrap img {
float: left;
width: 32%;
}
body.single-products #content #inner-content #product-header .wrap .video {
position: relative;
width: 32%;
float: left;
}
body.single-products #content #inner-content #product-header .wrap .video img {
width: 100%;
height: auto;
}
body.single-products #content #inner-content #product-header .wrap .product-header-content {
float: right;
width: 64%;
padding-bottom: 0;
margin: 20px 0 0 0;
padding-right: 0;
}
body.single-products #content #inner-content #product-header .wrap .hire-btn {
display: block;
clear: both;
position: relative;
margin-left: 0;
margin-bottom: 20px;
width: 175px;
border-right: 0px solid #2980b9;
transition: all 0.4s ease-in-out;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
body.single-products #content #inner-content #product-header .wrap .hire-btn {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
body.single-products #content #inner-content #product-header .wrap .hire-btn a {
margin-bottom: 0 !important;
}
body.single-products #content #inner-content #product-header .wrap .hire-btn:hover {
border-right: 10px solid #2980b9;
}
body.single-products #content #inner-content #hire-dropdown {
position: relative;
padding-bottom: 80px;
}
body.single-products #content #inner-content #hire-dropdown .training-image {
margin-bottom: 20px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body {
padding-bottom: 10px !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .gfield_label, body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .gfield_label {
width: 100px;
display: inline-block !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .gfield_label .gfield_required, body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .gfield_label .gfield_required {
display: none;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .ginput_container, body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .ginput_container {
display: inline-block;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .ginput_container input, body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .ginput_container input {
min-width: 200px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .ui-datepicker-trigger, body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .ui-datepicker-trigger {
position: absolute;
top: 8px;
right: 5px;
width: 20px !important;
height: 20px !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li {
margin-top: 15px;
width: 340px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li .gfield_label {
display: none;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li ul.gfield_checkbox {
padding-left: 0 !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li ul.gfield_checkbox input {
position: absolute;
right: 0;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li ul.gfield_checkbox label {
margin: 0 !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_10 .gfield_label {
font-size: 20px;
color: #ee2e24;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_10 ul.gfield_checkbox li label {
max-width: 310px;
font-size: 15px !important;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li#field_2_11 .gchoice_2_11_1 label {
max-width: 310px;
font-size: 12px;
font-weight: 300;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields .ginput_container {
margin-top: 0;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields .ginput_container input {
border: solid 1px #2980b9;
background: #ffffff;
text-indent: 0;
padding: 15px 10px;
max-width: none;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields .ginput_container input[type=text] {
width: 100%;
}
body.single-products #content #inner-content #hire-dropdown .gform_footer {
position: absolute;
bottom: 0;
width: 700px;
left: 50%;
margin-left: -350px;
padding-bottom: 0;
}
body.single-products #content #inner-content #hire-dropdown .gform_footer .gform_button {
margin-bottom: 0;
}
body.single-products #content #inner-content #product-details {
background: #e5f6fe;
border-bottom: 10px solid #2980b9;
}
body.single-products #content #inner-content #product-details .scale-image-wrap {
position: absolute;
width: 34%;
bottom: 0;
left: auto;
right: 50%;
margin-right: 125px;
}
body.single-products #content #inner-content #product-details .scale-image-wrap img {
max-height: 436px;
height: auto;
width: auto;
float: right;
}
body.single-products #content #inner-content #product-details .scale-image-wrap .access-scale-image-lines {
display: none;
}
body.single-products #content #inner-content #product-details ul.product-specification {
padding-left: 0px !important;
list-style-type: none !important;
margin: 0;
}
body.single-products #content #inner-content #product-details ul.product-specification li {
padding: 5px 0;
}
body.single-products #content #inner-content #product-details ul.product-specification li .wrap .right-wrap {
float: right;
width: 64%;
}
body.single-products #content #inner-content #product-details ul.product-specification li h4 {
font-size: 20px;
}
body.single-products #content #inner-content #product-details ul.product-specification li .f_one, body.single-products #content #inner-content #product-details ul.product-specification li .f_two {
width: 50%;
float: left;
}
body.single-products #content #inner-content #product-details ul.product-specification li .f_one {
margin-right: 0;
}
body.single-products #content #inner-content #product-images {
padding-top: 20px;
}
body.single-products #content #inner-content #product-images ul.image-list {
padding-left: 0 !important;
list-style-type: none !important;
}
body.single-products #content #inner-content #product-images ul.image-list li {
margin-bottom: 15px;
}
body.single-products #content #inner-content #product-images ul.image-list li:nth-child(odd) {
margin-left: 2.762430939%;
}
body.single-products #content #inner-content #product-images ul.image-list li:nth-child(even) {
float: left;
}
body.single-products #content #inner-content #product-images ul.image-list li:nth-child(3n+1) {
float: left !important;
margin-left: 0 !important;
}
body.single-products #content #inner-content #product-images ul.image-list li:nth-child(3n) {
float: right !important;
}
body.single-products #content #inner-content #product-images ul.image-list li:after {
width: 24px;
height: 24px;
bottom: 10px;
right: 10px;
}
body.single-products #content #inner-content #product-hire {
color: #2980b9;
}
body.single-products #content #inner-content #product-hire .price-blocks {
margin-bottom: 20px;
}
body.single-products #content #inner-content #product-hire .price-blocks .price-to-hire {
background: #c4ebff;
padding: 15px 5px;
margin-bottom: 0px;
width: 25%;
float: left;
text-align: center; }
body.single-products #content #inner-content #product-hire .hire-btn {
text-align: center;
}
body.single-products #content #inner-content #product-hire .ask-btn {
display: block;
text-align: center;
}
body.single-products #content #inner-content #product-more-information {
margin-bottom: 20px;
}
body.single-products #content #inner-content #product-more-information p:first-of-type {
margin-top: 0;
}
body.single-products #content #inner-content #product-more-information p:last-of-type {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) { body.page-id-158 #content #inner-content .planning-block, body.page-id-158 #content #inner-content .logistics-block, body.page-id-158 #content #inner-content .support-block, body.page-id-158 #content #inner-content .value-block {
position: relative;
}
body.page-id-158 #content #inner-content .planning-block .left-side, body.page-id-158 #content #inner-content .planning-block .right-side, body.page-id-158 #content #inner-content .logistics-block .left-side, body.page-id-158 #content #inner-content .logistics-block .right-side, body.page-id-158 #content #inner-content .support-block .left-side, body.page-id-158 #content #inner-content .support-block .right-side, body.page-id-158 #content #inner-content .value-block .left-side, body.page-id-158 #content #inner-content .value-block .right-side {
width: 50%;
display: block;
}
body.page-id-158 #content #inner-content .planning-block .left-side, body.page-id-158 #content #inner-content .logistics-block .left-side, body.page-id-158 #content #inner-content .support-block .left-side, body.page-id-158 #content #inner-content .value-block .left-side {
position: absolute;
z-index: 0;
height: 100%;
}
body.page-id-158 #content #inner-content .planning-block .right-side, body.page-id-158 #content #inner-content .logistics-block .right-side, body.page-id-158 #content #inner-content .support-block .right-side, body.page-id-158 #content #inner-content .value-block .right-side {
position: relative;
z-index: 1;
}
body.page-id-158 #content #inner-content .planning-block .left-side {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/service-4-planning.jpg) no-repeat;
background-size: cover;
}
body.page-id-158 #content #inner-content .logistics-block .left-side {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/service-4-logistics.jpg) no-repeat;
background-size: cover;
}
body.page-id-158 #content #inner-content .support-block .left-side {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/service-4-support.jpg) no-repeat;
background-size: cover;
}
body.page-id-158 #content #inner-content .value-block .left-side {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/service-4-value.jpg) no-repeat;
background-size: cover;
} body.page-id-63 #content #inner-content #desktop-map {
display: block;
line-height: 0;
position: relative;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers {
position: absolute;
margin-top: 0px;
width: 100%;
height: 100%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers .map-marker {
position: absolute;
right: 50%;
top: 50%;
width: 1.5%;
height: 5%;
transition: all 0.2s ease-in-out;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers .map-marker:hover {
cursor: pointer;
transform: scale(1.2);
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers .map-marker img {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: auto;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers .map-marker .red-marker {
opacity: 0;
transition: all 0.2s ease-in-out;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers .map-marker .white-marker {
opacity: 1;
transition: all 0.2s ease-in-out;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers .map-marker.active {
transform: scale(1.2);
z-index: 30;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers .map-marker.active .red-marker {
opacity: 1;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers .map-marker.active .white-marker {
opacity: 0;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #blackpool-whitegate {
margin-right: -3.7%;
margin-top: -10.9%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #blackpool-clifton {
margin-right: -5.3%;
margin-top: -10.3%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #cleveleys {
margin-right: -4.3%;
margin-top: -12.9%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #stannes {
margin-right: -5.8%;
margin-top: -7.1%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #kirkham {
margin-right: -11%;
margin-top: -9%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #preston {
margin-right: -19.7%;
margin-top: -7.6%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #blackburn {
margin-right: -30.5%;
margin-top: -3%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #burnley {
margin-right: -34.5%;
margin-top: -6.5%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #bolton {
margin-right: -21.7%;
margin-top: 4.3%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #manchester {
margin-right: -35%;
margin-top: 10.5%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #trafford {
margin-right: -32%;
margin-top: 10.5%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #warrington {
margin-right: -22%;
margin-top: 12.8%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #liverpool {
margin-right: -10%;
margin-top: 12.2%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #southport {
margin-right: -4.9%;
margin-top: -0.8%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #formby {
margin-right: -3.5%;
margin-top: 4%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #castleford {
margin-right: -45.5%;
margin-top: -6%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #lancaster {
margin-right: -13%;
margin-top: -26.8%;
}
body.page-id-63 #content #inner-content #desktop-map #find-it-centre {
width: 100%;
height: auto;
margin-bottom: -40px;
}
body.page-id-63 #content #inner-content .hire-centres-header {
display: block;
position: absolute;
z-index: 9;
top: 30px;
left: 50%;
margin-left: -350px;
max-width: 240px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding: 14px 0;
}
body.page-id-63 #content #inner-content .hire-centres-header h2 {
color: white !important;
font-size: 15px;
font-weight: 600 !important;
}
body.page-id-63 #content #inner-content .post {
position: absolute;
transition: opacity 0.4s ease-in-out;
top: 100px;
width: 300px;
left: 50%;
margin-left: -350px;
border-bottom: none !important;
opacity: 0;
}
body.page-id-63 #content #inner-content .post .article-header .h2 {
color: #ffffff !important;
font-size: 16px;
}
body.page-id-63 #content #inner-content .post img {
display: none;
}
body.page-id-63 #content #inner-content .post .wrap {
width: 100%;
}
body.page-id-63 #content #inner-content .post .wrap .post-content {
float: left;
width: 100%;
padding: 20px;
padding-left: 0;
height: auto;
overflow: hidden;
}
body.page-id-63 #content #inner-content .post .wrap .post-content .entry-content p, body.page-id-63 #content #inner-content .post .wrap .post-content .entry-content a {
color: #ffffff;
margin-bottom: 0;
margin: 0;
}
body.page-id-63 #content #inner-content .post .wrap .post-content .entry-content .contact-a-centre {
font-size: 14px;
font-weight: 600;
}
body.page-id-63 #content #inner-content .post.active {
opacity: 1;
z-index: 50;
}
body.page-id-63 #content #contact-banner {
display: none;
} body.page-id-19 #content #inner-content {
padding: 400px 0 100px 0;
}
body.page-id-19 #content #inner-content .blue-btn a, body.page-id-19 #content #inner-content .comment-reply-link a, body.page-id-19 #content #inner-content #submit a {
font-size: 12px !important;
}
body.page-id-19 #content #inner-content .hentry h1 {
color: #ffffff;
}
body.page-id-19 #content #inner-content .gform_wrapper .gform_footer input[type=submit] {
transition: all 0.4s ease-in-out;
}
body.page-id-19 #content #inner-content .gform_wrapper .gform_footer input[type=submit]:hover {
background-color: rgb(188.0059322034, 23.1788135593, 14.5940677966);
} .sidebar {
margin-top: 2.2em;
}
.widget ul li {
margin-bottom: 0.75em;
}
.widget ul li { }
.widget ul li ul {
margin-top: 0.75em;
padding-left: 1em;
}            #smiths-circle-logo {
margin: -20px auto -25px;
display: block;
position: relative;
z-index: 7;
width: 150px;
float: left;
height: auto;
}
#smiths-on-site {
display: block;
position: absolute;
left: 50%;
margin-left: -77px;
margin-top: 9px;
}
#smiths-were-on-it-small {
display: block;
float: right;
margin-top: 15px;
}
.footer #inner-footer {
padding-bottom: 50px;
}
.footer #inner-footer .footer-block {
width: 30%;
float: left;
margin: 0;
text-align: left;
padding: 0 6px;
}
.footer #inner-footer .footer-block p {
font-size: 12px !important;
}
.footer #inner-footer .footer-block #menu-footer-links {
padding-top: 10px;
}
.footer #inner-footer .footer-block #menu-footer-links li {
border-bottom: none;
width: 100%;
}
.footer #inner-footer .footer-block #menu-footer-links li a {
padding: 4px;
transition: all 0.4s ease-in-out;
}
.footer #inner-footer .footer-block #menu-footer-links li a:hover {
color: #3BA4DB;
}
.footer #inner-footer .footer-contact-info {
width: 34%;
padding-top: 3px;
}
.footer #inner-footer .footer-copyright-info {
width: 36%;
padding-top: 15px;
}
.footer #bottom-bar img {
max-width: 400px;
float: right;
} .footer-links ul li { } .basket-summary {
margin-top: 20px;
}
.powered-access-hire h1 {
font-size: 40px;
}
.powered-access-hire__intro {
padding: 25px 0;
}
.powered-access-hire__items {
display: flex;
flex-wrap: wrap;
}
.powered-access-hire__item {
width: 49%;
text-align: left;
display: flex;
flex-direction: row-reverse;
}
.powered-access-hire__item:nth-child(odd) {
margin-right: 2%;
}
.powered-access-hire__item section {
padding-right: 15px;
}
.powered-access-hire__item h3 {
text-align: left;
}
.powered-access-hire__item figure img {
max-width: 120px;
}
#content #more-about-smiths .powered-access-hire__item h3 {
text-align: left;
}
.cat-mega-menu-link .cat-mega-menu-link, .cat-mega-menu-link .cat-mega-menu-link-accounts, .cat-mega-menu-link-accounts .cat-mega-menu-link, .cat-mega-menu-link-accounts .cat-mega-menu-link-accounts {
margin-left: 0;
}
.cat-mega-menu-link a, .cat-mega-menu-link-accounts a {
margin: 0;
}
.cat-mega-menu-link, .cat-mega-menu-link-accounts {
line-height: 16px;
margin: 0 1%;
}
.cat-mega-menu-link a, .cat-mega-menu-link-accounts a {
display: flex;
align-items: center;
}
.cat-mega-menu-link-accounts a {
margin: 10px;
}
.cat-mega-menu, .cat-mega-menu-accounts {
display: block;
}
.cat-mega-menu #menu-mega-menu-categories, .cat-mega-menu #menu-mega-menu-categories-1, .cat-mega-menu #menu-mega-menu-products, .cat-mega-menu #menu-mega-menu-eco, .cat-mega-menu-accounts #menu-mega-menu-categories, .cat-mega-menu-accounts #menu-mega-menu-categories-1, .cat-mega-menu-accounts #menu-mega-menu-products, .cat-mega-menu-accounts #menu-mega-menu-eco {
-moz-column-count: 2;
column-count: 2;
}
.cat-mega-menu #menu-mega-menu-accounts, .cat-mega-menu #menu-mega-menu-shop, .cat-mega-menu-accounts #menu-mega-menu-accounts, .cat-mega-menu-accounts #menu-mega-menu-shop {
-moz-column-count: 3;
column-count: 3;
display: flex;
}
.cat-mega-menu.active, .cat-mega-menu-accounts.active {
top: 111px;
}
.cat-mega-menu-accounts ul li {
margin-top: 25px;
}
.new-trade-card {
display: flex;
align-items: center;
text-align: left;
}
.new-trade-card .last {
display: flex;
align-items: center;
text-align: right;
justify-content: flex-end;
width: 50%;
}
.new-trade-card .last .h4right a {
float: right;
text-align: right;
}
.new-trade-card .last img {
margin-top: -15px;
margin-bottom: 0 !important;
}
.new-trade-card .h4left {
margin-bottom: 0;
text-align: left;
}
.slick-home {
margin: 115px auto 40px;
}
.slick-access {
margin: 0 auto 50px;
}
.page-id-10053 .page-heading {
margin-top: 10px;
}
.cat-alt .expandable {
font-size: 1.2rem;
}
} @media only screen and (min-width: 1030px) { .wrap {
width: 900px;
}
.wrap-full {
padding: 0;
}
.wrap-full .wrap-full-span {
font-size: 45px;
line-height: 50px;
}
.wrap-full .blocks-wrap-full {
display: flex;
}
.wrap-full .blocks-wrap-full:first-of-type {
margin-top: -50px;
}
.wrap-full .blocks-wrap-full .last {
text-align: right;
}
.wrap-full .blocks-wrap-full .last img {
margin-bottom: 0 !important;
}
.wrap-full .first h2, .wrap-full .first span {
font-size: 25px;
line-height: 25px;
} #off-screen-nav-content .left-nav-wrap .left-nav-content {
width: 450px;
}
#off-screen-nav:after {
margin-left: 410px;
}
#off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #up-button, #off-screen-nav #right-nav-wrap .double-menu .blue-nav-block.bottom-right #down-button {
width: 190px;
}
#off-screen-nav #right-nav-wrap .double-menu #nav-main-menu ul li#menu-item-84 a:after, #off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu ul li#menu-item-84 a:after {
margin-right: -449px;
}
#off-screen-nav #right-nav-wrap .double-menu #nav-main-menu ul li#menu-item-85 a:after, #off-screen-nav #right-nav-wrap .double-menu #nav-hire-menu ul li#menu-item-85 a:after {
margin-right: -449px;
}
#off-screen-nav .hire-equipment-nav-item #nav-more-arrow {
margin-right: -450px;
}
.header .wrap {
max-width: 1200px !important;
}
#menu-top-menu {
margin-right: -505px;
right: 50%;
}
#sub-header {
height: 80px;
}
#sub-header #login-btn {
display: block !important;
top: 10px;
transition: all 0.4s ease-in-out;
}
#sub-header #login-btn img {
height: 150px;
}
#sub-header #login-btn:hover {
left: 0;
}
#sub-header #searchform, #sub-header #searchform2 {
margin-right: -406px;
}
#sub-header #social-media-links {
display: block;
position: absolute;
top: 200px;
right: auto;
left: -100px;
width: 150px;
border-radius: 75px;
height: 150px;
background: #3BA4DB;
z-index: 99;
padding-top: 36px;
padding-left: 16px;
transition: all 0.4s ease-in-out;
}
#sub-header #social-media-links:hover {
right: -80px;
}
#sub-header #social-media-links:hover a img {
opacity: 0.4;
}
#sub-header #social-media-links a {
display: inline-block;
clear: both;
float: right;
margin-right: 12px;
}
#sub-header #social-media-links a img {
width: 35px;
height: 35px;
transition: all 0.4s ease-in-out;
}
#sub-header #social-media-links a:hover {
cursor: pointer;
}
#sub-header #social-media-links a:hover img {
opacity: 1;
}
#sub-header #contact-number {
display: block;
color: #ffffff;
font-weight: 900;
font-size: 19px;
text-decoration: none;
float: left;
position: absolute;
top: -31px;
left: 41%;
margin-left: -196px;
color: #ee2e24;
font-size: 15px;
transition: all 0.4s ease-in-out;
}
#sub-header #contact-number:hover {
color: #3BA4DB;
}
#sub-header .header-quote {
display: block;
font-weight: 900;
text-decoration: none;
float: left;
position: absolute;
color: #ee2e24;
transition: all 0.4s ease-in-out;
}
#sub-header .header-quote:hover {
color: #3BA4DB;
}
#sub-header .header-quote img {
position: relative;
width: 100%;
max-width: 30px;
height: auto;
margin-right: 3px;
margin-top: -6px;
}
#nav-icon3 {
top: 79px;
right: 50%;
margin-right: -350px;
}
#inner-header li {
transition: all 0.4s ease-in-out;
}
#inner-header li:hover {
margin-left: -10px;
width: 190px;
}
#inner-header li a:hover {
color: #ffffff !important;
}
#inner-header li#menu-item-5:hover {
margin-left: -45px !important;
}
#inner-header:after {
right: 0;
top: 0;
width: 30%;
background-color: #dec72a;
content: "";
position: absolute;
height: 49px;
z-index: 1;
}
body.page-id-10053 #sub-header .map-icon, body.page-id-10053 #sub-header .hire-desk, body.category-6 #sub-header .hire-desk, body.parent-pageid-10053 #sub-header .hire-desk, body.category-501 #sub-header .hire-desk, body.category-502 #sub-header .hire-desk, body.category-503 #sub-header .hire-desk, body.category-507 #sub-header .hire-desk, body.category-508 #sub-header .hire-desk, body.category-6 #sub-header .map-icon, body.parent-pageid-10053 #sub-header .map-icon, body.category-501 #sub-header .map-icon, body.category-502 #sub-header .map-icon, body.category-503 #sub-header .map-icon, body.category-507 #sub-header .map-icon, body.category-508 #sub-header .map-icon, #sub-header.powered-access-header .map-icon, #sub-header.powered-access-header .hire-desk {
top: 8px;
}
#nav-icon3 {
margin-right: -480px;
} #home-top-area .on-site-man {
width: 510px;
}
#home-top-area h1 {
font-size: 60px;
letter-spacing: -2px;
}
.tradeordiy h5 {
font-size: 23px;
}
#popular-category .popular-cat-title {
font-size: 23px;
}
#home-top-area {
padding-top: 159px;
padding-bottom: 30px;
}
.tradeordiy {
padding: 40px 0;
}
.right-main-slider {
height: 340px;
overflow: hidden;
}
.right-main-slider .slider-products-top {
padding-bottom: 10px;
}
.right-main-slider .slider-products-bottom {
margin-top: 10px;
}
.right-main-slider .slider-products-top .button {
height: 36px;
padding: 12px 5px;
}
.right-main-slider .slider-products-bottom .slider-product-title {
line-height: 1.25;
font-size: 14px;
padding: 0px 10px 0 10px;
}
.right-main-slider .slider-products-bottom {
padding: 11px 0 17.18px 0;
height: 62px;
}
.right-main-slider .slider-products-top .button {
float: right;
width: 40%;
}
.right-main-slider .slider-products-top h3 {
display: block;
font-size: 20px;
padding: 0 5px 0 0;
line-height: 1;
height: 36px;
}
.right-main-slider .slider-products .slider-product .slider-price {
margin-left: -30px;
width: 65px;
height: 65px;
padding: 16px 0 0 0;
}
.right-main-slider .slider-products .slider-product .slider-price span {
font-size: 12px;
}
.right-main-slider .slider-products .slider-product .slider-price strong {
font-size: 20px;
}
#bx-pager {
margin-bottom: 20px;
}
#bx-pager a {
padding: 10px 10px 12px 10px;
height: 52px;
}
#bx-pager a span {
width: 75%;
font-size: 13px;
line-height: 1.2;
}
body #popular-category .homepage-category .category-item {
width: 16.6667%;
width: calc(16.6667% - 8.3333px);
margin-right: 10px !important;
}
#popular-category .homepage-category .category-item:nth-child(3n) {
margin-right: 10px !important;
}
body #popular-category .homepage-category .category-item:nth-child(6n) {
margin-right: 0 !important;
}
#popular-category .homepage-category .category-item a .right-red-arrow, #popular-category-mob .homepage-category .category-item a .right-red-arrow {
margin-top: 2px;
}
#popular-category .homepage-category .category-item a span, #popular-category-mob .homepage-category .category-item a span {
font-size: 14px;
height: 32px;
width: calc(100% - 25px);
}
.tradeordiy .tradelinkcircle, .tradeordiy .diylinkcircle {
width: 50%;
float: left;
position: relative;
}
.tradeordiy .tradelinkcircle .circle-image, .tradeordiy .diylinkcircle .circle-image {
width: 50%;
height: auto;
margin: 0 auto 5px auto;
position: relative;
z-index: 1;
display: block;
}
.tradeordiy .tradelinkcircle h2, .tradeordiy .diylinkcircle h2 {
font-size: 60px;
}
.tradeordiy .tradelinkcircle .go-button, .tradeordiy .diylinkcircle .go-button {
font-size: 25px;
width: 60px;
height: 60px;
line-height: 60px;
margin: 15px auto 0 auto;
}
.tradeordiy .tradelinkcircle .inner-cirlce-wrap, .tradeordiy .diylinkcircle .inner-cirlce-wrap {
width: 450px;
height: 450px;
margin-left: 0;
}
.tradeordiy .tradelinkcircle .circleexpand, .tradeordiy .diylinkcircle .circleexpand {
width: 450px;
height: 450px;
left: 0;
}
.tradeordiy .tradelinkcircle p, .tradeordiy .diylinkcircle p {
margin-right: 50px;
margin-left: 50px;
margin-bottom: 30px;
font-size: 14px;
}
#sub-header #contact-number {
font-size: 20px;
top: -40px;
}
#sub-header #contact-number img {
position: relative;
width: 100%;
max-width: 30px;
height: auto;
margin-right: 0;
margin-top: -3px;
}
body.home #inner-content #main {
margin-left: -450px;
width: 620px;
}
body.home #inner-content #main select#equipment-select, body.home #inner-content #main select#equipment-select2 {
font-size: 15px;
}
body.home #inner-content #main .home-link_box {
font-size: 15px;
}
body.home #inner-content #main .home-footer {
position: absolute;
top: auto;
width: 900px;
}
body.home #inner-content #main .home-footer .circle-link {
height: 172px;
width: 172px;
border-radius: 86px;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover {
border-radius: 86px;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover p {
font-size: 16px;
width: 100%;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover p.item-name {
font-size: 17px;
padding: 0 25px;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover p.item-price {
margin-top: 0px;
font-size: 40px;
}
body.home #inner-content #main .home-footer .circle-link .circle-hover p.per-day {
margin-top: 40px;
}
#search-bar {
margin-left: -450px;
width: 620px;
} #heading-bar {
margin-top: 173px;
}
#heading-bar #breadcrumbs-wrap {
top: 30px;
font-size: 14px;
}
#newsletter-sign-up label {
margin-bottom: 0;
display: block;
float: left;
line-height: 40px;
width: 480px;
margin-right: 10px;
}
#newsletter-sign-up input[type=email] {
width: 296px;
margin-bottom: 0;
}
#newsletter-sign-up input[type=submit] {
width: 114px;
}
#content #inner-content .page #customers tr:nth-child(even) {
background-color: #ffffff;
}
#content #inner-content .page #customers tr td {
padding: 25px 35px 15px;
}
#content #inner-content .post .post-content, #content #inner-content .products .post-content, #content #inner-content .product .post-content, #content #inner-content .page .post-content {
height: 160px;
width: 67%;
}
#content #inner-content .post .post-content p, #content #inner-content .products .post-content p, #content #inner-content .product .post-content p, #content #inner-content .page .post-content p {
font-size: 15px;
}
#content #inner-content .post .post-image-thumbnail, #content #inner-content .products .post-image-thumbnail, #content #inner-content .product .post-image-thumbnail, #content #inner-content .page .post-image-thumbnail {
width: 30%;
}
#content #inner-content .post .post-more, #content #inner-content .products .post-more, #content #inner-content .product .post-more, #content #inner-content .page .post-more {
width: 70%;
}
#content #inner-content .post .post-more .red-btn, #content #inner-content .products .post-more .red-btn, #content #inner-content .product .post-more .red-btn, #content #inner-content .page .post-more .red-btn {
width: 26%;
}
#content #inner-content .post .wrap, #content #inner-content .products .wrap, #content #inner-content .product .wrap, #content #inner-content .page .wrap {
height: 268px;
}
#content .catalogue-page .post .wrap, #content .catalogue-page .products .wrap, #content .catalogue-page .product .wrap, #content .catalogue-page .page .wrap {
height: 286px !important;
}
#content .catalogue-page .post .wrap .post-content, #content .catalogue-page .products .wrap .post-content, #content .catalogue-page .product .wrap .post-content, #content .catalogue-page .page .wrap .post-content {
height: 246px !important;
width: 64% !important;
}
#content .catalogue-page .post .wrap .post-image-thumbnail, #content .catalogue-page .products .wrap .post-image-thumbnail, #content .catalogue-page .product .wrap .post-image-thumbnail, #content .catalogue-page .page .wrap .post-image-thumbnail {
width: 32% !important;
}
#content .catalogue-page .post .wrap .post-more, #content .catalogue-page .products .wrap .post-more, #content .catalogue-page .product .wrap .post-more, #content .catalogue-page .page .wrap .post-more {
width: 68% !important;
}
#content #inner-content.career-page .post .post-content {
height: 190px;
}
#content #contact-banner .banner-content p {
font-size: 15px;
}
#content #contact-banner .banner-content h3 {
font-size: 30px;
}
#content #contact-banner .banner-content h5 {
font-size: 26px;
}
#content #contact-banner a.contact-banner-link {
height: 31px;
font-size: 20px;
width: 170px;
}
#content #more-about-smiths .blocks-wrap {
max-width: 900px;
}
#content #more-about-smiths .blocks-wrap .more-block {
margin-bottom: 10px;
}
#content #more-about-smiths .blocks-wrap .more-block p.news-post-excerpt, #content #more-about-smiths .blocks-wrap .more-block p.contact-us-block-excerpt {
font-size: 13px;
width: 100%;
margin-top: 5px;
display: inline-block;
}
#content #more-about-smiths .blocks-wrap .more-block h4 {
max-width: 320px !important;
}
#content #more-about-smiths .blocks-wrap #about-us-block, #content #more-about-smiths .blocks-wrap #careers-block, #content #more-about-smiths .blocks-wrap #training-block {
background-size: 100%;
transition: background-size 0.15s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #about-us-block:hover, #content #more-about-smiths .blocks-wrap #careers-block:hover, #content #more-about-smiths .blocks-wrap #training-block:hover {
background-size: 110%;
}
#content #more-about-smiths .blocks-wrap #hire-equipment-block {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/stihl-logo.png) no-repeat bottom center #f37a1f;
transition: all 0.4s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #hire-equipment-block:hover {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/stihl-logo.png) no-repeat right 40px center #f37a1f;
background-size: 400px;
}
#content #more-about-smiths .blocks-wrap #contact-block {
background-size: 105px;
background-position: right 25px bottom -55px;
transition: background-position 0.3s ease-in;
}
#content #more-about-smiths .blocks-wrap #contact-block .contact-us-block-number {
font-weight: 700;
font-size: 25px;
transition: all 0.3s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #contact-block .contact-us-block-number:after {
left: 190px;
}
#content #more-about-smiths .blocks-wrap #contact-block .contact-us-block-number:hover {
color: #3BA4DB !important;
}
#content #more-about-smiths .blocks-wrap #contact-block .contact-us-block-excerpt {
max-width: 290px;
}
#content #more-about-smiths .blocks-wrap #contact-block:hover {
background-position: right 25px bottom -30px;
}
#content #more-about-smiths .blocks-wrap #customer-block {
background-size: 125px;
background-position: right 0 bottom 0;
transition: background-position 0.3s ease-in-out;
transition: all 0.4s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #customer-block p {
margin: 40px 0 0 !important;
max-width: 290px;
}
#content #more-about-smiths .blocks-wrap #customer-block:hover {
background-position: right 0 bottom 30px;
}
#content #more-about-smiths .blocks-wrap .news-post-block-1 {
transition: all 0.4s ease-in-out;
}
#content #more-about-smiths .blocks-wrap .news-post-block-1:hover {
background: rgb(188.0059322034, 23.1788135593, 14.5940677966);
}
#content #more-about-smiths .blocks-wrap .news-post-block-2 {
transition: all 0.4s ease-in-out;
}
#content #more-about-smiths .blocks-wrap .news-post-block-2:hover {
background: rgb(15.9894736842, 64.7192982456, 114.2105263158);
}
#content #more-about-smiths .blocks-wrap .news-post-block-3 {
transition: all 0.4s ease-in-out;
}
#content #more-about-smiths .blocks-wrap .news-post-block-3:hover {
background: rgb(36.8068965517, 144.1603448276, 200.3931034483);
}
body.page-id-10053 #powered-access-nav {
width: 900px;
}
body.page-id-10053 #main {
width: 60%;
}
body.page-id-10053 #main .entry-content p {
margin: 0 0 50px;
}
body.page-id-10053 .entry-content {
position: relative;
}
body.page-id-10053 .pa-map {
position: absolute;
top: 0;
right: 0;
display: block;
width: 220px;
}
body.page-id-10053 .content {
width: 50%;
}
body.page-id-10053 .content h2 {
color: #155596 !important;
}
body.page-id-10053 .content p {
font-weight: 500 !important;
margin: 0 0 10px !important;
}
body.page-id-10053 #equipment-select {
width: 50%;
margin-bottom: 50px;
}
body.page-id-10053 #home-top-area {
padding-top: 50px;
}
body.page-id-10053 #bottom-header .bot-services {
padding: 20px 0px 20px 0px;
}
body.page-id-10053 #bottom-header .bot-services:after {
top: 25px;
height: 80%;
height: calc(100% - 40px);
}
body.page-id-10053 #bottom-header .bot-services img {
float: left;
margin-right: 15px;
margin-top: 12px;
}
body.page-id-10053 #bottom-header .bot-services .services-text {
float: left;
max-width: none;
}
#content #more-about-smiths .platform-hire-blocks.blocks-wrap .more-block.t-1of3 h4 {
max-width: 154px !important;
}
#content #more-about-smiths .blocks-wrap #request-brochure {
background: #ee2e24 url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/home-blocks/directory-promo-shot-3.png) no-repeat;
background-size: 185px;
background-position: right 20px bottom -95px;
transition: all 0.25s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #request-brochure:hover {
background-position: right 20px bottom -75px;
}
#content #more-about-smiths .blocks-wrap #training-block-2 {
background-size: 320px;
background-position: center right 40px;
transition: all 0.25s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #training-block-2:hover {
background-size: 370px;
}
#content #more-about-smiths .blocks-wrap #repair-maintenance {
background-position: bottom -100px right -35px;
transition: all 0.25s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #repair-maintenance:hover {
background-position: bottom -75px right -35px;
}
body.page-id-10053 #home-top-area h1 {
margin-bottom: 10px;
font-size: 45px;
}
body.page-id-10053 .slider-container {
max-width: 540px;
right: 50%;
margin-right: -600px;
}
#content #more-about-smiths .platform-hire-blocks.blocks-wrap .more-block.t-2of3 img {
margin-top: 15px;
}
#content #more-about-smiths .blocks-wrap #platform-hire, #content #more-about-smiths .blocks-wrap #platform-sales, #content #more-about-smiths .blocks-wrap #trade-account, #content #more-about-smiths .blocks-wrap #secondary-guarding {
background-size: 100%;
transition: all 0.25s ease-in-out;
}
#content #more-about-smiths .blocks-wrap #platform-hire:hover, #content #more-about-smiths .blocks-wrap #platform-sales:hover, #content #more-about-smiths .blocks-wrap #trade-account:hover, #content #more-about-smiths .blocks-wrap #secondary-guarding:hover {
background-size: 110%;
} #content #inner-content .hire-protect-call-to-action h3 {
max-width: 56%;
} body.single #content #inner-content.single-page #article-header .article-header-content, body.page #content #inner-content.single-page #article-header .article-header-content {
padding-top: 40px;
padding-right: 20px;
max-height: 240px;
overflow: hidden;
}
body.single #content #inner-content.single-page #article-header .article-header-content p, body.page #content #inner-content.single-page #article-header .article-header-content p {
font-size: 19px;
}
body.single #content #inner-content.single-page #article-header img, body.page #content #inner-content.single-page #article-header img {
margin-bottom: 0;
width: 30%;
float: right;
height: auto;
}
body.single #content #inner-content.single-page .post, body.page #content #inner-content.single-page .post {
padding: 40px 0;
} body.single-products #content #inner-content #main {
padding-bottom: 20px;
}
body.single-products #content #inner-content #product-header .wrap img {
margin-bottom: 0;
}
body.single-products #content #inner-content #product-details {
font-size: 15px;
}
body.single-products #content #inner-content #product-details .scale-image-wrap {
margin-right: 160px;
}
body.single-products #content #inner-content #product-details .scale-image-wrap img {
max-height: 488px;
} body.page-id-19 #content #inner-content {
padding: 250px 0 100px 0;
}
body.page-id-19 #content #inner-content .blue-btn a, body.page-id-19 #content #inner-content .comment-reply-link a, body.page-id-19 #content #inner-content #submit a {
font-size: 13px !important;
}
body.page-id-19 #content #inner-content .gform_wrapper .gform_body ul li .ginput_container input, body.page-id-19 #content #inner-content .gform_wrapper .gform_body ul li .ginput_container textarea {
min-height: 50px;
font-size: 17px;
} #content #directors {
position: relative;
height: auto;
}
#content #directors .desktop-directors {
display: block;
width: 100%;
height: auto;
position: relative;
line-height: 0;
}
#content #directors .desktop-directors #directors-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
#content #directors .desktop-directors #directors-overlay .director-box {
position: absolute;
color: #ffffff;
width: auto;
padding: 8px 50px 8px 12px;
line-height: 1.2;
background: #2980b9;
display: none;
min-width: 160px;
}
#content #directors .desktop-directors #directors-overlay .director-box:hover {
cursor: pointer;
}
#content #directors .desktop-directors #directors-overlay .director-box:before {
content: "";
width: 36px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/down-arrow.png) no-repeat center center #3BA4DB;
background-size: 20px;
}
#content #directors .desktop-directors #directors-overlay .director-box .linked-in-hidden {
position: absolute;
top: 0;
right: 0;
width: 36px;
height: 100%;
background: #2980b9;
padding: 9px 5px;
opacity: 0;
pointer-events: none !important;
transition: all 0.4s ease-in-out;
}
#content #directors .desktop-directors #directors-overlay .director-box .linked-in-hidden img {
width: 100%;
height: auto;
}
#content #directors .desktop-directors #directors-overlay .director-box .show-link {
opacity: 1;
pointer-events: all !important;
}
#content #directors .desktop-directors #directors-overlay .director-box .slide-behind {
position: absolute;
top: 100%;
width: 100%;
left: 0;
padding: 8px 12px;
background: #2980b9;
display: none;
}
#content #directors .desktop-directors #directors-overlay #box-richard-edwards {
top: 50%;
margin-top: -9%;
left: 50%;
margin-left: -37%;
z-index: 5;
display: block;
}
#content #directors .desktop-directors #directors-overlay #box-david-turner {
top: 50%;
margin-top: -3%;
left: 50%;
margin-left: -27%;
z-index: 4;
display: block;
}
#content #directors .desktop-directors #directors-overlay #box-thomas-smith {
top: 50%;
margin-top: 9%;
left: 50%;
margin-left: -22%;
z-index: 3;
display: block;
}
#content #directors .desktop-directors #directors-overlay #box-david-sudell {
top: 50%;
margin-top: -1%;
left: 50%;
margin-left: -2%;
display: block;
}
#content #directors .desktop-directors #directors-overlay #box-christian-vila {
top: 50%;
margin-top: -3%;
right: 50%;
margin-right: -32%;
z-index: 4;
display: block;
}
#content #directors .desktop-directors #directors-overlay #box-nik-jenkins {
top: 50%;
margin-top: -16%;
right: 33%;
margin-right: -31%;
z-index: 5;
display: block;
}
#content #directors .desktop-directors #directors-overlay #box-david-smith {
top: 50%;
margin-top: 10%;
right: 50%;
margin-right: -39%;
z-index: 3;
display: block;
}
#content #directors .desktop-directors #meet-the-directors {
width: 100%;
height: auto;
}
#content #directors .post {
display: none;
} body.page-id-63 #content #inner-content .hire-centres-header {
margin-left: -450px;
max-width: 289px;
}
body.page-id-63 #content #inner-content .hire-centres-header h2 {
font-size: 20px;
}
body.page-id-63 #content #inner-content .post {
top: 120px;
width: 330px;
margin-left: -450px;
}
body.page-id-63 #content #inner-content .post img {
max-width: 160px !important;
display: block;
}
body.page-id-63 #content #inner-content .post .wrap {
height: 400px !important;
}
body.page-id-63 #content #inner-content .post .article-header .h2 {
font-size: 22px;
} body.page-id-158 #content #inner-content .planning-block .right-side .section-4-heading, body.page-id-158 #content #inner-content .logistics-block .right-side .section-4-heading, body.page-id-158 #content #inner-content .support-block .right-side .section-4-heading, body.page-id-158 #content #inner-content .value-block .right-side .section-4-heading {
background-size: 45px;
background-position: left 30px center;
padding: 30px 20px 30px 120px;
}
body.page-id-158 #content #inner-content .planning-block .right-side .section-4-heading h3, body.page-id-158 #content #inner-content .logistics-block .right-side .section-4-heading h3, body.page-id-158 #content #inner-content .support-block .right-side .section-4-heading h3, body.page-id-158 #content #inner-content .value-block .right-side .section-4-heading h3 {
font-size: 26px;
}
body.page-id-158 #content #inner-content .planning-block .right-side .section-4-content, body.page-id-158 #content #inner-content .logistics-block .right-side .section-4-content, body.page-id-158 #content #inner-content .support-block .right-side .section-4-content, body.page-id-158 #content #inner-content .value-block .right-side .section-4-content {
background-size: 70px;
background-position: left 20px top 20px;
padding: 20px 40px 20px 120px;
}
body.page-id-158 #content #inner-content .planning-block .left-side {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/service-4-planning.jpg) no-repeat;
background-size: cover;
}
body.page-id-158 #content #inner-content .logistics-block .left-side {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/service-4-logistics.jpg) no-repeat;
background-size: cover;
}
body.page-id-158 #content #inner-content .support-block .left-side {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/service-4-support.jpg) no-repeat;
background-size: cover;
}
body.page-id-158 #content #inner-content .value-block .left-side {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/service-4-value.jpg) no-repeat;
background-size: cover;
} body.single-products #content #inner-content #hire-dropdown .first h3, body.single-products #content #inner-content #hire-dropdown .first p {
max-width: 350px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_1 .ginput_container input, body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields #field_2_2 .ginput_container input {
min-width: 300px;
}
body.single-products #content #inner-content #hire-dropdown .gform_body ul.gform_fields li {
width: 438px;
}
body.single-products #content #inner-content #hire-dropdown .gform_footer {
width: 900px;
margin-left: -450px;
}
.related-products__item {
align-items: center;
}
.related-products__item-img {
margin-right: 20px;
width: 15%;
}
.related-products__item-content {
width: 70%;
}
.related-products__item-qty {
width: 15%;
margin-left: 20px;
margin-top: 0;
}
.related-products__item--selected .related-products__item-content {
width: 85%;
}
.related-products__item-pricing {
margin-top: 0;
}
.related-products__item-pricing li {
padding-bottom: 30px;
width: 25%;
line-height: 20px;
}
.related-products__item-pricing li strong {
font-size: 30px;
line-height: 30px;
}
#content .related-products__item-pricing {
margin: 0 !important;
padding: 30px 0 0 !important;
}
.related-products__item .plus-minus-input {
width: 100%;
}
.related-products__footer {
display: flex;
align-items: flex-end;
flex-direction: row-reverse;
}
.related-products__footer-left {
margin-right: 20px;
}
.powered-access-hire__item figure img {
max-width: 180px;
}
.reviews-container .reviews-google-logo {
display: block;
width: 20%;
}
.reviews-container .reviews-wrapper .bx-wrapper {
width: 80%;
}
.cat-mega-menu, .cat-mega-menu-accounts {
left: 50%;
right: auto;
transform: translate(-50%, 0);
}
.cat-mega-menu.active, .cat-mega-menu-accounts.active {
top: 200px;
}
.cat-mega-menu #menu-mega-menu-categories, .cat-mega-menu #menu-mega-menu-categories-1, .cat-mega-menu #menu-mega-menu-products, .cat-mega-menu #menu-mega-menu-eco, .cat-mega-menu-accounts #menu-mega-menu-categories, .cat-mega-menu-accounts #menu-mega-menu-categories-1, .cat-mega-menu-accounts #menu-mega-menu-products, .cat-mega-menu-accounts #menu-mega-menu-eco {
-moz-column-count: 3;
column-count: 3;
}
.cat-mega-menu-wrap {
min-width: 900px;
}
.cat-mega-menu-wrap .last {
float: right;
}
.slick-home {
margin-top: 173px;
}
.slick-home img.slick-img-full {
display: block;
}
.slick-home img.slick-img-mobile {
display: none;
}
button.slick-arrow {
bottom: -50px;
transform: translateY(0%);
}
button.slick-arrow.slick-next {
top: auto;
background: url(//smithshire.com/wp-content/themes/smithshire/library/css/images/controls.png) no-repeat -43px -32px;
background-size: 96px 63px;
height: 32px;
width: 32px;
}
button.slick-arrow.slick-next:hover {
background-position: -43px 0;
}
button.slick-arrow.slick-prev {
top: auto;
background: url(//smithshire.com/wp-content/themes/smithshire/library/css/images/controls.png) no-repeat 0 -32px;
background-size: 96px 63px;
height: 32px;
width: 32px;
}
button.slick-arrow.slick-prev:hover {
background-position: 0 0;
}
.page-id-10053 .page-heading {
margin-top: 40px;
}
.cat-mega-menu-link {
margin: 0 2%;
}
.cat-mega-menu-link a {
margin: 0;
}
.cat-mega-menu-link-accounts {
margin: 0 2%;
}
.cat-mega-menu-link-accounts a {
margin: 0;
}
#basket-icon {
top: 78px;
right: 50%;
margin-right: -435px;
}
} @media only screen and (min-width: 1240px) {  h1, .h1 {
font-size: 45px;
} #off-screen-nav-content .left-nav-wrap .left-nav-content h1 {
font-size: 38px !important;
}
#home-top-area h1 {
font-size: 55px;
top: 80px;
}
body.page-id-10053 #home-top-area h1 {
width: 520px;
}
body.page-id-10053 .slider-container {
margin-right: -600px;
right: 50%;
}
#sub-header #login-btn {
top: 0;
}
#sub-header #login-btn img {
height: 198px;
}
#sub-header #social-media-links {
top: 210px;
left: -128px;
width: 198px;
border-radius: 99px;
height: 198px;
padding-top: 54px;
padding-left: 27px;
}
#sub-header #social-media-links a {
margin-right: 22px;
}
#sub-header #social-media-links a img {
width: 40px;
height: 40px;
}
#sub-header #social-media-links:hover {
right: -109px !important;
} #heading-bar h1 {
padding-bottom: 17px;
width: 625px;
}
#content #sidebar-nav {
display: block;
position: absolute;
z-index: 5;
top: 0;
right: 0;
height: 100%;
width: calc((100% - 900px) / 2);
background: #a7d6ee;
}
#content #sidebar-nav .widget {
margin: 0;
padding: 0;
}
#content #sidebar-nav .widgettitle {
border-bottom: none;
margin-bottom: 0;
font-size: initial;
font-weight: initial;
background: #ee2e24;
color: #ffffff;
padding: 13px;
}
#content #sidebar-nav ul {
margin: 0;
list-style-type: none !important;
padding-left: 0 !important;
}
#content #sidebar-nav ul li {
margin: 0;
border-bottom: 1px solid #ffffff;
transition: all 0.4s ease-in-out;
}
#content #sidebar-nav ul li a {
text-decoration: none;
color: #ffffff;
font-weight: 600;
padding: 13px;
width: 100%;
display: block;
}
#content #sidebar-nav ul li:hover {
background: #2980b9;
}
.subsubheader {
margin-left: -600px;
left: 50%;
} body.single #content #inner-content.single-page .post, body.page #content #inner-content.single-page .post {
padding-right: 20px;
}
body.single #content #inner-content.single-page .bottom-content, body.page #content #inner-content.single-page .bottom-content {
padding-right: 20px;
}
body.single #content #inner-content.career-page .page, body.page #content #inner-content.career-page .page {
padding-right: 20px;
} body.page-id-63 #content #inner-content #desktop-map {
overflow: hidden;
}
body.page-id-63 #content #inner-content #desktop-map #find-it-centre {
margin-top: 0px;
margin-bottom: -80px;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers {
margin-top: 40px;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #blackpool-whitegate {
margin-right: -3.7%;
margin-top: -12.7%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #blackpool-clifton {
margin-right: -5.3%;
margin-top: -12.1%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #cleveleys {
margin-right: -4.3%;
margin-top: -15.7%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #stannes {
margin-right: -5.8%;
margin-top: -8.9%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #kirkham {
margin-right: -11%;
margin-top: -11.5%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #preston {
margin-right: -19.5%;
margin-top: -9.8%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #blackburn {
margin-right: -30%;
margin-top: -4.8%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #burnley {
margin-right: -34.7%;
margin-top: -8.5%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #bolton {
margin-right: -21.6%;
margin-top: 2.2%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #manchester {
margin-right: -35%;
margin-top: 8.7%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #trafford {
margin-right: -32%;
margin-top: 8.7%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #warrington {
margin-right: -22%;
margin-top: 11%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #liverpool {
margin-right: -10%;
margin-top: 10.2%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #southport {
margin-right: -4.4%;
margin-top: -2.1%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #formby {
margin-right: -3.3%;
margin-top: 2.4%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #castleford {
margin-right: -45.4%;
margin-top: -8%;
}
body.page-id-63 #content #inner-content #desktop-map #centre-map-markers #lancaster {
margin-right: -13%;
margin-top: -28.8%;
} #content #directors .desktop-directors #directors-overlay .director-box {
min-width: 190px;
}
}
@media only screen and (min-width: 1240px) and (min-width: 1400px) {
#sub-header #login-btn {
position: fixed;
top: 127px;
}
#sub-header #social-media-links {
position: fixed;
top: 330px;
}
}
@media only screen and (min-width: 1240px) and (min-width: 1470px) {
body.home #content div#customer-login-notice {
display: block;
position: absolute;
top: 90px;
left: 90px;
width: 171px;
font-size: 16px;
color: white;
}
body.home #content div#customer-login-notice img {
display: block;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1240px) and (min-width: 1600px) {
body.home #content div#customer-login-notice {
top: 100px;
left: 100px;
width: 200px;
font-size: 18px;
}
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {  } @media print { * {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a, a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after, a:visited:after {
content: " (" attr(href) ")";
}
a abbr[title]:after, a:visited abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
display: none;
}
}  .smithsmb-3 {
margin-bottom: 1rem !important;
}
.smithsmt-2 {
margin-top: 0.5rem !important;
}
.smithstext-center {
text-align: center !important;
}
.smithscontainer {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.smithscontainer {
max-width: 540px;
}
}
@media (min-width: 768px) {
.smithscontainer {
max-width: 720px;
}
}
@media (min-width: 992px) {
.smithscontainer {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.smithscontainer {
max-width: 1140px;
}
}
.smithsrow {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 576px) {
.smithscol-sm {
flex-basis: 0;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
}
.smithscol-sm {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
h6.article-heading {
font-size: 16px !important;
} .ays-pb-modal {
overflow: unset !important;
} .product-header-content .cat-alt {
border: 0;
position: relative;
padding-bottom: 30px;
}
.product-header-content .expandable {
background-color: transparent;
border: none;
color: #777777;
font-size: 13px;
line-height: 1.6;
text-align: left;
position: unset;
}
.product-header-content .expandable .read-more {
background: rgb(255, 255, 255);
background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgba(0, 0, 0, 0) 100%);
text-align: left;
padding-top: 75px;
}
.product-header-content .expandable .read-more a {
color: #333;
font-weight: bold;
}
.product-header-content .expandable .read-more a:hover {
color: #333;
}
.product-header-content .expandable .read-more a:visited {
color: #333;
}
.product-header-content .description-visible .read-more {
padding-top: 0;
} @media (max-width: 767px) {
.mob-productview #product-header .product-header-content {
display: flex;
flex-direction: column;
}
.mob-productview #product-header .product-header-content h2 {
order: 5;
}
.mob-productview .video-link {
display: none;
}
.mob-productview .new-trade-card {
order: 2;
margin-top: 20px !important;
}
.mob-productview #product-hire {
order: 3;
}
.mob-productview .hire-trade {
order: 4;
}
.mob-productview .cat-alt {
order: 6;
margin-bottom: 40px;
}
.mob-productview #product-details {
order: 7;
}
}
@media (max-width: 767px) {
.desktop-prod--image {
display: none;
}
}
.mobile-product--image {
display: none;
}
@media (max-width: 767px) {
.mobile-product--image {
display: block;
order: 1;
}
.mobile-product--image .video-link {
display: none;
}
}
.mobile-product--image .video-screenshot {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 40px !important;
}
.woocommerce-product-details__short-description .read-more,
.woocommerce-product-details__short-description .read-less {
display: block;
margin-top: 20px;
text-decoration: underline;
}
.woocommerce-product-details__short-description .remaining {
margin-top: 15px;
}
.woocommerce-product-details__short-description h2 {
font-size: 16px;
}
.woocommerce-product-details__short-description ul {
margin-top: 20px;
} .account-form {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/home-blocks/chevron-with-logo.png) left no-repeat;
background-size: contain;
border: 4px solid #2980b9;
padding: 0 20px 0 220px;
margin: 50px auto;
}
.account-form h3 {
font-size: 34px;
font-weight: 600;
text-align: left;
color: #2980b9 !important;
text-transform: uppercase;
}
.account-form p {
font-size: 22px;
line-height: 26px;
color: #2980b9;
margin: 0 0 10px 0;
}
.account-form p span.red {
color: #ee2e24;
}
.account-form form input[type=text],
.account-form form input[type=email] {
background-color: #c4ebff;
}
.account-form form input[type=submit] {
background-color: #ee2e24;
color: #ffffff;
padding: 10px 40px;
border-radius: 10px;
border: 0;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
width: 100%;
}
.account-form form input[type=submit]:hover {
background-color: #2980b9;
}
.account-form .gform_wrapper.gravity-theme .gfield.gfield--width-half {
display: inline-flex;
}
.account-form .gform_wrapper.gravity-theme .gform_fields {
grid-row-gap: 10px;
}
.account-form .gform_wrapper.gravity-theme .gfield_label {
font-size: 14px;
line-height: 16px;
width: 25%;
}
.account-form .gform_wrapper.gravity-theme .gfield_required {
display: none;
}
.account-form .gform_wrapper.gravity-theme .ginput_container_text,
.account-form .gform_wrapper.gravity-theme .ginput_container_email {
width: 75%;
}
.account-form .gform_wrapper.gravity-theme .gfield--type-captcha {
margin-top: 10px;
}
@media (max-width: 450px) {
.account-form {
background: none;
padding: 20px;
margin: 20px auto;
width: 90%;
}
.account-form h3 {
font-size: 34px;
line-height: 36px;
margin-bottom: 10px;
padding: 0;
}
.account-form p {
font-size: 22px;
line-height: 26px;
margin: 0 0 20px 0;
}
.account-form form input[type=submit] {
font-size: 16px;
}
.account-form .gform_wrapper.gravity-theme .gform_footer {
margin-top: 0;
width: 100%;
}
} .category-faqs {
margin-bottom: 45px;
}
@media (max-width: 1100px) {
.category-faqs {
padding-left: 20px;
padding-right: 20px;
}
}
.category-faqs h3 {
color: #2980b9;
width: 100%;
text-align: center;
margin-bottom: 30px;
padding: 0;
font-size: 30px;
line-height: 40px;
}
.category-faqs .accordion-container {
padding: 0 !important;
margin: 0 !important;
}
.category-faqs .accordion-item:not(:last-child) {
margin-bottom: 15px;
}
.category-faqs button {
position: relative;
background-color: #fff;
border: 1px solid #2980b9;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/blue-plus.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: top 50% right 20px;
color: #2980b9;
padding: 15px 25px;
padding-right: 95px;
font-size: 20px;
line-height: 26px;
font-weight: 600;
outline: 0;
width: 100%;
text-align: left;
}
.category-faqs .active-tab {
background-color: #2980b9;
color: #fff;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/white-minus.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: top 50% right 20px;
}
.category-faqs .faq-content {
padding: 15px 25px;
border: 0;
border-top: 0;
font-size: 16px;
line-height: 26px;
}
.category-faqs .faq-content p {
margin: 0 0 15px 0;
}
.category-faqs .faq-content a:hover {
text-decoration: underline;
}
.category-faqs .inner-content {
max-width: 1100px !important;
margin: 0 auto;
}
.pushdown {
margin-top: 64px;
}
@media (min-width: 768px) {
.pushdown {
margin-top: 115px;
}
}
@media (min-width: 1024px) {
.pushdown {
margin-top: 173px;
}
}
body.page-template-locations-tpl #breadcrumbs span,
body.page-template-depot-tpl #breadcrumbs span,
body.page-template-national-tpl #breadcrumbs span {
font-size: 14px !important;
}
body.page-template-locations-tpl #breadcrumbs strong,
body.page-template-depot-tpl #breadcrumbs strong,
body.page-template-national-tpl #breadcrumbs strong {
color: #B1B1B1 !important;
}
body.page-template-locations-tpl .key-messages,
body.page-template-depot-tpl .key-messages,
body.page-template-national-tpl .key-messages {
border-bottom: 1px solid #2980b9;
}
body.page-template-locations-tpl .reviews-container,
body.page-template-depot-tpl .reviews-container,
body.page-template-national-tpl .reviews-container {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
body.page-template-locations-tpl #content,
body.page-template-depot-tpl #content,
body.page-template-national-tpl #content {
border-top: 1px solid #2980b9;
padding-top: 30px;
}
.locations-intro {
padding-top: 30px;
padding-bottom: 0;
max-width: 1366px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.locations-intro #breadcrumbs {
margin-top: 0;
margin-bottom: 30px;
}
.locations-intro h1 {
width: 100%;
text-align: center;
color: #2980b9;
padding: 0;
margin-bottom: 30px;
font-size: 30px;
line-height: 100%;
}
@media (min-width: 768px) {
.locations-intro h1 br {
display: none;
}
}
@media (min-width: 1152px) {
.locations-intro h1 {
font-size: 45px;
}
}
.locations-intro p {
max-width: 1152px;
margin: 0 0 30px 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.locations-map {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
height: 600px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/depot/background.png);
background-image: -webkit-image-set(url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/depot/background.avif) type("image/avif"), url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/depot/background.webp) type("image/webp"));
background-image: image-set(url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/depot/background.avif) type("image/avif"), url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/depot/background.webp) type("image/webp"));
background-size: cover;
background-position: center;
}
.locations-map div.wpgmza-address-container label {
opacity: 0;
}
.hire-centres {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #2980b9;
}
@media (min-width: 1152px) {
.hire-centres {
padding-top: 60px;
}
}
.hire-centres h2 {
width: 100%;
text-align: center;
color: #2980b9;
font-size: 30px;
line-height: 40px;
margin-bottom: 30px;
}
@media (min-width: 1152px) {
.hire-centres h2 {
font-size: 45px;
line-height: 55px;
margin-bottom: 60px;
}
}
.centres-inner {
max-width: 1366px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.centres-inner ul {
display: flex;
flex-flow: row wrap;
width: 100%;
padding: 0 15px;
margin: 0;
}
.centres-inner li {
display: flex;
flex-direction: column;
width: 48%;
margin-right: 4%;
margin-bottom: 20px;
}
.centres-inner li:nth-of-type(2n) {
margin-right: 0;
}
@media (min-width: 768px) {
.centres-inner li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 40px;
}
.centres-inner li:nth-of-type(2n) {
margin-right: 2%;
}
.centres-inner li:nth-of-type(4n) {
margin-right: 0;
}
}
@media (min-width: 1152px) {
.centres-inner li {
width: 21.222%;
margin-right: 5%;
}
.centres-inner li:nth-of-type(2n) {
margin-right: 5%;
}
.centres-inner li:nth-of-type(4n) {
margin-right: 0;
}
}
.centres-inner li .centre-details {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 15px;
}
.centres-inner li .centre-name {
width: 100%;
text-align: center;
color: #2980b9;
font-size: 20px;
line-height: 26px;
font-weight: 600;
padding-bottom: 5px;
}
.centres-inner li img {
width: 100%;
}
.centres-inner li a[href^="tel:"] {
color: #2980b9;
font-size: 20px;
line-height: 26px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.centres-inner li a[href^="tel:"] {
pointer-events: none;
}
}
.centres-inner li .view-depot {
border: 1px solid #2980b9;
padding: 10px 15px;
color: #2980b9;
text-decoration: underline;
transition: all 0.3s ease;
}
.centres-inner li .view-depot:hover {
background-color: #2980b9;
color: #fff;
text-decoration: none;
}
.centres-inner li.coming-soon img {
opacity: 0.5;
}
.centres-inner li.coming-soon .view-depot {
pointer-events: none;
opacity: 0.5;
margin-top: 15px;
}
.btn-container {
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
}
.btn-container a {
background-color: #2980b9;
border: 1px solid #2980b9;
color: #fff;
text-align: center;
padding: 15px;
min-width: 250px;
font-weight: 600;
transition: all 0.3s ease;
}
.btn-container a:hover {
background-color: #ee2e24;
border: 1px solid #ee2e24;
}
.all-locations {
display: none;
padding-top: 60px;
}
.all-locations h3 {
width: 100%;
text-align: center;
color: #2980b9;
font-size: 30px;
line-height: 40px;
margin-bottom: 30px;
}
.all-locations li {
display: list-item;
list-style: disc;
margin-bottom: 10px;
}
.all-locations li a {
color: #777777;
}
.all-locations li a:hover {
text-decoration: underline;
color: #2980b9;
}
.all-locations.locations-displayed {
display: block;
}
#all-locations--link {
cursor: pointer;
text-transform: capitalize;
}
.region-list {
margin-bottom: 60px;
}
.locations-seo {
padding: 30px 30px 15px 30px;
display: flex;
flex-direction: column;
width: 100%;
max-width: 1366px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.locations-seo {
flex-direction: row;
}
}
@media (min-width: 1152px) {
.locations-seo {
padding: 60px 15px;
}
}
.locations-seo .text-col {
order: 2;
width: 100%;
margin-top: 30px;
}
@media (min-width: 768px) {
.locations-seo .text-col {
order: 1;
width: 50%;
margin-top: 0;
padding-bottom: 0;
padding-right: 30px;
}
}
@media (min-width: 1152px) {
.locations-seo .text-col {
padding-right: 60px;
}
}
.locations-seo h4 {
width: 100%;
color: #2980b9;
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
.locations-seo h5 {
width: 100%;
color: #2980b9;
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}
.locations-seo ul {
padding-left: 15px;
margin-bottom: 20px;
}
.locations-seo a[href^=tel] {
display: inline-block;
background-color: #2980b9;
color: #fff;
padding: 15px;
transition: all 0.3s ease;
}
.locations-seo a[href^=tel]:hover {
background-color: #ee2e24;
}
.locations-seo .image-col {
order: 1;
width: 100%;
}
@media (min-width: 768px) {
.locations-seo .image-col {
order: 2;
width: 50%;
}
}
.locations-seo .image-col img {
width: 100%;
height: auto;
vertical-align: bottom;
}
@media (min-width: 768px) {
.locations-seo .image-col img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
}
.what-you-need {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #2980b9;
padding: 60px 15px;
}
.what-you-need * {
color: #fff;
text-align: center;
}
.what-you-need h5 {
font-size: 30px;
line-height: 40px;
margin-bottom: 30px;
font-weight: bold;
}
.what-you-need p {
margin: 0 auto 30px auto;
max-width: 600px;
font-size: 20px;
line-height: 30px;
}
.what-you-need p ~ p {
display: flex;
align-items: center;
font-weight: 600;
margin-bottom: 0;
}
.what-you-need p ~ p:after {
content: "";
display: inline-block;
position: relative;
width: 30px;
height: 30px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/depot/arrow.png);
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
margin-left: 10px;
}
.what-you-need p a:hover {
text-decoration: underline;
color: #fff;
}
.what-you-need h6 {
margin: 0 auto 30px auto;
font-size: 30px;
line-height: 40px;
}
@media (min-width: 768px) {
.what-you-need h6 a[href^=tel] {
pointer-events: none;
}
}
.what-you-need h6 a[href^=tel]:hover {
text-decoration: underline;
color: #fff;
} .depot-intro {
padding: 30px 15px 30px 15px;
}
.depot-intro h1 {
width: 100%;
text-align: center;
color: #2980b9;
padding: 0;
font-size: 24px;
line-height: 34px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.depot-intro h1 {
font-size: 30px;
line-height: 40px;
}
}
.depot-intro p {
max-width: 1152px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.depot-intro p a:hover {
text-decoration: underline;
}
.depot-intro #breadcrumbs {
margin-top: 0;
margin-bottom: 30px;
}
.depot-details {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
margin: 0 auto;
}
@media (min-width: 768px) {
.depot-details {
max-width: 700px;
}
}
.depot-details p {
margin: 0;
color: #2980b9;
font-size: 13px;
line-height: 16px;
text-align: left;
}
@media (min-width: 768px) {
.depot-details p {
font-size: 16px;
line-height: 20px;
}
}
.depot-details a[href^="tel:"] {
font-weight: bold;
font-size: 13px;
line-height: 16px;
}
@media (min-width: 768px) {
.depot-details a[href^="tel:"] {
font-size: 18px;
line-height: 24px;
}
}
.depot-details a[href^="tel:"]:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.depot-details a[href^="tel:"] {
pointer-events: none;
}
}
.depot-details a[href^="mailto:"] {
font-weight: bold;
font-size: 13px;
line-height: 16px;
}
@media (min-width: 768px) {
.depot-details a[href^="mailto:"] {
font-size: 18px;
line-height: 24px;
}
}
.depot-details a[href^="mailto:"]:hover {
text-decoration: underline;
}
.manager-profile {
width: 45%;
}
@media (min-width: 768px) {
.manager-profile {
width: 50%;
}
}
.manager-profile img {
width: 100%;
vertical-align: bottom;
}
.store-contact {
width: 55%;
background-color: #fff;
padding: 0 0 0 20px;
}
@media (min-width: 1152px) {
.store-contact {
padding: 0 0 0 30px;
}
}
.store-contact h2 {
width: 100%;
text-align: center;
margin-bottom: 30px;
color: #2980b9;
}
@media (min-width: 768px) {
.store-contact h2 {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
}
.store-contact ul {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 0;
}
@media (min-width: 700px) {
.store-contact ul {
flex-direction: row;
}
}
@media (min-width: 992px) {
.store-contact ul {
width: 750px;
margin-left: auto;
margin-right: auto;
}
}
.store-contact li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}
.store-contact li:not(:last-of-type) {
margin-bottom: 20px;
}
@media (min-width: 700px) {
.store-contact li:not(:last-of-type) {
margin-bottom: 0;
}
}
@media (min-width: 700px) {
.store-contact li {
flex-direction: row;
text-align: left;
}
}
.store-contact p {
margin: 0;
color: #2980b9;
}
.store-contact a {
color: #2980b9;
font-weight: 500;
font-size: 18px;
line-height: 26px;
text-decoration: underline;
}
.store-contact a:hover {
text-decoration: none;
}
@media (min-width: 640px) {
.store-contact a p {
display: none;
}
}
.store-contact a[href^="tel:"] {
font-weight: 700;
font-size: 13px;
line-height: 23px;
text-decoration: none;
}
@media (min-width: 1152px) {
.store-contact a[href^="tel:"] {
font-size: 24px;
line-height: 34px;
}
}
.store-contact a[href^="tel:"]:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.store-contact a[href^="tel:"] {
pointer-events: none;
}
}
.store-contact img {
max-width: 40px;
margin-right: 5px;
}
@media (min-width: 1152px) {
.store-contact img {
margin-right: 0px;
}
}
.store-contact .contact-icon {
display: flex;
align-items: center;
justify-content: center;
}
.page-template-national-tpl .store-contact {
width: 90%;
margin: 0 auto;
background-color: #ffffff;
padding: 20px 0 50px 0;
}
.page-template-national-tpl .store-contact .store-wrapper {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.page-template-national-tpl .store-contact .store-wrapper {
flex-direction: row;
}
}
@media (min-width: 1152px) {
.page-template-national-tpl .store-contact .store-wrapper {
max-width: 1160px;
margin: 0 auto;
}
}
.page-template-national-tpl .store-contact .store-wrapper .store-contact-image {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.page-template-national-tpl .store-contact .store-wrapper .store-contact-image {
width: 45%;
margin-bottom: 0;
}
}
.page-template-national-tpl .store-contact .store-wrapper .store-contact-image img {
width: 100%;
max-width: 100%;
vertical-align: bottom;
margin: 0;
}
@media (min-width: 768px) {
.page-template-national-tpl .store-contact .store-wrapper .store-contact-details {
width: 55%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 0 0 30px;
}
}
@media (min-width: 1152px) {
.page-template-national-tpl .store-contact .store-wrapper .store-contact-details {
padding: 0 0 0 60px;
}
}
.page-template-national-tpl .store-contact .store-wrapper .store-contact-details h2 {
text-align: center;
font-size: 24px;
line-height: 34px;
}
@media (min-width: 768px) {
.page-template-national-tpl .store-contact .store-wrapper .store-contact-details h2 {
text-align: left;
font-size: 18px;
line-height: 26px;
}
}
@media (min-width: 1152px) {
.page-template-national-tpl .store-contact .store-wrapper .store-contact-details h2 {
font-size: 30px;
line-height: 40px;
}
}
.page-template-national-tpl .store-contact .store-wrapper .store-contact-details ul {
flex-direction: column;
}
@media (min-width: 768px) {
.page-template-national-tpl .store-contact .store-wrapper .store-contact-details ul {
margin-top: 0;
}
}
.page-template-national-tpl .store-contact .store-wrapper .store-contact-details ul li {
flex-direction: column;
justify-content: center;
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 768px) {
.page-template-national-tpl .store-contact .store-wrapper .store-contact-details ul li {
flex-direction: row;
justify-content: flex-start;
margin-bottom: 20px;
text-align: left;
}
}
@media (min-width: 768px) {
.page-template-national-tpl .store-contact img {
margin-right: 20px;
}
}
.page-template-national-tpl .store-contact a {
font-weight: 600;
}
@media (min-width: 768px) {
.page-template-national-tpl .store-contact a {
font-size: 16px;
line-height: 16px;
}
}
@media (min-width: 1152px) {
.page-template-national-tpl .store-contact a {
font-size: 20px;
line-height: 30px;
}
}
.page-template-national-tpl .store-contact a[href^="tel:"] {
font-size: 18px;
line-height: 18px;
}
@media (min-width: 768px) {
.page-template-national-tpl .store-contact a[href^="tel:"] {
font-size: 16px;
line-height: 16px;
}
}
@media (min-width: 1152px) {
.page-template-national-tpl .store-contact a[href^="tel:"] {
font-size: 24px;
line-height: 34px;
}
}
.page-template-national-tpl .hire-services {
border-top: 1px solid #2980b9;
}
.store-manager {
display: flex;
position: relative;
flex-flow: row wrap;
margin-bottom: 5px;
}
@media (min-width: 1152px) {
.store-manager {
margin-bottom: 10px;
}
}
.store-manager .contact-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.store-manager .contact-icon img {
max-width: 30px;
}
@media (min-width: 1152px) {
.store-manager .contact-icon img {
max-width: 35px;
}
}
.store-manager .contact-details {
width: calc(100% - 50px);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin-left: 10px;
}
@media (max-width: 640px) {
.store-manager .contact-details span {
display: none;
}
}
@media (min-width: 768px) {
.store-manager .contact-details {
width: calc(100% - 60px);
margin-left: 10px;
}
}
.store-manager p {
width: 100%;
}
.store-phone {
display: flex;
position: relative;
flex-flow: row wrap;
align-items: center;
margin-bottom: 5px;
}
@media (min-width: 1152px) {
.store-phone {
margin-bottom: 10px;
}
}
.store-phone .contact-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.store-phone .contact-icon img {
max-width: 30px;
}
@media (min-width: 1152px) {
.store-phone .contact-icon img {
max-width: 35px;
}
}
.store-phone .contact-details {
width: calc(100% - 50px);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin-left: 10px;
}
@media (max-width: 640px) {
.store-phone .contact-details span {
display: none;
}
}
@media (min-width: 768px) {
.store-phone .contact-details {
width: calc(100% - 60px);
margin-left: 10px;
}
}
.store-phone p {
width: 100%;
}
.store-email {
display: flex;
position: relative;
flex-flow: row wrap;
align-items: center;
margin-bottom: 5px;
}
@media (min-width: 1152px) {
.store-email {
margin-bottom: 10px;
}
}
.store-email .contact-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.store-email .contact-icon img {
max-width: 30px;
}
@media (min-width: 1152px) {
.store-email .contact-icon img {
max-width: 35px;
}
}
.store-email .contact-details {
width: calc(100% - 50px);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin-left: 10px;
}
@media (max-width: 640px) {
.store-email .contact-details span {
display: none;
}
}
@media (min-width: 768px) {
.store-email .contact-details {
width: calc(100% - 60px);
margin-left: 10px;
}
}
.store-email p {
width: 100%;
}
.store-address {
display: flex;
position: relative;
flex-flow: row wrap;
align-items: center;
margin-bottom: 5px;
}
@media (min-width: 1152px) {
.store-address {
margin-bottom: 10px;
}
}
.store-address .contact-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.store-address .contact-icon img {
max-width: 30px;
}
@media (min-width: 1152px) {
.store-address .contact-icon img {
max-width: 35px;
}
}
.store-address .contact-details {
width: calc(100% - 50px);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
margin-left: 10px;
}
@media (max-width: 640px) {
.store-address .contact-details span {
display: none;
}
}
@media (min-width: 768px) {
.store-address .contact-details {
width: calc(100% - 60px);
margin-left: 10px;
}
}
.store-address address {
font-style: normal;
font-weight: bold;
}
.store-address p {
width: 100%;
}
.depot-map {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
background-color: #eee;
}
@media (min-width: 768px) {
.depot-map {
flex-direction: row;
}
}
.depot-map .map {
width: 100%;
height: 400px;
}
@media (min-width: 768px) {
.depot-map .map {
width: 60%;
height: auto;
}
}
@media (min-width: 1152px) {
.depot-map .map {
width: calc(100% - 450px);
}
}
.depot-map .map .wpgmza_map {
height: 100% !important;
}
.depot-map .store-details {
width: 100%;
background-color: #2980b9;
padding: 30px;
}
@media (min-width: 768px) {
.depot-map .store-details {
width: 40%;
padding: 20px;
}
}
@media (min-width: 1152px) {
.depot-map .store-details {
padding: 30px;
width: 450px;
}
}
.depot-map .heading {
width: 100%;
text-align: center;
color: #fff;
font-weight: 600;
margin-bottom: 10px;
font-size: 24px;
line-height: 34px;
}
.depot-map .directions {
width: 100%;
margin-bottom: 30px;
}
.depot-map table {
width: 100%;
}
.depot-map tr.today td {
background-color: #fff;
color: #2980b9;
}
.depot-map td {
text-align: center;
padding: 5px 15px;
color: #fff;
}
.depot-map form {
display: flex;
}
.depot-map input[type=text] {
background-color: #fff;
width: calc(100% - 100px);
height: 50px;
}
.depot-map input[type=text]::-moz-placeholder {
font-weight: 400;
color: #777777;
}
.depot-map input[type=text]::placeholder {
font-weight: 400;
color: #777777;
}
.depot-map button[type=submit] {
background-color: rgb(31.7477876106, 99.1150442478, 143.2522123894);
border: 1px solid rgb(31.7477876106, 99.1150442478, 143.2522123894);
color: #fff;
width: 100px;
height: 50px;
transition: all 0.3s ease;
}
.depot-map button[type=submit]:hover {
background-color: rgb(27.1216814159, 84.6725663717, 122.3783185841);
border: 1px solid rgb(27.1216814159, 84.6725663717, 122.3783185841);
}
.depot-map .opening-times {
width: 100%;
}
.depot-availability {
padding-top: 60px;
padding-bottom: 60px;
}
.depot-availability h3 {
width: 100%;
text-align: center;
color: #2980b9;
padding: 0;
font-size: 24px;
line-height: 34px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.depot-availability h3 {
font-size: 30px;
line-height: 40px;
}
}
.depot-availability ul {
display: flex;
flex-flow: row wrap;
width: 100%;
padding: 0;
margin: 0;
}
@media (min-width: 1152px) {
.depot-availability ul {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
}
.depot-availability li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 49%;
margin-right: 2%;
margin-bottom: 40px;
height: auto;
}
.depot-availability li:last-of-type {
margin-bottom: 0;
}
.depot-availability li:nth-last-child(2) {
margin-bottom: 0;
}
.depot-availability li:nth-of-type(2n) {
margin-right: 0;
}
@media (min-width: 768px) {
.depot-availability li {
width: 23.5%;
}
.depot-availability li:nth-of-type(2n) {
margin-right: 2%;
}
.depot-availability li:nth-of-type(4n) {
margin-right: 0;
}
}
.depot-availability li img {
width: 100%;
vertical-align: bottom;
max-width: 90px;
margin: 0 auto 10px auto;
}
.depot-availability li p {
margin-bottom: 0;
font-size: 18px;
line-height: 18px;
}
.popular-products {
background-color: #f7f7f7;
padding: 30px 0;
}
@media (min-width: 1152px) {
.popular-products {
padding: 60px 0;
}
}
.popular-products h4 {
width: 100%;
text-align: center;
color: #2980b9;
padding: 0;
font-size: 24px;
line-height: 34px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.popular-products h4 br {
display: none;
}
}
@media (min-width: 1152px) {
.popular-products h4 {
margin-bottom: 50px;
font-size: 30px;
line-height: 40px;
}
}
.popular-products ul:not(ul li ul) {
display: none;
max-width: 1366px;
margin-left: auto;
margin-right: auto;
padding: 0 60px;
}
.popular-products ul:not(ul li ul).slick-initialized {
display: block;
}
.popular-products li:not(ul li ul li) {
display: flex;
flex-direction: column;
align-items: flex-start;
width: auto;
margin: 0 22.5px;
}
.popular-products li:not(ul li ul li) img {
width: 100%;
margin-bottom: 20px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1/1;
}
@media (min-width: 992px) {
.popular-products li:not(ul li ul li) img {
height: 250px;
}
}
.popular-products li:not(ul li ul li) a.view-products {
display: inline-block;
background-color: transparent;
border: 1px solid #2980b9;
color: #2980b9;
text-align: center;
font-weight: 600;
padding: 10px 15px;
font-size: 12px;
margin: 10px 0 0 0;
transition: all 0.3s ease;
}
@media (min-width: 1152px) {
.popular-products li:not(ul li ul li) a.view-products {
font-size: 14px;
}
}
.popular-products li:not(ul li ul li) a.view-products:hover {
border: 1px solid #2980b9;
background-color: #2980b9;
color: #fff;
}
.popular-products li:not(ul li ul li) p {
font-size: 14px;
line-height: 20px;
text-align: left !important;
margin: 10px 0;
}
.popular-products li:not(ul li ul li) p a:hover {
text-decoration: underline;
}
.popular-products li:not(ul li ul li) p strong {
font-weight: normal !important;
}
.popular-products .slick-arrow {
top: 50% !important;
text-indent: -9999px;
background-color: #2980b9 !important;
background-repeat: no-repeat !important;
background-size: 20px !important;
background-position: center !important;
}
.popular-products .slick-next {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/arrow.png) !important;
right: 15px !important;
}
.popular-products .slick-prev {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/arrow.png) !important;
transform: rotate(180deg);
left: 15px !important;
}
.popular-products .product-name {
color: #2980b9;
font-size: 18px;
line-height: 18px;
font-weight: 600;
padding: 0;
margin-bottom: 10px;
}
.popular-products p {
margin: 0 0 15px 0;
color: #777777;
line-height: 20px;
}
.popular-products ul {
margin: 0 0 15px 0;
}
.popular-products ul li ul {
display: flex !important;
flex-direction: column;
padding-left: 15px;
}
.popular-products ul li ul li {
list-style: disc;
width: 100% !important;
color: #2980b9;
}
.popular-products ul li ul li a {
color: #2980b9;
font-weight: normal !important;
border: 0 !important;
padding: 0 !important;
font-size: 16px !important;
}
.popular-products ul li ul li a:hover {
background-color: transparent !important;
color: #2980b9 !important;
text-decoration: underline;
}
.depot-vacancies {
background-color: #2980b9;
padding: 30px 15px;
}
@media (min-width: 1152px) {
.depot-vacancies {
padding: 60px 15px;
}
}
.depot-vacancies h4 {
width: 100%;
text-align: center;
color: #fff;
padding: 0;
font-size: 30px;
line-height: 40px;
margin-bottom: 30px;
}
.depot-vacancies p {
color: #fff;
text-align: center;
margin: 0 0 20px 0;
}
.depot-vacancies p a {
color: #fff;
}
.depot-vacancies p a:hover {
text-decoration: underline;
}
.depot-vacancies ul {
margin: 30px 0 0 0;
padding: 0;
width: 100%;
}
@media (min-width: 768px) {
.depot-vacancies ul {
max-width: 80%;
margin: 60px auto 0 auto;
}
}
@media (min-width: 1152px) {
.depot-vacancies ul {
max-width: 1366px;
}
}
.depot-vacancies li {
display: flex;
padding: 25px 15px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
color: #fff;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 768px) {
.depot-vacancies li {
flex-direction: row;
justify-content: space-between;
}
}
.depot-vacancies li a {
color: #fff;
text-decoration: underline;
}
.depot-vacancies li a:hover {
text-decoration: none;
}
.depot-vacancies li p {
margin-bottom: 0;
}
.depot-vacancies li:last-of-type {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.depot-seo {
padding: 0 30px 15px 30px;
display: flex;
flex-direction: column;
width: 100%;
max-width: 1152px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.depot-seo {
flex-direction: row;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1152px) {
.depot-seo {
padding: 0 15px 60px 15px;
}
}
.depot-seo .text-col {
width: 100%;
margin-top: 30px;
}
@media (min-width: 768px) {
.depot-seo .text-col {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 50%;
margin-top: 0;
padding-bottom: 0;
padding-left: 30px;
}
}
@media (min-width: 1152px) {
.depot-seo .text-col {
padding-left: 60px;
}
}
.depot-seo h4 {
width: 100%;
color: #2980b9;
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
.depot-seo h5 {
width: 100%;
color: #2980b9;
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}
.depot-seo ul {
padding-left: 15px;
margin-bottom: 20px;
}
.depot-seo a[href^=tel] {
display: inline-block;
background-color: #2980b9;
color: #fff;
padding: 15px;
transition: all 0.3s ease;
}
.depot-seo a[href^=tel]:hover {
background-color: #ee2e24;
}
.depot-seo .image-col {
width: 100%;
}
@media (min-width: 768px) {
.depot-seo .image-col {
width: 50%;
}
}
.depot-seo .image-col img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.hire-details {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
margin: 0 auto;
}
@media (min-width: 768px) {
.hire-details {
max-width: 700px;
}
}
.hire-details p {
margin: 0;
color: #2980b9;
font-size: 13px;
line-height: 16px;
text-align: left;
}
@media (min-width: 768px) {
.hire-details p {
font-size: 18px;
line-height: 24px;
}
}
.hire-details a[href^="tel:"] {
font-weight: bold;
font-size: 13px;
line-height: 16px;
}
@media (min-width: 768px) {
.hire-details a[href^="tel:"] {
font-size: 18px;
line-height: 24px;
}
}
@media (min-width: 1152px) {
.hire-details a[href^="tel:"] {
font-size: 33px;
line-height: 43px;
}
}
.hire-details a[href^="tel:"]:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.hire-details a[href^="tel:"] {
pointer-events: none;
}
}
.hire-details a[href^="mailto:"] {
font-weight: bold;
font-size: 13px;
line-height: 16px;
}
@media (min-width: 768px) {
.hire-details a[href^="mailto:"] {
font-size: 18px;
line-height: 24px;
}
}
.hire-details a[href^="mailto:"]:hover {
text-decoration: underline;
}
.hire-services {
padding-top: 30px;
padding-bottom: 0;
}
.hire-services h3 {
width: 100%;
text-align: center;
color: #2980b9;
padding: 0;
font-size: 30px;
line-height: 40px;
margin-bottom: 30px;
}
.hire-services ul {
display: flex;
flex-flow: row wrap;
width: 100%;
padding: 0;
margin: 0;
}
@media (min-width: 768px) {
.hire-services ul {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1152px) {
.hire-services ul {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
}
.hire-services li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 49%;
margin-right: 2%;
margin-bottom: 40px;
height: auto;
}
.hire-services li:nth-of-type(2n) {
margin-right: 0;
}
@media (min-width: 768px) {
.hire-services li {
width: 18.4%;
}
.hire-services li:nth-of-type(2n) {
margin-right: 2%;
}
.hire-services li:nth-of-type(5n) {
margin-right: 0;
}
}
.hire-services li img {
width: 100%;
vertical-align: bottom;
max-width: 90px;
margin: 0 auto 10px auto;
}
.hire-services li p {
margin-bottom: 0;
text-align: center;
color: #2980b9;
}
body.page-template-locations-tpl #social-media-links {
display: none;
visibility: hidden;
}
body.page-template-locations-tpl .wpgmza-store-locator {
height: 40px !important;
}
body.page-template-locations-tpl .wpgmza-address {
font-weight: 400 !important;
}
body.page-template-locations-tpl .wpgmza-address::-moz-placeholder {
font-weight: 400 !important;
}
body.page-template-locations-tpl .wpgmza-address::placeholder {
font-weight: 400 !important;
}
body.page-template-locations-tpl .wpgmza-use-my-location {
height: 100% !important;
}
body.page-template-locations-tpl select.wpgmza-radius {
color: #333;
min-height: 40px !important;
}
.wpgmaps_blist_row {
display: flex !important;
align-items: center;
}
.wpgmaps_blist_row .wpgmza_marker_icon {
max-width: 50px !important;
}
.wpgmza_modern_infowindow {
min-width: 90% !important;
}
@media (min-width: 1366px) {
.wpgmza_modern_infowindow {
min-width: 450px !important;
}
}
.wpgmza_modern_infowindow .wpgmza_iw_image {
display: none !important;
}
.wpgmza_modern_infowindow .wpgmza_modern_infowindow_close {
color: #2980b9 !important;
top: 20px !important;
right: 20px !important;
font-size: 25px !important;
text-indent: -9999px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/depot/close.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
.wpgmza_modern_infowindow .wpgmza_iw_title {
left: 0 !important;
color: #2980b9 !important;
padding: 20px !important;
opacity: 1 !important;
font-family: "filson-pro", sans-serif;
font-weight: 600 !important;
font-size: 18px !important;
line-height: 24px !important;
}
@media (min-width: 1366px) {
.wpgmza_modern_infowindow .wpgmza_iw_title {
font-size: 24px !important;
line-height: 30px !important;
}
}
.wpgmza_modern_infowindow .wpgmza_iw_title:after {
content: "";
display: block;
position: relative;
width: 40%;
height: 1px;
background-color: #2980b9;
margin-top: 10px;
}
@media (min-width: 1152px) {
.wpgmza_modern_infowindow .wpgmza_iw_title:after {
margin-top: 15px;
}
}
.wpgmza_modern_infowindow .wpgmza_iw_address_p {
color: #2980b9 !important;
}
.wpgmza_modern_infowindow .wpgmza_iw_address {
display: none !important;
visibility: hidden;
right: 0 !important;
}
.wpgmza_modern_infowindow .wpgmza_iw_address span {
color: #2980b9;
font-weight: 600;
}
.wpgmza_modern_infowindow .wpgmza_iw_description {
left: 0 !important;
padding-top: 10px;
bottom: 0 !important;
right: 0 !important;
}
@media (min-width: 1366px) {
.wpgmza_modern_infowindow .wpgmza_iw_description {
padding-top: 20px;
}
}
.wpgmza_modern_infowindow .depot-details {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
max-width: 100%;
margin: 10px auto 10px auto !important;
}
.wpgmza_modern_infowindow .depot-address {
width: 50%;
}
.wpgmza_modern_infowindow address {
font-family: "filson-pro", sans-serif;
color: #777777;
font-style: normal;
font-size: 16px;
line-height: 20px;
margin-bottom: 0;
}
.wpgmza_modern_infowindow .depot-phone {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 50%;
font-family: "filson-pro", sans-serif;
}
.wpgmza_modern_infowindow .depot-phone a {
color: #777777;
font-size: 16px;
}
.wpgmza_modern_infowindow .depot-phone a:hover {
text-decoration: underline;
}
.wpgmza_modern_infowindow a[href^=tel] {
color: #777777;
font-size: 16px;
font-weight: normal;
margin-bottom: 15px;
}
.wpgmza_modern_infowindow .column-heading {
font-family: "filson-pro", sans-serif;
color: #2980b9;
font-weight: 600;
font-size: 18px;
}
.wpgmza_modern_infowindow .available {
width: 100%;
margin: 30px 0 !important;
}
.wpgmza_modern_infowindow .available ul {
display: flex;
width: 100%;
}
.wpgmza_modern_infowindow .available li {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
}
.wpgmza_modern_infowindow .available li img {
max-width: 50px !important;
margin: 0 auto 10px auto;
}
.wpgmza_modern_infowindow .available li p {
text-align: center;
color: #777777;
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
font-family: "filson-pro", sans-serif;
font-weight: 600;
}
.wpgmza_modern_infowindow .view-depot {
display: inline-block;
background-color: #2980b9;
color: #fff;
font-family: "filson-pro", sans-serif;
font-weight: 600;
font-size: 13px;
line-height: 13px;
padding: 15px 25px;
transition: all 0.3s ease;
}
.wpgmza_modern_infowindow .view-depot:hover {
background-color: #ee2e24;
color: #fff;
}
.wpgmza-modern-store-locator .wpgmza-address {
width: calc(100% - 150px);
height: 70px;
border: 0;
text-align: left !important;
background-color: #fff;
color: #000;
font-size: 16px !important;
}
.wpgmza-modern-store-locator .wpgmza-address::-moz-placeholder {
color: #000;
}
.wpgmza-modern-store-locator .wpgmza-address::placeholder {
color: #000;
}
.wpgmza-modern-store-locator .wpgmza-address:focus, .wpgmza-modern-store-locator .wpgmza-address:active {
background-color: #fff !important;
}
.wpgmza-modern-store-locator .addressInput {
text-align: left !important;
}
.wpgmza-modern-store-locator .wpgmza-radius {
width: 50px;
height: 50px;
}
.wpgmza-modern-store-locator > .wpgmza-inner {
justify-content: flex-start !important;
}
.wpgmza-use-my-location {
display: none;
visibility: hidden;
}
.wpgmza-radius {
font-size: 16px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/select-dropdown-dark.png) !important;
background-size: 16px !important;
background-repeat: no-repeat !important;
background-position: right 0 center !important;
width: 70px !important;
}
.wpgmza_sl_search_button_div {
margin-left: auto;
width: 70px;
}
.wpgmza-modern-store-locator input, .wpgmza-modern-store-locator select {
height: 30px !important;
}
.wpgmza_sl_search_button_div input {
background-color: #2980b9;
border: 0 !important;
width: 30px !important;
height: 40px !important;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/search.png) !important;
background-size: 15px !important;
background-repeat: no-repeat !important;
background-position: center !important;
text-indent: -9999px;
opacity: 1;
}
.wpgmza-reset {
width: 50px;
background-color: #fff;
border: 0 !important;
font-size: 12px !important;
line-height: 12px !important;
margin: 0 5px 0 auto !important;
color: #2980b9 !important;
}
.sl-distance {
background-color: #fff;
padding: 20px 0 20px 60px;
margin: -40px 0 0 0;
font-size: 18px;
color: #2980b9;
font-family: "filson-pro", sans-serif;
box-shadow: 3px 10px 10px 0px rgb(107, 107, 107);
border-top: 1px solid #eee;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/depot/location-pin.png) !important;
background-size: 30px !important;
background-repeat: no-repeat !important;
background-position: top 50% left 20px !important;
} @media only screen and (max-width: 1152px) {
.wpgmza-modern-store-locator {
max-width: 100% !important;
top: 50px !important;
left: 2% !important;
width: 96% !important;
margin-left: unset !important;
}
.wpgmza_modern_infowindow .wpgmza_iw_title {
font-size: 18px !important;
line-height: 26px !important;
}
.wpgmza_modern_infowindow .column-heading {
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
}
.wpgmza_modern_infowindow address {
font-size: 14px;
line-height: 20px;
}
.wpgmza_modern_infowindow a[href^=tel] {
font-size: 14px;
line-height: 18px;
}
.wpgmza_modern_infowindow .depot-phone a {
font-size: 14px;
line-height: 14px;
}
.wpgmza_modern_infowindow .available li img {
max-width: 40px !important;
}
.wpgmza_modern_infowindow .available li p {
font-size: 11px;
line-height: 16px;
}
}
@media (max-width: 1152px) {
.wpgmza_modern_infowindow .wpgmza_iw_title {
font-size: 18px !important;
line-height: 26px !important;
}
}
.locations-map .wpgmza_marker_list_class, .locations-map .wpgmza-pagination {
display: none !important;
}  .product-price-calculator {
margin-top: 25px;
width: 100%;
background-color: #f5f5f5;
padding: 25px;
}
.product-price-calculator .date-time-input {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 10px;
}
.product-price-calculator .date-time-input .input-start-date {
width: 59% !important;
}
.product-price-calculator .date-time-input .input-start-date input {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/calendar.svg);
background-position: right 8px top 10px;
background-repeat: no-repeat;
}
.product-price-calculator .date-time-input .input-start-time {
width: 39% !important;
}
.product-price-calculator .date-time-input .input-start-time input {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/timer.svg);
background-position: right 8px top 10px;
background-repeat: no-repeat;
}
.product-price-calculator .date-time-input .input-end-date {
width: 59% !important;
}
.product-price-calculator .date-time-input .input-end-date input {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/calendar.svg);
background-position: right 8px top 10px;
background-repeat: no-repeat;
}
.product-price-calculator .date-time-input .input-end-time {
width: 39% !important;
}
.product-price-calculator .date-time-input .input-end-time input {
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/timer.svg);
background-position: right 8px top 10px;
background-repeat: no-repeat;
}
.product-price-calculator .calendar-title {
margin-bottom: 10px;
padding-bottom: 0;
font-size: 1rem;
}
.product-price-calculator .calculator__inner {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
@media only screen and (max-width: 996px) {
.product-price-calculator .calculator__inner {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.product-price-calculator .calculator__inner .calculator-quantity label {
margin-top: 9px;
}
.product-price-calculator .calculator__inner .calculator__dates {
width: 65%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.product-price-calculator .calculator__inner .calculator__dates .calculator-input {
width: 48%;
margin: 0;
}
.product-price-calculator .calculator__inner .calculator-input {
width: 32%;
margin: 0 !important;
}
}
@media only screen and (max-width: 762px) {
.product-price-calculator .calculator__inner {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.product-price-calculator .calculator__inner .calculator-quantity label {
margin-top: 9px;
}
.product-price-calculator .calculator__inner .calculator__dates {
width: 100%;
display: flex;
flex-direction: column;
}
.product-price-calculator .calculator__inner .calculator__dates .calculator-input {
width: 100%;
margin: 0;
}
.product-price-calculator .calculator__inner .calculator-input {
width: 100%;
margin: 0 !important;
}
}
.product-price-calculator .calculator__inner .quantity-box {
margin-bottom: 8px;
}
.product-price-calculator .calculator__inner #product_hire_rate_per_unit {
background: transparent;
border: none;
padding: 0;
font-size: 26px;
font-weight: bold;
}
.product-price-calculator .calculator__inner .calculator__pricing .calculator-input {
margin-top: 8px;
}
.product-price-calculator .calculator__dates,
.product-price-calculator .calculator__pricing {
width: 100%;
}
.product-price-calculator .calculator-input label {
display: block;
margin-bottom: 3px;
font-size: 14px;
color: #ed1e27;
font-weight: 600;
text-transform: uppercase;
}
.product-price-calculator .calculator-input input {
border: 2px solid #d1d1d1;
}
.product-price-calculator .calculator-input.input-type-date {
position: relative;
}
.product-price-calculator .calculator-input .input-wrapper {
position: relative;
}
.product-price-calculator .calculator-input .input-wrapper .input-icon {
position: absolute;
top: 0;
right: 0;
font-size: 40px;
line-height: 1;
background-color: #f5f5f5;
pointer-events: none;
padding-left: 16px;
border-left: 2px solid #d1d1d1;
}
.product-price-calculator .calculator-input .input-wrapper .reset-date {
display: none;
position: absolute;
top: 54%;
left: -19px;
padding: 0;
font-size: 16px;
line-height: 1;
background-color: transparent;
color: red;
border: 0;
cursor: pointer;
transform: translateY(-50%);
}
.product-price-calculator .calculator-input-field {
position: relative;
}
.product-price-calculator .calculator-input-progress-indicator {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 14px;
font-weight: bold;
background-color: rgba(0, 0, 0, 0.15);
color: #c51b13;
}
.product-price-calculator .calculator-input-progress-indicator i {
margin-right: 5px;
}
.product-price-calculator .calculator-input-progress-indicator.show-progress {
display: flex;
align-items: center;
justify-content: center;
}
.product-price-calculator .calculator__actions {
margin-top: 20px;
width: 100%;
}
.product-price-calculator .calculator__actions button {
display: block;
padding: 12px 20px;
width: 100%;
font-size: 14px;
font-weight: bold;
background-color: #ee2e24;
color: white;
border: 0;
text-transform: uppercase;
transition: all 0.3s;
}
.product-price-calculator .calculator__actions button + button {
margin-top: 5px;
}
.product-price-calculator .calculator__actions button:hover {
background-color: #1da84d;
}
.product-price-calculator .calculator__actions button:disabled {
opacity: 0.5;
}
.product-price-calculator .quantity-box {
display: flex;
}
.product-price-calculator .quantity-box button {
padding: 9px 15px;
background-color: #2980b9;
color: white;
border: 0;
}
.product-price-calculator .quantity-box button:hover {
background-color: #226c9c;
}
.product-price-calculator .quantity-box .quantity {
flex: 1;
margin: 0 10px;
}
.product-price-calculator .quantity-box .quantity input {
width: 100%;
}
.product-price-calculator #product_hire_rate_per_unit .hire-price {
font-size: 26px;
font-weight: bold;
color: #2980b9;
}
.product-price-calculator #product_hire_rate_per_unit .hire-vat {
font-size: 12px;
color: #ed1e27;
}
.woocommerce-product-gallery {
width: 33% !important;
}
@media only screen and (max-width: 996px) {
.woocommerce-product-gallery {
width: 50% !important;
}
}
@media only screen and (max-width: 762px) {
.woocommerce-product-gallery {
width: 100% !important;
}
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
top: 85% !important;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: none;
order: 1;
}
.woocommerce-tabs {
order: 3;
width: 100%;
}
section.related {
order: 6;
}
.summary {
width: 67% !important;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
order: 2;
}
@media only screen and (max-width: 996px) {
.summary {
flex-direction: column;
width: 100% !important;
}
}
#content .product {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
}
.entry-summary {
width: 48%;
flex: 1 0 0;
}
@media only screen and (max-width: 996px) {
.entry-summary {
width: 100%;
}
}
.price-calculator-surround {
width: 48%;
}
@media only screen and (max-width: 996px) {
.price-calculator-surround {
width: 100%;
}
}
.price-calculator-surround .order-review-note__title p {
margin: 0 0 8px 0 !important;
color: #2980b9 !important;
font-weight: bold;
font-size: 14px;
}
.summary-meta-box .expandable {
margin: 0 auto;
max-height: 250px;
position: relative;
overflow: hidden;
font-size: 0.938rem;
text-align: left;
}
.cat-alt .expandable {
max-height: 115px;
}
.product-template-default #content .product .entry-summary {
background: transparent;
}
.summary-meta-box .expandable .read-more {
position: absolute;
bottom: -5px;
left: 0;
right: 0;
width: 100%;
margin: 0 !important;
padding: 75px 0 0 0;
background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgba(0, 0, 0, 0) 100%);
}
.summary-meta-box .expandable.description-visible .read-more {
padding: 0;
bottom: 5px !important;
}
.summary-meta-box .expandable .read-more .button {
background: transparent;
padding: 0;
color: #333;
margin: 0;
}
.product_meta {
margin-top: 8px;
}
.product-template-default #content .product .entry-summary .product_title {
font-size: 1.75rem;
line-height: 2rem;
}
.product-template-default #content .product .entry-summary .sku_wrapper {
color: #2980b9;
font-size: 1rem;
font-weight: bold;
}
.web-rates {
width: 100%;
margin-top: 32px;
}
.web-rates__inner--poa {
background: #c4ebff;
display: inline-block;
padding: 24px;
}
.web-rates__inner--poa p {
font-size: 24px;
font-weight: bold;
color: #ee2e24 !important;
margin: 0 !important;
}
.web-rates__inner--poa h4 {
margin: 0 0 8px 0;
}
.web-rates__inner--pricing-table {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: #c4ebff;
padding: 24px;
}
@media only screen and (max-width: 650px) {
.web-rates__inner--pricing-table {
justify-content: flex-start;
flex-wrap: wrap;
gap: 16px;
}
}
.web-rates__inner--pricing-table .day {
color: #2980b9;
font-size: 14px;
font-weight: 600;
}
.web-rates__inner--pricing-table .day span {
font-size: 18px;
font-weight: bold;
}
.web-rates__inner--title h4 {
color: #ee2e24 !important;
font-size: 1.25rem;
}
.web-rates__inner--title h4 span {
color: #2980b9;
font-size: 1rem;
}
.product-specifications {
order: 4;
width: 100%;
margin-bottom: 40px;
}
.product-specifications__inner--table p {
margin: 0 !important;
}
.woocommerce table.shop_attributes th {
width: 250px !important;
text-align: left;
color: #2980b9;
font-weight: normal;
background-color: transparent;
border: none;
}
@media only screen and (max-width: 650px) {
.woocommerce table.shop_attributes th {
width: 150px !important;
}
}
.woocommerce table.shop_attributes tr:nth-child(odd) td,
.woocommerce table.shop_attributes tr:nth-child(odd) th {
background-color: #C5EBFF;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background-color: #F6FCFF;
}
.woocommerce-product-attributes-item__value {
border-bottom: none !important;
font-weight: bold;
}
.woocommerce-product-attributes-item__value p {
color: #2980b9 !important;
font-style: normal;
}
.product-in-action {
order: 5;
width: 100%;
margin-bottom: 80px;
}
.product-in-action__inner--images {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 32px;
}
.product-in-action__inner--images .action-img-thumb-surround {
padding: 8px;
border: 1px solid #2980b9;
margin-right: 16px;
}
.product-in-action__inner--images .action-img-thumb-surround .action-img-thumb {
width: 100%;
height: 100%;
max-width: 260px;
max-height: 260px;
overflow: hidden;
}
.product-in-action__inner--images .action-img-thumb-surround .action-img-thumb img {
height: 260px !important;
width: auto !important;
margin: 0 auto;
}
.product-in-action__inner--ctas {
display: flex;
flex-direction: column;
}
.product-in-action__inner--ctas a {
width: 100%;
padding: 16px;
color: white;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
.product-in-action__inner--ctas a.expert {
background-color: #2980b9;
margin-bottom: 16px;
}
.product-in-action__inner--ctas a.health-safety {
background-color: #DEC72A;
}
.product-in-action__inner--ctas a.health-safety:hover {
color: white;
}
.woocommerce #content .product .related .products {
align-items: stretch !important;
height: auto;
}
.view-product-cat {
align-self: flex-end;
}
@media only screen and (max-width: 762px) {
.cart-qty-duration {
justify-content: flex-end;
}
}
section.related.products > h2, section.upsells.products > h2 {
margin-bottom: 10px;
}
@media only screen and (max-width: 762px) {
section.related.products ul.products, section.upsells.products ul.products {
flex-direction: column;
}
}
section.related.products ul.products li.product, section.upsells.products ul.products li.product {
width: 32% !important;
justify-content: space-between;
}
@media only screen and (max-width: 762px) {
section.related.products ul.products li.product, section.upsells.products ul.products li.product {
width: 100% !important;
text-align: center;
}
}
section.related.products ul.products li.product h2, section.upsells.products ul.products li.product h2 {
color: #2980b9 !important;
}
section.related.products ul.products li.product a.woocommerce-loop-product__link, section.upsells.products ul.products li.product a.woocommerce-loop-product__link {
width: 100%;
}
section.related.products ul.products li.product .button, section.upsells.products ul.products li.product .button {
background: #2980b9;
border-radius: 100px;
}
@media only screen and (max-width: 762px) {
section.related.products ul.products li.product .button, section.upsells.products ul.products li.product .button {
margin: 0 auto;
}
}
section.related.products ul.products li.product .related-items-view-button, section.upsells.products ul.products li.product .related-items-view-button {
background: #ee2e24;
display: inline-block !important;
width: auto !important;
}
section.upsells.products {
order: 10;
}
.product-header {
background: #2980b9;
padding: 40px 0;
margin-top: 173px;
}
@media only screen and (max-width: 1024px) {
.product-header {
margin-top: 115px;
}
}
@media only screen and (max-width: 768px) {
.product-header {
margin-top: 64px;
}
}
@media only screen and (max-width: 762px) {
.product-header {
padding: 16px 0;
}
}
.product-header.eco-header {
background: #96be49;
}
.product-header__inner .header-wrap {
width: 100%;
max-width: 970px;
margin: 0 auto;
padding: 0 20px;
}
.product-header__inner--title-callback {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
@media only screen and (max-width: 762px) {
.product-header__inner--title-callback {
flex-direction: column;
}
}
.product-header__inner--title-callback .title {
width: 72%;
}
@media only screen and (max-width: 990px) {
.product-header__inner--title-callback .title {
width: 62%;
}
}
@media only screen and (max-width: 762px) {
.product-header__inner--title-callback .title {
width: 100%;
}
}
.product-header__inner--title-callback .title h1 {
color: white;
}
.product-header__inner--title-callback .callback {
width: 28%;
}
@media only screen and (max-width: 990px) {
.product-header__inner--title-callback .callback {
width: 38%;
}
}
@media only screen and (max-width: 762px) {
.product-header__inner--title-callback .callback {
width: 100%;
}
}
.product-header__inner--breadcrumb p#breadcrumbs {
color: white;
}
.product-header__inner--breadcrumb p#breadcrumbs a {
color: white;
text-decoration: underline;
}
.woocommerce-cart-form {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.woocommerce-cart-form table tr {
border-bottom: none !important;
}
.woocommerce-cart-form__contents {
width: 63% !important;
}
.woocommerce-cart-form td {
vertical-align: top !important;
}
.woocommerce-cart-form__cart-item {
display: inline-block;
width: 100%;
}
.woocommerce-cart-form__cart-item .product-thumbnail {
width: 140px;
}
@media only screen and (max-width: 768px) {
.woocommerce-cart-form__cart-item .product-name {
width: 100% !important;
}
}
.woocommerce-cart-form__cart-item .product-name > a {
font-size: 14px;
font-weight: bold;
display: block;
width: 100%;
text-align: left;
margin-bottom: 8px;
}
.woocommerce-cart-form__cart-item .product-name .price-amount {
font-weight: bold;
color: #5b5b5b;
font-size: 14px;
}
.woocommerce-cart-form__cart-item .cart-qty-duration .cart-qty {
justify-content: flex-start;
}
.woocommerce-cart-form__cart-item .cart-qty-duration .cart-qty span {
margin-right: 8px;
}
.woocommerce-cart-form__cart-item .cart-qty-duration span {
color: #5b5b5b;
}
.woocommerce-cart-form .cart-collaterals {
width: 35%;
}
.woocommerce-cart-form .cart-collaterals .cart_totals {
width: 100%;
float: none;
background: #F5F5F5;
padding: 24px;
border-radius: 3px;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-rows__item {
width: 100%;
margin-bottom: 16px;
border-bottom: 1px solid #D9D9D9;
padding-bottom: 16px;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-rows__item--title {
width: 100%;
font-size: 14px;
color: #2980b9;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-rows__item--quantity {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 8px;
font-weight: bold;
color: #5B5B5B !important;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-rows__item--quantity p {
margin: 0 !important;
color: #5B5B5B !important;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-rows__item--dates {
margin-top: 16px;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-rows__item--dates .hire-date-title {
color: #2980b9 !important;
font-size: 14px;
font-weight: bold;
margin: 0 !important;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-rows__item--dates .hire-dates-to-from {
font-weight: bold;
margin: 0 !important;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .hire-dates-same__title {
color: #2980b9 !important;
font-weight: bold;
margin: 0 0 4px 0 !important;
font-size: 14px;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .hire-dates-same__dates {
font-weight: bold;
font-size: 14px;
color: #5B5B5B !important;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-total {
width: 100%;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-total p {
font-size: 14px;
margin: 0 !important;
padding: 0 4px 4px;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-total p.row-price {
font-weight: 500;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-total p.row-total, .woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-total p.row-subtotal {
font-weight: 700;
border-top: 1px solid #D9D9D9;
padding-top: 8px;
padding-bottom: 12px;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-total p.row-total {
font-size: 18px;
color: #2980b9;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .cart-item-total p span.vat {
font-size: 14px;
color: #ee2e24 !important;
}
.woocommerce-cart-form .cart-collaterals .cart_totals h2 {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 8px;
margin-bottom: 16px;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .checkout-button {
background: #29b970;
border-radius: 3px;
margin: 0;
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .checkout-button:hover {
background: #1da84d;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .wc-proceed-to-checkout {
padding-bottom: 0;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .shop_table tr {
background: transparent;
padding: 0;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .shop_table tr th {
background: transparent;
padding: 0;
}
.woocommerce-cart-form .cart-collaterals .cart_totals .shop_table tr td {
padding: 0;
}
.woocommerce-cart-form table.shop_table {
border: none !important;
}
.woocommerce-cart-form table.shop_table tr td.product-thumbnail {
width: 25%;
}
.woocommerce-cart-form table.shop_table tr td.product-name {
width: 65%;
}
.woocommerce-cart-form table.shop_table tr td.product-name .cart-qty-duration {
gap: 8px;
}
.woocommerce-cart-form table.shop_table tr td.product-remove {
width: 10%;
}
@media only screen and (max-width: 768px) {
.woocommerce-cart-form table.shop_table tr td.product-remove {
width: 100%;
display: flex;
justify-content: flex-end;
}
}
.woocommerce-cart-form .quantity {
display: flex;
flex-direction: row;
align-items: center;
}
.woocommerce-cart-form .quantity span {
margin: 0 8px 0 0;
}
.woocommerce-cart #heading-bar {
background: #2980b9;
}
.woocommerce-billing-fields input {
border-color: #D1D1D1;
}
.woocommerce-additional-fields textarea {
border-color: #D1D1D1;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background: #2980b9;
width: 25% !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
color: white;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation {
border-radius: 3px !important;
padding: 16px;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation ul {
border: none;
margin: 0 !important;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
border-radius: 0 !important;
padding: 12px 0 !important;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation ul li:last-of-type {
border: none !important;
border-radius: 0 !important;
padding-bottom: 0 !important;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation ul li:first-of-type {
padding-top: 0 !important;
}
.woocommerce-page #content .woocommerce-MyAccount-navigation ul li a {
font-size: 14px !important;
}
.woocommerce-account #content ul {
padding-left: 0 !important;
}
.woocommerce-account ul.wc-item-meta li p {
margin-bottom: 0 !important;
}
.woocommerce-MyAccount-content {
width: 74% !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table {
border-radius: none;
border: none !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table thead tr th {
background-color: #2980b9 !important;
color: white;
padding: 16px 8px;
font-size: 14px !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table thead tr th:first-of-type {
border-radius: 3px 0 0 3px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table thead tr th:last-of-type {
border-radius: 0 3px 3px 0;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tr td {
color: #363636 !important;
font-size: 16px !important;
padding: 24px 8px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tr td a.button {
background: #ee2e24;
border-radius: 0;
}
.woocommerce-billing-fields h3 {
border-bottom: 1px solid #D1D1D1;
margin-bottom: 16px;
}
.woocommerce-billing-fields p.billing-sub-title {
border-bottom: 1px solid #D1D1D1;
padding-bottom: 15px;
margin-bottom: 16px;
}
.woocommerce-billing-fields #billing_country_field {
display: none !important;
}
.woocommerce-billing-fields #local_depot {
background: white url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/select-dropdown.png) !important;
background-repeat: no-repeat !important;
background-position: right center !important;
background-size: 40px 40px;
}
#contact-banner .contact-thumbnail-shop {
width: 33% !important;
}
.woocommerce table.shop_attributes td p,
.woocommerce table.shop_attributes th {
font-size: 16px !important;
}
.woocommerce table.shop_table tfoot {
font-size: 12px;
color: #657482;
font-weight: 400;
}
.woocommerce table.shop_table tfoot tr.total-breakdown td {
padding: 0 4px 4px;
font-weight: 500;
}
.woocommerce table.shop_table tfoot tr.cart-subtotal-line, .woocommerce table.shop_table tfoot tr.cart-total-line {
font-size: 14px;
}
.woocommerce table.shop_table tfoot tr.cart-subtotal-line td, .woocommerce table.shop_table tfoot tr.cart-total-line td {
border-top: thin solid #d1d1d1;
padding-top: 8px;
}
.woocommerce table.shop_table tfoot tr.cart-total-line {
font-size: 18px;
color: #2980b9;
}
.woocommerce table.shop_table tfoot tr.cart-discount-notice {
color: #29b950;
}
.woocommerce table.shop_table tfoot tr td.value {
text-align: right;
}
.woocommerce table.shop_table tfoot tr.cart-hire-protect span.suffix {
color: #309930;
font-size: 11px;
display: block;
}
.woocommerce table.shop_table tfoot tr.cart-hire-protect.cart-hire-protect--not-selected span.suffix {
color: #ed1e27;
}
.woocommerce table.shop_table tfoot tr.cart-checkout-button #quick_place_order {
width: 100%;
background: #29b970;
margin-top: 22px;
text-transform: uppercase;
padding: 18px 14px;
transition: all 0.3s;
}
.woocommerce table.shop_table tfoot tr.cart-checkout-button #quick_place_order:hover {
background-color: #1da84d;
}
.woocommerce table.shop_table tfoot tr .poa-notice {
font-size: 11px;
display: block;
color: #d71e1e;
}
.woocommerce table.shop_table tfoot td {
border: none;
}
.woocommerce-account #heading-bar {
background: #2980b9 !important;
}
.woocommerce-page #heading-bar {
background: #2980b9 !important;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard {
position: relative;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard a {
padding-left: 20px !important;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard::before {
content: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/dashboard.svg);
position: absolute;
left: 0;
top: 10%;
width: 14px;
height: 12px;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders {
position: relative;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders a {
padding-left: 20px !important;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders::before {
content: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/orders.svg);
position: absolute;
left: 0;
top: 30%;
width: 14px;
height: 12px;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address {
position: relative;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address a {
padding-left: 20px !important;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address::before {
content: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/address.svg);
position: absolute;
left: 0;
top: 30%;
width: 14px;
height: 12px;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account {
position: relative;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account a {
padding-left: 20px !important;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account::before {
content: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/account.svg);
position: absolute;
left: 0;
top: 30%;
width: 14px;
height: 12px;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
position: relative;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a {
padding-left: 20px !important;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout::before {
content: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/logout.svg);
position: absolute;
left: 0;
top: 40%;
width: 14px;
height: 12px;
}
.woocommerce-checkout #heading-bar {
background: #2980b9 !important;
}
.woocommerce-checkout .col-2__inner {
background: #F5F5F5;
padding: 16px;
border-radius: 5px;
}
.woocommerce-checkout .col-2 .terms p {
font-size: 11px;
text-align: center;
}
.woocommerce-checkout .col-2 .terms p.payment-info {
color: #d71e1e;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
border: none !important;
padding: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tr td {
padding: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-total-line {
font-size: 18px;
color: #2980b9;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-total-line span.vat-tag {
color: #ee2e24;
font-size: 14px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-total-line td {
padding: 2px 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td {
padding-top: 16px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item {
font-size: 14px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item:last-child td {
padding-bottom: 16px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .checkout-hire-details {
padding: 4px 8px;
width: 100%;
justify-content: space-around;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-thumbnail {
width: 100%;
max-width: 80px;
margin-right: 8px;
position: relative;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-thumbnail img {
border-radius: 4px;
border: thin solid #dddddd;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-thumbnail .product-qty {
position: absolute;
background: #ee2e24;
line-height: 1;
padding: 5px;
border-radius: 50%;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 9px;
right: -5px;
top: -5px;
width: 20px;
height: 20px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-data .full-product-name {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
color: #415465;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-data .full-product-name p {
color: #2980b9 !important;
margin-bottom: 0;
font-size: 14px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-data .poa-notice {
font-size: 11px;
display: block;
color: #d71e1e;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-data .hire-details {
border-bottom: 1px solid #D9D9D9;
padding: 8px 0 16px 0;
margin-bottom: 16px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-data .hire-details .hire-duration {
float: right;
color: #5B5B5B !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-data .hire-details .hire-qty {
color: #5B5B5B !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name {
width: 100%;
color: #2980b9 !important;
border-top: 1px solid #D9D9D9 !important;
padding-top: 16px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .variation {
color: #5B5B5B !important;
}
.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce-page .col2-set .col-1 {
width: 58%;
}
@media only screen and (max-width: 768px) {
.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce-page .col2-set .col-1 {
width: 100%;
}
}
.woocommerce-checkout .woocommerce .col2-set .col-2,
.woocommerce-checkout .woocommerce-page .col2-set .col-2 {
width: 38%;
}
@media only screen and (max-width: 768px) {
.woocommerce-checkout .woocommerce .col2-set .col-2,
.woocommerce-checkout .woocommerce-page .col2-set .col-2 {
width: 100%;
}
}
.checkout__modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 9999;
display: none;
}
.checkout__modal a.checkout__modal--inner--content--button {
display: inline-block;
padding: 10px 20px;
background-color: #0073aa;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
.checkout__modal a.checkout__modal--inner--content--button:hover {
background-color: #005177;
color: #fff;
}
.checkout__modal.active {
display: flex;
}
.checkout__modal--inner {
background-color: #fff;
padding: 20px;
border-radius: 5px;
max-width: 600px;
width: 100%;
position: relative;
}
.checkout__modal--inner--content {
text-align: center;
}
.checkout__modal--inner--content--title {
font-size: 24px;
margin-bottom: 10px;
}
.checkout__modal--inner--content--copy {
font-size: 14px;
margin-bottom: 20px;
}
.checkout__modal--inner--content .sub-title p {
margin: 0 0 5px;
}
.checkout__modal--inner--content ul {
padding-left: 0;
font-size: 12px;
text-align: left;
margin: 20px 10px;
}
.checkout__modal--inner--content ul li {
margin-bottom: 5px;
}
.checkout__modal--inner--close {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
font-size: 24px;
line-height: 1;
padding: 10px;
}
.checkout__modal--inner--close .close-button {
width: 100%;
text-align: center;
display: block;
}
.checkout__modal--inner--close:hover {
color: #0073aa;
}
.woocommerce-EditAccountForm.edit-account input {
border-color: #D1D1D1;
}
.woocommerce-EditAccountForm.edit-account fieldset {
border: none !important;
padding: 0;
}
.woocommerce-EditAccountForm.edit-account fieldset legend {
color: #2980b9 !important;
font-size: 30px !important;
font-weight: bold;
}
.woocommerce-EditAccountForm.edit-account .button {
background-color: #2980b9 !important;
color: white !important;
border-radius: 100px !important;
}
.hire-dates_display {
color: #657482;
font-size: 12px;
}
.hire-dates_display p {
margin: 0 !important;
}
.hire-dates_display p.title {
color: #2980b9 !important;
font-weight: bold;
}
.hire-dates_display__to-from {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
opacity: 0.8;
}
.hire-dates_display__to-from .date-start, .hire-dates_display__to-from .date-end {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
}
.hire-dates_display__to-from .date-dow-t {
display: flex;
gap: 5px;
align-content: center;
align-items: center;
justify-content: space-between;
}
.hire-dates_display__to-from .date-dow-t .date-dmy {
font-weight: 600;
}
.hire-dates_display__to-from .date-dow-t .time {
padding: 0px 8px;
color: #415465;
border-radius: 5px;
font-size: 11px;
opacity: 0.8;
letter-spacing: 1px;
}
.hire-dates_display__to-from p {
color: #5B5B5B !important;
}
.order-review-note {
padding: 16px;
background: #c4ebff;
margin-top: 24px !important;
font-size: 12px;
border-radius: 5px;
}
.order-review-note__title {
margin: 0 0 8px 0 !important;
color: #2980b9 !important;
font-weight: bold;
font-size: 14px;
}
.order-review-note__copy {
margin: 0 !important;
}
@media only screen and (max-width: 768px) {
.order-review-note {
margin-bottom: 24px;
}
}
.woocommerce-billing-fields {
margin-bottom: 24px;
}
.woocommerce-billing-fields__field-wrapper #billing_phone_field {
width: 47% !important;
float: left !important;
clear: none !important;
}
.woocommerce-billing-fields__field-wrapper #billing_email_field {
width: 47% !important;
float: right !important;
clear: none !important;
}
.woocommerce-billing-fields__field-wrapper #billing_account_field .woocommerce-input-wrapper {
display: flex;
}
.woocommerce-billing-fields__field-wrapper #billing_account_field .woocommerce-input-wrapper input {
margin-right: 4px;
}
.woocommerce-billing-fields__field-wrapper #billing_account_field .woocommerce-input-wrapper label:first-of-type {
margin-right: 16px;
}
.woocommerce-billing-fields__field-wrapper .billing-new-sub-title {
margin-top: 24px !important;
}
.woocommerce-billing-fields__field-wrapper .billing-sub-title {
color: #2980b9 !important;
font-weight: bold;
margin: 0 0 8px 0 !important;
font-size: 23px;
}
.woocommerce-billing-fields .form-divider {
display: inline-block;
width: 100%;
height: 1px;
background: #D1D1D1;
}
.woocommerce-billing-fields #local_depot_field {
padding: 0;
margin: 0;
}
.woocommerce-billing-fields #local_depot_field #local_depot {
opacity: 1 !important;
width: 100% !important;
height: initial !important;
}
.woocommerce-billing-fields select {
background: transparent !important;
border: 1px solid #D1D1D1;
color: #2980b9;
padding: 8px !important;
min-height: 40px !important;
}
.woocommerce ul#shipping_method {
padding-left: 0 !important;
margin-bottom: 0 !important;
}
.woocommerce ul#shipping_method li {
margin-bottom: 0 !important;
}
h3#ship-to-different-address {
font-size: 13px;
margin-top: 8px;
color: #777777 !important;
}
#shipping_state_field {
width: 48%;
float: left;
clear: none;
}
#shipping_postcode_field {
width: 48%;
float: right;
clear: none;
}
#account_password {
border-color: #D1D1D1;
}
#account_number_field {
margin-top: 24px;
}
#account_number_field input {
border-color: #D1D1D1;
}
#hire_protect_field {
margin: 24px 0 0 0 !important;
}
#hire_protect_field .woocommerce-input-wrapper input[type=radio] {
float: left;
}
#hire_protect_field .woocommerce-input-wrapper label {
position: relative;
top: -6px;
left: 8px;
}
.woocommerce-page .entry-content tr:nth-child(even) {
background: transparent;
}
a.hire-protect-link {
display: inline-block;
margin-bottom: 24px;
font-size: 12px;
}
.trade-card {
background: #fff;
padding: 0;
margin-bottom: 0;
}
.trade-card__inner--title h4 {
font-size: 18px;
margin-bottom: 5px;
}
.trade-card__inner--title .form-desc {
margin: 0px 0px 5px;
font-size: 14px;
}
.trade-card__inner--radios {
margin-bottom: 16px;
display: flex;
flex-direction: column;
}
.trade-card__inner--radios .radio-butons {
display: flex;
flex-direction: row;
}
.trade-card__inner--radios .radio-butons .yes-radio {
display: flex;
flex-direction: row;
margin-right: 16px;
}
.trade-card__inner--radios .radio-butons .yes-radio input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
width: 18px;
height: 18px;
border: 1px solid #2980b9;
border-radius: 50%;
background-color: transparent;
position: relative;
display: grid;
place-content: center;
}
.trade-card__inner--radios .radio-butons .yes-radio input[type=radio]::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
transform: scale(0);
box-shadow: inset 1em 1em #2980b9;
}
.trade-card__inner--radios .radio-butons .yes-radio input[type=radio]:checked::before {
transform: scale(1);
}
.trade-card__inner--radios .radio-butons .yes-radio label {
margin-left: 4px;
}
.trade-card__inner--radios .radio-butons .no-radio {
display: flex;
flex-direction: row;
}
.trade-card__inner--radios .radio-butons .no-radio input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
width: 18px;
height: 18px;
border: 1px solid #2980b9;
border-radius: 50%;
background-color: transparent;
position: relative;
display: grid;
place-content: center;
}
.trade-card__inner--radios .radio-butons .no-radio input[type=radio]::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
transform: scale(0);
box-shadow: inset 1em 1em #2980b9;
}
.trade-card__inner--radios .radio-butons .no-radio input[type=radio]:checked::before {
transform: scale(1);
}
.trade-card__inner--radios .radio-butons .no-radio label {
margin-left: 4px;
}
.trade-card__inner--radios p {
color: #9d9d9d;
margin: 0 0 8px;
font-size: 12px;
}
.trade-card__inner--lower {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.trade-card__inner--file-upload {
width: 100%;
}
.trade-card__inner--file-upload input::file-selector-button {
display: inline-block;
background: #2980b9;
color: white;
padding: 12px 24px;
margin-bottom: 12px;
border: none;
}
.trade-card__inner--file-upload input {
background: transparent;
border: none;
}
.trade-card__inner--file-upload p.accepted-types {
font-size: 12px;
color: #2980b9 !important;
margin: 0 !important;
line-height: 16px;
}
.trade-card__inner--card {
width: 40%;
position: relative;
}
.trade-card__inner--card::before {
content: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/trade-hover.png);
position: absolute;
top: -153%;
left: -158%;
width: 522px;
display: none;
}
.trade-card__inner--card:hover {
cursor: pointer;
}
.trade-card__inner--card:hover::before {
display: block;
}
.trade-card__inner--card img {
margin: 0 !important;
position: relative;
}
body.woocommerce-checkout {
overflow: initial !important;
}
@media only screen and (max-width: 992px) {
.woocommerce-checkout #sub-header {
background: white !important;
}
}
.woocommerce-checkout #inner-content .woocommerce {
padding: 12px 8px;
}
.woocommerce-checkout #inner-content .woocommerce ul#shipping_method {
width: 100%;
}
.woocommerce-checkout #inner-content .woocommerce ul.field-radio-list {
list-style: none;
margin: 0px;
}
.woocommerce-checkout #inner-content form.checkout.woocommerce-checkout {
padding: 28px 8px;
}
.woocommerce-checkout #inner-content form.checkout.woocommerce-checkout h1, .woocommerce-checkout #inner-content form.checkout.woocommerce-checkout h2, .woocommerce-checkout #inner-content form.checkout.woocommerce-checkout h3, .woocommerce-checkout #inner-content form.checkout.woocommerce-checkout h4, .woocommerce-checkout #inner-content form.checkout.woocommerce-checkout h5, .woocommerce-checkout #inner-content form.checkout.woocommerce-checkout h6, .woocommerce-checkout #inner-content form.checkout.woocommerce-checkout .subheading {
font-size: 18px;
border-bottom: 1px solid #D1D1D1;
margin-bottom: 16px;
padding-bottom: 15px;
}
.woocommerce-checkout #inner-content form.checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
margin-bottom: 24px;
}
.woocommerce-checkout #inner-content form.checkout.woocommerce-checkout .col-2 {
position: sticky;
top: var(--wp-admin--admin-bar--height, 0px);
}
.woocommerce-checkout #inner-content form.checkout.woocommerce-checkout label {
font-size: 14px;
}
.woocommerce-checkout #inner-content .form-row label {
line-height: 1;
font-size: 12px;
margin-bottom: 4px;
}
.woocommerce-checkout #inner-content .form-row input::-moz-placeholder {
font-size: 14px;
color: #657482;
}
.woocommerce-checkout #inner-content .form-row input, .woocommerce-checkout #inner-content .form-row select, .woocommerce-checkout #inner-content .form-row textarea, .woocommerce-checkout #inner-content .form-row input::placeholder {
font-size: 14px;
color: #657482;
}
.woocommerce-checkout #inner-content .form-row input::-moz-placeholder {
opacity: 0.5;
}
.woocommerce-checkout #inner-content .form-row input::placeholder {
opacity: 0.5;
}
.woocommerce-checkout #payment {
background: transparent;
}
.woocommerce-checkout #payment .form-row {
padding: 8px 0 0 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0 !important;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none !important;
width: 100%;
border-radius: none;
padding: 20px 0px;
background-color: #29b970;
font-size: 14px;
text-transform: uppercase;
transition: all 0.3s;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
background-color: #1da84d;
}
.wc-block-components-notice-banner.is-info {
border: none;
color: #2980b9;
font-size: 16px;
}
.wc-block-components-notice-banner.is-info a {
font-weight: bold;
}
.wc-block-components-notice-banner.is-info svg {
display: none;
}
.woocommerce-page #content #inner-content {
max-width: 1300px !important;
margin: 2rem auto 0;
}
.woocommerce ul.products li.product .product-image-wrap {
position: relative;
padding-top: 100%;
}
.woocommerce ul.products li.product .product-image-wrap img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.woocommerce ul.products li.product a {
width: 100% !important;
}
.woocommerce.tax-product_cat #content #inner-content .product-category .category-image {
position: relative;
padding-top: 100%;
}
.woocommerce.tax-product_cat #content #inner-content .product-category .category-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.woocommerce.tax-product_cat #content #inner-content .product-category .post-more a {
background: #ee2e24;
}
.woocommerce.tax-product_cat #content.cat-alt-eco-content #inner-content .product-category .post-more a {
background: #99c431;
}
.woocommerce.tax-product_cat #content.cat-alt-eco-content #inner-content .product .view-product-cat a {
background-color: #99c431;
}
.woocommerce-page #content #inner-content {
max-width: 1300px !important;
margin: 2rem auto 0;
}
.woocommerce-page #heading-bar {
background: #2980b9 !important;
}
.cat-mega-menu-link,
.depot-locator {
margin: 0 1%;
}
.cat-mega-menu-link-accounts {
margin: 0 2% 0 1%;
}
.basket-top-menu {
padding-top: 7px;
position: relative;
}
.basket-top-menu a img {
display: inline-block;
}
.basket-top-menu .cart-contents {
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
position: absolute;
top: 0;
right: -5px;
color: white;
background: #ee2e24;
border-radius: 50%;
font-size: 14px;
}
.basket-top-menu .cart-contents:hover {
color: white;
}
@media only screen and (max-width: 992px) {
.basket-top-menu {
display: none !important;
}
}
.cat-mega-menu.cat-mega-menu-shop,
.cat-mega-menu-accounts.cat-mega-menu-shop {
border-color: #2980b9 !important;
}
.asp_w_container {
margin-right: 40px;
}
@media only screen and (max-width: 992px) {
.woocommerce #sub-header {
background: white !important;
}
}
.product-template-default #content #inner-content {
max-width: 970px !important;
}
.view-product-cat {
text-align: center;
width: 100%;
}
.view-product-cat .woocommerce-loop-product__link {
display: none !important;
}
.view-product-cat a {
display: inline-block;
border-radius: 20px;
padding: 10px 32px;
color: white;
font-size: 0.85rem;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
background-color: #EE2E24;
text-align: center;
}
.view-product-cat a:hover {
color: white;
}
.product-category .post-more {
min-height: 0 !important;
}
.product-category .post-more a {
margin: 0 0 0 0 !important;
}
.product-category .entry-content p {
text-align: center;
font-size: 1rem;
}
.product-category .entry-content p a,
.product-category .entry-content p strong {
display: inline-block !important;
width: 100% !important;
margin-top: 8px !important;
}
.product-category .woocommerce-loop-category__title {
color: #333 !important;
margin: 16px 0 !important;
}
.product-category .woocommerce-loop-category__title mark {
display: none;
}
.products.columns-3 .product a h2 {
font-size: 1.75em !important;
color: #333 !important;
}
.products.columns-3 .product .short-description {
flex: 1;
width: 100%;
}
.products.columns-3 .product p {
font-size: 1rem;
padding: 0 32px;
text-align: center;
}
.products.columns-3 .product-category .entry-content {
flex: 1;
width: 100%;
}
@media only screen and (max-width: 992px) {
.woocommerce-cart #sub-header {
background: white !important;
}
.woocommerce-cart-form {
flex-direction: column;
}
.woocommerce-cart-form__contents {
width: 100% !important;
}
.cart-collaterals {
width: 100% !important;
}
}
.woocommerce a.remove:hover {
background: transparent;
}
.delivery-codes {
margin-top: 24px;
width: 100%;
}
.delivery-codes__inner {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
background: #c4ebff;
}
@media only screen and (max-width: 762px) {
.delivery-codes__inner {
flex-direction: column;
}
}
.delivery-codes__inner p {
margin: 0 !important;
color: #2980b9 !important;
}
.delivery-codes__inner p.delivery-code-title {
font-size: 18px;
font-weight: bold;
}
.delivery-codes__inner p.delivery-code-desc {
font-size: 18px;
font-weight: bold;
}
.delivery-codes__inner--title {
width: 35%;
border-right: 1px solid #2980b9;
padding: 14.5px 0 14.5px 16px;
}
@media only screen and (max-width: 762px) {
.delivery-codes__inner--title {
width: 100%;
border-right: none;
border-bottom: 1px solid #2980b9;
}
}
.delivery-codes__inner--title p {
text-align: left;
display: inline-block;
}
.delivery-codes__inner--title p:last-of-type {
width: 80%;
}
.delivery-codes__inner--pricing {
width: 65%;
}
@media only screen and (max-width: 762px) {
.delivery-codes__inner--pricing {
width: 100%;
}
}
.delivery-codes__inner--price-items {
display: flex;
justify-content: flex-start;
width: 100%;
}
@media only screen and (max-width: 350px) {
.delivery-codes__inner--price-items {
flex-direction: column;
}
}
.delivery-codes__inner--price-items p {
line-height: 16px;
}
@media only screen and (max-width: 350px) {
.delivery-codes__inner--price-items p br {
display: none;
}
}
.delivery-codes__inner--price-items p span {
font-size: 18px;
font-weight: bold;
}
.delivery-codes__inner--price-items div {
width: 33.33%;
text-align: center;
height: 100%;
padding: 8px 0;
}
@media only screen and (max-width: 350px) {
.delivery-codes__inner--price-items div {
width: 100%;
text-align: center;
}
}
.delivery-codes__inner--price-items div p {
display: inline-block;
margin: 0 auto;
text-align: left;
}
.delivery-codes__inner--price-items .ten-miles,
.delivery-codes__inner--price-items .twenty-miles {
border-right: 1px solid #2980b9;
}
@media only screen and (max-width: 350px) {
.delivery-codes__inner--price-items .ten-miles,
.delivery-codes__inner--price-items .twenty-miles {
border: none;
}
}
.delivery-codes__inner--description {
border-bottom: 1px solid #2980b9;
text-align: center;
padding: 8px 0;
}
.woocommerce #sub-header {
background: #2980b9;
}
@media only screen and (max-width: 996px) {
.woocommerce #sub-header {
background: white !important;
}
}
#account_number_field .optional {
display: none;
}
.mob-header--bottom a:last-of-type {
background-image: none !important;
}
.mob-header--bottom {
position: relative;
}
.mob-header--bottom .basketLink {
display: inline-block;
margin-left: 16px;
width: 30px;
position: relative;
}
.mob-header--bottom .cart-item-count {
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
position: absolute;
top: -8px;
right: -10px;
color: white;
background: #ee2e24;
border-radius: 50%;
font-size: 14px;
}
.woocommerce nav.woocommerce-pagination ul {
border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: transparent;
}
.woocommerce-page .woocommerce .woocommerce-cart-form__cart-item .product-name .quantity input {
border-color: #D2D2D2 !important;
height: initial;
margin: 0 8px;
line-height: 1;
padding: 5px;
}
.woocommerce-cart-form__cart-item .product-name::before {
content: none !important;
}
.woocommerce-cart-form__cart-item .product-name .cart-qty-minus i,
.woocommerce-cart-form__cart-item .product-name .cart-qty-plus i {
color: white;
width: 28px !important;
height: 28px !important;
background-color: #2980b9;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
#hire_protect_field label {
margin-bottom: 8px;
}
#hire_protect_field .woocommerce-input-wrapper label {
margin: 0;
}
@media only screen and (min-width: 996px) {
.menu-item-55578 {
display: none;
}
} .woocommerce-error::before {
top: 18px;
} .woocommerce-pagination .page-numbers {
display: flex !important;
justify-content: center;
gap: 10px;
}
.woocommerce-pagination .page-numbers li {
margin: 0 !important;
width: auto !important;
} .woocommerce-order-details__title,
.woocommerce-column__title {
margin-bottom: 10px;
}
.woocommerce-table--order-details .order_item ul.wc-item-meta {
margin-top: 5px;
padding-left: 0;
}
.woocommerce-table--order-details .order_item ul.wc-item-meta li p:last-child {
margin-bottom: 0 !important;
} .product-variant-selector {
margin: 30px 0;
}
.product-variant-selector select {
margin: 0;
padding: 0 50px 0 15px;
min-width: 280px;
width: 50%;
min-height: 45px;
border: 1px solid #2980b9;
background: #fff url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/drop-down-arrow-blue.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: right 15px center;
color: #2980b9;
line-height: 45px;
}
.single-product .video-gallery-overlay {
position: absolute;
top: 0;
opacity: 0.4;
transition: opacity 0.2s ease-in-out;
}
.single-product .video-gallery-overlay:hover {
opacity: 1;
transition: opacity 0.2s ease-in-out;
cursor: pointer;
}
.single-product .video-gallery-modal {
display: none;
position: fixed;
z-index: 100;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.6);
align-items: center;
justify-content: center;
}
.single-product .video-gallery-modal__content {
padding: 8px;
border-radius: 4px;
width: 40%;
border: none;
background-color: white;
box-shadow: 0 2px 32px rgba(0, 0, 0, 0.7);
}
.single-product .video-gallery-modal__content--close {
color: #fff;
float: right;
font-size: 28px;
font-weight: bold;
background: #2980b9;
border-radius: 50%;
width: 32px;
height: 32px;
position: relative;
top: -24px;
right: -24px;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}
.single-product .video-gallery-modal__content--close:hover, .single-product .video-gallery-modal__content--close:focus {
text-decoration: none;
cursor: pointer;
}
.video-open {
display: flex !important;
}
.woocommerce #sub-header,
.woocommerce-cart #sub-header,
.woocommerce-checkout #sub-header,
.cf-shop #sub-header,
.woocommerce .subsubheader,
.woocommerce-cart .subsubheader,
.woocommerce-checkout .subsubheader,
.cf-shop .subsubheader {
background: #2980b9;
}
.woocommerce-page #content #inner-content {
max-width: 970px;
margin: 24px auto 0;
}
#content #contact-banner.banner-content-shop {
background: #2980b9;
} .layout-with-sidebar .yith-wcan-filters {
display: none;
}
.mobile-filters-button {
clear: both;
margin-bottom: 20px;
}
.filter-toggle {
width: 48%;
height: 50px;
line-height: 20px;
font-size: 14px;
border: 1px solid #2980b9;
background-color: #2980b9;
border-radius: 5px;
background-image: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/filters-icon.png);
background-repeat: no-repeat;
background-size: 25px;
background-position: top 50% right 20px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 20px;
color: #ffffff;
}
.filter-toggle:hover {
text-decoration: none;
}
.filters {
width: 90%;
height: 100vh;
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
top: 0;
left: -90%;
background-color: #ffffff;
z-index: 2005;
transition: all 0.3s ease;
}
.filters .filters-header {
background-color: #2980b9;
}
.filters .filters-header h3 {
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #ffffff;
padding: 10px;
text-align: center;
}
.filters .filters-header a.close-filters {
position: absolute;
top: 10px;
right: 20px;
width: 15px;
height: 15px;
}
.filters.filters-active {
left: 0;
}
.filters .yith-wcan-filters {
padding: 20px;
}
.filters .yith-wcan-filters .yith-wcan-filter {
margin-bottom: 15px;
}
.filters .yith-wcan-filters .yith-wcan-filter .filter-title {
margin-bottom: 15px;
padding-left: 10px;
font-size: 18px;
text-transform: uppercase;
color: #2980b9;
}
.filters .yith-wcan-filters .yith-wcan-filter ul {
border-top: 1px solid #2980b9;
border-bottom: 1px solid #2980b9;
margin-bottom: 0 !important;
padding: 15px !important;
}
.filters .yith-wcan-filters .yith-wcan-filter ul li {
width: 100% !important;
background-color: #fff !important;
padding: 0 !important;
}
body.filters-open {
overflow: hidden;
height: 100vh;
}
body.filters-open .body-overlay {
right: 0;
z-index: 2001;
opacity: 0.6;
display: block;
}
@media (min-width: 768px) {
.mobile-filters-button {
display: none;
}
.filter-toggle {
display: none;
}
.filters {
display: none;
}
.layout-with-sidebar {
clear: both;
display: flex;
}
.layout-with-sidebar .yith-wcan-filters {
display: block;
width: 25%;
}
.layout-with-sidebar .yith-wcan-filters .filters-container {
padding-right: 20px;
}
.layout-with-sidebar .yith-wcan-filters .filters-container form {
border: 1px solid #2980b9;
padding: 0;
}
.layout-with-sidebar .yith-wcan-filters .filters-container form::before {
content: "Filter By:";
background-color: #2980b9;
display: block;
color: white;
font-size: 22px;
padding: 20px 25px;
margin-bottom: 25px;
}
.layout-with-sidebar .yith-wcan-filters .filters-container form .yith-wcan-filter {
width: 90%;
margin: 0 auto 15px auto;
}
.layout-with-sidebar .yith-wcan-filters .filters-container form .yith-wcan-filter:last-child ul {
border-bottom: none;
}
.layout-with-sidebar .yith-wcan-filters .filters-container form .yith-wcan-filter .filter-title {
margin-bottom: 15px;
padding-left: 10px;
font-size: 18px;
text-transform: uppercase;
}
.layout-with-sidebar .yith-wcan-filters .filters-container form .yith-wcan-filter ul {
border-top: 1px solid #2980b9;
border-bottom: 1px solid #2980b9;
margin-bottom: 0 !important;
padding: 20px;
}
.layout-with-sidebar .yith-wcan-filters .filters-container form .yith-wcan-filter ul li {
width: 100% !important;
background-color: #fff !important;
padding: 0 !important;
}
.layout-with-sidebar .yith-wcan-filters .filters-container img {
padding-top: 20px;
}
.layout-with-sidebar ul.products {
width: 75%;
}
.layout-with-sidebar ul.products li.product-category {
display: none !important;
}
}  @media screen and (max-width: 767px) {
body.page-template-page-speaktous .subsubheader {
display: none;
}
body.page-template-page-speaktous #article-header img {
display: none !important;
}
body.page-template-page-speaktous .depots-wrap {
width: 100%;
margin: auto;
}
body.page-template-page-speaktous .depots-wrap .depot-numbers {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 20px 0;
margin: 0;
}
body.page-template-page-speaktous .depots-wrap .depot-numbers li {
width: 48%;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/phone-icon.png) no-repeat left #ee2e24;
background-size: 25px;
background-position-x: 10px;
margin-bottom: 5px;
padding: 0 0 0 45px;
margin-right: 5px;
height: 60px;
align-content: center;
}
body.page-template-page-speaktous .depots-wrap .depot-numbers li:nth-child(2n) {
margin-right: 0;
}
body.page-template-page-speaktous .depots-wrap .depot-numbers li h5 {
color: #ffffff !important;
font-weight: normal;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
margin-bottom: 0;
}
body.page-template-page-speaktous .depots-wrap .depot-numbers li p {
margin-bottom: 0 !important;
font-size: 15px;
font-weight: 600;
}
body.page-template-page-speaktous .depots-wrap .depot-numbers li p a {
color: #ffffff;
text-decoration: underline;
}
body.page-template-page-speaktous .main-contact-numbers {
border-top: 1px solid #2980b9;
}
body.page-template-page-speaktous .main-contact-numbers .mnc-wrap {
width: 100%;
margin: 0 auto;
padding: 40px 0;
display: flex;
flex-direction: column;
}
body.page-template-page-speaktous .main-contact-numbers .mnc-wrap .click-to-call {
padding: 10px;
}
body.page-template-page-speaktous .main-contact-numbers .mnc-wrap .click-to-call h6 {
color: #2980b9;
font-size: 22px;
line-height: normal;
margin: 0;
padding-bottom: 10px;
text-align: center;
}
body.page-template-page-speaktous .main-contact-numbers .mnc-wrap .click-to-call ul {
background-color: #2980b9;
padding: 20px;
margin: 0 !important;
}
body.page-template-page-speaktous .main-contact-numbers .mnc-wrap .click-to-call ul li {
color: #ffffff;
font-size: 15px;
margin-left: 20px;
}
body.page-template-page-speaktous .main-contact-numbers .mnc-wrap .click-to-call p {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/phone-icon.png) no-repeat left #ee2e24;
background-size: 30px;
background-position-x: 20px;
font-size: 22px;
padding: 10px 0 10px 65px;
font-weight: 600;
margin: 10px 0;
}
body.page-template-page-speaktous .main-contact-numbers .mnc-wrap .click-to-call p a {
color: #ffffff;
text-decoration: underline;
}
} @media screen and (min-width: 768px) {
.depots-wrap {
width: 1200px;
margin: auto;
}
.depots-wrap .depot-numbers {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 20px 0;
margin: 0;
}
.depots-wrap .depot-numbers li {
width: 287px;
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/phone-icon.png) no-repeat left #ee2e24;
background-size: 35px;
background-position-x: 18px;
margin-bottom: 10px;
padding: 0 0 0 70px;
margin-right: 10px;
height: 70px;
align-content: center;
}
.depots-wrap .depot-numbers li:nth-child(4n) {
margin-right: 0;
}
.depots-wrap .depot-numbers li h5 {
color: #ffffff !important;
font-weight: normal;
line-height: normal;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 0;
}
.depots-wrap .depot-numbers li p {
margin-bottom: 0 !important;
font-size: 18px;
font-weight: 600;
}
.depots-wrap .depot-numbers li p a {
color: #ffffff;
text-decoration: underline;
}
.main-contact-numbers {
border-top: 1px solid #2980b9;
}
.main-contact-numbers .mnc-wrap {
width: 1200px;
margin: 0 auto;
padding: 40px 0;
display: flex;
}
.main-contact-numbers .mnc-wrap .click-to-call {
width: 50%;
margin-left: 10px;
}
.main-contact-numbers .mnc-wrap .click-to-call h6 {
color: #2980b9;
font-size: 23px;
line-height: normal;
margin: 0;
padding-bottom: 10px;
}
.main-contact-numbers .mnc-wrap .click-to-call ul {
background-color: #2980b9;
padding: 20px;
margin: 0 !important;
}
.main-contact-numbers .mnc-wrap .click-to-call ul li {
color: #ffffff;
font-size: 18px;
margin-left: 20px;
}
.main-contact-numbers .mnc-wrap .click-to-call p {
background: url(//staging.smithshire.com/wp-content/themes/smithshire/library/images/icons/phone-icon.png) no-repeat left #ee2e24;
background-size: 40px;
background-position-x: 20px;
font-size: 30px;
padding: 10px 0 10px 75px;
font-weight: 600;
margin: 10px 0;
}
.main-contact-numbers .mnc-wrap .click-to-call p a {
color: #ffffff;
text-decoration: underline;
}
} .dgwt-wcas-search-wrapp {
max-width: 345px !important;
margin: 0px 40px 0 0;
}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp {
background: none;
padding: 0;
border-radius: 0;
}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
border: 0;
padding: 10px 24px 10px 48px;
background-color: #ffffff;
}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
left: 10px;
top: 6px;
}
@media screen and (max-width: 440px) {
.dgwt-wcas-search-wrapp {
max-width: 368px !important;
margin: 0 !important;
}
} .woocommerce-checkout #sub-header,
.woocommerce-checkout .subsubheader.wrap.cf,
.woocommerce-checkout .subsubheader.wrap.comment-respond,
.woocommerce-checkout .key-messages,
.woocommerce-checkout #heading-bar {
display: none !important;
}
.woocommerce-checkout #content {
padding-top: 30px !important;
} .footer-logos {
display: flex;
gap: 10px;
align-items: center;
justify-content: flex-end;
width: clamp(320px, 100%, 900px);
margin: auto;
float: none;
}
.footer-logos li {
flex: 0 0 70px;
float: none;
}
.footer-logos li img {
-o-object-fit: contain;
object-fit: contain;
max-height: 100px;
}
.footer-logos li:nth-last-child(-n+2) {
flex: 0 0 120px;
}
.footer-logos li iframe {
width: 70px;
}
@media (max-width: 900px) {
.footer-logos {
flex-flow: row wrap;
justify-content: center;
}
}