/*  =============================================================================
  PAGE BODY
  ========================================================================== */

/* GENERAL --------------------------------------------------------------------------------------------------------- */

#body-content ul {
    list-style-type: square;
}

#body-content ul > li > ul {
    list-style-type: disc;
}

/* BODY CONTENT  --------------------------------------------------------------------------------------------------------- */

#body-content {

    color: #002c54;
    font-size: 18pt;
    line-height: 19pt;
    text-align: left;
    word-wrap: break-word;

}

#body-content .content-frame img {

    border: 1px solid #ccc;
    margin: 15px;
}

#body-content p
,#body-content ul
,#body-content ol
,#body-content li
,#body-content h3
,#body-content h4 
,#body-content h5 
,#body-content h6{

    font-size: 12pt;
    line-height: 24px;
    letter-spacing: .01em;
}

#body-content p
,#body-content ul
,#body-content ol{

    margin-bottom: 30px;
    margin-top: 15px;
}

#body-content ul.ubermenu-nav{

    margin: 0px 0px;
}

#body-content h1{

    font-size: 18pt;
    line-height: 30px;
    border-bottom: 1px solid black;
  }

#body-content h2{

    font-size: 16.5pt;
    line-height: 24px;
    margin-bottom: -5px;
    margin-top: 30px;
  }

#body-content h3
,#body-content h4 
,#body-content h5 
,#body-content h6{

    font-weight: bold;
    margin-top: 15px;
    margin-bottom: -15px;
    text-decoration: underline;
  }


#body-content h4 
,#body-content h5 
,#body-content h6{

font-family: 'Muli', sans-serif;
  }

#body-content hr {
    
    border: 0;
    height: 1px;
}

  #body-content hr {

    background-color: rgba(0, 0, 0, 0.2);
  }

  .ct-main a {

    text-decoration: none;
    color:#0066cc !important; 
    font-style: italic;
    text-decoration: underline;

      /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ct-main h2 a {
    color:#002c54 !important;
    font-style: normal;
    text-decoration: none;
}

.ct-main a:hover {

    text-decoration: underline;
    color:#d5702a !important; 
}

#body-content .content-frame table {

    border: 0 none;
    text-decoration: none;
    width: 100%;
}

body.executive-staff-directory #body-content .content-frame table {

    margin-top: 15px;
}


#body-content .content-frame table tr {

}

#body-content .content-frame table tr:nth-child(odd) {

    background: transparent url("/wp-content/themes/hhsa/images/transparent-grey.png") repeat ; 
}

body.executive-staff-directory #body-content .content-frame table#Table_Director tr:nth-child(odd)  {

   background: none; 
}

body.executive-staff-directory #body-content .content-frame table td {

    vertical-align: top;
}

#body-content .content-frame table tr td
,#body-content .content-frame table tr th {

    padding: 15px 15px;
}

#body-content .content-frame table tr td h2{

    margin-bottom: -5px;
    margin-top: 15px;
  }

/* BODY CONTENT COLUMNS --------------------------------------------------------------------------------------------------------- */

.page-body-wrapper-div {

    width: 100%;
    position: relative;
    z-index: 100;
    float: left;
    padding: 50px 0px;
    padding-top: 0px;
    overflow: hidden;
}

.content-frame {

    /*margin: 30px 30px;*/
    margin: 20px 20px;
    position: relative;
}

.content-frame ul 
,.content-frame ol {

    margin-left: 30px;
}

.content-frame ul li {
    margin: 5px 5px;
}

.content-table {

    height: 100%;
    min-height: 1555px;
    width: 100%;
    position: relative;
}

/* BODY CONTENT COLUMNS --------------------------------------------------------------------------------------------------------- */

body.page .ct-col1 
,body.page .ct-col2
,body.single .ct-col1
,body.single .ct-col2
,body.error404 .ct-col1
,body.error404 .ct-col2 {

   background: transparent url("/wp-content/themes/hhsa/images/transparent-darkBlue.png") repeat !important; 
}

body.administration .ct-col1 
,body.administration .ct-col2 {
   background: transparent url("/wp-content/themes/hhsa/images/transparent-darkBlue.png") repeat !important; 
}

body.cswd .ct-col1,
body.cswd .ct-col2 {
  
    background: transparent url("/wp-content/themes/hhsa/images/transparent-lightGreen.png") repeat  !important; 
}

body.public-assistance .ct-col1,
body.public-assistance .ct-col2 {

    background: transparent url("/wp-content/themes/hhsa/images/transparent-darkGreen.png") repeat  !important; 
}

body.public-health .ct-col1
,body.public-health .ct-col2 {

    background: transparent url("/wp-content/themes/hhsa/images/transparent-lightBlue.png") repeat  !important; 
}

body.social-services .ct-col1,
body.social-services .ct-col2 {

   background: transparent url("/wp-content/themes/hhsa/images/transparent-orange.png") repeat  !important; 
}

td.td-buffer{

    width: 100%;
    height: 55px;
}

.ct-col1 {

    width: 265px;
    position: relative;
}

.ct-col2 {

    width: 76px;
}

.ct-main {
    min-height: 1555px;
    height: 100%;
    background: transparent url("/wp-content/themes/hhsa/images/transparent-white.png") repeat; 
    width: auto;
    position: relative;
    padding-bottom: 10px;
    display: block;
}

.st-col1 {

    height: 100%;
    background: transparent url("/wp-content/themes/hhsa/images/transparent-white.png") repeat; 
    width: 100%;
    position: relative;  
}

/* BREADCRUMB --------------------------------------------------------------------------------------------------------- */
.tool-bar-table {

    width: 100%;
}

.tool-bar-table .wrapper-tool-bar .content-tool-bar {

}

.tool-bar-table .wrapper-tool-bar .content-tool-bar div {

}

.tool-bar-table .wrapper-tool-bar .content-tool-bar div img {

}

.td-breadbrumb {

}

.breadcrumb {

    margin: 5px 10px;
    margin-bottom: 0px;
}

.breadcrumb ul {

    padding: 0px;
    display: inline;
}

.breadcrumb li {

    display: inline;
    margin: 0px 0px;
    font-size: 10pt !important;
}

.breadcrumb li:first-child {

    margin-left: 0px;
}

.breadcrumb li a {

    font-style: normal;
    text-decoration: none;
    margin-left: 5px;
}


.breadcrumb li.page_item:before {

    font-family: fontawesome;
    content: "\f101";
    color: #002c54;
    font-size: 10pt;
}

/* IMPORTANT BOXES --------------------------------------------------------------------------------------------------------- */

.highlight-box {

    padding: 15px;
    margin: 20px 0px;
    color: #EEE;
    /* border: 1px solid white; */
    outline: 4px solid #f6f6f6;
    outline-offset: -8px;
    box-shadow: 2px 2px 8px 3px rgba(153, 153, 153, 0.8);
}

.highlight-box ul li
, .highlight-box ol li
, .highlight-box p
, .highlight-box span 
, .highlight-box h2
, .highlight-box h3
, .highlight-box h4
, .highlight-box h5
, .highlight-box h6 {
    color: white;
}

.highlight-box h2
, .highlight-box h3
, .highlight-box h4
, .highlight-box h5
, .highlight-box h6 {
   text-decoration: none !important;
}

.highlight-box ul {
    list-style-type: none;
}

.highlight-box ul {
    list-style-type: none;
}

.highlight-box-admin {

   background: transparent url("/wp-content/themes/hhsa/images/transparent-darkBlue.png") repeat !important; 
}

.highlight-box-social {

   background: transparent url("/wp-content/themes/hhsa/images/transparent-orange.png") repeat  !important; 
}

.highlight-box-cswd {

    background: transparent url("/wp-content/themes/hhsa/images/transparent-lightGreen.png") repeat  !important; 
}

.highlight-box-pa {

    background: transparent url("/wp-content/themes/hhsa/images/transparent-darkGreen.png") repeat  !important; 
}

.highlight-box-ph {

    background: transparent url("/wp-content/themes/hhsa/images/transparent-lightBlue.png") repeat  !important; 
}

.highlight-box .call {
    color: white !important;
}

.highlight-box a {
    font-style: normal;
    color:white !important;
}


/* OTHER --------------------------------------------------------------------------------------------------------- */

span.break {
    display: block;
}

div.contact-wrapper-div > div.pf-content {
    margin-top: 20px;
}

.call {
    font-style: normal !important;    
}

body #body-content  div.contact-wrapper-div {

    width: 100%;
    height: 100%;
    position: absolute;
    padding: 5px 15px;
    top:0px;
}

body #body-content  div.contact-wrapper-div * {

    color: rgba(254, 254, 254, 0.88);;
}

body #body-content  div.contact-wrapper-div p {

    margin: 10px 10px;
}

body #body-content  div.contact-wrapper-div h2 {

    margin: 10px 0px;
    padding: 10px;
    background-color: white;
    color: #002c54;
    text-align: center;
}
body #body-content  div.contact-wrapper-div h3 {

    color: white;
    margin-bottom: 0px;
    text-decoration: none;
}

body #body-content p, #body-content ul, #body-content ol {

    margin-bottom: 15px;
}

    #body-content .contact-wrapper-div hr {
margin: 15px 0px;
    background-color: rgba(250,250,250,.5);
  }

.page-template-page-single-php div.printfriendly{
    float: right !important;
    cursor: pointer;
    background-color: #002c54;
}

body.executive-staff-directory #DD_Admin {
    display: none;
}

/*  =============================================================================
  EXTERNAL LINKS PAGE
  ========================================================================== */

.ct-main a.page-links-title {

    color: #002c54 !important;
    font-weight: bold;
    font-size: 14pt;
    line-height: 19pt;
    text-decoration: none !important;
    font-family: "Maven-Pro-Medium";
    font-style: normal;
}

#body-content .content-frame table.widefat thead tr {

    background: none;
}

.search-form-wrap {

    width: 293px;
    height: 55px;
    float: right;
}



.search-form-wrap:hover {

    background-color: #84afdc;
    -webkit-transition: background-color .1s;
    -moz-transition: background-color .1s;
    -o-transition: background-color .1s;
    transition: background-color .1s;
}

.search-form {

    font-size: 14px;
    margin: 10px;
    width: 273px;
    height: 35px;
    position: relative;
    background: white; 
}

#txtSearch {

    width:  233px;
    padding: 8px 40px 8px 15px;
    height: 100%;
    color: #333;
    background: 0 0;
    border: none;
}

#btn_filter {

    width: 40px;
    float: right;
    height: 100%;
    background-color: white;
    font-family: FontAwesome!important;
    cursor: pointer;
}

/*  =============================================================================
  TABLES
  ========================================================================== */

/* Deputy Table --------------------------------------------------------------------------------------------------------- */

table.deputy-table {

}

/*  =============================================================================
  JQUERY Toggle Subpages
  ========================================================================== */

#Show_Hide {
    cursor: pointer;
    color: #0066cc !important;
}

#Show_Hide:hover {
    text-decoration: underline;
    color: #d5702a !important;
}

ul#Toggle_Sub_Menu {
    display: none;
}

div.breadcrumb ul#Toggle_Sub_Menu li {
    display: block;
}

div.breadcrumb ul#Toggle_Sub_Menu li.page_item_has_children ul.children li {
    margin-left: 10px;
}
div.breadcrumb ul#Toggle_Sub_Menu li.page_item_has_children ul.children li:before {
    content: "-";
}