/*
 Theme Name:   DetailX Child Theme
 Theme URI:    https://detailx.ancorathemes.com/
 Description:  DetailX Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com/
 Template:     detailx
 Version:      1.0.44
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  detailx
*/


/* =Theme customization starts here
------------------------------------------------------------ */

:root {
    --theme-color-bg_color: #000000 !important;
}

.no-padding {
    padding: 0 !important;
}

a.trx_addons_scroll_to_top {
    background: var(--theme-color-text_link);
}

body.home .body_wrap{
    padding-top: 0px !important;
}

.scroll-header {
    -webkit-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

.scroll-header.scrolled {
    background-color: var(--e-global-color-61c01e98) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
    position: fixed !important;
    top: 0 !important;
    width: 100%;
}

.sc_skills_counter_modern .sc_skills_total {
    font-size: 4.5em !important;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

.grecaptcha-badge {
    display: none !important;
}

.max-width-600 {
    max-width: 600px;
    margin: 0px auto;
}

.white-font-form p .wpcf7-form-control,
.white-font-form p .wpcf7-form-control:-webkit-autofill {
    color: #FFF !important;
    -webkit-text-fill-color: #FFF !important;
}

.wpcf7 form.invalid .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_error,
.wpcf7 form.unaccepted .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_error,
.trx_addons_message_box_error,
.wpcf7 form .trx_addons_message_box.wpcf7-response-output.trx_addons_message_box_success,
.wpcf7 form .trx_addons_message_box.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-response-output.trx_addons_message_box_success,
.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #FFF !important;
}

.accent_color {
    color: #e98400 !important;
}

.title-border-bottom h2 {
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(90deg, #E52910, #e98400);
    border-image-slice: 1;
    padding-bottom: 30px;
}

.accent-gradient-color h4 {
    background: linear-gradient(0deg, var(--theme-color-text_link), var(--theme-color-text_hover));
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.icon-only-buttons .sc_button_icon {
    margin-right: 0px;
}

.icon-only-buttons .sc_button_icon span {
    font-size: 125%;
}

.icon-only-buttons .sc_button {
    margin-bottom: 0;
}

.header-bg h5 {
    background: linear-gradient(90deg, #E52910, #e98400);
    padding: 10px 10px 5px 10px;
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
    font-family: var(--theme-font-button_font-family);
    font-size: var(--theme-font-button_font-size);
    font-weight: var(--theme-font-button_font-weight);
    font-style: var(--theme-font-button_font-style);
    line-height: var(--theme-font-button_line-height);
    text-decoration: var(--theme-font-button_text-decoration);
    text-transform: var(--theme-font-button_text-transform);
    letter-spacing: var(--theme-font-button_letter-spacing);
    border-radius: 0;
    padding: 16px 48px;
}

.bl-home-form textarea {
    resize: vertical;
    height: auto !important;
}

@media only screen and (max-width: 767px) {
    .second-order {
        order: 2;
    }

    .accent_color {
        white-space: normal;
    }

    .sc_layouts_row.sc_layouts_row_fixed_on.sc_layouts_row_fixed_always .custom-logo-link img,
    .sc_layouts_row.sc_layouts_row_fixed_on.sc_layouts_row_fixed_always .sc_layouts_logo img {
        max-height: 55px !important;
    }
}

@media only screen and (min-width: 1279px) {
    .max-width-75 {
        max-width: 75%;
    }
}