/*
Theme Name: odao-theme
Theme URI:
Author: Floe Project
Author URI: http://floeproject.org/
Description: Theme for Our Doors are Open
Version: 0.0.1
License:
License URI:
*/
@font-face {
  font-family: "Muli";
  src: url("fonts/Muli-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Muli";
  src: url("fonts/Muli-Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Muli";
  src: url("fonts/Muli-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}
/* Masthead colours */
/* Sidebar */
/* Front Main Content Area */
/* Main Content Area for all other pages */
/* Front Page Panels */
/* Skip Links */
/* Front Page Footer */
/* Sub Page Footer */
/* Site description */
/* Mixins */
/* Styles for specific SVG images. */
#ODAO_corner {
  display: none;
}
#ocadu-logo,
#idrc-logo,
#ontario-logo {
  width: 8rem;
  fill: #fff;
  margin: 0 auto;
  display: block;
  height: 2.2rem;
}

#ocadu-logo,
#idrc-logo {
    display: inline-block;
    height: 8rem;
}

/* General styles */
html {
  font-size: 16px;
}
.a11y-theme {
  font-family: "Muli", Arial, Helvetica;
  background-color: #fff;
}
.a11y-theme h1,
.a11y-theme h2,
.a11y-theme h3 {
  font-family: "Muli";
  color: #1a5692
  text-transform: uppercase;
  font-weight: bold;
}
/* Skip links */
#skip {
  float: left;
  height: 0rem;
}
#skip a {
  color: #1a5692;
  background: #eceded;
  margin-top: 1rem;
}
#skip a,
#skip a:hover,
#skip a:visited {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
  color: #eceded;
  background: #1a5692;
}
#skip a:active,
#skip a:focus {
  height: auto;
  width: auto;
  left: auto;
  border: 0.5rem solid #eceded;
  outline: 0.2rem solid #1a5692;
  color: #eceded;
  background: #1a5692;
  padding: 1rem;
  z-index: 1;
}
/* UI Options. */
.fl-prefsEditor-separatedPanel .fl-panelBar {
  flex-flow: row wrap;
  display: flex;
  justify-content: flex-end;
  background-color: inherit;
  border-bottom: none;
}
.fl-prefsEditor-separatedPanel .fl-panelBar .fl-prefsEditor-buttons {
  margin-right: 5em;
}
.fl-prefsEditor-separatedPanel .fl-panelBar button:focus {
  outline: 0.2rem solid #000;
}
.fl-prefsEditor-separatedPanel .fl-panelBar .fl-prefsEditor-showHide {
  min-width: 7em;
}
/* Site Header */
.a11y-site-header {
  background-color: #fff;
  margin-top: 1.2rem;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
}
.a11y-site-header .a11y-site-title {
  margin: 0;
  display: inline-block;
  text-transform: none;
  font-size: 1.7rem;
}
.a11y-site-header .a11y-site-title a {
  font-weight: bolder;
  color: #000;
  display: flex;
  align-items: flex-end;
  background:url("./images/OADA_colour.svg") right -0.1rem/20.5rem 4rem no-repeat;
  width: 51.5rem;
  height: 4.5rem;

}
.a11y-site-header .a11y-site-title a:hover {
  background-color: #fff;
  color: #000;
}
.a11y-site-header .a11y-site-title a:focus {
  outline: 0.2rem solid #1a5692;
}
.a11y-site-header nav {
  display: inline;
}
.a11y-main-nav .title-bar {
  display: inline-block;
  background-color: inherit;
}
.a11y-main-nav .menu-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: end;
  margin-top: 1rem;
}
.a11y-main-nav .menu-icon:focus {
  outline: 0.2rem solid #1a5692;
}
.a11y-main-nav .menu-icon:before {
  font-size: 1.8rem;
  content: "\2630";
  position: absolute;
  top: -0.4rem;
  left: 0.4rem;
}
.a11y-main-nav .menu-icon:after {
  display: none;
  visibility: hidden;
}
/* Shared navigation styles for all screen sizes. */
.a11y-main-nav-items ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.a11y-main-nav-items li {
  width: 100%;
}
.a11y-main-nav-items a {
  display: inline-block;
  color: #1a5692;
  text-transform: uppercase;
}
.a11y-main-nav-items a:hover {
  background-color: #1a5692;
  color: #fff;
}
.a11y-main-nav-items a:focus {
  outline: 0.2rem solid #1a5692;
}
/* Navigation for medium screens and larger. */
@media screen and (min-width: 40em) {
  .a11y-main-nav-items {
    width: 100%;
  }
  .a11y-main-nav-items .menu-item {
    border-right: 0.1rem solid #1a5692;
  }
  .a11y-main-nav-items .menu-item:last-of-type {
    border-right: none;
  }
  .a11y-main-nav-items .menu li a {
    padding: 0.7rem 0.8rem;
  }
}
.home .a11y-site-main {
  background-color: front-main-content-background;
  padding: 0;
  overflow-x: hidden;
}
.category main,
.single main {
  border: none;
  background: #fff;
  padding: 1.6rem;
}
.category main a,
.single main a {
  color: #1a5692;
}
.category main a:focus,
.single main a:focus,
.category main a:hover,
.single main a:hover {
  text-decoration: underline;
}
/* Site Tagline (appears on front page only) */
.a11y-site-tagline {
  background-color: #1a5692;
  background: url("./images/banner-4-01.png") 0 -3rem/100% auto no-repeat, #1a5692;
  padding: 1rem;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  text-shadow: 0.1rem 0.1rem #fff;
  color: #1a1a1a;
}
.a11y-tagline-emphasis {
  color: #000;
}
/* The Three Panels that appear on the front page. */
.a11y-panel-container {
  padding: 1rem 2rem;
  background-color: #eceded;
}
.a11y-panel-container.row {
  margin-left: 0;
  margin-right: 0;
}
.a11y-front-panel {
  background-color: #fff;
  border: 1rem solid #eceded;
  color: inherit;
}

.a11y-front-panel:focus,
.a11y-front-panel:hover {
  color: inherit;
  border-color: #1a5692;
}

.a11y-front-panel--no-hover {
  background-color: #fff;
  border: 1rem solid #eceded;
  color: inherit;
	padding: 0.5rem 1.5rem;
}

.a11y-front-panel.columns {
  padding: 0;
}
.a11y-front-panel h1 {
  font-size: 1.2rem;
  text-transform: none;
}
.a11y-front-panel h1,
.a11y-front-panel section {
  padding: 0.5rem 1.5rem;
}
/* Site Sidebar (appears on all other pages, except front page) */
.a11y-site-aside {
  color: #fff;
  background: #1a5692;
  padding: 1rem 1.6rem;
}
.a11y-site-aside ul {
  list-style: none;
  margin: 0;
}
.a11y-site-aside .a11y-sidebar-current:before {
  content: "\25B6";
}
.a11y-site-aside .a11y-sidebar-category-link {
  text-transform: uppercase;
}
.a11y-site-aside a {
  color: #fff;
  padding: 0.4rem;
  margin-bottom: 0.2rem;
  width: 100%;
  display: inline-block;
}
.a11y-site-aside a:hover {
  background-color: #fff;
  color: #1a5692;
}
.a11y-site-aside a:focus {
  outline: 0.2rem solid #fff;
  color: #fff;
}
.a11y-site-aside a:focus:hover {
  background-color: #fff;
  color: #1a5692;
}
.a11y-site-aside h1,
.a11y-site-aside h2,
.a11y-site-aside h3 {
  color: #fff;
  font-size: 1.2rem;
}
/* Main Content Area Styles */
.a11y-site-main h1,
.a11y-entry-header h1 {
  font-size: 3.6rem; line-height: 70px;
}
.a11y-site-main article h1,
.a11y-site-main article h2,
.a11y-site-main article h3 {
  margin-bottom: 0.8rem;
  margin-top: 2rem;
}
.a11y-site-main article h1 {
  font-size: 2rem;line-height: 35px;
}
.a11y-site-main article h2 {
  font-size: 1.6rem; line-height: 35px;
}
.a11y-site-main article h3 {
  font-size: 1.2rem;line-height: 35px;
}
.a11y-site-main article blockquote {
  color: #000;
  border-left: 0.2rem solid #000;
}
/* Footer */
.a11y-site-footer {
  padding: 1rem;
  background-color: #1a5692;
  color: #fff;
}
.a11y-site-footer a {
  color: #fff;
}
.a11y-site-footer a:hover {
  background-color: #fff;
  color: #1a5692;
}
.a11y-site-footer a:focus {
  outline: 0.2rem solid #fff;
  color: #fff;
}
/* Footer styles for the home page only. */
.home .a11y-site-footer {
  background-color: #1a5692;
}
.home .a11y-site-footer a:hover {
  background-color: #fff;
  color: #1a5692;
}
.home .a11y-site-footer a:focus {
  outline: 0.2rem solid #fff;
}
/* Contrast Themes */
.fl-theme-wb #ODAO_corner {
  fill: #fff;
  background-color: initial !important;
}
.fl-theme-wb #idrc-logo,
.fl-theme-wb #ocadu-logo,
.fl-theme-wb #ontario-logo {
  fill: #fff;
}
.fl-theme-wb a:hover {
  color: #000 !important;
  background-color: #fff !important;
}
.fl-theme-wb a:focus {
  outline: 0.2rem solid #fff !important;
}
.fl-theme-wb .a11y-site {
  border: 0.2rem solid #fff;
}
.fl-theme-wb .a11y-site-tagline {
  text-shadow: none;
  background: none;
}
.fl-theme-wb .a11y-panel-container {
  background: #fff !important;
}
.fl-theme-wb .a11y-site-aside {
  border-top: 1.6rem solid #000 !important;
}
.fl-theme-wb .a11y-site-header {
  border-bottom: 0.2rem solid #fff;
}
.fl-theme-wb .a11y-site-header h1 a {
  background-image: url("./images/OADA_white.svg");
}
.fl-theme-wb .a11y-site-footer {
  border-top: 0.2rem solid;
}
.fl-theme-wb .a11y-site-footer p {
  background: none !important;
}
.fl-theme-bw #ODAO_corner {
  fill: #000;
  background-color: initial !important;
}
.fl-theme-bw #idrc-logo,
.fl-theme-bw #ocadu-logo,
.fl-theme-bw #ontario-logo {
  fill: #000;
}
.fl-theme-bw a:hover {
  color: #fff !important;
  background-color: #000 !important;
}
.fl-theme-bw a:focus {
  outline: 0.2rem solid #000 !important;
}
.fl-theme-bw .a11y-site {
  border: 0.2rem solid #000;
}
.fl-theme-bw .a11y-site-tagline {
  text-shadow: none;
  background: none;
}
.fl-theme-bw .a11y-panel-container {
  background: #000 !important;
}
.fl-theme-bw .a11y-site-aside {
  border-top: 1.6rem solid #fff !important;
}
.fl-theme-bw .a11y-site-header {
  border-bottom: 0.2rem solid #000;
}
.fl-theme-bw .a11y-site-header h1 a {
  background-image: url("./images/OADA_grey.svg");
}
.fl-theme-bw .a11y-site-footer {
  border-top: 0.2rem solid;
}
.fl-theme-bw .a11y-site-footer p {
  background: none !important;
}
.fl-theme-yb #ODAO_corner {
  fill: #ff0;
  background-color: initial !important;
}
.fl-theme-yb #idrc-logo,
.fl-theme-yb #ocadu-logo,
.fl-theme-yb #ontario-logo {
  fill: #ff0;
}
.fl-theme-yb a:hover {
  color: #000 !important;
  background-color: #ff0 !important;
}
.fl-theme-yb a:focus {
  outline: 0.2rem solid #ff0 !important;
}
.fl-theme-yb .a11y-site {
  border: 0.2rem solid #ff0;
}
.fl-theme-yb .a11y-site-tagline {
  text-shadow: none;
  background: none;
}
.fl-theme-yb .a11y-panel-container {
  background: #ff0 !important;
}
.fl-theme-yb .a11y-site-aside {
  border-top: 1.6rem solid #000 !important;
}
.fl-theme-yb .a11y-site-header {
  border-bottom: 0.2rem solid #ff0;
}
.fl-theme-yb .a11y-site-header h1 a {
  background-image: url("./images/OADA_yellow.svg");
}
.fl-theme-yb .a11y-site-footer {
  border-top: 0.2rem solid;
}
.fl-theme-yb .a11y-site-footer p {
  background: none !important;
}
.fl-theme-by #ODAO_corner {
  fill: #000;
  background-color: initial !important;
}
.fl-theme-by #idrc-logo,
.fl-theme-by #ocadu-logo,
.fl-theme-by #ontario-logo {
  fill: #000;
}
.fl-theme-by a:hover {
  color: #ff0 !important;
  background-color: #000 !important;
}
.fl-theme-by a:focus {
  outline: 0.2rem solid #000 !important;
}
.fl-theme-by .a11y-site {
  border: 0.2rem solid #000;
}
.fl-theme-by .a11y-site-tagline {
  text-shadow: none;
  background: none;
}
.fl-theme-by .a11y-panel-container {
  background: #000 !important;
}
.fl-theme-by .a11y-site-aside {
  border-top: 1.6rem solid #ff0 !important;
}
.fl-theme-by .a11y-site-header {
  border-bottom: 0.2rem solid #000;
}
.fl-theme-by .a11y-site-header h1 a {
  background-image: url("./images/OADA_grey.svg");
}
.fl-theme-by .a11y-site-footer {
  border-top: 0.2rem solid;
}
.fl-theme-by .a11y-site-footer p {
  background: none !important;
}
.fl-theme-lgdg #ODAO_corner {
  fill: #bdbdbb;
  background-color: initial !important;
}
.fl-theme-lgdg #idrc-logo,
.fl-theme-lgdg #ocadu-logo,
.fl-theme-lgdg #ontario-logo {
  fill: #bdbdbb;
}
.fl-theme-lgdg a:hover {
  color: #555 !important;
  background-color: #bdbdbb !important;
}
.fl-theme-lgdg a:focus {
  outline: 0.2rem solid #bdbdbb !important;
}
.fl-theme-lgdg .a11y-site {
  border: 0.2rem solid #bdbdbb;
}
.fl-theme-lgdg .a11y-site-tagline {
  text-shadow: none;
  background: none;
}
.fl-theme-lgdg .a11y-panel-container {
  background: #bdbdbb !important;
}
.fl-theme-lgdg .a11y-site-aside {
  border-top: 1.6rem solid #555 !important;
}
.fl-theme-lgdg .a11y-site-header {
  border-bottom: 0.2rem solid #bdbdbb;
}
.fl-theme-lgdg .a11y-site-header h1 a {
  background-image: url("./images/OADA_white.svg");
}
.fl-theme-lgdg .a11y-site-footer {
  border-top: 0.2rem solid;
}
.fl-theme-lgdg .a11y-site-footer p {
  background: none !important;
}
/* Styles for Medium resolution and larger */
@media screen and (min-width: 40em) {
  #ODAO_corner {
    position: absolute;
    top: -4rem;
    right: 0rem;
    width: 6rem;
    height: 12rem;
    display: inline;
    fill: #1a5692;
  }
  #logo {
    width: 4.1rem;
    height: 5.2rem;
  }
  .fl-prefsEditor-separatedPanel .fl-panelBar .fl-prefsEditor-buttons {
    margin-right: 10rem;
  }
  .a11y-site-header {
    border-bottom: 0.8rem solid #1a5692;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 0;
  }
  .a11y-site-header h1 {
    font-size: 2rem;
  }
  .a11y-main-nav-items ul li {
    flex: 1 0 auto;
    width: auto;
    margin: 0.2rem;
  }
  .single,
  .category {
    min-width: 40rem;
  }
  .a11y-site-aside {
    padding: 5rem 1.6rem 25rem 1.6rem;
    background-image: url("./images/ODAO-sidebar-COLOUR-01.svg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 18rem auto;
  }
  .a11y-site-aside ul ul {
    margin-left: 1rem;
  }
  .a11y-site-tagline {
    margin: 0 -10rem;
    padding: 3rem 15rem;
    min-height: 16rem;
    font-size: 1.6rem;
    background-position: 0 -10rem;
  }
  .a11y-site-footer {
    background-image: url("./images/ODAO-sidebar-COLOUR-02.svg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 18rem auto;
  }
  .single .a11y-site-main,
  .category .a11y-site-main {
    border-top: 1.6rem solid #eceded;
    border-left: 1.6rem solid #eceded;
    border-right: 1.6rem solid #eceded;
    padding-bottom: 4rem;
  }
  .fl-theme-wb .a11y-site-aside {
    background-image: url("./images/ODAO-sidebar-WHITE-01.svg");
  }
  .fl-theme-wb .a11y-site-footer {
    border-top: 0.2rem solid #fff;
    background-image: url("./images/ODAO-sidebar-WHITE-02.svg");
  }
  .fl-theme-bw .a11y-site-aside {
    background-image: url("./images/ODAO-sidebar-GREY-01.svg");
  }
  .fl-theme-bw .a11y-site-footer {
    border-top: 0.2rem solid #000;
    background-image: url("./images/ODAO-sidebar-GREY-02.svg");
  }
  .fl-theme-yb .a11y-site-aside {
    background-image: url("./images/ODAO-sidebar-YELLOW-01.svg");
  }
  .fl-theme-yb .a11y-site-footer {
    border-top: 0.2rem solid #ff0;
    background-image: url("./images/ODAO-sidebar-YELLOW-02.svg");
  }
  .fl-theme-by .a11y-site-aside {
    background-image: url("./images/ODAO-sidebar-GREY-01.svg");
  }
  .fl-theme-by .a11y-site-footer {
    border-top: 0.2rem solid #000;
    background-image: url("./images/ODAO-sidebar-GREY-02.svg");
  }
  .fl-theme-lgdg .a11y-site-aside {
    background-image: url("./images/ODAO-sidebar-WHITE-01.svg");
  }
  .fl-theme-lgdg .a11y-site-footer {
    border-top: 0.2rem solid #bdbdbb;
    background-image: url("./images/ODAO-sidebar-WHITE-02.svg");
  }
}
/* Large screens and bigger */
@media screen and (min-width: 64em) {
  .a11y-site-tagline {
    background: url("./images/OADA_colour.svg") no-repeat, url("./images/banner-4-01.png") no-repeat, #1a5692;
    background-position: 83% -0.2rem,10rem -16rem;
    background-size: 24% auto, 92% auto;
    padding: 3rem 50% 3rem 15rem;
    min-height: 25rem;
  }
  .a11y-site-aside ul ul {
    margin-left: 2rem;
  }
  .fl-theme-wb .a11y-site-tagline {
    background: url("./images/OADA_white.svg");
    background-position: 83% -0.2rem;
    background-size: 24% auto;
    background-repeat: no-repeat;
  }
  .fl-theme-bw .a11y-site-tagline {
    background: url("./images/OADA_grey.svg");
    background-position: 83% -0.2rem;
    background-size: 24% auto;
    background-repeat: no-repeat;
  }
  .fl-theme-yb .a11y-site-tagline {
    background: url("./images/OADA_yellow.svg");
    background-position: 83% -0.2rem;
    background-size: 24% auto;
    background-repeat: no-repeat;
  }
  .fl-theme-by .a11y-site-tagline {
    background: url("./images/OADA_grey.svg");
    background-position: 83% -0.2rem;
    background-size: 24% auto;
    background-repeat: no-repeat;
  }
  .fl-theme-lgdg .a11y-site-tagline {
    background: url("./images/OADA_white.svg");
    background-position: 83% -0.2rem;
    background-size: 24% auto;
    background-repeat: no-repeat;
  }
span.fa { font: normal normal normal 3rem FontAwesome !important; /* Fix a bug where UIO was replacing icon with adjuster font */ }
}
span.wpcf7-list-item {
margin-left: 0.5em;
display: block;
}