/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* ===========Use this file to add custom CSS easily============ */


/* ============================================================= */


/* ============== @import 'mcmaster/uikit.css'; ================ */


/* ============================================================= */


/* ========= Accordion (Regular Labs - Sliders) ========== */

.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
    background-color: #7a003c;
    color: #fff;
}

.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:hover {
    background-color: #3b3b3b;
    color: #fff;
}

.rl_sliders.accordion>.accordion-group {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.rl_sliders.accordion>.accordion-group.icon>.accordion-heading>a.accordion-toggle span.rl_sliders-toggle-inner::before {
    padding-right: 10px;
}

.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {
    background-color: #efefef;
}













/*============== Tabs (Regular Labs - Tabs) =========== */

.rl_tabs .nav-tabs>li.active>a,
.rl_tabs .nav-tabs>li.active>a:hover {
    cursor: default;
    color: #fff;
    background-color: #7a003c;
    border-color: #7a003c;
}

.rl_tabs .nav-tabs>li>a {
    margin-right: 0px;
    border-radius: 0px;
    padding: 12px;
}

.rl_tabs.outline_content>.tab-content {
    border: none;
}

.rl_tabs.top>ul.nav-tabs>li.active>a:focus,
.rl_tabs.top>ul.nav-tabs>li>a:focus {
    box-shadow: none;
}

.rl_tabs .nav-tabs {
    border-bottom: 1px solid #efefef;
    border-top: 6px solid #fdbf57;
}

.rl_tabs.outline_handles ul.nav-tabs>li a,
.rl_tabs.outline_handles ul.nav-tabs>li a:hover {
    border: none;
}

.rl_tabs>.nav>li>a:hover {
    background-color: #3b3b3b;
    color: #fff !important;
}

.rl_tabs>ul.nav-tabs>li>a {
    color: #777;
}

@media (max-width:767px) {
    .rl_tabs-responsive>.rl_tabs.outline_content>.tab-content>.tab-pane {
        border-radius: 0px;
        -webkit-box-shadow: 0px 4px 30px -10px #45454580;
        -moz-box-shadow: 0px 4px 30px -10px rgba(69, 69, 69, 0.53);
        box-shadow: 0px 4px 30px -10px #45454580;
    }
}

.nav-tabs.nav-stacked>li:first-child>a {
    border-radius: 0px;
}

.nav-tabs.nav-stacked>li:last-child>a {
    border-radius: 0px;
}

.rl_tabs-responsive .nav-stacked .nav>li>a {
    color: #7a003b;
}

.rl_tabs-responsive .nav-tabs.nav-stacked {
    border-top: solid 6px #fdbf57;
    -webkit-box-shadow: 0px 4px 30px -10px #45454580;
    -moz-box-shadow: 0px 4px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 4px 30px -10px #45454580;
}

.rl_tabs-responsive .nav-tabs.nav-stacked>li>a {
    color: #7a003b;
}

.rl_tabs-responsive .nav-tabs>li>a:hover {
    background: #3b3b3b;
    color: #fff !important;
}

.rl_tabs-responsive .nav-tabs>li>a:active {
    background-color: #7a003b;
    color: #fff !important;
}

.rl_tabs-sm-inner:before {
    content: "\f149  ";
    font-family: FontAwesome;
}




/* ========= Component: Accordion (uikit) ========== */


/* Sub-object: `uk-accordion-title`  */

.uk-accordion-title {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 5px 15px;
    background: #f5f5f5;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    border: 1px solid #dddddd;
    border-radius: 1px;
}









/* Sub-object: `uk-accordion-content` */

.uk-accordion-content {
    padding: 0 15px 15px 15px;
}









/* Micro clearfix to make panels more robust */

.uk-accordion-content:before,
.uk-accordion-content:after {
    content: "";
    display: table;
}

.uk-accordion-content:after {
    clear: both;
}









/* Remove margin from the last-child
 */

.uk-accordion-content> :last-child {
    margin-bottom: 0;
}









/*  ======== Component: Panel ======== */


/* Modifier: `uk-panel-box` */

.uk-panel-box {
    padding: 35px;
    background: #f5f5f5;
    color: #444444;
}

.uk-panel.uk-panel-box {
    background: #fff;
    color: #444444;
    -webkit-box-shadow: 0px 4px 30px -10px rgba(69, 69, 69, 0.5019607843137255);
    -moz-box-shadow: 0px 4px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 4px 30px -10px rgba(69, 69, 69, 0.5019607843137255);
    padding: 10px 15px 10px 15px;
    font-size: 0.9em;
    color: #262626;
    border: none;
    transition: all 0.5s ease;
}

.uk-panel.uk-panel-box:hover {
    -webkit-box-shadow: 0px 4px 30px -10px #000;
    -moz-box-shadow: 0px 4px 30px -10px #000;
    box-shadow: 0px 4px 30px -10px #000;
    background: #fff;
    transition: all 0.5s ease;
}

.uk-panel.uk-panel-box h3 {
    color: #7a003c;
    padding: 10px 15px 10px 15px;
    margin-bottom: 0px;
}








/* Modifier: `uk-panel-hover` */

.body__topB-background .uk-panel-hover {
    -webkit-box-shadow: 0px 4px 30px -10px rgba(69, 69, 69, 0.5019607843137255);
    -moz-box-shadow: 0px 4px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 4px 30px -10px rgba(69, 69, 69, 0.5019607843137255);
    transition: all 0.5s ease;
}

.body__topB-background .uk-panel-hover:hover {
    -webkit-box-shadow: 0px 4px 30px -10px #000;
    -moz-box-shadow: 0px 4px 30px -10px #000;
    box-shadow: 0px 4px 30px -10px #000;
    background: #fff;
    transition: all 0.5s ease;
}








/* Sub-object `uk-overlay-icon` change icon from magnifying glass to envelope */

.uk-overlay-icon-envelope:before {
    content: "\f003";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 50px;
    line-height: 1;
    font-family: FontAwesome;
    text-align: center;
    color: #ffffff;
}









/* ============================================================= */


/* =========== @import 'mcmaster/buttons.css'; ================= */


/* ============================================================= */

.nomenusquare li {
    list-style-image: none;
}


.uk-navbar-nav>li>a.btnDonate-menu {
    background: #fdbf57;
    color: #000 !important; 
}

.uk-navbar-nav>li>a.btnDonate-menu:hover {
    background: #fff;
}

.uk-nav-offcanvas>li>a.btnDonate-menu {
    background: #fdbf57;
    color: #000 !important;
}



/* ----------------- Light Background Button -----------------*/

.btnLight {
    text-transform: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 30px 12px 30px;
    border-radius: 2em;
    color: #ffffff;
    background-color: #850044;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    -moz-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
}

.btnLight-lg,
.btnLight-group-lg>.btnLight {
    padding: 9px 16px;
    font-size: 20px;
    line-height: 20px;
}

.btnLight-sm,
.btnLight-group-sm>.btnLight {
    padding: 6px 10px;
    font-size: 13px;
    line-height: 15px;
}

.btnLight-xs,
.btnLight-group-xs>.btnLight {
    padding: 1px 5px 2px;
    font-size: 12px;
    line-height: 15px;
    margin-top: -3px;
}

.btnLight-primary {
    background-color: #7a003c;
    border-color: #7a003c !important;
    color: #ffffff !important;
}

.btnLight-primary:hover,
.btnLight-primary:active,
.btnLight-primary:focus {
    background-color: #5e6a70 !important;
    border-color: #5e6a70 !important;
}

.btnLight-default {
    background-color: #ffffff;
    border-color: #c6cbce !important;
    color: #444 !important;
}

.btnLight-default:hover,
.btnLight-default:active,
.btnLight-default:focus {
    color: #000 !important;
    background-color: #c6cbce !important;
    border-color: #c6cbce !important;
}

.btnLight-info {
    background-color: #6a7882;
    border-color: #6a7882 !important;
    color: #ffffff !important;
}

.btnLight-info:hover,
.btnLight-info:active,
.btnLight-info:focus {
    background-color: #323e48 !important;
    border-color: #323e48 !important;
}

.btnLight-outline {
    background-color: transparent;
    border-color: #ac1455 !important;
    color: #ac1455 !important;
}

.btnLight-outline:hover,
.btnLight-outline:active,
.btnLight-outline:focus {
    background-color: #7a003c !important;
    border-color: #7a003c !important;
    color: #fff !important;
}

.btnLight-group .btnLight-info {
    border-left-color: #ffffff !important;
}

.btnLight-group .btnLight-info:first-child {
    border-left-width: 0;
}













/* ------------------------Brighter World - Primary Button ----------------------- */

.primary-btn {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 30px 12px 30px;
    border-radius: 2em;
    border-color: #7a003c !important;
    color: #ffffff !important;
    background-color: #7a003c;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    -moz-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
}

.primary-btn:hover,
.primary-btn:active,
.primary-btn:focus {
    background-color: #5e6a70 !important;
    border-color: #5e6a70 !important;
}











/* ------------------------Brighter World - Primary Button BLUE ----------------------- */

.primary-btnBlue {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 30px 12px 30px;
    border-radius: 2em;
    border-color: #007096 !important;
    color: #ffffff !important;
    background-color: #007096;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    -moz-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
}

.primary-btnBlue:hover,
.primary-btnBlue:active,
.primary-btnBlue:focus {
    background-color: #5e6a70 !important;
    border-color: #5e6a70 !important;
}












/* ------------------------Brighter World - Primary Button YELLOW ----------------------- */

.primary-btnYellow {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 30px 12px 30px;
    border-radius: 2em;
    border-color: #FFD100 !important;
    color: #000;
    background-color: #FFD100;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    -moz-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
}

.primary-btnYellow:hover,
.primary-btnYellow:active,
.primary-btnYellow:focus {
    background-color: #5e6a70 !important;
    border-color: #5e6a70 !important;
    color: #fff;
}






/* ------------------------Brighter World - Primary Button GOLD ----------------------- */

.primary-btnGold {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 30px 12px 30px;
    border-radius: 2em;
    border-color: #fdbf57 !important;
    color: #444444 !important;
    background-color: #fdbf57;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    -moz-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
}

.primary-btnGold:hover,
.primary-btnGold:active,
.primary-btnGold:focus {
    background-color: #5e6a70 !important;
    border-color: #5e6a70 !important;
    color: #fff !important;
}


/* ------------------------Brighter World - Secondary Button ----------------------- */

.secondary-btn {
    font-family: inherit;
    display: inline-block;
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    vertical-align: middle;
    line-height: 2em;
    color: black;
    border-radius: 2em;
    border: 1px solid #ccc;
    text-align: center;
    padding-left: 2em;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    -moz-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    background-color: #fff;
    -webkit-transition: background 0.3s ease-in, color 0.3s ease-in;
    -moz-transition: background 0.3s ease-in, color 0.3s ease-in;
    transition: background 0.3s ease-in, color 0.3s ease-in;
}

.secondary-btn:hover>.secondary-btn-arrow,
.secondary-btn:hover>.secondary-btn-arrow {
    background-color: #5E6A70;
}

.secondary-btn:hover,
.secondary-btn-large:hover {
    color: #5E6A71;
}

.secondary-btn a:hover {
    color: #5E6A70;
}

.secondary-btn a {
    color: #000;
}

.secondary-btn-arrow {
    height: 2.75em;
    width: 2.75em;
    margin-left: 2em;
    line-height: 2.75em;
    display: inline-block;
    border-radius: 50%;
    background-color: #850044;
    color: white;
    text-align: center;
    font-size: 16px;
    -webkit-transition: background 0.3s ease-in, color 0.3s ease-in;
    -moz-transition: background 0.3s ease-in, color 0.3s ease-in;
    transition: background 0.3s ease-in, color 0.3s ease-in;
}

.secondary-btn-arrow::before {
    font-family: "FontAwesome";
    content: "\f061";
    font-style: normal;
    font-weight: 100;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    opacity: 1;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    font-size: 120%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}













/* ------------------------Brighter World - Tertiary Button ----------------------- */

.tertiary-btn {
    font-family: 'Roboto Condensed', sans-serif;
    display: inline-block;
    text-transform: none;
    font-size: 1.0em;
    font-weight: 600;
    color: #000 !important;
    letter-spacing: 1px;
    vertical-align: middle;
    line-height: 2em;
}

.tertiary-btn::after {
    font-family: FontAwesome;
    display: inline-block;
    font-style: normal;
    line-height: 1.45;
    content: "\f138";
    float: right;
    color: #7A003C;
    padding: 0.35em 0px 0px 10px;
    font-size: 16px;
}

.tertiary-btn:hover,
.tertiary-btn:active,
.tertiary-btn:focus {
    color: #5e6a70 !important;
}













/* ------------------------Brighter World - BACK Button ----------------------- */

.back-btn {
    font-family: inherit;
    display: inline-block;
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    vertical-align: middle;
    line-height: 2em;
    color: black;
    border-radius: 2em;
    border: 1px solid #ccc;
    text-align: center;
    padding-right: 2em;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    -moz-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    background-color: #fff;
    -webkit-transition: background 0.3s ease-in, color 0.3s ease-in;
    -moz-transition: background 0.3s ease-in, color 0.3s ease-in;
    transition: background 0.3s ease-in, color 0.3s ease-in;
}

.back-btn:hover>.back-btn-arrow,
.back-btn:hover>.back-btn-arrow {
    background-color: #5E6A70;
}

.back-btn:hover,
.back-btn-large:hover {
    color: #5E6A71;
}

.back-btn-arrow {
    height: 2.75em;
    width: 2.75em;
    margin-right: 1em;
    line-height: 2.75em;
    display: inline-block;
    border-radius: 50%;
    background-color: #850044;
    color: white;
    text-align: center;
    font-size: 16px;
    -webkit-transition: background 0.3s ease-in, color 0.3s ease-in;
    -moz-transition: background 0.3s ease-in, color 0.3s ease-in;
    transition: background 0.3s ease-in, color 0.3s ease-in;
}

.back-btn-arrow::before {
    font-family: "FontAwesome";
    content: "\f060";
    font-style: normal;
    font-weight: 100;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    opacity: 1;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    font-size: 120%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}


/* ================BWorld Alert Box================== */

.yellow-alert-box {
	background: #fdbf57;
	color: #000;
	padding: 20px;
	border-radius: 1em;
	margin: 25px;
}

.yellow-alert-box *::before {
	content: "\f05a";
	font-family: FontAwesome;
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	margin-right: 6px;
}



/* ============================================================= */


/* =========== @import 'mcmaster/layout.css'; ================= */


/* ============================================================= */


/*

.top-page-elements {
  padding: 10px;
}

.killtoppadding {
  margin-top: -60px;
  border-style: solid;
  border-top: medium #6A7882;
}

.tm-overlay.uk-overlay .uk-overlay-area {
  background: rgba(50, 62, 72, 0.75);
}

.tm-block .pagepadding {
  padding-top: 20px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  padding-bottom: 60px !important;
}

*/

.uk-article-title {
    margin-top: -10px;
}

.tm-content {
    padding-bottom: 30px;
}

.no-menu-top-margin {
    margin-top: 0px;
    border-bottom: solid #fdbf57 7px;
}

.gradProgram__grid--title {}











/*
.roknavalign {
  padding-top: 24px;
}

.mobileStackMenu {
  margin-bottom: 15px;
}

.darkbackground {
  background: #323E48;
}

.maclightgrey {
  background: #F1f1f1;
}

.primaryPanel:hover {
  background: #D6D6D6 !important;
  border-color: #D6D6D6 !important;
}

.courseLevelmenu {
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

#mcmaster-header.condensed #mcmaster-logo {
  height: 60px;
  width: 109px;
}
*/

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.tm-totop-scroller {
    font-size: 34px;
}

.uk-offcanvas-bar {
    background-color: #f5f5f5;
    font-size: 24px;
    line-height: 44px;
}













/*
.scimobilemenu {
  margin-left: 25px;
  font-size: 20px;
}

.scimobilemenu li, dt, dd {
  line-height: 34px;
  font-weight: bold;
  list-style-image: none !important;
}

.scimobilemenu .small {
  font-size: 18px !important;
  line-height: 20px !important;
  list-style-image: none !important;
  margin-left: 20px;
}

.resourceSlideshow .uk-dotnav {
  bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  list-style: outside none none;
  margin-left: 34%;
  margin-right: auto;
  margin-top: -12px;
  padding: 0;
  position: absolute;
}

*/


/*

/*MOSETS */


/*
.listcoursedescriptions .contentheading {
  display: none;
}

.listcoursedescriptions .subcats {
  display: none;
}

.searchforcourse {
  margin-top: 40px;
  margin-left: 30px;
}

*/


/* FORCING FULL-WIDTH HEADER AND FOOTER ON MOSETS AND COMMUNITY-BUILDER PAGES */

.tm-block-full-width .uk-container {
    max-width: 100%;
    padding: 0px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-radius: 0px;
}

.uk-panel-hover:hover {
    background: #747e87 none repeat scroll 0 0;
    color: #444444;
    border: none;
}













/*Forcing uk-list-striped styling on ul inside a Mosets Category Search Module with Categories being displayed as a list */


/*

.courseLevelmenu ul {
  margin-top: 0px;
  list-style: none !important;
}

.courseLevelmenu ul>li {
  padding: 5px 5px;
  list-style: none !important;
}

.courseLevelmenu ul>li:nth-of-type(odd) {
  background: #f5f5f5;
  list-style: none !important;
}

/*  SIDE NAV */


/*

.navMenu {
  background: #F5F5F5;
}

.navMenu li, dt, dd {
  line-height: 36px;
}

.navMenu .nav>li>a {
  color: #000;
  font-weight: bolder;
}

.navMenu .small {
  font-size: 16px;
}

.navMenu .nav>li>a {
  display: block;
}

*/

.footer-grid-border {
    border-top-style: solid;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #6a7882;
}

@media (max-width:1200px) {
    .footer-grid-border {
        border-top-style: none;
        border-right-style: solid;
        ;
        border-left-style: none;
        border-bottom-style: solid;
        border-width: 1px;
        border-color: #6a7882;
    }
}

.footer-grid-border h4 {
    margin-top: 0px;
}

.uk-panel .tm-block-dark .uk-panel-hover {
    padding: 10px !important;
}


/*============= Programs Grid ============= */

.programs_grid.uk-panel {
    border-bottom: 1px solid #0000001a;
    border-left: 1px solid #0000001a;
    transition: all 0.5s ease;
}

.programs_grid.uk-panel a {
    color: #5E6A70;
    line-height: 1.3em;
    text-transform: normal;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Roboto Condensed', "Arial Narrow", Arial, sans-serif;
    font-size: 16px;
    padding: 40px 20px 40px 20px;
}

.programs_grid.uk-panel:hover a {
    color: #fff;
    text-decoration: none;
}

.programs_grid.uk-panel:hover {
    background: #7a003c;
    color: #fff;
    transition: all 0.5s ease;
}

@media (max-width: 1023px) {
    .programs_grid.uk-panel:nth-of-type(n + 1) {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .programs_grid.uk-panel:nth-of-type(-n+1) {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    #programs_grid--mobile {
        margin: 30px 50px 30px 50px;
    }

    .programs__grid--modal h1 {
        font-size: 1.7em !important;
    }
}

@media(min-width: 1024px) and (max-width: 1199px) {
    .programs_grid.uk-panel:nth-of-type(2n + 1) {
        border-left: none;
    }

    .programs_grid.uk-panel:nth-of-type(-n+2) {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
}

@media(min-width: 1200px) {
    .programs_grid.uk-panel:nth-of-type(4n + 1) {
        border-left: none;
    }

    .programs_grid.uk-panel:nth-of-type(-n+4) {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.programs__grid--modal {
    max-width: 970px;
}

.programs__grid--modal .uk-overlay {
    max-height: 280px;
    border-bottom: solid 5px #7a003b;
}

.programs__grid--modal h1 {
    font-weight: 500;
    font-size: 2.4em;
    text-shadow: 1px 3px 9px #00000082;
}

#rl_modals_loaded_content {
    padding: 0px !important;
}

#rl_modals {
    border-radius: 0px !important;
}

/* ============= Community Builder - User Search Button; ============= */

.cbUserListHead .cbUserListSearchButtons .btn-secondary {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 30px 12px 30px;
    border-radius: 2em;
    border-color: #7a003c !important;
    color: #fff !important;
    background-color: #7a003c;
}

.cbUserListHead .cbUserListSearchButtons .btn-secondary:hover,
.cbUserListHead .cbUserListSearchButtons .btn-secondary:active,
.cbUserListHead .cbUserListSearchButtons .btn-secondary:focus {
    background-color: #5e6a70 !important;
    border-color: #5e6a70 !important;
}

.cbUserListSearchFields .form-control {
    border-radius: 1.25rem;
}

.cbUserListSearchButtons .btn {
    background-color: #7a003c;
    border-color: #7a003c;
    border-radius: 1.25rem;
}

.cbUserListSearchButtons .btn:hover {
    background-color: #5e6a70 !important;
    border-color: #5e6a70 !important;
}


/* ============ @import 'mcmaster/typography.css'; ============= */


/* ============================================================= */

.uk-accordion-title {
    text-transform: none;
}

.text-underline {
    text-decoration: underline;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    border: none;
}

.cb_template h6 {
	color: #000;
}

::selection {
  background: #fdbf57;
  color:#000;
}

/* =================== @import 'cssfixes.css'; ================= */


/* ============================================================= */


/* -------------------------TYPOGRAPHY ------------------------*/

dfn {
    font-style: normal !important;
}

.footer__h4--lightgrey {
    color: #fff;
    font-weight: 600;
}

.mapCallout__title--dark {
    color: #000;
}

.uk-article-title {
    font-size: 30px;
    color: #000;
}

.tile__titleMain .uk-h2 {
    font-size: 1.5em;
    text-shadow: 0px 2px 4px #000;
    font-weight: 600;
    position: absolute;
    top: 20px;
    left: 18px;
    text-align: left;
    line-height: 1.5;
}

.tile__titleMain .uk-h2::after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: -10px;
    height: 3px;
    width: 30px;
    left: 0;
    box-shadow: 0 2px 5px #000;
}

.tile__subCTA span {
    color: fff;
    position: absolute;
    bottom: 18px;
    left: 20px;
    font-weight: 600;
    font-size: 1em;
    text-shadow: 0px 2px 4px #000;
}

.tile__subCTA span::after {
    content: "\f0da";
    font-family: FontAwesome;
    position: relative;
    left: 10px;
    top: 1px;
}

.tile__titleMain h3.uk-panel-title {
    color: #000;
    font-size: 1.1em;
}

.uk-slideshow .uk-overlay-panel h3 {
    text-shadow: 0px 6px 6px #000;
}

.uk-slideshow .uk-overlay-panel p {
    text-shadow: 0px 4px 9px #000;
    max-width: 600px;
    color: #fff;
    font-size: 18px;
}

.uk-slideshow .uk-overlay-panel p::before {
    content: "";
    position: absolute;
    height: 4px;
    width: 60px;
    left: calc(50% - 30px);
    border-top: 4px solid #fdbf57;
    margin-top: -14px;
}

.uk-panel-box.body__topmodules-background h3 {
    color: #7a003c;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px 10px 15px;
    margin-bottom: 0px;
}

.uk-panel-box.body__topmodules-background li {
    padding: 10px 15px 10px 15px;
    font-size: 0.9em;
    color: #262626;
    border-top: 1px solid #ddd;
}

.text-dark-slate {
    color: #1e252b;
}

.hspace-right {
    margin-right: 7px;
}

h1,
.uk-h1 {
    font-size: 30px;
    line-height: 77px;
}

h2,
.uk-h2 {
    font-size: 25px;
    line-height: 54px;
}

h3,
.uk-h3 {
    font-size: 23px;
    line-height: 41px;
}

h4,
.uk-h4 {
    font-size: 20px;
    line-height: 31px;
}

h5,
.uk-h5 {
    font-size: 20px;
    line-height: 26px;
}

h6,
.uk-h6 {
    font-size: 20px;
    line-height: 21px;
}

.uk-badge {
    background: #5e6a71;
}

.article__subNav {
    border-left: solid 4px #7a003c;
    padding-left: 15px;
    font-size: .9em;
}

.article__subNav li::before {
    content: "\f149";
    font-family: FontAwesome;
    margin-right: 7px;
    color: #7a003c;
    display: initial;
}

.article__subNav ul {
    padding: 0 0 0 15px;
    list-style: none;
    margin-top: 0;
}

.article__subNav h4 {
    font-size: .95em !important;
    margin-bottom: 0px !important;
}













/*---------------------Standard <button> Bootstrap Element for DPCalendar-----------------------*/

button.btn {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 30px 12px 30px;
    border-radius: 2em;
    border: 0px solid #5e6a70;
    border-color: #7a003c !important;
    color: #ffffff !important;
    background-color: #7a003c;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    -moz-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
    transition: all 0.0s ease-in-out;
}

button.btn:hover,
button.btn:active,
button.btn:focus {
    background-color: #5e6a70 !important;
    border-color: #5e6a70 !important;
}

.dp-actions-container .dp-button {
    border-radius: 25px;
    font-size: 17px;
    margin: 2px 10px 10px 2px;
    padding: 12px 30px 12px 30px;
}

.dp-event-mail,
.dp-event-actions {
    display: none;
}

.tippy-tooltip {
    background-color: #fff;
    color: #000;
    box-shadow: #0005 5px 5px 15px;
}

.tippy-tooltip a{
    color: #7a003c;
}

.dp-event-tooltip {
	font-size: 1em;
}





/*--------------News > Category Blog ------------------*/

.news__blog--blocks .uk-article-meta {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: 300;
    margin-top: -27px;
    margin-bottom: 19px;
}

.news__blog--blocks .uk-article-title {
    font-size: 28px;
    line-height: 43px;
    color: #000;
}

.news__blog--blocks article.uk-article {
    border-bottom: #ececec solid 1px;
    padding-bottom: 25px;
    border-left: #ececec 58px solid;
    padding-left: 30px;
    padding-top: 25px;
    border-top: #ececec solid 1px;
}

.news__blog--blocks article.uk-article img {
    border-bottom: solid 6px #fdbf57;
}

img.disk-float {
    border-radius: 50%;
    -webkit-box-shadow: 0px 4px 30px -10px #000;
    -moz-box-shadow: 0px 4px 30px -10px #000;
    box-shadow: 0px 4px 30px -10px #000;
}











/*----------- Widgetkit Twitter Feed -----------*/

.twitter-feed--home {
    padding: 0px !important;
}

.twitter-feed--home [class*="uk-grid-width"]>* {
    width: 100%;
}

.twitter-feed--home .uk-panel h3.uk-panel-title .uk-link-reset {
    font-size: 18px;
    font-family: Roboto Condensed;
}

.twitter-feed--home>h3.uk-panel-title {
    padding-top: 25px;
}

.twitter-feed--home .uk-row-first {
    margin: 10px 0px 10px 0px;
}

.twitter-feed--home .uk-row-first .uk-panel>h3 {
    border-top: 1px solid #ddd;
}

.twitter-feed--home .uk-panel p.uk-article-meta {
    font-size: 16px;
    font-family: Roboto Condensed;
    color: #222222;
    margin: -10px 0px 0px 30px;
}

.twitter-feed--home .uk-panel p.uk-article-meta::before {
    content: "\f099";
    font-family: FontAwesome;
    padding-right: 8px;
    color: #676767;
}

.twitter-feed--home .uk-row-first .uk-panel div.uk-margin {
    font-size: 16px;
    font-family: Roboto Condensed;
    color: #989898;
    margin: 0px 25px 0px 55px;
}

/*----------- Widgetkit Instagram Feed -----------*/
.ig .uk-panel .uk-position-cover {
    border-bottom: solid 3px #7a003c;
}

.ig .uk-panel-title {
    color: #7a003c;
}

.ig .uk-article-meta {
    color: #777;
}

.ig .uk-row-first .uk-panel .uk-margin {
    text-overflow: clip;
}

/*---------------- Widgetkit > Grid > Media ------------------*/
.widgetkit__grid .uk-panel-teaser {
	margin-top: -10px;
	margin-left: -15px;
	margin-right: -15px;
    border-bottom: #fdbf57 3px solid;
}


/*----------- GK5 News Feed -----------*/

.nspArt h4.nspHeader a {
    text-decoration: none;
    padding-right: 24px;
}

.news-feed--home {
    padding: 0px !important;
}

.news-feed--home .nspArts {
    padding: 0px;
}

.nspArt h4.nspHeader {
    padding: 0px;
}

.news-feed--home .nspArt.nspCol1 {
    border-top: 1px solid #ddd;
    padding: 0px !important;
}

.news-feed--home .nspTopInterface {
    display: none;
}

.news-feed--home>h3.uk-panel-title {
    padding-top: 25px;
    padding-bottom: 20px;
}

.news-feed--home h4.nspHeader.tleft.fnone {
    font-size: 18px;
    font-family: Roboto Condensed;
    margin: 10px 15px 0px 18px;
}

.news-feed--home p.nspInfo.nspInfo1.tleft.fnone {
    margin: 0px 0px 0px 30px;
    font-size: 16px;
    font-family: Roboto Condensed;
    color: #222;
}

.news-feed--home p.nspInfo.nspInfo1.tleft.fnone::before {
    content: "\f1ea";
    font-family: FontAwesome;
    padding-right: 10px;
}

.news-feed--home p.nspText.tleft.fleft {
    font-size: 16px;
    font-family: Roboto Condensed;
    color: #989898;
    margin: 0px 15px 18px 55px;
}

.news-feed--home .nspArt.nspCol1 .nspImageWrapper img {
    width: auto !important;
    height: 150px !important;
    border-left: 50px #fdbf57 solid;
    margin-bottom: 30px;
}

@media (max-width:1024px) {
    .news-feed--home .nspArt.nspCol1 .nspImageWrapper img {
        margin-bottom: 0px;
        margin-top: 12px;
    }
}

@media (max-width:1470px) {
	.nspArt div {
		overflow: inherit;
	}
}


/*----------- DPCalendar Upcoming Events (Home) -----------*/

.events-feed--home {
    padding: 0px !important;
}

.events-feed--home>h3.uk-panel-title {
    padding-top: 25px;
    padding-bottom: 20px;
}

.events-feed--home .dp-module-upcoming-default-container {
    border-top: 1px solid #ddd;
    padding: 18px 0px 13px 0px !important;
}

.dp-module-upcoming-default-calendar {
    margin: 0px .5em 0 22px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-right: 15px;
    border-right: solid 2px #fdbf57;
}

.events-feed--home .dp-module-upcoming-default-month {
    background-color: #fff !important;
    box-shadow: none !important;
    color: #2f2f2f;
    font-size: 1.4em;
}

.dp-module-upcoming-default-calendar .dp-module-upcoming-default-day {
    background-color: #efefef;
}

.events-feed--home .dp-module-upcoming-default-event {
    display: grid;
}





/* -------------------------LAYOUT--------------------------- */

.body__bottomA-background {
    background: #f1f1f1;
}

.footer__logocontact--padded {
    max-width: 1296px;
    padding: 35px 70px 35px 70px;
    margin-left: auto;
    margin-right: auto;
}

.body__topB-background .uk-panel-box {
    padding: 0px;
}

.frontpageslideshow .uk-slideshow .uk-overlay-fade {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

thead {
    border-bottom: 3px solid #fdbf57;
}

header:not(#mcmaster-header) {
    position: relative;
    z-index: 998;
}

@media (max-width: 1024px) {
    .tm-block {
        padding: 30px 0px 30px 0px !important;
    }
}

nav {
    height: auto;
}





/*---------------------HOME SUPPORT MODULES-----------------*/

.duotone .uk-overlay-background {
    background: #0003;
}

.duotone.goldMaroon::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #fdbf57, #dc4225);
    opacity: 0.6;
}

.duotone.golderMarooner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #fdb557, #7a003c);
    opacity: 0.6;
}

.duotone.limeBlue::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #CED64B, #007096);
    opacity: 0.6;
}

.duotone.blueMaroon::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #007096, #A71930);
    opacity: 0.6;
}

.duotone.redWhite::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #A71930, #fff);
    opacity: 0.6;
}

.body__topB-background .uk-overlay-panel.uk-overlay-background h4 {
    font-size: 1.5em;
    text-shadow: 0px 2px 4px #000;
    font-weight: 600;
    position: absolute;
    top: 20px;
    left: 18px;
    text-align: left;
    line-height: 1.5;
}

.body__topB-background .uk-overlay-panel.uk-overlay-background h4::after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: -10px;
    height: 3px;
    width: 30px;
    left: 0;
    box-shadow: 0px 2px 6px #000;
}

.topB__supportModule--blurb-height {
    margin-bottom: 75px;
}

.topB__supportModule--tertiary-btn-spacing {
    padding-left: 25px;
    padding-bottom: 15px;
}

@media (max-width:1024px) {
    .body__topB-background figure {
        height: 150px;
    }
}













/*--------------------MOBILE MENU---------------------*/

#offcanvas .uk-offcanvas-bar .uk-nav-offcanvas .uk-icon-angle-down {
    display: none;
}

#offcanvas .uk-offcanvas-bar .uk-nav-offcanvas .uk-nav-sub li a {
    margin-left: 15px;
    font-size: 0.9em;
}

#offcanvas .uk-offcanvas-bar .uk-nav-offcanvas ul.uk-nav-sub {
    padding: 0px;
}

#offcanvas .uk-offcanvas-bar .uk-nav-offcanvas .uk-nav ul {
    padding-left: 0px;
}

.uk-nav-offcanvas>li>a {
    color: #fff;
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #7a003b;
}













/*--------------------MAP CALLOUT DESKTOP-----------------*/

.home__mapCallout--desktop .tm-overlay.uk-overlay .uk-overlay-area {
    margin: 10px;
    padding: 10px;
    border: none;
}

.home__mapCallout--desktop .tm-overlay.uk-overlay .uk-overlay-area {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.9);
}

.home__mapCallout--desktop .tm-overlay.uk-overlay .uk-overlay-area .uk-overlay-area-content>h1 {
    color: #000;
}

.home__mapCallout--desktop .tm-overlay.uk-overlay .uk-overlay-area .uk-overlay-area-content>p {
    color: #000;
}













/*-----------RESPONSIVE DIV-TABLE (FOR COURSES)----------*/

.table {
    display: table;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
}

.table_row {
    display: table-row;
}

.theader {
    display: table-row;
}

.table_header {
    display: table-cell;
    border-bottom: solid #fdbf57 3px;
    border-top: ;
    background: #;
    color: #222;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    font-family: Roboto Condensed;
}

.table_header:first-child {
    border-left: none;
    border-top-left-radius: 0px;
}

.table_header:last-child {
    border-right: none;
    border-top-right-radius: 0px;
}

.table_small {
    display: table-cell;
}

.table_row>.table_small>.table_cell:nth-child(odd) {
    display: none;
    background: #ececec;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    font-family: Roboto Condensed;
    font-size: 17px;
    border-right: solid #fdbf57 3px;
}

.table_row>.table_small>.table_cell {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #5b5b5b;
}

.table_row>.table_small:first-child>.table_cell {
    border-left: none;
}

.table_row>.table_small:last-child>.table_cell {
    border-right: none;
}

.table_row:last-child>.table_small:last-child>.table_cell:last-child {
    border-bottom-right-radius: 0px;
}

.table_row:last-child>.table_small:first-child>.table_cell:last-child {
    border-bottom-left-radius: 0px;
}

.table_row:nth-child(2n + 3) {
    background: #f5f5f5;
}

@media screen and (max-width: 900px) {
    .table {
        width: 90%;
    }
}

@media screen and (max-width: 650px) {
    .table {
        display: block;
    }

    .table_row:nth-child(2n + 3) {
        background: none;
    }

    .theader {
        display: none;
    }

    .table_row>.table_small>.table_cell:nth-child(odd) {
        display: table-cell;
        width: 50%;
    }

    .table_cell {
        display: table-cell;
        width: 50%;
    }

    .table_row {
        display: table;
        width: 100%;
        border-collapse: separate;
        padding-bottom: 0px;
        margin: 5% auto 0;
        text-align: center;
        -webkit-box-shadow: 6px 6px 27px -10px #45454580;
        -moz-box-shadow: 6px 6px 27px -8px rgba(69, 69, 69, 0.53);
        box-shadow: 6px 6px 27px -8px #45454580;
    }

    .table_small {
        display: table-row;
    }

    .table_row>.table_small:first-child>.table_cell:last-child {
        border-left: none;
        text-align: left;
        padding-left: 17px;
    }

    .table_row>.table_small>.table_cell:first-child {
        border-left: none;
    }

    .table_row>.table_small:first-child>.table_cell:first-child {
        border-top-left-radius: 0px;
        border-top: none;
    }

    .table_row>.table_small:first-child>.table_cell:last-child {
        border-top-right-radius: 0px;
        border-top: none;
    }

    .table_row>.table_small:last-child>.table_cell:first-child {
        border-right: solid #fdbf57 3px;
    }

    .table_row>.table_small>.table_cell:last-child {
        border-right: none;
        text-align: left;
        padding-left: 17px;
    }

    .table_row>.table_small:last-child>.table_cell:first-child {
        border-bottom-left-radius: 0px;
    }

    .table_row>.table_small:last-child>.table_cell:last-child {
        border-bottom-right-radius: 0px;
    }

    .table_small .table_cell {
        border-bottom: #ddd 1px solid;
    }
}













/*----------------BRIGHTER WORLD CARDS----------------*/

.main__card .uk-overlay-panel>h4 {
    font-size: 1.5em;
    text-shadow: 0px 2px 4px #000;
    font-weight: 600;
    position: absolute;
    top: 20px;
    left: 18px;
    text-align: left;
    line-height: 1.5;
}

@media (min-width : 1200px) and (max-width: 1336px) {
    .main__card .uk-overlay-panel>h4 {
        font-size: 1.2em;
    }
}

.main__card .uk-overlay-panel>h4::after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: -10px;
    height: 3px;
    width: 30px;
    left: 0;
    box-shadow: 0px 2px 6px #000;
}

table.strat-pillar tr td {
    border: 1px solid #d0d0d0;
}

table.strat-pillar {
    border: 1px solid #fff !important;
}

.strat-pillar thead tr {
font-size: 1.1em;

background-color:
#ffd590;

color:
#000;

border: 1px solid
#ffd590;
}

table.strat-pillar tr.rowDivider {
    border-bottom: 4px solid #d0d0d0;
}

.strat-pillar .programs_grid a.modal_link {
    font-size: 1em;
}

.strat-plan .uk-panel-box h3 {
    padding: 10px 15px 10px 0px !important;
}

.strat-plan .uk-panel-box {
    font-size: 1em;
}

.strat-plan .uk-panel-box div.uk-margin {
    margin-top: 0px !important;
}

/*----------------VIRTUAL TOURS CODE----------------*/

.coverStyle .uk-alert {
    background-color: rgba(245, 246, 246, 0.70);
    color: #000;
    border-radius: 0px;
}

.coverStyle .uk-alert a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 95;
    position: absolute;
    margin-top: -100px;
    margin-right: -20px;
}

.coverStyle .alertStyle .uk-close:after {
    right: 0;
    top: 0;
    position: absolute;
    padding-top: 15px;
    padding-right: 25px;
    color: #7a003b;
}

.coverStyle .alertStyle {
    z-index: 100;
    position: relative;
    height: 100%
}

.coverStyle .iframeStyle {
    float: none;
    z-index: 1;
    position: relative;
    margin-top: -120px;
}

@-moz-document url-prefix() {
    .iframeStyle {
        position: sticky;
    }
}

.coverStyle {
    height: 400px;
}

.exploreStyle {
    margin-bottom: -40px;
}

.fullscreenBtn {
    background-color: rgb(255, 191, 63);
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 18px;
    padding: 16px 56px;
    text-decoration: none;
    text-transform: uppercase;
}

.fullscreenBtn>i {
    margin-left: -15px;
    margin-right: 15px;
}

.fullscreenBtn:hover {
    background-color: #7a003b;
    color: #ffffff;
    text-decoration: none;
}

.location-tour-instructions {
    font-style: italic;
    font-size: 90%;
    line-height: 200%;
    margin: 50px 0px 14px 0px;
    color: #000;
    text-align: center;
}

.location-tour-markericon {
    color: rgb(108, 29, 69);
    margin-right: 15px;
}

.coverStyle .alertStyle .btnLight {
    font-family: Roboto;
}













/*-----------------slider dotNav---------------*/

.uk-dotnav>.uk-active>* {
    background: #fdbf57;
}

.uk-dotnav>*>* {
    background: #0000004d;
}













/* ============================================================== */


/* ========================== custom.css ======================== */


/* ============================================================== */


/* SCREEN READER ONLY */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}













/* ================== UKNAVBAR ==============*/

.uk-navbar {
    display: flex;
    justify-content: space-between;
}

.uk-active .uk-navbar {
    box-shadow: #0009 0px 0px 11px;
}

.uk-navbar-nav>li.uk-active>a:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 100%;
    background: #000;
    opacity: 0;
    top: 0;
}

.uk-navbar-nav>li.uk-open>a {
    background-color: #fff;
    color: #000;
    outline: none;
}

li.uk-dropdown {
    text-transform: none;
    letter-spacing: 0px;
}

.uk-navbar-nav li.uk-parent:hover {
    webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 19000;
}

.uk-navbar-nav li.uk-parent ul.uk-nav-navbar li.uk-parent {
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.uk-navbar-nav li.uk-parent ul.uk-nav-navbar li.uk-parent:hover {
    background-color: #fff;
}

.uk-navbar-nav>li.uk-active>a {
    border-bottom: 5px solid #fff;
}

.uk-navbar-nav li [class*="uk-icon-"] {
    float: right;
    margin: 22px 0 0 10px;
    font-weight: bold;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS - Microsoft browser compatibility for main menu */
    .uk-navbar-nav li [class*="uk-icon-"] {
        display: none;
    }
}

.uk-dropdown .uk-nav {
    margin: -14px -14px;
}

.uk-dropdown-navbar {
    margin-top: 0;
    background: #fff;
    color: #fff;
    text-transform: none;
    -webkit-box-shadow: 4px 4px 18px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 4px 18px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 4px 18px -9px rgba(0, 0, 0, 0.75);
}

.uk-nav-navbar>li>a:hover,
.uk-nav-navbar>li>a {
    border-left: 5px solid #fff;
}

.uk-navbar-nav>li.uk-active>a:hover {
    background-color: #fff;
    color: #000;
}

.uk-navbar-nav>li.uk-active>a:hover .uk-navbar-nav>li>a:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 100%;
    background: #FDBF57;
    margin-left: -25px;
    opacity: 0;
    top: 0;
}

.uk-navbar-nav>li>a:before {
    position: absolute;
    content: '';
    height: 5px;
    width: 100%;
    background: #FDBF57;
    margin-left: -25px;
    opacity: 0;
    top: 0;
}

.uk-nav-navbar>li>a:hover,
.uk-nav-navbar>li>a:focus,
.uk-nav-navbar>li>a:active {
    border-left: 5px solid #ffbc3d;
}

.uk-navbar-nav>li>a:active {
    background-color: #fff;
    color: #000;
}





/* UK Side nav for sub page menus */

.uk-panel-box>.uk-nav-side {
    margin: 0 -15px;
}











/* changed header position from 'relative' to 'inherit' - for search menu overlap issue ~JK */

.uk-sticky-placeholder header {
    position: inherit;
}













/* NAVBAR MENU ICON */

.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
    box-sizing: border-box;
    display: block;
    height: 60px;
    padding: 20px 0px;
    float: left;
}







/* ===================SIDEBAR NAV ====================*/

.sidebar__nav {
    border-top: 1px solid #fdbf57;
    -webkit-box-shadow: 0px 12px 24px rgba(94, 106, 113, 0.2);
    -moz-box-shadow: 0px 12px 24px rgba(94, 106, 113, 0.2);
    box-shadow: 0px 12px 24px rgba(94, 106, 113, 0.2);
    -ms-box-shadow: 0px 12px 24px rgba(94, 106, 113, 0.2);
    background-color: #fff;
    transition: all 0.5s ease;
}

.sidebar__nav:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(113, 113, 113, 0.5019607843137255);
    -moz-box-shadow: 0px 0px 20px rgba(113, 113, 113, 0.5019607843137255);
    box-shadow: 0px 0px 20px rgba(113, 113, 113, 0.5019607843137255);
    -ms-box-shadow: 0px 0px 20px rgba(113, 113, 113, 0.5019607843137255);
    transition: all 0.5s ease;
}

.sidebar__nav h6 {
    margin: 15px 0px 15px 30px;
    font-weight: 600;
    font-size: 1.15em;
    color: #7A003C;
}

.sidebar__nav li {
    padding: 10px 15px 10px 15px;
    font-size: 0.9em;
    color: #262626;
    border-top: 1px solid #ddd;
}

.sidebar__nav li.uk-active {
    background: #7A003C;
}

.sidebar__nav li::after {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1.45;
    content: "\f138";
    float: right;
    color: #7A003C;
    margin-top: -30px;
}

.sidebar__nav li.uk-active::after {
    color: #fff;
}

.uk-nav-side>li>a:hover {
    background: #e9e9e9;
}

.sidebar__nav li:hover {
    background: #e9e9e9;
}

.uk-nav-side>li.uk-active>a:hover {
    background: #7A003C;
}

.sidebar__nav li.uk-active:hover {
    background: #7A003C;
}




/* ===================SIDEBAR MENU ====================*/

.uk-panel.uk-panel-box.sidebar__menu {
    border-top: 1px solid #fdbf57;
    -webkit-box-shadow: 0px 12px 24px rgba(94, 106, 113, 0.2);
    -moz-box-shadow: 0px 12px 24px rgba(94, 106, 113, 0.2);
    box-shadow: 0px 12px 24px rgba(94, 106, 113, 0.2);
    -ms-box-shadow: 0px 12px 24px rgba(94, 106, 113, 0.2);
    background-color: #fff;
    padding: 0px 15px 0px 15px;
    transition: all 0.5s ease;
    margin-bottom: 60px;
}

.uk-panel.uk-panel-box.sidebar__menu:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(113, 113, 113, 0.5019607843137255);
    -moz-box-shadow: 0px 0px 20px rgba(113, 113, 113, 0.5019607843137255);
    box-shadow: 0px 0px 20px rgba(113, 113, 113, 0.5019607843137255);
    -ms-box-shadow: 0px 0px 20px rgba(113, 113, 113, 0.5019607843137255);
    transition: all 0.5s ease;
}

.uk-panel.uk-panel-box.sidebar__menu h3 {
    font-weight: 600;
    color: #7A003C;
}

.uk-panel.uk-panel-box.sidebar__menu li {
    padding: 10px 15px 10px 0px;
    font-size: 0.9em;
    color: #262626;
    border-top: 1px solid #ddd;
}

.uk-panel.uk-panel-box.sidebar__menu li.uk-active {
    background: #7A003C;
}

.uk-panel.uk-panel-box.sidebar__menu li::after {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1.45;
    content: "\f138";
    float: right;
    color: #7A003C;
    margin-top: -30px;
}

.uk-panel.uk-panel-box.sidebar__menu li.uk-active::after {
    color: #fff;
}

.uk-panel.uk-panel-box.sidebar__menu li:hover {
    background: #e9e9e9;
}

.uk-panel.uk-panel-box.sidebar__menu li.uk-active:hover {
    background: #7A003C;
}

.uk-panel-box.sidebar__menu>.uk-nav-side>li>a:hover {
    color: #000;
    background: #e9e9e9;
}

.uk-panel-box.sidebar__menu>.uk-nav-side>li>a {
    color: #000;
}

.uk-panel-box.sidebar__menu>.uk-nav-side>li.uk-active>a {
    color: #fff;
}

.uk-panel-box.sidebar__menu>.uk-nav-side>li.uk-active>a:hover {
    color: #fff;
    background: #7A003C;
}

.uk-panel-box.sidebar__menu hr {
	margin: 0px -15px 0px -15px;
}


/* ===================MOBILE OFF-CANVAS ====================*/

.uk-navbar-toggle {
    height: 60px;
    width: 100% !important;
}

.uk-navbar-toggle::before {
    color: #fff;
    content: 'MENU\00a0\00a0';
    display: inline;
    height: 100%;
    vertical-align: middle;
    font-family: Roboto Condensed;
    font-size: 26px;
    float: left;
    letter-spacing: 1px;
}

.uk-navbar-toggle::after {
    content: "\f0c9";
    font-family: FontAwesome;
    vertical-align: middle;
    float: left;
    color: #fff;
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    background: #7a003c;
    box-shadow: 3px 0px 20px 0px rgba(0, 0, 0, 0.42);
    webkit-box-shadow: 3px 0px 20px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 3px 0px 20px 0px rgba(0, 0, 0, 0.42);
}

html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
    background: #fff;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0px 5px #ffbc3d, 0px 4px 1px 0px #fff, 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
}

html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus {
    background: #fff;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0px 5px #ffbc3d, 0px 4px 1px 0px #fff, 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
}

.uk-nav-offcanvas>.uk-open>a {
    background: #fff;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0px 5px #ffbc3d, 0px 4px 1px 0px #fff, 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #dadada;
}

.uk-nav-offcanvas>.uk-parent>div>.uk-nav-sub {
    background: #fff;
}

.uk-nav-offcanvas ul a {
    color: #000;
}

.uk-offcanvas-bar {
    font-size: 1em;
}

.uk-nav-offcanvas {
    color: #fff;
}

.uk-nav-offcanvas .uk-parent .uk-nav-sub {
    text-transform: none;
}

.uk-nav-offcanvas .uk-parent ul li {
    list-style: none;
}

ul.uk-nav-sub {
    padding: 5px 0 5px 0px;
}

.uk-nav-offcanvas .uk-parent .uk-nav-sub [class*="uk-icon-"] {
    margin-left: 15px;
}

html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
    background: #fff;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0px 5px #ffbc3d, 0px 4px 1px 0px #fff, 0px 5px 16px 0px rgba(0, 0, 0, 0.2);
}

.uk-offcanvas-bar .uk-nav-sub>li.uk-active {
    color: #000;
    background: #ebebeb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: inset 6px 0px #ffbc3d;
}

.uk-offcanvas-bar .uk-nav-sub>li.uk-active li.uk-active {
    font-weight: 600;
}











/* ================================================ */

.importantnotice {
    margin-top: 0px !important;
    color: #000;
}

.importantnotice p {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.4em;
}

.importantnotice p:before {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    content: "\f05a";
    margin-right: 15px;
    font-size: 1.2em;
}













/*--------MPS Search Menu---------*/

#mcmaster-search-form button {
    font-size: 16px !important;
    font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
}

#mcmaster-search-overlay #search-input input {
    border: 0;
    box-shadow: none;
    font-size: 18px;
    padding: 0px 45px 10px 10px !important;
    color: #1e252b;
    width: 100% !important;
    margin-top: 9px;
    height: 31px;
}

.btn-group {
    white-space: inherit;
    text-align: center;
}

.btn-group .btn:hover,
.btn:focus {
    box-shadow: inset 0 0 10px 30px #7A003C;
}













/*-----------------------------*/

.body__topmodules-background {
    background: #fff;
    box-shadow: 0px 0px 8px 7px rgba(0, 0, 0, .05)
}

.body__topmodules-background li:after {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    line-height: 1.45;
    content: "\f138";
    float: right;
    color: #7A003C;
}

.body__topB-background {
    background: #efefef;
    margin-bottom: 60px;
}

.body__bottomA-panels h3 {}

.uk-nav-navbar>.uk-parent>.uk-nav-sub {
    display: none;
}

.uk-nav-navbar>.uk-parent>a:after {
    content: "\f107";
    font-family: "FontAwesome";
    display: block;
    float: right;
}

.uk-nav-navbar>.uk-parent:hover>.uk-nav-sub {
    display: block;
    background: none repeat scroll 0 0 padding-box #fff;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
    width: 150px;
    margin-top: -5px;
    padding: 0px;
    position: absolute;
    left: 50%;
    margin: -14px -14px;
}

.uk-nav-navbar>.uk-parent:hover>.uk-nav-sub a,
a:hover {
    color: #000;
}

.uk-nav-navbar>.uk-parent:hover>.uk-nav-sub>li {
    border-left: 5px solid #fff;
}

.uk-nav-navbar>.uk-parent:hover>.uk-nav-sub>li>a {
    padding: 5px 14px;
}

.uk-nav-navbar>.uk-parent:hover>.uk-nav-sub>li:hover,
li:focus {
    background: #ebebeb;
    border-left: 5px solid #ffbc3d;
}

.uk-nav-navbar .uk-nav-header {
    color: #000;
}

.uk-nav-header:not(:first-child) {
    margin-top: 10px;
}

.uk-offcanvas {
    background: rgba(255, 255, 255, .6);
}

.footer__hmenubutton--text {
    font-weight: 100;
    color: #777777;
    font-size: 18px;
    line-height: 26px;
    text-rendering: auto;
}

/* =============== BROWSER MODS ================ */
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-track {
    background-color: #d4d4d4;
}
::-webkit-scrollbar-thumb {
    background-color: #7a003b;
    outline: 1px solid slategrey;
    border-left: solid 1px #d4d4d4;
 ;
}

::-webkit-scrollbar-thumb:hover {
    background: #61002f;
}