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

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

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(255,255,255);
     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(94,42,44);
}
.page-breadcrumb {
     background-color: rgb(94,42,44);
}

/*--- footer ---*/

.page-footer {
/*
     background:url('/islandeaglets.ca/images/website/footer.png') center bottom no-repeat;
*/
     bottom: 0;
/*     background-color: #222;*/
     color: #ccc;
     position: absolute;
     height: 300px;
/*     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: rgb(2,82,138);
}
 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-littlelamb, .primary-ll {
     color: rgb(255,255,255);
     background-color: rgb(154,214,242);
}
.primary-eagerbeaver, .primary-eb {
     color: rgb(255,255,255);
     background-color: rgb(84,166,117);
}
.primary-busybee, .primary-bb, .primary-busybee a, .primary-bb a {
     color: rgb(51,51,51);
     background-color: rgb(251,232,108);
}

.primary-sunbeam, .primary-s {
     color: rgb(255,255,255);
     background-color: rgb(245,133,87);
}
.primary-builder, .primary-b {
     color: rgb(255,255,255);
     background-color: rgb(59,157,208);
}
.primary-helpinghand, .primary-hh {
     color: rgb(255,255,255);
     background-color: rgb(166,93,91);
}
.primary-multilevel, .primary-ml {
     color: rgb(255,255,255);
     background-color: rgb(127,127,127);
}

.secondary-littlelamb, .secondary-ll {
     background-color: rgb(211,236,249);
}
.secondary-eagerbeaver, .secondary-eb {
     background-color: rgb(181,210,187);
}
.secondary-busybee, .secondary-bb {
     background-color: rgb(253,245,192);
}
.secondary-sunbeam, .secondary-s {
     background-color: rgb(251,199,171);
}
.secondary-builder, .secondary-b {
     background-color: rgb(173,204,232);
}
.secondary-helpinghand, .secondary-hh {
     background-color: rgb(212,173,168);
}
.secondary-multilevel, .secondary-ml {
     background-color: rgb(217,217,217);
}

.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;
}

.switch {
     position: relative;
     display: inline-block;
     width: 40px;
     height: 24px;
}

.switch input {
     display:none;
}

.slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .4s;
     transition: .4s;
}

.slider:before {
     position: absolute;
     content: "";
     height: 16px;
     width: 16px;
     left: 4px;
     bottom: 4px;
     background-color: white;
     -webkit-transition: .4s;
     transition: .4s;
}

input:checked + .slider {
     background-color: #07334A;
}

input:focus + .slider {
     box-shadow: 0 0 1px #07334A;
}

input:checked + .sliderblue {
     background-color: rgb(0,0,153);
}

input:focus + .sliderblue {
     box-shadow: 0 0 1px rgb(0,0,153);
}

input:checked + .slidergreen {
     background-color: rgb(0,153,0);
}

input:focus + .slidergreen {
     box-shadow: 0 0 1px rgb(0,153,0);
}

input:checked + .sliderred {
     background-color: rgb(153,0,0);
}

input:focus + .sliderred {
     box-shadow: 0 0 1px rgb(153,0,0);
}

input:checked + .sliderorange {
     background-color: rgb(255,153,0);
}

input:focus + .sliderorange {
     box-shadow: 0 0 1px rgb(255,153,0);
}

input:checked + .slider:before {
     -webkit-transform: translateX(16px);
     -ms-transform: translateX(16px);
     transform: translateX(16px);
}

.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}