/*
Theme Name: Backlink Template
Theme URI: https: //backlink.com
Author: Backlink
Author URI: https://backlink.com
Description: Lưu trữ backlink
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: backlink
Tags: Backlink
*/

/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
@font-face {
    font-family: 'sf-pro-text_regular';
    src: url('fonts/sf-pro-text_regular.woff2') format('woff2');

}

@font-face {
    font-family: 'sf-pro-display_bold';
    src: url('fonts/sf-pro-display_bold.woff2') format('woff2');

}


body {
    font-family: "sf-pro-text_regular";
    font-weight: 400;
    font-style: normal;
}

form#searchForm button {
    width: 100%;
    padding: 12px;
    text-transform: uppercase;
    background: rgb(233, 30, 99);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    border: unset;
}

body h1 {
    text-align: center;
    font-family: "sf-pro-display_bold";
    text-transform: uppercase;
    font-weight: bold;
    color: #e91e63;
}

input#biensoxe {
    padding: 13px 20px;
    font-size: 20px;
}

h2.h2_home {
    font-size: 17px;
    text-align: center;
}

form#searchForm {
    margin: 40px 0px;
}

span.badge.text-danger {
    padding: 10px;
    color: #0d6efd !important;
    border: solid 1px #0d6efd !important;
    text-transform: uppercase;
}

div#searchResult .form-group {
    padding: 5px 0px;
    font-size: 17px;
    border-bottom: solid 1px #eee;
}

span.badge.text-danger.chuaxuphat {
    color: #f00 !important;
    border: solid 1px #f00 !important;
}

span.badge.text-danger.daxuphat {
    color: #0d6efd !important;
    border: solid 1px #0d6efd !important;
}

div#searchResult hr {
    color: #fff;
    height: 25px;
    background: #000;
}

.main_bg {
    background: unset;
    color: rgb(233, 30, 99);
    border-color: rgb(233, 30, 99);
    font-size: 20px;
}

.page-template-default div#searchResult h2 {
    font-size: 30px;
    text-align: unset;
    font-weight: bold;
}

ul.main-menu-class li {
    list-style-type: none;
    margin: 0px;
    padding: 10px;
    margin-bottom: 10px;
}

ul.main-menu-class {
    margin: 0px;
    padding: 0px;
}

ul.main-menu-class li a {
    background: rgb(233, 30, 99);
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    text-decoration: unset;
}

ul.main-menu-class li a:hover {
    background: #0d6efd;
}

label.form-label {
    font-size: 14px;
    font-style: italic;
}

.appstore img {
    height: 55px;
    object-fit: contain;
}

.container.pttt.mt-4 {
    padding-top: 55px;
}

div#searchResult img {
    margin: 15px 0px;
}

.appstore.flex.text-center {
    margin-bottom: 50px;
}
td a {
    color: #e91e63;
    text-decoration: unset;
}
i.fa-solid.fa-circle-check {
    color: #e91e63;
    padding-right: 10px;
}
a.btn_project {
    margin-right: 20px;
}
a.paginate_button {
    background: #ede2e6 !important;
    color: #fff !important;
}
div#profile_list_info, div#backlink_list_info {
    font-size: 13px;
}
.copyText i {
    position: absolute;
    right: 20px;
    top: 42px;
    cursor: pointer;
    z-index: 999;
}

.copyText {
    position: relative;
}
i.fa-solid.fa-copy {
    cursor: pointer;
}
.content_fix {
    padding: 10px;
    background: #eee;
    border-radius: 5px;
    max-height: 400px;
    overflow: auto;
}


.rating td {
    cursor: pointer;
    font-size: 24px;
}

.rating .fa-star {
    color: #ccc;
}

.rating .fa-star.hover,
.rating .fa-star.selected {
    color: #f5b301;
}
.media.mb-3.border-bottom.align-self-center.align-content-end.d-flex.align-items-center {
    border: solid 1px #eee;
}
.vote_comment .active {
    color: #f5b301;
}
.vote_comment i {
    color: #ccc;
}
button.dt-button.buttons-excel.buttons-html5 {
    background: #0d6efd;
    color: #fff;
    border-radius: 5px;
    padding: 5px 25px;
    border: unset;
}
.w3-light-grey,
.w3-hover-light-grey:hover,
.w3-light-gray,
.w3-hover-light-gray:hover {
    color: #000 !important;
    background-color: #f1f1f1 !important;
}
.w3-blue,
.w3-hover-blue:hover {
    color: #fff !important;
    background-color: #2196F3 !important;
    text-indent: 6px;
}
.flex.custom_flex {
    display: flex;
}
input.input_number {
    border: unset;
    padding: 5px;
    background: #e9e8e8;
    max-width: 97px;
    text-align: center;
}
input#update_backlink_new {
    width: 100%;
    text-align: center;
    border: unset;
}
.label_custom {
    background: #e91e63;
    padding: 2px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}
.label_class-1 {
    background: #0d6efd;
}
.label_class-4 {
    background: #f50;
}
.label_class-5 {
    background: #89d48c;
}
.label_class-6 {
    background: #417176;
}
.label_class-3 {
    background: #ccc;
}
textarea#update_description {
    width: 100%;
    border: dotted 2px #eee;
    padding: 10px;
}
#autolink .modal-body {
    height: 600px;
    overflow: auto;
}
#autolink .modal-content {
    width: 840px;
}
@media only screen and (max-width: 48em) {
    .appstore img {
        height: 35px;
        object-fit: contain;
    }

    body h1 {
        text-align: center;
        font-family: "sf-pro-display_bold";
        text-transform: uppercase;
        font-weight: bold;
        color: #e91e63;
        font-size: 24px;
    }

    h2.h2_home {
        font-size: 16px;
        text-align: center;
    }

    label.control-label.col-md-3.text-right {
        width: 35% !important;
    }

    .form-group .col-md-9 {
        width: 65%;
    }

    .form-group .row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
    }

}