/* Dropdown Button */
#multimediaapp .dropbtn, #blogsapp .dropbtn, #reportssapp .dropbtn {
    border: none;
    cursor: pointer;
  }
  .no-scroll {
    overflow: hidden;
  }
  #multimediaapp .media-cta-clr{color:#353E44}
  /* Dropdown container */
  #multimediaapp .dropdown, #blogsapp .dropdown, #reportssapp .dropdown {
    position: relative;
    max-width: 20rem;
    min-width: fit-content;
    border-radius: var(--radius-sm);
    border: 1px solid #D6D2C4;
  }
  #multimediaapp .media-image-wrapper, #blogsapp .media-image-wrapper, #reportssapp .media-image-wrapper {
    min-height: 30rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    background-color:var(--base-4)
  }
  /* Dropdown content (hidden by default) */
  #multimediaapp .dropdown-content, #blogsapp .dropdown-content, #reportssapp .dropdown-content {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 101%;
    min-width: 12rem;
    box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
  }
  #multimediaapp .dropdown-content ul, #blogsapp .dropdown-content ul, #reportssapp .dropdown-content ul {
    padding: var(--sm-1);
    background: var(--base-4);
    margin: 0;
    width: max-content;
    border-radius: var(--radius-sm);
  }
  #multimediaapp .dropdown-content li, #blogsapp .dropdown-content li, #reportssapp .dropdown-content li {
    list-style: none;
  }
  #multimediaapp .dropdown-content li:last-child a, #blogsapp .dropdown-content li:last-child a, #reportssapp .dropdown-content li:last-child a {
    margin: 0;
  }
  /* Links inside the dropdown */
  #multimediaapp .dropdown-content a, #blogsapp .dropdown-content a, #reportssapp .dropdown-content a {
    text-decoration: none;
    display: block;
    margin-bottom: var(--sm-4);
  }
  #multimediaapp .dropdown-content a:hover, #blogsapp .dropdown-content a:hover, #reportssapp .dropdown-content a:hover {
    text-decoration: underline;
  }
  #multimediaapp .media-wrapper, #blogsapp .media-wrapper, #reportssapp .media-wrapper {
    border-radius: var(--radius-lg);
  }
  #multimediaapp .pagination, #blogsapp .pagination, #reportssapp .pagination {
    gap: var(--sm-3);
  }
  #multimediaapp .pagination button, #blogsapp .pagination button, #reportssapp .pagination button {
    background: none;
    border: none;
    padding: 0;
    display: flex;
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.5);
    align-items: center;
  }
  #multimediaapp .pagination button i.icon, #blogsapp .pagination button i.icon, #reportssapp .pagination button i.icon {
    font-size: 2rem;
    padding: var(--xs-1);
  }
  #multimediaapp .pagination button:first-child, #multimediaapp .pagination button:last-child, #blogsapp .pagination button:first-child, #blogsapp .pagination button:last-child, #reportssapp .pagination button:first-child, #reportssapp .pagination button:last-child {
    color: rgba(53, 62, 68, 1);
    text-decoration: none;
  }
  #multimediaapp .pagination button.active, #blogsapp .pagination button.active, #reportssapp .pagination button.active {
    color: rgba(53, 62, 68, 1);
    font-weight: 700;
  }
  #multimediaapp #videoModal, #reportssapp #videoModal {
    position: fixed;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
  }
  #multimediaapp .modal-content, #reportssapp .modal-content {
    position: relative;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #multimediaapp #videoModal span.close, #reportssapp #videoModal span.close {
    height: 4rem;
    width: 4rem;
    background: var(--base-3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--xs-1);
  }    
  #multimediaapp .media-content-wrapper a span.icon, #reportssapp .media-content-wrapper a span.icon {
    font-size: 2rem;
    top: 2px;
    position: relative;
  }
  #multimediaapp .media-content-wrapper .tag, .news-stories-wrapper .tag.tag-text, #reportssapp .media-content-wrapper .tag {
    border-radius: var(--radius-sm);
    border: 1px solid #000;
  }
  
  /*.multimedia-gallery .no-result{
  	display: none;
  }
  .multimedia-gallery .media-type + .no-result{
  	display: block;
  }*/
  
  .blog-landing-thumb {
    gap: var(--lg-1) 0;
  }
  .tag.tag-text {
    border: 1px solid var(--base-1);
    border-radius: var(--radius-sm);
    padding: var(--xs-1);
  }
  #multimediaapp .media-content-wrapper a .icon, #reportssapp .media-content-wrapper a .icon {
    font-size: 2rem;
    color: #4DC3B3;
  }
  .blog-landing-thumb .card__content, #dynamicblogapp .card__content {
    justify-content: space-between;
    height: 100%;
    flex: 1;
  }
  .blog-landing-thumb .card__content .tag.tag-text, #dynamicblogapp .card__content .tag.tag-text{
  	flex: 1;
    max-width: max-content;
  }
  .blog-landing-thumb .card__content .card__date.tag-text, #dynamicblogapp .card__content .card__date.tag-text{
  	letter-spacing: normal;
    white-space: nowrap;
  }
  .blog-landing-thumb .card__link-wrapper:focus, #dynamicblogapp .card__link-wrapper:focus{
    /* border:none; */
    outline: 2px solid rgba(0, 0, 0, .25);
    outline-offset: 0;
    box-shadow: none;
  }
  #dynamicblogapp .card__link-wrapper{gap:0}
  .blog-landing-thumb .card__link-wrapper:hover, #dynamicblogapp .card__link-wrapper:hover {
    gap: var(--sm-4);
    background-color: transparent;
  }
  .blog-landing-thumb .card__link-wrapper {
    justify-content: start;
  }
  .blog-author-wrapper img{
  	border-radius: 100%;
  }
  #blogsapp .dropdown-content a.selected, #reportssapp .dropdown-content a.selected {
    text-decoration: underline;
  }
  #multimediaapp .pagination button:hover, #blogsapp .pagination button:hover{
    color:var(--primary-2);
  }
  #multimediaapp .media-wrapper:hover{
    background-color:var(--primary-1);
    color:var(--base-4)
    }
    #multimediaapp .media-wrapper:hover .media-cta{color: var(--base-4) !important;} 
  @media all and (max-width: 767.98px) {
    #blogsapp .media-type, #reportssapp .media-type {
      flex-direction: column;
    }
  }

#multimediaapp #videoModal .modal-content .close{top: 0px!important; right: -42px!important;}
#multimediaapp #videoModal .modal-content{width: auto!important;}