/*
Theme Name: Zehr Institute
Author: Clay Showalter + Joshua Lyons
Author URI:
Version: 1
*/

@font-face {
    font-family: 'fira_sansbold';
    src: url('../fonts/firasans-bold-webfont.eot');
    src: url('../fonts/firasans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-bold-webfont.woff2') format('woff2'),
         url('../fonts/firasans-bold-webfont.woff') format('woff'),
         url('../fonts/firasans-bold-webfont.ttf') format('truetype'),
         url('https://zehr-institute.org/wp-content/themes/zehrinstitute/fonts/firasans-bold-webfont.svg#fira_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fira_sansbold_italic';
    src: url('../fonts/firasans-bolditalic-webfont.eot');
    src: url('../fonts/firasans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/firasans-bolditalic-webfont.woff') format('woff'),
         url('../fonts/firasans-bolditalic-webfont.ttf') format('truetype'),
         url('https://zehr-institute.org/wp-content/themes/zehrinstitute/fonts/firasans-bolditalic-webfont.svg#fira_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fira_sansheavy';
    src: url('../fonts/firasans-heavy-webfont.eot');
    src: url('../fonts/firasans-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-heavy-webfont.woff2') format('woff2'),
         url('../fonts/firasans-heavy-webfont.woff') format('woff'),
         url('../fonts/firasans-heavy-webfont.ttf') format('truetype'),
         url('https://zehr-institute.org/wp-content/themes/zehrinstitute/fonts/firasans-heavy-webfont.svg#fira_sansheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fira_sansitalic';
    src: url('../fonts/firasans-italic-webfont.eot');
    src: url('../fonts/firasans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-italic-webfont.woff2') format('woff2'),
         url('../fonts/firasans-italic-webfont.woff') format('woff'),
         url('../fonts/firasans-italic-webfont.ttf') format('truetype'),
         url('https://zehr-institute.org/wp-content/themes/zehrinstitute/fonts/firasans-italic-webfont.svg#fira_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fira_sansmedium';
    src: url('../fonts/firasans-medium-webfont.eot');
    src: url('../fonts/firasans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-medium-webfont.woff2') format('woff2'),
         url('../fonts/firasans-medium-webfont.woff') format('woff'),
         url('../fonts/firasans-medium-webfont.ttf') format('truetype'),
         url('https://zehr-institute.org/wp-content/themes/zehrinstitute/fonts/firasans-medium-webfont.svg#fira_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fira_sansmedium_italic';
    src: url('../fonts/firasans-mediumitalic-webfont.eot');
    src: url('../fonts/firasans-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/firasans-mediumitalic-webfont.woff') format('woff'),
         url('../fonts/firasans-mediumitalic-webfont.ttf') format('truetype'),
         url('https://zehr-institute.org/wp-content/themes/zehrinstitute/fonts/firasans-mediumitalic-webfont.svg#fira_sansmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fira_sansregular';
    src: url('../fonts/firasans-regular-webfont.eot');
    src: url('../fonts/firasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasans-regular-webfont.woff2') format('woff2'),
         url('../fonts/firasans-regular-webfont.woff') format('woff'),
         url('../fonts/firasans-regular-webfont.ttf') format('truetype'),
         url('https://zehr-institute.org/wp-content/themes/zehrinstitute/fonts/firasans-regular-webfont.svg#fira_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html {box-sizing: border-box;}
*, *:before, *:after {
	box-sizing: inherit;
}
* { 
	margin:0; 
	padding:0;
	max-height:1000000px;
}
h1, h2, h3, h4, h5, h6 {margin:0 0 8px;}
ul, ol, dl, p, address, form, table, blockquote, applet, embed, object, iframe, frameset, mejs-container {margin:0 0 12px;}

html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
body {
	color:#58595b;
	font:14px/1.5 'fira_sansregular', Arial, Helvetica, sans-serif;
	line-height:24px;
	background:#fff;
	overflow-y: scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
	display: block;
}
a {
	text-decoration:none;
	color:#008398;
	outline:none;
}
a:hover {opacity:.8;}
img{
	max-width: 100%;
	height: auto;
	vertical-align:top;
}
video, iframe, object, embed{max-width: 100%;}
input, textarea, select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{
	background:#fff;
	margin: 0;
	-webkit-appearance:none;
	border:1px solid #ccc;
	padding:3px 4px;
}
label{vertical-align:middle;}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	vertical-align:middle;
}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
h1, h2, h3, h4, h5, h6, b, strong, th{
	font-family: 'fira_sansbold';
	font-weight:normal;
}
h1{
	font-size:24px;
	color:#008398;
	font-family: 'fira_sansbold';
	font-weight:normal;
	padding: 0px 0px 15px 0px;
}
h2{
	color:#008398;
	font-size:18px;
	padding: 0px 0px 15px 0px;
	}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
blockquote{
	border-left:4px solid #ccc;
	padding-left:10px;
	margin-left:14px; 
}
blockquote h3 {
	text-transform: uppercase;
    font-size: 108%;
    text-shadow: 1px 1px #000;
    width: 85%;
    margin: 0 auto 10px;
	line-height: 1.3em;
    position: relative;
    letter-spacing: 1.3px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
	border:1px solid #ccc;
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul{ margin-left:1px; }
ul, ol{ padding-left:3em; }
ul ul,
ul ol,
ol ul, 
ol ol{
	padding-left:3em;
	margin:0;
}
ul>li{list-style-type:disc;}
dl dt{
	float:left;
	clear:left;
	padding-right:4px;
	font-weight:bold;
}
pre{
	max-width: 100%;
	overflow: auto;
}
.widget {margin-bottom: 14px; overflow: hidden;}
.widget ul{padding-left:2em;}
.widget select{min-width: 150px;}
.comment-form textarea,
.comment-form input[type="text"],
.search-form input[type="search"]{
	margin:0 4px 0 0;
	width:300px;
}
.post-password-form label{vertical-align: top;}
.post-password-form input[type="password"],
.search-form input[type="search"]{width:140px;}
.commentlist{margin:0 0 14px;}
.commentlist .edit-link{margin:0;}
.commentlist-item .commentlist-item {padding:0 0 0 3em;}
@media only screen and (max-width: 767px){.commentlist-item .commentlist-item {padding: 0;}}
.comment,
.commentlist-holder{overflow:hidden;}
.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item{padding-top:14px;}
.commentlist .avatar-holder{
	float:left;
	margin:0 14px 4px 0;
}
.comment-form label{
	display:block;
	padding-bottom:4px;
}
.comment-form textarea{
	padding:3px 4px;
	overflow:auto;
	margin:0;
	height:120px;
	min-height:120px;
}
.widget_calendar #next{text-align: right;}
.gallery-item dt{
	float:none;
	padding:0;
}
.navigation{
	overflow:hidden;
	margin:0 0 14px;
}
.navigation .next{
	float:left;
}
.navigation .prev{
	float:right;
}
.wp-caption{
	max-width: 98%;
	clear:both;
	border:1px solid #ccc;
	padding:5px;
}
.wp-caption img{vertical-align:top;} 
.wp-caption p{margin:10px 0 0;}
div.aligncenter {margin: 0 auto 14px;}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	float: left;
	margin: 0 14px 4px 0; 
}
.alignright {
	float: right;
	margin: 0 0 4px 14px; 
}
#wrapper{
	width:100%;
	overflow:hidden;
}
.inner{
	max-width:954px;
	padding-top: 0px;
  	padding-right: 31px;
  	padding-left: 31px;
	margin:0 auto;
}
.inner:after, #main:after{
	content:"";
	display:block;
	clear:both;
}
#header{position:relative;}
.top-bar{
	background: url(../images/triangles.png);
	background-size: cover;
	color:#fff;
	text-align:center;
}
.top-bar .inner{
	padding:22px 44px 22px 0;
	position:relative;
	max-width: 1440px;
}
#header .logo{
	position:absolute;
	left:50%;
	top:0;
	margin:0 0 0 -118px;
	z-index:2;
}
#header .logo a:hover{opacity:1;}
#header .search{
	position:absolute;
	right: -30px;
    top: 10px;
}
#header .search-form{
	width:180px;
	padding:4px 0;
	background:#fff;
	border-radius:3px;
	display:none;
}
#header .search-form input, #header .search-form button{
	background:none;
	border:0;
	display:inline-block;
	vertical-align:middle;
}
#header .search .opener{
	font-size:23px;
	color:#fff;
}
#header .search-form{
	position:absolute;
	right:0;
	top:100%;
	z-index:3;
}
#nav {
    width: 100%;
}
#nav > div {
	display: inline-block;
}
#nav .middle-menu-div {
	width: 132px;
} 
#nav .menu-top-main-menu-container {
    width: 480px;
    margin-left: 30px;
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0;
	overflow: hidden;
}
#nav li {
	display:inline-block;
	margin:10px 2.2% 0 0;
	list-style:none;
	border:1px solid #fff;
}
#nav li.menu-item-type-custom, .nav li.menu-item-type-custom{
	width:236px !important;
	border:0 !important;
}
#nav a {
	color: #fff;
	text-transform:uppercase;
	font-family: 'fira_sansbold';
	font-weight:normal;
	font-size:18px;
	line-height:1.3;
	padding:8px 13px;
	display:block;
}
#nav a:hover, #nav .active a {
	opacity:1;
	color:#acdb90;
}
.bar{
	background:#006580;
	text-align:center;
}
.bar .inner{
	padding:12px 91px 12px 31px;
	position:relative;
}
.social{
	list-style:none;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
}
.social li{
	display:inline-block;
	list-style:none;
	vertical-align:middle;
	margin:0 5px;
}
.social a{
	color:#fff;
	font-size:22px;
}
#header .social{
	position:absolute;
	right:0;
	top:10px;
}
.nav a:hover, .nav .active a {
	opacity:1;
	color:#acdb90;
}
.nav {
	list-style:none;
	margin:0;
	padding:0;
	overflow: hidden;
}
.nav li {
	display:inline-block;
	margin:0 2.2% 0 0;
	list-style:none;
}
.nav a{
	display:inline-block;
	color:#fff;
	font-family: 'fira_sansmedium';
	font-size:14px;
	text-transform:uppercase;
}

#header-menu .opener {
	width: 41px;
	height: 41px;
	background:none;
	position: absolute;
	top: 17px;
	right: 47%;
	border-radius: 1px;
	text-indent: -9999px;
	overflow: hidden;
	border:1px solid #fff;
	display: none !important;
}

#header-menu .opener:after,
#header-menu .opener:before,
#header-menu .opener span {
	background: #fff;
	border-radius: 4px;
	position: absolute;
	top: 19px;
	left: 11%;
	right: 11%;
	height: 5px;
	margin-top: -2px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

#header-menu .opener:after,
#header-menu .opener:before {
	content: "";
	top: 9px;
}

#header-menu .opener:after {
	top: 29px;
}

#header-menu .opener:hover {
	opacity: .9;
}

#header-menu.active .opener span{
	opacity: 0;
}
#header-menu.active .opener:after,
#header-menu.active .opener:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 19px;
	left: 9%;
	right: 9%;
}
#header-menu.active .opener:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

div.cycle-gallery {
	position: relative;
	background:#2f2d2e url(../images/_HJZ2426.jpg) no-repeat 50% 90%;
	background-size:cover;
	max-width:1440px;
	margin:0 auto;
}
div.cycle-gallery:before{
	content:'';
	position:absolute;
	left:50%;
	top:0;
	bottom:0;
	width:10000px;
	margin:0 0 0 -5000px;
	background:#2f2d2e;
	z-index:-1;
}
div.cycle-gallery img{
	vertical-align:top;
	width:100%;
	height:auto;
	max-width:9999px;
}
div.cycle-gallery div.mask {
	position: relative;
	overflow: hidden;
	width: 100%;
	background:rgba(246,212,111, 0.1);
}
div.cycle-gallery div.mask div.slideset {
	width: 100%;
	float: left;
	white-space:nowrap;
}
div.cycle-gallery div.mask div.slide {
	display:inline-block;
	width:100%;
	white-space:normal;
	min-height:400px;
	text-align:center;
}
div.cycle-gallery blockquote{
	position:relative;
	border-style:none;
	color:#fff;
	top:120px;
	font-family: 'fira_sansitalic';
	font-size:24px;
	line-height:1.1;
	margin-left: 0px;
    padding-left: 0px;
	background-color: rgba(0, 100, 128, .6);
    padding: 20px 0;
}
div.cycle-gallery blockquote strong{
	font-family: 'fira_sansbold_italic';
	font-weight:normal;
	font-style:normal;
}
div.cycle-gallery blockquote cite{
	font-family: 'fira_sansbold';
	font-style:normal;
	font-weight:normal;
	font-size:16px;
	color:#f2c12e;
	text-transform:uppercase;
}
div.cycle-gallery div.mask div.slide.active {
	z-index: 1;
}
.blue-section{
	background:#d0edea;
	padding:32px 0 80px;
	text-align:center;
}
.blue-section h1{
	font-size:30px;
	font-family: 'fira_sansbold';
	font-weight:normal;
	margin:0 0 32px;
}
.blue-section *{color:#14a697;}
.blue-section .block{
	display: inline-block!important;
	width:35%;
	margin:0 3.1%;
	background:#fff;
	padding:5px 5px 17px;
	font-size:18px;
	font-family: 'fira_sansbold';
	text-transform:uppercase;
	font-weight:normal;
}
.blue-section .block .image{margin:0 0 16px;}
.navy-section{
	background:#006580;
	padding:32px 0 60px;
	text-align:center;
}
.navy-section h1{
	font-size:30px;
	font-family: 'fira_sansbold';
	font-weight:normal;
	margin:0 0 32px;
}
.navy-section *{color:#fff;}
.navy-section .block{
	display:inline-block;
	vertical-align:bottom;
	width:15.9%;
	margin:0 1.1%;
	padding:5px 5px 17px;
	font-size:18px;
	font-family: 'fira_sansbold';
	text-transform:uppercase;
	white-space:wrap;
	font-weight:normal;
}
.navy-section .block .image{margin:0 0 19px;}
.visual{
	min-height:50px;
	position:relative;
	margin:0 0 36px;
	background:#2f2d2e;
	text-align:center;
}
.visual img{
	max-width:1440px;
	width:100%;
	height:auto;
}
.visual:after{
	background:rgba(246,212,111, 0.1);
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	content:'';
}
.yellow-section{
	background:#fcf3d5;
	padding:80px 0 50px;
	text-align:center;
}
.yellow-section h1{
	font-size:30px;
	font-family: 'fira_sansbold';
	margin:0 0 32px;
}
.yellow-section .block{
	display:inline-block;
	vertical-align:top;
	width:30%;
	margin:0 1.2%;
	white-space:wrap;
}
.yellow-section .box{
	overflow:hidden;
	background:#f29d35;
	color:#fff;
	min-height:144px;
	border:5px solid #fff;
	padding:15px 11px 0;
	line-height:1;
	margin:0 0 14px;
	position:relative;
}
.yellow-section .block:first-child .box,
.yellow-section .block:last-child .box{
	background:#f2c12e;
}
.yellow-section .box time{
	font-size:24px;
	font-family: 'fira_sansbold';
	font-weight:normal;
}
.yellow-section .block h2{
	font-size:30px;
	font-family: 'fira_sansbold';
	text-transform:uppercase;
	color:#f27649;
	margin:-15px 0 13px;
	font-weight:normal;
}
.yellow-section .block:first-child h2,
.yellow-section .block:last-child h2{
	font-size:18px;
	color:#f29d35;
	margin:0 0 13px;
}
.yellow-section .box h3 {
	margin:10px 0 12px;
	line-height:1;
	font-weight:normal;
}
.yellow-section .box h3 a{
	font-family: 'fira_sansmedium_italic';
	font-size:14px;
	color:#fff;
	font-weight:normal;
}
.yellow-section .box .meta{
	font-size:12px;
	font-family: 'fira_sansbold';
	text-transform:uppercase;
}
.yellow-section .box .mark{
	position:absolute;
	top:9px;
	right:7px;
}
.yellow-section .mark{
	background:#f25252;
	border-radius:50%;
	width:12px;
	height:12px;
	display:inline-block;
	margin:-5px 5px 0 0;
	vertical-align:middle;
}
#main{
	max-width:954px;
	margin:0 auto;
	padding:0 31px 26px;
}
#content h1{
	text-transform:uppercase;
	margin:0;
}
#content h2{
	margin:0 0 6px 0;
}
.body-class-search-results #content,
.with-sidebar #content{
	float:left;
	width:67%;
}
.body-class-search-results #sidebar,
.with-sidebar #sidebar{
	float:right;
	width:29%;
	background:#ffffeb;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:15px 20px;
	margin-top:9px;
}
#content .child{margin:14px 0 0;}
.meta{margin:0px 0px 0px 0px;}
.meta:last-child{margin:0px 0px 50px 0px;}
.meta address{display:inline-block;}
div.title h2{
	padding: 0px 0px 0px 0px;

}

.new-publication-container {
	width: 100%;
    height: 220px;
    margin: 15px 0 60px;
	text-align: center;
}
.new-publication-box {
	width: 470px;
	height: 100%;
	text-align: center;
    max-width: 95%;
	margin: auto;
	border: 5px solid #2f2f31;
    box-shadow: 1px 1px 20px 0px #2f2f31;
}
.new-publication-header {
	color: #008298;
    font-size: 34px;
    font-family: arial;
    font-weight: 200;
    line-height: 35px;
    margin: 15px 25px 0 !important;
    text-transform: none !important;
}
.new-publication-author {
	color: #222;
    font-size: 16px;
    font-family: arial;
    font-weight: 200;
    line-height: 18px;
}
.new-publication-button {
	width: 35%;
    height: 35px;
    border-radius: 20px;
    background: #006480;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

/*** YouTube Embed Feature ***/

.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin: 10px 0 20px;
}

.youtube-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}





/**Footer**/

#footer {
	background: url(../images/triangles.png);
	padding: 75px 0;
	color:#fff;
	text-align:center;
	position:relative;
}
#footer .inner {
	padding: 0px;
}
.footer-nav{
	list-style:none;
	margin:0;
	padding:15px 0 0;
	text-align: left;
	letter-spacing: .5px;
}
.footer-nav li{
	list-style:none;
	font-size:16px;
	font-family: 'fira_sansbold';
	margin:0 0 20px;
	text-transform: uppercase;
}
.footer-nav li a{
	color:#fff;
}
#footer a{
	color:#fff;
}
#footer .social{
	padding:25px 0 0;
}
#footer .social a{
	font-size:36px;
}
#footer .inner:first-child{
	margin:0 auto 29px;
}
#leftSideFooter {
    width: 40%;
}
#rightSideFooter {
    width: 60%;
	display: flex;
}
.footer-container { 
	width: 975px;
	max-width: 98%;
	display: flex;
	margin: auto;
}
.social-container {
	display:block; left: 60px;position: relative;
}

/***End Footer***/

.slide-overlay { 
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(25,25,25,.4);
}

.video-box{
	max-width:400px;
}
.post-class-book .little-book-section{
	overflow:hidden;
	margin:0 0 15px;
	padding:0 0 15px;
	border-bottom:1px solid #58595B;
}
.post-class-book:last-child .little-book-section{
	border-bottom:0;
}
.post-class-publication .little-book-section{
	overflow:hidden;
	margin:0 0 15px;
	padding:0 0 15px;
	border-bottom:1px solid #58595B;
}
.post-class-publication:last-child .little-book-section{
	border-bottom:0;
}
.little-book-section .author{
	display:inline-block;
	vertical-align:top;
	margin:0 4px 4px 0;
}
.little-book-section .more-detail{
	display:inline-block;
	vertical-align:top;
	margin:0 4px 4px 0;
	padding:0 0 0 7px;
	position:relative;
}
.little-book-section .more-detail:after{
	content:'';
	position:absolute;
	left:0;
	top:6px;
	width:1px;
	height:13px;
	background:#333;
}
.little-book-container .image-container{
	float:left;
	margin:0 15px 0 0;
}
.little-book-container{
	overflow:hidden;
	position:relative;
}
.little-book-section .image-box{
	float: left;
    margin: 0 25px 0 0;
}
.little-book-section .title-book-section{
	overflow:hidden;
}
.past-webinars-list{
	padding:0;
	margin:0 0 20px;
	list-style:none;
}
.past-webinars-list li{
	margin:0 0 5px;
	list-style-type:none;
}
.past-webinars-list .date{
	display:block;
}
.past-webinars-list .date time{
	font-size:12px;
	line-height:15px;
}
.past-webinars-list h2{
	font-size:12px;
	line-height:15px;
	margin:0;
}
.webinars-question-link{
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	font-weight:bold;
}
.webinars-question-link:hover{
	text-decoration:underline;
}

.post-class-webinar h2 {
	color: #008398;
	font-size: 20px;
}

.sponsorblock {
	margin-bottom:50px;
}
.webinar-sponsor-logo img {
	max-height:75px;
}
.webinar-slides {
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}
#nav-mobile {
	display: none;
}
#menu-item-393 {
    margin-right: 140px;
}
#menu-item-401 {
    margin-left: 140px;
}


@media only screen and (max-width:1400px){
	div.cycle-gallery:before{
		display:none;
	}
}

@media only screen and (max-width:1240px){
	#nav .menu-top-main-menu-container {
    	width: 30%;
		margin-left: 55px;
	}
}

@media only screen and (max-width: 954px) {
	.middle-menu-div {
		width: 232px;
	}
	#nav {
		display: none;
	}
	#nav-mobile .menu-top-main-menu-container {
    	width: 100%;
	}
	#nav-mobile {
    	width: 100%;
    	display: block;
	}
	#nav-mobile  > div {
		display: inline-block;
	}
	#nav-mobile  ul {
		list-style:none;
		margin:0;
		padding:0;
		overflow: hidden;
	}
	#nav-mobile  li {
		display:inline-block;
		margin: 5px;
		list-style:none;
		border:1px solid #fff;
	}
	#nav-mobile  li.menu-item-type-custom, .nav li.menu-item-type-custom{
		width:236px;
		border:0;
	}
	#nav-mobile  a {
		color: #fff;
		text-transform:uppercase;
		font-family: 'fira_sansbold';
		font-weight:normal;
		font-size:18px;
		line-height:1.3;
		padding:8px 13px;
		display:block;
	}
	#nav-mobile  a:hover, #nav .active a {
		opacity:1;
		color:#acdb90;
	}
	.top-bar .inner{
		padding:167px 0 17px;
	}
	#header .search{
		top:304px;
		right:44px;
		z-index:20;
	}
	#header-menu .opener{
		display: block !important;
	}
	#header .search .opener{
		font-size:41px;
	}

	#header-menu .drop {
		overflow: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 999;
	}

	#header-menu .drop {
		float: none;
	}

	#header-menu .drop nav {
		background: #006580;
		text-align: center;
		padding:0;
		border-bottom:1px solid #fff;
	}

	#header-menu ul {
		float: none;
	}

	#header-menu li {
		display:block;
		margin: 0;
		padding: 0;
		border-style:none;
	}

	#header-menu li a {
		display: block;
		padding:8px 5px;
		font-size:16px;
		border-top:1px solid #fff;
	}
	#header-menu li.menu-item-type-custom, .nav li.menu-item-type-custom{
		display:none;
	}

	#header .drop {
		max-height: 0;
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
	}

	#header-menu.active .drop {
		max-height: 4000px;
	}

	#header-menu .drop > nav{
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility:hidden;
		pointer-events:none;
	}

	#header-menu.active .drop > nav {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		visibility:visible;
		pointer-events:auto;
	}

	#header .logo {
		width: 167px;
		left:50%;
		margin:-5px 0 0 -84px;
	}

	#header .logo img {
		width: 100%;
		height: auto;
	}
	.body-class-search-results #sidebar,
	.with-sidebar #sidebar{
		padding:10px 15px;
	}
	#nav ul li.menu-item-type-custom{
		display:none;
	}
	#nav ul li{
		display:inline-block;
		vertical-align:top;
		margin:0 5px 10px 0;
	}
	#nav ul a{
		padding:10px 5px;
	}
	#nav ul li+li+li+li a{
		width:175px;
	}
	#header .social{
		position:static;
		padding:0;
		text-align:left;
		padding:0 0 0 34px;
	}
	#header .social li{
		margin:0 12px 0 0;
	}
	#header .social a{
		font-size:38px;
		line-height:49px;
	}
	#header .social li:first-child a{
		font-size:34px;
		line-height:49px;
	}
	#header .search{
		top:15px;
	}
	.visual{
		margin:0 -200px 36px;
	}
	#header .search-form{

	}
}
@media only screen and (max-width: 768px) {
	.yellow-section .block h2{
		margin: 35px 0 13px;
	}
	#nav-mobile li {
    	margin: 10px 5px 0 0;
	}
	#nav .menu-top-main-menu-container {
    	width: 30%;
	}

	.bar .inner{padding:12px 14px;}
	.inner{padding:0 14px;}
	#main{padding:0 14px 14px;}
	.nav{text-align:center;}
	.nav li{
		display:block;
	}
	#header .social{
		position:static;
		padding:0;
		text-align:left;
		padding:0 0 0 34px;
	}
	#header .social li{
		margin:0 12px 0 0;
	}
	#header .social a{
		font-size:38px;
	}
	#header .social li:first-child a{
		font-size:34px;
	}
	#content, #sidebar, .block, #footer .footer-nav, #footer .social{
		float:none !important;
		display:block !important;
		width:auto !important;
		margin: 0 5px 14px !important;
	}
	.blue-section, 
	.navy-section, 
	.yellow-section, 
	#footer{padding:24px 0;}
	#footer .social, .footer-nav{padding:0;}
	.body-class-search-results #sidebar,
	.with-sidebar #sidebar{
		padding:10px 15px;
		margin:0 -15px -15px !important;
		height:auto !important;
	}
	#nav ul{
		max-width:430px;
		margin:0 auto;
	}
	#footer .social{
		text-align:center;
	}
}
@media only screen and (max-width:429px){
	#nav ul a{
		width:88px;
		font-size:14px;
	}
	#nav ul li+li+li+li a{
		width:137px;
	}
	.top-bar .inner{
		padding:167px 0 10px;
	}
	.bar .inner{
		padding:10px;
	}
	#header .social{
		padding-left:10px;
		text-align:left;
	}
	#header .social a{
		font-size:28px;
		line-height:36px;
	}
	#header .social li:first-child a{
		font-size:24px;
		line-height:36px;
	}
	#header .social li{
		margin:0 8px 0 0;
	}
	#header .search .opener{
		font-size:24px;
	}
	#header .search{
	    top: 15px;
	    right: 20px;
	}
	#header-menu .opener{
		width:31px;
		height:31px;
		top:13px;
		right:45%;
	}
	#header-menu .opener:after,
	#header-menu .opener:before,
	#header-menu .opener span{
		height:3px;
		top:16px;
		left:13%;
		right:13%;
	}
	#header-menu .opener:after,
	#header-menu .opener:before{
		top:10px;
	}
	#header-menu .opener:after{
		top:22px;
	}
	#header-menu.active .opener:after,
	#header-menu.active .opener:before{
		top:15px;
		left:12%;
		right:12%;
	}
	#header-menu li a{
		padding:7px 5px;
	}
	.test{
		position:relative;
	}
}
@media only screen and (min-width:768px){
	.footer-logo{
		position: relative;
		width: 190px;
		left: 50%;
		top: -15px;
		margin: 0 0 0 -90px;
	}
	#footer .inner{
		min-height:130px;
	}
}
@media only screen and (max-width:950px){
	#leftSideFooter {
		width: 30%;
	}
}
@media only screen and (max-width:950px){
	.social-container {
		display: none;
	}
	.footer-nav {
		width: 45%;
	}
}
@media only screen and (max-width:699px){
	blockquote h3 {
		font-size: 80%;
    	width: 80%;	
	}
	.cycle-gallery img {
		width: 20px !important;
	}
	.btn-prev {
		left: 25px !important;
	}
	.btn-next {
		right: 25px !important;
	}
}
@media only screen and (max-width:650px){
	.footer-container {
		display: block;
	}
	.footer-nav {
		text-align: center;
		margin: 0;
	}
	.footer-nav li {
	    margin: 0 0 12px;
		text-transform: none;
	}
	#rightSideFooter {
		display: block;
	}
}
@media only screen and (max-width:400px){
	.btn-prev {
		display: none !important;
	}
	.btn-next {
		display: none !important;
	}
}
/* APPDEV : registration button, see WO 165346 */
.btn-register {
    display: inline-block;
    padding: 8px 13px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-top: 14px;
    margin-bottom: 14px;
    background-color: #008398;
    color: #fff;
    border: 1px solid #008398;
}