/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: TheBrand
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */




/* ************************************* */
/* Center Logo For Mobile Devices */
/* ************************************* */
@media only screen and (max-width: 400px) {
	#site-header #site-logo {    
		float: none !important;    
		display: block !important;    
		text-align: center !important;    
		width: 100% !important;
		max-width: none !important;
	}
	#site-logo #site-logo-inner {    
		display: block !important;
		height: auto !important;
	}
}


/* ************************************* */
/* This part centers the mobile menu toggle */
/* ************************************* */
.oceanwp-mobile-menu-icon {
    float: none !important;
    right: auto !important;
    text-align: center !important;
}


/* ************************************* */
/* Reduce h1 size on mobile phones */
/* ************************************* */
@media only screen and (max-width: 500px) {
h1 {
	font-size: 20px !important;
	line-height:25px !important;
	}
}





/* ************************************* */
/* Format Add to cart button on categories page */
/* ************************************* */
ul.products li.product .button {

	background-color: #dd9933 !important;
	color: white !important;
	min-height: 37px;
	text-decoration: none !important;
	border: none !important;
	padding: 8px 8px !important;
	text-transform: uppercase !important;
	

}

ul.products li.product .button:hover {
	background-color: #e05b33 !important;
}




/* ************************************* */
/* Format holder for add to cart and qty buttons on categories page */
/* ************************************* */
	li.btn-wrap.clr {
	background-color: #f6f6f6;
	padding: 10px 10px 10px 10px;
}










/* ************************************* */
/* Remove text underline from add to cart and qty buttons - on front archive page */
/* ************************************* */
.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button), .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button) {
	text-decoration: none !important;
}


/* ************************************* */
/* Align quantity buttons in their own space and centre - on front and shop archive pages  */
/* ************************************* */
.quantity-archive .quantity {
	background-color: #f6f6f6;

	display: flex;
	justify-content: center;
	width: 100%;
	padding-bottom: 10px;
		padding-top: 10px;
	margin-top: 0x;
}







/* ************************************* */
/* Make category search box same size as search box - woo table pro table page  */
/* ************************************* */
#product_cat_187{
font-size: 12px;
line-height: 1;
}




/* ************************************* */
/* Make Qty box show properly on mibile devices - woo table pro table page  */
/* ************************************* */
.col_inside_tag.quantity {
float: none;
}




/* ************************************* */
/* Re colour scroll bars - woo table pro table page  */
/* ************************************* */
.wpt_product_table_wrapper ::-webkit-scrollbar-thumb {
background: #808080 !important;
}




/* ************************************* */
/* Re Make Sales Rep bar floating  */
/* ************************************* */
.wcb2bsa-switch-form {
    top: initial !important;
    left: initial !important;
    bottom: 60px !important;
    right: 20px !important;
    display: inline-block !important;
    width: auto !important;
    padding: 10px !important;
    text-align: center !important;
}
.wcb2bsa-switch-form > div {
    font-size: .8em !important;
    padding: 0 5px 5px !important;
}



/* ************************************* */
/* Set content width in a full width flexbox equal to normal page layout CSS class set in page advanced*/
/* ************************************* */
.ContainerWidthD {
  padding-top: 50px !important;
  padding-right: 16% !important;
  padding-bottom: 50px !important;
  padding-left: 16% !important;
}

/* ************************************* */
/* Set content width in a flexbox CSS class set in page advanced*/
/* ************************************* */
.ContainerWidthD2 {
  padding-top: 50px !important;
  padding-right: 10% !important;
  padding-bottom: 50px !important;
  padding-left: 10% !important;
}

/* ************************************* */
/* indent text CSS class set in page advanced*/
/* ************************************* */
.TextIndentD {
  padding-left: 14% !important;
}



/* ************************************* */
/* Add text shadow when white text on light background CSS class set in page advanced*/
/* ************************************* */
.TextDropShadowD {
  text-shadow: 2px 2px 4px #000000 !important;
}