/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2025 | 16:33:46 */
/* =================================== */
/* Media Query Breakpoints */
/* =================================== */

@mixin bp($point) {
  @if $point == papa-bear {
    @media (max-width: 1600px) { @content; }
  }

  @else if $point == mama-bear {
    @media (max-width: 1250px) { @content; }
  }

    @else if $point == aunty-bear {
    @media (max-width: 1200px) { @content; }
  }

  @else if $point == sister-bear {
    @media (max-width: 990px) { @content; }
  }

  @else if $point == baby-bear {
    @media (max-width: 600px)  { @content; }
  }
}


/* =============================================== */
/* [ START ] [ BRANDING ] Aliv Color Palette */
/* =============================================== */

$aliv-purple: #645D9C;
$aliv-yellow: #FFC627;
$aliv-red: #FB3449;
$aliv-blue: #00B3E3;
$aliv-orange: #FF6C36;
$aliv-green: #00C4B3;
$aliv-pink: #FF9BB1;
$aliv-black: #000000;


@include bp(baby-bear) { 
  
  .aliv-column, .aliv-block-row {
  
  .vc_column-inner {
	padding:0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
   }

}
  
  
  
  .aliv-block-row.vc_row .vc_column_container > .vc_column-inner .vc_column-inner {
  padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  
  .aliv-column.phones {
    
      .flexslider .slides img {
        
        height: 250px;
        width: auto !important;
        margin-right: 0 !important;
        margin: 0 auto !important;
  
  }
  
  }
  
  
  .aliv-column.plans {
  
    .aliv-ticker.hide-on-mobile {
    display:none !important;
    }
    
  }



}

.hide-desktop-show-mobile {
  display:none !important;
  
  @include bp(baby-bear) { 
  display:block !important;
  }
  
}


.show-desktop-hide-mobile {
  
  @include bp(baby-bear) { 
  display:none !important;
  }
  
}






/* =================================== */
/* STORE STYLE MODIFICATIONS */
/* =================================== */

/* Remove the padding on the phones row from mobile */

@include bp(baby-bear) { 
  
  .aliv-phones-row {

    .vc_column-inner {
      padding-left:0 !important;
      padding-right:0 !important;
    }

  }
  
}





/* =================================== */
/* TAB STYLES MODIFICATIONS */
/* =================================== */




@include bp(baby-bear) { 
  

  	.vc_tta-title-text {
      &.purple {color: $aliv-pink}
      &.yellow {color: $aliv-yellow}
      &.red {color: $aliv-red}
      &.blue {color: $aliv-blue}
      &.orange {color: $aliv-orange}
      &.green {color: $aliv-green}
      &.pink {color: $aliv-pink}
      &.black {color: $aliv-black}
     }
  
  thead tr {
    border-right: 1px solid;
    margin-right: 15px;
    padding-right: 5px;
  }
  
  
  .vc_tta-panel-heading {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
  }
  
  .vc_tta-panel-body {
	border:none !important;
  }
}




@include bp(sister-bear) {

  .vc_tta-title-text {
      &.purple {color: $aliv-pink}
      &.yellow {color: $aliv-yellow}
      &.red {color: $aliv-red}
      &.blue {color: $aliv-blue}
      &.orange {color: $aliv-orange}
      &.green {color: $aliv-green}
      &.pink {color: $aliv-pink}
      &.black {color: $aliv-black}
     }
  
  thead tr {
    border-right: 1px solid #e3e3e3 !important;
    margin-right: 15px !important;
    padding-right: 5px !important;
  }
  

  .vc_tta-panel-heading {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0 !important;
  }
  
  .vc_tta-panel-body {
	border:none !important;
  }

}

/* Reverse Column Order of Product Images and its text*/


.reverse-column-order-mobile {
  
  &.vc_row { display:flex;}

  @media only screen and (max-width: 767px) {
    &.vc_row { flex-direction:column-reverse; }
  }


}


@include bp(baby-bear) { 
  
  #masthead .aliv-mobile-menu > li > a, #masthead .aliv-mobile-menu p {
    
    color:white !important;
  
  }

}


#mega-menu-wrap > ul.aliv-mobile-menu > li {
  
  display:block;
  width:100%;

  a {
    font-size: 22px;
  }
  
  .sub-nav.open .sub-menu {
    
    width: 100%;
    font-size: 16px;
  
  }
  
  &.has-submenu:after {
    
    content: '\00FF0B' !important;
    font-size:16px !important;
    right: 15px !important;
    opacity: 1 !important;
    color: white !important;
    
  
  }

}