/* ***************** - - - - * REUSABLE HEADER, HERO, NAV, ln. 225 * - - - - ***************** */
/* .slim-hero {
   display: block;
   width: 100vw; */

.slim-hero {
      background-image: url(../img/site/st-josephs-event-gala-2023.jpg);
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 1em;   
      height: 80vh; }

      /* .slim-hero {
         background-color: #666;
         background-image: url(../img/site/toll-blog-hero.png);
            padding: 30px;
            text-align: center;
            font-size: 35px;
            color: white;
         height: 80vh;      
       } */
   
   /* background-color: #46545c; | height: 375px; */
   /* background-image: url(../img/site/vynyl-landing-copy-square-4-img-collage.png); "sub options" */   

   .slim-hero-01 {
      display: block;
      width: 100vw;
      background-size: 100%;
      background-repeat: no-repeat;
      height: 80vh; }
      /* background-color: #46545c; | background-image: url(../img/site/toll-blog-backyard-living-hero-backyard.png); | padding: 1em;*/

      .slim-hero-02 {
         display: block;
         width: 100%;
         background-size: cover;
         background-repeat: no-repeat;
         padding: 1em;
         height: 268px; }
         /* background-color: #0084ca; | background-image: url(../img/site/vynylogoimg.png),linear-gradient(118.58deg,#342866 .73%,#0864a6 43.13%,#0084ca 78.28%,#09a7bc); */

         .slim-hero-03 {
            display: block;
            width: 100%;
            background-size: 100%;
            background-repeat: no-repeat;
            height: 80vh; }
            /* background-size: cover; */

/* ************************** - - - - * REUSABLE HERO'S & BANNERS * - - - - *************************** */
         .featured-case-study {
            background-color: #f6f6f6; }

         .featured-case-study__background {
            background-position: 100%;
            background-size: auto 100%;
            background-repeat: no-repeat; }

        .greater-max-width-container {
            max-width: 1460px;
            margin: 0 auto; }

         .featured-case-study__content {
            width: calc(50% - 117px);
            padding: 89px 0 89px 14px;
            /* text-align: left; */ }

         .featured-case-study__content .h2 {
            text-align: left;
            color: #3a3a3a;
            margin: 24px 0; }

         .featured-hero {
            display: block;
            width: 100%;
            background-image: url(../img3/tabcat.png);
            background-size: 72%;
            background-repeat: no-repeat;
            padding: 1em;
            height: 575px; }

         .healthcare-hero {
            display: block;
            width: 100%;
            background-image: url(../img3/toll-hero-Rolling-Hills-Street-Scene_Update_1920.jpeg);
            background-size: 100%;
            background-repeat: no-repeat;
            padding: 1em;
            height: 575px; }

         /* background-image: url(../img3/tabcat.png); previuosly @ 72%
         /* background-size: 72%; more ** image url links ** at end of file */
         /* toll-hero-Rolling-Hills-Street-Scene_Update_1920.jpeg || healthcare-hero */

         .blog-slogan {
            display: flex;
            width: 90%;
            max-width: 700px;
            margin: 0 auto;
         }
         /* width: 95%; | max-width: 800px; | padding-bottom: 100px; | padding-top: 63px; } */

         .blog-slogan .h3 {
            font-size: 3.3rem;
            font-weight: 315;
            width: 830px;
         }
               /* font-family: 'Lora', sans-serif; } */
               /* font-weight: 300; - 400 */
               /* max-width: 800px; */

   .blog-slogan .h1, .h3{
      position: absolute;
      left: 310px;
      top: 360px;
      text-align: center; }
      /* color: #fff; */
      /* left: 310px; - 370px */

/* for text block use this: on Category pg. */
      /* background-color: grey;
      opacity: 0.6; */

      /* left: 300px; */
      /* left: 270px; */

      /* font-family: 'Source Sans Pro', sans-serif; */

      /* left: 200px;
      top: 350px; */

   .blog-slogan .h1 {
      font-size: 2.8125em;
      font-weight: 600;
      margin-bottom: .3em; }

.sub-nav-menu .services-menu {
   display: flex;
   justify-content: space-between; }

   .sub-nav-menu {
      color: #707175;
      padding: 15px 45px; }
   .sub-nav-menu a {
      color: #707175;
      font-weight: 400; }

   .sub-nav-menu a:hover {
      color: #0084ca;
   }

   .sub-nav-menu .active a {
      color: #0084ca;
      padding-bottom: 15px;
      border-bottom: 4px solid #0084ca; }

         .sub-nav-menu .services-menu a:active {
            padding-bottom: 15px;
            border-bottom: 4px solid #0084ca; }

            /* color: #0084ca; */            
/*--------------------------------------- xx Cut / Paste into "Flex_grid.css" xx ref. v.5 1-40 */

/* FOR Maximum Confusuion . . . . . ! */
/* .sub-nav-menu .services-menu {
   display: flex;
   font-size: 13px;
   padding-left: 240px;
   text-transform: uppercase; } */

/* .sub-nav-menu .services-menu {   
      justify-content: space-between; } */

/* .blog-slogan .h1, .h3{       */

/* background-image: url(../img3/tabcat.png); or toll-hero-luxury-of-choice.jpeg */
/* background-image: url(../img3/toll-advantage-valen-hero.jpeg); or toll-hero-Rolling-Hills-Street-Scene_Update_1920.jpeg */