/* ------------------ General styles ------------------ */
 .wrapper {
     overflow: hidden;
}
 .container {
     scroll-behavior: smooth;
}
 @media (min-width: 576px) {
     .container {
         width: 540px;
    }
}
 @media (min-width: 768px) {
     .container {
         width: 720px;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
    }
}
 @media (min-width: 1200px) {
     .container {
         width: 1140px;
    }
}
 @media (min-width: 1400px) {
     .container {
         width: 1320px;
    }
}
/* --------- General text styles --------- */
 .page-content p, .page-content ul li, .page-content ol li, body, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
     font-family: 'Open Sans', Helvetica, Arial, sans-serif;
     font-size: 16px;
     color: #030303;
     line-height: 160%;
}
 .page-content p, .page-content ul, .page-content ol {
     margin: 0 0 22.5px;
}
 .page-content ul, .page-content ol {
     padding-left: 2em;
}
 .page-content ul li, .page-content ol li {
     line-height: 1.6;
     padding-left: 0.9em;
     margin-bottom: 10px;
}
/* --------- Text link styles --------- */
 .page-content a, span[role="link"] {
     color: #0f76D7;
     border-bottom: 1px solid #0f76D7;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
}
 .page-content a:hover, span[role="link"]:hover {
     color: #096bc7;
     border-bottom: 2px solid #096bc7;
}
 .page-content a:active, span[role="link"]:active {
     background-color: #0f76D7;
     color: #ffffff;
}
 .page-content a:focus, span[role="link"]:focus {
     border-radius: 2px;
     outline: 1px solid #0f76d7;
     outline-offset: 2px;
}
/* --------- Miscellaneous styles (icons, lines etc) --------- */
 .page-content ul li .fa {
     margin-right: 5px;
     color: #003a5f;
}
 .page-content .has-divider {
     border-bottom: 1px solid #6F767F;
}
/* --------- Heading styles --------- */
 .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
     font-family: 'Open Sans', Helvetica, Arial, sans-serif;
     font-weight: 600;
}
/* --------- Heading styles --------- */
 .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
     font-family: 'Open Sans', Helvetica, Arial, sans-serif;
     font-weight: 600;
}
 .page-content h1 {
     font-size: 2.8125em;
    /*font-size: 45px;
     */
     line-height: 120%;
     color: #003a5f;
}
 .page-content h2 {
     font-size: 2.25em;
    /*font-size: 36px;
     */
     line-height: 120%;
     color: #003a5f;
     margin-bottom: 30px;
}
 .page-content h3 {
     font-size: 1.75em;
    /*font-size: 28px;
     */
     line-height: 120%;
     color: #0B59A2;
     margin-bottom: 30px;
}
 .page-content h4 {
     font-size: 1.4375em;
    /*font-size: 23px;
     */
     line-height: 140%;
     color: #003a5f;
}
 .branded .page-content h5 {
     font-size: 1.4em;
     line-height: 140%;
     color: #0B59A2;
}
 .branded .page-content h6 {
     font-size: 1.2em;
     line-height: 140%;
     color: #003a5f;
}
 @media only screen and (max-width: 767.99px) {
     .page-content h1 {
         font-size: 2.25em;
        /*font-size: 36px;
         */
    }
     .page-content h2 {
         font-size: 1.875em;
        /*font-size: 36px;
         */
    }
     .page-content h3 {
         font-size: 1.5em;
        /*font-size: 24px;
         */
    }
     .page-content h4 {
         font-size: 1.25em;
        /*font-size: 20px;
         */
    }
     .branded .page-content h5 {
         font-size: 1.125em;
        /*font-size: 18px;
         */
    }
}
/* --------- Button styles --------- */
 .btn {
     border: none;
     padding: 14px 28px;
     border-radius: 4px;
     font-size: 0.875em;
    /*font-size: 14px;
     */
     font-family: 'Open Sans', sans-serif;
     font-weight: 600;
     line-height: 140%;
     letter-spacing: 1px;
     margin-bottom: 15px;
}
 .page-content a.btn {
     border-bottom: none;
}
 .btn-default, .page-content .btn-primary, .btn-info, .btn-cta {
     background-color: #0F76D7;
     color: #FFFFFF;
}
 .btn-default:hover, .page-content .btn-primary:hover, .btn-info:hover, .btn-cta:hover {
     background-color: #248df1;
     color: #ffffff;
     cursor: pointer;
}
 .btn-default:active, .page-content .btn-primary:active, .btn-info:active, .btn-cta:active {
     background-color: #0059ad;
     cursor: pointer;
     color: #ffffff;
}
 .btn-default:focus, .page-content .btn-primary:focus, .btn-info:focus, .btn-cta:focus {
     border: 2px solid #ffffff;
     outline: 2px solid #003a5f;
     outline-offset: 0px;
     background-color: #0F76D7;
     color: #FFFFFF;
}
 .page-content .btn-darkbg-solid {
     background-color: #A7E2FC;
     color: #003A5F;
}
 .page-content .btn-darkbg-solid:hover {
     background-color: #C2EAFC;
     color: #003A5F;
}
 .page-content .btn-darkbg-solid:active {
     background-color: #75CDF3;
     color: #003A5F;
}
 .page-content .btn-darkbg-solid:focus {
     border: 2px solid #ffffff;
     outline: 2px solid #A7E2FC;
     outline-offset: 0px;
     background-color: #A7E2FC;
     color: #003a5f;
}
 .page-content .btn-darkbg-outline {
     color: #ffffff;
     background-color: rgba(0,0,0,0);
     border: 1.5px solid #A7E2FC;
}
 .page-content .btn-darkbg-outline .fa {
     color: #ffffff;
}
 .page-content .btn-darkbg-outline:hover {
     color: #ffffff;
     background-color: #248DF1;
     border: 1.5px solid #A7E2FC;
     cursor: pointer;
}
 .page-content .btn-darkbg-outline:focus {
     border: 2px solid #0f76d7;
     outline: 2px solid #ffffff;
     outline-offset: 0px;
     background-color: rgba(0,0,0,0);
     color: #ffffff;
}
 .page-content a.btn-outline {
     border: 1.5px solid #0F76D7;
     background-color: rgba(255,255,255,0);
     color: #003a5f;
}
 .page-content a.btn-outline:hover {
     background-color: #C2EAFC;
     color: #003a5f;
}
 .page-content a.btn-outline:active {
     background-color: #75CDF3;
     border: 2.5px solid #0F76D7;
     color: #003a5f;
}
 .page-content a.btn-outline:focus {
     border: 2px solid #003a5f;
     outline: 3px solid #a7e2fc;
     outline-offset: 0px;
     color: #003a5f;
}
 .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
     background-color: #CBCBCB;
     color: #444444;
}
 .btn-success {
     color: #000000;
     background-color: #55D426;
}
 .btn-success .fa {
     color: #000000;
}
 .btn-success:hover {
     background-color: #44A91E;
     color: #000000;
}
 .btn-success:active {
     background-color: #55D426;
     box-shadow: inset 0 0 5px #030303;
     color: #000000;
}
 .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
     background-color: #5cb85c;
     border-color: #4cae4c;
}
 .btn-warning {
     color: #000000;
     background-color: #FFB017;
}
 .btn-warning .fa {
     color: #000000;
}
 .btn-warning:hover {
     background-color: #E59E14;
     color: #000000;
}
 .btn-warning:active {
     background-color: #E59E14;
     color: #000000;
     box-shadow: inset 0 0 5px #030303;
}
 .btn-warning:focus {
     box-shadow: 5px #F2F1F0;
     color: #000000;
}
 .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
     background-color: #E59E14;
     border-color: E59E14;
}
 .btn-danger {
     color: #ffffff;
     background-color: #E13019;
}
 .btn-danger:hover {
     color: #ffffff;
     background-color: #CA2B16;
}
 .btn-danger:active {
     color: #ffffff;
     background-color: #CA2B16;
     box-shadow: inset 0 0 5px #030303;
}
 .btn-danger:focus {
     color: #ffffff;
     box-shadow: 5px #F2F1F0;
}
 .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
     background-color: #E13019;
     border-color: #E13019;
}
 .btn-lg, .btn-group-lg > .btn {
     padding: 16px 30px;
     font-size: 1em;
    /*font-size: 16px;
     */
}
 .btn-sm, .btn-group-sm > .btn {
     padding: 10px 24px;
     font-size: 0.875em;
    /*font-size: 14px;
     */
}
 .page-content .btn-link {
     background-color: transparent;
     padding: 0px;
     color: #0f76d7;
     margin: 0 0 22.5px;
     white-space: pre-wrap;
     text-align: left;
}
 .btn-link::after {
     font-family: FontAwesome;
     content: "\f105";
     color: #0f76d7;
     margin-left: 5px;
     font-size: 1.1em;
}
 .btn-link:hover {
     background-color: transparent;
     color: #096bc7;
}
 .btn-link:hover::after {
     text-decoration: none;
}
 .btn-link:focus {
     border-radius: 2px;
     outline: 1px solid #0f76d7;
     outline-offset: 2px;
}
 .btn-link:active {
     content: "\f105";
     color: #003A5F;
     text-decoration: underline;
}
 .btn-link:active::after {
     text-decoration: none;
}
/* --------- Label styles --------- */
 .label {
     font-family: 'Open Sans', Helvetica, Arial, sans-serif;
     font-weight: 400;
     font-size: 13px;
     line-height: 1.4;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     padding: .4em 1em;
     display: inline-block;
     border-radius: 20px;
     margin-bottom: 15px;
     margin-right: 10px;
}
 .label-default, .label-primary, .label-info {
     background-color: #0F76D7;
     color: #FFFFFF;
}
 .label-success {
     background-color: #55D426;
     color: #000000;
}
 .label-warning {
     background-color: #FFB017;
     color: #000000;
}
 .label-danger {
     background-color: #E13019;
}
 .label-lightblue {
     background-color: #A7E2FC;
     color: #003A5F;
}
/* --------- Table styles --------- */
 .table > thead > tr > th {
     color: #003a5f;
     border-bottom: 2px solid #003a5f;
}
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
     border-top: 1px solid #F2F1F0;
}
 .table-striped > tbody > tr:nth-child(2n+1) {
     background-color: #f8f8f8;
}
 .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
     background-color: #E0F6FF;
}
 .table.table-boxed > thead > tr > th {
     border-bottom: none;
     background: #0F76D7;
     color: #fff;
}
/* --------- Box styles --------- */
 .box {
     background: #f8f8f8;
     border-radius: 6px;
     padding: 30px;
}
 .box.box-border {
     border-left: 5px solid #0F76D7;
}
 .box.box-dark {
     background: #003a5f;
     color: #fff;
}
 .box.box-theme {
     background: #A7E2FC;
     color: #003a5f;
}
/* --------- Panel styles --------- */
 .panel-theme > .panel-heading, .panel-theme > .panel-footer, .panel-default > .panel-heading {
     color: #fff;
     background: #0F76D7;
     border-color: #0F76D7;
}
 .panel .panel-heading h3.panel-title {
     font-weight: 600;
     color: #ffffff;
}
 .panel-group .panel .panel-body {
     font-size: 16px;
}
/* --------- Accordion styles --------- */
 .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
     border: none;
}
 .panel-group .panel .panel-heading {
     padding: 12px 30px;
     border-radius: 6px 6px 0px 0px;
     background: #A7E2FC;
}
 .panel-group .panel .panel-heading .panel-title a {
     color: #1E1E1E;
     font-family: "Open Sans";
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
    /* 28px */
     background-color: #A7E2FC;
}
 .panel-group .panel .panel-heading .panel-title a.collapsed::before, .panel-group .panel .panel-heading .panel-title a::before {
     content: none;
}
/* Styles for the overall accordion container and footer */
 .panel-group, .panel .panel-footer {
     background-color: #E0F6FF;
     margin-left: -15px;
     margin-right: -15px;
     margin-bottom: 0;
     padding-left: 50px;
     padding-right: 50px;
     padding-bottom: 20px;
}
 @media only screen and (max-width: 991.99px) {
     .panel-group, .panel .panel-footer {
         padding-left: 30px;
         padding-right: 30px;
    }
}
/* Styles for individual accordion panels */
 .panel.panel-default {
     border-radius: 6px;
     border: 1px solid #A7E2FC;
     background: #FFF;
}
/* Styles for the accordion header/title area */
 .panel-heading {
     margin-bottom: 0;
     padding: 0;
    /* Remove default padding from panel-heading to control with anchor */
     background-color: #A7E2FC;
}
/* Styles for the clickable accordion button (the anchor tag) */
 .panel-heading .panel-title > a {
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     padding: 0;
     text-align: left;
     border: 0;
     border-radius: 0;
     overflow-anchor: none;
     color: #1E1E1E;
     font-family: "Open Sans";
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease-in-out;
     text-decoration: none;
}
 @media (prefers-reduced-motion: reduce) {
     .panel-heading .panel-title > a {
         transition: none;
    }
}
/* Styles for the expanded state of the button */
 .panel-heading .panel-title > a:not(.collapsed) {
     color: #052c65;
     background-color: #e7f1ff;
     box-shadow: none;
}
/* Icon for the accordion button (using ::after pseudo-element) */
 .panel-heading .panel-title > a::after {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
     margin-left: auto;
     content: "";
     background-image: url("https://mtroyal.ca/_assets/_images/chevron-down.svg");
     background-repeat: no-repeat;
     background-size: 20px;
     transition: transform 0.2s ease-in-out;
}
 @media (prefers-reduced-motion: reduce) {
     .panel-heading .panel-title > a::after {
         transition: none;
    }
}
/* Icon for the expanded state */
 .panel-heading .panel-title > a:not(.collapsed)::after {
     background-image: url("https://mtroyal.ca/_assets/_images/chevron-down.svg");
     transform: rotate(-180deg);
}
/* Focus styles for the button */
 .panel-heading .panel-title > a:focus {
     z-index: 3;
     border: none;
     outline: 2px solid #0f76d7;
     outline-offset: 5px;
     box-shadow: none;
}
/* Styles for the collapsible content area */
 .panel-collapse {
     border: none;
     border-top: 0;
}
/* Styles for the body content inside the collapsible area */
 .panel-body {
     padding: 50px 30px;
}
/* --------- Vertical video styles --------- */
 .embed-responsive.embed-responsive-9by16 {
     padding-bottom: 180%;
     margin-bottom: 20px;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     .embed-responsive.embed-responsive-9by16 {
         padding-bottom: 198%;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     .embed-responsive.embed-responsive-9by16 {
         padding-bottom: 274%;
    }
}
/* ---------------------------------------------------------------- */
/* ------------------ Hero header section styles ------------------ */
/* ---------------------------------------------------------------- */
/* --------- Styles for the main header image and text block --------- */
 #intro-block {
     background-color: #003a5f;
     padding: 50px;
     border-radius: 6px;
     margin-top: -45%;
}
 #intro-block h1 {
     color: #ffffff;
     margin-top: 100px;
}
 @media only screen and (max-width: 991.99px) {
     #intro-block {
         margin-top: -15%;
    }
     #intro-block h1 {
         margin-top: 30px;
    }
}
/* ----------------------------------------------------------------- */
/* ------------------ Main content section styles ------------------ */
/* ----------------------------------------------------------------- */
 #main-content {
     margin-top: 100px;
     margin-bottom: 100px;
}
 @media only screen and (max-width: 991.99px) {
     #main-content {
         margin-top: 50px;
         margin-bottom: 50px;
    }
}
/* --------- In-page navigation styles --------- */
 #navigation-parent {
     position: relative;
}
 #navigation-container {
     position: absolute;
     top: 0;
     z-index: 100;
     left: 0;
     right: 0;
}
 .is-sticky {
     top: 0px;
     position: fixed;
}
 .is-at-bottom {
     position: absolute;
}
 @media only screen and (max-width: 767.99px) {
     #navigation-container {
         display: none;
    }
}
 #in-page-navigation {
     background-color: #E0F6FF;
     border-radius: 6px;
     padding: 40px 0px;
     margin-right: 25px;
}
 #in-page-navigation a {
     border-bottom: none;
     -webkit-transition: all 0;
     -moz-transition: all 0;
     -ms-transition: all 0;
     -o-transition: all 0;
}
 #in-page-navigation a.btn-outline {
     border: 1.5px solid #0F76D7;
     margin-left: 20px;
}
 #in-page-navigation ul {
     margin-left: 0;
     padding-left: 0;
}
 #in-page-navigation ul li {
     padding: 10px 20px;
     letter-spacing: 4%;
}
 .current-nav-section {
     background-color: #A7E2FC;
}
 .current-nav-section a {
     color: #003a5f;
     font-weight: 600;
}
/* Styles for mobile in page navigation */
 @media only screen and (max-width: 767.99px) {
     #back2top {
         opacity: 0;
    }
}
 @media only screen and (min-width: 768.01px) {
     #mobile-nav-container {
         display: none;
    }
}
 #mobile-nav-container {
     position: fixed;
     bottom: 15px;
     left: 30px;
     right: 30px;
     border-radius: 6px;
     border: 1.5px solid #a7e2fc;
     background: #E0F6FF;
     padding: 20px;
     z-index: 200;
}
 #mobile-nav-container p {
     display: inline-block;
     margin-bottom: 0;
}
 #mobile-nav-container p svg {
     margin-left: 10px;
}
 #mobile-back-to-top {
     float: right;
     color: #003A5F;
     font-family: "Open Sans";
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-top: 3px;
}
 #mobile-nav-container p#mobile-in-page-navbutton {
     color: #003A5F;
     font-family: "Open Sans";
     font-size: 14px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     letter-spacing: 2.1px;
}
 #mobile-in-page-navigation {
     margin-bottom: 20px;
}
 #mobile-in-page-navigation a {
     border-bottom: none;
}
 #mobile-in-page-navigation a.btn-outline {
     border: 1.5px solid #0F76D7;
     margin-bottom: 20px;
}
 #mobile-in-page-navigation ul {
     margin-left: 0;
     padding-left: 0;
}
 #mobile-in-page-navigation ul li {
     padding: 10px 0px;
     letter-spacing: 4%;
}
/* --------- Why study this program styles --------- */
 #why-study-this-program {
     margin-top: 40px;
}
/* --------- Choose your program path styles --------- */
 .page-content .program-path {
     border-radius: 6px;
     padding: 20px;
     background-color: #E0F6FF;
     display: flex;
     flex-wrap: wrap;
     border-radius: 6px;
     flex-grow: 1;
     flex-basis: 0;
     padding: 20px 20px;
     transition: 0.5s;
     border-bottom: none;
}
 .page-content .program-path:hover {
     background-color: #a7e2fc;
     border-bottom: none;
}
 .page-content .program-path h3 {
     font-family: "Open Sans";
     font-size: 1.4em;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
}
 .program-path .program-path-icon {
     width: 100%;
}
 .program-path .program-path-icon svg {
     height: 28px;
     width: 28px;
     text-align: right;
}
/* --------- Program highlights style ---------- */
 #program-highlights {
     padding: 50px;
     background: url('https://mtroyal.ca/_files/img/programpages/program-page-program-highlights.jpg'), #003a5f;
     background-position: 50% 50%;
     background-size: cover;
     border-radius: 6px;
     margin-bottom: 60px;
}
 #program-highlights h2 {
     color: #ffffff;
}
 #program-highlights-content {
     border-radius: 6px;
     background-color: #E0F6FF;
     padding: 60px 40px;
}
 @media only screen and (max-width: 767.99px) {
     #program-highlights {
         padding: 30px;
    }
     #program-highlights h2 {
         margin-bottom: 35px;
    }
     #program-highlights-content {
         padding: 40px 40px 40px 30px;
    }
     .page-content #program-highlights ul {
         padding-left: 1em;
    }
}
/* --------- Career possibilities styles ---------- */
 #career-possibilities {
     background-color: #e0f6ff;
     padding: 50px;
     margin-bottom: 60px;
     border-radius: 6px;
}
 #career-highlights-content {
     border-radius: 6px;
     background-color: #E0F6FF;
     padding: 60px 40px;
}
 @media only screen and (max-width: 1199.99px) {
     #career-possibilities {
         padding: 30px;
    }
     #career-highlights-content {
         padding: 0 15px;
    }
}
/* --------- Testimonials styles ---------- */
 #testimonials {
     margin-bottom: 60px;
     display: flex;
     flex-wrap: wrap;
     transition: margin 700ms;
}
 .testimonial-arrow {
     height: 50px;
     width: 50px;
     display: inline-block;
     margin-bottom: 20px;
}
 #right-testimonial-arrow {
}
 #left-testimonial-arrow {
     margin-right: 20.85px;
     opacity: 40%;
     transform: rotate(180deg);
}
 #right-testimonial-arrow:hover, #left-testimonial-arrow:hover {
     cursor: pointer;
}
 .testimonial-flex {
     display: flex;
     flex-wrap: wrap;
}
 .testimonial-content {
     position: relative;
     border-radius: 6px;
     padding: 60px;
     background-size: cover;
     background-image: url("https://mtroyal.ca/_files/img/programpages/program-page-quotebg.jpg");
     background-position: 50% 50%;
     overflow: hidden;
     display: flex;
     align-items: center;
}
 @media only screen and (max-width: 1199.99px) {
     .testimonial-content {
         margin-left: 15px;
         margin-right: 15px;
    }
}
 .navy-overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     opacity: 0.91;
     background: #003A5F;
     mix-blend-mode: multiply;
     backdrop-filter: blur(2px);
     z-index: 5;
}
 .testimonial-content .testimonial-text {
     position: relative;
     z-index: 10;
}
 p.testimonial-quote {
     color: #ffffff;
}
 p.testimonial-credit {
     color: #ffffff;
     font-size: 13px;
     font-style: normal;
     font-weight: 600;
     line-height: 140%;
    /* 18.2px */
     letter-spacing: 1.95px;
     text-transform: uppercase;
}
 p.testimonial-video-text {
     color: #ffffff;
}
/* --------- Curriculum and courses styles ---------- */
 #curriculum-courses {
     margin-bottom: 60px;
     display: flex;
     flex-wrap: wrap;
     margin-top: -40px;
}
 #curriculum-courses-tab-labels {
     margin-bottom: 20px;
     margin-top: 20px;
}
 @media only screen and (max-width: 991.99px) {
     #curriculum-courses-tab-labels {
         margin-bottom: 0px;
    }
}
 #curriculum-courses-tab-labels p {
     padding-bottom: 0;
}
 #curriculum-courses-tabs .tab-label {
     color: #0F76D7;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 0.56px;
     text-transform: uppercase;
     padding-bottom: 0;
     display: inline-block;
     margin-bottom: 20px;
}
 #curriculum-courses-tabs .tab-label.current-curriculum-tab {
     color: #003A5F;
     border-bottom: 4px solid #003a5f;
}
 #curriculum-courses-tabs .curriculum-courses-tab-content {
     padding: 50px 40px;
     border-radius: 6px;
     background: #E0F6FF;
}
 @media only screen and (max-width: 991.99px) {
     #curriculum-courses-tabs .curriculum-courses-tab-content {
         padding: 40px 30px;
    }
}
 .curriculum-courses-tab-content {
     transition: opacity 0.5s ease-in-out;
     transition-delay: 0.5s;
}
 #curriculum-tab-label1:hover, #curriculum-tab-label2:hover {
     cursor: pointer;
}
 .page-content ul.acalog {
     margin: 0;
}
 .acalog-catalog-link, .acalog-course-link, .acalog-program-link, .acalog-entity-link, .acalog-filter-link, .acalog-page-link, .acalog-program-core-course-link, .acalog-permalink-showhide > .acalog-permalink-link {
     padding-left: 0;
}
 .acalog-catalog-link::marker, .acalog-course-link::marker, .acalog-program-link::marker, .acalog-entity-link::marker, .acalog-filter-link::marker, .acalog-page-link::marker, .acalog-program-core-course-link::marker, .acalog-permalink-showhide > .acalog-permalink-link::marker {
     margin-left: -10px;
}
 .acalog-course-container {
     display: none;
}
/* --------- Experiential learning styles --------- */

#experiential-learning {
    padding-bottom: 40px;
}

 @media only screen and (max-width: 787.99px) {
     #experiential-learning {
         margin-left: -15px;
         margin-right: -15px;
    }
}
/* --------- Admission requirements styles ---------- */
 #admission-requirements {
}
 #admission-requirements-header {
     padding: 50px;
     background-color: #003A5F;
     border-radius: 6px 6px 0 0;
}
 @media only screen and (max-width: 787.99px) {
     #admission-requirements-header {
         padding: 40px 30px 30px 30px;
    }
}
 #admission-requirements-header h2, #admission-requirements-header p {
     color: #ffffff;
}
 .admission-requirements-content {
     background-color: #E0F6FF;
     padding: 60px 45px;
}
 @media only screen and (max-width: 787.99px) {
     .admission-requirements-content {
         padding: 50px 22px;
    }
}
 #admission-category-select {
     border-radius: 10px;
     background: #ffffff;
     padding: 12px;
     text-align: center;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     #admission-category-select {
         padding-left: 0;
         padding-right: 0;
         margin-left: -15px;
         margin-right: -15px;
    }
}
 .admission-category {
     color: #6F767F;
     background-color: #ffffff;
     font-weight: 600;
     letter-spacing: 0.56px;
     text-transform: uppercase;
     padding: 10px;
     display: inline;
     border-radius: 6px;
     display: inline-block;
}
 .admission-category p {
     margin-bottom: 0;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     .admission-category p {
         font-size: 15px;
    }
}
 .admission-category.current-admission-category {
     color: #003A5F;
     background-color: #A7E2FC;
}
 @media only screen and (max-width: 1199.99px) {
     .admission-requirements-content #fall-intake h4 {
         margin-top: 10px;
    }
     .admission-requirements-content h4 {
         margin-top: 35px;
    }
}
/* Styles controlling admissions information being pulled from the Academic Calendar */
 .acalog-page-name, .acalog-close, .catalogue-psar-title {
     display: none;
}
/* Admission deadline styles */
 #admission-deadlines {
     margin-bottom: 60px;
}
 #fall-intake {
     position: relative;
     background-color: #ffffff;
     border-radius: 6px;
     padding: 50px 40px;
}
 #fall-intake h3 {
     margin-top: 0;
     margin-bottom: 25px;
}
 #early-admission-arrow {
     position: absolute;
     top: 33%;
     bottom: calc(50% - 5px);
     right: 0;
     width: 0px;
     height: 0px;
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;
     border-left: 20px solid white;
     margin-right: -20px;
}
 #deadline-box-column1 {
     border-right: 1px solid #000000;
}
 @media only screen and (max-width: 991.99px) {
     #deadline-box-column1 {
         border-right: none;
    }
}
/* --------- Costs styles ---------- */
 #costs-header {
     position: relative;
     padding: 50px;
     background-color: #003A5F;
     border-radius: 6px 6px 0 0;
     background-size: cover;
     background-image: url("https://mtroyal.ca/_files/img/programpages/program-page-costs-background.jpg");
     background-position: 50% 50%;
     overflow: hidden;
}
 @media only screen and (max-width: 767.99px) {
     #costs-header {
         padding: 30px;
    }
}
 #costs-header h2, #costs-header p {
     color: #ffffff;
}
/* --------- Have questions? section styles ---------- */
 #contact-recruitment {
     margin-bottom: 60px;
}
 #contact-recruitment h3 {
     margin-bottom: 30px;
}
 @media only screen and (max-width: 991.99px) {
     #contact-recruitment {
         margin-bottom: 30px;
    }
     #contact-recruitment .btn {
         margin-bottom: 30px;
    }
}
/* --------- Why MRU? section styles ---------- */
 #why-mru {
     margin-bottom: 60px;
}
 #why-mru-content {
     background-color: rgba(255, 255, 255, 0.90);
     padding: 50px;
     border-radius: 6px;
     margin-top: -46%;
}
 @media only screen and (max-width: 1199.99px) {
     #why-mru-content {
         background-color: #fff;
         padding: 0 15px;
         border-radius: none;
         margin-top: 40px;
         margin-bottom: 60px;
    }
}
/* --------- Factly section styles ---------- */
 #faculty-info {
     margin-bottom: 60px;
}
 #faculty-info-content {
     background-color: #F2F1F0;
     background-image: url('https://mtroyal.ca/_files/img/programpages/program-page-chevronpattern-white.png');
     background-size: cover;
     padding: 50px;
     border-radius: 6px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 #faculty-info-content h2 {
     margin-bottom: 65px;
}
 @media only screen and (max-width: 767.99px) {
     #faculty-info-content {
         padding: 30px;
    }
     #faculty-info-content h2 {
         margin-bottom: 40px;
    }
     #faculty-info-content .btn {
         margin-bottom: 40px;
    }
}
/* ---------------------- Pop-up CSS -------------------------- */
/* ----- Apply now pop-up ----- */
 #program-page-popup {
     position: fixed;
     bottom: 10px;
     right: 150px;
     background-color: #0f76d7;
     padding: 50px;
     width: 375px;
     opacity: 0;
     z-index: 125;
     visibility: hidden;
     text-align: center;
}
 #program-page-popup-close {
     position: absolute;
     top: 20px;
     right: 20px;
}
 #program-page-popup-close i {
     color: #ffffff;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
}
 #program-page-popup-close:hover i {
     color: #dddddd;
     cursor: pointer;
}
 #program-page-popup h3 {
     font-family: 'open sans', arial, sans-serif;
     font-weight: 400;
     color: #ffffff;
     font-size: 24px;
}
 #program-page-popup p {
     font-family: 'open sans', arial, sans-serif;
     color: #ffffff;
     font-size: 16px;
}
 .page-content #program-page-popup a.btn {
     border-bottom: 1.5px solid #A7E2FC;
}
 @media only screen and (max-width: 768px) {
     #program-page-popup {
         right: 5%;
         left: 5%;
         padding: 40px;
         width: 90%;
         bottom: 70px;
    }
     #program-page-popup p {
         font-weight: 400;
         font-size: 14px;
    }
     #program-page-popup-close {
         top: 13px;
         right: 13px;
    }
     #program-page-popup h3 {
         font-size: 20px;
    }
}
 #program-page-popup.popupFadeInTriggered {
     animation: fadeInAnimation 1.5s forwards;
     -webkit-animation: fadeInAnimation 1.5s forwards;
     -moz-animation: fadeInAnimation 1.5s forwards;
     -o-animation: fadeInAnimation 1.5s forwards;
}
 @-keyframes fadeInAnimation {
     0% {
         opacity: 0;
         visibility: hidden;
    }
     1% {
         visibility: visible;
    }
     100% {
         opacity: 1;
         visibility: visible;
    }
}
 @-webkit-keyframes fadeInAnimation {
     0% {
         opacity: 0;
         visibility: hidden;
    }
     1% {
         visibility: visible;
    }
     100% {
         opacity: 1;
         visibility: visible;
    }
}
 @-moz-keyframes fadeInAnimation {
     0% {
         opacity: 0;
         visibility: hidden;
    }
     1% {
         visibility: visible;
    }
     100% {
         opacity: 1;
         visibility: visible;
    }
}
 @-o-keyframes fadeInAnimation {
     0% {
         opacity: 0;
         visibility: hidden;
    }
     1% {
         visibility: visible;
    }
     100% {
         opacity: 1;
         visibility: visible;
    }
}