/*
Theme Name: Glowcase Child
Theme URI: https://glowcasebc.com
Author: Glowcase
Author URI: https://glowcasebc.com
Description: Glowcase child theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/* custom: white text on primary buttons */
.page-wrapper a.porto-tb-addcart,
.page-wrapper a.porto-tb-addcart i,
.page-wrapper .porto-tb-woo-link.porto-tb-quickview,
.page-wrapper .porto-tb-woo-link.porto-tb-quickview i,
.page-wrapper .porto-tb-woo-link.porto-tb-wishlist a,
.page-wrapper .porto-tb-woo-link.porto-tb-wishlist svg {
  color: #ffffff !important;
}
.porto-tb-addcart,
.porto-tb-woo-link.porto-tb-wishlist {
  --add-to-wishlist-icon-color: #ffffff !important;
}

/* custom: white text on primary porto buttons */
.porto-btn[data-bg*="porto-primary-color"],
.porto-btn[data-bg*="porto-primary-color"] .porto-btn-text,
.porto-btn[data-bg*="porto-primary-color"] i {
  color: #ffffff !important;
}

/* custom: scroll-to-top blue */
#topcontrol {
  background-color: #193a6a !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
#topcontrol i,
#topcontrol svg {
  color: #ffffff !important;
}
#topcontrol:hover {
  background-color: #0f2646 !important;
}

/* custom: blue page scrollbar */
html.porto-custom-scroll,
.porto-custom-scroll {
  --porto-scrollbar-handle-clr: #193a6a;
}
.porto-custom-scroll::-webkit-scrollbar-thumb {
  background-color: #193a6a !important;
}
.porto-custom-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #0f2646 !important;
}
html {
  scrollbar-color: #193a6a #efefef;
}

/* custom: spread main menu items */
@media (min-width: 992px) {
  #header .custom-menu .main-menu.mega-menu {
    display: flex;
    justify-content: space-between !important;
    width: 100%;
  }
  #header .custom-menu .main-menu.mega-menu > li.menu-item {
    margin-right: 0 !important;
  }
}
