@charset "UTF-8";
body {
  overflow-x: hidden; }

.container {
  max-width: 980px; }

.container-full .row {
  max-width: 980px;
  margin: 0 auto; }

.container-full .row.full-width {
  max-width: 100%;
  margin: 0 auto; }

.container > .row.posts-lists,
.container-full > .row.posts-lists {
  max-width: 980px;
  margin: 0 auto; }

.gray-bg {
  background-color: #edf2f5; }

.no-padding {
  padding-left: 0;
  padding-right: 0; }

/* burger button */
button {
  display: inline-block;
  margin: 0 1em;
  background: none;
  text-shadow: none !important;
  border: none !important;
  box-shadow: none !important; }

button:focus {
  outline: none; }

button span {
  display: block; }

.lines-btn-wrap {
  position: absolute;
  top: 20px;
  right: 0;
  width: 50px;
  height: 60px;
  z-index: 1002;
  transition: transform 0.4s ease-out;
  cursor: pointer;
  background: #fff; }

.lines-btn-wrap.white {
  background: #fff; }

.admin-bar .lines-btn-wrap {
  top: 77px; }

.lines-button {
  transition: .3s;
  cursor: pointer;
  user-select: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 14px;
  right: 12px;
  z-index: 10002; }

.lines-button.nav-close {
  -ms-transform: scale3d(0.8, 0.8, 0.8);
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  -moz-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8); }

.lines-button.x.nav-close .lines {
  background: transparent; }

.lines {
  display: inline-block;
  width: 25px;
  height: 4px;
  background: #a23636;
  transition: 0.3s;
  position: relative; }

.lines:before, .lines:after {
  display: inline-block;
  width: 25px;
  height: 4px;
  background: #a23636;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: ''; }

.lines:before {
  top: 8px;
  width: 15px; }

.lines-button:hover .lines:before {
  top: 8px; }

.lines:after {
  top: -8px; }

.lines-button:hover .lines:after {
  top: -8px; }

.lines-button.x.nav-close .lines:before, .lines-button.x.nav-close .lines:after {
  -ms-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 25px; }

.lines-button.x.nav-close .lines:before {
  -ms-transform: rotate3d(0, 0, 1, 45deg);
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -moz-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg); }

.lines-button.x.nav-close .lines:after {
  -ms-transform: rotate3d(0, 0, 1, -45deg);
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -moz-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg); }

#sticky-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999; }

.header-nav {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0; }

.btn-wrap {
  text-align: center; }

.btn-wrap.left {
  text-align: left; }

.btn-wrap .btn {
  display: inline-block; }

.btn.instagram {
  padding: 15px 25px 15px 60px;
  width: auto;
  display: inline-block;
  background: url(images/icon-instagram.png) no-repeat;
  background-size: 33px 33px;
  background-position: 12px 50%; }

nav#slide-nav {
  z-index: 999;
  background-color: #121212;
  max-width: 1585px;
  width: 50px;
  right: 0;
  top: 84px;
  position: fixed;
  height: 80px;
  overflow: visible;
  transition: opacity cubic-bezier(0.18, 1, 0.21, 1) 0.9s;
  margin: auto;
  opacity: 0; }

.admin-bar nav#slide-nav {
  top: 77px; }

nav#slide-nav.active {
  max-width: 100%;
  width: 100%;
  height: 100vh;
  top: 0;
  opacity: 1; }

nav#slide-nav.active #nav-background-images {
  visibility: visible;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE);
  filter: alpha(opacity=100);
  position: relative; }

nav#slide-nav.active #nav-background-images .nav-image {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 450ms;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 450ms;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 450ms;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

nav#slide-nav.active #nav-background-images .nav-image.active {
  -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 3s;
  -moz-transition: all cubic-bezier(0.23, 1, 0.32, 1) 3s;
  transition: all cubic-bezier(0.23, 1, 0.32, 1) 3s;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE);
  filter: alpha(opacity=100); }

nav#slide-nav.active .menu-container {
  visibility: visible;
  border-top: 1px solid transparent;
  padding: 0; }

nav#slide-nav.active .menu-container .col-wrap {
  width: 100%;
  height: 100%; }

nav#slide-nav.active .menu-container .col-wrap .inner {
  width: 100%;
  height: 100%;
  max-width: 585px;
  padding: 60px 0; }

nav#slide-nav.active .menu-container .col-wrap .inner.right {
  float: right;
  padding: 60px 40px 90px 0; }

nav#slide-nav.active .menu-container .col-wrap .inner.left {
  float: left; }

nav#slide-nav.active #main-logo {
  left: -96px; }

nav#slide-nav.active .menu-container .menu-options .menu-item a, nav#slide-nav.active .menu-container .info-grid, nav#slide-nav .menu-container .menu-options .home-link {
  margin-left: -10px;
  -webkit-animation: MenuOptionFadeIn 1s ease;
  -moz-animation: MenuOptionFadeIn 1s ease;
  -o-animation: MenuOptionFadeIn 1s ease;
  animation: MenuOptionFadeIn 1s ease;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: MenuOptionFadeIn;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards; }

nav#slide-nav.active .menu-container .menu-options #home-link svg {
  vertical-align: top; }

nav#slide-nav.active #menu-button {
  background-color: transparent;
  border-left: 1px solid transparent;
  overflow: hidden;
  width: 96px;
  height: 96px;
  max-height: 96px;
  max-width: 96px;
  left: 0;
  -moz-box-shadow: 0 0 30px rgba(29, 29, 29, 0);
  -webkit-box-shadow: 0 0 30px rgba(29, 29, 29, 0);
  -ms-box-shadow: 0 0 30px rgba(29, 29, 29, 0);
  -o-box-shadow: 0 0 30px rgba(29, 29, 29, 0);
  box-shadow: 0 0 30px rgba(29, 29, 29, 0);
  padding: 48px 15px; }

nav#slide-nav.active #menu-button:hover {
  background-color: #fff;
  border-left: 1px solid transparent; }

nav#slide-nav.active #menu-button #first-line {
  width: 100%;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

nav#slide-nav .menu-container .menu-options .menu-item a {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE);
  -webkit-transition: all cubic-bezier(0.18, 1, 0.21, 1) 0.9s;
  -moz-transition: all cubic-bezier(0.18, 1, 0.21, 1) 0.9s;
  -khtml-opacity: 0; }

nav#slide-nav .menu-container {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 1;
  overflow: auto; }

nav#slide-nav .menu-container .table {
  width: 100%;
  height: 100%;
  display: table; }

nav#slide-nav .menu-container .table .table-cell {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle; }

nav#slide-nav .menu-container .menu-options {
  width: 100%;
  display: inline-block;
  float: left;
  vertical-align: top;
  height: 100%;
  text-align: left;
  border-right: 1px solid transparent; }

@-webkit-keyframes MenuOptionFadeIn {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-left: -10px; }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-left: 0; } }
@-moz-keyframes MenuOptionFadeIn {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-left: -10px; }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-left: 0; } }
@-o-keyframes MenuOptionFadeIn {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-left: -10px; }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-left: 0; } }
@keyframes MenuOptionFadeIn {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-left: -10px; }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-left: 0; } }
nav#slide-nav .menu-container .menu-options .home-link {
  display: block;
  height: 33px;
  width: 29px;
  background: url(images/icon-home.png) center no-repeat;
  background-size: contain;
  margin-bottom: 60px;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all cubic-bezier(0.18, 1, 0.21, 1) 0.9s; }

nav#slide-nav .menu-container .menu-options .menu-item a {
  text-decoration: none;
  color: #fff;
  font-size: 55px;
  line-height: 80px;
  height: 80px;
  text-transform: capitalize;
  letter-spacing: 0;
  position: relative;
  width: 100%;
  display: block;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all cubic-bezier(0.18, 1, 0.21, 1) 0.9s; }

nav#slide-nav .menu-container .menu-options .menu-item a:hover {
  color: #B9E071; }

nav#slide-nav .menu-container .menu-options .menu-item:hover a:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

nav#slide-nav .menu-container .menu-info {
  width: 50%;
  display: inline-block;
  float: left;
  vertical-align: top;
  height: 100%; }

nav#slide-nav .menu-container .menu-info .header {
  color: #c7d3ef;
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 60px; }

nav#slide-nav .menu-container .menu-info h5 {
  color: #6d7da3;
  display: block;
  margin: 0 0 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 17px; }

nav#slide-nav .menu-container .menu-info p {
  color: #fff;
  display: block;
  margin: 0;
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 40px; }

nav#slide-nav .menu-container .menu-info a {
  color: #fff;
  display: block; }

nav#slide-nav .menu-container .menu-info .info-grid {
  margin-bottom: 40px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

nav#slide-nav .menu-container .menu-options .home-link {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s; }

nav#slide-nav .menu-container .menu-options #home-link, nav#slide-nav .menu-container .menu-options .menu-item:nth-child(1) a {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s; }

nav#slide-nav .menu-container .menu-options .menu-item:nth-child(2) a {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s; }

nav#slide-nav .menu-container .menu-options .menu-item:nth-child(3) a {
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
  -o-animation-delay: .7s;
  animation-delay: .7s; }

nav#slide-nav .menu-container .menu-options .menu-item:nth-child(4) a {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s; }

nav#slide-nav .menu-container .menu-options .menu-item:nth-child(5) a {
  -webkit-animation-delay: .9s;
  -moz-animation-delay: .9s;
  -o-animation-delay: .9s;
  animation-delay: .9s; }

nav#slide-nav .menu-container .menu-options .menu-item:nth-child(6) a {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s; }

nav#slide-nav .menu-container .menu-options .menu-item:nth-child(7) a {
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  animation-delay: 1.1s; }

nav#slide-nav .menu-container .menu-info .info-grid {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s; }

nav#slide-nav .menu-container .menu-info .info-grid:nth-child(2) {
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
  -o-animation-delay: .7s;
  animation-delay: .7s; }

nav#slide-nav .menu-container .menu-info .info-grid:nth-child(3) {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s; }

.nav {
  background: #ffffff;
  color: #000000;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  min-height: 94px; }

.admin-bar .nav {
  top: 32px; }

@media only screen and (max-width: 782px) {
  .admin-bar .nav {
    top: 46px; } }
@media only screen and (max-width: 980px) {
  nav#slide-nav .menu-container .col-6:nth-child(1) {
    width: 55%; }

  nav#slide-nav .menu-container .col-6:nth-child(2) {
    width: 45%; }

  nav#slide-nav.active .menu-container .col-wrap .inner.right {
    max-width: 643px; }

  nav#slide-nav.active .menu-container .col-wrap .inner.left {
    max-width: 527px; }

  nav#slide-nav .menu-container .menu-options .menu-item a {
    font-size: 24px; } }
@media only screen and (max-width: 800px) {
  nav#slide-nav .menu-container .col-6:nth-child(1) {
    width: 100%; }

  nav#slide-nav .menu-container .col-6:nth-child(2) {
    width: 0%;
    display: none; }

  nav#slide-nav.active .menu-container .col-wrap .inner.right {
    float: none; } }
@media only screen and (max-width: 460px) {
  nav#slide-nav .menu-container .menu-options .menu-item a {
    font-size: 24px;
    line-height: 35px;
    height: 55px; }

  nav#slide-nav.active .menu-container .col-wrap .inner.right {
    padding: 0; }

  nav#slide-nav .menu-container .table {
    padding: 60px 0 60px 0; } }
.menu-items li {
  list-style: none;
  padding: 0; }

.menu-items li a {
  padding: 0; }

body {
  font-family: 'Lato', sans-serif; }

h2 {
  color: #6A6A6A;
  font-size: 33.75px; }

p {
  color: #6A6A6A;
  font-size: 17.25px; }

.description {
  color: #000000;
  font-size: 22.5px; }

.page-section-title {
  color: #147AB9;
  font-size: 26px;
  font-weight: 600; }

.navigation-link,
.navigation-link:hover {
  font-family: Montserrat;
  color: #B82242;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 2px solid #B82242;
  padding-bottom: 3px;
  text-decoration: none; }

.ishr_breadcrumb .navigation-link,
.ishr_breadcrumb .navigation-link:hover {
  border-bottom: none; }

.ishr_breadcrumb a {
  color: #212529;
  font-weight: 400; }

.ishr_breadcrumb .arrow {
  color: #000;
  font-weight: bold;
  padding: 0 0.5em; }

.ishr_breadcrumb a:hover {
  text-decoration: none; }

.header.logo {
  padding: 2em 0;
  margin-bottom: 0; }
  .header.logo img {
    width: 195px; }

.header.main-nav {
  background-color: #042157 !important; }
  .header.main-nav .bg-dark {
    background-color: #042157 !important;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0; }
    .header.main-nav .bg-dark .nav-item {
      padding-right: 2.3em; }
      .header.main-nav .bg-dark .nav-item .nav-link {
        color: #FFFFFF;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 500; }
      .header.main-nav .bg-dark .nav-item .nav-link.active {
        color: #B9E071; }

.navbar-nav.spanish .nav-item {
  padding-right: 0.5em !important; }

.navbar-nav.french .nav-item {
  padding-right: 1em !important; }

@media (max-width: 767.98px) {
  .header.logo img {
    padding-left: 1em; }

  .header.main-nav .bg-dark {
    height: unset;
    line-height: unset;
    padding-left: 1em; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .header.main-nav .bg-dark .nav-item {
    padding-right: 1.2em; } }
.search_label {
  padding-left: 2em;
  margin-top: 7px; }

.search_input {
  padding: 0 5px; }
  .search_input #search_keyword,
  .search_input #search_keyword_mobile {
    height: 30px;
    margin-top: 17px;
    border-radius: 30px;
    background: #C5C5C5;
    border: 0;
    padding: 0 10px; }

.search_submit {
  margin-top: 7px; }
  .search_submit #search_go,
  .search_submit #search_go_mobile {
    color: #ffff;
    background: #B61F3E;
    border-radius: 30px;
    padding: 5px 20px 9px 20px; }

.search_mobile {
  display: none; }

.account {
  position: absolute;
  top: 45px;
  left: 1.5em;
  right: auto;
  z-index: 100; }
  .account .account__language {
    padding-right: 2em; }
  .account .account__language a {
    color: #008BC0; }
  .account .languages {
    padding: 0.5em 0 0 0; }
  .account .account__user {
    padding: 0.5em 0 0.5em 0;
    margin-right: 0.5em;
    margin-top: -0.5em; }
    .account .account__user a {
      color: #008BC0; }
    .account .account__user ul {
      margin-bottom: 0; }
    .account .account__user li {
      position: relative;
      list-style-type: none; }
    .account .account__user .account__name {
      min-width: 200px;
      padding: 0 2em 0.3em 3em;
      color: #008BC0;
      cursor: pointer; }
    .account .account__user .account__name:before {
      content: "";
      background-image: url(../../images/course/user_icon.png);
      background-size: 24px 24px;
      display: inline-block;
      height: 24px;
      width: 24px;
      position: absolute;
      left: 0.75em;
      top: 0; }
    .account .account__user .account__name:after {
      content: "";
      background-image: url(../../images/course/rectangle_icon.png);
      background-size: 14px 7px;
      display: inline-block;
      height: 7px;
      width: 14px;
      position: absolute;
      right: 1em;
      top: 9px; }
    .account .account__user .account__reset {
      min-width: 200px;
      display: none;
      padding: 0.3em 2em 0 3em;
      font-size: 0.9em; }
    .account .account__user .account__reset:before {
      content: "";
      background-image: url(../../images/course/settings_icon.png);
      background-size: 19px 19px;
      display: inline-block;
      height: 19px;
      width: 19px;
      position: absolute;
      left: 0.9em;
      top: 5px; }
  .account .account__user_selected {
    background: #E9ECEF;
    border-radius: 5px; }
    .account .account__user_selected .account__reset {
      display: block; }
    .account .account__user_selected .account__name {
      border-bottom: 3px solid #ccc; }
  .account .account__logout a {
    color: #008BC0; }

@media (max-width: 960px) {
  .search_label {
    display: none; } }
@media (max-width: 767.98px) {
  .search_mobile {
    display: inline-block;
    text-align: left;
    padding-left: 10px; }

  .header.logo {
    margin-bottom: 0; }

  .languages {
    right: 10px; } }
/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Small devices (landscape phones, 576px and up) */
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .account {
    position: absolute;
    top: 4px;
    right: 0;
    left: auto; } }
/* Large devices (desktops, 992px and up) */
/* Extra large devices (large desktops, 1200px and up) */
.footer img {
  padding-top: 0.3em; }
.footer h3 {
  color: #FFFFFF;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: bold; }
.footer .footer-section-header-two img {
  width: 40px;
  margin-top: 0.5em;
  padding-right: 10px; }
.footer ul {
  padding: 0;
  margin-top: 1.5em; }
  .footer ul li {
    list-style: none;
    padding-top: 0.8em; }
    .footer ul li a {
      color: #FFFFFF;
      font-family: Helvetica;
      font-size: 15px;
      font-weight: 300; }
.footer p {
  color: #FFFFFF;
  font-family: Montserrat;
  font-size: 12px;
  letter-spacing: 0.44px;
  font-weight: 300;
  padding-bottom: 0.3em; }
.footer p:last-child {
  padding-bottom: 0;
  margin-bottom: 0; }

.footer.top {
  padding: 2em 0;
  background: #042157;
  margin: 0 auto; }

.footer.bottom {
  padding: 3em 0;
  background: #147AB9; }
  .footer.bottom a {
    color: #fff;
    text-decoration: underline; }

@media (max-width: 767.98px) {
  .footer-section-header-two {
    margin-top: 2em; } }
.card-wrapper {
  margin-bottom: 2em; }

.card {
  width: 95%;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto 2em auto;
  border: none;
  display: inline-block; }
  .card .card-header {
    background: #86519F;
    color: #fff;
    font-size: 21px; }
  .card .card-img-top {
    max-width: 100%;
    flex-shrink: 0;
    min-height: 1px; }
  .card .card-body {
    padding: 1.5em;
    flex: none;
    display: inline-block; }
    .card .card-body .card-title {
      color: #147AB9;
      font-size: 17.25px;
      font-weight: 900;
      margin-bottom: 0.5em; }
    .card .card-body .card-text {
      color: #042157;
      font-size: 17.25px;
      margin-top: 1em;
      margin-bottom: 1em; }
    .card .card-body a {
      display: inline-block; }
    .card .card-body .navigation-link,
    .card .card-body .navigation-link:hover {
      font-family: Montserrat;
      color: #B82242;
      font-size: 15px;
      font-weight: 600;
      border-bottom: 2px solid #B82242;
      border-right: 2px solid #B82242;
      padding-bottom: 3px;
      padding-right: 6px;
      text-decoration: none; }
  .card .author,
  .card .date,
  .card .type {
    padding: 0;
    margin: 0;
    font-weight: bold; }

@media (max-width: 767.98px) {
  .card {
    width: 100%; } }
:root {
  --purple: #3B3646;
  --red: #EE4B5A; }

#gdpr-cookie-message {
  position: fixed;
  right: 30px;
  bottom: 30px;
  max-width: 375px;
  background-color: var(--purple);
  padding: 20px;
  border-radius: 0px;
  margin-left: 30px;
  font-family: system-ui; }

#gdpr-cookie-message h4 {
  color: var(--red);
  font-family: 'Quicksand', sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px; }

#gdpr-cookie-message h5 {
  color: var(--red);
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px; }

#gdpr-cookie-message p, #gdpr-cookie-message ul {
  color: white;
  font-size: 15px;
  line-height: 1.5em; }

#gdpr-cookie-message p:last-child {
  margin-bottom: 0;
  text-align: right; }

#gdpr-cookie-message li {
  width: 49%;
  display: inline-block; }

#gdpr-cookie-message a {
  color: var(--red);
  text-decoration: none;
  font-size: 15px;
  padding-bottom: 2px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
  transition: all 0.3s ease-in; }

#gdpr-cookie-message a:hover {
  color: white;
  border-bottom-color: var(--red);
  transition: all 0.3s ease-in; }

#gdpr-cookie-message button,
button#ihavecookiesBtn {
  border: none;
  background: var(--red);
  color: white;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  padding: 7px;
  border-radius: 0px;
  margin-left: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in; }

#gdpr-cookie-message button:hover {
  background: white;
  color: var(--red);
  transition: all 0.3s ease-in; }

button#gdpr-cookie-advanced {
  background: white;
  color: var(--red); }

#gdpr-cookie-message button:disabled {
  opacity: 0.3; }

#gdpr-cookie-message input[type="checkbox"] {
  float: none;
  margin-top: 0;
  margin-right: 5px; }

#gdpr-cookie-advanced {
  display: none; }

.btn-red {
  border-radius: 100px;
  background-color: #B82242;
  color: #fff;
  width: 227px;
  padding: 6px;
  font-size: 16.5px;
  font-weight: 600; }

.btn-red:hover {
  text-decoration: none;
  text-underline: none;
  color: #fff; }

.posts-lists {
  padding: 0; }
  .posts-lists h3 {
    margin: 2em 0; }
  .posts-lists a {
    text-decoration: none; }

.home h1 {
  color: #042157;
  font-family: Montserrat;
  font-size: 36px;
  line-height: 39.75px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0 1.5em; }
.home .page-section-title {
  color: #147AB9;
  font-size: 26px;
  font-weight: 600;
  margin: 2em 0 1em 0; }
.home .page-sub-section-title {
  margin: 0 0 2em 0;
  color: #042157; }
.home .main-image {
  margin: 0 0 3em 0; }
.home .posts-lists {
  padding-bottom: 4em; }
.home .carousel {
  margin: 0 auto 6em auto; }
  .home .carousel .carousel-inner .carousel-item {
    padding-bottom: 30px; }
    .home .carousel .carousel-inner .carousel-item img {
      max-width: 920px;
      margin: 0 auto; }
    .home .carousel .carousel-inner .carousel-item .carousel-caption {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #3B4709;
      max-width: 540px;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      padding-bottom: 0; }
    .home .carousel .carousel-inner .carousel-item .carousel-caption__body {
      position: relative;
      padding: 2em 2em; }
.home .title {
  font-size: 24px;
  color: #fff !important; }

@media (max-width: 767.98px) {
  .home .carousel {
    margin: 0 auto 2em auto; }
  .home h1 {
    font-size: 30px;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0; }
  .home .carousel .carousel-inner .carousel-item img {
    max-width: 100%;
    margin: 0 auto; }
  .home .carousel .carousel-inner .carousel-item .carousel-caption {
    position: relative; }

  .modal-dialog {
    margin-top: 10em; } }
.post-collection .learning-modules-summary {
  max-width: 948px;
  margin: 0 auto; }
  .post-collection .learning-modules-summary .info {
    padding: 2em;
    background: #EDF2F5; }
.post-collection .learning-modules-summary > div {
  padding-right: 0;
  padding-left: 0; }

@media (max-width: 767.98px) {
  .post-collection .learning-modules-summary .info {
    padding: 2em;
    margin-left: 0; } }
.learning-modules-post .page-intro {
  margin-bottom: 6em !important; }
  .learning-modules-post .page-intro .title-wrapper {
    position: relative;
    max-width: 855px;
    padding: 5em 10em 10em 10em;
    background: #ffffff;
    margin: -10em auto 0 auto; }
  .learning-modules-post .page-intro .image-wrapper {
    width: 100%;
    height: 500px;
    background-position: center;
    background-repeat-y: no-repeat; }
.learning-modules-post h1.post-title {
  color: #000000;
  font-family: Montserrat;
  font-size: 45px;
  font-weight: bold; }
.learning-modules-post .page-intro > .col-md-12 {
  padding-left: 0;
  padding-right: 0; }

.section-content .left-block {
  padding-left: 180px; }
.section-content h2.section-title {
  background: #EDF2F5;
  color: #000000;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: bold;
  height: unset;
  line-height: unset;
  padding: 2em 0 1.5em 3.5em; }
.section-content h2.section-title:before {
  position: absolute;
  color: #0C698E;
  font-family: Oswald;
  font-size: 52.5px;
  font-weight: 200;
  left: 0;
  top: 25px; }
.section-content h3.block-title {
  color: #0C698E;
  font-family: Montserrat;
  font-size: 21px;
  font-weight: 600;
  margin-top: 1em;
  margin-left: 3.4em; }
.section-content h3.block-title:before {
  position: absolute;
  left: 1.4em; }
.section-content .summary {
  margin-top: 0.8em;
  margin-left: 4.2em; }
.section-content .btn-red {
  margin-top: 2em;
  margin-bottom: 2.5em; }
.section-content img {
  position: absolute;
  top: 2.1em;
  right: 0;
  width: 18px; }

.alternative-view a:hover {
  text-decoration: none; }
.alternative-view h2 {
  background: #EDF2F5;
  color: #000000;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: bold;
  height: unset;
  line-height: unset;
  padding: 2em 0 1.5em 2.9em; }
.alternative-view h3 {
  position: relative;
  color: #0C698E;
  font-family: Montserrat;
  font-size: 21px;
  font-weight: 600;
  margin-top: 1em;
  margin-left: 3.4em; }
.alternative-view h3:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 60px;
  width: 18px;
  height: 27px;
  background-image: url(../../images/next.png);
  background-size: 18px 27px; }
.alternative-view p {
  margin-top: 0.8em;
  margin-left: 4.2em;
  padding-right: 8em;
  color: #6A6A6A;
  font-size: 17.25px; }

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Small devices (landscape phones, 576px and up) */
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 767.98px) {
  .learning-modules-post .page-intro {
    margin-bottom: 4em !important; }
    .learning-modules-post .page-intro .title-wrapper {
      position: relative;
      bottom: auto;
      left: auto;
      padding: 5em 4em 10em 4em;
      margin: 0 auto 0 auto; }
    .learning-modules-post .page-intro .image-wrapper {
      height: 250px; }

  .section-content .left-block {
    padding-left: 15px; }
  .section-content h2.section-title {
    height: unset;
    line-height: unset;
    font-size: 24px;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 3em; }
  .section-content h2.section-title:before {
    position: absolute;
    font-size: 30px;
    left: 5px;
    top: 40px; }
  .section-content img {
    right: 1em; } }
/* Large devices (desktops, 992px and up) */
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .learning-modules-post .page-intro .title-wrapper {
    padding: 5em 10em 5em 10em;
    margin: -10em auto 0 auto; } }
.advocacy-roadmap .home-sections {
  position: relative; }
.advocacy-roadmap .roadmap-bg {
  width: 100%; }
.advocacy-roadmap .cheering {
  position: absolute;
  pointer-events: none;
  top: 83.5%;
  left: 22.3%;
  width: 9.5%; }
.advocacy-roadmap .cogs {
  position: absolute;
  pointer-events: none;
  top: 43.5%;
  right: 22.3%;
  width: 9.5%; }
.advocacy-roadmap .lady_cheer {
  position: absolute;
  pointer-events: none;
  top: 90%;
  right: 41.3%;
  width: 9.5%; }
.advocacy-roadmap .network {
  position: absolute;
  pointer-events: none;
  top: 67%;
  right: 18.3%;
  width: 29%; }
.advocacy-roadmap .q_large {
  position: absolute;
  pointer-events: none;
  top: 17%;
  right: 22.3%;
  width: 9%; }
.advocacy-roadmap .q_medium {
  position: absolute;
  pointer-events: none;
  top: 28%;
  right: 50.3%;
  width: 6%; }
.advocacy-roadmap .sound_waves {
  position: absolute;
  pointer-events: none;
  top: 7.8%;
  left: 36%;
  width: 3%; }
.advocacy-roadmap .un_flag {
  position: absolute;
  pointer-events: none;
  top: 9.7%;
  right: 36%;
  width: 5%; }
.advocacy-roadmap .button_1 {
  position: absolute;
  top: 29%;
  left: 21.5%;
  background: #35bcd6;
  color: #3f5c39;
  border-radius: 25px;
  padding: 10px 20px;
  text-decoration: none; }
.advocacy-roadmap .button_1:hover {
  background: #fff;
  color: #3f5c39;
  text-decoration: none; }
.advocacy-roadmap .button_1:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 1.1em; }
.advocacy-roadmap .button_2 {
  position: absolute;
  top: 39%;
  right: 21.5%;
  background: #f8c2bb;
  color: #3f5c39;
  border-radius: 25px;
  padding: 10px 20px;
  text-decoration: none; }
.advocacy-roadmap .button_2:hover {
  background: #fff;
  color: #3f5c39;
  text-decoration: none; }
.advocacy-roadmap .button_2:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 1.1em; }
.advocacy-roadmap .button_3 {
  position: absolute;
  top: 56%;
  left: 21.5%;
  background: #e30b56;
  color: #fff;
  border-radius: 25px;
  padding: 10px 20px;
  text-decoration: none; }
.advocacy-roadmap .button_3:hover {
  background: #fff;
  color: #444;
  text-decoration: none; }
.advocacy-roadmap .button_3:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 1.1em; }
.advocacy-roadmap .button_4 {
  position: absolute;
  top: 68.5%;
  right: 21.5%;
  background: #c25717;
  color: #fff;
  border-radius: 25px;
  padding: 10px 20px;
  text-decoration: none; }
.advocacy-roadmap .button_4:hover {
  background: #fff;
  color: #444;
  text-decoration: none; }
.advocacy-roadmap .button_4:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 1.1em; }
.advocacy-roadmap .button_5 {
  position: absolute;
  top: 81%;
  left: 21.5%;
  background: #85519d;
  color: #fff;
  border-radius: 25px;
  padding: 10px 20px;
  text-decoration: none; }
.advocacy-roadmap .button_5:hover {
  background: #fff;
  color: #444;
  text-decoration: none; }
.advocacy-roadmap .button_5:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 1.1em; }
.advocacy-roadmap .button_6 {
  position: absolute;
  top: 97%;
  right: 21.5%;
  background: #fcdb15;
  color: #3f5c39;
  border-radius: 25px;
  padding: 10px 20px;
  text-decoration: none; }
.advocacy-roadmap .button_6:hover {
  background: #fff;
  color: #3f5c39;
  text-decoration: none; }
.advocacy-roadmap .button_6:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 1.1em; }
.advocacy-roadmap .modal {
  padding: 0 !important; }
  .advocacy-roadmap .modal a {
    text-decoration: underline; }
  .advocacy-roadmap .modal a:hover {
    text-decoration: none; }
.advocacy-roadmap .modal .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0; }
.advocacy-roadmap .modal .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0; }
.advocacy-roadmap .modal .modal-body {
  overflow-y: auto;
  padding: 0;
  position: relative; }
  .advocacy-roadmap .modal .modal-body p, .advocacy-roadmap .modal .modal-body li {
    font-size: 1.3em; }
.advocacy-roadmap .nav {
  position: relative;
  min-height: auto; }
.advocacy-roadmap .modal_section .modal_section__col-left {
  background: #046481;
  padding: 3em; }
  .advocacy-roadmap .modal_section .modal_section__col-left h2 {
    color: #fff;
    margin: 0.5em 0 0.75em 0; }
  .advocacy-roadmap .modal_section .modal_section__col-left p {
    color: #fff; }
.advocacy-roadmap .modal_section .modal_section__col-right {
  background: #01cee2;
  padding: 3em; }
  .advocacy-roadmap .modal_section .modal_section__col-right p {
    color: #03607e; }
.advocacy-roadmap .tab-content li {
  list-style-type: none;
  padding-left: 0em;
  position: relative; }
.advocacy-roadmap .tab-content li:before {
  content: "";
  background-image: url(../../images/roadmap/overlays/OL3_whiteTick.png);
  background-size: 20px 19px;
  background-repeat: no-repeat;
  position: absolute;
  left: -2em;
  top: 0.3em;
  width: 20px;
  height: 19px; }
.advocacy-roadmap .tab-content a {
  text-decoration: underline; }
.advocacy-roadmap .tab-content a:hover {
  text-decoration: none; }

.learning-modules-post-block .content h1 {
  color: #000000;
  font-family: Montserrat;
  font-size: 24px;
  font-weight: bold;
  margin: 24px 0; }
.learning-modules-post-block .content h2 {
  color: #0C698E;
  font-family: Montserrat;
  font-size: 21px;
  font-weight: 600;
  margin: 24px 0 12px 0; }
.learning-modules-post-block .content h3 {
  font-family: Montserrat;
  font-size: 19px;
  font-weight: 600;
  margin: 24px 0 12px 0; }
.learning-modules-post-block .content h4 {
  font-family: Montserrat;
  font-size: 17px;
  margin: 24px 0 12px 0; }
.learning-modules-post-block .content h5 {
  font-family: Montserrat;
  font-size: 15px;
  margin: 24px 0 12px 0; }
.learning-modules-post-block .content h6 {
  font-family: Montserrat;
  font-size: 13px;
  margin: 24px 0 12px 0; }
.learning-modules-post-block .content table {
  width: 100%; }
  .learning-modules-post-block .content table thead {
    background: #efefef; }
  .learning-modules-post-block .content table th, .learning-modules-post-block .content table td {
    padding: 10px; }
.learning-modules-post-block .content img {
  width: 100%;
  margin: 1em 0; }
.learning-modules-post-block .content p {
  margin: 1em 0; }
.learning-modules-post-block .content ul, .learning-modules-post-block .content ol {
  padding-left: 1.2em;
  margin: 1em 0; }
  .learning-modules-post-block .content ul li, .learning-modules-post-block .content ol li {
    color: #6A6A6A;
    font-size: 17.25px; }
.learning-modules-post-block .content a {
  color: #B82242;
  font-size: 17.25px;
  margin: 1em 0; }
.learning-modules-post-block .content blockquote {
  margin: 1.5em 0 1.5em;
  padding: 1em 2.5em 0 2.5em;
  position: relative; }
.learning-modules-post-block .content blockquote:before {
  color: #B82242;
  content: "\201C";
  font-size: 5em;
  position: absolute;
  left: 5px;
  top: 0.6em;
  line-height: 0.1em; }
.learning-modules-post-block .content blockquote:after {
  color: #B82242;
  content: "\201D";
  font-size: 5em;
  position: absolute;
  right: 3px;
  bottom: -0.3em;
  line-height: 0.1em; }
.learning-modules-post-block .external-content,
.learning-modules-post-block .related-section {
  margin-bottom: 2em; }
  .learning-modules-post-block .external-content h1,
  .learning-modules-post-block .related-section h1 {
    color: #000000;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: bold;
    margin: 24px 0; }
  .learning-modules-post-block .external-content h2,
  .learning-modules-post-block .related-section h2 {
    color: #0C698E;
    font-family: Montserrat;
    font-size: 21px;
    font-weight: 600;
    margin: 24px 0 12px 0; }
  .learning-modules-post-block .external-content h3,
  .learning-modules-post-block .related-section h3 {
    font-family: Montserrat;
    font-size: 19px;
    font-weight: 600;
    margin: 24px 0 12px 0; }
  .learning-modules-post-block .external-content h4,
  .learning-modules-post-block .related-section h4 {
    font-family: Montserrat;
    font-size: 17px;
    margin: 24px 0 12px 0; }
  .learning-modules-post-block .external-content h5,
  .learning-modules-post-block .related-section h5 {
    font-family: Montserrat;
    font-size: 15px;
    margin: 24px 0 12px 0; }
  .learning-modules-post-block .external-content h6,
  .learning-modules-post-block .related-section h6 {
    font-family: Montserrat;
    font-size: 13px;
    margin: 24px 0 12px 0; }
  .learning-modules-post-block .external-content a,
  .learning-modules-post-block .related-section a {
    font-family: Montserrat;
    color: #B82242;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
    text-decoration: none; }
  .learning-modules-post-block .external-content a:hover,
  .learning-modules-post-block .related-section a:hover {
    text-decoration: underline; }
  .learning-modules-post-block .external-content p,
  .learning-modules-post-block .related-section p {
    padding: 0;
    margin: 0.7em 0; }
  .learning-modules-post-block .external-content .highlighted,
  .learning-modules-post-block .related-section .highlighted {
    padding: 1.3em 2em; }
  .learning-modules-post-block .external-content ul li,
  .learning-modules-post-block .external-content ul li p,
  .learning-modules-post-block .external-content p,
  .learning-modules-post-block .related-section ul li,
  .learning-modules-post-block .related-section ul li p,
  .learning-modules-post-block .related-section p {
    color: #212529;
    font-size: 16px; }

.top_level_page_intro .page-intro {
  margin-top: 1em !important; }
  .top_level_page_intro .page-intro img {
    max-width: 920px;
    margin: 0 auto; }
  .top_level_page_intro .page-intro .title-wrapper {
    position: absolute;
    bottom: -30px;
    left: 0;
    background: #3B4709;
    max-width: 540px;
    padding: 2em; }
    .top_level_page_intro .page-intro .title-wrapper .title {
      font-size: 24px;
      color: #fff !important; }
.top_level_page_intro .page-description {
  max-width: 600px;
  margin: 0 auto;
  padding: 5.5em 0 2.5em 0; }

@media (max-width: 767.98px) {
  .top_level_page_intro .page-intro {
    padding: 0;
    margin: 2em 0 0 0; }
    .top_level_page_intro .page-intro img {
      max-width: 100%; }
    .top_level_page_intro .page-intro .title-wrapper {
      position: relative;
      bottom: auto;
      left: auto; }
      .top_level_page_intro .page-intro .title-wrapper .title {
        font-size: 24px;
        color: #fff !important; }
  .top_level_page_intro .page-description {
    max-width: 800px;
    margin: 0 auto;
    padding: 4em 0; } }
#accordion_2 .card {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  margin: 0 auto 0 auto;
  border: none;
  display: inline-block;
  padding: 1.5em 0 0 0; }
#accordion_2 .card-header {
  background: #fff;
  border-bottom: none;
  padding: 0; }
  #accordion_2 .card-header .card-header__title {
    background: #efefef;
    padding: 13px;
    color: #444;
    display: block;
    margin-bottom: 1em;
    font-family: Montserrat;
    font-size: 19px;
    font-weight: 600; }
  #accordion_2 .card-header .card-header__desc {
    line-height: 1.5 !important;
    display: inline-block;
    color: #6A6A6A;
    font-size: 17.25px; }
#accordion_2 .card-body {
  padding: 0; }
  #accordion_2 .card-body p a, #accordion_2 .card-body li a {
    margin: 0; }
  #accordion_2 .card-body a {
    display: contents; }
  #accordion_2 .card-body em {
    padding-left: 2em;
    display: block; }
  #accordion_2 .card-body sub em {
    padding-left: 0;
    display: contents; }
#accordion_2 .bar_icon {
  position: absolute;
  right: 10px;
  color: #444; }
#accordion_2 .bar_icon.minus {
  top: 30px; }
#accordion_2 .bar_icon.minus:before {
  content: "";
  position: absolute;
  right: 5px;
  top: 10px;
  width: 20px;
  height: 20px;
  background-image: url(../../images/minus_ico.png);
  background-size: 20px 20px;
  background-repeat: no-repeat; }
#accordion_2 .bar_icon.plus {
  top: 31px;
  display: none; }
#accordion_2 .bar_icon.plus:before {
  content: "";
  position: absolute;
  right: 5px;
  top: 10px;
  width: 20px;
  height: 20px;
  background-image: url(../../images/plus_ico.png);
  background-size: 20px 20px;
  background-repeat: no-repeat; }
#accordion_2 .collapsed > .bar_icon.plus {
  display: inline-block; }

.accordion__reflection-q .card {
  background: transparent;
  border-top: 1px solid #ccc !important;
  padding: 1.1em 0 0 0 !important; }
.accordion__reflection-q .card-header__title {
  background: #f3f5f8 !important;
  padding: 0 40px 0 0 !important;
  margin-bottom: 0.5em;
  font-size: 17px !important; }
.accordion__reflection-q ul {
  margin: 0 0 1em 0 !important; }
.accordion__reflection-q .bar_icon.minus {
  top: 10px !important; }
.accordion__reflection-q .bar_icon.plus {
  top: 11px !important;
  display: none; }
.accordion__reflection-q em {
  padding-left: 0 !important;
  display: inline-block !important; }

.favourite-post {
  max-width: 948px;
  margin: 0 auto; }
  .favourite-post .info {
    padding: 2em;
    background: #EDF2F5; }

.favourite-post > div {
  padding-right: 0;
  padding-left: 0; }

@media (max-width: 767.98px) {
  .favourite-post .info {
    padding: 2em;
    margin-left: 0; } }
.security .listing .item {
  background-color: #EDF2F5;
  margin-bottom: 1em;
  padding: 2em; }
  .security .listing .item .col-md-9 {
    padding-right: 4em; }
  .security .listing .item .item-title {
    color: #0C698E;
    font-family: Montserrat;
    font-size: 21px;
    font-weight: 600;
    line-height: 25.5px; }
  .security .listing .item img {
    position: absolute;
    top: 2.1em;
    right: 20px;
    width: 18px; }

@media (max-width: 767.98px) {
  .security .listing .item .col-md-9 {
    padding-right: 2em; }
  .security .listing .item img {
    top: 4em;
    right: 0; } }
.resources_and_tools label {
  color: #000000;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600; }
.resources_and_tools select {
  border: 1px solid #B82242;
  border-radius: 0;
  -webkit-appearance: none; }
.resources_and_tools .filters {
  background-color: #EDF2F5;
  padding: 2em 0; }
  .resources_and_tools .filters .page-section-title {
    font-size: 21px;
    margin-bottom: 1.5em; }
  .resources_and_tools .filters button {
    width: 100%;
    margin-top: 2.2em; }
.resources_and_tools .results {
  margin-top: 4em; }
  .resources_and_tools .results h3 {
    font-size: 21px; }
  .resources_and_tools .results a {
    color: #B82242; }
  .resources_and_tools .results .active {
    color: #000; }
.resources_and_tools .results.bottom {
  margin: 1em auto 3em auto; }
.resources_and_tools .highlighted {
  margin: 0.7em 0; }

@media (max-width: 767.98px) {
  .resources_and_tools select {
    margin-bottom: 1.5em; }
  .resources_and_tools .filters button {
    margin: 2em 0 0 0; } }
.navigation {
  margin-top: 2em;
  margin-bottom: 2em; }
  .navigation .navigation-link.prev {
    line-height: 1.5em;
    float: left;
    margin-left: 2em; }
  .navigation .navigation-link.next {
    line-height: 1.5em;
    text-align: right;
    float: right;
    margin-right: 2em; }
  .navigation .navigation-link.prev:before {
    content: "";
    background-image: url(../../images/prev.png);
    background-size: 100% 100%;
    display: inline-block;
    height: 30px;
    width: 20px;
    position: absolute;
    left: 1em; }
  .navigation .navigation-link.next:after {
    content: "";
    background-image: url(../../images/next.png);
    background-size: 100% 100%;
    display: inline-block;
    height: 30px;
    width: 20px;
    position: absolute;
    right: 1em;
    top: 2px; }

.heading_icon {
  position: relative;
  margin: 20px 0 20px 0 !important;
  padding: 25px 0 25px 90px; }

.heading_icon:before {
  width: 65px;
  height: 65px;
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  border-radius: 0; }

.heading_icon.red:before {
  background-color: #E30E55; }

.heading_icon.orange:before {
  background-color: #5F9B5D; }

.heading_icon.green:before {
  background-color: #FFDC00; }

.heading_icon.blue:before {
  background-color: #052156; }

.heading_icon.dark_blue:before {
  background-color: #137AB9; }

.heading_icon.purple:before {
  background-color: #86519F; }

.heading_icon.accessibility:before {
  background-image: url(../../images/icons/accessibility.png);
  background-size: 45px 43px;
  background-position: 9px 9px;
  background-repeat: no-repeat; }

.heading_icon.accreditation:before {
  background-image: url(../../images/icons/accreditation.png);
  background-size: 30px 44px;
  background-position: 17px 11px;
  background-repeat: no-repeat; }

.heading_icon.advocacy:before {
  background-image: url(../../images/icons/advocacy.png);
  background-size: 53px 38px;
  background-position: 7px 14px;
  background-repeat: no-repeat; }

.heading_icon.side_events:before {
  background-image: url(../../images/icons/side_events.png);
  background-size: 51px 32px;
  background-position: 7px 16px;
  background-repeat: no-repeat; }

.heading_icon.communications:before {
  background-image: url(../../images/icons/communications.png);
  background-size: 47px 32px;
  background-position: 9px 16px;
  background-repeat: no-repeat; }

.heading_icon.country_visits:before {
  background-image: url(../../images/icons/country_visits.png);
  background-size: 45px 45px;
  background-position: 8px 12px;
  background-repeat: no-repeat; }

.heading_icon.courthouse:before {
  background-image: url(../../images/icons/courthouse.png);
  background-size: 50px 40px;
  background-position: 8px 9px;
  background-repeat: no-repeat; }

.heading_icon.coverage:before {
  background-image: url(../../images/icons/coverage.png);
  background-size: 37px 50px;
  background-position: 13px 7px;
  background-repeat: no-repeat; }

.heading_icon.detailed_concrete:before {
  background-image: url(../../images/icons/detailed_concrete.png);
  background-size: 44px 47px;
  background-position: 9px 6px;
  background-repeat: no-repeat; }

.heading_icon.documentation:before {
  background-image: url(../../images/icons/documentation.png);
  background-size: 49px 44px;
  background-position: 9px 7px;
  background-repeat: no-repeat; }

.heading_icon.domestic_remedies:before {
  background-image: url(../../images/icons/domestic_remedies.png);
  background-size: 46px 46px;
  background-position: 9px 9px;
  background-repeat: no-repeat; }

.heading_icon.enquiries:before {
  background-image: url(../../images/icons/enquiries.png);
  background-size: 34px 44px;
  background-position: 14px 11px;
  background-repeat: no-repeat; }

.heading_icon.examine_issue:before {
  background-image: url(../../images/icons/examine_issue.png);
  background-size: 44px 44px;
  background-position: 9px 9px;
  background-repeat: no-repeat; }

.heading_icon.general_comments:before {
  background-image: url(../../images/icons/general_comments.png);
  background-size: 47px 44px;
  background-position: 9px 12px;
  background-repeat: no-repeat; }

.heading_icon.independence:before {
  background-image: url(../../images/icons/independence.png);
  background-size: 35px 52px;
  background-position: 15px 6px;
  background-repeat: no-repeat; }

.heading_icon.individual_comms:before {
  background-image: url(../../images/icons/individual_comms.png);
  background-size: 50px 50px;
  background-position: 7px 8px;
  background-repeat: no-repeat; }

.heading_icon.inspiration:before {
  background-image: url(../../images/icons/inspiration.png);
  background-size: 44px 50px;
  background-position: 11px 7px;
  background-repeat: no-repeat; }

.heading_icon.legal_binding:before {
  background-image: url(../../images/icons/legal_binding.png);
  background-size: 48px 47px;
  background-position: 9px 5px;
  background-repeat: no-repeat; }

.heading_icon.meetings:before {
  background-image: url(../../images/icons/meetings.png);
  background-size: 53px 35px;
  background-position: 6px 16px;
  background-repeat: no-repeat; }

.heading_icon.multi_purpose_tool:before {
  background-image: url(../../images/icons/multi_purpose_tool.png);
  background-size: 47px 50px;
  background-position: 10px 10px;
  background-repeat: no-repeat; }

.heading_icon.open_dialogue:before {
  background-image: url(../../images/icons/open_dialogue.png);
  background-size: 50px 40px;
  background-position: 7px 12px;
  background-repeat: no-repeat; }

.heading_icon.oral_statements:before {
  background-image: url(../../images/icons/oral_statements.png);
  background-size: 47px 44px;
  background-position: 9px 11px;
  background-repeat: no-repeat; }

.heading_icon.periodic_reviews:before {
  background-image: url(../../images/icons/periodic_reviews.png);
  background-size: 58px 56px;
  background-position: 6px 3px;
  background-repeat: no-repeat; }

.heading_icon.protection:before {
  background-image: url(../../images/icons/protection.png);
  background-size: 40px 56px;
  background-position: 13px 5px;
  background-repeat: no-repeat; }

.heading_icon.raise_the_alarm:before {
  background-image: url(../../images/icons/raise_the_alarm.png);
  background-size: 44px 45px;
  background-position: 10.5px 10px;
  background-repeat: no-repeat; }

.heading_icon.resolutions:before {
  background-image: url(../../images/icons/resolutions.png);
  background-size: 41px 40px;
  background-position: 13px 13px;
  background-repeat: no-repeat; }

.heading_icon.resources:before {
  background-image: url(../../images/icons/resources.png);
  background-size: 52px 40px;
  background-position: 7px 9px;
  background-repeat: no-repeat; }

.heading_icon.role_of_media:before {
  background-image: url(../../images/icons/role_of_media.png);
  background-size: 46px 50px;
  background-position: 13px 4px;
  background-repeat: no-repeat; }

.heading_icon.statements_government:before {
  background-image: url(../../images/icons/statements_government.png);
  background-size: 38px 44px;
  background-position: 13px 10px;
  background-repeat: no-repeat; }

.heading_icon.statements_press:before {
  background-image: url(../../images/icons/statements_press.png);
  background-size: 45px 45px;
  background-position: 10px 12px;
  background-repeat: no-repeat; }

.heading_icon.speechbubble:before {
  background-image: url(../../images/icons/speechbubble.png);
  background-size: 50px 40px;
  background-position: 8px 13px;
  background-repeat: no-repeat; }

.heading_icon.thematic_reports:before {
  background-image: url(../../images/icons/thematic_reports.png);
  background-size: 40px 34px;
  background-position: 13px 15px;
  background-repeat: no-repeat; }

.heading_icon.timing_of_action:before {
  background-image: url(../../images/icons/timing_of_action.png);
  background-size: 50px 50px;
  background-position: 7.5px 7px;
  background-repeat: no-repeat; }

.heading_icon.urgency:before {
  background-image: url(../../images/icons/urgency.png);
  background-size: 48px 37px;
  background-position: 9px 13px;
  background-repeat: no-repeat; }

.heading_icon.urgent_action:before {
  background-image: url(../../images/icons/urgent_action.png);
  background-size: 14px 46px;
  background-position: 25px 10px;
  background-repeat: no-repeat; }

.heading_icon.voice_to_victims:before {
  background-image: url(../../images/icons/voice_to_victims.png);
  background-size: 35px 53px;
  background-position: 15px 4px;
  background-repeat: no-repeat; }

#homeCarouselControls .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }

#homeCarouselControls .carousel-indicators li {
  background-color: #ccc;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

#homeCarouselControls .carousel-indicators li.active {
  background-color: #000;
  border: 1px solid #000;
  width: 10px;
  height: 10px; }

#homeCarouselControls .carousel-control-prev-icon {
  background-image: url(/images/l_arrow_grey.png);
  background-size: 40px 40px; }

#homeCarouselControls .carousel-control-next-icon {
  background-image: url(/images/r_arrow_grey.png);
  background-size: 40px 40px; }

#homeCarouselControls .carousel-control-next-icon, .carousel-control-prev-icon {
  width: 40px;
  height: 40px; }

#homeCarouselControls .carousel-control-next, .carousel-control-prev {
  width: 6%;
  opacity: 1; }

@media (max-width: 767.98px) {
  #homeCarouselControls .carousel-control-prev-icon,
  #homeCarouselControls .carousel-control-next-icon {
    background-size: 30px 30px; }

  #homeCarouselControls .carousel-control-next-icon, #homeCarouselControls .carousel-control-prev-icon {
    width: 30px;
    height: 30px; }

  #homeCarouselControls .carousel-control-prev {
    left: 0;
    width: 8%; }

  #homeCarouselControls .carousel-control-next {
    right: 0;
    width: 8%; } }
#homeCarouselControls_1 .carousel-indicators,
#homeCarouselControls_2 .carousel-indicators,
#homeCarouselControls_3 .carousel-indicators,
#homeCarouselControls_3_mob .carousel-indicators,
#homeCarouselControls_4 .carousel-indicators,
#homeCarouselControls_4m .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }

#homeCarouselControls_1 .carousel-indicators li,
#homeCarouselControls_2 .carousel-indicators li,
#homeCarouselControls_3 .carousel-indicators li,
#homeCarouselControls_3_mob .carousel-indicators li,
#homeCarouselControls_4 .carousel-indicators li,
#homeCarouselControls_4m .carousel-indicators li {
  background-color: #ccc;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

#homeCarouselControls_1 .carousel-indicators li.active,
#homeCarouselControls_2 .carousel-indicators li.active,
#homeCarouselControls_3 .carousel-indicators li.active,
#homeCarouselControls_3_mob .carousel-indicators li.active,
#homeCarouselControls_4 .carousel-indicators li.active,
#homeCarouselControls_4m .carousel-indicators li.active {
  background-color: #000;
  border: 1px solid #000;
  width: 10px;
  height: 10px; }

#homeCarouselControls_1 .carousel-control-prev,
#homeCarouselControls_2 .carousel-control-prev,
#homeCarouselControls_3 .carousel-control-prev,
#homeCarouselControls_3_mob .carousel-control-prev,
#homeCarouselControls_4 .carousel-control-prev,
#homeCarouselControls_4m .carousel-control-prev {
  left: -40px; }

#homeCarouselControls_1 .carousel-control-next,
#homeCarouselControls_2 .carousel-control-next,
#homeCarouselControls_4 .carousel-control-next,
#homeCarouselControls_4m .carousel-control-next {
  right: -40px; }

#homeCarouselControls_1 .carousel-control-prev-icon,
#homeCarouselControls_2 .carousel-control-prev-icon,
#homeCarouselControls_3 .carousel-control-prev-icon,
#homeCarouselControls_3_mob .carousel-control-prev-icon,
#homeCarouselControls_4 .carousel-control-prev-icon,
#homeCarouselControls_4m .carousel-control-prev-icon {
  background-image: url(/images/l_arrow_grey.png);
  background-size: 40px 40px; }

#homeCarouselControls_1 .carousel-control-next-icon,
#homeCarouselControls_2 .carousel-control-next-icon,
#homeCarouselControls_3 .carousel-control-next-icon,
#homeCarouselControls_3_mob .carousel-control-next-icon,
#homeCarouselControls_4 .carousel-control-next-icon,
#homeCarouselControls_4m .carousel-control-next-icon {
  background-image: url(/images/r_arrow_grey.png);
  background-size: 40px 40px; }

#homeCarouselControls_1 .carousel-control-next-icon, #homeCarouselControls_1 .carousel-control-prev-icon,
#homeCarouselControls_2 .carousel-control-next-icon, #homeCarouselControls_2 .carousel-control-prev-icon,
#homeCarouselControls_3 .carousel-control-next-icon, #homeCarouselControls_3 .carousel-control-prev-icon,
#homeCarouselControls_3_mob .carousel-control-next-icon, #homeCarouselControls_3_mob .carousel-control-prev-icon,
#homeCarouselControls_4 .carousel-control-next-icon, #homeCarouselControls_4 .carousel-control-prev-icon,
#homeCarouselControls_4m .carousel-control-next-icon, #homeCarouselControls_4m .carousel-control-prev-icon {
  width: 40px;
  height: 40px; }

#homeCarouselControls_1 .carousel-control-next, #homeCarouselControls_1 .carousel-control-prev,
#homeCarouselControls_2 .carousel-control-next, #homeCarouselControls_2 .carousel-control-prev,
#homeCarouselControls_3 .carousel-control-next, #homeCarouselControls_3 .carousel-control-prev,
#homeCarouselControls_3_mob .carousel-control-next, #homeCarouselControls_3_mob .carousel-control-prev,
#homeCarouselControls_4 .carousel-control-next, #homeCarouselControls_4 .carousel-control-prev,
#homeCarouselControls_4m .carousel-control-next, #homeCarouselControls_4m .carousel-control-prev {
  width: 6%;
  opacity: 1; }

@media (max-width: 767.98px) {
  #homeCarouselControls_3 .carousel-control-prev-icon,
  #homeCarouselControls_3 .carousel-control-next-icon,
  #homeCarouselControls_3_mob .carousel-control-next-icon,
  #homeCarouselControls_4 .carousel-control-next-icon,
  #homeCarouselControls_4m .carousel-control-next-icon {
    background-size: 30px 30px; }

  #homeCarouselControls_3 .carousel-control-next-icon, #homeCarouselControls_3 .carousel-control-prev-icon,
  #homeCarouselControls_3_mob .carousel-control-next-icon, #homeCarouselControls_3_mob .carousel-control-prev-icon,
  #homeCarouselControls_4 .carousel-control-next-icon, #homeCarouselControls_4 .carousel-control-prev-icon,
  #homeCarouselControls_4m .carousel-control-next-icon, #homeCarouselControls_4m .carousel-control-prev-icon {
    width: 30px;
    height: 30px; }

  #homeCarouselControls_3 .carousel-control-prev,
  #homeCarouselControls_3_mob .carousel-control-prev,
  #homeCarouselControls_4 .carousel-control-prev,
  #homeCarouselControls_4m .carousel-control-prev {
    left: 0;
    width: 8%; }

  #homeCarouselControls_3 .carousel-control-next,
  #homeCarouselControls_3_mob .carousel-control-next,
  #homeCarouselControls_4 .carousel-control-next,
  #homeCarouselControls_4m .carousel-control-next {
    right: 0;
    width: 8%; } }
.course .course__section-title {
  font-weight: 300;
  font-size: 1.8em;
  color: #137AB9; }
.course .course__section-title_messaging {
  padding-left: 2.8em;
  margin: 1em 0 1.5em 0;
  position: relative; }
.course .course__section-title_messaging:before {
  content: "";
  position: absolute;
  left: 0;
  top: -15px;
  width: 66px;
  height: 66px;
  background-image: url(../../images/course/messaging_ico.png);
  background-size: 66px 66px;
  background-repeat: no-repeat; }
.course .course__section-title_security {
  padding-left: 2.8em;
  margin: 1em 0 1.5em 0;
  position: relative; }
.course .course__section-title_security:before {
  content: "";
  position: absolute;
  left: 0;
  top: -15px;
  width: 66px;
  height: 66px;
  background-image: url(../../images/course/security_icon.png);
  background-size: 66px 66px;
  background-repeat: no-repeat; }
.course .course__section-title_screen {
  padding-left: 2.8em;
  margin: 1em 0 1.5em 0;
  position: relative; }
.course .course__section-title_screen:before {
  content: "";
  position: absolute;
  left: 0;
  top: -15px;
  width: 66px;
  height: 66px;
  background-image: url(../../images/course/screen_ico.png);
  background-size: 66px 66px;
  background-repeat: no-repeat; }
.course .bold {
  font-weight: 700; }
.course .splide__pagination {
  display: none; }
.course .splide__arrow--prev {
  left: -1.5em; }
.course .splide__arrow--next {
  right: -1.5em; }

.course__title {
  font-size: 2.3em;
  padding: 1.3em 0; }
  .course__title .course__title_bold {
    color: #000;
    font-weight: 500;
    text-transform: uppercase; }
  .course__title span {
    color: #137AB9;
    font-weight: 300; }

.course__intro {
  background: #EDF2F5;
  padding: 2em 0; }
  .course__intro .highlight {
    color: #00414C; }
  .course__intro p, .course__intro li {
    color: #095A8C; }
  .course__intro iframe {
    margin-bottom: 1em; }
  .course__intro a {
    color: #008BC0;
    text-decoration: underline; }
  .course__intro img {
    width: 100%; }
  .course__intro .course__intro-mattermost {
    background: #00374C;
    border-radius: 5px;
    padding: 10px;
    width: 80%;
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 1em;
    left: 2em; }
  .course__intro .course__intro-mattermost:hover {
    background: #E30D54; }

.course__overview h4 {
  font-size: 1.4em;
  font-weight: bold;
  color: #095A8C; }
.course__overview p {
  color: #095A8C;
  margin-top: 2em; }
.course__overview li {
  color: #095A8C; }
.course__overview .course__objectives {
  border-top: 4px solid #137AB9;
  background: #F3F8FC;
  padding: 1.5em; }
  .course__overview .course__objectives ul li {
    font-weight: 300; }

.course__overview > .row {
  padding-top: 3em;
  padding-bottom: 2em; }

.course__modules > .row {
  padding-bottom: 2em; }

.course__carousel-module {
  background: #fff;
  padding: 0.5em 0.5em 1em 0.5em;
  border-radius: 5px; }

.course_carousel-module_selected {
  background: #DDECF5; }

.course__carousel-module-img {
  padding-bottom: 5px;
  border-bottom: 5px solid #137AB9; }

.course_carousel-module_in-progress .course__carousel-module-img {
  border-bottom: 5px solid #00CDE2; }

.course_carousel-module_locked .course__carousel-module-img {
  border-bottom: 5px solid #EEEFE9;
  opacity: 0.3; }

.course__carousel-module-week {
  display: block;
  color: #095A8C;
  font-weight: bold;
  font-size: 1.3em;
  margin-top: 0.5em; }

.course_carousel-module_locked .course__carousel-module-week {
  color: #B2C9D2; }

.course__carousel-module-status {
  color: #095A8C;
  font-weight: 300; }

.course_carousel-module_locked .course__carousel-module-status {
  color: #B2C9D2; }

.course__carousel-module-img-ico {
  width: 45px;
  height: 45px;
  position: absolute;
  background-size: 45px 45px;
  left: 50%;
  margin-left: -25px;
  top: 25%; }

.course_carousel-module_locked .course__carousel-module-img-ico {
  background-image: url(../../images/course/lock_icon.png); }

.course_carousel-module_in-progress .course__carousel-module-img-ico {
  background-image: url(../../images/course/play_icon.png); }

.course_carousel-module_complete .course__carousel-module-img-ico {
  background-image: url(../../images/course/green_tick_ico.png); }

.course_module_wrapper {
  position: relative;
  max-width: 1200px;
  margin: 0 auto 3em auto; }

.course_module_wrapper {
  display: none; }

.course_module_wrapper_active {
  display: block; }

.course__module-weeks {
  width: 235px;
  background: #fff;
  border-bottom: 8px solid #E4F2F4;
  padding: 1em;
  position: absolute;
  right: 2em;
  top: -1em;
  background-image: url(../../images/course/weeks_bg.png);
  background-repeat: no-repeat;
  background-size: 235px 18px; }
  .course__module-weeks .course__module-weeks-num {
    display: block;
    margin-top: 0.5em; }
  .course__module-weeks .course__module-weeks-num {
    color: #095A8C;
    text-transform: uppercase;
    font-size: 1.5em; }
  .course__module-weeks .course__module-dates {
    color: #137AB9;
    font-weight: 300; }

.course__module {
  padding-top: 2em;
  border-top: 4px solid #137AB9;
  background: #F3F8FB; }
  .course__module .course__module-description td {
    width: 50%;
    vertical-align: top; }
  .course__module .course__module-description p, .course__module .course__module-description td {
    color: #095A8C; }
  .course__module .course__module-description img {
    width: 100%; }
  .course__module p {
    color: #095A8C; }
  .course__module .course__post-list {
    padding: 0;
    margin: 2em 0 0 0; }
  .course__module .course__post-thumb {
    width: 277px;
    margin-bottom: 2em; }
    .course__module .course__post-thumb img {
      width: 100%; }
  .course__module .course__post-content {
    padding: 0 1em !important; }
  .course__module .course__post-title {
    color: #095A8C;
    font-size: 1.3em;
    font-weight: bold; }
  .course__module .course__post-time {
    position: relative;
    color: #095A8C;
    padding-left: 1.6em; }
  .course__module .course__post-time:before {
    content: "";
    background-image: url(../../images/course/time_ico.png);
    background-size: 20px 20px;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0; }
  .course__module .course__title-icon {
    height: 23px;
    margin-top: -6px;
    margin-right: 0.5em; }
  .course__module .course__post-desc {
    font-weight: 300; }

.course__module .course__section-title {
  margin-bottom: 1em;
  margin-top: 3em; }

.course__modal-title {
  color: #095A8C;
  font-size: 2em;
  padding-left: 2.5em;
  position: relative; }

.course__modal-title:before {
  content: "";
  background-image: url(../../images/course/pop_up_title_ico.png);
  background-size: 66px 66px;
  display: inline-block;
  height: 66px;
  width: 66px;
  position: absolute;
  left: 0;
  top: -0.5em; }

.course__modal-body h3 {
  font-size: 1.3em;
  color: #095A8C;
  margin-top: 1.5em; }
.course__modal-body p {
  color: #095A8C;
  font-weight: 300; }
.course__modal-body a, .course__modal-body a:hover {
  display: inline;
  color: #fff;
  background: #095A8C;
  padding: 5px 20px;
  border-radius: 15px;
  text-decoration: none; }

.course__post-btn, course__post-btn:hover {
  background: #095A8C;
  color: #fff !important;
  border-radius: 15px;
  padding: 0.1em 1em 0.3em 1em;
  margin-left: 1em;
  text-decoration: none !important; }

.course__post_completed .course__post-btn {
  background: #fff;
  color: #659700 !important;
  border: 1px solid #659700; }

.course__module_locked .course__post-btn {
  background: #B4D3E6 !important;
  color: #fff !important;
  border: 1px solid #B4D3E6;
  pointer-events: none;
  cursor: default; }

.course__post {
  position: relative;
  list-style-type: none;
  width: 100%;
  display: inline-block;
  background: linear-gradient(to right, #B4D3E6 5px, transparent 1px);
  background-position: 27px 0;
  background-repeat: no-repeat;
  padding-left: 80px;
  padding-bottom: 1em; }

.course__module_locked .course__post {
  background: none !important; }

.course__post:first-child {
  background: linear-gradient(to right, #B4D3E6 5px, transparent 1px);
  background-position: 27px 50px;
  background-repeat: no-repeat; }

.course__post:last-child {
  background: linear-gradient(to right, #B4D3E6 5px, transparent 1px);
  background-position: 27px 0;
  background-repeat: no-repeat; }

.course__post-tick {
  width: 43px;
  height: 43px;
  background-image: url(../../images/course/tick_f_icon.png);
  background-size: 43px 43px;
  position: absolute;
  top: 0.5em;
  left: 0.45em; }

.course__post-tick_true {
  background-image: url(../../images/course/tick_t_icon.png); }

.course__module-completion {
  width: 43px;
  height: 43px;
  background-image: url(../../images/course/tick_f_icon.png);
  background-size: 43px 43px;
  position: absolute;
  top: 1.8em;
  left: 0.45em; }

.course__module-completion_true {
  background-image: url(../../images/course/tick_t_icon.png); }

.course__module-summary {
  background: #F4F5F8; }
  .course__module-summary ul {
    padding: 0; }
    .course__module-summary ul li {
      background-size: 50px 50px !important; }
  .course__module-summary p {
    color: #095A8C; }

.course__post_summary {
  padding-top: 2em; }
  .course__post_summary h3 {
    font-weight: 300;
    font-size: 1.8em;
    color: #137AB9; }

.course__how-to {
  margin-bottom: 3em; }
  .course__how-to h3 {
    font-weight: 300;
    font-size: 1.8em;
    color: #137AB9; }
  .course__how-to p {
    color: #095A8C; }
  .course__how-to a {
    color: #008BC0;
    text-decoration: underline;
    margin-left: 1em; }
  .course__how-to a:first-child {
    margin-right: 0;
    margin-left: 0; }
  .course__how-to img {
    margin-top: 2em; }

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Small devices (landscape phones, 576px and up) */
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .course__module .course__section-title {
    margin-top: 0; } }
/* Extra large devices (large desktops, 1200px and up) */
.c-switch {
  position: absolute !important;
  bottom: 1.3em;
  left: 4em;
  right: unset;
  z-index: 333;
  font-size: 1rem; }
  .c-switch input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0; }
    .c-switch input + label {
      position: relative;
      min-width: calc(calc(2.375rem * .8) * 2);
      border-radius: calc(2.375rem * .8);
      height: calc(2.375rem * .8);
      line-height: calc(2.375rem * .8);
      display: inline-block;
      cursor: pointer;
      outline: none;
      user-select: none;
      vertical-align: middle;
      text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem); }
    .c-switch input + label::before,
    .c-switch input + label::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: calc(calc(2.375rem * .8) * 2);
      bottom: 0;
      display: block; }
    .c-switch input + label::before {
      right: 0;
      background-color: #dee2e6;
      border-radius: calc(2.375rem * .8);
      transition: 0.2s all; }
    .c-switch input + label::after {
      top: 2px;
      left: 2px;
      width: calc(calc(2.375rem * .8) - calc(2px * 2));
      height: calc(calc(2.375rem * .8) - calc(2px * 2));
      border-radius: 50%;
      background-color: white;
      transition: 0.2s all; }
    .c-switch input:checked + label::before {
      background-color: #bebebe; }
    .c-switch input:checked + label::after {
      margin-left: calc(2.375rem * .8); }
    .c-switch input:focus + label::before {
      outline: none;
      box-shadow: 0 0 0 0.2rem rgba(190, 190, 190, 0.25); }
    .c-switch input:disabled + label {
      color: #868e96;
      cursor: not-allowed; }
    .c-switch input:disabled + label::before {
      background-color: #e9ecef; }
  .c-switch.c-switch-sm {
    font-size: 0.875rem; }
    .c-switch.c-switch-sm input + label {
      min-width: calc(calc(1.9375rem * .8) * 2);
      height: calc(1.9375rem * .8);
      line-height: calc(1.9375rem * .8);
      text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem); }
    .c-switch.c-switch-sm input + label::before {
      width: calc(calc(1.9375rem * .8) * 2); }
    .c-switch.c-switch-sm input + label::after {
      width: calc(calc(1.9375rem * .8) - calc(2px * 2));
      height: calc(calc(1.9375rem * .8) - calc(2px * 2)); }
    .c-switch.c-switch-sm input:checked + label::after {
      margin-left: calc(1.9375rem * .8); }
  .c-switch.c-switch-lg {
    font-size: 1.25rem; }
    .c-switch.c-switch-lg input + label {
      min-width: calc(calc(3rem * .8) * 2);
      height: calc(3rem * .8);
      line-height: calc(3rem * .8);
      text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem); }
    .c-switch.c-switch-lg input + label::before {
      width: calc(calc(3rem * .8) * 2); }
    .c-switch.c-switch-lg input + label::after {
      width: calc(calc(3rem * .8) - calc(2px * 2));
      height: calc(calc(3rem * .8) - calc(2px * 2)); }
    .c-switch.c-switch-lg input:checked + label::after {
      margin-left: calc(3rem * .8); }
  .c-switch + .c-switch {
    margin-left: 1rem; }

.c-switch__user {
  margin: -10px 10px 0 0;
  width: 25px; }

.c-switch__group {
  margin: -10px 0 0 10px;
  width: 50px; }

.c-switch {
  text-align: left;
  max-width: 300px;
  position: relative;
  margin-left: 1em; }

/* Small devices (landscape phones, 576px and up) */
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .c-switch {
    bottom: 1.3em; } }
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1650px) {
  .c-switch {
    position: absolute;
    bottom: 1.3em;
    left: unset;
    right: 2em; } }
.highlighted {
  padding: 2em;
  background: #EDF2F5; }
  .highlighted h3 {
    margin: 0.5em 0 1em 0 !important; }

.modal {
  z-index: 100550; }

.ishr_breadcrumb {
  background-color: #e9ecef;
  padding: 0.9em 0; }
  .ishr_breadcrumb .row {
    margin: 0 auto;
    max-width: 994px; }
  .ishr_breadcrumb .row.full_w {
    margin: 0 auto;
    max-width: 100%; }

.rounded_heading {
  width: 100%;
  border-radius: 20px;
  text-align: center;
  padding: 8px 0;
  color: #fff;
  font-weight: normal; }

.rounded_heading.blue {
  background: #147298; }

.rounded_heading.red {
  background: #AD063B; }

.rounded_heading.purple {
  background: #6E076B; }

.content_icon.blue {
  color: #147298;
  font-size: 21px; }

.content_icon.red {
  color: #AD063B;
  font-size: 21px; }

.content_icon.orange {
  color: #f66300;
  font-size: 18px; }

.triangle {
  position: absolute;
  border-style: solid;
  display: inline-block; }

.triangle_left {
  left: 0;
  border-left-width: 25px;
  border-right: 0; }

.triangle_right {
  right: 0;
  border-right: 25px solid #042157;
  border-left: 0; }

.triangle_top {
  top: 0;
  border-top-width: 25px;
  border-bottom: 0; }

.triangle_bottom {
  bottom: 0;
  border-bottom-width: 25px;
  border-top: 0; }

.triangle_large {
  width: 75px;
  height: 75px;
  border-width: 20px; }

.triangle_medium {
  width: 160px;
  height: 160px;
  border-width: 30px; }

.triangle_small {
  width: 75px;
  height: 75px;
  border-width: 15px; }

.triangle_blue {
  border-color: #137AB9; }

.triangle_red {
  border-color: #E30E53; }

.triangle_navy {
  border-color: #042157; }

.triangle_yellow {
  border-color: #FFDC00; }

.triangle_purple {
  border-color: #86519F; }

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Small devices (landscape phones, 576px and up) */
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .triangle_large {
    width: 132px;
    height: 132px;
    border-width: 25px; } }
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .triangle_large {
    width: 232px;
    height: 232px;
    border-width: 45px; } }

/*# sourceMappingURL=main.css.map */