/*Test*/


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

.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 */
}

/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;/*font:inherit*/;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
html {
  scroll-padding-top: 90px; /* height of sticky header */
}
body {
	margin: 0;
	padding: 0;
}

body,
button,
input,
select,
textarea {
	/*font-family: sans-serif;*/
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	/*font-family: Georgia, serif;*/
	font-family: 'Spectral', Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
}


b,
strong {
	font-weight: bold;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
    display: inline-block;
    font-family: "Courier 10 Pitch", Courier, monospace;
    color: #ddca7e;
    background: #282c34;
	padding: .5em .8em;
    border-radius: .2em;
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}
.centertext {
    text-align: center;
}

.algnrt {
    text-align: right;
}

.algnlft{
    text-align:left;
}


.highlight {
    background-color: lightgreen;
}
/*--------------------------------------------------------------
General styling
https://www.smashingmagazine.com/2020/07/css-techniques-legibility/
--------------------------------------------------------------*/

body, html {
  height: 100%;
}

h1, h2, h3 {
	/*margin: 0;
	padding: 1em 0;*/
}
/*h1 {
    font-size: 2.5em;
    line-height: calc(1ex / 0.42);
    margin: calc(1ex / 0.42) 0;
	font-family: 'Inter';
    font-weight: 800;
}
h2 {
    font-size: 2em;
    line-height: calc(1ex / 0.42);
    margin: calc(1ex / 0.42) 0;
    font-weight: 600;
}
h3 {
   font-size: 1.75em;
    line-height: calc(1ex / 0.38);
    margin: calc(1ex / 0.38) 0;
    font-weight: 500;
}
h4 {
    font-size: 1.5em;
    line-height: calc(1ex / 0.37);
    margin: calc(1ex / 0.37) 0;
    font-weight: 500;
}
h5 {
    font-size: 1.3em;
    line-height: calc(1ex / 0.36);
    margin: calc(1ex / 0.35) 0;
    font-weight: 500;
}
p {
    font-size: 1em;
    line-height: calc(1ex / 0.32);
    margin: calc(1ex / 0.32) 0;
}
*/
/*major third type scale*/

body {
  font-weight: 400;
  line-height: 1.75;
}

p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-weight: 400;
  line-height: 1.3;
}

h1 {
  margin-top: 2.5rem;
  font-size: 3.052rem;
  font-weight: 600;
  letter-spacing: -0.025em;
}

h2 {font-size: 2.441rem;}

h3 {font-size: 1.953rem;}

h4 {font-size: 1.563rem;
    width: 90%;
    max-width: 70ch;
}

h5 {font-size: 1.25rem;}

/*To accomodate sticky header menu (60px) */
[id] {
    scroll-margin-top: 70px;
}


small, .text_small {font-size: 0.8rem;}


.main-content p, .main-content li, .main-content div.boxed {
	width: 90%;
    max-width: 70ch;
}

.main-content ul li ul li {
    width: 100%;
}

.ui-tabs li {
	width: inherit;
}

img {
	display: block;
	border: 0;
	/*width: 100%;*/
	height: auto;
}

img.logoimg {
	width: auto;
}

a {
	color: #086DC4;
    text-decoration: none;
}


.clearboth {
	clear: both;
}

/*Lists*/
/* =============================================================================
   Lists
   ========================================================================== */
dd, dt {
	padding-bottom:5px;
}
dd { 
	margin: 0 0 0 40px; 
}
dt {
	font-weight:700;
	padding-top: 5px;
}

ul, ol {
	list-style: none outside none;
	margin: 0 0 1em;
	padding: 0;
}

nav ul, nav ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0; 
}
/*li {
	padding: .5em 0;
	}
*/
.tight li {
	padding: 0;
	}

ul, ul.bullet {
	list-style-type: disc;
	padding: 0 0 0 1.2em;
}

ul li ul, .bullet li .bullet {
	list-style-type: circle;
}

ol, ol.numlist {
	list-style-type: decimal;
	padding: 0 0 0 1.715em;
}

ol ol, .numlist ol.numlist{
	list-style-type:lower-alpha;
}

.alphacap {
	list-style-type: upper-alpha;
	padding: 0 0 0 1.715em;
}

ul ul {
	font-size:100%;
	margin: 0;
	padding: 0 0 0 1.2em;	
	}

ol ul {
	margin: 0;
}
dl ol {
	margin: 0;
}

ol ol {
	margin: 0;
}

ul li ul li:last-child {
	padding-bottom:0;
}

ul li ul {
	/*padding-top: .5em;*/
    /*padding-bottom: 0.5em;*/
}

/*ol li ul li:last-child {
	padding-bottom:0;
}
*/
ol li ul {
	padding-top: .5em;
}

ol li p:last-child {
	padding-bottom:0;
}

ol li p {	
	padding-bottom:.5em;
    padding-top:.5em;
}

ul.tightlist li ul {
	padding-top: .3em;
}
.tightlist li {
	padding-top: .3em;
	padding-bottom: .3em;
}

.facultylist {
	font-size: 0.929em;
}
	
.facultylist li {
	padding: 0.2em 0;
}

ul.flatlist {
	text-align:center;
	width:100%;
	padding-left:0;
	margin-top:5px;
	padding-bottom:10px;
	padding-top:10px;
}

.flatlist li {
	display: inline-block;
    width: auto;
}

.flatlist a {
	color:#002147;
	border:1px solid #002147;
	padding: 0.2em;
}

.flatlist a:link {
	background-color:#F6EED7;
	color:#002147;	
}

/*.flatlist a:visited {
	background-color:#669ACC;
}*/

.flatlist a:hover {
	background-color:#BBD1E8;
}

.flatlist a:active {
	background-color: #669ACC;
}

.nobull {
	list-style-type: none;
	margin-left: -1.2em;
}
.bullet .nobull {
	list-style-type: none;
	margin-left: -1.2em;
}

.fellowlist li {
    padding: 5px 0 10px;
}

ul h4 {
	margin-top: 1rem;
	margin-bottom: 0;
}
ul h5 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.pagenav {
	background-color: #EEE;
	float: left;
	border-left-color: #336699;
	border-left-width: 2px;
	border-left-style: solid;
	border-right-color: #336699;
	border-right-width: 2px;
	border-right-style: solid;
	border-radius: 10px;
	padding: 5px;
}

ul.navlist {
	list-style-image: url(../images/expand.gif);
	padding: 0 0 0 1.2em;
	font-size: 0.813em;
}

ul.navlist li {
	padding: 0px 0px;
}

ul.navlist::before {
	content: "On this page:";
	margin-left: -1.2em;
	font-style: italic;
	color: #555;
}
.txtlist {
	font-size: 0.786em;
	margin: 0;
}


.txtlist li {
	display: inline-block;
	padding: 0.2em 0;
}

.txtlist a {
	padding: 0.2em;
}

ol.numlist.footnotes {
	padding-top: 30px;
	padding-bottom: 30px;
    border-top: 1px solid;
    margin-top: 40px;
}

ol.bignums {
  list-style: none;
  counter-reset: bignums-counter;
}
ol.bignums li {
  position: relative;
  counter-increment: bignums-counter;
  margin: 1rem;
  padding-left: 2.25rem;
}
ol.bignums li::before {
  position: absolute;
  top: .75rem;
  left: 0;
  transform: translateY(-50%);
  content: counter(bignums-counter);
  background: #13294B;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 2rem;
  color: #F1B300;
  text-align: center;
  margin-right: 0.5rem;
}

/* MAIN AREA */

.main-wrapper  {
	min-height: 600px;
}

.main-wrapper a, .container a {
	color:#086DC4;
	text-decoration: underline;
}

.main-wrapper a:hover {
	color:#007FAE;
}

.main-wrapper h1 a, .main-wrapper h2 a, .main-wrapper h3 a, .main-wrapper h4 a, .main-wrapper h5 a {
	text-decoration: none;
}

.main-wrapper h1 a:hover, .main-wrapper h2 a:hover, .main-wrapper h3 a:hover, .main-wrapper h4 a:hover, .main-wrapper h5 a:hover {
	text-decoration: underline;
}

nav a, #sidemenu a, .nav a {
    text-decoration: none;
}

.main-wrapper > * {
	padding: 10px;
}


.main-content {
  grid-area: main-content;
  padding: 10px 30px 10px 20px;
	
}
.side-nav {
  grid-area: side-nav;
}

.roysternews p {
    margin-bottom: .2rem;
}

/* =============================================================================
  Buttons/Button links
   ========================================================================== */


a.button, button.button {
  font-size: 1.5rem;
}

a.button {
  text-decoration: none;
}

button.button {
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active) {
  button.button {
    border: 2px solid currentcolor;
  }
}

a.button,
button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  background-color: #dde5ed;
  color: #222222;
  border-radius: 8px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
  padding: 0.25em 0.75em;
  min-width: 10ch;
  min-height: 30px;
  text-align: center;
  line-height: 1.1;
  transition: all 220ms ease-in-out;  
  margin-top: 1rem;
}
a.button:hover, a.button:active,
button.button:hover,
button.button:active {
  background-color: #f1b300;
  color: #222222;
}


a.button:focus,
button.button:focus {
  outline-style: solid;
  outline-color: transparent;
  box-shadow: 0 0 0 4px #ffd100;
}
a.button--small,
button.button--small {
  font-size: 1.15rem;
}
a.button--block,
button.button--block {
  width: 100%;
}

a.button--alt {
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #d7d5d5;
    border-style: solid;
    font-size: 1.15rem;
}
a.button.button--alt:hover, a.button.button--alt:active {
  background-color: #FFFFFF;
  color: #222222;
text-decoration: underline;
}

button.button--search {
    margin-top:0;
    /*min-height: 35px;*/
    font-size: 1.15rem;
    
}

	@media screen and (max-width: 940px) {
 
      a.button,
      button.button {
        min-height: 44px;
      }
	
}	

/* =============================================================================
  Details/Summery
   ========================================================================== */

  details summary > * { 
    display: inline;
  }

details {
    margin-top: 1rem;
    margin-bottom: 1rem
}

summary {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-bottom: 1em;
    cursor: pointer;
	color: #086DC4;
    background-color: transparent;
    padding-left: 5px;
    font-weight: bold;
}

summary h4 {
    margin-left: 1rem;
    margin-top: -1.7rem;
}
details[open] {
    background-image: url(../images/fading_background_18.png);
    background-repeat: repeat-x;
    background-position: left -10px;
}

details[open] > .insidecontent{
padding-left: 1rem;
}

details[open] > summary {
  	background-color: #D4E6FC;
	border-bottom: 1px solid #AFD1FA;
    color: #1d5d95;
}


details p, details li, details table {
margin-left: 1.1em;
}

/* =============================================================================
   Side-Nav
   ========================================================================== */
  .accordion-menu ul {
            list-style: none;
            margin: 0;
            padding: 0;
  }
.accordion-menu button {
	all:inherit;
	border-bottom: none;
}
  .accordion-menu li.open > ul {
      display: block;
  }

  .accordion-menu li.open > button {
      /*border-left: 2px solid #13294B;*/
      /*background-color: rgba(75, 156, 211, 0.14);*/
      color: #13294B;
      font-weight: 700;
      border-bottom: 1px solid rgba(194, 194, 194, 0.333);
  }
  .accordion-menu li > ul {
      /* position: absolute; */
      display: none;
      height: 0;
      overflow: hidden;
      transition: height 350ms ease-in-out;
      margin-left: 25px;
  }
  .accordion-menu ul.is-visible {
      display: block;
      /* height: auto; */
  }
  .accordion-menu li {
      border-bottom: 1px solid rgba(194, 194, 194, 0.333);
      position: relative;
      overflow: hidden;
      transition: all .4s ease;
  }
  .accordion-menu li:last-child {
      border: none;
  }
  .accordion-menu li::after {
      content: "";
      display: block;
      clear: both;
  }

  .accordion-menu li > button > svg {
      display: block;
      position: relative;
      fill: #13294b;
      width: 15px;
      transition: all .3s ease;
      margin-left: -10px;
      padding-right: 5px;
	  transform: rotate(-90deg);
  }
  
 .accordion-menu li.open > button > svg {
      transform: rotate(0deg);
  }

  .accordion-menu button, .accordion-menu li a {
      color: #007FAE;
      padding: 7px 20px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      text-decoration: none;
	  width: 100%;
  }

  .accordion-menu button:hover, .accordion-menu button:focus, .accordion-menu a:hover, .accordion-menu a:focus {
      color: #003366;
      background-color: rgba(75, 156, 211, 0.14);
      text-decoration: underline;
  }

  .accordion-menu * {
      box-sizing: border-box;
  }


.accordion-menu .sidenavcurrent {
    font-weight: bold;
    border-left: 3px solid #13294B;
    background-color: rgba(75, 156, 211, 0.14);
    color: #13294B;
}

.accordion-menu h3 .sidenavcurrent {
    background-color: inherit;
}


.section-title {
	margin: .5em 0;
	padding-bottom: 1rem;
	border-bottom: 3px solid #f1b300;
    font-size: 1.953rem;
}

.section-title a {
	color:#13294B;
}
.section-title a:hover {
	text-decoration: underline;
}

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

table.stdtable {
	border: 1px solid #BBD1E8;
	border-collapse: collapse;
	color: #333333;
	font-size: 0.858em;
	margin-bottom: 20px;
}
table.full {
	width: 100%;
}
.stdtable caption {
    font-size: 140%;
    font-weight: 700;
    margin: 15px 5px 5px;
}
.stdtable td, .stdtable th {
    border: 1px solid #BBD1E8;
    border-collapse: collapse;
	vertical-align:middle;
    padding: 4px;
}
.stdtable th {
    text-align: center;
    font-weight: bold;
}
.stdtable thead th {
    background: none repeat scroll 0 0 #BBD1E8;
    color: #000000;
    font-size: 100% !important;
    text-align: center;
}
.stdtable tbody th {
    font-weight: 700;
}
.stdtable tbody tr {
    background: none repeat scroll 0 0 #FCFDFE;
}
.stdtable tbody tr.odd {
    background: none repeat scroll 0 0 #F7F9FC;
}
.stdtable table a:link {
    color: #718ABE;
    text-decoration: none;
}
.stdtable table a:visited {
    color: #718ABE;
    text-decoration: none;
}
.stdtable table a:hover {
    color: #718ABE;
    text-decoration: underline !important;
}
.stdtable tfoot th, tfoot td {
    font-size: 0.85em;
}

.tablesubhead {
    background-color: #E6EDF5;
}
.stdtable tbody tr.highlight {
	background-color: #f9f5eb;
}

.zebra tr:nth-child(2n+1) {
    background-color: #F2F2F3;
}

.stdtable .sublevel {
    font-style: italic;
    padding-left: 15px;
}
.stdtable .tightcell {
    font-size: 0.8em;
}
.stdtable .top {
	vertical-align: top;
}
.th-left tbody th {
    text-align: left;
}

/* =============================================================================
   images
   ========================================================================== */

.inlineicon {
	margin-left:0.25em;
	display:inline;
	width: initial;
    height: 100%;
}
.side-nav .inlineicon {
    margin-top: 0.5em;
}

.inlineiconrel {
	margin-left: 0.25em;
	display: inline;
	margin-bottom: -0.15em;
	width: initial;
}

.left-pad {
    float: left;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 5px;
    display: inline;
}
.left-pad-bd {
    background-color: #000000;
    border-bottom: 5px solid #FFFFFF;
    border-right: 7px solid #FFFFFF;
    border-top: 5px solid #FFFFFF;
    float: left;
    padding: 1px;
    display: inline;
}
.pad-bd {
    background-color: #000000;
    border: 5px solid #FFFFFF;
    padding: 1px;
    display: inline;
}
.right-pad {
    float: right;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    display: inline;
}
.right-mar {
    float: right;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    display: inline;
}
.right-pad-bd {
    background-color: #000000;
    border-bottom: 5px solid #FFFFFF;
    border-left: 10px solid #FFFFFF;
    border-top: 5px solid #FFFFFF;
    float: right;
    padding: 1px;
    display: inline;
}
.bord-mar {
    border: 1px solid #000000;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline;
}
.bord {
	border: 1px solid #333333;
    display: inline;
}

.imgleft {
	float: left;
	padding-right: 5px;
}

.imgright {
	float: right;
	padding-left: 5px;
}
.imgleft p, .imgright p {
	font-style:italic;
	padding-bottom: 10px;
	font-size: .9em;
}
.caption500 {
	width: 511px;
}
.caption400 {
	width: 411px;
}
.caption350 {
	width: 361px;
}
.caption300 {
	width: 311px;
}
.caption275 {
	width: 286px;
}
.caption250 {
	width: 261px;
}
.caption200 {
	width: 211px;
	display: inline-block;
}
.caption150 {
	width: 159px;
	display: inline-block;
}
.captionside {
	display: inline;
}
.caption350 p, .caption500 p, .caption400 p, .caption300 p, .caption200 p, .caption250 p, .captionside p, .caption150 p, .caption p, p.caption {
	font-size: .786em;
	font-style: italic;
	color: #555;
	line-height: 1.2;
	padding-right: 1px;
	padding-bottom: 10px;
	padding-left: 1px;
}
#sidebar .caption350 p, #sidebar .caption500 p, #sidebar .caption400 p, #sidebar .caption300 p, #sidebar .caption200 p, #sidebar .caption250 p, #sidebar .captionside p, #sidebar .caption150 p {
	font-size: .929em;
}
.caption350.fltrt p, .caption500.fltrt p, .caption400.fltrt p, .caption300.fltrt p, .caption200.fltrt p, .caption250.fltrt p, .caption150.fltrt p {
	padding-left: 11px;
}
	
.caption350.fltlft p, .caption500.fltlft p, .caption400.fltlft p, .caption300.fltlft p, .caption200.fltlft p, .caption275.fltlft p, .caption250.fltlft p, .caption150.fltlft p {
	padding-right: 11px;
}

.boxed .left-pad-bd {
    border-bottom: 5px solid #FDF6E0;
    border-right: 7px solid #FDF6E0;
    border-top: 5px solid #FDF6E0;
}
.boxed .right-pad-bd {
    border-bottom: 5px solid #FDF6E0;
    border-left: 10px solid #FDF6E0;
    border-top: 5px solid #FDF6E0;
}

.roomy {
    margin-top: 15px;
    margin-bottom: 15px;
	padding-top: 15px;
    padding-bottom: 15px;
}

.bigquote {
    font-family: 'Spectral', Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-size: 24px;
    font-style: italic;
}


/*multiple paragraph quote*/
.speechquote {
	background-image: url(../images/lgquoteopengr.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 40px;
	margin-bottom: 25px;
	margin-top: 20px;
	padding-bottom: 25px;
    display: inline-block;
}
.speechquote span {
	background-image: url(../images/lgquoteclosegr.gif);
	background-repeat: no-repeat;
	/*background-position: 565px bottom;*/
    background-position-y: 95%;
    background-position-x: 90%;
	display: inline-block;
	/*padding-right: 40px;*/
	/* [disabled]padding-bottom: 25px; */
}
.speechquote p:last-child {
	padding-bottom: 5px;
}

/*single paragraph quote*/
.pullquote {
	background-image: url(../images/lgquoteopengr.gif);
	background-repeat: no-repeat;
	background-position: 30px top;
	padding-left: 60px;
	margin-bottom: 25px;
	margin-top: 10px;
}
dd .pullquote span {
	background-image: url(../images/lgquoteclosegr.gif);
	background-repeat: no-repeat;
	background-position: 490px bottom;
	display: block;
	padding-right: 50px;
}
.pullquote span {
	background-image: url(../images/lgquoteclosegr.gif);
	background-repeat: no-repeat;
	background-position: 530px bottom;
	display: block;
	padding-right: 50px;
}
.author {
	text-align: right;
	/* [disabled]float: right; */
	margin-top: -20px;
	padding-left: 60px;
	/*font-size: 0.85em;*/
	padding-right: 40px;
	/* [disabled]clear: both; */
}

.teasequote {
padding: 10px;
float: right;
width: 200px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #694e1c;
border-bottom-color: #694e1c;
font-size: 1.143em;
text-align: center;
line-height: 2;
font-style: italic;
font-weight: normal;
}



/* social links */
.links-social {
  padding: 0 1.875rem 1.25rem;
}
.links-social-list {
  display: flex;
  justify-content: center;
list-style-type: none;
}
.links-social-list li {
  margin: 0.5rem;
  font-size: 2.25rem;
}

.links-social-list a {
    color: #086DC4;
}

.links-social-list a:hover {
    color: #f1b300;
	transition: all 220ms ease-in-out;  
}





/*Rubric Counter*/

.rubric ul.scores {
  list-style-position: outside;
	list-style-type: none;
  counter-reset: rubric-counter;
}
.rubric ul.scores {
  /*counter-increment: rubric-counter;*/
  padding-bottom: 0.9em;
}
/*.marubric #main ul.scores li::before, .weissrubric #main ul.scores li::before, .docrubric #main ul.scores li::before {
  content: counter(rubric-counter) ". ";
  font-weight: bold;	
}*/

/*to add decimals to counter*/

.rubric ul.scores li:nth-of-type(2n+1)::before {
  counter-increment: rubric-counter;
  /*padding-bottom: 0.9em;*/	
}
.rubric ul.scores li:nth-child(odd)::before {
  content: counters(rubric-counter, "") ". ";
  font-weight: bold;	
}
.rubric ul.scores li:nth-child(even)::before {
  content: counters(rubric-counter, "") ".5 ";	
}

    #feedback {
      transition: width 1s;
      background-color: #fff;
      background-image: url(/images/icons8-feedback-24.png);
      background-position: 30% 90%;
      background-repeat: no-repeat;
      background-size: 20px 20px;
      position: fixed;
      width: 30px;
      height: 110px;
      border: solid #666 1px;
      right: -10px;
      top: 40%;
      padding: 0px 5px 5px 0px;
    }
    #feedback:hover {
      width: 35px;
      box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.24);
      opacity: 1;
      background-image: url(/images/icons8-feedback.gif);
      background-position: 30% 90%;
      background-repeat: no-repeat;
      background-size: 20px 20px;
    }
    #feedback p, .main-content #feedback p {
      transform: rotate(270deg);
      position: absolute;
      bottom: 40px;
      left: -20px;
      font-size: .9rem;
      width: auto;
    }
    #feedback p a {
      color: #666;
      text-decoration: none;
    }

/* Footer main */

footer {
    background-color: #13294B;
    color: #bbb;
    line-height: 1.5;
	margin-top: 50px;
}
footer a {
    text-decoration: none;
    color: #eee;
}
footer a:hover {
    text-decoration: underline;
}

footer a:visited {
    color: #eee;
}
.ft-title {
    color: #fff;
    font-size: 1.375rem;
    padding-bottom: 0.625rem;
    font-weight: 600;
} 
footer ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
footer li {
    list-style: none;
    padding: 0;
}
.ft-main {
  font-size: 0.938rem;
  padding: 1.25rem 1.875rem;
  display: flex;
  
}

.ft-main li a {
    min-height: 1.5rem;
    display: inline-block;
}

@media only screen and (max-width: 77.4rem /* was  29.8125rem = 477px */) {
  .ft-main {
    justify-content: flex-start;
	flex-wrap: wrap; 
  }
}
@media only screen and (min-width: 77.5rem /* 1240px */) {
  .ft-main {
    justify-content: space-evenly;
  }
}
.ft-main-item {
  padding: 1.25rem;
  /*min-width: 12.5rem;*/
  flex: 1 200px;
}

/* Footer social */
.ft-social {
  padding: 0 1.875rem 1.25rem;
}
.ft-social-list {
  display: flex;
  justify-content: center;
  border-top: 1px #777 solid;
  padding-top: 1.25rem;
}
.ft-social-list li {
  margin: 0.5rem;
  font-size: 2.25rem;
}

.ft-social-list a {
    color: #eee;
}

.ft-social-list a:hover {
    color: #f1b300;
	transition: all 220ms ease-in-out;  
}

/* Footer legal */
.ft-legal {
  padding: 0.9375rem 1.875rem;
  background-color: #031A3D;
}
.ft-legal-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.ft-legal-list li {
  margin: 0.125rem 0.625rem;
  /*white-space: nowrap;*/
}
/* one before the last child */
.ft-legal-list li:nth-last-child(2) {
    flex: 1;
}

/*--------------------------------------------------------------
Pages
--------------------------------------------------------------*/


.boxed {
    background: #f1b3001f;
    padding: 20px;
    border-top: 1px solid #f3c84c;
    border-right: 1px solid #f1b300;
    border-bottom: 1px solid #f1b300;
    border-left: 1px solid #f3c84c;
    margin-bottom: 20px;
}




h4 .firstcharacter {
    float: left;
    font-size: 2em;
    line-height: .4;
    padding-right: 2px;
}
#charttable th {
	text-align: left;
}
#charttable h4 .firstcharacter {
    font-size: 2em;
    line-height: 12px;
    padding-right: 1px;
}

.chartwrap {
	display: inline-flex;
	}
.imagewrap {
    position: relative;
    text-align: center;
    color: white;
	width:125px;
}
.imagewrap.current {
    opacity: .5;
}




/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 4em;
	font-weight: bold;
}

.chartwrap .imagewrap a {
	color: #FFFFFF;
}

.grow {
	transition: all .2s ease-in-out;
}

.grow:hover { 
	/*transform: scale(1.1) translate(-50%, -50%);*/
	transform: scale3d(1.1,1.1,1) translate(-50%, -50%);
}

/*student affairs*/
.team {
display: flex;
text-align: center;   
align-items: stretch;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}       
.team img {
  border-radius: 50%;
  margin: auto;
}
.person {
width: 300px
} 
.person p {
  width:100%;
}




/*--------------------------------------------------------------
BS page fixes
--------------------------------------------------------------*/

.bspagenav {
	font-size: 12px;
}
.bspagenav li {
	padding: 0;
}
.bspagenav li a {
	padding: 2px 20px;
    line-height: 1.4;
    text-decoration: none;
}
.bspagenav .active a {
  border-left: 2px solid #563D7C;
  padding-left: 18px;
  font-weight: 700;
}
.impactawards h5, .grads .row h5, .grads .row h4 {
    font-weight: bold;
    margin-top: 1rem;
}

.media-body blockquote {
        padding: 1em 15% 1em 1em;
}
blockquote footer {
  background-color: transparent;
}

/*Need to override footer link colors for some reason*/
footer .ft-main-item a {
    text-decoration: none;
    color: #eee;
}
footer .ft-main-item a:hover {
    text-decoration: underline;
}
		
footer .ft-main-item a.button {
    color: #222222;
}	

footer .nav-pills a {
    color: #086DC4;
}

/* =============================================================================
  Emergency alert
   ========================================================================== */

.alert {
    background-color: #0057b8;
}

.alert p {
    width: 50rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: .8rem;
    margin-top: 0;
    margin-bottom: 0;
}

.alert p a {
    text-decoration: underline;
}


/* ==|== non-semantic helper classes ========================================
   Define your styles before this section.
   ========================================================================== */
.clrlft {
	clear: left;
}
.clrrt {
	clear: right;
}
.fltrt { 
	float: right;
}
.fltlft {
	float: left;
}


.halfw {
	width: 50%;
}
.quartw {
	width: 25%;
}
.thirdw {
	width: 40%;
}
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}

/* =============================================================================
 Chatbot
   ========================================================================== */
/*button#launchChatbot {
background-color: #4b9cd3 !important;
}*/




/*--------------------------------------------------------------
Basic responsive layout for all browsers:
--------------------------------------------------------------*/

.site {
	max-width: 50em;
	margin: 0 auto;
}

/*--------------------------------------------------------------
CSS Grid layout for modern browsers:
--------------------------------------------------------------*/

/* Check for CSS Grid support: */
@supports (grid-area: auto) {
@media screen and (min-width: 600px) {  /* Enable grid for viewports 600px and wider: */

    /* Disable fallback max-width center aligned rule: */
    .site {
        max-width: none;
    }

    .main-wrapper {
    display: grid;
    grid-gap: 16px;
	grid-template-areas:
    "main-content"
    "side-nav";				
  }
  .main-content {

		}
  .main-wrapper aside {
    align-self: start;
  }
		
		
	}
@media screen and (min-width: 768px) {
 
   .main-wrapper {
    grid-template-columns: 200px 1fr;
	grid-template-areas: "side-nav main-content";	
    max-width: 1480px !important;
    margin: 0 auto !important;		
  }
	.main-content {
	
		}
	
}
@media screen and (min-width: 940px) {
 
	.main-wrapper {
    grid-template-columns: 250px 1fr;
	grid-template-areas: "side-nav main-content";	
	max-width: 1480px !important;
    margin: 0 auto !important;		
  }
	.main-content>* {
	/*max-width: 66.666%;*/
		}
}	
    
@media screen and (min-width: 1120px) {
 
	.main-wrapper {
    grid-template-columns: 300px 1fr;
	grid-template-areas: "side-nav main-content";	
  }
	.main-content>* {
	/*max-width: 66.666%;*/
		}
	
}	  
    
}

@media screen and (max-width: 768px) {
 
.hidden-mobile {
    display: none;
        }
	footer li {
    margin: 5px 0;
}
}

@media print {
   h1 {
      color: #000;
      background: none;
   }

   header, nav, aside, footer {
      display: none;
   }
}