@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'universal';
  src: url('../../fonts/Sansation-R.woff');
  font-display: swap;
}

/* CONTAINER --START-- */
#disclaimer_img {
	margin-right:10px;
	width: 80px;
}
#articles-container {
	display:flex; flex-direction: column; flex-wrap:wrap;
	justify-content: space-around;
	margin: 10px 10px 15px; padding: 10px 20px;
}
.c-box {
	padding:15px 15px; margin:5px 0px;
  border-radius: 12px; border: solid thin black;
  box-shadow: 6px 6px 13px -4px darkgrey;
	-moz-box-shadow: 6px 6px 13px -4px darkgrey;
	-webkit-box-shadow: 6px 6px 13px -4px darkgrey;
}
.c-box p {
  font-family: 'chinese-base'!important;
  font-size: 17pt; font-weight:normal;
	text-align: justify;
  text-indent: 12px; line-height: 1.5; letter-spacing: 0.5px;
}
.c-box p+p {
  margin:3px 0px;
}
.c-box p a {
	text-decoration: none;
	background-color:dimgray; color:white;
	border-radius: 8px; border:solid thin gray;
	padding: 0px 3px;
}
.c-box p a:hover {
	background-color:white; color:dimgray; text-decoration: underline;
	border-radius: none; border:none;
	padding: 0px 3px;
}
.c-box ul, .c-box ol {
  font-family: 'chinese-base'!important;
  font-size: 17pt; font-weight:normal;
  line-height: 1.5; letter-spacing: 0.5px; text-align: justify;
	text-indent: 0px;
}
.c-box ul li+li {
	margin:5px 0px;
}
/* CONTAINER --END-- */


/* SOURCES --START-- */
.pill-nav-src {
  position:relative; display: flex;
  flex-wrap: wrap; flex-direction:row; 
	justify-content: center; align-content: center; align-items: center;
  margin:15px 5px;
}
.pill-nav-src a {
	display:block; width:190px; height:150px;
	margin:10px 12px; padding: 5px 10px;
  font-size: 17pt; font-weight:bolder;
	font-family: 'header-big'; text-transform: uppercase;
  text-decoration: none; letter-spacing: 0.5px; text-align: center;
  border-radius: 10px;
}
.pill-nav-src .source-svg {
	width:55%;
}
.pill-nav-src .source-svg-2 {
	width:32%;
	padding-top:3px;
}
.pill-nav-src .source-svg-3 {
	width:35%;
	padding-top:3px;
}
.pill-nav-src .source-svg-4 {
	width:45%;
	padding-top:3px;
}
.pill-nav-src a#online-sources {
	border:solid medium indigo;
}
#online-sources {
	color:indigo;
}
.pill-nav-src a#online-sources:hover {
  background-color: indigo; color: white;
  border: solid medium indigo;
}

.pill-nav-src a#paper-sources {
	border: solid medium indianred;
}
#paper-sources {
	color: indianred;
}
.pill-nav-src a#paper-sources:hover {
  background-color: indianred; color: white;
  border: solid medium indianred;
}

.pill-nav-src a#useful-materials {
	border:solid medium seagreen;
}
#useful-materials {
	color:seagreen;
}
.pill-nav-src a#useful-materials:hover {
  background-color: seagreen; color: white;
  border: solid medium seagreen;
}

.pill-nav-src a#special-thanks {
	border:solid medium orangered;
}
#special-thanks {
	color:orangered;
}
.pill-nav-src a#special-thanks:hover {
  background-color: orangered; color: white;
  border: solid medium orangered;
}

.pill-nav-src a.active-src-online {
  background-color: indigo; color: white!important;
}
.pill-nav-src a.active-src-paper {
  background-color: indianred; color: white!important;
}
.pill-nav-src a.active-src-useful {
  background-color: seagreen; color: white!important;
}
.pill-nav-src a.active-src-thanks {
  background-color: orangered; color: white!important;
}
/* SOURCES --END-- */


/* ACCORDION --START-- */
.sources-block {
  border-radius: 0px;
  background-color: white;
  margin: 30px 0px; padding: 0px 5px;
}
.sources-block-header {
  font-size: 22pt; font-family: 'header-big';
  letter-spacing: 0.5px; text-transform: uppercase;
  margin:15px 0px 25px 15px;
}
.header-1 {
  color:indigo!important;
}
.header-2 {
  color:indianred;
}
.header-3 {
  color:seagreen;
}




@media screen and (max-width : 850px ){
.a-box {
 	min-width: 300px; min-height: 200px;
  margin:20px 10px 5px;
}
.pill-nav-src a {
  width:200px;
  margin: 5px 5px 5px;
}
}


@media screen and (max-width : 550px ){
#articles-container {
	margin: 10px 6px; padding: 10px 2px;
}
.c-box p {
  font-family: 'chinese-base'!important;
  font-size: 15pt; font-weight:normal; text-align: justify;
  text-indent: 8px; line-height: 1.35; letter-spacing: 0.5px;
}
.c-box ul, .c-box ol {
  font-size: 15pt; font-weight:normal; line-height: 1.35;
	letter-spacing: 0.5px; margin-left: -15px!important;
}



.pill-nav-src {
  display: flex; flex-wrap: wrap; flex-direction:row;
  justify-content: center;
  margin:5px 5px;
}
.pill-nav-src a {
  width:165px!important;
  margin: 5px auto; padding: 10px 5px;
  font-size: 15pt;
}
}


@media screen and (max-width : 390px ){
.c-box p {
  font-family: 'chinese-base'!important;
  font-size: 14pt; font-weight:normal; text-align: justify;
  text-indent: 6px; line-height: 1.35; letter-spacing: 0.5px;
}
.c-box ul, .c-box ol {
  font-size: 14pt; font-weight:normal;
  line-height: 1.35; letter-spacing: 0.5px;
}
}