/*
Theme Name: Ems
Author: Perabite
Author URI: https://perabite.com
Version: 1.0
Description: Ems theme
Text Domain: ems
Domain Path: /languages
*/

/* ==========================================================================
   WordPress Global Content Layout
   ========================================================================== */

.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
  max-width: var(--wp--style--global--wide-size);
}

/* ==========================================================================
   Icon Font - Icomoon
   ========================================================================== */

[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-right:before {
  content: "\e900";
}
.icon-right1:before {
  content: "\e90e";
}
.icon-right2:before {
  content: "\e90f";
}
.icon-right3:before {
  content: "\e910";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-instagram:before {
  content: "\e902";
}
.icon-linkedin:before {
  content: "\e903";
}
.icon-youtube:before {
  content: "\e904";
}
.icon-registered:before {
  content: "\e905";
}
.icon-user:before {
  content: "\e906";
}
.icon-shopping-cart:before {
  content: "\e907";
}
.icon-search:before {
  content: "\e908";
}
.icon-telephone:before {
  content: "\e909";
}
.icon-mail:before {
  content: "\e90a";
}
.icon-member-card:before {
  content: "\e90b";
}
.icon-document:before {
  content: "\e90c";
}
.icon-credit-card:before {
  content: "\e90d";
}
.icon-zoom-increasing-symbol:before {
  content: "\e911";
}
.icon-icon-shopping-cart:before {
  content: "\e912";
}
.icon-icon-search:before {
  content: "\e913";
}
.icon-icon-profile:before {
  content: "\e914";
}
.icon-icon-logout:before {
  content: "\e915";
}
.icon-icon-favorite:before {
  content: "\e916";
}
.icon-icon-dashboard:before {
  content: "\e917";
}
.icon-icon-billing:before {
  content: "\e918";
}
.icon-icon-account:before {
  content: "\e919";
}
.icon-ctrl:before {
  content: "\ea50";
}
.icon-ctrl1:before {
  content: "\ea51";
}

/* ==========================================================================
   Transbold font
   ========================================================================== */

@font-face {
  font-family: "transbold-neue";
  src:
    url("fonts/TransboldNeueEuro-Bold.woff") format("woff"),
    url("fonts/TransboldNeueEuro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

/* ==========================================================================
   Layout & Grid
   ========================================================================== */

body .is-layout-grid.vertical-center {
  align-items: center !important;
}

:where(.wp-site-blocks) > * {
  margin-block-start: 0 !important;
}

.position-relative {
  position: relative !important;
}

/* Flexbox Helpers */
.width-3-4 {
  flex-basis: 75%;
  max-width: 75%;
}

.width-1-4 {
  flex-basis: 25%;
  max-width: 25%;
}

.home .page-header,
.page-id-591 .page-header {
  display: none !important;
}

body:not(.home) main {
  padding-block: 50px;
}

/* ==========================================================================
   WordPress Blocks
   ========================================================================== */

/* Button hover style */
.wp-block-button__link,
.wp-element-button {
  transition: background-color 0.3s ease;
}
.wp-block-button__link:not(.wp-block-search__button):hover,
.wp-element-button:not(.wp-block-search__button):not(.wc-forward):hover {
  background-color: rgba(226, 45, 44, 0.8) !important;
}

.wp-block-query-pagination-numbers span {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light);
}

.wp-block-search__icon-button input {
  border-radius: 999px;
  height: 40px;
  padding: 7px 10px;
  border-color: #dddddd;
}

.wp-block-search__icon-button input:focus-visible {
  outline: none;
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.button-unset {
  all: unset;
  cursor: pointer;
}

/* ==========================================================================
   Header & Navigation
   ========================================================================== */
div#mega-menu-wrap-main_menu > p {
  display: none;
}
header.wp-block-template-part {
  padding-top: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.logomobile-wrap {
  margin-block-start: 0 !important;
}

.main-menu {
  padding-inline: 70px;
  height: var(--wp--custom--menu-height);
}

button.wp-block-search__button {
  padding: 0;
  font-size: 1.7rem;
  margin-left: 5px;
  cursor: pointer;
}

button.wp-block-search__button svg {
  fill: var(--wp--preset--color--primary);
}

.main-menu-lg .wp-block-navigation-item {
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--wp--preset--color--dark);
  font-weight: 400;
}

.main-menu-lg .wp-block-navigation-item a {
  transition: all ease-in 0.1s;
}

.main-menu-lg .wp-block-navigation-item a:hover {
  opacity: 0.5 !important;
}
.topbar-right {
  gap: 1.2rem;
}

.topbar-left-row {
  gap: 10px;
}
.wc-block-mini-cart__button {
  padding: 0;
}

/* ==========================================================================
   Custom Main Menu
   ========================================================================== */
.ems-main-menu-wrap {
  padding-inline: 40px;
}
.ems-main-menu-wrap ul {
  list-style: none;
  padding: 0;
}
.ems-main-menu-wrap ul li a:hover {
  opacity: 0.5 !important;
}
.ems-main-menu-wrap ul li a svg {
  stroke: var(--wp--preset--color--dark);
}
.ems-main-menu-wrap .ems-main-menu-items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.ems-main-menu-wrap .ems-main-menu-item {
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--wp--preset--color--dark);
  font-weight: 400;
  position: relative;
}

.ems-main-menu-wrap .ems-main-menu-item a {
  display: block;
  text-decoration: none;
  color: var(--wp--preset--color--dark);
}
.ems-main-menu-wrap .ems-main-menu-item.has-children > a:hover > svg {
  transform: rotate(180deg);
}
.ems-main-menu-item.has-children {
  position: relative;
}
.ems-main-menu-wrap .ems-submenu-first-wrap,
.ems-main-menu-wrap .ems-submenu-alt-wrap {
  display: none;
}
.ems-main-menu-item.has-children:hover > .ems-submenu-first-wrap {
  display: block !important;
}
.ems-submenu-first-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-width: 500px;
  z-index: 9999;
  background-color: var(--wp--preset--color--light);
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5);
}

.ems-submenu-first-wrap {
  padding: 10px;
}
li.ems-main-submenu-item {
  padding-block: 5px;
}

li.ems-main-submenu-item.has-subchildren svg {
  stroke: var(--wp--preset--color--dark);
}

.ems-main-submenu-item.has-subchildren {
  position: relative;
}
.ems-main-submenu-item.has-subchildren:hover > .ems-submenu-alt-wrap {
  display: block !important;
}

.ems-submenu-alt-wrap {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  min-width: 500px;
  z-index: 9999;
  background-color: var(--wp--preset--color--light);
  border: 1px solid rgb(0 0 0 / 21%);
  padding: 15px;
}

.inner-submenu-first-wrap {
  display: flex;
  gap: 20px;
  align-items: center;
}

.left-image-wrap img {
  width: 200px;
}
.ems-submenu-details-wrap ul {
  padding-left: 10px;
  padding-block: 10px;
}
.ems-submenu-details-wrap ul li {
  margin-block: 5px;
}
.ems-main-submenu-item.has-subchildren details {
  cursor: pointer;
}
details summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}
details[open] > summary > svg {
  transform: rotate(180deg);
}

.main-menu-lg .mega-menu-row > ul.mega-sub-menu {
  display: flex !important;
  align-items: center;
}
.main-menu-lg
  .mega-menu-row
  > ul.mega-sub-menu
  .mega-sub-menu
  li.mega-menu-item-type-taxonomy,
.main-menu-lg
  .mega-menu-row
  > ul.mega-sub-menu
  .mega-sub-menu
  li.mega-menu-item-type-custom {
  padding: 5px 10px !important;
}
.mega-sub-menu .mega-menu-item-type-widget.widget_media_image {
  text-align: center !important;
}
#mega-menu-wrap-main_menu {
  width: 100%;
}
#mega-menu-main_menu {
  text-align: center !important;
}
#mega-menu-wrap-main_menu
  #mega-menu-main_menu
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  z-index: 999;
  border-radius: 0;
  background: white;
  border-top: 1px solid rgba(225, 34, 26, 0.705) !important;
  border-left: 0px solid rgba(225, 34, 26, 0.705) !important;
  border-right: 0px solid rgba(225, 34, 26, 0.705) !important;
  border-bottom: 0px solid rgba(225, 34, 26, 0.705) !important;
  padding: 25px 0px 25px 0px;
  position: absolute;
  width: 100%;
  max-width: none;
  left: 0;
  box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.1);
}
.mega-menu-item-has-children .mega-menu-link {
  width: fit-content !important;
}
/* ==========================================================================
   Contact & Social
   ========================================================================== */

.contact-icons ul {
  list-style: none;
  padding: 0;
}

.contact-icons ul li span {
  margin-right: 10px;
}

.contact-icons ul li a {
  text-decoration: none;
  color: var(--wp--preset--color--dark);
}

/* ==========================================================================
   Typography Overrides
   ========================================================================== */

.ems-accordion button span {
  font-family: "Roboto";
  font-size: 18px;
  text-transform: none;
}

.logomobile-wrap {
  margin-block-start: 0 !important;
}
/* ==========================================================================
   Cards & Components
   ========================================================================== */

.card-default {
  padding: 40px;
}
.cart-content {
  min-height: 100px !important;
}
.card-button {
  text-align: center;
}
.card-title strong {
  font-weight: bold;
}
div#frm_field_6_container {
  text-align: center;
  color: black;
}
.ems-accordion button span {
  font-family: "Roboto";
  font-size: 18px;
  text-transform: none;
}

.sub-title-alt,
#page .sub-title-alt {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 30px;
}

div#frm_field_6_container em {
  color: #666666;
}

.dialog-trigger button {
  all: unset;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 400;
  transition: all ease-in-out 0.2s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.dialog-trigger button:hover {
  opacity: 0.5;
}
.dialog-trigger button svg {
  width: 30px;
}
.dialog-close button svg {
  width: 20px;
}

.dialog-content {
  position: fixed;
  z-index: 999;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(169, 169, 169, 0.45);
  opacity: 1;
  transition: all ease-in-out 0.2s;
}

.dialog-content.dialog-visibility-hidden {
  visibility: hidden;
  opacity: 0;
}

.dialog-content .dialog-inner {
  padding: 40px 20px 40px 70px;
  height: 100vh;
  overflow: auto;
  width: 20%;
  background: var(--wp--preset--color--light);
  z-index: 99999999999;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5);
}

ul.dialog-menu-nav {
  padding: 20px 0;
  list-style: none;
}

ul.dialog-menu-nav li,
ul.dialog-menu-nav li details summary {
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.23);
  font-size: 1.2rem;
}

ul.dialog-menu-nav li details summary {
  cursor: pointer;
  padding: 10px 0;
  display: block;
  font-size: inherit;
  font-weight: bold;
  text-transform: uppercase;
}

ul.dialog-menu-nav a {
  all: unset;
  cursor: pointer;
  padding: 10px 0;
  display: block;
  font-size: inherit;
  font-weight: bold;
  text-transform: uppercase;
}

li.dialog-ems-menu-item details summary svg {
  stroke: black;
}
li.dialog-ems-menu-item details summary {
  padding-right: 10px !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.dialog-menu ul {
  list-style: none;
}

.current-language-item .wp-block-navigation-item__content {
  min-width: 20px !important;
}
.dialog-wpml-lang-switcher ul {
  transform: translateX(-15px);
}
/* ==========================================================================
   Box Icon Component
   ========================================================================== */

.box-icon {
  padding: 0 0 40px 90px;
  position: relative;
  min-height: 30vw;
}

.box-icon .box-icon-thumb {
  position: absolute;
  width: 70px;
  height: 100%;
  top: 0;
  left: 0;
}
.box-icon .box-icon-thumb img {
  border: 1px solid #000;
  position: relative;
  z-index: 5;
  padding: 9px;
  background: #fff;
}
.box-icon .box-icon-thumb::after {
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  position: absolute;
  z-index: 0;
  left: 49.5%;
  background-color: var(--wp--preset--color--dark);
}
.box-icon h3 {
  font-weight: 300 !important;
  margin: 0 0 50px;
  padding-top: 20px;
}
.bottom-blocks-grid {
  width: 1200px;
  margin: 0 auto !important;
}
.bottom-blocks-grid .box-icon {
  min-height: 600px;
}

/* ==========================================================================
   WooCommerce & Forms
   ========================================================================== */

form.cart:not(.variations_form),
.woocommerce-variation-add-to-cart {
  display: flex;
  align-items: center;
}
form.cart .quantity input {
  height: 50px !important;
}

.cart-content {
  min-height: 100px !important;
}

/* Forms */
div#frm_field_6_container {
  text-align: center;
  color: var(--wp--preset--color--dark);
}

div#frm_field_6_container em {
  color: #666666;
}

.wp-block-button.wc-block-components-product-button.is-style-outline
  .wp-block-button__link {
  border-width: 1px !important;
}

/* ==========================================================================
   Products & Product Loop
   ========================================================================== */
.wc-block-product-template__responsive.columns-3 {
  grid-template-columns: repeat(
    auto-fill,
    minmax(max(250px, calc(33.33333% - 0.83333em)), 1fr)
  );
}
.single-product-home-card {
  min-height: 600px !important;
}
.loop-add-to-cart-wrap {
  display: flex;
}
a.show-product-button {
  padding: 10px;
  text-align: right;
  text-decoration: none;
  border: 1px solid black;
  text-align: center;
  color: black;
  font-size: 1.5rem;
  font-weight: bold;
  transition: all ease-in 0.2s;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.add-to-cart-single-home .product_type_variable span,
.add-to-cart-single-home .product_type_simple span {
  font-weight: bold;
  color: var(--wp--preset--color--primary);
}
.add-to-cart-single-home .product_type_simple.ajax_add_to_cart span {
  display: none !important;
}
.add-to-cart-single-home .product_type_variable:hover span {
  color: #eee !important;
}
.add-to-cart-single-home button {
  font-family: "icomoon" !important;
  content: "\e910";
  color: #000;
  background: #fff;
  vertical-align: top;
  display: inline-block;
  padding: 10px;
  font-size: 0;
  border: 1px solid #000;
  width: 50px !important;
  height: 50px;
  line-height: 20px;
  position: relative;
  border-radius: unset;
}

.add-to-cart-single-home button::before {
  content: "";
  border: 2px solid var(--wp--preset--color--primary);
  width: 22px;
  height: 20px;
  display: block;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0px 0px 6px 6px;
  transition: all ease-in-out 0.3s;
}
.add-to-cart-single-home button::after {
  top: 14%;
  margin-bottom: 0;
  height: 25%;
  width: 25%;
  left: 50%;
  transform: translateX(-50%);
  content: " ";
  position: absolute;
  pointer-events: none;
  border-width: 2px;
  border-style: solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0;
  border-color: var(--wp--preset--color--primary);
  transition: all ease-in-out 0.3s;
}
del {
  color: rgb(164 164 166);
}
.single-product .woocommerce-price-suffix {
  color: rgb(164 164 166);
}
.home-product-price.wc-block-components-product-price {
  font-size: 16px !important;
  font-weight: 300;
}
.home-product-price.wc-block-components-product-price del {
  display: block;
}

.home-product-price.wc-block-components-product-price small {
  opacity: 0.5;
  font-size: 11px;
}
.add-to-cart-single-home button:hover {
  background-color: var(--wp--preset--color--primary) !important;
  color: #fff;
  border-color: var(--wp--preset--color--primary) !important;
}

.add-to-cart-single-home button:hover::before {
  border-color: #fff;
}
.add-to-cart-single-home button:hover::after {
  border-color: #fff;
}
a.show-product-button::before {
  font-size: 20px;
  font-family: "icomoon" !important;
  content: "\e910";
}

a.show-product-button:hover {
  border: 1px solid transparent;
  background: var(--wp--preset--color--primary);
  color: white;
}
.product-template .wc-block-components-product-image a {
  text-align: center;
}
.home-product-price .wc-block-components-product-price {
  display: flex;
  flex-direction: column;
}
.home-product-price .wc-block-components-product-price {
  text-align: left !important;
}
.product-template a {
  color: black;
}
.product-desc-truncate {
  max-height: 100px;
  min-height: 100px;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 40px;
}
.home-on-sale {
  position: absolute;
  top: 10px;
  right: 10px;
}
.home-on-sale .wc-block-components-product-sale-badge {
  border-radius: 999px;
  background-color: var(--wp--preset--color--primary);
  border-color: transparent;
  color: var(--wp--preset--color--light);
}

span.wc-block-mini-cart__badge {
  font-size: 1rem !important;
}

@container carousel (min-width: 960px) {
  .is-product-collection-layout-carousel .wc-block-product {
    min-width: 30% !important;
  }
}

.single-product iframe {
  width: 100% !important;
}

/***
 * Custom Country Switcher
 *
 */

a.modal-switcher-trigger {
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100% !important;
  background: transparent;
  transition: all ease-in 0.2s !important;
}
.country-switcher-action.dialog-country-switcher .modal-switcher-trigger {
  background: #f1f1f1;
}
a.modal-switcher-trigger svg {
  width: 20px;
}
a.modal-switcher-trigger:hover {
  background: var(--wp--preset--color--primary) !important;
}
a.modal-switcher-trigger:hover svg * {
  stroke: white !important;
}
a.modal-switcher-trigger:hover svg rect {
  stroke: transparent !important;
}

.modal-country-switcher-wrap {
  max-width: 500px;
}

.modal-country-switcher-wrap .logo img {
  width: 100px;
  height: auto;
}

.modal-country-switcher-wrap .switcher_info {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.country-select {
  width: 400px;
}

.select-open-trigger {
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1em;
  border-radius: 15px;
  position: relative;
  margin: 0;
}
.select-open-dropdown {
  display: none;
}
.select-open-dropdown.active {
  display: block;
}
.select-open-dropdown ul {
  margin: 0;
  margin-top: -20px;
  padding-top: 20px;
  z-index: 9999999;
  border-radius: 15px;
  background: #f1f1f1;
  list-style: none;
  padding-inline: 0px;
  overflow: hidden;
}

.select-open-dropdown ul li {
  padding: 0.8em;
  cursor: pointer;
  display: block;
}
.select-open-dropdown ul li.selected {
  background: #d4d4d4;
}

.select-open-dropdown ul li:hover {
  background: #d4d4d4;
}
.select-open-trigger {
  display: block;
  cursor: pointer;
}
.country-select-trigger-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  background-color: white;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  overflow: hidden;
  transform: translateY(-50%);
}
.country-select-trigger-icon .inner-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.country-select-trigger-icon .inner-icon svg {
  width: 20px;
  transition: all ease-in 0.2s;
}

.country-select-trigger-icon.opened .inner-icon svg {
  transform: rotate(180deg);
}
.country-select-action {
  margin-top: 20px;
}
.flex-1 {
  flex: 1;
}
/* ==========================================================================
   Footer
   ========================================================================== */

.footer-section-title strong {
  font-size: 15px !important;
  font-weight: 700 !important;
}
.footer-menu {
  gap: 7px;
}
.footer-menu-wrap .footer-menu li a {
  font-weight: bold !important;
}
.products-menu ul {
  padding-left: 10px;
  border-left: 1px solid black;
}
.footer-menu li a {
  color: var(--wp--preset--color--dark) !important;
}

.footer-menu li a:hover {
  color: var(--wp--preset--color--primary) !important;
  text-decoration: underline;
}

.legal-menu li a {
  color: var(--wp--preset--color--light) !important;
}

.legal-menu li a:hover {
  color: rgba(255, 255, 255, 0.74) !important;
}

.products-menu ul {
  padding-left: 10px;
  border-left: 1px solid var(--wp--preset--color--dark);
}

/* ==========================================================================
   Category Cards
   ========================================================================== */

.grid-terms {
  padding-top: 2rem !important;
}
.card-category-home a {
  color: black;
  text-decoration: none;
}
.card-category-home {
  border: 1px solid black;
  position: relative !important;
  padding: 10px;
  /* min-height: 250px;
  display: flex;
  align-items: flex-end;
  margin-top: 8rem !important; */
}
.card-category-home {
  margin-bottom: 10rem !important;
  transition: all ease-in 0.2s;
}
.card-category-home:hover {
  border-color: var(--wp--preset--color--primary);
}
.card-category-home .card-card-category-image {
  transition: all ease-in 0.2s;
}
main .card-category-home a:hover {
  opacity: 1;
}
.card-category-home:hover .card-card-category-image {
  transform: translateY(-10px);
}

.card-category-home h3 {
  font-weight: 400;
  font-size: 25px;
  margin-top: 0px;
  margin-bottom: 20px !important;
}
.grid-terms-wrap {
  gap: 0px;
}

.card-category-home img {
  width: 300px;
  height: 300px;
}

.card-category-home figure {
  margin-top: -50% !important;
}

.card-card-category-image a {
  display: block;
}

.card-card-category-image img {
  width: 100%;
  height: 100%;
}

/* ==========================================================================
   Brochure & Sections
   ========================================================================== */

.brochure-box-wrap {
  margin-top: 250px;
  margin-bottom: -250px !important;
  z-index: 9;
}

.inner-brochure-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 1;
}
.brochure-left {
  padding: 40px 100px;
  flex-basis: 58.3333333333%;
}
.brochure-right {
  text-align: center;
  flex-basis: 41.6666666667%;
}
.image-anchored img {
  width: 280px;
  background-color: var(--wp--preset--color--light);
  border: 1px solid var(--wp--preset--color--muted);
  padding: 5px;
  margin: -40px 0;
}

.game-changer-below-brochure {
  padding-top: 300px;
  z-index: 1;
}

.bottom-blocks-grid {
  grid-template-columns: repeat(1fr) !important;
}

.video-section {
  margin-bottom: 0 !important;
}

.video-section .row-video {
  margin-bottom: 250px !important;
}

.testimonials-guided {
  margin-top: 15rem !important;
  margin-bottom: 10rem !important;
}

.electro-medical {
  margin-top: -40px;
  z-index: -1;
}

.mapouter {
  text-align: center;
}

/* Button with Arrow */
.button-arrow-right a {
  display: flex;
  align-items: center;
}
.button-arrow-right a::after {
  margin-left: 8px;
  content: "\e910";
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wp-block-button.is-style-outline.button-arrow-right.is-style-outline--3
  a:hover {
  background-color: var(--wp--preset--color--primary) !important;
  opacity: unset !important;
  border-color: transparent !important;
  color: var(--wp--preset--color--light) !important;
}

/* Tablet and Smartphones */
@media screen and (max-width: 1000px) {
  .onlylg {
    display: none !important;
  }
  .topbar {
    grid-template-columns: 1fr 4fr 1fr;
    padding-inline: 20px;
  }
  /* .topbar-center figure {
    margin-right: 0px !important;
    margin-left: auto !important;
  } */
  .dialog-content .dialog-inner {
    width: calc(100% - 180px);
    padding-left: 20px;
    padding-right: 20px;
  }

  .is-product-collection-layout-carousel .wc-block-product {
    flex-basis: 50% !important;
    max-width: 50% !important;
    min-width: 50%;
  }

  .brochure-left,
  .brochure-right {
    padding: 10px;
    flex-basis: 100% !important;
    padding-top: 2.5rem;
  }

  .brochure-box-wrap {
    margin-top: 150px;
  }
}

@media screen and (max-width: 650px) {
  :root {
    --wp--preset--spacing--80: 2rem !important;
  }

  .is-product-collection-layout-carousel .wc-block-product {
    flex-basis: 100% !important;
    max-width: 100% !important;
    min-width: 100%;
  }

  .xs-remove-margin-top {
    margin-top: 0 !important;
  }
  .xs-margin-top-small {
    margin-top: var(--wp--custom--spacing--small) !important;
  }
  .xs-padding-inline-small {
    padding-inline: var(--wp--custom--spacing--small) !important;
  }
  .xs-align-left {
    justify-content: flex-start !important;
  }
}

@media screen and (min-width: 1000px) {
  .onlysm {
    display: none !important;
  }
}

/* ==========================================================================
   WooCommerce - My Account
   ========================================================================== */

/* Navigation Menu */
.woocommerce .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.woocommerce .woocommerce-MyAccount-navigation li a {
  color: var(--wp--preset--color--dark);
  position: relative;
  display: block;
}

.woocommerce-MyAccount-navigation li.is-active a {
  font-weight: 700;
}

@media (min-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
  }
}

/* Navigation Icons */
.woocommerce .woocommerce-MyAccount-navigation li a:before {
  font-family: "icomoon" !important;
  position: absolute;
  right: 4px;
  opacity: 0.6;
  font-size: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link--dashboard
  a::before {
  content: "\e917";
}

.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link--orders
  a::before {
  content: "\e907";
}

.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link--subscriptions
  a::before {
  content: "\e90c";
}

.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link--edit-address
  a::before,
.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link--hc-address-book
  a::before {
  content: "\e918";
}

.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link--edit-account
  a::before {
  content: "\e919";
}

.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link--customer-logout
  a::before {
  content: "\e915";
}

.woocommerce-MyAccount-orders .woocommerce-button {
  background: transparent;
  color: var(--wp--preset--color--dark);
  border: 1px solid var(--wp--preset--color--dark);
  padding: 7px 10px;
  transition: all 0.3s ease;
}

.woocommerce-MyAccount-orders .woocommerce-button + .woocommerce-button {
  margin: 0 0 7px 7px;
}

.woocommerce-MyAccount-orders .woocommerce-button:hover {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--primary);
}

.no_subscriptions.woocommerce-message {
  font-size: 0.875em;
}

.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h4,
.woocommerce-MyAccount-content h5,
.woocommerce-MyAccount-content h6 {
  text-transform: none;
}
.woocommerce-MyAccount-content h1 {
  margin-top: 0 !important;
  font-size: var(--wp--preset--font-size--x-large);
}
.woocommerce-MyAccount-content h2 {
  font-size: var(--wp--preset--font-size--large);
}
.wp-block-query-pagination-numbers span,
.wp-block-query-pagination-numbers a {
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  padding: 10px;
  margin-right: 10px;
}

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  text-decoration: none;
  font-weight: bold;
}
/* ==========================================================================
   WooCommerce Blocks - Cart Totals
   ========================================================================== */

.wc-block-components-totals-item__label {
  font-size: 0.875em !important;
}

div[data-block-name="woocommerce/order-confirmation-status"] {
  margin-top: 100px !important;
}

.login-form {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}

.login-form form {
  max-width: 500px;
  margin: 0 auto;
}

.login-form .form-group--email input {
  width: 100%;
  padding: 0.75em 0;
  background-color: #fff;
  border: unset;
  border-bottom: 1px solid #000;
  color: #000;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
}

.woocommerce-button {
  color: #ffffff;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  border: 1px solid #e1221a;
  background-color: #e1221a;
  padding: 15px 25px;
  margin: 15px 0 0 0;
  outline: none;
  text-decoration: none;
}

.woocommerce-button:hover {
  cursor: pointer;
  opacity: 1;
}

.login-form #password {
  width: 100%;
}

.text-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
  text-align: center;
  margin-top: 99px;
}

@media (max-width: 992px) {
  .text-banner {
    flex-direction: column;
    padding: 0 20px;
    margin-top: 49px;
  }
}

.text-banner .banner-text {
  font-weight: 400;
}

.text-banner .small-text {
  font-size: 13px;
}

/* ==========================================================================
   Sign in with MyEMS button
   ========================================================================== */
.myems-login-form {
  margin: 0;
}

.myems-login-form p {
  margin: 0;
  padding: 0;
}

#main .myems-login-form input.button {
  margin: 0;
  width: 100%;
}

input[type="submit"].myems-login-submit {
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: unset;
  top: 0;
  left: 0;
}

input[type="submit"].myems-login-submit:hover,
input[type="submit"].myems-login-submit:focus {
  background: unset;
}

input[type="submit"].myems-login-submit:hover {
  cursor: pointer;
}

.myems-login-button {
  color: #1e293b;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.24px;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}

.myems-login-button-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 15px;
  background: #fff;
  border: 2px solid #e2e8f0;
  border-radius: 30px;
}

.myems-login-button-container:after {
  content: url("assets/myems-icon.svg");
  display: inline-block;
  line-height: 100%;
}

@media (max-width: 1480px) {
  .myems-login-button-container {
    padding: 8px 20px;
  }
}

@media (max-width: 1100px) {
  .myems-login-button {
    font-size: 0;
  }

  .myems-login-button-container {
    gap: 0;
  }
}

@media (max-width: 991px) {
  .myems-login-button-container {
    padding: 5px 10px;
  }
}

@media (max-width: 767px) {
  .myems-login-button-container {
    margin-right: 15px;
  }
}

@media (max-width: 440px) {
  .myems-login-button-container {
    margin-right: 0;
  }
}