/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url(css/font-awesome.css);

@font-face {
    font-family: "UTM AvoBold";
    src: url('fonts/UTM-AvoBold.ttf');
}

@font-face {
    font-family: "UTM Avo";
    src: url('fonts/UTM-Avo.ttf');
}

@font-face {
    font-family: "UTM AvoBold";
    src: url('fonts/SVN-Gilroy-Black.otf');
}

@font-face {
    font-family: "SVN Gilroy Bold";
    src: url('fonts/SVN-Gilroy-Bold.otf');
}

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --color-primary: #ec202b
}

:root {
    --primary: #2F838C;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

body,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a,
.nav>li>a {
}

.AvoBold {
    font-family: "UTM AvoBold", sans-serif !important;
}

.thin-font {
    font-family: "UTM Avo", sans-serif !important;
}

.box-service {
    border-radius: 10px;
    padding: 5px;
}

.box-service::before {
    content: "";
    position: absolute;
    border-left: 2px solid #3a5cff;
    border-radius: 5px 0px;
    border-top: 2px solid #3a5cff;
    width: 55px;
    height: 30px;
    left: 0;
    top: 0;
    transition: .5s;
    -webkit-transition: .5s;
}

.box-service:after {
    content: "";
    position: absolute;
    border-right: 2px solid #3a5cff;
    border-bottom: 2px solid #3a5cff;
    border-radius: 5px 0px;
    width: 55px;
    height: 30px;
    right: 0;
    bottom: 0;
    transition: .5s;
    -webkit-transition: .5s;
}

.box-service:hover:before {
    width: 100%;
    height: 100%;
    border-left: 2px solid #3a5cff;
    border-radius: 5px;
    border-top: 2px solid #3a5cff;
}

.box-service:hover:after {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border-right: 2px solid #3a5cff;
    border-bottom: 2px solid #3a5cff;
}

.related>.row {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.related>.row .product-small.product {
    border-right: 1px solid #ddd;
}

.price {
    line-height: 1;
    font-size: 1.1rem;
    font-weight: 400;
    font-family: "UTM AvoBold", sans-serif;
}

.price del span {
    font-family: "UTM Avo", sans-serif;
}

.price span.amount {
    color: var(--color-primary);
}

.woocommerce-loop-product_title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-info .price-wrapper .price {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-short-description {
    padding: 15px;
    background: #f8f8f8;
    border-radius: 10px;
    margin-bottom: 15px;
}

@media screen and (min-width: 850px) {}

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/

}