/* ===================================================================================

* Theme Name: Suxnix Child
* Theme URI: https://www.themegenix.net/wp/suxnix/
* Author: ThemeGenix
* Author URI: https://themeforest.net/user/themegenix/
* Description: Suxnix - Health Supplement WordPress Theme
* Version: 1.6
* Template: suxnix
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

@import "//hello.myfonts.net/count/3f17b0";
@font-face {
    font-family: pluto;
    src: url(/wp-content/themes/suxnix-child/font/PlutoSansLight/font.woff2) format("woff2"), url(/wp-content/themes/suxnix-child/font/PlutoSansLight/font.woff) format("woff");
    font-weight: 300;
}
@font-face {
    font-family: pluto;
    src: url(/wp-content/themes/suxnix-child/font/PlutoBold/font.woff2) format("woff2"), url(/wp-content/themes/suxnix-child/font/PlutoBold/font.woff) format("woff");
    font-weight: 700;
}
@font-face {
    font-family: quite-magical;
    src: url(/wp-content/themes/suxnix-child/font/QuiteMagical-Regular.woff2) format("woff2"), url(/wp-content/themes/suxnix-child/font/QuiteMagical-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

h3, h2, h1, h4, h5, h6, p, body, .footer-top-wrap .widget_block ul li, .footer-top-wrap .footer-widget ul li, .footer-top-wrap .widget_block ul li a, .footer-top-wrap .footer-widget ul li a {
  font-family: pluto !important;
}

.breadcrumb-content .title {
  font-family: quite-magical !important;
  font-size: 90px;
}

body.page-id-50 {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.breadcrumb, .inner-shop-area .shop-top-wrap, .shop-content-bottom, .reset_variations, .wc-block-components-product-metadata__description {
	display: none !important;
}

.logo img {
    width: 140px;
}

.footer-top-wrap::after {
	display: none;
}

.footer-widgets-wrap .row > *:first-child .widget_media_image img {
	width: 60%
}

.copyright-wrap {
	background-color: #81ab26;
	border: 0
}

.footer-widget.widget_rss .rss-date, .footer-widget.widget_rss cite, .footer-widget p, .footer-widget .rssSummary {
	opacity: 1;
}

.footer-top-wrap .widget_block ul li a, .footer-top-wrap .footer-widget ul li a {
	opacity: 1;
}

.footer-top-wrap .widget_block ul li a:hover, .footer-top-wrap .footer-widget ul li a:hover {
	color: #dd2155;
}

/* Form login */

form#loginform {
  display: flex;
  flex-direction: column;
	width: 500px
}

#loginform p {
	display: flex;
  	flex-direction: column;
}

#loginform label {
  	margin-bottom: 6px;
	color: #ffF;
}

#loginform input {
  padding: 10px;
  margin-bottom: 12px;
  border: 1px solid #fff; /* Warna border input */
  border-radius: 4px;
  transition: border-color 0.3s ease-in-out;
  outline: none; /* Hapus outline pada saat focus */
}

#loginform input:focus {
  border-color: #fff; /* Warna border input saat focus */
}

#loginform input[type="submit"] {
  background-color: #dd2155; /* Warna latar button */
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
	text-transform: uppercase;
}

.cart-btn.disabled, .cart-btn:disabled, fieldset:disabled .cart-btn, .cart-btn, .inner-shop-perched-info form > .cart-btn, .wc-block-components-button:not(.is-link) {
	border-radius: 50px !important;
	background-color: #81ab26 !important;
	    font-weight: 700 !important;
	text-transform: none !important
}

.woocommerce-checkout .button.alt {
	background-color: #81ab26 !important;
	font-family: pluto !important;
}

.woocommerce-checkout .button.alt::before {
	background-color: #e03461 !important;
}

.cart-btn:hover, .inner-shop-perched-info form > .cart-btn:hover, .wc-block-components-button:not(.is-link):hover {
	background-color: #e03461 !important;
	border-color: #e03461 !important;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
	border-radius: 999px !important;
    background: #f4f4f4 !important;
    border: 0 !important;
	padding-left: 20px !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	border: 0 !important;
    color: #fff !important;
	font-weight: 700;
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
	left: 20px !important;
}

.woocommerce-mini-cart__buttons a {
	border-radius: 50px !important;
	font-family: pluto !important;
	text-transform: none !important;
	font-weight: 700 !important;
}

#loginform input[type="submit"]:hover {
  background-color: #312782; /* Warna latar button */
}

.wplf-lostpassword {
	color: #fff;
	font-size: 12px;
}

#loginform button:hover {
  background-color: #2c3e50; /* Warna latar button saat hover */
}

/* PRODOTTO */

.shop-single-rating {
	display: none
}

.inner-shop-details-bottom {
  display: none;
}

.woocommerce div.product form.cart .variations {
  margin-top: 40px;
  margin-bottom: 40px !important;
}

/* CARRELLO */
.header-shop-cart a.cart-count span.mini-cart-count {
	background-color: rgb(129, 171, 38);
}


.form-row .optional {
  display: none;
}

/*
.woocommerce-address-fields .button, .woocommerce-Button {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--tg-primary-color);
  background: var(--tg-primary-color);
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  padding: 12px 16px;
  min-width: 145px;
  justify-content: center;
  margin-bottom: 12px;
  margin-right: 12px;
  text-transform: uppercase;
}
*/

.woocommerce-checkout .button.alt, .woocommerce-address-fields .button, .woocommerce-Button {
  user-select: none;
  -moz-user-select: none;
  background: #0D9B4D none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 0;
  padding: 19px 50px;
  text-align: center;
  text-transform: capitalize;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
}

.woocommerce-checkout .button.alt:hover, .woocommerce-address-fields .button:hover, .woocommerce-Button:hover {
  color: #fff;
}

.woocommerce-address-fields .button:hover, .woocommerce-Button:hover {
  background-color: #dd2155;
}

.woocommerce-checkout .button.alt::before {
  content: "";
  position: absolute;
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  width: 200%;
  height: 200%;
  top: 110%;
  left: 50%;
  background: #FAA432;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: -1;
}

.woocommerce-MyAccount-content .woocommerce-Button {
  width: auto !important;
}

.woocommerce-checkout .button.alt:hover:before {
  top: -40%;
}

.wc-block-cart__submit-container .wc-block-components-button:not(.is-link) {
  background-color: #dd2155;
  color: #fff;
  border-radius: 10px;
}

.wc-block-cart__submit-container .wc-block-components-button:not(.is-link):hover {
  background-color: #312782;
}


.woocommerce-checkout #soggetto_field fieldset {
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.woocommerce-checkout #soggetto_field legend {
  display: none;
}

.woocommerce-checkout #soggetto_field fieldset label input {
  margin-top: 0;
  filter: grayscale(1);
  margin-right: .8rem;
  margin-bottom: 1px;
  background-color: initial;
  cursor: default;
  appearance: auto;
  box-sizing: border-box;
  margin: 3px 3px 0px 5px;
  padding: initial;
  border: initial;
  height: auto;
  width: auto;
}

.woocommerce-checkout #soggetto_field fieldset label {
  margin-right: 1.6rem;
}

.woocommerce-account .woocommerce-MyAccount-content [type="tel"] {
  display: block;
  width: 100%;
  border: none;
  background: #fff;
  height: 45px;
  padding: 10px 25px;
  border-radius: 5px;
}

@media (min-width: 768px) {
  #customer_details .woocommerce-billing-fields__field-wrapper .form-row.form-row-first, #customer_details .woocommerce-billing-fields__field-wrapper .form-row.form-row-last {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
}


.wc-block-cart-item__wrap {
	display: flex;
	flex-wrap: wrap;
}

.wc-block-components-product-name {
	order: 1
}

.wc-block-components-product-metadata {
	order: 2;
	text-align: center
}

.wc-block-cart-item__quantity {
	order: 3;
	display: flex;
    gap: 10px;
    align-items: center;
}

.wc-block-components-quantity-selector {
	margin-bottom: 0 !important;
}

.wc-block-cart-item__prices {
	order: 4;
}

.wc-block-components-product-name, .wc-block-cart-item__quantity {
	width: 33% !important;
	max-width: 100% !important;
	text-align: left !important;
}

.wc-block-cart-item__prices, .wc-block-components-product-metadata {
	width: 66% !important;
}

.section-tit:not(:first-child) {
  margin-top: 100px;
}

.wc_payment_methods.payment_methods.methods {
  list-style: none;
  padding: 0;
}

.video-shape.one {
  left: -3%;
  bottom: -24%;
}

.video-shape.one img {
  filter: blur(2px);
}

.footer-shape.two {
  right: -3%;
  bottom: 60px;
  filter: blur(2px);
}


.checkout_coupon.woocommerce-form-coupon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5%;
}

.checkout_coupon.woocommerce-form-coupon p:first-child {
  width: 100%;
}

.checkout_coupon.woocommerce-form-coupon p:nth-child(2) {
  width: 75%;
}

.checkout_coupon.woocommerce-form-coupon p:nth-child(3) {
  width: 20%;
}

.showcoupon {
  color: rgb(129, 171, 38);
}

.cart-wrapper .order-review-wrapper {
  flex: 0 0 auto;
}

.header-user img {
  height: 28px;
  filter: invert(1);
}

.transparent-header.sticky-menu .header-action .header-user img {
  filter: invert(0);
}

@media (max-width: 1500px) {
  .header-action > ul li {
      margin-left: 15px;
  }
}


.menu-area .mobile-nav-toggler {
  width: 40px !important;
  height: 40px !important;
  font-size: 19px !important;
  margin-top: 0px !important;
}

.sticky-menu.menu-area .mobile-nav-toggler {
  margin-top: 8px !important;
}

@media (max-width: 992px) {
  .wc-block-cart-item__wrap {
      gap: 10px;
  }

  .wc-block-components-product-name, .wc-block-cart-item__quantity {
      width: 100% !important;
  }

  .wc-block-cart-item__prices, .wc-block-components-product-metadata {
      width: 100% !important;
  }

  .wc-block-cart-item__prices {
      text-align: left;
  }

  .wc-block-components-product-metadata {
      text-align: left;
  }

  table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>* {
    margin-bottom: 0 !important;
  }

  .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
      -ms-grid-columns: 60px 132px !important;
      grid-template-columns: 60px 112px !important;
  }

  .checkout_coupon.woocommerce-form-coupon p:nth-child(2) {
      width: 100%;
  }

  .footer-shape.two {
      right: -6%;
      bottom: 80%;
      filter: blur(2px);
      max-width: 100px;
  }

  .video-shape.one {
      left: -9%;
      bottom: -12%;
      max-width: 120px;
  }
}