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

/* extra exercises o */
.exWrapper {
	display:flex; flex-direction: column;
	width:100%; /*height:100%;*/
	background-color: white;
	margin:0 auto; padding:0;
	border-radius: 0 0 8px 8px;
}

.exTabs {
  display:flex; flex-direction: row; flex-wrap: wrap;
	align-content: stretch; justify-content:space-around; align-items:stretch;
	height:100%; width: 100%;
  margin:0px auto 25px auto; padding:0;
}
.exContent {
  display:block;
	height:100%; width: 100%;
  background-color: yellowgreen;
	margin:0 ; padding:0;
	border-radius: 0 0 12px 12px;
}

.exTabs button {
  display: block; width:8em; height:2.5em;
  background-color: dimgray; color: white;
  padding: 10px 5px; margin:4px;
  cursor: pointer; outline: none;
  font-family: 'header-big'; font-size: 12pt;
	text-align: center; font-weight: bold; letter-spacing: 1px;
  border: none;
  transition: 0.3s;
}
.exTabs button:hover {
  background-color: darkorange;
	/*border: solid 2px dimgray;*/
}
.exTabs button.active {
  background-color: LIMEGREEN; color: white;
	/*border-top: solid 2px white; border-bottom: solid 2px white; border-left: none; border-right: none;*/
	cursor: default;
}
.exTabs button.active:before {
  content:"\2714  "; /*content:"\21E2  ";*/
	font-size: 11pt; font-weight: bold; letter-spacing: 0px;
}
.tabcontentEx {
  padding: 0px; min-height:5em;
	border-radius: 0 0 12px 12px;
}
/* extra exercises x */


#extframe2 {
	height:850px!important;
}

#extframe3_1, #extframe3_2, #extframe3_3, #extframe3_4, #extframe3_5, #extframe3_6, #extframe3_7, #extframe3_8, #extframe3_9, #extframe3_10, #extframe3_11, #extframe3_12, #extframe3_13, #extframe3_14, #extframe3_15, #extframe3_16, #extframe3_17, #extframe3_18 {
	min-height:100vh!important;
	border-radius: 0 0 12px 12px;
}

#extframe4 {
	min-height:100vh; border-radius: 0 0 12px 12px;
	/*width:100%!important;*/
}

#extframe5_1, #extframe5_2, #extframe5_3, #extframe5_4, #extframe5_5, #extframe5_6, #extframe5_7, #extframe5_8, #extframe5_9, #extframe5_10, #extframe5_11, #extframe5_12, #extframe5_13, #extframe5_14, #extframe5_15, #extframe5_16, #extframe5_17, #extframe5_18 {
	min-height:100vh!important;
	border-radius: 0 0 12px 12px;
}

#exercise6 iframe {
	padding: 0!important; margin: auto;
	transform:scale(0.85);
	-webkit-transform:scale(0.85);
  -moz-transform:scale(0.85);
  -ms-transform:scale(0.85);
}
.exercise-extras1 {
	position:relative; width: 100%; height: 100%;
	margin: 0px auto!important; padding: 5px 10px;
	border-radius: 8px 8px 0 0;
	background-color: LEMONCHIFFON;
}.exercise-extras1_ol {
	margin-left:-10px;
	font-size:13pt; line-height: 1.25; 
	text-align: justify; font-family: 'article-ind-text'!important;
	word-wrap: break-word; word-break:normal;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	color:black;
}.exercise-extras1_ol li+li {
	margin:10px 0px;
}.exercise-extras1_ol li+li:first-child, .exercise-extras1_ol li+li:last-child  {
	margin:0px 0px!important;
}
.highlighted {
	font-weight: bold;
	background-color: MEDIUMSPRINGGREEN;
	border-bottom: solid 2px gray;
}


@media screen and (max-width: 800px) {
#extframe2 {
	height:750px;
}
	
}

@media screen and (max-width : 690px ){
#exercise6 iframe {
	transform:scale(1);
	-webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
}
.exercise-extras1_ol {
	margin-left:25px;
	font-size:13pt; line-height: 1.25; font-family: 'article-ind-text'!important;
	color:black;
}

.exWrapper {
	display:flex; flex-direction: column;
}

.exTabs button {
  font-size: 13pt;
	padding: 10px 5px; margin:2.5px;
}

.exContent {
  display:block; flex-direction: column;
	align-content: center; justify-content: center; align-items: center;
	height:100%; width:100%;
  background-color: yellowgreen;
}

}

@media screen and (max-width : 450px ){
#extframe2 {
	height:680px;
}

}