@font-face {
    font-family         : 'Hagrid';
    src                 : url('assets/fonts/hagrid/Hagrid-Text-Extrabold-trial.ttf') format('truetype');
}
@font-face {
    font-family         : 'Hagrid-reg';
    src                 : url('assets/fonts/hagrid/Hagrid-Regular-trial.ttf') format('truetype');
}
@media screen and (max-width: 1366px){
    html, body{
        font-size           : 10px !important;
    }
    .container-xxl-custom{
        --phoenix-gutter-x  : 300px !important;
        --phoenix-gutter-y  : 0;
        width               : 100%;
        padding-right       : calc(var(--phoenix-gutter-x)*.5);
        padding-left        : calc(var(--phoenix-gutter-x)*.5);
        margin-right        : auto;
        margin-left         : auto
    }
    .container-xxl-custom-banner{
        --phoenix-gutter-x  : 300px !important;
        --phoenix-gutter-y  : 0;
        width               : 100%;
        padding-left        : calc(var(--phoenix-gutter-x)*.5);
        margin-right        : auto;
        margin-left         : auto
    }
    .ln-30{
        line-height: 16px !important;
    }
}
.montserrat{
    font-family         : 'Montserrat', sans-serif;
}
.montserrat-black{
    font-family         : 'Montserrat-black', sans-serif;
}
.hagrid{
    font-family         : 'Hagrid', sans-serif;
}
.hagrid-reg{
    font-family         : 'Hagrid-reg', sans-serif;
    font-weight: 450 !important;
}
.Janetta-Silloam{
    font-family         : 'Janetta Silloam', sans-serif;
}
html, body{
    overflow-x          : hidden;
}
.h1{
    font-size           : 45px;
}
.container-xxl-custom{
    --phoenix-gutter-x  : 580px;
    --phoenix-gutter-y  : 0;
    width               : 100%;
    padding-right       : calc(var(--phoenix-gutter-x)*.5);
    padding-left        : calc(var(--phoenix-gutter-x)*.5);
    margin-right        : auto;
    margin-left         : auto
}
.container-xxl-custom-banner{
    --phoenix-gutter-x  : 580px;
    --phoenix-gutter-y  : 0;
    width               : 100%;
    padding-left        : calc(var(--phoenix-gutter-x)*.5);
    margin-right        : auto;
    margin-left         : auto
}
.border-dashed {border: 1px dashed #127241 !important;}
.bg-1{
    background-color    : #FDF1D8;
}
.text-1{
    color               : #595958;
}
.text-2{
    color               : #127241 !important;
}

.text-orange{color: #F84713;}
.border-successx{
    border-color: #127241 !important;
}
.btn{
    font-weight: 400 !important;
}
.btn-outline-2{
    border: 1px solid #127241 !important;
    border-bottom: 0 !important;
}
.text-3{
    color               : #127241;
}
.border-green{
    border-color: #127241 !important;
}
.f1{
    font-size           : 1rem !important;
}
.f2{
    font-size           : 0.875rem !important;
}
.f3{
    font-size           : 1.688rem !important;
}
.f0{
    font-size           : 2rem !important;
}
.red{
    accent-color        : red;
}
.radius-6{
    border-radius       : 16px;
}
.calendar tr td{
    height              : 50px;
    font-size           : 1.5rem !important;
}
.bg-lightgreen{
    background-color    : #e5fef1 !important;
}
.bg-yellowgreen{
    background-color: #5a9b1c;
}
.form-select-custom{
    height              : 25px;
    background-color    : white;
    border-radius       : 13px;
    box-shadow          : 0 0 0 1px rgba(121, 121, 118, 0.2) !important;
    color               : #797976;
    padding-left        : 1rem !important;
    padding-right       : 1rem !important;
}
.alert-box{
    width               : 100%;
    padding             : .4rem !important;
    box-shadow          : 0 0 0 1px rgba(121, 121, 118, 0.2);
    border-radius       : 10px;
}
.dotted-gradient-2{
    background-image    : linear-gradient(to right, transparent 40%, gray 30%);
    background-position : top;
    background-size     : 20px 1px;
    background-repeat   : repeat-x;
}
.custom-button{
    border-radius       : 50px 50px 0px 50px;
    color               : white;
    width               : 18rem !important;
}
.custom-button-dark{
    border-radius       : 50px 50px 0px 50px;
    color               : white;
    width               : 10rem !important;
    height              : 4rem !important;
}
.btn-danger:hover{
    background: #cc350a;
    color: white;
}
.btn-success:hover{
    background: #0c6337;
    color: white;
}
.btn-dark:hover{
    background: #292a2a;
    color: white;
}
.btn-danger{
    background          : #f74512;
}
.btn-danger-active{
    background          : #f74512;
}
.btn-dark{
    background          : black;
}
.btn-white{
    background          : white;
}
.btn-success{
    background          : #127241;
}
.header-1{
    font-size           : 2.75rem !important;
}
.header-2{
    font-size           : 2.5rem !important;
}
@media only screen and (max-width: 1550px) {
    .header-3{
        font-size           : 3rem !important;
    }
}
@media only screen and (max-width: 768px) {
    .header-3{
    font-size           : 2.5rem !important;
}
}

.header-5{
    font-size           : 4rem !important;
}
.header-4{
    font-size           : 2rem !important;
}
.header-0{
    font-size           : 5.2rem !important;
}
.p1{
    font-size           : .85rem !important;
}
.fw-bolder-x{
    font-weight         : 900 !important;
}
.pager{
    width               : 60px;
    height              : 5px;
    border-radius       : 2.5px;
}
.accordionx-item:last-child {
    border-bottom       : none;
}
.accordionx-header {
    padding             : 10px;
    cursor              : pointer;
}
.accordionx-content {
    display             : none;
    padding             : 10px;
}
.accordio-button{
    background          : #fedacf;
    border              : 1px solid #127241; 
}
.dotted-gradient-3{
    background-image: linear-gradient(to right, transparent 40%, gray 30%);
    background-position: center;
    background-size: 20px 2px;
    background-repeat: repeat-x;
}
.dotted-gradient-4{
    border: 1px dashed #595958;
}
.meal-plan-day-header{
    width: 10rem !important;
}
.meal-plan-day-header-details{
    width: 20rem !important;
}
.cart-header{
    width: 16rem !important;
}
.cart-header-details{
    width: 23rem !important;
}
.ln-30{
    line-height: 30px;
}
.add-to-cart-btn{
    display: block;
    width: 4rem;
    transition: width .3s;
}
.hover-effect:hover .add-to-cart-btn{
    width: 8rem;
    animation: hidden .3s forwards;
}
.add-to-cart-btn-danger{
    display: none;
    border-radius: .5rem;
}
.radius-11{
    border-radius: .5rem;
}
.hover-effect:hover .add-to-cart-btn-danger{
    display: block !important;
    animation: reveal .3s forwards;
}
.price{
    display: block;
}
.hover-effect:hover .price{
    display: none !important;
}
@keyframes hidden {
    0% {
        opacity: 1;
        display: none;
        transform: translateY(0);
    }
    2% {
        opacity: 1;
        display: none;
        transform: translateY(0);
    }
    50% {
        opacity: 0;
        display: none;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        display: none;
        transform: translateY(0);
    }
}
@keyframes reveal {
    0% {
        opacity: 0;
        width: 11rem;
        display: none;
        transform: translateY(0);
    }
    25% {
        opacity: 1;
        display: block;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        width: 12rem;
        display: block;
        transform: translateY(0);
    }
}
.product-container-x:hover{
    transition: 1s !important;
}
.zoom {
    transition: transform .2s;
}
.zoom-img {
    transition: transform .2s;
}
.zoom-img:hover{
    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari 3-8 */
    transform: scale(1.03); 
  }
  .zoom-imgx {
    transition: transform .2s;
}
.zoom-imgx:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
  }
.product-container-x:hover .zoom{
  -ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari 3-8 */
  transform: scale(1.03); 
}