/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

<style type="text/css">
    #fm-dnn-forms-4993 {
        --pp-form-radius: 22px;
        --pp-field-radius: 10px;
        --pp-border: #e2e8f0;
        --pp-navy: #045292;
        --pp-red: #ee4a52;
    }

    .plexpack-form-title-4993 {
        font-size: 34px;
        font-weight: 800;
        line-height: 1.15;
        color: #1e293b;
        text-align: left !important;
        margin: 0 0 28px !important;
        width: 100%;
    }

    #fm-dnn-forms-4993 .fm-form-wrapper {
        background-color: #f5f7fa !important;
        border-radius: var(--pp-form-radius) !important;
        padding: 50px !important;
        box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08) !important;
    }

    /* Labels and their containing cell explicitly forced left, in case centering was
       coming from a wrapper div rather than the label tag itself */
    #fm-dnn-forms-4993 label {
        font-weight: 700 !important;
        color: #1e293b !important;
        font-size: 15px !important;
        margin-bottom: 8px !important;
        display: inline-block !important;
        text-align: left !important;
        width: 100% !important;
    }
    #fm-dnn-forms-4993 .fm-form-row.row > div {
        text-align: left !important;
    }

    #fm-dnn-forms-4993 input[type="text"],
    #fm-dnn-forms-4993 input[type="email"],
    #fm-dnn-forms-4993 input[type="tel"],
    #fm-dnn-forms-4993 input[type="number"],
    #fm-dnn-forms-4993 .form-control {
        background-color: #ffffff !important;
        border: 1px solid var(--pp-border) !important;
        border-radius: var(--pp-field-radius) !important;
        padding: 14px 16px !important;
        font-size: 15px !important;
        color: #1e293b !important;
        box-shadow: none !important;
        width: 100% !important;
        transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    }

    #fm-dnn-forms-4993 select {
        background-color: #ffffff !important;
        border: 1px solid var(--pp-border) !important;
        border-radius: var(--pp-field-radius) !important;
        padding: 14px 40px 14px 16px !important;
        font-size: 15px !important;
        color: #1e293b !important;
        width: 100% !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23045292'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 14px center !important;
        background-size: 18px !important;
    }

    #fm-dnn-forms-4993 textarea {
        background-color: #ffffff !important;
        border: 1px solid var(--pp-border) !important;
        border-radius: var(--pp-field-radius) !important;
        padding: 14px 16px !important;
        font-size: 15px !important;
        color: #1e293b !important;
        min-height: 130px !important;
        resize: vertical !important;
        width: 100% !important;
    }

    #fm-dnn-forms-4993 input[type="text"]:focus,
    #fm-dnn-forms-4993 input[type="email"]:focus,
    #fm-dnn-forms-4993 input[type="tel"]:focus,
    #fm-dnn-forms-4993 input[type="number"]:focus,
    #fm-dnn-forms-4993 select:focus,
    #fm-dnn-forms-4993 textarea:focus,
    #fm-dnn-forms-4993 .form-control:focus {
        outline: none !important;
        border-color: var(--pp-navy) !important;
        box-shadow: 0 0 0 3px rgba(4, 82, 146, 0.12) !important;
    }

    #fm-dnn-forms-4993 input[type="checkbox"] {
        width: 18px !important;
        height: 18px !important;
        accent-color: var(--pp-navy) !important;
        margin-right: 8px !important;
    }

    /* Broadened to target .btn generically (most likely class on this Bootstrap-based
       form builder), in addition to the original type-based selectors, since neither
       button[type="submit"] nor .btn-primary alone caught the actual element.
       Deliberately does NOT touch `display` anywhere, since the form's own Prev/Next
       nav buttons are intentionally display:none (single-page form) and must stay that way. */
    #fm-dnn-forms-4993 .btn,
    #fm-dnn-forms-4993 button[type="submit"],
    #fm-dnn-forms-4993 input[type="submit"] {
        background-color: var(--pp-red) !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 16px 34px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: background-color 0.3s ease, transform 0.2s ease !important;
    }
    #fm-dnn-forms-4993 .btn:hover,
    #fm-dnn-forms-4993 button[type="submit"]:hover,
    #fm-dnn-forms-4993 input[type="submit"]:hover {
        background-color: #d43941 !important;
        transform: translateY(-2px) !important;
        opacity: 1 !important;
    }

    #fm-dnn-forms-4993 .fm-form-row.row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 24px !important;
        margin: 0 !important;
    }
    #fm-dnn-forms-4993 .fm-form-row.row > div {
        padding: 0 !important;
    }
    #fm-dnn-forms-4993 .fm-form-row.row > div:nth-child(-n+8) {
        flex: 0 0 calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
    }
    #fm-dnn-forms-4993 .fm-form-row.row > div:nth-child(n+9) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    @media (max-width: 640px) {
        #fm-dnn-forms-4993 .fm-form-wrapper {
            padding: 30px 22px !important;
            border-radius: 16px !important;
        }
        #fm-dnn-forms-4993 .fm-form-row.row > div:nth-child(-n+8),
        #fm-dnn-forms-4993 .fm-form-row.row > div:nth-child(n+9) {
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }
    }
</style>
<script type="text/javascript">
(function () {
    /* Inserts the <h2> title as the FIRST CHILD of .fm-form-wrapper (the visible rounded
       card), not as a sibling before the whole module — this is what puts it visually
       inside the form rather than floating above it. */
    function insertFormTitle() {
        var wrapper = document.querySelector('#fm-dnn-forms-4993 .fm-form-wrapper');
        if (!wrapper || wrapper.dataset.titleInserted) { return; }

        var title = document.createElement('h2');
        title.className = 'plexpack-form-title-4993';
        title.textContent = 'Contact Us Today';

        wrapper.insertBefore(title, wrapper.firstChild);
        wrapper.dataset.titleInserted = 'true';
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', insertFormTitle);
    } else {
        insertFormTitle();
    }

    /* Fallback: this form builder renders via Knockout.js, so the wrapper may not
       exist yet at DOMContentLoaded. Retry briefly in case of a delayed render. */
    var attempts = 0;
    var retryTimer = setInterval(function () {
        attempts++;
        insertFormTitle();
        if (document.querySelector('#fm-dnn-forms-4993 .fm-form-wrapper[data-title-inserted]') || attempts > 20) {
            clearInterval(retryTimer);
        }
    }, 250);
})();
</script>