@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
:root {
    --font-2: "Open Sans", sans-serif;
}

:root {
  --tile-radius: 16px;
  --color-body: #f3eeee;
  --color-body-lighter: #fcf7f7;
  --color-text-light: #6d6d6d;
  --color-placeholder: rgb(87, 86, 86);
  --color-1: #098287;
  --color-2: #e64c61;
  --color-notice: hsla(51, 100%, 50%, .15);
  --color-ica-yellow: hsl(41deg 96% 58%);
  --color-ica-red: hsl(352deg 75% 60%);
  --color-ica-cyan: hsl(185deg 58% 47%);
  --color-ica-yellow-light: hsl(41deg 96% 68%);
  --color-ica-red-light: hsl(352deg 75% 80%);
  --color-ica-cyan-light: hsl(185deg 58% 67%);
  --color-ica-yellow-dark: hsl(41deg 96% 38%);
  --color-ica-red-dark: hsl(352deg 75% 40%);
  --color-ica-cyan-dark: hsl(185deg 58% 27%);
  --color-ica-yellow-lighter: hsl(41deg 96% 88%);
  --color-ica-red-lighter: hsl(352deg 75% 90%);
  --color-ica-cyan-lighter: hsl(185deg 58% 87%);
}

html {
  overflow: hidden!important;
}

body {
  overflow-x: hidden;
}
.no-wrap {
  white-space: nowrap;
}
a:hover {
  text-decoration: none!important;
}

.alert {
  border-radius: 6px;
}

.alert-info {
  background-color: var(--color-ica-cyan-lighter);
}

.alert-info a {
  color: black;
}
.alert-danger {
  color: black;
}

.alert-info a:hover {
  color: var(--color-ica-red);
}
.btn-success {
    color: #fff;
    background-color: #208837;
    border-color: #208837;
}
.btn-outline-primary {
  color: #138192;
}
.btn-outline-success {
    color: #208838;
}
.btn-outline-warning {
    color: #946f00;
    border-color: #946f00;
}
.btn-outline-dark:hover {
    color: #fff!important;
}
.lh-1 {
  line-height: 2rem;
}
.lh-2 {
  line-height: 2.2rem;
}
.lh-3 {
  line-height: 2.4rem;
}
.lh-4 {
  line-height: 2.6rem;
}
.lh-5 {
  line-height: 2.8rem;
}
.lh-6 {
  line-height: 3rem;
}
.lh-7 {
  line-height: 3.2rem;
}
.lh-8 {
  line-height: 3.4rem;
}
.lh-9 {
  line-height: 3.6rem;
}
.pill {
  font-size: 10px;
  background: #797979;
  display: inline;
  border-radius: 50%;
  padding: 4px;
  color: white;
}

blockquote {
    border-left: none;
    margin: 0;
}
blockquote::before {
  content: "\201C";
  font-size: 10rem !important;
  font-weight: bold;
  color: var(--color-ica-yellow);
  position: absolute;
  left: 0;
  top: 24px;
}

.pull-quote blockquote:before {
  content: "\201C";
  display: block;
  height: var(--vspace-1);
  width: var(--vspace-1);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  position: absolute;
  top: var(--vspace-1);
  left: 50%;
}

hr {
  margin: var(--vspace-1) 0 calc(var(--vspace-1) - .1rem);
}

ul li {
    margin-bottom: 1rem;
    margin-left: 2rem;
}

ol li {
    margin-bottom: 1rem;
    margin-left: 2rem;
}

.ml-50px {
  margin-left: 50px;
}

.ica-yellow-box {
  background-color: var(--color-ica-yellow-light);
  color: black;
}

.ica-cyan-box {
  background-color: var(--color-ica-cyan-light);
  color: black;
}

.ica-red-box {
  background-color: var(--color-ica-red);
  color: black;
}

.ica-yellow-box a, .ica-cyan-box a, .ica-red-box a {
  color: black;
}
.ica-yellow-box a:hover, .ica-cyan-box a:hover, .ica-red-box a:hover {
  color: white;
}

.rounded-corners {
  border-radius: var(--tile-radius)!important;
}

.content-container {
  background-color: #fbfbfb;
  padding-top: 8rem;
}

.full-width {
  max-width: 1200px!important;
}

.max-width {
  max-width: 100%!important;
}

.max-width .container {
  max-width: 100%!important;
}

.toggle {
  display: block;
  padding: 6px 16px;
  border-radius: calc(var(--tile-radius) / 2);
  color: var(--color-text-light);
  background-color: rgba(255,255,255,.5);
}
.dark .toggle {
  display: block;
  padding: 6px 16px;
  border-radius: calc(var(--tile-radius) / 2);
  color: rgb(231, 231, 231);
  background-color: rgba(255,255,255,.05);
}

.toggle::after {
  content: "\f068";
  font-family: 'Font Awesome 5 Pro';
  float: right;
}
.toggle.collapsed::after {
  content: "\f067";
  font-family: 'Font Awesome 5 Pro';
  float: right;
}

.block {
  padding: 2.2rem 2.4rem;
  border-radius: var(--tile-radius);
  background-color: #e7dfdf;
}

.block.dark {
  background-color: #2e2c2c;
  color: rgb(231, 231, 231);
}

.block.dark h1, .block.dark h2, .block.dark h3, .block.dark h4, .block.dark h5, .block.dark h6, .block.dark p, .block.dark div {
  color: rgb(231, 231, 231);
}
.table .thead-dark th {
  color: rgb(231, 231, 231);
  background-color: #2e2c2c;
}

.article-container {
  border-radius: 0 0 var(--tile-radius) var(--tile-radius);
}

.article-title {
  font-weight: 700;
  text-shadow: rgb(175 166 166) 0px 0px 2px;
}

.related-heading {
  text-shadow: rgb(175 166 166) 0px 0px 2px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5 {
  letter-spacing: -.06em;
}

.article-image {
  box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
  margin-bottom:0; border-radius: var(--tile-radius) var(--tile-radius) 0 0;
}

.v-btn.v-size--default, .v-btn.v-size--large {
  font-size: 1.25rem!important;
}

.btn-primary {
    color: #fff;
    background-color: #128294;
    border-color: #128294;
}
.btn-primary:hover {
    color: #fff;
    background-color: #047284;
    border-color: #117a8b;
}
.ss-copyright a {
  color: #127788;
}

.prime-copy {
  background: white;
  padding: 0 4rem 4rem;
  border-radius: 0 0  var(--tile-radius) var(--tile-radius);
  box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}
.prime-copy.dark {
  background-color: #e6dada;
}

.prime-copy .intro {
  margin: 2rem 0 4rem 0;
}

.prime-copy a:not(.btn) {
  text-decoration: none;
  border-bottom: 0 solid var(--color-ica-red);
  transition: none;
}
.prime-copy a:hover, a:focus, a:active {
  text-decoration: none;
}

a[href*="//"]:not(.btn):not(.no-suffix):not([href*="theica.ca"]):not([href*="youtube.com"]):not([href*="twitter.com"]):not([href*="linkedin.com"]):not([href*="facebook.com"]):not([href*="instagram.com"]):not([href*="4dprime.com"])::after {
    display: inline-block;
    content: ' ';
    background-image: url(/https/theica.ca/assets/img/svg/fontawesome/external-link-solid.svg);
    background-size: 12px 12px;
    height: 12px;
    width: 12px;
    margin-left: 4px;
}

a[href*="mailto:"]:not(.btn):not(.no-suffix)::after {
    display: inline-block;
    content: ' ';
    background-image: url(/https/theica.ca/assets/img/svg/fontawesome/paper-plane-regular.svg);
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
    margin-left: 4px;
}

a[href*="tel:"]:not(.btn):not(.no-suffix)::after {
    display: inline-block;
    content: ' ';
    background-image: url(/https/theica.ca/assets/img/svg/fontawesome/phone-rotary-regular.svg);
    background-size: 14px 16px;
    height: 14px;
    width: 14px;
    margin-left: 4px;
}

a.pdf::after {
    display: inline-block!important;
    content: ' ';
    background-image: url(/https/theica.ca/assets/img/svg/fontawesome/file-pdf-regular.svg)!important;
    background-size: 14px 14px!important;
    height: 14px!important;
    width: 14px!important;
    margin-left: 4px!important;
}

a.word::after {
    display: inline-block!important;
    content: ' ';
    background-image: url(/https/theica.ca/assets/img/svg/fontawesome/file-word-regular.svg)!important;
    background-size: 14px 14px!important;
    height: 14px!important;
    width: 14px!important;
    margin-left: 4px!important;
}

a.excel::after {
    display: inline-block!important;
    content: ' ';
    background-image: url(/https/theica.ca/assets/img/svg/fontawesome/file-excel-regular.svg)!important;
    background-size: 14px 14px!important;
    height: 14px!important;
    width: 14px!important;
    margin-left: 4px!important;
}

a.powerpoint::after {
    display: inline-block!important;
    content: ' ';
    background-image: url(/https/theica.ca/assets/img/svg/fontawesome/file-powerpoint-regular.svg)!important;
    background-size: 14px 14px!important;
    height: 14px!important;
    width: 14px!important;
    margin-left: 4px!important;
}

a.download::after {
    display: inline-block!important;
    content: ' ';
    background-image: url(/https/theica.ca/assets/img/svg/fontawesome/download-regular.svg)!important;
    background-size: 14px 14px!important;
    height: 14px!important;
    width: 14px!important;
    margin-left: 4px!important;
}
.no-suffix a::after {
  display: none!important;
}

.mark, mark {
  padding: 0;
}

.prime-copy p {
  margin-bottom: 2rem;
}

.video16x9 {
    padding-top: 56.25%;
    height: 0px;
    position: relative;
}
.video4x3 {
    padding-top: 75%;
    height: 0px;
    position: relative;
}
.video16x9 .fr-video, .video4x3 .fr-video {
  position: initial!important;
}

.video16x9 iframe, .fr-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.s-header {
  height: 10rem;
  background-image: none;
  background-color: #fff;
}
.logo:focus, .logo:active {
  outline: 1px solid #ccc;
  border-radius: 8px;;
}
.s-header__logo img {
  width: auto;
  height: 4.5rem;
}

.s-header__nav li a {
  color: #757575;
}

.s-header__nav li ul li.separator {
  min-height:4px;
  border-bottom: 1px dotted var(--color-gray-3);
}

.s-header__nav li ul li a:hover, .s-header__nav li ul li a:focus {
    background: white;
}

.f-slide {
  height: 450px;
}
.f-slide__overlay {
  background-color: transparent!important;
}
.f-slide__overlay:hover {
  background-color: transparent!important;
  box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.5);
}

.f-slide__content {
  position: absolute;
  bottom: 0;
  padding: 20px 80px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 01);
  /* border-radius: 0 0 var(--tile-radius) var(--tile-radius); */
}

.f-slide, .f-slide__background, .f-slide__overlay {
  border-radius: var(--tile-radius) var(--tile-radius) 0 0;
}

.featured-post-nav button {
    opacity: 0;
    border-radius: 50%;
    margin-left: 20px;
    margin-right: 20px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 19px -4px #ffffff;
}
.f-slide__overlay:hover .featured-post-nav button {
  opacity: 1;
}
.featured-post-nav button:hover {
  background-color: black;
}

.bricks-wrapper .entry__thumb .thumb-link::before {
  background: rgba(0, 0, 0, 0.2);
}

.bricks-wrapper .entry__title {
    font-weight: 600;
    letter-spacing: -.06em;
}

.bricks-wrapper .entry__thumb {
  border-radius: var(--tile-radius) var(--tile-radius) 0 0;
    box-shadow: none!important;
}

.bricks-wrapper .entry__title {
  font-size: 2.2rem;
}
.bricks-wrapper .entry__title a {
  text-decoration: none;
}

.bricks-wrapper .entry__text {
  border-radius: 0 0 var(--tile-radius) var(--tile-radius);
  /* padding: 2.4rem 2.8rem; */
    padding: 2.2rem 2.4rem;
}

.bricks-wrapper .entry__thumb, .bricks-wrapper .entry__text {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}

.entry__meta {
    margin-top: calc(0.230 * var(--space));
}

.entry__meta .entry__cat-links a {
  color: #098287!important;
  background-color: white;
  border: 1px #e9e9e9 solid;
  margin: 0 4px 0 0;
  padding: 2px 6px 4px 6px;
  border-radius: 4px;
  font-size: 1.3rem;
  white-space: nowrap;
}
.entry__meta .entry__cat-links a:hover {
  background: black;
  color: white!important;
}
.entry__cat-links a::after {
    content: ""!important;
}

.s-header__search {
  background: rgba(255,255,255,.97);
}

.s-footer h2 {
    font-size: var(--text-size);
    font-weight: 500;
    padding-bottom: var(--vspace-0_75);
    margin-bottom: var(--vspace-0_75);
    margin-top: 0;
    border-bottom: 1px solid var(--color-border);
}
.s-footer__main ul li {
  margin: 0;
}
.form-control, .input-group-text {
  font-size: 16px;
}
.custom-control {
    min-height: 1rem;
    padding-left: 2.5rem;
}
.custom-control-label::before, .custom-control-label::after {
  width: 20px;
  height: 20px;
}
.btn {
  font-size: 16px;
  text-decoration: none!important;
}

.page-search .bricks-wrapper .entry__title {
  padding-top:2rem;
}

@media (max-width: 576px) {
  .prime-copy {
    padding: 0 2rem 2rem;
  }
}

@media screen and (max-width: 600px) {
  .featured-post-nav button {
    bottom: 12px;
  }
}

@media (min-width: 992px) {
  aside .brick {
    width: 100%!important;
    padding:0!important;
  }
  .modal-lg, .modal-xl {
    max-width: 800px;
  }
@media (max-width: 991px) {
  .s-bricks .masonry {
      max-width: 100%;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
  }
}

@media (max-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 100%!important;
      padding: 0 4%!important;
  }
}

@media (min-width: 1200px) {
  .container {
      max-width: 1400px!important;
  }
  .modal-xl {
    max-width: 1140px;
  }
}