/* Blog Post */

.blog-post {}
.blog-post .youtube-player {
  width: 100% !important;
  height: auto !important;
  min-height: 230px !important;
}
.blog-post>.img{margin-left:-90px;margin-right:-90px;margin-bottom:50px}
.blog-post > .img > img { width: 100%; }
.blog-post > .cover > img { width: 100%; object-fit: cover; height: 380px; object-position: center; }
.blog-post .wp-block-image-featured img { min-width: 100%; }
/* .blog-post .wp-block-image-featured img, .blog-post .wp-block-image:not(.wp-block-image ~ .wp-block-image) img { min-width: 100%; } */
.blog-post .featured-image{width:100%;height:400px;object-fit:cover;object-position:center;border-radius:12px}
.wp-block-image img{max-width:100%;border-radius:8px;display:block;border:1px solid #8e8e93;border-radius:8px;width:85%;height:auto;margin:0 auto;margin-bottom:38px;box-shadow:0 20px 30px rgb(0 0 0 / 20%)}
.wp-element-caption{font-size:77%;text-align:center;opacity:.7;margin:6px}
.wp-block-quote{padding:20px 30px;border-left:5px solid var(--primary-color);background-color:#f5f5f5;font-weight:900;margin-top:50px;margin-bottom:50px}
.wp-block-quote p{opacity:1!important;font-size:20px!important}
.container-sm{max-width:768px!important}
.blog-author{display:flex;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding:26px 0;margin:60px 0 20px}
.blog-author img{border-radius:50%;width:100px;margin-right:20px}
.blog-author p{font-size:14px!important;line-height:1.6 !important}
.banner-1{position:relative;box-shadow: 0px -7px 5px 0px rgba(255,255,255,1);-webkit-box-shadow: 0px -7px 5px 0px rgba(255,255,255,1);-moz-box-shadow: 0px -7px 5px 0px rgba(255,255,255,1);}
.banner-1 .confettis-1{width:140px;position:absolute;bottom:-30px;left:-50px}
.banner-1 .confettis-2{position:absolute;width:300px;top:-150px;left:160px}
.banner-1 .confettis-3{position:absolute;width:190px;bottom:-50px;right:0}
.blog-banner{background-color:#e7f1ff;padding:40px 20px;text-align:center;border-radius:10px;margin-top:44px}
.blog-banner__text{font-weight:900;display:block;font-size:24px;margin-bottom:10px}
.table-of-contents { list-style: none !important; padding-left: 0 !important;margin-bottom: 0px !important;}
.table-of-contents__col { width: 240px; max-width: 240px; margin-right: 50px; position: fixed; top: 100px; left: 10px;max-height: 86vh;overflow-y: auto;}
.table-of-contents li { font-size: 13px !important; line-height: 1.4 !important; }
.table-of-contents li a { color: #444 !important; }
.table-of-contents-inpost{ margin-left: 20px !important;}
.table-of-contents-inpost li:not(:last-child) { margin-bottom: 15px !important;}
.table-of-contents-inpost li { font-size: 16px !important; line-height: 16px !important;}
.toc-3 {margin-left: 20px;}
.toc-4 {margin-left: 40px;}
@media (min-width: 1400px) { .table-of-contents__col { left: 40px; } }
@media (min-width: 1500px) { .table-of-contents__col { left: 120px; } }
@media (min-width: 1600px) { .table-of-contents__col { left: 180px; } }
@media (max-width: 992px) {
  section { margin-top:  0; }
  .banner-1 .confettis-1 { display: none; }
  .banner-1 .confettis-2 { display: none; }
  .banner-1 .confettis-3 { display: none; }
}
.sharethis-inline-share-buttons {display: flex !important; flex-direction: column;}
.sharethis-inline-share-buttons .st-btn {display: inline-flex !important; margin-right: 0px !important; margin-bottom: 5px;height: 50px !important;padding: 6px 15px !important;}
.sharethis-inline-share-buttons .st-btn img {width: 24px !important;height: 24px !important;}

/* Blog Post */
@media (min-width: 768px) {
  .blog-post h1,.blog-post__title{font-size:2.25rem;line-height:2.5rem;font-size:36px;margin-bottom:40px;text-align:center;font-weight:900;font-size:46px;line-height:1.1}
  .blog-post h2:not(.blog-post__title){font-size:34px;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}
  .blog-post h3:not(.blog-post__title){font-size:26px;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}
  .blog-post h4{margin-bottom:20px}
  .blog-post p,.blog-post ul li,.blog-post ol li{line-height:32px;font-size:18px;margin-bottom:30px}
  .blog-post p:last-child{margin-bottom:0}
  .blog-post ul,.blog-post ol{margin-bottom:50px}
  .blog-post ul{list-style:disc;margin-left:0;padding-left:19px}
  .blog-post ol{list-style:decimal;margin-left:0;padding-left:19px}
  .blog-post ul li:not(:last-child),.blog-post ol li:not(:last-child){margin-bottom:16px}
  .blog-post .entry-content p:first-of-type{opacity:.7}
  .blog-post .youtube-player {
    min-height: 420px !important;
  }
}

/* CSS for index.php */
.banner-text-container{width:100%}
.banner-bg{background-image:url(../img/blog/confettis-2.png);background-size:contain;opacity:.2;width:92%;height:100%;position:absolute;z-index:-1}
.post .category-badge{text-decoration:none}
.post .post-title a{color:#1a1a1a;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:transparent;transition:text-decoration-color 0.3s ease-in-out}
.post .post-title a:hover{text-decoration-color:#000}
.post .post-date{color:#999;font-size:.875rem}
.post .post-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform 0.3s}
.post .post-thumbnail img:hover{transform:scale(1.03)}
.post .post-thumbnail a{overflow:hidden;border-radius:12px}
.featured-post .image-container{width:50%;display:flex;overflow:hidden}
.featured-post .post-author{display:flex;padding-top:10px}
.featured-post .post-author img{border-radius:50%;width:70px;margin-right:20px;border:1px solid #fff;outline:2px solid #007bff}
.featured-post .post-author p{font-size:14px}
.featured-post .text-container{margin-left:50px;width:50%}
.featured-post .featured-title{font-size:3rem;margin-bottom:15px;line-height:1.1}
.secondary-post .image-container{width:40%;display:flex;overflow:hidden}
.secondary-post .text-container{width:60%;margin-left:20px}
.all-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post .all-posts .post-content{margin-top:20px}
.post .format-grid .post-title{font-size:20px;margin-top:20px;margin-bottom:10px}
.post .format-grid{margin-bottom:25px}
.post .format-grid .post-thumbnail a{width:100%;height:240px;display:inline-block;overflow:hidden;border-radius:12px}
.no-found-posts{height:calc(100vh - 185px)}
@media (max-width:992px){.featured-post .image-container{width:100%;margin-bottom:15px}
.featured-post .image-container img{max-height:300px}
.featured-post .text-container{margin-left:0;width:100%}
.featured-post .featured-title{font-size:2rem;line-height:1.2}
.secondary-post .image-container{width:100%}
.secondary-post .text-container{width:100%;margin-left:0}
.all-posts-grid{grid-template-columns:repeat(1,1fr)}
.banner-text-container{width:100%}
}