/*
Theme Name: Staging Site
Theme URI: https://sherbetdonkey.co.uk
Version: 3.5.11
Description: Let us do the donkey work
Author: Sherbet Donkey Media
Author URI: https://sherbetdonkey.co.uk
template: bb-theme
*/

/*############################################################### FONTS ################################################################*/
.pp-login-form-wrap::placeholder {color:#fff !important}

/* @import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');

@font-face {
font-family: "texgyreadventor";
src:  url("/wp-content/themes/themes/bb-theme-child/fonts/texgyreadventor-bold-webfont.woff2") format("woff2"),
      url("/wp-content/themes/themes/bb-theme-child/fonts/texgyreadventor-bold-webfont.woff") format("woff");
font-weight: bold;
}
@font-face {
font-family: "texgyreadventor";
src:  url("/wp-content/themes/themes/bb-theme-child/fonts/texgyreadventor-regular-webfont.woff2") format("woff2"),
      url("/wp-content/themes/themes/bb-theme-child/fonts/texgyreadventor-regular-webfont.woff") format("woff");
font-weight: normal;
} --------------------- how to add additional fonts*/

li, p {letter-spacing:-0.015em;}
h1, h2, h3, h4, h5, h6, .not-h1, .not-h2, .not-h3, .not-h4, .not-h5, .not-h6 {letter-spacing:-0.045em; line-height:1.25; margin-top: 0px !important; margin-bottom: 0px !important;}
h1, .not-h1 h2 { font-size: clamp(32px, 4vw, 67.5px); }
h2, .not-h2 h1 { font-size: clamp(27px, 3vw, 45px); }
h3, .not-h3 { font-size: clamp(24px, 2vw, 25px); }
h4, .not-h4 { font-size: 20.5px; }
h5, .not-h5 { font-size: 19px; }
h6, .not-h6 { font-size: 18px; }
p { font-size:18px }

h2 span:not(.fl-heading-text) {
    color: #ff0000;
}

.not-h1 h2 span { border-bottom:15px solid #ff0000; padding-bottom:20px;}

.talt { color:#ff0000; }
.fl-col-content p {margin:0 0 15px; }
.fl-col-content p:last-of-type {margin:0 0 0px; }

/*############################################################### Misc ################################################################*/
.canttouchthis  {pointer-events:none;}
.cantouchthis {pointer-events:all !important}
.fl-module-content  a.smo_padding { padding-right: 10px;}
.fl-module-content a.smo_padding:last-of-type { padding-right: 0px !important;}
ul.smo { display: inline;}
.fl-col {min-height:0px; }
.pointer {cursor:pointer; }
span.wpcf7-list-item {margin:0px; }
input[disabled] {opacity:0.2; }
.smo li {display:inline-block; padding:0px 10px; }
.smo i {font-size:45px !important; }

.loginpage form .form-control::-webkit-input-placeholder {  color:#ffffff !important;}
.loginpage form .form-control::-moz-placeholder { color:#ffffff !important;}
.loginpage form .form-control:-ms-input-placeholder { color:#ffffff !important;}
.loginpage form .form-control:placeholder { color:#ffffff !important;}
.loginpage ::-webkit-input-placeholder { color:#ffffff !important;}
.loginpage ::-moz-placeholder { color:#ffffff !important;}
.loginpage ::-ms-placeholder { color:#ffffff !important;}
.loginpage ::placeholder { color:#ffffff !important;}


@media only screen and (max-width:767px) {
	.fl-row:not(.no-mobile-pad) .fl-module-content { padding-right: 3vw; padding-left: 3vw;}
	.bgimageoverlayb > .fl-row-content-wrap:after {background-color:#000000; background-color:rgba(0,0,0, 0.4); }
	.bgimageoverlayb > .fl-row-content-wrap:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; }
	.bgimageoverlayb .fl-row-content {position:relative; z-index:1; }
	.bgimageoverlayw > .fl-row-content-wrap:after {background-color:#000000; background-color:rgba(255,255,255, 0.7); }
	.bgimageoverlayw > .fl-row-content-wrap:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; }
	.bgimageoverlayw .fl-row-content {position:relative; z-index:1; }
}

.fl-theme-builder-header-scrolled {
	box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 17%);
}

.fl-page {
	overflow-x:hidden;
}
/*############################################################### MENU ################################################################*/

 #menu-item-44 a {padding-left:0px !important; border-left:none !important; }
 #menu-item-45 a {padding-right:0px !important; }
.uabb-creative-menu:not(.off-canvas):not(.full-screen):not(.menu-item) .uabb-creative-menu .sub-menu {width:max-content; }
.uabb-creative-menu .sub-menu {min-width:unset; margin:0; }
@media only screen and (max-width:1024px) {
	.menu > li a {border-left:none !important; }
	.menu-item-text {font-size:26px !important; font-weight:700; }
	.uabb-creative-menu.full-screen .menu li a span.menu-item-text, .uabb-creative-menu.full-screen .menu li .uabb-has-submenu-container a span.menu-item-text {width:auto !important; }
	.uabb-creative-menu .uabb-has-submenu-container {margin-bottom:initial; }
	.uabb-creative-menu.full-screen .menu>li>a {padding:10px 15px !important; }
	.uabb-creative-menu.full-screen .uabb-menu-overlay ul.menu {width:100% !important; }
	.uabb-creative-menu .sub-menu {box-shadow:none !important; }
	.menu > li a {border-left:none !important; }
}

/*############################################################### TABLES #################################################################*/

/* .fl-module-content table {width:100%; margin-top:20px; }
.fl-module-content tr:nth-child(odd) {background-color:#f5e8e1; }
.fl-module-content tr:nth-child(even) {background-color:#ffffff; }
tr {    border: 1px solid #000;}
.fl-module-content tr:nth-child(1) {}
.fl-module-content td {padding:10px; } */

/*############################################################### StickyFooter ################################################################*/

.fl-page {display:-ms-flexbox; display:-webkit-flex; display:-webkit-box; display:flex; -ms-flex-direction:column; -webkit-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; min-height:100vh; }
 .fl-page-content {-ms-flex:1; -webkit-flex:1; -webkit-box-flex:1; flex:1; width:100%; word-wrap:break-word; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.fl-page {display:block; }
 	/* IE10 & IE11 */
}

/*############################################################### sticky header ################################################################*/



/*############################################################### forms ################################################################*/

.uabb-cf7-style .uabb-cf7-col-1 { padding: 0px 10px !important;	}
form .uabb-cf7-col-2:nth-child(even){padding: 0px 5px 0px 10px !important;}
form .uabb-cf7-col-2:nth-child(odd){padding: 0px 10px 0px 5px !important;}
form label { margin:0px !important;}

@media only screen and (max-width:767px) {

 .uabb-cf7-style select, .uabb-cf7-style input[type=tel], .uabb-cf7-style input[type=email], .uabb-cf7-style input[type=text], .uabb-cf7-style input[type=url], .uabb-cf7-style input[type=number], .uabb-cf7-style input[type=date], .uabb-cf7-style textarea { border-bottom-color:#fff !important;}
	
.uabb-cf7-style .uabb-cf7-col-1 { padding: 0px !important;	}
form .uabb-cf7-col-2:nth-child(even){padding: 0px !important;}
form .uabb-cf7-col-2:nth-child(odd){padding: 0px !important;}
}



/*############################################################### WOOCOMMERCE ################################################################*/

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, input {
    height: 45px;
    border-radius: 0px;
}

/*############################################################### Custom ################################################################*/

/* header  */

.header-03-left {flex: none !important; width: 310px !important;}
.header-03-middle {flex 1; width:unset !important;}
.header-03-right {flex: none !important;  width: 150px !important;}

/* Menu */
#menu-main-menu {display: flex;
    justify-content: space-between;
	max-width:680px;
}

/* button  */

.button-wht a.fl-button {
    background: linear-gradient(90deg, #fff 50%, transparent 50%) !important;
    background-size: 200% 100% !important;
    background-position: 99% !important;
	transition:0.4s;
	position:relative;
	border-radius:0;
	font-size:20px !important;
}

.button-wht a.fl-button:hover {
    background-position: left !important;
}

.button-wht .fl-button::after {
    content: '';
    width: 10px;
    background: #fff;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}


a.fl-button, .button {
    background: linear-gradient(90deg, #ff0000 50%, transparent 50%) !important;
    background-size: 200% 100% !important;
    background-position: 99% !important;
	transition:0.4s;
	position:relative;
	border-radius:0;
	font-size:20px !important;
}
a.fl-button:hover, .button:hover {
    background-position: left !important;
}
.fl-button::after, .button:after {
    content: '';
    width: 10px;
    background: #ff0000;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.fl-button-text {
    transition: 0.4s;
}

.button {
    padding: 10px 20px !important;
}

/* Slider  */

.uabb-blog-posts ul.slick-dots li {
    width: 50px;
	height:20px;
    background-color: #fff;
    position: relative;
    margin: 5px;
    opacity: 0.8;
    transition:0.4s;
}

.uabb-blog-posts ul.slick-dots li.slick-active {
    width: 100px;
	height:20px;
    background-color: #ff0000;
    position: relative;
    margin: 5px;
    opacity: 1;
}

ul.slick-dots {
    text-align: left !important;
    padding: 10px !important;
}

.slick-dots-wrapper {
    position: absolute;
    bottom: 210px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.uabb-blog-posts ul.slick-dots li button {
	display:none;
}


/*############# Slider ##############*/

.slider-background {
    position: absolute;
    display: block;
    transition: 0.4s all;
    opacity: 0;
    z-index: 1;
}
.slider-background.active {
    opacity:1;
    z-index: 2;
}

.product-category-grid {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
}

.product-category {
    width: 50%;
    justify-content: space-evenly;
	padding-bottom:40px;
	position: relative;
}

.button_cont {
    position: absolute;
    bottom: 90px;
    right: 21px;
}

.cart-number {
	position: absolute;
    top: -15px;
    right: -9px;
    color: #fff;
    background: #ff0000;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100%;
}


/* ########### Product Cats ###############*/

.shop-page-grid {
    background: linear-gradient(90deg, #c1c1c1 50%, #e8e8e8 50%) !important;
    background-size: 202% 100% !important;
    background-position: 100% !important;
	transition:0.4s;
	position:relative;
	border-radius:0;
	font-size:20px !important;
}

.uabb-modal-content-data tr:nth-of-type(even) {
    background: #e8e8e8;
}
.uabb-modal-content-data tr:first-of-type {
    background: #bbb8b8;
    color: #fff !important;
}
.uabb-modal-content-data td {padding:8px; border:1px solid #6e6e6e}

.shop-page-grid:hover {
    background-position: left !important;
}
.shop-page-grid:hover {
    color:#fff !important;
}

.product-category:nth-of-type(even) .button_cont {    position: absolute;    bottom: 90px;    right: 0px; width: 100%;}
.product-category:nth-of-type(odd) .button_cont {    position: absolute;    bottom: 90px;    right: 20px; width: 100%;}

.product-category img {min-height: 350px;   object-fit: cover; width:100%; }


.product-category:nth-of-type(odd) {padding-right:20px}
.product-category:nth-of-type(even) {padding-left:20px;}

.product-category-grid > :last-child { padding-bottom:0px; }

.button_cont .fl-button { max-width: 280px;    width: 100%;    text-align: center; background: linear-gradient(90deg, #ff0000 50%, #ffffff 50%) !important;     background-size: 200% 100% !important;
    background-position: 99% !important;}

/* ########### Product Cats 3 ###############*/

.product-category_3 .button_cont {    position: absolute;    bottom: 90px;    right: 5px; width: 100%;}

.product-category_3 img {min-height: 350px;   object-fit: cover; width:100%; }


.product-category_3 {padding:5px;}

.product-category_3-grid > { padding-bottom:0px; }

.product-category_3 {
    width: 33%;
    justify-content: space-evenly;
	position: relative;
}

.product-category_3-grid {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
}


.woocommerce-product-gallery__image img {
    height: 400px !important;
    object-fit: contain;
}


.woocommerce .flex-control-thumbs img[src$=".jpg"] {
height: 400px;
    object-fit: cover;
}

.woocommerce .flex-control-thumbs img[src$=".png"] {
height: 400px;
    object-fit: contain;
	    background: #fff;
    padding: 15px;
}

.woocommerce-product-gallery .flex-active {
	border:5px solid #ff0000 !important;
}

.flex-control-thumbs img {
    min-height: 150px;
    max-height: 150px;
}

.flex-control-thumbs li {
	padding:5px;
}

.flex-control-nav {padding-top:5px;}

footer .sub-menu { display:none !important;}
	
@media only screen and (max-width:1300px) {
	
}

@media only screen and (max-width:825px) {
	
	.woocommerce div.product div.images .flex-control-thumbs li {
    width: 50%;
}
	
	.product-category {
    width: 100%;
    justify-content: space-evenly;
	padding-bottom:40px;
	position: relative;
}
}

@media only screen and (max-width:1024px) {

.product-category_3 {
    width: 100%;
    justify-content: space-evenly;
	position: relative;
}
	
.product-category:nth-of-type(odd) {padding-right:0px}
.product-category:nth-of-type(even) {padding-left:0px;}
	
.product-category:nth-of-type(odd) .button_cont { right: 0px;}
.product-category-grid > :last-child { padding-bottom:40px; }
.product-category-grid { margin-bottom:-40px;}
}

@media only screen and (max-width: 767px) {

.shopping-menu { position: fixed;  bottom: 0; width: 100%;}
	.fl-node-wx3s5lt6viyc .fl-icon-group {
    text-align: center;
    display: flex;
		justify-content: space-evenly; }
	body {margin-bottom: 80px;}
	
}