.desktop {
  display: block !important;
}

.mobile {
  display: none !important;
}

.accessible, .visually-hidden, #logo h1 {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.wrapper {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  height: auto;
  padding: 0 1em;
  width: 93.5%;
}

a {
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline !important;
}

a:focus {
  background-color: transparent;
}

/* Form Styles */

input[type="text"], input[type="email"] {
  font-size: 1rem;
  height: 1rem;
  margin-bottom: 0;
}

input[type="radio"] {
  -webkit-appearance: radio;
}

input[type="radio"]:checked:after {
  content: '';
  border-radius: 0;
  background: 0 none;
  box-shadow: none;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

input[type="checkbox"]:checked:after {
  content: '';
}

input[type="submit"] {
  padding: 2px;
  font-size: 16px;
  font-size: 1rem;
  min-width: 90px;
  height: 30px;
}

.form-type-radio label {
  bottom: 0;
}

#page {
  max-width: 1020px;
  margin: 0 auto;
  background-color: #fbfbfb;
}

/* #main-content a {
  text-decoration: none;
} */

#header {
  position: fixed;
  width: 100%;
  height: 90px;
  max-width: 1020px;
  z-index: 500;
}

#header .wrapper {
  overflow: visible;
}

.home #header {
  position: relative;
}

#headerSec {
  background: #415634;
  height: 75px;
}

.home #headerSec {
  background-color: transparent;
}

.home #headerSec .wrapper {
  overflow: visible;
}

#headerSec.serviceontario {
  background-color: #02713c;
}

.node-serviceontario_homepage #headerSec.serviceontario {
  background-color: transparent;
}

#headerWrapper {
  max-width: 1020px;
  height: auto;
}

#headerFold {
  background-image: none;
}

#banner {
  margin: 0 -11px 25px -10px;
}

#left {
  float: left;
  margin-right: 0;
  min-width: 50%;
  max-width: 100%;
}

.node-dataset #left {
  padding-right: 20px;
}

.node-faq #left {
  margin-left: 32px;
  margin-left: 2rem;
}

#right, #recommendations {
  float: right;
}

#right {
  position: relative;
}

#right .right-item {
  float: left;
  width: 100%;
}

#intro {
  display: block;
  float: left;
  border: 15px solid #dbe2d6;
  margin: 25px 10px 30px;
  padding: 1em;
  /* width 93% or 56.875em */
  width: 900px;
  background-color: #fff;
}

#intro h1 {
  padding: 0;
}

#intro img {
  margin-bottom: 20px;
}

.grey-box {
  background-color: #ededed;
  padding: 10px;
  clear: both;
}

/***************************************
 *        Table of Contents           */
#toc-menu.fixed {
  position: fixed;
  top: 100px;
  width: 270px;
}

#toc-menu.border {
  border-width: 0;
  margin-left: 5px;
}

#toc-menu.default {
  position: relative;
  top: 0;
}

#toc-menu {
  position: relative;
  width: 96%;
  background-color: #fff;
  border: 5px solid #dbe2d6;
  border-width: 0 5px 5px;
  clear: both;
}

#toc-menu ul li {
  padding-left: 1em;
}

#toc-menu ul li a {
  font-size: 1rem;
  text-decoration: none;
}

#toc-menu .toc-active {
  background-color: #dbe2d6;
}

#toc-menu .toc-active a {
  font-weight: bold;
}

/* --- grid --------------------------------- */
.container_12 {
  width: 100%;
}

#logo {
  width: 182px;
  float: left;
  margin-top: 20px;
}

.home #logo {
  position: relative;
  left: 50px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  margin-top: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  width: 125px;
  padding: 50px 10px 10px;
}

.home h1 {
  position: absolute;
  left: 249px;
  top: -96px;
  float: left;
  color: #000;
  font-size: 20px;
  font-size: 1.2rem;
  width: 515px;
  background-color: rgba(255, 255, 255, .8);
  padding: 10px 6px 10px 10px;
  border-radius: 5px;
  z-index: 1000;
}

.node-serviceontario_homepage .home h1 {
  top: -94px;
  background-color: #00713d;
  width: 600px;
}

.fr .home h1 {
  width: 500px;
}

.serviceontario #logo {
  margin-top: 27px;
}

.node-serviceontario_homepage .serviceontario #logo {
  margin-top: 0;
}

#home-bg {
  min-height: 537px;
  margin-bottom: -20px;
}

.home #info-container {
  display: block;
  position: absolute;
  bottom: -352px;
  right: -11px;
  background-color: #000;
  color: #fff;
  opacity: 0.7;
  padding: 5px;
}

.home #info {
  display: block;
}

.home #search-wrapper {
  position: absolute;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  width: 675px;
  left: 240px;
  top: 50px;
  z-index: 1;
}

#search-block-form, .home #search-block-form {
  position: relative;
  float: left;
  width: auto;
  top: 15px;
  left: 20px;
}

.home #search-block-form {
  top: 0;
  left: 0;
  margin-top: 0;
}

#edit-search-block-form--2 {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #c6cec3;
  border-radius: 0;
  color: #000;
  font-size: 1.2em;
  height: 1.2em;
  line-height: normal;
  margin-top: 7px;
  padding: 2px;
  vertical-align: middle;
  width: 450px;
}

.fr #edit-search-block-form--2 {
  width: 425px;
}

/*splash-page search box*/
#splash-page #edit-search-block-form--2 {
  font-size: 22px;
  font-size: 1.375rem;
  height: 50px;
  line-height: 1.5em;
  padding: 0 20px 0 10px;
  color: #000;
  margin: auto;
  float: left;
  border: 1px solid #969797;
  width: 480px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  behavior: url('/sites/all/themes/ontario/scripts/PIE.htc');
}

/*home page search box*/
.home #edit-search-block-form--2 {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #c6cec3;
  border-radius: 0;
  color: #9a9a9a;
  height: 1.2em;
  line-height: normal;
  margin-top: 7px;
  padding: 2px 15px 2px 2px;
  vertical-align: middle;
  height: 29px;
  font-size: 24px;
  font-size: 1.5rem;
  color: #000;
  width: 565px;
}

/*french home page search box*/
.fr .home #edit-search-block-form--2 {
  width: 540px;
}

#search-block-form #edit-submit {
  position: absolute;
  top: 0;
  right: -89px;
  font-weight: 200;
  color: #000;
  background-color: #f0f0f0;
  border: 1px solid #c6cec3;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  box-shadow: none;
  font-size: 1.2em;
  height: 29px;
  width: 77px;
  line-height: normal;
  margin: 7px 0 0 -4px;
  padding: 0 10px 0 7px;
  vertical-align: middle;
  behavior: url('/sites/all/themes/ontario/scripts/PIE.htc');
}

.fr #search-block-form #edit-submit {
  width: 115px;
  right: -114px;
}

/* splash page - submit button */
#splash-page #search-block-form #edit-submit {
  top: 10px;
  right: 10px;
  margin-top: 0;
  float: right;
  background-color: #3f5730;
  border-radius: 0 5px 5px 0;
  font-size: 22px;
  font-size: 1.375rem;
  color: #fff;
  height: 52px;
}

.fr #splash-page #search-block-form #edit-submit {
  right: -15px;
}

#search-block-form {
  margin: .5em auto 0 auto;
}

/* splash page form = #search-block-form*/
#splash-page form {
  padding: 10px 10px 13px 10px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  float: none;
  margin: 0 auto;
  width: 590px;
}

#splash-page #langBtn {
  top: 10em;
}

#splash-page #langBtn p {
  background-color: rgba(255, 255, 255, 0.7);
  width: 250px;
  margin: 0 auto;
  border-radius: 10px;
}

.node-splash #brand {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 55px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#splash-page #langBtn a {
  margin: 0.5em;
  min-width: 85px;
  border: 0 none;
  background: #415634 url('../images/arrow-white.png') no-repeat 90% 46%;
  text-align: left;
  text-indent: 5px;
  box-shadow: none;
}

.fr #splash-page #search-block-form #edit-submit {
  width: auto;
}

.home #search-block-form #edit-submit {
  background-color: #415634;
  color: #fff;
  height: 37px;
}

#search-autocomplete {
  position: relative;
  width: 450px;
  left: 20px;
  bottom: -3px;
}

.home #search-autocomplete {
  width: 594px;
  left: 90px;
  top: 103px;
}

.node-splash #search-autocomplete {
  position: absolute;
  left: 10px;
  top: 61px;
  width: 462px;
}

#home-nav-wrapper {
  position: absolute;
  width: 850px;
  left: 70px;
  top: 310px;
  padding: 10px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}

.node-serviceontario_homepage #home-nav-wrapper {
  position: relative;
  height: 40px;
  top: 240px;
}

.node-serviceontario_homepage #home-navbar ul {
  width: 98%;
  position: relative;
  margin: 0 auto;
}

.node-serviceontario_homepage #home-navbar ul li {
  width: 49.9%;
  text-align: center;
}

.node-serviceontario_homepage #left-button {
  border-right: 1px solid #8D9470;
}

#home-nav ul {
  background-color: transparent;
  border-bottom: 0 none;
  margin: 0;
  padding: 0;
}

#home-nav ul li {
  float: left;
  text-align: center;
  background-color: #415634;
  border: 1px solid #8d9470;
}

#home-nav ul li.active {
  background-color: #fff;
  margin: 0;
  padding: 0;
}

#home-nav ul li a {
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-size: 1.3rem;
  text-decoration: none;
}

#home-nav ul li a:hover {
  text-decoration: underline;
}

#home-nav ul li.active a {
  color: #8a7c24;
}

#home-welcome-wrapper {
  float: left;
  position: relative;
  height: 160px;
  left: 200px;
  top: 37px;
}

#home-welcome-wrapper h1 {
  font-size: 25px;
  font-size: 1.55rem;
}

#home-welcome-content {
  float: left;
  position: relative;
  width: 588px;
  z-index: 10;
  height: 150px;
}

#home-welcome-content span {
  display: table;
  float: left;
  width: 49%;
  height: 100%;
  text-align: center !important;
}

#home-welcome-content span h2, #home-explore-content span h2, #home-welcome-content span p, #home-explore-content span p {
  display: table-cell;
  vertical-align: middle;
}

#spotlight-button {
  position: absolute;
  left: -10px;
  top: 390px;
  background-color: #71641d;
  min-width: 200px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}

.node-serviceontario_homepage #spotlight-button {
  background-color: #696969;
  top: 405px;
}

#spotlight-button a {
  float: left;
  color: #fff;
  text-decoration: none;
  margin-left: 5px;
  padding-right: 40px;
}

#spotlight-button .plus-minus {
  position: absolute;
  right: 0;
  float: right;
  color: #fff;
  margin-right: 16px;
  margin-right: 1rem;
}

#spotlight-content {
  padding: 10px;
}

#popular-tab {
  width: 49%;
}

.close {
  position: absolute;
  background: url('/sites/default/files/close.png') no-repeat;
  width: 35px;
  height: 33px;
  right: -10px;
  top: -10px;
  cursor: pointer;
  text-indent: -9999em;
}

#popular-wrapper, #tabs-wrapper, #news-wrapper, #spotlight-wrapper {
  float: left;
  position: relative;
  left: 75px;
  bottom: 30px;
  width: 847px;
  max-height: 260px;
  padding: 10px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}

.node-serviceontario_homepage #spotlight-wrapper {
  bottom: 10px;
}

#popular {
  float: left;
  width: 100%;
  overflow: hidden;
}

#popular h2 {
  font-size: 1.4em;
  margin-left: 10px;
}

#popular ul {
  list-style: none;
  margin-top: 0;
  padding-left: 10px;
  padding-left: 0.2rem;
}

#popular-links {
  float: left;
  width: 50%;
  border-right: 1px solid #ccc;
}

#home-ad {
  float: left;
  width: 49%;
  text-align: center;
  margin-top: 20px;
}

#popular, #featured, #news, #spotlight-content {
  max-height: 210px;
  background-color: #fff;
  border: 1px solid #ccc;
}

#featured-tab, #news-tab {
  width: 25%;
}

.feature-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 845px;
  clear: none;
  padding: 10px;
}

.feature-item img {
  float: left;
  margin-right: 20px;
}

.feature-item .media-youtube-player {
  float: left;
  margin-right: 20px;
  width: 285px !important;
  height: 180px !important;
}

#featured .view-content {
  width: 20000px;
  position: relative;
}

#featured .view-featured-content {
  overflow: hidden;
}

#featured-controls {
  margin: 0 auto;
  text-align: center;
  width: 300px;
}

#featured-controls span {
  cursor: pointer;
}

#home-nav #featured-tab.wide {
  padding: 0 100px;
}

.featured_unselected {
  background: url("/sites/default/files/dot_filled.png") no-repeat scroll 0 1px transparent;
}

.featured_selected {
  background: url("/sites/default/files/dot_unfilled.png") no-repeat scroll 0 1px transparent;
}

.featured_unselected, .featured_selected {
  padding: 0 10px;
}

#popular ul li {
  line-height: 20px;
  line-height: 0.6rem;
  border: 0 none;
}

#news {
  float: left;
}

.news-item, .news-box-newsroom {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 25%;
  clear: none;
  border-right: 1px solid #c7ccc5;
  height: 210px;
  overflow: hidden;
  padding: 10px;
}

.news-box-newsroom {
  border: 0 none;
  display: table;
}

.news-item h2 {
  font-size: 14px;
  font-size: 0.9rem;
}

.news-box-newsroom h2 {
  font-size: 16px;
  font-size: 1rem;
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

.news-box-image {
  position: absolute;
  bottom: 20px;
  margin-left: 6px;
  overflow: hidden;
  height: 100px;
}

.description {
  font-size: 12px;
}

.news-box-image img {
  position: relative;
  width: 175px;
  height: auto;
}

#home-nav ul li.so-tab {
  background-color: #696969;
  width: 49.5%;
}

.headerFold {
  display: none;
}

.headerFold.onTop {
  display: none;
}

#menu-button {
  display: block;
  top: 0;
  right: 0;
  width: auto;
  background-color: transparent;
  background-image: none;
  color: #505050;
  cursor: auto;
  border: 0 none;
  margin: 0;
}

#footer #menu-button {
  z-index: 1;
}

#footer #menu-button.wrapper {
  margin-top: 0;
}

.explore-button {
  background: #c6cec3 url("/sites/all/themes/odpm/images/menu-darkx64.png") no-repeat 3px 0.15em;
  background-size: 32px 32px;
  color: #505050;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  top: -33px;
  cursor: pointer;
  font-size: 1.3em;
  padding: 0 5px 2px 36px;
  position: absolute;
  right: 0;
  width: 140px;
  height: 33px;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#explore-wrapper input, #explore-wrapper .view-topic-list {
  display: none;
}

#explore-wrapper .view-topic-list ul {
  border: 1px solid #ccc;
  background-color: #fff;
}

#explore-wrapper ul li {
  background-color: #fff;
  border: 0 none;
}

#explore-wrapper .view-content {
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 2px 2px 11px -4px #333;
}

#explore-hide {
  display: block
}

#explore-show:checked ~ label {
  display: none;
}

#explore-show:checked ~ .view-topic-list {
  display: block;
}

#explore-show {
  display: block
}

.explore-button a {
  position: absolute;
  color: #505050;
  font-size: 0.9em;
  margin-right: 0.2em;
  white-space: nowrap;
}

#explore-hide ~ .view-topic-list {
  top: 0;
}

#top-right {
  position: absolute;
  padding: 0;
  right: 16px;
  top: 7px;
}

.home #top-right {
  right: 50px;
  top: 0;
  padding: 9px 10px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
}

.node-serviceontario_homepage .home #top-right {
  background-color: #00713d;
  border-radius: 0 0 5px 0;
}

.home #top-right a {
  color: #000;
}

.node-serviceontario_homepage .home #top-right a, .node-serviceontario_homepage .home h1 {
  color: #fff;
}

#top-right a:first-child {
  border-right: 1px solid #fff;
  padding-right: 6px;
}

.home #top-right a:first-child {
  border-right: 1px solid #000;
}

.node-serviceontario_homepage .home #top-right a:first-child {
  border-color: #fff;
}

.page-customerror #top-right-view a.topFirstview {
  display: none;
}

#top-right a, #top-right-view a {
  color: #fff;
  /*font-size: 0.9em;*/
  font-weight: normal;
  text-transform: lowercase;
  background-color: transparent;
  background-image: none;
  padding: 0;
  margin: 0;
  border: 0;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

#site-menu .view-topic-list {
  position: relative;
  z-index: 10;
  margin-top: 0;
  width: 100%;
  float: right;
  right: 0;
  border: 0 none;
  top: 0;
}

#main-content {
  position: static;
  padding-top: 75px;
}

.home #main-content {
  position: relative;
}

.right-item h2 {
  border: 0 none;
}

.right-item p, .right-item nav p, .view-faq ul li, #recommendations nav ul li {
  border: 0 none;
  padding: 0 0 0 1em;
}

nav ul {
  border: 0 none;
}

#examples #recommendations {
  float: none;
}

#last-modified {
  float: right;
  margin: 2rem 0 1rem;
}

/******************************************
 *             Wizard Styles              *
 *****************************************/

.node-wizard #left {
  float: none;
  margin: 0;
  margin-left: 1.4rem;
}

.node-wizard .webform-component {
  margin: 0;
  padding: 0;
}

.node-wizard input[type="text"] {
  width: auto;
  display: block;
}

.node-wizard fieldset {
  margin: 1.5em 0;
}

.node-wizard .fieldset-legend {
  line-height: 3em;
}

.node-wizard .form-item label {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
}

.node-wizard .form-item label.option {
  font-weight: normal;
}

.node-wizard .form-actions {
  margin-top: 2em;
}

.view-service-locations ol li a {
  display: block;
  clear: both;
}

.view-service-locations ol li {
  margin-bottom: 1em;
}

#top-right-view ul {
  padding-left: 0;
}

#top-right-view li.fr.last {
  border-left: 1px solid #fff;
  padding-left: 0.3em;
  text-transform: lowercase;
}

/*****************************************
 *            Site Actions               *
 ****************************************/

#actions {
  clear: both;
  margin-bottom: 1em;
  margin-bottom: 1rem;
}

#actions .action:first-child {
  padding: 0;
}

.fr #actions .action:first-child {
  margin-right: 2em;
}

#actions .action h3, #actions .action:first-child h3 {
  padding-top: 0.1em;
  margin-top: 0.1em;
}

#tags ul li a {
  text-decoration: none;
}

#actions .share-icon {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 10px 0 0;
  padding: 0 !important;
  border: 0 none;
  text-indent: -999999px;
  overflow: hidden;
  box-shadow: none;
}

#tags ul {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 1em;
  margin-top: 0.1em;
  list-style: none;
}

#tags ul li {
  display: inline;
}

/*****************************************
 *              Footer Styles           *
 ****************************************/

#contact {
  border-left: 1px solid #c7ccc5;
  border-right: 1px solid #c7ccc5;
  margin: 0 4px;
  min-height: 400px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

#footer {
  width: 100%;
  background: url("/sites/all/themes/odpm/images/footerTop.png") repeat-x scroll center top #ededed;
  min-height: 25em;
  padding: 1.5em 0 1.5em;
  clear: both;
}

#footer ul {
  list-style: none;
}

#footer h2 {
  font-size: 1.5em;
}

#footer #contact h2 {
  text-align: center;
}

#footer #topic-menu {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1em;
}

#footer .view-topic-list ul {
  padding: 0;
  border: 0 none;
}

#footer .view-topic-list ul li {
  padding: 0;
  list-style: none;
  border: 0 none;
  margin: 3px 0;
  background-color: transparent;
  font-size: 1rem;
}

#footer .wrapper {
  padding: 0;
  margin-top: 20px;
  float: left;
}

#contact a:hover {
  text-decoration: none !important;
}

#social img {
  display: none;
}

#contact a:hover, #contact a:focus {
  background-position: 10px -28px;
}

#contactFooter a, #socialfb a, #socialt a, #socialu a {
  background: url('/sites/all/themes/odpm/images/sprites.png') no-repeat;
  height: 24px;
  width: 95px;
  margin: 0;
  padding: 0;
  border: 1px solid #aaa;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

#contactFooter a {
  background-position: -317px -201px;
}

#contactFooter a:hover, #contactFooter a:focus {
  background-position: -317px -231px;
}

#socialfb a {
  background-position: -215px -201px;
}

#socialfb a:hover, #socialfb a:focus {
  background-position: -215px -229px;
}

#socialt a {
  background-position: -111px -201px;
}

#socialt a:hover, #socialt a:focus {
  background-position: -111px -229px;
}

#socialu a {
  background-position: -1px -201px;
}

#socialu a:hover, #socialu a:focus {
  background-position: -1px -229px;
}

#socialfl a {
  background-position: -111px -266px;
}

#socialfl a:hover, #socialfl a:focus {
  background-position: -111px -294px;
}

#socialtm a {
  background-position: -1px -266px;
}

#socialtm a:hover, #socialtm a:focus {
  background-position: -1px -294px;
}

#contactFooter span, #social span {
  visibility: hidden;
  white-space: nowrap;
}

.minister-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
}

.minister-photo {
  float: left;
  margin: 10px 10px 0 10px;
}

.minister-photo img {
  margin-bottom: 200px;
}

#social h2 {
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.node-ministry #social h2, .node-serviceontario_homepage #social h2 {
  border: 0 none;
  margin-top: -3px;
}

#about {
  color: #fff;
  font-size: 100%;
  text-align: left;
  padding: 5px 10px;
  border: 0 none;
  background: url("../images/arrow-white.png") no-repeat scroll 97% 48% #696969;
  bottom: 38px;
  clear: both;
  position: relative;
  width: 140px;
  margin-left: 100px;
}

#back-to-top {
  display: none;
  position: fixed;
  overflow: hidden;
  bottom: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
}

#back-to-top img {
  position: relative;
}

#back-to-top img:hover {
  bottom: 33px;
}

#footer #notices {
  text-align: center;
}

#footer #notices ul {
  list-style: none;
}

#footer #notices ul li {
  display: inline;
  padding-left: 1em;
  padding-right: 1em;
  border-right: 1px solid #505050;
}

#footer #notices ul li a {
  text-decoration: none;
}

#bumper {
  position: fixed;
  bottom: -20px;
  height: 5px;
  width: 100%;
  background-color: #f00;
}

/* Boxes/Wrappers */

#explore-wrapper {
  position: absolute;
  float: right;
  top: 75px;
  right: 35px;
  clear: both;
}

.clear-box {
  box-shadow: 2px 2px 11px -4px #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url('/sites/all/themes/odpm/scripts/PIE.htc');
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.8);
}

.inner-box {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  height: auto;
  overflow: hidden;
}

.fact-box {
  position: relative;
  background-color: #6c8959;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url('/sites/all/themes/ontario/scripts/PIE.htc');
  color: #fff;
  padding: 20px;
}

/**********************************
 *******Query Landing Page*********
 *********************************/

.node-query_landing_page #main-content, .node-open_data_landing_page #main-content {
  padding-top: 125px;
}

.node-query_landing_page h1, #open-data-intro {
  border-bottom: 2px solid #c7ccc5;
  padding-bottom: 10px;
}

.filter-box {
  background-color: transparent;
  border: 0 none;
}

.filter-box nav {
  border: 5px solid #dbe2d6;
  margin-bottom: 20px;
  padding: 0 20px;
}

.node-query_landing_page .filter-box h3 {
  background-color: transparent;
  border: 0 none;
  padding: 0.3em;
}

.node-query_landing_page .filter-box #categories ul, .node-query_landing_page .filter-box #types ul {
  border: 0 none;
}

#search_results_more {
  display: block !important;
  width: 300px;
}

#search_results_more a {
  background-image: none;
  background-color: #415634;
  color: #fff;
  text-shadow: none;
  border: none;
}

/********************************************
************* Open Data *********************
********************************************/

#od-filters {
  margin-top: 10px;
}

#od-filters h2 {
  background-color: transparent;
  border: 0 none;
}

#od-filters .collapsible ul li {
  border: 0 none;
  line-height: 1em;
}

#od-filterset-desktop ul {
  display: none;
}

#od-filterset-desktop #wrapper {
  padding-left: 10px;
}

#od-filterset-desktop #wrapper .left_sidebar {
  line-height: 3em;
}

#od-popular {
  margin-top: 30px;
}

#od-popular h2 {
  padding-bottom: 0;
}

#od-popular ul {
  margin-left: 2px;
}

#od-popular ul li a {
  line-height: 1.5em;
}

.search_dataset_result_left {
  float: left;
  min-width: 220px;
}

.search_dataset_result_right {
  float: left;
  min-width: 337px;
}

.node-open_data_landing_page #search_results li {
  clear: both;
  margin-bottom: 2em;
  overflow: hidden;
}

/************* Snowflakes ******************/

/* 30% off tuition */
#node-10040 {
  position: relative;
  overflow: visible;
}

#node-10040 #intro {
  position: absolute;
  top: -610px;
  right: -10px;
  width: 410px;
  font-size: 0.9em;
}

#node-10040 #intro img {
  float: left;
  position: relative;
  bottom: 15px;
  padding-right: 20px;
}

/* END 30% off tuition */

/* Contact Us */
.node-contact_us .form-actions {
  margin-top: 10px;
}

#webform-component-would-you-like-a-reply .fieldset-description {
  float: right;
}

#webform-component-would-you-like-a-reply--like-a-reply {
  float: left;
  clear: none;
}

.node-contact_us.clearfix fieldset h3.feedbackForm label, .node-contact_us.clearfix fieldset .form-text, .node-contact_us.clearfix fieldset textarea {
  display: block;
}

.node-contact_us .form-textarea-wrapper {
  padding-top: 0.5em;
}

#webform-component-message .description {
  width: 350px;
  margin-bottom: 10px;
}

#webform-component-message {
  padding-left: 5px;
}

.node-contact_us #tel {
  padding-left: 10px;
}

#webform-ajax-wrapper-7445 .form-actions {
  margin-top: 10px;
}

.node-contact_us fieldset {
  border: 1px solid #aaa;
  padding: 10px;
}

.node-contact_us textarea, .node-contact_us input[type='text'], .node-contact_us input[type='email'] {
  width: 100%;
}

.node-contact_us .disabled textarea {
  color: #ccc;
}

.node-contact_us .fieldset-description {
  width: 59%;
  float: left;
  margin-bottom: 25px;
}

.form-item.form-type-radio.form-item-submitted-would-you-like-a-reply-like-a-reply {
  padding-top: 0;
}

.node-contact_us #webform-component-would-you-like-a-reply--like-a-reply {
  width: 33%;
}

.node-contact_us #webform-component-would-you-like-a-reply--n-mark {
  clear: both;
}

#webform-component-would-you-like-a-reply {
  border: 1px solid #aaa;
}

#webform-component-would-you-like-a-reply legend span {
  padding: 0 5px;
}

#webform-component-would-you-like-a-reply input {
  border-color: rgb(187, 187, 187);
  margin-bottom: 15px;
}

#webform-component-would-you-like-a-reply.disabled input {
  border: 1px solid #ccc;
  padding: 2px;
}

#webform-component-would-you-like-a-reply.disabled .form-item {
  color: #ccc;
}

.disabled #webform-component-would-you-like-a-reply--like-a-reply .form-item {
  color: #505050;
}

#telephone-column {
  border-left: 1px solid #c7ccc5;
  margin-left: 4px;
  clear: none;
}

.node-contact_us .notice {
  margin: 0 20px;
}

.node-contact_us h3 {
  line-height: 16px;
  line-height: 1rem;
}

#initialfaqs {
  margin: 5px 10px 15px 10px;
}

/***********************************
 * **************Dataset **********/

#odright {
  background-color: transparent;
  border: 0 none;
  padding-top: 5px;
}

/**
 * Styles for system messages.
 */

.node-contact_us #msg {
  width: 300px;
}

div.messages {
  background-position: 8px 8px; /* LTR */
  background-repeat: no-repeat;
  border: 1px solid;
  margin: 6px 0;
  padding: 10px 10px 10px 50px; /* LTR */
}

div.status {
  background-image: url('/misc/message-24-ok.png');
  border-color: #be7;
}

div.status,
.ok {
  color: #234600;
}

/* Hide status messages on article pages */
.node-type-page .messages.status {
  display: none;
}

div.status,
table tr.ok {
  background-color: #f8fff0;
}

div.warning {
  background-image: url('/misc/message-24-warning.png');
  border-color: #ed5;
}

div.warning,
.warning {
  color: #840;
}

div.warning,
table tr.warning {
  background-color: #fffce5;
}

div.error {
  background-image: url('/misc/message-24-error.png');
  border-color: #ed541d;
}

div.error,
.error {
  color: #8c2e0b;
}

div.error,
table tr.error {
  background-color: #fef5f1;
}

div.error p.error {
  color: #333;
}

div.radios-error {
  border: 2px solid #f00;
}

div.messages ul {
  margin: 0 0 0 1em; /* LTR */
  padding: 0;
}

div.messages ul li {
  list-style-image: none;
}

#spotlight-image {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

/* Rate Styles */
.node-rate .form-type-checkbox {
  cursor: pointer;
  padding: 3px 20px 6px 20px;
  background-color: #f4f4f4;
  border: 1px solid #d0d0d0;
  min-width: 120px;
  display: inline;
  margin-left: 20px;
}

.node-rate .form-type-checkbox:hover {
  background-color: #f7e29e;
}

.node-rate .form-type-checkbox.highlight {
  background-color: #fec940;
}

.node-rate .form-type-checkbox label {
  bottom: 0;
}

.node-rate .form-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.node-rate .form-item {
  clear: both;
}

.webform-component--rate-helpful-smile, .webform-component--rate-quick-smile {
  display: block;
}

.webform-component--was-this-page-helpful-, .webform-component--rate-quick {
  display: none;
}

.node-rate .webform-component-markup ul {
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
}

.node-rate .webform-component-markup ul li {
  display: block;
  float: left;
}

.node-rate .webform-component-markup ul li a {
  display: block;
  width: 50px;
  height: 47px;
  margin-right: 15px;
  margin-bottom: 30px;
}

.node-rate .webform-component-markup ul li a span {
  display: none;
}

/* Document Summary Page */
#main-content .download a {
  width: auto;
}

/* Email this page */
#emailthispage input[type="submit"], #rateform input[type="submit"] {
  height: 35px;
  background-color: #415634;
  border: 1px solid #c6cec3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: white;
  padding: 0.5em;
  text-decoration: none;
  /*background-color: $baseColor; NOT IN USE until a I figure out how I want to SASS the gradient - fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top, #477936, #394b30);
  /* For Chrome and Safari */
  background-image: -moz-linear-gradient(top, #477936, #394b30);
  /* For old Fx (3.6 to 15) */
  background-image: -ms-linear-gradient(top, #477936, #394b30);
  /* For pre-releases of IE 10*/
  background-image: -o-linear-gradient(top, #477936, #394b30);
  /* For old Opera (11.1 to 12.0) */
  background-image: linear-gradient(to bottom, #477936, #394b30);
  /* Standard syntax; must be last */
  border-top: #eee;
  text-shadow: none;
  margin-bottom: 20px;
}

/* Error Page */
.node-error_page input#searchsubmit {
  height: 33px;
}

.node-error_page #intro p {
  margin-left: 10px;
}

#user-login {
  width: 400px;
  margin-left: 50px;
  margin-top: 30px;
}

#user-login .form-item {
  margin-bottom: 30px;
}

#user-login .description {
  margin-left: 115px;
}

#user-login input.form-text {
  width: 70%;
  float: right;
}

/* Consultations */

.consultation-summary {
  clear: both;
}

.small-date {
  font-size: 1em;
}

.big-date {
  font-size: 2em;
}

.alert {
  padding: 0.25em 2em;
  margin: -0.5em -0.5em 1em -0.5em;
}

.high {
  /*consultation closed*/
  background: #fcdab9;
}

.medium {
  /*consultation result*/
  background: #dae3eb;
}

.low {
  /*consultation open*/
  background: #e4fcd1;
}

.alert .key /*key info - consultation date*/
{
  font-size: 2em;
  color: #505050;
  vertical-align: baseline;
  margin: 0 0.25em;
}

#intro .consultation-summary {
  clear: left;
  margin: 1em;
}

.consultation-summary img {
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.img-left {
  float: left;
  margin-right: 1.5em;
}

#left #last-modified {
  clear: both;
}

#search-consultations {
  width: 146px;
}

#search-consultations-form input[type="submit"] {
  min-width: 50px;
}

#consultation-results img {
  float: left;
  margin: 10px 10px 10px 0;
}

#consultation-results li {
  clear: both;
  margin: 30px 0;
}

#result-documents {
  float: left;
}

#result-documents.consultation-summary {
  padding: 30px;
  width: 100%;
}

.result-document {
  clear: both;
}

/* fire bulletin */
.node-fire_bulletin #left {
  margin-left: 10px;
  margin-right: 5px;
  width: 65%;
}

.node-fire_bulletin #gmapauto1mapgmap0 {
  width: 100%;
}

.node-fire_bulletin #right {
  margin-left: 5px;
  margin-right: 30px;
  width: auto;
}

/* fire map side bar */
#fire-side {
  border: 5px solid #dbe2d6;
  margin-bottom: 10px;
}

#fire-side h2 {
  margin: 20px 30px;
}

#fire-side div {
  margin: 20px 30px 30px;
  max-height: 432px;
  overflow-x: hidden;
}

.node-chooser .choice {
  -webkit-appearance: none;
  background-color: #4e892b;
  border: 1px solid rgb(105, 105, 105);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5), inset 0px -15px 10px -12px rgba(219, 219, 219, 0.5);
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5), inset 0px -15px 10px -12px rgba(219, 219, 219, 0.5);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) inset 0px -15px 10px -12px rgba(219, 219, 219, 0.5);
  padding: 9px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: block;
  position: relative;
  margin-bottom: 0.5em;
  width: 22px;
  height: 22px;
  color: #fff;
  text-decoration: none;
  font-size: 2em;
  line-height: 23px;
  cursor: pointer;
}

.node-type-chooser a.choice:hover {
  -webkit-box-shadow: inset 1px 7px 14px -4px rgba(0, 0, 0, 0.5), inset 0px -15px 6px -13px rgba(219, 219, 219, 0.5);
  -moz-box-shadow: inset 1px 7px 14px -4px rgba(0, 0, 0, 0.5), inset 0px -15px 6px -13px rgba(219, 219, 219, 0.5);
  box-shadow: inset 1px 7px 14px -4px rgba(0, 0, 0, 0.5), inset 0px -15px 6px -13px rgba(219, 219, 219, 0.5);
}

#budget-content input[type="radio"] {
  display: none;
}

.node-type-chooser .form-radios .form-item {
  margin: 0 15px;
}

.question-box {
  border: 2px solid #cecece;
  margin-top: 20px;
  padding: 10px 100px;
}

.question-box h1 {
  margin-bottom: 40px;
}

.question-status {
  margin-top: 20px;
}

#budget-content img {
  width: 25%;
}

#budget-content label:first-child {
  position: relative;
  left: 15px;
  font-size: 1.5em;
}

#budget-content .form-radios {
  float: left;
  position: relative;
  top: 20px;
}

.node-chooser .results-box {
  border: 2px solid #cecece;
  padding: 10px 50px;
}

.node-chooser .budget-result {
  position: relative;
  float: left;
  padding-top: 200px;
  top: 50px;
  height: 2px;
  margin: 0 -7px;
  overflow: visible;
}

.node-chooser .bar {
  display: block;
  position: absolute;
  bottom: -7px;
  width: 75px;
  max-height: 200px;
  left: 23px;
}

.node-chooser .bar span {
  position: relative;
  top: -40px;
  width: 75px;
  text-align: center;
  float: left;
}

.budget-results {
  float: left;
  border: 2px solid #cecece;
  -webkit-box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  -moz-box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  -box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  height: 380px;
  padding: 10px;
  margin-bottom: 50px;
}

.budget-important {
  clear: both;
}

.bar.education {
  background-color: #a76ecd;
}

.bar.health {
  background-color: #70b8ce;
}

.bar.economy {
  background-color: #f3778a;
}

.bar.employment {
  background-color: #a75c8c;
}

.bar.social {
  background-color: #cc658c;
}

.bar.infrastructure {
  background-color: #86c586;
}

.bar.environment {
  background-color: #448e6b;
}

.bar.delivery {
  background-color: #5e6aad;
}

.budget-result p {
  position: relative;
  top: -12px;
  text-align: center;
  font-size: 0.9em;
}

.budget-result img {
  width: 90px;
}

.budget-important img {
  width: 190px;
}

.share-links a.facebook {
  background: url('/sites/all/themes/ontario/images/fb_icon.png') no-repeat 0 0 transparent;
}

.share-links a.twitter {
  background: url('/sites/all/themes/ontario/images/t_icon.png') no-repeat 0 0 transparent;
}

#budget_others {
  margin-top: 40px;
}

.node-budget_tool_map #left {
  border: 2px solid #cecece;
  padding: 20px;
  margin: 20px;
  box-sizing: border-box;
}

.node-budget_tool_map #categoryOptions {
  width: 368px;
  float: left;
  margin-left: 0;
  margin-top: -20px;
  padding-left: 0;
}

.node-budget_tool_map #categoryOptions li {
  width: 160px;
  float: left;
  background-size: 85px;
}

.node-budget_tool_map #categoryOptions label {
  margin-top: 50px;
  font-size: 1em;
  font-weight: bold;
}

.fr .node-budget_tool_map #categoryOptions label {
  margin-top: 50px;
  font-size: 0.9em;
  font-weight: normal;
}

.node-budget_tool_map #categoryOptions input[type="checkbox"] {
  margin-top: 5px;
}

.node-budget_tool_map #map-canvas {
  width: 520px;
  height: 520px;
  float: right;
}

.node-budget_tool_map li.health {
  background: url('/sites/all/themes/ontario/images/budget/health-tile.png') no-repeat 0% -20%;
}

.node-budget_tool_map li.education {
  background: url('/sites/all/themes/ontario/images/budget/education-tile.png') no-repeat 0% -20%;
}

.node-budget_tool_map li.economy {
  background: url('/sites/all/themes/ontario/images/budget/economy-tile.png') no-repeat 0% -20%;
}

.node-budget_tool_map li.social {
  background: url('/sites/all/themes/ontario/images/budget/social-tile.png') no-repeat 0% -20%;
}

.node-budget_tool_map li.environment {
  background: url('/sites/all/themes/ontario/images/budget/environment-leaf-tile.png') no-repeat 0% -20%;
}

.node-budget_tool_map li.employment {
  background: url('/sites/all/themes/ontario/images/budget/employment-tile.png') no-repeat 0% -20%;
}

.node-budget_tool_map li.infrastructure {
  background: url('/sites/all/themes/ontario/images/budget/infrastructure-tile.png') no-repeat 0% -20%;
}

.node-budget_tool_map li.opendata {
  background: url('/sites/all/themes/ontario/images/budget/opendata-tile.png') no-repeat 0% -20%;
}

#modal-content .webform-component {
  margin-bottom: 20px;
}

#modal-content input[type="submit"] {
  padding: 7px;
  height: auto;
  margin-left: 15px;
}

h1.results {
  font-size: 2em;
}

a.choice {
  text-decoration: none;
}

#budget-content .form-actions {
  float: right;
}

#budget-content .form-actions input {
  font-size: 1em;
  margin-right: 20px;
}

.node-land_registration_all #lro-header-wrapper {
  margin-bottom: 1em;
}

.node-land_registration_all .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.25em;
}

.node-land_registration_all .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.5em;
}

.node-land_registration_all .lro-browse-by-type {
  cursor: pointer;
  margin-bottom: 1em;
}

.node-land_registration_all .views-exposed-form {
  padding: 0 0 .5em;
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
}

.node-land_registration_all .views-exposed-form input[type=text] {
  box-sizing: border-box;
  width: 100%
}

.node-land_registration_all .views-exposed-form input[type=text] {
  height: 30px;
}

.node-land_registration_all .views-field div.field-content, .node-land_registration_all .node-land_registration_ontario .views-field div.field-content {
  display: inline;
}

.node-land_registration_all .views-field-field-filetypes-multi-lang-, .node-land_registration_all .views-field-field-lro-year, .node-land_registration_all .views-field-field-lro-number, .node-land_registration_all .views-field-field-forms-act, .node-land_registration_all .views-field-field-lro-version-date-1, .node-land_registration_all .views-label-field-land-titles-assurance-fund, .node-land_registration_all .views-field-field-order-types, .node-land_registration_all .views-field-field-condominium-act-1998-type, .node-land_registration_all .views-label-field-land-registration-authoriz {
  margin-left: 42px;
}

.node-land_registration_all .views-field-title h3 {
  font-size: 1.3em;
}

.node-land_registration_all .views-field-title a {
  display: inline-block;
}

.node-land_registration_all .views-field-title a[href$='.pdf'] {
  background: url("../images/pdf2x32.png") no-repeat 0 50%;
  padding-left: 42px;
  min-height: 32px;
}

.node-land_registration_all #lro-header-wrapper, .node-land_registration_all #lro-view-contents {
  margin-left: 2.188em;
}

.node-land_registration_all .date-display-single {
  font-size: 1em;
  color: #505050;
}

.node-land_registration_all #last-modified {
  display: none;
}

.node-land_registration_all .pager {
  margin: 2em 0 0;
  text-align: left;
  border-top: 1px dotted #CCC;
  padding: 1.5em 0;
}

.node-land_registration_all .pager > li {
  font-size: 14px;
  border-radius: 5px;
  margin: 0 2px;
  padding: 5px 7px;
}

.node-land_registration_all .pager > li.pager-current {
  background: #999;
  color: #FFF;
}

.node-land_registration_all .pager > li.pager-item, .node-land_registration_all .pager > li.pager-previous, .node-land_registration_all .pager > li.pager-first, .node-land_registration_all .pager > li.pager-next, .node-land_registration_all .pager > li.pager-last {
  cursor: auto;
  background: #003359;
}

.node-land_registration_all .pager > li.pager-item:hover, .node-land_registration_all .pager > li.pager-item:focus, .node-land_registration_all .pager > li.pager-previous:hover, .node-land_registration_all .pager > li.pager-previous:focus, .node-land_registration_all .pager > li.pager-first:hover, .node-land_registration_all .pager > li.pager-first:focus, .node-land_registration_all .pager > li.pager-next:hover, .node-land_registration_all .pager > li.pager-next:focus, .node-land_registration_all .pager > li.pager-last:hover, .node-land_registration_all .pager > li.pager-last:focus {
  background: #7C6A06;
}

.node-land_registration_all .pager > li.pager-item a, .node-land_registration_all .pager > li.pager-previous a, .node-land_registration_all .pager > li.pager-first a, .node-land_registration_all .pager > li.pager-next a, .node-land_registration_all .pager > li.pager-last a {
  color: #FFF;
  text-decoration: none !important;
}

.node-land_registration_all .pager > li.pager-ellipsis {
  background: none;
}

.node-land_registration_all .views-exposed-form {
  margin-left: 40px;
}

.node-land_registration_all .pager {
  float: none;
  text-align: center;
}

.node-land_registration_all .item-list {
  float: left;
  display: block;
  width: 100%;
}

#lro-results {
  margin-top: 40px;
}

.pdfIcon {
  background: url("../images/pdf2x32.png") no-repeat 0 50%;
  padding-left: 42px;
  min-height: 32px;
}

.land_reg_list {
  list-style-type: none;
}
