/*body {background: transparent url('//www.miottawa.org/images/main-images/sunset_may.jpg') top center no-repeat;background-size: 100% 100%;background-attachment: fixed;color:#222;}*/

body {
  background: #fff;
  color: #222;
}

@media only screen and (max-width: 72.5em) {
  body {
    background-image: none;
  }
}
/*Colors -- 
Teal? #5c789d;
Light BLue: DAE7ED
Orange: #ac634d, Gray: #5c575e, Blue:#d2dce4;
Tan: #f2efed;
DarkerTan: #f3eabf;*/
/*FONTS Roboto+Slab:400,700|Roboto:300,400,500,700|Source+Sans+Pro:400,600,700 | Roboto+Condensed:400,700 */

body,
.nav-bkgd li li a,
.nav-bkgd {
  font-family: "Roboto", sans-serif;
  line-height: 1.7;
  font-weight: 400;
}
#content {
  min-height: 650px;
}
h1, h2, h3, .top-graybar,  .nav-item, .menu-text, .title-bar-right, .slab, legend/*, .button, button, input[type="submit"], input[type="button"], input[type="reset"]*/ {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
}
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.breadcrumbs,
.condensed {
  font-family: "Roboto Condensed", sans-serif;
}
h4 {
  font-family: "Roboto Slab", serif;
  font-weight: 500;
}

.row {
  max-width: none;
}

.sans,
.roboto {
  font-family: "Roboto", sans-serif !important;
}

small {
  font-size: 75%;
}
.white-bkgrd {
  /*background-color: #fff;*/
  background: #ffffff;
  background-image: -webkit-linear-gradient(
    right,
    white 83.33333%,
    #f9f8f7 16.66667%
  );
  background-image: -moz-linear-gradient(
    right,
    white 83.33333%,
    #f9f8f7 16.66667%
  );
  background-image: -o-linear-gradient(
    right,
    white 83.33333%,
    #f9f8f7 16.66667%
  );
  background-image: linear-gradient(right, white 83.33333%, #f9f8f7 16.66667%);
  background-image: -ms-linear-gradient(
    right,
    white 83.33333%,
    #f9f8f7 16.66667%
  );
}
.orange {
  color: #cb6d3b !important;
}
.brown {
  color: #7f624c !important;
}
.blue {
  color: #5c789c !important;
}
.green {
  color: #718e40;
}
.light-blue {
  color: #dae7ed;
}
.red {
  color: #b14447 !important;
}
a.red:hover {
  color: #b14447 !important;
  text-decoration: underline;
}

.orange-bg {
  background-color: #cb6d3b !important;
  color: #fff !important;
}
.brown-bg {
  background-color: #7f624c !important;
  color: #fff !important;
}
.blue-bg {
  background-color: #5c789c !important;
  color: #fff !important;
}
.green-bg {
  background-color: #718e40 !important;
  color: #fff !important;
}
.red-bg {
  background-color: #b14447 !important;
  color: #fff !important;
}
.gray-bg {
  background-color: #5c575e !important;
  color: #fff !important;
}

.white-text,
.white {
  color: #ffffff !important;
}

/*---header---*/
.top-graybar {
  background-color: #5c575e;
  font-weight: 400;
}
.top-graybar-new {
  background-color: #f2efed;
  font-weight: 400;
}
.main-logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
}
.main-logo-freedom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
/*
  margin-left: auto;
  margin-right: auto;
*/
  z-index: 100;
}
.main-logo-new {
  position: absolute;
  top: 0;
  left: 4px;
  right: 0;
  width: 140px;
  z-index: 100;
}
.header-left {
  padding: 0.5em 0;
  font-weight: bold;
  font-size: 1.17rem;
}
.header-left {
  color: #c8dce5; /*green - color:#a9b18f; */
  font-weight: bold;
  font-size: 1.17rem;
}
.header-left i {
  color: #fff;
}

/*----Links----*/
a {
  font-weight: 700;
  color: #5c789d;
}
a:hover,
a:focus {
  color: #4f7097;
}
.callout.primary a {
  color: #546d8e;
} /*darker for accessibility AG*/
.callout.primary a.button {
  color: #fff;
}
.callout.primary a.button.secondary {
  color: #5c575e;
}
/*a:hover {border-bottom: 1px dotted #5c789d;  cursor: pointer!important;}*/

/*
a img {opacity: 1;}
a img:hover {opacity: .85;
 -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity  .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
*/
.img-link a:hover {
  border-bottom: none !important;
}
nav a img:hover {
  opacity: 1;
}

/*--HEADINGS--*/
h1,
h2,
h3,
h4,
h6 {
  color: #48494a;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
/*h4{color:#cb6d3b;}*/
h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h3 {
  color: #48494a;
}
h2,
h2 a {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h3,
h3 a {
}
h4,
h4 a {
}
h6 {
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #929192;
}

.row.title,
h1.padleft {
  padding-top: 1rem;
}
.row.main {
  padding-bottom: 1rem;
}
h1.padleft {
  padding-left: 14rem;
}
/*.main img {padding: .5rem 1rem;}*/
strong,
b {
  font-weight: 500;
}
strong a,
b a {
  font-weight: 700;
}

/*---NAV---*/
.nav-bkgd .menu {
  flex-wrap: nowrap;
}
.menu a {
  white-space: normal;
}
.nav-bkgd {
  position: relative;
}
.nav-bkgd ul.is-dropdown-submenu h4,
.nav-bkgd ul.is-dropdown-submenu h4 a {
  color: #5c789d;
  padding-left: 0.5rem;
  margin-bottom: 0;
}
.nav-bkgd ul.is-dropdown-submenu h4,
.nav-bkgd ul.is-dropdown-submenu h4 a:hover,
.dropdown.menu > li.is-dropdown-submenu-parent > a:hover {
  border: none;
}
.nav-bkgd .menu li.is-dropdown-submenu-parent {
  position: static;
  text-align: center;
}
.nav-bkgd {
  background-color: #dae7ed;
}
.nav-bkgd .menu > li > a {
  color: #5c575e;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 1.3rem 1.1rem;
}
.nav-bkgd .menu p a {
  line-height: 1.3rem;
}
.dropdown.menu .is-active > a {
  color: #5c789d;
}
.nav-bkgd .menu > li > a span {
  color: #a6a5a6;
}
.nav-bkgd .is-dropdown-submenu {
  width: 100%;
  background-color: #f2efed;
  border: 1px solid #f2efed;
  box-shadow: 10px 0px rgba(0, 0, 0, 0.25), 0 15px 010px rgba(0, 0, 0, 0.2);
  text-align: left;
  max-width: 100% !important;
  min-width: 100% !important;
  padding: 1rem 0;
  z-index: 100;
}
.nav-bkgd ul a.nav-item:hover {
  background-color: #f2efed;
}
.nav-bkgd ul li.is-dropdown-submenu-parent.is-active a.nav-item {
  background-color: #f2efed;
}
.nav-bkgd .is-dropdown-submenu li a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #5c789d;
  cursor: pointer;
  padding-right: 0.3rem;
}
.nav-bkgd .is-dropdown-submenu ul {
  list-style: none;
}
.nav-bkgd .is-dropdown-submenu ul ul {
  margin-left: 0.5rem;
}
.nav-bkgd .is-dropdown-submenu ul li a {
  color: #5c575e;
  font-weight: 500;
  line-height: 1.8;
}
.nav-bkgd .dropdown .is-dropdown-submenu a {
  padding: 0;
}
.nav-bkgd .dropdown .is-dropdown-submenu a:hover {
  border-bottom: none;
}
.nav-bkgd .dropdown .is-dropdown-submenu a.webicon {
  margin: 0.2rem;
  box-shadow: none;
}
.nav-bkgd .dropdown .is-dropdown-submenu a.button {
  padding: 0.7rem 1rem;
}

.nav-bkgd .is-dropdown-submenu ul li a:hover {
  color: #ba5b2b;
  border: none;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none;
}
.nav-bkgd h4 a {
  font-weight: 700;
}
.nav-bkgd .callout {
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.4);
  margin-bottom: 0;
  padding: 0.5rem;
}
.callout.vitals {
  background: rgba(255, 255, 255, 0.4)
    url("https://www.miOttawa.org/images/vitals.png") bottom left no-repeat;
  padding: 0.5rem 1rem 3rem 0.5rem;
  font-size: 0.9rem;
}
.nav-bkgd .dropdown .is-dropdown-submenu .callout.vitals a {
  display: inline-block;
}
.featured-parks img {
  padding: 5px 20px 5px 0;
}
.nav-bkgd .callout a i {
  font-size: 3.5rem;
  margin-top: 15px;
  margin-left: -15px;
  color: #d4e1ea;
}
.nav-bkgd .callout a:hover i,
.nav-bkgd .callout a:hover {
  color: #5c789d;
}
.callout.white {
  background: transparent;
  border: none;
  -webkit-box-shadow: 7px 7px 13px -9px rgba(92, 120, 157, 0.44);
  -moz-box-shadow: 7px 7px 13px -9px rgba(92, 120, 157, 0.44);
  box-shadow: 7px 7px 13px -9px rgba(92, 120, 157, 0.44);
}

form.govdelivery ul {
  list-style-type: none;
  margin: 0 !important;
  padding: 0;
}
form.govdelivery ul li {
  margin: 5px;
}
form.govdelivery #country_code_display {
  display: none;
}
form.govdelivery .input_group {
  display: inline;
  width: 100%;
}

/*--Mobile Nav--*/
.title-bar {
  background-color: #dae7ed;
  padding: 0;
}
.title-bar button {
  background-color: transparent;
  margin-bottom: 0;
  margin-top: 5px;
}
.menu-icon::after {
  background: #5c575e;
  box-shadow: 0 7px 0 #5c575e, 0 14px 0 #5c575e;
}
.title-bar-title {
  color: #5c575e;
  position: absolute;
  top: -1px;
  left: 27px;
  font-weight: 400;
  color: #5c575e;
  font-size: 0.75rem;
  display: none;
}
.title-bar-left {
  padding: 0.5rem;
  border-right: 1px solid #bccad7;
  flex: 0 1 auto;
}
.title-bar-right {
  color: #5c789d;
  padding: 0.65rem 0.5rem 0.5rem 0.5rem;
  text-align: center;
}
.title-bar-left a {
  color: #5c575e;
  padding: 0.25rem;
}
.title-bar-left i {
  font-size: 1.1rem;
}
.title-bar-left a:hover {
  color: #ba5b2b;
}
.menu-icon:hover::after {
  background: #ba5b2b;
  box-shadow: 0 7px 0 #ba5b2b, 0 14px 0 #ba5b2b;
}
.mobile-menu.drilldown a {
  background-color: #dae7ed;
}
.off-canvas {
  z-index: 110;
  background-color: #dae7ed;
}
off-canvas-content {
  background: #f9f8f7;
}
.off-canvas a,
ul.vertical.menu a {
  color: #5c575e;
}
.menu .menu-text {
  background-color: #555;
  color: #fff;
  text-align: center;
}
.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #5c575e;
}
ul.vertical.menu li.js-drilldown-back a {
  color: #ba5b2b;
}
.mobile-menu.drilldown .js-drilldown-back a {
  background-color: #f2efed;
  color: #5c789d;
}
.off-canvas.is-transition-overlap {
  z-index: 110;
}
.dropdown.menu.mobile-search > li.is-dropdown-submenu-parent > a {
  padding: 0.55rem;
}

/*Google Search*/

.goog-te-gadget a {display: none!important;}
.gsc-adBlock,
.gsc-resultsHeader {
  display: none !important;
}
.gsc-control-cse .gsc-table-result {
  font-family: "Roboto", sans-serif !important;
}
.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
  padding-left: 0;
  padding-right: 0;
}
.search-input-animated {
  position: relative;
  min-width: 50px;
  width: 0%;
  float: left;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.gsc-input {
  top: 0px;
  right: 0;
  border: 0;
  margin: 0;
  background-color: transparent;
  border-radius: 2px;
  background-image: none !important;
}
.searchbox-icon {
  display: block;
  position: absolute;
  top: 2px;
  left: 10px;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  text-align: center;
  cursor: pointer;
}
input.gsc-input {
  text-indent: 32px;
}
.searchbox-open {
  width: 100%;
}
.searchbox-open td.gsc-input {
  background-color: #fff;
  height: 40px;
  padding: 0 !important;
  margin: 0 !important;
}
.searchbox-open i {
  color: #5c575e;
}
.ottawa-county {
  position: absolute;
  top: 12px;
  left: 53px;
  background-color: #5c575e;
}
.header-left .hide-for-medium-only {
  opacity: 1;
  display: block;
}
.header-left.header-open .hide-for-medium-only {
  display: none;
  transition: opacity 1s ease-out;
  opacity: 0;
}
#gsc-iw-id1.gsc-input-box.gsc-input-box-hover {
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
}

#gs_tti50.gsib_a .gsc-input,
#gs_tti50.gsib_a {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.header-left table,
.header-left table tbody,
input.gsc-input,
input.gsc-input:focus,
input.gsc-input:hover,
input.gsc-input:active,
#gs_tti50.gsib_a:hover,
#gs_tti50.gsib_a:active,
#gs_tti50.gsib_a:focus {
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  padding: 0;
  margin: 0;
}
td.gsc-search-button,
td.gsib_b {
  display: none;
}
.header-left .gsc-input-box {
  background-color: transparent;
  border: none;
}
table.gsc-search-box .gsc-input,
.header-left table {
  padding: 0;
  margin: 0;
}
#gsc-iw-id1.gsc-input-box,
input.gsc-input {
  padding-top: 0;
  height: 40px !important;
}
form.gsc-search-box * {
  border: none !important;
}
input.gsc-input {
  border: 1px solid #cacaca !important;
  border-radius: 2px;
}

.goog-logo-link,
.goog-te-gadget {
  color: transparent !important;
}

.goog-logo-link {
  display: none;
}

#google_translate_element {
  margin-right: 5px;
}

select.goog-te-combo:focus {
  box-shadow: none;
}
select.goog-te-combo {
  text-align: right;
  background-color: transparent;
  border: none;
}
/*
.goog-te-gadget {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f101";
    padding-right: 0.25rem;
    color: #9db7d8;
    font-size: .7em;}
*/

/*Mobile Search*/
#searchModal td.gsc-search-button,
td.gsib_b {
  display: block;
}
#searchModal form.gsc-search-box table td {
  display: block;
  display: table-row;
  height: 50px;
  width: 100%;
}
#searchModal form.gsc-search-box table tr {
  display: block;
  display: table-row;
  height: 50px;
  width: 100%;
}
#searchModal .gsc-search-button.gsc-search-button-v2 {
  height: 40px;
  width: 55px;
  padding: 6px 15px;
}
.gsc-input,
#gs_tti51 {
  height: 40px;
}
.gscb_a {
  display: none !important;
}
#gsc-adBlock {
  display: none;
}
/*---FOOTER---*/
.footer {
  background-color: #dae7ed;
  padding: 1rem 0;
}
.footer h1 {
  font-size: 2rem;
  padding: 1rem 0;
}
.footer h2 {
  font-size: 1rem;
}
.footer a {
  font-size: 0.85rem;
  color: #5c575e;
  font-weight: 400;
  line-height: 25px;
}
.footer a:hover {
  text-decoration: underline;
}
.sub-footer {
  background-color: #f2efed;
  color: #72706d;
  padding: 1.5rem;
  font-size: 0.9rem;
}

/*breadcrumbs*/
.breadcrumbs {
  border-bottom: 0px solid #eaecee;
  margin: 0 0 0.5rem 0;
  height: 1.75rem;
}
.breadcrumbs a {
  color: #5c789d;
}
.breadcrumbs a:hover {
  text-decoration: none;
}
.breadcrumbs a[href="http://www.miottawa.org/Health/"]
{
  display: none;
}
div.breadcrumbs > *::before {
  color: #aaaaaa;
  content: "/";
  margin: 0 0.5rem;
  position: relative;
  top: -2px;
  font-size: 0.75rem;
}
div.breadcrumbs > :first-child::before {
  content: " ";
  margin: 0;
}

@media only screen and (max-width: 50em) {
  .breadcrumbs {
    display: none;
  }
}

/*--BUTTONS--*/
.button,
a.button {
  font-weight: 500;
  background-color: #5c789d;
  color: #fff;
}
.button:hover,
.button:focus {
  background-color: #576b85;
}
.button.secondary {
  color: #48494a;
  font-weight: 700;
  margin-right: 5px;
}
.button.success {
  background-color: #6f925e;
  color: #fff;
}
.button.success:hover {
  color: #fff;
  background-color: #5d7b4f !important;
}
.button.alert {
  background-color: #b14447;
}
.tiny.button {
  padding: 0.575rem 0.75rem 0.5375rem;
}
ul.button-group {
  list-style-type: none;
}
.button-group {
  margin: 1rem 0rem;
}
button.close-button {
  background-color: transparent;
  padding: 0;
}
.button.secondary {
  background-color: #e8e4df;
}
.button.secondary:hover {
  background-color: #f2efed;
  color: #48494a !important;
}
.button.secondary:focus {
  background-color: #cfbfab;
}
.button-group.secondary .button {
  background-color: #f2efed; color:#48494a;
}
.button-group.secondary .button:hover {
  background-color: #e8e4df; color:#48494a;
}
.button-group {
  background-color: #e8e4df;
}
.form-row {
  margin-top: 30px !important;
}
.button.orange {
  background-color: #cb6d3b !important;
  color: #fff !important;
}

.button.orange:hover {
  background-color: #a95e36 !important;
  color: #fff !important;
}

/*foundation fix for .stacked-for-small.button-group*/
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    flex: auto;
  }
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #5c789d;
  color: #fff;
  font-weight: 500;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  background-color: #576b85;
  color: #fefefe;
}

/*----Sec Nav----*/
.side-nav {
  position: relative;
}
.side-nav a {
  color: #5c575e;
  font-weight: 400;
}
.side-nav a:hover {
  color: #5c789d !important;
}
.side-nav li a {
  padding: 0.3rem 1rem 0.3rem 0.15rem;
  border-bottom: 1px solid #eaecee;
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.93rem;
}
.side-nav p {
  line-height: 1.2;
}
.side-nav .accordion-menu li .is-accordion-submenu li a {
  padding: 0.225rem 0.9rem 0.225rem 0.25rem;
  border-bottom: 1px solid #eaecee;
  font-size: 0.9rem;
}
.side-nav .accordion-menu .is-accordion-submenu-parent > a::after {
  border-color: #ceccce transparent transparent;
  right: 0.5rem;
}
.side-nav .accordion-menu li a.active {
  font-weight: 700;
  color: #5c789d !important;
}
.side-nav .accordion-menu li a:hover:after {
  border-color: #5c789d transparent transparent;
}
.side-nav h2,
.side-nav h1 {
  font-size: 1.1rem;
  line-height: 1.9rem;
  margin: 2rem 0 0 0;
  color: #5c789d;
}
li.is-accordion-submenu-parent[aria-expanded="true"] a,
li.is-accordion-submenu-parent[aria-expanded="true"]
  ul
  li.is-accordion-submenu-parent[aria-expanded="true"]
  a {
  font-weight: 700;
}
li.is-accordion-submenu-parent[aria-expanded="true"] ul li a,
li.is-accordion-submenu-parent[aria-expanded="true"]
  ul
  li.is-accordion-submenu-parent[aria-expanded="true"]
  ul
  li
  a {
  font-weight: 400;
}
li.is-accordion-submenu-parent[aria-expanded="true"] ul li a.active {
  font-weight: 700;
}

/*----Mobil Sec Nav----*/
.title-bar.secondary {
  background-color: transparent;
  color: #5c575e;
  padding: 0;
  cursor: pointer;
}
.title-bar.secondary button {
  cursor: pointer;
  width: 100%;
  margin: 1rem 0;
  font-size: 1rem;
  font-weight: 500;
  background-color: #f2efed;
  border: 1px solid #c7c6c4;
}
.title-bar.secondary button:hover,
.title-bar.secondary button:focus {
  background-color: #f2efed;
  border: 1px solid #f2efed;
}
.title-bar.secondary button::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  border-bottom-width: 8px;
  border-top-style: inset;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #8a8a8a transparent transparent;
  position: absolute;
  margin-top: -11px;
  right: 2rem;
}
#side-nav .close-button {
  top: 23px;
  right: 32px;
  background-color: #f2efed;
}
ul.side-nav {
  list-style-type: none;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}
ul.side-nav li a {
  padding-right: 0;
  display: block;
}

/*----Right Col----*/
.columns.contact-info {
  font-size: 0.9rem;
}
.columns.contact-info img {
  padding-left: 1rem;
}
.columns.contact-info ul {
/*  margin: 0.75rem 0 0.75rem 0;*/
  list-style-type: none;
  line-height: 1.4;
}
.columns.contact-info ul li {
  margin: 0;
}
.contact-info h2,
.contact-info h1,
.contact-info h4 {
  font-size: 1.1rem;
  color: #5c789d; /*color: #ba5b2b;*/
  border-bottom: 1px solid #eaecee;
}
.contact-info h4 {
  border: none;
}
/*----Lists-----*/
ol {
  margin-left: 1rem;
}
ol li {
  padding-bottom: 0.5rem;
}
ul.styled {
  list-style: none;
  margin-left: 1rem;
}
ul.styled li {
  text-indent: -1rem;
  padding-bottom: 0.5rem;
  list-style-position: inside;
}
ul.styled li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  padding-right: 0.25rem;
  color: #9db7d8;
  font-size: 0.7em;
}
ul.styled ul {
  list-style: none;
  margin-left: 3rem;
  padding: 0.5rem 0 0.5rem 0;
}
ul.styled ul li {
  padding-bottom: 0.25rem;
}
ul.styled li ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  padding-right: 0.25rem;
  color: #8d99a5;
}

ul.hours {
  list-style: none;
  margin-left: 1rem;
}
ul.hours li {
  text-indent: -1rem;
  padding-bottom: 0.5rem;
  list-style-position: inside;
}
ul.hours li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f017";
  padding-right: 0.25rem;
  color: #9db7d8;
  font-size: 0.7em;
}
ul.hours ul {
  list-style: none;
  margin-left: 3rem;
  padding: 0.5rem 0 0.5rem 0;
}
ul.hours ul li {
  padding-bottom: 0.25rem;
}
/*PHONE*/
ul.phone {
  list-style: none;
  margin-left: 1rem;
}
ul.phone li {
  text-indent: -1rem;
  padding-bottom: 0.5rem;
  list-style-position: inside;
}
ul.phone li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f879";
  padding-right: 0.25rem;
  color: #9db7d8;
  font-size: 0.7em;
}
ul.phone ul {
  list-style: none;
  margin-left: 3rem;
  padding: 0.5rem 0 0.5rem 0;
}
ul.phone ul li {
  padding-bottom: 0.25rem;
}
/*PERSON*/
ul.person {
  list-style: none;
  margin-left: 1rem;
}
ul.person li {
  text-indent: -1rem;
  padding-bottom: 0.5rem;
  list-style-position: inside;
}
ul.person li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 0.25rem;
  color: #9db7d8;
  font-size: 0.7em;
}
ul.person ul {
  list-style: none;
  margin-left: 3rem;
  padding: 0.5rem 0 0.5rem 0;
}
ul.person ul li {
  padding-bottom: 0.25rem;
}
/*PERSON*/
ul.email {
  list-style: none;
  margin-left: 1rem;
}
ul.email li {
  text-indent: -1rem;
  padding-bottom: 0.5rem;
  list-style-position: inside;
}
ul.email li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0e0";
  padding-right: 0.25rem;
  color: #9db7d8;
  font-size: 0.7em;
}
ul.email ul {
  list-style: none;
  margin-left: 3rem;
  padding: 0.5rem 0 0.5rem 0;
}
ul.email ul li {
  padding-bottom: 0.25rem;
}

/*ADDRESS*/
ul.address {
  list-style: none;
  margin-left: 1rem;
}
ul.address li {
    text-indent: -0.75rem;
  padding-bottom: 0.5rem;
  list-style-position: inside;
}
ul.address li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f3c5";
  padding-right: 0.25rem;
  color: #9db7d8;
  font-size: 0.7em;
}
ul.address ul {
  list-style: none;
  margin-left: 3rem;
  padding: 0.5rem 0 0.5rem 0;
}
ul.address ul li {
  padding-bottom: 0.25rem;
}

#tableofcontents li {
  padding-bottom: 0px;
}
@media only screen and (max-width: 40em) {
  ul.styled {
    margin-left: 0.5rem;
  }
}

ul.styled.check li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  padding-right: 0.25rem;
  color: #9fbc6d;
  font-size: 0.8em;
  padding-right: 0.5rem;
}

/*BUBBLE STEPS LISTS*/
ol.steps {
  counter-reset: li;
  margin-left: 1rem;
  padding-left: 0;
  border-left: 1px dashed #d6ddde;
}
ol.steps > li {
  position: relative;
  margin: 0 0 2rem 1rem;
  padding: 0px 12px;
  list-style: none;
}
ol.steps > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -2px;
  left: -50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 2em;
  margin-right: 18px;
  margin-left: 18px;
  padding: 4px;
  border-top: 2px solid #f3f2ec;
  color: #5c789d;
  background: #f2efed;
  font-weight: bold;
  padding: 2px;
  border-top: 2px solid #f2efed;
  text-align: center;
  border-radius: 96%;
}
li ol.steps,
li ul {
  margin-top: 6px;
}
ol.steps ol li:last-child {
  margin-bottom: 0;
}

a.number-bubble {
  background: #5c789c;
  padding: 5px 10px;
  border-radius: 20px;
  color: #fff;
}

a.number-bubble:hover {
  background: #506d92;
}

/*panel*/

.callout.primary {
  background-color: #edf3fb;
  border: none; /*border: 1px solid #5c789d;*/
  font-weight: 300;
}
.panel,
.message-box-lt-blue,
.announcementbox {
  background-color: #edeff1;
  border: 1px solid #dae7ed;
  margin-bottom: 1.25rem;
  padding: 1rem;
  padding: 1.25rem;
}

.callout.secondary {
  background-color: #f9f8f7;
  border: 1px solid #e2e1df;
}
.callout.secondary table th,
.panel table th,
.apps .panel table th {
  background-color: #fff;
}

/*------body styles------*/
.define {
  color: #5c789d;
  font-size: 1.4rem;
  padding: 10px 0;
  line-height: 1.2;
}
.hr_lt-blue {
  display: block;
  margin-top: 9px;
  margin-bottom: 9px;
  border-bottom: 1px solid #cfd6e4;
}
.has-tip {
  display: inline;
}
.right {
  float: right !important;
}
.shadow {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.13);
}
hr {
  border-color: #e8e4df !important;
  width: 100% !important;
  margin-top: 0;
}
hr.tan {
  border-color: #e8e4df !important;
}
/*Tabs*/
.tabs {
  background: none;
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.tabs-title {
  margin-bottom: -2px;
}
.tabs-title > a {
  font-size: 1rem;
  color: #5c789d;
}
.tabs-title > a:hover {
  color: #5c789d;
  background: #e8e4df;
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected="true"] {
  background: #fafaf9;
  color: #5c789c;
  border-bottom: none;
}

.tabs-title > a {
  border: 1px solid #e6e6e6;
  margin-right: 5px;
  background-color: #f2efed;
  border-radius: 0;
}

.tabs-content {
  border: none;
  border-top: 0;
  background: none;
}

.tabs-panel {
  padding: none;
}

/*tables*/
table {
  width: auto;
}
.main table td {
  line-height: 1.6;
}
table.width {
  width: 100%;
}
table.wide {
  width: 100%;
}
table.grid {
  border: 1px solid #e9f1f4;
}
table.grid th {
  background-color: #edeff1;
  text-align: left;
}
table.grid th.text-center {
  text-align: center;
}
table.trhover tr:hover {
  background-color: #edeff1;
}
table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f9f9f9;
}

table.unstriped tbody tr {
  background-color: #fff;
  border-bottom: inherit;
}

table small {
  font-size: 100%;
}
.new {
  font-size: 0.75rem;
  color: #f34b14;
}
.alert {
  color: #b14447;
}
table.facilities td {
  border: 1px solid #eceff4;
  padding: 2px;
  text-align: center;
}
table.facilities {
  padding: 0;
}
table.facilities small {
  font-size: 80%;
}
table.facilities tbody tr:nth-child(2n) {
  background-color: transparent;
}
table.scroll {
  display: table;
}
@media (max-width: 768px) {
  table.scroll {
    display: block;
  }
}

/*DOGS*/
table.dog-history {
  width: 100%;
}
table.plainResultTable {
  width: 100%;
}
.apps table.innerDisplayTable td {
  border: none;
  background: transparent;
}
.apps table.innerDisplayTable tr {
  border: none;
  background: transparent;
}
.apps table.innerDisplayTable tbody {
  border: none;
  background: transparent;
}
a.secondary.button.small i.fas.fa-file-invoice {
  padding-right: 10px;
}
/*.menu-centered {width: 100%;    margin-top: 4em;    background: #f6f6f6;}*/

/* Responsive Tables */
.stacktable {
  width: 100%;
}
.st-head-row {
  padding-top: 1em;
  font-size: 1rem;
  text-align: center;
}
.st-head-row.st-head-row-main {
  font-size: 1.2em;
  padding-top: 0.5rem;
  line-height: 1.2;
}
.st-key {
  width: 35%;
  text-align: right;
  padding-right: 1%;
  font-weight: 600;
}
.st-val {
  width: 63%;
  padding-left: 1%;
}
.st-val a center {
  text-align: left;
}
/* RESPONSIVE EXAMPLE */
.stacktable.large-only {
  display: table;
}
.stacktable.small-only {
  display: none;
}

@media (max-width: 800px) {
  .stacktable.large-only {
    display: none;
  }
  .stacktable.small-only {
    display: table;
  }
}

.orbit-previous,
.orbit-next {
  background-color: rgba(92, 120, 157, 0.76);
  padding: 0.5rem;
}

/*slick slider*/
.slide.slick-slide img {
  width: 100%;
}

/*Slide SHow - to be replaced by Foundation*/
#webtecsSlideShow,
.webtecsSlideShow {
  float: right;
  background-color: #eceff4; /*float:right;overflow:visible;position:relative;Display: block;width: 325px;padding: 10px;height: 200px;background-color: #fff;*/
}
table #webtecsSlideShow,
table .webtecsSlideShow {
  float: none;
}
#slideshow {
  position: relative;
  height: 300px;
}
#webtecsSlideShow img,
.webtecsSlideShow img {
  padding: 0.75rem 0.25rem;
}
.slideDisplayImage {
  position: relative;
  top: 0px;
  left: 0px;
  display: none;
}
#slideshow IMG.active {
  z-index: 10;
  opacity: 1;
}
#slideshow IMG.last-active {
  z-index: 9;
}
#webtecsSlideToggle,
.webtecsSlideToggle {
  font-size: 1.75rem;
  text-decoration: none;
  font-weight: bold;
  padding: 0.2rem;
  background: #fff;
  border: 1px solid #d7dfeb;
  margin: 0 0.25rem;
}
@media (max-width: 40em) {
  #webtecsSlideToggle,
  .webtecsSlideToggle {
    display: none;
  }
}

/*Social Media*/

.fb-topbar,
.tw-topbar,
.gd-topbar {
  height: 40px;
  width: 45px;
  margin-top: 8px;
  float: right;
}
.fb-topbar {
  background: transparent url("//www.miottawa.org/images/fb_white_top-bar.png")
    top no-repeat;
}
.tw-topbar {
  background: transparent url("//www.miottawa.org/images/tw_white_top-bar.png")
    top no-repeat;
}
.gd-topbar {
  background: transparent url("//www.miottawa.org/images/gd_white_top-bar.png")
    top no-repeat;
}
.fb-topbar:hover {
  background: transparent url("//www.miottawa.org/images/fb_blue_top-bar.png")
    top no-repeat;
}
.tw-topbar:hover {
  background: transparent url("//www.miottawa.org/images/tw_blue_top-bar.png")
    top no-repeat;
}
.gd-topbar:hover {
  background: transparent url("//www.miottawa.org/images/gd_red_top-bar.png")
    top no-repeat;
}
.fb-topbar a.sm,
.tw-topbar a.sm,
.gd-topbar a.sm {
  display: block;
  height: 40px;
  width: 45px;
}
.login-topbar a {
  float: right;
  color: #c8dce5;
  display: inline-block;
  padding: 0.3rem 0.4rem; /*background-color: rgb(166, 164, 168);*/
  margin-top: 11px;
  margin-left: 5px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.9rem;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}
.login-topbar a:hover {
  color: #dae7ed;
}

.announcementbox.second {
  border: 2px solid #def;
  background-color: #fff;
  margin: 0 0 15px 0;
  line-height: 20px;
}
.announcementbox.second h3 {
  margin-top: 0;
  margin-bottom: 5px;
}
.govdelivery-nav form.govdelivery ul {
  margin-left: 0;
  padding-left: 0;
}
.govdelivery-nav form.govdelivery .button_panel {
  padding-left: 0px;
}

a#rndmIncUrl img {
  margin-top: 15px;
}

/*Forms*/
input[type="text"][disabled],
input[type="submit"][disabled] {
  background-color: #eae7e7;
  color: #222 !important;
}
input[type="submit"][disabled] {
  font-style: italic;
  color: #929191 !important;
}
input.button[type="submit"][disabled]:hover {
  background-color: #eae7e7;
}
::-webkit-input-placeholder {
  color: #8c8c8c !important;
}
::-moz-placeholder {
  color: #8c8c8c !important;
}
::-ms-input-placeholder {
  color: #8c8c8c !important;
}
input:-moz-placeholder {
  color: #8c8c8c;
}
input:-ms-input-placeholder {
  color: #8c8c8c;
}
[type="checkbox"] + label,
[type="radio"] + label {
  margin-left: 0;
  margin-right: 0.5rem;
  font-weight: 400;
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button.secondary[disabled]:hover,
button.secondary[disabled]:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button.secondary[disabled]:hover,
.button.secondary[disabled]:focus,
button.disabled.secondary,
button.secondary[disabled],
.button.disabled.secondary,
.button.secondary[disabled],
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button.secondary[disabled]:hover,
button.secondary[disabled]:focus,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button.secondary[disabled]:hover,
.button.secondary[disabled]:focus {
  background-color: #e4e1e1;
  color: #222;
  font-style: italic;
}
.file-upload {
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}
.file-upload input.file-input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.input-group {
  margin: 0;
}
.input-group-field,
.input-group-label {
  height: 2.4375rem;
  margin-bottom: 1rem;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  height: 2.4375rem;
}

/*choose file button with input file*/
.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile + label {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}
.no-js .inputfile + label {
  display: none;
}
.button.hollow {
  border: 1px solid #5c789d;
  color: #5c789d;
}
.button.hollow:hover {
  border-color: #5c789d;
  background-color: #f2f4f7;
  color: #5c789d;
}

@media only screen and (max-width: 767px) {
  label.right {
    text-align: left;
  }
  label.inline {
    margin: 0px;
  }
}

/*Apps*/
label {
  font-size: 1rem;
  font-weight: 500;
}
body#apps .white-bkgrd {
  background-image: none;
  background-color: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body .white-bkgrd {
  background-image: none;
  background-color: #fff;
  /*    padding-top: 1rem;padding-bottom: 1rem;*/
}
.apps.row {
  max-width: 1300px;
  padding-top: 1rem !important;
}
.apps {
  background-image: none;
  background-color: #fff;
  min-height: 700px;
}
.apps fieldset {
  border: solid 1px #dde4e9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 12px 12px 20px;
  margin: 5px 0 15px 0;
  overflow: visible;
}
.apps fieldset legend {
  color: #5c575e;
  font-weight: 700;
  background: white;
  padding: 0 3px;
  margin: 0;
  margin-left: -3px;
  font-size: 1rem;
}
.row.page-nav {
  margin-bottom: 3rem;
  margin-top: 2rem;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 2.5;
}
.apps table th {
  background-color: #e3eaf3;
  font-size: 0.9rem;
}
.apps table td {
  border: 1px solid #e9f1f4;
  font-weight: 400;
  font-size: 0.9rem;
}
.apps #parcel-menu .dropdown-pane.is-open {
  padding: 0;
  background-color: #edeff1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.13);
}
table.hr-nav td {
  padding: 0.2rem 0.5rem;
}
.input-group-label {
  margin: 0 0 0rem; /*see CourtPaymentsDC for input group on search results - do not change*/
  height: 2.4375rem; /*Calendar App, add Date*/
}

.card-divider {
  background: #e3edf1;
}
.checkbox-vertical label,
.radio-vertical label {
  display: inline;
  font-weight: 400;
}
.checkbox-vertical label[for*="checkboxlist-"]:after,
.checkbox-vertical label:after {
  content: "\A";
  white-space: pre;
}
.radio-vertical label[for*="register_field_"]:after {
  content: "\A";
  white-space: pre;
}
.checkbox-vertical input[type="checkbox"],
.radio-vertical input[type="radio"] {
  margin: 0px 0.25rem 0rem;
}
.struts-apps ul.vertical.menu {
  margin-bottom: 1rem;
}
.radio-vertical {
  margin-bottom: 1rem;
}

/*Bulk Actions - Request Tracker */
.apps table th.select {
  width: 50px;
  text-align: center;
  font-size: 75%;
  font-weight: 500;
  padding: 0;
}
.top-table button {
  margin-bottom: 0.25rem;
}
p.page-top-table {
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
  margin-bottom: 0;
  margin-top: 1rem;
}
.half-collapse input[type="radio"] {
  margin: 0.25rem 0.25rem 0;
}
.half-collapse small label {
  font-size: inherit;
}

/*Admin Apps*/
.admin {
  background-color: #fff;
  padding: 0;
  min-height: 600px;
}
.admin .apps {
  padding-top: 2rem;
}
.admin .top-bar {
  background-color: #ece9e5;
  padding: 0;
  margin-bottom: 1rem;
}
.admin .top-bar ul {
  background-color: transparent;
  padding: 0.25rem 0.5rem;
}
.admin .top-bar ul a {
  padding: 0.7rem 1.1rem;
}
.admin .top-bar ul li:hover {
  background-color: #e8e4df;
}
.admin .top-bar .top-bar-left {
  border-right: 1px solid #bccad7;
  background: #e8e4df;
  padding: 0.25rem 0 0 0.5rem;
}
.admin .top-bar .top-bar-left h6 {
  color: #5c789d;
  font-size: 1.15em;
}
.admin .button.small.float-right {
  margin-bottom: 0;
}
.switch-toggle-wrapper .switch-label {
  font-size: 0.9rem;
  font-style: italic;
}
input:checked ~ .switch-paddle {
  background: #5c789d;
}
.admin table.small-font td {
  font-size: 0.9rem;
}
#exemptionsModal {
  margin-top: -100px;
}
.switch.tiny .switch-paddle {
  margin-right: 5px;
}

input:checked ~ input + label > .switch-active {
  display: block;
}
input:checked ~ input + label > .switch-inactive {
  display: none;
}

.pill {
  background-color: #dae7ed;
  position: relative;
  padding: 0.25rem 1rem;
  margin: 0.25rem;
  display: inline-block;
  border-radius: 10px;
}
.close-pill {
  padding-left: 1rem;
}
.accordion.foia .accordion-item > a {
  background: #dae7ed;
}
.accordion.foia .accordion-content {
  background-color: #f9f8f7;
}

.row.expanded .row .row {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}
#home .row.expanded .row .row {
  margin-right: auto;
  margin-left: auto;
}
/*.row.expanded .row { margin-right: -0.9375rem; margin-left: -0.9375rem;}*/
.row.half-collapse .columns,
.row.half-collapse .column {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.row.half-collapse input,
.row.half-collapse textarea,
.row.half-collapse select {
  margin-bottom: 0;
}
.row.half-collapse.expanded .row {
  margin-right: -0.375rem;
  margin-left: -0.375rem;
}

.sticky-save .is-stuck input.button {
  position: absolute;
  bottom: -25px;
  left: -61px;
  width: 15%;
  padding: 1em;
}
.top-bar.expanded.sticky.is-anchored.is-at-bottom {
  top: 0 !important;
}

.switch-toggle-wrapper {
  margin-top: 0.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.switch-toggle-wrapper .switch {
  margin-bottom: 0;
}

/*OLDApps*/
.apps ul.styled li {
  padding-bottom: 0rem;
}
.fa.fa-cart-plus {
  font-size: 1.5rem;
}
.fa.fa-trash {
  font-size: 1rem;
}
.fa.fa-file-text-o {
  font-size: 1rem;
}
th.sortable a:after {
  content: "\f0dc";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #c0cad8;
  cursor: pointer;
  padding-left: 0.5rem;
}

.apps {
  padding: 2rem 3rem;
}

.apps .dropdown.button.secondary::after,
button.dropdown.secondary::after {
  border-color: #b9ae9f transparent transparent;
}
table tr td[align="right"] {
  text-align: right;
}
.apps legend h2,
.apps legend h3 {
  /*margin-bottom: 0;margin-top:0;*/
  font-size: 1.1rem;
}
.apps .button-group {
  clear: both;
  display: flex;
}
.apps [class*="block-grid-"] > li {
  padding: 0px 0.625rem 0rem;
}
.apps table input,
.apps table textarea,
.apps table select {
  margin: 0.25rem;
}
/*.apps table input[type="checkbox"], .apps table input[type="radio"] {margin: 0px 0px 1rem;}*/
.apps table input[type="text"],
.apps table input[type="password"],
.apps table input[type="date"],
.apps table input[type="datetime"],
.apps table input[type="datetime-local"],
.apps table input[type="month"],
.apps table input[type="week"],
.apps table input[type="email"],
.apps table input[type="number"],
.apps table input[type="search"],
.apps table input[type="tel"],
.apps table input[type="time"],
.apps table input[type="url"],
.apps table input[type="color"],
.apps table textarea,
.apps table select {
  width: auto;
  display: inline-block;
}
.apps select {
  padding-right: 20px;
}
.apps table td.subHead {
  background-color: #f4f7fb;
  font-weight: bold;
}
button.dpButton {
  padding: 0.25rem;
}
.dpTitleText {
  text-align: center;
}

table.no-pad td {
  padding: 0.5rem;
}
i.fa.hr {
  color: #93a8c6;
  padding: 0 0.25rem;
}
.page-nav .tiny.button.secondary {
  padding: 0.575rem 0.75rem 0.5375rem;
  font-size: 0.8rem;
}
td.cal-nav .tiny.button.secondary {
  padding: 0.575rem 0.75rem 0.5375rem;
  font-size: 1rem;
}
.page-nav {
  clear: both;
}
input[type="file"] {
  background: #fafafa none repeat scroll 0% 0%;
  border-color: #cacaca;
  outline: medium none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 0px 0.5rem 1rem;
}
.apps table .button {
  margin: 0;
}

/*Alerts*/
.alert-box {
  padding: 0px 1.5rem 0px 0.875rem;
  margin-bottom: 1rem;
}
.alert-box ul {
  margin: 0.25rem;
  list-style-type: none;
  font-weight: normal;
}
.alert-box ul li,
ul.errorMessage li {
  position: relative;
  padding: 0 20px 0 25px;
  font-size: 16px;
}
.alert-box ul li:before,
ul.errorMessage li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  color: white;
}
.errorMessage {
  color: #fff !important;
}
ul.errorMessage li:before {
  color: #b14447 !important;
}
.alert-box.alert ul.errorMessage li:before {
  color: #fff !important;
}
ul.errorMessage li span {
  color: #b14447 !important;
}
.alert-box.alert ul.errorMessage li span {
  color: #fff !important;
}
.alert-box.alert ul li:before,
ul.errorMessage li:before {
  content: "\f071";
}
.alert-box.success ul li:before {
  content: "\f00c";
}
.error input,
input.error,
.error textarea,
textarea.error,
select.error,
.error select {
  border-color: #ff5e38;
  background-color: #f9e3e3;
}
.alert-box.alert {
  background-color: #b14447;
  color: #fff;
  padding: 0.5rem;
}
.alert-box.success {
  background-color: #6f925e;
  border-color: #6f925e;
  font-weight: 500;
  color: #fff;
  padding: 0.5rem;
}
.alert a {
  color: #fff;
}
.alert strong {
  font-weight: 600;
}
header .alert-box.alert {
  margin-bottom: 0;
  padding: 0.5rem;
}
.apps ul.errorMessage {
  color: #b14447;
  line-height: 19px;
  list-style-type: none;
  font-weight: bold;
  padding: 0.5rem;
  background-color: #ffe5e5;
}
.apps ul.errorMessage li {
  font-size: 14px;
  font-weight: 500;
}
.apps .alert-box.alert ul.errorMessage {
  color: #fff;
}
ul.alert-box,
ul.errorMessage {
  margin-left: 0;
}
.apps .alert-box ul.errorMessage {
  background-color: transparent;
}
ul.actionError li {
  background: #f0dcdd;
  padding: 1em;
  border-left: solid 8px #b14447;
  list-style-type: none;
}

ul.actionError li:before {
  content: "\f057";
  color: #b14447;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 10px;
}
ul.actionMessage li {
  background: #e2ecdd;
  padding: 1em;
  border-left: solid 8px #6f925e;
  list-style-type: none;
}
ul.actionMessage li:before {
  content: "\f058";
  color: #6f925e;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 10px;
}

input.button.small.postfix[type="submit"] {
  padding: 0.6rem 2rem;
  width: auto;
}

input.submitLink {
  padding: 0.25rem;
}
input.inline,
select.inline {
  display: inline;
  width: auto;
}
.apps .cart {
  margin-top: 1rem;
}
.event-regsitration-admin table,
.event-regsitration-admin table tr.even,
.event-regsitration-admin table tr.alt,
.event-regsitration-admin table tr:nth-of-type(2n) {
  background-color: #f6f8fb;
  width: 80%;
}
.apps form[name="empOps"] ul,
.apps form[name="empOps"] ol {
  margin-left: 3rem;
}

span.errorField {
  color: #b14447;
  font-weight: bold;
  background-color: #ffe5e5;
  font-size: 0.8rem;
}
.apptBlock {
  display: block;
}
.apptBlock:hover {
  background-color: #dae7ed;
}
.apptBlock label {
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
}
table.calendarGrid td {
  border: 1px solid #dae7ed;
}

@media only screen and (max-width: 40em) {
  .stack-for-small.button-group input {
    width: 100%;
  }
  .page-nav .tiny.button.secondary {
    margin-bottom: 0;
  }
  .page-nav {
    margin: 1rem 0 !important;
    clear: both;
  }
  .apps {
    padding: 0 0 1rem 0;
  }
  h1 {
    font-size: 1rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .apps fieldset {
    padding: 0;
    margin: 0;
    border: none;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
  }
  .apps fieldset .button-group {
    margin: 0.5rem 0;
  }
  .apps fieldset legend {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
  .has-tip {
    color: #4d4d4d;
    cursor: help;
    font-weight: normal;
  }
}

/*checkout*/
.item {
  background: #e9ebf0;
}
.divider {
  border-bottom: 1px solid #cfd6e4;
}
.row.item-details {
  margin-bottom: 2rem;
}
.item h3 {
  font-size: 1.1rem;
  line-height: 1rem;
}
.row.total {
  font-size: 1.2rem;
  font-weight: 600;
}
.checkout-action {
  margin: 0;
  padding: 0;
}
.checkout-action a {
  font-size: 0.9rem;
}

/*date picker*/
#datepicker {
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.13);
}
#datepicker button {
  background-color: #f2efed;
  color: #5c575e;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 18px;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}
.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}

.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  border: 0;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 12px;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer;
}
.datepicker td.active.day,
.datepicker th.active.day {
  background: #2ba6cb;
}
.datepicker td.active.year,
.datepicker th.active.year {
  background: #2ba6cb;
}
.datepicker td span.active,
.datepicker th span.active {
  background: #2ba6cb;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}
.datepicker th.date-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.datepicker-dropdown::before,
.datepicker-dropdown::after {
  display: none;
}
.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none;
}
.datepicker td.old,
.datepicker td.new {
  color: #999;
}
.datepicker td.day.disabled {
  color: #eee;
}

.list-unstyled .datepicker {
  display: block;
  position: relative;
}
.list-unstyled .datepicker > div {
  display: block;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  position: absolute;
  background-color: #ffffff !important;
  z-index: 1000;
}
.bootstrap-datetimepicker-widget.dropdown-menu ul.list-unstyled {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/*DatePicker*/
.ui-datepicker {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 34px -8px rgba(0, 0, 0, 0.75);
  padding: 0.65rem 0.65rem 0;
}
.ui-datepicker select {
  width: auto;
}
.ui-datepicker-title {
  text-align: center;
}
a.ui-datepicker-prev {
  display: block;
  float: left;
  padding: 0.25rem 0 0.25rem 0.5rem;
}
a.ui-datepicker-prev:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f104";
  color: #5c575e;
  padding-right: 0.25em;
}
a.ui-datepicker-next {
  display: block;
  float: right;
  padding: 0.25rem 0.5rem 0.25rem 0;
}
a.ui-datepicker-next:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  color: #5c575e;
  padding-left: 0.25em;
}

/*Accordians*/
.accordion {
  background: transparent;
}
.accordion.notices .accordion-item > a {
  background-color: #b14447;
  color: #ffffff;
  font-size: 1.2rem;
}
.accordion.notices .accordion-item > a:hover {
  background-color: #b14447;
}
.accordion.notices.blue .accordion-item > a {
  background-color: #5d89b3;
}
.accordion.notices .accordion-item a.accordion-title:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #666;
  cursor: pointer;
  padding-left: 5px;
  float: right;
  padding-bottom: 5px;
  font-size: 1rem;
}
.accordion.notices .accordion-item.is-active a.accordion-title:after {
  content: "\f00d";
}
.accordion-content > a:after {
  content: "";
}
li.accordion-item.is-active > a {
  background: #fff;
}
li.accordion-item.is-active > a:hover {
  background: #fff;
}
li.accordion-item.is-active {
  border: solid 1px #e9e9e9;
}
.accordion.notices .accordion-item a.accordion-title:after {
  color: #B14447;
}
.accordion.notices.cmh .accordion-item > a {
  background: #e6cbcc url("//www.miottawa.org/Health/CMH/images/help.png")
    no-repeat scroll left center;
  padding-left: 140px;
  color: #B14447;
  font-weight: 600;
}

.accordion .accordion-item > a {
  font-family: inherit;
  font-weight: 600;
}
.accordion .accordion-item {
  margin-bottom: 2px !important;
}
.accordion.notices .accordion-item {
  margin-bottom: 0px !important;
}
.accordion.notices .accordion-title::before {
  content: "";
}
.accordion.notices #notices {
  background-color: #f5ebeb;
}
.accordion.notices #notices table tbody,
.accordion.notices #notices table tbody tr:nth-child(2n) {
  background-color: transparent;
  border: none;
}
.accordion-title {
  font-size: 1rem;
  border: none;
}
.accordion .accordion-item > a {
  background: #f9f8f7;
  color: #5c575e;
}
.accordion-title::before {
  font-size: 1.3rem;
  color: #898989;
}
.accordion .accordion-item > a:hover {
  background: #f5f2f0;
  transition: ease-in-out 0.1s;
}
.accordion-content {
  border: none;
  background-color: #fff;
}

/*TOOLTIPS - USED ON LEGAL SELF HELP CENTER*/
.has-tip {
  color: #9aaeca;
  border: none;
}
.tooltip {
  background-color: #5c789d;
  max-width: 12rem;
  font-size: 90%;
  border-radius: 10px;
}
.tooltip.top::before {
  border-color: #5c789d transparent transparent;
}
.tooltip.bottom::before {
  border-color: #5c789d transparent transparent;
}
.has-tip:hover {
  color: #cb6d3b;
  border-bottom: 1px dotted #5c789d;
}

/*Print Styles*/
@media print {
  .columns.contact-info,
  .button-group {
    display: none !important;
  }
  .side-nav,
  .breadcrumbs,
  .login-topbar,
  #google_translate_element,
  .fb-topbar,
  .tw-topbar,
  .gd-topbar,
  .top-graybar .fa.fa-search,
  .social,
  .gsc-control-searchbox-only {
    display: none !important;
  }
  a[href]:after {
    display: none !important;
  }
  abbr[title]:after {
    display: none !important;
  }
  h1,
  h2,
  h3,
  h4 {
    margin: 0;
    padding: 0;
    line-height: auto;
  }
  .apps h1,
  .apps h2,
  .apps h3,
  .apps h4 {
    font-size: 90%;
  }
  .main h1,
  .main h2,
  .main h3,
  .main h4 {
    font-size: inherit;
  }

  .apps {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .main .large-10.medium-9.columns,
  article.large-9,
  .title .large-8.large-offset-2.columns {
    width: 100%;
    margin-left: 0;
  }
  /*.apps {padding:0;}
.apps table td {padding: 0.1rem 0.625rem;}
.apps table {margin:0; padding:0; width:100%;}
.apps .button {display:none;}
.apps table input[type="text"], .apps table input[type="password"], .apps table input[type="date"], .apps table input[type="datetime"], .apps table input[type="datetime-local"], .apps table input[type="month"], .apps table input[type="week"], .apps table input[type="email"], .apps table input[type="number"], .apps table input[type="search"], .apps table input[type="tel"], .apps table input[type="time"],  .apps table input[type="url"], .apps table input[type="color"], .apps table textarea, .apps table select {padding: .25rem; height:auto;}
.apps table textarea {width:100%;}*/

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    display: none !important;
  }
  h1.padleft {
    padding-left: 0;
  }
  .top-graybar {
    background-color: transparent !important;
    padding-bottom: 1rem;
  }
  body {
    background: transparent !important;
  }
  table.smallTableFont.plainResultTable {
    width: 100%;
    margin-top: 0.5rem;
  }
  table.smallTableFont.plainResultTable th {
    background-color: #f1f1f1 !important;
  }
  .ui-datepicker {
    display: none;
  }
}
table.smallTableFont.plainResultTable {
  width: 100%;
}
table.smallTableFont.plainResultTable td {
  padding: 0.5rem 0.25rem;
}

.site-notice {
  text-align: center;
  font-size: 0.9rem;
  padding: 7px 15px;
  width: 100%;
  margin: 0;
  line-height: 1.3;
}
.yellow {
  background-color: #f9f059;
}
.features h5 {
  margin: 0 0 1rem 0;
  font-size: 1rem;
}
.features .columns {
  text-align: center;
}
.features h5 i.fa {
  color: #5c789d; /*font-size:1.2rem;*/
  padding-right: 0.05rem;
}

img[scr="/appImages/AdminEventReg/image-OC_Tech_Forum_Logo.jpg"] {
  width: 300px !important;
}

.footnote {
  font-size: 80%;
  font-style: italic;
}

/* Accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  .hide-for-small {
    display: none;
  }
  .main-logo {
    position: relative;
    margin-bottom: -7px;
  }

  ul.vertical.menu.mobile-menu {
    background-color: #dae7ed;
  }
  #side-nav {
    background-color: #f2efed;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
  }
  .side-nav ul.vertical.menu {
    background-color: #f2efed;
    margin-top: -1rem;
  }
  .side-nav ul.vertical.menu ul {
    margin-top: 0;
  }
  .side-nav li a {
    padding: 0.7rem 1rem;
    border-bottom: 1px solid #fff;
    line-height: 1;
  }
  .side-nav .is-accordion-submenu-parent > a::after {
    border-color: #8a8a8a transparent transparent;
    right: 1rem;
  }
  .side-nav li li a {
    border-bottom: 1px solid #fff;
    padding: 0.7rem 1rem;
    line-height: 1;
  }
  .side-nav h1,
  .side-nav h2 {
    margin-bottom: 1rem;
    padding: 0rem 1rem;
  }
  .side-nav .accordion-menu .is-accordion-submenu-parent > a::after {
    right: 1rem;
  }
  .footer {
    padding: 0;
  }
  .footer h1 {
    font-size: inherit;
  }
  .footer h2 {
    font-size: inherit;
  }
  .white-bkgrd {
    background: #ffffff;
  }
  h1.padleft {
    padding-left: 0;
  }
  .apps #parcel-menu {
    margin-top: -1rem;
  }
  .show-for-large-only {
    display: none;
  }
  .small-bold {
    font-weight: 700 !important;
  }
  .small-text-center {
    text-align: center;
  }
  table.stack thead {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
    border: 0px solid #e9f1f4;
  }
  table.stack tr {
    border: 5px solid #e9f1f4;
  }
  table.stack td {
    padding: 0.15rem 0.625rem 0.15rem;
  }
  ul.vertical.menu.mobile-menu.drilldown li {
    border-bottom: 1px solid #fff;
  }
  .mobile-menu.drilldown .is-drilldown-submenu {
    background-color: #dae7ed;
  }
  .custom-combobox-input {
    width: 87% !important;
  }
    
    nav.is-open {    position: absolute;
    top: 0;
    width:225px;
    }
    
    nav.is-open .is-drilldown {max-width:225px!important;}
    
}

/* Medium and up */
@media screen and (min-width: 40em) {
  .top-graybar {
    height: 56px;
  }
  h1 {
    font-size: 2.75rem;
  }
  .apps h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.5625rem;
  }
  h4 {
    font-size: 1.4em;
  }
  h5 {
    font-size: 1.125rem;
  }
  .nav-bkgd .menu {
    width: 100%;
  }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .contact-info.columns:last-child:not(:first-child) {
    float: left;
  }
  .slide_caption h1 {
    font-size: 1.75rem;
  }
  .slide_caption p {
    font-size: 1rem;
  }
  .slide_caption {
    padding: 10px 60px;
  }
  .nav-bkgd .is-dropdown-submenu ul {
    margin-left: 0.5rem;
  }
  .nav-bkgd .is-dropdown-submenu ul li {
    padding: 5px 0;
    line-height: 1.1;
  }
  .nav-bkgd li li a {
    line-height: 1.1;
  }
  .nav-bkgd ul.is-dropdown-submenu h4 {
    font-size: 1rem;
    line-height: 1.1;
    padding-left: 0.25rem;
  }
  .nav-bkgd .is-dropdown-submenu {
    padding: 10px;
  }
  .dropdown.menu > li.opens-right > .is-dropdown-submenu {
    margin-top: -2px;
  }
  .white-bkgrd {
    background: #ffffff;
    background-image: -webkit-linear-gradient(right, white 75%, #f9f8f7 25%);
    background-image: -moz-linear-gradient(right, white 75%, #f9f8f7 25%);
    background-image: -o-linear-gradient(right, white 75%, #f9f8f7 25%);
    background-image: linear-gradient(right, white 75%, #f9f8f7 25%);
  }
  .row.title .large-8.large-offset-2.columns,
  .row.title .large-10.large-offset-2.columns {
    padding-left: 27%;
  }
  h1.padleft {
    padding-left: 11rem;
  }
  .show-for-large-only {
    display: none;
  }
  table.stack thead {
    display: table-header-group;
  }
  table.stack tr {
    display: table-row;
  }
  table.stack th,
  table.stack td {
    display: table-cell;
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 1.25rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 1rem;
  }
  .custom-combobox-input {
    width: 87% !important;
  }
}

/* Large and up */
@media screen and (min-width: 64em) {
  .nav-bkgd h4 a,
  .nav-bkgd h4 {
    font-size: 1rem;
  }
  .side-nav {
    padding-right: 0rem;
    padding-left: 0.5rem;
  }
  h1 {
    margin-bottom: 0;
  }
  .apps h1 {
    margin-bottom: 1rem;
  }
  .large-3.contact-info {
    width: 23%;
  }
  article.large-9 {
    width: 77%;
    padding-right: 1rem;
  }
  .row.main .large-10.medium-9.columns {
    padding-left: 1.938rem;
  }
  .row.title .large-8.large-offset-2.columns,
  .row.title .large-10.large-offset-2.columns {
    padding-left: 1.938rem;
  }
  .custom-combobox-input {
    width: 94% !important;
  }
}

/* Large only */
@media screen and (min-width: 64em) {
  .header-left {
    padding-left: 2rem;
  }
}

/* Custom Nav Adjustments */
@media screen and (min-width: 77em) {
  #swap {
    height: 59px;
    background-color: #dae7ed;
  }
}

@media screen and (min-width: 77.0375em) and (max-width: 90em) {
  .nav-bkgd .menu > li > a {
    font-size: 1.1rem;
    padding: 1.3rem 0.9rem;
  }
}

@media screen and (min-width: 64.0375em) and (max-width: 77em) {
  .nav-bkgd .menu > li > a {
    font-size: 1rem;
    padding: 1rem 0.75rem;
  }
}

@media screen and (min-width: 40em) and (max-width: 64em) {
  .nav-bkgd .menu > li > a {
    font-size: 1rem;
    padding: 1rem 0.25rem;
  }
}

/* Print */
@media print {
  a[href]:after {
    content: "";
  }
}

/*Block Grid Fix Foundation 6 upgrade*/

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}
[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
  content: " ";
  display: table;
}
[class*="block-grid-"]:after {
  clear: both;
}
[class*="block-grid-"] > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 0.625rem 1.25rem;
}

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }

  .small-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }

  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }

  .small-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }

  .small-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n + 1) {
    clear: both;
  }

  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n + 1) {
    clear: both;
  }

  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n + 1) {
    clear: both;
  }

  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n + 1) {
    clear: both;
  }

  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n + 1) {
    clear: both;
  }

  .small-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n + 1) {
    clear: both;
  }

  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .small-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n + 1) {
    clear: both;
  }

  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 40.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }

  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }

  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }

  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }

  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-5 > li:nth-of-type(5n + 1) {
    clear: both;
  }

  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-6 > li:nth-of-type(6n + 1) {
    clear: both;
  }

  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-7 > li:nth-of-type(7n + 1) {
    clear: both;
  }

  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-8 > li:nth-of-type(8n + 1) {
    clear: both;
  }

  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-9 > li:nth-of-type(9n + 1) {
    clear: both;
  }

  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-10 > li:nth-of-type(10n + 1) {
    clear: both;
  }

  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-11 > li:nth-of-type(11n + 1) {
    clear: both;
  }

  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-12 > li:nth-of-type(12n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }

  .large-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }

  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }

  .large-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }

  .large-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n + 1) {
    clear: both;
  }

  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n + 1) {
    clear: both;
  }

  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n + 1) {
    clear: both;
  }

  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n + 1) {
    clear: both;
  }

  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n + 1) {
    clear: both;
  }

  .large-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n + 1) {
    clear: both;
  }

  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n + 1) {
    clear: both;
  }

  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n + 1) {
    clear: both;
  }
}