/* left sidebar */

.left-sidebar .stickycard {
    position: sticky;
    top: 3.5rem;
    margin-top: 1rem;
}

.postshare_tog {color:#222;font-size:1rem;transition: opacity 0.5s ease;}
.postshare_tog:hover + .postshare{opacity:1;}


.postshare{
    font-size: 1.25rem;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.postshare:hover {
    opacity: 1;
}

/* .postshare a {color:#222; width: 50px; height: 50px; border: 1px solid #222; border-radius: 50%;transition: all 0.2s ease; display: block; margin-left: auto; margin-right: auto;} */
.postshare a {color:#222;}
.postshare a:hover {color:#0d6efd; border-color: #0d6efd;}

/* right menu */

.right-menu {
    text-align: center;
    position: sticky;
    top: 3.5rem;
    margin-top: 1rem;
}


/* article */

img, .size-full, .img-responsive, .size-post-thumbnail {max-width: 100%; height: auto; margin-bottom: 1.5rem;}
.accordion-flush .accordion-item .accordion-button {text-transform: uppercase;}
h1.entry-title  {font-weight:700;}
.card-yarppflex {max-width: 128px; height: auto;}

@media (min-width: 992px) {  
  h1.entry-title  {font-size:3rem; font-weight:900; margin-top: 3rem; margin-bottom: 4rem;}
  .entry-content p {font-size:1.125rem; line-height: 1.75rem; margin-bottom: 1.25rem;}
  .entry-content li {font-size:1.125rem;}
  .entry-content h2, .entry-content h3 {font-weight:700; margin-top: 3rem; margin-bottom: 1.5rem;}
  .left-sidebar .stickycard, .right-menu {margin-top: 4rem;}
}

.home-bg-top {
color: #fff;
background: #012e45;
}

.home-bg {
background: #F8F9FA;
}


/* below post social links */

.social-link {
    color: #fff;
    background: #ff3f3f;
    display: block;
    transition: all 0.3s;
}

.social-link:hover, .social-link:focus {
    color: white;
    text-decoration: none;
}

.social-link .icon {
    width: 4rem;
    text-align: center;
    margin-right: 1.5rem;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.social-facebook {
    background: #3b5998;
}

.social-facebook:hover, .social-facebook:focus {
    background: #2d4373;
}

.social-twitter {
    background: #00aced;
}

.social-twitter:hover, .social-twitter:focus {
    background: #0087ba;
}

.social-linkedin {
    background: #0077B5;
}

.social-linkedin:hover, .social-linkedin:focus {
    background: #005582;
}

.social-link-gradient:hover, .social-link-gradient:focus {
    opacity: 0.9;
}

.social-link-gradient.social-facebook {
    background: linear-gradient(to right, #3b5998, #718dc8);
}

.social-link-gradient.social-twitter {
    background: linear-gradient(to right, #00aced, #54d0ff);
}

.social-link-gradient.social-linkedin {
    background: linear-gradient(to right, #0077B5, #1cb1ff);
}


/* top 3 hosts */

.featured-hosts {background: #eee; padding-top: 5rem; padding-bottom: 3rem;}

    .card-p {
      border:none;
      padding: 1rem 2rem;
      background-color:white;
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
    }

    .card-p:hover {
      transform: scale(1.02, 1.02);
      -webkit-transform: scale(1.02, 1.02);
      backface-visibility: hidden; 
      will-change: transform;
      box-shadow: 0 1rem 3rem rgba(0,0,0,.75) !important;
    }

    .card-p .btn-outline-primary{
      border-radius: 0.5rem;
      font-size: 1rem;
    }

    .card-p:hover + .btn-outline-primary{
      color:white;
      background:#007bff;
    }


.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #ddd;
  font-size: 25px;
  height: 25px;
  position: relative;
  padding: 0;
  margin-left: 10px;
}
.star-ratings-css-top {
  color: orange;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}


.card-h{
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  cursor: pointer;
  height: 90%;
  background-color: #fcfcfc;
}
.card-h:hover{
  transform: scale(1.025);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  background-color: #f9f9f9;
}
.card-h .card-body {padding: 2rem;}
.card-h .card-title {color: #3f51b5; font-weight: 700;}





.card-img-top {
    width: 100%;
    height: auto;
}

.card-img-top {
    width: 100%;
    height: 300px;
    object-fit: cover;
}



lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;}lite-youtube::before{content:'';display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0,0,.2,1)}lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:none}lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}










/* right sidebar */

.widget_recent_entries a {color:#8E623F;}
.widget_recent_entries a:hover {color: #4C301B}


.stickydiv {
    position: sticky;
    top: 4rem;
    margin-top: 0.2rem;
}

aside ul.xoxo {list-style-type: none; padding-left: 0}







.accordion-button:not(.collapsed) {
    color: #212529;
    font-weight: 700;
    background-color: white;
}
/*
.accordion-button:focus {
    border-color: white;
    box-shadow: none;
}
*/





#comments-list ul {padding-left: 0; list-style-type: none } 
#comments-list ul li {margin-bottom: 1rem}
#comments-list .comment-author {margin-bottom: 1rem}
#comments-list .comment-author img {border-radius: 50%}
#comments-list .comment-author cite {font-style: normal; margin-left: 0.5rem}
#comments-list .comment-author cite a {color: #333; text-decoration: none; font-weight:bold;}
.comment-body a.comment-reply-link  {color: #333; text-decoration: none; font-weight: 300; font-size: 14px;}
.comment-body a.comment-reply-link:before { content:"\21B3"; padding-right: 0.5rem;}

#comments-list .comment-body {border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; padding: 1.25rem}
#comments-list .commentmetadata {display: none}

#comments-list ul.children {margin: 1rem 0 1rem 1rem;}

#toc_container {padding: 1rem; word-wrap: break-word; background-color: #f9f9f9;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem; margin-bottom: 1rem;}
.toc_title {font-weight: bold}
.toc_list {list-style: none; padding-left: 0;}
.toc_list li {padding-bottom: 0.5rem;}