/* 
Theme Name: PPI Enhanced
Theme URI: https://brightagroup.com/
Description: Hello This is a custom Elementor Child by Brighta Group
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/** headers **/
.industries-grid .elementor-widget-icon-box .elementor-widget-container {
    display: grid;
    align-items: center;
    min-height: 95px;
    align-content: center;
}
.industries-grid .elementor-widget-icon-box .elementor-widget-container .elementor-icon-box-wrapper {
    padding: 0 20px 0px;
    height: 95px;
    position:relative;
}
.industries-grid .elementor-widget-icon-box .elementor-widget-container .elementor-icon-box-icon {
    min-width: 20px;
}
.industries-grid .elementor-widget-icon-box .elementor-widget-container .elementor-icon-box-icon a {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    padding-left: 3px;
}
#uc_ue_side_menu_elementor_e68fec5
  .uc-side-menu-wrapper.menu-left-open.menu-left-close {
  left: -20px;
}
.mega i.fas.fa-bars {
  font-size: 25px;
}
a.uc-mega_menu_title span {
  font-weight: 400;
  font-size: 15px;
}
.elementor-menu-cart__toggle.elementor-button-wrapper
  span.woocommerce-Price-amount.amount {
  display: none;
}
.elementor-menu-cart__toggle.elementor-button-wrapper
  a#elementor-menu-cart__toggle_button {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

div#uc_mega_menu_elementor_5f47a7f {
  z-index: 999;
}
.uc-mega_menu_list .uc-mega_menu_section-cover {
  top: 100% !important;
}
.uc-mega_menu_list_item:hover .uc-mega_menu_title:before,
.side-menu-holder .menu-item:hover a:before {
  content: "◆";
  position: absolute;
  left: -13px;
  font-size: 18px;
  display: grid;
  align-items: center;
  align-content: center;
  height: 100%;
  color: #f5a623;
  top: -2px;
}
.elementor-template .elementor.elementor-1121 {
    display: none;
}

@media screen and (max-width: 1024px) {
  #uc_ue_side_menu_elementor_e68fec5 .menu-left-open {
    width: 430px !important;
  }
}

@media screen and (min-width: 1201px) {
    #uc_mega_menu_elementor_5f47a7f a.uc-mega_menu_title span {
    height: 20px;
}
  .uc-mega_menu_list_item a.uc-mega_menu_title {
    height: 90px;
    position: relative;
    cursor: pointer;
  }
  a.uc-mega_menu_title span.sub-arrow i {
    font-size: 10px;
    margin-left: 5px;
  }
  .uc-mega_menu_list_item:hover .uc-mega_menu_title:after {
    content: "1";
    background: #ffa50d;
    width: 100%;
    display: block;
    font-size: 0px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99999;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }
}

@media screen and (max-width: 1200px) {
  /** action **/
  .side-menu-holder .menu-item ul.sub-menu li:hover a,
  .side-menu-holder .menu-item ul.sub-menu li a {
    padding: 2px 10px 2px 10px !important;
    border: none !important;
    font-weight: 400;
    font-size: 14px;
  }
  .side-menu-holder .menu-item ul.sub-menu li a:before {
    display: none;
  }
  .side-menu-buttons {
    display: grid !important;
    width: 90%;
    margin: 0 auto 30px !important;
  }
  .side-menu-buttons a.side-menu-button {
    display: inline-block;
    align-items: center;
    border-radius: 8px !important;
  }
  .side-menu-buttons a.side-menu-button:last-child {
    font-weight: 600 !important;
    text-align: center !important;
  }
  .side-menu-buttons a.side-menu-button:nth-child(2) {
    background: #faf7f2 !important;
    color: black !important;
    border: 1px solid #ece8e2;
    padding: 20px !important;
  }
  .side-menu-buttons a.side-menu-button:nth-child(2):hover,
  .side-menu-buttons a.side-menu-button:nth-child(1):hover {
    font-weight: 500 !important;
  }
  .side-menu-buttons a.side-menu-button:nth-child(2):after {
    content: "Stock cartons are self-serve and live behind their own door — never inside Solutions.";
    font-size: 12px;
    line-height: 1.4;
    color: #50534c;
    display: block;
    margin-top: 5px;
    font-weight: 400;
  }
  .side-menu-buttons a.side-menu-button:nth-child(1) {
    background: transparent !important;
    color: black !important;
    border-bottom: 1px solid #ece8e2;
    border-radius: 0 !important;
    padding-bottom: 30px !important;
    margin-bottom: 20px;
  }
  .side-menu-buttons .side-menu-button-icon {
    margin: 0 !important;
    margin-right: 10px !important;
    float: left;
  }
  .side-menu-buttons .side-menu-button-icon i {
    color: #ffa40d;
  }
  .side-menu-after {
    width: 90% !important;
    margin: 20px auto 0;
    border-top: 1px solid #ece8e2;
  }

  .uc-mega_menu-mobile-header {
    border-bottom: 1px solid #ece8e2;
    margin-bottom: 20px;
  }
  .uc-mega_menu_list_item a.uc-mega_menu_title {
    height: 50px;
    margin-bottom: 5px;
    transition: all 150ms ease;
    border-radius: 15px;
    border-left: 3px solid transparent;
  }
  .side-menu-holder .menu-item:hover a:before {
    left: 7px;
  }

  .side-menu-holder .menu-item:hover a,
  .side-menu-holder .menu-item:hover a.expanded {
    padding-left: 25px;
    font-weight: bold;
    border-radius: 15px !important;
    border-left: 3px solid #ffa50d !important;
    transition: all 150ms ease;
    padding: 20px 10px 20px 30px !important;
  }
  .side-menu-holder .menu-item {
    display: block;
    width: 95%;
    margin: 0 auto;
  }
  .side-menu-holder .menu-item a {
    width: 100%;
    justify-content: space-between !important;
  }
  .uc-mega_menu_list_item a.uc-mega_menu_title span.sub-arrow {
    width: fit-content;
    display: inline !important;
    align-items: center;
  }
  .uc-mega_menu_list_item a.uc-mega_menu_title span {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }
  .side-menu-holder span.uc-menu-item-pointer {
    margin: 0 !important;
  }
}

/** new homepage **/
.hide-but button.owl-prev, .hide-but button.owl-next {
    box-shadow: none;
}
.uc-icons svg g[clip-path],  .elementor-icon-list-icon svg g[clip-path] {
  clip-path: none !important;
}
.uc-mega_menu_section.uc-active_item {
    border-bottom: 1px solid #d9d5ce;
    box-shadow: 0px 8px 20px #00000012;
    border-top: 1px solid #d9d5ce;
}
.box-link-container a.ue_box_button.uc_btn {
    margin: 10px 0 0px 0 !important;
}
.box-link-container a.ue_box_button.uc_btn:hover {
    position: relative;
    top: 3px;
}
.hide-but .owl-item .uc_dark_carousel_content {
    display: grid !important;
}
.hide-but .owl-item .uc_dark_carousel_content p {
    order: 1;
}
.hide-but .owl-item .uc_dark_carousel_content a {
    order: 2;
}
.hide-but .owl-item .uc_dark_carousel_content .ue-content-bottom {
    order: 3;
    opacity: 0;
    transition: all 300ms ease-in-out;
}
.hide-but .owl-item:hover .ue-content-bottom {
    opacity: 1;
    transition: all 300ms ease-in-out;
}
.hide-but .owl-item .uc_dark_carousel_placeholder {
    border-radius: 15px;
}

.case .ue-grid-item-category a:nth-child(1) {
  display: none;
}
.case .ue-grid-item-category {
  margin-bottom: 20px;
}
.case .ue-grid-item-category a {
  padding-bottom: 0 !important;
}
.care .elementor-swiper-button,
.case .swiper-button-disabled {
  opacity: 1 !important;
}
.case .ue-grid-item-category a {
    padding-bottom: 0 !important;
    display: flex;
}
.uc_prices {
  display: flex;
  gap: 10px;
}
.uc_post_grid_style_one_button.uc_buttons a.uc_btn {
  height: 49px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 480px) {
  .br-heading br {
    display: none;
  }
  #uc_ue_side_menu_elementor_e68fec5.menu-opened .menu-item ul.sub-menu li a,
  body #uc_ue_side_menu_elementor_e68fec5.menu-opened .sub-menu .menu-item a {
    padding: 2px 0 2px 0 !important;
    border: none !important;
    font-weight: 400;
    font-size: 14px;
    background: none !important;
  }
  #uc_ue_side_menu_elementor_e68fec5 .menu-left-open {
    width: 93% !important;
  }
  #uc_ue_side_menu_elementor_e68fec5 .side-menu-holder .menu-item:hover a,
  #uc_ue_side_menu_elementor_e68fec5
    .side-menu-holder
    .menu-item:hover
    a.expanded {
    padding: 10px 10px 10px 30px !important;
  }
  .hide-but .owl-item .uc_dark_carousel_content .ue-content-bottom, .hide-but .owl-item:hover .ue-content-bottom {
    opacity: 1;
}

}

/** landing pages **/
#uc_mega_menu_elementor_5f47a7f_item4 .uc-mega_menu_section, #uc_mega_menu_elementor_5f47a7f_item5 .uc-mega_menu_section{
    background: white;
}
#uc_mega_menu_elementor_5f47a7f_item4 .uc-mega_menu_section-cover, #uc_mega_menu_elementor_5f47a7f_item5 .uc-mega_menu_section-cover{
    background: transparent;
    opacity: 0;
}

/** view ports**/
@media (min-width: 1201px) and (max-width: 1300px) {
    header.elementor-element .elementor-element-7a0c310 .elementor-element-b3b23f5 {
    width: 20%;
}
}
@media screen and (min-width:1200px) and (max-width:1780px){
 body  #uc_mega_menu_elementor_5f47a7f .uc-mega_menu_section-cover {
    width: 100% !important;
    left: 0% !important;
    position: fixed !important;
    top: 149px !important;
    height: 540px !important;
    background: #fff !important;
    right: auto !important;
    box-shadow: 0 10px 10px #00000012 !important;
    border-top: 3px solid #ddd !important;
}
 body  #uc_mega_menu_elementor_5f47a7f .uc-mega_menu_section.uc-active_item {
    box-shadow: none !important;
    margin-top: 2px !important;
    border: none !important;
}
#uc_mega_menu_elementor_5f47a7f #uc_mega_menu_elementor_5f47a7f_item3 .uc-mega_menu_section-cover {
    height: 610px !important;
}
li#uc_mega_menu_elementor_5f47a7f_item4 .uc-mega_menu_section-cover, #uc_mega_menu_elementor_5f47a7f_item5 .uc-mega_menu_section-cover{
    display:none !important;
}
header.elementor-element .elementor-element.elementor-element-7a0c310, #go2top .e-con-inner{
    width: 95%;
    max-width: 95%;
}
#go2top{
   width: 100%;
    max-width: 99%; 
}

}

@media (min-width: 1201px) and (max-width: 1479px) {
body.home {
    zoom: 0.8;
}
}

@media (min-width: 1480px) and (max-width:1705px){
body.home {
    zoom: 0.9;
}
}

@media screen and (min-width:1700px){
    body.home .e-con-inner{
    max-width: 1480px !important;
}
}

@media screen and (min-width:1024px){
.solutions-sec .uc_content .uc_more_btn {
    display: none !important;
}
}