@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora&display=swap");
.special-list li a {
  border: 1px solid #e4e4e4;
  padding: 13px 16px;
  color: #2c2c2c;
  font-weight: 600;
  text-decoration: none;
}
.special-list li a:hover {
  background: #1FA386;
  border: 1px solid #1FA386;
  color: white;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 2;
  color: #313131;
}

img {
  max-width: 100%;
  height: auto !important;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  height: 0;
  border-top: 2px solid #F6F7F9;
}

.media {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 64px 0;
  padding: 0 0 64px 0;
  border-bottom: 2px solid #F6F7F9;
}
.media img {
  margin-right: 1rem;
}
.media .media-body {
  flex: 1;
}
.media .media-body h3 {
  font-size: 24px;
  font-weight: 600;
  color: #03254C;
}
.media .media-body a {
  color: #1FA386;
  text-decoration: none;
  font-weight: 600;
}
.media .media-body a.read-more {
  float: right;
  padding-right: 20px;
  background: url("../images/icons/readMoreArrow.svg") no-repeat center right;
}

#main .node .special-list {
  margin-left: 0;
}
#main .node .special-list li {
  margin-bottom: 24px;
}

.special-list li {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 24px;
}
.special-list li a {
  display: block;
}

#page-title {
  color: #03254C;
  font-weight: 600;
  font-size: 32px;
  padding-bottom: 8px;
  margin-bottom: 32px;
  border-bottom: 2px solid #F6F7F9;
}

.front #banner,
.not-front #banner {
  background: none;
  border-top: 2px solid #F6F7F9;
}
.front #banner .sixteen.columns,
.not-front #banner .sixteen.columns {
  display: flex;
  align-items: center;
  height: 88px;
}
.front #banner.banner-small, .front #banner.banner-large,
.not-front #banner.banner-small,
.not-front #banner.banner-large {
  height: 88px;
}
.front #banner.banner-small .site-title, .front #banner.banner-large .site-title,
.not-front #banner.banner-small .site-title,
.not-front #banner.banner-large .site-title {
  background: transparent;
  color: #03254C;
  font-family: Lora, serif;
  font-size: 32px;
  top: 0;
  padding: 0;
  margin: 0;
}

#navigation {
  background: #03254C;
}
#navigation ul#main-menu,
#navigation .nice-menu {
  display: flex;
}
#navigation ul#main-menu.nice-menu-down .menuparent,
#navigation .nice-menu.nice-menu-down .menuparent {
  background: none;
}
#navigation ul#main-menu li,
#navigation .nice-menu li {
  background-color: #03254C;
  border: none;
  padding: 15px;
  margin-right: 1rem;
}
#navigation ul#main-menu li ul,
#navigation .nice-menu li ul {
  border-top: none;
  top: 48px;
}
#navigation ul#main-menu li a,
#navigation .nice-menu li a {
  display: inline;
  color: white;
  text-decoration: none;
  text-transform: none;
  border-bottom: 2px solid transparent;
  padding: 0;
}
#navigation ul#main-menu li a.active, #navigation ul#main-menu li a:hover,
#navigation .nice-menu li a.active,
#navigation .nice-menu li a:hover {
  background: transparent;
  border-bottom: 2px solid #01E7B4;
}

#breadcrumb {
  color: #9c9c9c;
}
#breadcrumb a {
  color: #636363;
  text-decoration: none;
}
#breadcrumb #getsocial ul {
  margin-bottom: 0;
  height: 50px;
  display: flex;
  align-items: center;
  border-left: 2px solid #D0D0D0;
  padding-left: 20px;
}
#breadcrumb #getsocial li {
  margin-right: 21px;
  margin-bottom: 0;
}
#breadcrumb #getsocial li img {
  top: 0;
}

/* Homepage */
.front .carousel {
  margin: 0 auto;
}
.front .carousel img {
  object-fit: cover;
  width: 100%;
}
.front .carousel .view-homepage-carousel .owl-pagination {
  position: absolute;
  bottom: 50px;
  width: 1440px;
  max-width: 100%;
}
.front .carousel .view-homepage-carousel .owl-pagination .owl-page span {
  background-color: white;
}
.front .carousel .view-homepage-carousel .owl-pagination .owl-page.active span {
  background-color: #03254C;
}
.front .carousel .view-homepage-carousel .owl-controls {
  margin-top: 0;
}
.front .carousel .view-homepage-carousel .owl-buttons .owl-prev {
  position: absolute;
  left: 0;
  bottom: 50%;
  background: url("../images/icons/sliderLeftArrow.svg") no-repeat center center;
  text-indent: -9999px;
}
.front .carousel .view-homepage-carousel .owl-buttons .owl-next {
  position: absolute;
  right: 0;
  bottom: 50%;
  background: url("../images/icons/sliderRightArrow.svg") no-repeat center center;
  text-indent: -9999px;
}
.front .panel-row-primary .media {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.front .panel-row-primary .media .media-body h3 {
  font-size: 32px;
}
.front .panel-row-primary p {
  line-height: 32px;
}
.front .panel-row-secondary {
  background: #F6F7F9;
  padding: 40px 0;
}
.front .panel-row-secondary .panel-pane {
  min-height: 365px;
  padding-bottom: 32px;
}
.front .panel-row-secondary .pane-5 {
  background: white;
  padding: 32px 24px;
}
.front .panel-row-secondary .pane-5 .pane-title {
  font-weight: 600;
  font-size: 32px;
  color: #03254C;
}
.front .panel-row-secondary .pane-6 {
  background: white;
  text-align: center;
}
.front .panel-row-secondary .pane-6 h3 {
  color: #03254C;
  font-weight: 600;
  font-size: 24px;
}
.front .panel-row-secondary .pane-6 a {
  color: #1FA386;
  font-weight: 600;
}
.front .panel-row-secondary .pane-4 {
  background: white;
  text-align: center;
}
.front .panel-row-secondary .pane-4 h3 {
  color: #03254C;
  font-weight: 600;
  font-size: 24px;
}
.front .panel-row-secondary .pane-4 a {
  color: #1FA386;
  font-weight: 600;
}
.front .panel-row-secondary .pane-4 img,
.front .panel-row-secondary .pane-6 img {
  width: 100% !important;
  height: 272px !important;
  object-fit: cover;
}
.front .panel-row-tertiary {
  padding: 40px 0;
}
.front .panel-row-tertiary .panel-pane {
  min-height: 500px;
}
.front .panel-row-tertiary .pane-news {
  border: 8px solid #F6F7F9;
}
.front .panel-row-tertiary .pane-news .view-news .news-block__title {
  font-size: 18px;
  font-weight: 600;
  color: #141414;
  line-height: 24px;
  margin-bottom: 16px;
}
.front .panel-row-tertiary .pane-events {
  border: 8px solid #F6F7F9;
}
.front .panel-row-tertiary .pane-events .view-events .views-row {
  display: flex;
  border-bottom: 2px solid #F6F7F9;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.front .panel-row-tertiary .pane-events .view-events .views-row:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.front .panel-row-tertiary .pane-events .view-events .views-row .events-block__date {
  background: #1FA386;
  color: white;
  line-height: 1.2;
  text-align: center;
  margin-right: 16px;
  height: 80px;
  padding: 8px;
}
.front .panel-row-tertiary .pane-events .view-events .views-row .events-block__date .month {
  font-size: 16px;
}
.front .panel-row-tertiary .pane-events .view-events .views-row .events-block__date .day {
  font-size: 32px;
  font-weight: 600;
}
.front .panel-row-tertiary .pane-events .view-events .views-row .events-block__title {
  font-size: 14px;
  font-weight: 600;
  color: #141414;
  line-height: 19px;
}
.front .panel-row-tertiary .pane-events .view-events .views-row .events-block__title a {
  text-decoration: none;
}
.front .panel-row-tertiary .pane-events .view-events .views-row .events-block__venue {
  font-size: 12px;
}
.front .panel-row-tertiary .pane-10 {
  border: 8px solid #F6F7F9;
}
.front .panel-row-tertiary h2 {
  color: #03254C;
  font-size: 24px;
  font-weight: 600;
}
.front .panel-row-tertiary .panel-pane {
  padding: 16px 24px;
}
.front .panel-row-quaternary .pane-title {
  color: #03254C;
  font-size: 24px;
  font-weight: 600;
}
.front .panel-row-quinary {
  background: #F6F7F9;
  padding: 40px 0;
}
.front .panel-row-quinary .media {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.front .panel-row-senary {
  padding: 40px 0;
}
.front .panel-row-senary .pane-title {
  font-size: 24px;
  font-weight: 600;
  color: #03254C;
}
.front .panel-row-senary .panel-pane {
  background: #F6F7F9;
  padding: 16px 24px;
  min-height: 460px;
}
.front .panel-row-senary .pane-7 ul li {
  border-bottom: 1px solid #ececec;
  margin-bottom: 24px;
}
.front .panel-row-senary .pane-7 ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.front .panel-row-senary .pane-7 a {
  padding: 24px 32px;
  color: #03254C;
  text-decoration: none;
  font-weight: 600;
  display: block;
}
.front .panel-row-senary .pane-7 a.facebook {
  background: url("../images/icons/fbSocial.svg") no-repeat center left;
  background-size: 26px 21px;
}
.front .panel-row-senary .pane-7 a.instagram {
  background: url("../images/icons/intsaSocial.svg") no-repeat center left;
  background-size: 26px 21px;
}
.front .panel-row-senary .pane-7 a.twitter {
  background: url("../images/icons/twitterSocial.svg") no-repeat center left;
  background-size: 26px 21px;
}
.front .panel-row-senary .pane-7 a:hover {
  color: #1FA386;
}
.front .panel-row-senary .pane-7 a:hover.facebook {
  background: url("../images/icons/fbContact.svg") no-repeat center left;
  background-size: 26px 21px;
}
.front .panel-row-senary .pane-7 a:hover.instagram {
  background: url("../images/icons/instaContact.svg") no-repeat center left;
  background-size: 26px 21px;
}
.front .panel-row-senary .pane-7 a:hover.twitter {
  background: url("../images/icons/twitterContact.svg") no-repeat center left;
  background-size: 26px 21px;
}
.front .panel-row-senary .pane-8 {
  max-height: 460px;
  overflow-y: scroll;
}

/* About */
.research-groups {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.research-groups figure {
  flex: 1 1 272px;
  margin-right: 32px;
}
.research-groups figure:last-child {
  margin-right: 0;
}
.research-groups figure img {
  width: 100% !important;
  height: 272px !important;
  object-fit: cover;
}
.research-groups figure figcaption a {
  display: block;
  color: white;
  background: #1FA386;
  padding: 14px 16px;
  text-decoration: none;
  text-align: center;
  min-height: 50px;
}
.research-groups figure figcaption a:hover {
  background: #03254C;
}
.research-groups p:empty,
.research-groups figure + p {
  display: none;
}

/* News */
.page-news .view-news .news__title a {
  color: #03254C;
  font-size: 18px;
  font-weight: 600;
}
.page-news .view-news .news__read-more a {
  color: #1FA386;
}
.page-news #block-views-events-block {
  background: white;
}
.page-news #block-views-events-block h2 {
  color: #03254C;
  margin-bottom: 40px;
}
.page-news #block-views-events-block .view-events .views-row {
  display: flex;
  border-bottom: 2px solid #F6F7F9;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.page-news #block-views-events-block .view-events .views-row:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.page-news #block-views-events-block .view-events .views-row .events-block__date {
  background: #1FA386;
  color: white;
  line-height: 1.2;
  text-align: center;
  margin-right: 16px;
  height: 80px;
  padding: 8px;
  width: 40px;
}
.page-news #block-views-events-block .view-events .views-row .events-block__date .month {
  font-size: 18px;
}
.page-news #block-views-events-block .view-events .views-row .events-block__date .day {
  font-size: 32px;
  font-weight: 600;
}
.page-news #block-views-events-block .view-events .views-row .events-block__title {
  font-size: 14px;
  font-weight: 600;
  color: #141414;
  line-height: 19px;
}
.page-news #block-views-events-block .view-events .views-row .events-block__title a {
  text-decoration: none;
}
.page-news #block-views-events-block .view-events .views-row .events-block__venue {
  font-size: 12px;
}

/* Programmes */
/* Courses */
.page-courses .view-courses h3 {
  color: #1FA386;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
}
.page-courses .view-courses .views-row + h3 {
  margin-top: 40px;
}
.page-courses .view-courses .ui-accordion-header {
  margin-top: 32px;
}
.page-courses .view-courses .ui-accordion-header a {
  font-size: 16px;
  font-weight: 600;
  color: #03254C;
  display: inline-block;
  padding-right: 50px;
}
.page-courses .view-courses .ui-accordion-header .ui-accordion-header-icon {
  left: unset;
  right: 0;
}
.page-courses .view-courses .ui-state-default {
  background: none;
  border: none;
  border-bottom: 2px solid #f6f6f6;
}
.page-courses .view-courses .ui-widget-content {
  border: none;
  line-height: 2;
  color: #313131;
}
.page-courses .view-courses .ui-icon {
  width: 40px;
  height: 40px;
}
.page-courses .view-courses .ui-state-default .ui-icon {
  background: url("../images/icons/dropDownArrow.svg") no-repeat top center;
}
.page-courses .view-courses .ui-state-active .ui-icon {
  background: url("../images/icons/dropUpArrow.svg") no-repeat top center;
}

/* Staff Profile */
.node-type-staff-profile #main h3 {
  color: #03254C;
  font-size: 32px;
}
.node-type-staff-profile #main .field-group-htabs {
  clear: both;
}
.node-type-staff-profile #main .field-group-htabs .horizontal-tabs {
  border: none;
}
.node-type-staff-profile #main .field-group-htabs .horizontal-tabs-list {
  display: flex;
  justify-content: space-evenly;
  margin-left: 0;
  margin-bottom: 32px;
  list-style-type: none;
  background: none;
  border-right: none;
  border-bottom: 1px solid #F6F7F9;
}
.node-type-staff-profile #main .field-group-htabs .horizontal-tabs-list .horizontal-tab-button {
  margin: 0;
  background: none;
  border-right: none;
}
.node-type-staff-profile #main .field-group-htabs .horizontal-tabs-list .horizontal-tab-button a:hover {
  background-color: transparent;
}
.node-type-staff-profile #main .field-group-htabs .horizontal-tabs-list .horizontal-tab-button.selected a,
.node-type-staff-profile #main .field-group-htabs .horizontal-tabs-list .horizontal-tab-button.selected strong {
  color: #1FA386;
}

/* Contact */
.webform-client-form .form-actions .webform-submit,
#webform-client-form-1 .webform-submit {
  background: #1FA386;
  border: #1FA386;
  border-radius: 0;
  padding: 8px 24px;
  color: white;
  text-shadow: none;
  float: right;
}

#webform-client-form-1 input[type=text],
#webform-client-form-1 input[type=email],
#webform-client-form-1 textarea {
  background: #f6f6f6;
  border: none;
  border-radius: 0;
  padding: 8px;
  color: #a2a2a2;
}
#webform-client-form-1 .webform-component--contact-page--contact-info a.social img {
  display: inline-block;
  background: #F6F7F9;
  padding: 6px 12px;
  margin-right: 18px;
}

/*# sourceMappingURL=styles.css.map */
