@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 */


#extframe1 {
	height:900px!important;
}

#extframe2_1, #extframe2_2, #extframe2_3, #extframe2_4, #extframe2_5, #extframe2_6, #extframe2_7, #extframe2_8, #extframe2_9, #extframe2_10, #extframe2_11, #extframe2_12, #extframe2_13, #extframe2_14, #extframe2_15, #extframe2_16, #extframe2_17, #extframe2_18 {
	min-height:100vh!important;
	border-radius: 0 0 12px 12px;
}

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

#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: lavender;
}.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 black;
}


@media screen and (max-width: 980px) {
#extframe1 {
	height:700px;
}

}


@media screen and (max-width : 690px ){
.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;
}

#extframe1 {
	height:675px;
}

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

}


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

}