/*
Theme Name: MIT IDSS (2022)
Website Design: Opus Design / opusdesign.us
Website Development: Deyo Designs / deyodesigns.com
*/

body  {font-size:14px;line-height:18px;font-family: 'Montserrat', sans-serif;margin:0px;padding:0px;}

.clear {clear:both;height:1px;}
.clearfix:after { clear: both; display: block; content: ""; height: 0; }
.rap {width:90%;max-width:1300px;margin:1% auto 0 auto;position:relative;}

.logo-desk {position:absolute;z-index:999;left:55px;top:-1px;}
.logo-mobile {display:none;}
.map {float:right;}
.map-mobile {display:none;}
/*
.tagline {line-height:37px;font-size:24px;color:#009ede;font-weight:bold;text-align:right;text-transform:uppercase;}
*/
.tagline {line-height:37px;font-size:24px;color:#1a6199;font-weight:bold;text-align:right;text-transform:uppercase;}
.mit-link {z-index:99;background: url('images/mit.jpg') no-repeat top right;width: 156px;height: 27px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:relative;}
/* I commented out CSS that selects for ".mit-link a" to remove the MIT hyperlink in the upper right corner of the webpage. Line 20 already selects for ".mit-link" - JH
* .mit-link a {top:0;left:0;position:absolute;} */

.navigation {padding:80px 0 100px 0px;}
.navigation ul {text-align:left;margin:0px;padding:0px 0px 0px 22%;}
.navigation li {list-style-type:none;float:left;padding:0px 4% 0px 0px;margin:0px;}
.navigation li a {color:#1a6199;font-size:16px;text-transform:uppercase;text-decoration:none;}
.navigation li a:hover {color:#7f7f80;}
.navigation li.current-menu-item > a, .navigation li.current-page-ancestor > a {color:#009ede;font-weight:bold;}
li#menu-item-26 {padding-right:0px;float:right;}
.main {clear:both;}

.blue {background-color:#009ede;font-size:28px;color:#fff;line-height:38px;margin:0 0 0 0;clear:both;padding:0px;position:relative;}
.blue .pad {padding:1% 12% 1% 4%;}
.blue-link {z-index:99;background: url('images/more-blue.jpg') no-repeat bottom right;width: 129px;height: 186px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.blue-link:hover {background: url('images/more-blue-hover.jpg') no-repeat bottom right;}
.blue-link a {top:0;left:0;position:absolute;width: 129px;height: 186px;}

.features {background-color:#1a6199;max-height:425px;overflow:hidden;}
.features .imager {float:left;max-width:750px;width:58%;}
.features .copy {float:left;width:37%;padding:4% 0 4% 5%;font-size:16px;color:#fff;line-height:24px;background-color:#1a6199;min-height:425px;}
.features .copy h3 {font-size:24px;color:#1a6199;background-color:#fff;line-height:60px;font-weight:700;padding:0px 0px;display:inline; background: white; -webkit-box-shadow: 0 0 0 10px white;-moz-box-shadow: 0 0 0 10px white;box-shadow: 0 0 0 10px white;text-transform:uppercase; box-decoration-break: clone; }
.features .copy h3 a {color:#1a6199;text-decoration:none;text-transform:uppercase;}
.features .copy a.more {color:#fff;font-weight:bold;text-transform:uppercase;font-size:12px;text-decoration:none;display:inline;}
.features .copy .data-source {font-size:12px;color:#acacac;padding-top:10px;position:relative;left:-10px;}
.features .copy p {clear:none;margin:0px;padding:0px;display:inline;}
.features .copy .excerpt {clear:both;margin:30px 0 0 0;padding:0px;position:relative;left:-10px;}

.home .news {float:left;width:49.25%;margin-right:.75%;}
.home .news .top {font-size:24px;color:#fff;font-weight:bold;background:#1a6199 url('images/news-tpp.jpg') no-repeat top right;height:74px;line-height:74px;margin-bottom:2%;}
.home .news h2 {padding:0 5%;color:#fff;font-size:24px;line-height:74px;}
.top a {text-decoration:none; color:#fff;}
.home .news .group {background-color:#ebebeb;margin:0;position:relative;min-height:160px;}

.home .news-link {z-index:99;background: url('images/more.jpg') no-repeat bottom right;width: 76px;height: 76px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.home .news-link:hover {background: url('images/more-hover.jpg') no-repeat bottom right;}
.home .news-link a {top:0;left:0;position:absolute;width: 75px;height: 75px;}
.home .news .group .news-imager {float:left;width:auto;height:100%;max-width:20%;max-height:160px;overflow:hidden;}
.home .news .group img {width:auto;height:100%;max-height:160px;max-width:128px;}
.home .news .group .copy .meta {font-size:12px;color:#1a6199;line-height:16px;}
.home .news .group .copy h3, .news .group .copy h3 a {font-size:18px;color:#1a6199;text-transform:uppercase;line-height:22px;text-decoration:none;margin:5px 0px;padding:0px;}
.news .group .copy h3 a:hover, .upcoming .group .copy h3 a:hover {color:#009ede;}
.home .news .group .copy {float:left;width:83%;padding:0 12% 0 5%;font-size:14px;line-height:18px;color:#1a6199;height:158px;line-height:158px;display:table; }
.home .news .group .copy.image {float:left;width:63%;padding:0 12% 0 5%;font-size:14px;line-height:18px;color:#1a6199;height:158px;line-height:158px;display:table;}
.home .news .group .hold {display: table-cell; vertical-align: middle;height:158px;line-height:normal;}

.upcoming {float:left;width:49.25%;margin-left:.75%;}
.upcoming .top {font-size:24px;color:#fff;font-weight:bold;background:#1a6199 url('images/upcoming-tpp.jpg') no-repeat top right;height:74px;line-height:74px;}
.upcoming h2 {padding:0 5%;color:#fff;font-size:24px;line-height:74px;}
.upcoming .group {background-color:#ebebeb;margin:2% 0;position:relative;min-height:43px;}
.upcoming-link {z-index:999;background: url('images/more.jpg') no-repeat bottom right;width:76px;height: 76px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.upcoming-link:hover {background: url('images/more-hover.jpg') no-repeat bottom right;}
.upcoming-link a {top:0;left:0;position:absolute;width: 75px;height: 75px;}
.upcoming .group .copy {float:left;width:82%;padding:2.65% 13% 2.7% 5%;font-size:14px;line-height:18px;color:#1a6199;min-height:43px;height:43px;line-height:43px;display:table;}
.upcoming .group .copy .date {font-size:12px;color:#1f76aa;}
.upcoming .group .copy h3, .upcoming .group .copy h3 a {font-size:18px;color:#1a6199;line-height:22px;text-decoration:none;margin:5px 0px;padding:0;}
.upcoming .group .hold {display: table-cell; vertical-align: middle;height:43px;line-height:normal;}

.foot {background-color:#1a6199;text-align:center;padding:1.5% 5%;font-size:14px;color:#fff;margin-top:1%;}
.foot span {color:#acc936;padding:0 1%;}
.foot a {color:#b7b7b7;text-decoration:none;font-size:14px;}
.foot .content {width:100%;margin:0px auto;}
.foot .social {display:inline-block; padding-left:4px; vertical-align:middle;}
.foot .social > a {float:none; height:20px; width:20px; margin-top:0px; padding-top: 0px; color:#1a6199;}
.foot .social img {margin-right:5px;}
/* Attempting to overwrite old social logo style Scott 8.10.2021
.foot .content img {height:13px;width:auto;}
.facebook {z-index:99;background: url('images/facebook.png') no-repeat 0 0;width: 13px;height: 13px;text-indent: 100%;white-space: nowrap;overflow: hidden;cursor:pointer;position:relative;color:#1a6199}
.facebook:hover {background: url('images/facebook.png') no-repeat 0 -13px;}
.facebook a {top:0;left:0;position:absolute;color:#1a6199}
.twitter {z-index:99;display:inline-block;background: url('images/twitter.png') no-repeat 0 0;width: 10px;height: 13px;text-indent: 100%;white-space: nowrap;overflow: hidden;cursor:pointer;position:relative;color:#1a6199}
.twitter:hover {background: url('images/twitter.png') no-repeat 0 -13px;}
.twitter a {top:0;left:0;position:absolute;color:#1a6199}
.linkedin {z-index:99;background: url('images/linkedin.png') no-repeat 0 0;width: 13px;height: 13px;text-indent: 100%;white-space: nowrap;display: inline-block;cursor:pointer;position:relative;color:#1a6199}
.linkedin:hover {background: url('images/linkedin.png') no-repeat 0 -13px;}
.linkedin a {top:0;left:0;position:absolute;color:#1a6199}
.foot a.linkedin {padding-left:13px;color:#1a6199;}
.foot a.facebook {padding-left:13px;color:#1a6199;}
.foot a.twitter {padding-left:13px;color:#1a6199;} */
.facebook {z-index:99; background:url('images/facebook.png') no-repeat 0 0; width:13px; height:25px; text-indent:100%; white-space: nowrap; overflow:hidden; cursor:pointer; position:relative; color:#1a6199}
.facebook:hover {background: url('images/facebook.png') no-repeat 0 50%;}
.facebook a {top:0;left:0;position:absolute;color:#1a6199}
.twitter {z-index:99; background: url('/wp-content/uploads/2021/08/twitter-icon-white-transparent-sized.png') no-repeat 0 0; text-indent: 100%; white-space: nowrap;  overflow:visible; cursor:pointer; position:relative; color:#1a6199}
.twitter:hover {background: url('/wp-content/uploads/2021/08/twitter-icon-white-transparent-sized.png') no-repeat 0 50%;}
.twitter a {top:0;left:0;position:absolute;color:#1a6199}
.linkedin {z-index:99;background: url('/wp-content/uploads/2021/08/linkedin-tpp-e1628708612958.png') no-repeat 0 0; text-indent: 100%; white-space:nowrap; overflow:hidden; cursor:pointer; position:relative; height:35px; width:35px; color:#1a6199}
.linkedin:hover {background: url('/wp-content/uploads/2021/08/linkedin-tpp.png') no-repeat 0 50%;}
.linkedin a {top:0;left:0;position:absolute;color:#1a6199}
.youtube {z-index:99;background: url('/wp-content/uploads/2020/07/youtube.png') no-repeat 0 50%;text-indent: 100%; white-space:nowrap; overflow:hidden; cursor:pointer; position:relative; color:#1a6199}
.youtube:hover {background: url('/wp-content/uploads/2020/07/youtube.png') no-repeat 0 50%;}
.youtube a {top:0;left:0;position:absolute;color:#1a6199}
.foot .social-mobile {display:none}

.accessibility {display:inline; margin-left:4px;}
@media screen and (max-width: 1060px) {
	.accessibility {display:none;}
}

/* Adding IDSS & SCC logos to footer ~Scott 8.10.2021 */
.footlogo
{padding:2% 1% 0;
}
.footlogo img
{height:35px;
float:right;
}
.footlogo a
{display:block;	
}
@media screen and (max-width: 750px) {
.footlogo
{padding:2% 0;
}
.footlogo img
{display: block;
margin:10px 5% 0;
height:25px;
float:left;}
}

.green-top {display: table;font-size:24px;color:#fff;font-weight:bold;background:#1a6199 url('images/green-top-converted.jpg') no-repeat top right;margin-bottom:2%;vertical-align:middle;line-height:30px;height:62px;width:100%;}
.green-top p {padding:0 0px 0 22%;color:#fff;font-size:30px;text-transform:uppercase; display: table-cell; vertical-align: middle;}/* changed from h1 to p - rjw 2/17/20 */
.green-top a {    /* rjw 2/17/20 */
    color: #fff;
    text-decoration: none;
}


.sidebar {width:20%;margin-right:2%;margin-top:1%;float:left;}
/*.sidebar ul {margin:0px;padding:0px;}
.sidebar ul li {list-style-type:none;padding:0px;margin:0px;}
.sidebar ul li a {background-color:#ebebeb;font-size:18px;color:#1a6199;list-style-type:none;padding:5% 8%;margin:4% 0;display:block;}
.sidebar ul li a:hover {background-color:#1a6199;font-size:18px;color:#fff;list-style-type:none;}
.sidebar ul.children {background-color:#ebebeb;padding:0 2% 8% 6%;}
.sidebar li.page_item_has_children a {margin-bottom:0px;}
.sidebar li.page_item_has_children li a {margin-top:0px;padding-bottom:0px;}
.sidebar li.page_item_has_children li a:hover {font-size:16px;color:#000;background-color:#ebebeb;}
.sidebar img {width:100%;height:auto;margin-top:10px;}
.sidebar li.current_page_item a, .sidebar li.current_page_parent a {background-color:#1a6199;font-size:18px;color:#fff;list-style-type:none;}
.sidebar li.current_page_item li a {font-size:16px;color:#838384;background-color:#ebebeb;}
.sidebar li.current_page_parent li.current_page_item a {font-size:16px;color:#000;background-color:#ebebeb;}
.sidebar li.current_page_parent li a {font-size:16px;color:#838384;background-color:#ebebeb;}
.sidebar li a {font-size:18px;color:#000;text-decoration:none;text-transform:uppercase;font-weight:bold;}
.sidebar li li a {text-transform:none;color:#838384;font-weight:normal;font-size:16px;}*/
/* new sidebar styles - rjw 2/16/20 - the old styles have been removed */
/* section title */
.sidebar h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  color: #000;
  text-transform: uppercase;
  margin: 0;
}
.sidebar h2 a {
  display: block;
  color: #fff;
  text-decoration: none;
  background-color: #1a6199;
  padding: 10px 16px 10px 20px;
}
/* navigation */
.sidebar h2 + nav {
  margin-top: 10px;
}
.sidebar ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar li {
  display: block;
  margin: 0;
}
.sidebar li a {
  display: block;
  position: relative;
}
/* top level items */
.sidebar nav > ul > li {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  color: #000;
  text-transform: uppercase;
  margin: 0;
}
.sidebar nav > ul > li + li {
  margin-top: 10px;
}
/* top level item links */
.sidebar nav > ul > li > a {
  color: #000;
  text-decoration: none;
  background-color: #ebebeb;
  padding: 10px 16px 10px 20px;
}
.sidebar nav > ul > li > a:focus,
.sidebar nav > ul > li > a:hover {
  background-color: #e0e0e0;
}
.sidebar nav > ul > li.current-menu-item > a::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  background-color: #1a6199;
}
/* second level items */
.sidebar nav > ul > li > ul > li {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  color: #000;
  text-transform: none;
  margin: 2px 0 0 0;
}
/* second level item links */
.sidebar nav > ul > li > ul > li > a {
  color: #000;
  text-decoration: none;
  background-color: #ebebeb;
  padding: 10px 16px 10px 40px;
}
.sidebar nav > ul > li > ul > li > a:focus,
.sidebar nav > ul > li > ul > li > a:hover {
  background-color: #e0e0e0;
}
.sidebar nav > ul > li > ul > li.current-menu-item > a::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  background-color: #1a6199;
}
/* third level items are not shown */
.sidebar nav > ul > li > ul > li > ul {
  display: none;
}
/* end new sidebar styles */


.type-page, .type-news, .type-event, .type-staff, .type-vignette {float:left;width:78%;font-size:16px;line-height:24px;color:#404041;}
#rsb.type-page, #rsb.type-news, #rsb.type-event, #rsb.type-staff, #rsb.type-vignette  {float:left;width:54%;font-size:16px;line-height:24px;color:#404041;}
.sidebar-right {width:20%;margin-left:4%;margin-top:1%;float:left;}
.sidebar-right .image {width:100%;overflow:hidden;background-color:#009ede;}
.sidebar-right .image img {width:100%;height:auto;}
.sidebar-right .cap .title {text-transform:uppercase;font-size:16px;display:block;padding-bottom:10px;font-weight:bold;}
.sidebar-right .cap {background-color:#009ede;color:#fff;padding:25px;font-size:14px;font-weight:normal;margin:0px;line-height:20px;}

.sidebar-call {background:#1f76aa url('images/arrow-more.jpg') no-repeat bottom right;font-size:24px;font-weight:bold;margin:5% 0;padding:5%;}
.sidebar-call a {font-size:24px;font-weight:bold;color:#fff;text-decoration:none;text-transform:uppercase;display:block;padding:7px;}

.sidebar-copy {background-color:#ebebeb;font-size:14px;margin:5% 0;padding:25px;color:#1a6199;line-height:20px;}
.sidebar-copy .title {text-transform:uppercase;font-size:16px;display:block;padding-bottom:10px;font-weight:bold;}


.type-page a, .type-news a, .type-event a, .type-staff a, .type-vignette a {color:#009ede;text-decoration:none;}
.type-page a:hover, .type-news a:hover, .type-event a:hover, .type-staff a:hover, .type-vignette a:hover {color:#53b6de;}
blockquote {padding:1% 2% 1% 3%;margin:2.3% 5%; border-left:.3em solid #1a6199; font-size:1.25em; color:#1a6199;}
blockquote p {display:inline;}
.type-page h1:not(.tribe-events-single-event-title),.type-vignette h1,.type-post h1,    /* changed some page titles to h1 - rjw 2/18/20 */
.type-page h2, .type-vignette h2 {font-size:24px;color:#1a6199;border-bottom:1px solid #1a6199;padding-bottom:1%;padding-top:20px;clear:both;line-height:30px;}
.type-page h1:first-child, .type-vignette h1:first-child,    /* changed some page titles to h1 - rjw 2/18/20 */
.type-page h2.first, .type-vignette h2.first {padding-top:0;}
h2::first {padding-top:0px;}

.event-group {margin:4% 0;position:relative;border-bottom:1px solid #1a6199;padding-bottom:4%;}
.event-group .meta {font-size:14px;color:#009ede;text-transform:none;font-weight:normal;padding-top:1%;line-height:18px;}
.event-group h3, .event-group h3 a {font-size:22px;color:#1a6199;font-weight:bold;text-transform:uppercase;line-height:24px;margin-bottom:2%;}
.event-group h3 a:hover, .news-group h3 a:hover, .single-group h3 a:hover {color:#6e6e6f}
.news-group {margin:4% 0;position:relative;border-bottom:1px solid #1a6199;padding-bottom:4%;}
.news-group .meta {font-size:14px;color:#009ede;text-transform:none;font-weight:normal;padding-top:1%;line-height:18px;}
.news-group h3, .news-group h3 a {font-size:22px;color:#1a6199;font-weight:bold;text-transform:uppercase;line-height:24px;margin-bottom:2%;}
.news-group .news-imager {float:left;overflow:hidden;margin-right:3%;max-height:200px;max-width:300px;}
.news-group img {width:100%;height:auto;}
div#news1.news-group, div#event1.event-group, div#event2.event-group {margin:4px 0 4% 0;position:relative;border-bottom:1px solid #1a6199;padding-bottom:4%;}

.single-group {position:relative;}
.single-group .meta {font-size:14px;color:#009ede;text-transform:none;font-weight:normal;padding-top:1%;line-height:18px;}
.single-group h3, .single-group h3 a {font-size:22px;color:#1a6199;font-weight:bold;text-transform:uppercase;line-height:24px;margin-bottom:2%;text-decoration:none;}
.single-group .single-imager {float:left;height:100%;max-width:100%;width:36%;max-height:none;overflow:hidden;margin-right:3%}
.single-group img {width:auto;height:100%;}
.single-imager-caption {display:none; /*font-size: .8em; line-height: 1.3em; font-style: italic; padding: 0 2%; */}

.staff-group {float:left;width:18%;margin:1%;min-height:400px;position:relative;overflow:hidden;}
.staff-group .imager {width:100%;height:205px;overflow:hidden;}
.staff-group .imager img {max-width:183px;}

.staff-group h3 { display: table;background-color:#009ede;color:#fff;text-transform:uppercase;padding:0px 15px;font-size:14px;font-weight:normal;margin:0px;line-height:18px;height:60px;width:183px;}
.staff-group h3 a {color:#fff;  display: table-cell; vertical-align: middle;padding-right:30px;}
.staff-group h3 a:hover {color:#fff;  display: table-cell; vertical-align: middle;}
.staff-group .title {color:#1a6199;font-size:12px;height:100px;padding:5% 5% 0 8%;line-height:18px;}
.staff-group .website a {text-transform:uppercase;color:#009ede;font-size:14px;}
.staff-group .website a:hover {color:#006892;}
.staff-group .website {padding:2% 0 0 0;}

h2.leadership {margin-top:0;}
.page-id-12 h2 {margin-left:1%;margin-right:1.5%;}

 /* Tables */
table {font-size:14px;color:#333333;border-width: 0px;border-color: #a9c6c9;border-collapse: collapse;}
table th {border-width: 0px;padding: 8px;border-style: solid;border-color: #a9c6c9;}
table td {border-width: 0px;padding: 8px;border-style: solid;border-color: #a9c6c9;}
tr:nth-child(odd){background-color:#fff;}
tr:nth-child(even) {background-color:#e4e4e4;}

.top {background-color:#8b8c8c;font-size:16px;color:#fff;}


 /* Image Alignment */

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {margin: 7px 24px 7px 0;}
.wp-caption.alignleft {margin: 7px 14px 7px 0;}
blockquote.alignright, figure.wp-caption.alignright, img.alignright {margin: 7px 0 7px 24px;}
.wp-caption.alignright {margin: 7px 0 7px 14px;}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {margin-top: 7px;margin-bottom: 7px;}
.wp-caption {margin-bottom: 24px;}
.wp-caption img[class*="wp-image-"] {display: block;margin: 0;}
.wp-caption {color: #767676;}
.wp-caption-text {-webkit-box-sizing: border-box;-moz-box-sizing:    border-box;box-sizing:         border-box;font-size: 12px;font-style: italic;line-height: 1.5;margin: 9px 0;}
div.wp-caption .wp-caption-text {padding-right: 10px;}
div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text {padding-left: 10px;padding-right: 0;}
img.size-full, img.size-large, .post-thumbnail img {height: auto;max-width: 100%;}

@media screen and (max-width: 1450px) {
.navigation li {list-style-type:none;float:left;padding:0px 4% 0px 0px;margin:0px;}
}
@media screen and (max-width: 1355px) {
.navigation li {list-style-type:none;float:left;padding:0px 4% 0px 0px;margin:0px;}
}

@media screen and (max-width: 1330px) {
.staff-group h3 a {color:#fff;  display: table-cell; vertical-align: middle;padding-right:40px;}
}

@media screen and (max-width: 1305px) {
.navigation li {list-style-type:none;float:left;padding:0px 4% 0px 0px;margin:0px;}
}
@media screen and (max-width: 1255px) {
.navigation li {list-style-type:none;float:left;padding:0px 3.5% 0px 0px;margin:0px;}
.staff-group {float:left;width:23%;margin:1%;min-height:340px;position:relative;overflow:hidden;max-width:230px;}

.staff-group .imager {width:100%;height:205px;overflow:hidden;}
.staff-group .imager img {max-width:183px;}

.staff-group h3 { display: table;background-color:#009ede;color:#fff;text-transform:uppercase;padding:0px 15px;font-size:14px;font-weight:normal;margin:0px;line-height:18px;height:60px;width:153px;}
.staff-group h3 a {color:#fff;  display: table-cell; vertical-align: middle;padding-right:30px;}
.staff-group h3 a:hover {color:#fff;  display: table-cell; vertical-align: middle;}
.staff-group .title {color:#1a6199;font-size:12px;height:120px;padding:5% 5% 0 8%;line-height:18px;}


}
@media screen and (max-width: 1200px) {
.navigation li {list-style-type:none;float:left;padding:0px 3% 0px 0px;margin:0px;}
}
@media screen and (max-width: 1160px) {
.navigation li {list-style-type:none;float:left;padding:0px 2.5% 0px 0px;margin:0px;}
}
@media screen and (max-width: 1120px) {
/*.tagline {line-height:37px;font-size:22px;color:#009ede;font-weight:bold;text-align:right;text-transform:uppercase;}*/
.tagline {line-height:37px;font-size:22px;color:#1a6199;font-weight:bold;text-align:right;text-transform:uppercase;}
.navigation li {list-style-type:none;float:left;padding:0px 2% 0px 0px;margin:0px;}
}

@media screen and (max-width: 1150px) {
.foot .social {margin-top:5px;}
}

@media screen and (max-width: 1085px) {
.navigation li {list-style-type:none;float:left;padding:0px 3.5% 0px 0px;margin:0px;}
.navigation li a {color:#1a6199;font-size:14px;text-transform:uppercase;text-decoration:none;}
}

@media screen and (max-width: 1060px) {
.home .news {float:left;width:100%;margin-right:0;}
.home .news h2 {color:#fff;font-size:24px;color:#fff;}
.upcoming h2 {color:#fff;font-size:24px;color:#fff;}

.upcoming {float:left;width:100%;margin-left:0;}

.features {background-color:#1a6199;max-height:800px;clear:both;}
.features .imager {float:none;max-width:951px;width:100%;}
.features .imager img {width:100%;height:auto;}
.features .copy {float:none;width:91%;padding:4% 3% 4% 6%;font-size:14px;color:#fff;line-height:22px;min-height:100%;background-color:none;}
.features .copy h3 {font-size:20px;color:#1a6199;background-color:#fff;line-height:54px;font-weight:700;padding:5px 0px;display:inline; background: white; box-shadow: 0 0 0 5px white;text-transform:uppercase;}
.features .copy h3 a {color:#1a6199;text-decoration:none;text-transform:uppercase;}
.blue-link {z-index:99;background: url('images/more-blue-mobile.jpg') no-repeat bottom right;width: 129px;height: 186px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.blue-link:hover {background: url('images/more-blue-mobile.jpg') no-repeat bottom right;}
.home .news-link {z-index:99;background: url('images/more-mobile.jpg') no-repeat bottom right;width: 75px;height: 75px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.home .news-link:hover {background: url('images/more-mobile.jpg') no-repeat bottom right;}
.upcoming-link {z-index:999;background: url('images/more-mobile.jpg') no-repeat bottom right;width:75px;height: 75px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.upcoming-link:hover {background: url('images/more-mobile.jpg') no-repeat bottom right;}
.tag {display:none;}

.logo-desk {display:none;}
.logo-mobile {position:relative;z-index:999;left:0px;top:0px;display:block;width:60%;float:left;margin-bottom:40px;}
.tagline {position:relative;top:0px;right:0px;width:40%;float:left;}
.navigation {display:none;}

#responsive-menu .responsive-menu li a {text-transform:uppercase;font-weight:bold;font-size:16px;white-space:normal !important;height:auto !important;}
#responsive-menu .responsive-menu li li a {white-space:normal !important;text-transform:uppercase;font-weight:normal;padding:0px 0px 10px 5px !important;font-size:14px;}
#responsive-menu .responsive-menu li li li a  {white-space:normal !important;text-transform:none;font-weight:normal;padding:0px 0px 10px 0px !important;color:#898989;font-size:14px;padding-left:0px !important;}
#responsive-menu .responsive-menu li li .appendLink {padding-top:0px !important;margin-right:20px;}
ul.sub-menu {width:90%;}
#responsive-menu .responsive-menu li li ul {margin:0px;padding:0px 0px 0px 20px;}
ul#menu-mobile-menu.responsive-menu {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.foot .social {display:none;}
.foot .social-mobile {display:block;margin-top:4px;}
.foot .social-mobile img {margin-right: 5px;}

.facebook {z-index:99;background: url('images/facebook.png') no-repeat 0 0;width: 13px;height: 13px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:relative;}
.facebook:hover {background: url('images/facebook.png') no-repeat 0 -13px;}
.facebook a {top:0;left:0;position:absolute;}
.twitter {z-index:99;background: url('images/twitter.png') no-repeat 0 0;width: 13px;height: 13px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:relative;margin:0 .5%;}
.twitter:hover {background: url('images/twitter.png') no-repeat 0 -13px;}
.twitter a {top:0;left:0;position:absolute;}
.linkedin {z-index:99;background: url('images/linkedin.png') no-repeat 0 0;width: 13px;height: 13px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:relative;}
.linkedin:hover {background: url('images/linkedin.png') no-repeat 0 -13px;}
.linkedin a {top:0;left:0;position:absolute;}
.foot span.first {clear:both;display:block;color:#1a6199;height:2px;}
a.facebook.non {display:none;}
a.twitter.non {display:none;}
a.linkedin.non {display:none;}

.sidebar {display:none;}
.type-page, .type-news, .type-event, .type-staff, .type-vignette {float:none;width:100%;padding:0%;font-size:16px;line-height:24px;color:#404041;}
#rsb.type-page, #rsb.type-news, #rsb.type-event, #rsb.type-staff, #rsb.type-vignette {float:none;width:100%;padding:0%;font-size:16px;line-height:24px;color:#404041;}
.sidebar-right {width:100%;padding:0%;margin-left:0;margin-top:1%;float:none;clear:both;}
.green-top p {padding:1.5% 4%;color:#fff;font-size:26px;text-transform:uppercase;margin:0px;line-height:30px;}/* changed from h1 to p - rjw 2/17/20 */
.green-top {font-size:24px;color:#fff;font-weight:bold;background:#1a6199 url('images/green-top-converted.jpg') repeat-y bottom right;margin-bottom:6%;vertical-align:center;line-height:62px;}

.staff-group h3 { display: table;background-color:#009ede;color:#fff;text-transform:uppercase;padding:0px 15px;font-size:14px;font-weight:normal;margin:0px;line-height:18px;height:60px;width:153px;}
.staff-group h3 a {color:#fff;  display: table-cell; vertical-align: middle;padding-right:30px;}
.staff-group h3 a:hover {color:#fff;  display: table-cell; vertical-align: middle;}
.staff-group .title {color:#1a6199;font-size:12px;height:120px;padding:5% 5% 0 8%;line-height:18px;width:80%;}



#click-menu {top:128px !important;}

blockquote {padding:2% 4%;}
.features .copy .excerpt {left:-5px;margin-top:10px;}

}

@media screen and (max-width: 850px) {
.staff-group {float:left;width:31%;margin:1%;min-height:340px;position:relative;overflow:hidden;max-width:230px;}
.staff-group h3 { display: table;background-color:#009ede;color:#fff;text-transform:uppercase;padding:0px 15px;font-size:14px;font-weight:normal;margin:0px;line-height:18px;height:60px;width:153px;}
.staff-group h3 a {color:#fff;  display: table-cell; vertical-align: middle;padding-right:20px;}
.staff-group h3 a:hover {color:#fff;  display: table-cell; vertical-align: middle;}
.staff-group .title {color:#1a6199;font-size:12px;height:120px;padding:5% 5% 0 8%;line-height:18px;width:75%;}

}

@media screen and (max-width: 650px) {
.staff-group {float:left;width:48%;margin:1%;min-height:340px;position:relative;overflow:hidden;max-width:230px;}
.staff-group h3 { display: table;background-color:#009ede;color:#fff;text-transform:uppercase;padding:0px 15px;font-size:14px;font-weight:normal;margin:0px;line-height:18px;height:60px;width:153px;}
.staff-group h3 a {color:#fff;  display: table-cell; vertical-align: middle;padding-right:20px;}
.staff-group h3 a:hover {color:#fff;  display: table-cell; vertical-align: middle;}
.staff-group .title {color:#1a6199;font-size:12px;height:120px;padding:5% 5% 0 8%;line-height:18px;width:75%;}

}

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

.green-top {font-size:24px;color:#fff;font-weight:bold;background-color:#1a6199; background-image:none;margin-bottom:6%;vertical-align:center;}

.map {display:none;}
.map-mobile {display:block;}
.type-page iframe {max-width:100%;}
#rsb.type-page, #rsb.type-news, #rsb.type-event, #rsb.type-staff, #rsb.type-vignette {float:none;width:100%;padding:0%;font-size:14px;line-height:22px;color:#404041;}

.logo-mobile {position:relative;z-index:999;left:0px;top:0px;display:block;float:left;margin-bottom:40px;}
.logo-mobile img {width:180px;}
#click-menu {top:60px !important;}

.mit-link {z-index:99;background: url('images/mit.jpg') no-repeat top right;width: 136px;background-size:contain;height: 17px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:relative;}

.features {background-color:#1a6199;max-height:800px;clear:both;}
.features .imager {float:none;max-width:750px;width:100%;}
.features .imager img {width:100%;height:auto;}
.features .copy {float:none;width:89%;padding:4% 3% 4% 8%;font-size:12px;color:#fff;line-height:20px;min-height:100%;background-color:none;}
.features .copy h3 {font-size:16px;color:#1a6199;background-color:#fff;line-height:44px;font-weight:700;padding:5px 0px;display:inline; background: white; box-shadow: 0 0 0 5px white;text-transform:uppercase;}
.features .copy h3 a {color:#1a6199;text-decoration:none;text-transform:uppercase;}
.features .copy .excerpt {left:-3px;margin-top:10px;}
.features .copy .data-source {left:-3px;}

.blue {background: #009ede url('images/more-blue-mobile.jpg') no-repeat bottom right;font-size:16px;color:#fff;line-height:24px;margin:1.5% 0 1.5% 0;clear:both;padding:0px;position:relative;}
.blue .pad {padding:1% 50px 1% 6.5%;}
.blue-link {z-index:99;background: url('images/more-blue-mobile.jpg') no-repeat bottom right;width: 50px;height: 186px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.home .news .top {height:54px;line-height:54px;}
.upcoming .top {height:54px;line-height:54px;}
.upcoming h2, .home .news h2 {line-height:54px;}

.home .news .group {background: #ebebeb url('images/more-mobile.jpg') no-repeat bottom right;}
.home .news .group .news-imager {display:none;}
.home .news .group .copy {float:left;width:80%;padding:4% 15% 5% 5%;font-size:14px;line-height:18px;color:#1a6199;}
.home .news .group .copy.image {float:left;width:80%;padding:4% 15% 5% 5%;font-size:14px;line-height:18px;color:#1a6199;height:auto;}
.home .news-link {z-index:99;background: url('images/more-mobile.jpg') no-repeat bottom right;width: 35px;height: 75px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.home .news-link:hover {z-index:99;background: url('images/more-mobile.jpg') no-repeat bottom right;width: 35px;height: 75px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.news-group h3, .news-group h3 a, .event-group h3, .event-group h3 a {font-size:18px;padding-bottom:15px;}
.upcoming-link {z-index:99;background: url('images/more-mobile.jpg') no-repeat bottom right;width: 45px;height: 75px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:absolute;bottom:0px;right:0px;}
.upcoming .group {background: #ebebeb url('images/more-mobile.jpg') no-repeat bottom right;}
.upcoming .group .copy {width:80%;padding:4% 15% 5% 5%;}
.type-page, .type-news, .type-event, .type-staff, .type-vignette {font-size:14px;}
.type-page h1:not(.tribe-events-single-event-title),.type-vignette h1,.type-post h1,    /* changed some page titles to h1 - rjw 2/18/20 */
.type-page h2, .type-vignette h2 {font-size:18px;color:#1a6199;border-bottom:1px solid #1a6199;padding-bottom:1%;padding-top:20px;clear:both;}

.news-group .news-imager {display:none;}
.event-group {margin:30px 0;position:relative;border-bottom:1px solid #1a6199;padding-bottom:30px;}
.news-group {margin:30px 0;position:relative;border-bottom:1px solid #1a6199;padding-bottom:30px;}
div#news1.news-group, div#event1.event-group, div#event2.event-group {margin:30px 0;padding-bottom:30px;}

.home .news .group .hold {height:auto;}

.foot span.first {clear:both;display:block;color:#1a6199;}
.foot span {clear:both;display:block;color:#1a6199;height:0px;}
.foot {background-color:#1a6199;text-align:left;padding:5%;font-size:9px;color:#fff;margin-top:5%;}
.foot .content {width:100%;margin:0px auto;}
.foot a {color:#b7b7b7;text-decoration:none;font-size:9px;}

.twitter {z-index:99;background: url('images/twitter.png') no-repeat 0 0;width: 13px;height: 13px;text-indent: 100%;white-space: nowrap;overflow: hidden;float: right;cursor:pointer;position:relative;margin:0 3%;}
}

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

.staff-group {float:none;width:100%;margin:3% 0px 0 0;min-height:100%;height:auto;position:relative;text-align:left;font-size:12px;padding-bottom:5px;clear:both;max-width:100%;}
.staff-group h3, .staff-group h3 a, .staff-group h3 a:visited { display: block;background-color:#fff;color:#009ede;text-transform:uppercase;padding:0 5% 0 3%;font-size:14px;font-weight:normal;margin:0px;line-height:18px;height:auto;text-align:left;}
.staff-group h3 a:hover { display: block;background-color:#fff;color:#006892;text-transform:uppercase;padding:0 5% 0 3%;font-size:14px;font-weight:normal;margin:0px;line-height:18px;height:auto;text-align:left;}
.staff-group .imager {width:30%;padding-right:5%;height:140px;overflow:hidden;float:left;margin-top:4px;}
.staff-group .imager img {max-width:115px;}
.staff-group .copy {width:65%;float:left;}
.staff-group .title {color:#1a6199;font-size:12px;height:auto;padding:3% 0 0 4.4%;line-height:17px;}
.staff-group .website a {text-transform:uppercase;color:#009ede;font-size:12px;}
.staff-group .website a:hover {color:#006892;}
.staff-group .website {padding:2% 0 0 0;}

}




/*
 * MOBILE MENU STYLES
 *
 * Originally, long menu items were cut off because the height was fixed at 40px,
 * so wrapped text was cut off.
 * rjw 2/18/20
 *
 */

#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
  height: auto !important;
  line-height: 1.25 !important;
  padding: 6px 12px 6px 10%  !important;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item:first-child a {
  padding-top: 12px !important;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item:last-child a {
  padding-bottom: 12px !important;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item li.responsive-menu-item a {
  padding-left: 15% !important;
}