/*
Theme Name: HFL WordPress v5.3.2
Theme URI: https://healthfitnesslongevity.com
Author: Dr. Sam Robbins
Author URI: https://www.drsamrobbins.com/
Description:  HFL WordPress 5.3.2 is a custom theme design for HFL Solutions Offical Website.
Version: 5.3.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: health solutions
*/

a { text-decoration: none; }
.tooltip-inner { max-width: 300px; }
.custom-tooltip { --bs-tooltip-bg: var(--bs-secondary); }

.fixed-top-margin { margin-top: 46px; }
header { font-family: var(--font-secondary); }
.hfl-nav-lp { background-color: rgba(255, 255, 255, 0.95); transition: 0.4s; padding: 0; }
.hfl-nav-lp .navbar-brand .hfl_logo { max-width: 60px; }
.hfl-nav-lp .navbar-brand .logo_divider { height: 30px; margin: 0 5px; }
.hfl-nav-lp .navbar-brand .dsr_logo { max-width: 28px; }
.hfl-nav-lp .nav-cta { padding: 4px 12px; font-size: 14px; }
.hfl-nav-lp .nav-link { font-size: 1rem; }
.hfl-nav-lp .nav-link:focus, .hfl-nav-lp .nav-link:hover { color: #007bff !important; 	/*border-bottom: 2px solid #ecf0f1;	*/background-color: transparent;}

.hfl-nav-lp .nav-link.active { color: var(--bs-nav-link-color); }
.hfl-nav-lp .rewards .nav-link.active { color: #007bff; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { border-bottom: 2px solid #ecf0f1;	background-color: transparent; }

.hfl-nav-lp .nav-link {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;  }

  .hfl-nav-lp .nav-link:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background-color: #007bff;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out; }

.hfl-nav-lp .nav-link:hover:before, .hfl-nav-lp .nav-link:focus:before, .hfl-nav-lp .nav-link:active:before {	left: 0; right: 0; }
.hfl-nav-lp .btn-close { top: 1rem; right: 1rem; }

.hfl-nav-lp .all_products_nav a { color: #fff;	font-weight: 600; text-align: center; background-color: #007bff; }
.hfl-nav-lp .all_products_nav a:hover { background-color: #0570e2; }
.all_products_nav a:hover { background-color: #0066d2; color: #fff !important; }
.skin_care a.dropdown-toggle { color: #fd659e !important }

.sub1, .sub2, .sub4 { max-width:24px; }
.sub3 { height: 24px; margin-right: 4px; margin-left: 4px; }

/* All Products and Cross Sell */
#products_container .card {	border: 2px solid #f1f1f1; }
#products_container .card .card-header { background-color: #f1f1f1; border-color: #f1f1f1;}
.health_category header p { font-family: var(--font-primary); }
.health_category header p b { font-weight: 600; }
.health_category .p-name { font-family: var(--font-secondary); font-weight: 600; font-size: 1.4rem; line-height: 1; }
.health_category .p-details { font-size: 15px; }
.health_category .p-title { font-family: var(--font-secondary); font-weight: 500; font-size: 1rem; }
.health_category .p-links li + li:before { content: "|"; color: #aaa; }
.health_category .p-links .nav-link { display: inline; font-size: 14px; }
.health_category .p-links .nav-link:hover { text-decoration: underline; }
.health_category .ap_review { font-size: 14px; }
.health_category .ap_review img { display: block; margin: 0 auto; }
.health_category .product-cat-img { text-align: center; }
.health_category .product-cat-img img { border: 1px solid #ddd; margin: 0 auto; }
.health_category .list-price {  font-size: 14px;}
.health_category .price {  font-size: 18px;}
.health_category sup {  font-size: 9px;  vertical-align: super;  top: inherit;}
.health_category .price-section {  background-color: #fff2a8;}
.health_category .p-img {  display: block;  max-height: 200px;  margin: 10px auto;}
.health_category .card-text {  font-size: 14px;}
.health_category .zoom { -webkit-transition: 0.6s ease; transition: 0.6s ease; position: relative; z-index: 888;}
.health_category .zoom:hover { cursor: zoom-in;	z-index: 999;	transform: scale(1.7); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }
.health_category .footer-guarantee { font-size: 24px; }
/*.health_category .keep-shopping { text-align: left; }
.health_category .checkout { text-align: right; }*/
.health_category .circle-sketch-highlight{  position:relative; font-size: 24px ;color: #333; font-family: sans-serif; }
.health_category .circle-sketch-highlight:before {
	content:"";
	z-index:-1;
	left:-0.8em;
	top:-0.2em;
	border-width:2px;
	border-style:solid;
	border-color:red;
	position:absolute;
	border-right-color:transparent;
	width:110%;
	height:1.8em;
	transform:rotate(1deg);
	opacity:0.7;
	border-radius:50%;
	padding:0.15em 2.30em; }

.health_category .circle-sketch-highlight:after {
	content:"";
	z-index:-1;
	left:-0.5em;
	top:0.1em;
	padding:0.1em 0.25em;
	border-width:2px;
	border-style:solid;
	border-color:red;
	border-left-color:transparent;
	border-top-color:transparent;
	position:absolute;
	width:105%;
	height:1.5em;
	transform:rotate(-1deg);
	opacity:0.7;
	border-radius:44%; }
	
/* Misc */
.text-greenHFL { color: #60a321 !important; }

@media all and (min-width: 1200px) {
	.health_category .p-name { font-size: 1.4rem; }
	.health_category .p-title {  font-size: 1.25rem; }
}

@media all and (min-width: 768px) {
	.fixed-top-margin { margin-top: 64px; }
	.hfl-nav-lp { padding: 0.5rem 0; }
	.hfl-nav-lp .dropdown-menu-end{ right:0; left: auto;  }
	.hfl-nav-lp .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.hfl-nav-lp .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.hfl-nav-lp .dropdown-menu.fade-up{ top:180%;  }
	.hfl-nav-lp .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); padding-top:0; padding-bottom: 0;}
	.hfl-nav-lp .navbar-brand .hfl_logo { max-width: 70px; }
	.hfl-nav-lp .navbar-brand .logo_divider { height: 34px; width: 1px; margin: 0 12px; }
	.hfl-nav-lp .navbar-brand .dsr_logo { max-width: 34px; }
	.hfl-nav-lp .dropdown-item:focus, .hfl-nav-lp .dropdown-item:hover, .hfl-nav-lp .dropdown-item.active:hover { background-color: var(--bs-gray-300); }
	.hfl-nav-lp .dropdown-item.active, .hfl-nav-lp .dropdown-item:active { color: var(--bs-dropdown-link-color); background-color: transparent; }
	.hfl-nav-lp .dropdown-item { transition: background-color 0.15s ease-in-out !important; }
}