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

@font-face {
  font-family: 'header-big';
  src: url('../../fonts/Magistral-Book.woff');
  font-display: swap;
}
@font-face {
  font-family: 'universal';
  src: url('../../fonts/Sansation-R.woff');
  font-display: swap;
}
.iframe {
    width: 1px!important;
    min-width: 100%!important; min-height: 100%;
		border-radius:8px!important;
		margin:10px auto 0px;
}

#mytabs {
	width:100%;
	margin:0px auto;
}
.tab-section h2 {
	color:white;
	font-size: 19pt; font-family: 'header-big';
  letter-spacing: 0.5px; text-align: center;
}

.tinytabs .tabs {
	margin-left: 0px;
	display: flex; flex-direction: row; flex-wrap: wrap;
	justify-content: center;
}


.resources {
	display:block;
	padding:25px 10px 25px 0px; margin-top:15px;
	background-color:white;
	border-radius:0px 0px 8px 8px;
}
.resources-list {
	margin: 5px 0px!important;
}
.resources-list li {
  font-size:14pt; font-weight:600; line-height: 1.4;
  font-family: 'universal'!important;
	letter-spacing: 0px;
}
.resources-list li:hover {
	cursor: pointer;
	background-color:LEMONCHIFFON;
}
.resources-list li+li {
  margin-top:12px;
}
.resources-list a {
  decoration:none;
  color: white; background-color:dimgray;
  padding: 0px 4px;
  border-radius:4px;
  font-weight: bold; letter-spacing: 0.5px;
}
.resources-list a:hover {
  text-decoration: underline;
  color: dimgray; background-color:white;
}






/* 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 0px;
}
.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: 'box-text'!important;
  font-size: 16pt; line-height: 1.5; font-weight:normal;
  text-align: justify; text-indent: 15px;
}
.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 dimgray;
	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: 'box-text'!important;
  font-size: 16pt; line-height: 1.5; font-weight:normal;
	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: 26pt; font-family: 'header-big';
  letter-spacing: 0.5px; text-transform: uppercase;
  margin:0px 0px 35px;
	text-align: center;
}
.header-1 {
  color:indigo!important;
}
.header-2 {
  color:indianred;
}
.header-3 {
  color:seagreen;
}
.header-4 {
  color:orangered;
}


/* ACCORDION --END-- */


@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 : 690px ){
#articles-container {
	margin: 10px 6px; padding: 10px 2px;
}
.c-box p {
  font-size: 14pt; line-height: 1.5; font-weight:normal;
  text-indent: 8px; text-align: justify;
}
.c-box ul, .c-box ol {
  font-size: 14pt; line-height: 1.5; font-weight:normal;
  margin-left: 0px!important;
}

.resources-list li {
	margin-left: 0px!important;
	text-align: justify;
}

.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;
}
}