/***
*
*
*/

.hospital-news-header{
    width: 90%;
    margin: 10px auto;
    display: grid;
    grid-template-columns: 2fr 8fr;
    gap: var(--space-grid);
}

section{
    width: 95%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: var(--space-grid);    
}

.hospital-news-view-item{
    display: grid;
    grid-template-rows: auto;
    width: 85%;
    height: 300px;
    margin: 10px;
    background-color: var(--bg-self);
    gap: 10px;
}

.hospital-news-view-item em{
    font-style: normal;
    text-decoration: none; 
    transform: rotate(0deg); 
}

/***
* hospital news editor part
*/
.hospital-news-editor-item h1{
    text-align: center;
    margin: 10px;
}

.hospital-news-editor-item article{
    margin: 10px;
    text-indent: 2em;
    line-height: 2em;
}

.hospital-news-editor-keys{
    margin-left: 40px;    
    font-size: var(--font-medium);
    font-weight: var(--text-base);
}
.hospital-news-editor-item input[type="text"]{
    width: 97%;
    height: 35px;
    text-align: left;
    margin-top: 10px;    
    border: 1px solid;
}

.hospital-news-editor-action{
    width: 55%;
    text-align: left;
    margin-left: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-grid);
}

.hospital-news-editor-action input{
    width: 55px;
    height: 35px;
    margin-top:  10px;
}

.hospital-news-editor-time{
    text-align: right;
    margin-right: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
}