.IBMSMSMBSSPost { width: 100%; overflow: hidden; border-radius: 15px; display: flex; flex-direction: column; align-items: center; grid-gap: 25px; background: rgba(255,255,255,0.05); box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); position: relative; padding: 0 0 50px 0; } .IBMSMSMBSSPostPicture { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 56.25%; } .IBMSMSMBSSPostTitle { width: 100%; padding: 15px; padding: 0px; display: flex; flex-direction: column; align-items: center; } .IBMSMSMBSSPostBody { width: 100%; padding: 0; display: flex; flex-direction: column; align-items: center; position: relative; overflow: hidden; } .IBMSMSMBSSPostTitleHeading { width: 100%; } .IBMSMSMBSSPostTitleText { width: 100%; } .IBMSMSMBSSPostTitleText > blockquote { border-radius: 0 10px 10px 0; border-left: solid 6px rgba(255, 255, 255, 0.1); padding: 25px; background: #232323; color: rgba(255, 255, 255, 0.75); } .IBMSMSMBSSPostInside { display: flex; flex-direction: column; grid-gap: 25px; padding: 0 15px; width: 100%; max-width: 775px; } .IBMSMSMBSSPostImg { width: 100%; margin: 15px 0; background: #232323; border-radius: 10px; } .IBMSMSMBSSPost_PostDetails { width: 100%; height: 100%; display: flex; flex-direction: row; grid-gap: 5px; border-radius: 15px; overflow: hidden; padding: 5px 15px; border: solid 1px rgba(255,255,255,0.1); justify-content: space-around; } @media (max-width: 576px) { .IBMSMSMBSSPost_PostDetails { flex-direction: column; } } .IBMSMSMBSSPost_PDElement { transition: ease 0.4s; /*width: 100%;*/ display: flex; flex-direction: row; grid-gap: 10px; justify-content: start; align-items: center; color: rgba(255,255,255,0.25); padding: 10px 15px; border-radius: 10px; position: relative; } .IBMSMSMBSSPost_PDElementLink::before { transition: ease 0.4s; background: linear-gradient(to top right, #262626, #292929, #262626); opacity: 0; content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; border-radius: 10px; } .IBMSMSMBSSPost_PDElementLink:hover::before { transition: ease 0.4s; background: linear-gradient(to top right, #262626, #292929, #262626); opacity: 1; } .IBMSMSMBSSPost_PDElementIcon { } .IBMSMSMBSSPost_PDElementText { } .IBMSMSMBSSPost_PDElement.IBMSMSMBSSPost_PDElementLink { transition: ease 0.4s; text-decoration: unset; } .IBMSMSMBSSPost_PDElement.IBMSMSMBSSPost_PDElementLink:hover { transition: ease 0.4s; text-decoration: unset; color: rgba(255,255,255,0.75); box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); } .IBMSMSMBSSPostBodyHide { bottom: 0; left: 0; right: 0; height: 100%; position: absolute; border: solid 1px rgba(255,255,255,0.1); border-radius: 10px; background: linear-gradient(rgba(0,0,0,0) 0%, #232323 100%); display: flex; flex-direction: column; justify-content: end; align-items: center; padding: 15px; color: rgba(255,255,255,0.75); font-weight: bold; cursor: pointer; box-shadow: inset 0 0 8px 0 rgb(0,0,0,0.1); } .IBMSMSMBSSModFor { width: 100%; border-radius: 10px; padding: 15px; color: rgba(255,255,255,0.65); background: rgba(255,255,255,0.05); box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .IBMSMSMBSSModForPara { font-weight: bold; } .IBMSMSMBSSModForLink { transition: ease 0.4s; font-weight: normal; color: rgba(255,255,255,0.5); text-decoration: none; } .IBMSMSMBSSModForLink:hover { transition: ease 0.4s; color: rgba(255,255,255,0.75); text-decoration: underline; } .IBMSMSMBSSShots { max-width: 100%; min-width: 0px; overflow-x: auto; display: flex; flex-direction: row; grid-gap: 10px; background: rgba(0,0,0,0.1); border-radius: 10px; padding: 10px; box-shadow: inset 0 0 8px 0 rgb(0,0,0,0.1); } .IBMSMSMBSSShotsImg { min-width: 250px; border-radius: 10px; overflow: hidden; height: 140.625px; object-fit: cover; cursor: pointer; } .IBMSMSMBSSPostsWrapper { display: flex; flex-direction: column; grid-gap: 15px; } .IBMSMSMBSSPostsTitle { color: rgba(255,255,255,0.5); }