/*
Theme Name: Astra Child
Author: 
Description: Your description goes here
Version: 1.1
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* About Page Style */

:root {
    --ast-global-color-0: #012b28 !important;
    --ast-global-color-1: #fdc700 !important;
    --ast-global-color-2: #012b28 !important;
    --ast-global-color-3: #012b28 !important;
    --ast-global-color-4: #f2f4f0 !important;
    --ast-global-color-5: #FFFFFF !important;
    --ast-global-color-6: #fceaab !important;
    --ast-global-color-7: #fdc700 !important;
    --ast-global-color-8: #ddbfa7 !important;
}


.eyebrow h6 {
    font-family: Inter;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 2px;
}

.our-value-box {
    min-height: 300px;
}

.our-value-wrapper:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/09/our-value-bg-img.svg);
    top: 10px;
    left: 0;
    width: 240px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.our-value-wrapper:after {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2025/09/our-values-bg-02.svg);
    right: 0;
    width: 319px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 279px;
}

.uagb-counter-block-suffix {
    font-size: 40px;
    font-weight: 400;
}


/* Consulting Page Style */

.img-cstm-w img {
    width: 84%;
}

.img-cstm-w-2 img {
    width: 90%;
}

.extenibility-box img {
    width: 70%;
}

.seat-cost img {
    width: 80%;
}

.text-link-line a {
    text-decoration: underline;
}

.our-value-wrapper.trust-sec::before {
    background-image: url(/wp-content/uploads/2025/09/trust-img-01.svg);
}

.our-value-wrapper.trust-sec:after {
    background-image: url(/wp-content/uploads/2025/09/trust-img-02.svg);
    width: 289px;
    top: 73px;
}



/* Responsive Style */

@media (max-width:1024px){
	.our-value-wrapper:before{
		width: 100px;
	}
	.our-value-wrapper:after {
    width: 140px;
    height: 119px;
}

}

@media (max-width:981px){
	.img-cstm-w img {
    width: 100%;
}
	.img-cstm-w-2 img {
    width: 100%;
}
	.extenibility-box img {
    width: 100%;
}
	
.seat-cost img {
    width: 100%;
}
}


@media (max-width:768px){
	.our-value-wrapper:before{
		width: 70px;
	}
	.our-value-wrapper:after {
    width: 70px !important;
    height: 70px;
}

}

@media (max-width:640px){
	.our-value-box {
    min-height: 233px;
}


}

/* Override Astra Theme Styles */
header.entry-header .post-thumb img,
.ast-single-post-featured-section.post-thumb img,
.blog .post-thumb img {
	aspect-ratio: auto !important;
}

img:is([sizes=auto i],
[sizes^="auto," i]) {
    contain-intrinsic-size: auto 150px !important;
}

.ast-scroll-to-top-right {
    right: 40px !important;
	bottom: 110px !important;
}

/**
 * EDD & Account Area Styles — imported from the previous uncannyowl.com child theme (Enfold).
 *
 * Custom styles for Easy Digital Downloads pages on uncannyowl.com: purchase history, license keys, receipts, subscriptions, profile editor, invoices, download listings, buy buttons, and pricing. Also includes shared table styles used by Help Scout Desk (#hsd_support_table) since they were originally written as one rule set.
 *
 * Extracted from the previous Enfold child theme's style.css during the theme migration.
 *
 * -------------------------------------------------------------------------------------------
 * SECTIONS
 * -------------------------------------------------------------------------------------------
 *   1. Shared table layout         Tables used across EDD & HSD (borders, padding, typography)
 *   2. Shared table responsive     Mobile stacking for purchase history and license keys tables
 *   3. Shared table overrides      !important overrides (were in a "fixes after optimization" block)
 *   4. Profile editor              Account profile form layout (two-column on desktop)
 *   5. License keys                License key input field styling and site activation form
 *   6. Invoices                    EDD Invoices addon layout
 */


/* 1. Shared table layout — #edd_user_history, #edd_sl_license_keys, #edd_purchase_receipt, #edd_subscription_receipt, #edd_purchase_receipt_products, #hsd_support_table, #edd_sl_license_upgrades, #edd_sl_license_sites */

#edd_user_history,
#edd_sl_license_keys,
#edd_purchase_receipt,
#edd_subscription_receipt,
#edd_purchase_receipt_products,
#hsd_support_table,
#edd_sl_license_upgrades,
#edd_sl_license_sites {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    line-height: 1.4;
}

#edd_user_history th,
#edd_user_history td,
#edd_sl_license_keys th,
#edd_sl_license_keys td,
#edd_purchase_receipt th,
#edd_purchase_receipt td,
#edd_subscription_receipt th,
#edd_subscription_receipt td,
#edd_purchase_receipt_products td,
#edd_purchase_receipt_products th,
#hsd_support_table th,
#hsd_support_table td,
#edd_sl_license_upgrades td,
#edd_sl_license_upgrades th,
#edd_sl_license_sites td,
#edd_sl_license_sites th {
    padding: 8px 15px;
    font-size: 15px;
    line-height: 1.5;
}

#edd_user_history th,
#edd_sl_license_keys th,
#edd_purchase_receipt th,
#edd_subscription_receipt th,
#edd_purchase_receipt_products th,
#hsd_support_table th,
#edd_sl_license_upgrades th,
#edd_sl_license_sites th {
    font-weight: 700;
}

#edd_user_history td,
#edd_sl_license_keys td,
#edd_purchase_receipt td,
#edd_subscription_receipt td,
#edd_purchase_receipt_products td,
#hsd_support_table td,
#edd_sl_license_upgrades td,
#edd_sl_license_sites td {
    color: #4e4e4e;
}

#edd_purchase_receipt tr td,
#edd_subscription_receipt tr td,
#hsd_support_table tr td,
#edd_sl_license_upgrades tr td,
#edd_sl_license_sites tr td,
#edd_user_history tr td {
    border-bottom: 1px solid #eee;
}

#edd_purchase_receipt tr:last-child td,
#edd_subscription_receipt tr:last-child td,
#hsd_support_table tr:last-child td,
#edd_sl_license_upgrades tr:last-child td,
#edd_sl_license_sites tr:last-child td,
#edd_user_history tr:last-child td {
    border-bottom: 0;
}

#edd_user_history th,
#edd_sl_license_keys th,
#edd_subscription_receipt th,
#edd_purchase_receipt_products th,
#hsd_support_table th,
#edd_sl_license_upgrades th,
#edd_sl_license_sites th {
    background: #fff;
    border-bottom: 5px solid #dcdcdc;
}


/* 2. Shared table responsive — stacks rows vertically on mobile for purchase history and license keys tables */

@media screen and (max-width: 767px) {
    #edd_user_history,
    #edd_user_history tbody,
    #edd_user_history tr,
    #edd_user_history td {
        width: 100%;
        display: block;
    }

    #edd_user_history thead {
        display: none;
    }

    #edd_user_history tr {
        padding: 5px 0;
    }

    #edd_user_history tr:not(:last-child) {
        border-bottom: 5px solid #dcdcdc;
    }

    #edd_user_history td {
        padding: 3px 15px;
        border-bottom: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    #edd_sl_license_keys,
    #edd_sl_license_keys tbody,
    #edd_sl_license_keys tr,
    #edd_sl_license_keys td {
        width: 100%;
        display: block;
    }

    #edd_sl_license_keys thead {
        display: none;
    }

    #edd_sl_license_keys tr {
        padding: 5px 0;
    }

    #edd_sl_license_keys tr:not(:last-child) {
        border-bottom: 5px solid #dcdcdc;
    }

    #edd_sl_license_keys td {
        padding: 3px 15px;
        border-bottom: 0 !important;
    }
}


/* 3. Shared table overrides — !important overrides to win specificity battles against the Enfold theme */

#edd_user_history th,
#edd_user_history td,
#edd_sl_license_keys th,
#edd_sl_license_keys td,
#edd_purchase_receipt th,
#edd_purchase_receipt td,
#edd_subscription_receipt th,
#edd_subscription_receipt td,
#edd_purchase_receipt_products td,
#edd_purchase_receipt_products th,
#edd_sl_license_upgrades td,
#edd_sl_license_upgrades th,
#edd_sl_license_sites td,
#edd_sl_license_sites th {
    padding: 8px 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

#edd_user_history th,
#edd_sl_license_keys th,
#edd_purchase_receipt th,
#edd_subscription_receipt th,
#edd_purchase_receipt_products th,
#edd_sl_license_upgrades th,
#edd_sl_license_sites th {
    font-weight: 700 !important;
}

#edd_user_history th,
#edd_sl_license_keys th,
#edd_subscription_receipt th,
#edd_purchase_receipt_products th,
#edd_sl_license_upgrades th,
#edd_sl_license_sites th {
    background: #fff !important;
    border-bottom: 5px solid #dcdcdc !important;
}


/* 4. Profile editor — #edd_profile_editor_form, two-column layout on desktop (768px+), single column on mobile */

#edd_profile_editor_form legend:first-child {
    font-weight: 700;
    font-family: "Nunito", sans-serif;
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0 10px;
}

#edd_profile_editor_form fieldset {
    margin-bottom: 15px;
}

#edd_profile_editor_form p {
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    #edd_profile_editor_form fieldset {
        width: auto;
        margin-left: -10px;
        margin-right: -10px;
    }

    #edd_profile_editor_form p {
        width: 50%;
        float: left;
        padding: 0 10px;
    }
}

#edd_profile_editor_form label {
    margin-bottom: 8px;
    margin-top: 5px;
}


/* 5. License keys — monospace styling for license key inputs, license row line-height fix, site activation form spacing */

input.edd_sl_license_key {
    background-color: #eee !important;
    border-color: #eee !important;
    box-shadow: none !important;
    font-family: Monaco, monospace !important;
    letter-spacing: 2px;
}

input.edd_sl_license_key[type="text"] {
    width: 380px !important;
}

tr.edd_sl_license_row th,
tr.edd_sl_license_row td {
    line-height: normal;
}

#edd_sl_license_add_site_form input {
    margin: 10px 0;
}


/* 6. Invoices — EDD Invoices addon, two-column float layout for invoice fields */

#edd-invoices {
    margin-top: -10px;
    margin-bottom: -10px;
}

#edd-invoices .edd-invoices-field {
    width: 100%;
    margin-bottom: 10px;
}

#edd-invoices .edd-invoices-div {
    width: 50%;
    float: left;
    margin: 0;
    padding: 10px 15px;
}

/**
 * Gravity Forms Label Styles — imported from the previous uncannyowl.com child theme (Enfold).
 *
 * Utility classes for controlling Gravity Forms label visibility on uncannyowl.com: hiding checkbox labels with .hidelabel, and accessible screen-reader-only labels with .hidden-gform-labels (restoring visibility for checkboxes and radios).
 *
 * Extracted from the previous Enfold child theme's style.css during the theme migration.
 *
 * -------------------------------------------------------------------------------------------
 * SECTIONS
 * -------------------------------------------------------------------------------------------
 *   1. Hidden checkbox labels      .hidelabel utility class to hide checkbox field labels
 *   2. Accessible hidden labels    .hidden-gform-labels with checkbox/radio label restore
 */


/* 1. Hidden checkbox labels — .hidelabel utility class to suppress labels and reduce spacing */

.hidelabel {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.hidelabel label.gfield_label {
    display: none !important;
}

.hidelabel .ginput_container.ginput_container_checkbox {
    margin-top: 0 !important;
}

.hidelabel label {
    margin-left: 0 !important;
    padding-left: 0 !important;
}


/* 2. Accessible hidden labels — .hidden-gform-labels moves labels off-screen for screen readers, restores them for checkboxes and radios */

.hidden-gform-labels label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.hidden-gform-labels .gfield_checkbox label,
.hidden-gform-labels .gfield_radio label {
    position: relative;
    left: 0;
    top: auto;
    width: auto;
    height: auto;
    overflow: auto;
}

/**
 * Help Scout Desk Styles — imported from the previous uncannyowl.com child theme (Enfold).
 *
 * Custom styles for Help Scout Desk pages on uncannyowl.com: support ticket list, individual conversation view, message form with Redactor rich text editor, and conversation thread layout. These override the HSD plugin's default Bootstrap-based styles to match the site's design.
 *
 * Extracted from the previous Enfold child theme's style.css during the theme migration.
 *
 * -------------------------------------------------------------------------------------------
 * SECTIONS
 * -------------------------------------------------------------------------------------------
 *   1. Conversation view                Status labels, thread container, panels, avatar borders
 *   2. Support table overrides          !important overrides for #hsd_support_table cells/headers
 *   3. Conversations table utilities    Mobile border fix, float/clearfix helpers, avatar, hidden first column, help text, checkbox
 *   4. Conversations table layout       Bootstrap-like table resets (base, condensed, bordered, striped, hover)
 *   5. Message form                     Form groups, labels, form-control inputs, focus/placeholder/disabled states, textarea
 *   6. Conversation header and thread   Title with quotation marks, thread panels, avatars, message body, attachments
 *   7. Conversations table responsive   Full mobile stacking for the ticket list table
 *   8. Ticket form and list             Text inputs, Redactor toolbar/editor, hidden buttons, submit, status labels, title/description
 */


/* 1. Conversation view — #hsd_support_conversation status labels, #hsd_conversation_thread container, panels, avatar borders */

#hsd_support_conversation .label {
    padding: 2px 5px;

    font-size: 14px;
    font-weight: 500;
    line-height: 1;

    border-radius: 3px;

    color: #fff;

    text-transform: capitalize;
    text-decoration: none !important;

    display: none;
}

#hsd_support_conversation .label-primary,
#hsd_support_conversation .label-default {
    background: #51c17f;
}

#hsd_support_conversation .label-success {
    background: #73808e;
}

#hsd_support_conversation .label-warning {
    background: #3c73fd;
}

#conversation_header {
    border: 0;
    margin-bottom: 0;
}

#hsd_conversation_thread {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    margin-bottom: 10px;
}

#hsd_support_conversation .panel {
    padding: 15px;
    margin: 0;
}

#hsd_support_conversation .panel:last-child {
    border-bottom: 0;
}

#hsd_support_conversation .author,
#hsd_conversation_thread .panel {
    font-size: 16px;
}

#hsd_conversation_thread .panel .panel-heading .avatar {
    border: 1px solid #dcdcdc;
}

#hsd_conversation_thread .panel .panel-heading .avatar img {
    border: 0 !important;
}

#hsd_conversation_thread .panel .panel-body {
    margin-bottom: -10px;
}

#hsd_support_conversation .panel.line_item {
    display: none;
}

/* 2. Support table overrides — !important overrides for #hsd_support_table cell padding, font-size, headers */

#hsd_support_table th,
#hsd_support_table td {
    padding: 8px 15px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

#hsd_support_table th {
    font-weight: 700 !important;
}

#hsd_support_table th {
    background: #fff !important;
    border-bottom: 5px solid #dcdcdc !important;
}

/* 3. Conversations table utilities — mobile border fix, float/clearfix helpers, avatar, hidden first column, help text, checkbox, go-back */

@media screen and (max-width: 767px) {
    #hsd_conversations_table .table > thead > tr > th,
    #hsd_conversations_table .table > tbody > tr > th,
    #hsd_conversations_table .table > tfoot > tr > th,
    #hsd_conversations_table .table > thead > tr > td,
    #hsd_conversations_table .table > tbody > tr > td,
    #hsd_conversations_table .table > tfoot > tr > td {
        border-top: 0px;
    }
}

#hsd_conversations_table .pull-right {
    float: right !important;
    clear: right !important;
}

#hsd_conversations_table .pull-left {
    float: left !important;
    clear: left !important;
}

#hsd_conversations_table .clearfix:before,
#hsd_conversations_table .clearfix:after {
    display: table;
    content: " ";
}

#hsd_conversations_table .clearfix:after {
    clear: both;
}

#hsd_conversations_table .avatar {
    max-height: 60px;
    max-width: 60px;
    border-radius: 50px;
    border: 1px solid #e0e0e0;
}

#hsd_conversations_table .panel-title {
    font-weight: 300;
}

#hsd_conversations_table thead tr th:first-child,
#hsd_conversations_table tbody tr td:first-child {
    display: none !important;
}

#hsd_message_form .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #626262;
}

#hsd_message_form .checkbox {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hsd_goback {
    display: none;
}

/* 4. Conversations table layout — Bootstrap-like table resets: base, condensed, bordered, striped, hover */

#hsd_conversations_table table {
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
}

#hsd_conversations_table td,
#hsd_conversations_table th {
    padding: 0;
    border: none;
}

#hsd_conversations_table {
    max-width: 100%;
    background-color: transparent;
}

#hsd_conversations_table th {
    text-align: left;
}

#hsd_conversations_table .table {
    width: 100%;
    margin-bottom: 20px;
}

#hsd_conversations_table .table > thead > tr > th,
#hsd_conversations_table .table > tbody > tr > th,
#hsd_conversations_table .table > tfoot > tr > th,
#hsd_conversations_table .table > thead > tr > td,
#hsd_conversations_table .table > tbody > tr > td,
#hsd_conversations_table .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#hsd_conversations_table .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#hsd_conversations_table .table > caption + thead > tr:first-child > th,
#hsd_conversations_table .table > colgroup + thead > tr:first-child > th,
#hsd_conversations_table .table > thead:first-child > tr:first-child > th,
#hsd_conversations_table .table > caption + thead > tr:first-child > td,
#hsd_conversations_table .table > colgroup + thead > tr:first-child > td,
#hsd_conversations_table .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

#hsd_conversations_table .table > tbody + tbody {
    border-top: 2px solid #ddd;
}

#hsd_conversations_table .table #hsd_conversations_table .table {
    background-color: #fff;
}

#hsd_conversations_table .table-condensed > thead > tr > th,
#hsd_conversations_table .table-condensed > tbody > tr > th,
#hsd_conversations_table .table-condensed > tfoot > tr > th,
#hsd_conversations_table .table-condensed > thead > tr > td,
#hsd_conversations_table .table-condensed > tbody > tr > td,
#hsd_conversations_table .table-condensed > tfoot > tr > td {
    padding: 5px;
}

#hsd_conversations_table .table-bordered {
    border: 1px solid #ddd;
}

#hsd_conversations_table .table-bordered > thead > tr > th,
#hsd_conversations_table .table-bordered > tbody > tr > th,
#hsd_conversations_table .table-bordered > tfoot > tr > th,
#hsd_conversations_table .table-bordered > thead > tr > td,
#hsd_conversations_table .table-bordered > tbody > tr > td,
#hsd_conversations_table .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

#hsd_conversations_table .table-bordered > thead > tr > th,
#hsd_conversations_table .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

#hsd_conversations_table .table-striped > tbody > tr:nth-child(odd) > td,
#hsd_conversations_table .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

#hsd_conversations_table .table-hover > tbody > tr:hover > td,
#hsd_conversations_table .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

#hsd_conversations_table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

#hsd_conversations_table td[class*="col-"],
#hsd_conversations_table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

/* 5. Message form — #hsd_message_form form groups, labels, form-control inputs, focus/placeholder/disabled states, textarea */

#hsd_message_form .form-group {
    margin-bottom: 15px;
}

#hsd_message_form label {
    font-size: inherit;
    font-weight: 600;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

#hsd_message_form .form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #6f6f6f;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#hsd_message_form .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);
}

#hsd_message_form .form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
}

#hsd_message_form .form-control:-ms-input-placeholder {
    color: #999999;
}

#hsd_message_form .form-control::-webkit-input-placeholder {
    color: #999999;
}

#hsd_message_form .form-control[disabled],
#hsd_message_form .form-control[readonly],
#hsd_message_form fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

#hsd_message_form textarea.form-control {
    height: auto;
}

#hsd_message_form .form-group {
    margin-bottom: 10px;
}

#hsd_message_form label {
    display: block;
    margin-bottom: 7px;
}

#hsd_message_form .redactor_editor {
    border: 1px solid #cdcdcd;
    border-top: 0;
}

/* 6. Conversation header and thread — #conversation_header title with quotation marks, #hsd_conversation_thread panel details, avatars, message body, attachments */

#conversation_header {
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 15px;
}

#conversation_header .entry-title {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 22px !important;
    font-weight: 400;
    color: #424242;
    letter-spacing: normal;
    text-transform: none;
}

#conversation_header .entry-title:before {
    content: '"';
}

#conversation_header .entry-title:after {
    content: '"';
}

#hsd_support_conversation .button.hsd_goback {
    display: none !important;
}

#hsd_support_conversation .panel-footer {
    display: none;
}

#hsd_conversation_thread .panel {
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 15px;
}

#hsd_conversation_thread .panel .panel-heading:after {
    content: "";
    display: table;
    clear: both;
}

#hsd_conversation_thread .panel .panel-heading .avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    position: relative;
}

#hsd_conversation_thread .panel .panel-heading .avatar img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
}

#hsd_conversation_thread .panel .panel-heading .panel-title {
    float: left !important;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px !important;
    margin-left: 15px;
    margin-bottom: 5px;
    font-weight: 700;
}

#hsd_conversation_thread .panel .panel-heading .panel-title time {
    font-weight: normal;
}

#hsd_conversation_thread .panel .panel-body {
    width: 100%;
    margin-top: -20px !important;
    padding-left: 60px;
    color: #4e4e4e;
    font-size: 15px;
}

#hsd_conversation_thread .attachments li.image_att img {
    float: none;
}

#hsd_conversation_thread .panel .panel-body p {
    margin-bottom: 10px;
    margin-top: 0;
}

#hsd_conversation_thread .panel .panel-body .attachments_wrap,
#hsd_conversation_thread .panel .panel-body .img_attachments_wrap {
    margin-top: 15px;
}

#hsd_conversation_thread .panel .panel-body .attachments_wrap ul.attachments,
#hsd_conversation_thread
    .panel
    .panel-body
    .img_attachments_wrap
    ul.attachments {
    list-style: none;
    margin: 0;
    padding: 5px 0;
}

/* 7. Conversations table responsive — full mobile stacking for the #hsd_conversations_table ticket list */

@media screen and (max-width: 767px) {
    #hsd_conversations_table,
    #hsd_conversations_table tbody,
    #hsd_conversations_table tr,
    #hsd_conversations_table td {
        width: 100%;
        display: block;
    }

    #hsd_conversations_table thead {
        display: none;
    }

    #hsd_conversations_table td {
        padding: 3px 15px;
        border-bottom: 0 !important;
    }
}


/* 8. Ticket form and list — text inputs, Redactor toolbar/editor, hidden unsupported buttons, submit, status labels, title/description */

#hsd_message_form input[type="text"] {
    color: #444 !important;
    font-size: 15px;
    padding: 9px 10px;
    height: auto;
    line-height: 1;
}

#hsd_message_form .redactor_toolbar {
    background: #eee;
    border: 1px solid #a3a3a3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: none;
}

/* Hide video and table buttons — their output is not supported by Help Scout */
#hsd_message_form .re-video,
#hsd_message_form .re-table {
    display: none;
}

#hsd_message_form .redactor_editor {
    border: 1px solid #a3a3a3;
    border-top: 0;

    padding: 12px 15px;
}

#hsd_message_form .redactor_editor div,
#hsd_message_form .redactor_editor p,
#hsd_message_form .redactor_editor ul,
#hsd_message_form .redactor_editor ol,
#hsd_message_form .redactor_editor table,
#hsd_message_form .redactor_editor dl,
#hsd_message_form .redactor_editor blockquote,
#hsd_message_form .redactor_editor pre {
    font-size: 15px;
}

#hsd_message_form .redactor_editor b,
#hsd_message_form .redactor_editor strong {
    color: #444;
}

#hsd_message_form #hsd_submit {
    padding: 12px 30px;
    font-size: 18px;
    line-height: 1;
}

#hsd_support_table tr[class^="status-"] .label {
    padding: 2px 5px;

    font-size: 14px;
    font-weight: 500;
    line-height: 1;

    border-radius: 3px;

    color: #fff;

    text-transform: capitalize;
    text-decoration: none !important;

    display: inline-block;
}

#hsd_support_table tr.status-primary .label {
    background: #51c17f;
}

#hsd_support_table tr.status-success .label {
    background: #73808e;
}

#hsd_support_table tr.status-warning .label {
    background: #3c73fd;
}

.uo-ticket-table__title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
}

.uo-ticket-table__title a {
    color: #444;
    text-decoration: underline;
}

.uo-ticket-table__description {
    font-size: 14px;
    color: #6b6b6b;
}

.uo-ticket-table__wait-time {
    font-size: 14px;
}