/* variables */
:root {
	--pf-green: #66b332;
	--pf-light-green: #7fc551;
	--pf-dark-green: #5ea730;
	--pf-main-text: #515558;
	--pf-gray: #c9c8c8;
	--pf-light-gray: #a9aeb3;
	--pf-dark-gray: #6d757e;
	--pf-border: #cfcfcf;
	--dark: #2f2f2e;
	--pink-red: #f94b71;
	--pink-red-dark: #e04365;
	--bg-light: #f8f9fa;
	--text-dark: #343a40;
	--black: #000;
}

/* mixins */
.text-success {
	color: var(--pf-green) !important;
}

.btn-link {
	color: var(--pf-green) !important;
}

.text-primary {
	color: var(--pf-green) !important;
}

.text-primary:hover {
	color: var(--pf-green) !important;
}

.text-danger {
	color: var(--pink-red) !important;
}

.text-main-text {
	color: var(--pf-main-text) !important;
}

.border-primary {
	border-color: var(--pf-green) !important;
}

.bg-success,
.bg-primary {
	background-color: var(--pf-green) !important;
}

.bg-dark-success,
.bg-dark-primary {
	background-color: var(--pf-dark-green) !important;
}

.badge-success {
	background-color: var(--pf-green) !important;
}

.bg-dark {
	background-color: var(--dark) !important;
}

.bg-trasparent {
	background-color: rgba(248, 249, 250, 0) !important;
}

.shadowb {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* root */

/* reboot */
a {
	color: var(--pf-green);
	text-decoration: none;
}

a:hover {
	color: var(--pf-dark-green);
	text-decoration: underline;
}

/* a:visited {
	color: var(--pf-dark-green);
} */

/* type */

/* images */

/* code */

/* grid */

.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
	flex-grow: 1;
}

/* tables */

/* forms */
input.form-check-input-lg[type='checkbox'] {
	/* -ms-transform: scale(1.5); */
	/* -moz-transform: scale(1.5); */
	/* -webkit-transform: scale(1.5); */
	/* -o-transform: scale(1.5); */
	/* padding: 10px; */
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.slider:before {
	position: absolute;
	content: '';
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: var(--white);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

input:checked + .slider {
	background-color: #2196f3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/* buttons */
.btn-success {
	color: var(--white) !important;
	background-color: var(--pf-green) !important;
	border-color: var(--pf-green) !important;
}

.btn-success:hover {
	color: var(--white);
	background-color: var(--pf-dark-green) !important;
	border-color: var(--pf-dark-green) !important;
}

.btn-secondary {
	color: #2d2d2d;
	background-color: #f0f0f0;
	border: none;
	margin: 5px;
}

.btn-outline-success {
	color: var(--pf-green);
	border-color: var(--pf-green);
}

.btn-outline-success:hover {
	color: var(--white);
	background-color: var(--pf-green);
	border-color: var(--pf-green);
}

.btn-outline-secondary {
	border-color: var(--pf-light-gray);
}

.btn-outline-secondary:hover {
	color: var(--white);
	background-color: var(--pf-light-gray);
	border-color: var(--pf-light-gray);
}

.btn:focus {
	box-shadow: 0 0 0 0.2rem rgba(127, 197, 81, 0.25); /* --pf-green */
}

.btn.btn-pink-red:focus,
.btn.btn-outline-pink-red:focus {
	box-shadow: 0 0 0 0.2rem rgba(249, 75, 113, 0.25); /* --pf-green */
}

.btn-pink-red {
	color: var(--white);
	background-color: var(--pink-red);
	border-color: var(--pink-red);
}

.btn-pink-red:hover {
	color: var(--white);
	background-color: var(--pink-red-dark);
	border-color: var(--pink-red);
}

.btn-outline-pink-red {
	color: var(--pink-red);
	border-color: var(--pink-red);
}

.btn-outline-pink-red:hover {
	color: var(--white);
	background-color: var(--pink-red);
	border-color: var(--pink-red);
}

/* transitions */

/* dropdown */

/* button-group */

/* input-group */

.dropdown-menu.show {
	z-index: 9999;
}

/* custom-forms */

/* nav */

/* navbar */

.navbar-light .nav .nav-link {
	color: rgba(102, 179, 50, 1);
}

.navbar-light .nav .nav-link:focus,
.navbar-light .nav .nav-link:hover {
	color: rgba(102, 179, 50, 0.7);
}

/* card */

/* breadcrumb */

.breadcrumb {
	font-size: 11px;
	overflow: hidden;
	color: #97aaaf;
}

.breadcrumb a {
	text-decoration: none;
	color: var(--pf-dark-green);
}
.breadcrumb-item + .breadcrumb-item::before {
	content: '>';
}

@media only screen and (max-width: 600px) {
	.breadcrumb .active {
		width: 80%;
	}
}

/* pagination */

.page-link {
	color: rgba(102, 179, 50, 1);
}

.page-link:hover {
	color: rgba(102, 179, 50, 0.7);
}

/* badge */

/* jumbotron */

/* alert */

/* progress */

/* media */

/* list-group */

/* close */

/* toasts */

/* modal */

.modal .modal-header .close {
	font-size: 3.5rem !important;
	line-height: 0.3 !important;
}

body.modal-open {
	overflow: hidden;
}

.modal {
	padding-right: 0px !important;
}

@media only screen and (max-width: 991.98px) {
	.modal-lg {
		max-width: 100vw;
		margin: 0px;
	}

	.modal-lg .modal-content {
		min-height: 100vh;
		border: none;
		border-radius: 0;
	}
}

/* tooltip */

.tooltip-inner {
	background-color: var(--pf-green);
}

.bs-tooltip-top .arrow::before {
	border-top-color: var(--pf-green);
}

/* popover */

/* carousel */

/* spinners */

/* utilities */

.flex-basis-0 {
	flex-basis: 0;
}

/*  switch */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.switch-small {
	width: 30px;
	height: 16px;
	top: 5px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.slider:before {
	position: absolute;
	content: '';
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: var(--white);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.switch-small .slider::before {
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
}

input:checked + .slider-success {
	background-color: var(--pf-green);
}

input:focus + .slider-success {
	box-shadow: 0 0 1px var(--pf-green);
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.switch.switch-small input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/* print */

/* Font Awesome */
.fa-stack[data-count]:after {
	position: absolute;
	right: -15%;
	top: -10%;
	content: attr(data-count);
	font-size: 0.55em;
	padding: 0.6em;
	border-radius: 999px;
	border-style: solid;
	border-color: var(--white);
	border-width: 2px;
	line-height: 0.75em;
	color: var(--white);
	background: rgba(249, 75, 113, 0.9);
	text-align: center;
	min-width: 2em;
	font-weight: bold;
}

.btn-outline-secondary .fas,
.btn-outline-secondary .far {
	color: var(--pf-light-gray);
}

.btn-outline-secondary:hover .fas,
.btn-outline-secondary:hover .far {
	color: var(--white);
}

@media (min-width: 992px) {
	#productImage .modal-lg,
	.modal-xl {
		max-width: 829px;
		height: 92vh;
	}
}

#productImage .modal-content,
#productImage .modal-body {
	height: 100%;
}

#productImage img {
	height: 90% !important;
	width: auto !important;
	object-fit: contain;
}

/* expand element */
#productInfo {
	text-overflow: ellipsis;
	transition: all 1s ease-in-out;
}

#productInfo.showInfo {
	-webkit-line-clamp: 50 !important;
}

#productInfo h2 {
	font-size: 1.5rem;
	margin-bottom: 10px;
	margin-top: 10px;
}

#productInfo h3 {
	font-size: 1.3rem;
}