:root {
--tdd-gold: #ffa800;
--tdd-white: #ffffff;
--tdd-black: #555;
--tdd-blue: #2e3192;
--tdd-lightblue: #00adef;
--tdd-corner: 7px;
}
.star-rating span {
font-weight: 900;
}
.wavy {
position: fixed;
inset: 0;
z-index: -1;
}
.wavy img {
position: absolute;
bottom: 0;
width: 200%;
max-width: none;
}
.no-marbot {
margin-bottom: 0 !important;
}
#payment .payment_methods li label > img {
display: none;
}
#payment .payment_methods li.wc_payment_method > input[type="radio"]:first-child:checked + label:after {
content: "";
background: url(//www.dynamic-chemicals.co.uk/wp-content/uploads/2021/04/cards.png) no-repeat top left;
width: 100%;
height: 35px;
position: relative;
display: block;
margin-top: 10px;
background-size: contain;
}
body,
button,
input,
textarea {
font-family: "Roboto", sans-serif;
font-size: 15px;
line-height: 1.3em;
color: var(--tdd-black);
}
.related ul.products.columns-3 li.product .onsale {
background-color: var(--tdd-gold);
color: var(--tdd-white);
position: absolute;
top: -28px;
right: -90px;
font-weight: bold;
transform: rotate(45deg);
width: 537px !important;
text-align: center;
padding: 50px 7px 4px;
font-size: 1.5em;
transition: all 0.3s;
border: none;
z-index: 1;
}
.upsells ul.products.columns-3 li.product .onsale {
background-color: var(--tdd-gold);
color: var(--tdd-white);
position: absolute;
top: -28px;
right: -90px;
font-weight: bold;
transform: rotate(45deg);
width: 537px !important;
text-align: center;
padding: 50px 7px 4px;
font-size: 1.5em;
transition: all 0.3s;
border: none;
z-index: 1;
}
.trustpilot-widget {
background-color: #2e3192 !important;
}
.available-on-backorder {
color: var(--tdd-gold);
}
.available-on-backorder::before {
content: "\f11a";
}
.shipping_message {
margin-top: -42px;
text-align: center;
background: var(--tdd-lightblue);
border-radius: var(--tdd-corner);
color: #ffffff;
padding: 10px;
margin-left: -64px;
}
.has-background {
background: var(--tdd-blue);
border-radius: var(--tdd-corner);
color: var(--tdd-white);
padding: 1em 2em 1em 3em !important;
line-height: 1.5em !important;
margin: 10px;
}
.socialArea {
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 0;
border-radius: 10px 0 0 10px;
background: var(--tdd-blue);
color: #fff;
display: flex;
flex-direction: column;
gap: 5px;
padding: 10px;
z-index: 1000000;
border: 2px solid #fff;
border-right: none;
font-size: 1.3em;
}
.socialArea .item {
padding: 5px 0;
border-radius: 5px;
transition: all 0.3s;
width: 2em;
height: 2em;
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
}
.socialArea .item:hover {
background: var(--tdd-gold);
}
.socialArea .item span {
position: absolute;
left: 0;
width: 0;
background: var(--tdd-lightblue);
overflow: hidden;
transform: translateX(-100%);
padding: 0;
transition: all 0.5s;
white-space: nowrap;
opacity: 0;
}
.socialArea .item:hover span {
display: block;
left: 0px;
padding: 5px 10px;
opacity: 1;
width: auto;
}
.search-results a.button.add_to_cart_button {
color: #fff;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget a.button {
background: var(--tdd-blue);
border-radius: var(--tdd-corner);
color: var(--tdd-white);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto", sans-serif !important;
letter-spacing: 0em !important;
color: var(--tdd-blue);
font-weight: bold;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
outline: none;
}
.col-full {
width: 100%;
max-width: 1200px;
position: relative;
padding: 0;
}
body:not(.home) #secondary.widget-area {
width: 24.2%;
}
body:not(.home) #primary.content-area {
width: 73.9130434783%;
margin-right: 0;
}
.blocks-gallery-item,
.wp-block-gallery {
margin-bottom: 5px !important;
}
.widget .widget {
margin-bottom: 0;
}
.zoom-social-icons-widget {
margin-top: 20px;
margin-bottom: 20px !important;
}
.alignfull {
margin: 32px calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.tdd-flexme .wp-block-group__inner-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1%;
}
.tdd-flexme .wp-block-group__inner-container > * {
width: 100%;
max-width: 240px;
}
.page-template-template-homepage .type-page {
padding-bottom: 0;
}
.tdd-gap {
gap: 6px;
}
.tdd-fixedarea {
position: fixed;
top: 0;
z-index: 10000000;
left: 50%;
transform: translateX(-50%);
}
.tdd-fixedarea .tdd-hidewhenfixed,
.tdd-navfix .tdd-hidewhenfixed {
display: none;
}
.tdd-mobilemenu,
#mobmenu {
display: none;
}
.tdd-fixedarea .tdd-mid {
width: 50%;
position: absolute;
right: 0;
margin-top: 4px;
}
.admin-bar .tdd-fixedarea .tdd-mid {
margin-top: 34px;
} .site-header {
background-attachment: fixed;
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
padding-top: 0;
border-bottom: none;
position: relative;
z-index: 10000;
}
.tdd-header {
display: flex;
justify-content: space-between;
}
.tdd-header:not(.tdd-logoarea) {
transform: translateX(-50%);
position: absolute;
left: 50%;
top: 1em;
}
.tdd-flex-row {
display: flex;
width: 100%;
}
.tdd-topcontact span {
margin: 0 10px;
}
.tdd-topcontact a {
color: var(--tdd-blue);
}
.tdd-topcontact {
font-size: 1.24em;
}
.tdd-bold {
font-weight: bold;
}
.tdd-header a:hover {
color: var(--tdd-lightblue);
}
#tddlogo {
margin: 20px 0;
}
.tdd-right {
justify-content: flex-end;
}
.tdd-end {
align-items: flex-end;
}
.tdd-mid {
align-items: center;
gap: 5px;
}
.tdd-slide-area {
height: 50vh;
min-height: 500px;
position: relative;
}
.tdd-slide-area * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tdd-slide {
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: flex;
align-items: flex-start;
justify-content: center;
}
.tdd-slide-area.tdd-nothome {
height: 15vh;
min-height: 100px;
background: repeating-linear-gradient(90deg, #555, #333 20px, #666 2px, #666 40px);
box-shadow: 0 0 57px 23px inset rgba(0, 0, 0, 1);
transition: all 3s;
}
.tdd-slide-area.tdd-nothome:hover {
transform: scale(50%);
}
.tdd-slide-area.tdd-nothome .tdd-slide {
height: 20vh;
min-height: 200px;
}
.tdd-slide-header {
position: absolute;
width: 100%;
display: flex;
flex-direction: column-reverse;
top: 0;
bottom: 0;
justify-content: center;
}
.tdd-slide-area.tdd-nothome .tdd-slide-header {
left: 50%;
transform: translateX(-50%);
text-align: center;
top: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.tdd-slide-header .tdd-caption {
font-family: "Anton", sans-serif;
color: var(--tdd-white);
font-size: 5rem;
text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
z-index: 0;
margin: 0;
line-height: 1em;
}
.tdd-slide-header .tdd-link {
margin-top: -1em;
}
.tdd-slide-header .tdd-slide-link {
background-color: var(--tdd-red);
color: var(--tdd-white);
padding: 1em 1em 0.5em;
border-radius: 15px;
font-size: 1.5rem;
z-index: 0;
display: inline-block;
left: 1em;
position: relative;
}
.tdd-slide-link {
background-color: var(--tdd-red);
color: var(--tdd-white);
border-radius: 15px;
padding: 10px;
display: inline-block;
}
.search-outer {
width: 100%;
}
.tdd-slide-area.tdd-nothome .search-outer {
bottom: 20px;
}
.search-inner {
border-radius: 15px;
background: #b3afb9;
padding: 5px;
}
.search-form {
margin: 0;
display: flex;
justify-content: space-between;
position: relative;
}
.search-form label {
width: 100%;
margin-right: 0.5%;
}
.search-form * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.search-field,
.product-search-field {
width: 100%;
border-radius: 10px;
padding: 5px 10px !important;
box-shadow: none !important;
border: 1px solid var(--tdd-blue) !important;
background-color: #fff !important;
}
.product-search-field-clear {
font-size: 1.5em;
top: -0.3em !important;
}
.search-submit {
position: absolute;
right: 3px;
top: 1px;
font-family: FontAwesome;
content: "/f002";
margin: 0 !important;
padding: 5px 10px;
background-color: transparent;
color: var(--tdd-blue);
}
.tdd-mobileshow {
display: none !important;
}
.popouter {
background: var(--tdd-blue);
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 100000;
}
.popinner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-y: auto;
overflow-x: hidden;
padding: 10px 0;
}
.popclose {
position: absolute;
right: 10px;
top: 10px;
color: #fff;
cursor: pointer;
font-size: 1.5em;
border: 2px solid #fff;
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 33px !important;
text-align: center;
}
ol {
counter-reset: item;
}
ol li {
display: block;
position: relative;
}
ol li:before {
content: counters(item, ".") ".";
counter-increment: item;
position: absolute;
margin-right: 100%;
right: 10px; }
li ol li {
margin-left: 17px;
}
li ol li ol li {
margin-left: 30px;
}
.tdd-button {
background-color: var(--tdd-blue);
border-radius: var(--tdd-corner);
color: var(--tdd-white) !important;
padding: 6px 10px;
transition: all 0.3s;
text-align: center;
}
.button {
transition: all 0.3s;
}
.tdd-button:hover,
.button:hover,
.wpcf7-submit:hover {
background-color: var(--tdd-lightblue) !important;
color: var(--tdd-white) !important;
}
.tdd-gold {
background-color: var(--tdd-gold);
}
.tdd-lightblue {
background-color: var(--tdd-lightblue);
} .tdd-mobilenav {
display: none !important;
}
.tdd-navfix {
position: fixed;
top: 0;
width: 100%;
z-index: 1000000;
}
.admin-bar .tdd-navfix {
top: 30px;
}
.tdd-navoff {
margin-top: 85px;
}
.admin-bar.tdd-navoff {
margin-top: 83px;
}
.tdd-nav {
background-color: var(--tdd-blue);
color: var(--tdd-white);
padding: 0.3em 0;
transition: all 0.5s;
}
.tdd-nav.tdd-navfix {
box-shadow: 0 0 50px 50px rgba(255, 255, 255, 0.8);
min-height: 37px;
}
#menu-main {
list-style: none;
display: flex;
margin: 0;
justify-content: flex-end;
}
#menu-main > li.menu-item > a {
color: var(--tdd-white);
padding: 5px;
margin: 0 5px;
display: inline-block;
position: relative;
background-color: transparent;
transition: all 0.3s;
}
#menu-main > li.menu-item > a:hover {
background-color: var(--tdd-lightblue);
border-radius: var(--tdd-corner);
}
ul.sub-menu {
list-style: none;
margin: 10px;
}
#menu-main > li > ul.sub-menu {
display: flex;
position: absolute;
left: 0;
width: 100%;
background-color: var(--tdd-red);
list-style: none;
padding: 0;
border-radius: 0 0 15px 15px;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
margin: 0;
height: 0;
transition: 0.3s;
overflow: hidden;
box-shadow: none;
}
#menu-main > li > ul.sub-menu > li {
margin: 0 1% 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#menu-main > li > ul.sub-menu > li > a {
background-color: var(--tdd-white);
color: var(--tdd-black);
padding: 10px;
border-radius: 15px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
margin-bottom: 20px;
transition: 0.3s;
display: block;
}
#menu-main > li > ul.sub-menu > li > a:hover {
background-color: var(--tdd-red);
color: var(--tdd-white);
}
#menu-main > li > ul.sub-menu > li > ul.sub-menu a {
color: var(--tdd-white);
padding: 5px 0;
display: block;
transition: 0.3s;
}
#menu-main > li > ul.sub-menu > li > ul.sub-menu a:hover {
color: var(--tdd-black);
}
#menu-main > li.menu-item-has-children:hover > ul.sub-menu {
display: flex;
height: auto;
padding: 40px 20px 20px;
box-shadow: 0 30px 30px rgba(0, 0, 0, 0.5);
}
.home header.entry-header {
display: none;
}
.entry-content {
max-width: 100% !important;
text-align: left !important;
}
.edit-link {
display: none;
}
.storefront-breadcrumb {
margin: 7px 0 14px;
padding: 0;
}
.single-product .storefront-breadcrumb {
margin: 7px 0 35px;
}
.storefront-product-pagination a {
bottom: 24px;
top: auto;
border-radius: var(--tdd-corner);
background: var(--tdd-blue);
color: var(--tdd-white);
padding: 2px 0;
width: 300px;
box-shadow: none;
border: 2px solid var(--tdd-white);
line-height: 1em;
}
.storefront-product-pagination a[rel="next"] {
right: -238px;
}
.storefront-product-pagination a[rel="next"] img {
width: 50px;
margin-left: 5px;
}
.storefront-product-pagination a[rel="prev"] {
left: -238px;
}
.storefront-product-pagination a[rel="prev"] img {
width: 50px;
margin-right: 5px;
}
#productBtn {
position: absolute;
left: 0;
padding: 5px 40px 5px 20px;
border-radius: var(--tdd-corner);
color: var(--tdd-blue);
background: url(//www.dynamic-chemicals.co.uk/wp-content/uploads/2023/03/products-icon.png) 89px 7px no-repeat var(--tdd-white);
background-size: 16%;
}
#productMega {
position: absolute;
display: none;
width: 100%;
background-color: var(--tdd-white);
margin-top: 2em;
padding: 14px;
color: var(--tdd-black);
border-radius: var(--tdd-corner);
box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
max-height: 90vh;
overflow-y: auto;
}
.productBtnArea:hover #productMega {
display: block;
}
.tdd-arrow:after {
content: "";
background: url(//www.dynamic-chemicals.co.uk/wp-content/uploads/2020/10/arrows.png) no-repeat right;
width: 30px;
height: 30px;
}
#menu-mega-menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
#menu-mega-menu * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#menu-mega-menu > .menu-item {
width: 24%;
margin: 0 0.5% 0;
overflow: hidden;
}
#menu-mega-menu > .menu-item:not(:first-child) {
display: flex;
flex-direction: column;
}
#menu-mega-menu ul {
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
#menu-mega-menu .menu-item:not(:first-child) .custom-html-widget,
#menu-mega-menu .menu-item:not(:first-child) .custom-html-widget .woocommerce {
height: 100%;
}
#menu-mega-menu li.product-category h2 {
margin: 0;
padding: 10px 5px;
text-align: left;
font-size: 1.3em;
}
#menu-mega-menu li.product-category h2 mark {
color: #999;
float: right;
font-size: 0.8em;
position: relative;
margin-top: 3px;
}
#menu-mega-menu > .menu-item h3 {
width: 100%;
display: block;
background-color: transparent;
transition: all 0.3s;
padding: 10px 5px;
font-weight: normal;
background: var(--tdd-lightblue);
color: var(--tdd-white);
font-size: 1.2em;
}
#menu-mega-menu ul > li {
border: 1px solid #ccc;
border-radius: var(--tdd-corner);
margin-bottom: 5px;
flex-grow: 1;
}
#menu-mega-menu ul > li > a {
background-color: transparent;
transition: all 0.3s;
width: 100%;
display: block;
padding: 5px;
font-size: 0.9em;
text-transform: capitalize;
color: #2c2d33;
}
#menu-mega-menu ul > li > a:hover {
background-color: #ccc;
color: #333;
}
#menu-mega-menu .add_to_cart_button {
background: url(//www.dynamic-chemicals.co.uk/wp-content/uploads/2020/10/arrows-white.png) no-repeat right var(--tdd-gold);
background-size: 25px;
border-radius: var(--tdd-corner);
color: var(--tdd-blue);
padding: 9px 34px 9px 14px;
display: none;
}
#menu-mega-menu li.product-category img {
display: none;
}
#menu-mega-menu li.product a {
position: relative;
}
#menu-mega-menu .star-rating::before,
#menu-mega-menu .star-rating span::before {
float: none;
left: 50%;
transform: translateX(-50%);
}
#menu-mega-menu li.product a img.attachment-woocommerce_thumbnail {
width: 20%;
max-height: 60px;
margin-bottom: 5px;
float: left;
}
#menu-mega-menu .woocommerce-loop-product__title,
#menu-mega-menu .star-rating,
#menu-mega-menu .price {
float: right;
width: 79.5%;
clear: none;
}
#menu-mega-menu .price {
margin: 0;
}
#menu-mega-menu .woocommerce-LoopProduct-link:after {
content: "";
clear: both;
display: table;
}
.tdd-topmessagearea {
border-top: 1px solid var(--tdd-white);
padding: 0.3em 0;
}
.tdd-topmessages {
min-height: 43px;
color: var(--tdd-white);
display: flex;
flex-direction: row;
justify-content: center;
gap: 10px;
align-items: center;
line-height: 1.2em;
font-size: 1em;
text-align: center;
}
.tdd-topmessages > div {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 100%;
align-items: center;
gap: 10px;
}
.tdd-topmessages i {
font-size: 1.7em;
}
.tdd-slider {
border-radius: var(--tdd-corner);
overflow: hidden;
margin-top: 14px;
margin-bottom: 14px;
}
.tdd-prodcats {
display: flex;
margin-top: 2px;
gap: 1%;
flex-wrap: wrap;
}
.tdd-prodcats > a {
background: #ededed;
width: 13.42%;
height: 143px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
border-radius: var(--tdd-corner);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: center;
color: #fff;
text-shadow: 0 0 5px rgb(0 0 0);
font-weight: bold;
padding: 5px;
box-shadow: 0 0 0px inset rgb(0 0 0 / 50%);
transition: all 0.3s;
font-size: 1.3em;
line-height: 1.2em;
margin-top: 1%;
}
.tdd-prodcats > a:hover {
box-shadow: 0 0 30px inset rgba(0, 0, 0, 0.5);
background-size: 120%;
}
.tdd-outerscroll {
width: 100%;
overflow: hidden;
position: relative;
padding: 0 30px;
}
.content-with-bg {
box-sizing: border-box;
padding: 20px;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 8px;
}
.tdd-innerscroll {
display: flex;
flex-direction: row;
width: 2000px;
padding: 7px;
}
.tdd-innerscroll .item {
width: 186px;
margin-left: 7px;
margin-right: 7px;
border: 2px solid var(--tdd-blue);
border-radius: var(--tdd-corner);
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 7px;
overflow: hidden;
transition: all 0.3s;
background-color: #fff;
}
.tdd-innerscroll .item img {
transition: all 0.3s;
transform: scale(0.9);
}
.tdd-innerscroll .item:hover {
transform: scale(1.05);
z-index: 1;
}
.tdd-innerscroll .item:hover img {
transform: scale(1);
}
.tdd-innerscroll .item:hover .flash {
transform: scale(2);
left: -6px;
top: -46px;
}
.tdd-innerscroll .itemoverlay {
position: absolute;
z-index: 100;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s;
}
.tdd-innerscroll .item .name {
padding: 0 7px;
font-weight: bold;
margin: 0 0 7px;
color: var(--tdd-blue);
z-index: 1;
}
.tdd-innerscroll .item .price {
padding: 0 7px;
font-size: 1.5em;
font-weight: bold;
color: var(--tdd-gold);
z-index: 1;
}
.tdd-innerscroll .item .price strike,
.tdd-innerscroll .item .from_word {
font-size: 0.8em;
color: var(--tdd-black);
font-weight: normal;
}
.tdd-innerscroll .item .tax {
padding: 0 7px;
color: var(--tdd-gold);
z-index: 1;
}
.tdd-innerscroll .item .flash,
.site-main ul.products.columns-3 li.product .onsale {
background-color: var(--tdd-gold);
color: var(--tdd-white);
position: absolute;
top: -28px;
right: -90px;
font-weight: bold;
transform: rotate(45deg);
width: 200px;
text-align: center;
padding: 50px 7px 4px;
font-size: 1.5em;
transition: all 0.3s;
border: none;
}
.tdd-outerscroll .leftScroller,
.tdd-outerscroll .rightScroller {
position: absolute;
color: var(--tdd-gold);
font-size: 4em;
top: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
cursor: pointer;
z-index: 1000;
}
.tdd-outerscroll .leftScroller {
left: 0; }
.tdd-outerscroll .rightScroller {
right: 0; } .tdd-footer {
background-color: var(--tdd-blue);
color: var(--tdd-white);
padding: 30px 0;
}
.tdd-footer .widget_nav_menu ul li::before {
content: "";
background: url(//www.dynamic-chemicals.co.uk/wp-content/uploads/2023/02/bullet.png) no-repeat;
background-size: 100%;
width: 25px;
height: 24px;
color: var(--tdd-gold);
opacity: 1;
}
.entry-content .wp-block-columns .wp-block-column ul::before {
list-style: none;
}
.entry-content .wp-block-columns .wp-block-column ul li {
line-height: 2em;
font-size: 1.2em;
font-weight: bold;
padding-left: 15px;
}
.entry-content .wp-block-columns .wp-block-column ul li::marker {
color: #454989;
}
.entry-content .wp-block-columns .wp-block-column ul li::before {
content: "";
background: url(//www.dynamic-chemicals.co.uk/wp-content/uploads/2023/02/bullet.png) no-repeat;
background-size: 100%;
width: 25px;
height: 26px;
color: var(--tdd-gold);
opacity: 1;
position: absolute;
margin-left: -42px;
margin-top: 6px;
}
.tdd-footer a {
color: var(--tdd-white) !important;
}
.tdd-base {
background-color: var(--tdd-lightblue);
padding: 10px;
color: var(--tdd-blue);
}
.tdd-base a {
color: #ccc;
}
.tdd-footer .widget .widget-title {
background-color: transparent;
text-align: left;
margin: 0 0 0.3em 0;
color: var(--tdd-lightblue);
font-weight: bold;
font-size: 1.5em;
}
.tdd-footer input[type="email"] {
border-radius: var(--tdd-corner);
margin-top: 0.5em;
width: 100%;
}
.tdd-footer input[type="submit"] {
background: var(--tdd-gold);
background-size: 25px;
border-radius: var(--tdd-corner);
color: var(--tdd-blue);
padding: 9px 14px 9px 14px;
margin-top: -10px;
}
.tdd-footer input[type="submit"]:hover {
background-color: #000;
color: #fff !important;
}
.massive {
font-size: 1.9em;
text-align: center;
line-height: 1.33em;
margin: 0;
}
.tdd-foot-flex {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.tdd-footer > .tdd-foot-flex {
justify-content: space-between;
}
.tdd-footer > .tdd-foot-flex > .widget {
width: 100%;
margin: 0 1%;
font-size: 0.9rem;
}
.tdd-foot-flex > * {
margin-right: 10px;
}
.tdd-foot-flex i {
position: relative;
margin-top: 3px;
}
.tdd-line {
border-bottom: 1px solid var(--tdd-red);
padding-bottom: 10px;
margin-bottom: 10px;
}
#mc_embed_signup {
margin-top: -25px;
} .content-area,
.hentry {
margin-bottom: 0;
}
body:not(.home, .page-template-template-fullwidth) .content-area {
width: 75%;
margin-right: 0;
}
body:not(.home, .page-template-template-fullwidth) .widget-area {
width: 23%;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: var(--tdd-lightblue);
margin-bottom: 0.5em;
}
.woocommerce-Reviews-title {
margin-bottom: 0.5em !important;
}  .home .site-main {
padding-top: 0 !important;
margin-bottom: 0;
}
.woocommerce-tabs ul.tabs li {
display: inline-block;
border: none;
}
.woocommerce-tabs ul.tabs {
margin: 0;
width: 100%;
float: none;
border-top: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-tabs ul.tabs li a {
padding: 8px 15px;
background: #707070;
color: var(--tdd-white);
border-radius: 10px 10px 0 0;
}
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
background: #555555;
font-weight: bold;
color: var(--tdd-white);
}
.woocommerce-tabs ul.tabs li.active:after {
content: "";
display: none;
}
.woocommerce-tabs .panel {
border: 1px solid var(--tdd-red);
padding: 15px;
border-radius: 0 15px 15px 15px;
width: auto;
float: none;
}
.single-product .product_title.entry-title {
background: var(--tdd-blue);
color: var(--tdd-white);
padding: 7px 14px;
border-radius: var(--tdd-corner);
font-size: 2em;
}
.single-product .site-main .onsale {
position: absolute;
left: 0;
top: -27px;
background: var(--tdd-gold);
padding: 4px 14px 14px;
color: var(--tdd-white);
border-radius: var(--tdd-corner);
font-size: 1.3em;
border: none;
z-index: -1;
width: auto;
}
.tdd-nav .onsale {
background: var(--tdd-gold);
color: var(--tdd-white);
border: none;
clear: both;
float: left;
margin-left: 3px;
}
#menu-mega-menu .onsale + .price {
position: relative;
margin-top: 0px;
border: none;
}
.single-product .single_add_to_cart_button {
background: url(//www.dynamic-chemicals.co.uk/wp-content/uploads/2020/10/arrows-white.png) no-repeat right var(--tdd-gold);
background-size: 25px;
border-radius: var(--tdd-corner);
color: var(--tdd-blue);
padding: 9px 34px 9px 14px;
}
.wc-forward,
.woocommerce-Button--next {
font-size: 1.2em;
padding: 6px 14px 9px 14px;
}
.widget a.button.checkout {
background-color: var(--tdd-gold);
color: var(--tdd-blue);
}
.wc-forward::after,
.woocommerce-Button--next::after {
background-image: url(//www.dynamic-chemicals.co.uk/wp-content/uploads/2020/10/arrows-white-crop.png);
background-repeat: no-repeat;
background-size: 100%;
width: 18px;
height: 20px;
content: "";
position: relative;
top: 7px;
}
.woocommerce-message,
.woocommerce-message::before {
color: var(--tdd-blue);
font-size: 1.1em;
}
.woocommerce-message .button {
background: var(--tdd-blue);
border-radius: var(--tdd-corner);
color: var(--tdd-white);
padding-right: 15px;
position: absolute;
right: 20px;
top: 11px;
}
.widget_shopping_cart .product_list_widget li a.remove:before {
color: #ff0000;
}
.single-product div.product {
overflow: visible;
}
.single-product div.product .woocommerce-product-gallery {
width: 38%;
margin-right: 0;
float: right;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery .flex-viewport {
border: 2px solid var(--tdd-blue);
border-radius: var(--tdd-corner);
margin-bottom: 14px;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
border: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
list-style: none;
display: inline-flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 7px;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
border: 2px solid var(--tdd-blue);
border-radius: var(--tdd-corner);
width: 23.4% !important;
margin: 0 !important;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:before {
display: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::before,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::after {
display: none;
}
.woocommerce-Price-amount,
.poa {
color: var(--tdd-gold);
font-weight: bold;
font-size: 1.2em;
}
.woocommerce-price-suffix .woocommerce-Price-amount {
color: var(--tdd-black);
}
.single-product .woocommerce-tabs {
padding-top: 0;
}
.single-product .woocommerce-tabs ul.tabs {
display: flex;
justify-content: space-between;
gap: 7px;
margin-bottom: 7px;
}
.single-product .woocommerce-tabs ul.tabs li {
width: 100%;
}
.single-product .woocommerce-tabs ul.tabs li a {
border-radius: var(--tdd-corner);
background: #767bab;
color: var(--tdd-white);
width: 100%;
text-align: center;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
background: var(--tdd-blue);
}
.single-product div.product .product_meta {
border-top: 2px solid var(--tdd-blue);
}
.single-product .woocommerce-tabs .panel {
border: 2px solid var(--tdd-blue);
border-radius: var(--tdd-corner);
}
.single-product .product .summary ul,
.single-product .product .woocommerce-Tabs-panel--description ul {
list-style: none;
margin: 0;
}
.single-product .product .summary li:before,
.single-product .product .woocommerce-Tabs-panel--description li:before {
content: "";
margin-left: -35px;
width: 25px;
height: 20px;
background: url(//www.dynamic-chemicals.co.uk/wp-content/uploads/2020/10/arrows.png) no-repeat;
background-size: 100%;
position: absolute;
}
.single-product .product .summary li,
.single-product .product .woocommerce-Tabs-panel--description li {
padding-left: 35px;
margin-bottom: 7px;
}
.single-product #reviews .commentlist li .comment_container {
display: flex;
align-items: flex-start;
}
.single-product #reviews .commentlist li .avatar {
margin-right: 7px;
}
.single-product #respond {
padding: 7px;
}
.single-product #reviews .commentlist li .comment_container .comment-text {
width: 100%;
}
.star-rating span:before,
.quantity .plus,
.quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment .payment_methods li input[type="radio"]:first-child:checked + label:before {
color: var(--tdd-gold);
}
.site-main ul.products.columns-3 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 14px;
}
.site-main ul.products.columns-3 li.product {
margin: 0;
border: 2px solid var(--tdd-blue);
border-radius: var(--tdd-corner);
width: 32%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 7px;
position: relative;
overflow: hidden;
background: var(--tdd-white);
transition: all 0.3s;
}
.site-main ul.products.columns-3 li.product:last-child {
margin-right: auto;
}
.site-main ul.products.columns-3 li.product:hover {
transform: scale(1.05);
z-index: 1;
}
.storefront-sorting {
display: flex;
align-items: center;
margin-bottom: 7px;
}
.storefront-sorting select {
padding: 7px 14px;
border-radius: var(--tdd-corner);
}
ul.products::before,
ul.products::after {
display: none;
}
.widget-area .widget {
border: 1px solid var(--tdd-red);
padding: 14px 14px 0;
border-radius: var(--tdd-corner);
position: relative;
overflow: hidden;
margin-bottom: 14px;
background: #ededed;
}
.widget .widget-title,
.widget .widgettitle {
position: relative;
margin: -14px -14px 0 -14px;
background: var(--tdd-blue);
padding: 0.5em 0;
color: var(--tdd-white);
border: none;
text-align: center;
border-radius: var(--tdd-corner);
font-size: 1.2em;
}
.single-product div.product .summary {
width: 60%;
float: left;
}
.woocommerce-variation-price {
font-size: 2em;
color: var(--tdd-red);
}
form {
margin-bottom: 0;
}
#searchform input[type="text"] {
height: 26px;
width: 140px;
padding: 0;
padding-left: 3px;
}
#searchform input[type="submit"] {
width: 40px;
height: 28px;
padding: 0;
background-color: #000;
}
.single-product div.product .images,
.single-product div.product .summary,
.single-product div.product .woocommerce-product-gallery {
margin-bottom: 1em;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: var(--tdd-lightblue);
margin-top: 0 !important;
margin-bottom: 35px;
}
.rp_wcdpd_product_page {
border: 2px solid var(--tdd-blue);
padding: 0;
border-radius: var(--tdd-corner);
overflow: hidden;
}
.rp_wcdpd_product_page_title {
background: var(--tdd-blue);
color: #fff;
padding: 6px 0;
border-radius: 0 0 var(--tdd-corner) var(--tdd-corner);
text-align: center;
}
.rp_wcdpd_pricing_table table {
border-top: none !important;
margin: 0.3em 0 0.5em;
}
.rp_wcdpd_pricing_table table tbody td {
text-align: center;
background-color: #fff !important;
}
.woocommerce-mini-cart__empty-message {
margin-top: 1em;
} @media only screen and (max-width: 1200px) {
.tdd-header:not(.tdd-logoarea) {
transform: none;
left: auto;
}
.woocommerce-message .button {
position: relative;
right: auto;
top: 0;
}
.socialArea {
font-size: 1em;
}
.col-full {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.storefront-product-pagination a {
display: none;
}
.search-outer {
width: 79%;
}
.tdd-footer > .tdd-foot-flex > .widget {
width: 25%;
}
.tdd-footer input[type="email"] {
width: 100%;
}
.tdd-fixedarea .tdd-mid {
right: 1%;
}
.tdd-prodcats {
flex-wrap: wrap;
gap: 0;
}
.tdd-prodcats > a {
width: 23%;
margin-bottom: 14px;
}
}
@media only screen and (max-width: 1024px) {
.related ul.products.columns-3 li.product .onsale {
width: 445px !important;
}
.upsells ul.products.columns-3 li.product .onsale {
width: 445px !important;
}
.shipping_message {
margin-left: -33px;
}
#menu-mega-menu {
height: 60vh;
gap: 5px;
overflow-y: auto;
}
#menu-mega-menu > .menu-item {
margin: 0;
}
.hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child),
.editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child) {
margin-right: 0 !important;
}
}
@media only screen and (max-width: 768px) {
.site-header {
padding-top: 1em;
}
.tdd-header {
width: 100%;
justify-content: center;
margin: 0;
}
.tdd-header:not(.tdd-logoarea) {
position: relative;
top: 0;
}
.tdd-header:not(.tdd-logoarea) .tdd-flex-row {
width: auto;
justify-content: space-between;
position: relative;
}
.tdd-logoarea {
flex-direction: column;
align-items: center;
padding-bottom: 10px;
}
.tdd-logoarea.tdd-fixedarea {
background: #fff;
padding: 0.5em 0;
}
.tdd-logoarea > * {
width: 95% !important;
justify-content: center !important;
}
.related ul.products.columns-3 li.product .onsale {
width: 492px !important;
}
.upsells ul.products.columns-3 li.product .onsale {
width: 492px !important;
}
.shipping_message {
margin-left: 0;
margin-top: -85px;
}
.col-full {
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
}
.search-outer {
width: 95%;
margin-right: 1%;
}
.admin-bar .tdd-navfix {
top: 45px;
}
.admin-bar .tdd-fixedarea .tdd-mid {
margin-top: 49px;
}
.tdd-logoarea {
flex-direction: column;
padding-bottom: 14px;
}
.tdd-header .tdd-flex-row .tdd-button {
width: 100%;
display: grid;
place-items: center;
}
.site-main ul.products.columns-3 {
gap: 1%;
}
.site-main ul.products.columns-3 li.product {
width: 48.5%;
margin-bottom: 7px;
}
.tdd-topmessages > div {
flex-direction: column;
}
.wp-block-columns {
flex-direction: column;
}
.wp-block-column {
width: 100%;
padding: 0;
}
.col-full.tdd-foot-flex {
flex-wrap: wrap;
}
.col-full.tdd-foot-flex:before {
display: none;
}
#custom_html-4 {
width: 100%;
}
.tdd-fixedarea .tdd-mid {
width: 80%;
}
#menu-mega-menu {
flex-direction: row;
}
#menu-mega-menu > .menu-item {
width: 49%;
}
.has-background {
background: var(--tdd-blue);
border-radius: var(--tdd-corner);
color: var(--tdd-white);
padding: 1em 2em 1em 3em !important;
line-height: 1.5em !important;
margin: 0px;
width: 100%;
}
body:not(.page-template-template-fullwidth-php):not(.storefront-full-width-content) .hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child),
body:not(.page-template-template-fullwidth-php):not(.storefront-full-width-content) .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child) {
margin-right: 0;
}
}
@media only screen and (max-width: 667px) {
.related ul.products.columns-3 li.product .onsale {
width: 422px !important;
}
.upsells ul.products.columns-3 li.product .onsale {
width: 422px !important;
}
.shipping_message {
margin-left: 0px;
}
.tdd-fixedarea .tdd-mid i {
display: none;
}
}
@media only screen and (max-width: 565px) {
.related ul.products.columns-3 li.product .onsale {
width: 306px !important;
}
.upsells ul.products.columns-3 li.product .onsale {
width: 306px !important;
}
.shipping_message {
margin-left: 0px;
}
.tdd-nav .onsale {
background: var(--tdd-gold);
color: var(--tdd-white);
border: none;
clear: both;
float: left;
margin-left: 3px;
}
.woocommerce-message {
padding: 1em;
}
.woocommerce-message .button {
float: none;
margin: 0 0 10px;
display: table;
}
.woocommerce-message::before {
content: "";
}
.admin-bar .tdd-fixedarea .tdd-mid i {
display: inline-block;
}
body:not(.home) #primary.content-area,
body:not(.home) #secondary.widget-area {
width: 100%;
margin-right: 0;
}
.search-outer {
width: 100%;
top: 20px;
bottom: auto !important;
margin: 0;
}
.single-product .woocommerce-tabs {
width: 100%;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin-bottom: 14px;
}
.tdd-footer > .tdd-foot-flex > .widget {
width: 100%;
margin: 0 0 14px 0;
}
.tdd-nav {
background: #fff;
}
.storefront-sorting p {
margin: 0;
text-align: center;
}
.tdd-foot-flex .widget_media_image img {
width: 100%;
}
.archive.right-sidebar .widget-area {
width: 100% !important;
}
#menu-main {
flex-direction: column;
}
#menu-main > li > ul.sub-menu {
position: relative;
box-shadow: 0 -15px 15px -10px inset rgba(0, 0, 0, 0.3) !important;
border-radius: 0;
height: auto;
display: block;
padding: 10px 15px;
background-color: var(--tdd-blue);
}
#menu-main > li.menu-item-has-children:hover > ul.sub-menu {
padding: 0;
display: block;
}
#menu-main > li.current-menu-item > a:after,
#menu-main > li.menu-item > a:hover:after {
content: "";
}
#menu-main > li > ul.sub-menu > li > a {
margin-bottom: 0;
padding: 6px 10px;
}
#menu-mega-menu ul > li > a,
#menu-mega-menu ul > li > a * {
color: #fff;
}
#menu-mega-menu ul {
margin: 0 5px;
}
.archive.right-sidebar .content-area {
width: 100% !important;
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery {
width: 100%;
margin-bottom: 0;
}
.single-product div.product .summary {
width: 100%;
}
.col-full {
width: auto;
margin-left: 0.8em;
margin-right: 0.8em;
}
.product_title {
margin-left: auto;
border-radius: 0;
}
.admin-bar .tdd-navfix,
.tdd-navfix {
top: 45px;
}
.admin-bar .tdd-fixedarea .tdd-mid {
margin-top: 0;
}
.productBtnArea {
display: none;
}
.tdd-mobilehide {
display: none !important;
}
.tdd-mobileshow {
display: block !important;
}
.tdd-nav-inner .menu-main-container {
display: none !important;
}
.tdd-mobilenav {
display: flex !important;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 5px;
}
.tdd-mobilenav span {
display: none;
}
.tdd-mobilenav a {
display: flex;
flex-direction: column;
color: var(--tdd-white);
font-size: 1.3rem;
padding-left: 0.5rem;
flex: 1 1;
gap: 5px;
}
.tdd-mobilemenu {
display: block;
position: absolute;
background: #fff;
font-size: 1em;
border-radius: var(--tdd-corner);
padding: 4px 0;
margin: 0;
right: 0;
top: 0;
border: 2px solid var(--tdd-blue);
color: var(--tdd-blue);
width: 29%;
text-align: center;
}
#mobmenu {
display: block;
}
#menu-mega-menu {
height: auto;
}
#menu-mega-menu > .menu-item {
width: 100%;
border: none;
}
#menu-mega-menu > .menu-item > a {
color: #fff;
background: transparent;
border-bottom: 1px solid var(--tdd-lightblue);
}
#menu-mega-menu .sub-menu .menu-item > a {
color: #fff;
}
#menu-mega-menu li.product-category h2 {
padding: 5px;
font-size: 1em;
}
#mobmenu h2 {
color: #fff;
padding: 5px;
}
.tdd-header .tdd-flex-row {
width: auto;
justify-content: space-between;
position: relative;
}
.site-header {
background-size: auto 40%;
padding-bottom: 0;
}
.tdd-slide-area {
height: 55vh;
min-height: 0;
}
.tdd-slide-header {
margin-left: 0;
margin-right: 0;
width: 90%;
}
.tdd-slide-header .tdd-caption {
font-size: 3rem;
text-align: center;
}
.tdd-slide-header .tdd-slide-link {
left: 50%;
transform: translateX(-50%);
font-size: 1rem;
display: inline-block;
}
.search-submit {
width: auto;
}
.tdd-footer {
background-image: none;
}
.tdd-footer > .tdd-foot-flex {
flex-direction: column;
margin: 0;
width: 100%;
padding: 0 20px;
}
.tdd-base .tdd-foot-flex {
text-align: center;
flex-direction: column;
margin: 0;
padding: 0 20px;
width: auto;
}
.tdd-base .tdd-flex-row {
justify-content: space-between;
width: 100%;
margin: 0;
}
.tdd-base .tdd-right {
justify-content: center;
}
.tdd-topmessagearea {
display: none;
}
.search-form {
width: 70%;
}
.search-field {
border-width: 2px !important;
}
.tdd-prodcats {
flex-wrap: wrap;
}
.tdd-prodcats > a {
width: 48%;
}
.tdd-fixedarea .search-outer {
width: 100%;
margin-top: 0px !important;
margin-right: 4px;
}
.wc-block-grid__product-onsale,
.onsale {
background: var(--tdd-gold);
color: var(--tdd-white);
border: none;
clear: both;
float: left;
margin-left: 0px;
width: 20%;
}
}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}