.elementor-356 .elementor-element.elementor-element-710ab61{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-356 .elementor-element.elementor-element-710ab61.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-356 .elementor-element.elementor-element-e324036{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-356 .elementor-element.elementor-element-b12b544{--display:flex;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-356 .elementor-element.elementor-element-15bd408{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;padding:0px 0px 24px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#0016291F;}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-menu-toggle{margin:0 auto;}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:500;text-transform:uppercase;}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-d1b5be3 );fill:var( --e-global-color-d1b5be3 );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--main .elementor-item:focus{color:#00162AB0;fill:#00162AB0;}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#00162AB0;}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--dropdown a:hover,
					.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--dropdown a:focus,
					.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-d1b5be3 );}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--dropdown{border-radius:24px 24px 24px 24px;}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:24px;border-top-right-radius:24px;}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:24px;border-bottom-left-radius:24px;}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.14);}.elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-356 .elementor-element.elementor-element-15bd408 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:19px !important;}.elementor-356 .elementor-element.elementor-element-452419c{padding:4px 7px 4px 7px;border-radius:4px 4px 4px 4px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-356 .elementor-element.elementor-element-452419c.elementor-element{--align-self:flex-start;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(21px/2);}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(21px/2);}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(21px/2);}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-21px/2);}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-21px/2);}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-item:not(:last-child):after{content:"";height:12px;border-color:#0016293D;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-item > a{font-family:"Ronzino";font-size:13px;font-weight:500;line-height:15.6px;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-text{color:var( --e-global-color-d1b5be3 );transition:color 0.3s;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-d1b5be3 );}.elementor-356 .elementor-element.elementor-element-9989179{--display:flex;--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-356 .elementor-element.elementor-element-9762319{--display:flex;}.elementor-356 .elementor-element.elementor-element-7d99aa3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-356 .elementor-element.elementor-element-e324036{--justify-content:space-between;}.elementor-356 .elementor-element.elementor-element-b12b544{--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1366px) and (min-width:768px){.elementor-356 .elementor-element.elementor-element-710ab61{--width:1498px;}}@media(max-width:767px){.elementor-356 .elementor-element.elementor-element-710ab61{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-356 .elementor-element.elementor-element-e324036{--padding-top:20px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-356 .elementor-element.elementor-element-b12b544{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(18px/2);}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(18px/2);}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(18px/2);}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-18px/2);}.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-18px/2);}}/* Start custom CSS for icon-list, class: .elementor-element-452419c */.elementor-356 .elementor-element.elementor-element-452419c {
  background: rgba(0, 22, 42, 0.06);

background: color(display-p3 0 0.0857 0.16 / 0.06);

backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.elementor-356 .elementor-element.elementor-element-452419c .elementor-icon-list-items.elementor-inline-items 
.elementor-icon-list-item:last-child {
  opacity: 0.5;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-833c006 *//* Header search field for patient request appointment page */
  
.request-Regions {
   padding-top: 0px;
   padding-left: 20px;
   padding-bottom: 0px;
   width: 25%;
   float: left;
}
.request-Type {
   padding-top: 0px;
   width: 70%;
   float: right;
   padding-bottom: 0px;
}
/* three coloumn section to search.  Columnd one is clinis list/buttons, column2 Clinic hour information, column 3 patient details */
        
.request-row {
    display:block;
    padding: 10px;
    height: 980px;
}

/*Left pane.*/
.request-column1 {
    display:block;
    float: left;
    width: 20%;
    height: 980px;
    overflow: auto;
    padding: 5px;
    margin: 4px;
    overflow-x:hidden;
    background: #F3F3F3;
    overflow-y:scroll;
    border: 2px solid #333333; /* width | style | color */
    border-radius: 15px; /* Rounds all 4 corners equally */
}
/*Middle pane.*/
.request-column2 {
    display:block;
    float: left;
    width: 30%;
    height: 980px;
    overflow: auto;
    padding: 5px;
    margin: 4px;
    overflow-x:hidden;
    background: #F3F3F3;
    overflow-y:scroll;
    border: 2px solid #333333; /* width | style | color */
    border-radius: 15px; /* Rounds all 4 corners equally */
}
/*right pane.*/
.request-column {
    display:block;
    float: left;
    width: 45%;
    height: 980px;
    overflow: auto;
    padding: 5px;
    margin: 4px;
    overflow-x:hidden;
    background: #F3F3F3;
    overflow-y:scroll;
    border: 2px solid #333333; /* width | style | color */
    border-radius: 15px; /* Rounds all 4 corners equally */
}
/*
.request-form-column {
    float: none;
    padding: 5px;
}
*/
.requestappointment {
    width: 100%;
    margin: auto;
}
.request-row:after {
    content: "";
    display: table;
    clear: both;
}
.request-ClinicButton {
    font-size: 18px;
    margin: 0px;
    padding-top: 0px;
}
.request-Clinic_Button_Container {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    color: #F7F7F7;
}
.request-form {
    /*background-color: #e6f9ff;*/
    height: 980px;
}

.request-contactformlabel {
    width: 125px;
    display:inline-block;
}
.ClinicButton {
    color: #444444;
    background: #F3F3F3;
    border: 1px #DADADA solid;
    padding: 5px 10px;
    border-radius: 2px;
    font-weight: bold;
    font-size: 8pt;
    outline: none;
    width: 100%;         
    border-left: 0px; 
    border-right: 0px; 
    border-bottom: 1px;
}
.ClinicButton:hover {
    border: 1px #C6C6C6 solid;
    box-shadow: 1px 1px 1px #33afff;
    background: #33afff;
}
.ClinicButton:active {
    box-shadow: inset 1px 1px 1px #DFDFDF;
    background: #33afff
}
.ClinicButton:focus {
    background: #33afff;
}
.request-clinicName {
    font-size: 10pt;
    color: lightblue;
    font-weight: bold; /* Makes the text bold */
}
.rwd-break {
    display: none;
}
.instructionbox {
    display: none;
}  
.hoursmodalityname {
    display: block;
    background-color: #36424a;
    width: 100%;
    color: white;
    font-weight: bold;
    font-style: italic;
    text-align: center;
} 
.patient {
  display: flex;
  align-items:center ; /* Vertically centers the label and input */
  height: 50px;       /* Sets the total row height */
  gap: 10px;          /* Adds space between label and input */
}

/* ==========================================================================
   MOBILE RESPONSIVE ADJUSTMENTS (Screens <= 991px)
   ========================================================================== */
@media (max-width: 991px) {
    /* Step 1 & 2: Stack Region & Exam Type Filters */
    .request-filter {
        flex-direction: column;
        gap: 15px;
    }

    .request-Regions,
    .request-Type {
        flex: 1 1 100%;
        padding-left: 0;
    }

    /* Step 3: Stack Column Layout vertically */
    .request-row {
        flex-direction: column;
        min-height: auto;
        height: auto;
        padding: 0;
    }

    /* Convert desktop heights to manageable scroll areas */
    .request-column1,
    .request-column2 {
        height: 350px;
        flex: none;
        width: 100%;
    }

    /* Form Column expands dynamically to prevent cutting off the submit button */
    .request-column,
    .request-form {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        flex: none;
        width: 100%;
        overflow: visible !important;
    }

    /* Step 4: Convert Standard Form rows into vertical stacks */
    .patient {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        height: auto;
        gap: 5px;
        margin-bottom: 15px;
    }

    .request-contactformlabel {
        width: 100%;
        font-weight: bold;
    }

    /* Standard full-width form inputs */
    .patient input[type="email"],
    .patient input[type="tel"],
    .patient select,
    textarea {
        width: 100%;
        padding: 10px;
    }

    /* Target standard text inputs while excluding healthcard fields */
    .patient input[type="text"]:not(.inputhc) {
        width: 100%;
        padding: 10px;
    }

    /* ----------------------------------------------------------------------
       HEALTH CARD INLINE ROW FIX (4 inputs side-by-side)
       ---------------------------------------------------------------------- */
    .patient input.inputhc {
        display: inline-block;
        padding: 8px 2px;
        text-align: center;
        margin-right: 2px;
    }

    /* Side-by-side percentage sizing for 4-3-3-2 health card format */
    input.inputhc[name="healthcard1"] { width: 23%; max-width: 75px; }
    input.inputhc[name="healthcard2"] { width: 20%; max-width: 65px; }
    input.inputhc[name="healthcard3"] { width: 20%; max-width: 65px; }
    input.inputhc[name="healthcard4"] { width: 18%; max-width: 55px; }

    /* ----------------------------------------------------------------------
       SUBMIT BUTTON CONTAINER FIX
       ---------------------------------------------------------------------- */
    .request-appointment {
        width: 100% !important;
        margin-top: 25px !important;
        margin-bottom: 25px !important;
        padding-bottom: 20px !important;
        clear: both !important;
    }

    #RequestAppointmentButton {
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ronzino';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://truenorthimaging.com/wp-content/uploads/2025/09/Ronzino-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Ronzino';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://truenorthimaging.com/wp-content/uploads/2025/09/Ronzino-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Ronzino';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://truenorthimaging.com/wp-content/uploads/2025/09/Ronzino-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */