/*
Theme Name:     Mind Mastery Authority Fortune
Theme URI:      https://dfyfortune.com/
Description:    A child theme for Divi and Mind Mastery Authority Fortune Website
Author:         Dawn Vu
Author URI:     https://dfyfortune.com/
Template:       Divi
Version:        1.0.0
*/

/* DIVI MENU CUSTOMIZATION */

  @media (max-width: 980px) {
.et_pb_menu__wrap {
  order: 0!important;
  flex: 0 1 auto!important;
  }
  
.et_pb_menu__logo-wrap, .et_pb_menu__logo {
    order: 1!important;}
  
.et_pb_menu .et_mobile_nav_menu {
  margin: 0!important;}
    
.mobile_menu_bar {
  background: var(--gcid-primary-color);
  border-radius: 50px;
  padding: 4px 5px 6px 5px}    

.mobile_menu_bar:before {
  color: #fff!important;}    
    
}

/*Menu Padding & Dropdown Width*/  
.et-menu li li a {
    padding: 15px 10px;
    width: 220px;
}

.nav li ul {
    width: auto;
  }

/*Hide the mobile submenu*/
#page-container .mobile_nav li ul.hide {
    display: none!important;
}

/*Mobile Menu Rounded Corners*/  
  .et_mobile_menu{
    border-radius: 5px;
}

/*Mobile menu items bg and position*/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}

#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
  
.et_mobile_menu li a{
    padding: 10px 5%;
    margin: 10px 0;
    border-radius: 5px!important;
}
/*Hamburger menu to X on click*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
/*Submenu Toggle Icon*/
#page-container span.menu-closed:before {
    content: "3";
    display: block;
    color: #000;
    font-size: 14px;
    font-family: ETmodules;
    transition:.3s ease;
    background:rgba(255,255,255,0.16);
    color:#fff;
    text-align: center;
    border-radius: 100px;
    width:26px;
}
#page-container span.menu-closed.menu-open:before {
    content: "3";
    transform:rotate(180deg);
    background:#fff;
    color: var(--gcid-primary-color);
}
  
/*Hamburger menu to X on click*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
/*Rotate menu icon*/
.mobile_menu_bar:before {
  transition: all .4s ease;
  transform: rotate(0deg);
  display: block;
}
  
.et_pb_menu .et-menu-nav>ul ul:after {
    content: '';
    display: block;
    position: absolute;
    left: 11%;
    top: -22px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--gcid-primary-color);
    border-left: 10px solid transparent;
    z-index: 1;
}
    
/*Entrance Animation for Dropdown Menu*/
.et-menu-nav .et-show-dropdown .sub-menu{
-webkit-animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fade-in-bottom 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/*Shadow Corner Radius and Exit Animation to Dropdown Menu*/
.et-menu-nav .sub-menu{
  box-shadow: 0px 5px 40px #000 !IMPORTANT;
  border-radius:5px;
  -webkit-animation: fade-out-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: fade-out-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/*Dropdown menu Entrance Animation*/
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/*Dropdown Menu Exit Animation*/
@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}
@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
}


/* MINI CART MENU CUSTOMIZATION */
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav>li.menu-item {
   overflow: visible!important;
}

@media only screen and (max-width: 980px) {
.cart-menu.et_pb_menu .et_pb_menu__menu {
    display: block !important;
}
	
.cart-menu .et_mobile_nav_menu {
    display: none !important;
}
}


/* WOO NOTICE MODULE */
@media (min-width: 981px) {  body #page-container .et_pb_section .et_pb_wc_cart_notice_0_tb_body .wc-forward, .et_pb_wc_cart_notice_0_tb_body button.button, .et_pb_wc_cart_notice_0_tb_body .wc-backward {
    margin-top: -7px;}
}

@media (max-width: 980px) {
.et_pb_wc_cart_notice_0_tb_body .woocommerce-message, .et_pb_wc_cart_notice_0_tb_body .woocommerce-info, .et_pb_wc_cart_notice_0_tb_body .woocommerce-error {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}

@media (max-width: 980px) {  body #page-container .et_pb_section .et_pb_wc_cart_notice_0_tb_body .wc-forward, .et_pb_wc_cart_notice_0_tb_body button.button, .et_pb_wc_cart_notice_0_tb_body .wc-backward {
    margin-top: 5px;}
}

/* MARQUEE MODULE */

.marquee-track {
  overflow: hidden !important;
  width: 100%;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.marquee-inner {
  display: flex;
  gap: 30px;
  width: max-content;
  will-change: transform;
  animation: scrollMarquee linear infinite;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.marquee-inner > * {
  flex: 0 0 auto;
}

.marquee-inner:hover {
  animation-play-state: paused !important;
}

@keyframes scrollMarquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-1 * var(--loop-distance)), 0, 0);
  }
}
  
/* Rating Bars */
.lpp-rating-bar {
  background: #DDDDDD;
  height: 20px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.lpp-rating-fill {
  background: var(--gcid-primary-color);
  height: 100%;
  border-radius: 10px;
  width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding-right: 10px;
  transition: width 1.3s ease-in-out;
}

.lpp-rating-label {
  font-weight: 600;
  color: #515151;
  margin-bottom: 3px;
  font-size: 15px;
  
}

/* Review Cards */

.review-btn {
  opacity: 0;
  transition: all 0.3s ease;
}

.review-card:hover {
  .review-btn {
    opacity: 1;
    transition: all 0.3s ease;
  }
}