/* Fonts */

/* Added By Noman on 01-11-2022 - KK-405 */
@font-face {
    font-family: D-DINExp-Bold;
    src: url('/assets/fonts/D-DINExp-Bold.otf');
}
@font-face {
    font-family: Inter-Medium;
    src: url('/assets/fonts/Inter-Medium.ttf');
}
/* start added by nabia for issue #365 kk-1131 on 07-03-2024*/
.footer-styling {
   
    color:#456B9C;
    font-size:20px;
    font-weight:bold;
    
}
/* Media query for tablet view */
@media only screen and (max-width: 768px) {
    .footer-styling {
        font-size: 14px;
    }
}

/* Start Added by Hammad for Duaa repayment form new fields design on KK-1093 at 1/11/24 */

/*<!--Updated by Hammad for KK-1140 at 2/22/2024-->*/
.wrap-f {
  
  position: relative;
  margin: 20px;
  margin-left: 0px;
  left: 26px;

    
}

.bp-f {
  border: 1px solid #ccc;
  padding: 1ex;
}
 
/* Generic floating style */
.float-f {
  position: absolute;
  top: -1.8ex;
  left: 1px;
  padding: 0 4px; 
  background: white;
  z-index: 1;
  font-size: 2px;
}

/* Media query for small devices */
@media only screen and (max-width: 500px) {

 
/* Generic floating style */
.float-f {
  font-size: 9px !important;
  position: absolute;
  top: -1.8ex;
  /* right: 1px; */
  padding: 0px;  
  background: white;
  z-index: 1;
   white-space: nowrap;
}
}
/* End Added by Hammad for KK-1093 at 1/11/24 */



/* Start Added by Hammad for Alumni news muultiple images development on KK-963 at 1/11/24 */

#imagePreviewContainer {
        display: flex;
        flex-wrap: wrap;
    }

    /* Style each image preview */
    .image-preview {
        position: relative;
        margin: 10px;
    }

    .image-preview img {
        width: 150px; /* Adjust the maximum width as needed */
        height: 150px; /* Adjust the maximum height as needed */
        border-radius: 10px; /* Add border-radius for rounded corners */
        border: 1px solid blue;
    }

    /* Style the close (X) button */
.close-preview {
    position: absolute;
    top: 0px;
    right: 2px;
    cursor: pointer;
    color: White; /* Change to white */
    font-size: 30px;
    font-weight: 700;
    /* border-radius: 50%; */
     padding-right: 5px;
    /* border: 2px solid white; Add a white border */
}

.image-row {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping to the next row */
}

.image-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
}

.remove-image-btn {
    text-align: center;
    margin-top: 5px;
}

/* End Added by Hammad for Alumni news muultiple images development on KK-963 at 1/11/24 */



/*Other css code for Alumni news*/
  .group-name {
font-size: 0.92rem;
}

@media (min-width: 992px) {

/* Tablet devices and up */
.group-name {

    font-size: 1.3rem;
}
}

/* to Hide Content Text area ad */

.tox-statusbar__branding
{
    display:none;
}

#news-heading
    {
    font-size: 2em;
    }
#news-content a{
        color:blue;
    }

@media (min-width: 992px) {
        /* Tablet devices and up */
        #news-heading
        {
            font-size: 2.4em;
        }
    }


/* For create post */

#create_post_modal .group_id{
    outline: 0;
    border-color: #ccc;
    width:464px;
    
}
/*added by nabia riaz for issue#257 kk-959 at 11-03-2024 for aligning SL of group post*/
@media only screen and (max-width: 565px) {
    #create_post_modal  .group_id {
        width: 100%; 
    }
}
#create_post_modal .group_id:focus{
    outline: 0;
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;

}

/* for posts load more button */
#load-more{
    display : flex;
    align-items : center;
    justify-content : center;
    font-size : 14px;
    width : 190px;
    height : 32px;
    background-color : #456B9C;
    color: white;
    margin: 0 auto;
    border-radius : 30px;
    transition : all .3s ease-out;
}