/*1 Blog page design here
    1.1 title heading section font here
    1.2 blog section styles here
    1.3 featured Article styles here
    1.4 card whole container styles here
    1.5 single card styles here
    1.6 more link button styles here
    1.7 popular article styles here
    1.8 catgory tablet styles here
    1.9 pagination styles here
    1.11 socila media share styles here
    1.12 common author details styles here
    1.13 related tag button styles here
*/

/* title heading section font here */

.title h1{
    font-size: 3rem !important;
    color: var(--grey-50);
    line-height: 4rem;
    font-weight: 800;
    text-align: center;
  }
  
  /* blog section styles here */
  
  .blog-container .widget_block h1 {
    font-size: 1.875rem;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.0.063rem;
    color: var(--grey-50);
    margin-bottom: 0.5rem;
  }
  .blog-main-page h1 {
      font-size: 2.625rem;
      font-weight: 800;
      color: var(--black-100);
      margin-bottom: 0.25rem;
  }
  .blog-section blockquote {
      max-width: 75%;
      margin: auto;
      border-top: 0.063rem solid var(--border-color);
      border-bottom: 0.063rem solid var(--border-color);
      margin-top: 1.875rem;
      margin-bottom: 1.25rem;
      padding: 1.25rem 0;
  }
  .blog-section blockquote p {
      line-height: 1.88;
      font-weight: normal;
      color: #4a4a4a;
      font-family: 'Lora',serif;
      font-style: italic;
  }
  .blog-section blockquote:before {
      content: "\“";
      font-size: 7rem;
      line-height: 0.7;
      font-weight: normal;
      color: #FB833D;
      font-family: 'Source Sans Pro',sans-serif;
      display: block;
      margin-top: 0.625rem;
      margin-bottom: -2.5rem;
      text-align: center;
  }
  
  .main-article-image {
    max-height: 21.875rem;
    height: 100%;
  }
  .main-article .author-name {
      font-size: 0.875rem !important;
  }
  
  .main-article-image img {
    object-fit: contain;
    object-position: center;
    height: 100%;
    width: 100%;
  }
  
  .blog-container .widget_block p {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.57;
    letter-spacing: -0.014rem;
    color: var(--grey-300);
    max-width: 43.75rem;
  }
  .blog-container .left-side{
    max-width: 58.75rem;
  }
  .left-side .header h1 {
      font-size: 1.5rem;
      font-weight: 800;
  }
  .blog-container, .blog-section {
    min-height: calc(100vh - 32.75rem);
  }
  .all-blog-section {
    width: 100%;
    padding: 5rem 0 3.5rem !important;
  }
  .all-blog-section .header h1 {
    font-size: 2.625rem;
    line-height: 1.19;
    font-weight: 800;
    letter-spacing: 0.044rem;
    padding-right: 1.25rem;
    color: var(--black-100);
    margin-bottom: 0.5rem;
  }
  .all-blog-section .header p {
    font-size: 0.875rem;
    color: var(--black-65);
    margin: 0 0 0.75rem 0;
    max-width: 100%;
  }
  .blog-container-fill {
    padding: 0 6.25rem;
  }
  .blog-container-fill ul{
      padding-left: 1.5rem;
  }
  
  .blog-section {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto;
    margin: 0 auto;
    max-width: 82.5rem;
  }
  .left-side {
    padding-right: 2.375rem;
  }
  .right-side {
    padding-left: 2.375rem;
  }
  .view-field-image {
    max-width: 100%;
    height: auto;
  }
  
  .w-unset {
    width: unset !important;
  }
  
  /* featured Article styles here */
  
  .main-article {
    border-radius: 0.312rem;
    box-shadow: 0 0.125rem 0.625rem 0 var(--black-10);
    border: solid 0.063rem var(--grey-dark-6);
    background-color: var(--white-100);
    border-bottom: 0.312rem solid var(--primary-100);
    height: fit-content;
    margin-left: -1.5rem;
  }
  .featuredArticle {
    line-height: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.062rem;
    color: var(--blue-dark2);
    margin-bottom: 1rem;
  }
  .featured-link {
    margin-bottom: 3.5rem;
  }
  .featured-link a {
    font-size: 1.875rem;
    font-weight: 800;
    line-height: 2.5rem;
    letter-spacing: 0.031rem;
    color: var(--black-100);
  }
  .featured-link a:hover {
    text-decoration: underline;
  }
  
  .section-title {
    line-height: 2rem;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--black-100);
    position: relative;
    margin: 0 0 1.25rem;
  }
  .section-header {
    background: #fff;
    position: relative;
    z-index: 2;
    padding-right: 0.75rem;
  }
  .section-title::before {
    content: "";
    display: block;
    border-top: solid 0.063rem rgba(97, 97, 97, 0.34);
    width: 100%;
    height: 0.063rem;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  
  /* card whole container styles here */
  
  .card-container {
    flex-wrap: wrap;
  /*   width: 100%; */
    margin: 0 -0.75rem 1.5rem;
  }
  
  .card-container .card {
      margin: 0.75rem;
  }
  
  /* single card styles here */
  
  .card {
    width: calc(33.33% - 1.5rem);
    border-radius: 0.188rem;
    border: solid 0.063rem var(--grey-dark-6);
    background-color: var(--white-100);
  }
  .card-container .right-card {
    width: 100% !important;
  }
  .card:hover {
    box-shadow: 0.125rem 0.125rem 0.375rem 0 var(--grey-light4);
  }
  
  .card .view-field-image {
    height: 8.125rem;
    width: 100%;
    overflow: hidden;
  }
  .card .view-field-image img {
    object-fit: cover;
  }
  .card p {
    color: var(--black-100);
    text-decoration: none;
  }
  
  a.card:hover {
    text-decoration: none;
  }
  
  .card-link {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: normal;
  }
  .text-truncate.card-link p, .truncate.card-link p {
      width: 100%;
      text-overflow:ellipsis;
      overflow:hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal;
  }
  
  .card-description {
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.25rem;
    color: var(--grey-dark-5);
    margin: 0.5rem 0 2.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .view-more-fields {
    line-height: 0.875rem;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.056rem;
    color: var(--primary-100) !important;
    text-transform: uppercase;
  }
  /* .view-more-fields:hover {
    text-decoration: underline;
  } */
  
  .card-author {
    margin-top: 0.75rem;
  }
  
  /* more link button styles here */
  
  .more-link {
    margin: 0.625rem auto 1.25rem;
    color: var(--primary-100) !important;
    text-transform: uppercase;
    background-color: var(--white-100);
    border: 0.063rem solid var(--primary-100);
    padding: 0.625rem 1.562rem;
    border-radius: 1.25rem;
    font-weight: 800;
    font-size: 0.75rem;
    letter-spacing: 0.054rem;
    cursor: pointer;
  }
  
  .more-link:hover {
    text-decoration: none;
    color: var(--white-100) !important;
    background-color: var(--primary-100);
  }
  
  
  /* popular article styles here */
  
  /* popular article display mobile */
  
  .mobile-view {
    display: none;
  }
  
  /* popular article display desktop */
  
  .desktop-view {
    display: block;
  }
  .view-row {
    margin-top: 2.5rem;
  }
  .article-count {
    line-height: 2.375rem;
    font-size: 2rem;
    font-weight: 800;
    color: var(--black-20);
  }
  .article-details a {
    font-size: 0.937rem;
    font-weight: 800;
    line-height: 1.79;
    color: var(--black-85);
  }
  .article-details a:hover {
    text-decoration: underline;
  }
  
  /* catgory tablet styles here */
  
  .category-content {
    flex-wrap: wrap;
  }
  .category-row {
    margin: 0 0.635rem 0.625rem 0;
  }
  .category-row a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.79;
    color: var(--black-65) !important;
    border: solid 0.063rem var(--grey-dark-7);
    border-radius: var(--border-radius-50);
    padding: 0.375rem 0.375rem 0.375rem 1rem;
  }
  
  .category-row a:hover {
    background: var(--grey-dark-8);
  }
  
  .category-row span {
    display: inline-block;
    background-color: #cecdcca3;
    border-radius: 6.25rem;
    padding: 0.062rem 0.625rem;
    color: #020202a6;
    margin-left: 0.635rem;
    font-weight: 800;
    font-size: 0.75rem;
  }
  
  /* pagination styles here */
  
  .page-numbers {
    display: block;
    list-style: none;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    margin: 0 0.187rem;
    border-radius: var(--border-radius-circle);
    position: relative;
    color: var(--black-50);
  }
  .page-numbers:hover {
    color: var(--black-100);
  }
  
  .current {
    color: var(--white-100) !important;
    cursor: pointer;
    background-color: var(--primary-100);
  }
  
  .description p, .description li {
    font-size: 1.125rem;
    line-height: 2rem;
    font-weight: normal;
    color: var(--grey-dark-9);
    padding-top: 0.5rem;
  }
  
  .description h1 {
    font-size: 2.625rem;
    line-height: 1.19;
    font-weight: 800;
    color: var(--black-100);
    letter-spacing: 0.044rem;
    padding-right: 1.25rem;
    margin-bottom: 1rem;
  }
  
  .description h2 {
    font-size: 2rem;
    margin-top: 2.25rem;
  }
  
  .description h3 {
    margin: 1rem 0 0 0;
    font-size: 1.625rem;
  }
  
  .description h4 {
    font-size: 1.5rem;
    margin: 1rem 0 0 0;
  }
  
  .description a {
    /*color: var(--primary-40);*/
    color: var(--primary-100);
  }
  .description a:hover {
    color: var(--primary-100);
    text-decoration: underline;
  }
  
  .description .author-details {
    margin: 2.5rem 0;
  }
  
  .description ol {
    padding-left: 1.25rem;
  }
  
  .description img {
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .description img.attachment-large {
    margin: 1.5rem 0;
  }
  
  /* socila media share styles here */
  
  .social-shared-icon {
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: content-box;
  }
  .social-share .social-link {
      width: 2rem;
      height: 2rem;
  }
  .social-share .social-link img {
      object-fit: contain;
  }
  .social-share .social-link + .social-link{
    margin-left: 1.5rem;
  }
  
  /* common author details styles here */
  
  .author-img {
    min-width: 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--border-radius-circle);
    overflow: hidden;
  }
  .author-name {
    font-size: 0.813rem !important;
    line-height: 1rem !important;
    font-weight: 700 !important;
    color: var(--black-100) !important;
    margin: 0 0 0.25rem 0;
    padding-top: 0 !important;
      text-transform: capitalize;
  }
  .author-description,
  .posted-date {
    font-size: 0.688rem !important;
    line-height: 0.875rem !important;
    font-weight: normal !important;
    color: var(--grey-light5) !important;
    padding-top: 0 !important;
  }
  .posted-date {
    padding-left: 1.25rem;
    position: relative;
  }
  .posted-date::before {
    content: "";
    position: absolute;
    left: 0.438rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: rgba(74, 74, 74, 0.83);
  }
  
  /* related tag button styles here */
  
  .related-tag-button {
    padding: 0.625rem 1.25rem;
    margin-right: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: rgba(251,131,61,.1);
    font-size: 0.875rem;
    font-weight: 600;
    color: #fb833d !important;
    border-radius: 0.25rem;
    width: fit-content;
  }
  .related-tag-button:hover {
    background: rgba(251,131,61,.2);
  }
  
  .product{
    background-color: blue;
  }
  .getintouch-section{
      position: sticky; 
      top: 110px;
  }
  .getintouch-section .section-title{
      margin: 2.5rem 0 0.5rem;
  }
  .getintouch-section .blog-form-inputs{
      margin-top: 0;
  }
  
  /* like dislike overrider start */
  .pld-common-wrap {
      border: 1px solid #DDD;
      border-radius: 3px;
      padding: 6px 8px;
      min-width: auto;
  }
  .pld-count-wrap-sep {
      margin-left: 5px;
      border-left: 1px solid #DDD;
      padding-left: 6px;
  }
  .pld-common-wrap a:hover{
      text-decoration: none !important;
  }
  .pld-common-wrap.pld-like-wrap a::after { 
    content: " Like";
  }
  .pld-like-dislike-wrap{
      margin-bottom: 0;
  }
  .pld-dislike-wrap.pld-common-wrap a{
      color: #ababab;
  }
  /* like dislike overrider end */

.social-share .fas{
		    font-family: "Font Awesome 6 Free";
    font-weight: 900;
	}
	.social-share span.pld-count-wrap:not(:empty){
			margin-left: 5px;
		border-left: 1px solid #DDD;
		padding-left: 6px;
	}