:root {
    /* GENERAL COLOR */
    --bg-col-1: #29154a;
    --bg-col-3: #fff;
    --bg-col-4: #024c96;
    --tx-color-1: #fff;
    --tx-color-2: #000;
    --tx-color-3: #29154a;
    /* READ MORE COLOR */
    --tx-rm-color-1: #fff;
    --bg-rm-color-1: #fff;
    /* TAG BOTTOM-RIGHT COLOR */
    /* FOOTER CARD COLOR */
    --bg-ft-col-1: #29154a;
    --tx-ft-color-1: #fff;
    --tx-focus-section-title: #212529;
    --bg-focus-section: aliceblue;
    --bg-focus-card-overlay: rgba(0, 89, 179, 0.5);
    --tx-focus-hover: #fff;
    --tx-focus-font-weight: 400;
    --tx-focus-tag-color-1: #fff;
    --bg-focus-tag-color-1: #d59525;
    --bg-focus-cat: #d59525;
    --tx-focus-cat: #fff;
    --bg-focus-footer: #29154a;
    --tx-focus-footer: #fff;
    --bg-focus-card: #fff;
    --tx-focus-card: #000;
    --tx-button: #fff;
    --bg-button: #29154a;
  }
.card-img-top{
    border-radius: 10px 10px 0 0;
}
  .focus-section .card {
    font-size: 1rem;
    border: var(--focus-border-card);
  }
  .focus-section .card .card-body {
    background: #272727;
    color: var(--tx-focus-card);
  }
  .focus-section .card .card-body .card-text {
    font-weight: var(--tx-focus-font-weight);
    color: white;
  }
  .focus-section .card .card-image {
    position: relative;
  }
  .focus-section .card .bottom-right-tag {
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--bg-focus-tag-color-1);
    padding: 5px 10px 5px 10px;
    border-top-left-radius: calc(.25rem - 1px);
    font-size: 0.8rem;
    font-weight: 200;
    color: var(--tx-focus-tag-color-1);
    z-index: 1;
  }
  .focus-section .card .bottom-right-tag a {
    color: var(--tx-focus-tag-color-1);
    text-decoration: none;
  }
  .focus-section .card .bottom-right-tag a:hover {
    color: var(--tx-focus-tag-color-1);
    text-decoration: underline;
  }
  .focus-section .card .sub-cat {
    font-weight: 600;
    font-size: 1rem;
    color: whitesmoke;
  }
  .focus-section .card .sub-cat .bg-category {
    background: var(--bg-focus-cat);
    color: var(--tx-focus-cat);
  }
  .focus-section .card .sub-cat a {
    color: var(--tx-focus-tag-a);
  }
  .focus-section .card .card-title {
    font-family: var(--font1);
    font-weight: 600;
    font-size: 1.3rem;
    color: white;
  }
  .focus-section .card .card-footer {
    background: var(--bg-focus-footer);
    color: var(--tx-focus-footer);
    border-radius: 0px 0px 10px 10px;
  }
  .focus-section .card .card-footer .card-footer__info {
    font-size: 1rem;
    font-weight: 300;
    position: relative;
  }
  .focus-section .card .read-more {
    position: absolute;
    right: 0;
    font-weight: 600;
  }
  .focus-section .card .read-more-1 {
    text-decoration: none;
    position: relative;
    color: var(--tx-focus-footer);
  }
  .focus-section .card .read-more-1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--bg-rm-color-1);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease-in;
  }
  .focus-section .card .read-more-1:hover {
    color: var(--tx-focus-footer);
  }
  .focus-section .card .read-more-1:hover::after {
    transform: scaleX(1);
    transform-origin: right;
    color: var(--tx-focus-footer);
  }



  /* Mobile Cards */

  .sidebar.widget {
    padding: 10px 20px;
  }
  .sidebar.widget ul {
      margin: 0px;
      padding: 0;
      overflow: hidden;
  }
  .sidebar.widget ul li {
      overflow: hidden;
      font-size: 14px;
      margin-bottom: 20px;
      border-bottom: 1px solid #dddddd24;
      padding-bottom: 20px
  }
  .sidebar-thumb{
      float: left;
      overflow: hidden;
      margin-right: 15px;
  }
  .sidebar-thumb img{
    padding: 6px;
    height: 75px;
    width: 75px;
  }
  .sidebar-content h5{
      font-size: 16px;
      cursor: pointer;
      line-height: 24px;
  }
  .sidebar-content h5 a:hover{
    color: #2996bd;
  }

  .sidebar-content h5 a{
      color: #ffffff;
      outline: 0 none;
      text-decoration: none;
      font-weight: bold
  }
  .sidebar-meta{
    margin-top: 10px;
  }
  .sidebar-meta span{
    color: #fbfbfb;
  }
  .sidebar-meta span.time{
    margin-right: 10px;
  }
  .sidebar-meta span i{
    color: #2996bd
  }


/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){

    .focus-section .card {
        font-size: 0.8rem;
      }

    .focus-section .card .card-title {
        font-size: 1rem;
    }

    .focus-section .card .card-footer .card-footer__info {
        font-size: 0.8rem;
    }

    .focus-section .card {
        font-size: 0.8rem;
      }
      .focus-section .card .bottom-right-tag {
        font-size: 0.5rem;
      }
    .focus-section .card .sub-cat {
        font-size: 0.8rem;
      }
}