/*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-new {position: absolute;top: 0;left: 4px;right: 0;width:140px;z-index: 100;}
.header-left  {padding:.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: #5a6e89; }
.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: .75rem;margin-bottom: .75rem;}
/*h4{color:#cb6d3b;}*/
h1 {margin-top: 0;margin-bottom:.5rem;}
h3 {color: #48494a;}
h2, h2 a {margin-top: 0;margin-bottom:.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: .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.20);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: .3rem;}
.nav-bkgd .is-dropdown-submenu ul {list-style: none;}
.nav-bkgd .is-dropdown-submenu ul ul {margin-left: .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: .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: .5rem;}
.callout.vitals {background: rgba(255, 255, 255, 0.4) url('https://www.miOttawa.org/images/vitals.png') bottom left no-repeat;padding: .5rem 1rem 3rem .5rem;font-size: .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:.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 .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*/
.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; }

/*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: .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: .9rem;}


/*breadcrumbs*/ 
.breadcrumbs {border-bottom: 0px solid #eaecee;margin: 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: .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;}
.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;}
button.close-button {background-color: transparent;padding:0;}
.button.secondary {background-color: #e8e4df;}
.button.secondary:hover, .button.secondary:focus {background-color: #cfbfab;}
.button-group.secondary .button {
    background-color: #f2efed;}
.button-group.secondary .button:hover {
    background-color: #e8e4df;}
.button-group {background-color: #f2efed;}
.form-row {margin-top: 30px!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 .15rem;border-bottom: 1px solid #eaecee;font-weight: 400; line-height: 1.2; font-size: .93rem;}
.side-nav p { line-height: 1.2;}
.side-nav .accordion-menu li .is-accordion-submenu li a {padding: 0.225rem .9rem 0.225rem .25rem;border-bottom: 1px solid #eaecee;font-size: .9rem;}
.side-nav .accordion-menu .is-accordion-submenu-parent > a::after {border-color: #ceccce transparent transparent;right: .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:.9rem;}
.columns.contact-info img {padding-left: 1rem;}
.columns.contact-info ul  {margin: .75rem 0 .75rem 0/*.75rem*/;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-----*/
ul.styled {list-style:none; margin-left: 1rem;}
ol {margin-left: 1rem;}
ol li {padding-bottom: .5rem;}
ul.styled li {text-indent: -1rem;padding-bottom: .5rem; list-style-position: inside;}
ul.styled li:before {  font-family: 'Font Awesome 5 Free';font-weight: 900;content:"\f101"; padding-right: .25rem; color:#9db7d8; font-size:.7em;}
ul.styled ul {list-style:none;  margin-left: 3rem; padding: .5rem 0 .5rem 0;}
ul.styled ul li {padding-bottom: .25rem;}
ul.styled li ul li:before { font-family: 'Font Awesome 5 Free';font-weight: 900; content:"\f105"; padding-right: .25rem; color:#8D99A5;}

@media only screen and (max-width: 40em) {ul.styled { margin-left:.5rem; }}

ul.styled.check li:before {  font-family: 'Font Awesome 5 Free';font-weight: 900;content:"\f058"; padding-right: .25rem; color:#9fbc6d; font-size:.8em; padding-right: .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: .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: .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: .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: .75rem .25rem;}
.slideDisplayImage{position: relative;top: 0px;left: 0px;display: none;}
#slideshow IMG.active {z-index:10;opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}
#webtecsSlideToggle, .webtecsSlideToggle {font-size: 1.75rem; text-decoration:none; font-weight:bold;padding: .2rem; background:#fff; border:1px solid #D7DFEB;margin: 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: .3rem .4rem;/*background-color: rgb(166, 164, 168);*/margin-top: 11px;margin-left: 5px;font-weight: 900;text-transform: uppercase;font-size: .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: .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: .9rem;font-weight: 500; line-height: 2.5;}
.apps table th {background-color: #edeff1;font-size: .9rem;}
.apps table td {border: 1px solid #e9f1f4;font-weight: 400;font-size: .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: .2rem .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 .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:.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:.25rem .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: .25rem  .5rem;}
.admin .top-bar ul a  {padding: .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:  .25rem  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:.9rem;font-style: italic;}
input:checked ~ .switch-paddle {background: #5c789d;}
.admin table.small-font td {font-size: .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:.25rem 1rem;margin:.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: .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: .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;}
.apps [class*="block-grid-"] > li {padding: 0px 0.625rem 0rem;}
.apps table input, .apps table textarea,.apps table select {margin:.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:.25rem;}	
.dpTitleText {text-align:center;}


table.no-pad td {padding: .5rem;}
i.fa.hr {color: #93A8C6;padding: 0 .25rem;}
.page-nav .tiny.button.secondary {padding: 0.575rem 0.75rem 0.5375rem;font-size: .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 .5rem 1rem;}
 .apps table .button {margin: 0;}


/*Alerts*/  
.alert-box {padding: 0px 1.5rem 0px 0.875rem; margin-bottom:1rem;}
.alert-box ul {margin: .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:.5rem;}
.alert-box.success {background-color: #6f925e; border-color: #6f925e;font-weight: 500;color:#fff;padding:.5rem;}
.alert a {color:#fff;}
.alert strong {font-weight: 600;}
header .alert-box.alert {margin-bottom:0;padding:.5rem;}
.apps ul.errorMessage {color: #b14447;line-height: 19px;list-style-type: none;font-weight: bold;padding: .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: .6rem 2rem;width: auto;}


 input.submitLink {padding:.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: .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:.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:.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,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(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 5p;x}
.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,.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:.65rem .65rem 0;}
.ui-datepicker select {width:auto;}
.ui-datepicker-title {text-align: center;}
a.ui-datepicker-prev {display:block; float:left;padding: .25rem 0 .25rem .5rem;}
a.ui-datepicker-prev:before {font-family: 'Font Awesome 5 Free'; font-weight: 900;content: "\f104";color: #5c575e;padding-right:.25em;}
a.ui-datepicker-next {display:block; float:right;padding: .25rem .5rem .25rem 0;}
a.ui-datepicker-next:after {font-family: 'Font Awesome 5 Free'; font-weight: 900;content: "\f105";color: #5c575e;padding-left:.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: #ffffff;}
.accordion.notices.cmh  .accordion-item > a {background: #BBD1E7 url("//www.miottawa.org/Health/CMH/images/help.png") no-repeat scroll left center;padding-left: 140px;color: #B21E28;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:.5rem;}
table.smallTableFont.plainResultTable th  {background-color: #f1f1f1!important;}  
.ui-datepicker {display: none;}
}
table.smallTableFont.plainResultTable  {width: 100%;}
table.smallTableFont.plainResultTable td  {padding: .5rem .25rem;}

.site-notice {text-align: center; font-size: .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: .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;}
}

/* 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: 1rem; }
    .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: .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:.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:.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 .9rem;}}

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

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