body { background-color: #fff; color: #212529; }

a { color: #1265d3; text-decoration: none; background-color: transparent; }
a:hover { color: #0056b3; text-decoration: underline; }

.container { max-width: 1366px !important; }

@media all and (max-width: 1199px) {
	.container { max-width: 100% !important; }
}

.badge { font-weight: normal; vertical-align: middle; }

.card-hover:hover { border: 1px solid #aaa !important; }

.card-header { padding: .75rem .75rem; }
.card-body { background-color: #fff; padding: .75rem .75rem; }

.shadow-sm-up { box-shadow: 0 -0.25rem 0.25rem rgba(0, 0, 0, .075) !important; }
.shadow-up { box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, .15) !important; }
.shadow-lg-up { box-shadow: 0 -1rem 3rem rgba(0, 0, 0, .175) !important; }

.dropdown-toggle::after { float: right; margin-top: .6em; }
.dropdown-toggle[aria-expanded='true']::after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.dropdown-menu { min-width: 240px; z-index: 1050; }

.dropdown-item:hover, .dropdown-item:focus { color: #000 !important; background-color: #e2e6ea; }
.dropdown-item.active, .dropdown-item:active { color: #fff !important; background-color: #343a40; }

.w-auto { max-width: 100%; }
.w-auto-always { width: auto !important; }

.accordion > .card .card-header { margin-bottom: -1px; }

.tooltip { z-index: 1500; }

.popover { z-index: 1500; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.popover-header { font-weight: bold; }
a[data-toggle='popover']:hover { cursor: help; }

.rounded-pill-left { border-top-left-radius: 50rem !important; border-bottom-left-radius: 50rem !important; }
.rounded-pill-right { border-top-right-radius: 50rem !important; border-bottom-right-radius: 50rem !important; }

.alert-border-left { border-left-width: 4px !important; }
.alert-primary.alert-border-left { border-left-color: #004085 !important; }
.alert-secondary.alert-border-left { border-left-color: #383D41 !important; }
.alert-info.alert-border-left { border-left-color: #0C5460 !important; }
.alert-warning.alert-border-left { border-left-color: #856404 !important; }
.alert-danger.alert-border-left { border-left-color: #721C24 !important; }
.alert-success.alert-border-left { border-left-color: #155724 !important; }
.alert-light.alert-border-left { border-left-color: #999 !important; }

.pagination.testimonials li a.active { background: #343a40; color: #fff; border: 1px solid #343a40; }

.border-bottom-only { border-width: 1px; border-top: none !important; border-right: none !important; border-left: none !important; }
.border-bottom-none { border-bottom: none !important; }

.nav a.nav-link.nav-angle { margin: 0; padding: 0 0 0 0.5rem; width: fit-content; width: -moz-fit-content }
.nav a.nav-link.nav-angle:before { padding: 0 0.5rem 0 0; font-size: 0.9rem; font-family: FontAwesome6; content: "\f105"; }

.accordion.sidebar-menu > .card-header { border-bottom: none !important; border-radius: 0 !important; }
.accordion.sidebar-menu > .card { border-left: none !important; border-right: none !important; border-bottom: none !important; border-radius: 0 !important; box-shadow: none !important; }
.accordion.sidebar-menu > .card > .card-header { border-radius: 0 !important; }

.modal-header { background-color: #f2f2f2; }
.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; font-size: 2rem; }
.modal-title { color: #000; }

.alert-dismissible .close { padding: 0.25rem 0.5rem; font-size: 2rem; }

.mt-6,
.my-6 { margin-top: 4rem !important; }
.mr-6,
.mx-6 { margin-right: 4rem !important; }
.mb-6,
.my-6 { margin-bottom: 4rem !important; }
.ml-6,
.mx-6 { margin-left: 4rem !important; }

.input-group input.form-control.is-valid,
.input-group input.form-control.is-invalid { margin-right: 0px; }

/* BUTTONS
-----------------------------*/

.btn:not(.btn-link):not(.btn-block) { box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075) !important; }

.btn-primary { color: #fff; background-color: #1265d3; border-color: #1265d3; }
.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; }
.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #1265d3; border-color: #1265d3; }

.bg-black, .bg-black a:not(.btn):not(.dropdown-item),
.bg-dark,  .bg-dark  a:not(.btn):not(.dropdown-item) { color: #fff; }
.bg-white, .bg-white a:not(.btn):not(.dropdown-item),
.bg-light, .bg-light a:not(.btn):not(.dropdown-item) { color: #000; }

.btn.dropdown-toggle { white-space: nowrap !important; }

.btn-xs { padding: 0.0625rem -0.125rem; font-size: 0.75rem; line-height: 1.25; border-radius: 0.25rem; }

@media (max-width: 768px) {
	.btn-block-sm { display: block; width: 100%; }
}

/* HEADINGS
-----------------------------*/

h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }

.hfs15px { font-size: 0.937rem; }

@media (max-width: 991px) { 
	h1, .h1 { font-size: 2.0rem; }
	h2, .h2 { font-size: 1.75rem; }
	h3, .h3 { font-size: 1.5rem; }
	h4, .h4 { font-size: 1.25rem; }
	h5, .h5 { font-size: 1.0rem; }
	h6, .h6 { font-size: 1.0rem; }

	.hfs15px { font-size: 0.937rem; }
}

@media (max-width: 767px) { 
	h1, .h1 { font-size: 1.75rem; }
	h2, .h2 { font-size: 1.5rem; }
	h3, .h3 { font-size: 1.25rem; }
	h4, .h4 { font-size: 1.0rem; }
	h5, .h5 { font-size: 1.0rem; }
	h6, .h6 { font-size: 1.0rem; }

	.hfs15px { font-size: 0.937rem; }
}

/* XXL COLUMNS
-----------------------------*/

@media (min-width: 1366px) {
	.col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
	.col-xxl--5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.col-xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media (min-width: 1536px) {
	.col-xxxl--2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
}

/* 1/5 COLUMNS
-----------------------------*/

.col-20 { width: 20% !important; padding: 0 15px; float: left; }
@media (max-width: 1199px) { .col-20 { width: 33.33% !important; float: left; } }
@media (max-width: 991px)  { .col-20 { width: 50% !important; float: left; } }
@media (max-width: 767px)  { .col-20 { width: 25% !important; float: left; } }
@media (max-width: 575px)  { .col-20 { width: 100% !important; float: left; } }

/* COLUMN BORDERS
-----------------------------*/

@media (min-width: 768px) {
	.row-relative { position: relative; }
	.col-border { position: static; }
	.col-border:before { content: ""; position: absolute; top: 0; bottom: 0; border-left: 1px solid #ddd; transform: translateX(-15px); }	
}

/* FORM ELEMENTS
-----------------------------*/

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link { color: #fff; background-color: #343a40; }

.nav-pills a.nav-link .tab-title,
.nav-pills .nav-item a .tab-title { font-weight: normal !important; }

.nav-pills .nav-link:hover,
.dropdown-menu .nav-link:hover,
.sidebar-menu .nav-link:hover { color: #000; background-color: #eee; }

.page-item .page-link { color: #000; }
.page-item.active .page-link { color: #fff; background-color: #343a40; border-color: #343a40; }

.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #1265d3; background-color: #1265d3; }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,0,0,0.15); }

.custom-select option { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important; }

.custom-select.bg-black {
  background: #000 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  color: #fff;
  border: 1px solid #000;
}

.form-control.dark { background: rgba(0,0,0,0.5); color: #fff !important; }

.input-group-append .btn,
.input-group-prepend .btn { z-index: 1; }

/* COLLAPSE HEADERS
-----------------------------*/

a[data-toggle='collapse'] { position: relative; display: block; transition: background ease 0.3s; cursor: pointer; user-select: none; text-decoration: none; }
a[data-toggle='collapse']:before { position: absolute; right: 1rem; top: 50%; -moz-transform: translate(0, -50%); transform: translate(0, -50%); font-family: FontAwesome6; font-size: 1.2rem; }

a[data-toggle='collapse'].left-icon { padding-left: 2.5rem !important; }
a[data-toggle='collapse'].left-icon:before,
a[data-toggle='collapse'].left-icon.collapsed:before { left: 1rem; }

a[data-toggle='collapse'].angle-icon:before { content: "\f106"; }
a[data-toggle='collapse'].angle-icon.collapsed:before { content: "\f107"; }

a[data-toggle='collapse'].plus-icon:before { content: "\f068"; font-size: 0.8rem; }
a[data-toggle='collapse'].plus-icon.collapsed:before { content: "\f067"; font-size: 0.8rem; }

a[data-toggle='collapse']:hover { opacity: 0.8; }
a[data-toggle='collapse'].collapsed { margin-bottom: -1px; }

/* AUTO COLLAPSE
-----------------------------*/

a.auto-collapse-title,
a.auto-collapse-title.collapsed,
a.auto-collapse-title.collapsed:hover { background-color: transparent !important; }

/* FOOTER COLLAPSE HEADERS
-----------------------------*/

footer a[data-toggle='collapse'].collapsed { }
footer a[data-toggle='collapse'],
footer a[data-toggle='collapse'].collapsed:hover,
footer a[data-toggle='collapse']:hover { background: rgba(0,0,0,0.25) !important; }

/* BREADCRUMB
-----------------------------*/

ol.breadcrumb { background: inherit; color: inherit; margin: 0; border-radius: 0; }
ol.breadcrumb > li.breadcrumb-item:before { color: inherit; }
ol.breadcrumb > li.breadcrumb-item { line-height: 1.5em; text-transform: none; font-size: inherit; display: inline-block; }/* Changed to inline-block since Bootstrap v4.6.0 */
ol.breadcrumb > li.breadcrumb-item + li:before { font-family: FontAwesome6; content: "\f105"; padding: 0 1rem 0 0.25rem; }
ol.breadcrumb > li.breadcrumb-item a:link, ol.breadcrumb > li.breadcrumb-item a:visited, ol.breadcrumb > li a:active { text-decoration: none; color: inherit; }
ol.breadcrumb > li.breadcrumb-item a:hover { text-decoration: underline; }
ol.breadcrumb > li.breadcrumb-item em { font-style: normal; }

/* TABLES
-----------------------------*/

.table-bordered td, .table-bordered th { border: 1px solid #dee2e6 !important;}

.table-bordered-primary,
.table-bordered-primary td,
.table-bordered-primary th { border: 1px solid #1265d3; }
.table-bordered-secondary,
.table-bordered-secondary td,
.table-bordered-secondary th { border: 1px solid #6c757d; }
.table-bordered-success,
.table-bordered-success td,
.table-bordered-success th { border: 1px solid #28a745; }
.table-bordered-danger,
.table-bordered-danger td,
.table-bordered-danger th { border: 1px solid #dc3545; }
.table-bordered-warning,
.table-bordered-warning td,
.table-bordered-warning th { border: 1px solid #ffc107; }
.table-bordered-info,
.table-bordered-info td,
.table-bordered-info th { border: 1px solid #17a2b8; }
.table-bordered-light,
.table-bordered-light td,
.table-bordered-light th { border: 1px solid #f8f9fa; }
.table-bordered-dark,
.table-bordered-dark td,
.table-bordered-dark th { border: 1px solid #343a40; }
.table-bordered-white,
.table-bordered-white td,
.table-bordered-white th { border: 1px solid #ffffff; }

table.borderless td { border: none !important; }

/* NEGATIVE OFFSET COLUMNS
-----------------------------*/

.offset-pull-md-1 {
  margin-left: -8.3333%;
  -ms-flex: 0 0 58.3333%;
  flex: 0 0 58.3333%;
  max-width: 100%;
}

.offset-pull-md-2 {
  margin-left: -16.6666%;
  -ms-flex: 0 0 66.6666%;
  flex: 0 0 66.6666%;
  max-width: 100%;
}

.offset-pull-md-3 {
  margin-left: -25%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 100%;
}

.offset-pull-md-4 {
  margin-left: -33.3333%;
  -ms-flex: 0 0 83.3333%;
  flex: 0 0 83.3333%;
  max-width: 100%;
}

.offset-pull-md-5 {
  margin-left: -41.6666%;
  -ms-flex: 0 0 91.6666%;
  flex: 0 0 91.6666%;
  max-width: 100%;
}

@media (max-width: 767px) {
  .offset-pull-md-1,
  .offset-pull-md-2,
  .offset-pull-md-3,
  .offset-pull-md-4,
  .offset-pull-md-5 {
    margin-left: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* FLOATING ACTION BUTTONS
-----------------------------*/

.btn.btn-floating { width: 38px; padding-left: 0; padding-right: 0; }
.btn.btn-floating.btn-sm { width: 30px; }
.btn.btn-floating.btn-lg { width: 48px; }

/* PULSING BUTTONS
-----------------------------*/

.btn-pulse { overflow: visible; position: relative; }

.btn-pulse:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: inherit; border-radius: inherit; transition: opacity 0.3s, transform 0.3s; animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite; z-index: 1; }

@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

/* REVEAL BUTTONS
-----------------------------*/

.btn-reveal { background: none; color: initial; overflow: hidden; position: relative; z-index: 2; }
.btn-reveal:after { content: ''; position: absolute; z-index: -1; transition: all 0.3s; width: 100%; height: 0; bottom: 0; left: 0; }
.btn-reveal:hover:after,
.btn-reveal:active:after { height: 100%; }
.btn-reveal.btn-primary:after { background: #0d6efd; }
.btn-reveal.btn-secondary:after { background: #6c757d; }
.btn-reveal.btn-success:after { background: #198754; }
.btn-reveal.btn-info:after { background: #0dcaf0; }
.btn-reveal.btn-warning:after { background: #ffc107; }
.btn-reveal.btn-danger:after { background: #dc3545; }
.btn-reveal.btn-dark:after { background: #212529; }


/* customizations */

/* .btn { */
/*.btn.btn-primary {*/
.btn.btn-primary.rounded-pill {
	padding: 0.687rem 2.312rem;
	font-size: 0.937rem;
	font-weight: normal;
}

/* FIXME : .btn vs button.btn vs a.btn ... */
.btn.btn-primary.btn-sm {
	padding: .25rem 0.5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.btn.btn-lg,
.btn.btn--lg {
	/*padding: 0.687rem 2.312rem;*/
	/* padding: 0.875rem 2.187rem; */
	padding: 0.75rem 2.187rem;
	font-size: 1.062rem;
	font-weight: 600;
}

.homepage-slider .btn.btn-lg {
	/* width: 6.562rem; */
	width: 10.937rem;
}

form[name="orderform"] .btn.btn-lg.btn-primary.add-to-cart-button,
form[name="orderform"] button.btn[title*="to wish list"] {
	border-radius: 3.125rem;
}