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


/* ==== before entrystyles =======*/
.before-entry-box {
	position: relative;

	display: block;
	/*border: 1px solid red;	margin: 0rem auto 4rem;
		margin-bottom: 2rem; clear: both;*/
}

.page-template-page-full-width .lang-bar,
.page-template-page-undsci101 .lang-bar {
	float: none;
	position: absolute;
	top: 35px;
	right: 10px;
}
/* =======hide these titles 
725 = science flowchart
793 = flowchart text 
13 = translations
9 = about======*/
.page-id-725 .entry-header h1,
.page-id-793 .entry-header h1,
.page-id-13 .entry-header h1,
.page-id-9 .entry-header h1 {
	display: none;
}

/*.before-entry-box .ui-widget-content a {
	 color: #0073e5; 
}*/

/* minimalist tabs ======
http://keith-wood.name/uiTabs.html#tabs-nohdr*/

#pre-tabs { 
    background: transparent; 
    border: none; 	
	font-size: 93%;
} 

#pre-tabs :focus {
	outline: none;
}
#pre-tabs p {
	margin-bottom: 15px;
}

.ui-tabs ul {
	margin-left: 1rem;
}
.ui-tabs-panel li {
	list-style-type: disc;
}
#pre-tabs .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #c0c0c0; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 

#pre-tabs .ui-tabs-nav .ui-state-default { 
    background: transparent;
    border: none; 
} 
#pre-tabs .ui-tabs-nav .ui-state-default a { 
  /* color: #096F95; */
	color: #2B7E89;
	border: none;
} 

#pre-tabs .ui-tabs-nav .ui-state-default a:hover {
	color: #DE7B3A;
}

#pre-tabs .ui-tabs-nav .ui-state-active { 
   background: transparent url(../images/uiTabsArrow.png) no-repeat bottom center;  
	/*background: transparent url(../images/uiTabsArrow-up-solid.png) no-repeat bottom center;*/
   border: none; 
} 

#pre-tabs .ui-tabs-nav .ui-state-active a::before, 
.before-entry-box #pre-tabs .ui-tabs-nav a::before {
	margin-right: 4px;
	font-family: FontAwesome !important;
    float: left !important;
}

#pre-tabs .ui-tabs-nav .ui-state-default a::before {
	 content: "\f0fe"; 
}
#pre-tabs .ui-tabs-nav .ui-state-active a::before {
	 content: "\f150"; 
}


/*.before-entry-box #pre-tabs .ui-tabs-nav a.snapshot::before {
	 content: "\f083"; 
	 
}
.before-entry-box #pre-tabs .ui-tabs-nav a.misconceptions::before {
	 content: "\f05e";
} */

.content #pre-tabs .ui-tabs-nav .ui-state-active a,
#pre-tabs .ui-tabs-nav .ui-state-default a:hover { 
   font-weight: 600; 	
	border: none;
}

#pre-tabs .ui-tabs-panel {
	border: 1px solid #c0c0c0;
	border-top: none;
}

.page-template-page-full-width .breadcrumb,
.page-template-page-undsci101 .breadcrumb {
	margin-bottom: 1rem;
}

.page-template-page-full-width .content .entry-title,
.page-template-page-undsci101 .content .entry-title {
	clear: both;
	margin-top: 3rem; 
}

.page-template-page-undsci101 .entry-content ul.red-check-marks li {
	list-style-type: none;
	
}
.page-template-page-undsci101 .entry-content .red-check-marks > li {
	margin-bottom: 1rem;
	/* list-style-image: url("images/red-check-mark.jpg"); */
	padding: 0 0 5px 25px; 
	background: url("images/red-check-mark.jpg") no-repeat left top ;
	}
/*==================================== bottom tabs ===== */
#tabs1 > .r-tabs-nav > .r-tabs-tab > a.Scienceinaction::before,
#tabs1 > .r-tabs-nav > .r-tabs-tab > a.Teachthis::before,
#tabs1 > .r-tabs-nav > .r-tabs-tab > a.Teachingresources::before,
#tabs1 > .r-tabs-nav > .r-tabs-tab > a.Moreinfo::before {
	margin-right: 4px;
	font-family: FontAwesome !important;
    float: left !important;

}

#tabs1 > .r-tabs-nav > .r-tabs-tab > a.Scienceinaction::before {
	content: "\e4dc";
}

#tabs1 > .r-tabs-nav > .r-tabs-tab > a.Moreinfo::before {
	content: "\f15c";
}

#tabs1 > .r-tabs-nav > .r-tabs-tab > a.Teachthis::before,
#tabs1 > .r-tabs-nav > .r-tabs-tab > a.Teachingresources::before{
	content: "\f51c";
}


/* ============ Example blocks ============= */

.example-block {
	/*background: #F5F5F5;	border-left: 15px solid #055C60;
	background: #eaf3f6; background: #E9F4E7;*/
	background: #efeef3;
	padding: 2rem;
	border: 1px solid #055C60;
	border-left: 15px solid #055C60;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	margin-bottom: 2rem;
}

.example-block h3,
.example-block h4 {
	color: #096F95;
	text-transform: capitalize;
}

.sidetrip,
.sidetrip-right,
.sidetrip-left {
	width: 48%;
	padding: 1rem 2rem 0;
	border: dotted 1px #096F95;
	background: #fff;
}

.sidetrip  {
	width: 98%;
	margin: 1rem auto;
}

.sidetrip h4,
.sidetrip-right h4,
.sidetrip-left h4 {
	margin-top: 0;
	text-transform: uppercase;
}

.sidetrip h4::before,
.sidetrip-right h4::before,
.sidetrip-left h4::before,
#tabs1 > .r-tabs-nav > .r-tabs-tab > a.Takeasidetrip::before {
	margin-right: 4px;
	font-family: FontAwesome !important;
    float: left !important;
	content: "\f14d";
}

/*.example-block h3.prototype::before {
	content: "\f610";
} */

.sidetrip-right {
	float: right;
	margin: 0 0 2rem 2rem;
}

.sidetrip-left {
	margin: 0 2rem 2rem 0;
	float: left;
}

/*--------------------- click show hide styles -------------- */
.click-here-content {
	margin-top: 1rem;
	border: 1px dashed #545365; 
	padding: 1rem;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.flip-text,
.flip-text-2 {
	text-decoration: underline;
	color: #068eb4;
	cursor: pointer;
}

.flip-text:hover,
.flip-text-2:hover {
	color: #DE7B3A;
}
 
.show-panel,
.show-panel-2{
	width: 90%;
	height: auto;
	display: none;
	margin: 2rem auto;
	padding: 2rem;
}

/*===========toolkit styles===========*/
.toolkit {
	background: #FFFEEE;
	width: 90%;
	padding: 2rem;
	margin: 2rem auto;
	border: 2px dashed #f5841e;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


/*.toolkit ul li {
	/*list-style-type: none;
	display: table-row;
}

.toolkit ul li:before {
	margin-right: 12px;
	font-family: FontAwesome !important;
    float: left !important;
	 content: "\f192"; 
	display: table-cell;
}*/
.toolkit ul li {
	list-style-type: circle;
} 
.toolkit ul > li.highlight  {
	background: #294A59;
	color: #fff;
	list-style-type: disc;
	 box-shadow: -2em 0 #294A59;
  filter: drop-shadow(2px 0) drop-shadow(-2px 0) drop-shadow( 0 2px) drop-shadow(0 -2px);
}

.newspaper {
	background: #EEEEEE;
	padding: 2rem 3rem;
	width: 100%;
	margin: 1.5rem auto;
	border: 1px dotted #000;
	line-height: auto;
}

.newspaper,
.newspaper h3 {
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
/*=========== prev/next styles ===============*/
.page-template .next-block,
.page-template .previous-block,
.content-sidebar .content-sidebar-wrap .next-block,
.content-sidebar .content-sidebar-wrap .previous-block {
	display: block;
	width: 45%; 
}

.full-width-content .content-sidebar-wrap .previous-block,
.content-sidebar .content-sidebar-wrap .previous-block {
	float: left;
}

.page-template a.btn,
.full-width-content .content-sidebar-wrap .previous-block a.btn,
.full-width-content .content-sidebar-wrap .next-block a.btn,
.content-sidebar .content-sidebar-wrap .previous-block a.btn,
.content-sidebar .content-sidebar-wrap .next-block a.btn {
	display: inline-block; 
	background: #2B7E89;
	/*background: #0E778D; background: #268A9F; background: #3998B8; */
	padding: 5px 15px 5px 8px; 
	color: #fff;  
	margin-bottom: 5px;
	text-decoration: none;
	border: 2px solid #E0F2F4;
	/*box-shadow: -3px 4px 38px -5px rgba(0,0,0,0.75);
-webkit-box-shadow: -3px 4px 38px -5px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 4px 38px -5px rgba(0,0,0,0.75);
	-webkit-box-shadow: -9px 10px 9px -10px rgba(0,0,0,0.59); 
	box-shadow: -9px 10px 9px -10px rgba(0,0,0,0.59);
	 background: #00A597; 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;*/
}

/* prev arrow */
.full-width-content .content-sidebar-wrap .previous-block a.btn,
.content-sidebar .content-sidebar-wrap .previous-block a.btn {
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

/* next arrow */
.full-width-content .content-sidebar-wrap .next-block a.btn,
.content-sidebar .content-sidebar-wrap .next-block a.btn {
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomright: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}


.full-width-content .content-sidebar-wrap .previous-block a.btn:hover,
.full-width-content .content-sidebar-wrap .next-block a.btn:hover,
.content-sidebar .content-sidebar-wrap .previous-block a.btn:hover,
.content-sidebar .content-sidebar-wrap .next-block a.btn:hover {
	background: #DE7B3A;
	/* background: #F39C07; */
}

.full-width-content .content-sidebar-wrap .previous-block a.btn:before,
.full-width-content .content-sidebar-wrap .next-block a.btn:after, 
.content-sidebar .content-sidebar-wrap .previous-block a.btn:before,
.content-sidebar .content-sidebar-wrap .next-block a.btn:after {
	content: "\f141";
	display: inline-block;
	 -webkit-font-smoothing: antialiased;
	 font: normal 20px/1 'dashicons';
	 vertical-align: middle;
}
.full-width-content .content-sidebar-wrap .previous-block p,
.content-sidebar .content-sidebar-wrap .previous-block p {
	margin-left: 5px; 
	display: block;
}

.full-width-content .content-sidebar-wrap .next-block,
.content-sidebar .content-sidebar-wrap .next-block {
	float: right; 
	text-align: right; 

}
.full-width-content .content-sidebar-wrap .next-block a.btn,
.content-sidebar .content-sidebar-wrap .next-block a.btn {
	/* -webkit-box-shadow: 11px 10px 9px -10px rgba(0,0,0,0.59); 
	box-shadow: 11px 10px 9px -10px rgba(0,0,0,0.59); 
	box-shadow: 1px 5px 6px -2px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 5px 6px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 5px 6px -2px rgba(0,0,0,0.75);*/
	
}

.full-width-content .content-sidebar-wrap .next-block a.btn:after,
.content-sidebar .content-sidebar-wrap .next-block a.btn:after {
	content: "\f139";
}


/** ============sidebar menu====== *********/
.sidebar-childmenu {
	/* -webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px; 
	 -webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleftt: 10px;
	border-bottom-left-radius: 10px; 
	border: 1px solid #999;
	background: #f2f9fb;
	background: #f5f5f5;
	background: #F6F7EF;border: 1px dotted #f5841e;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #f6f9fa;
	border: 1px dotted #6de1ee;
}

.sidebar-childmenu h3 {
	font-size: 1.5rem;
	color: #000;
	padding: 1rem;
	background: #026F70 url('/wp-content/uploads/2022/07/flowchart-bg-green.png') repeat;
	/*background: #0E778D url('/wp-content/uploads/2022/07/bubbles-arrows-400.png') repeat;
	 background: #00A597; 
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
}

.sidebar-childmenu h3.widget-title a {
	color: #fff;	
}

.sidebar .widget ul.child-page-links {
	font-size: 16px;
	/* padding: 0 2rem 2rem 2rem; */
	text-decoration: none;
}
.sidebar .widget ul.child-page-links > li {
	margin-bottom: 0;
}

.sidebar .widget ul.child-page-links a {
	text-decoration: none;	
	padding: .5rem 2rem .5rem 1rem;
	display: block;
	 -webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px; 
}

.sidebar-childmenu li.current_page_item a {
	color: #DE7B3A;
	/* color: #c56208; */
}

.sidebar-childmenu li.current_page_item ul.children a {
	/* color: #00A597; 
	color: #008494;*/
	color: #068eb4;
	
}

.sidebar-childmenu li.current_page_item ul.children a:hover {
	/* color: #F39C07; */
	color: #DE7B3A;
}

/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (max-width: 990px) {

	.page-template-page-undsci101 .two-thirds {
		width: 60%;
	}

}

@media only screen and (max-width: 960px) {

	.page-template-page-undsci101 .two-thirds {
		width: 100%;
		margin-left:0;
	}

}
@media only screen and (max-width: 959px) {

	.page-template-page-undsci101 .two-thirds {
		width: 100%;
		margin-left:0;
	}
	
	.content-sidebar-wrap .prev-next-widget {
		display: none;
	}
}


@media only screen and (max-width: 750px) {

	.page-template-page-undsci101 .one-third {
		width: 40%;
	}

	
}

@media only screen and (max-width: 600px) {
	
	.page-template-page-full-width .lang-bar,
	.page-template-page-undsci101 .lang-bar {
		position: relative;
		float: right;
		
	}
}

@media only screen and (max-width: 430px) {
	.page-template-page-undsci101 .content .entry-title {
		margin-top: 6rem;
	}
	
	.page-template-page-full-width .lang-bar,
	.page-template-page-undsci101 .lang-bar {
		margin-bottom: 3rem;
		
	}
}