@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-Regular.ttf"),
         url("../fonts/OpenSans-Regular.eot");
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url("../fonts/OpenSans-Bold.ttf"),
         url("../fonts/OpenSans-Bold.eot");
}

@font-face {
    font-family: "OpenSans-Semibold";
    src: url("../fonts/OpenSans-Semibold.ttf"),
         url("../fonts/OpenSans-Semibold.eot");
}

@font-face {
    font-family: "OpenSans-Light";
    src: url("../fonts/OpenSans-Light.ttf"),
         url("../fonts/OpenSans-Light.eot");
}

@font-face {
    font-family: "Mensch";
    src: url("../fonts/mensch.ttf"),
         url("../fonts/mensch.eot");
}

@font-face {
    font-family: "outside-in";
    src: url("../fonts/outside-in/outside-in.eot#iefix") format("embedded-opentype"), /*IE8 fix */
         url("../fonts/outside-in/outside-in.ttf"),
         url("../fonts/outside-in/outside-in.eot");
}

@font-face {
    font-family: "outside-in-IDRC-text";
    src: url("../fonts/outside-in/outside-in-IDRC-text.eot#iefix") format("embedded-opentype"),
        url("../fonts/outside-in/outside-in-IDRC-text.ttf"),
        url("../fonts/outside-in/outside-in-IDRC-text.eot");
}

@font-face {
    font-family: "facebook-twitter";
    src: url("../fonts/facebook-twitter/facebook-twitter.eot#iefix") format("embedded-opentype"), /*IE8 fix */
         url("../fonts/facebook-twitter/facebook-twitter.ttf"),
         url("../fonts/facebook-twitter/facebook-twitter.eot");
}

body {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6em;
}

.outside-in-container {
    font-family: "OpenSans";
}

.outside-in-container .outside-in-headerTitle .outside-in-headerTitle-icon {
    color: #C0D660;
}

.outside-in-container .outside-in-headerTitle .outside-in-headerTitle-icon:before {
    font-size: 7.0rem;
    font-family: "outside-in";
    content: "\e604";
}

.outside-in-container .outside-in-Logo {
    position: absolute;
    font-size: 7.0rem;
    font-family: "outside-in";
    content: "\e604";
    color: #C0D660;
    padding-left: 3.0rem;
    margin-top: -9rem;
}

.outside-in-container .outside-in-facebook-link:before {
    font-size: 1.7rem;
    font-family: "facebook-twitter";
    content: "\e610";
    padding: 0.3rem;
}

.outside-in-container .outside-in-twitter-link:before {
    font-size: 1.7rem;
    font-family: "facebook-twitter";
    content: "\e611";
    padding: 0.3rem;
}

.outside-in-container .outside-in-listRowStyle1:before,
.outside-in-container .outside-in-listRowStyle2:before {
    background: #C0D660;
    content: "";
    height: 0.8rem;
    position: absolute;
    top: -1rem;
    width: 2.5rem;
}

.outside-in-container .outside-in-iconColumn:before {
    background: #FFF;
    border-radius: 50%;
    padding: 0.1rem;
    text-align: center;
    font-family: "outside-in";
    font-size: 4.5rem;
    color: #C0D660;
}

.outside-in-iconColumn1:before {
    content: "\e601";
}

.outside-in-container .outside-in-iconColumn2:before {
    content: "\e603";
}

.outside-in-container .outside-in-iconColumn3:before {
    content: "\e607";
}

.outside-in-container .outside-in-infoRow1 h3:before,
.outside-in-container .outside-in-infoRow2 h3:before,
.outside-in-container .outside-in-aboutPartnersRow h3:before {
    background: #C0D660;
    content: "";
    height: 0.8rem;
    position: absolute;
    top: -1rem;
    width: 2.5rem;
}

.outside-in-container .outside-in-idi-Link,
.outside-in-container .outside-in-Ontario-Government-Link {
    color: #FFF;
    font-size: 3rem;
}

.outside-in-container .outside-in-idi-Link:before {
    font-family: "outside-in-IDRC-text";
    content: "\e600";
}

.outside-in-container .outside-in-Ontario-Government-Link:before {
    font-family: "outside-in";
    content: "\e605";
}

.outside-in-container .outside-in-footerLogo a:before {
    font-family: "outside-in";
    content: "\e604";
    padding-right: 0.5rem;
}

.fl-prefsEditor-buttons {
    font-size: 0.8rem;
    margin-left: 2rem;
    margin-right: 4%;
}

.fl-prefsEditor-showHide {
    min-width: inherit;
}

.fl-prefsEditor-buttons button {
    margin: 0.5rem;
    padding: 0;
}

.fl-prefsEditor-buttons button:focus {
    outline: 0.2rem solid #4c4c4c;
}

.outside-in-container .outside-in-TOC {
    font-size: 1.0rem;
    margin: 1rem 0;
}

.outside-in-container .outside-in-TOC h1 {
    font-family: "OpenSans-Semibold";
    font-size: 2.0rem;
    color: #4c4c4c;
}

.outside-in-container .outside-in-TOC li {
    list-style: upper-roman;
}

.outside-in-container .outside-in-TOC a {
    color: #4c4c4c;
    text-decoration: underline;
}

.outside-in-container .outside-in-headerLinks a {
    color: #FFF;
}

.outside-in-container .outside-in-headerTitle h1 {
    font-size: 3.4rem;
    text-decoration: none;
    color: #FFF;
    font-family: "Mensch";
}

.outside-in-container .outside-in-headerTagline {
    color: #C0D660;
    letter-spacing: 0.14rem;
    font-family: "OpenSans";
    font-size: 1.2rem;
    padding-top: 0.8rem;
}

.outside-in-container .set {
    font-family: "OpenSans-Semibold";
}

.outside-in-container .work {
    font-family: "OpenSans-Bold";
}

.outside-in-container .outside-in-header {
    background-color: #2c2c2c;
    background-image: url("../images/header image.jpg"), none;
    background-position: right bottom;
    background-origin: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-align: center;
}

.outside-in-container .outside-in-headerLinks {
    text-align: right;
    padding:1 .5rem 23% 0 0;
    word-spacing: 1.8rem;
    font-family: "OpenSans-Semibold";
    font-size: 0.9rem;
    height: 3rem;
    padding-top: 0.8rem;
}

.outside-in-container .outside-in-headerTitle {
    padding: 3rem 0 7% 0;
}

.outside-in-container .outside-in-mainContent {
    background-color: #F2f2f2;
}

.outside-in-container .outside-in-rowPadding {
    padding-right: 18%;
    padding-left: 18%;
    max-width: none;
}

.outside-in-container .outside-in-aboutRow {
    padding-top: 3rem;
    padding-bottom: 2rem;
    color: #4c4c4c;
}

/*focus box sizing*/
.outside-in-container .outside-in-twitter-link,
.outside-in-container .outside-in-facebook-link {
    padding-top: 0.5rem;
}

.outside-in-container .outside-in-infoRow1 {
    padding-top: 3rem;
    color: #4c4c4c;
    background-color: #FFF;
}

.outside-in-container .outside-in-infoRow2 {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
    color: #4c4c4c;
    background-color: #FFF;
}

.outside-in-container .outside-in-aboutRow h2,
.outside-in-container .outside-in-partnersRow h2,
.outside-in-container .outside-in-footerRow h2 {
    font-size:1.2rem;
    letter-spacing: 0.04rem;
    color: #4c4c4c;
    font-weight: bold;
}

.outside-in-container .outside-in-footerRow h2 {
    color:#FFF;
}

.outside-in-container .outside-in-infoRow1 h3,
.outside-in-container .outside-in-infoRow2 h3,
.outside-in-container .outside-in-aboutPartnersRow h3 {
    font-size: 1.2rem;
    letter-spacing: 0.045rem;
    color: #4c4c4c;
    font-weight: bold;
    margin: 0 0 1rem 0;
}

.outside-in-container .outside-in-infoRow1 h4,
.outside-in-container .outside-in-infoRow2 h4 {
    font-size: 1.1rem;
    color: #4c4c4c;
    font-weight: semi-bold;
}

.outside-in-aboutRow p, .outside-in-partnersRow p,
.outside-in-infoRow1 p, .outside-in-infoRow2 p,
.outside-in-aboutPartnersRow p,
.outside-in-TOC li,
 {
    font-size: 0.9rem;
    font-family: "OpenSans-Light";
}

.outside-in-container .outside-in-listRow {
    padding-top: 2.5rem;
    padding-bottom: 1rem;
    background-color: #FFF;
}

.outside-in-container .outside-in-listRowStyle1 {
    font-size: 0.8rem;
    font-family: "OpenSans";
    color: #4c4c4c;
    list-style: none;
    position: relative;
    padding: 0 0 1rem 0;
    margin: 2rem 0 2rem 0;
}

.outside-in-container .outside-in-listRowStyle2 {
    font-size: 0.8rem;
    font-family: "OpenSans";
    color: #4c4c4c;
    list-style: none;
    position: relative;
}

.outside-in-container .outside-in-registerNow,
.outside-in-container .outside-in-checkoutClasses {
    text-align: center;
}

.outside-in-container .outside-in-iconRow {
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #4c4c4c;
    text-align: center;
    font-family: "OpenSans-Light";
}

.outside-in-container .outside-in-iconRow p {
    padding: 1.0rem 0 2rem 0;
    font-size: 0.95rem;
}

.outside-in-container .outside-in-iconColumn3 p {
    padding-bottom: 0.4rem;
}

.outside-in-container .outside-in-partnersRow {
    padding-top: 1rem;
    padding-bottom: 5rem;
}

.outside-in-container .outside-in-partnersRow li,
.outside-in-container .outside-in-infoRow1 li,
.outside-in-container .outside-in-infoRow2 li {
    font-size: 0.9rem;
    font-family: "OpenSans-Light";
    margin: 0 0 0.5rem 0;
}

.outside-in-container .outside-in-registerNow a {
    font-size: 1.6rem;
    font-family: "OpenSans-Semibold";
    text-decoration: none;
    border-bottom: 0.18rem solid #C0D660;
    color: #4c4c4c;
    margin: 0 0 0.5rem 0;
}

.outside-in-container .outside-in-checkoutClasses a {
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    text-decoration: none;
    border-bottom: 0.18rem solid #C0D660;
    color: #4c4c4c;
    margin: 0 0 0.5rem 0;
}

.outside-in-container .outside-in-partnersRow a,
.outside-in-container .outside-in-aboutPartnersRow a,
.outside-in-container .outside-in-infoRow1 a {
    font-size: 0.9rem;
    font-family: "OpenSans-Semibold";
    text-decoration: none;
    border-bottom: 0.18rem solid #C0D660;
    color: #4c4c4c;
    margin: 0 0 0.5rem 0;
}

.outside-in-container .outside-in-footerRow {
    background-color: #444444;
    background-size: 100% auto;
    color: #FFFFFF;
    padding-top: 4rem;
    padding-bottom: 4rem;
    font-size: 0.9rem;
    font-family: "OpenSans-Light";
}

.outside-in-container .outside-in-footerColumn {
    padding: 0 0 2rem 1.5rem;
}

.outside-in-container .outside-in-iconLink {
    margin-right:0rem;
}

.outside-in-container .outside-in-idi-Link {
    display: inline-block;
    margin-bottom: 2rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: 0.2rem;
}

.outside-in-container .outside-in-Ontario-Government-Link {
    display: inline;
    padding: 0.5rem 0.3rem 0.5rem 0.3rem;
}

.outside-in-container .outside-in-footerLogo {
    text-align: center;
    font-family: "Mensch";
    font-size: 2rem;
    padding-top: 3rem;
}

.outside-in-container .outside-in-footerLogo a {
    color: #C0D660;
    padding: 0.45rem 0.1rem 0 0.1rem;
}

.outside-in-container .outside-in-emailLink {
    color: #C0D660;
    text-decoration: underline;
    font-family: "OpenSans-Semibold";
}

.outside-in-container a:focus {
    background: #f2e93b;
    color: #4c4c4c;
    outline: solid 0.15rem;
    border-bottom: none;
}

.outside-in-container .outside-in-facebook-link a:focus:before,
.outside-in-container .outside-in-twitter-link a:focus:before {
    background: #f2e93b;
    color: #4c4c4c;
    outline: solid 0.15rem;
    border-bottom: none;
}

.outside-in-container .outside-in-headerLinks a:hover,
.outside-in-container .outside-in-partnersRow a:hover,
.outside-in-container .outside-in-aboutPartnersRow a:hover,
.outside-in-container .outside-in-iconRow a:hover,
.outside-in-container .outside-in-emailLink:hover,
.outside-in-container .outside-in-footerLogo a:hover:before,
.outside-in-container .outside-in-footerLogo a:hover,
.outside-in-container .outside-in-facebook-link:hover:before,
.outside-in-container .outside-in-twitter-link:hover:before,
.fl-prefsEditor-buttons button:hover,
.outside-in-container .outside-in-TOC a:hover {
    color: #4c4c4c;
    background-color: #C0D660;
}

.outside-in-container .outside-in-idi-Link:hover,
.outside-in-container .outside-in-Ontario-Government-Link:hover {
    color: #C0D660;
}

@media only screen and (max-width: 95rem) {
    .outside-in-container .outside-in-header {
    background-size: 81rem auto;
    }
}

@media only screen and (max-width: 55rem) {
    .outside-in-container .outside-in-headerLinks {
        padding: 4.5rem 3rem 0 0;
    }
}

@media only screen and (max-width: 25rem) {
    .outside-in-container .outside-in-rowPadding {
        padding: 2rem 2.0rem 2rem 0;
    }
 }
 
@media only screen and (max-width: 55rem) {
    .outside-in-container .outside-in-header {
        background-position: 80% bottom;
    }
 }

/* Contrast themes. */
.fl-theme-bw .outside-in-container .outside-in-headerLinks a:hover,
.fl-theme-bw .outside-in-container .outside-in-iconRow a:hover,
.fl-theme-bw .outside-in-container .outside-in-partnersRow a:hover,
.fl-theme-bw .outside-in-container .outside-in-aboutPartnersRow a:hover,
.fl-theme-bw .outside-in-container .outside-in-facebook-link:hover:before,
.fl-theme-bw .outside-in-container .outside-in-twitter-link:hover:before,
.fl-theme-bw .outside-in-container .outside-in-emailLink:hover,
.fl-theme-bw .outside-in-container .outside-in-footerLogo a:hover:before,
.fl-theme-bw .outside-in-container .outside-in-footerLogo a:hover,
.fl-theme-bw .outside-in-container .outside-in-iconColumn:before,
.fl-theme-bw .outside-in-container a:focus,
.fl-theme-bw .outside-in-container a:focus:before,
.fl-theme-bw .fl-prefsEditor-buttons button:focus,
.fl-theme-bw .fl-prefsEditor-buttons button:hover,
.fl-theme-bw .outside-in-container .outside-in-infoRow1 h3:before,
.fl-theme-bw .outside-in-container .outside-in-infoRow2 h3:before,
.fl-theme-bw .outside-in-container .outside-in-aboutPartnersRow h3:before,
.fl-theme-bw .outside-in-container .outside-in-TOC a:hover,
.fl-theme-bw .outside-in-container .outside-in-idi-Link:hover,
.fl-theme-bw .outside-in-container .outside-in-Ontario-Government-Link:hover {
    background-color: #000 !important;
    color: #fff !important;
    outline: none;
}

.fl-theme-bw .outside-in-container .outside-in-listRowStyle1:before,
.fl-theme-bw .outside-in-container .outside-in-listRowStyle2:before {
    background-color: #000;
}

.fl-theme-wb .outside-in-container .outside-in-headerLinks a:hover,
.fl-theme-wb .outside-in-container .outside-in-iconRow a:hover,
.fl-theme-wb .outside-in-container .outside-in-partnersRow a:hover,
.fl-theme-wb .outside-in-container .outside-in-aboutPartnersRow a:hover,
.fl-theme-wb .outside-in-container .outside-in-facebook-link:hover:before,
.fl-theme-wb .outside-in-container .outside-in-twitter-link:hover:before,
.fl-theme-wb .outside-in-container .outside-in-emailLink:hover,
.fl-theme-wb .outside-in-container .outside-in-footerLogo a:hover:before,
.fl-theme-wb .outside-in-container .outside-in-footerLogo a:hover,
.fl-theme-wb .outside-in-container .outside-in-iconColumn:before,
.fl-theme-wb .outside-in-container a:focus,
.fl-theme-wb .outside-in-container a:focus:before,
.fl-theme-wb .fl-prefsEditor-buttons button:focus,
.fl-theme-wb .fl-prefsEditor-buttons button:hover,
.fl-theme-wb .outside-in-container .outside-in-infoRow1 h3:before,
.fl-theme-wb .outside-in-container .outside-in-infoRow2 h3:before,
.fl-theme-wb .outside-in-container .outside-in-aboutPartnersRow h3:before,
.fl-theme-wb .outside-in-container .outside-in-TOC a:hover,
.fl-theme-wb .outside-in-container .outside-in-idi-Link:hover,
.fl-theme-wb .outside-in-container .outside-in-Ontario-Government-Link:hover {
    background-color: #fff !important;
    color: #000 !important;
    outline: none;
}

.fl-theme-wb .outside-in-container .outside-in-listRowStyle1:before,
.fl-theme-wb .outside-in-container .outside-in-listRowStyle2:before {
    background-color: #fff;
}


.fl-theme-yb .outside-in-container .outside-in-headerLinks a:hover,
.fl-theme-yb .outside-in-container .outside-in-iconRow a:hover,
.fl-theme-yb .outside-in-container .outside-in-partnersRow a:hover,
.fl-theme-yb .outside-in-container .outside-in-aboutPartnersRow a:hover,
.fl-theme-yb .outside-in-container .outside-in-facebook-link:hover:before,
.fl-theme-yb .outside-in-container .outside-in-twitter-link:hover:before,
.fl-theme-yb .outside-in-container .outside-in-emailLink:hover,
.fl-theme-yb .outside-in-container .outside-in-footerLogo a:hover:before,
.fl-theme-yb .outside-in-container .outside-in-footerLogo a:hover,
.fl-theme-yb .outside-in-container .outside-in-iconColumn:before,
.fl-theme-yb .outside-in-container a:focus,
.fl-theme-yb .outside-in-container a:focus:before,
.fl-theme-yb .fl-prefsEditor-buttons button:focus,
.fl-theme-yb .fl-prefsEditor-buttons button:hover,
.fl-theme-yb .outside-in-container .outside-in-infoRow1 h3:before,
.fl-theme-yb .outside-in-container .outside-in-infoRow2 h3:before,
.fl-theme-yb .outside-in-container .outside-in-aboutPartnersRow h3:before,
.fl-theme-yb .outside-in-container .outside-in-TOC a:hover,
.fl-theme-yb .outside-in-container .outside-in-idi-Link:hover,
.fl-theme-yb .outside-in-container .outside-in-Ontario-Government-Link:hover {
    background-color: #ffff00 !important;
    color: #000 !important;
    outline: none;
}

.fl-theme-yb .outside-in-container .outside-in-listRowStyle1:before,
.fl-theme-yb .outside-in-container .outside-in-listRowStyle2:before {
    background-color: #ffff00;
}


.fl-theme-by .outside-in-container .outside-in-headerLinks a:hover,
.fl-theme-by .outside-in-container .outside-in-iconRow a:hover,
.fl-theme-by .outside-in-container .outside-in-partnersRow a:hover,
.fl-theme-by .outside-in-container .outside-in-aboutPartnersRow a:hover,
.fl-theme-by .outside-in-container .outside-in-facebook-link:hover:before,
.fl-theme-by .outside-in-container .outside-in-twitter-link:hover:before,
.fl-theme-by .outside-in-container .outside-in-emailLink:hover,
.fl-theme-by .outside-in-container .outside-in-footerLogo a:hover:before,
.fl-theme-by .outside-in-container .outside-in-footerLogo a:hover,
.fl-theme-by .outside-in-container .outside-in-iconColumn:before,
.fl-theme-by .outside-in-container a:focus,
.fl-theme-by .outside-in-container a:focus:before,
.fl-theme-by .fl-prefsEditor-buttons button:focus,
.fl-theme-by .fl-prefsEditor-buttons button:hover,
.fl-theme-by .outside-in-container .outside-in-infoRow1 h3:before,
.fl-theme-by .outside-in-container .outside-in-infoRow2 h3:before,
.fl-theme-by .outside-in-container .outside-in-aboutPartnersRow h3:before,
.fl-theme-by .outside-in-container .outside-in-TOC a:hover,
.fl-theme-by .outside-in-container .outside-in-idi-Link:hover,
.fl-theme-by .outside-in-container .outside-in-Ontario-Government-Link:hover {
    background-color: #000 !important;
    color: #ffff00 !important;
    outline: none;
}

.fl-theme-by .outside-in-container .outside-in-listRowStyle1:before,
.fl-theme-by .outside-in-container .outside-in-listRowStyle2:before {
    background-color: #000;
}

.fl-theme-lgdg .outside-in-container .outside-in-headerLinks a:hover,
.fl-theme-lgdg .outside-in-container .outside-in-iconRow a:hover,
.fl-theme-lgdg .outside-in-container .outside-in-partnersRow a:hover,
.fl-theme-lgdg .outside-in-container .outside-in-aboutPartnersRow a:hover,
.fl-theme-lgdg .outside-in-container .outside-in-facebook-link:hover:before,
.fl-theme-lgdg .outside-in-container .outside-in-twitter-link:hover:before,
.fl-theme-lgdg .outside-in-container .outside-in-emailLink:hover,
.fl-theme-lgdg .outside-in-container .outside-in-footerLogo a:hover:before,
.fl-theme-lgdg .outside-in-container .outside-in-footerLogo a:hover,
.fl-theme-lgdg .outside-in-container .outside-in-iconColumn:before,
.fl-theme-lgdg .outside-in-container a:focus,
.fl-theme-lgdg .outside-in-container a:focus:before,
.fl-theme-lgdg .fl-prefsEditor-buttons button:focus,
.fl-theme-lgdg .fl-prefsEditor-buttons button:hover,
.fl-theme-lgdg .outside-in-container .outside-in-infoRow1 h3:before,
.fl-theme-lgdg .outside-in-container .outside-in-infoRow2 h3:before,
.fl-theme-lgdg .outside-in-container .outside-in-aboutPartnersRow h3:before,
.fl-theme-lgdg .outside-in-container .outside-in-TOC a:hover,
.fl-theme-lgdg .outside-in-container .outside-in-idi-Link:hover,
.fl-theme-lgdg .outside-in-container .outside-in-Ontario-Government-Link:hover {
    background-color: #bdbdbb !important;
    color: #555 !important;
    outline: none;
}

.fl-theme-lgdg .outside-in-container .outside-in-listRowStyle1:before,
.fl-theme-lgdg .outside-in-container .outside-in-listRowStyle2:before {
    background-color: #bdbdbb;
}

/* Override Foundation line height so UIO line spacing works */
.outside-in-container ul, ol, dl, p {
    line-height: inherit;
}