/* PUBLIC */

.background-primary{
    background: #37AE5F;
}


.paragraph-font-size{
    font-size: 20px;
}

.text-secondary-color{
    color: #034118;
}

.custom-index{
    z-index:10;
}

p,h1,h2,h3 { 
	font-family: Verdana,Geneva,sans-serif; 
}

/* HEADER */

.header-landing {
    background: #37AE5F;
    border-radius: 16px;
}

.header-font-size{
    font-size: 40px;
}

.bg-image{
    position: absolute;
    z-index: 1;
    width:550px;
    left:50px;
}

.btn-outline-custom{
    width:150px;
    border-radius: 20px;
    border:1px solid white;
    color: white;
    font-size: 21px;
}

.btn-outline-custom:hover{
    background: white;
    color: #37AE5F;
}

/* NEWS */
.gradient{
    background: linear-gradient(180deg, #EDF7EF 0%, rgba(91, 255, 91, 0) 100%);
    border-radius: 5px;
}


.news-image{
    border-radius: 10px;
}

.news-button{
    background: #B6EF9F;
    color: #37AE5F;
}

.news-button:hover{
    color: white;
    background: #37AE5F;
}

/* JADWAL SHOLAT */
.schedule-header{
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
}

.bg-sholat{
    position: absolute;
    z-index: 1;
    width:390px;
    right: 0;
    top:0;
    opacity:0.4;
}

.schedule-paragraph{
    font-size: 20px;
}

/* KEPENGURUSAN */
.committee-header{
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
}

.committee-background-icon{
    background: #37AE5F;
    border-radius: 15px;
}

.committee-size-icon{
    width: 130px;
}

.committee-text{
    font-weight:bold;
    font-size:30px;
    text-align: center;
}

/* DOKUMENTASI */

.documentation-header{
    color: #37AE5F;
}
.documentation-image{
    height:300px;
    border-radius:10px;
}

/* SARAN */
.suggest-header{
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
}

.btn-cancel {
    background-color: #B6EF9F !important;
    color: #37AE5F;
}

.btn-save {
    background-color: #37AE5F !important;
    color: white;
}

.suggest-paragraph{
    font-size: 20px;
    width:10px;
}

.suggest-button{
    background: #B6EF9F;
    color: #37AE5F;
    font-size: 20px;
}

.bg-suggest{
    position: absolute;
    z-index: 1;
    width:390px;
    left:0;
    top:30;
}