@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");

:root {
   --navbar: #707175;
   --navfont: Source Sans Pro, sans-serif; }

.navbar .top-nav a .main-nav a {
   color: var(--navbar); }

.navbar .top-nav {
   padding: 8px 15px;
   text-align: right; }

.navbar .top-nav {
   -moz-osx-font-smoothing: grayscale;   
   line-height: 24px;
   font-size: 14px; }

      .main-nav {
         display: flex;
         height: 37px;
         line-height: 28px;
         font-size: 16px;
         padding: 0 15px 0 10px;
         font-weight: 350;
      }
         /* font-size: 14px; previously cityHarvest font-size: 21px; previously 5/7/23 */


.push {
      margin-left: auto; }

            .logo {
               width: 490px;
               height: 119px;
            }
      /* .logo {
         width: 170px;
         height: 109px;
      }          */
            /* previously cityHarvest 5/7/23 */
            /* aspect-ratio: 3/2; is it depreciated ? */

      .positioned {
         position: absolute;
         top: -1px;
         left: 88.2px; 
      }
         /* left: 6.2px; previously */

         .main-nav a {
            display: block;
            font-family: var(--navfont);
            -moz-osx-font-smoothing: grayscale;
            padding: .5em .65em; }
            /* padding: .5em .7em; [ previously 2/24/2023 ] */

         .main-nav li .active {
            color: green;
         }
         /* color: black; previously 3/1/23 */

         .main-nav a:hover {
            color: green;
         }
            /* color: black; || previously: 3/1/23 color: black; */

      /* .main-nav li:last-of-type { 
         margin-left: 1.2rem; }

      .main-nav a:last-of-type {
         display: block;
         font-family: var(--navfont);
         -moz-osx-font-smoothing: grayscale;
         padding: .5em .6em; } */

.main-nav .active a {
   color: green;
   padding-bottom: 14px;
   border-bottom: 2px solid grey; }
   /* border-bottom: 4px solid #0084ca; } */
   /* color: #0084ca; || previously: 3/1/23 color: black; */

.main-nav a:active {
   padding-bottom: 14px;
   border-bottom: 2px solid grey; }
   
.sub-nav {
   font-family: var(--navfont);
   -moz-osx-font-smoothing: grayscale;
   background-color: #f3f7fa; }

.sub-nav .services-menu {
   display: flex;
   padding-left: 30px; }

.sub-nav a:hover {
   color: black;
}

.sub-nav .dropdown-header {
   font-weight: 400;   
   padding: 3px 20px; }

.sub-nav a {
   color: #006399; }


.sub-nav-menu {
   font-family: var(--navfont);
   -moz-osx-font-smoothing: grayscale;      
   text-transform: uppercase;
   font-size: 14px;
}

/* ----- NEW NAV ELEMENTS DropDowns for certain categories || 5/19/22 ---- */
      .dropdown {
         float: left;
         overflow: hidden; }

      .dropdown-content {
         display: none;
         position: absolute;
         background-color: #f9f9f9;
         min-width: 160px;
         box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
         z-index: 1; }

      .dropdown-content a {
         float: none;
         font-size: 13px;
         color: #202020;
         font-family: var(--navfont);
         font-weight: 300;
         padding: 6px 14px;
         text-decoration: none;
         display: block;
         text-align: left;
       }

       .dropdown-content p {
         float: none;
         font-size: 12.5px;
         color: #202020;
         font-family: var(--navfont);
         font-weight: 350;
         margin-left: 14px
       }

      .dropdown-content a:hover {
         background-color: #ddd; }
      
      .dropdown:hover .dropdown-content {
         display: block; }

/* initiate to "display footer in post-list, Category pgs. || delete for post-detail */
   footer {
      clear: both;
      background-color: var(--dark);
      padding: 15px;
      height: 40vh; }

      /* color: white; */

      .sitemap-nav {
         float: left;
         /* padding: 15px; */
         width: 13%;
      }

      /* width: 20%; previuosly || edited for CityHarvest 3/11/23 */
      /* font-size: 16px;  */

      /* .sitemap-nav {
         width: 25%; } */

      .sitemap-nav ul {
         list-style-type: none; }
         /* margin: 0;
         padding: 0; } */

      .sitemap-nav ul {
         padding: 8px;
         margin-bottom: 8px;    /* color: #ffffff; || -moz-osx-font-smoothing: grayscale; */
       }

      .sitemap-nav a {
         display: block;
         color: white;
         font-family: var(--navfont);
         -moz-osx-font-smoothing: grayscale;
         padding: .25em 0; 
         font-size: .95rem;
      }
         /* padding: .4em .7em; edited for CityHarvest 3/11/23 */
         /* text-transform: lowercase; */


      .sitemap-nav a:hover {
         color: #0693e3; }
         /* color: #679bb6;  */

      /* color: #679bb6; } */
      /* color: #0077B8;  */
      /* color: CadetBlue; } */
         /* color: DarkGray; */
         /* color: DarkSeaGreen; } */

      .sitemap-nav .active a {
         color: CadetBlue;
      }
      /* color: #0077B8; } */

      /* .sitemap-nav a:active {
            padding-bottom: 14px;
         } */

      /* .sitemap-nav a:hover {
            color: DarkRed;
            opacity: 0.5; } */

      /* optional hover colors: */
         /* color: #004876; }
            color: #0077B8; }
            color: #679bb6; }
            color: gold; } */