@charset "UTF-8";


.logo-wrapper svg {
    max-height: 11.5rem;
}


.ondemand {
    margin-left: 2rem;
}
.ondemand h4 {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}
.quote__slide:not(:first-child) {display:none;}
.slick-initialized .quote__slide {display:inline;}

    .logo-wrapper svg path.white {fill:#fff}
    .logo-wrapper svg path.navy {fill:#151F35}   

    .logo-wrapper.invert svg path.white {fill:#151F35}
    .logo-wrapper.invert svg path.navy {fill:#fff}  
 


.masthead-split.invert ul.masthead-split__links a {
  	border:1px solid #fff;
  	padding:0.5rem; 
	display:inline-block; }


.content-w-sidebar .feature-panel__content {
    width:100%;
}
.content-w-sidebar .feature-panel__inner.inner {
    display: unset;
}
.content-w-sidebar .feature-panel__text {
	width: 95%;
    text-align: right;
    margin-top: 1rem;
    padding-bottom: 1rem;
}


.quick-links__box.bg-blue a {
  	color:#fff; }

.site-footer__nav ul {
  list-style: none;
  margin-left: 0;
}

.imagecube {
  position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%;
justify-content: center;
    align-items: center;
}
.imagecube img {
  object-fit: cover;}

.block-list img {
  	width:6.5rem;
  	height:6.5rem;
    object-fit: cover;
}


.general-content .student-cta__text blockquote p {
    font-size: 2.25rem; }
.general-content .student-cta {
    margin-bottom:2.25rem; }
.general-content  .inner {
    margin-left: auto;
    margin-right: auto;
    width: 94%; }
.general-content > .feature-profile {
    width: 100%; }



.masthead--event.feature-bg-navy .masthead__panel, .masthead.border-graphic.feature-bg-navy:after {
    background-color: #151F35; }
.masthead--event.feature-bg-navy .text-highlight {
  	color: #151F35; }
.masthead--event.feature-bg-pink .masthead__panel, .masthead.border-graphic.feature-bg-pink:after {
    background-color: #EB5E94; }
.masthead--event.feature-bg-pink .text-highlight {
  	color: #EB5E94; }
.masthead--event.feature-bg-purple .masthead__panel, .masthead.border-graphic.feature-bg-purple:after {
    background-color: #4C4394; }
.masthead--event.feature-bg-purple .text-highlight {
  	color: #4C4394; }
.masthead--event.feature-bg-red .masthead__panel, .masthead.border-graphic.feature-bg-red:after {
    background-color: #E64550; }
.masthead--event.feature-bg-red .text-highlight {
  	color: #E64550; }
.masthead--event.feature-bg-blue .masthead__panel, .masthead.border-graphic.feature-bg-blue:after {
    background-color: #41A494; }
.masthead--event.feature-bg-blue .text-highlight {
  	color: #41A494; }
.masthead--event.feature-bg-yellow .masthead__panel, .masthead.border-graphic.feature-bg-yellow:after {
    background-color: #FDC400; }
.masthead--event.feature-bg-yellow .text-highlight {
  	color: #FDC400; }
.masthead--event.feature-bg-orange .masthead__panel, .masthead.border-graphic.feature-bg-orange:after {
    background-color: #E6881E; }
.masthead--event.feature-bg-orange .text-highlight {
  	color: #E6881E; }
.masthead--event.feature-bg-gray .masthead__panel, .masthead.border-graphic.feature-bg-gray:after {
    background-color: #F5F5F5; }
.masthead--event.feature-bg-gray .text-highlight {
  	color: #F5F5F5; }


.feature-img__shape.bg-navy svg {
    color: #151F35; }
.feature-img__shape.bg-pink svg {
    color: #EB5E94; }
.feature-img__shape.bg-purple svg {
    color: #4C4394; }
.feature-img__shape.bg-red svg {
    color: #E64550; }
.feature-img__shape.bg-blue svg {
    color: #41A494; }
.feature-img__shape.bg-yellow svg {
    color: #FDC400; }
.feature-img__shape.bg-orange svg {
    color: #E6881E; }
.feature-img__shape.bg-gray svg {
    color: #F5F5F5; }


.tag.bg-navy {
  background: #151F35 ; 
  color:#fff; }
	.bg-navy .tag {
    background:#41A494;
    color:#fff; }

.tag.bg-pink{
  background: #EB5E94 ; 
  color:#fff;}
	.bg-pink .tag {
    background:#fff;
    color:#EB5E94; }

.tag.bg-purple{
  background: #4C4394 ; 
  color:#fff;}
	.bg-purple .tag {
    background:#fff;
    color:#4C4394; }

.tag.bg-red {
  background: #E64550 ; 
  color:#fff;}
	.bg-red .tag {
    background:#fff;
    color:#E64550; }

.tag.bg-blue {
  background: #41A494 ; 
  color:#fff; }
	.bg-blue .tag {
    background:#151F35;
    color:#fff; }

.tag.bg-yellow{
  background: #FDC400 ; 
  color:#000;  }
	.bg-yellow .tag {
    background:#000;
    color:#fff; }

.tag.bg-orange {
  background: #E6881E ; 
  color:#fff;}
	.bg-orange .tag {
    background:#fff;
    color:#E6881E; }

.tag.bg-gray {
  background: #F5F5F5 ;
  color:#000;}
  .bg-gray .tag {
    background:#41A494;
    color:#fff; }



.global-notice {
        text-align: center;
        color: #fff;
        padding: 0.5rem 0;
        background-color: #41A494;
        transition: 0.3s all;
        font-weight: bold; }
    .global-notice:hover {
        background-color: #151F35;
        text-decoration: underline;  }

.masthead-split.courseheader .masthead-split__text h1 strong {
    color: #fff;
    font-weight: bold;
}



.masthead-split.short .masthead-split__inner {
    min-height: 60vh; }
@media print, screen and (min-width: 64em) {
	.masthead-split.short .masthead-split__image {
    	padding-top: 70vh;}
}

.masthead-split__text .display-1 + * , .masthead-split__text .display-2 + * , .masthead-split__text .display-3 + * , .masthead-split__text .display-4 + *, .masthead-split__text .display-5 + *  {
    margin-top: 2.5rem;
}
@media screen and (min-width: 75em) {
  .masthead-split__text .display-1 + * , .masthead-split__text .display-2 + * , .masthead-split__text .display-3 + * , .masthead-split__text .display-4 + * , .masthead-split__text .display-5 + * {
  	margin-top: 4.375rem; }
}


.stats-slider button.slick-prev.slick-arrow {
    top: 100%;
    background-image: none;
}
.stats-slider button.slick-next.slick-arrow {
    top: 100%;
    background-image: none;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

span.highlight__clearing {
    background-color: #41A494;
    padding: 0.3em 0.5em;
    font-size: smaller;
    color: #fff;
    margin-left: 1em;
}
span.highlight__custom {
    background-color: #151F35;
    padding: 0.3em 0.5em;
    font-size: smaller;
    color: #fff;
    margin-left: 1em;
}


        @media screen and (min-width: 75em) {
            .intro {
              max-width: auto;
              padding-bottom:2.5rem; } }


                            @media print, screen and (min-width: 64em) {                                 
                                  .latest-news__feature a > div.bg-navy:before {
                                      background: #151F35;}
                                    .latest-news__feature a > div.bg-pink:before {
                                      background: #EB5E94;}
                                    .latest-news__feature a > div.bg-purple:before {
                                      background: #4C4394;}
                                    .latest-news__feature a > div.bg-red:before {
                                      background: #E64550;}
                                    .latest-news__feature a > div.bg-blue:before {
                                      background: #41A494;}
                                    .latest-news__feature a > div.bg-yellow:before {
                                      background: #FDC400;}
                                      .latest-news__feature a > div.bg-orange:before {
                                      background: #E6881E;}
                                    .latest-news__feature a > div.bg-gray:before {
                                      background: #F5F5F5;}         
                            }


                            .sortPG .tag-group .tag {
                                background: #e78931; }
                              .sortUG .tag-group .tag {
                                background: #f06399; }
                              .tag-group a.tag:hover, .tag-group a.tag:focus, .tag-group a.tag:hover, .tag-group a.tag:focus {
                                background-color: #000000; }

                                .content-card-pink:hover h3 {
                                    color: #41A494;}


                                    .content-card-pink.bg-navy {
                                        background-color: #151F35;
                                        border: 5px solid #151F35;}
                                    .content-card-pink.bg-navy:hover h3 {
                                      color: #151F35;}
                                    .content-card-pink.bg-pink {
                                        background-color: #EB5E94;
                                        border: 5px solid #EB5E94;}
                                    .content-card-pink.bg-pink:hover h3 {
                                      color: #EB5E94;}
                                    .content-card-pink.bg-purple {
                                        background-color: #4C4394;
                                        border: 5px solid #4C4394;}
                                    .content-card-pink.bg-purple:hover h3 {
                                      color: #4C4394;}
                                    .content-card-pink.bg-red {
                                        background-color: #E64550;
                                        border: 5px solid #E64550;}
                                    .content-card-pink.bg-red:hover h3 {
                                      color: #E64550;}
                                    .content-card-pink.bg-blue {
                                        background-color: #41A494;
                                        border: 5px solid #41A494;}
                                    .content-card-pink.bg-blue:hover h3 {
                                      color: #41A494;}
                                    .content-card-pink.bg-orange {
                                        background-color: #E6881E;
                                        border: 5px solid #E6881E;}
                                    .content-card-pink.bg-orange:hover h3 {
                                      color: #E6881E;}
                                    
                                    .content-card-pink.bg-yellow {
                                        background-color: #FDC400;
                                        border: 5px solid #FDC400;}
                                    .content-card-pink.bg-yellow:hover h3 {
                                      color: #FDC400;}
                                    
                                    .content-card-pink.bg-gray {
                                        background-color: #F5F5F5;
                                        border: 5px solid #F5F5F5;}
                                    .content-card-pink.bg-gray:hover h3 {
                                      color: #151F35;}
                                
                                      @media print, screen and (min-width: 75em) {
                                        .feature-img__image {
                                            padding-top: 50%; } }

                                            .event-slider__date {
                                                position:relative; }


@media print, screen and (min-width: 40em) {
.feature-profile__citations {
  margin-top: 0;}
}
@media print, screen and (min-width: 40em) {
.feature-profile__image {
  padding-top: 0;}
}
@media print, screen and (min-width: 64em) {
.feature-profile__image {
  padding-top: 0;}
}
@media screen and (min-width: 90em) {
.feature-profile__image {
  padding-top: 0;}
}


.secondary-menu ul li span::before {
  display:none;}


@media print, screen and (min-width: 40em) {
	.column-flow {
    	column-count: 2;}
}
@media screen and (min-width: 75em) {
	.column-flow {
    	column-count: 3;}
}


.staff-card h3, .staff-card p {
    width:100%; }
.content-cols.panel-p-2.staff-profile-sections {
    background: transparent; }
.staff-profile-sections .tabs__staff-titles {
    background-color: inherit; }
.staff-profile-sections .tabs-title {
    margin-bottom: 0; 
	border-right: 2px solid #fff; }
.staff-profile-sections .tabs__staff-content {
    background-color: #f0f4f5;
    padding: 2em 3em 3em; }
.staff-profile-sections .tabs-title > a:hover, .staff-profile-sections .tabs-title > a[aria-selected='true'] {
    background-color: #f0f4f5;
    color: #151F35; }
.staff-profile-sections .tabs-title > a {
    color: #fff;
  	background-color: #151F35; }
.staff-profile-sections .tabs__staff-content th {
    background-color: #41A494;
    color: #ffffff; }





.student-cta__inner.inner {
    max-width: 70%; }
.general-content .student-cta__inner.inner {
    max-width: 85%; }
.student-cta__text {
  	max-width: 100%; }
.student-cta__text blockquote p {
    max-width: 100%; }
.student-cta__image {
    max-width: 80%; }
.student-cta__image.left {
    margin-right: auto; 
	text-align: right; }
.student-cta__image.right {
    margin-left: auto; 
	text-align: left; }


.student-story-card {
    border-bottom: none;
    border-top:none;
	background:#f0f4f5;
	padding-top: 0;
    padding-bottom: 0;
  	margin-bottom: 3rem; }
.student-story-card.feature {
  	background:#151F35; }
.student-story-card h2, .student-story-card h3, .student-story-card p {
    width:100%; }

.student-story-card__image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 25em; }
.student-story-card__image img {
    object-fit:cover;
    min-height: 100%;
    min-width: 100%; } 
.student-story-card__box::before {
    content: '';
    display:block;
    height:26px;
    position: relative;
    top: -25px;
    -webkit-clip-path: polygon(20% 0, 100% 100%, 100% 100%, 0 100%, 0 85%);
	clip-path: polygon(20% 0, 100% 100%, 100% 100%, 0 100%, 0 85%);}

.student-story-card .student-story-card__box, .student-story-card .student-story-card__box::before{
   	background-color:#f0f4f5; }
.student-story-card h2, .student-story-card h3, .student-story-card p {
    color:#151F35; }

.student-story-card.feature .student-story-card__box, .student-story-card.feature .student-story-card__box::before {
    background-color:#151F35; }
.student-story-card.feature h2, .student-story-card.feature h3, .student-story-card.feature p {
    color:#fff; }
.student-story-card__text {
    padding: 0 2em;
    margin-top: -20px;
    display: inline-block; }
.student-story-card .tag-group {
    margin-bottom: 1em; }
.student-story-card .tag-group .tag.undefined {
    background-color:#41A494; }
.studentstories .studentquote {
  	position: relative;
  	margin: 3em; 
  	clear: both;
  	padding: 2em; 
  	background-color: #41A494; 
  	color: #fff;
  	display: flex; } 
.studentstories .studentquote:after {  
  	display: block;  
  	content: "";    
  	position: absolute;    
  	top: 100%;    
  	left: 0;    
  	width: 0;    
  	height: 0;    
  	border-style: solid;   
  	border-width: 0 0 3em 3em;    
  	border-color: transparent transparent transparent #41A494; } 
.studentstories .studentquotename {    
  	margin-left: 3em;    
  	padding-top: 0.5em;    
  	font-style: italic; }
.studentstory .tag-group .tag.sortUG {
	background: #f06399; }
.studentstory .tag-group .tag.sortPG {
	background: #e78931; }

  button.mixitup-control-prev {
    margin-right: auto;
  }
  button.mixitup-control-next {
    margin-left: auto;
  }
  button.mixitup-control {
	display: inline-block;
    vertical-align: middle;
    margin-bottom:1rem;
    padding: .85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-family: inherit;
    font-size: 1rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -.01em;
  }
  button.mixitup-control-next, button.mixitup-control-prev {
    border: 1px solid #cb0064;
    color: #cb0064;
  }
  button.mixitup-control-active {
    color: #cb0064;
  }
  button.mixitup-control-disabled {
    visibility: hidden;
  }
  



@media screen and (min-width: 90em) {
    .newsheader h1.display-4 {
        font-size: 3.375rem;
    }
}



img.WRISstaffprofileimage::before {
    content: '';
    background: url(https://wrexham.ac.uk/media/marketing/campuses/wrexhamcampus/tower.jpg) no-repeat center;
  	background-size: cover;
    display: inline-block;
    width: inherit;
    height: inherit;
    left: 0;
    top: 0;
}
.masthead-split__image.nooverlay img {
    -webkit-mask: none;
}



.od_ug_container {
    background: #17223e;
    color: #fff;
    position: relative;
    margin-bottom: 4rem;
}
.od_pg_container {
    background: #f1f5f6;
    position: relative;
    margin-bottom: 4rem;
}
.od_content_h2,
.general-content .od_content_h2 {
    font-size: 4rem;
    font-weight: 600;
}
.od_content_h2 span {
    color: #eb5d95;
}
.od_content_event {
    padding: 2rem 4rem;
}
.od_content_event h2 {
    font-size: 6rem;
    line-height: 1;
    font-weight: 600;
}
.od_content_event span {
    font-size: 3rem;
    font-weight: 600;
    display: block;
}
.od_tag {
    display: inline-flex;
    padding: 0.3rem 0.5rem;
    margin-bottom: 1rem;
    border-radius: 2px;
    background-color: #fff;
    color: #17223e;
}
.od_tag_pg {
    display: inline-flex;
    padding: 0.3rem 0.5rem;
    border-radius: 2px;
    background-color: #17223e;
    color: #fff
}
.ug-tag {
    background: #eb5d95;
    color: #fff;
}
.pg-tag {
    background: #ffa200;
}
.od_book {
    position: absolute;
    right: 3%;
    bottom: -10%;
    background: #58c1b2;
    padding: 0.8rem 1rem;
    color: #fff;
    font-weight: bold;
    transition: all 0.2s;
}
.od_book:hover {
    color: #17223e;
}


.divider {
	border-bottom: solid 2px #151F35;
    margin: 3rem auto 1rem auto;
  	width: 50%;
    clear: both;
}
.divider.bg-navy { border-color: #151F35;}
.divider.bg-pink { border-color: #EB5E94;}
.divider.bg-purple { border-color: #4C4394;}
.divider.bg-red { border-color: #E64550;}
.divider.bg-blue { border-color: #41A494;}
.divider.bg-yellow { border-color: #FDC400;}
.divider.bg-orange { border-color: #E6881E;}
.divider.bg-gray { border-color: #F5F5F5;}         





.gallery-panel .gallery {
    margin: 0;
}
.gallery .slick-prev, .gallery .slick-next {
    top: -2.5rem;
    right: 8%;
    left: auto;
    z-index: 100;
    background-image: none;
    width: 2.5rem;
    height: 3.125rem;
}
.gallery-panel:not(.invert) button.slick-arrow path {
    stroke: #151F35;
}



.filters__tab-content .currentsection {
    font-weight: bold;
    position: relative;
    background-color: transparent;
    color: #348378;
}






.play-video {
  text-align:center;
}





/* Remove below after main updated */

.feature-league-table__slide {
  	max-width: 38.875rem;
}
.feature-league-table__text p {
    word-break: break-word !important;
}


.space-up {
 	margin-top: 3.75rem;
}
.space-down {
  	margin-bottom: 3.75rem;
}
@media screen and (min-width: 75em) {
    .space-up {
      	margin-top: 7.25rem;
  	}
  	.space-down {
      	margin-bottom: 7.25rem;
  	}
}