/***** Basic Parts *****/

body {
    font-family: 'Archivo', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #444;
}

.container {
	max-width: 900px;
}

.section-container {
	margin: auto;
	padding: 120px 0px;
}

.section-container-gray {
	background: #f9f9f9;
}

.section-container-warning {
	background: #56898c;
	background-image: url("../img/bg_whitebubbles.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	color: #FFF;
}

section.welcome {
	background: linear-gradient(315deg, rgba(214, 214, 214, 1) 0%, rgba(250,250,250,1) 100%);
	height: 100vh
}

section.welcome > div:first-of-type.container {
	background:
		linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)),
		url("../img/bg_image.png") no-repeat top right;
	margin: auto;
}

section.welcome > div:last-of-type.container {
	background: rgba(255, 255, 255, 0.85);
}

@media (min-width:576px) {
	section.welcome {
		height: 700px;
	}
		
	section.welcome > div:first-of-type.container {
		background: url("../img/bg_image.png") no-repeat top right;
	}
	
	section.welcome > div:last-of-type.container {
		background: none;
	}	
}

#rounded_summary > div > div.col-4:not(:first-child) {
	border-left: 1px solid #CCC;
}


/***** General style *****/

a, a:hover {
	text-decoration: none;
	color: #17155e;
	white-space: nowrap;
}

h1 {
	font-family: 'Readex Pro', sans-serif;
	font-weight: 900;
}

p {
	text-align: justify;
}

.text-warning {
	 color: #56898c !important;
}

.btn-warning {
	--bs-btn-border-color: #56898c !important;
	--bs-btn-bg: #56898c !important;
	--bs-btn-hover-bg: #56898c;
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-border-color: #56898c;
	--bs-btn-color: #FFF !important;
	--bs-btn-active-bg: #1d4a4d;
	--bs-btn-active-border-color: #1d4a4d;
	color: #FFF !important;
}

.btn-outline-warning {
	--bs-btn-border-color: #56898c !important;
	--bs-btn-hover-bg: #56898c;
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-border-color: #56898c;
	--bs-btn-color: #56898c;
	--bs-btn-active-bg: #56898c;
	--bs-btn-active-border-color: #56898c;
	
}

.bg-warning {
	background-color: #56898c !important;
}

.text-primary {
	color: #17155e !important;
}

.text-justify {
	text-align: justify;
}

.tippy {
	cursor: context-menu;
}

.ul-column-list-2, .ul-column-list-3, .ul-column-list-4 {
	column-count: 2; 
}

@media (min-width:992px) {
	.ul-column-list-3 {
		column-count: 3; 
	}
}

.dotdotdot {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	top: -1px;
	position: relative;
}

a.dotdotdot {
	display: block;
}



/***** Footer *****/

footer {
	padding: 40px 0 0 0;
	background: #444;
	color: #aaa;
	text-align: left;
}