body {
font-family: "freight-sans-pro",sans-serif;
font-size: 1.2rem;
color: rgba(92,90,91,1);
}
@media (min-width: 992px) {
body {
font-size: 1.3rem;
}
}
a {
text-decoration: none;
color: rgba(92,90,91,1);
}
a.active {
text-decoration: underline;
color: rgba(230,21,79,1);
}
h1 {
text-align: center;
padding-top: 3rem;
color: rgba(230,21,79,1);
}
h2 {
font-size: 1.6rem;
text-align: center;
text-transform: uppercase;
}
h2 strong {
font-weight: 500;
}
h3 {
text-align: center;
text-transform: uppercase;
}
h3 strong {
font-weight: 500;
}
ul {
display: inline-block;
}
li {
text-align: left;
}
p {
text-align: center;
list-style: inside;
}
p, h1, h2, h3 {
margin-left: 20px;
margin-right: 20px;
}
@media (min-width: 768px) {
p, h1, h2, h3 {
margin-left: 60px;
margin-right: 60px;
}
li {
margin-left: 80px;
margin-right: 60px;
}
}
.body-content {
text-align: center;
}
.container-fluid {
//padding: 0;
}
.header-bar, .header-bar a {
background-color: rgba(92,90,91,1);
color: white;
}
.header-bar img {
height: 30px;
width: auto;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 992px) {
.header-bar, .header-bar a {
padding: 12px;
}
.header-bar.row {
padding-left: 72px;
padding-right: 24px;
}
.header-bar img {
height: 40px;
padding: 0;
}
.text-end-lg {
text-align: right;
}
}
@media (max-width: 991px) {
.center-on-mobile {
text-align: center;
}
}
img.header-logo {
height: 85px;
width: auto;
margin-top: 36px;
margin-left: 60px;
}
img.header-logo-foot {
height: 130px;
}
.header-search {
width: 100%;
height: 45px;
background: black;
border: 1px solid rgba(193,193,193,1);
margin-top: 10px;
}
.header-menu-topline {
padding-top: 18px;
font-size: 1rem;
}
.header-menu-row {
padding-bottom: 2em;
font-size: 1.1rem;
}
.header-menu-row > div {
padding-right: 1em;
}
.header-menu-row:first-of-type {
padding-top: 1.5em;
}
.header-menu-indent {
margin-left: 60px;
}
.header-search img {
width: 40px;
height: 40px;
border: 1px;
}
.header-search input {
width: calc(100% - 40px);
height: 43px;
border: 0;
}
.online-shop-button {
margin-top: 10px;
width: 160px;
height: 43px;
border: 0;
font-weight: bold;
font-size: 1.2em;
color: White;
background-color: rgba(230,21,79,1);
text-transform: uppercase;
white-space: nowrap;
}
.floating-menu-container {
position: relative;
}
.floating-menu {
position: absolute;
left: 0;
z-index: 1000;
width: 100%;
background-color: rgba(250,250,250,0.8);
display: none;
margin: 0;
padding-left: 60px;
}
.header-menu-hidden {
display: none;
}
.floating-menu-about {
left: 4rem;
top: 2.5rem;
padding: 0;
display: none;
padding: 0;
}
.floating-menu-about ul,.floating-menu-about li {
text-align: left;
list-style-type: none;
padding: 0;
margin: 0;
}
.navbar-toggler-icon {
height: 2em;
}
.footer {
background-color: rgba(29,29,27,1);
color: white;
padding: 30px;
font-size: 1.1rem;
}
@media (min-width: 992px) {
.footer {
font-size: 0.8rem;
}
}
@media (min-width: 1200px) {
.footer {
font-size: 0.9rem;
}
}
@media (min-width: 1400px) {
.footer {
font-size: 1.1rem;
}
}
.footer div {
border-left: 2px solid white;
padding-left: 36px;
padding-right: 36px;
}
.footer div:first-child {
border-left: 0;
}
.footer a {
color: white;
}
.footer p {
margin: 0;
line-height: 1.1;
text-align: left;
}
.footer-logo-row {
padding-top: 50px;
padding-bottom: 40px;
}
.footer-logo-row img {
height: 90px;
width: auto;
}
.underline {
text-decoration: underline;
}
.nopad {
padding: 0;
}
.nomargin {
margin: 0;
}
.footer-text-call {
font-size: 2.2em;
}
.footer-text-number {
font-size: 2.7em;
}
.footer-text-open {
font-size: 1.6em;
line-height: 1.7 !important;
}
.pink-box {
background-color: rgba(230,20,81,1);
margin: 20px;
padding-bottom: 2rem;
color: white;
text-align: center;
}
.pink-box-spacer-top {
padding-top: 2rem;
}
.pink-box-heading {
font-size: 1.5rem;
padding-bottom: 1rem;
}
@media (min-width: 992px) {
.pink-box {
background-color: rgba(230,20,81,1);
padding-bottom: 2rem;
color: white;
text-align: center;
}
.pink-box-heading {
font-size: 1.6rem;
}
}
@media (min-width: 1200px) {
.pink-box-heading {
font-size: 2.1rem;
}
}
@media (min-width: 1400px) {
.pink-box-heading {
font-size: 2.6rem;
}
}
.enquiry-box {
margin: 20px;
padding: 1.5rem;
border: 1px solid black;
font-size: 0.9rem;
}
@media (min-width: 992px) {
.enquiry-box {
font-size: 1.1rem;
}
}
@media (min-width: 1200px) {
.enquiry-box {
font-size: 1.3rem;
}
}
@media (min-width: 1400px) {
.enquiry-box {
font-size: 1.4rem;
}
}
.enquiry-box label {
font-size: 0.9em;
line-height: 1.1;
}
.enquiry-box-heading {
font-size: 1.1em;
margin-left: 0;
text-align: left;
}
.enquiry-box-form input,textarea {
margin: 0.1em;
padding: .2em;
line-height: 1.1;
}
.enquiry-box-form label {
line-height: 1.1;
}
.enquiry-box-form button {
background-color: rgba(230,20,81,1);
border-color: rgba(230,20,81,1);
margin-top: 10px;
margin-bottom: 10px;
}
#subscribe {
width: 2rem;
height: 2rem;
}
.grey-bar {
background-color: rgba(92,90,91,1);
text-align: center;
padding: 2em 0;
}
.grey-bar img.img-fluid {
width: 8em;
} .overlay-container {
position: relative;
}
.overlay-div {
position: absolute;
text-align: center;
background-color: blue;
width: 100%;
height: 23.46%;
top: 76.54%;
}
.overlay-container:hover .overlay-div, .overlay-container.hover .overlay-div {
height: 100%;
top: 0%;
}
.overlay-div a {
display: block;
position: relative;
top: 50%;
color: white;
font-size: 1.5rem;
transform: translateY(-50%);
}
@media (min-width: 992px) {
.overlay-div a {
font-size: 1.7rem;
}
}
@media (min-width: 1200px) {
.overlay-div a {
font-size: 1.9rem;
}
}
@media (min-width: 1400px) {
.overlay-div a {
font-size: 2.2rem;
}
}
.overlay-grey {
background-color: rgba(29,27,27,0.8);
}
.overlay-pink {
background-color: rgba(230,20,81,0.8);
}
.downloads {
padding-left: 60px;
padding-right: 60px;
text-align: left;
}
.wp-block-file a:before {
background-image: url(//clarkshop.co.uk/wp-content/themes/clarkshop/img/icons/download.png);
background-repeat: no-repeat;
background-size: 2em 2.6em;
display: inline-block;
width: 2.5em; 
height: 2.6em;
content:"";
vertical-align: -1em;
}
.article-category-row {
margin: 12px;
}
.article-category-box {
padding: 1em;
margin: 0;
}
.article-category-box img {
width: 100%;
height: auto;
}
.article-category-box .col {
padding: 0;
}
.article-category-box .row {
margin: 0;
}
.article-category-bar {
background-color: rgba(29,27,27,0.8);
}
.article-category-bar p {
color: white;
}
.products img {
border: 1px solid;
border-color: rgba(143,143,143,0.8);
}
.product-badge {
position: relative;
top: -0.2em;
height: 2.7em !important;
width: auto;
}
.product-badge-motability {
height: 2.7em !important;
width: auto;
}
.product-description p {
text-align: left;
line-height: 1.0em;
}
.wp-block-column ul {
text-align: left;
display: inline;
} .excerpt-dash {
display: none;
}
.product-category-blogs {
list-style: none;
}
.product-category-blogs .listing-item .title {
display: block;
text-decoration: none;
font-weight: bold;
font-size: 0.8em;
}
.product-category-blogs .listing-item a {
display: block;
}
.product-category-blogs .listing-item span {
display: block;
font-size: 0.7em;
}
.product-category-blogs .listing-item a.excerpt-more {
font-size: 1.0em;
font-weight: bold;
}
.page-margins {
margin-left: 1em;
margin-right: 1em;
} span.price {
text-align: left;
font-weight: bold !important;
}
.price .woocommerce-Price-amount.amount {
color: Black;
}
div.woocommerce {
text-align: left;
margin-left: 60px;
margin-right: 60px;
}
div.woocommerce label {
text-align: left;
}
.product_title {
margin: 0;
color: rgba(230,21,79,1);
text-align: left;
}
h2.woocommerce-loop-product__title {
text-transform: none;
text-align: left;
font-size: 0.8em !important;
padding-bottom: 0 !important;
}
li.product {
text-align: center;
}
.product-collapse-content .comment-notes {
text-align: center;
}
.star-rating {
display: inline-block !important;
color: gold;
}
p.stars {
text-align: center !important;
}
a.add_to_cart_button {
font-size: 75% !important;
text-transform: uppercase;
background-color: transparent !important;
border: 1px solid rgba(143,143,143,0.8) !important;
margin-bottom: 1em !important;
width: 100%;
border-radius: 0 !important;
}
a.button.product_type_simple {
font-size: 75%;
text-transform: uppercase;
background-color: transparent !important;
border: 1px solid rgba(143,143,143,0.8);
margin-bottom: 1em;
width: 100%;
border-radius: 0 !important; }
.single_add_to_cart_button {
background-color: rgba(30,161,57,1) !important;
}
.related.products {
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid black;
}
.related.products p {
text-align: left;
} .price_exc {
color: rgba(230,21,79,1);
font-size: 2rem;
}
.price_suffix {
font-size: 2rem;
}
.price_inc {
font-size: 1.4rem;
}
.entry-summary {
text-align: left;
}
.entry-summary p {
text-align: left;
margin: 0;
padding-top: 1em;
padding-bottom: 0.5em;
}
div.product-sections {
width: 100%;
padding-right: 1em;
}
.product-sections > div {
border-bottom: 1px solid black;
}
.product-sections > div:first-of-type {
border-top: 1px solid black;
}
.product-sections img {
height: auto;
width: 100%;
}
.product-collapse-content p {
text-align: left;
}
.contact-sections {
height: 100%;
}
.contact-sections p {
text-align: left;
margin-left: 2rem;
}
.contact-sections > div:first-of-type {
height: 100%;
border-right: 1px solid black;
}
.contact-sections img {
height: auto;
width: 100%;
}
.contact-sections td p {
margin: 0;
margin-left: 2rem;
}
.contact-collapse-content p {
text-align: left;
margin-top: 1em;
}
.contact-shop-heading {
text-align: left;
color: rgba(230,21,79,1);
padding: 0;
margin: 0 !important;
font-size: 2rem;
padding-left: 1em;
}
.contact-open-hours {
margin-bottom: 0;
color: rgba(230,21,79,1);
font-weight: 500;
}
ul.products {
width: 100%;
}
ul.product-category-blogs {
width: 100%;
}
ul.product-category-blogs > li {
display: inline-block;
width: 20%;
margin: 1em;
vertical-align: top;
}
.ml60 > a {
margin-left: 60px;
}