/*--------------------------------------------------------------
  >> : Header
--------------------------------------------------------------*/
#AppHeader {
  position: sticky;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 90;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-bottom: 1px solid #F3F3F3;
}

#AppMain {
/*  margin-top: var(--header-height);*/
}

.admin-bar #AppHeader {
  top: 32px;
}

.admin-bar #AppMain {
  top: 32px;
}


::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #d7d7d7;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #939393;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.header-top-bar {
  background:#EEEEEE;
}

.header-top-bar a {
  font-size:0.9em;
  color:#444444;
  text-decoration: none;
  margin-left:15px;
}

/*--------------------------------------------------------------
  >> : Menu
--------------------------------------------------------------*/

ul#menu-desktop-menu {
  list-style:none;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

ul#menu-desktop-menu li {
  padding:10px;
}

ul#menu-desktop-menu li a {
  text-decoration:none;
  font-size:1.1em;
}


#desktop-nav-menu nav:nth-child(1) {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}
#desktop-nav-menu nav:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#mega-menu-wrap-desktop #mega-menu-desktop li.mega-menu-item > ul.mega-sub-menu {
  border: 1px solid #F3F3F3 !important;
  -webkit-box-shadow: 0px 10px 10px #00000008;
          box-shadow: 0px 10px 10px #00000008;
}

.mega-menu-item .textwidget ul {
    list-style:none;
    padding:0;
}

.mega-menu-item .textwidget ul a {
    display: block;
    padding: 5px 0px !important;
    text-decoration: none;
    color: #666666;
}

.mega-menu-item .textwidget ul a:hover {
    color:#000;
}

#AppHeader form {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
        -ms-flex-align:stretch;
            align-items:stretch;
    margin-right:20px;
}

#AppHeader form input {
    border: 1px solid #F3F3F3;
    border-radius: 7px 0px 0px 7px;
    padding: 12px 20px;
    border-right: 0;
    font-size: 14px;
}

#AppHeader form button {
    border:1px solid #F3F3F3;
    background:#fff;
    border-radius:0 7px 7px 0;
    border-left:0;
}

#AppHeader form button img {
    height:20px;
}


.woocommerce-menu-basket a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap:10px;
    font-family:var(--heading-font-family);
    text-decoration:none;
    font-variation-settings: "slnt" 0, "wght" 500;
}

.woocommerce-menu-basket a img {
    height:20px;
}

.mega-special-offer {
    position:relative;
}

.mega-special-offer h4.mega-block-title {
    position:absolute;
    background:var(--brand-red);
    color:#fff !important;
    font-size:14px !important;
    line-height:1em;
    padding:8px 5px 5px 5px !important;
    display:block !important;
}

.mega-special-offer .widget_media_image {
    padding-left:0px !important;
    padding-bottom:0px !important;
}



.mega-special-offer .widget_text {
    padding-left:0px !important;
    padding-top:0px !important;
}

.mega-special-offer .widget_text p {
    background:#ebebeb;
    padding:10px;
    font-size:13px;
}

.mega-special-offer .widget_text p a {
    text-decoration:none;
}

#mega-menu-wrap-mobile .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-mobile .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-mobile .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
    background: black;
    height: 2px;
    border-radius: 0;
}

#mega-menu-wrap-mobile .mega-menu-toggle {
    margin-left: 20px;
}

#mega-menu-wrap-mobile #mega-menu-mobile li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 15px 0;
}

.menu-offer-item {
  padding:10px;
  border:1px solid #f7f7f7;
  border-radius:5px;
  position:relative;
}

.menu-offer-item img {
  width:100%;
  height:auto;
  max-height:300px;
}

.menu-offer-item h3 a {
  display:block;
  width:100%;
  background:#f7f7f7;
  padding:10px;
  text-decoration:none;
  font-size:1rem;
}

h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
  font-size: 2em;
  margin-bottom: 4em;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
  display: none !important;
}

/*--------------------------------------------------------------
  >> : Footer
--------------------------------------------------------------*/


footer {
  background-color: var(--brand-black);
  color: #FFF;
}
.footer-bottom {
  font-size: 10px;
  background-color: b
}
.footer-txt, .nav-item {
  font-size: 12px;
  line-height: 150%;
}
.footer-header {
  font-size: 32px;
  line-height: 41.6px;
}
.list-header {
  font-weight: 500;
  font-size: 18px;
}
.footer-top button {
  height: 25px;
  width: 25px;
  background-color: #666;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#AppFooter {
  position: relative;
}
#AppFooter::before {
  content: '';
  background: -webkit-gradient(linear, left top, right top, from(#0179B6), to(#DA2327));
  background: -o-linear-gradient(left, #0179B6 0%, #DA2327 100%);
  background: linear-gradient(to right, #0179B6 0%, #DA2327 100%);
  position: absolute;
  height: 5px;
  width: 100%;
}

.foot-col-1 ul,
.foot-col-2 ul,
.foot-col-3 ul,
.foot-col-4 ul,
.foot-col-5 ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.foot-col-1 ul a,
.foot-col-2 ul a,
.foot-col-3 ul a,
.foot-col-4 ul a,
.foot-col-5 ul a {
    color:#ffffffc7;
    font-size:0.9em;
    text-decoration:none;
    padding:6px 0px;
    display:block;
}

.foot-col-1 ul a:hover,
.foot-col-2 ul a:hover,
.foot-col-3 ul a:hover,
.foot-col-4 ul a:hover,
.foot-col-5 ul a:hover {
    color:#fff;
    text-decoration:underline;
}

ul.social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    list-style: none;
    gap: 20px;
}

ul.social-icons svg {
    fill:#fff;
}

ul.social-icons svg:hover {
    fill:var(--brand-blue);
}

button.to-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: none;
}

button.to-top:hover {
    background:var(--brand-blue);
}

footer p#breadcrumbs {
    font-size:14px;
}
footer p#breadcrumbs a {
    color: #fff;
}

.container.footer-bottom p,
.container.footer-bottom a {
  font-size:12px;
  color:#c6c6c6;
  margin-bottom:0;
  text-decoration:none;
}
footer h3 {
  font-size: 1.4em;
  line-height: 1.3em;
}
/*--------------------------------------------------------------
  >> : Stock Cards
--------------------------------------------------------------*/

.card-stock[data-status="draft"] picture {
  opacity: 0.45;
}


/*--------------------------------------------------------------
  >> : Badges & Alerts
--------------------------------------------------------------*/

.alert-light {
  color: #000000;
  background-color: #F7F7F7;
  border-color: #F7F7F7;
  border-radius:5px;
}

/*--------------------------------------------------------------
  >> : General WooCommerce
--------------------------------------------------------------*/

.product-loop-card a {
  text-decoration: none;
  margin-right: 10px;
  display: block;
}

.product-loop-card a:hover {
  color:#000;
}

.product-loop-card h3 {
  font-family:var(--body-font-family);
  font-size:1.2em;
  font-variation-settings: "slnt" 0, "wght" 500;
}

picture.product-loop-thumbnail {
  position:relative;
  overflow:hidden;
  border-radius:5px;
}

.product-loop-card:hover img {
  -webkit-transform:scale(1.05);
      -ms-transform:scale(1.05);
          transform:scale(1.05);
  -webkit-transition:all 800ms ease;
  -o-transition:all 800ms ease;
  transition:all 800ms ease;
}

.product-loop-card img {
  -webkit-transition:all 800ms ease;
  -o-transition:all 800ms ease;
  transition:all 800ms ease;
}

.product-loop-card:hover h3 {
  text-decoration:underline;
}

.product-loop-card .product-loop-info {
  padding-top:1em;
}

.product-loop-card span.woocommerce-Price-amount.amount {
  font-size:1.2em;
}

.woocommerce-product-details__short-description h2 {
  font-size: 1.8em;
}

.hardware-loop-card {
  margin-bottom:30px
}

.hardware-loop-card a {
  text-decoration: none;
  margin-right: 10px;
  display: block;
}

.hardware-loop-card a:hover {
  color:#000;
}

.hardware-loop-card h3 {
  font-family:var(--body-font-family);
  font-size:1.2em;
  font-variation-settings: "slnt" 0, "wght" 500;
}

picture.hardware-loop-thumbnail {
  position:relative;
  overflow:hidden;
  border-radius:5px;
  background:#fff;
}

.hardware-loop-card:hover img {
  -webkit-transform:scale(1.05);
      -ms-transform:scale(1.05);
          transform:scale(1.05);
  -webkit-transition:all 800ms ease;
  -o-transition:all 800ms ease;
  transition:all 800ms ease;
}

.hardware-loop-card img {
  -webkit-transition:all 800ms ease;
  -o-transition:all 800ms ease;
  transition:all 800ms ease
}

.hardware-loop-card:hover h3 {
  text-decoration:underline;
}

.hardware-loop-card .hardware-loop-info {
  padding-top:1em;
}

.post-type-archive-product,
.tax-product_cat,
.tax-hardware-category,
.page-template-page-special-offers {
  background: #f9f9f9;
}

.hardware-loop-image {
  position: relative;
}

span.badge.bg-warning.special-offer {
  position:absolute;
  top:10px;
  left:10px;
  z-index:1;
  text-transform:uppercase;
  padding:12px 10px 10px 10px;
  background:var(--brand-red) !important;
  color:#fff !important;
}

[data-section="hardware-hero"] span.badge.bg-warning.special-offer {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
  top: 0;
  left: 0;
}

fieldset#contact-fields .wc-block-components-checkbox:not(.wc-block-checkout__create-account) {
    display:none;
}

.kl_newsletter_checkbox_field svg.wc-block-components-checkbox__mark {
    top: -2px;
    left: 0px;
}

div#kl_newsletter_checkbox_field {
    margin-top: 0 !important;
    margin-bottom: 40px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border-radius: 6px;
    border: 1px solid #acacac;
    padding: 18px !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
     display:none !important;
 }

.woocommerce-checkout input[type="checkbox"] {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    border: 1px solid rgba(25,23,17,.48);
    border-radius: 6px;
    background: #fff;
}
.woocommerce-checkout input[type="checkbox"]:checked {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    border: 1px solid rgba(25,23,17,.48);
    border-radius: 6px;
    background: url('/app/themes/devignstudios-toolkit/resources/icons/woocheck.svg'), #fff;
    backround-size:cover;
    background-repeat:no-repeat;
}

.woocommerce-billing-fields h3 {
    font-size: 1.4em;
    line-height: 1.3em;
}

h3#ship-to-different-address {
    font-size: 1.4em;
    line-height: 1.3em;
    margin-top:30px;
    border-top:1px solid rgba(25,23,17,.48);
    padding-top:30px;
}

h3#ship-to-different-address label {
    display:flex;
    align-items:center;
    gap:20px;
}

#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input,
.woocommerce ul#shipping_method li input {
    -webkit-appearance:none;
    height:20px;
    width:20px;
    background:#ffffff;
    border-radius:20px;
    outline:1px solid rgba(25,23,17,.48);
    border:4px solid #fff;
}

#add_payment_method #payment ul.payment_methods li input:checked,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input:checked,
.woocommerce ul#shipping_method li input:checked {
    -webkit-appearance:none;
    height:20px;
    width:20px;
    background:#000000;
    border-radius:20px;
    outline:1px solid rgba(25,23,17,.48);
    border:4px solid #fff;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float:unset;
    width:100%;
    background:#000;
    padding:20px
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #fff;
    border: 1px solid rgb(25 23 17 / 14%);
}

.woocommerce-terms-and-conditions-wrapper p {
    font-size:0.9em;
}

.woocommerce-checkout .woocommerce-info {
    background: none;
    border: none;
    padding: 0;
}

.woocommerce-checkout .woocommerce-info::before {
    display:none;
}

.woocommerce-checkout .woocommerce-info a.showlogin {
    padding:10px;
    text-decoration:none;
    background:#e7e7e7;
    border-radius:30px;
    margin-left:20px;
}


.woocommerce-checkout .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    top:15px;
}

.woocommerce-checkout ul.woocommerce-error {
    border:1px solid #ff00004d;
    border-radius:10px;
    margin-bottom:20px;
    background:#ff000012;
}

[for="payment_method_elavon-converge-gateway"] {
  font-size:1.2em;
}
[for="payment_method_elavon-converge-gateway"]:after {
  content:'(Formerly Sage Pay)';
  font-size:0.7em;
}

.woocommerce-checkout #payment div.payment_box {
  padding: 0;
  background: none;
}

.woocommerce-checkout #payment div.payment_box::before {
  display:none;
}

/*--------------------------------------------------------------
  >> : General Posts
--------------------------------------------------------------*/

.post-loop-body {
  padding: 20px;
  background: #f7f7f7;
}

.post-loop-card {
  border-radius:5px;
  overflow:hidden;
}

.post-loop-image {
  position: relative;
}

.post-loop-image .primary-term {
  position:absolute;
  top:20px;
  left:20px;
}


.post-loop-image .primary-term a {
  display: block;
  padding:0.7em 0.75em 0.5em 0.75em;
  font-variation-settings: "wght" 600;
  background:#fff;
  text-decoration:none;
  border-radius:5px;
  font-size:0.9em;
}

.post-loop-body p {
  font-size:1em;
}

.post-loop-body .btn span {
  background:#f7f7f7;
}

.post-loop-image img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.post-loop-body p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*--------------------------------------------------------------
  >> : Woo
--------------------------------------------------------------*/

button.btn.btn-quantity:before,
button.btn.btn-lightbox:before {
    display:none !important
}

.archive.tax-product_cat [data-section="header-page"] {
    padding-bottom: 0px !important;
    padding-top: 3em !important;
}

.woocommerce .woocommerce-ordering select {
  padding: 18px;
  border: none;
  background: #f9f9f9;
}

.page-numbers {
    padding:10px;
}

span.page-numbers.current {
    color: var(--brand-blue);
}

a.next.page-numbers,
a.prev.page-numbers {
    background:var(--brand-black);
    border-radius:30px;
    color:#fff;
    text-decoration:none;
    padding:15px 20px;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}

a.next.page-numbers svg,
a.prev.page-numbers svg {
    margin:0px 5px;
}

a.next.page-numbers:hover,
a.prev.page-numbers:hover {
    background:var(--brand-blue);
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}

div#filtersArea {
  position:fixed;
  top:0;
  right:0;
  width:400px;
  height:100vh;
  z-index:999;
  background:#F4F4F4;
  -webkit-transform:translateX(100%);
      -ms-transform:translateX(100%);
          transform:translateX(100%);
  -webkit-transition:all 500ms ease-in-out;
  -o-transition:all 500ms ease-in-out;
  transition:all 500ms ease-in-out;
}

div#filtersArea .col {
  background:#F4F4F4;
  padding:5em 3em;
  height:100%;
}

div#filtersArea:before {
/*  content:'';*/
  position:fixed;
  top:0;
  right:0;
  height:100vh;
  width:100vw;
  background:#0000002b;
  -webkit-backdrop-filter:blur(3px);
          backdrop-filter:blur(3px);
  z-index:-1;
  pointer-events: none;
  opacity:0;
  -webkit-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

div#filtersArea.opened {
  -webkit-transform:translateX(0%);
      -ms-transform:translateX(0%);
          transform:translateX(0%);
  -webkit-transition:all 500ms ease-in-out;
  -o-transition:all 500ms ease-in-out;
  transition:all 500ms ease-in-out;
}

div#filtersArea.opened:before {
  opacity:1;
  -webkit-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
  float: unset;
  margin-bottom:0
}


.loopBtn img {
  height:15px;
}

button.toggleFilters {
  border: none;
  background: none;
  float: right;
}

button.toggleFilters.loopBtn {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin-left:20px;
  padding:15px 24px;
  border-radius:30px;
  gap:10px;
  background: #ffffff;
  border: 1px solid #00000017;
}

.product-filters-oc h2 {
  font-size:2em;
}

.product-filters-oc {
  margin-bottom:2em;
}

.product-filters-oc .wp-block-search__inside-wrapper input {
  border: 1px solid #F3F3F3;
  border-radius: 7px 0px 0px 7px;
  padding: 16px 20px;
  border-right: 0;
  font-size: 14px;
}

.product-filters-oc .wp-block-search__inside-wrapper button {
    border: 1px solid #F3F3F3;
  border-radius: 0px 7px 7px 0px;
    padding: 16px 20px;
  border-right: 0;
  font-size: 14px;
  background:#000000;
  color:#fff;
}

.product-filters-oc .wp-block-search__inside-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:100%;
}

.product-filters-oc .product-filters-oc .wp-block-search__inside-wrapper button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.product-filters-oc input#wp-block-search__input-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:70%;
}

.product-filters-oc ul.wc-block-product-categories-list {
  list-style:none;
  padding:0;
}

.product-filters-oc ul.wc-block-product-categories-list li ul {
  padding-left:10px;
}

.product-filters-oc ul.wc-block-product-categories-list a {
  text-decoration:none;
  margin:10px 0;
  font-size:1.1em;
}

.product-filters-oc ul.wc-block-product-categories-list li {
  margin-top:10px;  
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 {
  max-height:200px;
  overflow-y:scroll;
}

form#on-sale-filter-form label {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:10px;
  font-size:1.1em;
  line-height:1em;
}
form#on-sale-filter-form input[type="checkbox"] {
  accent-color: var(--brand-blue);
  height:20px;
    width:20px;
  margin-bottom:3px;
}

/*--------------------------------------------------------------
  >> : Support Archive
--------------------------------------------------------------*/

.support-card {
  padding:40px 30px 30px 30px;
  position:relative;
  background:#fff;
  border-radius:5px;
  overflow:hidden;
  height:100%;
}

.support-card:before {
  content: '';
  position:absolute;
  top:0;
  left:0;
  background: -webkit-gradient(linear, left top, right top, from(#0179B6), to(#DA2327));
  background: -o-linear-gradient(left, #0179B6 0%, #DA2327 100%);
  background: linear-gradient(to right, #0179B6 0%, #DA2327 100%);
  position: absolute;
  height: 10px;
  width: 100%;
}


/*--------------------------------------------------------------
  >> : Singles
--------------------------------------------------------------*/


ul.post-sharer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  list-style:none;
  padding:0;
  gap:10px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}

.related-hardware img {
  width:100%;
  height:auto;
  max-height:200px;
  -o-object-fit:contain;
     object-fit:contain;
  background:#fff;
  margin-bottom:20px;
  border-radius:10px;
}

.related-hardware {
  padding:10px;
  border:1px solid #d4d4d4;
  border-radius:6px;
  background: #f7f7f7;
  text-align:center;
}

.related-hardware .btn {
  margin-top:20px;
}

.related-hardware a {
  text-decoration:none;
}


[data-section="blog-post"] .col-lg-8 img {
  width: 100%;
  height:auto;
  object-fit:contain
}

[data-section="blog-post"] .col-lg-8 iframe,
[data-section="blog-post"] .col-lg-8 video {
  width:100%;
  height:auto;
  aspect-ratio: 4 / 2;
  object-fit:contain
}


/*--------------------------------------------------------------
  >> : Archives
--------------------------------------------------------------*/
.support-hero {
  background:url(/app/uploads/2024/09/1726240994-b89c/help-hero.png) no-repeat;
  background-size:cover;
  background-position:center;
}

.video-loop-card {
  border:1px solid #e5e5e5;
  padding:15px;
  border-radius:10px;
}

.video-loop-card iframe {
  width:100%;
  height:auto;
  aspect-ratio:4/2.5;
  border-radius:5px;
  outline-width:1px;
  outline-color:#e5e5e5;
  outline-style:solid;
}

.row.Popular-topics p {
  margin-bottom:0;
  margin-right:20px;
}
.row.Popular-topics ul {
  list-style:none;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.row.Popular-topics ul li a {
  background:#ebebeb;
  padding:13px 4px 10px 14px;
  text-decoration:none;
  border-radius:30px;
}

span.counter-cat {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #f7f7f7;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  padding-top: 4px;
  margin-left: 3px;
  font-size: 14px;
}

[data-bg-color="color-light-grey"] .support-card .btn.btn-black-outline span {
  background:#fff;
}


/*--------------------------------------------------------------
  >> : Woo
--------------------------------------------------------------*/
.wc-block-cart__submit-button {
    border-radius: 40px;
    text-decoration: none;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
    border:2px solid #000;
}

.wc-block-cart__submit-button:hover {
    background: #000;
    color: #fff;
    border:2px solid #000;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}

.wc-block-checkout__actions .wc-block-components-checkout-place-order-button {
    background: var(--brand-blue);
    padding: 10px;
    border: none;
    border-radius: 30px;
    color: #fff;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}

.wc-block-checkout__actions .wc-block-components-checkout-place-order-button:hover {
    background: #000;
    -webkit-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}


.woocommerce .woocommerce-breadcrumb {
  padding: 15px 0;
  display: block;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  padding: 12px;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button {
  border-radius: 30px;
  background: var(--brand-blue);
  color: #fff;
  padding: 15px 20px 13px 20px;
  -webkit-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover {
  background: var(--brand-black);
  color: #fff;
  -webkit-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

div#customer_login {
  margin-top:30px;
}
div#customer_login .u-column2,
div#customer_login .u-column1 {
  text-align:center;
}

div#customer_login h2 {
  font-size:2em;
}

.woocommerce form.login, .woocommerce form.register {
  margin-top:20px;
  position:relative;
  
}

.woocommerce form.login::before, .woocommerce form.register::before {
  content: '';
  opacity:1;
  background: -webkit-gradient(linear, left top, right top, from(#0179B6), to(#DA2327));
  background: -o-linear-gradient(left, #0179B6 0%, #DA2327 100%);
  background: linear-gradient(to right, #0179B6 0%, #DA2327 100%);
  position: absolute;
  top:0;
  left:0;
  height: 5px;
  width: 100%;
}


.woocommerce table.my_account_orders .button {
  margin: 5px;
  border-radius: 20px;
  background: #e1e1e1;
  color: #000000;
}

.woocommerce table.my_account_orders .button:hover {
  background: #000000;
  color: #fff;
}

nav.woocommerce-MyAccount-navigation {
  border:1px solid #e8e8e8;
  padding:10px;
  border-radius:5px;
  position:relative;
}

nav.woocommerce-MyAccount-navigation ul {
  list-style:none;
  padding:0;
}

nav.woocommerce-MyAccount-navigation ul a {
  padding:10px;
  display:block;
  width:100%;
  border-bottom:1px solid #e8e8e8;
  text-decoration:none;
}

nav.woocommerce-MyAccount-navigation ul li:last-of-type a {
  border:none;
}

.woocommerce-message {
  border: 2px solid #ffffff;
  background: #ebf9ff;
  -webkit-box-shadow: 0px 3px 1px #f8f8f8;
          box-shadow: 0px 3px 1px #f8f8f8;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

a.button.wc-forward {
  border-radius: 20px;
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--brand-blue);
  color: #fff;
  border-radius: 30px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

a.button.wc-forward:hover {
  background: #000;
  color: #fff;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after {
  display: none;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  top:25px
}

.cookiefirst-cookie-declaration [data-cookiefirst-outline-accent-color="true"] {
  margin-right:20px;
  padding:15px 25px 12px 25px;
  background:#000;
  color:#fff;
  border:none;
  border-radius:240px;
  margin-top:20px;
}