html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 40px;
}

.noshow {
  display: none;
}

#webbanner {
  background-color: #2e4672;
  height: 50px;
  position: relative;
}

#webbanner > img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto auto auto 15px;
  width: 342px;
  height: 31px;
}

.navbar {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.navbar-brand > img {
  border-width: 0px;
  width: 64px;
  height: 40px;
}

.card-body-sm {
  padding: .75rem 1.25rem;
}

.card-body-sm > .last-event {
  margin-bottom: .5rem;
}

.top-event {
  color: black;
}

.label-normal {
  font-weight: normal;
  margin-bottom: .5rem;
}

.quoted-text {
  font-style: italic;
}

.report-by {
  font-weight: bold;
  font-style: italic;
}

.event-details > .row > div:first-of-type > p {
  font-weight: bold;
}

/*
.event-details > .row:nth-of-type(1) > div:nth-of-type(2) > p {
  color: red;
}
*/

.prog-cancelled {
  color: red;
}

.prog-suspended {
  color: red;
}

.event-cancelled {
  color: red;
}

.event-suspended {
  color: red;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  background-color: #f5f5f5;
}

.footer > .container {
  width: auto;
  padding: 0 1.125rem;
}

#ft {
  margin: .375rem 0px;
}

.container > h1 {
  margin-top: 10px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}

.row > div > p,
a > .row > div > p {
  /* margin: 10px 0px 10px 10px; */
  margin: 5px -5px 5px 5px;
}

.prog-table {
  border-color: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-width: 1px;
  border-style: solid;
}

.prog-table > div > a {
  text-decoration: none;
}

.prog-event {
  border-color: #ddd;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
}

.prog-required {
  color: grey;
}

.prog-event-type {
  background-color: whitesmoke;
  color: grey;
}

.prog-social {
  background-color: #cfe2ff;
  border-color: #b6d4fe;
  color: #084298;
}

.prog-training {
  background-color: #e2e3e5;
  border-color: #d3d6d8;
  color: #41464b;
}

.prog-easy {
  background-color: #d1e7dd;
  border-color: #badbcc;
  color: #0f5132;
}

.prog-moderate {
  background-color: #fff3cd;
  border-color: #ffecb5;
  color: #664d03;
}

.prog-challenging {
  background-color: #f8d7da;
  border-color: #f5c2c7;
  color: #842029;
}

.marginBottom-0 {
  margin-bottom:0;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.dropdown-submenu > a:after {
  border-top: 5px solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
  float: right;
  margin-top: 5px;
  margin-right: -10px;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

a.dropdown-toggle,
a.card-title {
  color: #212529;
  text-decoration: none;
}

.google-subscribe-table {
  background-color: #fff;
  padding: 5px;
}

.google-subscribe-cell {
  padding-left: 5px;
}

.accordion .card-header:after {
    font-family: 'Material Icons';
    content: "remove";
    float: right;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    font-family: 'Material Icons';
    content: "add";
    float: right;
}

/* Print styling */

@media print {

[class*="col-"] {
	float: left;
}

[class*="col-sm-"] {
	float: left;
}

[class*="col-md-"] {
	float: left;
}

.col-12, .col-sm-12, .col-md-12 { 
	width:100% !important;
}

.col-11, .col-sm-11, .col-md-11 { 
	width:91.66666667% !important;
}

.col-10, .col-sm-10, .col-md-10 { 
	width:83.33333333% !important;
}

.col-9, .col-sm-9, .col-md-9 { 
	width:75% !important;
}

.col-8, .col-sm-8, .col-md-8 { 
	width:66.66666667% !important;
}

.col-7, .col-sm-7, .col-md-7 { 
	width:58.33333333% !important;
}

.col-6, .col-sm-6, .col-md-6 { 
	width:50% !important;
}

.col-5, .col-sm-5, .col-md-5 { 
	width:41.66666667% !important;
}

.col-4, .col-sm-4, .col-md-4 { 
	width:33.33333333% !important;
}

.col-3, .col-sm-3, .col-md-3 { 
	width:25% !important;
}

.col-2, .col-sm-2, .col-md-2 { 
	width:16.66666667% !important;
}

.col-1, .col-sm-1, .col-md-1 { 
	width:8.33333333% !important;
}
  
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left !important;
}

body {
	margin: 0;
	padding 0 !important;
	min-width: 768px;
}

.container {
	width: auto;
	min-width: 750px;
}

body {
	font-size: 10px;
}

a[href]:after {
	content: none;
}

.noprint, 
div.alert, 
header, 
.group-media, 
.btn, 
.footer, 
form, 
#comments, 
.nav, 
ul.links.list-inline,
ul.action-links {
	display:none !important;
}

}

/* End of print styling */