/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face{font-display:swap;font-family:SVN-WalsheimPro;font-style:normal;font-weight:100;src:url(fonts/SVN-WalsheimPro-Thin.ttf) format("truetype")}
@font-face{font-display:swap;font-family:SVN-WalsheimPro;font-style:normal;font-weight:300;src:url(fonts/SVN-WalsheimPro-Light.ttf) format("truetype")}
@font-face{font-display:swap;font-family:SVN-WalsheimPro;font-style:normal;font-weight:400;src:url(fonts/SVN-WalsheimPro-Regular.ttf) format("truetype")}
@font-face{font-display:swap;font-family:SVN-WalsheimPro;font-style:normal;font-weight:500;src:url(fonts/SVN-WalsheimPro-Medium.ttf) format("truetype")}
@font-face{font-display:swap;font-family:SVN-WalsheimPro;font-style:normal;font-weight:600;src:url(fonts/SVN-WalsheimPro-Bold.ttf) format("truetype")}
@font-face{font-display:swap;font-family:SVN-WalsheimPro;font-style:normal;font-weight:700;src:url(fonts/SVN-WalsheimPro-Bold.ttf) format("truetype")}
@font-face{font-display:swap;font-family:SVN-WalsheimPro;font-style:normal;font-weight:900;src:url(fonts/SVN-WalsheimPro-Ultrabold.ttf) format("truetype")}
.rating {
    display: inline-flex;
    position: relative;
}
.rating-md input {
    height: 1.5rem;
    width: 1.5rem;
}
.rating input {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}

.rating :where(input) {
    --tw-bg-opacity: 1;
    animation: rating-pop var(--animation-input, .25s) ease-out;
    background-color: #1f2937;
    border-radius: 0;
    cursor: pointer;
    height: 1.5rem;
    width: 1.5rem;
}
.mask {
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
:disabled {
    cursor: default;
}

.rating input {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none
}

.rating .rating-hidden {
    background-color: transparent;
    width: .5rem
}

.rating input[type=radio]:checked {
    background-image: none
}

.rating input:checked~input,.rating input[aria-checked=true]~input {
    --tw-bg-opacity: 0.2
}

.rating input:focus-visible {
    transform: translateY(-.125em);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.rating input:active:focus {
    animation: none;
    transform: translateY(-.125em)
}

@keyframes rating-pop {
    0% {
        transform: translateY(-.125em)
    }

    40% {
        transform: translateY(-.125em)
    }

    to {
        transform: translateY(0)
    }
}

.mask-star-2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='180'%3E%3Cpath fill-rule='evenodd' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z'/%3E%3C/svg%3E")
}
.bg-orange-400 {
    background-color: #fb923c;
}
.rating.rating-md input[type=checkbox],.rating.rating-md  input[type=radio] {
    display: inline;
    font-size: 16px;
    margin-right: 0px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}