/*
Theme Name: iBiology
Theme URI: http://github.com/lwangdu/ibiology
Author: Lobsang Wangdu and Anca Mosoiu | Edited by Cidney Hue
Author URI: http://www.sciencecommunicationlab.org
Description: Customized theme for iBiology, part of the Science Communication Lab.
Version: 2.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: 
Template: genesis
Text Domain: iBiology
*/

/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize - To make sure all browsers render more consistently
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* ## Utility
--------------------------------------------- */

.mobile-hide {
	visibility: hidden;
	clip: rect(0px, 0px, 0px, 0px);
	position: absolute;
	display: none;
}

.text-center {
	text-align: center;
}

@media only screen and (min-width: 800px) {
	.mobile-hide {
		visibility: visible;
		position: relative;
		display: block;
	}

	.mobile-show {
		visibility: hidden;
		clip: rect(0px, 0px, 0px, 0px);
		position: absolute;
	}
}

/* ## Alignment classes
--------------------------------------------- */
.alignleft{
	float: left;
	margin: 0 20px 20px 0;
}

.alignright{
	float: right;
	margin: 0 0 20px 20px;
}	

/* ## Float Clearing

Removed from After: .site-header:after, .wrap:after
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-inner:after,
.widget:after {
	clear: both;
	content: " ";
	display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Helvetica Neue Custom","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px 0;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* ## Body Text, Lists & Links
--------------------------------------------- */

body {
	background-color: #fff;
	color: #000;
	font-family: "Helvetica Neue Custom","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.2rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

a {
	color: #126FB8;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #0D956F;
	text-decoration: underline;
}

p {
	margin: 0;
	padding: 0;
}

.entry p {
    margin-bottom: 10px !important;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #ebebeb;
	clear: both;
	margin: 1em 0;
}

b,
strong {
	font-weight: 700;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

mark {
	background: #ddd;
	color: #000;
}

blockquote {
	margin: 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

/* ## Brought over from custom css
--------------------------------------------- */

ol li {
margin-bottom: .4em;
}
ol.upper-alpha li {
list-style-type: upper-alpha;
}
ol.upper-roman li {
list-style-type: upper-roman;
}

ol.upper-alpha li:last-child {margin-bottom: .4em;}

.page-li-space p {
    margin: 0 0 10px;
}

/* ## Objects & Images
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

figure {
	margin: 0;
}

/* ## Brought over from custom css
--------------------------------------------- */

.image-border{
	border: 1px solid #ebebeb !important;
}

/* Toggle & Drawer 
--------------------------------------------- */
.toggle {
	cursor: pointer;
}

.drawer {
	background-color: #fefefe;
	color: #111;
	max-height: 400px;
	overflow-y:scroll;
	box-shadow: 0 2px 2px 5px rgba(128,128,128,.3);
	padding: 4px;
}

/* ## Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 0 28px;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery img {
	border: 1px solid #eee;
	height: auto;
	padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
	border: 1px solid #999;
}

/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #000 !important;
	font-weight: 400;
	padding: 8px 10px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: #126FB8;
	border: 0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus {
	background-color: #F8951D;
	color: #fff;
}

.entry-content .button:hover,
.entry-content .button:focus {
    background-color: #F8951D;
	color: #fff;
}

.content .wp-block-button .wp-block-button__link:focus, .content .wp-block-button .wp-block-button__link:hover {
	background-color: #F8951D !important;
}

.button {
	display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
	padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #fefefe;
	border-width: 0;
	color: #777;
	cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

select {
	width: auto;
	padding: 5px 10px;
	margin: 6px 0;
	height: auto;
}


input[type=text] {
	width: 100%;
	padding: 10px 10px;
	margin: 6px 0;
	height: 50px;
}

/* ## Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
	word-break: break;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	text-align: left;
	vertical-align:top;
}

td {
	border-top: 1px solid #eee;
	padding: 6px;
}

th {
	font-weight: 700;
	padding: 0 6px;
	line-height: 1rem;
}

td:first-child,
th:first-child {
	padding-left: 0;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
	clip: auto !important;
	margin: 0 auto;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	color: #333;
	background: #fff;
	z-index: 100000; /* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

.more-link {
    position: relative;
    color: #0F5F46;
    margin-left: 0px;
    font-size: 1.1rem;
}

.more-link::after, .facetwp-filters .button.more-link::after{
	font-family: FontAwesome;
	content:'\f101';
	padding-left: 5px;
	color: #0F5F46;
	font-weight: 700;
}

/* ## Skip Links
--------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* ## Display outline on focus
--------------------------------------------- */
:focus {
	color: #333;
	outline: #ccc solid 1px;
}


/* # Header
---------------------------------------------------------------------------------------------------- */

/* ## Header Banner: Activate in Functions via commenting out
--------------------------------------------- */

.header-banner{
	background-color: #126FB8;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	margin-top: 0;
	margin-bottom:0;
	padding: 10px;
	text-align: center;		
}
.header-banner a {
	color: #F8951D;
}

/* ## Header Wrap
--------------------------------------------- */

.site-header {
	/*background-color: #fff;*/
}

.site-header > .wrap {
	/*padding: 0px;*/
}

/* ## Header - Logo - Left 
--------------------------------------------- */

.title-area {
	/*float: left;*/
	/*padding: 0;*/
	/*width: 662px;*/
}

.header-image .title-area {
	/*float: left;*/
	/*margin: 20px auto;*/
	max-width: 300px;
	/*padding: 0;*/
}

.site-title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
}

/*
.site-title a,
.site-title a:hover,
.site-title a:focus {
	color: #000;
	text-decoration: none;
	padding: 20px;
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
	background-size: contain;
}
*/

.header-image .site-title > a {
	background-size: contain !important;
	float: left;
	width: 100%;
}

.site-description {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

/* ## Header - Menu - Right
--------------------------------------------- */

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

.nav-primary {
	background-color: #fff;
	margin: 30px auto;
    float: right;
}

.genesis-nav-menu {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}

.genesis-nav-menu a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 20px 30px 30px 0px;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus  {
	color: #F8951D;
	text-decoration: none;
}

.genesis-nav-menu .menu-item-has-children > a::after {
	font-family: 'FontAwesome';
	content: '\f107';
	font-weight: 900;
	margin-left: 5px;
	float: right;
}

.genesis-nav-menu .sub-menu {
	border-top: 0px solid #eee;
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 0px solid #eee;
	border-top: 0;
	color: #000;
	font-size: 14px;
	padding: 20px 10px 20px 10px;
	position: relative;
	width: 200px;
	word-wrap: break-word;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -56px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
	color: #F8951D;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
	color: #F8951D;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	float: right;
}

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}

/* ## Header - Search Widget Right - Removed
--------------------------------------------- */

/* REMOVED 
.site-header .search-form {
 	float: none;
	align-items: center;
}

.search-form {
	overflow: hidden;
}

.entry-content .search-form,
.site-header .search-form {
	margin-bottom: 40px;
	width: 300px;
}

.site-header .search-form {
	margin: 30px auto 0;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	margin-top: 10px;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.widget.search label{
	display: block;
	padding-left:20px;
}

.widget.search label input[type="checkbox"]{
	margin-right: 8px;
}
*/

/* ## Home Hero Widget - Removed
--------------------------------------------- 

.home-section1 {
    background-color: #f9f9f9;
	margin-bottom: 20px;
	padding: 20px 0 20px 20px;
	width: 100%;
}*/


/* # Structure, Page Layout & Page Headings
---------------------------------------------------------------------------------------------------- */

.site-inner {
	margin: 0 auto;
	max-width: 1280px;
}

.row {
	display: block;
	clear: both;
	width: 100%;
}

.column.narrow{
	width: 360px;
	padding: 0;
}

/* ## Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1280px;
}

.site-inner {
	clear: both;
	padding: 0px;
	word-wrap: break-word;
}

.landing-page .site-inner {
	max-width: 800px;
}

/* ## Breadcrumbs
--------------------------------------------- */
.content .breadcrumb {
    margin-bottom: 0;
    padding-left: 0;
}

/* ## Content Layout
--------------------------------------------- */

.content {
	float: right;
	width: 840px;
}

.content-sidebar .content {
	float: left;
}

.full-width-content .content {
	width: 100%;
	margin: auto;
}


/* # Sidebars & Widgets
---------------------------------------------------------------------------------------------------- */

/* ## Primary Sidebar 
--------------------------------------------- */

.sidebar-primary {
	float: right;
	width: 320px;
}

.sidebar-content .sidebar-primary {
	float: left;
}

/* ## Sidebars
--------------------------------------------- */

.sidebar {
	font-size: 16px;
	margin-bottom: 40px;
}

.sidebar .widget {
	background-color: #fff;
	padding: 0;
}

.sidebar-box {
    background-color: #fbfbfb;
    padding: 16px 16px 20px 16px;
	width: 100%;
	min-width: 300px;
    border: 1px solid #ebebeb;
}

/* ## Search sidebar
--------------------------------------------- */
.widget widget_search input[type="submit"] {
	margin: 0 auto;
	padding: 0;
}

/* ## Sidebar Search
--------------------------------------------- */

.sidebar-primary .search-form input[type="submit"] {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

/* ## Widgets
--------------------------------------------- */

.widget {
	margin-bottom: 40px;
	word-wrap: break-word;
}

.widget p:last-child,
.widget ul > li:last-of-type,
.widget-area .widget:last-of-type {
	margin-bottom: 0;
}

.widget ul > li {
	margin-bottom: 1px;
	padding-bottom: 2px;
}

.widget ul > li:last-of-type {
	padding-bottom: 0;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
}


/* # Content
---------------------------------------------------------------------------------------------------- */

/* ## Entries
--------------------------------------------- */

.entry {
	margin-bottom: 60px !important;
	padding: 0;
}

.single-ibiology_playlist .content .entry{
    margin-bottom: 2rem;
}

.entry-content h1, 
.entry-content h2 {
    margin-bottom: 1em;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 28px;
	margin-left: 1.5rem;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content li li {
	margin-left: 2rem;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #333;
	color: #eee;
}

/* ## CUSTOM NEED TO SORT
--------------------------------------------- */

.section-header {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.rem;
    font-weight: 700;
    padding: 14px 30px;
}

.boxmain {
    background-color: #fbfbfb;
    border: 2px solid #f7f7f7;
	border-top: 4px solid #fbc52c;
    padding: 30px 24px 20px 24px;
	margin-bottom: 20px;
    width: 90%;
}

body .gform_wrapper .gform_footer input[type=submit] {
	background-color: #126FB8;
	border: 0;
	border-radius: 5px;
	color: #fff !important;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: auto;
}


/* # Videos
---------------------------------------------------------------------------------------------------- */

/* ## Single Video Page Heading
--------------------------------------------- */

.single-ibiology_talk .page-header {
    clear: both;
    width: 100%;
    background-color: #f6f6f6;
    color: #000;
    border-top: 1px solid #ebebeb;
}

.single-ibiology_talk .page-header h1 {
	padding: 10px 0 0 0;
}

.single-ibiology_talk .page-header .wrap{
	padding: 10px 0px;
}

/* ## Video Structure
--------------------------------------------- */

section.videos.row {
	background-color: #f6f6f6;
	color: #000;
	height: auto;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #ebebeb;
}

section.videos.row .wrap{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

section.videos .videos-container{
	flex: 1 1 66%;
	width: 66%;
	max-width: 800;
	margin-right: 20px;
	position: relative;
}

section.videos .single-video{
	width: 100%;
	max-width: 800px;
	min-height: 300px;
	/* position: relative;
	display:none;*/
	position: absolute;
	top: 0px;
}

.single-video.part-1{
	z-index: 100;
}

.single-video.part-2{
	z-index: 90;
}

.single-video.part-3{
	z-index: 80;
}

.single-video.part-4{
	z-index: 70;
}

section.videos .single-video header{
	position: absolute;
	top: 0px;
	padding: 10px 20px;
	background-color: rgba(128, 128, 128, .6);
	opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.single-video .content {
	min-height: 200px;
	float:none;
}

.single-video .title{
	font-size: 1.5rem;
}

section.videos .single-video:hover header{
	opacity: 0;
}

.single-video.playing header{
	display:none;
}

section.videos .single-video.active{
	display:block;
	position: relative;
	z-index: 150;
}

.single-video .footer{
	clear: both;
	height: 35px;
	margin-top: 0px;
	padding-left: 0px;
	font-size: 90%;
	position: relative;
}

.single-ibiology_talk .single-video .footer{
	background-color: #fbfbfb;
}

section.videos .videos-info{
	min-width: 250px;
	flex: 1 1 30%;
	font-size: 1rem;
	line-height: 1.2rem;
}

section.videos .videos-info .row{
	padding: 4px 0;
}

section.videos .videos-info header{
	font-weight: 700;
	margin-bottom: 10px;
}

section.videos .videos-info .related-items{
	border: 1px solid #ebebeb;
	background-color: #f6f6f6;
	margin-top: 1rem;
	padding: .75rem 8px;
}

section.videos .videos-info ul.horizontal{
	display: inline-table;
}

section.videos .videos-nav li{
	margin-bottom: 10px;
	cursor: pointer;
	clear: both;
}

/* ## Internal Navigation Quicklinks
--------------------------------------------- */

.horizontal li{
	display: inline-table;
	padding: 12px;
}

ul.quicklinks{
	background-color: #F8951D;
	padding: 0 10px;
	text-align:center;
}

.quicklinks a{
	color: black;
}

section.videos .videos-nav li figure,
.stack li figure{
	height: 79px;
	width: 140px;
	background-color: #999;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

section.videos .videos-nav li figure img,
.stack li figure img{
	width: 100%;
}
.stack li {
	clear:both;
}
.videos-nav {
	color:  #0D956F;
}

.videos-nav .active{
	color: #000 !important;
}

/* ## Videos on Session Pages
--------------------------------------------- */

.single-session .single-video.playing header{
	display:block;
}

.single-session section.video.row{
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.single-session section.video.row header h2{
	margin-bottom: 1rem;
	font-size: 1.8rem;
}

.single-session .single-video .content {
	width: 100%;
	padding: 10px;
	background-color: #fbfbfb;

}

.single-session .single-video .footer {
	margin: 0 0 20px 0;
	border-top: 0;
	background-color: #fbfbfb;
	color: #000;
}

/* ## Lists of Related Talks and other objects
--------------------------------------------- */
.content .related-items{
    margin-bottom: 2em;
}

.related-items ul > li {
	list-style-type:none;
	font-size: 1rem;
	line-height: 1.2rem;
}

/* ## Filmstrip
--------------------------------------------- */

.filmstrip-wrapper {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.filmstrip-wrapper a.more-link{
	flex: 0 0 auto;
	width: 25px;
	color: #fff;
	overflow: hidden;
	line-height: 1.1;
}

.filmstrip-wrapper a.more-link::after {
    font-family: FontAwesome;
    content: '';
    padding-left: 0;
}

.filmstrip-wrapper a.more-link::before {
    font-family: FontAwesome;
    content: '\f054';
    font-size: 1.5rem;
    padding-left: 5px;
    color: #0F5F46;
}

.filmstrip, .entry-content ul.filmstrip{
	display: flex;
	flex-flow: row nowrap;
  	justify-content: space-between;
	margin:20px 0 0;
}

.related-items .footer{
	margin-bottom: 20px;
	text-align:right;
	padding-top: 5px;
}

.filmstrip .item, ul.filmstrip li{
	flex: 0 0 24%;
	list-style-type: none;
	background-color: #fff;
	font-size: 14px;
  	line-height: 1.2;
 	font-weight:700;
	padding: 0px;
	min-width: 200px;
  	box-shadow: 0;
}

/* Bottom related talks media query
--------------------------------------------- */

@media only screen and (max-width: 480px) {
.filmstrip, .entry-content ul.filmstrip{
	display: flex;
	display: block;
	flex-flow: nowrap;
	margin:10px 0 0 10px;
}

}

/* # New Talk
--------------------------------------------- */

.new-talk .wrap {
	background: url(images/mainImages.jpg) no-repeat;
	font-size: 24px;
	margin: 0 auto;
	min-height: 450px;
	max-width: 1280px;
	padding: 40px 100px 0;
	text-align: center;
}

.new-talk .h3 {
	font-size: 60px;
}

.playlist .wrap {
	margin: 0 auto;
	padding: 40px;
	text-align: left;
	max-width: 1280px;
	
}


/* # Entries in Lists and Grids (including FacetWP)
---------------------------------------------------------------------------------------------------- */

.grid-listing .content, .facetwp-template, ul.grid {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
    align-items: stretch;
	list-style-type: none;
	justify-content:flex-start;
	margin:0 0 2rem;

}

.explore .facetwp-template ul.grid {
	justify-content: center;
}

.speakers.grid-listing .content{
	justify-content: center;
}

.grid-listing .content .entry, .facetwp-template .entry, ul.grid li{
  /*flex: 0 1 185px;*/
  /*margin: 6px;*/
  flex: 0 1 calc(25% - 8px);
  margin: 4px;
  box-shadow: 0;
  list-style-type: none;  
  padding: 10px;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight:700;
}
@media only screen and (max-width: 1200px) {
	.grid-listing .content .entry, .facetwp-template .entry, ul.grid li{
		flex: 0 1 calc(33% - 8px);
		margin: 4px;
	}
}
@media only screen and (max-width: 900px) {
	.grid-listing .content .entry, .facetwp-template .entry, ul.grid li{
		flex: 0 1 calc(50% - 8px);
		margin: 4px;
	}
}
@media only screen and (max-width: 700px) {
	.grid-listing .content .entry, .facetwp-template .entry, ul.grid li{
		flex: 0 1 calc(100% - 8px);
		margin: 4px;
	}
}

.speakers.grid-listing .content .entry{
	flex: 1 1 auto;
	margin: 6px;
	box-shadow: 0 2px 0 0 rgba(128,128,128,.3);
	list-style-type: none;
	padding: 10px;
	background-color: #fbfbfb;
	min-width: 200px;
	max-width: 235px;
}

.grid-listing .content .entry img, .facetwp-template .entry img, ul.grid li img {
    max-width: 100%;
}


.grid-listing .content .entry-title, .grid .entry-title{
  font-size: 14px;
  line-height: 1.2;
  font-weight:700;
  display:block;
  /*padding: 0 10px 10px;*/
}

.grid-listing .content .archive-description, 
.grid-listing .content .pagination, 
.grid-listing .content .breadcrumb,
.grid-listing .content h2{
 flex: 0 0 100%;
}

.grid-listing .content h2{
	padding-left: 0;
	margin-top: 0;
}

/* # Speaker
---------------------------------------------------------------------------------------------------- */

/* Speaker Bio Images
--------------------------------------------- */
.speakers .photo {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  float: left;
  text-align: left;
  margin-right: 16px;
}

.speaker .photo{
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  margin-right: 16px;
  margin-top: 20px;
}

.speakers .photo img {
  width: 100%;
  height: auto;

}

.speakers h3{
	clear:both;
}

/* Speaker Responsive
--------------------------------------------- */

@media only screen and (max-width: 480px) {
.speakers .photo {
  width: 300px;
  height: 300px;
}
}


/* ## Search Results
---------------------------------------------------------------------------------------------------- */

.post-type-label{
	font-weight: 400;
	font-size: 1rem;
	text-transform: capitalize;

}

.search-results .entry,
.speaker-talks .entry{
	margin-bottom: 2rem;
}

.search-results .entry-content .post-image,
.speaker-talks .entry-content .post-image {
	max-width: 300px;
}

.search-results ul.videos-list,
.speaker-talks ul.videos-list{
	display: flex;
	justify-content: space-evenly;
	flex-flow: row nowrap;	
	list-style-type: none;
	margin: 0;
}

.search-results ul.videos-list li,
.speaker-talks ul.videos-list li{
	flex: 1 1 auto;
	max-width: 31%;
	line-height: 1.2rem;
	font-size: 1.1rem;
	list-style-type: none;
}


/* ## Stack
--------------------------------------------- */
ul.stack{
	margin:0;
}

/* ## Toolbar
--------------------------------------------- */
.flex-row{
	display:flex;
	flex-direction: row;
	justify-content: flex-end;
	width: 100%;
	padding: 0 20px;

}

.flex-row > div {
	flex: 1 1 auto;
	margin-right: 20px;

	display: flex;
	align-items:center;
	justify-content:flex-end;

}
.flex-row > div:last-child{
	margin-right:0;
}

.flex-row select {
	width: auto;
	padding: 2px;
	margin-right: 20px;
	height: auto;
}

.flex-row > div div{
	display:inline;
}

.flex-row > div.left{
	justify-content: flex-start;
}


/* ## Filters
--------------------------------------------- */

.filter {
	display: flex;
	justify-content: flex-start;
}

.filter-field{
	flex: 1 1 33%;
	width: 33%;
}


/* ## Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 16px;
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
}

.entry-footer .entry-meta {
	border-top: 0px;
	padding-top: 24px;
    padding-bottom: 20px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

.awards span::after{
	content: ', ';
}

.awards span:last-child::after{
	content: '';
}

/* ## Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.facetwp-template .archive-pagination {
	margin-bottom: 20px;
}

.archive-pagination li,
.facetwp-pager li
{
	display: inline;
}

.archive-pagination, .facetwp-pager{
	font-size: 16px;
	font-weight: 600;
}

.archive-pagination a,
.facetwp-pager a{
	background-color: #fff;
	color: #333;
	cursor: pointer;
	display: inline-block;

	padding: 8px 12px;
	text-decoration: none;
}

.archive-pagination a:hover,
.archive-pagination a:focus,
.archive-pagination .active a
.facetwp-pager a:hover,
.facetwp-pager a:focus,
.facetwp-pager a.active {
	background-color: #0D956F;
	color: #fff;
}

/* ## Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #fefefe;
	font-size: 16px;
	margin-bottom: 40px;
}

.comment-respond,
.entry-pings {
	padding: 60px 0px 30px 0;
}

.entry-comments {
	padding: 60px;
}

.comment-list li {
	padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
	padding-left: 0;
}

.comment-header {
	margin-bottom: 30px;
}

.comment-content {
	clear: both;
}

.comment-content ul > li {
	list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-header p {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}

.avatar {
	display: none;
}
.comment-header {
	font-weight: bold;
}

.comment-time{
	font-weight: 400;
	
}

.comment-list li {
	list-style-type: none;
	
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

/* # Footer Widgets
--------------------------------------------- */

.footer-widgets {
	background-color: #fbfbfb;
	border-top: 1px solid #ebebeb;
	color: #000;
	font-size: 16px;
	margin: 0 auto 0;
	padding: 20px;
	margin-top: 40px;
}

.footer-widgets .widgettitle {
	color: #000;
}

.footer-widgets a {
	color: #000;
	text-decoration: none;
}

.footer-widgets a:hover,
.footer-widgets a:focus,
.footer-widgets .current-menu-item > a {
	color: #0D956F;
}

.footer-widgets .footer-widgets-1 {
	width: 100%;
	margin-top:40px;
    margin-bottom:20px;
}
.footer-widgets .footer-widget-2 {
	width: 100%;
    margin-bottom:40px;
}

.footer-widgets .search-form input[type="submit"] {
	margin-top: 10px;
	width: 100%;
}

.footer-widgets .footer-widgets-1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-widgets .footer-widgets-1 .widget{
    flex: 1 1 auto;
    min-width: 220px;
}

/* ## Footer Navigation
--------------------------------------------- */

.site-footer .genesis-nav-menu {
	padding-bottom: 20px;
}

.site-footer .genesis-nav-menu a {
	padding: 0 20px 10px;
}

/* # Copyright
--------------------------------------------- */

.site-footer {
	background-color: #fbfbfb;
	/*border-top: 1px solid #ebebeb;*/
	font-size: 14px;
	line-height: 1;
	padding: 20px 0;
	text-align: center;
}

.site-footer p {
	margin-bottom: 0;
}

/* # Plugins
---------------------------------------------------------------------------------------------------- */

/* ## Facet WP - Filterable Videos for Explore
--------------------------------------------- */

.facetwp-filters {
	background-color: #fbfbfb;
    border: 1px solid #ebebeb;
	padding: 1rem 0;
	margin-bottom: 1rem;
}

.facetwp-filters .widget{
	margin-bottom: 0;
}

.facetwp-filters .row{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
	overflow:hidden;
}

.facetwp-filters .row.tab-pane{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #c0c0c0;
}

.facetwp-filters button,
.facetwp-filters .button{
	min-width: 4rem;
	padding: 8px 15px;
	margin-left: 20px;
	background-color: #cecece;
	color: #000;
}

.facetwp-filters button::before,
.facetwp-filters button::after,
.facetwp-filters .button::before,
.facetwp-filters .button::after{
	content: none;
	position: inherit;

}

.facetwp-filters a.button:hover {
	text-decoration: none;
	background-color: #0F5F46;
	color: #fff;
}
.facetwp-filters a.button:hover::after{
	text-decoration: none;
	color: #fff;
}
.facetwp-filters a.button.more-link:hover{
	text-decoration: underline;
}

.facetwp-filters a.button:active {
	text-decoration: none;
	background-color: #0D956F;
	color:#fff;
}

.facetwp-filters select{
	width: auto;
}

.facetwp-filters  .facetwp-facet,
.facetwp-filters .facetwp-sort{
	display: inline-block;
	margin:0 7px;
}

.facetwp-counter {
	display: none;
}


.facetwp-template {
	position: relative;
}

.facetwp-overlay{
	position: absolute;
	background-color: rgba( 255, 255, 255, .5 );
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	cursor: progress;
}

/* ## Facet WP - brought over from custom css
--------------------------------------------- */

.filter-field{
    background: #fff;
    color: #464646;
    font-size: 1em !important;
   	padding: 40px 20px 0px 0px;
    text-align: left;
}
.filter-col {
  display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ddd;
}
.filter-col .horizontal{
	width: 100%;
}

.filter-field{
	flex: 0 0 auto;
max-width: 25%;
min-width: 200px;
	
	    border-radius: 0;
	    margin-bottom: 2px;
	    background-color: transparent;
}

.more-filters .filter-field{
	max-width: 19%;
	
}

/* # Add to Any kit
--------------------------------------------- */
.single-ibiology_talk .a2a_kit, .single-ibiology_session .a2a_kit{
	margin-bottom: 10px;
	display:block;
}

/* # Icons
---------------------------------------------------------------------------------------------------- */

ul.audiences{
	list-style-type: none;
	display:inline;
	margin:0;
}

 .audiences li.audience {
	list-style-type: none;
	overflow: hidden;
	display: inline;
	margin:4px;
}

.audiences.key li.audience{
	display: block;
}

.audiences.key li span{
	 display: inline;
 }

.audiences li span{
	display:none;
}

.audiences li::before{
	display: inline-block;
    padding-top: 2px;
	font-family: FontAwesome;
	font-size:90%;
}

.audiences.key li::before{
	margin-right: 10px;
}

.audiences .general-public::before{
	content: "\f2c0";
}

.audiences .student::before{
	content: "\f19d";
}

.audiences .researcher::before{
	content: "\f0c3";
}

.audiences .educator-1::before{
	content: "\f02d";
}


.audiences .educator-2::before{
	content: "\f040";
}

.dashicons-menu::before{
	font-family: FontAwesome;
	content: "\f0c9";
}

.dashicons-arrow-down::before{
	font-family: FontAwesome;
	content: "\f107";
}

.sub-menu-toggle.activated::before{
	content: "\f106";
}

/*pdf icon for fontawasome */
.pdf ::before {
    display: inline-block;
    padding-top: 2px;
		margin-right: 6px;
    font-family: FontAwesome;
    font-size: 100%;
}
.pdf ::before {
	content: "\f1c1"; 
}
#pdf li {
  list-style: none;
}


/* # Bootstrap Section
---------------------------------------------------------------------------------------------------- */
.expandable {
	height: 200px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	padding-bottom: 20px;
}

.expandable.expanded{
	height:auto;
}

.expandable .control{
	position: absolute;
	bottom: 0;
	padding-top: 30px;
    padding-left: 10px;
	width: 100%;
    text-align: right;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+46,eeeeee+100&0+0,0.75+46,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 36%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 36%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 36%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.expandable .more-link{
	display: block;
    font-size: 1.0rem;
    color: #666;
}

.expandable .more-link::after {
	content: '\f0da';
	padding-left: 5px;
	color: #0F5F46;
	font-weight: 700;
	padding-top:5px;
}

.expandable.expanded .more-link::after {
	content: '\f0d7';
	padding-left: 5px;
	color: #0F5F46;
	font-weight: 700;
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
	padding-bottom: 75%;
}

.scroll-pane
{
	width: 100%;
	height: 300px;
	overflow: auto;
	background-color: #fefefe;
	padding: 10px 0 10px 10px;
}

/* Navigation controls for single videos */
.controls .nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.controls  .nav > li {
	position: relative;
	display: block;
	padding: 0 8px;
}
.controls  .nav > li > a {
	position: relative;
	display: block;

}

.controls a.download::after{
	font-family: "FontAwesome";
	content: '\f019';
	padding-left: 5px;

}
.controls a.dropdown-toggle,
.controls a.dropdown-toggle:hover,
.controls a.dropdown-toggle:active{
	text-decoration: none;
}

 .dropdown-toggle::after, .button.dropdown-toggle::after{
	font-family: "FontAwesome";
	/* content: '\f0da'; */
	 content: '\f0d7';
	padding-left: 5px;
	text-decoration:none;
	width: 20px;
}

/* .open .dropdown-toggle::after,
 .open.dropdown-toggle::after{
	font-family: "FontAwesome";
	content: '\f0d7';
	padding-left: 5px;
	text-decoration:none;
	width: 20px;
}*/

.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}

.tab-content > .tab-pane {
	display: none;
	height: 320px;
	width: 100%;
	color: #222;
	position: absolute;
	top: 30px;
	padding: 10px;
	background-color: #101010;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	z-index: 10;
}

.tab-pane .transcript{
	font-size: 1rem;
	line-height: 1.4rem;
}

.tab-content > .active {
	display: block;
}


.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Dropdown Menu */
.dropdown {
	position: relative;
}
.dropdown-toggle:focus {
	outline: 0;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
	display: block;
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}


/* Google custom Search */


.search-results .cse .gsc-control-cse, .search-results .gsc-control-cse  {
	border:none;
	font-size: 16px;
}

.search-results .gsc-control-cse .gs-result .gs-title, .search-results .gsc-control-cse .gsc-table-result{
	min-height: 24px;
	line-height:24px;
	font-size: 16px;
}

.search-results .gsc-control-cse .gs-result .gsc-url-top{
	font-size: 14px;
}

.search-results .gs-web-image-box img.gs-image{
	max-width: 100px;
	max-height: 100px;
}


.search-results table{
	margin:0;
	border:none;
}


.search-results table th,
.search-results table td,
.search-results table tbody{
	border: none;
}

.search-results td.gsc-input table td:first-child{
	padding: 0 8px;
	line-height: 50px;

}

.search-results button.gsc-search-button{
	height:52px;
}
.search-results button.gsc-search-button svg{
	width: 20px !important;
	height: 20px !important;
}


.search-results .gsc-selected-option-container{
	max-width: 100%;
}

.search-results .gsc-orderby-label{
	font-size: 13px;
}

.search-results .gs-web-image-box{
	width: 100px;
}

.search-results .gsc-table-cell-thumbnail {
	padding:0;
}

.search-results .gsc-table-cell-snippet-close{
	padding-left:10px;
}

.search-results .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page{
	background-color: #0D956F;
	color: #fff;
}

.search-results .gsc-results .gsc-cursor-box .gsc-cursor-page{
	padding: 8px 10px;
	color: #222;
	font-weight: 700;
}

/*Responsive testimonials - from custom css */

.testimonials {
  border: 1px solid #ebebeb;
  background-color: #fbfbfb;
  border-radius: 5px;
  padding: 16px;
  margin: 16px 0
}

.testimonials::after {
  content: "";
  clear: both;
  display: table;
}

.testimonials img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

.testimonials span {
  font-size: 20px;
  margin-right: 15px;
}

@media (max-width: 500px) {
  .testimonials {
      text-align: center;
  }
  .testimonials img {
      margin: auto;
      float: none;
      display: block;
  }
}


/* Brought over from additional CSS */


/* AM messing with sharing widgets */
.speaker .addtoany_share_save_container {
clear: right;
}

.related-resources li {
    list-style-type: square;
}

.fa-registered{
	font-size: 12px;
}

.search-results ul.videos-list , .speaker-talks ul.videos-list  {
flex-wrap: wrap;
	flex-flow: row wrap;
	/*justify-content: space-between;*/
	float: left;

	
}

.search-results ul.videos-list li, .speaker-talks ul.videos-list li {
		margin-bottom: 20px;
}
.search-form {
	position:relative;
}
.search-form:after {
    color: #999;
    content: "\f002";
    font-family: "fontawesome";
    font-size: 20px;
    right: 15px;
    position: absolute;
    top: 6px;
}

@media (max-width: 490px) {
.grid-listing .content .entry, .facetwp-template .entry, ul.grid li {
    flex: 0 1 100%;
    margin: 6px;
    box-shadow: 0 2px 0 0 rgba(128,128,128,.3);
    list-style-type: none;
    padding: 10px;
    background-color: #fbfbfb;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
}
}

.wp-caption-text {
	font-size: 10px;
	padding-bottom: 20px;
}

body .gform_wrapper .gform_footer input[type=submit] {
    max-width: 200px;
}
/*facebook icon for fontawasome */
.facebook ::before {
    display: inline-block;
    padding-top: 2px;
		margin-right: 6px;
    font-family: FontAwesome;
    font-size: 120%;
}

.facebook ::before{
	content: "\f082";
}

/* Flex box teams */
.teams {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .team {
    flex: 0 0 250px;
    margin: 10px;
    border: 1px solid #fbfbfb;
  } 
  .team img {
    max-width: 100%;
  }
.team p {
	display: none;
}
  .team .text {
    padding: 0 0 10px 10px;
  }
  
.staffphoto {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 0%;
  border: 4px solid #fbc52c;
  float: left;
  text-align: left;
  margin-right: 16px;
}

.staffphoto{
  overflow: hidden;
  border-radius: 50%;
  border: 4px solid #fbc52c;
  margin-right: 16px;
  margin-top: 20px;
}

/* Google custom Search */


.search-results .cse .gsc-control-cse, .search-results .gsc-control-cse  {
	border:none;
	font-size: 16px;
}

.search-results .gsc-control-cse .gs-result .gs-title, .search-results .gsc-control-cse .gsc-table-result{
	min-height: 24px;
	line-height:24px;
	font-size: 16px;
}

.search-results .gsc-control-cse .gs-result .gsc-url-top{
	font-size: 14px;
}

.search-results .gs-web-image-box img.gs-image{
	max-width: 130px;
	max-height: 130px;
}


.search-results table{
	margin:0;
	border:none;
}


.search-results table th,
.search-results table td,
.search-results table tbody{
	border: none;
}

.search-results td.gsc-input table td:first-child{
	padding: 0 8px;
	line-height: 50px;
	
}

.search-results button.gsc-search-button{
	height:52px;
}
.search-results button.gsc-search-button svg{
	width: 20px !important;
	height: 20px !important;
}


.search-results .gsc-selected-option-container{
	max-width: 100%;
}

.search-results .gsc-orderby-label{
	font-size: 13px;
}

.search-results .gs-web-image-box{
	width: 100px;
}

.search-results .gsc-table-cell-thumbnail {
	padding:0;
}

.search-results .gsc-table-cell-snippet-close{
	padding-left:140px;
}

.search-results .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page{
	background-color: #0D956F;
	color: #fff;
}

.search-results .gsc-results .gsc-cursor-box .gsc-cursor-page{
	padding: 8px 10px;
	color: #222;
	font-weight: 700;
}


.search-results .gsc-webResult.gsc-result:hover, .seardch-results .gsc-imageResult:hover{
	border-color: #ccc;
}

.search-results .gsc-webResult.gsc-result{
	border-left: 1px solid #fbfbfb;
	border-bottom: none;
}
.gsc-results .gsc-webResult{
background-color: #fbfbfb !important;
}
.single-session .single-video.playing header {
display: block;
}


.entry-footer .entry-meta {
    border-top: 1px solid #ddd;
    padding-top: 24px;
}
/*This show sub menu top images*/
.sub-menu{
z-index: 1000 !important;
}

/*hide date and time on podcast section*/
.entry-time {
	display: none;
}
.podcast-title{
	margin-top: 20px;
	font-size: 34px
}
.related-resources p{
    margin: 0 0 10px  !important;
	}
.related-resources ul{
    margin-left: 20px;
	}
.speakers h2 {
	margin-top: 20px;
}
.page .rcp_form fieldset{
	max-width: 700px;
}


/*** FIELD STYLING ***/
textarea {
  color: #333;
	padding: .5rem;
	font-size: 1rem;
}

 .gform_wrapper .gform_footer input.button{
	line-height: 29.2px !important;
	min-width: 180px !important;
}
.wpcp-single-item{
	height: 230px;
}

.grid-listing .content, .facetwp-template, ul.grid {
	margin-bottom: 14px;

}

.seemore{
	margin-right: 40px;
	margin-bottom: 20px;
	font-weight: 600;
}


/* Educator login from */
.educator-login {
	background-color: #293e46;
	border-radius: 12px;
	color: #fff;
	font-size: 16px;
	width: 100%;
	min-width: 300px !important;
	padding: 20px;
}

.page .educator-login .rcp_form{
	background: transparent;
}

/*educator blue box padding*/
.content-hero .entry {
	padding-top: 0;
	padding-right: 0;
	padding-right: 0;
}

.content-hero .site-inner {
	padding-top: 0;
}

.page .rcp_form input[type='submit'],
input[type="submit"], .button {
    /*background-color: #007bff !important;*/
    min-width: 300px;
		padding: 1rem;
}  

.rcp_submit{
	margin-top:1rem;
}

.page .rcp_form, 
.page #rcp_registration_form{
	border-radius: 12px;
	padding: 40px;
	border: 1px solid #f2f2f2;
	background-color: #fcfcfc;
	max-width: 760px;
}

.rcp_form legend{
	font-weight: 700;
	margin: 1rem 0 .5rem;
}

.rcp_form label{
	font-size: 1rem;
}

.rcp_form label:first-child{
	margin-top:0;
}

.page .rcp_form input[type="checkbox"]{
	margin-right: 10px;
	margin-top: 0;
	text-align: midde;
}

#ibio_educator_proof_url{
	margin-top: .5rem;
	display: block;
}

.page .rcp_form p{
	line-height: 1.5;
	font-size: 1rem;
	margin-bottom: 1.1rem;
}

.rcp_form legend:first-child{
	margin-top:0;
}

.page .educator-login .rcp_form{
	border:none;
	padding: 0;
}

.page .rcp_form input,
.page .rcp_form input[type="text"],
.page .rcp_form input[type="password"],
.page .rcp_form input[type="email"]{
	border-radius: .25rem;
	line-height: 1.25rem;
	padding: .5rem 1rem;
	height: auto;
}

[type="checkbox"], [type="radio"] {
  top: 0;
  left: 0;
  height: 20px !important;
  width: 20px !important;
  background-color: red;
  border-radius: 50%;
}

.rcp_agree_to_terms{
	padding: 10px;
}
.rcp-email{
	font-size: 14px;
	color: #666;
}

/* Gutenberg Block Formatting */

.uagb-column__inner-wrap {
	display: flex;
	flex-direction:column;
	justify-content: start;
}
.uagb-column__inner-wrap > p{
	justify-self: stretch;
	height: 100%;
}

.uagb-block-a12dd575-001a-4c56-a81e-35b57fdf5cd3.uagb-section__wrap {
    margin-top: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.uagb-column__inner-wrap{
	margin-top: 10px;
	margin-bottom: 20px;
}

.wp-block-button{
	margin-top: 20px;
} 

.entry-content .wp-block-uagb-marketing-button .uagb-marketing-btn__link {
    min-width: 331px;
}


/*Above expanded table text and image area*/
.flex-split .two-thirds {
 	margin-right: 20px;
}
.one-third{
	margin-bottom: 20px;
}
/*Table expanded */
table.expanded-talks { 
  width: 98vw;
	max-width: 100vw;
	margin: 0 calc( 50% - 48vw );
  border-collapse: collapse; 
	line-height: 1.25rem;
	font-size: .9rem;
}


.expanded-talks thead th { 
  background: #ebebeb; 
  color: #222; 
  font-weight: bold;
	text-align: middle;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: none;
}
.resource-downloads {
	text-align: center;
}

.expanded-talks .section-row  th,
.expanded-talks .section-row td
{ 
  background-color: #f7f7f7; 
  color: #222; 
  font-weight: normal; 
	line-height: 1.25;
}

.expanded-talks thead{
	border-top: 2px solid #dee2e6;
	border-bottom: 2px solid #dee2e6;
}

.expanded-talks td, .expanded-talks th { 
  padding: 1.25rem;
  border: 1px solid #dee2e6; 

}
.expanded-talks p {
	margin-bottom: .5rem;
}

.expanded-talks .subtitle-downloads{
	padding-top: .8rem;
	margin-bottom:0;

}
.expanded-talks .downloads-list {
	margin-left: 1rem;
	margin-bottom:0;
}
.expanded-talks .downloads-list li {
		list-style-type:none;
		
}
.expanded-talks .session-title{
	font-weight: 700;
	font-size: 1.25rem;
}

.expanded-talks a.download{
	display:block;
}

.expanded-talks td.transcript a::after{
	font-family: "FontAwesome";
	content: "\f15c";
	margin-left: .5rem;
}
.expanded-talks .watch-ibiology{
	margin-bottom: 10px;
}

/*Catalog table css start here*/
 .watch-ibiology{
	margin-bottom: 1rem;
}

.dataTables_wrapper .dataTables_filter {
	float: none;
	background-color: #edf4ff;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	padding: 1rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	line-height: 1rem;
}

.dataTables_wrapper .dataTables_filter label{
	display: flex;
	flex-direction:row;
	align-items: center;
}

.dataTables_wrapper .dataTables_filter label span{
	min-width: 350px;
}

.dataTables_wrapper .dataTables_filter input {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

 .dataTables_wrapper .dataTables_info {
    display:none;
}

table.dataTable.no-footer {
    margin-bottom: 30px;
}

.expanded-talks th{
	min-height: 20px;
  display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid none;
}

.expanded-talks .title{
	width: 12%;
}
.expanded-talks .video{
	width: 14%;
}

.expanded-talks .talk-type{
	width: 6%;
}
.expanded-talks .linked-talk{
	width: 8%;
}
.expanded-talks .audience{
	width: 16%;
}
.expanded-talks .concepts{
	width: 16%;
}
.expanded-talks .duration{
	width: 4%;
}
.expanded-talks .speakers{
	width: 8%;
}
.expanded-talks .resource-downloads{
	width: 6%;
}
.expanded-talks .transcript{
	width: 6%;
}
.expanded-talks .restricted-acess{
	width: 8%;
}

.restricted-access a::before{
	content: '\f023';
	font-family:"FontAwesome";
	margin-right: .3rem;
}

.logged-in .restricted-access a::before{
	content: '\f09c';
}

a.educator-share::before{
	content: '\f0c1';
	font-family:"FontAwesome";
	margin-right: .3rem;
}

.restricted-access .syllabus  a::before {
	  display: none;
}

.hide-lock  a::before {
	  display: none;
}

.expanded-talks .audiences .student::before, .expanded-talks .audiences .general-public::before,
.expanded-talks .audiences .researcher::before,
.expanded-talks .audiences .educator-1::before,
.expanded-talks .audiences .educator-2::before,
.expanded-talks .audiences .educators-all::before
{
    display: none;
}

.expanded-talks .audiences .student, .expanded-talks .audiences .general-public,
.expanded-talks .audiences .researcher,
.expanded-talks .audiences .educators-all
{
	display: none;
	
}

.expanded-talks .audiences .educator-1 span,
.expanded-talks .audiences .educator-2  span {
    display: block;
}

.expanded-talks .audiences .educator-1,
.expanded-talks .audiences .educator-2{
	display: block;
	width: 100%;
}

.expanded-talks .audience{
	width: 14%;
}

.talk-educator-resources  .expanded-talks,
.flipped-course-educator-resources .expanded-talks{
	width: 100%;
	margin: auto;
	border-right: 1px solid #ccc;
}

.expanded-talks th.restricted-access{
	max-width: 300px;
}

.talk-educator-resources  .expanded-talks th.restricted-access, .talk-educator-resources  .expanded-talks th.concepts,
.talk-educator-resources .expanded-talks td.restricted-access,
.talk-educator-resources .expanded-talks td.concepts
{
	display:none;
	width: 0;
	border: 0;
}

.talk-educator-resources .expanded-talks .resources td.restricted-access:first-child
{
	display:table-cell;
	width: 100%;
	border: 1px solid #dee2e6;
}

.talk-educator-resources  .expanded-talks tr td:last-child{
	display:none;
}

/* Playlist cards (Big Card Layout) */

.big_card_layout{
	display:flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.big_card_layout .item {
	list-style-type:none;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.big_card_layout .item,
.big_card_layout .listing-item {
	border: 1px solid #dee2e6;
	border-radius: 0 0 .25rem .25rem;
	flex: 0 1 340px;
	margin-right: 1rem;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
}
.big_card_layout p, .big_card_layout .num_talks{
	font-size: .96rem;
	line-height: 1.3rem;
}

.big_card_layout .listing-item div.excerpt
{
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	justify-self: end;
	justify-items: start;
}

.big_card_layout .listing_item{
	flex: 1 1 400px;
	border: 1px solid 
}

.big_card_layout .listing-item div.excerpt > .description{
		flex-grow: 1;
		align-self: stretch;

}

.big_card_layout .num_talks,
.big_card_layout .audience-list{
	padding-left: 16px;
}

.big_card_layout ul.audiences{
	display:block;
	margin-bottom: .5rem;
	line-height: 1rem;
}

.big_card_layout .audience-list::before{
	font-family: "FontAwesome";
	content: "\f007";
	margin-right: .5rem;
	display:block;
	float:left;
	height:40px;
	line-height:1rem;
}

.big_card_layout .audience-list li::before{
	display:none;
}
.big_card_layout .audience-list li span{
	display:inline-block;
}

.big_card_layout .audience-list li {
	display: inline;
	font-size: .95rem;
	line-height:1rem;
	margin:0;
}

.big_card_layout .audience-list li.educators-all, .big_card_layout .audience-list li.student, .big_card_layout .audience-list li.researcher, .big_card_layout .audience-list
li.general-public{
	display:none;
}

.big_card_layout .audience-list li{ 
		margin-left: 0.2rem;
		margin-right: 1rem;
}

/* .big_card_layout .audience-list li::after{ 
	content: ', ';
}

.big_card_layout .audience-list li::last-child::after{ content: ' ';
}*/

.big_card_layout p,
.big_card_layout .entry-title{
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: .9rem;
}

.icon-video::before{
	font-family: "FontAwesome";
	content: "\f03d";
	margin-right: .5rem;
}

.icon-info::after{
	font-family: "FontAwesome";
	content: "\f05a";
	margin-right: .4rem;
	font-size: 20px;
}

.big_card_layout .entry-title {
	font-size: 1.25rem
}

.big_card_layout .item-footer{
	border-top: 1px solid #dee2e6;
	justify-self: end; 
	padding: 1rem;
	background-color: rgba(0,0,0,.03);
	flex: 0 0 auto;
}

.big_card_layout .item-footer .button{
	text-align: center;	
}
.big_card_layout .educators-more-link{
	border-top: 1px solid #dee2e6;
	justify-self: end; 
	padding: 1rem;
	background-color: rgba(0,0,0,.05);
	flex: 0 0 auto;	
	text-align: center;
	width:100%;
}

/* stretch the last paragraph to take up all the space and push the footer down*/

.big_card_layout .item  > p:last-child{
	justify-self:stretch;
}

/* bring back the genesis columns in a flex way */

.flex-split {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
}

.flex-split .two-thirds{
	flex: 1 1 65%;
}

.flex-split .one-third {
	flex: 1 1 33%;
}
 .copyright{
	font-size: 14px;
}

@media only screen and (max-width: 600px){
	.flex-split .two-thirds, .flex-split .one-third{
		 flex: 0 0 100%;
	}
}

.custom-html-widget .copyright{
	margin-top: 20px;
	text-align: center;
	
}

/*Credits field section*/
.collaborators_credits h3{
	/*border-top: 1px solid #dee2e6;
	padding-top: 20px;*/
	margin-top: 30px;
	
}

/*Educator button on playlist section*/
.ed_container {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
		font-weight: 700;
		padding-bottom: 30px;
}
.ed_container .edu_button a{
	margin-left: 10px;
	padding: 8px 8px;
	background-color: #0D956F;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}

/* Online course table */
.online-course {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.25rem;
    font-size: .9rem;
	font-family: "Helvetica Neue Custom","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.online-course th {
		background-color: #ebebeb;
    min-height: 20px;
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid none;
		padding: 20px;
}

.online-course td, .online-course th {
    padding: 1.25rem;
    border: 1px solid #dee2e6;
}
.online-course .download::before{
	font-family: "FontAwesome";
	content: '\f019';
	padding-right: 5px;

}
.online-course .transcript a::before{
	content: "\f15c";
	margin-right: .5rem;
}

.module-title{
	font-weight: 600;
}

.film::before{
	font-family: "FontAwesome";
	color: #0D956F;
	content: "\f008";
	font-size: 18px;
}
.youtube::before{
	font-family: "FontAwesome";
	content: "\f03d";	
}

.fa-file::before{
	font-family: "FontAwesome";
	color: #fbc52c;
	font-size: 18px;
	content: "\f15b";	
}

.fa-chart-pie::before{
	font-family: "FontAwesome";
	color: #76893e;
	content: "\f200";	
}

.question-circle::before{
	font-family: "FontAwesome";
	color: #999;
	font-size: 18px;
	content: "\f059";	
}

.fa-comment::before{
	font-family: "FontAwesome";
	color: #999;
	font-size: 18px;
	content: "\f075";	
}

.fa-link::before{
	font-family: "FontAwesome";
	color: #0D956F;
	content: "\f0c1";
}

.online-course .newsletter {
    vertical-align: middle !important;
}

.online-course .module-header{
	background-color: #ebebeb;
}

 .legend {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 1rem;
}

 .legend-item {
    height: 2rem;
    padding: .2rem;
    margin-right: 1rem;
}
.online-course-btn {
    background: #359ff7;
    box-shadow: none;
    color: #fff !important;
    border: 1px solid #359ff5;
		font-size: 18px;
		padding: 10px;
	text-align: center;
  vertical-align: middle;
	
}

/* Buttonize Radio & Checkbox Fields */
.gform_wrapper .buttonized .gfield_radio,
.gform_wrapper .buttonized .gfield_checkbox{
   text-align: center;
}
.gform_wrapper .buttonized input[type="radio"],
.gform_wrapper .buttonized input[type="checkbox"] {
   position: absolute;
   left: -9999px;
}
.gform_wrapper .buttonized .gfield_radio label,
.gform_wrapper .buttonized .gfield_checkbox label {
   display: block !important;
	color: #fff;
   position: relative;
   max-width: 100%;
   padding: 1em;
   font-size: 18px;
	font-weight: 700;
   border: 2px solid #02749e;
   background-color: #0D956F;
}
.gform_wrapper .buttonized input[type="radio"]:focus+label,
.gform_wrapper .buttonized input[type="checkbox"]:focus+label {
   border-color: #040404;
}
.gform_wrapper .buttonized input[type="radio"]:checked+label,
.gform_wrapper .buttonized input[type="checkbox"]:checked+label {
   border-color: #add04e;
   background-color: #76893e;
   overflow: hidden;
}
.gform_wrapper .buttonized input[type="radio"]:checked+label::before,
.gform_wrapper .buttonized input[type="checkbox"]:checked+label::before {
   content: '';
   display: block;
   position: absolute;
   top: -.75em;
   right: -.75em;
   left: auto;
   width: 1.5em;
   height: 1.5em;
   background-color: #e1b653;
   border-radius: 0;
   border: 0;
   transform: rotate(45deg);
}
.gform_wrapper .buttonized .gfield_radio label::before,
.gform_wrapper .buttonized .gfield_checkbox label::before {
   display: none;
}

/* Layout Buttonized Inputs As Grid */
.gform_wrapper .buttonized .gfield_radio,
.gform_wrapper .buttonized .gfield_checkbox {
   display: grid;
   /*grid-template-columns: repeat( 7, 1fr );
   grid-gap: .2em .2em;
	*/
		grid-template-columns: 120px 120px 120px 120px;
   grid-gap: .2em .2em;

}

@media only screen and (max-width: 420px){
	.gform_wrapper .buttonized .gfield_radio,
.gform_wrapper .buttonized .gfield_checkbox {
  display: grid;
  grid-template-columns: repeat( 2, 1fr );
  grid-gap: .2em .2em;	
}
	
	.gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium {
    width: calc(100% - 16px / 2);
}
	
.gform_wrapper.gravity-theme .gfield input.small, .gform_wrapper.gravity-theme .gfield select.small{
		width: calc(100% - 16px / 2);	
	}
	
}
.datepicker {
	max-width: 320px;
}

.homegroup{
	align-items: center;
}
.videos.row .widget {
	margin-bottom: 0;
}

/* # Mobile / Responsive Design - Must Leave at Bottom
---------------------------------------------------------------------------------------------------- */

/* ## 1200 px
--------------------------------------------- */
@media only screen and (max-width: 1200px) {

	.site-inner,
	.wrap {
		max-width: 1000px;
	}

	.explore .site-inner{
		max-width: 100%;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.content,
	.site-header .widget-area {
		width: 620px;
		margin: 0 !important;
		padding: 0;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.footer-widgets-1{
		width: 300px;
		margin-right: 10px;
	}

	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.js .genesis-nav-menu .sub-menu a,
	.js .genesis-nav-menu .sub-menu, 
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap{
		width: 100%;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
        clear: both !important;
		float: none !important;
	}

	.genesis-nav-menu,
	.site-description,
	.site-title {
		text-align: center;
	}

	.js nav.nav-primary,
	.js .site-header nav  {
		display: none;
		position: relative;
	    right: 350px;
	}

	.js .site-header nav .wrap {
		padding: 0;
	}

	.js nav.pagination {
		display: block;
	}

	.menu-toggle,
	.sub-menu-toggle {
		border-width: 0;
		background-color: transparent;
		color: #000;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		visibility: visible;
	}
	
	.sub-menu-toggle:hover,
	.sub-menu-toggle:focus {
		border-width: 0;
	}

	.menu-toggle {
		border-top: 0px;
		line-height: 20px;
		position: relative;
		right: 0;
		z-index: 1000;
		width: 100%;
	}

	.site-header .menu-toggle {
		border: 0;
	}

	.menu-toggle:before,
	.menu-toggle.activated:before {
		margin-right: 10px;
		text-rendering: auto;
		-webkit-transform: translate(0, 0);
		-ms-transform:     translate(0, 0);
		transform:         translate(0, 0);
	}

	.sub-menu-toggle {
		float: right;
	    margin-left: 20px;
		padding: 10px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
	}

	.sub-menu-toggle:before {
		display: inline-block;
		text-rendering: auto;
		-webkit-transform: translate(0, 0);
		-ms-transform:     translate(0, 0);
		transform:         translate(0, 0);
	}

	.sub-menu-toggle.activated:before {
		font-family: "FontAwesome";
		content: "\f106";
	}

	.genesis-nav-menu .sub-menu a{
	}

	.js .nav-primary .genesis-nav-menu .menu-item,
	.js .site-header .genesis-nav-menu .menu-item {
		display: block;
		float: none;
		margin: 1px 0;
		position: relative;
        right: 0px;
		text-align: left;
	}

	.js .genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.js .nav-primary .genesis-nav-menu .menu-item a,
	.js .site-header .genesis-nav-menu .menu-item a {
		border: none;
		padding: 10px 0;
		width: 100%;
	}

	.js .genesis-nav-menu .sub-menu {
		border: none;
	}

	.js .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
	.js .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
		left: 0;
		margin-left: 0;
	}

	.js .genesis-nav-menu > .menu-item-has-children > a:after {
		content: none;
	}

	.js .genesis-nav-menu .sub-menu {
		clear: both;
		display: none;
		margin: 0;
		opacity: 1;
		padding-left: 15px;
		position: static;
		width: 100%;
	}

	.js .genesis-nav-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.js nav button:hover,
	.js .menu-toggle:hover,
	.js .nav-primary {
		background-color: transparent;
		color: #F8951D;
	}

	.js nav button:focus,
	.js .menu-toggle:focus {
		background-color: transparent;
		color: #F8951D;
	}

	.footer-widgets-1 {
		margin: 0 auto 40px;
	}

}

/* ## 1023 px
--------------------------------------------- */

@media only screen and (max-width: 1023px) {
	.site-inner,
	.wrap {
		max-width: 850px;
		}

	.site-header .title-area,
	.site-header .widget-area
	{
		width: 100%;
		float: none;
		max-width: 600px;
		text-align:center;
		margin: auto;
	}

	.explore .site-inner{
		max-width: 1000px;
	}

	.content{
		width: 100%;
		float:none;
		display:block;
	}
	
	section.videos .videos-container	{
		flex: 1 1 100%;
		width: 100%;
	}
		
	section.videos.row .wrap{
		display: block;
		padding-bottom: 1rem;
	}

	section.videos .videos-info{
		margin-top: 1rem;
	}

	section.videos .videos-info ul.videos-nav{
		display: flex;
		flex-wrap: wrap;
	}	
	
	section.videos .videos-info ul.videos-nav li{
		flex: 1 1 33%;
	}

	section.videos .videos-info ul.videos-nav li figure{
		float: none;
		margin-right:0;
	}

	.facetwp-filters .row {
		flex-wrap: wrap;
		padding-right: 1rem;
	}


}

/* ## 860 px
--------------------------------------------- */

@media only screen and (max-width: 860px) {
	
    .header-full-width .title-area {
    width: 100%;
}
    
	body {
		font-size: 16px;
	}

	.site-inner {
		padding: 0;
	}

	.wrap {
		/*padding-left: 5%;*/
		/*padding-right: 5%;*/
	}

	.after-entry,
	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings,
	.sidebar .widget {
		padding: 0px;
		margin-bottom: 5%;
	}

	.sidebar {
		margin-bottom: 5%;
	}

	.pagination {
		margin: 5% auto;
	}

	.archive-pagination li a,
	.facetwp-pager li a{
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.single-video header h2.title {
		font-size: 1rem;
	}

	.single-session .single-video .footer {
		padding-left: 0;
	}

	.search-results ul.videos-list li, .speaker-talks ul.videos-list li{
		font-size: .9rem;
	}



	.facetwp-filters .facetwp-facet, .facetwp-filters .facetwp-sort {
		margin-bottom: .5rem;
	}


}

/* ## 600 px
--------------------------------------------- */

@media only screen and (max-width: 600px){
	
    .header-full-width .title-area .site-title a {
    width: 100%;
}
    
		.site-inner {
		padding: 0;
	}
	
	
	.single-video .controls li.transcript{
		display:none;
	}
	.facetwp-filters button, .facetwp-filters .button {
		margin-left: auto;
		padding: 4px 10px;

	}

	section.videos .videos-info ul.videos-nav{
		display:block;
	}

	section.videos .videos-info ul.videos-nav li figure{
		float: left;
		margin-right: 10px;
	}

	.flex-row > div .big {
		display:none;
	}

	.flex-row {
		flex-wrap: wrap;
	}

	.flex-row > div, .flex-row > div.left {
		flex: 0 0 100%;
		width:100%;
		margin: 0;
		justify-content: center;
	}
}

/* ## 412 px
--------------------------------------------- */

@media only screen and (max-width: 412px){
    
    .header-full-width .title-area .site-title a {
    width: 100%;
}
	
.site-inner {
		padding: 0;
	}
	
	
	section.videos .videos-info ul.videos-nav li{
		flex: 0 0 100%;
	}

	section.videos .videos-info ul.videos-nav li figure{
		width: 100%;
		height: auto;
		float:none;
	}
}

/* ## Mobile Header
--------------------------------------------- */

@media (max-width: 1023px) {
.entry-content .search-form,
.site-header .search-form{
	margin-top: 0px;
}
    
.header-full-width .title-area {
    width: 100%;
    /*padding: 10px;*/
}
    
.site-header {
    justify-content: center;
	}	
 }


/* Fixes 7.26.23 Rik Seddon */
/* Fix width / padding issues */

/* Header */
.site-header .title-area {
	width:33.33%;
	margin:0;
	padding:0;
}
.site-header .menu-toggle {
	width:33.33%;
	text-align:right;
	padding:0;
}
.site-header .nav-primary {
	width:100%;
}
.site-header .scl-logo {
	background: url(/wp-content/uploads/2023/08/SCL_Logo_for_iBio.png) no-repeat;
    /*width: 200px;*/
    background-size: contain;
    height:60px;
    background-position: right;
    width:33.33%;
}
.site-header .nav-primary .sfHover .sub-menu {
    background-color: #fff;
    padding-top: 20px;
}
.site-header .nav-primary .sfHover .sub-menu li {
    background-color: #fff;
    padding: 15px;
    padding-top: 20px;
}

@media only screen and (max-width: 1200px) {
.site-header .scl-logo {
	background: url(/wp-content/uploads/2023/08/scl-logo-img.png) no-repeat;
    /*width: 200px;*/
    background-size: contain;
    height:60px;
    background-position: right;
    width:33.33%;
}
}


.site-title a {
	width:200px!important;
	height:60px;
}
@media only screen and (max-width: 600px) {
p.site-title > a {
	width:150px!important;
    background-position: center center!important;
}
}


.site-header .nav-primary {
    background-color: #fff;
    margin: 0px auto;
    float: left;
    align-items: center;
    display: flex;
}
.site-header > .wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.site-header > .wrap :nth-child(1) { order: 1; }
.site-header > .wrap :nth-child(2) { order: 2; }
.site-header > .wrap :nth-child(3) { order: 3; }
.site-header > .wrap :nth-child(4) { order: 4; }
.site-header > .wrap :nth-child(5) { order: 5; }
@media only screen and (max-width: 1200px) {
	.site-header > .wrap :nth-child(1) { order: 2; }
	.site-header > .wrap :nth-child(2) { order: 3; }
	.site-header > .wrap :nth-child(3) { order: 4; }
	.site-header > .wrap :nth-child(4) { 
		order: 1;
		background-position:left;
	 }
	.site-header > .wrap :nth-child(5) { order: 5; }
}

@media only screen and (max-width: 1200px) {
	.site-header .nav-primary {
		position: absolute!important;
	    background-color: #fff;
	    width: 100%;
	    top: 76px;
	    z-index: 5000;
	    left: 0;
	    padding: 20px;
	}
}

.site-header .nav-primary .wrap {
	display: flex;
}
.site-header .nav-primary .wrap a {
	margin: 0;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
}

.site-header .menu-toggle:focus, .site-header .menu-toggle:focus-visible {
	outline: none;
}

.site-header {
    padding: 20px;
}
.header-image .title-area {
   /* margin: 20px auto 20px 20px;*/
   justify-content: left;
   display: flex;
}
@media only screen and (max-width: 1200px) {
.header-image .title-area {
   justify-content: center;
}
}
@media only screen and (max-width: 1200px) {
	.site-inner, .wrap {
	    max-width: inherit;
	}
}



/* Fix menu toggler position on appearance */
@media only screen and (max-width: 1200px) {
	.menu-toggle {
		margin: 0 0 0 0;
		width: auto;
	}
}
@media only screen and (max-width: 1200px) {
	.js nav.nav-primary, .js .site-header nav {
	    right: 15px;
	}
}

/* Reduce size of title logos on screens smaller than 1200px wide */
@media only screen and (max-width: 1200px) {
	.title-area {
	    width: 500px;
	}
}
@media only screen and (max-width: 1023px) {
	.title-area, .header-full-width .title-area, .site-header .title-area  {
	    /*width: 450px;*/
	    /*float:left;*/
	}
}

/* Reduce padding of regular menu items as screen size reduces */
.genesis-nav-menu a {
	padding-right:30px;
}
@media only screen and (max-width: 1500px) {
.genesis-nav-menu a {
	padding-right:25px;
}
}
@media only screen and (max-width: 1400px) {
.genesis-nav-menu a {
	padding-right:20px;
}
}
@media only screen and (max-width: 1300px) {
.genesis-nav-menu a {
	padding-right:15px;
}
}
@media only screen and (max-width: 1250px) {
.genesis-nav-menu a {
	padding-right:10px;
}
}



@media only screen and (max-width: 1200px) {
	.js .nav-primary .genesis-nav-menu .menu-item a, .js .site-header .genesis-nav-menu .menu-item a {
	    border: none;
	    padding: 10px 0;
	    width: 100%;
	}
}
 /* Content */
.home .site-inner {
	padding: 0px;
	max-width:unset;
	margin: 0px;
}
.home.full-width-content .entry-content .alignfull {
    margin-left: 0px!important; 
    margin-right: 0px!important;
    padding-left: 20px;
    padding-right: 20px;
}

/*Fixes for pages*/
/*Videos / Explore */
.explore .site-inner {
	padding: 0px;
	max-width:unset;
	margin: 0px;
}
.explore.full-width-content .entry-content .alignfull {
    margin-left: 0px!important; 
    margin-right: 0px!important;
    padding-left: 20px;
    padding-right: 20px;
}
.explore .grid-listing .content, .explore .facetwp-template, ul.grid {
    margin: auto;
    max-width: 1280px;
}
.explore .flex-row {
    padding: 0 14px;
}
.explore .facetwp-pager .facetwp-page.next-page {
	margin-right: 0px;
    padding-right: 0px;
}

/*single-ibiology_talk*/
@media only screen and (max-width: 1300px) {
.single-ibiology_talk .page-header, .single-ibiology_talk .videos.row, .single-ibiology_talk .site-inner {
	padding-left:20px;
	padding-right:20px;
}
}
@media only screen and (max-width: 850px) {
	.single-ibiology_talk .filmstrip-wrapper {
		flex-flow: row wrap!important;
	}
	.single-ibiology_talk .filmstrip-wrapper .filmstrip {
		flex-flow: row wrap!important;
	}
}
/*single-ibiology_speaker*/
@media only screen and (max-width: 1330px) {
	.single-ibiology_speaker .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*About page - page-id-33375*/
.page-id-33375 .site-inner {
	padding-right:20px;
}

/*Blog page - .blog*/
@media only screen and (max-width: 1300px) {
	.blog .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Contact page - page-id-34330*/
@media only screen and (max-width: 1300px) {
	.page-id-34330 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Donation page - page-id-43268*/
@media only screen and (max-width: 1300px) {
	.page-id-43268 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*CRISPR-Cas Technology - page-id-41382*/
@media only screen and (max-width: 1300px) {
	.page-id-41382 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Talks for everyone - page-id-35359*/
@media only screen and (max-width: 1300px) {
	.page-id-35359 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
/*Talks for students - page-id-34668*/
@media only screen and (max-width: 1300px) {
	.page-id-34668 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
/*Talks for research - page-id-33372*/
@media only screen and (max-width: 1300px) {
	.page-id-33372 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Techniques Talks page - page-id-35554*/
@media only screen and (max-width: 1300px) {
	.page-id-35554 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Microscopy Series - page-id-35552*/
@media only screen and (max-width: 1300px) {
	.page-id-35552 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
/*Short Microscopy Series - page-id-35539*/
@media only screen and (max-width: 1300px) {
	.page-id-35539 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
/*Cell Biology Flipped Course - page-id-35855*/
@media only screen and (max-width: 1300px) {
	.page-id-35855 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
/*Engineering Life Flipped Course - page-id-35875*/
@media only screen and (max-width: 1300px) {
	.page-id-35875 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
/*Evolution Flipped Course - page-id-35986*/
@media only screen and (max-width: 1300px) {
	.page-id-35986 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Educator Registration - page-id-35238*/
@media only screen and (max-width: 1300px) {
	.page-id-35238 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Educator Resources OLD - page-id-34186*/
@media only screen and (max-width: 1300px) {
	.page-id-34186 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Mission - page-id-34332*/
@media only screen and (max-width: 1300px) {
	.page-id-34332 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Privacy Policy - page-id-35305*/
@media only screen and (max-width: 1300px) {
	.page-id-35305 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Bench to Bedside - .single-ibiology_playlist*/
@media only screen and (max-width: 1300px) {
	.single-ibiology_playlist .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Category/archive Pages - .category, .archive*/
@media only screen and (max-width: 1300px) {
	.category .site-inner, .archive .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}

/*Online Biology Courses page - page-id-33373*/
@media only screen and (max-width: 1300px) {
	.page-id-33373 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
	.page-id-33373 .alignfull > .uagb-columns__inner-wrap {
		padding:20px;
	}
}

	.page-id-33373.full-width-content .entry-content .alignfull {
		margin-left: calc(-100vw / 2 + 100% / 2 - 10px);
    	margin-right: calc(-100vw / 2 + 100% / 2 - 10px);
		min-width: auto!important;
		padding-left: 30px;
    	padding-right: 10px;
	}


/*Educator Resources page - page-id-38795*/
@media only screen and (max-width: 1300px) {
	.page-id-38795 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
	.page-id-38795 .uagb-block-f2f8ae78 > .uagb-columns__inner-wrap {
		padding:20px;
	}
}

	.page-id-38795.full-width-content .entry-content .alignfull {
		margin-left: calc(-100vw / 2 + 100% / 2 - 10px);
    	margin-right: calc(-100vw / 2 + 100% / 2 - 10px);
		min-width: auto!important;
	}



/*Educator Resources Catalog page*/
@media only screen and (max-width: 1300px) {
	.page-template-page-catalog .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
/*Educator Recommended Playlists page - page-id-39398*/
@media only screen and (max-width: 1300px) {
	.page-id-39398 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
@media only screen and (min-width: 1062px) {
	.page-id-39398.full-width-content .entry-content .alignwide {
		margin-left: unset!important;
		margin-right: unset!important;
		min-width: auto!important;
	}
}

/*Educator Online Courses page - page-id-41059*/
@media only screen and (max-width: 1300px) {
	.page-id-41059 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
@media only screen and (min-width: 1062px) {
	.page-id-41059.full-width-content .entry-content .alignwide {
		margin-left: unset!important;
		margin-right: unset!important;
		min-width: auto!important;
	}
}

/*Educator Seminars with teaching tools page - page-id-39147*/
@media only screen and (max-width: 1300px) {
	.page-id-39147 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
@media only screen and (min-width: 1062px) {
	.page-id-39147.full-width-content .entry-content .alignwide {
		margin-left: unset!important;
		margin-right: unset!important;
		min-width: auto!important;
	}
}

/*Educator Resources for flipped courses page - page-id-38888*/
@media only screen and (max-width: 1300px) {
	.page-id-38888 .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
@media only screen and (min-width: 1062px) {
	.page-id-38888.full-width-content .entry-content .alignwide {
		margin-left: unset!important;
		margin-right: unset!important;
		min-width: auto!important;
	}
}

/*Educator flipped courses single pages - flipped-course-educator-resources*/
.flipped-course-educator-resources table.expanded-talks {
	display: block;
    overflow-x: auto;
}
@media only screen and (max-width: 1300px) {
	.flipped-course-educator-resources .site-inner {
		padding-left:20px;
		padding-right:20px;
	}
}
@media only screen and (min-width: 1062px) {
	.flipped-course-educator-resources.full-width-content .entry-content .alignwide {
		margin-left: unset!important;
		margin-right: unset!important;
		min-width: auto!important;
	}
}

/*add padding to top of site-inner*/
.site-inner {
	/*margin-top:20px!important;*/
}
.archive-description {
	padding-top: 20px;
    padding-bottom: 20px;
}
.sidebar.sidebar-primary {
	padding-top: 20px;
    padding-bottom: 20px;	
}

/*Scroll to top button*/
.scroll-to-top {
	display:inline-block;
	height:30px;
	width:30px;
	position:fixed;
	bottom:40px;
	right:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.05);
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cstyle%3Esvg%7Bfill:%23f7941d%7D%3C/style%3E%3Cpath d='M0 432V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48zm355.515-140.485l-123.03-123.03c-4.686-4.686-12.284-4.686-16.971 0L92.485 291.515c-7.56 7.56-2.206 20.485 8.485 20.485h246.059c10.691 0 16.045-12.926 8.486-20.485z'/%3E%3C/svg%3E") no-repeat center 50%;
	background-size: cover;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	z-index:5000;
}

.scroll-to-top.top-is-visible {
	visibility:visible;
	opacity:1;
}

.scroll-to-top.top-fade-out {
	opacity:.5;
}

.no-touch .scroll-to-top:hover {
	background-color:#e86256;
	opacity:1;
}

@media only screen and (min-width: 768px) {
	.scroll-to-top {
		right:20px;
		bottom:20px;
	}
}

@media only screen and (min-width: 1024px) {
	.scroll-to-top {
		height:50px;
		width:50px;
		right:30px;
		bottom:30px;
	}
}