/*sp page builder screws up css in modules. this fixes buttons */
.module-button-fix {
  padding: 25px 35px;
  text-align: left;
  font-weight: 500;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #6bba6a;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #6bba6a;
}

.sp-megamenu-parent > li:hover > a {
  color: #6bba6a;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #6bba6a
}


/*sets mobile paragraph font size */
@media (max-width: 768px) { body, p { font-size: 15px !important; } }


/*fixes button font size and padding on mobile*/
@media (max-width: 768px) {
  .service-button {
    padding: 20px 20px;
    font-size: 14px !important;
  }
}

/*makes a tiny button for inside boxes*/

.service-button-mini {
  text-align: left;
  font-size: 14px !important;
  padding: 10px 15px;
}


.sp-page-title .sp-page-title-sub-heading {
  font-size: 70px;
  font-weight: 800;
}
#sp-header {
    position: absolute !important;
}
/*
.sp-page-title {margin-top: 170px !important;}
*/


.hikashop_product_page select:not(.form-control){

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

}

select:not(.form-control){
padding: 5px 30px;
}



.hikashop_product_name_main {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 43px;

}

/*hides the characteristics from showing in the product name in the product page*/
.hikashop_product_page .hikashop_product_variant_subname{
display: none;
} 


/*hides the edit product option in cart feature - defective*/

#edit_cart_product {
  display: none;
}

.mod-menu .menu-separator {
    color: #ffffff !important;
}
.mod-menu.mod-list li a {
    color: #ffffff !important;
}

.hikashop_small_cart_total_title{
color: #ffffff;
}

.hikashop_product_quantity_div input, input.hikashop_product_quantity_field {
  max-width: 60px;
}

.horizontal-list {
  display: flex; /* Enables flexbox layout for the list container */
  list-style-type: disc; /* Ensures bullets are visible (default for ul) */
  
}

.horizontal-list li {
  margin-right: 40px; /* Adds space between items */
}

/*.service-button-module {
  text-align: left;
  font-size: 14px !important;
  padding: 25px 35px;
}*/

input.form-control {
  padding: 10px 10px;
  }

/* Allows Joomla system messages to not get hidden by other elements */
#system-message-container {
top: 12%;
z-index: 99999 !important;
}

/* Adding style to the title on the Hika login screen */
.hikalogin {
font-size: 30px;
text-transform: uppercase;
padding-top: 40px;
padding-bottom: 20px;
}

/* Adding style to other titles on the Hika login screen */
.hikalogin2 {
font-size: 26px;
padding-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
}

/*Adds space above product page titles */
div#hikashop_product_right_part, div#hikashop_product_left_part {
  margin-top: 40px;
}
/*Adds space above progress bar in checkout */
.hikashop_wizardbar {
  margin-top: 10px;
}

.card_container {
  background-color: #f2f2f2;
  color: #000;
  padding: 15px 20px 15px 20px;
  border: 1px solid lightgrey;
  border-radius: 3px;
}

#offcanvas-toggler > .fa:hover {
  color: #6bba6a;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
  background-color: #6bba6a;
  color: #fff;
}

/*Improves the look of the edit address feature during checkout*/

.hika_edit {
  background-color: #e9e9e9;
}

/*removes edit product option in checkout*/

.hikashop_cart_product_name i.fa-pen, .hikashop_cart_product_name .hikashop_cart_product_edit_button {
    display: none;
}