html {
     position: relative;
     min-height: 100%;
}

body {
/*     background-color: rgb(105,206,246);*/
     margin-bottom: 175px;
}

ol ol {
     list-style-type: lower-alpha;;
}

.my-flex-card > div > div.card {
     color: rgb(0,0,0);
     height: calc(100% - 15px);
     margin-bottom: 15px;
}

.card-header a {
     color: rgb(0,0,0);
     font-weight: bold;
}

.card-footer {
     color: rgb(0,0,0);
}

.card-body {
    height: calc(100% - 15px);
    margin-bottom: 15px;
}

/* featuers */
.features {
  margin: 4em auto;
  padding: 1em;
  position: relative;
}
.feature-title {
  color: #333;
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}


.features img {
/*
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
*/
  margin-bottom: 16px;
     padding: 4px;
}
/* featuers */



.page-header {
     background-color: rgb(31,82,166);
}
.page-breadcrumb {
     background-color: rgb(31,82,166);
}

/*--- footer ---*/

.page-footer {
/*
     background:url('/islandeaglets.ca/images/website/footer.png') center bottom no-repeat;
*/
     bottom: 0;
     color: rgb(220,220,220);
     position: absolute;
     height: 175px;
/*     padding: 200px 0 30px;*/
     width: 100%;
}

.footer-copyright {
     color: #666;
     padding: 40px 0;
}



 ul.breadcrumbs {
      margin: 15px 0 0;
      margin-bottom: 15px;
      padding: 0;
      font-size: 0;
      line-height: 0;
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: top;
/*      height: 40px;*/
}
 ul.breadcrumbs li {
      position: relative;
      margin: 0;
      padding: 0;
      list-style: none;
      list-style-image: none;
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: top;
      border-left: 1px solid #ccc;
      transition: 0.3s ease;
}
 ul.breadcrumbs li:hover:before {
      border-left: 10px solid rgb(2,82,138);
}
 ul.breadcrumbs li:hover a {
      color: #fff;
      background: rgb(2,82,138);
}
 ul.breadcrumbs li:before {
      content: "";
      position: absolute;
      right: -9px;
      top: -1px;
      z-index: 20;
      border-left: 10px solid #fff;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
      transition: 0.3s ease;
}
 ul.breadcrumbs li:after {
      content: "";
      position: absolute;
      right: -10px;
      top: -1px;
      z-index: 10;
      border-left: 10px solid #ccc;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
}
 ul.breadcrumbs li.active a {
      color: #fff;
      background-color: rgb(31,82,166);
}
 ul.breadcrumbs li.first {
      border-left: none;
}
 ul.breadcrumbs li.first a {
      font-size: 18px;
      padding-left: 20px;
      border-radius: 5px 0px 0px 5px;
}
 ul.breadcrumbs li.last:before {
      display: none;
}
 ul.breadcrumbs li.last:after {
      display: none;
}
 ul.breadcrumbs li.last a {
      padding-right: 20px;
      border-radius: 0px 40px 40px 0px;
}
 ul.breadcrumbs li a {
      display: block;
      font-size: 12px;
      line-height: 40px;
      color: #757575;
      padding: 0px 15px 0px 25px;
      text-decoration: none;
      background: #fff;
      border: 1px solid #ddd;
      white-space: nowrap;
      overflow: hidden;
      transition: 0.3s ease;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 3;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 4;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 4;
    }
}

.video-wrapper {
  border: 1px solid;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.breadcrumb {
     background-color: transparent;
 border-radius: 0;
 margin: 0;
 padding: 8px;
}
.arr-right .breadcrumb-item+.breadcrumb-item::before {
     color: rgb(255,255,255);
     content: "›";
     vertical-align:top;
     font-size:20px;
     line-height:18px;
}

.divbreak {
     clear: both;
}

.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;
}

.btn-nav {
     background-color: transparent;
     color: rgb(255,255,255);
}

.btn-nav:hover {
     color: rgb(204,204,204);
}

.list-group-item {
    position: relative;
    display: block;
    padding: .25rem;
}

.list-group-item label {
     margin-bottom: 0;
}

.primary-friend, .primary-f, .primary-companion, .primary-c, .primary-explorer, .primary-e, .primary-ranger, .primary-r, .primary-voyager, .primary-v, .primary-guide, .primary-g, .primary-multilevel, .primary-ml, .primary-hadra, .primary-hach, .primary-hhs, .primary-hha, .primary-hn, .primary-hoi, .primary-hr, .primary-hsgoh, .primary-hv {
     color: rgb(255,255,255);
}

.primary-friend, .primary-f {
     background-color: rgb(4,60,111);
}
.primary-companion, .primary-c {
     background-color: rgb(153,1722);
}
.primary-explorer, .primary-e {
     background-color: rgb(5,90,64);
}
.primary-ranger, .primary-r {
     background-color: rgb(135,139,137);
}
.primary-voyager, .primary-v {
     background-color: rgb(97,38,25);
}
.primary-guide, .primary-g {
     background-color: rgb(157,122,32);
}
.primary-multilevel, .primary-ml {
     background-color: rgb(127,127,127);
}
.primary-hadra {
     background-color: rgb(45,55,145);
}
.primary-hach {
     background-color: rgb(0,174,239);
}
.primary-hhs {
     background-color: rgb(37,8,88);
}
.primary-hha {
     background-color: rgb(247,143,30);
}
.primary-hn {
     background-color: rgb(88,88,90);
}
.primary-hoi {
     background-color: rgb(123,58,0);
}
.primary-hr {
     background-color: rgb(7,99,36);
}
.primary-hsgoh {
     background-color: rgb(35,64,143);
}
.primary-hv {
     background-color: rgb(210,35,42);
}
.secondary-friend, .secondary-f {
     background-color: rgb(36,81,153);
}
.secondary-companion, .secondary-c {
     background-color: rgb(219,31,40);
}
.secondary-explorer, .secondary-e {
     background-color: rgb(35,113,82);
}
.secondary-ranger, .secondary-r {
     background-color: rgb(174,177,172);
}
.secondary-voyager, .secondary-v {
     background-color: rgb(113,42,37);
}
.secondary-guide, .secondary-g {
     background-color: rgb(193,149,26);
}
.secondary-multilevel, .secondary-ml {
     background-color: rgb(217,217,217);
}
.secondary-hadra {
     background-color: rgb(192,195,223);
}
.secondary-hach {
     background-color: rgb(170,224,250);
}
.secondary-hhs {
     background-color: rgb(160,153,188);
}
.secondary-hha {
     background-color: rgb(254,217,179);
}
.secondary-hn {
     background-color: rgb(201,202,204);
}
.secondary-hoi {
     background-color: rgb(212,179,151);
}
.secondary-hr {
     background-color: rgb(166,194,166);
}
.secondary-hsgoh {
     background-color: rgb(176,177,212);
}
.secondary-hv {
     background-color: rgb(240,187,167);
}

.meeting-no {
     background-color: rgb(220,53,69);
     color: rgb(255,255,255);
}

.meeting-yes {
     background-color: rgb(40,167,69);
     color: rgb(255,255,255);
}

.meeting-maybe {
     background-color: rgb(255,193,7);
     color: rgb(255,255,255);
}

.meeting-month {
     background-color: rgb(255,255,255);
     color: rgb(0,0,0);
}


#requirements ol {
     list-style-type: upper-roman;
}

#requirements ol ol {
     list-style-type: upper-alpha;
}