@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Bitter:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic');
@import url('styles/boots-bones.css');
/*

Theme Name: FIUPress 2017
Theme URI: http://www.skylarkk.com/
Author: Jonathan Roberts
Author URI: http://www.skylarkk.com
Description: Base FIU WordPress Theme circa 2017 - developed using Boots and Bones Grid Framework.
Version: 2.0
License: GNU General Public License

-------------------------------------------------------------- */
/* 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;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}

/**/
#n2-ss-2-align .nextend-bar-horizontal {
    z-index: 99 !important;
	}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section {
  display: block;
}

html {
  background:#081e3f;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}

ol,ul {
  list-style: none;
}

li {
	margin-bottom:0;
	}

blockquote, q {
  quotes: none;
  font-family: 'Lora', serif;
  font-style:italic;
  font-size:1.2em;
  line-height:1.5;
}

article .the-content blockquote p {
	text-align:left;
	}
article .the-content blockquote p strong {
	color: #1654BE;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}

.wp-caption {
	padding:1em;
	}

article .the-content .wp-caption-text {
	font-family: 'Lora', serif;
	color:#474753;
	padding: 0.5em;
	font-style:italic;
	}

article .the-content section {
	padding:1em;
	border: 1px solid #ccc;
	margin-bottom:1.5em;
	}
	
article .the-content section h2 {
	margin-top:0;
	clear:none;
	}

article .the-content section p:last-of-type {
	margin-bottom:0;
	}

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%;
}
figure {
  margin: 0;
}
table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1em;
	width: 100%;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
	padding: 0.5em;
}
caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	background:#002e63;
	color:#fff;
}

td {
	border-top: 1px solid #ededed;
}

tr:nth-child(even) {background: #ededed}
tr:nth-child(odd) {background: #FFF}

/* -- Tablepress Override -- */

.tablepress thead tr th {
    border-bottom: none !important;
}
.tablepress thead th, .tablepress tfoot th {
    background-color: #002e63 !important;
	color:#fff !important;
}

/* -- \/\/\/\/\/\/\/\/\/ -- */

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */

  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

  vertical-align: baseline;
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */

}
button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

  *overflow: visible;
  /* Corrects inner spacing displayed oddly in IE6/7 */

}

.screen-reader-text {
	visibility:hidden;
	display:none;
	}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  margin-top:.5em;
  border-radius: 0;
  border:none;
  background: #081e3f;
  color: #fff;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */

  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */

  font-size: 1em;
  line-height: 1;
  padding: .5em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #002e63;
  border:none;
  color:#fff;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */

  padding: 0;
  /* Addresses excess padding in IE8/9 */

}
input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

  border: 0;
  padding: 0;
}
input[type=text],
input[type=email],
textarea {
  color: #888888;
  border: 1px solid #dddddd;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  color: #101010;
}
input[type=text],
input[type=email] {
    font-size: 1em;
    padding: 0.5em;
	line-height:1em;
    width: 50%;
	height:20px;
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */

  padding: 10px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */

  width: 98%;
}

button[disabled=disabled], button:disabled {
	background:#CCC;
	color:#666;
	}


/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.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;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.menu-toggle {
	display: none;
}

/* Digital Styles
-------------------------------------------------------------- */
body,
input,
select {
  background:#fff;
  padding: 0;
  margin: 0;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6em;
  font-size: 1rem;
  text-rendering: optimizelegibility;
}


button {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 1.1em;
	padding:.5em;
	}

/* typography
-------------------------------------------------------------- */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Bitter", serif;
  font-weight: 400;
  line-height: 1.5;
  color: #002e63;
  margin-bottom: .5em;
  text-rendering: optimizelegibility;
}
h1 {
  font-size: 2.5rem;
}

#content h2.top {
	margin-top: 0;
	}

h2 {
   font-size: 2rem;
   font-weight: 900;
   margin-bottom: 0.3em;
   margin-top: 1.5em;
}
h3 {
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 0.5em;
}
h4 {
  font-size: 1.3rem;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
/* Text elements */
p {
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.5em;
}
ul li ul li {
	list-style: circle;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
b,
strong {
  font-weight: bold;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 0.7em;
  line-height: 1.5em;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
  box-shadow: 0 3px 5px #ddd inset;
}
/* Links */
a {
  color: #081e3f;
}
/* Hover for Links Disabled for now
a:hover,
a:focus,
a:active {
  color: #3864d7;
}
*/
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
.center {
  text-align: center;
}

/* Header
-------------------------------------------------------------- */
.site-title a{
  font-size: 4em;
  text-align: center;
}
/*.site-title a:hover{
}*/
.site-description{
  font-style: italic;
}
header {
background: #081e3f;
  padding: 0;
  margin: 0 auto;
}

header .gravatar {
  overflow: hidden;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0;
  float: right;
}

header #logo {
	padding-left: 0.5em;
    padding-top: 1em;
	padding-bottom: 1em;
	vertical-align:middle;
	}
	
header #logo img {
    padding-right: 13px;
	margin-right: 10px;
	vertical-align: middle;
	}


/* Default Menu
-------------------------------------------------------------- */

.menu-main-nav-container, .menu-main-container {
display:block;
}

nav.main-navigation ul {
  list-style: none;
  margin: 0;
}

nav.main-navigation ul li {
  display:inline-block;
  margin: 2px 10px 0 0;
}

nav.main-navigation ul li ul li {
  display:inline-block;
  margin: 0;
}

nav.main-navigation ul li ul li a {
  color:#555;
}

.main-navigation {
    font-family: "Roboto",Arial,sans-serif;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
    color: #fff;
	font-size: 14px;
    font-weight: 500;
    display: block;
    line-height: 1em;
    padding: 15px;
    text-decoration: none;
	text-transform:uppercase;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
	background-color: #fff;
	color: #002e63;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #efefef;
	display: none;
	padding: 0;
	position: absolute;
	text-align: left;
	z-index: 99999;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	margin: 0;
	width: 200px;
	text-transform:none;
	font-size:0.7em;
	font-weight: 500;
	line-height:1.5em;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
	background-color: #fff;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #555;
	background:#fff;
}

/* Ubermenu
-------------------------------------------------------------- */

nav.ubermenu > ul.ubermenu-nav > li.ubermenu-item-level-0 {
	background: #081e3f  !important;
}

.ubermenu-skin-grey-white {
    background: #081e3f  !important;
    border: medium none;
}

.ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target {
    color: #fff !important;
    font-size: 14px;
    font-weight: 500 !important;
	}

.ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    background: #fff none repeat scroll 0 0!important;
    color: #081e3f!important;
}

.ubermenu-skin-grey-white.ubermenu-notouch .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: #fff none repeat scroll 0 0!important;
    color: #081e3f!important;
}

.ubermenu-skin-grey-white.ubermenu-responsive-toggle {
	font-size:1em!important;
	}

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
    box-shadow: none!important;
}

.ubermenu-skin-grey-white.ubermenu-notouch .ubermenu-submenu .ubermenu-target:hover, .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-active > .ubermenu-target {
    background: #E6E6E6;
}

.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
	border-right: 1px solid #e9e9e9;
}

.menu-title-sub {
	color: #081e3f!important;
    font-family: "Bitter",serif;
    font-weight: 700;
	text-transform:uppercase!important;
	}

.ubermenu-skin-grey-white .ubermenu-submenu.ubermenu-submenu-drop {
    background: #fff none repeat scroll 0 0!important;
    border: 1px solid #e0e0e0;
}

.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
	border-bottom:none!important;
}

	
/* Spoilers
--------------------------------------------------------------- */

.su-tabs-pane {
	font-size:inherit!important;
	}

.su-accordion .su-spoiler {
    margin-bottom: 0.5em;
}

.su-spoiler-style-default > .su-spoiler-title > br {
	display:none;
	visibility:hidden;
}

.su-spoiler-style-default > .su-spoiler-title > p {
	display:none;
	visibility:hidden;
}

.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
    color: #efefef;
    display: block;
    font-family: FontAwesome;
    font-size: 2em;
    font-style: normal;
    font-weight: normal;
    height: 0.5em;
    left: 0.5em !important;
    line-height: 1.5em;
    position: absolute;
    text-align: center;
    width: 1em;
}

.su-spoiler-style-default > .su-spoiler-title {
    padding: 0 !important;
	background:#002e63;
	transition:background 0.3s ease-in-out;
}

.su-spoiler-style-default > .su-spoiler-title > h2 {
	transition:background 0.3s ease-in-out;
	}

.su-spoiler-closed {
	background:#002e63;
	}

.su-spoiler-style-default > .su-spoiler-title > h2:hover {
	background:#0b50a4;
	}

.su-spoiler-closed > .su-spoiler-title > h2:hover {
	background:#0b50a4;
	}

.su-spoiler-style-default > .su-spoiler-title > h2 {
	font-size: 1.9em;
	color: #fff;
	line-height:1em;
	margin: 0 !important;
	padding:.5em .5em .5em 2em;
	font-weight: 300;
	}

.su-spoiler-closed > .su-spoiler-title > h2 {
	font-size: 1.9em;
	color: #FFF;
	background:#002e63;
	line-height:1em;
	margin: 0 !important;
	padding: 0.5em 0.5em 0.5em 2em;
	font-weight: 300;
	transition:background 0.3s ease-in-out;
	}
	
.su-spoiler-style-default > .su-spoiler-content {
	padding: 1em 0 !important;
	}

.su-spoiler-closed > .su-spoiler-content {
	padding: 0 !important;
	}
	
/* Tabs + Tablepress
-------------------------------------------------------------- */

.stem .su-tabs-nav strong {
	color:#002e63;
	font-weight:700;
	font-size:2em;
	}

.tablepress tfoot th, .tablepress thead th {
    background-color: #002e63 !important;
    color: #fff;
}


/* Sidebar
-------------------------------------------------------------- */


#sidebar {
    background: #efefef none repeat scroll 0 0;
    margin-left: 0.5em;
    padding: 0.5em;
	min-height: 330px;
	margin-bottom:2em;
	}

#sidebar #custom-menu-wizard-3 ul {
	list-style: outside none none;
	margin:0;
	padding:0;
	}
	
#sidebar #custom-menu-wizard-3 ul li a {
    clear: both;
    font-family: "Roboto",Arial,sans-serif;
	font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
	display:block;
    text-rendering: optimizelegibility;
	}

#sidebar #custom-menu-wizard-3 ul li ul li a {
	font-size: 1rem;
	display:block;
	padding: 0.5em 0.5em 0.5em 2em;
	border: 1px solid #fff;
	list-style: inside square;
	}
	
	#sidebar #custom-menu-wizard-3 ul li ul li a:hover {
	border: 1px solid #ccc;
	}

	#sidebar #custom-menu-wizard-3 .current_page_item {
	border: 1px solid #ccc;
	color: #3864d7;
	}
	
	#sidebar #custom-menu-wizard-3 .cmw-has-submenu {
	border: 1px solid #fff!important;	
	}


/* Breadcrumbs
-------------------------------------------------------------- */

#breadcrumbs {
    display: table;
	color: #002e63;
    font-size: 14px;
    padding: 0.3em 0.8em;
	text-transform: uppercase;
	}
	
.crumb-upper {
	margin-bottom: 0;
    margin-top: 1.5em;
    padding: 0.3em 0 !important;
}

#breadcrumbs .breadcrumb_last {
	font-weight: bold;
}

#breadcrumbs a {
	color:#002e63;
	text-decoration:none;
	}

#breadcrumbs a:hover {
	text-decoration:underline;
}

/* Spaces
-------------------------------------------------------------- */

/*  Title */

#titlespace {
	display:block;
	margin-bottom:0;
	}

#titlespace .top {
	vertical-align:top;
	}

#titlespace .titleside {
	max-width:62.5rem;
	margin:0 auto;
	padding: 0 1em;
	}

/* - Main - */

.prtop {
	padding-top:4em;
	}

/*  Main Under */

.mobilew {
	visibility:hidden;
	display: none;
	}

#underspace, #underspace2, #underspace3 {
   	display: block;
    left: 0;
    margin: -230px auto 0.3em;
    max-width: 62.5rem;
	width:100%;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 7;
	}

#underspace .icon-feature, #underspace2 .icon-feature, #underspace3 .icon-feature {
	background:#002e63;
	border-top:5px solid #f8c93e;
	padding:1.5em;
	height: 268px !important;
	}

#underspace .icon-feature a, #underspace2 .icon-feature a, #underspace3 .icon-feature a {
	color:#FFF;
	}

#underspace .sue-icon-text, #underspace2 .sue-icon-text, #underspace3 .sue-icon-text {
    margin:1em 0 0 0 !important;
    position: relative;
	font-size:2em !important;
	display:block;
	}

#underspace .widget, #underspace2 .widget, #underspace3 .widget {
	vertical-align:top;
	}

#underspace .widget h3, #underspace2 .widget h3, #underspace3 .widget h3 {
	font-weight:300;
	margin-bottom:40px;
	}

#underspace .widget h3 a, #underspace2 .widget h3 a, #underspace3 .widget h3 a {
	font-weight: 300;
	color: #3864D7;
	margin-bottom:40px;
	}

/* Plain Side Widgeting */

#sidebar .widget {
	margin-top: 1em;
    border-top: 1px solid #ccc;
    padding-top: 1em;
	}

#sidebar .widget:first-of-type {
	margin-top: 0;
    border-top: none;
    padding-top: 0;
	}

#sidebar ul {
	margin:1em;
	}


/*  Widget - Events and News Feeds */


.news-item {
	font-size:70%;
	}

.frontpost h2.news-title {
	font-size:1rem;
	}

#sidebar h3.side-title {
 	font-size: 1em;
    font-weight: 600;
    margin-bottom: 1em;
    padding: 0;
	}

/* Full Grid Stuff for RSS */

h2.rfnb_feed_title {
    clear: both!important;
    font-family: "Bitter",serif !important;
   	font-weight: 900!important;
    margin-bottom: 0.3em!important;
    margin-top: 1.5em!important;
	line-height: 1.5em!important;
    text-rendering: optimizelegibility;
}

.newspaper .rfnb_feed_title a, .rfnb_merge.newspaper .rfnb_feed_title a {
	font-size:1.5rem!important;
}

.newspaper .rfnb_feed_title a {
	border:none !important;
	color: #002e63!important;
}


.newspaper .rfnb_item {
    border-bottom: none!important;
    display: inline-block!important;
    padding: 1.5em !important;
    width: 20%;
	font-family:inherit;
	vertical-align:top;
}

.rfnb a.rfnb_title {
font-weight:500 !important;
	font-family: "Bitter",Arial,sans-serif;
}

.newspaper .rfnb_feed_title, .rfnb_merge.newspaper .rfnb_feed_title {
	border:none !important;
}

.newspaper .rfnb_container {
	color:#000!important;
}

@media only screen and (max-width: 920px) {
	
.newspaper .rfnb_item {
	padding: .5em !important;
    width: 30%;
}
	
}

@media only screen and (max-width: 499px) {
	
.newspaper .rfnb_item {
	padding: .5em !important;
    width: 100%;
}
	
}

	
.rssjb ul li a.title {
	color:#fff;
	font-size:1em;
	font-weight:400;
	text-decoration:none;
	}

.rssjb ul li span.datetime {
	color:#fff;
    display: block;
    float: left;
    font-size: 1.5em;
    font-weight: 700;
    left: 0;
    line-height: 1.5em;
    max-width: 2em;
    padding: 0.3em 0.3em 0.3em 0.5em;
    position: absolute;
    text-align: center;
    top: 15%;
	text-transform:uppercase;
	}

.cal-cred {
	padding-bottom:3em;
}

.cal-cred p {
	display:none;
	visibility:hidden;
	}

ul.cets_embedRSS a.post {
	line-height: 1.3em;
	}

ul.cets_embedRSS .rss-date {
	font-weight:600;
	line-height: 2em;
	}

ul.cets_embedRSS .rssSummary {
	font-size:.8em;
	}


/* Grid item */

ul.cets_embedRSS li {
  position: relative;
  color: inherit;
  margin: 0;
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-self: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: top;
  justify-content: top;
	}


.rssjb ul li {
  position: relative;
  color: inherit;
  background: #002e63;
  color:#002e63;
  margin: 0.5em;
  padding: 1em 3.5em 0.5em 5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-self: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}


.rssjb ul li a::after {
    background: #f8c93e none repeat scroll 0 0;
    color: #fff;
    content: "\f105";
   	float: right;
    font-family: FontAwesome;
    font-size: 2em;
    height: 1em;
    line-height: 1em;
    padding: 1ex;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none !important;
    top: 1em;
    width: 0.5em;
	}

.rssjb ul li a:hover::after {
    background: #ffe09b none repeat scroll 0 0;
    color: #454545;
	}


ul.cets_embedRSS li::before {
    /*border: 1px solid rgba(74, 74, 74, 0.075);*/
    bottom: -0.5em;
    content: "";
    left: -0.5em;
    position: absolute;
    right: -0.5em;
    top: -0.5em;
}

/* Unused Hover Outer Border

.rssjb ul li::before {
    border: 1px solid rgba(74, 74, 74, 0.075);
    bottom: -0.5em;
    content: "";
    left: -0.5em;
    position: absolute;
    right: -0.5em;
    top: -0.5em;
}

.rssjb ul li:hover::before {
    border: 1px solid #002e63;
    bottom: -0.5em;
    content: "";
    left: -0.5em;
    position: absolute;
    right: -0.5em;
    top: -0.5em;
}

*/

.rssjb ul li *, ul.cets_embedRSS li * {
  z-index: 10;
}

.rssjb ul, ul.cets_embedRSS {
  position: relative;
  margin: 0;
  padding-bottom:2em;
}

@media screen and (min-width: 900px) {
  .rssjb ul, ul.cets_embedRSS {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  /* 2 columns */
  .rssjb ul li, ul.cets_embedRSS li {
    width: 28%;
    border: none;
  }

/*  .grid__item::before {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border: 1px solid rgba(74, 74, 74, 0.075);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .grid__item:hover::before,
  .grid__item:focus::before {
    border: 3px solid #3864d7;
  }*/

  .rssjb ul li--loading.rssjb ul li::before {
    opacity: 0;
  }
}
@media screen and (min-width: 1200px) {
  /* 3 columns */
  .rssjb ul li, ul.cets_embedRSS li {
    width: 16%;
  }
}
@media screen and (min-width: 1500px) {
  /* 4 columns */
  .rssjb ul li, ul.cets_embedRSS li {
    width: 16%;
  }
}
@media screen and (min-width: 1800px) {
  /* 5 columns */
  .rssjb ul li, ul.cets_embedRSS li {
    width: 16%;
  }
}
@media screen and (min-width: 2100px) {
  /* 6 columns */
  .rssjb ul li, ul.cets_embedRSS li {
    width: 16%;
  }
}

/*  Footer */

#footerspace {
    display: table;
    margin: 0 auto;
	padding:1em;
    max-width: 62.5rem;
    vertical-align: top;
	}

#footerspace .widget {
    display: table-cell;
    width: 20%;
	vertical-align:top;
	text-align:left;
	}

#footerspace .widget h3 {
	color: #081e3f;
    font-size: 1.5rem;
    font-weight: 600;
	}

footer .footer-resources {
    color: white;
    padding: 2em 1em 1em;
    text-align: center;
	margin:0 auto;
	max-width:62.5rem;
	}

.hidden {
	visibility: hidden;
	display: none;
}

footer .footer-resources .footer-resources-social-wrapper a {
    border-bottom: medium none;
}

footer .footer-resources .footer-resources-social-wrapper {
    font-size: 1em;
    margin: 0;
}

footer .hide {
    display: none;
}

footer .footer-resources a span.fa {
    float: left;
}

footer .footer-resources a span.fa {
    color: #fff;
    font-size: 1.25em;
    padding: 4px;
}

footer .footer-resources a {
    color: #f8c93e;
	text-decoration:none;
	border-bottom:1px solid #f8c93e;
}

footer .footer-resources a.logo {
	border-bottom:none;
	}

footer .footer-resources img {
    float: right;
    padding-right: 2em;
    vertical-align: middle;
	padding-right:3em;
}

footer .footer-resources img {
    width: 100px;
}

footer .footer-resources ul {
    list-style: outside none none;
    margin: 0;
    text-align: center;
}

footer .footer-resources ul li {
    display: inline-block;
    margin-left: 5px;
	line-height: 1.5em;
    margin-bottom: 0;
	float: left;
}

footer .end {
	padding-top:1em;
}

footer .blu-wrp {
	background:#081e3f;
	}

/* Posts/Articles
-------------------------------------------------------------- */

#content {
	padding: 0 1em;
	}

article {
  background: transparent;
  padding: 0;
  margin-bottom: 80px;
  border-bottom: 1px solid #fff;
}
article .title {
  font-weight:600;
  font-size:2em;
  margin-top:.8em;
}

article .upper {
	border-bottom: 3px double #002e63;
    font-size: 2.75rem;
    font-weight: 500;
    margin-top: 0;
}

article .title a {
  text-decoration: none;
  color: #404040;
}
article .title a:hover {
  color: #3864d7;
}

article .img-fmt {
    color: #fff;
    margin-top:0;
	padding:2em 0;
    vertical-align: middle;
	text-shadow: 1px 1px #000;
}

article .post-meta {
    color: #999;
    font-family: "Roboto",Arial,sans-serif;
    font-size: 1em;
    font-style: italic;
    font-weight: 600;	
}
article .post-meta a {
  color: #888888;
  text-decoration: none;
}
article .post-meta a:hover {
  color: rgba(136, 136, 136, 0.5);
}

article .the-content a {
  font-weight: 500;
  text-decoration: underline;
}

article .the-content .su-label a {
  font-weight: 500;
  color:#fff;
  text-decoration: none;
}

.su-label {
    display: inline-block !important;
    padding: 0.4em !important;
}

article .the-content .su-label a:hover {
	text-decoration:underline;
	}

article .the-content p {
  color: #191919;
}

article .the-content img {
  max-width: 100%;
  height: auto;
}

article span.drop {
	font-size:4em;
	clear:both;
	padding: 0.3ex 0.1ex;
	font-weight:900; 
	display:inline-block;
	float:left;
	}

article .meta {
  line-height: 14.8px;
  font-size: 10px;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .9px;
}

article .meta div {
  margin:1px auto;
}

article .meta .post-categories {
  list-style: none;
  margin: 0 0 10px 0;
}

article .meta .post-categories li {
  display: inline-block;
  margin-right: 10px;
}

/* Page loop styling */
.page article {
  border-bottom: none;
}

/* Pagination */
#pagination {
  margin-bottom: .5em;
  width: 100%;
}
#pagination .past-page {
  float: right;
  width: 45%;
  text-align:right;
}

#pagination .next-page {
  float: left;
  width: 50%;
}

.next-page a, .past-page a {
  display:block;
  font-size: 2em;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 600;
  font-style: italic;
  padding: .5em;
  border: 1px solid #ccc;
  margin-top: .5em;
  margin-bottom: .5em;
}

/* Comments */
h3#comments {
  margin-bottom: 80px;
  font-size: 16px;
}

.commentlist {
  list-style: none;
  margin: 0;
}

.commentlist .comment {
  margin: 0 0 40px 50px;
  padding: 20px;
  position: relative;
  list-style: none;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.commentlist .comment .children {
  margin-top: 40px;
}
.commentlist .comment-author {
  float: left;
  margin-right: 10px;
}
.commentlist .comment-author img {
  position: absolute;
  left: -50px;
  top: 5px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.commentlist .comment-author .says {
  display: none;
}
.comment-meta {
  font-size: 12px;
  margin-bottom: 10px;
}
.comment-subscription-form,
.comment-subscription-form {
  margin-bottom: 0;
  font-size: 14px;
}
#respond {
  margin-bottom: 80px;
}
#respond > h3 {
  font-size: 16px;
  margin-bottom: 20px;
}
#respond form label {
  color: #888888;
}
footer {
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
}

/* Misc & mixens
-------------------------------------------------------------- */
.site-footer {
    background: #f8c93e none repeat scroll 0 0;
    margin: 0 auto;
    max-width: 100%;
}

.site-footer ul {
	margin:0;
	list-style:none;
	}

.site-footer ul li {
	margin-bottom:.5em;
	line-height:2em;
	}

.site-footer ul li a {
	display:block;
	width:100%;
	}

/* (No hover for now) .site-footer .footer-resources a:hover {
	text-decoration:none;
	color:#fff;
	border-bottom: 1px solid #fff;
	}*/

.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.clear {
  clear: both;
}

/* clear floats */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

iframe {
	margin-bottom:1em;
	}

/* Logo Header */

#st {
    margin: 0 auto;
    padding: 0;
    position: relative;
	max-width:62.5rem;
	padding:.5em;
}

#st span {
	display: inline-block;
    text-align: right;
	vertical-align:middle;
    width: 48%;
	}

#st p {
	margin:0;
}

#st h1 {
	padding-top: 20px;
	font-weight: 800;
	font-size: 1.5em;
	margin: 0 auto;
	display:inline-block;
	vertical-align:middle;
	width: 48%;
}

#st h1 img {
	max-width:300px;
	height:auto;
	}

#st a:hover, #st a:focus, #st a:active {
	text-decoration:none;
}

#st button {
    background: none;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    padding: 0.5em 0.7em;
	border: 1px solid #dddddd;
    border-radius: 0;
	height:40px;
	}

#st button:hover {
	background:#fff;
	color:#002e63;
	}

/* Tranfer Elements */

.chat-button {
	border: 1px solid #ccc;
	padding:.5em;
	}

.chat-button p {
	margin:0;
	}

.chat-button a {
	display:block;
	vertical-align:middle;
	font-size:.8em;
	margin:0 auto;
	text-align: center;
	}

.chat-button img {
	vertical-align:middle;
	max-width:100%;
	width:22px;
	height:auto;
	padding-right:.5em;
	}

.sect-h {
	}

.sect-h h2 {
	font-size: 1.5em;
	margin-top:0;
	}


/* TED Form Elements */

    .select2 {
        width: 100% !important;
    }
    .rwd-table {
        margin: 1em 0;
        min-width: 250px;
        font-family: Montserrat, sans-serif;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }
    .rwd-table tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .rwd-table th {
        display: none;
    }
    .rwd-table td {
        display: block;
    }
    .rwd-table td a{
        text-decoration: underline;
		display:block;
    }
    .rwd-table td:first-child {
        padding-top: .5em;
    }
    .rwd-table td:last-child {
        padding-bottom: .5em;
    }
    .rwd-table td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 6.5em;
        display: inline-block;
    }
    @media (min-width: 480px) {
        .rwd-table td:before {
            display: none;
        }
    }
    .rwd-table th, .rwd-table td {
        text-align: left;
    }
    @media (min-width: 480px) {
        .rwd-table th, .rwd-table td {
            display: table-cell;
            padding: .25em .5em;
        }
        .rwd-table th:first-child, .rwd-table td:first-child {
            padding-left: 0;
        }
        .rwd-table th:last-child, .rwd-table td:last-child {
            padding-right: 0;
        }
    }

    .rwd-table {
        background: #34495E;
        border-radius: .4em;
        overflow: hidden;
    }
    .rwd-table tr {
        border-color: #46637f;
    }
    .rwd-table th, .rwd-table td {
        margin: .5em 1em;
    }
    @media (min-width: 480px) {
        .rwd-table th, .rwd-table td {
            padding: 1em !important;
        }
    }


.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:normal;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=100);opacity:1}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#3498db;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#3498db}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}


/* #Media Queries
================================================== */

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

}

@media only screen and (max-width: 999px) {
	
	.side-title{
      font-size: 1em;
      line-height: 1.5em;
    }
	
}

@media only screen and (max-width: 768px) {
	
	#content {
	padding: 0;
	}
	
	#front {
		display:block;
		}
	
	#front a {
	display:block;
	width:97.5%;
	padding:.5em;
	border-bottom:1px solid #b8b8bb;
	border-right:none;
	}
	
	.feature-front {
    margin: 0 auto !important;
	}
	
	.frontpost .sue-content-slider-arrows-yes::before, .frontpost .sue-content-slider-arrows-yes::after  {
		content:'Swipe for More ↔';
		display:block;
		background:#CCC;
		padding:.5em;
		margin:1em auto;
		text-align:center;
		max-width:230px;
		}
	
	footer .footer-resources img {
    float: none;
    padding-right: 0;
	padding-right:0;
	}
	
	footer .footer-resources ul li {
		float: none;
		}
	
	footer .footer-resources a span.fa {
		float: none;
		}
	
	#front a:last-of-type {
	  border-bottom:none;
	}
	  
	body, article .post-meta{
      font-size: 1.2em;
      line-height: 1.5em;
    }
    article .title{
      font-size: 2em;
      line-height: 1.5em;
    }
    .site-title{
      font-size: 1em;
      line-height: 1.5em;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a {
      font-size: 1em;
      line-height: 1.5em;
    }
	
	.prtop {
		padding-top:0;
		}

	#underspace .widget, #underspace2 .widget, #underspace3 .widget  {
		width:100%;
		margin-bottom: 1em;
        padding: 0 0 1em;
		display: block;
		border-bottom: 1px solid #ccc;
		}
	
	#underspace aside:last-of-type, #underspace2 aside:last-of-type, #underspace3 aside:last-of-type {
		border-bottom: none;
		}
	
	#underspace, #underspace2, #underspace3  {
    display: block;
    margin: 0;
    position:inherit;
    z-index: 1;
	margin-bottom:1em;
	padding:1em 1em 0 0;
	}
	
	#underspace .textwidget .su-row, #underspace2 .textwidget .su-row, #underspace3 .textwidget .su-row {
		padding:1em !important;
		}
		
	#sidebar {
	margin-left: 0;
	min-height:inherit;
	}
	
	#footerspace {
    display: block;
    margin: 0;
    max-width: 100%;
	}
	
	#footerspace .widget {
		margin-bottom:2em;
    display: block;
    width: 100%;
	}
	
	#footerspace .widget img {
	height: auto;
    max-width: 65vw;
	}
	
	.container {
		width:100%;
		}

}


@media only screen and (max-width: 643px) {
	
	article .img-fmt {
	padding:0;
    vertical-align: bottom;
	color: #555;
    margin-top: 0.8em;

}

#titlespace {
    background: none !important;
}
	
	body, article .post-meta{
      font-size: 1.2em;
      line-height: 1.5em;
    }
    article .title{
      font-size: 150%;
      line-height: 1.5em;
		text-shadow: none;
		color:#081e3f;
    }
    .site-title{
      font-size: 1.5ex;
      line-height: 30px;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;
    }
		
	.next-page a, .past-page a {
    font-size: 1em;
    padding: 5%;
	}
	
	.mobilew {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	visibility: visible;
	display: block;
    padding: 0;
    width: 100%;
	margin-bottom:1em;
	}

	.mobilew h3 {
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 1em;
    text-align: center;
    margin-top: .5em;
	}
	
}

@media only screen and (max-width: 600px) {
	
#st span {
    display: block;
    text-align: center;
    width: 100%;
}

#st h1 {
    display: block;
	text-align:center;
	padding-bottom:.5em;
    width: 100%;
}


#st h1 img {
    height: auto;
    max-width: 65vw;
}

#st input {
	line-height:1em;
	}

#st button {
	line-height:1em;
	}

}

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

		/* - Giant Submenu Static on Mobile - */
	
		.ubermenu-skin-grey-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
	position: static !important;
	}
	
		.ubermenu .ubermenu-item .ubermenu-submenu-drop {
	position: static !important;
	}

}


@media only screen and (max-width: 359px) {
	
	body, article .post-meta{
      font-size: 1.2em;
      line-height: 1.5em;
    }
    article .title{
      font-size: 150%;
      line-height: 1.5em;
    }
    .site-title{
      font-size: 1.5ex;
      line-height: 30px;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;
    }
	
}