.banner {
  background-image: linear-gradient(to bottom, rgba(75, 75, 93, 0.92), rgba(75, 75, 93, 0.88)),url(../images/GTA.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-color: rgba(225, 231, 250,0.05);
}

.banner_canada {
  background-image: linear-gradient(to bottom, rgba(75, 75, 93, 0.92), rgba(75, 75, 93, 0.88)),url(../images/banner_realestate.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-color: rgba(225, 231, 250,0.05);
}

.highlight {
  color: #f2f8ff;
}

.highlight:hover {
  color: yellowgreen
}

.main-icon {
  max-height: 5rem;
  height: 5rem;
  color:#f2f8ff;
  fill: #f2f8ff;
  }

  .main-icon:hover {
    color: yellowgreen;
    fill: yellowgreen;
    }

  a:hover {
    color: yellowgreen;
  }

  .icon:hover {
    color: yellowgreen;
    fill: yellowgreen;
      }

.icon {
  max-height: 70px;
  height: 70px;
  color: #f2f8ff;
  fill: #f2f8ff;
  }

.xlfont {
  font-size: xx-large;
}

.section {
  
  width: auto;
  overflow: hidden;
  background-attachment: fixed;
  padding-top: 30px;
  padding-bottom: 30px;
}

.second-section {
  background-color: #4169e1;
}

.third-section {
  background-color: rgba(225, 231, 250,0.05);
  /*padding-top: 15px;*/
}

.last-section {
  background-color: #008080;
  /*padding-top: 15px;*/
}

.commentary {
  margin-top: 25px;
  margin-bottom: 25px;
}

.accordion {
width: 100%;
}

.accordion-content {
  border: none;
  font-size: 18px;
}

.accordion-title {
  border: none;
  font-size: 22px;
}

:last-child:not(.is-active) > .accordion-title {
  border: none;
}

.accordion-title:focus, .accordion-title:hover {
  background-color: rgba(65, 105, 225,0.85);
  color: #d7dff7;
}

.callout {
  color: #3b5fcb;
  border-left: none;
  border-right: none;
}

.main-grid {
  min-height:65vh;
}

.main-grid-sectors {
  min-height:20vh;
}

.off-canvas-absolute {
  background-color: #273f87;
  width: 255px;
}

.bold {
  font-weight: bold;
}

.button.primary {
  background-color: #4169e1;
}

.button.primary:hover {
  background-color: #008080;
}


.reveal {
  border: none;
  background-color: rgba(0, 128, 128,0.98);
  border-width: 0px;
}

.slider-handle { background-color: #c79000;}


.smallFont {font-size: 0.9rem;
text-align: center;
padding-bottom: 2px;}

.mediumFont {font-size: 1.05rem;
text-align: center;}

.primary { color: #4169e1;fill:#4169e1;}
.secondary { color: #008080;fill:#008080; }
.white { color: white}
.lightbluegray {color: #f2f8ff;}
.secondbluegray {color: #d7dff7;}
p.source {color: #7388a5; font-size: 0.8em;}


.industries {
height: 110px;
fill: #b1bdcd;
cursor: pointer;
}

.industries.main {
height: 120px;
fill: #44546a;
}

.industries.small {
height: 70px;
fill: #44546a;
}

label{color:white;font-size: 1rem;}

.made-in-canada {
  width:50px;
  fill: #c79000;
}

.logo {
  width: 500px;
  height: 62px;
}

.maps {height: 400px;}

.closeButton { height: 25px; }

.mapHighlight:hover {
    fill: #c79000;
    cursor: pointer;
  }

.doNotShow {
  display: none;
}

.notVisibile {
  visibility: hidden;
}

.has-tip {
  border: none;
}

@media print, screen and (max-width: 39.99875em) {
.dropdown.menu a {
  background-color: rgba(191,144,0,0.3);
}
}

label.sectors {
  align-self: center;
  align-items: center;
  font-size: 2em;
}