/* TM CMS template */

header nav ul > li > ul           { background: var(--color-sienna); }
header nav ul > li > ul > li > a  { color: var(--color-stone); }

header nav ul li a:hover, 
header nav ul li a.active        { 
  color: var(--color-stone); 
  border-bottom: 1px dotted var(--color-stone);
}

section.new_hero div.shape_cont div.content {
    /* padding: 25vw 0px 0px 8vw; */
    width: 60%;
}

    section.new_hero div.shape_cont {
        background-color: var(--color-stone);
        color: var(--color-sienna);
    }

    div.title-offset {
      margin-top: -10vw;
    }

    .nav__shape                             { background: var(--color-sienna); }
    /* .nav__shape a svg.nav__logo path        { fill: var(--color-sienna); }*/
    svg#nav-hamburger g line                { stroke: var(--color-sienna); }

    

    
    section#category                        { z-index: -1;
      background-color: var(--color-coat);
      min-height: 10vw !important;
    }

      section#category div.content {
        padding: 10vw 0px;
        /* min-height: 50px; */
      }

        section#category div.content div.category-select {
          display: none;
          width: auto;
          text-align: right;
          color: var(--color-stone);
          display: block;
          font-size: var(--font-size-sub-heading);
        }

      





    section#blog-posts                      { z-index: -2;
      background-color: var(--color-stone);
    }
    
    section#blog-posts .content                      { 
      padding: 7vh 0px;
    
    }

    
    

    .excerpt { 
      border-top: 1px dotted var(--color-sienna);
      padding: 10px 0px 20px 0px;
      color: var(--color-sienna) !important;
    }

    






    section#blog-post                          { z-index: -3; background-color: var(--color-stone); color: var(--color-sienna) !important; display: flex; }
    section#blog-post .content                 {  }
    section#blog-post .content.tight-pad                 { padding: 6vw 0px 6vw 0px !important; }
    section#blog-post .content article         { 
        width: 40vw;
        margin: 0px 8% 0px auto;
        padding: 2vw 0px;
     }

     section#blog-post .content div.dotted-break{
       color: var(--color-sienna);
       padding: 3vw 2vw;
       border-top: 1px dotted var(--color-sienna);
       border-bottom: 1px dotted var(--color-sienna);
       font-weight: 600;
     }

     section#blog-post .content a         { color: var(--color-sienna); }

    

    section#related                      { 
      z-index: -400;
      background-color: var(--color-coat);
      color: var(--color-stone);
    }
    
    section#related .content                      { }
    section#related .content div.title            { display: flex; align-items: center; }
    section#related .content div.title div.back   { margin-left: 4vw; }

   

    section#newsletter                        { 
      z-index: -450;
      height: 60vw;
    }

    section#newsletter                        { 
      background-color: var(--color-stone);
    }

    section#newsletter div.image-container {
      z-index: -1;
    }
    section#newsletter div.image-container  img {
      object-fit: unset; 
      height: 130%;
      width: auto;
      position: absolute;
      /* left: -6vw; */
    }

    section#newsletter div.shape {
      background-color: var(--color-stone);
      color: var(--color-sienna);
      clip-path: polygon(10% 0%, 0% 100%, 100% 100%, 100% 0);
      z-index: -1;
    }
      
      
    section#newsletter div.shape form#newsletter-form input {
      background: var(--color-stone) !important;
      border-bottom: 1px solid var(--color-sienna) !important;
    }

    section#newsletter div.shape form#newsletter-form button.stone-on-coat {
      background-color: var(--color-stone) !important;
      border: 1px solid var(--color-sienna) !important;
      color: var(--color-sienna) !important;
    } 

    section#newsletter div.shape form#newsletter-form input::placeholder           { color: var(--color-sienna); opacity: 1; }
    section#newsletter div.shape form#newsletter-form input:-ms-input-placeholder  { color: var(--color-sienna); }
    section#newsletter div.shape form#newsletter-form input::-ms-input-placeholder { color: var(--color-sienna); }
  

    .new-clip h3.title {
      text-transform: uppercase;
      font-weight: var(--font-weight-regular);
      font-size: 80px;
      line-height: 80px;
      padding: 0px 0px 40px 0px;
      margin: 0px;
    }    

  select#category {
    background-color: #231f20;
    padding: 10px;
    border: 0px;
    color: var(--color-stone);
    font-size: 24px;
  }

    
@media (max-width: 1500px) {
  section#newsletter div.image-container  img { left: -6vw; }
  @media (orientation: landscape){
    section#category  { 
    /* min-height: 21vw !important; */
    }
  }
}
@media (max-width: 1200px) {

  section#social {
    display: flex;
    align-items: center;
  }
  
  section#social .content {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
  }
    section#social .content .info {
      padding: 5vw 0px;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    
    section#social .content .socials {
        padding: 5vw 0px;
        
    }

    section#social .content .social-squares {
        padding: 5vw 0px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
    }
}

@media (max-width: 1080px) {



  section#category div.content div.category-select {
    font-size: 29px;
  }

  section#category div.content div.category-select .date-author {
    
  }

  section#blog-post .content article {
    width: 100%;
    margin: initial;
  }

  section#related .content div.title {
    flex-direction: column;
    align-items: start;
    margin-bottom: 50px;
  }

  section#related .content div.title div.back {
    margin-left: 0;
  }

  

section#newsletter                        { 
      z-index: -5;
      height: unset;
    }

  /* section#newsletter {
    display: flex;
    flex-direction: column;
  } */


  section#newsletter div.image-container {
    z-index: -2;
  }

  /* section#newsletter .shape {} */

  section#newsletter div.image-container img {
    object-fit: cover;
    width: 100%;
    height:unset;
    left: unset;
    top: 0px;
}

  section#newsletter div.shape {
    clip-path: initial;
  }

  section#category div.content div.category-select {
    font-size: 18px;
  }

  @media (orientation: portrait){
    section#category div.content {
      padding: 14vw 0px;
      min-height: auto;
    }
  }

}