@charset "utf-8";
/* CSS Document */
/* updated 20231211 18:45 CST by jm */

.itk-content .card ul, .card-medium ul { padding-left:0px; margin-bottom:0px; }
.itk-content .card li, .card-medium li { font-size: 16px; line-height: 26px; margin-bottom: 12px; list-style: none; -webkit-text-stroke: 0.02em}
.itk-content .card li:last-child, .itk-sidebar .card-medium li:last-child { margin-bottom:0px;}

.card a, .card-medium a { color: #21b6d7;}
/* Resets link color for cards with backgrounds */
.spotlight-w-bg-img .spotlight-cta a { color:#06213d !important;}
/* Resets link color for links in card carousels */
.card-carousel .card-medium .card-cta span { color:#06213d !important;}

.card-medium-cta {will-change: transform;} /* Minimizes stutter on CTA Medium card hover */

@media (max-width: 991.98px) {
  .utility-nav .ww-mega-menu .region-select .region-details .region-lang { display: contents; }
   /* JM - displays language label on mobile to accomodate Canada linking */
}

.text-box-w-brand-content .brand-wrap svg, .text-box-w-brand-content-azure .brand-wrap svg {width: 100%;} /* JM - Fix for svg scaling issue on Safari browsers */

.Form__Status__Message.Form__Success__Message { background-color:#f5f5f5 !important;}
/* MH - replaces the blue background in form submissions */

/* BL - card background colors */
.card-wrap-yellow {	background-color: #ffc700 !important;}
.card-wrap-blue {	background-color: #06213d !important;color: #fff !important;}
.card-wrap-blue .card-body .card-title {color: #fff !important;text-decoration: none;margin-bottom: 4px;}
.card-wrap-trans {background-color: transparent !important;}

/* Intertek Academy */
.card-event { padding: 15px; border: 10px solid #21b6d7; margin: 30px auto;}
  .card-event .flex-container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: normal; align-content: normal;}
  .card-event .flex-items:nth-child(1) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: 100px; align-self: auto; order: 0; align-items: flex-start; border-right: 1px solid #21b6d7; padding-right: 15px;}
  .card-event .flex-items:nth-child(2) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0;padding-left: 15px; align-items: flex-start;}
  .card-event .event-date-no { font-size: 50px; line-height: 1}
  .card-event .event-date-month { margin-top: -5px; font-size: 30px;}
  .card-event .event-date-year { font-size: 22px; }
  .card-event hr { border-bottom: 1px solid #21b6d7; width: 50px; margin: 5px auto 0 auto;}
  .card-event .event-title { font-size: 20px;}
  .card-event .event-title span {color: #21b6d7;}
  .card-event .table { margin-bottom: 0px;}
  .card-event .table>:not(caption)>*>* { padding: .2rem 0rem;}
  .card-event .table th { width: 100px; max-width: 100px;}

  .card-event { padding: 15px; border: 10px solid #21b6d7; margin: 30px auto;}
  .card-event .flex-container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: normal; align-content: normal;}
  .card-event .flex-items:nth-child(1) { display: block; flex-grow: 0; flex-shrink: 1; flex-basis: 100px; align-self: auto; order: 0; align-items: flex-start; border-right: 1px solid #21b6d7; padding-right: 15px;}
  .card-event .flex-items:nth-child(2) { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0;padding-left: 15px; align-items: flex-start;}
  .card-event .event-date-no { font-size: 50px; line-height: 1}
  .card-event .event-date-month { margin-top: -5px; font-size: 30px;}
  .card-event .event-date-year { font-size: 22px; }
  .card-event hr { border-bottom: 1px solid #21b6d7; width: 50px; margin: 5px auto 0 auto;}
  .card-event .event-title { font-size: 20px;}
  .card-event .event-title span {color: #21b6d7;}
  .card-event .table { margin-bottom: 0px;}
  .card-event .table>:not(caption)>*>* { padding: .2rem 0rem;}
  .card-event .table th { width: 100px; max-width: 100px;}

  .card-event-table thead th { color: #474e54; padding-left: 15px; font-size: .8em;}
  .card-event-table tbody tr:nth-child(odd) {background-color: #f5f5f5;border-bottom: 1px solid #FFFFFF }
  .card-event-table tbody tr:nth-child(even) { background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF}
  .card-event-table td { padding: 15px; vertical-align: middle;}
  .card-event-table tbody tr td:last-of-type { padding:10px 10px 10px 5px}

  @media (max-width: 1199px) { 
    .card-event-table thead {display: none; }
    .card-event-table tbody tr, .card-event-table tbody tr:nth-child(odd), .card-event-table tbody tr:nth-child(even) { display: block; background-color: #f5f5f5; border-bottom: 1px solid #FFFFFF; margin-bottom: 20px; }
    .card-event-table tbody td { display: block !important; width: 100% !important; padding: 10px 15px; }
    .card-event-table tbody tr { display: flex !important; flex-wrap: wrap !important; }
    .card-event-table.cet-0 tbody td:not(:nth-child(2)):not(:last-child):not(:nth-last-child(1))::before { content: attr(data-label) ":"; font-weight: 700; display: inline-block; margin-right: 10px; }
    .card-event-table.cet-0 tbody td.event-title, .card-event-table.cet-full tbody td.event-title { background-color: #474e54; color: #FFFFFF; font-weight: 700;}
    .card-event-table.cet-0 tbody tr td:nth-child(2) {order: -1;}
    .card-event-table.cet-full tbody tr td:nth-child(3){order: -2;}

    .card-event-table.cet-1 tbody td:not(:last-child):not(:nth-last-child(1))::before,
    .card-event-table.cet-2 tbody td:not(:last-child):not(:nth-last-child(1))::before { content: attr(data-label) ":"; font-weight: 700; display: inline-block; margin-right: 10px; }
    .card-event-table.cet-full tbody td:not(:nth-child(2)):not(:last-child):not(:nth-last-child(1))::before { content: attr(data-label) ":"; font-weight: 700; display: inline-block; margin-right: 10px; }

  }

  @media (min-width: 1200px) and (max-width: 1399px) {.card-event-table td { font-size: 16px !important; }}
  @media (min-width: 1400px) { .card-event-table td { font-size: 18px !important; }}

/* Fix for megamenu styling on mobile */
@media (max-width: 991.98px) {
.itk-nav #itk-navbar-wrap .itk-navbar .mob-tier-2-items-wrap div {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
    text-transform: capitalize;
    white-space: normal;
    display: block;
    text-decoration: none;
    background-color: #1f3851;
    padding: 15px 36px;
}
    
.itk-nav #itk-navbar-wrap .itk-navbar .mob-tier-3-items-wrap div {
        color: #ffffff;
        font-size: 16px;
        font-weight: 500;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        list-style-type: none;
        text-transform: capitalize;
        white-space: normal;
        display: block;
        text-decoration: none;
        background-color: #364c63;
        padding: 15px 48px;
    }
    
.itk-nav #itk-navbar-wrap .itk-navbar .mob-tier-2-items-wrap a, .itk-nav #itk-navbar-wrap .itk-navbar .mob-tier-3-items-wrap a {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
    white-space: normal;
    text-decoration: none;
}
}


/* Fix for svg cobrand logo on safari */
.text-box-w-brand-content .brand-wrap img, .text-box-w-brand-content-azure .brand-wrap img, .text-box-w-brand-content .brand-wrap svg, .text-box-w-brand-content-azure .brand-wrap svg {width: -webkit-fill-available !important;}

@media (max-width: 1199.98px) {
    .text-box-w-brand-content .brand-wrap img, .text-box-w-brand-content-azure .brand-wrap img, .text-box-w-brand-content .brand-wrap svg, .text-box-w-brand-content-azure .brand-wrap svg {width: auto;}
}