/* source: D:\clients\pefccanada.org\www\CSS\SiteCM\ContentBlock.css */

/* sourceMappingURL=ContentBlock.css.map */


/* source: D:\clients\pefccanada.org\www\css\sitecm\ContentRotator.css */
.ContentRotator .Contents {
  width: 100% !important;
}

.Contents {
  overflow: hidden !important;
}

.Contents .Row {
  display: flex;
  height: 100%;
  width: 100%;
}

.Seperator, p.bg, .SliderNext, .SliderPrevious {
  display: none;
}

.ui_rotator .LinksBottom {
  position: relative;
  top: -40px;
}

.ui_rotator .LinksBottom a span {
  background-color: #ffffff;
  border-radius: 20px;
  color: transparent;
  margin: 0 auto;
  padding: 5px 12px;
  width: 2%;
  -o-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.ui_rotator .LinksBottom a span:hover {
  background-color: #1f6fa5;
  -o-transition: .2s ease-in-out;
  -ms-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.head_rotator {
  padding-bottom: 20px;
}

.ui_rotator {
  height: 457px;
  display: none;
}

.is_home .ui_rotator {
  display: block;
}

.ui_rotator div, .ui_rotator span {
  display: block;
  width: 100%;
}

.ui_rotator .SliderPrevious, .ui_rotator .SliderNext {
  display: none;
}

.ui_relative {
  position: relative;
}

.ui_rotator div.circle_wrap {
  position: absolute;
  width: 336px;
}

@media only screen and (min-width: 1025px) {
  .ui_rotator div.circle_wrap {
    display: block;
    right: calc(50% - 170px);
    top: calc(50% - 244px);
  }
}

@media only screen and (min-width: 1150px) {
  .ui_rotator {
    height: 457px;
  }
  .ui_rotator div.circle_wrap {
    right: 0;
    top: calc(50% - 180px);
  }
}

@media only screen and (max-width: 767px) {
  .ui_rotator div.circle_wrap {
    border-radius: 149px;
    height: 289px;
    margin: 50px auto 0;
    position: relative;
    width: 289px;
  }
  .ui_rotator div.top_half, .ui_rotator div.bottom_half {
    flex-basis: 100%;
    flex-grow: 1;
    max-width: 100%;
  }
  .ui_rotator div.bottom_half {
    padding: 18px 15px;
  }
  .top_half h5 {
    font-size: 22px;
  }
  .ui_rotator div.circle_wrap {
    background-color: rgba(235, 231, 227, 0.9);
  }
  .top_half h6 {
    padding: 25px 0 0;
  }
  .top_half h5 {
    font-size: 18px;
    margin: -5px 15% 20px;
    padding: 0 0 15px;
  }
  .ui_rotator div.bottom_half {
    padding: 10px 25px;
  }
}

@media only screen and (max-width: 500px) {
  .ui_rotator div.circle_wrap {
    margin-top: 40px;
  }
  .circle_wrap {
    border-radius: 0px !important;
  }
}


