/*!
 * custom css
 */

 .clearfix::after {
     display: block;
     content: "";
     clear: both;
 }

.postDisplayTitle {
  font-weight: bold;

}
 /*  style 1  */


   .xhpostdisplay.style1  {
     text-align: left !important;

   }

   .xhpostdisplay.style1 a {
     text-decoration: none !important;
   }

   /*  tabs   */

   .xhpostdisplay.style1 .nav-item,
   .xhpostdisplay.style1 .nav-item  li {
    list-style-type: none !important;
   }

   .xhpostdisplay.style1 .nav-link {
      padding: 5px 10px;
   }

   .xhpostdisplay.style1 .nav-tabs {
      list-style-position: outside;
      padding: 0px !important;
	  margin: 0 !important;
   }


   .xhpostdisplay.style1 a {
      color: #333333;
   }

   .xhpostdisplay.style1 img {
       margin-top:0;
       margin-bottom:0;
       padding-top: 0;
       padding-bottom: 0;
   }

   .xhpostdisplay .nav-tabs .nav-item {
       margin-bottom: 0px;
   }


    /*.xhpostdisplay.style1 .nav-tabs .nav-item.show a.nav-link,
    .xhpostdisplay.style1 .nav-tabs a.nav-link.active {
      color: #ffffff  !important;
    }*/

    .xhpostdisplay.style1 .nav-tabs .nav-link {
      border: none;
      border-top-right-radius: 0;
      border-top-left-radius: 0;
    }

    /* tab-content  */

    /*.xhpostdisplay.style1 .tab-content {
      padding: 20px 10px;
    }*/
    .xhpostdisplay.style1 .tab-content .big h3 {
      font-size: 16px;
      font-weight: 900;
      margin-top: 10px;
      padding: 0;
    }
    .xhpostdisplay.style1 .tab-content h3 {
      font-size: 16px;
      font-weight: 900;
      padding: 0;
    }
    .xhpostdisplay.style1 .tab-content p {
      font-size: 14px;
      color: #666666;
    }

    .xhpostdisplay.style1 .small .postDisplayThumb {
      max-width: 30%;
      float: left;
      margin-right: 10px;
      max-height: 80px;
    }

    .xhpostdisplay.style1 .postDisplayRight {
      margin-bottom: 15px;
      min-height: 80px;
    }

    .xhpostdisplay.style1 .postDisplayButton {
      border-radius: 3px;
      border: none;
      background: #333333;
      color: #ffffff;
      padding: 3px 5px;
    }

    /* responsive style 1 */

    @media only screen and (max-width: 768px) {
      .xhpostdisplay.style1 .tab-content h3 {
        font-size: 13px;
      }


    }

    @media only screen and (max-width: 575px) {

      .xhpostdisplay.style1 .small .postDisplayThumb {
           max-width: 100%;
       }

       .postDisplayExcerpt.small {
         display: block;
       }
    }



  /*  style 2  */


     .xhpostdisplay.style2  {
       text-align: left !important;

     }

     .xhpostdisplay.style2 a {
       text-decoration: none !important;
     }

     /*  tabs   */

     .xhpostdisplay.style2 .nav-item,
     .xhpostdisplay.style2 .nav-item  li {
      list-style-type: none !important;
     }

     .xhpostdisplay.style2 .nav-link {
        padding: 5px 10px;
     }

     .xhpostdisplay.style2 .nav-tabs {
        list-style-position: outside;
        padding: 0px !important;
		margin: 0 !important;
     }

     .xhpostdisplay.style2 .big {
       margin-bottom: 20px;

     }


     .xhpostdisplay.style2 a {
        color: #333333;
     }

     .xhpostdisplay.style2 img {
         margin-top:0;
         margin-bottom:0;
         padding-top: 0;
         padding-bottom: 0;
     }






      .xhpostdisplay.style2 .nav-tabs .nav-link {
        border: none;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
      }

      /* tab-content  */

      /*.xhpostdisplay.style2 .tab-content {
        padding: 20px 10px;
      }*/
      .xhpostdisplay.style2 .tab-content .big h3 {
        font-size: 16px;
        font-weight: 900;
        margin-top: 10px;
        padding: 0;
      }
      .xhpostdisplay.style2 .tab-content h3 {
        font-size: 16px;
        font-weight: 900;
        padding: 0;
      }
      .xhpostdisplay.style2 .tab-content p {
        font-size: 14px;
        color: #666666;
      }

      .xhpostdisplay.style2 .small .postDisplayThumb {
        max-width: 30%;
        float: left;
        margin-right: 10px;
        max-height: 80px;
      }

      .xhpostdisplay.style2 .postDisplayRight {
        margin-bottom: 15px;
        min-height: 80px;
      }
      .xhpostdisplay.style2 .postDisplayRight {
          float: left;
          width: 50%;
      }

      .xhpostdisplay.style2 .postDisplayButton {
        border-radius: 3px;
        border: none;
        background: #333333;
        color: #ffffff;
        padding: 3px 5px;
      }


      /* responsive style 2 */

      @media only screen and (max-width: 960px) {

        .xhpostdisplay.style2 .postDisplayRight {
            float: left;
            width: 100%;
        }
      }



  /* posts */

  .post-display-meta {
    font-size: 12px;
  }

  .post-display-meta .author {
    font-weight: bold;
  }

  .post-display-meta .date {
    color: #aaaaaa;
  }

  .postDisplayExcerpt.small {
    display: none;
  }