/*
Theme Name: TETC
Theme URI: https://arbedigital.com
Author: Erick Arbé
Author URI: https://arbedigital.com
Description: Custom built for the i95 Corridor Coalition.
Version: 2.0
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
  font-family: 'futura-pt', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
a { 
  color: #32698B; 
}
a:focus,
a:hover { }

strong {
  font-weight: 600;
}
.ui.list .list>a.item, 
.ui.list>a.item {
  color: #32698B;
}
p { 
  line-height: 1.5; 
}
.ui.grid>.column:not(.row), .ui.grid>.row>.column {
  font-size: 1.2rem;
}

/* Typography
============================================================ */
h1, h2, h3, h4, h5,
.ui.header {
  font-family: 'futura-pt', sans-serif;
}
.text-right { text-align: right; }
.text-center { text-align: center; }
.ui.button { font-weight: 300; }
.big-header { color: #004582; border-bottom: 1px solid #D9D9D9; padding-bottom: 0.3em; margin-bottom: 1em; font-size: 1.7em;}
.big-spacer { padding: 3em 0; clear: both; width: 100%; }
.medium-spacer { padding: 1em 0; clear: both; width: 100%; }
.ui.horizontal.divider.fancy { margin: 4em 0; margin: 3rem 0; }
article.hentry,
.hentry.ui.segment,
.hentry.ui.piled.segment:first-child { margin-top: 2em; padding-bottom: 3em; }
article.hentry .ui.stacked.segment { overflow: hidden; }
.page-header { margin-bottom: 1.1em; }
.page-header h1 { text-transform: uppercase; color: #2e318a; font-size: 1.6em; }
.blue-box .page-header h1 { color:  #fff; margin-top: 0; }
body.home .page-header h1 { margin-top: 1em; }
.hentry .ui.styled.accordion .title { color: #0D334B; }
.ui.styled.accordion { margin-bottom: 1em; }
.ui.darkblue.button { background-color: #0A4B74; color: #fff; }
.ui.darkblue.button:hover { background-color: #226792; }
img.bordered { border: 2px solid #777; }
.pagination-wrap { clear: both; padding: 1em; }
a.pdf i { margin-left: 4px; }
a.pdf > img + i { display: none !important; }
.hentry .five.wide {   
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.wp-caption-text { font-size: 0.9em; }

.mb-0 {
  margin-bottom: 0 !important;
}

/* Gravity Forms */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea {
  outline: none;
  border: 1px solid #ccc;
}

/* Micro Clearfix
============================================================ */
.cf:before, .cf:after, .row:before, .row:after { content:""; display:table; }
.cf:after, .row:after { clear:both; }
.cf, .row { zoom:1; } /* For IE 6/7 (trigger hasLayout) */


/* Main Layout
============================================================ */

.main-sidebar {
	position: relative;
}
.site-content {
	
}
.site-content > .container {
  max-width: 1000px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto 30px;
}
.container-content {
  
}
.container-sidebar {
  padding: 10px 5px;
}

@media screen and (min-width: 782px){
  
  .container-content {
    float: left;
    width: 73%;
    margin-right: 2%;
  }
  .container-sidebar {
    float: left;
    width: 25%;
    padding-top: 10px;
  }
  
  .page-header h1 {
    font-size: 2em;
  }
  
}

/*Sidebar Header */
.site-header {
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: rgba(255,255,255,0.8);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
body.logged-in .site-header {
  top: 46px;
}
body.logged-in .site-header.downHeader {
  top: 0;
}
.site-header .container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
  align-items: flex-start;
}

.logo {
  display: block;
}
.logo img {
  width: 150px;
  height: auto;
  transition: 0.2s ease-out all;
  position: relative;
}

.downHeader .logo {
  transform: none;
}
.downHeader .logo img {
  width: 130px;
  top: 0px;
}

.site-header.downHeader {
  margin-top: 0;
}

.menu-toggle { 
  display: inline-flex;
  /* float: right; */
  font-size: 17px;
  padding: 5px 11px;
  color: #2e318a;
  flex: 0;
  margin-left: auto;
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 2px;
  margin-top: 18px;
  font-weight: 600;
}

.desktop-nav {
  margin-left: auto;
  display: none;
}
.desktop-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.desktop-nav ul li {
  display: block;
  position: relative;
}
.desktop-nav ul li a {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  color: #2d318a;
  padding: 0 7px;
  height: 68px;
  line-height: 68px;
}
.desktop-nav ul ul {
  z-index: 98;
  text-transform: none;
  font-size: 0.9em;
  min-width: calc(100% - 1px);
  width: 13em;
  border-radius: 0 0 .28571429rem .28571429rem;
  background: rgba(255,255,255,0.8);
  margin: 0;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
/*   border: 1px solid rgba(34,36,38,.15); */
  position: absolute;
  top: 100%;
  left: -20%;
  display: none;
}
.desktop-nav ul ul li a {
  width: 100%;
  padding: 10px;
  height: inherit;
  line-height: 1.4;
}
.desktop-nav ul ul li a:hover {
  background: rgba(0, 0, 0, 0.15);
}
.desktop-nav ul li:hover > ul,
.desktop-nav ul li.focus > ul {
  display: block;
}

.desktop-nav ul ul ul {
  left: -100%;
  border-radius: 0;
  top: 0;
}

@media screen and (min-width:782px){
  
  body.logged-in .site-header.downHeader {
    top: 32px;
  }
  
}

@media screen and (min-width:700px){
  
  .site-header {
    margin-top: 50px;
  }
  .site-header .container {
    padding: 0 60px;
  }
  .logo img {
    width: 240px;
    top: -33px;
  }
  
}

@media screen and (min-width:830px){
  
  .menu-toggle {
    display: none;
  }
  .desktop-nav {
    display: block;
  }
  
}

/*
@media screen and (max-width:1000px){
  
  .container-content { float: none; width: 100%; margin-right: 0; }
  .container-sidebar { float: none; width: 100%; padding-top: 0; }
  
}
*/

/* Navbar in Page Sidebar
============================================================ */
.navbar { padding: 30px 15px; color: #fff; line-height: 1.4; }
.navbar ul.nav { margin: 0; padding: 0; list-style-type: none; }
.navbar ul.nav li { margin: 0; padding: 0; text-transform: uppercase; font-weight: 900; }
.navbar ul.nav li a { color: #fff; font-size: 15px; display: block; padding-bottom: 15px; }
.navbar ul.nav ul { list-style-type: disc; list-style-position: outside; padding-left: 24px; padding-bottom: 15px; }
.navbar ul.nav ul li { text-transform: none; font-weight: normal; }
.navbar ul.nav ul li a { font-size: 13px; padding-bottom: 0; }

.main-sidebar #searchform { padding: 0 15px; }
label.ui.icon.button button { background: transparent; border: none; width: 100%; }

/* Off Canvas
============================================================ */
.ui.left.sidebar { background-color: #2e318a; }
.ui.left.sidebar .item { padding-top: 65px; }
.ui.left.sidebar ul.nav { margin: 0; padding: 0; list-style-type: none; line-height: 1.4; }
.ui.left.sidebar ul.nav li { margin: 0; padding: 0; text-transform: uppercase; font-weight: 900; color: #fff; }
.ui.left.sidebar ul.nav li a { color: #fff; font-size: 15px; display: block; padding-bottom: 15px; }
.ui.left.sidebar ul.nav ul { list-style-type: disc; list-style-position: outside; padding-left: 24px; padding-bottom: 15px; }
.ui.left.sidebar ul.nav ul li { text-transform: none; font-weight: normal; }
.ui.left.sidebar ul.nav ul li a { font-size: 15px; padding: 5px 0; }

.ui.left.sidebar ul.nav ul ul { padding-bottom: 0; padding-left: 12px; }
/* Image alignment & Media
============================================================ */
.aligncenter { display: block; margin: 0 auto 1em; }
.alignleft { display: inline; float: left; margin: 0 1em 1em 0; }
.alignright { display: block; float: right; margin: 0 0 1em 1em; }

img,
audio,
video,
canvas  { max-width: 100%; }
img     { height: auto; }
	
@media screen and (max-width: 768px){
  
  .aligncenter  { display: block; margin: 0 auto 1em; }
  .alignleft    { float: none; display: block; margin: 0 auto 1em; }
  .alignright   { float: none; display: block; margin: 0 auto 1em; }

}


/* Page Header
============================================================ */
.page-header.overlayed {
  width: 100%;
  height: 175px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
  z-index: 5;
  margin-bottom: 2em;
}

.page-header.overlayed h1.entry-title {
  background: rgba(255, 255, 255, 0.59);
  height: 55px;
  padding-left: 10px;
  margin: 0;
  line-height: 55px;
  color: #3B3B3B;
  font-size: 2.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.inside-header {
  position: relative;
  width: 100%;
  height: 340px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  
}

.home-hero {
  position: relative;
  width: 100%;
  height: 320px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.hero-inner {
  padding: 0 30px;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  height: 100%;
}
.hero-inner h4 {
  font-size: 20px;
  padding: 0;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
  text-align: right;
}

@media screen and (min-width: 640px){
  
  .home-hero {
    height: 450px;
  }
  .hero-inner {
    padding: 0 70px;
  }
  .hero-inner h4 {
    font-size: 45px;
    margin-top: 40px;
  }
  
}

/* Page Sidebar on Right
============================================================ */
.widget {
  
}
.inside-widget {
  padding: 1px 5px 10px;
}
.page-template-template-committee .container-sidebar {
  padding-top: 3em;
}
.committee-sidebar h3.ui.header,
h3.widget-title,
.widget h3  {
  border-bottom: 3px solid #2e318a;
  padding: 5px 0px;
  color: #2e318a;
}
.container-sidebar .ui.list>.item,
.widget_recent_entries li {
  padding: 0.6em 0 0.6em 0.8em;
}
.cal-title {
  font-size: 1.1em;
  line-height: 1.3;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: bold;
}

.committee-sidebar .ui.list .item a,
.ui.card>.content>a.header, 
.ui.cards>.card>.content>a.header,
.container-sidebar .ui.styled.accordion .title,
.ui.list .item a {
  color: #32698B;
}

.container-sidebar .ui.list .item a {
  color: #32698B !important;
}
.container-sidebar .ui.list .item a:hover {
  color: #00B2F3;
}

/* Home Page Template
============================================================ */
.home-card {
  margin-bottom: 20px;
}
.home-card .title {
  min-height: 60px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  background: #2e318a;
  font-weight: 600;
  display: flex;
  align-items: center;
  font-size: 15px;
  width: 100%;
  justify-content: center;
}
.home-card .title a {
  color: #fff;
}
.home-card .image {
  padding-bottom: 70%;
  overflow: hidden;
  /* height: 0; */
  /* height: 80%; */
  position: relative;
}
.home-card .image img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.home-card .content {
  padding: 14px 10px;
  font-size: 16px;
  text-align: center;
}
.home-card .content ul {
  text-align: left;
}
.home-card .description {
  color: #2e318a;
}
@media screen and (min-width:768px){
  
  .home-card .description {
    min-height: 122px;
  }
  
}
.home-card .content a {
/*   text-decoration: underline; */
  color: inherit;
}
.home-card .description ul {
  margin: 0;
  padding-left: 15px;
}

.home-card .button {
  margin: 0 auto;
}

.button {
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  background: #2e318a;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.29);
  text-decoration: none;
  transition: 0.2s ease-out all;
}
.button:hover {
  background: #4b4ea2;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.45);
}

.button.small {
  font-size: 13px;
}
.button.block {
	display: block;
}

.home-card .extra.content {
  text-align: center;
  color: #fff;
}





@media screen and (max-width:1206px){
  body.home .card .header {
    min-height: 66px;
  }
  body.home .card .description {
    min-height: 162px;
  }
}
@media screen and (max-width:768px){
  body.home .card .header {
    min-height: inherit;
  }
  body.home .card .description {
    min-height: inherit;
  }
}

body.home .ui.piled.segment {
 background: url('library/images/light-logo.jpg') no-repeat right 8px;
 background-size: 50px auto;
}

/* Blog / Search
============================================================ */
.archive-header {
  margin: 3em 0;
  text-align: center;
}
.hentry.margin-bottom {
  margin-bottom: 2em; 
}
.single-article {
  margin-top: 3em;
}
.single-article p {
  line-height: 1.53;
}
body.archive .ui.stackable.grid,
body.blog .ui.stackable.grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.next-prev {
  margin-top: 60px;
}

.more-padding-top {
  padding-top: 100px !important;
}
.entry-date {
  font-size: 0.85em;
}

@media screen and (min-width: 700px){
  
  .more-padding-top {
    padding-top: 170px !important;
  }

}

/* Member Search Template
============================================================ */
#member-search-nav {
   display: none;
   margin-bottom: 1em;
}

.member-meta-names {
   text-align: right;
}

/* TETC Focus Areas Template
 * ============================================================ */
 
body.page-template-template-focusareas article.hentry {
  width: 1000px;
  margin: 50px auto;
  font-size: 1.2em;
  max-width: 100%;
}

.focusboxes {
  margin-top: 40px;
}
.focuscontent {
  margin-top: 20px;
  margin-bottom: 40px;
}

/* TETC Content Protection
 * ============================================================ */
#loginform {
  width: 400px;
  max-width: 100%;
  margin: 0 auto 20px;
}
#loginform label {
  display: block;
  font-size: 0.85em;
}
#loginform input[type="text"],
#loginform input[type="password"] {
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
  outline: none;
  width: 99%;
}
#loginform input[type="text"]:focus,
#loginform input[type="password"]:focus {
  border-color: #3b83c0;
}
#errormessage {
  display: none;
}
#errormessage.visible {
  display: block;
}
/* All input buttons ;) */
body input[type="submit"] {
  outline: none;
  box-shadow: none;
  border: none;
  -webkit-appearance: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 25px;
  border-radius: 3px;
  
}
#loginform input[type="submit"] {
  display: block;
  width: 100%;
}


/* Trafficview Embed Template
 * ============================================================ */
a[href='http://www.w3-edge.com/wordpress-plugins/'] {
   display: none;
}
.page-template-template-trafficview-embed .entry-title {
   display: none;
}
.page-template-template-trafficview-embed .site-content {
   margin-bottom: 0;
   padding-bottom: 0;
   height: 100%;
}
.page-template-template-trafficview-embed .container-fluid {
   position: fixed;
   width: 80%;
   height: 100%;
}
.page-template-template-trafficview-embed .ui.stacked.segment:after {
   display: none;
}
.page-template-template-trafficview-embed .site-content article.page {
   padding: 0;
   margin-top: -1.1em;
   height: 100%;
}
.page-template-template-trafficview-embed .entry-content {
   height: 100%;
}
#tv-container {
    width: 100%;
    height: 100%;
    position: relative;
    border: none;
    font-family: verdana;
    font-size: 16px;
}
#tv-container p {
   height: 100%;
}
#tv-iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    margin-bottom: -2em;
}
#tv-header {
    position: absolute;
    width: 100%;
    height: 60px;
    background: #3A3A3C;
    opacity: 1;
}
#tv-logo {
    background: url('https://trafficview.org/bundles/cattlabtrafficviewweb/images/NewTrafficViewLogo.png?1433442313') no-repeat;
    background-size: 70%;
    width: 300px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 1em;
    left: 1em;
}
#tv-links {
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 50%;
    width: 15em;
}
#tv-links + p {
   display: none;
}
#tv-links span {
    margin-left: 1em;
    border-bottom: 3px solid white;
    position: absolute;
}
#tv-links #tv-link-traffic {
    border-bottom: 5px solid #FBB958;
   margin-left: -7em;
}
#tv-links #tv-link-cams {
   margin-left: 1em;
   margin-top: -1.22em;
}
#tv-links #tv-link-partners {
   margin-top: -2.6em;
   margin-left: 9em;
}
#tv-links a {
    color: white;
    text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .page-template-template-trafficview-embed .container-fluid {
     width: 100%;
  }
  #tv-header {
     display: none;
  }
  
}

/* Travel Apps Table
============================================================ */
.post-421.hentry table img {
  display: block;
  margin: 0 auto;
}
.post-421.hentry table br {
  display: none;
}
.post-421.hentry {
  overflow-x: scroll;
}

/* 511 Travel Information Map
============================================================ */
.map-wrap {
  position: relative;
}
#map-alert {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #0D334B;
  text-align: center;
  padding: 5px;
  position: absolute;
  top: 20px;
  left: 0;
  width: 160px;
  height: 70px;
}
#map-alert span {
  font-size: 18px;
  font-weight: bold;
}

/* Projects
============================================================ */
.ui.card>.project-card>.content, 
.ui.cards>.project-card>.content {
  font-size: 0.75em;
  min-height: 84px;
  background: #2e318a;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.on-page-boxes .ui.cards>.project-card>.content {
  min-height: auto;
}
.ui.cards>.project-card>.content a.header {
  color: #fff;
}
.blue-box { 
  padding: 2em; 
  /*background: #9FBFD2;*/
  background: #2e318a;
  color: #fff;
  margin-bottom: 1.5em;
  clear: both;
}
.blue-box h3:first-child {
  font-size: 20px;
  border-bottom: 1px solid #fff; 
  padding-bottom: 10px;
  margin-top: 0;
}
.blue-box a {
  color: #CAE5F5;
}

.entry-content .blue-box {
  margin-top: 1em;
}

@media screen and (max-width:768px){
  
  .blue-box {
    padding: 1em;
  }
  
}

body.single-projects .container-sidebar {
  padding-top: 3em;
}


/* Footer
============================================================ */
.site-footer {
  width: 100%;
  padding: 50px 0 20px;
  background: rgb(23,31,81);
  background: linear-gradient(0deg, rgba(23,31,81,1) 0%, rgba(37,59,131,1) 100%);
  color: #fff;
  
}
.site-footer,
.rpwe-block h3 {
  font-family: 'Helvetica', 'Helvetica Neue', sans-serif;
  font-weight: lighter;
}
.site-footer,
.site-footer p {
  font-size: 17px;
}
p.copyright {
  margin-bottom: 0;
  font-size: 13px;
  text-align: center;
}
.site-footer .container {
  max-width: 1000px;
  margin: 0 auto;
  width: 96%;
}
.site-footer .widget h3,
h3.footer-widget-title {
  text-transform: uppercase;
  color: #fff;
  margin-top: 0;
  border-bottom: none;
}
.site-footer a {
  color: #fff;
}
h3.footer-logo {
  font-weight: 400;
  font-size: 28px;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.site-footer .ui.action.input {
  border: 1px solid #fff;
  border-radius: 30px;
  margin-bottom: 30px;
}

.site-footer .ui.action.input>input {
  background: transparent;
  border: none;
  color: #fff;
}

.site-footer .ui.action.input>.button {
  background: transparent;
  color: #fff;
}

.site-footer ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff !important;
  opacity: 1; /* Firefox */
}

.site-footer :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff !important;
}

.site-footer ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff !important;
}
.site-footer .yt-logo {
  display: block;
  color: #fff;
  margin-top: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
}
.site-footer .yt-logo svg {
  display: inline-block;
  width: 30px;
  height: auto;
  margin-right: 3px;
}
.actions {
  padding-left: 10px;
}
.actions,
.actions p {
  font-family: 'futura-pt', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}
.actions a {
  display: inline-flex;
  align-items: center;
}
.actions img {
  width: 25px;
  display: inline-block;
  margin-right: 10px;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* Shortcodes
============================================================ */
.ui.fancy.horizontal.divider.blue:before,
.ui.fancy.horizontal.divider.blue:after {
  border-top: 1px solid #0D334B;
}




/* Org Chart
============================================================ */

.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after,
.clearfix:after {
    clear: both;
}

.cf,
.clearfix {
    *zoom: 1;
}

.orgchart {
	width: 100%;
	max-width: 1142px;
	margin: 50px auto;
	padding: 0 10px 4em;
	font-size: 1.3em;
}
.org-chart {
  margin: 0;
}
.orgchart * {
  position: relative;
}

.orgchart a:focus{
	outline: 2px dashed #f7f7f7;
}

@media all and (max-width: 767px){
	.orgchart{
		padding: 0 20px;
		font-size: 1em;
	}	
}


.ui.table.ptc-table,
.ui.table.hogs-table {
  font-size: .65em;
  margin-bottom: 20px;
  border: 2px solid #333;
}
.ui.celled.definition.ptc-table.table thead:not(.full-width) th:first-child,
.ui.celled.definition.hogs-table.table thead:not(.full-width) th:first-child {
  box-shadow: none;
}
.ui.celled.ptc-table.table tr td, 
.ui.celled.ptc-table.table tr th,
.ui.celled.hogs-table.table tr td, 
.ui.celled.hogs-table.table tr th {
  text-align: center;
}
.orgchart ul,
ul.hogs {
	padding: 0;
	margin: 0;
	list-style: none;		
}
ul.hogs {
  clear: both;
  padding-top: 20px;
}



.orgchart ul li > a{
	display: block;
	background: #e2e2e2;
	border: 2px solid #333;
	text-align: center;
	overflow: hidden;
	font-size: .65em;
	text-decoration: none;
	font-weight: normal;
	color: #333;
	height: 80px;
	margin-bottom: -26px;
	box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	transition: all linear .1s;
	display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.orgchart li.no-pointer a {
  cursor: text;
}

@media all and (max-width: 767px){
	.orgchart ul a{
		font-size: 1em;
	}
	.ui.table.ptc-table,
  .ui.table.hogs-table {
    font-size: .95em;
  }
}


.orgchart ul a span{
	/*top: 50%;
	margin-top: -0.7em;*/
	display: block;
}

.orgchart .administration > li > a{
	margin-bottom: 25px;
}

.orgchart .director > li > a{
	width: 50%;
	margin: 0 auto 0px auto;
}

.orgchart .subdirector:after{
	content: "";
	display: block;
	width: 0;
	height: 130px;
	background: red;
	/*border-left: 4px solid #fff;*/
	left: 45.45%;
	position: relative;
}

.orgchart .subdirector {
	width: 100%;
}
.orgchart .departments {
  width: 100%;
}

.orgchart .departments > li:first-child{	
	width: 21.59894921190893%;
	height: 64px;
	margin: 0 auto 84px auto;		
	padding-top: 25px;
	border-bottom: 4px solid #333;
	z-index: 1;	
}
.orgchart .departments > li:first-child:after {
  content: "";
  position: absolute;
  height: 28px;
  width: 3px;
  border-left: 4px solid #333;
  bottom: -70px;
  left: 31%;
  z-index: -1;
}
ul.hogs:before {
  content: "";
  position: absolute;
  height: 28px;
  width: 3px;
  border-left: 4px solid #333;
  z-index: -1;
  left: 50%;
  top:-28px;
}

.orgchart .subdirector li.coalition {
  float: right; 
  width: 50%;
  left: 40%;
  transform: translateX(-40%);
  top: 25px;
  border-left: 4px solid #333;
  padding-top: 25px;
}
.orgchart .subdirector li.coalition:before {
  content: "";
  position: absolute;
  top: 68%;
  width: 17%;
  border-top: 4px solid #333;
  height: 1px;
  left: 0;
}

.orgchart .departments > li:first-child{	
	float: left;
	left: 15.2%;
	border-right: 4px solid #333;	
}

.orgchart .subdirector > li:first-child a,
.orgchart .departments > li:first-child a{
	width: 100%;
}

.orgchart .subdirector > li:first-child a{	
	left: 25px;
}

.orgchart .departments > li:first-child a{
	right: 25px;
}
.orgchart .director > li > a:hover,
.orgchart .departments > li:first-child a:hover {
  background-color: #93AEBF;
}

@media all and (max-width: 767px){
  
  .orgchart .subdirector {
    position: relative;
  }
  
  .orgchart .director > li > a{
	  width: 98%;
    font-size: 0.9em;
	}
	.orgchart ul li > a {
  	font-size: 0.9em;
	}
	.orgchart .subdirector > li:first-child,
	.orgchart .departments > li:first-child{
		width: 40%;	
		margin-bottom: 65px;
	}

	.orgchart .subdirector > li:first-child{
		right: 10%;
		margin-right: 2px;
		width: 80%;
		float: none;
	}
	
	.orgchart .subdirector:after{
		left: 49.8%;
		display: none;
	}

	.orgchart .departments > li:first-child{
		left: auto;
    margin-left: 2px;
    top: -224px;
    padding-top: 237px;
    right: 5px;
    width: 100%;
    float: none;
    margin-top: 10px;
    margin-bottom: 74px;
    border-bottom: none;
    position: absolute;
    z-index: -1;
	}
	.orgchart .departments > li:first-child a {
  	margin-bottom: 0;
    right: -4px;
	}
	.orgchart .departments > li:first-child:after {
  	bottom: -102px;
    left: 50%;
	}
	.ui.table.ptc-table {
  	margin-top: 150px;
	}
	.orgchart .subdirector li.coalition:before {
    content: "";
    position: absolute;
    top: -25px;
    width: 4px;
    border-top: none;
    height: 25px;
    left: 50%;
    border-left: 4px solid #333;
  }
  
  .orgchart .subdirector li.coalition {
    float: none;
    width: 80%;
    top:auto;
    left: auto;
  }
  .orgchart .subdirector li.coalition a {
    margin-bottom: 0;
  }
  
  
}




.orgchart .department:first-child,
.orgchart .departments li:nth-child(2){
	margin-left: 0;
	clear: left;	
}

.orgchart .departments:after {
	content: "Program Track Committees";
  display: block;
  position: absolute;
  width: 70%;
  height: 29px;
  /* border-top: 4px solid #FFF; */
  /* border-right: 4px solid #FFF; */
  /* border-left: 4px solid #FFF; */
  margin: 0 auto;
  top: 123px;
  left: 15%;
  text-align: center;
  font-size: 0.7em;
  text-indent: -38px;
  z-index: 100;
  background: #0D334B;
  color: #fff;
  vertical-align: inherit;
  line-height: 26px;
}

.orgchart .hogs:after {
	content: "HOGs Regions";
  display: block;
  position: absolute;
  width: 70%;
  height: 29px;
  /* border-top: 4px solid #FFF; */
  /* border-right: 4px solid #FFF; */
  /* border-left: 4px solid #FFF; */
  margin: 0 auto;
  top: -4px;
  left: 15%;
  text-align: center;
  font-size: 0.7em;
  text-indent: -38px;
  z-index: 100;
  background: #0D334B;
  color: #fff;
  vertical-align: inherit;
  line-height: 26px;
}

@media all and (max-width: 767px){
	
	.orgchart .departments:after,
	.orgchart .hogs:after {
		border-right: none;
		left: 10%;
		width: 80%;
		font-size: 0.8em;
	}
	  
}

@media all and (min-width: 768px){
	.orgchart .department:first-child:before,
  .orgchart .department:last-child:before{
    border:none;
  }
}

.orgchart .department:before,
li.hog:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 20px;
	/*border-left: 4px solid white;*/
	z-index: 1;
	top: -20px;
	left: 50%;
	margin-left: -4px;
}

.orgchart .department{
	border-left: 4px solid #333;
	width: 30%;
	float: left;
	margin-left: 1.751313485113835%;
	margin-bottom: 60px;
}

.lt-ie8 .orgchart .department{
	width: 18.25%;
}

li.hog {
  width: 18%;
  float: left;
  margin-left: 1.751313485113835%;
  margin-bottom: 60px;
	border-left: 4px solid #333;
}
li.hog > a {
  margin: 0 0 -26px -4px;
  z-index: 1;
  background: #757575;
  color: #FFF;
}

li.hog ul.sections {
  margin-top: 0px;
  margin-bottom: 0px;
}

li.hog ul.sections li.section {
  padding-left: 25px;
  border-bottom: 4px solid #333;
  height: 80px;
}

.orgchart .hog:first-child {
  clear: left;
  margin-left: 0;
}

@media all and (max-width: 767px){
	
	.orgchart .department,
	li.hog {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.orgchart .department:before,
	li.hog:before {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 60px;
		border-left: 4px solid #333;
		z-index: 1;
		top: -60px;
		left: 0%;
		margin-left: -4px;
	}
	
	li.hog:first-child:before {
  	display: none;
	}

	.orgchart .department:nth-child(2):before{
		display: none;
	}
	
}

.orgchart .department > a{
	margin: 0 0 -26px -4px;
	z-index: 1;
}

.orgchart .department > a:hover{	
	height: 80px;
}

.orgchart .department > ul{
	margin-top: 0px;
	margin-bottom: 0px;
}

.orgchart .department li {	
	padding-left: 25px;
	border-bottom: 4px solid #333;
	height: 80px;	
}





.orgchart .department li a,
li.hog li.section a {
	background: #e2e2e2;
	top: 48px;	
	position: absolute;
	z-index: 1;
	width: 90%;
	height: 60px;
	vertical-align: middle;
	right: -1px;
}

li.hog li.section a {
  height: 75px;
  font-size: 10px;
}

.orgchart .department li a:hover,
li.hog li.section a:hover {
	box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);
	height: 80px;
	width: 95%;
	top: 39px;
	background-image: none!important;
}

/* Department/ section colors */
.orgchart .department > a { background: #757575; color: #fff; }



.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.chart {
  font-size: 14px;
  text-align: center;
  margin: 30px auto;
}
.org_row {
  display: flex;
  position: relative;
}
.org_row.flex_end {
  justify-content: flex-end;
}
.org_row.justify_space {
  justify-content: space-between;
}
.org_box {
  border: 2px solid #000;
  background: #fff;
  display: block;
  position: relative;
}
.org_box {
  font-size: 15px;
}
.org_box strong {
  font-size: 14px;
}
.org_box .title {
  display: block;
  padding: 2px 0;
}
.org_box .title.blue,
.org_box.blue {
  color: #fff;
  background-color: #273B82;
}
.org_box .title.green,
.org_box.green {
  color: #fff;
  background-color: #2D318A;
}
.org_box .title.yellow,
.org_box.yellow {
  color: #fff;
  background-color: #80868E;
}
.org_box .title.purple,
.org_box.purple {
  color: #fff;
  background-color: #5C5572;
}
.executive_board {
  width: 50%;
  margin: 0 auto;
}
.executive_board .org_box,
.coalition_staff .org_box {
  padding: 0;
}
.executive_board .org_box span,
.coalition_staff .org_box span {
  display: block;
  background: #273B82;
  color: #fff;
  padding: 2px 0;
}
.coalition_staff {
  position: relative;
  width: 50%;
  padding: 20px 0 20px 20px;
  border-left: 2px solid #000;
}
.coalition_staff:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 17%;
  border-top: 2px solid #000;
  height: 1px;
  left: 0;
}
.steering_committee {
  width: 50%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.with_small_line_after:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  height: 22px;
  bottom: -24px;
  background-color: #000;
}
.with_small_line_before:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  height: 20px;
  top: -20px;
  background-color: #000;
}
.with_medium_line_after:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  height: 50px;
  bottom: -50px;
  background-color: #000;
}
.with_huge_line_after:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  height: 230px;
  bottom: -230px;
  background-color: #000;
  z-index: 2;
}
.with_three,
.with_five,
.with_three_last {
  top: -4px;
}
.with_three > div {
  width: 31%;
}
.with_three:before {
/*
  content: '';
  position: absolute;
  width: 72%;
  height: 2px;
  background: #000;
  top: 0px;
  margin: 0 auto;
  transform: translateX(19.5%);
*/
}
.people {
  padding: 2px;
  background: #fff;
  color: #000;
  font-size: 13px;
}
.half {
  width: 50%;
}
div .half:first-of-type {
  padding-right: 2px;
}
div .half:last-of-type {
  padding-left: 2px;
}
.with_five > div {
  width: 14%;
  margin-right: 1%;
}
.with_five:before {
  content: '';
  position: absolute;
  width: calc(60% + 2px);
  height: 2px;
  background: #000;
  top: 0px;
  margin: 0 auto;
  left: 7%;
}
.with_three_last > div {
  width: 20%;
  margin-left: 1%;
}
.with_three_last:before {
  content: '';
  position: absolute;
  width: calc(42% + 2px);
  height: 2px;
  background: #000;
  top: 0px;
  margin: 0 auto;
  right: calc(10% - 2px);
}
.cover_bg {
  background: #f7f7f7;
  position: relative;
  z-index: 21;
}
.cover_bg.less {
  z-index: 1;
}
.top_going_right {
  content: '';
  position: absolute;
  width: 400px;
  height: 2px;
  background: #000;
  top: -20px;
  left: 50%;
  max-width: 122%;
}
.top_going_left {
  content: '';
  position: absolute;
  width: 400px;
  height: 2px;
  background: #000;
  top: -20px;
  right: 50%;
  max-width: 122%;
}
.top_going_right.smaller {
  width: 200px;
}
.top_going_left.smaller {
  width: 200px;
}
.flex-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}


@media screen and (max-width: 850px){
  
  .with_huge_line_after:after {
    height: 330px;
    bottom: -330px;
  }
  
}

@media screen and (max-width: 620px){
  
  .executive_board,
  .steering_committee {
    width: 90%;
  }
  .coalition_staff {
    width: 85%;
  }
  .org_box {
    font-size: 13px;
    padding: 2px;
  }
  .people span {
    display: none;
  }
  .people:before {
    display: block;
    content: "+";
    background: #fff;
    border-radius: 100%;
    margin: 0 auto;
  }
  .people:hover span {
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    background: #fff;
    padding: 3px;
    width: 130px;
    z-index: 20;
  }
  
  
}

/* Calendar */
.tribe-events-cal-links {
  display: none !important;
}


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 75%; display: block;}
.flexslider .slides img.no-caption { width: 100%; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { 
  margin: 0 auto 30px; 
  background: #fff; 
  position: relative; 
  zoom: 1;
  width: 100%;
}
.blue-box .flexslider { margin: 2em auto 1em; max-width: 90%; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; padding: 0; margin: 0; }
.carousel li { margin-right: 5px; }

.flexslider .slides li {
  height: 320px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.home-slide-wrap {
  position: absolute;
  top: 0;
  justify-content: flex-end;
  padding: 0 30px;
  bottom: 0;
  display: flex;
  align-items: center;
  right: 0;
}
.home-slide-wrap h4 {
  font-size: 20px;
  text-transform: uppercase;
  color: #2e318a;
  margin: 0;
  padding-top: 40px;
}

@media screen and (min-width: 700px){
  
  .flexslider .slides li {
    height: 450px;
  }
  
  .home-slide-wrap {
    padding-right: 70px;
  }
  .home-slide-wrap h4 {
    font-size: 35px;
    padding-top: 0;
  }
  
  .type-projects .flexslider .slides li {
    height: 250px;
  }
  
}

@media screen and (min-width: 1500px){
  
  .flexslider .slides li {
    height: 700px;
  }
  .type-projects .flexslider .slides li {
    height: 250px;
  }
  
}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { font-size: 30px; text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.9; cursor: pointer; color: rgba(255,255,255,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
body.home .flex-direction-nav a { opacity: 0; }
.flex-direction-nav .flex-prev { left: -40px; }
.flex-direction-nav .flex-next { right: -40px; text-align: right; }
body.home .flexslider:hover .flex-prev { opacity: 1; left: 10px; }
body.home .flexslider:hover .flex-next { opacity: 1; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 768px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 5px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 5px;}
  .flex-direction-nav a { color: #0C0064; }
  
  body.home .flex-direction-nav a { top: 30%; }
  
  .flexslider .slides img { width: 100%; }
  
}

@media screen and (min-width:768px){
  
  .caption { 
    position: absolute; 
    top: 0; right: 0; bottom: 0;
    z-index: 5; 
    width: 35%; 
    background-color: #0D3348;
    color: #fff;
    padding: 11px;
    transition: 0.2 ease all;
    font-size: 0.85em;
  }
  .caption h4 {
    margin-top: 0;
  }
  .caption a {
    color: #fff;
    text-decoration: underline;
  }
  .caption.small-font {
    font-size: 0.75em;
  }
  body.home .caption {
    padding: 15px 15px 3px;
  }
  
  .img-wrap {
    width: 70%;
    float: left;
    height: 100%;
    overflow: hidden;
  }
  .flexslider .slides .img-wrap  img {
    width: auto;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
  }
  body.single-projects .caption {
    width: 30%;
  }
  
  body.home .flexslider .slides img { width: 65%; }
  
}


p.tiny {
  font-size: 14px;
  padding: 2px 8px;
  top: -25px;
  position: relative;
  color: #fff;
  background: rgba(0,0,0,0.2);
  display: inline-block;
}


.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12 {
  width:100%;
  margin-bottom: 1em;
  position: relative;
  min-height: 1px;
}

@media all and (min-width: 640px) {

  
  div[class*='span-'] { float: left; margin-left:1.5%; }
  div[class*='span-']:first-child { margin-left: 0; }
  
  .span-1  { width:6.95833333333%; }
  .span-2  { width:15.4166666667%; }
  .span-3  { width:23.875%; }
  .span-4  { width:32.3333333333%; }
  .span-5  { width:40.7916666667%; }
  .span-6  { width:49.25%; }
  .span-7  { width:57.7083333333%; }
  .span-8  { width:66.1666666667%; }
  .span-9  { width:74.625%; }
  .span-10 { width:83.0833333333%; }
  .span-11 { width:91.5416666667%; }
  .span-12 { margin-left:0; width:100%; }
  
  
  div[class*='span-'].offset-1  {margin-left: 8.45833333333%;}
  div[class*='span-'].offset-2  {margin-left: 16.9166666667%;}
  div[class*='span-'].offset-3  {margin-left: 25.375%;}
  div[class*='span-'].offset-4  {margin-left: 33.8333333333%;}
  div[class*='span-'].offset-5  {margin-left: 42.2916666667%;}
  div[class*='span-'].offset-6  {margin-left: 50.75%;}
  div[class*='span-'].offset-7  {margin-left: 59.2083333333%;}
  div[class*='span-'].offset-8  {margin-left: 67.6666666667%;}
  div[class*='span-'].offset-9  {margin-left: 76.125%;}
  div[class*='span-'].offset-10 {margin-left: 84.5833333333%;}
  div[class*='span-'].offset-11 {margin-left: 93.0416666667%;}
  
}