/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


header {
	position: sticky !important;
	top: 0px;
	background-color: #ffffff;
	z-index:5;
}
.bebas-neue-regular {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.bg-black {
    background: black;
    color: white;
    padding: 6px;
    font-size: 14px;
}

h4{
	margin: 10px 0 !important;
}

.default-page-title{
	color: #115B22;
    font-family: "Inter", Sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1em;
}
.my-account{
	position: absolute;
	right: 40px;
}
.footer-main{
	box-shadow: -15px 15px 5px #8f8c8d;
}
.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table{
	width: 100%;
}

.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr td:nth-child(1){
	width: 45%;
}
.wp-block-columns{
	background: transparent !important;
}
.footer-main{
	background-color: #CFE9E6  !important;
}

@media (min-width: 1025px){
	body{
		margin-top: 0px !important;
	}
}
@media (max-width: 1024px){

	header > div{
		display: none !important;
	}
	#rmp-menu-title-1919 .rmp-menu-title-image{
		margin-left: 15px;
		margin-top: 15px;
	}
}
@media (max-width: 599px){
	
	header{
		top: 0;
	}
	header > div{
		padding: 15px 15px 15px !important;
	}
	header nav.menu-nav-container button.wp-block-navigation__responsive-container-open,
	header nav.menu-nav-container button.wp-block-navigation__responsive-container-close{
		padding: 5px 10px;
		border-radius: 5px;
		margin-left: auto;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
		padding: 10px;
	}
	.wp-block-navigation__responsive-container.is-menu-open{
		padding-top: 30px;
    	padding-right: 15px;
	}
}
@media (min-width: 600px){
	nav.menu-nav-container{
/* 		background: linear-gradient(90deg, rgba(0, 29, 7, 1) 0%, rgba(29, 94, 46, 1) 49%, rgba(0, 0, 0, 1) 100%); */
		padding: 10px 0;
		border-radius: 10px;
/* 	    box-shadow: 10px 9px 1px #000000cf; */
	}
	ul.menu-nav-container .wp-block-navigation-item a.wp-block-navigation-item__content{
/* 		color: #fff; */
		font-weight: 300;
		padding: 7px 15px;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		width: auto !important;
		margin: auto !important;
	}
	
}
@media (max-width: 1040px){
	
	.wp-block-navigation__responsive-container-open:not(.always-shown){
		display: flex;
		margin-left: auto;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
		display: none;
	}
}
div.wpforms-container-full{
	margin: unset !important;
}
#about-us .elementor-widget-html{
	position: unset;
}
#img-bg-dot-1{
	width: 200px;
	height: 100px;
	position: absolute;
	top: 30px;
	right: 30px;
	background: url('https://bravado.gtindustries.ph/wp-content/uploads/2024/03/image-dots-1.png') center center no-repeat;
	background-size: cover;
}
div[data-id="e43d2cf"] .woocommerce-notices-wrapper{
	display: none;
}
#img-bg-dot-2{
	width: 75px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: url(https://bravado.gtindustries.ph/wp-content/uploads/2024/03/image-dots-2.png) center left no-repeat;
    background-size: cover;
    height: 90px;
}
.wp-block-loginout{
	margin-left: auto;
	margin-right: 5px;
}
.wp-block-loginout a{
    font-weight: 400;
	text-decoration: none;
}

.wp-block-loginout a:hover{
	text-decoration: underline;
}

.my-account-header-button a{
    padding: 11px 17px;
    line-height: 1em;
}

body:not(.user-logged-in) .my-account-header-button .my-account-button{
	display: none;
}
body.user-logged-in .my-account-header-button .sign-up-button{
	display: none;
}

body.user-logged-in .wp-block-loginout{
	margin-left: 5px;
	order: 2;
}
body.user-logged-in .my-account-header-button{
	order: 1;
	margin-left: auto;	
}

body.user-logged-in .my-account-header-button .my-account-button{
	display: block;
}

.add_to_cart_button {
	width: 100%;
	text-align: center;
}

.woocommerce.product{
	font-family: 'Roboto', sans-serif;
}

.woocommerce.product h1,
.woocommerce.product h2,
.woocommerce.product h3,
.woocommerce.product h4{
	font-family: 'Roboto', sans-serif;
}
.woocommerce div.product form.cart table.variations td select{
	padding: 5px 15px;
    height: auto;
	margin: 0;
}

.woocommerce.product .woocommerce-Tabs-panel h3{
	font-size: 20px;
    margin-bottom: 0;
}
.woocommerce.product .woocommerce-Tabs-panel p{
	font-size: 15px;
	line-height: 1.4em;
}
.woocommerce div.product .lightweight-accordion {
    background: #fffaeb;
	border-radius: 10px;
	margin-top: 5px;
}
.woocommerce div.product .lightweight-accordion-title{
    background: #fffaeb;
    color: #1e5e2e;
    font-weight: 600;
	padding: 9px 15px;
	display: block;
    border-radius: 10px;
}
a.reset_variations{
	visibility: visible;
    padding: 6px 14px;
    margin-left: 10px;
    background: #1b5c2d;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
}
.woocommerce div.product .lightweight-accordion-title::marker{
	display: none;
}
.woocommerce div.product .lightweight-accordion-body{
    padding: 0 15px 15px;
    font-size: 13px;
    line-height: 1.3em;
    color: #1e5e2e;
    font-weight: 500;
}
.filter-products .lightweight-accordion-body{
    padding: 15px 0;
}
.lightweight-accordion-body p{
	margin: 0 0 10px;
}
.woocommerce div.product form.cart button.single_add_to_cart_button{
	padding: 10px 32px;
    background: #1d5c2d
}
table.variations .label{
	width: 25%;
}
table.variations .value{
	width: 75%;
}
].woocommerce-page h1{
	font-family: 'Roboto', sans-serif;
}
.product .product-left-details{
	padding: 25px 25px 25px 40px;
    margin: 0 0 30px 0;
    box-shadow: 0 0.1rem 2rem rgba(61,84,115,0.1);
    border-radius: 8px;
	background: #fff;
}
.products-block-post-template .product{
	padding: 20px;
    background: #fff;
    box-shadow: 0 0 7px 0 #00000029;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
}
.products-page-filter{
	flex-basis: 20%;
    background: #fff;
    padding: 15px 20px;
    box-shadow: 0 0 7px 0 #00000029;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.products-page-filter h3{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	margin: 0px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
	width: 25%;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
	padding: 0;
}
.woocommerce-account main .woocommerce{
	width: 100%;
	display: flex;
	max-width: unset;
	gap: 20px;
	flex-wrap: wrap;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
	padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
	padding: 8px 20px;
    display: block;
    font-size: 14px;
}
.woocommerce-account .wp-block-post-title{
	max-width: unset;
}
.woocommerce-account .woocommerce::before{
	display:none;
	content: unset;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
	background: #19562a;
	color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-content{
	padding: 15px;
	font-size: 14px;
}
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation{
	background: #fff;
    box-shadow: 0 0 7px 0 #00000029;
    border-radius: 5px;
	overflow: hidden;
    font-family: 'Roboto', sans-serif;
}
footer{
	padding-bottom: 23px;
}
footer .footer-additional{
	align-items: flex-start;
}
	
	.footer-additional .wp-block-image img{
    	max-width: none;
	}


#mens-health-container{
	position: relative;
}
#img-bg-mens-health-1{
    width: 22vw;
    height: 19vw;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://bpharma.ph/wp-content/uploads/2025/02/mens-health-tadalafil.png) center center no-repeat;
    background-size: cover;
}

#img-bg-mens-health-1{
    width: 23vw;
    height: 24vw;
    position: absolute;
    top: -60px;
    left: 0;
    background: url(https://bpharma.ph/wp-content/uploads/2025/02/tada-mens-bg.png) center center no-repeat;
    background-size: cover;
}
#img-bg-mens-health-2{
    width: 21vw;
    height: 22vw;
    position: absolute;
    bottom: -60px;
    right: 0;
    background: url(https://bpharma.ph/wp-content/uploads/2025/02/silden-mens-bg.png) center center no-repeat;
    background-size: cover;
	z-index: 2;
}

#mens-health-container .elementor-widget-html{
	position: unset;
}
@media (max-width: 599px){
	
	#img-bg-mens-health-1{
		width: 31vw;
    	height: 27vw;
	}
	#img-bg-mens-health-2{
		width: 35vw;
		height: 35vw;
	}
	.woocommerce-account main .woocommerce{
		flex-wrap: wrap;
	}

	.woocommerce-account .woocommerce-MyAccount-content,
	.woocommerce-account .woocommerce-MyAccount-navigation{
		width: 100%;
	}
	body.user-logged-in .my-account-header-button{
		margin-left: 10px;
	}
	body.user-logged-in .wp-block-loginout{
		margin-left: 10px;
    	margin-top: 20px;
	}
	.wp-block-loginout a{
		border: 1px solid #111111;
    	color: #111111;
	}
	.wp-block-loginout a:hover{
		color: #fff;
	}
	
	.footer-main-2 .wp-block-group p {
		width: 100%;
		text-align: center;
	}
	.footer-main-2 .wp-block-group .wp-block-social-links{
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	.footer-main{
		width: 90%;
		margin: 25px auto !important;
		padding: 28px !important;
	}
	.footer-additional{
		width: 100%;
		flex-direction: column;
	}
	.footer-additional .wp-block-group{
		width: 100%;
		text-align: center;
		align-items: center;
	}
	
	.footer-additional .wp-block-group nav{
		width: 100%;
		text-align: center;
	}
	.footer-additional .wp-block-group nav ul{
	    width: 100%;
	    align-items: center;
	}
	
	.footer-additional .wp-block-group p{
		width: 100%;
	}
	
	.footer-main-2 .wp-block-group{
		padding-right: 0 !important;
	}
	.footer-main-2 .wp-block-group p {
		width: 100%;
		text-align: center;
	}
	
	.footer-additional .wp-block-image{
		margin: auto;
	}
/* 	
	.footer-main-2{
		padding-right: 0 !important;
	}
	.footer-main-2 .wp-block-group{
		padding-right: 0 !important;		
	}
	.footer-main-2 .wp-block-group p {
		width: 100%;
		text-align: center;
	}
	.footer-main-2 .wp-block-group .wp-block-social-links{
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	
	
	.wp-block-loginout{
		margin-left: 0;
		margin-bottom: 15px;
	} */
}

.elementor-1390 .elementor-element.elementor-element-701da57.elementor-wc-products ul.products li.product .woocommerce-loop-product__buttons form{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.elementor-1390 .elementor-element.elementor-element-701da57.elementor-wc-products ul.products li.product .woocommerce-loop-product__buttons form .quantity{
	align-self: stretch;
}

.elementor-1390 .elementor-element.elementor-element-701da57.elementor-wc-products ul.products li.product .woocommerce-loop-product__buttons form .button{
	width: 100%;
}
.elementor-1390 .elementor-element.elementor-element-701da57.elementor-wc-products ul.products li.product .woocommerce-loop-product__buttons form .quantity input{
	height: 100%;
	border-radius: 10px;
}