:root {
  --warna-primer-1-50: #FFF3E0;
  --warna-primer-1-100: #FFE0B2;
  --warna-primer-1-200: #FFCC80;
  --warna-primer-1-300: #FFB74D;
  --warna-primer-1-400: #FFA726;
  --warna-primer-1-500: #FF9800;
  --warna-primer-1-600: #FB8C00;
  --warna-primer-1-700: #F57C00;
  --warna-primer-1-800: #EF6C00;
  --warna-primer-1-900: #E65100;
}

a {
	transition: color 300ms;
}

a:hover {
	transition: color 300ms;
	color: var(--warna-primer-1-900) !important;
}

/* button submit */
.block_make_submission_link {
	color: rgba(255,255,255,0.8);
	border-color: var(--warna-primer-1-900) !important;
	background-color: var(--warna-primer-1-800);
}

.block_make_submission_link::before {
	border-right: 1px solid var(--warna-primer-1-900) !important;
}

.block_make_submission_link:hover {
	color: rgba(255,255,255,0.8) !important;
	background-color: var(--warna-primer-1-500) !important;
}
.block_make_submission_link:hover::before {
	background-color: var(--warna-primer-1-500) !important;
}

.org-list {
	margin: 0 -1rem;
	padding: 1.5rem 0;
}


.org-list > a {
	padding: 0 1rem !important;
}

@media(min-width: 768px) {
	.site-title,
	.site-description {
		display: none;
	}

	.site-header .banner-wrap .container {
		position: relative;
	}
	.site-header .site-banner {
	    display: block;
	    height: 150px;
	}

	.site-branding {
	    position: absolute;
	    top: 32px;
	}

	.navigation .navbar {
 	   border-bottom: 3px solid #529d38 !important; 
	}
	.main-navigation .navbar.bg-light {
		background-color: #d0e5c9 !important;
	}

	.jurnal-page-ethics .page {
		padding-right: 3rem;
	}
	.jurnal-page-ethics .site-main > h2 {
		margin-bottom: 2rem;
	}

	

}



.banner-wrap {
    position: relative;
}

.banner-wrap > .container {
    /*display: none;*/
}

.banner-overlay {
    border: 0px solid rgba(0,0,0,0);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

.banner-overlay img, .footer-logo img {
    object-fit: cover;
	height: 100%;
}

.footer-logo {
    display: block;
    height: 100px;
}

@media(max-width: 960px) {
    .banner-overlay, .banner-wrap, .site-branding {
        display: none;
    }
}


@media(max-width: 768px) {
    .org-list {
        display: flex;
    }
    .org-list li{
        flex: 1 1;
    }

}