/*Author: Eric Miller
    Created Date: 03/06/24
    Purpose: Organize styles into smaller branches. (Hcdc.css is massive and having small files makes it easier to track changes.)
*/


/*side bar styling with description lists ---START---------------------------------------------------------------------------------
    When a side bar has a <dl> element, we can add 'sideBarDL' class to it and all the statements below will be applied to it.*/

/*assign this class👇 to the first <dt> element if it is used as a heading and needs to be bigger font size.*/
dl.sideBarDL dt.sideBarDLHeading {
    font-size: 1.5rem;
    text-decoration: none;
    line-height: 100%;
    padding-top: .6rem;
    margin-top: .5rem;
    margin-bottom:.5rem;
    color:#ffffff;
}
dl.sideBarDL dt.sideBarDLHeading a {
    font-size: 1.5rem;
    text-decoration: none;
}

nav dl.sideBarDL {
    margin-left: 1.5rem;
}

.sideBarDL a {
    color: #ffffff;
    text-decoration: underline;
}

    .sideBarDL a:hover {
        color: #ffffff;
        text-decoration: underline;
    }

dl.sideBarDL dd {
    margin-left:0.5rem;
    margin-bottom:0.5rem;
    line-height:100%;
    font-size: 0.9rem;
}

    .sideBarDL dd address {
        margin-bottom: 0.2rem;
        font-size: .8rem;
    }

/*add this👇 class to any description list <dl> and it's <dd>'s will recieve bullets ⚫*/
dl.giveMeBullets dd {
    display: list-item;
    list-style: disc;
    margin-left: 2rem;
}
/*add this👇 class to any description list <dl> and it's <dd>'s will recieve numbered bullets (1,2, 3) */
.giveMeNumberedBullets dd {
    list-style: decimal;
    display: list-item;
    margin-left: 2rem;
}

/*more modular than the version above. Can choose individual elements inside a dl to get bullets.*/
dl.sideBarDL dd.giveMeBullets {
    display: list-item;
    list-style: disc;
    margin-left: 1.5rem;
}

dl.sideBarDL dt.sideBarDLSubHeading {
    padding-left: .25rem;
    padding-bottom: .25rem;
    font-size:1rem;
}

/*side bar styling with description lists ---END---------------------------------------------------------------------------------*/

/*add this👇 class to any container that needs to have all of it's <a> links underlined.*/
.underlineUpdate nav .sideBarDL dd a {
    text-decoration: underline;
}
.underlineUpdate a {
    text-decoration: underline;
}
/*Billing.aspx styles start-----------------*/
#ctnBilling #billing h1 a#btnPayNow {
    background-color: #0055a5;
    color: white;
    font-size: 1.5rem;
    text-decoration: none;
}
/*Billing.aspx styles end-----------------*/


/*About_us.aspx  page styles begin -------------------------------------------------------*/
@media(max-width:417px) {
    #ctnAboutUs .txtShrink {
        font-size: 1.5rem;
    }
}

/*#ctnAboutUs a {
    text-decoration: underline;
}*/

#ctnAboutUs li #mainAboutLink {
    text-decoration: none;
}
/*About_us.aspx  page styles end -------------------------------------------------------*/



/*AttorneyCommunications.aspx styles start -------------------------------------------------------*/

#divAC .txtShrink {
    font-size: 2rem;
}

/*Changed to avoid adjusting margin-left. Keeps all text aligned with header and easier to read*/
#divAC .sideBarShrink {
    /*margin: .5rem;*/
    margin-top: .5rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    line-height: 100%;
    font-size: 1rem;
}

@media(max-width:300px) {

    #divAC .txtShrink {
        font-size: 1.3rem !important;
    }

    #divAC .sideBarShrink {
        font-size: .7rem !important;
    }

    #divAC table tbody tr td {
        width: auto !important;
    }
}

#divAC nav a {
    text-decoration: underline;
}

#divAC #dvTab a {
    text-decoration: none;
}
/*AttorneyCommunications.aspx styles end -------------------------------------------------------*/



/*HCDCNews.aspx styles start -------------------------------------------------------*/
#hcdcNewsCtn legend.legendRegStyle {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: initial;
}

#hcdcNewsCtn a {
    text-decoration: underline;
}

#hcdcNewsCtn div nav a {
    text-decoration: none;
}
/*HCDCNews.aspx styles end -------------------------------------------------------*/



/*Hours_Locations.aspx styles start -------------------------------------------------------*/

#ctnHL .rightCol {
    padding-right: 3em;
}

#dcoHoursLocationsSideBar a {
    text-decoration: underline;
}

    #dcoHoursLocationsSideBar a#navTitle {
        text-decoration: none;
    }

#ctnHL a {
    text-decoration: underline;
}

/*Hours_Locations.aspx styles end -------------------------------------------------------*/

/*  Section508.aspx styles start ----------------------------------------------------------  */

#Sec508Ctn a {
    text-decoration: underline;
}

/*  Section508.aspx styles end ----------------------------------------------------------  */

/*Tours.aspx styles begin -----------------------------------------------------------------*/

#ctnTours a {
    text-decoration: underline;
}
/*Tours.aspx styles end -----------------------------------------------------------------*/

/*eFiling.aspx (civil) styles start ---------------------------------------------------------*/

/*#ciSidebar {
   max-width:375px;
   min-width:295px;
}*/

/*eFiling.aspx (civil) styles end ---------------------------------------------------------*/

/*post_judgment_info.aspx styles start -------------------------------------------------------------*/

/*use this class to style a <dt> element as if it were an <H2> element*/
.dtAsH2 {
    font-size: 1.4rem;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4rem;
    color: #000000;
    margin-bottom: 4px;
}

/*post_judgment_info.aspx styles end -------------------------------------------------------------*/

/*childsupport.aspx styles start---------------------------------------------------------------------*/

/*2 styles below added to keep page style consistent with old style when updating <header> to <h3>*/
#outerWrapper #detailContentWrapper1 #content1 #ivdWage h3.dirSectionHdr3 {
    font-size: 1.1rem;
}

#outerWrapper #detailContentWrapper1 #content1 #ivdChildSupport h3.dirSectionHdr3 {
    font-size: 1.1rem;
}

/*childsupport.aspx styles end---------------------------------------------------------------------*/