/*
Theme Name:   	PPB
Theme URI:    	https://www.addapersonaltouch.co.uk
Author:       	Robert Hemingway
Author URI:     N/A
Template:     	storefront
Description:  	This is a aapt child theme for WooThemes StoreFront theme
Version:      	1.0.0
*/

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}


html, body {
min-height:100%;
min-width:100%;
}

body {
	font-family: 'DM Sans', sans-serif !important;
}

/* header */
#masthead.site-header {
    padding-top: 1.618em;
}

#masthead .site-branding {
    margin-bottom: 0;
}

.main-navigation ul.menu {
	margin-left: 0;
}

/* carousel */
.sb14-carousel-section{
    max-width:1063px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 0rem !important;
    margin-bottom: 2rem !important;
}

.sb14-carousel-section .sb14-carousel .sb14-item {
    padding-top: 0;
    padding-bottom: 0;
}

.owl-theme .owl-controls .owl-dots {
    position: relative;
    margin-top: -50px;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
}

@media (min-width:768px){
    .sb14-carousel-section{
        margin-top: 2rem;
    }
}

/* home content */
#post-20 {
	padding-top: 1.8535260698em; /* 5em less than usual */
}

#post-20 .featured-image {
	margin-bottom: 1.8535260698em;
}

.home ul.products {
    min-height: unset;
}

.home .hentry {
    padding-top: 0;
}

.home .gallery-item {
    padding: 10px;
}

#main #post-20 {
	margin-bottom: 0;
	padding-bottom: 10px;
}

.woocommerce-products-header__title {
	font-family: scriptorama-tradeshow-jf, "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.page-template-template-homepage .entry-content .row p:last-child {
    margin: 0 0 1.41575em;
}

.home .wp-block-gallery {
    margin-bottom: 1.41575em;
}

.home #primary .wp-block-table th, .home #primary .wp-block-table td {
    padding: 0.25em 1.41575em
}

.list-unstyled {
    list-style: none;
    margin: 0 0 1.41575em;
}

.list-unstyled li {
    margin-bottom: 10px;
}

h4 img {
    display: inline;
    vertical-align: middle;
}

.hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child), .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child){
    margin-right: 2rem !important;
}

/* category */
.products .add_to_cart_button {
    display: none;
}

/* product */
.personalise-desktop, .personalise-mobile {
    margin-bottom: 3px;
    background: #f9bcca;
    float: left;
    clear: left;
}

.personalise-desktop:hover, .personalise-mobile:hover {
    background: #f95172 !important;
}

.personalise-desktop:first-child, .personalise-mobile:first-child {
    background: #f95172;
}

.personalise-desktop:first-child:hover, .personalise-mobile:first-child:hover {
    background: #f95172 !important;
}

#ec3d, .personalise-desktop {
    display: none;
}

@media (min-width:768px){
    .personalise-desktop {
        display: inline-block;
    }
    
    .personalise-mobile {
        display: none;
    }
}

.product_meta {
    clear: both;
    margin-top: .875em;
}

/* personaliser */
.page-id-62 iframe, .page-id-64 iframe {
	border: 0;
    width: 100%;
    height: 100vh;
}

/* footer */
.widget_nav_menu ul li {
    padding-left: 0;
    margin-bottom: 5px;
}
.widget_nav_menu ul li:before {
    content: '';
}

ul.menu li.current-menu-item > a {
    color: #FFF;
}

/* contact info */
#text-4 {
    margin-bottom: 1em;
}

/* footer social links */
#text-5 img {
    display: inline-block;
    margin-right: 5px;
}

/* widgets */

.berocket_single_filter_widget.berocket_single_filter_widget_684 .berocket_aapf_widget .price .slide .berocket_filter_slider .ui-slider-range {
	background: #f95172;
}

.berocket_single_filter_widget.berocket_single_filter_widget_684 .berocket_aapf_widget .price .berocket_slider_start_val, .berocket_single_filter_widget.berocket_single_filter_widget_684 .berocket_aapf_widget .price .berocket_slider_end_val {
	padding: 0;
	text-align: left;
	font-style: normal;
	border: none;
	box-shadow: none;
	font-size: 14px;
    height: 20px;
}

.berocket_single_filter_widget.berocket_single_filter_widget_684 .berocket_aapf_widget .price .berocket_slider_end_val {
	text-align: right;
}

.widget_berocket_aapf li span {
	margin-bottom: 5px;
}

.berocket_aapf_widget input[type="checkbox"] + label::before {
	margin-right: 10px;
	background-image: url(/wp-content/themes/ppb/images/filter-checkbox.png);
	width: 17px;
	height: 20px;
	vertical-align: middle;
}

.berocket_aapf_widget input[type="checkbox"]:checked + label::before {
	background-position: right top;
}

/* Sorting out the stick header */
.element-is-sticky {
   background-color: #ffffff !important;
}

@media (min-width: 768px) {
	#site-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
		padding: 1.618em 0.5em;
	}
}
	
@media (min-width: 971px) {
	.woocommerce-active .site-header #site-navigation {
		width: 83%;
	}
}

@media (min-width: 971px) {
	.woocommerce-active .site-header #site-header-cart {
   		width: 12%;
	}
}

@media (min-width: 971px) {
	.woocommerce-active .site-header #site-header-cart .widget_shopping_cart {
   		width: 240px;
	}
}



/* Testing the sites width to make it a bit wider (to fit with the featured products) */
#main .entry-content {
	max-width: 66.4989378333em;
}

#main .entry-header {
	max-width: 66.4989378333em;
}

#page .storefront-breadcrumb {
	margin-bottom: 0.5em;
}

#page #main .woocommerce-products-header {
	padding-bottom: 1em;
}

/* Button colour change in basket */
.wc-proceed-to-checkout .checkout-button {
	background-color: #f95172;
}

.wc-proceed-to-checkout .checkout-button:hover {
	background-color: #FD9BB1;
}

#payment .button {
	background-color: #f95172;
}

#payment .button:hover {
	background-color: #fD9BB1;
}

/* Removes the "Design Yours Now" button from product that don't need it (simple products that have no print) */
#product-6729 .personalise-desktop {
	display: none;
}
#product-6729 .single_add_to_cart_button {
	background-color: #F95172;	
}

/* 2021/01/04 - came back after xmas and title had changed to Black and couldn't get it back to pink */
#primary #main .entry-header .entry-title {
	color: #f95172;
}

#primary #main {
	padding-top: 0px;
}

#primary #main #three-main-imgs {
	margin-top: 1em;
}

/* Removing the notes section in the basket */
.woocommerce-additional-fields .notes {
	display: none;
}

body {
	font-family: "Inter", sans-serif !important;
}


/* ===== Transparent / overlay navbar =====
 * Adjust the header selector if your theme uses a different one.
 * Use your browser inspector to find the correct selector (e.g. .site-header, .main-header, header).
 */
.woocommerce header#masthead.site-header {
   background: transparent; /* navbar will float over hero */
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 100; /* sits above hero */
}

/* If your theme uses a different header selector, replace/extend the list above with it. */

/* ===== Make the shop header a hero ===== */
.woocommerce-products-header {
  position: relative;
  /* Set the hero image here */
  background-image: url("http://selloutgoods.co.uk/wp-content/uploads/2025/10/Header_Latest.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 40vh;                /* adjust to taste (60vh = 60% of viewport height) */
  min-height: 360px;          /* safe minimum */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;            /* horizontal breathing room */
  z-index: 1; /* sits under navbar */     
  box-sizing: border-box;
	margin-top: -80px; /* roughly the height of your navbar */
}

/* dark overlay for legibility */
.woocommerce-products-header::before {
  content: "";
  position: absolute;
  inset: 0;
 /* background: rgba(0,0,0,0.35);  tweak opacity for lighter/darker */
  z-index: 11;
}

/* Title styling (keeps it above the overlay) */
.woocommerce-products-header__title.page-title {
  position: relative;
  z-index: 12;
  color: #fff;
  font-size: clamp(28px, 4vw, 48px); /* responsive size */
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Add a little top padding so the title does not sit under the navbar on small screens */
@media (min-width: 768px) {
  .woocommerce-products-header {
    padding-top: 40px; /* if navbar height differs, tweak this */
  }
}
@media (max-width: 767px) {
  .woocommerce-products-header {
    height: 40vh;
    min-height: 220px;
    padding-top: 56px; /* more top padding on mobile if header is taller */
  }
}

/* ===== Ensure product grid starts below the hero cleanly =====
   If your theme already pushes content below the header, this won't affect it.
*/
.woocommerce-products-header + .products,
.woocommerce-products-header + .woocommerce {
  margin-top: 20px; /* slightly separate hero and products; adjust/remove if needed */
}

/* ===== Optional: make header sticky instead of absolute =====
   Uncomment if you prefer a sticky navbar that stays visible:
*/
/*
.site-header {
  position: sticky !important;
  top: 0;
}
*/