/********************************
 * View Post Page Customization *
 ********************************/
 @import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');
 :root {
    /* --- Links General Style --- */
    --biblog-primary-color-main: #DC7215;
    --biblog-primary-hover-main: #6f08c4;
    /* --- General Font Family --- */
    --biblog-font-family-main: Livvic;
}
 body { font-size: 16px;}
 a {text-decoration: none;}
 .viewpost,
 .sharecontainer,
 .commentcontainer {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     max-width: 100%;
     -ms-flex-direction: column;
     flex-direction: column;
     background-color: rgba(255,255,255,0.00);
     border: 1px solid #DFDFDF;
     border-radius: 10px;
     height: auto;
 }
.viewpost-head h1 {
    font-family: Livvic;
    font-size: 28px;
    font-weight: 700;
    color: #212529;
    text-transform: capitalize;
 }
 @media (max-width: 580px) {
  .viewpost-head h1 {
    font-size: 20px;
  }
}
 .viewpost-head{ padding: 15px 10px 10px 15px }
 .viewpost-date {
     margin-top: -12px;
     padding: 0.4rem 1rem 0rem 1rem;
 }
 .viewpost-date a {
     font-family: Livvic;
     font-size: 16px;
     color: #DC7215;
     font-weight: 500;
 }
 .viewpost-cat a:hover { font-weight: 500;}
 .viewpost-cat {
     padding: 0 1rem 0 1rem;
     margin-top: 0px;
     font-family: Livvic;
     font-size: 16px;
     color: #212529;
 }
 i.vbp{ font-size: 20px; vertical-align: -1px; color: #212529; margin-right: 5px;}
 .viewpost-cat a {
     font-family: Livvic;
     font-size: 16px;
     color: #DC7215;
     font-weight: 500;
 }
 .d-description {
     margin: 1.5rem 1rem 1rem 1rem;
     padding: 0 1rem 0 0.6rem;
     border-left: 2px solid #B8B6B6;
     background-color: transparent;
 }
 .d-description h2 { 
     margin: 0; 
     font-family: Nyght Serif;
     font-style: italic;
     font-size: 24px;
     font-weight: 300;
     color: #999999;
 }
 .viewpost-img { max-width: 100%; height: 15rem; margin: 10px; border-radius: 10px; }
 .viewpost-img img { height: 100%; width: 100%; object-fit: cover; border-radius: 10px; }
 .viewpost-cont { padding: 0.5rem 1rem 1rem 1rem; }
 .viewpost-cont p { 
      margin: 0; 
      font-family: Livvic; 
      font-size: 20px;
      font-weight: 400;
      font-style: normal;
      color: #020202;
 }
 .cont-end { margin-top: 2.5rem; border-top: 1px solid rgb(235, 232, 232); padding-top: 18px;}
 .cont-end p { font-family: Livvic; color: #383736; font-size: 16px; }
 .cont-end a { 
      font-family: Livvic;
      font-size: 16px;
      color: #DC7215; 
      padding: 2px;
      border: 0px solid #FFFFFF;
      border-radius: 5px;
 }
 .cont-end a:hover { color: #000000;}
 .vpsc { margin: 20px 0 20px 0; padding: 0.5rem 1rem 1rem 1rem; }
 .vpsc h3 { 
     margin: 0;
     font-family: Livvic;
     font-size: 24px;
     font-weight: 400;
     color: #212529;
     text-transform: capitalize;
     padding: 0.5rem 1rem 0.5rem 0.3rem;
 }
 .social-icons img { width: 130px; height: 34px; }
 .rowed a { display:inline-block; margin:2px 2px; }
 .biblogcol-8 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px }
 .biblogrow { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px }
 .com-card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, .125);
     border-radius: 10px;
     margin-bottom: 8px;
 }
 .comm-con { padding: 1rem;}
 .comment_header h3 {
     margin: 0;
     font-family: Livvic;
     font-size: 22px;
     font-weight: 600;
     color: #212529;
     text-transform: capitalize;
 }
 .comment_header p {
     margin: 0 0 20px 0px;
     font-family: Livvic;
     font-size: 14px;
     color: #DC7215;
     font-weight: 500;
 }
 .float-left { float: left !important }
 .post .post-heading { height: 40px; padding: 10px 10px 2px 10px; }
 .post .post-heading .avatar { width: 40px; height: 40px; display: block; margin-right: 15px; }
 .post .post-heading .meta .title { margin-bottom: 0; }
 .post .post-heading .meta .title a {
     font-family: Livvic;
     font-size: 18px;
     color: #000000;
     font-weight: 700;
 }
 .post .post-heading .meta .title a:hover { color: #aaaaaa; }
 .post .post-description p {
     font-size: 20px;
     font-family: Livvic;
     color: #333333;
     font-weight: 400;
 }
 .card-white .h5 {
     font-size: 16px;
     font-family: Livvic;
     color: #333333;
     font-weight: 400;
 }
 .post .post-heading .meta .time {
      font-family: Livvic;
      font-size: 14px;
      margin-top: 1px;
      color: #DC7215;
   }
 .post .post-image .image { width: 100%; height: auto; }
 .post .post-description { padding: 2px 10px 1px 15px; }
 
 /* COMMENT FORM CUSTOMIZATION */
 .container-wix { 
      width: 100%; 
      margin: 1em auto; 
      overflow: hidden; 
      background: rgba(255,255,255,0.00); 
      border-radius: 10px;
 }
 .message-wix, .name-wix, .header-wix, .footer-wix, textarea { display: flex; padding: 0; margin: 0; border: 0; clear: both; overflow: hidden; }
 .header-wix, .footer-wix {
      height: 70px;
      background: rgba(0, 0, 0, 0.05);
      line-height: 70px;
      padding-left: 20px;
      border-radius: 10px 10px 0 0;
 }
 .header-wix h2, .footer-wix h2 {
     font-family: Livvic;
     font-size: 19px;
     color: #212529;
     font-weight: 700;
     text-transform: capitalize;
     margin: 0;
 }  
 .first-wix, .email-wix { float: left; width: 50%; margin: 0; padding: 0 0 0 20px; border: 1px solid rgba(0, 0, 0, 0.1); height: 50px; }
 .first-wix, .email-wix, .message-w {
      font-family: Livvic; 
      font-size: 19px;
      font-weight: 400;
      font-style: normal;
      color: #020202;
 }
 .email-wix { width: 50%; border-left: 0; }
 textarea {
     height: 100px;
     width: 100%;
     line-height: 50px;
     padding: 0 0 0 20px;
     border-top: 0;
     border-left: 1px solid rgba(0, 0, 0, 0.1);
     border-right: 1px solid rgba(0, 0, 0, 0.1);
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 } 
 .footer-wix { height: 70px; border-top: 1px dashed rgba(0, 0, 0, 0.3); border-radius: 0 0 5px 5px; padding-left: 0; padding-right: 20px; }
 .footer-wix button {
     height: 38px;
     background: #DC7215;
     border-radius: 10px;
     font-family: Livvic;
     font-size: 17;
     border: 0;
     margin: 15px;
     color: #FFFFFF;
     float: right;
     padding: 0 20px 0 20px;
     cursor: pointer;
     transition: all linear 0.2s;
 }
 .footer-wix button:hover { background: #F4A460; }
 .footer-wix button:focus { outline: none; }  
 .first-wix:focus, .email-wix:focus, textarea:focus { outline: none; background: rgba(52, 152, 219, 0.1); color: rgba(51, 51, 51, 0.7); }

  /* CKEditor Content Styling */
.viewpost-cont {
    line-height: 1.6;
    font-size: 16px;
    color: #333;
}

.viewpost-cont p {
    margin-bottom: 1rem;
}

.viewpost-cont blockquote {
    border-left: 4px solid #DC7215;
    padding-left: .8rem;
    margin-left: 0;
    font-style: italic;
    color: #666;
    background-color: #f9f9f9;
    padding: 15px;
    margin: 20px 0;
}

.viewpost-cont h1, 
.viewpost-cont h2, 
.viewpost-cont h3, 
.viewpost-cont h4, 
.viewpost-cont h5, 
.viewpost-cont h6 {
    margin-top: 1.4rem;
    margin-bottom: 0.6rem;
    color: #2c3e50;
    font-weight: 600;
}

.viewpost-cont h1 { font-size: 1.8rem; }
.viewpost-cont h2 { font-size: 1.6rem; }
.viewpost-cont h3 { font-size: 1.4rem; }
.viewpost-cont h4 { font-size: 1.2rem; }
.viewpost-cont h5 { font-size: 1.1rem; }
.viewpost-cont h6 { font-size: 1rem; }

.viewpost-cont ul, 
.viewpost-cont ol {
    margin: 0.8rem 0;
    padding-left: 1.8rem;
}

.viewpost-cont li {
    margin-bottom: 0.4rem;
}

.viewpost-cont strong, 
.viewpost-cont b {
    font-weight: 600;
}

.viewpost-cont em, 
.viewpost-cont i {
    font-style: italic;
}

.viewpost-cont u {
    text-decoration: none;
}

.viewpost-cont code {
    background-color: #f4f4f4;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: monospace;
}

.viewpost-cont pre {
    background-color: #f8f8f8;
    padding: 15px;
    border-radius: 5px;
    overflow-x: auto;
    margin: 1.3rem 0;
}

.viewpost-cont table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.3rem 0;
}

.viewpost-cont table, 
.viewpost-cont th, 
.viewpost-cont td {
    border: 1px solid #ddd;
}

.viewpost-cont th, 
.viewpost-cont td {
    padding: 10px;
    text-align: left;
}

.viewpost-cont th {
    background-color: #f2f2f2;
    font-weight: 600;
}

.viewpost-cont img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 0.8rem 0;
}

.viewpost-cont a {
    color: #DC7215;
    text-decoration: none;
}

.viewpost-cont a:hover {
    text-decoration: none;
}