/* Phoca Cart */
/* Button SVG */
.btn.btn-secondary .pc-si {
  stroke: var(--phoca-white);
}

/* Buttons Top Modules */
.ph-cart-module-box .btn,
.ph-cart-module-box .btn .pc-si {
  background: transparent;
  color: var(--phoca-color-primary);
  stroke: var(--phoca-color-primary);
  border-color: transparent;
}
.ph-cart-module-box .btn:focus, .ph-cart-module-box .btn:hover, .ph-cart-module-box .btn:active,
.ph-cart-module-box .btn .pc-si:focus,
.ph-cart-module-box .btn .pc-si:hover,
.ph-cart-module-box .btn .pc-si:active {
  background: transparent;
  color: var(--phoca-color-primary);
  stroke: var(--phoca-color-primary);
  border-color: transparent;
}

.ph-filter-box .btn-danger,
.ph-filter-box .btn-success {
  background: var(--phoca-color-primary);
  border: 1px solid var(--phoca-color-primary);
  margin-left: 2px;
}

.ph-filter-box .btn-danger .pc-si,
.ph-filter-box .btn-success .pc-si {
  stroke: var(--phoca-color-light);
}

h4.panel-title {
  text-transform: uppercase;
  font-size: 1.2em;
  text-decoration: none;
  font-weight: normal;
}

h4.panel-title a {
  text-decoration: none;
}

.ph-item-box .btn-sm {
  padding: 1em 1.5em;
  text-transform: uppercase;
  font-size: 0.75em;
}

.ph-item-box.grid,
.ph-item-box.grid .ph-item-content {
  margin: 0;
  padding: 0;
}

h3.grid.ph-product-header {
  text-align: left;
  font-size: 1em;
  margin: 0.5em 0 0.2em 0;
  color: var(--phoca-color-dark);
  text-transform: none;
  font-weight: bold;
}

/* Alternative displaying of price */
/*
.ph-category-price-box {
    text-align: left;
}

.ph-category-price-box .ph-price-txt {
    display: none;
}

.ph-category-price-box .ph-price-brutto {
    text-align: left;
    color: var(--phoca-color-dark);
    font-weight: 600;
    font-size: 1.1em;
    margin: 0;
    float: none;
}
*/
/*
.ph-category-action-icons.grid {
    position: absolute;
    right: 1em;
}
*/
.ph-category-action-buttons {
  margin: 1em 0 1em 0;
}

.ph-category-action-buttons.grid .ph-pull-left,
.ph-category-action-buttons.grid .ph-pull-right {
  text-align: center;
  margin: 0.2em;
  float: none;
}

.row.ph-pagination div,
.row.ph-pagination-top div {
  line-height: auto;
}

.row.ph-pagination-top .btn {
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--phoca-color-gray-500);
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.row.ph-pagination-top .btn svg {
  fill: var(--phoca-color-gray-500);
  /* stroke: none;*/
  stroke: var(--phoca-color-gray-500);
}

[data-bs-theme=dark] .row.ph-pagination-top .btn svg {
  fill: var(--phoca-color-gray-100);
  stroke: var(--phoca-color-gray-100);
}

.row.ph-pagination-top .btn.active svg {
  fill: var(--phoca-color-primary);
  /*stroke: none;*/
  stroke: var(--phoca-color-primary);
}

.ph-pagination .pagination {
  margin-left: 0;
  margin-right: 0;
}

.com_phocagallery .pagination-centered,
#phItems .ph-center-pagination {
  line-height: normal;
}

.com_phocagallery .pagination-centered li.disabled > span,
#phItems .ph-center-pagination li.disabled > span {
  background: var(--phoca-pagination-bg);
  border: var(--phoca-pagination-border);
}

.com_phocagallery .pagination-centered li > a,
#phItems .ph-center-pagination li > a {
  background: var(--phoca-pagination-bg);
  border: var(--phoca-pagination-border);
}

.com_phocagallery .pagination-centered li.active > a,
#phItems .ph-center-pagination li.active > a {
  background: var(--phoca-pagination-active-bg);
  border: var(--phoca-pagination-active-border);
  color: var(--phoca-pagination-active-color);
}

.panel-body {
  margin-left: 1em;
}

.ph-filter-box .btn {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  padding: 0.75em;
}

.ph-checkout-cart-quantity input,
.ph-checkout-cart-quantity .btn {
  /*padding: 0.8em 0.2em;*/
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ph-checkout-cart-quantity input {
  flex-grow: 0 !important;
  padding: 0;
}

h4.panel-title a {
  margin: 0;
  padding: 0;
}

h4.panel-title a svg {
  vertical-align: middle;
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  margin-top: 0.1em;
}

.modal-title svg {
  vertical-align: middle;
}

.ph-checkout-icon-spec-finished {
  background: var(--phoca-success);
  border-radius: 0;
  margin-right: -10px;
}

.ph-checkout-icon-spec-pending {
  background: var(--phoca-color-gray-500);
  border-radius: 0;
  margin-right: -10px;
}

.ph-account-box-action,
.ph-account-box-header,
.ph-checkout-box-header,
.ph-checkout-box-action {
  border-radius: 0;
}

.ph-account-box-action,
.ph-checkout-box-action {
  border-radius: 0;
  background: var(--phoca-color-light);
}

.ph-account-box-action .form-control,
.ph-account-box-action .form-select,
.ph-checkout-box-action .form-control,
.ph-checkout-box-action .form-select {
  border: 1px solid var(--phoca-color-dark);
}

.ph-checkout-cart-box .input-group input,
.ph-checkout-cart-box .input-group .btn {
  text-align: center;
}

.ph-item-price-panel .form-group input,
.ph-item-price-panel .form-group .btn {
  text-align: center;
}

/* Phoca Cart - Spin */
.input-group.bootstrap-touchspin {
  margin-right: 0.85em;
}

.ph-item-add-to-cart-box .ph-input-quantity {
  min-width: 4em;
}

#phoca-pc-item-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
#phoca-pc-item-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
}

ul.ph-filter-module-category-tree {
  padding-left: 0;
  margin-left: 1em;
}

.ph-item-content.grid .ph-stars-box {
  padding: 0;
  margin: 0.1em 0;
}

/*
span.ph-stars, span.ph-stars span {
    display: block;
    background: url(../images/star-small.svg) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
}*/
span.ph-stars,
span.ph-stars span {
  display: block;
  background: url(../images/com_phocacart/star-small-yellow.svg) 0 -16px repeat-x;
  width: 80px;
  height: 16px;
}

span.ph-stars span {
  background-position: 0 0;
}

.ph-rating .br-widget a {
  background: url(../images/com_phocacart/star-yellow.svg);
  width: 24px;
  height: 24px;
  display: block;
  float: left;
}

.ph-item-price-panel .ph-price-brutto {
  color: var(--phoca-color-primary);
}

.img-thumbnail {
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0;
}

.ph-category-action-buttons.gridlist {
  margin-top: 2em;
}

.ph-category-action-buttons.list .btn {
  font-size: 0.7em;
  padding: 1em 0.7em;
}

.pc-categories-view .ph-item-box {
  padding: 1em;
}

.pc-categories-view .ph-category-header {
  padding: 0.5em;
  text-align: center;
}

/* Phoca Cart - Top Modules */
.ph-cart-module-box {
  position: relative;
  color: var(--phoca-top-menu-btn-color);
  margin-top: 0.5em;
}

.ph-cart-module-cart-box {
  display: flex;
  align-items: start;
}

.ph-cart-module-cart-box-info {
  padding: 0;
  line-height: 1;
}

.ph-cart-module-cart-box-info-title {
  padding: 0.1em 0;
  margin: 0;
  line-height: 1;
  font-size: 0.85em;
}

.ph-cart-module-cart-box-info-amount {
  padding: 0.1em 0;
  margin: 0;
  line-height: 1;
  font-weight: bold;
  font-size: 1em;
}

.ph-cart-module-box .btn {
  margin-left: 0;
  padding: 0.2em 1em 0.2em 1em;
}

.ph-cart-module-cart-box .btn {
  margin-left: 0;
  padding: 0.2em 1em 0.2em 0.2em;
}

.ph-cart-module-currency-box .btn {
  margin-left: 0;
  padding: 0.2em 1em 0.2em 2em;
}

.ph-cart-module-box .btn .pc-si {
  height: 1.6em;
  width: 1.6em;
}

.ph-currency-image-list {
  height: 1em;
  margin: 0.5em 0;
  width: auto;
}

@media screen and (max-width: 768px) {
  .ph-cart-module-cart-box-info {
    display: none;
  }
  .ph-cart-module-currency-box .btn {
    padding: 0.2em 1em 0.2em 1em;
  }
}
.ph-search-box {
  margin: 0.3em auto;
  width: 100%;
  display: block;
}

.phSearchBoxSearchInput {
  color: var(--phoca-input-color);
  background-color: var(--phoca-input-bg);
  border: var(--phoca-input-border);
  width: 100%;
}

.phSearchBox .input-group {
  display: block;
}

@media screen and (min-width: 576px) {
  .ph-search-box {
    margin: 0 2em;
    width: auto;
  }
  .phSearchBoxSearchInput {
    color: var(--phoca-input-color);
    background-color: var(--phoca-input-bg);
    border: var(--phoca-input-border);
    width: 30vw;
  }
  .phSearchBox .input-group {
    display: flex;
  }
}
.ph-main-nav-top-box .g-content .platform-content {
  float: right;
  margin: auto 0.5em;
  padding: 0;
}

.ph-main-nav-top-box .g-content .jmoddiv.jmodinside {
  position: static;
}

.container-topbar .ph-cart-module-box > .btn {
  background: transparent;
  border: 0;
  color: var(--phoca-top-menu-btn-color);
}

.ph-pag-top-row .btn:focus,
.container-topbar .ph-cart-module-box > .btn-secondary:active:focus,
.container-topbar .ph-cart-module-box > .btn-secondary:focus {
  box-shadow: none;
  border: 0;
  background: transparent;
}

.container-topbar .ph-cart-module-box > .btn .pc-si {
  stroke: var(--phoca-top-menu-icon-color);
}

.container-topbar .dropdown-menu {
  min-width: 18rem;
}

.ph-cart-count-sup {
  color: var(--phoca-white);
  background: var(--phoca-color-secondary);
  border-radius: 50%;
  width: 1em;
  height: 1em;
  padding: 0.75em;
  font-size: 0.75em;
  line-height: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: absolute;
  right: 0.5em;
}

.ph-cart-cart-row-item {
  align-items: center;
}

.ph-mod-cart-image {
  padding: 0.3em;
}

.ph-mod-cart-image img {
  background: rgb(244, 249, 252);
  background: radial-gradient(circle, rgb(244, 249, 252) 0%, rgb(245, 249, 252) 35%, rgb(247, 248, 252) 100%);
}

.ph-item-currency-box .ph-small,
.ph-item-wishlist-box .ph-small,
.ph-item-compare-box .ph-small,
.ph-item-cart-box .ph-small {
  font-size: inherit;
}

.ph-dropdown-currency,
.ph-dropdown-wishlist,
.ph-dropdown-compare,
.ph-dropdown-cart {
  min-width: 35%;
}

.ph-item-currency-box,
.ph-item-wishlist-box,
.ph-item-compare-box,
.ph-item-cart-box {
  margin: 1em;
}

.ph-item-cart-box {
  padding: 1em;
}

@media screen and (max-width: 768px) {
  .ph-dropdown-currency,
  .ph-dropdown-wishlist,
  .ph-dropdown-compare,
  .ph-dropdown-cart {
    min-width: 80%;
  }
}
.ph-main-nav-mod .g-menu-item-container {
  white-space: nowrap;
}

.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {
  display: none;
}

#phPriceFilterRange .ui-widget-header {
  background: var(--phoca-color-secondary);
}

#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle {
  background: var(--phoca-color-secondary);
}

#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle {
  background: var(--phoca-color-secondary);
}

.ui-slider .ui-slider-handle {
  height: 14px;
  width: 14px;
}

#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle {
  top: -6px;
}

#phPriceFilterRange.ui-widget.ui-widget-content {
  height: 2px;
}

.ph-attribute-title,
.ph-available-options-title {
  display: none;
}

/* Phoca Cart - Modules */
.ph-product-module-item-box-content h4 {
  font-size: 1em;
}

.ph-product-module-item-box-image img {
  margin: 0.5rem 1rem;
}

.ph-color-1 {
  color: var(--phoca-color-1);
}

.ph-color-2 {
  color: var(--phoca-color-2);
}

.ph-color-3 {
  color: var(--phoca-color-3);
}

.ph-color-4 {
  color: var(--phoca-color-4);
}

/* Phoca Cart - Form Design Type */
form.ph-form-placeholder input.form-control:focus,
.ph-form-input-box select.form-select:focus,
.ph-form-input-box input.form-control:focus {
  border: 1px solid var(--phoca-color-secondary);
  box-shadow: 0px 0px 0px 2px var(--phoca-color-secondary);
}

.ph-form-input-box select ~ label,
.ph-form-input-box input.form-control:focus ~ label,
.ph-form-input-box input.form-control:not([value=""]) ~ label {
  background: linear-gradient(var(--phoca-color-gray-100), var(--phoca-color-light));
  color: var(--phoca-color-primary);
}

/* Phoca Cart - Payment or Shipping method list - buttons */
.ph-shipping-title-box,
.ph-payment-title-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
}

.ph-checkout-box-action {
  display: flex;
  /*align-items: baseline;*/
  align-items: flex-start;
}

.ph-checkout-shipping-items-box,
.ph-checkout-payment-items-box {
  display: flex;
  /*align-items: baseline;*/
  justify-content: space-between;
  gap: 0.25em;
}

.ph-checkout-shipping-item,
.ph-checkout-payment-item {
  width: calc(33.33% - 0.5em);
  max-width: calc(33.33% - 0.5em);
  background: var(--phoca-color-gray-200);
  border-radius: 0;
  padding: 1em;
  margin: 0.25em 0;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .ph-checkout-shipping-item,
  .ph-checkout-payment-item {
    width: 100%;
    max-width: 100%;
  }
}
.ph-payment-title-box,
.ph-shipping-title-box {
  width: 100%;
  margin: 0.25em;
  flex-grow: 1;
}

.ph-payment-price-box,
.ph-shipping-price-box {
  width: 100%;
  margin: 0.25em;
}

.ph-shipping-title-box .controls,
.ph-payment-title-box .controls {
  flex-grow: 1;
}

.ph-shipping-title-box label,
.ph-payment-title-box label {
  padding: 1em;
  background: var(--phoca-color-light);
  border: 1px solid var(--phoca-color-gray-500);
  border-radius: 0;
  min-height: 6em;
}

.ph-shipping-title-box label:has(input[type=radio]:checked),
.ph-payment-title-box label:has(input[type=radio]:checked) {
  border: 1px solid var(--phoca-color-secondary);
  box-shadow: 0px 0px 0px 2px var(--phoca-color-secondary);
}

.ph-checkout-shipping-additional-info,
.ph-checkout-payment-add-info {
  padding: 1em;
  border-radius: 0;
  margin-left: 0;
  margin-top: 0.5em;
}

.ph-checkout-shipping-info-box,
.ph-checkout-payment-info-box {
  padding: 1em;
}

/* Phoca Cart - Labels */
.ph-label-box {
  top: 0.5em;
}

.ph-corner-icon a {
  text-decoration: none;
  color: var(--phoca-pc-label-color);
}

.ph-corner-icon-new {
  border-radius: var(--phoca-pc-label-radius);
  border: 2px dashed var(--phoca-color-info);
  color: var(--phoca-pc-label-color);
  background: var(--phoca-color-info);
}

.ph-corner-icon-sale {
  border-radius: var(--phoca-pc-label-radius);
  border: 2px dashed var(--phoca-color-sale);
  color: var(--phoca-pc-label-color);
  background: var(--phoca-color-sale);
}

.ph-corner-icon-popular {
  border-radius: var(--phoca-pc-label-radius);
  border: 2px dashed var(--phoca-color-warning);
  color: var(--phoca-pc-label-color);
  background: var(--phoca-color-warning);
}

.modal .btn {
  margin: 0;
  padding-left: 0.75em;
}

.ph-row-flex.grid .row-item .ph-item-box {
  margin-bottom: 0.5em;
  border: none;
  border-radius: 16px;
  background-color: transparent;
  box-shadow: 0;
  transition: box-shadow 0.2s;
  padding: 0.5em;
}

.container-footer .pc-email-newsletter-mod,
.container-footer .mod-custom {
  padding: 2em;
}

.container-footer .mod-custom img {
  margin: 1em;
}

.container-footer small {
  font-size: 0.75em;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: var(--phoca-swiper-pagination-color);
}

/* Phoca Cart - Checkout */
.ph-account-box-action,
.ph-checkout-box-action {
  border: 0;
  background: 0;
}

.ph-checkout-box-header {
  border: 0;
  background: transparent;
}

.ph-checkout-icon-spec-finished,
.ph-checkout-icon-spec-pending {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
}

.ph-checkout-box-status-pending .ph-checkout-box-row {
  background: var(--phoca-color-background-not-finished);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 50%;
}

.ph-checkout-box-status-pending .ph-checkout-box-action {
  background: var(--phoca-color-background-not-finished);
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 1em;
}

.ph-checkout-box-status-finished .ph-checkout-box-row {
  background: var(--phoca-color-background-finished);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 50%;
}

.ph-checkout-box-status-finished .ph-checkout-box-action {
  background: var(--phoca-color-background-finished);
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 1em;
}

.ph-checkout-box-header-pas {
  background: transparent;
  border: 0;
}

.ph-msg-success-box {
  background: var(--phoca-success);
}

.ph-price-filter-box {
  margin: 1em 0;
}

.ph-account-box-header,
.ph-checkout-box-header {
  background: transparent;
}

.ph-account-box-header-pas,
.ph-checkout-box-header-pas {
  background: transparent;
}

.ph-product-module-item-box-image .ph-image,
.ph-item-image-full-box .ph-image-full,
.ph-item-image-add-box .ph-image-full,
.modal-body .ph-plg-product-info .ph-image,
.ph-items .ph-item-content img.ph-image,
.ph-categories .ph-item-content img.ph-image {
  aspect-ratio: 1/1;
  border-radius: 50rem;
  border: 0.75em solid var(--phoca-color-gray-200);
}

.ph-mod-cart-image .ph-img-cart-cart,
.ph-checkout-cart-image .ph-img-cart-checkout {
  aspect-ratio: 1/1;
  border-radius: 50rem;
  border: 0.25em solid var(--phoca-color-gray-200);
}

.ph-product-module-item-box-image .ph-image {
  border: 0.25em solid var(--phoca-color-gray-200);
}

.ph-pull-right.ph-button-display-category-box {
  text-align: center;
  float: none;
}

.ph-orders-item-box-row .btn {
  margin: 0.25em;
}

.ph-orders-item-box-row .btn .pc-si {
  margin: 0;
  padding: 0;
}

.phItemCartUpdateBoxForm .input-group {
  justify-content: center;
}

/*
#7e7060
#665247
#9e8b76
#c4bbbc
#3c4c44
*/
/* Phoca Particles */
.phModParticlesFeatureBox .phModParticlesItem {
  width: auto;
  border-radius: var(--phoca-border-radius);
  background: transparent;
  /*margin: 1em;
  min-width: 18em;*/
  flex-grow: 1;
  flex-basis: 0;
  /*min-width: 0;*/
}

.phModParticlesFeatureBox .phModParticlesItem .phModParticlesDesc {
  margin-top: 0;
  padding-top: 0;
}

.phModParticlesImageContent {
  background-position-x: right;
}

.phModParticlesImageContent .phModParticlesItemContent {
  padding-top: 10%;
  padding-bottom: 10%;
}

.phModParticlesImageContent .phModParticlesItemContent .phModParticlesButtonBox .phModParticlesButton {
  background: var(--phoca-color-secondary);
}

.phModParticlesImageFeatureBox .phModParticlesItem .phModParticlesItemImage {
  text-align: center;
}

.phModParticlesFeatureRow .phModParticlesSvg {
  height: 2em;
  width: auto;
}

.container-footer .phModParticlesFeatureRow .phModParticlesItem {
  padding-top: 0;
}

.phBrandsModuleBox .ph-brand-name {
  padding: 3rem;
}

/*
#phItemSearchBoxOffCanvas .phSearchBoxSearchInput {
  width: 100%;
}

#phItemSearchBoxOffCanvas .phSearchBox .input-group {
  display: block;
}
*/
#phItemSearchBoxOffCanvas .phSearchBox .ph-radio-container label {
  display: flex;
  margin: 0.5em;
}

#phItemSearchBoxOffCanvas .phSearchBox .ph-radio-container label input[type=radio] {
  margin-right: 0.5em;
}

.phModParticlesImageContent .phModParticlesItem.pmpReverse .phModParticlesItemImage {
  text-align: center;
}

.phModParticlesImageContent .phModParticlesItemContent .phModParticlesButtonBox {
  margin-top: 2em;
}

.phModParticlesItemFeatureBox .phModParticlesButtonBox .phModParticlesButton,
.phModParticlesImageContent .phModParticlesItemContent .phModParticlesButtonBox .phModParticlesButton {
  border-radius: 999px;
  text-decoration: none;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 0.7rem 2.4rem;
  white-space: nowrap;
}

.phModParticlesImageFeatureBox .phModParticlesItemTitle,
.phModParticlesImageContent .phModParticlesItemContent .phModParticlesItemTitle {
  line-height: 1.1;
  font-size: 3.8vh;
}

.container-banner .phModParticles {
  padding-top: 0;
  padding-bottom: 0;
}

.container-bottom-a .phModParticles,
.container-bottom-b .phModParticles,
.container-main .phModParticles {
  padding-top: 2em;
  padding-bottom: 2em;
}

div.mod-languages ul li.lang-active {
  background-color: var(--phoca-color-light);
}

/* Specific case when the primary is dark which can colidate with dark theme */
[data-bs-theme=dark] .btn-primary:not(.container-footer .btn-primary):not(.btn-primary.phItemSwitchLayoutType),
[data-bs-theme=dark] .phModParticlesButton:not(.container-banner .phModParticlesButton) {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
}
[data-bs-theme=dark] .btn-primary:not(.container-footer .btn-primary):not(.btn-primary.phItemSwitchLayoutType) svg,
[data-bs-theme=dark] .phModParticlesButton:not(.container-banner .phModParticlesButton) svg {
  fill: #fff;
  stroke: #fff;
}
[data-bs-theme=dark] .btn-primary:not(.container-footer .btn-primary):not(.btn-primary.phItemSwitchLayoutType):focus, [data-bs-theme=dark] .btn-primary:not(.container-footer .btn-primary):not(.btn-primary.phItemSwitchLayoutType):active,
[data-bs-theme=dark] .phModParticlesButton:not(.container-banner .phModParticlesButton):focus,
[data-bs-theme=dark] .phModParticlesButton:not(.container-banner .phModParticlesButton):active {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
}

[data-bs-theme=dark] .form-check-input[type=checkbox]:checked,
[data-bs-theme=dark] input[type=checkbox]:checked {
  background: #000;
}

[data-bs-theme=dark] .alert-dark,
[data-bs-theme=dark] .alert-primary {
  border-color: var(--phoca-white);
}

.container-banner .phModParticlesButton,
.container-footer .btn-primary {
  --phoca-btn-color: hsl(0, 0%, 100%);
  --phoca-btn-bg: #7f7160;
  --phoca-btn-border-color: #7f7160;
  --phoca-btn-hover-color: hsl(0, 0%, 100%);
  --phoca-btn-hover-bg: #6c6052;
  --phoca-btn-hover-border-color: #665a4d;
  --phoca-btn-focus-shadow-rgb: 146, 134, 120;
  --phoca-btn-active-color: hsl(0, 0%, 100%);
  --phoca-btn-active-bg: #665a4d;
  --phoca-btn-active-border-color: #5f5548;
  --phoca-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --phoca-btn-disabled-color: hsl(0, 0%, 100%);
  --phoca-btn-disabled-bg: #7f7160;
  --phoca-btn-disabled-border-color: #7f7160;
}

.container-banner .phModParticlesButton,
.container-footer .btn-outline-primary {
  --phoca-btn-color: #7f7160;
  --phoca-btn-border-color: #7f7160;
  --phoca-btn-hover-color: hsl(0, 0%, 100%);
  --phoca-btn-hover-bg: #7f7160;
  --phoca-btn-hover-border-color: #7f7160;
  --phoca-btn-focus-shadow-rgb: 127, 113, 96;
  --phoca-btn-active-color: hsl(0, 0%, 100%);
  --phoca-btn-active-bg: #7f7160;
  --phoca-btn-active-border-color: #7f7160;
  --phoca-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --phoca-btn-disabled-color: #7f7160;
  --phoca-btn-disabled-bg: transparent;
  --phoca-btn-disabled-border-color: #7f7160;
  --phoca-gradient: none;
}

.container-footer .form-check-input[type=checkbox] {
  color: var(--phoca-color-light);
  border: 1px solid var(--phoca-color-light);
}

.container-footer .form-control {
  color: var(--phoca-color-light);
  background-color: var(--phoca-color-dark);
}

.container-footer .form-control::-moz-placeholder {
  color: var(--phoca-color-gray-600);
}

.container-footer .form-control::placeholder {
  color: var(--phoca-color-gray-600);
}

.mod-login__username.form-group .input-group span.input-group-text {
  border-radius: 999px;
}


.ph-item-view-description{padding:3em}

.container-footer {
	border-top: 18px solid #27aae2;	
}

.starts-container {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		margin: 30px auto;
		max-width: 1000px;
		padding-inline: 16px;
}
.starts-container .start {
		background: #27aae2;
		padding: 24px;
		text-align: center;
		color:#fff;
		margin: 15px;
}
.starts-container .start .odometer {
		font-style: 50px;
		font-size: 50px;
		font-weight: bold;
}
@media (max-width : 700px) {
	.starts-container {
		grid-template-columns: 1fr;
	}
}

/* FOOTER */
.footerModParticlesFeatureBox .footerModParticlesItem {
  width: auto;
  border-radius: var(--#{$prefix}border-radius);
  background: transparent;
  /*margin: 1em;
  min-width: 18em;*/
  flex-grow: 1;
  flex-basis: 0;
  /*min-width: 0;*/
}

.footerModParticlesFeatureBox .footerModParticlesItem .footerModParticlesDesc {
  margin-top: 0;
  padding-top: 0;
}

.footerModParticlesFeatureBox .footerModParticlesItem {
  text-align: center;
}

/* Feature Box */
.footerModParticlesFeatureBox {
   /* display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 30px;
    max-width: 960px;
    margin: 0 auto 30px;*/

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*align-items: center; no equal height */
    align-content: center;
}


.footerModParticlesFeatureBox .footerModParticlesItem {
    position: relative;
    padding: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 17em;

}


.footerModParticlesFeatureBox .footerModParticlesIcon {
    font-size: 5em;
}
.footerModParticlesFeatureBox .footerModParticlesSvg svg {
    height: 5em;
}

.footerModParticlesFeatureBox .footerModParticlesTitle {
	font-size: 150%;
	/*flex-grow: 1;*/
    margin-top: 0em;
    font-weight: bold;
}

.footerhModParticlesFeatureBox .footerModParticlesDesc {
	margin-top: 1em;
}

.footerModParticlesFeatureBox {
   /* display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 30px;
    max-width: 960px;
    margin: 0 auto 30px;*/

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*align-items: center; no equal height */
    align-content: center;
}


.footerModParticlesFeatureBox .footerModParticlesItem {
    position: relative;
    padding: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 17em;

}

/* about me */

.row1 .column {
  float: left;
  width: 50%;
  padding: 10px;  
}

/* Clear floats after the columns */
.row1:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .row1 .column {
    width: 100%;
  }
}