/*
Theme Name: Media Street Customiser Child
Theme URI: https://www.media-street.co.uk/
Template:     mediastreetcustomiser
*/

/* Global */

body,ul,li,ol, a,div,placeholder,fieldset,blockquote,p, button, .page-id-22 .input-text, .woocommerce-product-details__short-description h3, .woocommerce-tabs.wc-tabs-wrapper h3, .dgwt-wcas-search-input, .aws-container .aws-search-field, .mega-sub-menu li a, .mailchimp-form input  {font-family: 'Poppins', sans-serif;font-weight: 400;}
h1,h2, h3, h4, h5, .header_nav a, .header_tel a, .header_email a, .btn_1, .price, h4 a, .featured .woocommerce-Price-amount, .news-row h2 a, .caseslider_sticker , .banner-text{font-family: 'Fredoka One', cursive;font-weight: 100;}
.head-bg{background:var(--section_2_colour);}
.right{text-align:right}
h2{font-size:28px}
h3, .price, h4 a, .woocommerce-loop-category__title{font-size:16px;color:var(--titles_colour)}
h4 a, h4{font-size:20px;    line-height: 120%;}
h5{font-size:18px;margin-bottom:15px;line-height:150%}
blockquote {background: #f1f1f1;padding: 20px 20px 5px;margin-bottom: 20px;border-left: 3px solid #89c421;}     
.nodesktop{display:none}
.mega-sub-menu li a {
    color: #555;
    font-weight: 400;
    line-height: 155%;
}

.case_studies-template-default.single .span_6_of_12 .absolute.label {
	position: absolute !important;
	background: #89C421 !important;
	transform: rotate(45deg);
	width: 337px;
	right: -120px;
	top: 29px;
	text-align: center;
	padding: 14px;
	color: #FFF;
}
.overflow-hidden{  overflow: hidden;}

.text-yellow{color:#E7AD10}
mt-4 {margin-top:1.5rem;}
.mega-sub-menu li a:hover{color:#666; text-decoration: underline;}

/* Dashicons do not work so now using the same icons as the my quote button */
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    content: '\e807';
    font-family: 'fontello';
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
    content: '\e803';
    font-family: 'fontello';
}

/* Menu Sub-Headers */

#menu-header-menu .sub-menu > li#menu-item-19110 > .sub-menu {
  top: 46px!important;
}
#menu-header-menu .sub-menu > li#menu-item-20899 > .sub-menu {
  top: 234px!important;
}
#menu-header-menu .sub-menu > li#menu-item-20528 > .sub-menu {
  top: 517px!important;
}
#menu-header-menu .sub-menu > li#menu-item-7480 > .sub-menu {
  top: 798px!important;
}
#menu-header-menu .sub-menu > li#menu-item-7936 > .sub-menu {
  top: 234px!important;
}


.logo img {
    width: 300px;
    height: auto;
    max-height: unset;
}


/* Google Review Widget */

.ti-widget.ti-goog .ti-widget-container {
    position: fixed;
    left: 0;
    top: 37%;
    z-index: 9999999;
}

/* Product Categories */

.cat-bottom-text h2{margin-bottom:30px}

/*Christmas*/

.snowy_ground {width: 100%;left: 0;bottom: 0px;z-index: 2;}
.newsletter h2{font-size:24px}

/* Rough Pricing Single Product Page */

.roughprice {background: #f3f3f3;padding: 29px;border-bottom: solid 3px #89c421;margin-top: 20px;}
.roughprice h3{margin-bottom: 20px;font-size: 20px;}


/* Jubilee Decor */

.bunting {
    background-image: url(https://rhinoplay.co.uk/wp-content/uploads/2022/05/bunting-e1654003902855.png);
    width: 100%;
    height: 49px;
    position: absolute;
    z-index: 99;}
    
.crown {
    background-image: url(https://www.media-street.co.uk/wp-content/uploads/2022/05/crown-e1653991809191.png);
    width: 100px;
    height: 74px;
    right: -63px;
    position: absolute;
    /*top:10px*/
    -ms-transform: rotate(20deg);
    transform: rotate(27deg);
}

.crown-container{max-width: 600px; display:inline-block;}
    
    
.flag {
    background-image: url(https://www.media-street.co.uk/wp-content/uploads/2022/05/flag2.png);
    width: 200px;
    height: 145px;
    bottom: 0;
    position: absolute;
    display: block;
}
/* Important Message Banner */ 
.message{ background: #ff4c4c; padding: 10px 0px; text-align: center;  border: 1px solid #f00;}
.message a {color: #fff;font-weight: bold;}
.message .container{color:#fff}

/* Bullet Points */

.bullets li, .cat-bottom-text li, .woocommerce-product-details__short-description li, .woocommerce-tabs.wc-tabs-wrapper li, .project-content li, .site-main li{margin-bottom: 14px;text-align: justify;line-height:120%;position:relative;padding-left: 30px;}
.bullets li::before, .cat-bottom-text li:before, .woocommerce-product-details__short-description li:before, .woocommerce-tabs.wc-tabs-wrapper li:before, .project-content li:not(.frm_rootline_single):before, .site-main li::before {font-family: "fontello";content: '\e802';color: #89c421;font-weight: 900;position: absolute;left: 1px;font-size: 16px;}
.middle.bullets li{text-align:center;padding-left:0}
.middle.bullets li::before{position:relative;margin-right:20px}
.site-main h2{margin-bottom:10px}



/* Case Study Labels */

.popular-sticker{
position: absolute;
    max-width: 75px;
    top: 5px;
    left: 5px;
    z-index:9999;
}






.home-icons-2 .triangle-3 {
    background: url(/wp-content/uploads/2020/02/triangle.png);
    width: 110px;
    height: 106px;
    position: absolute;
    right: 80%;
    top: 49%;
}


.home-icons-2 .square-2 {
    background: url(/wp-content/uploads/2020/02/square.png);
    width: 110px;
    height: 106px;
    position: absolute;
    right: 2%;
    top: 11%;
}


button.tablinks:hover {background:#73a91c;}
/* Woocommerce Images*/

.woocommerce-product-gallery__wrapper .slick-list img{max-height:600px;width:800px;max-width:100%!important;}



/*Cookie Notice*/
#branda-cookie-notice {
  display: block;
  position: fixed;
  min-width: 100%;
  height: auto;
  z-index: 100000;
  font-size: 13px;
  left: 0;
  text-align: center;
}

#branda-cookie-notice.ub-position-top {
  top: 0;
}
#branda-cookie-notice.ub-position-top .cookie-notice-revoke-container {
  top: 0;
  bottom: auto;
}
#branda-cookie-notice.ub-position-bottom {bottom: 0;}
#branda-cookie-notice .cookie-notice-container {
  max-width: 1200px;
  margin: 0 auto;
}
#branda-cookie-notice .cookie-notice-container .branda-cn-container {
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 10px 0;
}
#branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column {
  display: block;
  padding: 10px 5px;
  line-height: 1;
}
#branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column:first-child {
  padding-left: 2em;
}
#branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column:last-child {
  padding-right: 2em;
}
#branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column:not(:first-child) {
  align-self: center;
}
#branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column a.ub-cn-set-cookie {
  padding: 5px 10px;
  margin: 0;
  white-space: nowrap;
  text-decoration: none;
  display: inline;
}
#branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column a.ub-cn-privacy-policy {
  word-break: keep-all;
}
#branda-cookie-notice .cookie-notice-revoke-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  visibility: hidden;
}

.admin-bar #ub-cookie-notice.ub-position-top {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar #ub-cookie-notice.ub-position-top {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar #ub-cookie-notice.ub-position-top {
    top: 0;
  }
}

/*Cookie Style*/
#branda-cookie-notice {
	color: #fff;
	background-color: #34b7e8;
}
#branda-cookie-notice a,
#branda-cookie-notice a:link {
	color: #ffffff;
}
#branda-cookie-notice a:visited {
	color: #ffffff;
}
#branda-cookie-notice a:hover {
	color: #ffffff;
}
#branda-cookie-notice a:active {
	color: #ffffff;
}
#branda-cookie-notice a:focus {
	color: #ffffff;
}
#branda-cookie-notice .button,
#branda-cookie-notice .button:link {
	color: #ffffff;
	border-color: #ffffff;
	background-color: #34b7e8;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#branda-cookie-notice .button:visited {
}
#branda-cookie-notice .button:hover {
	color: #ffffff;
	border-color: #ffffff;
	background-color: #34b7e8;
}
#branda-cookie-notice .button:active {
	color: #ffffff;
	border-color: #ffffff;
	background-color: #34b7e8;
}
#branda-cookie-notice .button:focus {
	color: #ffffff;
	border-color: #ffffff;
	background-color: #34b7e8;
}


/* Header */
.head-bg .x-icon {
    width: 13px;
    position: relative;
    top: 1px;
}
#menu-item-15599 a{
    background-image: url('https://rhinoplay.co.uk/wp-content/uploads/2023/02/recycling1.png');
    background-position: top;
    background-color: green;}

#menu-item-15599 a:hover{
    background-image: url('https://rhinoplay.co.uk/wp-content/uploads/2023/02/recycling1.png');
    background-position: top;
    background-color: green;}


#menu-header-menu .sub-menu > li > .sub-menu > li > .sub-menu{top:251px}
#menu-header-menu .sub-menu > li > .sub-menu > li#menu-item-7942 > .sub-menu{top:314px}


.quote #text{margin-left:10px} 
.phone { margin-top: 12px;  margin-bottom: -6px;}
.header_email a {
    font-size: 23px;
    color: #89c421;
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border:1px solid #89c421!important}
.dgwt-wcas-search-input, .dgwt-wcas-search-input input{color:#666!important}
.strapline {
    color: #888;
    line-height: 130%;
    margin-top: 37px;
    width: 38%;
    font-size: 21px;
}
.header_nav{border-bottom: 2px solid var(--menu_hover_background_colour);}

#menu-top-menu li {float: left;margin-left: 15px;border-right: 1px solid #AAAAAA;padding-right: 15px;}
#menu-top-menu li:last-child{border:0;padding-right:0}
#menu-top-menu{float:right}
#menu-top-menu a, .social_header i {font-size:14px}
.icon-twitter-squared{color:#1DA1F2}
.icon-facebook-squared{color:#4064AD}   
.icon-instagram{color:#D14174}   

.head-bg a:hover{color:#888!important}
.social_header i {margin-left:15px;font-size:15px}     
.header_tel a, .header_tel_symbol i, .header_email_symbol i{color:var(--link_hover_colour);font-size:18px} 
.header_tel a{color:#eee}
.header_email a    {font-size:23px;}
.fas.fa-phone{-webkit-transform: scaleX(-1);transform: scaleX(-1)}
.header_tel_symbol i, .header_email_symbol i{margin-right:10px}
.header_tel a{margin-bottom:10px}
.blue.btn, .red.btn {position: fixed;padding:0;right: 0px;    z-index: 9;}
  .red.btn{
  top: calc(50% + 18px);  }
.email{color:#ccc}
.blue.btn {
	top: calc(50% - 222px);
}


.banner-title {
    display: block;
    margin-bottom: 30px; /* Space between text and buttons */
}

.header_nav img {height: 37px;width: auto;}
#menu-header-menu > li > a {padding: 26px 20px;font-size: 18px;letter-spacing: 0.7px;text-transform: none;}

/* New Search */

.aws-container .aws-search-field{    font-size: 14px;    font-style: italic;border: 1px solid #89c421;color:#919191}

.aws-container .aws-search-form .aws-form-btn{background:#89c421;border: 1px solid #89c421;}
.aws-container .aws-search-form .aws-search-btn_icon{color:#fff}
.aws-container .aws-search-form .aws-form-btn:hover {  background: #80ba1c;}
.aws-container .aws-search-form{width:85%}
.aws-search-result .aws_result_title {
    color: #89c421;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
}
.aws-search-result .aws_result_excerpt {
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 140%;
}

.aws-search-result .aws_result_image img{width:75px}
.aws-search-result{width:650px!important}

/* Header Shopping basket */

.icon-shopping-basket {color: #89c421;font-size: 23px;margin-top: 30%;font-size: 20px;margin-right: 7px;}
.cart-contents {padding: 4px 9px;border-radius: 75px;font-size: 11px;color: #fff;left: 19px;top: -26px;background: #e74c3c;position: relative;font-weight: 500;}
.quote {
    border-radius: 3px;
    color: #89c421;
    background: #fff;
    border: 1px solid #89c421;
    padding: 8px 8px 8px 18px!important;
    top: 46px;
}
.quote:hover{background:#89c421;color:#fff}
.quote:hover i{color:#fff}
.quote:hover .cart-contents {background: #fff;color: #89c421;border: 1px solid #89c421;}

/* Header Sub Menu */

#menu-header-menu li > ul > li > a {
    border-bottom: 1px solid #80b91b;
    margin-bottom: 0;
    padding: 15px 21px;
}
#menu-header-menu li:last-child a{border:0}

.sub-menu  li a:hover{border-radius:4px}
.sub-menu {width: 360px;border-radius: 0 0 5px 5px;z-index: 999999!important;}
.sub-menu i {margin-top: 1px;position: absolute;} 
 
 /* Header SECOND TIER Sub Menu */
 
.sub-menu .sub-menu{ left: 99%!important;background: #80b91b!important;margin-top: 0px;width: 247px!important;border-radius: 0px 0px 4px 4px!important;} 
#menu-header-menu li ul li a:hover{background:#91d021}    
.sub-menu .sub-menu li a {border-bottom: 1px solid #73ad0e!important;} 
.sub-menu .sub-menu li a:hover{background:#000}
.sub-menu .sub-menu li:last-child a {border: 0!important;}

/* images */

.tax-product_cat .alt-product img{max-height: 280px; max-width: 100% }
.tax-product_cat .imgfix .alt-product img, .tax-product_cat .normal_image_box img {max-height: 280px; 	max-width: 100%; 	width: auto; 	margin: auto; 	display: block;	text-align: center; float: none; position: relative;   top: 50%;   transform: translateY(-50%)}
.normal_image_box{width: 100%; height: 280px}
.tax-product_cat .alt-product img{max-height: 280px; }
.tax-product_cat .imgfix .alt-product img, .tax-product_cat .normal_image_box img {max-height: 280px; 	}
.normal_image_box{height: 280px}


/* Smart Slider */
 .banner-buttons a{margin-right:10px}

.n2-ow.n2-ow-all p{  text-shadow: 7px 3px 12px #0a0c0c!important; }
.n2-font-645c62d39118028ad9bdb164836e6286-paragraph .n2-style-4b3e57045b6e80ea245b9dbf81595158-heading, #n2-ss-2item2  {text-shadow: 3px 3px 14px #222!important;}
.caseslider_sticker {
    background: #01d32e;
    color: #fff;
    padding: 10px 40px;
    font-size: 24px;
    border-radius: 50px;
}


/* Blog Contact Form */
.frm_style_formidable-style.with_frm_style .frm_error_style {background-color: transparent !important;border: 0 !important;}

.project-content .contact-form .container{max-width: unset;}


/* Mailchimp */

.mailchimp-form input.required.email{width: 70%;float: left;}
.mailchimp-form input.required.email, .mailchimp-form input.button{padding: 10px;font-size: 16px;border-radius: 4px;border: 0;}
.mailchimp-form input.button:hover{box-shadow: 1px 2px #639a03!important;}
.mailchimp-form input.button{background: #68a300;color:#fff;cursor:pointer;margin-left:4px;} 
 
 
.frm_button_submit{    background: none!important;
    border: 1px solid #fff!important;
    padding: 10px 23px!important;
    box-shadow: none!important;}
    .frm_button_submit:hover, .frm_prev_page{background:#89c421!important;color:#fff!important;border-color:#89c421!important;box-shadow: none!important;}


.with_frm_style .vertical_radio .frm_checkbox label{color:#fff!important}
/* Footer */

.footer a, .footer_address, .footer span{line-height:150%}
.footer_address, .footer i {color:var(--footer_link_colour);}
.footer i{margin-right:8px}
.footer-art{background-image:url(/wp-content/uploads/2019/12/bg-footer-park.png);background-color:#fff;height:107px}
footer h4 {color: var(--footer_title_colour);}
.logo_container img.partner{width:160px; margin-right:20px;height:auto}
.logo_container img.sponsor{width:160px; margin-right:20px;height:auto}

/* Sub Footer */

.subfooter {background:var(--menu_hover_background_colour)}
.subfooter p{color:var(--footer_link_colour)}
.subfooter p, .subfooter a{font-size:14px}
#menu-footer-bottom-menu li {float: left;margin-right: 14px;border-right: 1px solid #fff;padding-right: 10px;}
#menu-footer-bottom-menu li:last-child {border:0} 

  /* COVID */
.covid-19, .notice {
    background: #e74c3c;
    border: 1px solid #ff1800;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;}
.covid-19 p, .covid-19 a,  .notice p,  .notice a{ color: #fff;margin-bottom:0}

   .banner img{ width: inherit;height: auto;}
   .mobile-image{width:100%}
/* Promo Boxes */   

    .case-study.container {max-width: unset;
    width: 90%;}
    
    .tablinks{margin-top:5px}
    
.product-page .btn_2 {left:0}

.green-arrows .slick-arrow, .projects i{color:#89c421}
.promo-slider{border: 1px solid rgb(238, 238, 238);}
.home .row4 .promo-slider h3{  width: 100%}  
.promo-slider h3{background: #89c421de;color: #fff;position: absolute;bottom: -1px;text-align: center;width: 100%;height: 63px;padding: 22px;font-size:22px;}    
.expand{width:100%}
.promo_box_style_2 {border: 1px solid #eee}
.promo-border .promo-slider{border:5px solid #fff;border-top:0;border-bottom:0}
.reviews .slick-slide{border:0}
.glide_reviews li.glide__slide {width: 369px !important; margin-left:auto !important; margin-right:auto !important;}


.early-promos .slick-slider{max-height: 400px;}

/* Home Projects */

.review-slide i{color:#fff}
 .projects  .slick-list, .reviews .slick-list{width:90%;margin:auto}
 .news-row .slick-list{width:70%}
.projects   .slick-slide{border:20px solid #f3f3f3;border-top:0;border-bottom:0;text-align:center}

.project-grid .product_slider_box  a.btn_3, .new-projects .product_slider_box .btn_3{
    bottom: 0;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: 0px 60px 30px 60px;
}


/* Buttons */

.btn_1{width: 200px!important;height: 148px!important;border: 2px solid;padding: 36px 23px!important;line-height: 150%;}
.btn_3:hover, .product:hover .btn_3,  .contact .contact-form .forminator-button:hover{box-shadow: 1px 2px #639a03!important;box-sizing:border-box}
.btn_3,  .contact .contact-form .forminator-button{padding:10px!important;}
.btn_3:hover, .sub-cat:hover .btn_3,  .contact .contact-form .forminator-button {background:var(--button_3_hover_background_colour)!important}
.sub-cat:hover .btn_3{color:#fff}
.btn_1:hover{border: border: 2px solid var(--button_1_text_colour)} 
.btn_2{padding: 17px 20px!important;} 
.promo_box_area a.full_width{width:100%}
.promo_box_area a.btn{bottom:0}
.frm_checkbox a{color: #89c421!important}

 /* Testimonials */
 


/* Testimonials - Slick Slider Dots */

.section_style_3 .slick-active button{background:#fff!important;color:#fff!important}
.section_style_3 button {background: #89C421;border-radius: 50%;border: 3px solid #fff;display: inline-block;margin: 0px 5px;color: #89C421;height: 20px;width: 20px;font-size:12px!important;padding:0!important}
.slick-dots{display: inline-flex}

/* Contact Page */

.contact h4{margin-bottom:10px}
.contact .contact-form .forminator-button{border:1px solid var(--button_3_hover_background_colour)!important}
.contact .contact-form .forminator-label, .contact .contact-form p{color:var(--link_colour)!important;}
#forminator-module-12693{display:inline-block!important}
/* Contact Form */
 #html-1{text-align:left}
.forminator-button{background: none!important;border: 1px solid #fff!important;border-radius: 5px;float: right}
.forminator-button:hover{background:#89C421!important;border:1px solid #89C421!important}   
.forminator-label {text-align: left;color: #fff!important;font-size: 15px!important;margin-left: 33px!important;}
.contact-form p{font-size: 14px;margin-top: -8px;margin-left: 2px; color:#fff; background: #89C421; padding: 15px; font-weight:700;} 

.forminator-ui.forminator-custom-form-7677.forminator-design--default .forminator-checkbox span[aria-hidden]{margin-top:-23px}
.forminator-input, .forminator-textarea{border: 0!important;border-radius: 4px;} 
.contact-form h2 {margin-bottom: 30px;}   
.forminator-custom-form{margin-bottom: -118px!important;}
.contact-form  h2, .section_style_4 p, .forminator-field p, .forminator-field a{color:#fff!important}
.contact-form .container{max-width: 45%;min-width:0}
.forminator-ui.forminator-custom-form-7677.forminator-design--default .forminator-input, .forminator-textarea{background:#F3F3F3!important;padding:14px!important}
.forminator-ui.forminator-custom-form-7677.forminator-design--default .forminator-checkbox span[aria-hidden]{border-color:#ccc!important}
.forminator-ui.forminator-custom-form-7677.forminator-design--default .forminator-checkbox span[aria-hidden]{color:#89C421!important}

/* JOIN OUR TEAM Contact Form */

.page-id-8183 .forminator-button{top:0}
.page-id-8183 .forminator-checkbox   {float:left;    margin-right: 19px!important;color:#636363!important}
.page-id-8183 .forminator-label{margin-left:0!important}

/* Homepage */

/* Banner */


.banner-text{padding-top: 20px;padding-bottom: 20px; color: #89c421;}
.banner-button{margin-right: 15px;margin-left: 15px;}
.banner-title{    font-size: 20px;
}



.steps{
    border: 1px solid #89c421;
    border-radius: 4px;
    padding: 30px;}
    .steps b{font-size:14px}
    .steps li{font-size:14px;line-height: 130%!important;padding-left: 30px!Important;}
    .steps li::before{    color: #89c421!important;top: 3px;    font-size: 12px!important;}
.home .widescreen{position: absolute;bottom: 111px;} 
.home .container .widescreen {position: unset;bottom: 0px;max-width: 595px;text-align: center;display: inline-block;}
.home .row4 {text-align:center}


.home-icons-1, .home-icons-2, .home-icons-3 {position:relative}
.home-icons-1 .triangle {
	background: url(/wp-content/uploads/2020/02/triangle.png);
	width: 110px;
	height: 106px;
	position: absolute;
	left: 3%;
	top: -5%;
	transform: rotate(101deg);
}
.home-icons-1 .square {
	background: url(/wp-content/uploads/2020/02/square.png);
	width: 110px;
	height: 106px;
	position: absolute;
	right: -2%;
	top: 27%;
}
.home-icons-1 .circle {
	background: url(/wp-content/uploads/2020/02/circle.png);
	width: 142px;
	height: 142px;
	position: absolute;
	left: -3%;
	top: 62%;
}
.home-icons-1 .triangle-2 {
	background: url(/wp-content/uploads/2020/02/triangle.png);
	width: 110px;
	height: 106px;
	position: absolute;
	right: 5%;
	top: 94%;
}




.home-icons-2 .triangle {
	background: url(/wp-content/uploads/2020/02/triangle.png);
	width: 110px;
	height: 106px;
	position: absolute;
	left: 3%;
	top: 2%;
	transform: rotate(101deg);
}
.home-icons-2 .square {
	background: url(/wp-content/uploads/2020/02/square.png);
	width: 110px;
	height: 106px;
	position: absolute;
	right: 0%;
	top: 19%;
}
.home-icons-2 .circle {
	background: url(/wp-content/uploads/2020/02/circle.png);
	width: 142px;
	height: 142px;
	position: absolute;
	left: -3%;
	top: 82%;
}
.home-icons-2 .triangle-2 {
	background: url(/wp-content/uploads/2020/02/triangle.png);
	width: 110px;
	height: 106px;
	position: absolute;
	right: 5%;
	top: 94%;
}




.home-icons-3 .square-1 {
	background: url(/wp-content/uploads/2020/02/white-rectangle.png);
	width: 134px;
	height: 134px;
	position: absolute;
	left: 2%;
	top: 19%;           
	transform: rotate(50deg);
}
.home-icons-3 .square {
	background: url(/wp-content/uploads/2020/02/white-rectangle.png);
	width: 134px;
	height: 134px;
	position: absolute;
	right: 2%;
	top: 67%;
}
.home-icons-3 .up-bar {
	background: url(/wp-content/uploads/2020/02/down-bar.png);
	width: 100%;
	height: 66px;
	position: absolute;
	right: 0;
	top: -18px;
}
.home-icons-3 .down-bar {
	background: url(/wp-content/uploads/2020/02/up-bar.png);
	width: 100%;
	height: 66px;
	position: absolute;
	right: 0;
	bottom: -18px;
}


/* RMP Search Bar */
.pt-2{padding-top: 15px!important}





.home .row1  {position: relative; z-index: 2;
background: #FFF}
 
/* Sections */
      
      
.section_style_3 li {color:#fff}
.section_style_3 a {color:#fff}
             
 /* Featured Products - On Homepage */
 
.product-boxes  .container{    width: 60%;}
.product_slider_box {background:#fff;padding-bottom:50px;border:1px solid #ccc;border-radius:4px;border-bottom:2px solid #ccc}
.product_slider_box:hover{border:1px solid #89C421;border-radius:4px;border-bottom:2px solid #89C421}
.product_slider_box h3, .news-row .imgfix h2{font-size:20px}
.product_slider_box p{font-size:16px;}
.product_slider_box h4, .product_slider_box p{max-width:90%;display: inline-block;}
.product-boxes i{color:#89C421}
.product-boxes  .slick-next{right:-5%} 
.product-boxes .slick-prev       {left:-5%}
.product-boxes img{border-radius:4px}
.product-boxes .woocommerce-Price-amount    {font-weight:bold}


/* New Styles */
.projects_new .product_slider_box{padding-bottom:0;max-height:550px}
.new-slider{background: #68a300cf;
    padding: 30px 30px 50px 30px;
    border-radius: 16px;}
.new-slider h2{    color: #fff;
    line-height: 150%;
    font-size: 31px;}
    .new-slider p{color:#fff}
    
     .new-slider a.btn_3{border: 1px solid #fff;background:none}
     
     .new-slider{background: #68a300bf;
    padding: 30px 30px 50px;
    border-radius: 10px;}
    
    .product_slider_box.green {background:#89C421}
      .product_slider_box.green p,  .product_slider_box.green h4{color:#fff}  
        .product_slider_box.green img{background:#fff}
        
        .product_slider_box.green   .btn_3{border:1px solid #fff}
/* Text Block */

.text-block h2, .text-block h1{margin-bottom:20px;line-height:130%}


/* Promo Boxes */

.homepage-blocks .promo_box_area .col{
    display: inline-block;
    float: none;
}

/* Row of Blog Posts */

.news-row .btn_3{    max-width: 40%;
    text-align: center;
    display: inline-block;
    padding: 15px!important;}
.news-row h2 a{color:#89C421}

/* Product Categories */

.woocommerce-loop-category__title, .tax-product_cat h3, .single-product h3{text-align:center}

.woocommerce-product-gallery img{    border: 1px solid #f3f3f3;}
.ksp-circle img{max-width:50px;    padding-bottom: 10px;}
.ksp li{display:inline-block; padding-right: 20px;}
.ksp p {font-size:14px}
.page-numbers li{    float: left;
    border: 1px solid #aaa;
    padding: 7px 12px;
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #aaa;  }
    
    .page-numbers.current   {color:#89C421}
    a.page-numbers{color:#aaa}

    .page-numbers li:first-child{border-left:2px solid #aaa}
    .page-numbers li:last-child{border-right:2px solid #aaa}

 
 /* Breadcrumbs */
 
.breadcrumbs_section{background: #f3f3f3;height: 30px;padding-top: 7px;font-size: 13px;} 
.breadcrumbs_section a{color:#89C421}

/* content-product.php - Sub cat page links */

.sub-cat{border: 1px solid #eee;border-radius: 0 0 4px 4px;}

/* Single Product */

 #tab-title-description{font-size:18px;margin-bottom:10px}
.woocommerce-product-details__short-description h3, .woocommerce-tabs.wc-tabs-wrapper h3 {
    text-align: left;
    color: #666;
    margin-bottom: 12px;
    line-height: 150%;
    font-weight:600;
}

  #tab-title-description {
    font-size: 20px;
    margin-bottom: 16px;
}

button {
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px!important;
    border-radius: 4px;
    background: var(--button_2_background_colour);
    color: var(--button_2_text_colour);
    border: 1px solid var(--button_2_background_colour);
    cursor: pointer;
    font-size: 16px;}
.quantity{float:left}
 .input-text{padding: 15px;border-radius: 4px;border: 1px solid #ccc;width: 58px;margin-right: 13px;}

 .a3dg-navbar-control{display:none!important}
.a3-dgallery .fa-caret-left:before, .a3-dgallery .fa-caret-right:before, .a3-dgallery svg.fa-caret-left, .a3-dgallery svg.fa-caret-right{color:#89C421!important}
 
.a3-dgallery .a3dg-image-wrapper {
    border: 0!important;
}



/*  Case STudies */

.zoom-icon {
    color: #fff;
    float: right;
    font-size: 18px;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
}

.image-effect:hover .hover-effect {
    background: #89C421;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .4;
    top: 0;
}
.image-effect{margin-bottom:10px}
.project-content h1, .project-content h2{line-height:130%}
.project-content h2 {margin-bottom:10px}
.main-content h2 {margin-bottom:10px;
line-height:130%;}

/* Alternative product template */
  .alt-product:hover  .product-hover{
  display:block;
    background: #89c421e3;
    color: #fff;
    position: absolute;
    top: 0%;
    height: 87%;
    padding: 10px 20px;
    text-align: center;
    width:100% ;
       
}
.product-hover:hover p{display:block}

.product-hover p{color:#fff}
    



    
    
        .product-hover p{display:none}
        
/* Site Map */
        
 .sitemap_list li{line-height:150%;text-align: center;}       
 
 
 /* Cookie Notice */
 
  #branda-cookie-notice .cookie-notice-container{max-width:80%!important}
  
/* Checkout Page */   

.wc-proceed-to-checkout a, #place_order {font-family: 'Poppins', sans-serif;font-weight: 400;cursor:pointer;font-size:16px}
.shop_table.woocommerce-checkout-review-order-table{margin-bottom:40px;background: #fff;padding: 17px;margin-top: 26px;color: #89c421;width: 100%;border:1px solid #89c421}
.cart_item{color: #636363  }
 th.product-name{padding-bottom:12px}
.woocommerce-checkout #payment{background:#F3F3F3}
.product-total, #order_review_heading {display:none}
.product-name{text-align:left} 
.page-id-22 .input-text{padding: 8px;border-radius:4px;color:#666666;font-size:14px}
.select2-container--default .select2-selection--single .select2-selection__rendered {color:#666666;    font-size: 14px;   font-family: 'Poppins', sans-serif;}
.select2-container--default .select2-selection--single{    height: 43px;     padding: 8px;    border: 1px solid #ccc;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 2px; }
.col-1 p > label, .col-2 p > label {margin-top: 11px;}
.select2-results__option{font-size:14px}
 
 
 
 
 /* Order Confirmation Page */
    
.woocommerce-order li, .woocommerce-table th, .woocommerce-table td {
    padding: 5px;
       border: 1px solid #89c421;
    background: #89c4211c; text-align:left
}
    .woocommerce-order h2{margin-bottom:20px}
    .woocommerce-customer-details{margin-top:30px}
    .order_details {    background: #89c4211c;}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details, .woocommerce-table.woocommerce-table--order-details.shop_table.order_details   {    border: 1px solid #89c421;
    display: inline-block;
    margin-bottom: 30px;border-spacing: 0;} 
    
    .woocommerce-customer-details{line-height:140%}
    
    .customer-message{    width: 100%;
    display: inline-block;
    background: #a092b3;
    color: #fff;
    padding: 12px;}
 
 
 @media only screen and (min-width:1200px){
 

.mega-menu-item-22373 .mega-sub-menu{min-width:1050px!important}

}

@media only screen and (max-width:1310px)  and (min-width:925px){
    
       .promo-slider h3 {font-size: 16px!important;}
    
   #menu-header-menu > li > a {
    padding: 26px 15px!important;
    font-size: 15px!important;
} 
  
  #menu-top-menu a, .social_header i {
    font-size: 12px!important;}
    
    }
    
    
�  
  
    @media only screen and (max-width:1295px)  and (min-width:925px){
    
       .container {
    width: 90%;min-width:0}
  .quote {
    font-size: 12px!important;    top: -7px;    padding: 8px 0px 8px 18px!important;}  
    
    
    
      #menu-header-menu li > ul > li > a{font-size:13px!important}
    .header_tel a, .header_email a, .header_tel_symbol i, .header_email_symbol i {
    font-size: 16px!important;
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    width: 80%!important;    font-size: 12px!important;}                        

.strapline {
    font-size: 14px!important;
     margin-left: 47px!important;
     width: 36%!important;
    margin-top: 33px!important;
}


#menu-header-menu > li > a {
    padding: 26px 13px!important;
    font-size: 14px!important;
}
    
    }
    
    
    @media only screen and (max-width:1545px)  and (min-width:925px){
         
/*  Header */
      .header_tel a, .header_email a, .header_tel_symbol i, .header_email_symbol i {font-size: 18px;}
 
   
button{margin-bottom:10px}
    
    
 .strapline{font-size:16px;     margin-left:51px!important;width: 33%;}

#menu-header-menu li > ul > li > a{font-size:15px}

.container{min-width:0}
 #menu-header-menu > li > a {
    padding: 26px 18px;
    font-size: 16px;}

.header_nav img {
    height: 27px;}
#menu-top-menu a, .social_header i {

    font-size: 13px;
}    
   .quote{font-size:14px}

    /*  Footer */
  .subfooter p, .subfooter a {
    font-size: 11px;
}
           /*  Homepage */
           
           
           .contact-form .container {
    max-width: 60%;
    min-width: 0;
}
  .news-row .btn_3 {
    max-width: 40%;}
    
 


.btn_1{width:auto!important}

.promo-slider h3{font-size:20px}
  
    }

       @media only screen and (max-width:1090px) {
       
       button{margin-bottom:10px}
       
       .header_email_symbol, .header_tel_symbol{margin-left:-100px!important}
           
      .sub-footer-menu{display:contents}
      
.promo-slider h3 {
    font-size: 14px!important;
}
  
      .header_nav img {
    height: 25px;
}                  

  #menu-header-menu > li > a {
    padding: 26px 13px!important;
    font-size: 13px!important;
}

.banner-title {
    font-size: 20px;line-height: normal;
}



.banner-text{        padding-left: 20px;padding-right: 20px;}

.center.banner-text {
    display: inline-block;
    text-align: center;
    width: 100%;
}



@media (min-width: 768px) {
    .center.banner-text {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner-title {
        margin-bottom: 0;
        margin-right: 10px; /* Space between text and buttons on desktop */
    }
}



.btn_1 {
  

    border: 2px solid;
    padding: 31px 9px!important;}

#menu-top-menu li {
  
    margin-left: 10px;

    padding-right: 10px;
}

#menu-top-menu{float:right}


       }



/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width:925px){

.popular-sticker{

    max-width: 120px;
    top: 5px;
    left: 5px;
 
}

.col{margin:1% 0 1% 0%; }
.span_1_of_12,.span_2_of_12,.span_3_of_12,.span_4_of_12,.span_5_of_12,.span_6_of_12,.span_7_of_12,.span_8_of_12,.span_9_of_12,.span_10_of_12,.span_11_of_12,.span_12_of_12{width:100%; }


.nomobile,.header_nav{display:none}
.container{width:90%; max-width:auto;min-width:auto}
.image_oneside{min-height:300px}

/* Cookie Notice Mobile - Bigger button for UX and centered */
#branda-cookie-notice .button {display:block; margin: 20px 0px 0px 0px; padding:10px;}
#bran

 /* Checkout Page */

 .col-1, .col-2{width:100%}

button{margin-bottom:10px}
 
/*  Header */
 .nodesktop{display:inline}
.header-1, .head-bg{display:none}
.rmp-header i {
    color: #89c421;
    font-size: 25px;
}


.ti-widget.ti-goog{display:none!important;}

.rmp-header-bar-html{
float: right;
    margin-right: 60px!important;
    margin-top: 5px;
}
.rmp-additional-content i{    font-size: 22px;
    margin-right: 10px;}

h2{line-height:120%}

.blue.btn, .red.btn{display:none}

.rmp-header-bar-html{}

.container{min-width:0}  
    
.rmp-item-link{   padding: 1px 40px;  }
 
.rmp-container {margin-top: 100px!important;}

.rmp-page-overlay {margin-top: 100px!important;}

.rmp-menu-subarrow {top: 20px!important;}

.rmp-header-additional-content {float: right}

#rmp-header-additional-content-13968 {
float: right;
position: absolute;
right: 70px;
top: 35px;
}
    #rmp-menu-additional-content-13968 .x-icon {
        width: 16px;
        position: relative;
        top: 1px;
        left: 6px;
    }

   #rmp-menu-additional-content-13968 .yt-icon {
        width: 16px;
        position: relative;
        top: 1px;
        left: 6px;
        padding-left:7px
    }



 /* Homepage Banner */
 
 #n2-ss-2item4{font-size: 24px!important;}
 .home .section_style_1 img{width:100%;height:auto}
  div#n2-ss-2 .n2-font-51100d372e88131df90cbb87ac737dc1-hover   {line-height:150%!important;font-size:31px!important}
  
  
  .new-slider a.btn_3 {

    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
}
 /* Mailchimp */
 .mailchimp-form input.required.email {
    width: 100%;text-align:center}
    
    
    .mailchimp-form input.button {

    display: inline-block;
    width: 100%;
    margin-top: 18px;
}



 
 /* Promo Boxes */ 
 
 

 .promo-border .slick-track{    height: 318px;}
 
   .product-boxes .container {
    width: 90%;
}

.projects_new .product_slider_box{height:500px}
 /*Contact Page*/
 
 .shop_table_responsive.cart .actions button{float:none;margin-top:20px;margin-left:12px}
   .contact-form{  margin-bottom:60px!important;  }
   .home .forminator-button   {    margin-bottom: 86px!important;}                    
   
/*  Homepage */
 .home-icons-1 .triangle, .home-icons-1 .square, .home-icons-1 .triangle-2, .home-icons-2 .square, .home-icons-2 .circle, .home-icons-2 .triangle-2, .home-icons-2 .triangle, .home-icons-3 .square-1, .home-icons-3 .square, .home-icons-1 .circle{display:none!important}
.home .homepage-blocks .section_style_2 .promo_box_area a.btn, .home-icons-2 .triangle   {position:relative;    display: inline-block;}
.section_style_3   {background: var(--section_3_colour);}
.news-row .btn_3{width:100%!important;margin-bottom:30px;max-width:100%}
.contact-form .container {max-width: 100%;min-width:0;}
.forminator-button {background: none!important;border: 1px solid #fff!important;border-radius: 5px;float: none;top: 0px;width: 200px!important;}
.promo.mobile-spacer{margin-top: -96px;}

.btn_1 {
    width: 100%!important;
    height: 66px!important;border: 2px solid;
    padding: 6px 20px!important;}


   .homepage-blocks .promo_box_area .col {
    padding-bottom: 0px;
}

/* Footer */

#menu-footer-bottom-menu li {margin-right: 5px;padding-right: 5px;}
.subfooter p, .subfooter a {font-size: 12px;}

.subfooter .right  {text-align:left}


   /* Menu */
   .responsive-menu-pro-subarrow{top:11px!important}
   
    /* Cookies  */
 
 #branda-cookie-notice .cookie-notice-container .branda-cn-container {display: block;width: 93%;text-align: left;margin-left: -15px;}
 #branda-cookie-notice .cookie-notice-container {height: 135px;margin-top: -15px;}
 .branda-cn-column{float:left}  
 .button.ub-cn-set-cookie   {margin-left: 20px!important;}

   
}

#headertest {

background-color:#474374;

}


@media only screen and (max-width:770px){
    .gallery-item {width:100% !important;}
}

/* Table */
table {width:100%; border-collapse:collapse;}
td, th {
  border: 1px solid #ddd;
  padding: 8px;
  line-height: 145%;
}

tr:nth-child(even){background-color: #f2f2f2;}


th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #89c421;
  color: white;
}


/* Glide */
.glide__arrow {
    background-color: transparent;
    border: none;
    font-size: 2.5rem;
    color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
}

.glide_banner .glide__arrow--left {
    left: 0;
}

.glide_banner .glide__arrow--right {
    right: 0;
}

.glide_case_studies .glide__arrow--left, .glide_featured_products .glide__arrow--left {
    left: -20px;
}

.glide_case_studies .glide__arrow--right, .glide_featured_products .glide__arrow--right {
    right: -20px;
}

.glide_case_studies .glide__track, .glide_featured_products .glide__track {width:85%; margin:0px auto;}


.glide_reviews .glide__arrow {
    background: transparent;border-radius: 0;border: 0;display: block;margin: 0;color: white;height: auto;width: auto;font-size: 2.5rem !important;padding: 0 !important;
}

.glide_reviews .glide__arrow--left {
    left: 0;
}

.glide_reviews .glide__arrow--right {
    right: 0;
}

/* Accordions */
.accordion-section-title:before {
font-family: "fontello";
font-weight: 900; 
content: "\e803";
display:inline-block;
float:right}

/* Woocomerce Custom message */
.woocommerce-message:focus {outline: none !important;box-shadow: 0 5px 10px #CCC;}
.woocommerce-message {margin-bottom: 60px;padding: 10px;box-shadow: 0 5px 10px #CCC;display: flex;align-items: center;justify-content: space-between;}
.woocommerce-message a {text-align:center;}

/* Custom cart */
.shop_table_responsive.cart th {background-color:#89c421 !important; padding:12px 8px;}
.shop_table_responsive.cart img {max-width: 200px;width: 100%;}
.shop_table_responsive.cart td {padding: 10px 8px;}
.woocommerce-cart-form .actions .button {height: unset;}
.woocommerce-form__label.checkbox abbr {text-decoration:none;}


/* Christmas Notice */

.christmas-notice{ 
	--color1: #fff;
	--color2: #EB2F31;
	background: repeating-linear-gradient( 45deg, var(--color1), var(--color1) 30px, var(--color2) 30px, var(--color2) 60px );
}
.christmas-notice a{color: #EB2F31}
.christmas-notice .container ul {margin-bottom: 0px; }

.christmas-notice .container li {
    list-style: disc;
    list-style-position: inside;
    line-height: 135%;
}

.christmas-notice .container p {font-weight:bold}
.christmas-notice h3 {margin-bottom: 10px;
color: #EB2F31;font-size:20px
}

 
.christmas-notice .container{background: #FFF; margin: 20px auto;padding: 20px}



.single-product .glide__track .glide__slides .glide__slide a img {height:400px!important;object-fit:cover;}

.glide__arrow--left{left:0!important;} .glide__arrow--right{right:0!important;}

.single-product .glide__arrow i{color: #89C421!important;}

/* Reviews */
.reviews-grid .span_6_of_12 {margin-bottom:40px;}
.review-card {
    background: #fff;
    padding: 30px 30px 0px 30px;
    border-radius: 8px;
    height: 100%;
    position: relative;
}
.star {
    color: #ffd700;
    font-size: 20px;
    margin: 0 2px;
}
.review-title {
    font-size: 18px;
    color: var(--section_3_colour) !important;
}
.review-content p {
    color: #666;
    font-size: 14px;
    margin: 0;
}
.case-study-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--section_3_colour);
    color: #fff;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: opacity 0.3s ease;
}
.case-study-badge:hover {
    opacity: 0.8;
}

/*Opening Hours*/

.opening_hours span:last-of-type {
   font-weight: normal !important;
   margin-right: 0px !important;
}

.floating-quote {bottom: 72px;right: 30px;z-index: 9999;position: fixed;}

/* ================================================
   Video Section - used in pe-custom-16.php
   ================================================ */
.video-section {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 600px;
  overflow: hidden;
  margin: 0 auto;
}
.video-element {
  width: 100%;
  max-width: 1920px;
  height: 600px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.mobile-poster {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}
.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1920px;
  height: 600px;
  background-color: rgba(0, 0, 0, 0.17);
  z-index: 1;
}
.video-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1920px;
  height: 600px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  padding: 0 20px;
}
.banner-text {
  width: 50%;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
}
.banner-text h1 {
  font-size: 48px;
  margin-bottom: 20px;
}
.banner-text p {
  font-size: 16px;
  color: #fff;
  margin: 0 auto 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .video-section,
  .video-element,
  .bg-overlay,
  .video-content {
    height: 400px;
  }
  .video-element {
    display: none;
  }
  .mobile-poster {
    display: block;
  }
  .banner-text {
    width: 100%;
  }
  .banner-text h1 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .banner-text p {
    width: 90%;
    font-size: 14px;
  }
}
@media (min-width: 480px) and (max-width: 1000px) {
  .banner-text h1 {
    font-size: 25px;
    margin-bottom: 10px;
    padding-top: 40px;
  }
  .banner-text p {
    width: 95%;
    font-size: 13px;
  }
}

/* ================================================
   Featured Categories - used in pe-custom-12.php
   ================================================ */
.selected-products {
    padding: 40px 20px;
    background: #f5f5f5;
}
.product-category {
    background: #89c421;
    padding: 2px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}
.product-category img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    object-fit: cover;
}
.product-category h4 {
    color: #fff;
    padding-bottom: 20px;
}

/* ================================================
   Custom Review Slider - used in pe-custom-15.php
   ================================================ */
.product_slider_box_custom {
    background: #f3f3f3;
}

/* ================================================
   Bootstrap-style spacing utilities - used in pe-custom-17.php
   ================================================ */
.ps-4 { padding-left: 24px; }
.pe-4 { padding-right: 24px; }
.ms-4 { margin-left: 24px; }

/* ================================================
   Contact form background - used in pe-contact-form.php
   ================================================ */
.section_bgimage {
    background: linear-gradient( rgb(0, 0, 0,0.45), rgb(0, 0, 0,0.45) ), url("https://rhinoplay.co.uk/wp-content/uploads/2022/11/IMG_0601-1-scaled.jpg");
    background-position: center;
    background-size: cover;
}

/* ================================================
   Product card styling - category pages
   ================================================ */
.tax-product_cat .section.group {
    display: flex;
    flex-wrap: wrap;
}
.product-card {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 0;
    height: auto !important;
    display: flex;
    flex-direction: column;
}
.product-card > a {
    float: none !important;
    display: block;
}
.product-card > a.bottomfix {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    position: relative;
    margin-bottom: 15px;
    margin-top: auto;
}
.product-card .normal_image_box {
    background: #fff;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
}
.product-card .normal_image_box img {
    max-height: 230px;
    width: auto !important;
    height: auto !important;
    max-width: 90%;
    float: none !important;
    object-fit: contain;
    position: static !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
}
.product-card h2,
.product-card h3 {
    padding: 10px 15px 5px;
    margin: 0;
    line-height: 140%;
}
.product-card .woocommerce-Price-amount {
    padding: 0 15px;
    display: block;
}

/* ================================================
   Related products - single product page
   ================================================ */
.related-products-section {
    position: relative;
    overflow: hidden;
}
.related-products-grid {
    display: flex;
    flex-wrap: wrap;
}
.related-products-grid .product-card {
    text-align: left;
}

/* Decorative shapes */
.rp-shape {
    position: absolute;
    opacity: 0.12;
    z-index: 0;
    pointer-events: none;
}
.related-products-section .container {
    position: relative;
    z-index: 1;
}
.rp-shape--circle {
    width: 320px;
    height: 320px;
    background: var(--main_colour, #008AB7);
    border-radius: 50%;
    top: 50%;
    left: -160px;
    transform: translateY(-50%);
}
.rp-shape--square {
    width: 115px;
    height: 115px;
    background: var(--main_colour, #008AB7);
    top: -57px;
    right: 4%;
    transform: rotate(15deg);
}
.rp-shape--triangle {
    width: 0;
    height: 0;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent;
    border-bottom: 156px solid var(--main_colour, #008AB7);
    bottom: 20px;
    right: 3%;
    transform: rotate(-10deg);
}
@media (max-width: 770px) {
    .rp-shape { display: none; }
}

/* ================================================
   Product gallery - single product page
   ================================================ */

/* Main image - single */
.product-gallery__single {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    overflow: hidden;
}
/* Main image - slider */
.product-gallery__main {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}
.product-gallery__main .glide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}
.product-gallery__single img,
.product-gallery__main .glide__slide img {
    max-height: 500px;
    max-width: 95%;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}
.product-gallery__single a,
.product-gallery__main .glide__slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 400px;
}

/* Arrows */
.product-gallery__arrows {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.product-gallery__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    border: 1px solid #ddd;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, box-shadow 0.2s ease;
    padding: 0;
    z-index: 2;
}
.product-gallery__arrow:hover {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.product-gallery__arrow--left {
    left: 10px;
}
.product-gallery__arrow--right {
    right: 10px;
}
.product-gallery__main {
    position: relative;
}

/* Thumbnails */
.product-gallery__thumbs {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    overflow-x: auto;
}
.product-gallery__thumb {
    flex: 0 0 auto;
    width: 80px;
    height: 70px;
    border: 2px solid #ddd;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: border-color 0.2s ease;
}
.product-gallery__thumb.is-active,
.product-gallery__thumb:hover {
    border-color: var(--main_colour, #008AB7);
}
.product-gallery__thumb img {
    max-height: 60px;
    max-width: 70px;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

/* Image One Side & Text Other */
.img-text-row {
    display: flex;
    min-height: 300px;
}
.img-text-row__image {
    flex: 0 0 58%;
    background-size: cover;
    background-position: center;
}
.img-text-row__content {
    flex: 1;
    padding: 0 3%;
}
.img-text-row--flipped {
    flex-direction: row-reverse;
}
@media only screen and (max-width: 770px) {
    .img-text-row,
    .img-text-row--flipped {
        flex-direction: column;
    }
    .img-text-row__image {
        flex: none;
        min-height: 300px;
    }
}

/* Case Study - Products Used Grid */
.related-products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
.related-products-grid::before,
.related-products-grid::after {
    display: none;
}
.related-products-grid .col.span_3_of_12 {
    float: none;
    margin: 0;
    width: 23.5%;
    flex: 0 0 23.5%;
}
@media only screen and (max-width: 770px) {
    .related-products-grid .col {
        width: 48%;
        flex: 0 0 48%;
    }
}