/*
Theme Name: Xenius theme
Theme URI:
Author: Ruben Perrewé
Author URI:
Description:
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xenius
Tags:Light, red, grey

*/

@font-face {
    font-display: swap;
    font-family: "Inter";
    src: url("./fonts/Inter/Inter-Regular.woff2") format("woff2"),
    url("./fonts/Inter/Inter-Regular.woff") format("woff"),
    url("./fonts/Inter/Inter.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*noinspection CssMissingComma*/
html[data-lf-wp]
body
.search-domain-wrapper
.search-domain-table-one-row
.search-domain-table-one-col
.domain-title:before {
    height: 15px;
    width: 15px;
}

html[data-lf-wp] body .webhosting-package-inner-wrapper .packages-wrapper-list {
    flex-flow: wrap;
    justify-content: space-around !important;
}

/*noinspection CssMissingComma*/
html[data-lf-wp]
body
.search-domain-wrapper
.search-domain-table-one-row
.search-domain-table-one-col
.domain-title:after {
    font-size: 16px;
    top: -1px;
    left: 4px;
}

html[data-lf-wp] body .search-domain-wrapper .search-domain-bottom-link {
    margin-top: 25px;
    display: block !important;
}

/*noinspection CssMissingComma*/
html[data-lf-wp]
body
.search-domain-wrapper
.search-domain-bottom-link.disable
a {
    background-color: #616a71;
    border-color: #616a71;
    pointer-events: none;
}

html[data-lf-wp] body .search-domain-wrapper .search-table-links-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

html[data-lf-wp] .style-text ol li {
    font-family: "Raleway", sans-serif;
    line-height: 1.7;
    color: #616a71;
    position: relative;
}

.price-wrapper {
    padding-top: 5px;
}

.price-wrapper span.price {
    font-size: 20px;
    line-height: 28px;
    font-family: "SFpro-Heavy", sans-serif;
    color: var(--red);
}

.price-wrapper span.label {
    font-size: 15px;
    font-family: "SFpro-Bold", sans-serif;
    color: var(--dark-grey);
    line-height: 18px;
}

@media (max-width: 991px) {
    /*noinspection CssMissingComma*/
    html[data-lf-wp]
    body
    .search-domain-wrapper
    .search-domain-table-one-row
    .search-domain-table-one-col
    .domain-title:after {
        top: -1px;
        left: 4px;
        bottom: auto;
    }
}

@media (max-width: 500px) {
    html[data-lf-wp] body .search-domain-wrapper .search-table-links-wrapper {
        justify-content: center;
        flex-direction: column;
    }
}