/** Shopify CDN: Minification failed

Line 16:31 Expected ":"
Line 3224:0 "text-aign" is not a known CSS property

**/
:root {
--turq: #00b7c6;
--orange: #f4752c;
--green: #53b848;
--pink: #e240c9;
--grey: #333333;
--lightgrey: #757575;

--grid-desktop-horizontal-spacing: 20px;
--grid-desktop-vertical-spacing): 20px;
  
}

h1,h2,h3,h4,h5,h6 {
line-height: 130% !important;
}

.media>img {
object-fit: contain;
}


/* Bin all default outlines on buttons */
.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role='button']:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role='button']:focus {
  outline: 0;
  box-shadow: 0 0 0 0rem rgb(var(--color-background), 0), 0 0 0 0rem rgba(var(--color-foreground), 0),
    0 0 0rem 0rem rgba(var(--color-foreground), 0);
}
.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
.shopify-payment-button [role='button']:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}
body .button , body .button:hover {
--shadow-horizontal-offset: 0 !important;
--shadow-vertical-offset: 0 !important;
--shadow-blur-radius: 0 !important;
--shadow-opacity: 0 !important;
--shadow-visible: 0 !important;
--border-offset: 0 !important;
--border-opacity: 0 !important;
border-radius: 0 !important;
}
.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before,
.shopify-payment-button [role='button']:before,
.cart__dynamic-checkout-buttons [role='button']:before {
border-radius: 0 !important;
box-shadow: 0 0 0 0rem rgb(var(--color-background), 0), 0 0 0 0rem rgba(var(--color-foreground), 0),
    0 0 0rem 0rem rgba(var(--color-foreground), 0);
}
.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after,
.shopify-payment-button [role='button']:after,
.cart__dynamic-checkout-buttons [role='button']:after {
border-radius: 0 !important;
box-shadow: 0 0 0 0rem rgb(var(--color-background), 0), 0 0 0 0rem rgba(var(--color-foreground), 0),
    0 0 0rem 0rem rgba(var(--color-foreground), 0);
}
.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 0 !important;
  box-shadow: 0 0 0 0rem rgb(var(--color-background), 0), 0 0 0 0rem rgba(var(--color-foreground), 0),
    0 0 0rem 0rem rgba(var(--color-foreground), 0);
}
/* end of Bin all default outlines on buttons */


body , h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 , p , li , a , .select__select , input {
font-family: "Urbanist", sans-serif !important;
font-optical-sizing: auto;
line-height: 150%;
}
body .page-width {
max-width: 1600px !important;
}
body .header__search {
display: none !important;
}
.section-header {
background: transparent !important;
}
header.header {
background: transparent !important;
}

.global-media-settings {
border: none !important;
}

.rich-text__blocks {
max-width: 100%;
}

.banner--desktop-transparent .banner__box {
max-width: 100% !important;
}

/* kill auto borders on buttons */
body button {
--border-offset: none !important;
font-weight: 600;
}
body button:hover {
--border-offset: none !important;
border: none !important;
}

/* Announcement bar */
.announcement-bar-section .utility-bar {
background-color: var(--turq) !important;
border: none;
}
.announcement-bar-section .utility-bar p {
color: #fff !important;
letter-spacing: 0.2px;
font-weight: 500;
}



/* Header nav */
.list-menu__item {
font-size: 17px;
font-weight: 300;
color: #000;
text-decoration: none !important;
}
.list-menu__item:hover {
color: var(--turq);
text-decoration: none !important;
}
.cart-count-bubble {
top: -6px;
left: 25px;
background: var(--green) !important;
}
.header__active-menu-item {
color: var(--turq);
font-weight: 500;
text-decoration: none !important;
}
@media screen and (max-width: 989px) {
.header__heading-link {
padding: 13px;
}
}
@media screen and (max-width: 600px) {
.header__heading-link {
padding: 10px;
}
}
@media screen and (max-width: 450px) {
.header {
padding: 4px 2rem 4px 2rem !important;
}
.cart-count-bubble {
top: -4px;
left: 20px;
}
}

/* mobile nav */
.menu-drawer {
background-color: var(--orange) !important;
border: none !important;
width: 100% !important;
/* background-image: url('/cdn/shop/files/krafted_icon_white8_RGB.svg'); */
background-image: url('/cdn/shop/files/krafted_icon_white_navOutlined_v2.svg');
background-size: cover;
background-position: center;
background-size: 80%;
background-repeat: no-repeat;
}
.menu-drawer__navigation-container {
align-items: center;
justify-items: center;
}
.menu-drawer__menu.has-submenu .list-menu__item {
justify-content: center;
}
.menu-drawer__utility-links {
background: transparent !important;
}
.menu-drawer__utility-links .list-social__link {
color: #fff !important;
}
@media only screen and (max-width: 989px) {
header .list-menu__item.link {
font-size: 22px;
color: #fff;
}
}
@media only screen and (max-width: 500px) {
header .list-menu__item.link {
font-size: 18px;
}
}


/* Hero carousel */
/* ensure hero image is bigger than space so when animating it doesnt look odd */
@keyframes animateAmbient {
0% {
transform: rotate(0deg) translateX(2em) rotate(0deg) scale(1.4);
}
100% {
transform: rotate(360deg) translateX(2em) rotate(-360deg) scale(1.4);
}
}
/* stopping going massive width, lowering quality of images */
slideshow-component {
max-width: 1800px;
margin: 0 auto;
}
.slideshow.banner {
height: 750px;
}
.slideshow__text-wrapper.banner__content {
padding: 5rem 8rem !important;
}
.slideshow .media {
background-color: #fff;
}
.slideshow__media img {
object-fit: cover;
}
.banner__text.rte p{
font-size: 26px;
line-height: 140%;
color: #fff;
}
.slideshow.banner .content-container {
width: 35%;
max-width: unset;
}
.slideshow__text .button {
font-size: 20px;
font-weight: 500;
padding: 15px 30px;
background-color: #333;
}
.slideshow__text .button:hover {
opacity: 0.85;
}
/*body .slideshow.banner .slideshow__slide:first-of-type .slideshow__text .button {
background-color: #333 !important;
}*/
.slideshow__controls {
position: absolute !important;
bottom: 20px;
width: 100%;
border: none !important;
}
.slider-counter {
display: none !important;
}
.slideshow__controls .slider-button {
color: #fff !important;
}
.slideshow__controls .slideshow__autoplay {
display: none;
}
.slideshow__text--left {
padding-left: 0 !important;
}
.slideshow__text--right {
padding-right: 0 !important;
}
.slideshow .banner__box {
text-align: inherit;
align-items: normal;
}
@media only screen and (max-width: 1600px) {
.slideshow.banner {
height: 750px;
}
}
@media only screen and (max-width: 1250px) {
.slideshow.banner {
height: 675px;
}
@keyframes animateAmbient {
0% {
transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.4);
}
100% {
transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.4);
}
}
.slideshow.banner .slideshow__text {
transform: scale(0.9);
}
.slideshow__text--left {
transform-origin: left;
}
.slideshow__text--right {
transform-origin: right;
}
.slideshow.banner .content-container {
width: 40% !important;
max-width: 40% !important;
min-width: 40% !important;
}
}
@media only screen and (max-width: 1000px) {
.slideshow.banner {
height: 600px;
}
.slideshow__text-wrapper.banner__content {
padding: 60px !important;
}
}
@media only screen and (max-width: 749px) {
.banner--mobile-bottom .slideshow__text.banner__box {
background: transparent !important;
}
.banner--mobile-bottom:not(.banner--stacked) .banner__content{
position: absolute;
top: 0;
display: block;
}
.slideshow__slide {
display: block;
}
.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
height: 750px !important;  
}
.slideshow__controls {
bottom: 10px;
}
.slideshow.banner {
height: 525px;
}
.slideshow__text-mobile--left {
text-align: left !important;
}
.slideshow__text-mobile--right {
text-align: right !important;
float: right;
}
.slideshow .banner__text.rte p {
font-size: 22px;
}
.slideshow__text-wrapper.banner__content {
padding: 45px !important;
}
}
@media only screen and (max-width: 600px) {
.slideshow.banner {
height: 450px;
}
.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
height: 450px !important;  
}
.slideshow__text-wrapper.banner__content {
height: 450px !important;
padding: 40px !important;
}
.slideshow.banner .slideshow__text {
transform: scale(0.8);
}
.slideshow.banner .content-container {
width: 50% !important;
max-width: 50% !important;
min-width: 50% !important;
}
}
@media only screen and (max-width: 550px) {
.slideshow.banner .content-container {
width: 70% !important;
max-width: 70% !important;
min-width: 70% !important;
}
.slideshow__text-wrapper.banner__content {
padding: 35px !important;
}
}
@media only screen and (max-width: 450px) {
.slideshow.banner {
height: 300px;
}
.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
height: 300px !important;  
}
.slideshow__text-wrapper.banner__content {
height: 300px !important;
}
.slideshow.banner .slideshow__text {
transform: scale(0.7);
}
.slideshow.banner .content-container {
width: 85% !important;
max-width: 85% !important;
min-width: 85% !important;
}
}


/* Home - Intro text */
.IntroTextWrapper p {
font-size: 19px;
}
.IntroTextWrapper .rich-text__blocks {
max-width: 75%;
}
.IntroTextWrapper .button {
text-transform: uppercase;
}
@media only screen and (max-width: 1000px) {
.IntroTextWrapper .page-width {
padding: 0 2rem;
}
}
@media only screen and (max-width: 450px) {
.IntroTextWrapper h1 {
font-size: 34px;
}
.IntroTextWrapper .page-width {
padding:0 !important;
margin: 0;
width: 100%;
}
.IntroTextWrapper p {
font-size: 17px;
}
}
@media only screen and (max-width: 400px) {
.IntroTextWrapper h1 {
font-size: 30px;
}
}


/* Home - Feat Products + on other pages too */
.home_featProducts {
background-color: #f2f2f2;
}
.home_featProducts h2 {
margin: 0 auto 20px !important;
text-align: center;
width: 100%;
}
.card .card__inner .card__media {
border: 0.5px solid #ddd !important;
}
.inlineProductLogo {
width: 175px;
height: auto;
margin-top: 10px;
}
.card--standard>.card__content .card__information {
text-align: center;
}
.card--standard>.card__content .card-information {
text-align: center !important;
}
.card-information .price {
font-size: 20px;
font-weight: 400;
}
@media only screen and (max-width: 1100px) {
.inlineProductLogo {
width: 145px;
}
}
@media only screen and (max-width: 750px) {
.home_featProducts .grid ,
.productPage_moreFromWrapper .grid ,
.collectionProductFeed .grid {
column-gap: 20px;
}
.home_featProducts .grid__item ,
.productPage_moreFromWrapper .grid__item ,
.collectionProductFeed .grid__item {
width: calc(50% - 20px);
}
.home_featProducts .page-width ,
.productPage_moreFromWrapper .page-width ,
.collectionProductFeed .page-width {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 600px) {
.inlineProductLogo {
width: 125px;
}
.card-information .price {
font-size: 17px;
}
}
@media only screen and (max-width: 450px) {
.home_featProducts .grid ,
.productPage_moreFromWrapper .grid ,
.collectionProductFeed .grid {
row-gap: 20px;
column-gap: 0px;
}
.home_featProducts .grid__item ,
.productPage_moreFromWrapper .grid__item ,
.collectionProductFeed .grid__item {
width: 100%;
max-width: 100%;
}
}


/* Home - Feat IMG 1 */
.homeFeatIMG1 .banner__box.content-container {
max-width: 300px;
width: 300px;
}
.homeFeatIMG1 .banner__text.rte p {
color: #000;
}


/* Home - Connext in and outputs */
body .homeConnexInOutputs {
background-color: #444444;
padding: 80px 0;
}
.homeConnexInOutputs img {
border: none !important;
}
.homeConnexInOutputs h2 {
line-height: 110% !important;
font-size: 62px;
}
.homeConnexInOutputs p {
line-height: 140%;
font-size: 24px;
color: #ffffff;
}
.homeConnexInOutputs h2 {
color: var(--turq);
}
.homeConnexInOutputs .image-with-text__content {
padding: 6rem 7rem 7rem 0;
}
@media only screen and (max-width: 1400px) {
.homeConnexInOutputs .image-with-text__text-item.grid__item {
transform: scale(0.9);
transform-origin: left center;
}
.homeConnexInOutputs .image-with-text__content {
padding: 0;
}
}
@media only screen and (max-width: 1200px) {
.homeConnexInOutputs img {
width: 250px;
}
.homeConnexInOutputs h2 {
font-size: 54px;
}
.homeConnexInOutputs p {
font-size: 22px;
}
}
@media only screen and (max-width: 1050px) {
.homeConnexInOutputs img {
width: 220px;
}
.homeConnexInOutputs h2 {
font-size: 50px;
}
.homeConnexInOutputs p {
font-size: 20px;
}
}
@media only screen and (max-width: 1000px) {
.homeConnexInOutputs .grid__item:first-of-type {
width: 60%;
}
.homeConnexInOutputs .grid__item:last-of-type {
width: 40%;
}
body .homeConnexInOutputs {
padding: 60px 0;
}
}
@media only screen and (max-width: 900px) {
.homeConnexInOutputs img {
width: 200px;
}
.homeConnexInOutputs h2 {
font-size: 46px;
}
.homeConnexInOutputs p {
font-size: 19px;
}
.homeConnexInOutputs .image-with-text__content>*+* {
margin-top: 1rem;
}
}
@media only screen and (max-width: 750px) {
.homeConnexInOutputs .grid__item:first-of-type {
width: 100%;
padding: 0 10%;
}
.homeConnexInOutputs .grid__item:last-of-type {
width: 100%;
padding: 30px 10% 0;
text-align: center !important;
}
.homeConnexInOutputs img {
margin: 0 auto;
}
.homeConnexInOutputs h2 {
width: 100%;
text-align: center;
}
.homeConnexInOutputs .image-with-text__text-item.grid__item {
transform: scale(1);
}
}
@media only screen and (max-width: 600px) {
.homeConnexInOutputs img {
width: 200px;
}
.homeConnexInOutputs h2 {
font-size: 40px;
}
.homeConnexInOutputs p {
font-size: 18px;
}
}
@media only screen and (max-width: 450px) {
.homeConnexInOutputs .grid__item:first-of-type {
width: 100%;
padding: 0 5%;
}
.homeConnexInOutputs img {
width: 175px;
}
.homeConnexInOutputs h2 {
font-size: 38px;
}
.homeConnexInOutputs p {
font-size: 17px;
}
}



/* Home - Glossy photo banner */
.homeglossyProductBanner img {
object-fit: cover;
}
.homeglossyProductBanner .content-container img {
width: 400px;
height: auto;
}
@media only screen and (max-width: 750px) {
.homeglossyProductBanner .content-container img {
width: 300px;
}
}
@media only screen and (max-width: 749px) {
.homeglossyProductBanner .banner__content {
height: 100%;
display: table !important;
}
.homeglossyProductBanner .banner__box {
height: 100%;
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (max-width: 600px) {
.homeglossyProductBanner .content-container img {
width: 250px;
}
}
@media only screen and (max-width: 450px) {
.homeglossyProductBanner .content-container img {
width: 225px;
}
}
@media only screen and (max-width: 400px) {
.homeglossyProductBanner .content-container img {
width: 200px;
}
}



/* Home - Blog Feed */
.blogFeed .blog__button {
display: none !important;
}
.blogFeed .title-wrapper-with-link a.link {
display: none !important;
}
.blogFeed h2 {
margin: 20px auto;
text-align: center !important;
}
.blogFeed .article-card__excerpt {
line-height: 150%;
font-size: 16px;
}
.blogFeed ul.blog__posts.articles-wrapper {
column-gap: 25px;
row-gap: 0;
}
.blogFeed .grid--3-col-desktop .grid__item {
width: calc(33.33% - 25px);
max-width: calc(33.33% - 25px);
}
.article-card__footer {
display: none !important;
}
.blogFeed .title-wrapper-with-link {
margin-bottom: 20px;
}
@media only screen and (max-width: 1000px) {
.blogFeed .grid--3-col-desktop .grid__item h3 {
font-size: 20px;
}
.blogFeed .article-card__excerpt {
font-size: 15px;
}
}
@media only screen and (max-width: 990px) {
.blogFeed {
padding-left: 30px;
padding-right: 30px;
}
.blogFeed .title-wrapper-with-link {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 750px) {
.blogFeed .grid--3-col-desktop .grid__item {
width: 100%;
max-width: 100%;
}
.blog .blogFeed .card--standard>.card__content .card__information {
padding-bottom: 0px;
}
}
@media only screen and (max-width: 749px) {
.blogFeed .grid--peek.slider .grid__item:first-of-type ,
.blogFeed .grid--peek.slider .grid__item {
margin-left: 0rem !important;
margin-right: 0rem !important;
}
.blogFeed .slider.slider--tablet {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 600px) {
.blogFeed .page-width-desktop {
padding-top: 20px;
}
}
@media only screen and (max-width: 500px) {
.blogFeed .page-width-desktop {
padding-top: 15px;
}
}



/* Home - Newsletter */
.newsletter-form__field-wrapper .field__input {
border: solid 1px #ddd !important;
}


/* Footer */
.footer {
border-top: none !important;
padding-top: 0px !important;
}
.footer__content-bottom {
padding-top: 0px !important;
}
.footer__content-bottom-wrapper:last-of-type {
justify-content: center;
margin-top: 15px;
}
.shopify-section-group-footer-group.multicols {
margin-top: 0px !important;
}
.shopify-section-group-footer-group.multicols .page-width {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.shopify-section-group-footer-group.multicols .multicolumn.background-primary .multicolumn-card {
background: transparent !important;
font-size: 12px;
line-height: 150%;
}
.shopify-section-group-footer-group.multicols .multicolumn .multicolumn-card a {
text-decoration: none;
}
.shopify-section-group-footer-group.multicols .multicolumn .multicolumn-card p {
margin-bottom: 4px;
line-height: 155% !important;  
}
.shopify-section-group-footer-group.multicols .multicolumn.background-primary .multicolumn-card li {
list-style: none;
margin-bottom: 6px;
padding-left: 0;
margin-left: 0;
}
.shopify-section-group-footer-group.multicols .multicolumn.background-primary .multicolumn-card li a {
font-size: 14px;
}
.shopify-section-group-footer-group.multicols .multicolumn-card__info {
padding: 15px;
}
.shopify-section-group-footer-group footer ,
.shopify-section-group-footer-group .multicolumn {
background-color: #f9f9f9 !important; 
padding-top: 20px;
}
.shopify-section-group-footer-group.multicols .multicolumn.background-primary .multicolumn-card img {
width: 60px;
height: auto;
}
.shopify-section-group-footer-group.multicols .multicolumn-list {
margin: 0 auto;
width: 100%;
display: block;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item {
display: inline-block;
vertical-align: top;
max-width: none;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(1) ,
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(2) {
width: 20%; 
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(3) {
width: 50%;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(4) {
width: 10%;
}
@media only screen and (max-width: 1100px) {
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(1) {
width: 15%;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(2) {
width: 20%; 
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(3) {
width: 50%;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(4) {
width: 15%;
}
}
@media only screen and (max-width: 850px) {
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(1) {
width: 50%;
text-align: center;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(2) {
width: 50%;
text-align: center;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(3) {
width: 100%;
text-align: center;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(4) {
width: 200px;
text-align: center;
display: block;
margin: 0 auto;
}
.footeCols {
padding: 0 10%;
}
.shopify-section-group-footer-group.multicols .multicolumn.background-primary .multicolumn-card img {
margin: auto;
width: 60px;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(4) .media {
padding-bottom: 0px !important;
height: 100px;
margin-left: 45px;
margin-right: 45px;
}
.footeCols .rte ul {
padding-left: 0px !important;
}
}
@media only screen and (max-width: 750px) {
.footeCols .multicolumn-list{
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 550px) {
.footeCols {
padding: 0 5%;
}
}
@media only screen and (max-width: 450px) {
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(1) {
width: 100%;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(2) {
width: 100%;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(1) .multicolumn-card__info {
padding-bottom: 0px;
}
.shopify-section-group-footer-group.multicols .multicolumn-list__item:nth-of-type(2) .multicolumn-card__info {
padding-top: 0px;
}
}



/* built to last panel */
.BuiltToLastWrapper h2 {
font-size: 80px;
font-weight: 500;
line-height: 130%;
margin-bottom: 15px;
}
.BuiltToLastWrapper .banner__media img {
object-fit: cover;
}
@media only screen and (max-width: 1250px) {
.BuiltToLastWrapper h2 {
font-size: 75px;
}
.banner__text.rte p {
font-size: 24px;
}
}
@media only screen and (max-width: 750px) {
.BuiltToLastWrapper .banner__content {
padding: 5rem;
}
}
@media only screen and (max-width: 650px) {
.BuiltToLastWrapper h2 {
font-size: 68px;
}
.banner__text.rte p {
font-size: 21px;
}
}
@media only screen and (max-width: 550px) {
.BuiltToLastWrapper h2 {
font-size: 60px;
}
.banner__text.rte p {
font-size: 20px;
}
.BuiltToLastWrapper .banner__box {
padding: 15px; 
}
}
@media only screen and (max-width: 450px) {
.BuiltToLastWrapper h2 {
font-size: 50px;
}
.banner__text.rte p {
font-size: 19px;
}
.BuiltToLastWrapper .banner__box {
padding: 0px; 
}
}
@media only screen and (max-width: 400px) {
.BuiltToLastWrapper h2 {
font-size: 43px;
}
.banner__text.rte p {
font-size: 19px;
}
}
@media only screen and (max-width: 380px) {
.BuiltToLastWrapper h2 {
font-size: 38px;
}
.banner__text.rte p {
font-size: 19px;
}
}


/* Content pages */
#MainContent h1.main-page-title {
margin: 0 auto;
width: 100%;
text-align: center;
}






/* PRODUCT PAGE */
/* add bg colour to the main product section */
[class*="product"] #MainContent section:nth-of-type(1) {
background-color: #f2f2f2;
}
.product__info-container .productLogo {
width: 60px;
}
.product__info-wrapper {
padding-bottom: 30px !important;
}
.product__info-container .product__title {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.product__info-container .product__title h1 {
font-size: 60px;
line-height: 100% !important;
margin-top: 7px;
margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
.product__info-container .product__title h1 {
font-size: 52px;
line-height: 100% !important;
margin-top: 7px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 750px) {
.product__info-container .product__title h1 {
font-size: 60px;
line-height: 100% !important;
margin-top: 7px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 500px) {
.product__info-container .product__title h1 {
font-size: 52px;
line-height: 100% !important;
margin-top: 7px;
margin-bottom: 25px;
}
}
.product__info-container .shopify-app-block {
margin-top: 0px !important;
}
.product-form__buttons {
max-width: 100% !important;
}
.product__info-container .product__tax {
margin-top: -20px;
}
.product-form__submit {
background-color: var(--orange) !important;
border: none !important;
color: #fff !important;
padding: 20px;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
}
.product-form__submit:hover {
border: none !important;
}
.product__info-container .price__container {
font-weight: 800;
font-size: 20px;
letter-spacing: 1px;
}
.product-media-container.media-fit-cover, .product-media-container.media-fit-cover .product__modal-opener, .product-media-container.media-fit-cover .media {
border: 0.5px solid #eee;
}
/* colour option buttons */
/* grey */
body .product-form__input--pill input:nth-of-type(1):checked+label {
background-color: #333333 !important;
border-color: #333333 !important;  
color: #fff;
}
/* olive green */
body .product-form__input--pill input:nth-of-type(2):checked+label {
background-color: #8b8f75 !important;  
border-color: #8b8f75 !important;  
}
/* mint green */
body .product-form__input--pill input:nth-of-type(3):checked+label {
background-color: #89b1a0 !important;  
border-color: #89b1a0 !important;  
}
/* light peach */
body .product-form__input--pill input:nth-of-type(4):checked+label {
background-color: #d4b28c !important;  
border-color: #d4b28c !important;  
}

/* related products */
.productPage_moreFromWrapper {
margin-bottom: 20px !important; 
}
.productPage_moreFromWrapper h2 {
text-align: center;
margin-top: 20px !important; 
}



/* video */
.video-section {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
@media only screen and (max-width: 1000px) {
.video-section {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
}
@media only screen and (max-width: 600px) {
.video-section {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}



/* reviews app */
/* add bg colour - based on this being 2nd child section in the mainContent div as cant target it direct to its parent section wrapper */
/*
[class*="product"] #MainContent section:nth-of-type(2) {
background-color: #f9f9f9 !important;
margin-top: 30px;
}
*/
/* better solution (can move the reviews section around now using this solution and still works) - looks to see if has a parent class which includes "product" class - then looks into mainContent for a section which has a child element with the class "productPageReviewsWrapper" */
[class*="product"] #MainContent section:has(.productPageReviewsWrapper) {
background-color: #f9f9f9 !important;
/*margin-top: 30px;*/
}
.trustshop-score-card-type--top {
border-radius: 0px !important;
}
.product__info-container .trustshop-summary-star--item {
margin-right: 2px;
width: 15px;
}
.product__info-container .display_rating--after::after {
content: "|";
color: #cccccc;
margin-left: 10px;
display: inline-block;
}
.trustshop-review-item-type--list:last-of-type {
border-bottom: none !important;
}
.trustshop-review-body--title {
display: none !important;
}
.trustshop-score-card-type--top {
background-color: #ffffff;
border-radius: none !important;
}
.trustshop-review-item-type--list , .trustshop-review-item--body {
width: 100% !important;
}
.trustshop.trustshop-review-item--body {
width: 100% !important;  
}
.trustshop-review--content {
margin-top: 6px !important;
}
.trustshop-summary-box-type--top p.trustshop-title {
margin: 30px 0 25px;
text-align: center;
font-size: 32px;
}
.trustshop-button {
border-radius: 0px !important;
}
.trustshop-no--review h1 {
margin-bottom: 30px !important;
}
#trustshop-noreview--button:hover {
background-color: #000 !important;
}
.trustshop-score-card-type--top .trustshop-write-review button {
text-transform: uppercase;
}
.trustshop-score-card-type--top .trustshop-write-review button:hover {
background-color: #333 !important;
color: #fff !important;
}
.trustshop-score-card-type--top p.trustshop-title {
font-size: 22px !important;
}
.trustshop-score-card-type--top {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 1200px) {
.product__info-wrapper {
padding: 0 0 0 3rem !important;
}
}
@media only screen and (max-width: 1000px) {
.trustshop-summary-box-type--top p.trustshop-title {
margin: 0px 0 20px;
}
#trustshop-review {
padding: 40px 0 !important;
}
}
@media only screen and (max-width: 750px) {
.product__info-wrapper {
padding: 20px 15px 0 !important;
}
.trustshop-summary-box-type--top p.trustshop-title {
font-size: 28px;
}
}
@media only screen and (max-width: 500px) {
.trustshop-summary-box-type--top p.trustshop-title {
font-size: 24px;
}
#trustshop-review {
padding: 30px 0 !important;
}
}






 /* COLLECTIONS */
.collection-hero {
display: none;
}


/* BLOG ARTICLE */
/* remove left margin on ul and ol */
.rte ul, .rte ol {
padding-left: 0;
}
#blog-post-title-goes-here.article #MainContent {
margin-top: 40px;
}
.article-template  {
max-width: 130rem;
margin: 0 auto 80px;
}
.article-template__social-sharing {
display: none;
}
#blog-post-title-goes-here.article .article-template header h1 {
line-height: 130%;
}
#blog-post-title-goes-here.article .article-template header {
margin-top: 50px;
}
.blogSocialSharing {
padding: 0 0 50px;
}
.article .article-template__comment-wrapper {
background-color: #fff !important;
}
#comments .field__input, #comments .customer .field input {
border: 1px solid #ddd;
font-family: "Urbanist", sans-serif !important;
}
p.blogCommentsformLegals {
font-size: 14px;
margin-bottom: 25px;
}
.blogCommentsformLegals a {
color: #333;
}
#comment_form .button {
text-transform: uppercase;
}
.article-template__comments-comment {
background-color: #f5f5f5 !important;
border: 1px solid #ddd;
}
@media only screen and (max-width: 1400px) {
.article-template  {
max-width: 90%;
}
}
@media only screen and (max-width: 1000px) {
#blog-post-title-goes-here.article #MainContent {
margin-top: 30px;
}
#blog-post-title-goes-here.article .article-template header {
margin-top: 30px;
}
}
@media only screen and (max-width: 990px) {
.article-template .page-width--narrow {
padding: 0;
}
}
@media only screen and (max-width: 750px) {
#blog-post-title-goes-here.article #MainContent {
margin-top: 20px;
}
#blog-post-title-goes-here.article .article-template header {
margin-top: 15px;
}
.article #MainContent p , .article #MainContent li {
font-size: 15px;
}
p.blogCommentsformLegals {
font-size: 13px;
}
}
@media only screen and (max-width: 500px) {
#blog-post-title-goes-here.article #MainContent {
margin-top: 10px;
}
}
@media only screen and (max-width: 450px) {
.article #MainContent p , .article #MainContent li {
font-size: 14px;
}
p.blogCommentsformLegals {
font-size: 12px;
}
}


/* BLOG INDEX */
.main-blog h1.title--primary{
margin: 0px auto 40px;
width: 100%;
text-align: center;
font-size: 52px;
display: none;
}
.blogIntro .rich-text__blocks {
max-width: 80%;
}
.blogIntro .rich-text__blocks p:first-of-type {
font-size: 22px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.blogIntro .rich-text__blocks h2 {
margin-top: 40px;
margin-bottom: 0px;
font-size: 30px;
}
.blogColsWrapper h3 {
font-size: 24px;
}
.blogColsWrapper .grid {
column-gap: 25px; 
row-gap: 25px;
}
.blogColsWrapper .grid__item {
padding: 25px 15px 5px;
width: calc(33.33% - 50px);
background-image: url('/cdn/shop/files/blog_ghostLogo_stroked2.svg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-bottom: 10px solid #ddd;
background-color: #333;
}
.blogColsWrapper .grid__item h3 , 
.blogColsWrapper .grid__item p {
color: #fff;
}
.blogColsWrapper .grid__item p {
opacity: 0.85;
}
.blogColsWrapper .grid__item:nth-of-type(1n) {
/*background-color: var(--orange);*/
background-size: 110%;
background-position: 25% 50%;
border-bottom-color: var(--orange);
}
.blogColsWrapper .grid__item:nth-of-type(2n) {
/*background-color: var(--turq);*/
background-size: 100%;
background-position: -25% 120%;
border-bottom-color: var(--turq);
}
.blogColsWrapper .grid__item:nth-of-type(3n) {
/*background-color: var(--green);*/
background-size: 75%;
background-position: 70% 80%;
border-bottom-color: var(--green);
}
.blogColsWrapper .grid__item:nth-of-type(4n) {
/*background-color: var(--pink);*/
background-size: 120%;
background-position: -50% -10%;
border-bottom-color: var(--pink);
}
.blogColsWrapper .grid__item:nth-of-type(5n) {
/*background-color: #3673be;*/
background-size: 150%;
background-position: -85% 0%;
border-bottom-color: #3673be;
}
.blogColsWrapper .grid__item:nth-of-type(6n) {
/*background-color: #333;*/
background-size: 85%;
background-position: 225% 50%;
border-bottom-color: #ccc;
}
.blog .card--standard>.card__content .card__information {
padding-left: 5%;
padding-right: 5%;
}
.blog-articles .article-card .card__heading {
font-size: 30px;
}
.blog-articles .article-card__excerpt {
font-size: 17px;
}
@media only screen and (max-width: 1250px) {
.blog-articles .article-card__excerpt {
font-size: 16px;
}
.blogColsWrapper h3 {
font-size: 21px;
}
.blogColsWrapper .rte p {
font-size: 15px;
}
}
@media only screen and (max-width: 1000px) {
.blog-articles .article-card .card__heading {
font-size: 26px;
}
.blog-articles .article-card__excerpt {
font-size: 15px;
}
}
@media only screen and (max-width: 900px) {
.blogColsWrapper .grid__item {
padding: 25px 15px 5px;
width: calc(50% - 50px);
}
}
@media only screen and (max-width: 750px) {
.main-blog.page-width {
padding-left: 5%;
padding-right: 5%;
}
.blogColsWrapper .grid__item {
padding: 25px 25px 5px !important;
}
.blogColsWrapper {
padding-left: 5%;
padding-right: 5%;
}
}
@media only screen and (max-width: 600px) {
.blogColsWrapper .grid__item {
width: calc(100% - 50px);
}
.blogIntro .rich-text__blocks h2 {
margin-top: 30px;
font-size: 25px;
}
.blogIntro .rich-text__blocks p:first-of-type {
font-size: 19px;
}
.blogIntro .rich-text__blocks {
max-width: 90%;
}
}
@media only screen and (max-width: 450px) {
.main-blog.page-width {
padding-left: 30px;
padding-right: 30px;
}
.blogIntro .rich-text__blocks {
max-width: 100%;
}
}


/* blog index 3 cols in a row - without hero 25072024 */
body .blog-articles {
grid-template-columns: 1fr 1fr 1fr;
}
.blog-articles .article-card .card__heading a {
line-height: 135% !important;
}
.blog-articles .article-card .card__heading {
font-size: 28px;
}
@media only screen and (max-width: 1600px) {
.blog-articles .article-card .card__inner , .blog-articles .article-card .card .card__inner .card__media {
height: 250px;
}
}
@media only screen and (max-width: 1300px) {
.blog-articles .article-card .card__inner , .blog-articles .article-card .card .card__inner .card__media {
height: 215px;
}
}
@media only screen and (max-width: 1350px) {
.blog-articles .article-card .card__heading {
font-size: 26px;
}
}
@media only screen and (max-width: 1100px) {
.blog-articles .article-card .card__heading {
font-size: 23px;
}
.blog-articles .article-card .card__inner , .blog-articles .article-card .card .card__inner .card__media {
height: 175px;
}
}
@media only screen and (max-width: 900px) {
body .blog-articles {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 749px) {
body .blog-articles {
column-gap: 20px;
row-gap: 20px;
}
}

@media only screen and (max-width: 600px) {
body .blog-articles {
grid-template-columns: 1fr;
}
}



/* SHOP / COLLECTION */
#shop #MainContent , .collection #MainContent {
background-color: #f2f2f2 !important;
}
#shop .shopIndexProductFeed , .collection .collectionProductFeed , .collection .collectionShopTitle .content-container {
background: none !important;
}
@media only screen and (max-width: 750px) {
#shop .page-width {
padding-left: 5%;
padding-right: 5%;
}
}
@media only screen and (max-width: 450px) {
#shop .main-blog.page-width {
padding-left: 30px;
padding-right: 30px;
}
}



/* CONTACT PAGE */
body .contact.page-width {
max-width: 130rem !important;
}
.contactIntroBlock {
/*background-color: var(--orange);*/
}
.contactIntroBlock .grid__item:first-of-type {
width: 65%;
}
.contactIntroBlock .grid__item:last-of-type {
width: 35%;
}
.contactIntroBlock .image-with-text--overlap .image-with-text__content {
width: calc(100% + 10rem);
min-width: calc(100% + 10rem);
margin-left: -10rem;
}
.contactSocials {
/*background-color: #333;*/
padding: 40px 0;
}
.contactFormWrapper {
padding-left: 15%;
padding-right: 15%;
background-color: #333;
}
.contactFormWrapper .button {
background-color: var(--orange) !important;
color: #fff !important;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 2px;
}
.contactFormWrapper .button:hover {
background-color: #fff !important;
color: #333 !important;
}
.contactFormWrapper .contact__button {
text-align: center;
margin-top: 0;
}
.contactFormWrapper .text-area {
min-height: 180px;
height: 180px;
font-family: "Urbanist", sans-serif !important;
}
.contactFormWrapper .legals {
width: 100%;
text-align: center;
}
.contactFormWrapper .legals p {
color: #fff;
font-size: 14px;
padding: 0 5%;
margin-bottom: 25px;
}
.contactFormWrapper .legals p a {
color: #fff;
}
.contactSocials ul {
margin: 0;
padding: 0;
text-align: center;
}
.contactSocials li {
margin: 0 12px;
padding: 0;
display: inline-block;
}
.contactSocials li img {
width: 40px;
height: auto;
}
.contactSocials li a:hover {
opacity: 0.7;
}
.contactFormWrapper .form-status , .contactFormWrapper .form-status-list , .contactFormWrapper .form-status-list a , .contactFormWrapper .form__message {
color: #fff;
}
.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after {
box-shadow: none !important;
}
body .contact.page-width {
padding-bottom: 50px;
}
@media only screen and (max-width: 1750px) {
.contactFormWrapper {
padding-left: 10%;
padding-right: 10%;
}
}
@media only screen and (max-width: 1600px) {
.contactFormWrapper {
padding-left: 7%;
padding-right: 7%;
}
}
@media only screen and (max-width: 1400px) {
body .contact.page-width  {
max-width: 90% !important;
}
.contactFormWrapper {
padding-left: 5%;
padding-right: 5%;
}
.contactIntroBlock {
padding-top: 0 !important;
}
}
@media only screen and (max-width: 1150px) {
.contactIntroBlock .image-with-text__content {
padding: 4rem 5rem 5rem;
}
.contactIntroBlock h2 {
font-size: 34px;   
}
.contactIntroBlock p {
font-size: 15px;
}
.contactIntroBlock .image-with-text__content>*+* {
margin-top: 1rem;
}
}
@media only screen and (max-width: 1200px) {
.contactFormWrapper {
padding-left: 0%;
padding-right: 0%;
}
}
@media only screen and (max-width: 990px) {
body .contact.page-width {
padding-top: 50px;
padding-bottom: 40px;
}
}
@media only screen and (max-width: 950px) {
.contactIntroBlock .grid__item:first-of-type {
width: 60%;
}
.contactIntroBlock .grid__item:last-of-type {
width: 40%;
}
}
@media only screen and (max-width: 900px) {
.contactIntroBlock .grid__item:first-of-type {
width: 100%;
}
.contactIntroBlock .grid__item:last-of-type {
width: 100%;
}
.contactIntroBlock .image-with-text--overlap .image-with-text__content {
width: 100%;
min-width: 100%;
margin-left: 0rem;
}
.contactIntroBlock .image-with-text--overlap .image-with-text__text-item {
padding: 0;
}
.contactIntroBlock .image-with-text__content {
padding: 3rem 3rem 1rem;
}
.contactIntroBlock img {
height: 300px;
object-fit: cover;
}
.contactIntroBlock .image-with-text__media-item {
height: 300px;
}
.contactIntroBlock .image-with-text__media {
height: 300px;
padding-bottom: 0px !important;
}
.contactIntroBlock .image-with-text--overlap .image-with-text__content {
margin: 0 auto;
}
.contactIntroBlock .image-with-text__content {
padding: 3rem 3rem 1.5rem;
}
}
@media only screen and (max-width: 750px) {
body .contact.page-width {
padding-top: 40px;
padding-bottom: 40px;
}
.contactFormWrapper .legals p {
font-size: 12px;
}
}
@media only screen and (max-width: 750px) {
.field__input, .customer .field input {
padding: 1rem;
font-size: 15px;
}
}
@media only screen and (max-width: 749px) {
.contactIntroBlock .page-width {
padding-left: 5%;
padding-right: 5%;
}
.contactIntroBlock h2 {
margin-top: 0px !important;
}
}
@media only screen and (max-width: 550px) {
.contactIntroBlock .image-with-text__content {
padding: 2rem 3rem;
}
.contactIntroBlock h2 {
font-size: 30px;   
}
.contactIntroBlock p {
font-size: 14px;
}
}
@media only screen and (max-width: 500px) {
.socialsWrapper {
transform: scale(0.85);
}
.contactSocials {
padding: 30px 0;
}
.contactIntroBlock img {
height: 250px;
}
.contactIntroBlock .image-with-text__media-item {
height: 250px;
}
.contactIntroBlock .image-with-text__media {
height: 250px;
}
}
@media only screen and (max-width: 450px) {
.field__input, .customer .field input {
padding: 1rem;
font-size: 14px;
}
.contactIntroBlock .image-with-text__content {
padding: 2rem 1rem 1rem;
}
}



/* ABOUT PAGE */
.aboutPanel1 .rich-text__blocks {
max-width: 100%;
}
.aboutPanel1 p {
font-size: 24px;
padding: 0 5%;
}
.aboutPhotosStrip {
background-color: #151515;
}
.aboutPhotosStrip .multicolumn-card-spacing {
padding-top: 0;
margin-left: 0;
margin-right: 0;
}
.aboutPhotosStrip .grid {
column-gap: 40px;
}
.aboutPhotosStrip .grid--3-col-desktop .grid__item {
width: calc(33.33% - 80px) !important;
max-width: unset !important;
}
.aboutNonNegotiables {
background-color: #f9f9f9;
}
.aboutNonNegotiables .rich-text {
background-color: transparent !important;
}
.aboutNonNegotiables .rich-text__blocks {
max-width: 100% !important;
}
.aboutNonNegotiables .multicolumn-card {
background-color: transparent !important;
}
.aboutNonNegotiables .rich-text p {
font-size: 22px;
}
.aboutRealAction img {
object-fit: cover;
}
.aboutRealAction h2 {
color: #fff;
}
.aboutRealAction p {
font-size: 22px !important;
}
.aboutRealAction .banner__box {
background: rgba(255,255,255,0.0);
max-width: 90%;
min-width: unset;
}
.aboutNonNegotiables .multicolumn-card h3 {
font-size: 24px;
}
.aboutHowCreated .image-with-text__content {
padding: 6rem 0 7rem 7rem;
}
.aboutHowCreated .image-with-text__media-item {
background-color: var(--green);
}
.aboutHowCreated .grid--2-col-tablet .grid__item:first-of-type {
width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2);
}
.aboutHowCreated .grid--2-col-tablet .grid__item:last-of-type {
width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2);
}
@media only screen and (max-width: 1250px) {
.aboutPanel1 p {
font-size: 21px;
padding: 0 5%;
}  
.aboutHowCreated .grid--2-col-tablet .grid__item:first-of-type {
width: calc(40% - var(--grid-desktop-horizontal-spacing) / 2);
}
.aboutHowCreated .grid--2-col-tablet .grid__item:last-of-type {
width: calc(60% - var(--grid-desktop-horizontal-spacing) / 2);
}
.aboutHowCreated .image-with-text__content {
padding: 4rem 0 5rem 5rem;
}
.aboutNonNegotiables .grid {
column-gap: 0px;
}
.aboutNonNegotiables .grid--3-col-desktop .grid__item {
width: 33.33%;
max-width: 33.33%;
}
}
@media only screen and (max-width: 1000px) {
.aboutPhotosStrip .grid {
column-gap: 30px;
}
.aboutPhotosStrip .grid--3-col-desktop .grid__item {
width: calc(33.33% - 60px) !important;
max-width: unset !important;
}
}
@media only screen and (max-width: 900px) {
.aboutPanel1 p {
font-size: 19px;
padding: 0 5%;
}
.aboutRealAction p {
font-size: 20px !important;
}
}
@media only screen and (max-width: 800px) {
.aboutPhotosStrip .grid {
column-gap: 20px;
}
.aboutPhotosStrip .grid--3-col-desktop .grid__item {
width: calc(33.33% - 40px) !important;
max-width: unset !important;
}
.aboutNonNegotiables .multicolumn-card__image-wrapper {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important;
}
.aboutNonNegotiables .multicolumn-list .multicolumn-card__info, .aboutNonNegotiables .multicolumn-list:not(.slider) .center .multicolumn-card__info {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.aboutNonNegotiables .multicolumn-list .multicolumn-card__info p {
font-size: 14px;
}
}
@media only screen and (max-width: 750px) {
.aboutHowCreated .image-with-text__content {
padding: 4rem 2rem 5rem 4rem;
}
.aboutPhotosStrip {
padding-left: 1%;
padding-right: 1%;
}
.aboutRealAction .banner__box {
background: rgba(255, 255, 255, 0.0);
max-width: 90%;
margin-left: 5%;
min-width: unset;
}
}
@media only screen and (max-width: 749px) {
.aboutRealAction.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media {
height: 350px !important;
background-color: #000;
}
.aboutRealAction.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__content ,
.aboutRealAction.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__box {
height: 350px !important;
width: 100% !important;
}
.aboutRealAction.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__content {
display: table;
}
.aboutRealAction.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__box {
display: table-cell;
vertical-align: middle;
}
.aboutRealAction.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media img {
opacity: 0.7;
}
}
@media only screen and (max-width: 650px) {
.aboutHowCreated {
padding-left: 5%;
padding-right: 5%;
}
.aboutHowCreated .grid--2-col-tablet .grid__item:first-of-type {
width: calc(100% - var(--grid-desktop-horizontal-spacing) / 2);
}
.aboutHowCreated .grid--2-col-tablet .grid__item:last-of-type {
width: calc(100% - var(--grid-desktop-horizontal-spacing) / 2);
}
.aboutHowCreated .image-with-text__content {
padding: 3rem 2rem 2rem 2rem;
}
.aboutPanel1 p {
font-size: 17px;
padding: 0 5%; 
}
.aboutNonNegotiables .grid--3-col-desktop .grid__item {
width: 100% !important;
max-width: unset !important;
padding: 0 5%;
}
.aboutNonNegotiables .multicolumn-card__image-wrapper+.multicolumn-card__info {
padding-top: 1.5rem;
}
.aboutNonNegotiables .multicolumn-list .multicolumn-card__info h3 {
font-size: 28px;
}
.aboutNonNegotiables .multicolumn-list .multicolumn-card__info p {
font-size: 16px;
}
}
@media only screen and (max-width: 625px) {
.aboutPhotosStrip .grid {
column-gap: 15px;
}
.aboutPhotosStrip .grid--3-col-desktop .grid__item {
width: calc(50% - 30px) !important;
max-width: unset !important;
}
.aboutPhotosStrip .grid--3-col-desktop .grid__item:last-of-type {
width: 100% !important;
max-width: unset !important;
margin-top: 11px;
}
}
@media only screen and (max-width: 550px) {
.aboutHowCreated .image-with-text__content {
padding: 3rem 0rem 1.5rem 0rem;
}
.aboutRealAction p {
font-size: 18px !important;
}
}
@media only screen and (max-width: 450px) {
.aboutPanel1 p {
font-size: 16px;
padding: 0;
}
.aboutNonNegotiables .multicolumn-list .multicolumn-card__info h3 {
font-size: 24px;
}
.aboutNonNegotiables .multicolumn-list .multicolumn-card__info p {
font-size: 14px;
}
.aboutRealAction.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media {
height: 400px !important;
}
.aboutRealAction.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__content ,
.aboutRealAction.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__box {
height: 400px !important;
}
}




/* ///////////// CART /////////////// */
.cart__footer-wrapper {
margin-bottom: 80px;
}
.cart .title-wrapper-with-link a {
display: none;
}
cart-items .title-wrapper-with-link {
justify-content: center;
}
.cart-items .cart-item:nth-of-type(odd) {
background-color: #eee;
}
.cart-items .cart-item:nth-of-type(even) {
background-color: #f6f6f6;
}
.cart__items {
padding-bottom: 0px !important;
}
.cart-item__image {
max-width: 100% !important;
}
.cart-items td {
padding-top: 2rem !important;
padding-bottom: 1.6rem !important;
}
.cart-items thead th:first-child {
padding-left: 15px;
}
.cart-items thead th:last-child {
padding-right: 15px;
}
.cart-item__media {
padding-left: 2rem !important;
}
.cart-item__totals {
padding-right: 2rem !important;
}
.cart-item__name {
font-size: 21px !important;
font-weight: 600 !important;
}
.cart__footer>* {
width: 400px !important;
}
.cart__ctas {
display: block !important;
}
.cart__checkout-button , .cart__dynamic-checkout-buttons {
max-width: 100% !important;
}
.totals .totals__total ,
.totals .totals__total-value {
font-size: 20px;
}
.totals__total {
position: relative;
top: 3px;
}
.cart__blocks>*+* {
margin-top: 0rem !important;
}
@media only screen and (max-width: 1300px) {
.cart-item td.cart-item__details {
padding-left: 3rem !important;
}
}
@media only screen and (max-width: 1000px) {
.cart__footer-wrapper {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 900px) {
.cart-item td.cart-item__details {
padding-left: 2rem !important;
}
}
@media only screen and (max-width: 749px) {
.cart__footer>* {
width: 100% !important;
}
.cart__footer-wrapper {
margin-bottom: 30px;
}
body .cart-item__quantity {
padding-top: 0px !important;
padding-left: 20px !important;
}
.cart-items thead tr {
border-bottom: none !important;
margin-bottom: 0 !important;
}
.cart-item {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 600px) {
.cart-item td.cart-item__details {
padding-left: 1rem !important;
}
body .cart-item__quantity {
padding-left: 10px !important;
}
}




/* CART POPOUT */
.cart-notification-product {
padding-bottom: 1rem;
border-bottom: 1px solid #ddd;
}



/* ADD REVIEW POPOVER */
body .trustshop-form-review--container #trustshop-review--wrap {
border-radius: 0px !important;;
}
.trustshop-form-review--header ,
.trustshop-form-review--rating ,
.trustshop-form-review--media {
border-color: #999 !important;
border-left: none !important;
border-right: none !important;
}
.trustshop-form-input--field>input, .trustshop-form-input--field>textarea {
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
border-color: #999 !important;
margin-top: 5px !important;
}
.trustshop-form-product--info p {
color: #000 !important;
font-size: 22px !important;
font-weight: bold !important;
}
.trustshop-form-input--field>input::placeholder, .trustshop-form-input--field>textarea::placeholder {
color: #999 !important;
}
.trustshop-form--label ,
body #trustshop-name-display--label label {
color: #000 !important;
}
body #trustshop-review-action--submit {
border: none !important;
background-color: var(--orange) !important;
color: #fff !important;
filter: none !important;
}
body #trustshop-review-action--submit:hover {
background-color: #000 !important;
filter: grayscale(.2);
}
.trustshop-form-review-header--title {
color: #000 !important;
}
body .trustshop-warning , body .trustshop-input-validate-error>div span {
color: red !important;
}
body .trustshop-input-validate-error input, body .trustshop-input-validate-error textarea {
border-color: red !important;
}








/* LEGALS PAGES */
body[class*="legals"] #MainContent h1 {
margin-bottom: 40px;
}
body[class*="legals"] #MainContent .page-width {
padding-left: 5%;
padding-right: 5%;
}
body[class*="legals"] #MainContent li {
padding-left: 20px;
margin-left: 20px;
list-style: disc;
margin-bottom: 6px;
}
body[class*="legals"] #MainContent h2 ,
body[class*="legals"] #MainContent h3 ,
body[class*="legals"] #MainContent h4 ,
body[class*="legals"] #MainContent h5 {
margin: 25px 0 15px;
}
body[class*="legals"] #MainContent h5 {
font-weight: 500;
font-size: 18px;
}
body[class*="legals"] #MainContent .rte table {
width: 100%;
}
body[class*="legals"] #MainContent .rte table:not([class]) td , body[class*="legals"] #MainContent .rte table:not([class]) th {
vertical-align: top;
line-height: 130%;
}
body[class*="legals"] #MainContent .rte table td.break-all {
word-break: break-all;
}
body[class*="legals"] #MainContent .rte table:not([class]) td, body[class*="legals"] #MainContent .rte table:not([class]) th {
padding: 1em;
text-align: left;
}
body[class*="legals"] #MainContent .rte table ul {
margin: 0;
}
body[class*="legals"] #MainContent .rte a {
word-break: break-word;
}
@media only screen and (max-width: 900px) {
body[class*="legals"] #MainContent .rte table:not([class]) td, body[class*="legals"] #MainContent .rte table:not([class]) th {
padding: 7px;
}
body[class*="legals"] #MainContent .rte table:not([class]) td , body[class*="legals"] #MainContent .rte table:not([class]) th {
font-size: 13px;
}
body[class*="legals"] #MainContent .rte p , body[class*="legals"] #MainContent .rte li {
font-size: 13px;
}
}
@media only screen and (max-width: 600px) {
body[class*="legals"] #MainContent .rte table:not([class]) td, body[class*="legals"] #MainContent .rte table:not([class]) th {
padding: 5px;
}
body[class*="legals"] #MainContent .rte table:not([class]) td , body[class*="legals"] #MainContent .rte table:not([class]) th {
font-size: 12px;
}
body[class*="legals"] #MainContent .rte p , body[class*="legals"] #MainContent .rte li {
font-size: 12px;
}
}





/* 25072024 - Blog post - Top 10 bits */
.top10Wrapper { 
float: left;
width: 100%;
margin: 15px 0;
display: flex;
}
.top10LHS {
width: 30%;
margin-right: 4%;
float: left;
vertical-align: top;
display: flex;
}
.top10LHS img {
object-fit: contain;
}
.top10RHS {
width: 66%;
float: left;
vertical-align: middle;
display: flex;
flex-direction: column;
justify-content: center;
}
.top10RHS h2 {
margin: 0;
}
.top10RHS p {
margin-bottom: 0;
}
@media only screen and (max-width: 1050px) {
.top10LHS {
width: 35%;
margin-right: 4%;
}
.top10RHS {
width: 61%;
}
}
@media only screen and (max-width: 850px) {
.top10LHS {
width: 40%;
margin-right: 5%;
}
.top10RHS {
width: 55%;
}
}
@media only screen and (max-width: 550px) {
.top10LHS {
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 15px;
}
.top10RHS {
width: 100%;
}
.top10Wrapper {
display: block;
}
.top10LHS {
display: block;
}
.top10RHS {
display: block;
}
}
@media only screen and (max-width: 450px) {
.top10LHS {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
}





/* Shopify cookies banner */
.shopify-pc__banner__dialog {
padding: 10px !important; 
}
.shopify-pc__banner__body {
margin: 5px 5% 5px 10px !important; 
}
.shopify-pc__banner__dialog h2 {
  font-size: 15px !important;
  margin: 0 !important;
}
.shopify-pc__banner__dialog p {
  font-size: 13px !important;
}
.shopify-pc__banner__dialog button {
  font-size: 15px !important;
}
.shopify-pc__banner__dialog button {
  padding: 10px 15px !important;
}
@media only screen and (max-width: 1280px) {
      .shopify-pc__banner__wrapper {
        flex-direction: row !important;
    }
    .shopify-pc__banner__body {
        margin-right: 5% !important;
        margin-bottom: 0px !important;
        width: 60% !important;
    }
  .shopify-pc__banner__btns {
        min-width: auto;
        width: 35% !important;
  }
  .shopify-pc__banner__dialog button {
        padding: 10px 15px !important;
        margin: 10px 5px !important;
    }
  .shopify-pc__banner__dialog {
    padding: 5px !important;
}
}
@media only screen and (max-width: 800px) {
.shopify-pc__banner__dialog h2 {
  font-size: 14px !important;
  margin: 0 !important;
}
.shopify-pc__banner__dialog p {
  font-size: 12px !important;
}
.shopify-pc__banner__dialog button {
  font-size: 14px !important;
}
.shopify-pc__banner__body {
        margin-right: 5% !important;
        margin-bottom: 0px !important;
        width: 50% !important;
    }
  .shopify-pc__banner__btns {
        min-width: auto;
        width: 45% !important;
  }
}
@media only screen and (max-width: 650px) {
.shopify-pc__banner__dialog h2 {
  font-size: 13px !important;
  margin: 0 !important;
}
.shopify-pc__banner__dialog p {
  font-size: 10px !important;
}
.shopify-pc__banner__dialog button {
  font-size: 13px !important;
}
.shopify-pc__banner__body {
        margin-right: 5% !important;
        margin-bottom: 0px !important;
        width: 50% !important;
    }
  .shopify-pc__banner__btns {
        min-width: auto;
        width: 45% !important;
  }
}
@media only screen and (max-width: 550px) {
 .shopify-pc__banner__wrapper {
        flex-direction: column !important;
    }
.shopify-pc__banner__body {
        margin-right: 0% !important;
        margin-bottom: 10px !important;
        width: 100% !important;
  text-align: center !important;
    }
  .shopify-pc__banner__btns {
        min-width: auto;
        width: 100% !important;
  }
}
@media only screen and (max-width: 490px) {
.shopify-pc__banner__dialog button {
        margin: 3px !important;
    }
}
/* modal */
.shopify-pc__prefs__option p , .shopify-pc__prefs__intro-main p {
    font-size: 13px !important;
}
.shopify-pc__prefs__intro h3 {
  margin: 0 !important;
}
.shopify-pc__prefs__header-actions button {
  font-size: 15px !important;
}



/* basket page */
.cart__dynamic-checkout-buttons.additional-checkout-buttons {
  margin-top: 15px !important;
}


/*////////////  Form app ///////// */
/* Mailing list */
._appEmbedRoot_1d2l7_9 input._formInputField_237zm_7 ,
._appEmbedRoot_1d2l7_9 button._formSubmitButton_1ll8d_81 , 
._appEmbedRoot_1d2l7_9 ._formDisclaimer_1ll8d_37 p {
font-family: "Urbanist", sans-serif !important;
}
._appEmbedRoot_1d2l7_9 ._formContainer_stahb_30 {
  padding-top: 5px !important;
}


/* Reviews app - sorting position of title */
body .trustshop-header--title {
    margin-top: 20px !important;
    text-align: center;
    font-size: 32px;
    line-height: 120%;
    padding-top: 40px;
}
@media only screen and (max-width: 600px) {
body .trustshop-header--title {
    margin-top: 10px !important;
    font-size: 25px;
}
}
@media only screen and (max-width: 480px) {
body .trustshop-header--title {
    margin-top: 10px !important;
    font-size: 23px;
}
}




/* ///////////// 19092024 - Adding Social Media icons to header as reuested ////////////////// */
ul.socialLinksWrapper {
  margin:10px 8px 0 0;
  padding:0;
}
.socialLinksWrapper li {
  display: inline-block;
  padding: 0;
  margin: 0 7px;
  list-style: none;
  float: right;
}
.socialLinksWrapper li img {
  display: block;
  width: 27px;
  height: auto;
}
.socialLinksWrapper li a:hover img {
  transform: scale(1.1);
}
.socialLinksWrapper li img.socialYTimg {
  width: 30px;
  position: relative;
  top: -1px;
}
@media only screen and (max-width: 760px) {
ul.socialLinksWrapper {
  display: none;
}
}



/* ///// 19092024 - Reviews work - no reviews bits ///// */
#trustshop-review {
  padding: 0 !important;
}
.trustshop-no--review {
  border: none !important;
}
.trustshop-no-review--content #trustshop-noreview--button {
  background: var(--orange) !important;
  color: #fff !important;
  border: none !important;
}
.trustshop-no-review--content #trustshop-noreview--button:hover {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
}
body .trustshop-button {
  border-radius: 0 !important;
}



/* //////// 19092024 - Adding Add to Cart buttons to homepage products feed as reuested ///// */
.home_featProducts .quick-add {
position: fixed !important;
right: 5% !important;
}
.home_featProducts .quick-add .quick-add__submit {
top: 30px !important;
padding: 15px;
margin: 0;
line-height: 100%;
min-height: unset;
background-color: #121212 !important;
color: #fff;
}
body .home_featProducts .card--standard>.card__content .card-information {
text-align: left !important;
}
.home_featProducts .card--standard>.card__content .card__information {
text-align: left !important;
}
.home_featProducts .card--standard>.card__content {
padding: 0 5%;
}
.home_featProducts .quick-add .quick-add__submit:hover {
background-color: var(--orange) !important;
}
@media only screen and (max-width: 1200px) {
.home_featProducts .quick-add .quick-add__submit {
padding: 10px;
max-width: 80px;
font-size: 13px;
}
}
@media only screen and (max-width: 1100px) {
.home_featProducts .quick-add .quick-add__submit {
top: 20px !important;
}
}
@media only screen and (max-width: 990px) {
.home_featProducts .quick-add .quick-add__submit {
padding: 15px;
max-width: unset;
font-size: 13px;
}
}
@media only screen and (max-width: 750px) {
.home_featProducts .quick-add .quick-add__submit {
padding: 10px;
max-width: 80px;
font-size: 11px;
}
}
@media only screen and (max-width: 650px) {
.home_featProducts .quick-add .quick-add__submit {
padding: 10px;
max-width: 60px;
font-size: 11px;
}
}
@media only screen and (max-width: 580px) {
.home_featProducts .quick-add .quick-add__submit {
top: 20px !important;
padding: 8px;
max-width: 50px;
font-size: 11px;
}
}
/* // @ 530px go below price as no room to sit beside product logo // */
@media only screen and (max-width: 530px) {
.home_featProducts .quick-add {
position: relative !important;
right: unset !important;
}
.home_featProducts .quick-add .quick-add__submit {
top: 0px !important;
}
body .home_featProducts .card--standard>.card__content .card-information {
text-align: center !important;
}
.home_featProducts .card--standard>.card__content .card__information {
text-align: center !important;
}
}
/* // @ 450px go back to alongside the product logo // */
@media only screen and (max-width: 450px) {
.home_featProducts .quick-add {
position: fixed !important;
right: 5% !important;
}
.home_featProducts .quick-add .quick-add__submit {
top: 20px !important;
padding: 15px;
max-width: unset;
font-size: 13px;
}
body .home_featProducts .card--standard>.card__content .card-information {
text-align: left !important;
}
.home_featProducts .card--standard>.card__content .card__information {
text-align: left !important;
}
}
@media only screen and (max-width: 350px) {
.home_featProducts .quick-add .quick-add__submit {
top: 20px !important;
padding: 10px;
max-width: 80px;
font-size: 11px;
}
}
/* // @ 300px go below price as no room to sit beside product logo // */
@media only screen and (max-width: 300px) {
.home_featProducts .quick-add {
position: relative !important;
right: unset !important;
}
.home_featProducts .quick-add .quick-add__submit {
top: 0px !important;
}
body .home_featProducts .card--standard>.card__content .card-information {
text-align: center !important;
}
.home_featProducts .card--standard>.card__content .card__information {
text-align: center !important;
}
}



/* 19092024 - Cookies banner - ensuring Accpet / Decline buttons have a stroke on hover */
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:hover ,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline:hover {
border: 1px solid #333 !important;
}



/* 19092024 - Homepage Connext fixed position banner - sorting placement of logo on iOS at 749px */
@media only screen and (min-width: 1px) {
.banner__media media {
position: relative;
}
.banner__media media .banner__content  {
height: 100%;
display: block !important;
text-align: -webkit-center;
}
.banner__media media .banner__content .banner__box {
display: -webkit-flex;
}
.homeglossyProductBanner .content-container img {
margin: 0 auto;
}
}


@media only screen and (max-width: 749px) {
.homeglossyProductBanner .banner__content {
height: 100%;
display: block !important;
text-align: -webkit-center;
}
.homeglossyProductBanner .banner__box {
display: -webkit-flex;
}
}


/* 23102024 - New Brand Carousel Item - Targetting .BrandHero (as set on slide) as class name */
/* brand slide not used */
/*
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content {
padding: 0 !important;
}
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text {
margin-top: 10px;
}
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text p {
font-size: 60px !important;
text-align: center;
}
.slider.slider--everywhere.slideshow.banner .BrandHero .content-container {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
align-items: center !important;
padding: 0 5% !important;
}
.slider.slider--everywhere .BrandHero .content-container img {
width: 400px;
height: auto;
}
@media only screen and (max-width: 1250px) {
.slider.slider--everywhere.slideshow.banner .BrandHero .slideshow__text {
transform: scale(0.9);
transform-origin: center;
}
}
@media only screen and (max-width: 900px) {
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text p {
font-size: 50px !important;
line-height: 125%;
}
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text {
margin-top: 5px;
}
.slider.slider--everywhere .BrandHero .content-container img {
width: 350px;
}
}
@media only screen and (max-width: 750px) {
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content {
height: 100%;
}
}
@media only screen and (max-width: 500px) {
.slider.slider--everywhere .BrandHero .content-container img {
width: 300px;
}
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text p {
font-size: 42px !important;
}
}
@media only screen and (max-width: 450px) {
.slider.slider--everywhere .BrandHero .content-container img {
width: 250px;
}
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text p {
font-size: 37px !important;
}
}
*/
/* instead mod to 1st slide as per original - Targetting .BrandHero (as set on slide) as class name  */
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text {
margin-top: 10px !important;
}
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text p {
font-size: 34px;
}
@media only screen and (max-width: 1250px) {
.slider.slider--everywhere .BrandHero .content-container {
width: 50% !important;
max-width: 50% !important;
min-width: 50% !important;
}
}
@media only screen and (max-width: 750px) {
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text {
margin-top: 0px !important;
}
.slider.slider--everywhere .BrandHero .content-container {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
justify-content: flex-start;
padding-top: 10px;
}
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text p {
text-align: center;
}
}
@media screen and (max-width: 749px) {
.banner--mobile-bottom .slideshow__text-wrapper {
height: 100%;
}
}
@media only screen and (max-width: 670px) {
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper.banner__content .slideshow__text .banner__text p {
font-size: 30px;
}
.slider.slider--everywhere .BrandHero .banner-content {
padding-top: 0px !important;
}
.slider.slider--everywhere .BrandHero .content-container {
padding-top: 0px;
}
}
@media only screen and (max-width: 550px) {
.slider.slider--everywhere .BrandHero .banner-content {
padding-top: 0px !important;
}
}
@media only screen and (max-width: 450px) {
.slider.slider--everywhere .BrandHero .slideshow__text {
transform: scale(0.7);
transform-origin: center;
}
.slider.slider--everywhere .BrandHero .content-container {
align-items: center;
padding-right: 0px !important;
}
.slider.slider--everywhere .BrandHero .slideshow__text-wrapper {
background: rgba(0,0,0,0.3);
}
}

/* 03012025 - Adding CSS support for banner images on homepage */
.bannerImgCenterIt {
width: 100%;
margin: 0 auto;
text-align: center;
line-height: 0;
}
.bannerImgCenterIt img {
width: 100%;
height: auto;
max-width: 1600px;
padding: 45px;
}
@media screen and (max-width: 1150px) {
.bannerImgCenterIt img {
padding: 37px;
}
}
@media screen and (max-width: 900px) {
.bannerImgCenterIt img {
padding: 30px;
}
}
@media screen and (max-width: 650px) {
.bannerImgCenterIt img {
padding: 20px;
}
}
@media screen and (max-width: 400px) {
.bannerImgCenterIt img {
padding: 17px;
}
}
/* 03012025 - Product page banner images code */
.productPageBannerIMGs_noBottomPadding img {
padding-bottom: 0px;
}

/* 07012025 - Tweaking customer login styling on mobile menu */
.menu-drawer__account {
display: block !important;
color: #fff !important;
width: 100%;
text-align: center;
}
.menu-drawer__account .icon-account {
height: 1.8rem !important;
width: 2rem;
margin-right: 0.5rem !important;
position: relative;
top: 3px;
color: #fff;
}

/* 07012025 - Sorting header layout clash due to account login icon now being present */
.header {
grid-template-columns: 1fr 1fr 1fr;
}


/* 25062025 - EAA tweaks */
/* home featured products - render h3 - but hide text as using logo instead */
.home_featProducts h3.card__heading.h5 {
font-size: 0px !important;
}
/* adding bg colour to BuiltToLastWrapper banner */
.BuiltToLastWrapper {
background-color: #222;
}
/* newsletter panel - adding bg colour */
.newsletter__wrapper {
background-color: #fff !important;
}
.blogFeed .blog {
background-color: #fff !important;
}
/* slideshow slide BG - to make white text appear legible */
.index .slideshow__slide {
background-color: #222 !important;
}
/* home slideshow - changed orange buttons to white with grey text to pass color checks */
.index .slideshow__slide .banner__buttons a {
color: #fff;
}
/* making h2s not fail color contrast tests */
.blogFeed h2 , .newsletter__wrapper h2 , .home_featProducts h2 , .IntroTextWrapper h1 {
color: #121212 !important;
background-color: #fff !important;
opacity: 1 !important; /* note spoils fade in but is AA compliant */
}
.home_featProducts h2 {
background-color: #f2f2f2 !important;
opacity: 1 !important; /* note spoils fade in but is AA compliant */
}
/* changing nav button on state to work with color contrast */
.header__active-menu-item {
color: #222 !important;
border-bottom: 2px solid #222;
}
.list-menu__item:hover {
color: #222 !important;
}
/* about page mods */
.aboutRealAction {
background-color: #222 !important;
}
.aboutNonNegotiables h2 {
background-color: #f9f9f9;
}
/* contact page mods */
.field__label, .customer .field label {
color: rgba(18,18,18,1) !important;
background-color: #fff !important;
}
#contact .field__input, #contact .select__select, #contact .customer .field input, #contact .customer select {
background-color: #fff !important;
}
.contactFormWrapper .button {
color: #121212 !important;
}
.contactIntroBlock h2 {
background-color: #fff !important;
opacity: 1 !important; /* note spoils fade in but is AA compliant */
}
.contactFormWrapper h2 {
color: #ffffff;
opacity: 1 !important; /* note spoils fade in but is AA compliant */
}
/* product page mods */
.product-form__submit {
color: #121212 !important;
}
body .trustshop-review--filter .trustshop-comments-filter--item {
color: #121212 !important;
}
.trustshop-score-card-type--top .trustshop-write-review button {
background-color: #121212 !important;
}
.trustshop-review-filter--wrap {
margin-top: 10px !important;
}
.trustshop-review--title {
color: #121212 !important;
}
.trustshop-review-summary--average {
color: #121212 !important;
}
.trustshop-rating {
color: #121212 !important;
}
body .trustshop-review-sort--selected, body .trustshop-review-sort--selected span {
color: #121212 !important;
}
body .productPage_moreFromWrapper h2 {
color: #121212;
background-color: #fff;
opacity: 1 !important;
}
/* blog index mods */
.DefineIt h2 {
opacity: 1 !important;
}
/* blog article  mods - elfsight logged in owner invisible button tweak */
.eapps-widget-toolbar-panel-share {
background-color: fff !important;
color: #000 !important;
}


/* 02072025 - Adding Couch Coming Soon banner to homepage */
.slider__slide.CouchComingSoon .content-container {
text-align: center !important;
align-items: center !important;
}
.slider__slide.CouchComingSoon .slideshow__text .button {
opacity: 1 !important;
}
.slider__slide.CouchComingSoon .slideshow__text .button:hover {
cursor: default !important;
}
@media screen and (max-width: 1620px) {
.slider__slide.CouchComingSoon .content-container {
width: 40% !important;
}
}
@media screen and (max-width: 1420px) {
.slider__slide.CouchComingSoon .content-container {
width: 45% !important;
}
}
@media screen and (max-width: 1280px) {
.slider__slide.CouchComingSoon .content-container {
width: 50% !important;
max-width: 50% !important;
min-width: 50% !important;
}
}
@media screen and (max-width: 1100px) {
.slider__slide.CouchComingSoon .content-container {
width: 75% !important;
max-width: 75% !important;
min-width: 75% !important;
}
}
@media screen and (max-width: 1000px) {
.slider__slide.CouchComingSoon .slideshow__text-wrapper.banner__content {
padding-bottom: 20px !important; 
}
}
@media screen and (max-width: 750px) {
.slider__slide.CouchComingSoon .content-container {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
}
}
@media screen and (max-width: 749px) {
.slider__slide.CouchComingSoon .slideshow__text-wrapper.banner__content {
bottom: -80px !important;
top: unset;
}
}
@media screen and (max-width: 600px) {
.slider__slide.CouchComingSoon .slideshow__text-wrapper.banner__content {
bottom: -70px !important;
top: unset;
}
}
@media screen and (max-width: 550px) {
.slider__slide.CouchComingSoon .content-container {
width: 70% !important;
max-width: 100% !important;
min-width: 100% !important;
padding: 0 !important;
}
}
@media screen and (max-width: 450px) {
.slider__slide.CouchComingSoon .slideshow__text-wrapper.banner__content {
bottom: 0px !important;
top: unset;
}
}

/* hide product h3 on shop page collection */
body.collection #ProductGridContainer h3.card__heading.h5 {
font-size: 0px !important;
}






/* ////////// SEPT - ADDING COUCH PRODUCT ///////// */

/* making bullets not wrap below line under bullet point on product description area */
.product__info-wrapper .product__description.rte ul, 
.product__info-wrapper .product__description.rte ol {
list-style-position: outside !important;
margin-left: 20px;
}
.product__info-wrapper .product__description.rte ul li, 
.product__info-wrapper .product__description.rte ol li {
padding-left: 12px;
}



/* Support for autoplaying YT videos */
.autoPlayingYTVideoWrapper {
margin: 20px 0;   
}
.autoPlayingYTVideoWrapper iframe {
width: 100%;
}
.autoPlayingYTVideoWrapper .videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.autoPlayingYTVideoWrapper .videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fortyMarginsTopBottom {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.sixtyMarginsTopBottom {
margin-top: 60px !important;
margin-bottom: 60px !important;
}


/* Couch Feature panel - levaring original Connex features panel */
body .homeConnexInOutputs.couchFeaturePanel {
background-color: #0b1a32;
padding: 80px 0;
}

/* Couch - new home hero carousel banner */
.CouchLatte .banner__text p {
color: #000 !important;
}


/* Coming soon bits to hide buy buttons and quantity selector if Coming Soon tag exists */
.comingSoonBuyButtonReplacementWrapper {
width: 100%;
border: 2px solid var(--orange);
background-color: #fff;
text-aign: center;
padding: 0 30px 20px;  
}
.comingSoonBuyButtonReplacementWrapper h3 {
font-weight: 600;
font-size: 24px;
line-height: 135%;
text-align: center;
margin-bottom: 6px !important;
}
.comingSoonBuyButtonReplacementWrapper p {
text-align: center !important;
margin-top: 0px !important;
}


/* hide localisation in mobile menu */
.menu-drawer__localization {
display: none;
}



/* Adding support for YT video in hero carousel */
.homeCarouselVideoSlide .slideshow__media .slideshow__media iframe {
width: 100% !important;
}
.homeCarouselVideoSlide .videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.homeCarouselVideoSlide .slideshow__media .videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Adding support for HTML5 video in hero carousel */
#couchLatteHomeCarouselVideo  {
position: relative;
right: 0;
bottom: 0;
min-width: 100% !important;
min-height: 100% !important;
margin: 0;
padding: 0;
object-fit: cover;
}
/* hide homeCarouselSlide image on load to fade in once done video swap in jquery on page load */
.homeCarouselVideoSlide .slideshow__media { opacity: 0;}
.homeCarouselVideoSlide .slideshow__media.fadeIN { opacity: 1; transition: 500ms all ease-in;}




/* hide unwanted product + colour h5 on product page - more from krafted panel */
.productPage_moreFromWrapper h3.card__heading.h5 {
font-size: 0px !important;
}


/* 15122025 - Supporting 2 buttons in Home HERO carousel - tidy up work following them being added */
.index .slideshow__slide .banner__buttons a {
text-align: center;
}
.ConnexGrey .banner__buttons {
justify-content: end;
}
@media screen and (max-width: 450px) {
.banner__content--bottom-center .banner__buttons ,
.BrandHero .banner__buttons  {
justify-content: center;
}
}