/* custom css */
@media only screen and (max-width: 800px){p{font-size : 20px;}}@media screen and (max-width: 3000px) and (min-width: 799px){
  #desktop{display : inline;}.desktop{display : inline;}#mobile{display : none;}.mobile{display : none;}}@media only screen and (max-width: 767px){#desktop{display : none;}.desktop{display : none;}#mobile{display : inline;}.mobile{display : inline;}}

/* 
  CSS: For most of the phones 
  812px - for iphone x
*/

.w3-container, #printing_area  {padding-left:25px;}

@media only screen and (pointer: coarse) and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
} 
.pups{background-image:url("/images/bk/rand/animals/pups.png");}
  .under{text-decoration : underline;}.nounder a{text-decoration : none;}.fa-facebook-square:hover{color: #e9d4a5;}.fa-youtube-square:hover{color: #e9d4a5;}.fa-flag:hover{color: red;}.main-content{background-color: #fff; border: 2px solid #c5c5c5; border-radius: 25px;}.variable-size{font-size:18px;}@media (min-width:600px){.variable-size{font-size:calc( 15px + ( 32 - 15 ) * ( 100vw - 600px ) / ( 1440 - 600 ) );}}@media (min-width:1440px){.variable-size{font-size:32px;}}/*=====print for screen settings=====*/#print{display: visible;}.noscreenview{display: none;}.cryptedmail:after{content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);}#components{width:auto; margin: 15px; padding: 15px; /* width: 280px; */ background-color: #fff; border: 2px solid #c5c5c5; border-radius: 25px;}/* topnav */ .content{padding: 16px;}.sticky{position: fixed; top: 0; width: 100%;}.sticky + .content{padding-top: 60px;}.sticky{position: fixed; top: 0; width: 100%;}.topnav{overflow: hidden; background-color: #454545;}.topnav a{float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;}.active{background-color: #0e683f; color: white;}.topnav .icon{display: none;}.dropdown{float: left; overflow: hidden;}.dropdown .dropbtn{font-size: 17px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0;}.dropdown-content{display: none; position: absolute; background-color: #fff; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}.dropdown-content a{float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}.topnav a:hover, .dropdown:hover .dropbtn{background-color: #555; color: white;}.dropdown-content a:hover{background-color: #ddd; color: black;}.dropdown:hover .dropdown-content{display: block;}@media screen and (max-width: 600px){.topnav a:not(:first-child), .dropdown .dropbtn{display: none;}.topnav a.icon{float: right; display: block;}}@media screen and (max-width: 600px){.topnav.responsive{position: relative;}.topnav.responsive .icon{position: absolute; right: 0; top: 0;}.topnav.responsive a{float: none; display: block; text-align: left;}.topnav.responsive .dropdown{float: none;}.topnav.responsive .dropdown-content{position: relative;}.topnav.responsive .dropdown .dropbtn{display: block; width: 100%; text-align: left;}}.w3-example{background-color:#f1f1f1; padding:10px; margin-top: 25px; border:1px solid #b2b0b0; border-style: dashed;}

.usa-hero2,.usa-icon-list__content>ol,.usa-icon-list__content>p,.usa-icon-list__content>ul{font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-size:1.06rem}.usa-hero2{line-height:1.5;padding-bottom:2rem;padding-top:2rem;background-image:url("/images/bk/1.png");background-position:center;background-size:cover;color:#fff;}.usa-hero2__callout{background-color:#162e51;padding:2rem}@media all and (min-width:40em){.usa-hero2__callout{max-width:20rem}}.usa-hero2__heading{margin-bottom:0;margin-top:0;clear:both;font-family:Merriweather Web,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.71rem;font-weight:700;color:#00bde3;line-height:1.2}*+.usa-hero2__heading{margin-top:1.5em}.usa-hero2__heading+*{margin-top:1em}.usa-hero2__heading--alt{color:#fff;display:block}

@keyframes filling{from{background-position: center 25%;}to{background-position: center 50%;}}.container-text{-webkit-text-fill-color: transparent; -webkit-background-clip: text; color: #ffffff; padding-top: 10px; font-size: 32px; font-weight:600; font-family: "PublicSans-ExtraBold"; animation: filling 3s ease forwards;}.container-text-areas{height: 107px;}.example{padding: 20px; color: white;}/* small */ @media only screen and (max-width: 800px){.example{background: black;}}/* Extra large */ @media only screen and (min-width: 801px){.example{background: violet;}}/* Top BK on Mobile change to white bckground - Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px){.mobile-bk-white{background: white;}}/* Top BK on Desktop change to cream bckground - other devices (portrait tablets and large phones,, and desktops, 600px and up) */*{box-sizing: border-box;}.dropdown__title{background-color: transparent; border: none; font-family: inherit;}nav{background-color: #454545; padding: 0 1rem; position: sticky; top: 0; display: grid; place-items: center;}nav > ul{grid-auto-flow: column;}nav > ul > li{margin: 0 0.5rem;}nav > ul > li a, nav > ul > li .dropdown__title{text-decoration: none; text-align: center; display: inline-block; color: #fff; font-size: 125%; font-weight:bold;}nav > ul > li a:focus, nav > ul > li .dropdown__title:focus{outline: none;}nav > ul > li > a, nav > ul > li .dropdown__title{padding: 1rem 0.5rem; border-top: 3px solid transparent; transition: 280ms all 120ms ease-out;}nav > ul > li > a:hover, nav > ul > li > a:focus, nav > ul > li .dropdown__title:hover, nav > ul > li .dropdown__title:focus{border-top-color: #e9dab8; color: #e9d4a5;}nav ul{list-style: none; margin: 0; padding: 0; display: grid;}nav ul li{padding: 0;}.drop1down{position: relative;}.drop1down .dropdown__title{display: inline-flex; align-items: center;}.drop1down .dropdown__title:after{content: ""; border: 0.35rem solid transparent; border-top-color: rgba(255, 255, 255, 0.45); margin-left: 0.25em; transform: translateY(0.15em);}.drop1down .dropdown__menu{position: absolute; min-width: 15ch; left: 50%; top: calc(100% - 0.25rem); transition: 280ms all 120ms ease-out; transform: rotateX(-90deg) translateX(-50%); transform-origin: top center; visibility: hidden; opacity: 0.3; padding: 0.5em 0; background-color: #fff; border-radius: 4px; box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.25);}.drop1down .dropdown__menu a{color: #0e683f; display: block; padding: 0.5em; opacity: 0; transition: 280ms all 120ms ease-out;}.drop1down .dropdown__menu a:hover{background-color: rgba(36, 145, 255, 0.15);}.drop1down .dropdown__menu a:focus{outline: none; background-color: rgba(36, 145, 255, 0.25);}.drop1down:after{content: ""; border: 0.5rem solid transparent; border-bottom-color: #fff; position: absolute; top: calc(100% - 1.25rem); left: 50%; transform: translateX(-50%); transition: 280ms all 120ms ease-out; opacity: 0; will-change: opacity;}.drop1down:hover .dropdown__title, .drop1down:focus-within .dropdown__title{border-top-color: #e9d4a5;}.drop1down:hover .dropdown__menu, .drop1down:focus-within .dropdown__menu{opacity: 1; transform: rotateX(0) translateX(-50%); visibility: visible;}.drop1down:hover .dropdown__menu a, .drop1down:focus-within .dropdown__menu a{opacity: 1;}.drop1down:hover:after, .drop1down:focus-within:after{opacity: 1;}main{padding: 1rem; max-width: 80ch; margin: 0 auto;}main:focus{outline: none;}


.dropdown__title{padding:0 20px 0 20px; margin:0 30px 0 30px;}.usa-collection__heading > span{font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size: 1.13rem; font-weight: 400; line-height: 1.3; margin-bottom: 0; margin-top: 0;}.is-current{z-index: -289;}.clearfix::after{content: ""; clear: both; margin-top:25px; display: table;}ul.square{list-style-type: square; display : block; line-height: 110%; margin-right: 7px; margin-left: 35px; padding: 3px; padding-left: 5px; text-decoration : none; font-weight : normal;}ul.squareg{list-style-type: square; display : block; line-height: 110%; margin-right: 7px; margin-left: 35px; padding: 3px; padding-left: 5px; color : #0e683f; text-decoration : none; font-weight : normal;}

    #sh-titles h3{padding-bottom:13px;color:#0e683f;border-bottom-style:solid;border-color:#e9d4a5;}#sh-titles h2{padding-bottom:13px;color:#0e683f;border-bottom-style:solid;border-color:#e9d4a5;}.sh-titles, h2{padding-bottom:13px;color:#0e683f;border-bottom-style:solid;border-color:#e9d4a5;}.head-ti{padding-bottom:13px;color:#0e683f;border-bottom-style:solid;border-color:#e9d4a5;}#all-docs-pg .doc-titles, h3{font-weight:bold;padding-bottom:8px;color:#0e683f;border-bottom-style:solid;border-color:#757575;}.lower-ti, h4{font-size:80%;padding-bottom:13px;color:#005ea2;border-bottom-style:solid;border-color:#a0a0a0;border-width: thin;}.non{color:#005ea2;font-weight:bold;}.white{color: #fff;}.cream{color: #e9d4a5;}.ltcream{color: #e9dab8;}.green{color: #0e683f;}.blue{color: #005ea2;}.ltblue{color: #2491ff;}.dkgray{color: #454545;}.ltgray{color: #757575;}.greenbg{background-color: #0e683f;}.bluebg{background-color: #005ea2;}.ltbluebg{background-color: #2491ff;}.creambg{background-color: #e9d4a5;}.ltcreambg{background-color: #e9dab8;}.dkgraybg{background-color: #454545;}.ltgraybg{background-color: #757575;}.gray{color: #757575;}

/* main body links */
a.under-g:link{text-decoration: underline; color: #0e683f;}
a.under-g:visited{text-decoration: underline; color: #474747;}
a.under-g:hover{text-decoration: underline; color: #2491ff;}

a.under-b:link{text-decoration:underline;color:#005ea2;}
a.under-b:visited{text-decoration:underline;color:#474747;}
a.under-b:hover{text-decoration:underline;color:#2491ff;}

a.under:visited{text-decoration:underline;color:#3d3d3d;}

a.under-black:link{text-decoration:underline;color:#000;}
a.under-black:visited{text-decoration:underline;color:#000;}
a.under-black:hover{text-decoration:underline;color:#000;}

.img-frame{display:block; background:transparent; padding:8px 8px 8px 8px; border:1px solid #ccc; box-shadow:0 2px 10px -5px #000; margin:8px 8px 8px 0;}/* Vacancies Notice====================================*/.large-notice{font-size: 80%; background-color: #fafafa; border: 1px solid #ddd; padding: 18px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);}

.large-notice h2{margin-bottom: 10px;}p.large-notice{font-size: 80%; color: #707070;}.fl-right-banner{float: right; margin-bottom: 35px;}p.txt90{font-size: 90%;}p.txt80{font-size: 80%;}.txt85{font-size: 85%;}.txt90{font-size: 90%;}.txt75{font-size: 75%;}.txt70{font-size: 70%;}p.txt70{font-size: 70%;}.staff-mail {font-size: 75%;color:#626262;}
/*===================================================================*/
/* fluidtext======================================================================*/
.fluidtext-sm{/* font-size: 100%; */ font-weight: 100; line-height: 1.5;}@media (max-width: 900px){.fluidtext-sm{font-size: 20px;}}@media (max-width: 500px){.fluidtext-sm{font-size: 16px;}}ul.fluidtext-sm li{font-size: 80%; font-weight: 100; line-height: 1.5;}@media (max-width: 900px){ul.fluidtext-sm li{font-size: 20px;}}@media (max-width: 500px){ul.fluidtext-sm li{font-size: 16px;}}.sidepanel{width: 0; position: fixed; z-index: 1; height: 650px; top: 0; left: 0; background-color: #454545; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}.sidepanel a{padding: 8px 8px 8px 32px; text-decoration: none; font-size: 20px; color: #CDCDCD; display: block; transition: 0.3s;}.sidepanel a:hover{color: #ffffff;}.sidepanel .closebtn{position: absolute; top: 0; right: 25px; font-size: 36px;}.openbtn{float:right; font-size: 20px; cursor: pointer; background-color: #454545; color: white; padding: 10px 15px; border: none;}.openbtn:hover{background-color:#444;}

   /* for responsive videos */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* Main Top Menu */
.drop1down {
  font-size: 14px;
}
#dpw-roads-bk{
  background-image:url('/images/bk/dpw-roads-bk.jpg');
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  color:#fff;
  font-size:180%;
  font-weight:700;
  line-height:125%;
  padding:25px;
  }
 /* Google Calendar iFrame */  
  .calendar-container {
    position: relative;
    padding-bottom: 75%; /* Adjust this value based on your calendar's aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%; /* Ensure the calendar doesn't overflow its container */
  }
  .calendar-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* Remove the default iframe border */
  }
/* USING THESE FOR EASE OF SEASONS UPDATES SEE DIRECTIONS */
  #CUSTOM-web-top{
    background-image:url('/images/bk/CUSTOM-index-web-top-fall.jpg');
    background-position: left top;
    background-size:cover;
    background-repeat:no-repeat;
     min-height:250px;
     margin: 0 auto;
     max-height: 270px;
     max-width: 2700px;
  }

  @media only screen and (pointer: coarse) and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
    #CUSTOM-web-top{
      background-image:url('/images/bk/CUSTOM-index-web-top-fall.jpg');
      background-position: left top;
      background-size:cover;
      background-repeat:no-repeat;
      background-color:#edf6fc; /* UPDATE THIS COLOR TO MATCH  - header-full-page-top-index.php*/
      min-height:250px;
      margin: 0 auto;
      max-height: 260px;
      max-width: 2600px;
     }
    }

    #CUSTOM-web-top-2{
      background-image:url('/images/bk/CUSTOM-index-web-top-fall.jpg');
      background-position: left top;
      background-size:cover;
      background-repeat:no-repeat;
       min-height:210px;
       margin: 0 auto;
       max-height: 250px;
       max-width: 2700px;
    }
  #CUSTOM-web-top-other{
      background:url('/images/bk/CUSTOM-ALL-OTHER-PGS-fall.jpg') no-repeat center center/cover;
      background-color:#edf6fc; /* UPDATE THIS COLOR TO MATCH  - header-full-page-top-index.php*/
       min-height:250px;
       margin: 0 auto;
       max-height: 250px;
       max-width: 2700px;
    }
    /* USING THIS FOR THE PFA TREE SECTION */
#CUSTOM-web-top-other-pfas{
  background-image:url('/images/bk/CUSTOM-ALL-pfa.jpg');
  background-position: left top;
  background-size:cover;
  background-repeat:no-repeat;
   min-height:250px;
   margin: 0 auto;
   max-height: 270px;
   max-width: 2700px;
}

@media only screen and (pointer: coarse) and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
  #CUSTOM-web-top-other-pfas{
    background-image:url('/images/bk/CUSTOM-ALL-pfa.jpg');
    background-position: left top;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#edf6fc; /* UPDATE THIS COLOR TO MATCH  - header-full-page-top-index.php*/
    min-height:250px;
    margin: 0 auto;
    max-height: 260px;
    max-width: 2600px;
   }
  }
/* END THE PFA SECTION */ 

/* USING THIS FOR THE ASH TREE SECTION */
#CUSTOM-web-top-other-ash{
  background-image:url('/images/bk/CUSTOM-ALL-OTHER-ash-PGS.jpg');
  background-position: left top;
  background-size:cover;
  background-repeat:no-repeat;
   min-height:250px;
   margin: 0 auto;
   max-height: 270px;
   max-width: 2700px;
}

@media only screen and (pointer: coarse) and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
  #CUSTOM-web-top-other-ash{
    background-image:url('/images/bk/CUSTOM-ALL-OTHER-ash-PGS.jpg');
    background-position: left top;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#edf6fc; /* UPDATE THIS COLOR TO MATCH  - header-full-page-top-index.php*/
    min-height:250px;
    margin: 0 auto;
    max-height: 260px;
    max-width: 2600px;
   }
  }
/* END THE ASH TREE SECTION */ 
    .top-add-bk{
      background-color:#f5f6f7; 
    }
 /* Override background color on mobile */
@media (max-width: 768px) {
  .top-add-bk {
    background-color: transparent; /* no background on mobile */
  }
}
    @media only screen and (pointer: coarse) and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
      #CUSTOM-web-top-2{
        background-image:url('/images/bk/CUSTOM-web-top-fall-ALL-OTHER-PGS.jpg');
        background-position: left top;
        background-size:cover;
        background-repeat:no-repeat;
        background-color:#edf6fc; /* UPDATE THIS COLOR TO MATCH  - header-full-page-top-index.php*/
        min-height:331px;
        margin: 0 auto;
        max-height: 260px;
        max-width: 2600px;
       }
      }