/*
Theme Name: _tk
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.10
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft,
.entry-content .align-left,
.entry-content img.align-left,
.entry-content .alignleft,
.entry-content img.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright,
.entry-content .alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
p img.alignright {
	margin-top: 1em;
}
.aligncenter,
.entry-content .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
	line-height: 1.2;
	font-size: 1.45rem;
}
.hvmfg_article .wp-caption .wp-caption-text {
	text-align: left;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}
audio {
    width: 100%;
    max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 1em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}
*/

/* Hey, if you don't need my comments anymore, just delete me! :)  */


/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}
ul.pagination li.first-page,
ul.pagination li.last-page {
	font-size: 1.5em;
	line-height: 1.5;
}
ul.pagination li.first-page a {
	padding: 0 6px 0 18px;
}
ul.pagination li.last-page a {
	padding: 0 18px 0 6px;
}
ul.pagination li.first-page span,
ul.pagination li.last-page span {
	display: none;
}
.pagination li.pagination-form {
	display: none;
}
.hentry .pagination li {
    padding-left: 0em;
    text-indent: 0em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Ad Essentials Styles start here */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* Basic Typography Tweaks */
body {
	color: #4c4c4c;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 16px;                /* Adjust this if needed */
    line-height: 1.5em;
}
h1, .h1 {
    font-size: 1.85em;
}
h1.page-title {
	text-transform: uppercase;
	font-size: 1.7em;
    margin-top: 0.25em;
    margin-bottom: 0.65em;
}
h2, .h2 {
    font-size: 1.7em;
}
h3, .h3 {
    font-size: 1.5em;
}
h4, .h4 {
    font-size: 1.25em;
}
h5, .h5 {
    font-size: 1.25em;
}
h6, .h6 {
    font-size: 1em;
}
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0.65em;
    margin-bottom: 0.25em;
    line-height: 1.2em;
    color: #ba6536;
}
h1, .h1, h2, .h2, h3, .h3,
h4, .h4 {
    font-weight: 300;
}
h5, .h5 {
	color: #ba6536;
	font-weight: 300;
    line-height: 1.5em;
}
h6, .h6 {
	color: #4c4c4c;
	font-weight: 300;
    line-height: 1.5em;
    margin-top: 0.65em;
    margin-bottom: 1.5em;
    line-height: 1.5;
}
.highlight, p {
    margin-bottom: 1em;
}
p.lead, div.lead {
    font-size: 1.2em;
    margin-bottom: 1em;
}
blockquote {
    border-left: 0.5em solid rgba(186, 102, 54, 0.2);
    font-size: 1.05em;
    margin: 0 0 1em;
    padding: 0.5em 1em;
}
.hentry li {
	padding-left: 0.5em;
    text-indent: -0.5em;
}
.hentry a, .hentry a:link {
    color: #006FC9;
    text-decoration: none;
    cursor: pointer;
}
.hentry a:visited {
	/* color: rgba(0, 111, 201, 0.5); */
	/* color: #7EB7E6; */
	color: #408bc4;
}
.hentry a:active, 
.hentry a:focus {
    color: limegreen;
}
.hentry a:hover {
    color: dodgerblue;
}
dt {
    margin-top: 1em;
    margin-bottom: 0;
    font-weight: 400;
}
b, strong { /* we use the light webfont (300) for regular and the regular webfont (400) for bold */
    font-weight: 400;
}
th {
	font-weight: 400;
}
.small-caps {
	font-variant: small-caps;
}
.petite-caps {
	font-variant: petite-caps;
}
/* !!only allow underlining in links!! */
u {
	text-decoration: none;
}
u a,
a u {
	text-decoration: underline;
}
table {
	max-width: 100% !important;
}
.table {
	width: auto !important;
}
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    padding: 4px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table > tbody > tr:first-of-type > td, 
.table > tbody > tr:first-of-type > th, 
.table > tfoot > tr:first-of-type > td, 
.table > tfoot > tr:first-of-type > th, 
.table > thead > tr:first-of-type > td, 
.table > thead > tr:first-of-type > th {
    border-top: 0px solid #ddd;
}
.mb-0 {
	margin-bottom: 0;
}

/* Page Structure ================================================================================= */
/* Page Header ============================================== */
.site-navigation {
	background-color: rgba(255,255,255,1); /* FOR TESTING ONLY: fffff4 */
	border-bottom: 1px solid #eee;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}
.site-navigation.subtle {
	pointer-events: none;
}
.site-navigation.subtle .navbar-toggle {
	pointer-events: auto;
}
body.admin-bar .site-navigation {
	margin-top: 32px;
}
body.menus-open { 
  overflow: hidden;
}
body.menus-open .main-content a { 
	pointer-events: none;
}
body.menus-open .nav-tiles .button-nav.navbar-nav > li.open > .dropdown-menu {
	display: none;
}
@media screen and ( max-width: 782px ) { 
	/* WP breakpoint for large admin-bar */ 
	.prettycode {}
	body.admin-bar .site-navigation {
		margin-top: 46px;
	}
}
.site-navigation .container {
    padding: 0 0px;
}
.site-navigation.subtle .container {
	pointer-events: none;
}
.site-navigation.subtle .container .navbar-header button {
	pointer-events: auto;
}
.site-navigation .site-navigation-inner {
	height: auto;	
    transition: height .4s ease;
}
.site-navigation .navbar-default {
	z-index: 2;
}
.site-navigation .council-branding {
	position: relative;
	float: left;
	height: 50px;
	margin-right: 15px;
	margin-top: 2px;
	padding-left: 60px;
	background-image: url('https://www.councilofindustry.org/wp-content/uploads/2018/05/coi-logo-icon-lg.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	background-position: left center;
}
.site-navigation.subtle .council-branding {
	display: none;
}
h1.organization-title {
	position: relative;
	margin-left: 0;
	font-weight: bold;
	font-size: 1.1em;
	font-family: georgia, serif;
	line-height: 22px;
}
h1.organization-title a {
	color: #003366;
}
.site-navigation .navbar-header {
    float: right;
    position: relative;
}
.site-navigation .navbar-brand {
	display: none;
}
/* header search */
span.header-search {
	display: inline;
	margin-right: 1em;
	pointer-events: auto;
	position: relative;
	opacity: 1;
	transition: opacity .5s ease 0s;
}
.site-navigation.subtle span.header-search {
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s ease 0s;
}
.logged-in span.header-search {
	display: inline;
}
.header-search .fa-search {
	font-size: 1.7em;
    padding-top: 0.3em;
    vertical-align: middle;
    cursor: pointer;
	z-index: 1;
}
.header-search form {
	display: inline-block;
    position: absolute;
    right: 35px;
    top: 0;
    visibility: hidden;
    width: 0;
    z-index: -1;
    transition: width .5s ease 0s;
}
.header-search.open form {
	visibility: visible;
	width: 11em;
	z-index: 5;
    transition: width .5s ease 0s;
}
.header-search .search-form label,
.header-search .search-form input.search-field {
    width: 100%;
    margin-bottom: 0;
}
.header-search .search-form input[type="submit"] {
    display: none;
}
/* social icons */
.site-navigation .navbar-header a.icon-link {
	position: relative;
	top: 4px;
	height: 2em;
	width: 2em;
	line-height: 2em;
}
.site-navigation .fa {
	color: #ba6536;
}
.site-navigation .fa-inverse {
	color: #fff;
}
.site-navigation .navbar-default .navbar-toggle .icon-bar {
    background-color: #ba6536;
}
.site-navigation .navbar-toggle .icon-bar {
    border-radius: 2px;
    display: block;
    height: 5px;
    width: 40px;
}
.site-navigation .navbar {
    border: 1px solid transparent;
    margin-bottom: 0px;
    min-height: 55px;
    max-height: 55px;
    position: relative;
    background-color: transparent;
    overflow: visible;
}
.site-navigation .navbar-toggle {
	display: block;
    background-color: rgba(255, 255, 255, 0.2);
    background-image: none;
    border: thin solid rgba(255, 255, 255, 0.4);
    /* border-radius: 0px; */
    float: right;
    margin-bottom: 4px;
    margin-right: 5px;
    margin-left: 25px;
    margin-top: 5px;
    padding: 9px 10px;
    position: relative;
	z-index: 1000;
}
.site-navigation .follow-buttons .fa-lg {
	font-size: 1.25em;
	margin-top: 0.1em;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover,
button.navbar-toggle[aria-expanded="true"] {
    background-color: rgba(186, 102, 54, 0.2);
}
/* Utility Menu / Sticky Menu */
.navbar-default .navbar-nav.utility-nav > li > a {
    color: #ba6536;
    text-transform: uppercase;
    padding: 15px 10px;
    font-weight: 400;
}
.navbar-default .navbar-nav.utility-nav > li:first-of-type > a {
    /* padding: 15px 10px 15px 0; */
}
.navbar-default .navbar-nav.utility-nav > li > a:hover {
    color: #006fc9;
}
/* Collapsible Menu */
div.collaps1ble-menu-region {
	margin: 0;
	padding: 0;
	height: 0;
	background-color: #fff;
	transition: height .5s ease;
}
div.collaps1ble-menu-region.collapsing {
	/* transition: height .5s ease; */
}
.collaps1ble-menu-region.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 0;
}
.collaps1ble-menu-region.collapse.in {
    overflow-y: visible;
    border-top: 2px solid #ba6536;
}
.collaps1ble-menu-region ul.nav,
.collaps1ble-menu-region.collapse ul.nav {
	display: none;
	height: 0;
	overflow: hidden;
    /* transition: height .5s ease .5s; */
}
.collaps1ble-menu-region.collapse.in ul.nav {
	display: block;
	height: auto;
	overflow: visible;
	padding-bottom: 0em;
    /* transition: height .5s ease .5s; */
}
.collaps1ble-menu-region.collapse.in ul.nav:last-of-type {
	padding-bottom: 1em;
    /* transition: height .5s ease .5s; */
}
#action-menu {
	width: 100%;
}
.navbar-default #action-menu > li > a {
    color: #ba6536;
    padding: 15px 8px;
    font-weight: 300;
}
.navbar-default #action-menu > li > a:hover {
    color: #006fc9;
}
.navbar-default #action-menu > li:first-of-type > a {
    /* padding: 15px 10px 15px 0; */
}

.site-header {
	margin-top: 55px;
	background-color: #F8F8FF; /* FOR TESTING ONLY */
	position: relative;
    width: 100%;
    background-image: url('img/header-bg-short.jpg');
    background-size: cover;
    background-position: 0 50%;
    /* display: flex;
	align-items: center; */
}
.site-header::after {
	content: "";
    display: block;
    /* padding-bottom: 6.4%; */
    padding-bottom: 13%;
}
.site-header .container {
	position: absolute;
	height: 50%;
	top: 50%;
	transform: translate(18%, -50%);
	padding-bottom: 0;
	width: 75%;
	text-align: right;
}
.site-header .container h1.site-title {
	font-size: 2.4vw;
	/* font-size: 2.6em; */
    margin: 0 0 0 auto;
    /* width: 12em; */
    width: 29vw;
    text-align: center;
}
.site-header .container h1.site-title a {
	color: #fff;
	/* font-weight: 400; */
	text-transform: uppercase;
}
.site-header .container h1.site-title a:hover {
	text-decoration: none;
	text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
}
.site-header .container h1.site-title a::before {
	content: "";
	display: block;
	width: 4vw;
	height: 4vw;
	margin: 0 auto;
	background-color: transparent;
	background-image: url('img/coi-logo-101x101.png');
	background-position: 50% 50%;
	background-size: cover;
}

/* header-slider (.website-header) */
.website-header {
	margin-top: 55px;
	overflow-x: hidden;
}
.website-header .container-fluid {
	padding-right: 0;
	padding-left: 0;
}
.website-header .site-header-full {
	display: block;
}
.website-header .site-header-half {
	display: none;
}
.website-header #site-title-div {
	padding: 1% 0 0 0 !important;
}
.website-header #site-title-div:before {
	/* content: '';
	display: block;
	padding-top: 30%; */
}
.website-title {
	margin-top: 0;
	margin-left: 2em;
}
.website-title a,
.website-title a:link,
.website-title a:active,
.website-title a:visited,
.website-title a:hover {
    color: #fff;
    font-size: 66%;
    text-decoration: none;
    font-family: georgia, serif;
}
.website-title span {
	display: inline-block;
	transform: scale(1.1, 1);
	transform-origin: 0 50%;
	/* letter-spacing: .02em;
	font-size: 1.2em; */
	letter-spacing: .03em;
	font-size: 1.6em;
	vertical-align: -25%;
	padding-left: .2em;
}
.website-title img {
	display: inline-block !important;
	vertical-align: middle;
	width: auto !important;
	/* height: 7.2em !important; */
	height: 6.0em !important;
	margin: 0;
}
.website-header .slide-title {
	color: #aab7d8;
	margin: 0;
	font-weight: 700;
	font-size: 90%;
	line-height: .9;
}

/* fix for safari font-weight */
@media \\0 screen {
	.website-header .slide-title {
		font-weight: 600;
	}
}
.website-header .slide-title:not(*:root) {
	font-weight: 600;
}
.website-header .slide-title.manufacturing-jobs-heading,
.website-header .slide-title.recruiting-initiative-heading {
	margin-left: -.08em;
}
.website-header .pre-text {
	margin-bottom: 0;
	width: 30em !important;
	/* top: 40% !important;
	left: 10% !important; */
}
.website-header .pre-text p {
	font-size: 1.1em;
	font-weight: 400;
}
.website-header div.site-header-half .pre-text p {
	font-size: 1em;
	font-weight: 400;
}

.website-header a.ms-button {
	background-color: #fff;
	color: #25457b;
	padding: .6em 1em;
	font-size: 1em;
	border-radius: 9px;
}
.website-header .ms-btn.ms-btn-box {
	font-size: 1em !important;
	padding: .6em 1em !important;
	width: auto !important;
	border-radius: .4em;
}
.ms-skin-default .ms-nav-next, 
.ms-skin-default .ms-nav-prev {
	width: 30px;
	background: url(skins/light-skin-1.png);
	background-position: -89px -26px;
	height: 40px;
	top: 50%;
	left: 30px;
	margin-top: -20px;
	/* transform: scale(1,3); */
}
.website-header .ms-skin-light-4 .ms-nav-next {
	right: -8px;
	left: auto;
}
.website-header .ms-skin-light-4 .ms-nav-prev {
	left: -12px;
	right: auto;
}
.ms-skin-light-4 .ms-nav-next, 
.ms-skin-light-4 .ms-nav-prev {
	background-image: url(img/coi-controls.png) !important;
	/* transform: scale(1,3); */
}
.ms-skin-light-4 .ms-nav-next, 
.ms-skin-light-4 .ms-nav-prev {
	/* width: 54px;
	background: url(img/coi-controls.png) !important;
	background-position: -77px -5px;
	height: 68px;
	cursor: pointer;
	top: 50%;
	left: -27px;
	margin-top: -40px;
	position: absolute;
	z-index: 110; */
}

/* full width images version */
.full-width-images .text-background {
	background-color: #25457B;
	border-top: 6px solid #fff;
}
.website-header .full-width-images .slide-title {
	color: #aab7d8;
	margin: 0;
	font-weight: 400;
	font-size: inherit;
	line-height: 1;
}
.website-header .full-width-images .ms-bullets {
	/* transform: translateY(-550%); */
	margin-bottom: 7%;
}

.website-header .full-width-images .ms-skin-light-4 .ms-nav-next, 
.website-header .full-width-images .ms-skin-light-4 .ms-nav-prev {
	top: 40%;
}
.website-header .full-width-images .ms-parallax-layer {
    top: 100%;
}

/* Page ================================================= */
.main-content {
	background-color: #e6e9eb;
}
.main-content-inner {
    background-color: #fff;
    margin: 25px -10px 10px 10px;
    padding-top: 1.5em;
}
.hentry {
	margin: 0 auto 1.5em;
	max-width: 720px;
}
/* content top and bottom asides ============ */
.main-content-inner aside { /* that is to say, widgets in #content */
	margin: 0 auto 1em;
    max-width: 720px;
}
aside.aside-blog-header {
	width: 100%;
	background: transparent url('img/mfg-matters-blog-header--720x108.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 2em;
	border: thin #001a64 solid;
	position: relative;
	text-indent: -9999px;
	cursor: pointer;
}
aside.aside-blog-header:before {
	content: "";
	display: block;
	/* padding-top: 6.666%; */
	padding-top: 15%;
}
aside.aside-blog-header div,
aside.aside-blog-header h2,
aside.aside-blog-header a {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/* aside.aside-blog-header h2.blog-header {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
aside.aside-blog-header h2.blog-header a {
	display: block;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
} */
	
/* Sidebar ===================================================== */
.sidebar  {
	background-color: transparent;
	margin: 25px 0 10px;
}
/* Sidebar Navigation ============== */
nav.main-navigation {
	background-image: url("img/side_menu_background_art.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
    /* min-height: 600px; */
}
section.button-menu {
	float: none;
	padding: 0;
	margin: 0;
    border-bottom: 10px solid #e6e9eb; /* same color as background, to hide the background image of the nav region */
}
section.button-menu:last-of-type {
    border-bottom: 30px solid #e6e9eb;
}
.button-collapse {
	padding: 0;
	margin: 0;	
}
.button-nav.navbar-nav {
    float: none;
    margin: 0;
}
.button-nav .dropdown-menu {
    font-size: .7em;
}
.button-nav.navbar-nav > li {
    float: none;
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.button-nav.navbar-nav > li a {
	color: #eee;
}
.button-nav.navbar-nav > li a:hover {
	color: #fff;
	background-color: transparent;
}
.button-nav.navbar-nav > li li a:hover {
	background-color: rgba(37, 69, 123, 0.1);
    color: #000;
}
.button-nav.navbar-nav li.mock-header > a,
.button-nav.navbar-nav li.mock-header > a:link,
.button-nav.navbar-nav li.mock-header > a:visited,
.button-nav.navbar-nav li.mock-header > a:hover,
.button-nav.navbar-nav li.mock-header > a:active,
.button-nav.navbar-nav li.mock-header > a:focus {
	color: #222;
	font-weight: bold;
	cursor: text;
	font-style: italic;
	background-color: transparent;
}
.button-nav .dropdown-menu > .active > a, 
.button-nav .dropdown-menu > .active > a:focus, 
.button-nav .dropdown-menu > .active > a:hover {
    background-color: transparent;
}
.dropdown-menu li a:hover, 
.dropdown-menu li a:focus {
    background-color: transparent;
    background-image: none;
}
.button-nav.navbar-nav > li a:focus {
	color: #fff;
	background-color: rgba(255,255,255,0);
}
.button-nav.nav > .open > a.dropdown-toggle, 
.button-nav.nav > .open > a.dropdown-toggle:focus, 
.button-nav.nav > .open > a.dropdown-toggle:hover {
    background-color: rgba(255,255,255,.2);
    border-color: transparent;
    /* color: #000; */
}
.button-nav.nav > .open > a.dropdown-toggle:hover {
    cursor: default;
}
.button-nav.navbar-nav > li a .caret {
	display: none;
}
.button-nav.navbar-nav > li > .dropdown-menu {
    float: none;
    border: 0px solid transparent;
    margin: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1.5s ease;
    display: none;
}
.sidebar .button-nav.navbar-nav > li > .dropdown-menu {
	position: absolute;
	left: 100%;
	top: 0;
	min-height: 4em;
}
.button-nav.navbar-nav > li.open > .dropdown-menu {
    opacity: 1;
    display: block;
}
.button-nav .dropdown-menu > li > a {
    line-height: 1.175;
    padding: 3px 20px 0.325em;
    white-space: normal;
}
.button-nav.navbar-nav > li ul a {
    color: #222;
}
.button-nav.navbar-nav > li ul a:hover,
.button-nav.navbar-nav > li ul a:focus {
    color: #000;
}
.button-nav li.item-indent a {
	padding-left: 2.5em;
}
.button-nav .dropdown-menu > .active > a, 
.button-nav .dropdown-menu > .active > a:focus, 
.button-nav .dropdown-menu > .active > a:hover,
.button-nav .dropdown-menu > .active.current-menu-item > a {
    background-color: rgba(188, 103, 53, 0.15);
    color: #000;
}
.button-nav .dropdown-menu > .active > a:focus, 
.button-nav .dropdown-menu > .active > a:hover {
    /* background-color: rgba(37, 70, 123, 0.3);
    color: #666; */
}
/* sidebar widgets ================== */
.state-xs aside.widget_recent_entries,
.state-sm aside.widget_recent_entries,
.state-md aside.widget_recent_entries {
	display: none;
}
.state-lg aside.widget_recent_entries,
.state-xl aside.widget_recent_entries {
	background-color: #fff;
	padding: 1em;
}
/* facebook and twitter feed widgets =========== */
.coi-fb-feed,
.coi-twitter-feed {
	background-color: #fff;
	padding-top: 1px;
	margin-bottom: 10px;
}
aside.coi-twitter-feed {
	background-color: #fff;
}
.sidebar aside.feed-widget div.textwidget {
	max-height: 0px; /* was 500 in older iteration */
	height: 0px; /* was 500 in older iteration */
	opacity: 1;
	overflow: scroll;
	transition: all .5s ease 0s;
}
.sidebar aside.feed-widget .textwidget.closed {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all .5s ease 0s;
}
.feed-widget .widget-title {
    background-color: #25457b;
    color: #fff;
    font-size: 1.3em;
    margin: 0;
    padding: 0.6em 0 0.6em 0.6em;
    cursor: pointer;
}
.coi-fb-feed .widget-title:before {
	content: '\f230';
	color: #afbdd4;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.4em;
    margin-right: 0.3em;
    position: relative;
    top: 0.1em;
}
.coi-twitter-feed .widget-title:before {
	content: '\f099';
	color: #1da1f3;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.4em;
    margin-right: 0.3em;
    position: relative;
    top: 0.1em;
}
.sidebar .feed-widget .widget-title:after {
	/* content: '\f0d8';
	color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 0.85em;
    margin-left: 0.5em;
    position: relative; */
}
.sidebar .feed-widget .widget-title.closed:after {
	/* content: '\f0d7';
	color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 0.85em;
    margin-left: 0.5em;
    position: relative; */
}
.coi-fb-feed #ffwd_container1_0 #ffwd_container2_0 .ffwd_blog_style_object_messages_0,
.coi-fb-feed #ffwd_container1_0 #ffwd_container2_0 .bwg_blog_style_object_description_0 {
    color: #484848;
    font-family: inherit;
    font-size: 0.88em;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 1.25;
    margin-bottom: 0.7em;
    text-align: left;
}
.coi-fb-feed #ffwd_container1_0 #ffwd_container2_0 .ffwd_blog_style_object_info_container_0 .ffwd_blog_style_object_from_name_0 {
	border-style: none;
    color: #484848;
    font-family: inherit;
    font-size: 1.1em;
    font-weight: 400;
    margin: 0;
    outline: medium none;
    text-align: left;
    text-decoration: none;
    transition: color 0.1s linear 0s;
}
.coi-fb-feed .ffwd_user_pic {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.coi-fb-feed #ffwd_container1_0 #ffwd_container2_0 .ffwd_blog_style_object_info_container_0 .ffwd_blog_style_object_story_0 {
    color: #484848;
    font-family: inherit;
    font-size: .88em;
    font-weight: normal;
}
#ffwd_container1_0 #ffwd_container2_0 .blog_style_object_container_0:first-of-type {
    margin: 0px 0 10px;
}
/* feed them social Facebook feed */
.coi-fb-feed .fts-jal-fb-header,
.coi-fb-feed .fts-powered-by-text,
.fts-powered-by-text-popup a.fts-powered-by-text {
	display: none !important;
}
.coi-fb-feed a.fts-powered-by-text,
.coi-fb-feed a.fts-powered-by-text:link,
.coi-fb-feed a.fts-powered-by-text:active,
.coi-fb-feed a.fts-powered-by-text:visited,
.coi-fb-feed a.fts-powered-by-text:hover {
	color: #fff;
	pointer-events: none;
}
/* twitter feed - kebo */
.twitter-feed-dropdown .kcontainer {
    margin: 0 2% 1.6em;
}
.hentry li.ktweet {
	text-indent: 0;
	padding-left: 0;
}
html body .twitter-feed-dropdown ul.kebo-tweets {
    background-image: none;
    border: medium none;
    list-style: outside none none;
    margin: 0 !important;
    outline: medium none;
    overflow: hidden;
    padding: .5em 0 0;
    width: 100%;
    font-size: 0.9em;
}
ul.kebo-tweets p {
	line-height: 1.3;
	color: #666;
}
.ktogglemedia {
	visibility: hidden;
}
/* instagram widget */
.instagram-feed .widget-title::before {
    content: '\f16d';
    color: #afbdd4;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1em;
    margin-right: 0.3em;
    position: relative;
    top: 0em;
}
.sidebar .instagram-feed .widget-title::before {
    font-size: 1.3em;
    top: 0.1em;
}
.sidebar .coi-fb-feed.feed-widget .widget-title::after,
.sidebar .coi-twitter-feed.feed-widget .widget-title::after,
.sidebar .instagram-feed.feed-widget .widget-title::after {
    content: '\f0da';
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 0.85em;
    margin-left: 0.5em;
    position: relative;
}
#sb_instagram.gmi-i-feed {
	margin-bottom: 20px;
	height: auto !important;
}
#sb_instagram.ci-i-feed {
	margin-bottom: 10px;
	height: auto !important;
}
/* search widget */
.widget_search input[type="submit"] {
	display: none;
}
.widget_search label,
.widget_search input[type="search"] {
	width: 100%;
	margin-bottom: 0;
}
.widget_search .form-control {
	background-color: rgba(255, 255, 255, 0.4);
}
.widget_search .form-control:focus {
	background-color: rgba(255, 255, 255, 1.0);
}
.widget.mfg-day {
	margin-bottom: 0;
}
.widget-go-make-it  {
	margin: 0;
}
.widget-go-make-it div {
	max-width: 215px;
	margin: 0 auto 0 3%;
	font-size: .9em;
}
.widget-go-make-it div img {
	max-width: calc(100% - 1.5em);
}

/* Page Footer ============================================== */
.site-footer {
	background-color: #003366;
	color: rgba(255,255,255,.6);
	font-weight: 400;
	/* text-shadow: 0 0 1px rgba(255,255,255,0.75); */
}
.site-footer a,
.site-footer a:link,
.site-footer a:active,
.site-footer a:visited {
	color: rgba(255,255,255,.7);
}
.site-footer a:hover {
	color: #fff;
	text-decoration: none;
}

.site-footer .dropdown-menu > .active > a, 
.site-footer .dropdown-menu > .active > a:focus, 
.site-footer .dropdown-menu > .active > a:hover {
    background-color: rgba(188, 103, 53, 0.15);
    color: #333333;
}

.site-footer li.dropdown.open a,
.site-footer li.dropdown.open a:link,
.site-footer li.dropdown.open a:active,
.site-footer li.dropdown.open a:visited {
	color: #666;
}
.site-footer li.dropdown.open a:hover {
	color: #010101;
	text-decoration: none;
}

.site-footer li.dropup.open a,
.site-footer li.dropup.open a:link,
.site-footer li.dropup.open a:active,
.site-footer li.dropup.open a:visited {
	color: #337ab7;
}
.site-footer li.dropup.open a:hover {
	color: #fff;
	text-decoration: none;
}
.site-footer li.dropdown.open a.dropdown-toggle {
	color: #fff;
}
.site-footer .dropdown-menu > li > a:focus,
.site-footer .dropdown-menu > li > a:hover {
    background-color: #E4E4E4;
    background-image: none;
    color: #262626;
    text-decoration: none;
}

.site-footer .nav .open > a,
.site-footer .nav .open > a:focus,
.site-footer .nav .open > a:hover {
    background-color: rgba(238, 238, 238, 0);
    border-color: #337ab7;
}

.site-footer .coi-info p {
	line-height: 1.25;
	margin-bottom: .3em;
}
.site-footer .coi-info p.footer-logo {
	width: 50%;
	max-width: 101px;
	margin: 1em auto .75em 0;
	background-image: url('img/coi-logo-101x101.png');
	background-position: 50% 50%;
	background-size: cover;
}
.site-footer .coi-info p.coi-info-links a {
    color: rgba(255, 255, 255, 0.95);
    font-weight: 400;
}
.site-footer .coi-info p.coi-info-links a:hover {
    color: rgba(207, 182, 150, 1);
}
.site-footer .coi-info p.job-connection-link a {
    color: rgba(209, 166, 95, 1);
    font-weight: 400;
}
.site-footer .coi-info p.job-connection-link a:hover {
    color: rgba(255, 255, 255, 1);
}
.site-footer .coi-info-inner {
	width: 80%;
	margin: 0 auto 0 8%;
	max-width: 10em;
}
.site-footer .coi-info p.footer-logo:after {
	content: "";
	display: block;
	padding-bottom: 100%;	
}
.site-footer .site-info {
	border-top: thin solid rgba(255, 255, 255, 0.35);
    margin-top: 0.75em;
    padding: 0.75em 0 1.25em;
}
.site-footer a.credits {
	float: right;
}
/* Footer Menu ====== */
.site-footer-menu {
	padding: 1em 0;
}
.site-footer .section-menu,
.site-footer .coi-info {
	/* min-height: 15em; */
}
.site-footer-menu {
	text-align: center;
}
.site-footer-menu section {
	display: inline-block;
	float: none;
	margin: 0 -15px;
	padding-bottom: 1px;
	text-align: left;
	vertical-align: top;
}
@media (max-width: 543px) {
	.site-footer .section-menu,
	.site-footer .coi-info {
		min-height: 0em;
	}
}
.section-collapse.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.section-menu header h4 {
	color: rgba(255,255,255,.9);
	font-weight: 400;
}
.section-menu .navbar-nav {
    float: none;
    margin: 0;
}
.section-menu .navbar-nav > li {
    float: none;
}
.section-menu .navbar-nav > li.item-indent {
    margin-left: 1em;
}
.section-menu .navbar-nav > li.bold a {
    font-weight: 400;
    color: rgba(255,255,255,.9);
    font-size: 1.1em;
}
.section-menu .navbar-nav > li > a {
    padding-bottom: .2em;
    padding-top: 0;
    line-height: 1.2;
    padding-left: 0.5em;
    text-indent: -0.5em;
}
.section-menu .navbar-nav > li > a:hover,
.section-menu .navbar-nav > li > a:focus {
	background-color: transparent;
}
.section-menu .navbar-nav > li.mock-header > a,
.section-menu .navbar-nav > li.mock-header > a:link,
.section-menu .navbar-nav > li.mock-header > a:visited,
.section-menu .navbar-nav > li.mock-header > a:hover,
.section-menu .navbar-nav > li.mock-header > a:active,
.section-menu .navbar-nav > li.mock-header > a:focus {
	color: rgba(255,255,255,.8);
	font-weight: bold;
	cursor: text;
	font-style: italic;
}
/** Styling for site-footer-menu moved into header */
.site-navigation .site-footer-menu {
	background-color: rgba(186, 101, 54, 0.1);
	margin: 0;
	max-height: 75vh;
	overflow-y: scroll;
	width: 100%;
	display: none;
}
.site-navigation .collapse.in .site-footer-menu {
	display: block;
}
.site-navigation .site-footer-menu h4 {
	color: #777;
}
.site-navigation .site-footer-menu .section-collapse.navbar-collapse {
    padding-left: .7em;
}
.site-navigation .site-footer-menu section.coi-info:before {
	content: 'The Council of Industry';
    color: #777;
    font-size: 1.3em;
    font-weight: 400;
    display: block;
    margin: .65em 0;
}
.site-navigation .site-footer-menu section.coi-info p {
	margin-bottom: .1em;
}
.site-navigation .site-footer-menu .section-menu .navbar-nav > li.bold a {
    color: #666;
}
.site-navigation .site-footer-menu .section-menu .navbar-nav > li > a {
    text-indent: 0em;
}
.collaps1ble-menu-region.collapse.in nav ul.nav:last-of-type {
    padding-bottom: 0em;
}
.site-navigation .section-menu .navbar-nav > li.mock-header > a,
.site-navigation .section-menu .navbar-nav > li.mock-header > a:link,
.site-navigation .section-menu .navbar-nav > li.mock-header > a:visited,
.site-navigation .section-menu .navbar-nav > li.mock-header > a:hover,
.site-navigation .section-menu .navbar-nav > li.mock-header > a:active,
.site-navigation .section-menu .navbar-nav > li.mock-header > a:focus {
	color: #777;
}
.bottom-line {
	width: 100px;
	height: 10px;
	margin: 10px auto 30px;
	background-color: rgba(255, 255, 255, 0.075);
	border-radius: 50%;
}

/** ============================================================================================
  * Styling carried forward from the old site, plus a few new ones;
  * this is to accomodate existing content. 
  * ===========================================================================================*/

/* ---------------------------------------------------------------------------- 
-- site-wide elements ------------------------------------------------- */
.alerts.event-type-alerts {
	margin: 0 auto 1em;
	max-width: 600px;
	padding: 0 .5em;
}
.marquee {
	/* width: 100%; */
	overflow: hidden;
	/* border: 1px solid #ccc;
	background: #ccc; */
	margin: 0 auto 1em;
	padding: .3em 1em .4em;
}
.marquee a.post-edit-link {
    background-color: #dfe7f6;
    border: 2px solid silver;
    clear: both;
    color: gray;
    display: inline-block;
    float: right;
    font-size: 0.85em;
    margin: 0 0 0 0.5em;
    padding: 0 8px;
    opacity: .3;
}
.marquee a.post-edit-link:hover {
    opacity: 1;
}
.float-clear {
	height: 1px;
	max-height: 1px;
	line-height: 1px;
	clear: both;
}
.float-left,
.entry-content .float-left {
	float: left;
	margin: 2px 14px 0 0;
}
.float-right {
	float: right;
	margin: 2px 0 0 14px;
}
.messagebox {
  background-color: #ECECED;
  border: 5px solid #F6F6F6;
  float: right;
  margin: 0 10px;
  overflow: hidden;
  padding: 15px;
}
.messagebox a {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}
.pdf {
	padding-right: 25px;
	background: transparent url('img/pdf-icon.gif') no-repeat right 0;
}
.entry-content img {
    margin: 0 0 0px;
}
.entry-content img.alignleft {
	margin-right: 1.5em;
}
a.post-edit-link {
	background-color: #dfe7f6;
    border: 2px solid silver;
    clear: both;
    color: gray;
    display: block;
    float: left;
    font-size: 0.85em;
    margin: 0 0.5em 0 0;
    padding: 0 8px;
}
a.post-edit-link:hover {
	color: green;
}
p.small-edit {
	float: right;
}
.small-edit a.post-edit-link {
	float: none;
	font-size: 11px;
	padding: 2px 5px;
	clear: left;
	margin: 0 0 0 0;
}
footer.entry-meta .edit-link {
	clear: both;
	margin: .5em 100% .5em 0;
	display: block;
	float: left;
}
footer.entry-meta .edit-link a {
	clear: both;
}
.hentry a.btn,
.hentry a.btn:link,
.btn {
	background-color: #25457b;
	color: #fff;
	font-size: inherit;
}
.hentry .btn a,
.hentry .btn a:link {
	color: #fff;
}
.btn:hover,
.hentry .btn a:hover {
	color: #eee;
}
.btn.btn-default a:hover,
.btn.btn-default:hover {
	background-color: #002055;
}

/* Blog ----------------------------------------------------------------------------------------------- */
.entry-meta .meta-prep-author,
.entry-meta .author,
.entry-meta .meta-sep-entry-date,
.entry-meta .byline,
.entry-meta .cat-links {display: none;}

.blog .post {
	margin-bottom: .5em;
}
.blog .post,
.post {
	position: relative;
}

.blog article.post h1.page-title,
.category article.post h1.page-title {
	color: #fff;
    background-color: #25457b;
    margin-bottom: .3em;
    font-size: 1.5em;
    clear: both;
}
.category .main-content-inner header h1.page-title {
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
}
.blog article.post h1.page-title a,
.blog article.post h1.page-title a:link,
.blog article.post h1.page-title a:active,
.blog article.post h1.page-title a:visited,
.category article.post h1.page-title a,
.category article.post h1.page-title a:link,
.category article.post h1.page-title a:active,
.category article.post h1.page-title a:visited {
	color: #fff;
	display: block;
    padding: .5em;
}
.blog article.post h1.page-title a:hover,
.category article.post h1.page-title a:hover {
	color: #ededed;
}
.blog article.post div.entry-meta,
.category article.post div.entry-meta {
	font-style: italic;
    font-size: .9em;
}
.blog article.post div.entry-content-thumbnail,
.blog article.post div.ecae-image,
.category article.post div.entry-content-thumbnail,
.category article.post div.ecae-image {
	float: left;
    margin: .35em 1.3em 1em 0;
    max-width: 300px;
    padding: 0 !important;
}
.blog article.post div.ecae,
.blog article.post div.ecae span,
.category article.post div.ecae,
.category article.post div.ecae span {
	font-family: inherit !important;
}
.blog article.post div.ecae-image,
.category article.post div.ecae-image {
	margin-left: -1.3em;
}
.blog article.post div.entry-content p,
.category article.post div.entry-content p {
	margin-bottom: 0;
}
.blog article.post div.entry-content p.post-more-link,
.category article.post div.entry-content p.post-more-link {
	margin-bottom: 1em;
	text-align: right;
	font-weight: bold;
}
.blog article.post footer.entry-meta,
.category article.post footer.entry-meta {
	display: none;
}
.single-post article.post footer.entry-meta {
	background-color: rgba(189, 103, 54, 0.059);
    font-size: .9em;
    padding: .5em.75em;
    border-radius: 3px;
}
.edit-link-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.blog div.pagination-wrapper,
.category div.pagination-wrapper {
	clear: both;
}

/* Custom Post Types ---------------------------------------------------------------------------------- */
/* Company Profiles: CPT "profile" ======================== */
.member-profile h4 {
	font-size: 1.15em;
	margin-top: 1.2em;
}
.member-profile p {
	margin-bottom: 0;
	padding-left: 0.7em;
}


/* Job Opportunities and For Hires ======================= */
div.job {
	border-top: 1px solid #9FB6DE;
	margin-top: 20px;
	padding-top: 20px;
}
div.hire {
	border-top: 1px solid #EBEBEB;
	margin-top: 20px;
	padding-top: 20px;
}
div.featured-hire {
	background-color: #E5EFFF;
	padding: 40px 20px 20px;
	background: #E5EFFF url('img/top-talent-candidate-220x18.png') 49% 12px no-repeat;
}
.entry-content div.job h4,
.entry-content div.hire h4 {
	font-size: 15px;
	text-transform: uppercase;
}
.entry-content div.job p.job-title {
	font-size: 15px;
	color: #6B82AA;
}
.entry-content div.hire p.hire-reference-number {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: gray;
}
div.ea-button-div {
	float: right;
	width: 292px;
	height: 60px;
	margin-top: -72px;
}
.page-id-622 div.ea-button-div,
.page-id-627 div.ea-button-div {
	margin-right: -10px;
	margin-top: -45px;
}
a.ea-button,
a.ea-button:link,
a.ea-button:active,
a.ea-button:visited {
	display: block;
	width: 292px;
	height: 60px;
	text-indent: -9999px;
	background: transparent url('img/ethan-allen-rollover-button-292x120.gif') 0 0 no-repeat;
}
a.ea-button:hover {
	background: transparent url('img/ethan-allen-rollover-button-292x120.gif') 0 -60px no-repeat;
}
/* jobs and hire pages w/ ethan allen area in text block */
div.ethan-allen {
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #EBEBEB;
	margin-bottom: 20px;
	padding: 12px 0 0;
}
div.ethan-allen p {
	font-size: 0.87em;
	line-height: 1.3em;
	margin-bottom: 1em;
}
div.ethan-allen a.ea-button {
	margin-top: -2px;
	margin-right: -6px;
}
p.job-title {
	font-size: 1.1em;
}
/* job lists pages are wrapped in .jobs-list - single job listing pages are wrapped in .single-job-listing */
.single-job-listing a.job-details-toggle {
	display: none;
}
.jobs-list div.job-details {
	display: none;
}
.jobs-list div.job-details.open {
	display: block;
}
.jobs-list a.job-details-toggle::after {
	content: '\f0d7';
	font-family: fontAwesome;
	display: inline;
	padding-left: .3em;
	font-size: 1.1em;
	vertical-align: middle;
}
.jobs-list a.job-details-toggle.open::after {
	/* transform: rotate(180deg); */
	content: '\f0d8';
}

/* Courses ======================================== */
table#course-controls {
	clear: both;
	margin-top: 15px;
	position: relative;
	/* top: 10px; */
}
table#course-controls td {
	padding: 8px 5px 8px 5px;
}
table#course-controls tr {
	border-color: #dde2ea;
    border-style: solid;
    border-width: thin 0;
}
table#course-controls tr:last-of-type {
	border-color: #dde2ea;
    border-style: solid;
    border-width: thin 0 0;
}
table#course-controls tr.search-row #searchsubmit {
	margin-right: 0.2em;
    padding: 0 0.5em;
    display: none;
}
table#course-controls .btn {
	padding: 4px 12px;
}
.course-search-input-field {
    font-size: 0.95em;
    margin: 0px;
    padding: 0 1em;
    width: 100%;
}
div.course {
	border-top: 1px solid #9FB6DE;
	margin-top: 30px;
	padding-top: 20px;
}
.course h4  {
	text-transform: uppercase;
	margin-bottom: .5em;
}
.course-description-title {
	float: left;
	margin: 0;
}
.page-course-list .messagebox {
	background-color: rgba(189, 103, 54, 0.025);
	border: 5px solid #f6f6f6;
	float: left;
	margin: 0 10px 20px 0;
	overflow: hidden;
	padding: 10px 10px;
}
.page-course-list .messagebox a {
	font-size: 1.5em;
	font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    text-transform: none;
}

/* Resources ======================================== */
.resources h4 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.1em;
	margin-top: 1.2em;
}
.resource {
	margin-bottom: 1em;
}
.resource p {
	margin-bottom: 0;
	line-height: 1.3;
}
/* events-seminars as calendar =======================
** courses as calendar -------------------------
-----These calendars are displayed on both the homepage and the Calendar page === */
.page-id-1101 div.calendar {
	background-color: rgba(189, 103, 54, 0.05);
    margin-top: 1em;
    padding: 1em;
}
.page-id-1101 div.calendar-holder > div h4 {
	margin-left: 1em;
}
/* carried over */
.page-id-1101 .calendar-holder th {
	border-right: 1px solid #cccccc;
	background-color: #EAEFF9;
	width: 50%;
}
.page-id-1101 .calendar-holder td {
	border-right: 1px solid #cccccc;
	background-color: #F7F7F7;
}
.page-id-1101 .calendar-holder .calendar-table td {
	border: thin solid #ccc;
	background-color: #fff;
}
.page-id-1101 .calendar-table {
	width: 99%;
	background-color: #fff;
}
.page-id-1101 .calendar-table p {
	font-size: 0.88em;
    margin-bottom: 0;
	padding: .5em;
	line-height: 1.2;
}
.page-id-1101 .calendar-table td {
	vertical-align: middle;
}
.page-id-1101 .calendar-table td.calendar-date-cell {
    min-width: 4em;
    color: #3c4774;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.15;
    padding: 0.3em 0;
    text-align: center;
}
.page-id-1101 .calendar-table tr.spacer {
	display: none;
}
/* for display on homepage body.home */
.home .calendar-table {
	width: 95%;
	margin: 20px auto 0;
	border-color: none;
	border-image: none;
	border-style: solid;
	border-width: 0px 0px 0;
}
.home .calendar-table p,
.home .entry-content .calendar-table p:first-child {
	background-color: transparent;
	color: inherit;
	font-size: 12.5px;
	padding: 0px 0px;
	text-align: left;
	margin-bottom: 0;
}
.home .calendar-table tr {
	border: 1px solid #ccc;
}
.home .calendar-table td {
	vertical-align: middle;
	background-color: #fff;
}
.home .calendar-table td.calendar-date-cell {
	font-size: 15px;
	font-weight: bold;
	font-family: verdana, arail, sans-serif;
	text-align: center;
	color: #3C4774;
	border-right: 1px solid #ccc;
	background-color: #565147;
}
.home .calendar-table .calendar-date {
	color: #fff;
}
.home .calendar-table .calendar-month {
	color: #F5A924;
}
.home .calendar-table tr.spacer,
.home .calendar-table tr.spacer td {
	height: 6px;
	max-height: 6px;
	overflow: hidden;
	border-bottom: 0px solid transparent;
	border: 0px solid transparent;
	background-color: transparent;
	padding: 0;
}

#homebox-calendar .homebox-content {
}


/* for display on testpage body.page-id-1288 */
.page-id-1288 .calendar-table {
	width: 95%;
	margin: 20px auto 0;
	border-color: none;
	border-image: none;
	border-style: solid;
	border-width: 0px 0px 0;
}
.page-id-1288 .calendar-table p,
.page-id-1288 .entry-content .calendar-table p:first-child {
	background-color: transparent;
	color: inherit;
	font-size: 12.5px;
	padding: 0px 0px;
	text-align: left;
	margin-bottom: 0;
}
.page-id-1288 .calendar-table tr {
	border: 1px solid #ccc;
}
.page-id-1288 .calendar-table td {
	vertical-align: middle;
	background-color: #fff;
}
.page-id-1288 .calendar-table td.calendar-date-cell {
	font-size: 15px;
	font-weight: bold;
	font-family: verdana, arail, sans-serif;
	text-align: center;
	color: #3C4774;
	border-right: 1px solid #ccc;
	background-color: #565147;
}
.page-id-1288 .calendar-table .calendar-date {
	color: #fff;
}
.page-id-1288 .calendar-table .calendar-month {
	color: #F5A924;
}
.page-id-1288 .calendar-table tr.spacer,
.page-id-1288 .calendar-table tr.spacer td {
	height: 6px;
	max-height: 6px;
	overflow: hidden;
	border-bottom: 0px solid transparent;
	border: 0px solid transparent;
	background-color: transparent;
	padding: 0;
}


/* single event-seminar ------------ */
.single-event_seminar h2 {
	font-size: 1.25em;
    font-weight: 400;
}

/* Podcasts ------------------------- */
/* single podcast page */
.single-podcast h1.page-title strong {
	display: inline-block;
	margin-bottom: .3em;
}
.single-podcast p.listen {
	margin-top: 1em;
	margin-bottom: .2em;
}
.single-podcast .lead {
    font-size: 1.2em;
    margin-bottom: .85em;
    margin-top: 1em;
}
.podcast-credit {
	text-align: right;
	font-style: italic;
	font-size: .95em;
}
/* podcasts index page --------------- */
.post-type-archive-podcast .main-content-inner > .content-padder > header {
	margin: 0 auto 1.5em;
	max-width: 720px;
}
.post-type-archive-podcast article.podcast {
	background-color: #f2f2f3;
}
.post-type-archive-podcast article.podcast h1.page-title {
    color: #fff;
    background-color: #BA6536;
    margin-bottom: .3em;
    font-size: 1.25em;
    clear: both;
	padding: 10px;
}
.post-type-archive-podcast article.podcast .row {
	margin: 0;
	padding-bottom: 15px;
}
.post-type-archive-podcast article.podcast h1.page-title a,
.post-type-archive-podcast article.podcast h1.page-title a:link,
.post-type-archive-podcast article.podcast h1.page-title a:visited,
.post-type-archive-podcast article.podcast h1.page-title a:hover {
	display: block;
    color: #fff;
}
.post-type-archive-podcast article.podcast div.entry-meta {
    font-style: italic;
    font-size: .9em;
}
.post-type-archive-podcast article.podcast div.entry-content-thumbnail {/* 
    float: left;
    margin: .35em 1.3em 1em 0;
    max-width: 300px; */
    padding: 0 !important;
}
.podcast-excerpt {
	padding-top: .9em;
}
.post-type-archive-podcast article.podcast div.entry-content p.post-more-link {
    margin-bottom: 0;
    text-align: right;
    font-weight: bold;
}
.podcast-providers {
	text-align: right;
}
/* HV Mfg ---------------------------------- */
.issue-cover-thumbnail img {
	outline: 1px solid #C4CBCF;
}
.magazine-intro p {
	line-height: 1.25;
	margin-bottom: .5em;
}
div.cover-info {
	margin-bottom: 1em;
	line-height: 1.25;
}
div.cover-info p {
	margin-bottom: 0;
}
p.file-info {
	font-size: .93em;
}
.hvmfg-issue-archive-item.hentry {
	margin-bottom: 1em;
}
.hvmfg-issue-archive-item h1.h5 {
	font-size: 1.1em;
	margin-bottom: 0;
}
.hvmfg-issue-archive-item h1.h5 .h6 {
	font-size: .9em;
}
.hvmfg-contents-page-number {
	display: inline-block;
	min-width: 1.2em;
	text-align: right;
	padding-right: 0.2em;
}
.hvmfg-issue-archive-item p {
	margin-bottom: .5em;
}
.hvmfg-contents-teaser-line {
	display: inline-block;
	margin-left: 2em;
}
.hvmfg-issue-archive-item a.post-edit-link {
    clear: right;
    display: inline-block;
    float: right;
}
/* PAGES ---------------------------------------------------------------------------------------------- */
/* Homepage ======================== */
/* announcement banner */
div.announcement-row {
	/* padding: 0 22px; */
	padding: 0 1.33em;
}
div.announcement-row-inside {
	padding: 15px 5px 8px 30px;
}
div.announcement-banner {
	background-color: #003366;
	color: #fff;
	padding: 1em 1em;
	margin-bottom: -15px;
}
/* !!! TEMPORARY ONLY DURING COVID-19 PERIOD !!! */
.blog div.announcement-banner {
	display: none;
}
div.announcement-banner.announcement-banner-inside {
	background-color: #25457B;
	padding: 15px 15px 15px 15px;
	color: #fff;
	margin-left: 15px;
	margin-right: auto;
	width: calc(100% - 5px);
	margin-top: 15px;
	margin-bottom: -10px;
}
div.announcement-banner p {
	text-align: center;
	color: #fff;
	padding: 0;
	margin-bottom: 0px;
	font-size: 1.4em;
}
div.announcement-banner a,
div.announcement-banner a:link,
div.announcement-banner a:visited,
div.announcement-banner a:hover {
	color: #fff;
	font-size: .9em;
	/* font-weight: 300; */
	text-decoration: underline;
}
.home .main-content-inner {
    /* background-color: #fff; */
    background-color: transparent;
    margin: 25px -10px 0 0px;
    padding: 0 0 0;
}
.home .hentry {
	background-color: #fff;
    margin: 0;
    max-width: 100%;
    padding: 0 1em 0.5em;
}
.home article > header {
	background-color: #fff;
    margin-bottom: 25px;
    padding: 0.1em 0 0em;
}
.home h1.page-title {
	display: block !important;
    font-size: 2em;
    margin: 1em auto 0.1em;
    max-width: 96%;
    text-align: center;
}
.home h1.page-title span.dojodigital_toggle_title {
	display: none !important;
}
.home article > header p {
	text-align: center;
	max-width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.home .row.nav-tiles {
	/* margin: 0 0px; */
}
.nav-tiles nav.main-navigation {
    background-image: none;
    text-align: center;
}
.nav-tiles section.tile-menu,
.home-feeds aside {
	display: inline-block;
	float: none;
	text-align: center;
}
.nav-tiles section.col-lg-4,
.home-feeds aside.col-lg-4 {
	margin: .5em;
	padding: 0;
	width: 31.0%;
}
.nav-tiles section,
.home-feeds aside {
	position: relative;
	background: #fff none no-repeat 50% 50% / cover;
}
.nav-tiles section:after {
	content: "";
	display: block;
	padding-bottom: 80%;
}
.nav-tiles .tile-menu-training {
	background-image: url('img/tile-bg-training.jpg');
}
.nav-tiles .tile-menu-advocacy {
	background-image: url('img/tile-bg-advocacy.jpg');
}
.nav-tiles .tile-menu-networks-events {
	background-image: url('img/tile-bg-networks-events.jpg');
}
.nav-tiles .tile-menu-work-careers {
	background-image: url('img/tile-bg-careers.jpg');
}
.nav-tiles .tile-menu-discounts {
	background-image: url('img/tile-bg-discounts.jpg');
}
.nav-tiles .tile-menu-media {
	background-image: url('img/tile-bg-media.jpg');
}
.nav-tiles section > div.collapse {
	position: absolute;
	width: 100%;
	height: 100% !important;
	background-color: transparent;
}
.nav-tiles section > div.collapse > ul {
	position: absolute;
	width: 100%;
	height: 100% !important;
	display: table;
}
.nav-tiles .button-nav.navbar-nav > li {
    /* float: none;
    font-size: 1.4em;
    font-weight: 300;
    padding-left: 0;
    position: relative;
    text-align: center;
    text-indent: 0;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    overflow-y: hidden;
    max-height: 100%;
    transition: opacity 1.5s ease 0s;
    background-color: rgba(0, 0, 0, 0); */
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    display: block;
    float: none;
    font-size: 1.4em;
    font-weight: 300;
    left: 0;
    max-height: 100%;
    overflow-y: hidden;
    padding-left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    text-transform: uppercase;
    top: 0;
    transition: opacity 1.5s ease 0s;
    vertical-align: middle;
    z-index: 20;
}
.nav-tiles .button-nav.navbar-nav > li > a {
	/* background-color: transparent;
    display: inline-block;
    font-size: 1.7vw;
    line-height: 1.2;
    max-width: 13vw;
    padding: 0.6em;
    width: auto; */
    background-color: transparent;
    bottom: 0;
    display: block;
    font-size: 1.7vw;
    left: 0;
    line-height: 1.2;
    padding: 19% 24%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    z-index: 25;
}
/* tile icons */
.nav-tiles .button-nav.navbar-nav > li > a:before {
	-moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "";
    display: block;
    font-family: "coi2" !important;
    font-size: 3vw;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: 1.4;
    text-transform: none !important;
}
.nav-tiles .tile-menu-training .button-nav.navbar-nav > li > a:before {
	content: "\63";
}
.nav-tiles .tile-menu-advocacy .button-nav.navbar-nav > li > a:before {
	content: "\66";
}
.nav-tiles .tile-menu-networks-events .button-nav.navbar-nav > li > a:before {
	content: "\62";
    font-size: 4vw;
    line-height: 1.0;
}
.nav-tiles .tile-menu-work-careers .button-nav.navbar-nav > li > a:before {
	content: "\61";
}
.nav-tiles .tile-menu-discounts .button-nav.navbar-nav > li > a:before {
	content: "\64";
}
.nav-tiles .tile-menu-media .button-nav.navbar-nav > li > a:before {
	content: "\68";
}
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu {
    /* display: none; */
    /* overflow: scroll; */
    /* border: 0 solid transparent;
    float: none;
    margin: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    transition: opacity .5s ease 0s;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background-color: rgba(255,255,255,.95);
    overflow: hidden;
    max-height: 100%;
    padding: 10px 0; */
    background-color: rgba(255, 255, 255, 0.95);
    border: 0 solid transparent;
    border-radius: 0;
    bottom: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: none;
    left: 0;
    margin: 0;
    max-height: 100%;
    opacity: 0;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.5s ease 0s;
    z-index: -10;
}
.nav-tiles .button-nav.navbar-nav > li.open > .dropdown-menu {
    display: block;
    height: 100%;
    overflow-y: hidden;
    opacity: .99;
    transition: opacity .5s ease 0s;
    z-index: 30;
}
.nav-tiles .button-nav.navbar-nav > li.open.scrollable > .dropdown-menu {
    overflow-y: scroll;
}
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu > li {
	padding-left: 0;
	font-size: .9em;
}
.nav-tiles .button-nav.navbar-nav > li.open > .dropdown-menu > li:hover {
	/* background-color: #eff6ff; */
}
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu > li.item-indent a {
    padding-left: 2.5em;
}
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu > li a {
	margin-left: 0;
	line-height: 1.175;
    padding: .17em 10px .17em 20px;
}
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu > li.mock-header > a,
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu > li.mock-header > a:link,
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu > li.mock-header > a:visited,
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu > li.mock-header > a:hover,
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu > li.mock-header > a:active,
.nav-tiles .button-nav.navbar-nav > li > .dropdown-menu > li.mock-header > a:focus {
	color: #222;
	font-weight: bold;
	cursor: text;
	font-style: italic;
	background-color: transparent;
}

div.home-feeds {
	text-align: center;
}
div.home-feeds aside {
	vertical-align: top;
	margin: 0;
}
div.home-feeds aside .aside-inner {
	margin: -0.5em;
    padding: 0.5em;
}
div.home-feeds aside h4 {
	background-color: #003366;
    color: #fff;
    cursor: pointer;
    font-size: 1.6vw;
    line-height: 2.4;
    margin: 0;
    padding: 0 0;
    text-transform: uppercase;
    width: 100%;
}
/* .home-feed-content {
	background-color: #fff;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all .5s ease 0s;
	outline: thin solid #e6e9eb;
}
.open .home-feed-content {
	height: 500px;
	overflow: visible;
	opacity: 1;
	transition: all 1.5s ease 0s;
}
.home-feeds .open .fa-caret-down::before {
    content: "\f0d8";
} 
.twitter-feed-dropdown .home-feed-content {
	text-align: left;
	padding: 0;
	max-height: 500px;
	overflow-y: scroll;
} */
.home-feed-content {
	background-color: #fff;
	outline: thin solid #e6e9eb;
	height: 500px;
	max-height: 500px;
	overflow-y: scroll;
	opacity: 1;
	transition: all .5s ease 0s;
}
.home-feed-content.closed {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all .5s ease 0s;
}
.home-feed-title .fa-caret-down {
    transform: rotate(-180deg);
    transition: all .5s ease 0s;
} 
.home-feed-title.closed .fa-caret-down {
    transform: rotate(0deg);
} 
.home-feeds .coi-twitter-feed .widget-title:before {
	content: '\f099';
	color: #1da1f3;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1em;
    margin-right: 0.3em;
    position: relative;
    top: 0em;
}
.home-feeds .coi-fb-feed .widget-title::before {
    color: #afbdd4;
    /* content: "\f230"; */
	content: "\f082";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1em;
    margin-right: 0.3em;
    position: relative;
    top: 0em;
}
.coi-fb-feed .home-feed-content {
	text-align: left;
	padding: 0;
	max-height: 500px;
	overflow-y: scroll;
}
.message-board .home-feed-content {
	text-align: left;
	padding: 0 10px;
	max-height: 500px;
	overflow-y: scroll;
}
.message-board .home-feed-content h1 {
	font-size: 1.4em;
    margin: 0.3em 0 0.1em;
}
.message-board .home-feed-content h2,
.message-board .home-feed-content h3 {
	font-size: 1.25em;
}
.message-board .home-feed-content p {
    font-size: 0.91em;
    line-height: 1.4;
    margin-bottom: 0.4em;
}
.message-board .home-feed-content a.post-edit-link {
	float: none;
}
#sb_instagram .sbi_header_text {
    padding-top: 0px;
}
aside.message-board i.fa-instagram {
	color: #afbdd4;
	margin-right: 4px;
}
.home footer.entry-meta .edit-link {
    margin: 1.5em auto .5em 0;
}

/* !!! For Development Only !!!!!!!!!!!!!!!!!!!!!!!!!! */
.home-feeds {
	display: block;
}

.logged-in .home-feeds {
	display: block;
}
/* END !!! For Development Only !!!!!!!!!!!!!!!!!!!!!!!!!! */

/* Members Directory page-id-77; Associate Members Directory page-id-91; test directory page-id-1392 ------ */
h4.member-search {
	margin: 0 0 20px 2px;
}

.page-id-77 div.entry-content table,
.page-id-91 div.entry-content table,
.page-id-1392 div.entry-content table, {
	width: 720px !important;
	margin-left: 0 !important;
}
.page-id-77 div.entry-content div table caption,
.page-id-91 div.entry-content div table caption,
.page-id-1392 div.entry-content div table caption {
	display: none;
}

.page-id-91 div.entry-content table td,
.page-id-77 div.entry-content table td,
.page-id-1392 div.entry-content table td {
	/* max-width: 165px !important; */
	white-space: normal;
	padding: 0.4em .2em 0.4em .5em;
	vertical-align: middle;
	line-height: 1.2;
	font-size: 0.88em;
	border-width: thin 0;
	border-style: solid;
	border-color: #e6e9eb;
}

.page-id-91 div.entry-content table td a,
.page-id-77 div.entry-content table td a,
.page-id-1392 div.entry-content table td a {
	font-size: inherit !important;
}

.page-id-77 div.entry-content table tr td:first-child,
.page-id-91 div.entry-content table tr td:first-child,
.page-id-1392 div.entry-content table tr td:first-child {
	/* min-width: 210px; */
}
.page-id-77 div.entry-content table tr td:nth-of-type(1),
.page-id-91 div.entry-content table tr td:nth-of-type(1),
.page-id-1392 div.entry-content table tr td:nth-of-type(1) {
	width: 14em;
}
.page-id-77 div.entry-content table tr td:nth-of-type(2),
.page-id-91 div.entry-content table tr td:nth-of-type(2),
.page-id-1392 div.entry-content table tr td:nth-of-type(2) {
	width: 6em;
}
.page-id-77 div.entry-content table tr td:nth-of-type(3),
.page-id-91 div.entry-content table tr td:nth-of-type(3),
.page-id-1392 div.entry-content table tr td:nth-of-type(3) {
	/* min-width: 12em; */
	width: auto;
}
.page-id-77 div.entry-content table tr td:nth-of-type(4),
.page-id-91 div.entry-content table tr td:nth-of-type(4),
.page-id-1392 div.entry-content table tr td:nth-of-type(4) {
	width: 16em;
}
.page-id-77 div.entry-content table tr td:nth-of-type(5),
.page-id-91 div.entry-content table tr td:nth-of-type(5),
.page-id-1392 div.entry-content table tr td:nth-of-type(5) {
	/* width: 3em; */
	display: none;
}
.page-id-77 div.entry-content div table th,
.page-id-91 div.entry-content div table th,
.page-id-1392 div.entry-content table th,
.page-id-77 div.entry-content table tr .ListingHeaderTD,
.page-id-91 div.entry-content table tr .ListingHeaderTD,
.page-id-1392 div.entry-content table tr .ListingHeaderTD {
	background-color: #D9E2EF;
	font-weight: 700;
	vertical-align: middle;
}
.entry-content table.directory-table a:visited {
	color: #00529C;
}
/* Aptean Pages within overlays --------------------------------------------- */
.page-template-aptean-page-php #wpadminbar {
	display: none !important;
	height: 0 !important;
}
#fancybox-frame html { margin-top: 0px !important; }
#fancybox-frame * html body { margin-top: 0px !important; }
.aptean-page-wrapper {
	background-color: #fff;
	width: 890px !important;
	padding: 10px 0px !important;
	margin-top: 10px !important;
}
.aptean-page-wrapper #breadcrumb {
	display: none;	
}
.aptean-page-wrapper #OrgPersonName {
	font-weight: bold;
	padding-left: 10px;
}
.aptean-page-wrapper #LeftColumn {
	float: left;
	margin: 0 10px 0px 10px;
	width: 40%;
}
.aptean-page-wrapper #RightColumn {
	float: right;
	margin: 0 10px 0px 0;
	width: 56%;
}
.aptean-page-wrapper .BlockTitleDev {
  background-color: #D9E2EF;
  border: 1px solid gray;
  font-family: Verdana,Arial,sans-serif;
  font-size: 17px;
  font-weight: normal;
  padding: 5px;
}
.aptean-page-wrapper div.BlockContent {
	font-size: 13px;
}
.aptean-page-wrapper .ListingTable {
	border-width: 0;
}
.aptean-page-wrapper .ListingTable tr {
	border-bottom: 0px solid #CCCCCC;
}
.aptean-page-wrapper .ListingTable td {
	padding: 0.2em 0.8em;
}
div.aptean-footer {
	margin:6px 10px;
  background-color: #D9E2EF;
  border: 1px solid gray;
  font-size: 12px;
  padding: 4px 10px;
}
/* Elected Officials pages federal: .page-id-6445; state: .page-id-xxxx; both: body.officials-list */
.officials-list div.entry-content table {
	border-bottom: 1px solid #ddd;
}
.officials-list div.entry-content table tr td {
	padding: 10px 20px 10px 6px;
}
.officials-list div.entry-content table tr .ListingTD:first-of-type a,
.officials-list div.entry-content table tr .ListingTD:last-of-type a {
	font-size: 1em !important;
}
.officials-list div.entry-content table tr .ListingHeaderTD {
    background-color: #D9E2EF;
    font-weight: 700;
    vertical-align: middle;
}
/* Energy Buying Consortium ------------ */
.ebc-sidebar {
	float:right;
	background-color: #efefef;
	border: 2px solid #6B82AA;
	margin: 0 0 1em 10px;
	padding: 8px;
	width: 220px;
}
/* Slideshow page(s) ---------------------------------- */
.entry-content .bx-viewport {
	text-align: center;
}
.entry-content .bx-wrapper img {
  display: inline-block;
}
.entry-content .bx-wrapper .bx-pager.bx-default-pager a {
  background: none repeat scroll 0 0 #EBEBEB;
  border-radius: 7px 7px 7px 7px;
  border: 1px solid #333;
  outline: 0 none;
}
.entry-content .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: none repeat scroll 0 0 #6B82AA;
}
.bx-wrapper .bx-viewport {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #fff;
    box-shadow: 0 0 0 transparent;
    left: -5px;
    transform: translateZ(0px);
}
.bx-wrapper .bx-caption {
    /* background: rgba(80, 80, 80, 0.75) none repeat scroll 0 0; */
    background: transparent none repeat scroll 0 0;
}
.bx-wrapper .bx-caption span {
    background-color: rgba(80, 80, 80, 0.75);
    color: #fff;
    display: inline-block;
    font-family: Arial;
    font-size: 0.85em;
    padding: 10px 20px;
    width: auto;
}
/* Contact Us page ------------------------------------ */
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
	width: 100%;
	max-width: 400px;
}
.wpcf7 .wpcf7-quiz,
.wpcf7 .captcha-input {
	width: 3em !important;
}
.wpcf7 .wpcf7-captchac {
	position:relative;
	top: 6px;
}
.wpcf7 textarea {
	width: 100%;
	max-width: 600px;
	height: 6em;
}
/* Search Results pages ---------------------------------------- */
.search #content form.search-form label {
	width: calc(100% - 5em);
	max-width: calc(720px - 5em);
}
.search-form .btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 5px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}
.search-results .page-title {
  font-size: .95em;
}
.search-results h2.page-title {
  font-size: 1.1em;
  margin-bottom: 1.5em;
}
.search-results h2.page-title span {
  font-size: 1.15em;
  margin-left: .6em;
  color: #999;
}
.search-results article.hentry {
  border-top: 1px solid silver;
  padding: 10px 16px;
  margin: 0 0 15px 0;
  background-color: #F8F8F9;
}
.search-results article .entry-title {
  margin: 0;
  font-size: 17px;
  line-height: 1.4em;
}
.search-results article .entry-title a {
  color: #2518B5;
  text-decoration: underline;
}
.search-results article .entry-title a:visited {
  color: #444F7C;
  text-decoration: underline;
}
.search-results article .entry-title a:hover {
  color: blue;
  text-decoration: underline;
}
.search-results article .entry-meta {
  display: none;
}
.search-results article .entry-utility {
	margin: 0 0 12px;
}
.search-results article .entry-utility .cat-links,
.search-results article .entry-utility .meta-sep,
.search-results article .entry-utility .comments-link {
	display: none;
}

/* Videos page ------------------------------------------------------ */
.page-videos .tubepress_thumb {
  height: 220px;
  overflow: visible;
}
iframe.youtube-player {
	height: 338px !important;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #F7B753;
}
#sb-container iframe.youtube-player {
	height: 338px !important;
	padding: 0px;
	background-color: #fff;
	border: 0px solid #F7B753;
}
.page-videos #sb-overlay {
  background-color: #fff !important;
  opacity: 0.85 !important;
}
#sb-nav-close {
  background-color: #9a0000;
}

/* New implementation using Youtube Channel Gallery */
.page-videos #comments {
	display: none;
}
.page-videos .hentry {
	padding: 0 0 0px 0;
}
.page-id-2 #content #page-bottom,
.page-id-1948 #content #page-bottom {
	border: 0px solid #ccc;
    margin: 0 0 22px;
    padding: 0px 0 0;
}
.youtubechannelgallery h1.widgettitle {
	/* color: #505d89;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    line-height: 16px;
    padding: 0 0 24px; */
}
.youtubechannelgallery h3.widget-title {
    font-style: italic;	
    padding: 0 0 1em;
}
.ytcplayer-fixwidthwrapper {
	margin-bottom: 30px;
}
ul.ytchagallery .ytctitle a {
	word-wrap: break-word;
	color: navy;
	font-size: 1.1em;
}
h6.ytctitle {
	font-size: 0.92em;
    line-height: 1.2;
    margin: 0.2em 0;
}
#ytc-wrapper div.ytctdescription {
	font-size: 0.9em;
    line-height: 1.2;
    margin: 0.2em 0;
}
#ytc-wrapper div.ytctdescription a {
	color: inherit;
}
/* Careers Slideshow page ------------- */
#careers-slideshow .bx-wrapper .bx-next,
#careers-slideshow .bx-wrapper .bx-prev {
	opacity: .35;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);
}
#careers-slideshow .bx-wrapper .bx-next:hover,
#careers-slideshow .bx-wrapper .bx-prev:hover {
	opacity: .9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
}
#careers-slideshow div {
	padding: 0;
	margin: 0;
}
#careers-slideshow div.bxslide a {
	display:block;
	padding: 0;
	margin: 0;
}
#careers-slideshow div.bxslide img {
	display:block;
	padding: 0;
	margin: 0;
}
#careers-slideshow p,
#careers-slideshow div {
	font-size: 0px;
	line-height: 0px;
}

/* Podcasts page */
.page-podcasts .entry-content h5 {
	margin-bottom: 0;
    margin-top: 1.5em;
}
.page-podcasts .entry-content p {
	margin-bottom: .5em;
}

/* Job Fair pages */
.post-type-archive-job_fair h1.page-title {
	display: none;
}
.post-type-archive-job_fair article h1.page-title {
	display: block;
}
.job-fair-index-item {
	border: 1px solid #ba6536;
	margin: 1em auto 20px;
}
.job-fair-index-item header h3 {
	margin: 0;
	padding: 10px 20px;
	background-color: #ba6536;
	color: #fff;
}
.job-fair-index-item .row {
	margin-right: 0;
	margin-left: 0;
}
.job-fair-index-item .col {
	padding: 0 20px;
}
.hentry a.underline {
	text-decoration: underline;
}
img.fair-logo {
	max-width: 350px;
}

/* HV Mfg pages --------------------------- */
div.article-index p {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
div.article-index p strong {
	/* allow extra spaces to help align page numbers */
	white-space: pre-wrap;
}
div.hv-mfg-archive {
	border-top: 1px solid silver;
	padding-top: 1em;
}
/* single article pages as of 2020 body.single-hvmfg_article -------------- */
.single-hvmfg_article .site-header-inner,
.single-hvmfg_article .sidebar {
	display: none !important;
}
.single-hvmfg_article #content {
	left: 0%;
	width: 100%;
	margin: 25px 0px 10px;
}
.single-hvmfg_article div.announcement-banner.announcement-banner-inside {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    float: none;
}
.single-hvmfg_article.state-xs img {
	max-width: 100% !important;
}

/* Flip Book pages ----  */
/* Hide issuu ad bar:  */
body.modified-flip-book div.issuuembed.issuu-isrendered > div:nth-of-type(2) {
	visibility: hidden;
}
/* next line not workable */
body.modified-flip-book iframe .header-controls {
    -moz-osx-font-smoothing: grayscale;
    background-image: none, transparent 100%);
}
/* Not using the next two directives currently...  */
.responsive-issuu {	
    width: 100%;
}
.responsive-issuu:before {	
    content: "";
    display: block;
    padding-top: 64.722222222222%;
}

/* Newsletter Subscribe page - .page-subscribe  */
/* This page is password protected, and we tweak the password form: */
form.post-password-form label {
	color: #fff;
}
form.post-password-form label input[type=password] {
	color: #000;
	display: block;
}

.subscribe-form-wrapper {
	margin-bottom: 3em;
}
form.subscribe-form {
	max-width: 400px;
	width: 100%;
}
form.subscribe-form label {
	display: block;
}
form.subscribe-form input[type=email],
form.subscribe-form input[type=text] {
	width: 100%;
	border: 1px solid #d8c4b9;
	padding: .5em .7em;
	margin-bottom: .5em;
}
input.tnp-button, 
.page-ci-newsletter .tnp-profile form .tnp-field input[type="submit"] {
	background-color: #25457b;
	color: #fff;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 1em;
	margin-top: .3em;
	font-size: 1.05em;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
/* Newsletter Profile page (where subscribers can edit their preferences) */
.page-ci-newsletter .tnp-profile form .tnp-field input[type="text"], 
.page-ci-newsletter .tnp-profile form .tnp-field input[type="email"], 
.page-ci-newsletter .tnp-profile form .tnp-field textarea {
	padding: 10px;
	display: block;
	border: 1px;
	border-color: #BD6736;
	background-color: #E6E9EB;
	background-image: none;
	text-shadow: none;
	color: #444;
	font-size: 14px;
	margin: 0;
	line-height: normal;
	box-sizing: border-box;
	border-radius: 5;
	height: auto;
	float: none;
	width: 100%;
	max-width: 400px;
}
.page-ci-newsletter .tnp-profile form .tnp-field input[type="submit"] {
	
}
.page-ci-newsletter .tnp-profile form .tnp-field select {
	
}
/* Board Members page (archive of board members) /board-members/ ============= */
ul.board-members-list {
	list-style-type: none;
	padding-left: 1rem;
}
li.board_member {
	margin-left: 0;
	max-width: 97%;
}
li.board_member p {
	margin-bottom: 0;
}
li.board_member div p {
	margin-bottom: 1rem;
}
li.board_member div.collapse.in {
	margin-top: 1rem;
	margin-left: 1rem;
	border: 1px solid rgba(186, 101, 54, .5);
	border-left: 4px solid #ba6536;
	background-color: rgba(186, 101, 54, .1);
	padding: 1rem 2rem;
}
.board-position {
	font-size: 1.03em;
	font-weight: bold;
}
.board-member-name {
	font-size: 1.05em;
	font-weight: bold;
}
.board-member-name.w-bio {
	cursor: pointer;
	padding-top: .15em;
	margin-top: -.15em;
}
.board-member-name.w-bio.bio-active {
	background-color: rgba(37, 69, 123, 0.1);
}
.board-member-name i { 
	color: #d5d4d4;
	margin-right: .25rem;
	font-size: 2rem;

}
.board-member-name.w-bio i {
	color: #036;
}
.board-member-job-title {
	font-style: italic;
}

/* Community College Course (discounted) pages ================== */
.single-cc-course .entry-content p {
	margin-bottom: 0;
}
.single-cc-course .entry-content div.cc-course-description p {
	margin-bottom: 1em;
}
.single-cc-course .entry-content div.cc-course-description {
	margin-top: 1em;
}
.single-cc-course h1.page-title {
	text-transform: none;
}
.single-cc-course h1 span.dashicons-laptop { 
    transform: translateY(5px);
    width: 26px;
    height: 26px;
    font-size: 26px;
}
.single-cc-course span.dashicons-laptop {
	transform: translateY(2px);
}
/* archive page ===== */
.post-type-archive-cc_courses.state-xl .content-padder {
	/* padding: 0 63px; */
	max-width: 720px;
	margin: 0 auto 20px;
}
.btn-group.college-filter-div {
	text-align: right;
	display: block;
	padding-right: 0;
	margin-bottom: 20px;
}
.btn-group > .btn.college-filter {
	/* text-align: left; */
	margin-right: 0;
	float: none;
}
.btn-group.college-filter-div ul.dropdown-menu {
    left: auto;
    right: 0;
}
.colleges-list-group {
	max-width: 13em;
	margin-right: 0;
	margin-left: auto;
}
.colleges-list-group .list-group-item {
    padding: 5px 15px;
}
.colleges-list-group .badge {
	background-color: #25457B;
}
.post-type-archive-cc_courses div.items {
	position: relative;
	z-index: 1;
	margin-top: 30px; /* temporary while filters are not used */
}
article.cc-course-index-item {
	background-color: #fff;
	z-index: 2;
	margin: 0 auto 1.5em;
}
article.cc-course-index-item:nth-of-type(2) {
	/* margin-top: -9em; */
	position: relative;
	margin: -9em auto 1.5em;
}
article.cc-course-index-item.no-courses {
	z-index: -1;
	margin: 1em auto 1.5em;
}
article.cc-course-index-item header {
	background-color: rgba(186, 101, 54, 1);
	padding: 10px 20px;
	border-width: 1px 1px 0 1px;
	border-color: rgba(186, 101, 54, 1);
	border-style: solid;
}
article.cc-course-index-item h1 {
	margin: 0;
	color: #fff;
}
article.cc-course-index-item h1 a,
article.cc-course-index-item h1 a:link,
article.cc-course-index-item h1 a:active,
article.cc-course-index-item h1 a:visited {
	color: #fff;
}
article.cc-course-index-item h1 a:active,
article.cc-course-index-item h1 a:hover {
	color: #efefef;
}
.post-type-archive-cc_courses article.cc-course-index-item h1 span.dashicons-laptop {
    transform: translateY(0px);
    width: 26px;
    height: 26px;
    font-size: 26px;
}
article.cc-course-index-item .entry-content {
	background-color: #F1E0D6;
	border-width: 0 1px 1px 1px;
	border-color: rgba(186, 101, 54, 1);
	border-style: solid;
	padding: 20px;
}
article.cc-course-index-item .entry-content p {
	margin: 0;
}
.post-type-archive-cc_courses article.cc-course-index-item span.dashicons-laptop {
	transform: translateY(2px);
}
/* (new window icon) */
.dashicons-admin-page {
	transform: scale(1, .75);
}
/* filtering ===== */
.cc-course-index.filtered article.cc-course-index-item {
	display: none;
}
.cc-course-index.filtered.dutchess article.cc-course-index-item.colleges-suny-dutchess,
.cc-course-index.filtered.orange article.cc-course-index-item.colleges-suny-orange,
.cc-course-index.filtered.rockland article.cc-course-index-item.colleges-suny-rockland,
.cc-course-index.filtered.ulster article.cc-course-index-item.colleges-suny-ulster,
.cc-course-index.filtered.westchester article.cc-course-index-item.colleges-suny-westchester,
.cc-course-index.filtered article.cc-course-index-item.no-courses {
	display: block;
}
.post-type-archive-cc_courses article.cc-course-index-item footer.entry-meta .edit-link {
    clear: both;
    margin: -2.5em 0 .5em 0;
    display: block;
    float: right;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* !! BREAKPOINTS - see: http://v4-alpha.getbootstrap.com/layout/overview/ */
/* We are using the same breakpoins as Bootstrap */
/* We are using the max-width version */
/* Code for ALL devices appears ABOVE the breakpoint rules;
   Code for specific devices appears within the breakpoint rules. */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Jumbo devices (large desktops 1921px or larger) - Not a Bootstrap breakpoint */
@media (min-width: 1921px) {
	.site-header .container h1.site-title {
		font-size: 2.6em;
		margin: 0 0 0 auto;
		width: 13em;
	}
	.site-header .container h1.site-title a::before {
		height: 2em;
		width: 2em;
	}
	.nav-tiles .button-nav.navbar-nav > li > a {
		font-size: 1.4em;
		padding: 19% 24%;
	}
	.nav-tiles .button-nav.navbar-nav > li > a::before {
		font-size: 1.9em;
		line-height: 1.4;
	}
	div.home-feeds aside h4 {
		font-size: 1.8em;
	}
}

/* // Extra large devices (large desktops 1200px or larger) - Bootstrap xl */
/* // No media query since the extra-large breakpoint has no upper bound on its width */
/* // Code for ALL devices goes after this point. */

.state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;

    z-index: 1;
}
body.logged-in {
	/* for development use 0 3px 0 0 */
	border-width: 0 0px 0 0;
	border-style: solid;
	border-color: red;	
}

.nav-tiles #media-button.button-nav.navbar-nav > li > a {
	padding: 21% 22%;
}
.nav-tiles #training-button.button-nav.navbar-nav > li > a {
	padding: 21% 22%;
}

/* devices in LANDSCAPE mode */
@media (orientation: landscape) {
	.state-indicator:before { content: 'landscape'; }
}

/* devices in PORTRAIT mode */
@media (orientation: portrait) {
	.state-indicator:before { content: 'portrait'; }
}

/* Large devices (desktops, less than 1200px) - Bootstrap lg */
@media (max-width: 1199px) {
/* @media (min-width: 1200px) { */
	/* lg code goes here */
	.state-indicator {
        z-index: 2;
    }
	body.logged-in {
		border-color: orange;	
	}
	.site-header .container {
		position: absolute;
		height: 50%;
		top: 47%;
		transform: translate(18%, -50%);
		padding-bottom: 0;
		width: 84%;
		text-align: right;
	}
	.site-header .container h1.site-title {
		font-size: 2.2em;
		font-size: 3.4vw;
		margin: 0 0 0 auto;
		width: 12em;
		width: 40vw;
		text-align: center;
	}
	.site-header .container h1.site-title a::before {
		content: "";
		display: block;
		width: 5vw;
		height: 5vw;
		margin: 0 auto;
		background-color: transparent;
		background-image: url(img/coi-logo-101x101.png);
		background-position: 50% 50%;
		background-size: cover;
		margin-top: -.3em;
	}
	.website-title span {
		font-size: 2.1em;
		vertical-align: -35%;
		padding-left: .2em;
	}
	.website-title img {
		height: 6.3em !important;
	}
	.website-header .pre-text p {
		font-size: 1.13em;
		font-weight: 400;
	}
	.collaps1ble-menu-region #utility-menu {
		float: none;
	}
	.navbar-default .collaps1ble-menu-region .navbar-nav > li > a,
	.navbar-default .collaps1ble-menu-region #action-menu.navbar-nav > li > a {
		padding: .25em 7px;
	}
	.navbar-default .collaps1ble-menu-region .navbar-nav > li:first-of-type > a,
	.navbar-default .collaps1ble-menu-region #action-menu.navbar-nav > li:first-of-type > a {
		padding: .25em 7px .25em 0;
	}
	.site-navigation .navbar-default .collaps1ble-menu-region nav .navbar-nav > li > a,
	.site-navigation .navbar-default .collaps1ble-menu-region nav .navbar-nav > li:first-of-type > a {
		padding: .25em 0px;
	}
	.nav-tiles .button-nav.navbar-nav > li > a {
		font-size: 2.3vw;
		/* max-width: 17vw; */
		padding: 21% 24%;
	}
	.nav-tiles #media-button.button-nav.navbar-nav > li > a {
		font-size: 2.3vw;
		padding: 21% 22%;
		/* max-width: 18vw; */
	}
	.nav-tiles .button-nav.navbar-nav > li > a:before {
		font-size: 4vw;
	}
	.nav-tiles .tile-menu-networks-events .button-nav.navbar-nav > li > a::before {
		font-size: 5.5vw;
	}
	div.home-feeds aside h4 {
		font-size: 2.3vw;
	}
	aside.feed-widget {
		font-size: .9em;
	}
}

/* RARE - Large devices (desktops, 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) { 
	.site-navigation .navbar-toggle {
		margin: 5px 5px 4px;
	}
	span.header-search {
		margin-right: 7px;
	}
	.navbar-default .navbar-nav.utility-nav > li > a {
		padding: 15px 5px;
	}
	.navbar-default .navbar-nav.utility-nav > li:first-of-type > a {
		padding: 15px 5px 15px 0;
	}
	.site-navigation .navbar-header {
		margin-right: -30px;
	}
	.council-branding {
		margin-right: 10px;
		margin-left: -25px;
	}
}

/* Medium devices (tablets, less than 992px) - Bootstrap md */
@media (max-width: 991px) {
/* @media (min-width: 992px) { */
	/* md code goes here */
	.state-indicator {
        z-index: 3;
    }
	body {
		max-width: 100%;
		overflow-x: hidden;
	}
	body.logged-in {
		border-color: yellow;	
	}
	.main-content {
		background-color: #fff;
	}
	.main-content .container {
		width: 100%;
		max-width: 100%;
		overflow-x: scroll;
	}
	.website-title span {
		font-size: 2.4em;
		vertical-align: -50%;
		padding-left: .2em;
	}
	.website-title img {
		height: 6.3em !important;
	}
	.website-header .pre-text p {
		font-size: 1.15em;
		font-weight: 400;
	}
	.website-header div.site-header-half .pre-text p {
		font-size: 1.1em;
		font-weight: 400;
	}
	/** sidebar */
	.sidebar-padder {
		max-width: 20em;
	}
	.sidebar nav.main-navigation {
		display: none;
	}
	/** homepage */
	.nav-tiles section.col-md-6, .home-feeds aside.col-md-6 {
		margin: 0.5em;
		padding: 0;
		width: 46%;
	}
	.nav-tiles .button-nav.navbar-nav > li > a {
		font-size: 3.5vw;
		/* max-width: 18vw; */
		padding: 26% 26%;
	}
	.nav-tiles #media-button.button-nav.navbar-nav > li > a {
		font-size: 3.5vw;
		/* max-width: 18vw; */
	}
	.nav-tiles .button-nav.navbar-nav > li > a:before {
		font-size: 4vw;
	}
	.nav-tiles .tile-menu-networks-events .button-nav.navbar-nav > li > a::before {
		font-size: 5.5vw;
	}
	div.home-feeds aside h4 {
		font-size: 3.5vw;
	}
	.site-footer .site-info {
		border-top: 0 solid rgba(255, 255, 255, 0.35);
	}
	#action-menu li.full-menu {
		display: none;
	}
	div.announcement-banner.announcement-banner-inside {
		width: calc(100% - 30px);
	}
}

/* RARE - Medium devices (tablets, 768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) { 
	div.announcement-banner p {
		font-size: 1.25em;
	}
}

/* Small devices (landscape phones, less than 768px) - Bootstrap sm */
@media (max-width: 767px) {
/* @media (min-width: 768px) { */
	/* sm code goes here */
	body {
		font-size: 1.5rem;
	}
	.main-content-inner {
		background-color: #fff;
		margin: 0px 0 10px 0;
		padding-top: .5em;
	}
	.home .main-content-inner {
		margin: 0px 0 10px 0;
		padding-top: .5em
	}
	.state-indicator {
        z-index: 4;
    }
	body.logged-in {
		border-color: green;	
	}
	.site-header .container {
		width: 82%;
	}
	.council-branding {
		margin-left: 10px;
	}
	.site-header .container h1.site-title {
			font-size: 1.4em;
			font-size: 2.8vw;
			margin: 0 0 0 auto;
			width: 12em;
			width: 32vw;
			text-align: center;
	}
	.site-navigation .collapse {
		display: block;
	}
	.collaps1ble-menu-region.collapse.in {
		overflow-y: scroll !important;
		max-height: 80vh;
		border-width: 2px thin thin thin;
		border-style: solid;
		border-color: #ba6536 rgba(0, 51, 102, 0.1) rgba(0, 51, 102, 0.1);
	}
	.site-navigation ul.navbar-nav {
		margin: 0;
	}
	.site-navigation ul.navbar-nav.utility-nav > li {
		display: inline-block;
	}
	.site-navigation ul.navbar-nav.action-nav > li {
		display: inline-block;
	}
	.site-navigation ul.navbar-nav.section-nav > li {
		display: block;
	}
	.navbar-default .navbar-collapse {
		border-color: transparent;
	}
	.site-footer-menu section {
		min-height: auto !important;
	}
	.col-sm-8 {
		width: 66.666%;
	}
	.col-sm-4 {
		width: 33.333%;
	}
	/** homepage */
	.nav-tiles .collapse {
		display: block;
	}
	.follow-buttons a.icon-link {
		font-size: 12px;
	}
	/* header slider */
	.website-title a, .website-title a:link, .website-title a:active, .website-title a:visited, .website-title a:hover {
		font-size: 80%;
	}
	.website-title span {
		font-size: 2em;
		top: .3em;
		position: relative;
	}
	.website-header .ms-btn.ms-btn-box {
		font-size: .8em !important;
		padding: .3em .8em !important;
		border-radius: .3em;
	}
	.landscape .website-title img {
		display: inline-block !important;
		height: 6.2em !important;
	}
	.landscape .website-title span {
		    font-size: 1.7em;
			top: .2em;
			position: relative;
	}
	.website-header .full-width-images .ms-btn.ms-btn-box {
		font-size: .65em !important;
		padding: .7em .7em !important;
		border-radius: .2em;
	}
	div.announcement-banner.announcement-banner-inside {
		padding: 15px 15px 15px 15px;
		color: #fff;
		margin-left: 15px;
		margin-right: auto;
		width: calc(100% - 30px);
		margin-top: 15px;
		margin-bottom: -10px;
	}
	div.announcement-banner p {
		text-align: center;
		color: #fff;
		padding: 0 0 10px;
		margin-bottom: 0px;
		font-size: 1.1em;
	}
	/* Alignment */
	.alignleft,
	.entry-content .align-left,
	.entry-content img.align-left,
	.entry-content .alignleft,
	.entry-content img.alignleft {
		display: block;
		float: none;
		margin: 1em auto 1em;
	}
	.alignright,
	.entry-content .alignright {
		display: block;
		float: none;
		margin: 1em auto 1em;
	}
	.aligncenter,
	.entry-content .aligncenter {
		clear: both;
		display: block;
		margin: 1em auto 1em;
	}
	.hvmfg-issue-archive-item h1.h5 {
		font-size: 1.06em;
		margin-left: 2em;
		text-indent: -2em;
	}
	.hvmfg-issue-archive-item h1.h5 .h6 {
		font-size: 1.5rem;
		display: block;
		margin: 0 0 0 2em;
	}.hvmfg-issue-archive-item a.post-edit-link {
		margin-top: -1em;
	}
	
}

/* RARE - Small devices (landscape phones, 544px to 767px) */
@media only screen and (min-width: 544px) and (max-width: 767px) and (orientation: landscape) { 

	/* .website-title img {
		display: inline-block !important;
		height: 6.2em !important;
	}
	.website-title span {
		font-size: 1.5em;
		top: .3em;
		position: relative;
	} */
}

/* Extra small devices (portrait phones, less than 544px) - Bootstrap xs */
@media (max-width: 543px) {
/* @media (min-width: 544px) { */
	/* xs code goes here */
	.state-indicator {
        z-index: 5;
    }
	body.logged-in {
		border-color: blue;	
	}
	.col-xs-12 {
		width: 100%;
	}
	.col-xs-12 img {
		margin: 0 auto;
	}
	.post-type-archive-podcast article.podcast .col-xs-12 div.entry-content-thumbnail {
		margin: 0 auto;
		text-align: center;
	}
	.site-header {
		margin-top: 57px;
		background-color: #003366;
		position: relative;
		width: 100%;
		background-image: none;
		background-size: cover;
		background-position: 0 50%;
		padding: 1em 0;
	}
	.site-header::after {
		content: "";
		display: none;
		padding-bottom: 0%;
	}
	.site-header .container {
		position: relative;
		height: auto;
		top: 0;
		transform: translate(0%);
		padding-bottom: 0;
		width: 100%;
		text-align: center;
	}
	.site-navigation .navbar-toggle {
		margin-left: 5px;
	}
	.site-navigation .navbar-toggle .icon-bar {
		border-radius: 2px;
		width: 30px;
	}
	.site-navigation .council-branding {
		margin-left: 2px;
		margin-right: 0;
	}
	.site-header .container h1.site-title {
		font-size: 1.6em;
		font-size: 6vw;
		margin: 0 auto;
		width: 100%;
		width: 100%;
		text-align: center;
	}
	h1.organization-title {
		font-size: 1em;
		line-height: 30px;
	}
	.site-header .container h1.site-title a::before {
		width: 10vw;
		height: 10vw;
		margin: 0 auto .2em;
	}
	.site-description {
		display: none;
	}
	.header-search form {
		right: auto;
		left: 35px;
	}
	/** top nav */
	.navbar-default .collaps1ble-menu-region .navbar-nav > li:first-of-type > a, 
	.navbar-default .collaps1ble-menu-region #action-menu.navbar-nav > li:first-of-type > a {
		padding: .25em 7px .25em 7px;
	}
	.collaps1ble-menu-region.collapse.in {
		max-height: 85vh;
	}
	.site-navigation ul.navbar-nav.utility-nav > li {
		display: block;
	}
	.site-navigation ul.navbar-nav.action-nav > li {
		display: inline-block;
	}
	/** homepage */
	.home h1.page-title {
		font-size: 1.6em;
	}
	.nav-tiles section.col-sm-12, .home-feeds aside.col-sm-12 {
		margin: 0.5em;
		padding: 0;
		width: 80%;
	}
	.nav-tiles .button-nav.navbar-nav > li > a {
		font-size: 5.5vw;
		padding: 26% 28%;
	}
	.nav-tiles .button-nav.navbar-nav > li > a:before {
		font-size: 8vw;
	}
	.nav-tiles #media-button.button-nav.navbar-nav > li > a {
		font-size: 5.5vw;
	}
	.nav-tiles .tile-menu-networks-events .button-nav.navbar-nav > li > a::before {
		font-size: 10.5vw;
	}
	div.home-feeds aside h4 {
		font-size: 5.5vw;
	}
	/* header slider */
	.website-title span {
		font-size: 2.4em;
		top: .3em;
	}
	.ms-slide-layers .ms-anim-layers {
		/* position: relative; */
	}
	.website-header .ms-btn.ms-btn-box {
		font-size: .65em !important;
		padding: .7em .7em !important;
		border-radius: .2em;
	}
	.website-header .full-width-images .ms-btn.ms-btn-box {
		font-size: .65em !important;
		padding: .7em .7em !important;
		border-radius: .2em;
	}
	.website-header .full-width-images .ms-btn-container {
		/* bottom: 4px !important; */
	}
	.full-width-images .text-background {
		background-color: #25457B;
		border-top: 2px solid #fff;
	}
	.website-header .full-width-images .slide-title {
		color: #e5ecfe;
	}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* end of breakpoints code */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */