.page-wrapper .page-content .page-row {
     margin-bottom: 0px;
}
/* --------- Adjustment to container width to match bootstrap 5 --------- */
 @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;
    }
}
/* --------- Header and navigation styles --------- */
 .content.container {
     margin-right: auto;
     margin-left: auto;
}
 .content.container-fluid {
     padding: 0;
}
 #homepage-flex {
     margin: 0;
}
 header.header.titleArea {
     background-color: #EEECE8 !important;
}
 .main-nav {
     background-color: #003a5f;
     margin-bottom: 0 !important;
}
 .nav > li > a {
     font-size: 13px !important;
     font-weight: 600;
     text-transform: uppercase;
     font-family: 'open sans', arial, sans-serif;
     z-index: 100;
}
 .nav > li > a:hover {
     color: #003a5f !important;
}
 .main-nav .nav .nav-item a {
     color: #ffffff;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}
 .main-nav .nav .nav-item a:hover {
     background-color: #ffffff;
}
 .main-nav .nav .nav-item .dropdown-menu a:hover {
     background: none repeat scroll 0 0 #ffffff;
     color: #151F28;
}
 .menu-table {
     display: table;
     margin: 0;
}
 .header .menu-top li:last-child a {
     padding-right: 10px;
}
 .header .menu-top li#search {
     padding: 10px 20px 14px 20px;
}
 @media (max-width: 768px) {
     .header .menu-top li#search {
         padding: 0px 20px 14px 20px !important;
    }
}
 .logo-tcpa img {
     padding: 15px 0 15px 0;
}
 @media (max-width: 768px) {
     .logo-tcpa img {
         padding: 15px 20px 15px 20px;
    }
}
 .header .menu-top a {
     padding: 0 15px;
}
 .header .menu-top li#search {
     background-color: rgba(0,0,0,0);
     font-size: 1.6em;
     width: 100%;
     text-align: right;
     padding: 10px 20px 14px 20px;
}
 @media (max-width: 768px) {
     .header .menu-top li#search {
         padding-top: 0px;
    }
}
 .header .menu-top li#search:hover {
     background-color: #e7e7e7;
}
 .header .menu-top.navbar-right, .header .menu-top.navbar-left {
     margin: 0 20px;
}
 .header .menu-top.navbar-right li a, .header .menu-top.navbar-left li a, .header .menu-top li#search {
     color: #007fb5;
}
 #close-search-x .search-icon-shown {
     color: #696969;
}
 .closeSearch {
     font-size: 0.5em;
}
/* --------- Footer styles --------- */
 .footer h3 {
     font-size: 24px;
     font-weight: 300;
     color: #FFFFFF;
}
 .footer .footer-content {
     min-height: 267px;
}
 .wrapper::after {
     height: 268px;
}
/* Medium devices (desktops, 992px and up) */
 @media (min-width: 992px) {
     .wrapper {
         margin-bottom: -300px;
    }
     .wrapper::after {
         height: 300px;
    }
     .footer {
         height: auto;
    }
}
 #subscribe-button {
     background-color: #00B1FF;
     padding: 10px 25px;
     font-size: 12px;
     text-transform: uppercase;
     display: inline-block;
     margin-top: 20px;
     border-radius: 2px;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -ms-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
}
 #subscribe-button:hover {
     background-color: #0099DD;
     cursor: pointer;
}
 #subscribe-button p {
     color: #FFFFFF;
     margin: 0px;
}
/* --------- General text styles --------- */
 .page-wrapper .page-content p, .page-wrapper .page-content ul li, .page-wrapper .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-wrapper .page-content p, .page-wrapper .page-content ul, .page-wrapper .page-content ol {
     margin: 0 0 22.5px;
}
/* --------- Text link styles --------- */
 .page-wrapper .page-content a {
     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-wrapper .page-content a:hover {
     color: #096bc7;
     border-bottom: 2px solid #096bc7;
}
 .page-wrapper .page-content a:active {
     background-color: #0f76D7;
     color: #ffffff;
}
 .page-wrapper .page-content a:focus {
     border-radius: 2px;
     outline: 1px solid #0f76d7;
     outline-offset: 2px;
}
/* --------- Miscellaneous styles (icons, lines etc) --------- */
 .page-wrapper ul li .fa {
     margin-right: 5px;
     color: #003a5f;
}
 .page-wrapper .page-content .has-divider {
     border-bottom: 1px solid #6F767F;
}
/* --------- Heading styles --------- */
 header.titleArea h1 {
     color: #003a5f;
     font-size: 2.8125em;
    /*font-size: 45px;
     */
     line-height: 120%;
     padding-left: 13px;
     margin: 25px 0;
}
 header.titleArea h1, .page-wrapper .page-content h1, .page-wrapper .page-content h2, .page-wrapper .page-content h3, .page-wrapper .page-content h4, .page-wrapper .page-content h5, .page-wrapper .page-content h6 {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
}
 .page-wrapper .page-content h1 {
     font-size: 2.8125em;
    /*font-size: 45px;
     */
     line-height: 120%;
     color: #003a5f;
}
 .page-wrapper .page-content h2 {
     font-size: 2.45em;
    /*font-size: 36px;
     */
     line-height: 120%;
     color: #003a5f;
}
 @media (max-width: 767.99px) {
     .page-wrapper .page-content h2 {
         font-size: 1.75em;
    }
}
 .page-wrapper .page-content h3 {
     font-size: 1.75em;
    /*font-size: 28px;
     */
     line-height: 120%;
     color: #0077AE;
}
 @media (max-width: 767.99px) {
     .page-wrapper .page-content h3 {
         font-size: 1.4375em;
    }
}
 .page-wrapper .page-content h4 {
     font-size: 1.4375em;
    /*font-size: 23px;
     */
     line-height: 140%;
     color: #003a5f;
     margin-top: 20px;
}
 @media (max-width: 767.99px) {
     .page-wrapper .page-content h4 {
         font-size: 1.25em;
    }
}
 .page-wrapper .page-content h5 {
     font-size: 1.25em;
    /*font-size: 20px;
     */
     line-height: 140%;
     color: #0077AE;
}
/* --------- Button styles --------- */
 .btn, .page-wrapper .page-content .btn, .page-wrapper .page-content a.slider-button-internal-page {
     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;
}
 a.btn:hover {
     border-bottom: 1px;
}
 .btn-default, .btn-primary, .btn-info, .btn-cta, .page-wrapper .page-content .btn-default, .page-wrapper .page-content .btn-primary {
     background-color: #0F76D7;
     color: #FFFFFF;
}
 .btn-default:hover, .btn-primary:hover, .btn-info:hover, .btn-cta:hover, .page-wrapper .page-content .btn-default:hover, .page-wrapper .page-content .btn-primary:hover {
     background-color: #248df1;
     color: #ffffff;
     cursor: pointer;
     border-bottom: 1px solid #248df1;
}
 .btn-default:active, .btn-primary:active, .btn-info:active, .btn-cta:active, .page-wrapper .page-content .btn-default:active, .page-wrapper .page-content .btn-primary:active {
     background-color: #0059ad;
     cursor: pointer;
     color: #ffffff;
}
 .btn-default:focus, .btn-primary:focus, .btn-info:focus, .btn-cta:focus, .page-wrapper .page-content .btn-default:focus, .page-wrapper .page-content .btn-primary:focus {
     border: 2px solid #ffffff;
     outline: 2px solid #003a5f;
     outline-offset: 0px;
     background-color: #0F76D7;
     color: #FFFFFF;
}
 .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-darkbg, a.btn.btn-darkbg {
     color: #003A5F;
     background-color: #A7E2FC;
}
 .btn-darkbg .fa {
     color: #003a5f;
}
 .btn-darkbg:hover, a.btn.btn-darkbg:hover {
     background-color: #C2EAFC;
     cursor: pointer;
     color: #003a5f;
}
 .btn-darkbg:hover, a.btn.btn-darkbg:active {
     background-color: #ffffff;
     cursor: pointer;
     color: #003a5f;
}
 .btn-darkbg:focus, a.btn.btn-darkbg:focus {
     border: 2px solid #0f76d7;
     outline: 2px solid #ffffff;
     outline-offset: 0px;
     background-color: #A7E2FC;
     color: #003a5f;
}
 .page-wrapper .page-content .btn-darkbg-outline, .page-wrapper .page-content a.slider-button-internal-page {
     color: #ffffff;
     background-color: rgba(0,0,0,0);
     border: 1.5px solid #A7E2FC;
}
 .page-wrapper .page-content a.slider-button-internal-page {
     display: inline-block;
     margin: 25px auto 0 15px;
}
 .page-wrapper .page-content .btn-darkbg-outline .fa, .page-wrapper .page-content a.slider-button-internal-page .fa {
     color: #ffffff;
}
 .page-wrapper .page-content .btn-darkbg-outline:hover, .page-wrapper .page-content a.slider-button-internal-page:hover {
     color: #ffffff;
     background-color: #248DF1;
     border: 1.5px solid #A7E2FC;
     cursor: pointer;
}
 .page-wrapper .page-content .btn-darkbg-outline:focus, .page-wrapper .page-content a.slider-button-internal-page:focus {
     border: 2px solid #0f76d7;
     outline: 2px solid #ffffff;
     outline-offset: 2px;
     background-color: rgba(0,0,0,0);
     color: #ffffff;
}
 .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:hover {
     box-shadow: 5px #F2F1F0;
}
 .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;
}
 .page-wrapper .page-content .btn-lg, .page-wrapper .page-content .btn-group-lg > .btn {
     padding: 16px 30px;
     font-size: 1.1em;
}
 .btn-sm, .btn-group-sm > .btn {
     padding: 10px 24px;
     font-size: 0.875em;
    /*font-size: 14px;
     */
}
 .page-wrapper .page-content .btn-navy {
     background-color: #003a5f;
     color: #ffffff;
     border: 1px solid rgba(0,0,0,0);
}
 .page-wrapper .page-content .btn-navy:hover {
     background-color: #248DF1;
     color: #ffffff;
}
 .page-wrapper .page-content a.btn-navy:hover {
     border: 1px solid #ffffff;
}
 .page-wrapper .page-content .btn-navy:active {
     background-color: #0059AD;
     color: #ffffff;
}
 .page-wrapper .page-content .btn-navy:focus {
     border: 2px solid #ffffff;
     outline: 3px solid #a7e2fc;
     outline-offset: 0px;
     color: #ffffff;
}
 .page-wrapper .page-content .btn-outline {
     border: 1.5px solid #0F76D7;
     background-color: rgba(255,255,255,0);
     color: #003a5f;
}
 .page-wrapper .page-content .btn-outline:hover {
     background-color: #C2EAFC;
     color: #003a5f;
}
 .page-wrapper .page-content .btn-outline:active {
     background-color: #75CDF3;
     border: 2.5px solid #0F76D7;
}
 .page-wrapper .page-content.btn-outline:focus {
     border: 2px solid #ffffff;
     outline: 2px solid #003a5f;
     outline-offset: 0px;
}
 .btn-link {
     background-color: transparent;
     padding: 0;
     color: #003A5F;
     border-bottom: none;
}
 .btn-link::after {
     font-family: FontAwesome;
     content: "\f105";
     color: #003A5F;
     margin-left: 5px;
     font-size: 1.1em;
}
 .btn-link:hover {
     background-color: transparent;
     color: #0F76D7;
}
 .btn-link:hover::after {
     text-decoration: none;
     color: #003A5F;
}
 .btn-link:focus {
     background-color: transparent;
     padding: 10px 20px;
     border: 2px solid #6F767F;
}
 .btn-link:active {
     content: "\f105";
     color: #003A5F;
     text-decoration: underline;
}
 .btn-link:active::after {
     text-decoration: none;
}
 .page-wrapper .page-content .btn-mutedbrassoutline {
     border: 1.5px solid #C4A149;
     background-color: rgba(255,255,255,0);
     color: #EEECE8;
}
 .page-wrapper .page-content .btn-mutedbrassoutline:hover {
     background-color: #444C53;
     color: #EEECE8;
     border: 1.5px solid #C4A149;
}
 .page-wrapper .page-content .btn-mutedbrassoutline:active {
     background-color: #C4A149;
     border: 1.5px solid #EEECE8;
     color: #151F28;
}
 .page-wrapper .page-content .btn-mutedbrassoutline:focus {
     border: 2px solid #C4A149;
     outline: 2px solid #EEECE8;
     outline-offset: 2px;
}
 .page-wrapper .page-content .btn-midnightsonata {
     border: 1.5px solid #151F28;
     ;
     background-color: rgba(255,255,255,0);
     color: #151F28;
     ;
}
 .page-wrapper .page-content .btn-midnightsonata:hover {
     background-color: #EEECE8;
     color: #151F28;
}
 .page-wrapper .page-content .btn-midnightsonata:active {
     background-color: #75CDF3;
     border: 2.5px solid #0F76D7;
}
 .page-wrapper .page-content.btn-midnightsonata:focus {
     border: 2px solid #ffffff;
     outline: 2px solid #003a5f;
     outline-offset: 0px;
}
/* --------- Label styles --------- */
 .label {
     font-family: 'Open Sans', Helvetica, Arial, sans-serif;
     font-weight: 600;
     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-navy {
     background-color: #003a5f;
     color: #FFFFFF;
}
 .label-lightblue {
     background-color: #a7e2fc;
     color: #003a5f;
}
 .label-transparent {
     background-color: rgba(0,0,0,0);
     color: #003a5f;
}
 .label-success {
     background-color: #55D426;
     color: #000000;
}
 .label-warning {
     background-color: #FFB017;
     color: #000000;
}
 .label-danger {
     background-color: #E13019;
}
/* --------- 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;
}
/* --------- Panel styles --------- */
 .panel-theme > .panel-heading, .panel-theme > .panel-footer, .panel-default > .panel-heading {
     color: #fff;
     background: #0F76D7;
     border-color: #0F76D7;
     padding: 12px 20px;
}
 .panel .panel-heading h3.panel-title {
     font-weight: 600;
     color: #ffffff;
}
/* --------- 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 20px;
     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 {
     border-radius: 6px;
}
/* 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: 12px 20px;
     background-color: #A7E2FC;
     color: #030303;
}
/* 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: 16px 20px;
}
 .panel {
     box-shadow: none;
}
/* --------- Hero image/carousel styles --------- */
 #homepage-flex .flexslider .slides .flex-caption {
     padding: 40px 60px;
     background-color: #003a5f;
     border-radius: 6px;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     #homepage-flex .flexslider .slides .flex-caption {
         padding: 35px 50px;
         max-width: 65%;
    }
}
 @media only screen and (min-width:768px) and (max-width: 991.99px) {
     #homepage-flex .flexslider .slides .flex-caption, #homepage-flex .flexslider .slides .flex-caption-bottom-right {
         bottom: 0;
         margin-bottom: -40px;
         padding: 40px;
    }
     #homepage-flex .flexslider .slides .flex-caption, #homepage-flex .flexslider .slides .flex-caption-bottom-right {
         max-width: 84%;
    }
}
 #homepage-flex .flexslider .slides .flex-caption .main {
     font-size: 50px;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     #homepage-flex .flexslider .slides .flex-caption .main {
         font-size: 36px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     #homepage-flex .flexslider .slides .flex-caption .main {
         font-size: 36px;
    }
}
 @media only screen and (max-width: 767.99px) {
     #homepage-flex .flexslider .slides .flex-caption .main {
         font-size: 28px;
    }
}
 #homepage-flex .flexslider .slides .flex-caption .secondary {
     font-weight: 400;
     font-size: 24px;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     #homepage-flex .flexslider .slides .flex-caption .secondary {
         font-size: 20px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     #homepage-flex .flexslider .slides .flex-caption .secondary {
         font-size: 20px;
    }
}
 @media only screen and (max-width: 767.99px) {
     #homepage-flex .flexslider .slides .flex-caption .secondary {
         font-size: 18px;
    }
}
 .flexslider .slides .flex-caption .main {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     font-size: 18px;
     letter-spacing: 1.5px;
     text-transform: none;
}
 .flexslider .slides .flex-caption .secondary {
     font-family: "Poppins", sans-serif;
     font-weight: 700;
     letter-spacing: 1.5px;
}
 .flex-caption a.slideSecondaryTextLink i {
     display: none;
}
 @media only screen and (max-width: 768px) {
     #homepage-flex .flexslider .slides .flex-caption-bottom-right a.slider-button, #homepage-flex .flexslider .slides .flex-caption a.slider-button {
         margin-bottom: 0px;
    }
     #homepage-flex .flexslider .slides .flex-caption-bottom-right, #homepage-flex .flexslider .slides .flex-caption {
         padding: 40px;
         max-width: 84%;
         margin: -25px 25px 0px 0px;
         position: relative;
    }
     #homepage-flex .flexslider .slides .flex-caption-bottom-right .main, #homepage-flex .flexslider .slides .flex-caption .main {
         margin-top: 0;
         margin-left: 15px;
    }
     #homepage-flex .flexslider .slides .flex-caption-bottom-right .main, #homepage-flex .flexslider .slides .flex-caption .secondary {
         margin-top: 0;
         margin-left: 15px!important;
    }
}
 .page-wrapper .page-content a.flex-prev, .page-wrapper .page-content a.flex-next {
     color: #ffffff;
}
/* --------- Stay in touch section styles --------- */
 .stay-in-touch-section {
     background-color: #EEECE8;
     padding-top: 100px;
     padding-bottom: 100px;
}
 @media only screen and (max-width: 991.99px) {
     .stay-in-touch-section {
         margin-top: 75px;
    }
}
 .stay-in-touch-section h3 {
     color: #003352;
}
/* Branded Institute Homepages .branded .container-fluid {
     background-color: #ffffff;
}
 .branded h2.section-heading {
     color: #2f506c;
     font-size: 22px !important;
     font-weight: 300;
     line-height: 2;
     margin-top: 0;
}
 .branded h2.section-heading .line-green {
     border-top-color: #00C24F;
     border-top-style: solid;
     border-top-width: 2px;
     display: inline-block;
     padding: 5px 15px 0;
}
 .branded section h2:not(:first-child) {
     padding-left: 15px;
     font-size: 22px !important;
     font-weight: 300;
}
 .branded section p {
     margin-left:15px;
     margin-right:15px;
}
 */
 .grid {
     margin: 0 !important;
     padding: 0 !important;
}
/* Styles for performances on the website - Some of these are also for the Concert season performances */
 .large-square, .small-square {
     box-sizing: border-box;
     width: 100%;
     position: relative;
     padding: 50%;
     margin-bottom: 30px;
     z-index: 1;
}
 .large-square .performance-content, .small-square .performance-content, .large-square .concert-season-performance-content, .small-square .concert-season-performance-content {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 20px 25px;
     z-index: 3;
}
 .large-square .info-tickets-button, .small-square .info-tickets-button, .large-square .concert-season-info-tickets-button, .small-square .concert-season-info-tickets-button {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     z-index: 2;
     text-align: center;
     opacity: 0;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -ms-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
}
 .large-square .info-tickets-button, .small-square .info-tickets-button {
     background-color: rgba(47, 47, 47, 0.59);
}
 .large-square .info-tickets-button:hover, .small-square .info-tickets-button:hover, .large-square .concert-season-info-tickets-button:hover, .small-square .concert-season-info-tickets-button:hover {
     opacity: 1;
}
 .large-square .info-tickets-button a, .small-square .info-tickets-button a, .large-square .concert-season-info-tickets-button a, .small-square .concert-season-info-tickets-button a {
     background-color: #00b1ff;
     padding: 10px 25px;
     color: #FFFFFF;
     font-size: 12px;
     text-transform: uppercase;
     display: inline-block;
     margin-top: 31%;
     border-radius: 2px;
     width: 150px;
     text-align: center;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -ms-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
}
 .large-square .info-tickets-button a:hover, .small-square .info-tickets-button a:hover, .large-square .concert-season-info-tickets-button a:hover, .small-square .concert-season-info-tickets-button a:hover {
     background-color: #0099DD;
}
 .small-square .info-tickets-button a, .small-square .concert-season-info-tickets-button a {
     margin-top: 31%;
}
 .large-square .info-tickets-button a, .large-square .concert-season-info-tickets-button a {
     margin-top: 48%;
}
 @media only screen and (max-width: 992px) {
     .large-square .info-tickets-button a, .large-square .concert-season-info-tickets-button a {
         margin-top: 31%;
    }
}
 .performance-img {
     background-position: 50% 50%;
     background-size: cover;
}
 .performance-content {
     background-color: #80868a;
}
 .performance-content.bg-blue {
     background-color: #007fb5;
}
 .performance-content p, .concert-season-performance-content p {
     color: #ffffff;
     margin-bottom: 0;
     font-family: 'Open Sans', arial, helvetica, sans-serif;
}
 .perf_name {
     font-weight: 600;
     font-size: 18px;
}
 .perf_name a {
     color: #FFFFFF;
}
 .perf_name a:hover {
     color: #f8f8f8;
     text-decoration: underline;
}
 @media only screen and (max-width: 768px) {
     .perf_name {
         font-size: 15px;
    }
}
/* Styles for Concert Season page */
 .concert-season-performance-content {
     background-color: rgba(0, 0, 0, 0.4);
}
 .large-square .concert-season-info-tickets-button, .small-square .concert-season-info-tickets-button {
     background-color: rgba(238, 42, 123, 0.4);
}
/* Styles for Individual performance pages */
 .concert-desc p {
     color: #80868a;
}
 .concert-title {
     line-height: 1.4;
     color: #003352;
}
 @media only screen and (max-width: 768px) {
     .concert-title {
         margin-top: -50px;
    }
}
 .ticketButton {
     background-color: #00b1ff;
     padding: 10px 25px;
     color: #FFFFFF;
     font-size: 12px;
     text-transform: uppercase;
     display: inline-block;
     margin-top: 20px;
     margin-bottom: 35px;
     border-radius: 2px;
     border: 0px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
 @media only screen and (max-width: 768px) {
     .ticketButton {
         width: 100%;
    }
}
/* Styles for the buttons across the website */
 .call-to-action-button {
     background-color: #00B1FF;
     padding: 10px 25px;
     color: #FFFFFF;
     font-size: 12px;
     text-transform: uppercase;
     display: inline-block;
     margin-top: 30px;
     margin-bottom: 75px;
     border-radius: 2px;
     text-align: center;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -ms-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
}
 .call-to-action-button.full-width-cta-button {
     width: 100%;
}
 .call-to-action-button:hover {
     background-color: #0099DD;
}
 .call-to-action-button p, .call-to-action-button.full-width-cta-button p, .marketing-row-half-width-text .call-to-action-button p {
     color: #FFFFFF;
     margin-bottom: 0px;
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-weight: normal;
     font-size: 13px;
}
 @media only screen and (min-width: 768px) and (max-width: 992px) {
     .call-to-action-button {
         margin-bottom: 25px;
    }
}
 @media only screen and (max-width: 768px) {
     .call-to-action-button {
         margin-bottom: 0px;
    }
     .feat-txt .call-to-action-button p {
         color: #FFFFFF;
         margin-bottom: 0px;
    }
}
 .marketing-row-half-width-text .call-to-action-button .call-to-action-button {
     margin-bottom: 0px;
}
/* Styles for the Venues page of the website */
 .marketing-row {
     margin: 60px 0;
     position: relative;
     padding: 0;
}
 .marketing-row-image {
     width: 100%;
     max-height: 500px;
     overflow: hidden;
}
 .marketing-row-full-width-image h1 {
     color: #FFFFFF;
     margin-bottom: 25px;
     line-height: 1.2;
}
 .marketing-row-full-width-image p {
     color: #FFFFFF;
     font-size: 18px;
     line-height: 1.6;
     font-family: 'open sans', arial, sans-serif;
     font-weight: 300;
}
 .marketing-row-full-width-image .black-overlay {
     left: 15px;
     right: 15px;
}
 .marketing-row-full-width-image .read-more-button a {
     border: 1px solid #ffffff;
     color: #ffffff;
     border-radius: 2px;
}
 .marketing-row-full-width-image .read-more-button:hover a {
     background-color: #FFFFFF;
     color: #333333;
}
 .marketing-row-full-width-image .marketing-row-text {
     position: absolute;
     width: 40%;
     margin-left: 30%;
     z-index: 5;
     top: 20%;
}
 @media only screen and (min-width:992px) and (max-width: 1200px) {
     .marketing-row-full-width-image .marketing-row-text {
         width: 50%;
         margin-left: 25%;
    }
}
 @media only screen and (min-width:768px) and (max-width: 991.99px) {
     .marketing-row-full-width-image .marketing-row-text {
         width: 60%;
         margin-left: 20%;
    }
     .marketing-row-full-width-image .marketing-row-text h1 {
         margin-bottom: 20px;
    }
     .marketing-row-full-width-image .marketing-row-text p {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 767.99px) {
     .marketing-row-full-width-image .marketing-row-text {
         width: 80%;
         margin-left: 10%;
         top: 12%;
    }
}
 @media only screen and (max-width: 767.99px) {
     .marketing-row-full-width-image .marketing-row-text h1 {
         font-size: 24px;
         margin-top: 15%;
    }
     .marketing-row-full-width-image .marketing-row-text p {
         font-size: 14px;
    }
}
 .marketing-row-half-width-image:hover img {
     cursor: auto;
     opacity: 1;
}
 .marketing-row-half-width-text h1 {
     font-size: 32px;
     line-height: 1.2;
     margin-bottom: 25px;
     margin-top: 15px;
     color: #003352;
     -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;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .marketing-row-half-width-text h1 {
         font-size: 28px;
    }
}
 @media only screen and (min-width: 767px) and (max-width: 991.99px) {
     .marketing-row-half-width-text h1 {
         font-size: 24px;
    }
}
 @media only screen and (max-width: 767px) {
     .marketing-row-half-width-text h1 {
         font-size: 28px;
    }
}
 .marketing-row-half-width-text p {
     font-size: 18px;
     line-height: 1.6;
     font-family: 'open sans', arial, sans-serif;
     font-weight: 300;
     color: #333333;
}
 @media only screen and (min-width:768px) and (max-width: 992px) {
     .marketing-row-half-width-text p {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 767px) {
     .marketing-row-half-width-text p {
         font-size: 16px;
    }
}
 .marketing-row-half-width-text a:hover h1 {
     color: #00b1ff;
}
/* Styles that control the header images (the ones that don't rotate) */
 .grid-item {
     position: relative;
     background-color: #ffffff;
     padding-left: 0 !important;
     padding-right: 0 !important;
}
/* Sets the article title and intro text to be in the bottom left of the box with articifical padding */
 .grid-item .article-content {
     position: absolute;
     bottom: 80px;
     left: 33px;
     width: 80%;
}
 .grid-item .article-content .article-title {
     bottom: 0px;
     left: 30px;
}
 .grid-item .article-content .article-title h1 {
     font-size: 80px;
     padding: 20px 20px 0px 60px;
     font-weight: 300;
}
 .grid-item .article-content .article-title p {
     font-size: 36px;
     padding-left: 65px;
     letter-spacing: 0.02em;
     font-weight: 300;
     line-height: 1.3;
}
 .grid-item .article-content .article-title h1, .grid-item .article-content .article-title p {
     font-family: "Open sans";
     color: #FFF;
}
 .grid-item:hover .article-content .article-title h1, .grid-item:hover .article-content .article-title p {
     opacity: 0;
}
 .grid-item:hover .article-content .article-intro, .grid-item:hover .article-content .article-intro p, .grid-item:hover .article-content .article-intro p.read-article-text {
     opacity: 1;
}
 .grid-item img {
     width: 100%;
}
 .grid-item:hover .article-content .article-title h1, .grid-item:hover .article-content .article-title p {
     opacity: 1;
}
 @media only screen and (min-width: 1024px) and (max-width: 1200px) {
     .grid-item .article-content .article-title h1 {
         font-size: 65px;
    }
     .grid-item .article-content .article-title p {
         font-size: 28px;
    }
     .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
         padding-left: 14px;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1023.99px) {
     .grid-item .article-content .article-title h1 {
         font-size: 50px;
    }
     .grid-item .article-content .article-title p {
         font-size: 24px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     .grid-item .article-content .article-title h1 {
         font-size: 50px;
    }
}
 @media only screen and (max-width: 768px) {
     .grid-item .article-content {
         bottom: 0px;
         left: 0px;
    }
     .grid-item .article-content .article-title h1 {
         font-size: 26px;
         padding: 0px 0px 20px 30px;
    }
}
/* --------- Homepage introduction section styles --------- */
 #homepage-introduction {
     margin-bottom: 75px;
     margin-top: -55px;
     background-color: #003a5f;
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/WebHeader-LincolnBlue-1140x500.jpg");
     background-position: 30% 100%;
     background-size: cover;
     background-attachment: scroll;
     background-repeat: no-repeat;
     padding-top: 100px;
     padding-bottom: 100px;
}
 .page-wrapper .page-content #homepage-introduction h2 {
     font-size: 3em;
     color: #ffffff;
}
 .page-wrapper .page-content #homepage-introduction h3, .page-wrapper .page-content #homepage-introduction p {
     color: #ffffff;
}
 #homepage-intro-heading {
     text-align: right;
}
 @media only screen and (max-width: 991.99px) {
     #homepage-intro-heading {
         text-align: left;
    }
}
/* --------- Our programs section styles --------- */
 #our-programs {
     padding-top: 50px;
     padding-bottom: 100px;
}
 @media only screen and (max-width: 767.99px) {
     #our-programs {
         padding-top: 0;
         padding-bottom: 50px;
    }
}
 .page-wrapper .page-content #our-programs h2 {
     margin-bottom: 40px;
}
 .our-programs-card {
     padding: 50px;
}
 @media only screen and (max-width: 767.99px) {
     .our-programs-card {
         padding: 35px;
    }
}
 .page-wrapper .page-content .our-programs-programming-area {
     border-radius: 6px;
     padding: 15px 30px;
     font-size: 1.4em;
     font-weight: 600;
     border: none;
     display: block;
     margin-bottom: 20px;
     background-color: #003a5f;
     color: #ffffff;
}
 .page-wrapper .page-content .our-programs-programming-area:hover {
     border: none;
}
 .page-wrapper .page-content .our-programs-programming-area::after {
     width: 20px;
     height: 20px;
     content: "";
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/view-programs-arrow-white.svg");
     background-repeat: no-repeat;
     background-size: 20px;
     transition: transform 0.2s ease-in-out;
     float: right;
     margin-top: 5px;
}
 .page-wrapper .page-content #our-programs h3 {
     font-size: 1.25em;
     margin-top: 40px;
}
 .page-wrapper .page-content a.our-programs-programming-area.lincolnBlue {
     background-color: #0077ae;
     color: #ffffff;
}
 .page-wrapper .page-content a.our-programs-programming-area.lincolnBlue:hover {
     background-color: #151f28;
     color: #ffffff;
}
 .page-wrapper .page-content a.our-programs-programming-area.kerbyBlue {
     background-color: #003a5f;
     color: #ffffff;
}
 .page-wrapper .page-content a.our-programs-programming-area.kerbyBlue:hover {
     background-color: #002943;
     color: #ffffff;
}
 .page-wrapper .page-content a.our-programs-programming-area.preludeWhite {
     background-color: #eeece8;
     color: #003a5f;
}
 .page-wrapper .page-content a.our-programs-programming-area.preludeWhite::after {
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/view-programs-arrow-kerbyblue.svg");
}
 .page-wrapper .page-content a.our-programs-programming-area.preludeWhite:hover {
     background-color: #d6d4d1;
     color: #003a5f;
}
 .page-wrapper .page-content a.our-programs-programming-area.mutedBrass {
     background-color: #c4a149;
     color: #151f28;
}
 .page-wrapper .page-content a.our-programs-programming-area.mutedBrass::after {
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/view-programs-arrow-midnightsonata.svg");
}
 .page-wrapper .page-content a.our-programs-programming-area.mutedBrass:hover {
     background-color: #b09142;
     color: #151f28;
}
 .page-wrapper .page-content a.our-programs-programming-area.violaViolet {
     background-color: #b690c2;
     color: #151F28;
}
 .page-wrapper .page-content a.our-programs-programming-area.violaViolet::after {
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/view-programs-arrow-midnightsonata.svg");
}
 .page-wrapper .page-content a.our-programs-programming-area.violaViolet:hover {
     background-color: #945aa5;
     color: #ffffff;
}
 .page-wrapper .page-content a.our-programs-programming-area.violaViolet:hover::after {
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/view-programs-arrow-white.svg");
     transition: all 0.2s ease-in-out;
     -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-wrapper .page-content a.our-programs-programming-area.spiritBlue {
     background-color: #c7eafb;
     color: #003a5f;
}
 .page-wrapper .page-content a.our-programs-programming-area.spiritBlue::after {
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/view-programs-arrow-kerbyblue.svg");
}
 .page-wrapper .page-content a.our-programs-programming-area.spiritBlue:hover {
     background-color: #a7e2fc;
     color: #003a5f;
}
 .page-wrapper .page-content a.our-programs-programming-area.trebleGreen {
     background-color: #7CC242;
     color: #151f28;
}
 .page-wrapper .page-content a.our-programs-programming-area.trebleGreen::after {
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/view-programs-arrow-midnightsonata.svg");
}
 .page-wrapper .page-content a.our-programs-programming-area.trebleGreen:hover {
     background-color: #507D2B;
     color: #ffffff;
}
 .page-wrapper .page-content a.our-programs-programming-area.trebleGreen:hover::after {
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/view-programs-arrow-white.svg");
     transition: all 0.2s ease-in-out;
     -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;
}
/* --------- World-class fascilities and faculty section styles --------- */
 #homepage-world-class-facilities {
     min-height: 650px;
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/world-class-facilities.jpg");
     background-position: 50% 50%;
     background-size: cover;
     background-attachment: fixed;
     background-repeat: no-repeat;
     text-align: center;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     #homepage-world-class-facilities {
         min-height: 500px;
    }
}
 @media only screen and (max-width: 991.99px) {
     #homepage-world-class-facilities {
         min-height: 450px;
    }
}
 @media only screen and (max-width: 767.99px) {
     #homepage-world-class-facilities {
         background-attachment: scroll;
         min-height: 350px;
    }
}
 .page-wrapper .page-content #homepage-world-class-facilities h2 {
     font-size: 4.5em;
     margin-top: 250px;
     color: #ffffff;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     .page-wrapper .page-content #homepage-world-class-facilities h2 {
         font-size: 3em;
    }
}
 @media only screen and (min-width: 767px) and (max-width: 991.99px) {
     .page-wrapper .page-content #homepage-world-class-facilities h2 {
         font-size: 2.5em;
         margin-top: 200px;
    }
}
 @media only screen and (max-width: 767.99px) {
     .page-wrapper .page-content #homepage-world-class-facilities h2 {
         font-size: 2.5em;
         margin-top: 115px;
    }
}
 #homepage-world-class-instructors {
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #eeece8;
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/WebHeader-PreludeWhite-1140x500.jpg");
     background-position: 50% 50%;
     background-size: cover;
     background-attachment: scroll;
     background-repeat: no-repeat;
}
/* --------- Contact us styles --------- */
 .page-wrapper .page-content article .talk-to-us {
     background=color: #EEECE8;
}
 .talk-to-us .feat-contact a {
}
/* --------- Programs and courses page styles --------- */
 #programs-courses-introduction {
     padding-top: 100px;
     padding-bottom: 100px;
}
 #programs-courses-introduction p#programs-courses-marketing-text {
     font-size: 2.45em;
     line-height: 140%;
     color: #003a5f;
     font-weight: 600;
     font-family: "Poppins", sans-serif;
     margin-bottom: 40px;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     #programs-courses-introduction p#programs-courses-marketing-text {
         font-size: 2em;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     #programs-courses-introduction p#programs-courses-marketing-text {
         font-size: 1.75em;
    }
}
 @media only screen and (max-width: 767.99px) {
     #programs-courses-introduction p#programs-courses-marketing-text {
         font-size: 1.5em;
    }
}
 #programs-courses-intro-text {
}
 #programs-courses-searchcourses {
}
 #advanced-course-search-CTAbox {
     padding: 40px;
     background-color: #003352;
     text-align: center;
     border-radius: 6px;
}
 @media only screen and (min-width:992px) and (max-width: 1199.99px) {
     #advanced-course-search-CTAbox {
         margin-top: 40px;
    }
}
 #advanced-course-search-CTAbox h3 {
     font-size: 26px;
     color: #FFFFFF;
     margin-top: 0px;
}
 #advanced-course-search-CTAbox p {
     color: #FFFFFF;
     margin-bottom: 20px;
}
 #advanced-course-search-CTAbox .btn {
     background-color: #ffffff;
     color: #003352;
}
 #advanced-course-search-CTAbox .btn:hover {
     background-color: #dfdfdf;
     color: #003352;
}
 #programs-courses-programtypes-section {
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #eeece8;
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/WebHeader-PreludeWhite-1140x500.jpg");
     background-position: 50% 50%;
     background-size: cover;
     background-attachment: scroll;
     background-repeat: no-repeat;
}
 .page-wrapper .page-content #programs-courses-programtypes-section h2 {
     margin-bottom: 40px;
}
 .page-wrapper .page-content a.programs-courses-programtypes {
     border-radius: 6px;
     padding: 15px 20px;
     font-size: 1.12em;
     font-weight: 600;
     border: none;
     display: block;
     margin-bottom: 20px;
     background-color: #003a5f;
     color: #ffffff;
}
 @media only screen and (min-width: 1200px) and (max-width: 1399.99px) {
     .page-wrapper .page-content a.programs-courses-programtypes {
         font-size: 1em;
    }
}
 .page-wrapper .page-content .programs-courses-programtypes:hover {
     border: none;
     background-color: #002943;
     color: #ffffff;
}
 .page-wrapper .page-content .programs-courses-programtypes::after {
     width: 20px;
     height: 20px;
     content: "";
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/view-programs-arrow-white.svg");
     background-repeat: no-repeat;
     background-size: 20px;
     transition: transform 0.2s ease-in-out;
     float: right;
     margin-top: 7px;
}
 .programs-courses-programarea {
     padding-top: 100px;
     padding-bottom: 100px;
}
 .programs-courses-programarea .btn {
     margin-bottom: 20px;
}
 @media only screen and (max-width: 992px) {
     .page-wrapper .page-content .programs-courses-programarea h2 {
         margin-top: 50px;
    }
}
 #programs-courses-grouplessons, #programs-courses-summerprograms {
     background-color: #0077ae;
}
 #programs-courses-grouplessons h2, #programs-courses-grouplessons p, #programs-courses-summerprograms h2, #programs-courses-summerprograms p {
     color: #ffffff;
}
 #programs-courses-speechartsdrama {
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #eeece8;
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/conservatory_header_programsandcourses-speecharts.jpg");
     background-position: 50% 50%;
     background-size: cover;
     background-attachment: scroll;
     background-repeat: no-repeat;
}
 #programs-courses-suzukilessons {
     background-color: #003a5f;
}
 #programs-courses-suzukilessons h2, #programs-courses-suzukilessons p {
     color: #ffffff;
}
 #programs-courses-choirs {
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #c7eafb;
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/conservatory_header_programsandcourses-choirs.jpg");
     background-position: 50% 50%;
     background-size: cover;
     background-attachment: scroll;
     background-repeat: no-repeat;
}
 #programs-courses-performanceprograms {
     background-color: #151F28;
}
 #programs-courses-performanceprograms h2 {
     color: #C4A149;
}
 #programs-courses-performanceprograms p {
     color: #ffffff;
}
/* --------- Performance programs page styles --------- */
 .performanceprograms-programarea {
     padding-top: 100px;
     padding-bottom: 100px;
}
 #performanceprograms-app {
     background-color: #151F28;
}
 #performanceprograms-app h2 {
     color: #C4A149;
}
 #performanceprograms-app p {
     color: #EEECE8;
}
 #performanceprograms-academy {
     background-color: #C4A149;
}
 #performanceprograms-academy h2, #performanceprograms-academy p {
     color: #151F28;
}
/* --------- About Conservatory styles --------- */
 #strategic-plan {
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #003a5f;
}
 .page-wrapper .page-content #strategic-plan h2, .page-wrapper .page-content #strategic-plan p {
     color: #ffffff;
}
 #more-than-music-section {
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #0077AE;
}
 .page-wrapper .page-content #more-than-music-section h2 {
     color: #ffffff;
}
 .more-than-music-block {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     width: 32%;
     background-color: #ffffff;
     padding: 40px;
     border-radius: 6px;
     margin-right: 7.5px;
     margin-left: 7.5px;
     text-align: center;
     margin-bottom: 15px;
}
 .more-than-music-block h3 {
     margin-top: 0;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     .more-than-music-block {
         width: 48%;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     .more-than-music-block {
         width: 47%;
    }
}
 @media only screen and (max-width: 767.99px) {
     .more-than-music-block {
         width: 99%;
    }
}
 .page-wrapper .page-content .more-than-music .btn-navy {
     margin: auto;
}
/* --------- Our people styles --------- */
 .our-people-nav-program-group {
     margin-bottom: 30px;
}
 .our-people-nav-program-group-title {
     text-transform: uppercase;
     font-weight: 600;
     color: #0077AE;
}
 #our-people-navigation {
     margin-top: 50px;
}
 .our-people-subsection {
     width: 48%;
     margin-right: 7.5px;
     margin-bottom: 15px;
}
 @media only screen and (min-width: 992px) and (max-width: 1199.99px) {
     .our-people-subsection {
         width: 48%;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     .our-people-subsection {
         width: 47%;
    }
}
 @media only screen and (max-width: 767.99px) {
     .our-people-subsection {
         width: 99%;
    }
}
 .instructor-section {
     margin-top: 50px;
}
/* --------- Bio styles --------- */
 .fsBioImg, .bioText {
     margin-top: 100px;
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     .fsBioImg, .bioText {
         margin-top: 50px;
    }
}
 @media only screen and (max-width: 767.99px) {
     .fsBioImg, .bioText {
         margin-top: 40px;
    }
}
 .page-wrapper .page-content .bioText h3 {
     font-size: 1.25em;
}
 .fsBioImg .bioImage {
     max-width: 232px;
}
 #bio-register-block {
     background-color: #E0F6FF;
     padding: 40px;
     text-align: center;
     margin-top: 75px;
     margin-bottom: 75px;
     border-radius: 6px;
}
 .page-wrapper .page-content #bio-register-block h2 {
     font-size: 2.25em;
     margin-bottom: 40px;
}
/* --------- Conservatory performance styles --------- */
 #performance-intro-section {
     padding-top: 50px;
     padding-bottom: 100px;
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     #performance-intro-section {
         padding-top: 25px;
         padding-bottom: 75px;
    }
}
 @media only screen and (max-width: 767.99px) {
     #performance-intro-section {
         padding-top: 0px;
         padding-bottom: 40px;
    }
}
 .page-wrapper .page-content #performance-intro-section p {
     color: #003a5f;
     font-size: 1.5em;
     line-height: 2;
}
 div>p.concert-date {
     font-size: 17px;
}
/* Default performance styles for LiveWhale Embeds */
 .lwcw {
     display: flex;
     flex-flow: row wrap;
     margin-bottom: 100px;
}
 .lwcw .flex-item {
     display: flex;
     width: 33.333333%;
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 15px;
}
 .lwcw .performance {
     background-color: #003a5f;
     border-radius: 6px;
     overflow: hidden;
}
 @media (min-width: 768px) and (max-width: 991.98px) {
     .lwcw .flex-item {
         width: 50%;
    }
}
 @media (max-width: 767.99px) {
     .lwcw .flex-item {
         width: 100%;
    }
}
 .livewhale-event-details {
     background-color: #0077AE;
     padding: 25px;
}
 .livewhale-event-details p {
     font-size: 18px;
}
 .page-wrapper .page-content .perf_name a {
     font-weight: 600;
     font-size: 18px;
     color: #EFFFFF;
     border-bottom: 1px solid #EFFFFF;
}
 .page-wrapper .page-content .perf_name a:hover {
     color: #C7EAFB;
     border-bottom: 1px solid #C7EAFB;
}
 .page-wrapper .page-content .perf_name a:focus {
     outline: 1px solid #ffffff;
}
 .page-wrapper .page-content .perf_date, .page-wrapper .page-content .perf_venue {
     color: #ffffff;
     font-size: 18px;
}
 @media only screen and (max-width: 768px) {
     .perf_name {
         font-size: 16px;
    }
}
 #upcoming-performances-section {
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #EEECE8;
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     #upcoming-performances-section {
         padding-top: 25px;
         padding-bottom: 75px;
    }
}
 @media only screen and (max-width: 767.99px) {
     #upcoming-performances-section {
         padding-top: 0px;
         padding-bottom: 40px;
    }
}
 .page-wrapper .page-content #upcoming-performances-section h2 {
     margin-bottom: 40px;
}
/* --------- Contact us styles --------- */
 .contactus-section {
     padding-top: 60px;
     padding-bottom: 50px;
}
 @media only screen and (min-width: 768px) and (max-width: 991.99px) {
     .contactus-section {
         padding-top: 25px;
         padding-bottom: 75px;
    }
}
 @media only screen and (max-width: 767.99px) {
     .contactus-section {
         padding-top: 0px;
         padding-bottom: 40px;
    }
}
 .page-wrapper .page-content .contactus-section h1 {
     margin-top: 40px;
}
/* --------- Scholarships and bursaries styles --------- */
 #scholarship-bursary-section {
     padding-top: 100px;
     padding-bottom: 100px;
}
 #scholarship-bursary-donate {
     padding-top: 100px;
     padding-bottom: 100px;
     background-color: #EEECE8;
     text-align: center;
     background-image: url("../../ProgramsCourses/FacultiesSchoolsCentres/TheConservatory/_images/WebHeader-PreludeWhite2-1140x500.jpg");
     background-position: 50% 50%;
     background-size: cover;
     background-attachment: scroll;
     background-repeat: no-repeat;
     position: relative;
}


 .page-wrapper .page-content #scholarship-bursary-section h1, .page-wrapper .page-content #scholarship-bursary-donate h2 {
     margin-bottom: 40px;
}
 .page-wrapper .page-content #scholarship-bursary-donate p {
     font-size: 1.25em;
     color: #003a5f;
}