/****** Updated 04/03/2020      *****/

/****** a links *****/

a{
    font-weight: bold;
}

/****** TABS *******/

div.ui-tabs-autosize ul.ui-tabs-nav li{
    border: solid 1px lightgray;
  }
  
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    background: #ededed;
}
  
  /******       overide tiles     *****/
  
  .sv-tiled-cop-a {
      background-color: #596781;
  }
  
  .sv-tiled-cop-a:hover {
      background-color: #73819b;
  }
  
  .sv-tiled-cop-b {
      background-color: #1967b2;
  }
  
  .sv-tiled-cop-c {
      background-color: #4B79AA;
  }
  
  .sv-tiled-cop-c:hover {
      background-color: #326091;
  }
  
  .sv-tiled-cop-d {
      background-color: #596781;
  }
  
  .sv-tiled-cop-d:hover {
      background-color: #73819b;
  }
  
  .sv-tiled-cop-e {
      background-color: #638023;
  }
  
  .sv-tiled-cop-e:hover {
      background-color: #4D641B;
  }
  
  .sv-tiled-cop-f {
      background-color: #087DA1;
  }
  
  .sv-tiled-cop-g {
      background-color: #dc3545;
  }
  
  .sv-tiled-cop-f:hover {
      background-color: #065B74;
  }
  
  .sv-tiled-cop-b:hover {
      background-color: #004e99;
  }
  
  .sv-tiled-cop-h {
      background-color: #17c1f4;
  }
  
  .sv-tiled-cop-h:hover {
      background-color: #31dbff;
  }
  
  .sv-tiled-cop-g:hover {
      background-color: #f64f5f;
  }
  
  .sv-tiled-cop-i {
      background-color: #ffae19;
  }
  
  .sv-tiled-cop-i:hover {
      background-color: #ffc04c;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-a {
      background-color: #1a3761;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-b {
      background-color: #004e99;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-h {
      background-color: #31dbff;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-d {
      background-color: #2e4866;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-e {
      background-color: #4D641B;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-c {
      background-color: #326091;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-g:hover {
      background-color: #f64f5f;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-i:hover {
      background-color: #ffc04c;
  }
  
  
  
  /******      Background        ******/
  /*
  body{
      background-image: url(../images/happen-diamond.svg);
  }
  */
  /****** Styles for Datatables *****/
  
  table.dataTable thead .sorting_asc {
      background: #596781;
      color: #fff;
  }
  
  table.dataTable thead .sorting {
      background: #596781;
      color: #fff;
  }
  
  table.dataTable thead .sorting_desc {
      background: #596781;
      color: #fff;
  }
  
  
  /****** Styles for Helpboxes   *****/
  
  .help-panel {
      border-bottom: 1px solid #000000;
      /*
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      */
      display: none;
  }
  
  .help-btn {
      float: right;
  }
  
  [data-wlv-help] {
      cursor: help;
  }
  
  
  /****** Styles for Helpboxes *****/
  
  
  /****** Content Type: WLV Home Featured ******/
  
  .wlv-home-featured .featured-row .featured-item-image .heading {
      background: #596782;
      color: #fff;
      transition: all ease-in-out 0.2s;
  }
  
  .wlv-home-featured .featured-row .featured-item-image:hover .heading {
      background: #4dbdd7;
      transition: all ease-in-out 0.2s;
  }
  
  
  /****** Content Type: WLV Home Featured ******/
  
  
  /* Wolverhampton Overrides File Version 1.0 */
  
  
  /* Fix Printing */
  
  @media print {
      a[href]:after {
          content: none !important;
      }
  }
  
  
  /* Fix Printing */
  
  
  /* Links decoration */
  
  a {
      color: #1a0dab;
  }
  
  a:hover {
      text-decoration: none;
  }
  
  a:focus,
  a:active {
      color: #000000;
  }
  
  .sv-list-group>a {
      text-decoration: none;
      font-weight: normal;
  }
  
  .sv-nav>li>a {
      text-decoration: none;
      font-weight: normal;
  }
  
  @media (min-width: 768px) {
      .sv-nav>li>a {
          padding-bottom: 32px;
          padding-top: 33px;
      }
  }
  
  
  /* Links decoration */
  
  
  /* Navbar colour updates */
  
  .sv-navbar-default .sv-navbar-nav>.sv-active>a,
  .sv-navbar-default .sv-navbar-nav>.sv-active>a:hover,
  .sv-navbar-default .sv-navbar-nav>.sv-active>a:focus {
      background-color: #0d1b35;
  }
  
  .sv-navbar-default .sv-navbar-nav>.sv-open>a,
  .sv-navbar-default .sv-navbar-nav>.sv-open>a:hover,
  .sv-navbar-default .sv-navbar-nav>.sv-open>a:focus {
      background-color: #00021c;
  }
  
  .sv-navbar-default .sv-navbar-nav>li>a:hover,
  .sv-navbar-default .sv-navbar-nav>li>a:focus {
      background-color: #00021c;
  }
  
  .sv-navbar-header {
      padding: 5px;
  }
  .sv-header-text{
      background-color: #0d1b35;
  }
  
  
  /* Navbar colour updates */
  
  /*Panel overides*/
  .sv-panel-footer{
      background-color: #e5e5e5;
  }
  
  .sv-navbar-default{
      background-color:#26344f;
  }
  
  .sv-navbar-default .sv-navbar-nav>li>a {
      font-weight:bold;
  }
  
  
  /****** Changing Header Images ******/
  
  .sv-header-image {
      height: 70px;
      width: 90px;
      background: url("../w_files/icons/wlv-logo-small.png") center center no-repeat;
  }
  
  @media (min-width: 768px) {
      .sv-header-image {
          height: 70px;
          width: 90px;
          background: url("../w_files/icons/wlv-logo-small.png") center center no-repeat;
      }
  }
  
  @media (min-width: 992px) {
      .sv-header-image {
          height: 70px;
          width: 90px;
          background: url("../w_files/icons/wlv-logo-small.png") center center no-repeat;
      }
  }
  
  @media (min-width: 1235px) {
      .sv-header-image {
          height: 70px;
          width: 90px;
          background: url("../w_files/icons/wlv-logo-small.png") center center no-repeat;
      }
  }
  
  @media (min-width: 1496px) {
      .sv-header-image {
          height: 70px;
          width: 340px;
          background: url("../w_files/icons/wlv-logo.png") center center no-repeat;
      }
  }
  
  
  /****** Changing Header Images ******/
  
  /****** TEXT Styles ******/
  h1, h2, h3, h4, h5, h6, .sv-h1, .sv-h2, .sv-h3, .sv-h4, .sv-h5, .sv-h6 {
      font-family: inherit;
      font-weight: 500;
      line-height: 1.1;
      color: inherit !important;
  }
  
  
  /****** Additional tile styles ******/
  
  .sv-tiled-link-text{
      font-weight:bold;
  }
  
  .sv-tiled-cop-primary {
      background-color: #596781;
  }
  
  .sv-tiled-cop-primary:hover {
      background-color: #73819b;
  }
  
  .sv-tiled-cop-secondary {
      background-color: #1967b2;
  }
  
  .sv-tiled-cop-newgrey {
      background-color: #567595;
  }
  
  .sv-tiled-cop-newgrey:hover {
      background-color: #3d5c7c;
  }
  
  .sv-tiled-cop-newblue {
      background-color: #596781;
  }
  
  .sv-tiled-cop-newblue:hover {
      background-color: #73819b;
  }
  
  .sv-tiled-cop-newgreen {
      background-color: #638023;
  }
  
  .sv-tiled-cop-newgreen:hover {
      background-color: #4a670a;
  }
  
  .sv-tiled-cop-newlightblue {
      background-color: #0bbbef;
  }
  
  .sv-tiled-cop-newred {
      background-color: #dc3545;
  }
  
  .sv-tiled-cop-newlightblue:hover {
      background-color: #09a8d7;
  }
  
  .sv-tiled-cop-secondary:hover {
      background-color: #3381cc;
  }
  
  .sv-tiled-cop-tertiary {
      background-color: #17c1f4;
  }
  
  .sv-tiled-cop-tertiary:hover {
      background-color: #31dbff;
  }
  
  .sv-tiled-cop-newred:hover {
      background-color: #f64f5f;
  }
  
  .sv-tiled-cop-newamber {
      background-color: #ffae19;
  }
  
  .sv-tiled-cop-newamber:hover {
      background-color: #ffc04c;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-primary {
      background-color: #1a3761;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-secondary {
      background-color: #3381cc;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-tertiary {
      background-color: #31dbff;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-newblue {
      background-color: #2e4866;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-newgreen {
      background-color: #4a670a;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-newgrey {
      background-color: #3d5c7c;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-newred:hover {
      background-color: #f64f5f;
  }
  
  .sv-tiled-col a:focus>.sv-tiled-cop-newamber:hover {
      background-color: #ffc04c;
  }
  /*
  .sv-tiled-cop-b{
      background-color: #faee2c;
  }
  .sv-tiled-cop-b:hover{
      background-color: #ffff46;
  }
  .sv-tiled-cop-b:focus{
      background-color: #ffff46;
  }
  .sv-tiled-cop-b .sv-tiled-link-text{
      color: #000;
  }
  .sv-tiled-cop-b .tiled-icon-large{
      color: #000;
  }
  .sv-tiled-cop-b .tiled-icon-small{
      color: #000;
  }
  */
  
  /****** Additional tile styles END ******/
  
  
  /****** Adding Jumbotron START ******/
  
  .sv-jumbotron {
      padding-top: 30px;
      padding-bottom: 30px;
      margin-bottom: 30px;
      color: #ffffff;
      background-color: #001d47;
  }
  
  .sv-jumbotron h1,
  .sv-jumbotron .h1 {
      color: #ffffff;
  }
  
  .sv-jumbotron p {
      margin-bottom: 15px;
      font-size: 21px;
      font-weight: 200;
  }
  
  .sv-jumbotron>hr {
      border-top-color: #1a3761;
  }
  
  .sv-container .sv-jumbotron,
  .sv-container-fluid .sv-jumbotron {
      padding-right: 15px;
      padding-left: 15px;
      border-radius: 6px;
  }
  
  .sv-jumbotron .container {
      max-width: 100%;
  }
  
  @media screen and (min-width: 768px) {
      .sv-jumbotron {
          padding-top: 48px;
          padding-bottom: 48px;
      }
      .sv-container .sv-jumbotron,
      .sv-container-fluid .sv-jumbotron {
          padding-right: 60px;
          padding-left: 60px;
      }
      .sv-jumbotron h1,
      .sv-jumbotron .h1 {
          font-size: 63px;
      }
  }
  
  
  /****** Adding Jumbotron START ******/
  
  
  /****** Footer Styles Start ******/
  
  .sv-footer {
      margin: 0;
      font-family: roboto, sans-serif;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      text-align: left;
      background-color: #fff;
      position: relative;
      z-index: 20;
      background-color: #596781;
      color: white;
      font-size: 16px;
      line-height: 25px;
  }
  
  .sv-footer .sv-row {
      margin-top: -7px;
      padding-top: 90px;
      padding-bottom: 36px;
      background-image: url(../images/footer/Group.svg);
      background-repeat: no-repeat;
      background-position: top center;
  }
  
  .sv-footer h4 {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 20px;
      text-transform: uppercase;
      /*white-space: nowrap;*/
  }
  
  .sv-footer a {
      color: #fff;
  }
  .sv-footer a:hover {
      color: yellow;
  }
  
  .sv-footer a.btn {
      padding: 0px;
      text-align: left;
  }
  
  .sv-footer a.btn:hover {
      color:yellow;
  }
  
  @media (min-width: 1500px) {
      .sv-container-wide {
          width: 1500px;
      }
  }
  
  @media (min-width: 1600px) {
      .sv-container-wide {
          width: 1600px;
      }
  }
  
  @media (min-width: 1700px) {
      .sv-container-wide {
          width: 1700px;
      }
  }
  
  @media (max-width: 768px) {
      .column {
          text-align: center;
      }
  }
  
  .logo {
      text-align: center;
  }
  
  
  /****** Footer Styles Start ******/
  
  
  /****** Content Type: Image Slider ******/
  
  .image-slider {
      position: relative;
      overflow: hidden;
      padding: 0px !important;
      margin: 10px 0px 0px 0px !important;
      width: 100%;
      overflow: hidden !important;
      height: auto !important;
  }
  
  .image-slider ul {
      padding: 0px !important;
      margin: 0px !important;
  }
  
  .image-slider ul li {
      float: left;
      list-style-type: none;
      background: none !important;
      padding: 0px !important;
      margin: 0px !important;
      position: relative !important;
  }
  
  .image-slider ul li img {
      height: 396px;
      max-width: auto !important
  }
  
  .col-md-16 .image-slider {
      height: 396px;
  }
  
  .col-md-13 .col-md-16 .image-slider {
      height: 318px;
  }
  
  .top-home-content .image-slider {
      height: 343px;
  }
  
  .col-md-13 .image-slider {
      height: 318px;
  }
  
  .col-md-13 .image-slider ul li img {
      height: 318px;
  }
  
  .col-md-16 .image-slider {
      height: 396px;
  }
  
  .col-md-16 .image-slider ul li img {
      height: 396px;
  }
  
  .image-slider ul li .overlay {
      position: absolute;
      margin-right: 400px;
      bottom: 40px;
      left: 10px;
      background: #142e4c;
  }
  
  .image-slider ul li .overlay h2 {
      color: #fff;
      margin: 15px 15px 7px 15px;
      font-family: 'Roboto Slab', serif;
      font-size: 2em;
      font-weight: bold;
  }
  
  .image-slider ul li .overlay p {
      color: #fff;
      margin: 0px 15px 10px 15px;
      font-family: Lato, Arial, Helvetica, sans-serif;
      font-size: 1.3em;
      font-weight: normal;
  }
  
  .image-slider ul li .overlay span {
      display: block;
      float: left;
      margin: 0px 15px 15px 15px;
      font-family: Lato, Arial, Helvetica, sans-serif;
      font-size: 1.1em;
      padding: 10px 18px;
      color: #fff;
      background: #0b79bc;
  }
  
  .image-slider ul li .overlay a:hover h2 {
      text-decoration: none;
      color: #fff;
  }
  
  .image-slider ul li .overlay a:hover p {
      text-decoration: none;
      color: #fff;
  }
  
  .image-slider ul li .overlay.ug-overlay {
      background: #142e4c;
  }
  
  .image-slider ul li .overlay.ug-overlay span {
      background: #ad0a7b;
  }
  
  .image-slider ul li .overlay.pg-overlay {
      background: #b1d569;
  }
  
  .image-slider ul li .overlay.pg-overlay span {
      background: #39b54a;
  }
  
  .image-slider ul li .overlay.in-overlay {
      background: #fac833;
  }
  
  .image-slider ul li .overlay.in-overlay span {
      background: #008f8a;
  }
  
  .image-slider ul li .overlay.bu-overlay {
      background: #142e4c;
  }
  
  .image-slider ul li .overlay.bu-overlay span {
      background: #b12e1a;
  }
  
  .image-slider .dots {
      width: 70%;
      height: 30px;
      position: absolute;
      list-style: none;
      left: 80px;
      bottom: 10px;
      margin: 0px 0px 0px 5px !important;
      padding: 0px !important;
  }
  
  .image-slider .dots li {
      float: left;
      height: 12px;
      width: 12px;
      float: left;
      padding: 0px;
      margin-top: 10px;
      margin-left: 5px;
      cursor: pointer;
      background: url(/media/system-files/style-assets/images/content-slider/controls/dot.png);
      overflow: hidden;
      text-indent: 50px;
  }
  
  .image-slider .dots li.active {
      background: url(/media/system-files/style-assets/images/content-slider/controls/dot-active.png);
  }
  
  .image-slider .unslider-arrow.next {
      width: 30px;
      height: 30px;
      background: url(/media/system-files/style-assets/images/content-slider/controls/next.png);
      position: absolute;
      left: 45px;
      bottom: 10px;
      text-indent: 100px;
      overflow: hidden;
  }
  
  .image-slider .unslider-arrow.next:hover {
      width: 30px;
      height: 30px;
      background: url(/media/system-files/style-assets/images/content-slider/controls/next-hover.png);
      position: absolute;
      left: 45px;
      bottom: 10px;
      text-indent: 100px;
      overflow: hidden;
  }
  
  .image-slider .unslider-arrow.prev {
      width: 30px;
      height: 30px;
      background: url(/media/system-files/style-assets/images/content-slider/controls/previous.png);
      position: absolute;
      left: 10px;
      bottom: 10px;
      text-indent: 100px;
      overflow: hidden;
  }
  
  .image-slider .unslider-arrow.prev:hover {
      width: 30px;
      height: 30px;
      background: url(/media/system-files/style-assets/images/content-slider/controls/previous-hover.png);
      position: absolute;
      left: 10px;
      bottom: 10px;
      text-indent: 100px;
      overflow: hidden;
  }
  
  .image-slider ul li .overlay.ug-page {
      background: #ef598c !important;
  }
  
  .image-slider ul li .overlay.ug-page span {
      background: #ad0a7b !important;
  }
  
  .image-slider ul li .overlay.pg-page {
      background: #b1d569 !important;
  }
  
  .image-slider ul li .overlay.pg-page span {
      background: #39b54a !important;
  }
  
  .image-slider ul li .overlay.in-page {
      background: #45bfa3 !important;
  }
  
  .image-slider ul li .overlay.in-page span {
      background: #33bcad !important;
  }
  
  .image-slider ul li .overlay.bu-page {
      background: #142e4c !important;
  }
  
  .image-slider ul li .overlay.bu-page span {
      background: #b12e1a !important;
  }
  
  .homepage-carousel {
      position: relative;
      /*margin-top: 5px;*/
      font-family: 'Roboto Slab', serif;
  }
  
  .homepage-carousel .slick-arrows {
      position: absolute;
      z-index: 2;
      top: 0px;
      display: none;
  }
  
  .homepage-carousel .overlay {
      position: absolute;
      margin-right: 400px;
      top: 20%
  }
  
  .homepage-carousel .overlay h2 {
      color: #54baa1;
      margin: 0 0 10px 0;
      line-height: 1em;
      font-family: 'Roboto Slab', serif;
      font-size: 4em;
      font-weight: 300;
      text-transform: uppercase;
      transition: all ease-in-out 0.2s;
  }
  
  @media (max-width: 767px) {
      .homepage-carousel .overlay h2 {
          font-size: 2em;
          transition: all ease-in-out 0.2s;
      }
  }
  
  .homepage-carousel .overlay p {
      color: #fff;
      margin: 0px 0 10px 0;
      font-size: 1.3em;
      font-weight: normal;
  }
  
  .homepage-carousel .overlay span {
      margin: 0 0 15px 0;
      font-size: 1.1em;
      color: #fdec0f;
      display: inline-block;
  }
  
  .homepage-carousel .overlay a:hover h2 {
      text-decoration: none;
      color: #fff;
  }
  
  .homepage-carousel.overlay a:hover p {
      text-decoration: none;
      color: #fff;
  }
  
  .homepage-carousel .slick-slide {
      position: relative;
  }
  
  .homepage-carousel .slick-dots {
      position: relative;
      bottom: 5px;
      padding: 0;
      margin: 0!important;
      width: 100%;
  }
  
  
  /*swap homepage-carousel for slick-innner-nav*/
  
  .homepage-carousel .slick-dots {
      padding-left: 10px;
  }
  
  .homepage-carousel .slick-dots li {
      display: inline-block;
      padding: 0 2px!important;
      margin: 0!important;
  }
  
  .homepage-carousel .slick-dots button {
      font-size: 0;
      background: #ffffff;
      box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1);
      height: 15px;
      width: 15px;
  }
  
  .homepage-carousel .slick-active button {
      background: #54baa1;
  }
  
  .slick-inner-nav {
      position: absolute;
      bottom: 0;
      width: 100%;
  }
  
  .slick-inner-nav .slick-arrows {
      position: relative;
  }
  
  .homepage-carousel a:hover {
      text-decoration: none;
  }
  
  .homepage-carousel img {
      width: 100%;
  }
  
  @media (max-width: 990px) {
      .homepage-carousel .overlay {
          background: #1e344b;
          position: relative;
          width: 100%;
          top: 0;
          padding-bottom: 30px;
          padding: 0 10px 30px 10px;
      }
      .homepage-carousel .container {
          width: 100%;
          padding: 0!important;
      }
      /*.homepage-carousel .slick-inner-nav {position: relative;}*/
      .homepage-carousel .slick-slider .slick-slide {
          position: absolute;
      }
      .homepage-carousel .slick-slider .slick-slide:first-child {
          position: relative;
      }
      .homepage-carousel .slick-initialized.slick-slider .slick-slide,
      .homepage-carousel .slick-initialized.slick-slider .slick-slide:first-child {
          position: relative;
      }
  }
  
  @media (max-width: 991px) {
      .homepage-carousel svg {
          opacity: 0;
          transition: all ease-in-out 0.2s;
      }
  }
  
  
  /*@media (max-width: 767px){
  .homepage-carousel .overlay{position: relative; width:100%; top: 0;}
  .homepage-carousel .container{width: 100%; padding: 0!important;}
  .homepage-carousel .slick-inner-nav {position: relative;}
  }*/
  
  
  /****** Content Type: Image Slider ******/
  
  
  /****** Content Type: Home Course Finder ******/
  
  .course-finder {
      background: #0b79bc;
      margin-top: 10px;
      padding: 15px;
      height: 196px;
  }
  
  .course-finder h3 {
      color: #fff;
      font-family: 'Roboto Slab', serif;
      font-weight: bold;
      font-size: 1.4em;
      margin: 0px;
  }
  
  .course-finder form {
      padding: 10px 0px 0px 0px;
  }
  
  .course-finder form .course-radio {
      padding: 10px;
  }
  
  .course-finder form label {
      color: #fff;
      margin-left: 10px;
      margin-right: 15px;
  }
  
  .course-finder form .row1 {
      float: left;
      width: 100%;
      margin-top: 10px;
  }
  
  .course-finder form .row2 {
      float: left;
      width: 100%;
      margin-top: 10px;
  }
  
  .course-finder form input.search-box {
      display: block;
      float: left;
      height: 40px;
      width: 65%;
      padding: 0px;
      margin: 0px;
      border: none;
      text-indent: 15px;
  }
  
  .course-finder form input.search-button {
      height: 40px;
      width: 30%;
      margin-left: 10px;
      background: #283579;
      color: #fff;
      cursor: pointer;
      border: none;
      text-transform: uppercase;
  }
  
  .course-finder form input.search-button:hover {
      background: #2b3668;
  }
  
  .course-finder .form-control {
      width: 65%;
      float: left;
      border-radius: 0px;
      -webkit-appearance: none;
      border: none;
      height: 40px;
      color: #191919;
  }
  
  .course-finder .form-control.select-box {
      background: #fff url(/media/system-files/style-assets/images/global/arrowdown.png) right center no-repeat;
  }
  
  .course-finder .wlv-checkbox,
  .course-finder .wlv-radio {
      margin-bottom: 5px;
      margin-right: 10px;
      float: left;
  }
  
  .course-finder .wlv-checkbox div,
  .course-finder .wlv-radio div {
      float: left;
  }
  
  .course-finder .wlv-checkbox label,
  .course-finder .wlv-radio label {
      display: inline-block;
      margin: 2px 0px 0px 10px;
      font-weight: normal;
  }
  
  
  /****** Content Type: Home Course Finder ******/
  
  
  /****** Content Type: Home Prospectus ******/
  
  .prospectus {
      background: #364382;
      margin-top: 10px;
      padding: 15px;
      height: 196px;
  }
  
  .prospectus h3 {
      color: #fff;
      font-family: 'Roboto Slab', serif;
      font-weight: bold;
      font-size: 1.4em;
      margin: 0px;
  }
  
  .prospectus p {
      color: #fff;
      font-family: Lato, Arial, Helvetica, sans-serif;
      margin: 6px 0px;
  }
  
  .prospectus a {
      display: block;
      background: #2b3668;
      color: #fff;
      width: 100%;
      padding: 7px 0px;
      text-indent: 10px;
      margin-top: 5px;
  }
  
  .prospectus a:hover {
      background: #1d2446;
      color: #fff;
      text-decoration: none;
  }
  
  
  /****** Content Type: Home Prospectus ******/
  
  
  /****** Content Type: Home Open Day ******/
  
  .open-days {
      background: #0091d0;
      margin-top: 10px;
      padding: 15px;
      height: 196px;
  }
  
  .open-days h3 {
      color: #fff;
      font-family: 'Roboto Slab', serif;
      font-weight: bold;
      font-size: 1.4em;
      margin: 0px;
  }
  
  .open-days p {
      color: #fff;
      font-family: Lato, Arial, Helvetica, sans-serif;
      margin: 3px 0px;
  }
  
  .open-days p a {
      color: #fff;
      text-decoration: underline;
  }
  
  .open-days a.open-day-date {
      display: block;
      color: #fff;
      width: 100%;
      padding: 3px 0px;
      /*text-indent:25px;*/
      font-size: 1.4em;
      font-weight: 900;
      /*background:url(/media/system-files/style-assets/images/global/calendar-icon.png) left center no-repeat;*/
  }
  
  .open-days a.button {
      display: block;
      background: #0074a6;
      color: #fff;
      width: 100%;
      padding: 7px 0px;
      text-indent: 10px;
      margin-top: 5px;
      text-align: center;
  }
  
  .open-days a.button:hover {
      background: #00557a;
      color: #fff;
      text-decoration: none;
  }
  
  .open-days h4 {
      text-transform: capitalize;
  }
  
  
  /****** Content Type: Home Open Day ******/
  
  
  /****** Content Type: Featured Items ******/
  
  .three-column .featured-items .col-md-4 {
      width: 50%;
  }
  
  .col-md-10 .featured-items .col-md-8 {
      width: 50%;
      float: left;
  }
  
  .featured-items {
      float: left;
      margin-bottom: 20px;
  }
  
  .feature-container {
      background: #fff;
      margin-top: 10px;
      position: relative;
      float: left;
  }
  
  .feature-container .feature-image img {
      width: 100%;
  }
  
  .feature-container .feature-title {
      position: absolute;
      top: 41px;
      left: 0px;
      padding: 15px;
      background: #596782;
      color: #fff;
      font-size: 1.3em;
      font-family: 'Roboto Slab', serif;
  }
  
  .feature-container .feature-text {
      padding: 15px;
      font-size: 1.1em;
      line-height: 24px
  }
  
  .feature-container .feature-link a {
      float: left;
      display: block;
      background: #0b79bc;
      color: #fff;
      text-align: center;
      height: auto;
      min-height: 42px;
      width: 100%;
      line-height: 42px;
      text-transform: uppercase;
  }
  
  .feature-container .feature-link a:hover {
      background: #0d90e0;
      text-decoration: none;
  }
  
  
  /****** Content Type: Featured Items ******/
  
  
  /* Page overall styles */
  
  .ug-page .feature-container .feature-title,
  .ug-item .feature-container .feature-title {
      background: #ef598c;
  }
  
  .ug-page .feature-container .feature-text a,
  .ug-item .feature-container .feature-text a {
      color: #ad0a7b;
  }
  
  .ug-page .feature-container .feature-link a,
  .ug-item .feature-container .feature-link a {
      background: #82096a;
  }
  
  .ug-page .feature-container .feature-link a:hover,
  .ug-item .feature-container .feature-link a:hover {
      background: #ad0a7b;
  }
  
  .pg-page .feature-container .feature-title,
  .pg-item .feature-container .feature-title {
      background: #b1d569;
  }
  
  .pg-page .feature-container .feature-text a,
  .pg-item .feature-container .feature-text a {
      color: #006838;
  }
  
  .pg-page .feature-container .feature-link a,
  .pg-item .feature-container .feature-link a {
      background: #006838;
  }
  
  .pg-page .feature-container .feature-link a:hover,
  .pg-item .feature-container .feature-link a:hover {
      background: #39b54a;
  }
  
  .in-page .feature-container .feature-title,
  .in-item .feature-container .feature-title {
      background: #45bfa3;
  }
  
  .in-page .feature-container .feature-text a,
  .in-item .feature-container .feature-text a {
      color: #008f8a;
  }
  
  .in-page .feature-container .feature-link a,
  .in-item .feature-container .feature-link a {
      background: #008f8a;
  }
  
  .in-page .feature-container .feature-link a:hover,
  .in-item .feature-container .feature-link a:hover {
      background: #00aca5;
  }
  
  .bu-page .feature-container .feature-title,
  .bu-item .feature-container .feature-title {
      background: #142e4c;
  }
  
  .bu-page .feature-container .feature-text a,
  .bu-item .feature-container .feature-text a {
      color: #b12e1a;
  }
  
  .bu-page .feature-container .feature-link a,
  .bu-item .feature-container .feature-link a {
      background: #f26522;
  }
  
  .bu-page .feature-container .feature-link a:hover,
  .bu-item .feature-container .feature-link a:hover {
      background: #b12e1a;
  }
  
  
  /* Page overall styles */
  
  
  /****** Content Type: Pull Out ******/
  
  .pull-out {
      background: #f0f1f2;
      display: block;
      padding: 15px;
      margin-top: 10px;
      white-space: break-word;
  }
  
  .pull-out h3 {
      color: #053f6f;
      font-weight: 700;
      margin: 0;
      font-family: 'Roboto Slab', serif;
  }
  
  .pull-out .link {
      margin-top: 10px;
      /*float:right;*/
      background: #053f6f;
      vertical-align: middle;
  }
  
  .pull-out .link a {
      color: #ffffff;
      display: block;
      padding: 7px 12px;
      text-align: center;
      min-height: 40px;
  }
  
  .pull-out p {
      margin: 10px 0;
      font-size: 1.1em;
      white-space: break-word;
  }
  
  
  /*** Pull Out ***/
  
  
  /****** Content Type: Featured Items ******/
  
  
  /****** Content Type: Full Width News Feed ******/
  
  .news-section {
      padding: 40px 0px 40px 0px;
      margin-top: 10px;
      width: 100%;
  }
  
  .news h2 {
      padding: 0px;
      margin: 0px;
      color: #1d2446;
      font-weight: 400;
      font-size: 1.7em;
  }
  
  .news .news-links {
      text-align: right;
      color: #1d2446;
  }
  
  .news-container {
      background: none;
      margin-top: 30px;
      position: relative;
      float: left;
      width: 100%;
  }
  
  .news-container .news-image {
      min-height: 120px;
      background: #001D47 url(http://www.wlv.ac.uk/media/system-files/style-assets/images/news-background.jpg) no-repeat center;
  }
  
  .news-container .news-image img {
      width: 100% !important;
      height: auto!important;
      max-height: 500px;
  }
  
  .news-container .news-text {
      padding: 15px;
  }
  
  .news-container .news-text h3 {
      color: #2b3668;
      font-size: 1.3em;
      line-height: 24px;
      margin: 0px 0px 10px 0px;
      text-transform: uppercase;
  }
  
  .news-container .news-text span {
      display: block;
      font-size: 1em;
      font-weight: 400;
      color: #1768b3;
      margin: 0px;
      padding: 0px;
      margin-top: -5px;
      margin-bottom: 5px;
  }
  
  .news-container .news-text p {
      font-size: 1em;
      line-height: 24px;
  }
  
  .carouselfour .news-container .news-image {
      max-height: 135px;
      overflow: hidden;
  }
  
  .news-container.research .news-text h3 {
      color: #006838;
  }
  
  .news-container.research .news-text span {
      color: #39B54A;
  }
  
  .news-container.business .news-text h3 {
      color: #142e4c;
      ;
  }
  
  .news-container.business .news-text span {
      color: #f26522;
  }
  
  .news-container.international .news-text h3 {
      color: #008f8a;
  }
  
  .news-container.international .news-text span {
      color: #00aca5;
  }
  
  .ug-page .news h2 {
      color: #620460;
  }
  
  .ug-page .news .news-text a,
  .ug-item .news-text a {
      color: #82096a;
  }
  
  .ug-page .news-container .news-image,
  .ug-item .news-container .news-image {
      background: #620460;
  }
  
  .ug-page .news-container .news-text h3,
  .ug-item .news-container .news-text h3 {
      color: #620460;
  }
  
  .pg-page .news h2 {
      color: #006838;
  }
  
  .pg-page .news .news-text a,
  .pg-item .news-text a {
      color: #39b54a;
  }
  
  .pg-page .news-container .news-image,
  .pg-item .news-container .news-image {
      background: #006838;
  }
  
  .pg-page .news-container .news-text h3,
  .pg-item .news-container .news-text h3 {
      color: #006838;
  }
  
  .in-page .news h2 {
      color: #008f8a;
  }
  
  .in-page .news .news-text a,
  .in-item .news-text a {
      color: #00aca5;
  }
  
  .in-page .news-container .news-image,
  .in-item .news-container .news-image {
      background: #008f8a;
  }
  
  .in-page .news-container .news-text h3,
  .in-item .news-container .news-text h3 {
      color: #008f8a;
  }
  
  .bu-page .news h2 {
      color: #142e4c;
  }
  
  .bu-page .news .news-text a,
  .bu-item .news-text a {
      color: #f26522;
  }
  
  .bu-page .news-container .news-image,
  .bu-item .news-container .news-image {
      background: #b12e1a;
  }
  
  .bu-page .news-container .news-text h3,
  .bu-item .news-container .news-text h3 {
      color: #b12e1a;
  }
  
  .news-thumbnail {
      height: 150px;
      width: 150px;
      float: left;
      overflow: hidden;
      margin-right: 20px;
      margin-bottom: 20px;
      background: #596782 url(/media/departments/marketing-and-communications/images/news-thumbnail.jpg);
  }
  
  .news-thumbnail img {
      position: relative;
      overflow: hidden;
      left: -50%;
      width: 200%!important;
      height: 100%!important;
  }
  
  .add-this-news {
      margin-bottom: 20px;
  }
  
  
  /****** Content Type: Full Width News Feed ******/
  
  
  /****** Content Type: Twitter Feed ******/
  
  .wlv-twitter {
      margin: 30px 0px;
  }
  
  .wlv-twitter h2 {
      padding: 0px;
      margin: 0px 0px 0px 10px;
      color: #1d2446;
      font-weight: 400;
      font-size: 1.7em;
  }
  
  .t4-wlv-tweets {
      width: 100%;
      float: left;
  }
  
  .t4-wlv-tweets ul {
      padding: 20px 20px 0px 0px;
      margin: 0px;
      float: left;
      width: 100%;
  }
  
  .t4-wlv-tweets ul li {
      list-style-type: none;
      background: none;
      width: 100%;
      word-wrap: break-word;
      float: left;
      margin-bottom: 0px;
      padding-left: 0px;
      margin-left: 0px;
  }
  
  .t4-wlv-tweets ul li .user {
      width: 100%;
      position: relative;
  }
  
  .t4-wlv-tweets ul li .user img {
      margin: 10px;
      border-radius: 4px;
      float: left;
  }
  
  .t4-wlv-tweets ul li .user span {
      display: block;
      float: left;
      font-size: 0.8em;
      color: #b5b9bc;
      width: 80%;
      text-decoration: none;
      margin-top: 7px;
  }
  
  .t4-wlv-tweets ul li .user span a {
      text-decoration: none !important;
  }
  
  .t4-wlv-tweets ul li .user span[data-scribe="element:name"] {
      clear: left;
      width: auto;
  }
  
  .t4-wlv-tweets ul li .user span[data-scribe="element:screen_name"] {
      width: 80%;
      margin-top: -2px;
  }
  
  .t4-wlv-tweets ul li .user span span {
      display: block;
      float: left;
      color: #2a2a2a;
      font-size: 1.4em;
      position: relative;
      white-space: nowrap;
  }
  
  .t4-wlv-tweets ul li .user span span[title="Verified Account"] {
      float: left;
      margin-left: 7px;
      width: auto;
  }
  
  .t4-wlv-tweets ul li .tweet {
      clear: both;
      float: left;
      padding: 0px 10px;
      width: 100%;
      font-size: 1em;
      margin-bottom: 0px;
      word-wrap: break-word;
  }
  
  .t4-wlv-tweets ul li .tweet img {
      width: 24px;
      margin-left: 5px;
      margin-top: -5px;
  }
  
  .t4-wlv-tweets ul li .tweet a {
      font-weight: 300;
      word-break: break-word;
  }
  
  .t4-wlv-tweets ul li .timePosted {
      clear: both;
      float: left;
      padding: 5px 10px;
      color: #808080;
      font-size: 0.8em
  }
  
  .ug-page .t4-wlv-tweets ul li .timePosted {
      color: #ad0a7b;
  }
  
  .pg-page .t4-wlv-tweets ul li .timePosted {
      color: #006838;
  }
  
  .in-page .t4-wlv-tweets ul li .timePosted {
      color: #008f8a;
  }
  
  .bu-page .t4-wlv-tweets ul li .timePosted {
      color: #f26522;
  }
  
  .t4-wlv-tweets ul li .interact {
      display: none !important;
      clear: both;
      float: right;
      padding: 0px 5px;
  }
  
  .t4-wlv-tweets ul li .interact a {
      padding: 0px 5px;
      font-weight: 300;
      text-decoration: none;
  }
  
  .ug-page .t4-wlv-tweets ul li .tweet a,
  .ug-page .wlv-twitter h2 a {
      color: #ad0a7b;
  }
  
  .pg-page .t4-wlv-tweets ul li .tweet a,
  .pg-page .wlv-twitter h2 a {
      color: #006838;
  }
  
  .in-page .t4-wlv-tweets ul li .tweet a,
  .in-page .wlv-twitter h2 a {
      color: #008f8a;
  }
  
  
  /****** Content Type: Twitter Feed ******/
  
  
  /****** Content Type: Home Events ******/
  
  .wlv-events {
      margin: 30px 0px;
  }
  
  .wlv-events h2 {
      padding: 0px;
      margin: 0px 0px 0px 10px;
      color: #1d2446;
      font-weight: 400;
      font-size: 1.7em;
  }
  
  .wlv-events .events-links {
      text-align: right;
      color: #1d2446;
      margin-top: -22px;
  }
  
  
  /*.wlv-events div.col-md-8:nth-of-type(4) { clear:left; }*/
  
  .wlv-events .event {
      position: relative;
      margin-top: 20px;
      padding: 5px;
  }
  
  .wlv-events .event .event-left {
      width: 50px;
      background: #16c1f3;
      position: absolute;
      padding: 5px 0px;
      border-radius: 5px 0 0 5px;
      border-right: none;
      border: 2 px solid #142e4c;
  }
  
  .wlv-events .event .event-left span {
      display: block;
      text-align: center;
  }
  
  .wlv-events .event .event-left span.day {
      font-size: 1.3em;
      font-weight: 300;
  }
  
  .wlv-events .event .event-left span.month {
      font-weight: 900;
      text-transform: uppercase;
  }
  
  .wlv-events .event .event-left span.year {
      font-weight: 300;
  }
  
  .wlv-events .event .event-left span.to-date {
      font-size: 0.9em;
      margin: 5px 0px;
  }
  
  .wlv-events .event .event-right {
      width: auto;
      margin-left: 50px;
      min-height: 200px;
      background: #142e4c;
      padding-bottom: 7px;
  }
  
  .wlv-events .event .event-right h3 {
      color: #16c1f3;
      font-size: 1.2em;
      font-weight: 600;
      padding: 15px 15px 0px 15px;
      margin: 0px;
      text-transform: uppercase;
  }
  
  .wlv-events .event .event-right p {
      color: #fff;
      font-weight: 300;
      padding: 10px 15px 15px 15px;
      margin: 0px;
      font-size: 1em;
  }
  
  .wlv-events .event .event-right span.event-button a {
      display: block;
      padding: 7px 10px;
      margin: 7px 7px 0px 7px;
      color: #142e4c;
      background: #16c1f3;
      ;
      font-size: 0.9em;
      text-align: center;
      border-radius: 5px;
      border: 1px solid #16c1f3;
  }
  
  .wlv-events .event .event-right span.event-button a:hover {
      text-decoration: none;
      color: #142e4c;
      background: #16c1f3;
  }
  
  
  /*.wlv-events .Postgraduate .event-right { background:#b1d569; }
  .wlv-events .Postgraduate .event-left span{color:#b1d569;}
  .wlv-events .Postgraduate .event-right p {color:#142e4c; }*/
  
  .wlv-events .Postgraduate .event-right span.event-button a {
      background: #b1d569;
      border: 1px solid #b1d569;
  }
  
  .wlv-events .Postgraduate .event-right span.event-button a:hover {
      background: #b1d569;
      color: #142e4c;
  }
  
  .wlv-events .Postgraduate .event-right h3 {
      color: #b1d569;
  }
  
  .wlv-events .Postgraduate .event-left {
      background: #b1d569;
  }
  
  .wlv-events .Undergraduate .event-right {
      background: #f5e3fa;
  }
  
  .wlv-events .Undergraduate .event-right h3 {
      color: #620460;
  }
  
  .wlv-events .Undergraduate .event-left {
      background: #620460;
  }
  
  .wlv-events .Undergraduate .event-right span.event-button a {
      background: #82096a;
  }
  
  .wlv-events .Undergraduate .event-right span.event-button a:hover {
      background: #ad0a7b;
  }
  
  .wlv-events .International .event-right {
      background: #eafffe;
  }
  
  .wlv-events .International .event-right h3 {
      color: #008f8a;
  }
  
  .wlv-events .International .event-left {
      background: #008f8a;
  }
  
  .wlv-events .International .event-right span.event-button a {
      background: #008f8a;
  }
  
  .wlv-events .International .event-right span.event-button a:hover {
      background: #00aca5;
  }
  
  .wlv-events .Business .event-right {
      background: #ffebe2;
  }
  
  .wlv-events .Business .event-right h3 {
      color: #f26522;
  }
  
  .wlv-events .Business .event-left {
      background: #f26522;
  }
  
  .wlv-events .Business .event-right span.event-button a {
      background: #f26522;
  }
  
  .wlv-events .Business .event-right span.event-button a:hover {
      background: #f26522;
  }
  
  
  /****** Content Type: Home Events ******/
  
  
  /****** Content Type: Hero area image with title and course finder ******/
  
  .featured-image-container {
      width: 100%;
      height: 347px;
      background: #fff;
      margin-top: 10px;
      position: relative;
      overflow: hidden;
  }
  
  .col-md-13 .featured-image-container {
      height: 347px;
  }
  
  .col-md-16 .featured-image-container {
      height: 347px;
  }
  
  .featured-image-container .page-title {
      position: absolute;
      background: #142e4c;
      right: 20px;
      bottom: 20px;
      margin-left: 320px;
  }
  
  .featured-image-container .page-title h1 {
      padding: 0px;
      margin: 0px;
      text-transform: uppercase;
      color: #fff;
      padding: 18px 26px;
      font-size: 3em;
      font-family: 'Roboto Slab', serif;
  }
  
  .featured-image-container .image img {
      height: 347px;
      max-width: none;
  }
  
  .col-md-13 .featured-image-container .image img {
      height: 347px;
      max-width: none;
  }
  
  .col-md-16 .featured-image-container .image img {
      height: 347px;
      max-width: none;
  }
  
  .featured-image-container .course-finder {
      float: left;
      width: 280px;
      height: 307px;
      background: #142e4c;
      position: absolute;
      top: 20px;
      left: 20px;
      padding: 20px;
      margin-top: 0px;
  }
  
  .featured-image-container .course-finder h2 {
      color: #fff;
      font-family: 'Roboto Slab', serif;
      padding: 0px;
      margin: 0px 0px 0px 0px;
      font-size: 1.4em;
      font-weight: 700;
  }
  
  .featured-image-container .course-finder .wlv-radio {
      float: left;
      margin-bottom: 10px;
  }
  
  .featured-image-container .course-finder .iradio_square-blue {
      float: left;
  }
  
  .featured-image-container .course-finder label {
      float: left;
      color: #fff;
      margin-left: 10px;
  }
  
  .featured-image-container .course-finder input,
  .featured-image-container .course-finder select {
      width: 100%;
      margin-bottom: 10px;
  }
  
  .featured-image-container .course-finder input.input-button {
      color: #fff;
      background: #1768b3;
  }
  
  .featured-image-container .course-finder span {
      clear: both;
      float: left;
  }
  
  .featured-image-container .course-finder span a {
      color: #fff;
  }
  
  .featured-image-container .course-finder .input-section-1 {
      display: block;
  }
  
  .featured-image-container .course-finder .input-section-2 {
      display: none;
  }
  
  .ug-overlay .featured-image-container .page-title {
      background: #ef598c;
  }
  
  .ug-overlay .featured-image-container .course-finder {
      background: #ef598c;
  }
  
  .ug-overlay .featured-image-container .course-finder input.input-button {
      background: #ad0a7b;
  }
  
  .pg-overlay .featured-image-container .page-title {
      background: #b1d569;
  }
  
  .pg-overlay .featured-image-container .course-finder {
      background: #b1d569;
  }
  
  .pg-overlay .featured-image-container .course-finder input.input-button {
      background: #39b54a;
  }
  
  .in-page .featured-image-container .page-title {
      background: #45bfa3;
  }
  
  .in-page .featured-image-container .course-finder {
      background: #45bfa3;
  }
  
  .in-page .featured-image-container .course-finder input.input-button {
      background: #33bcad;
  }
  
  .bu-page .featured-image-container .page-title {
      background: #fac833;
  }
  
  .bu-page .featured-image-container .course-finder {
      background: #fac833;
  }
  
  .bu-page .featured-image-container .course-finder input.input-button {
      background: #b12e1a;
  }
  
  
  /****** Content Type: Hero area image with title and course finder ******/
  
  
  /****** Content Type: Static image banner at top of the page ******/
  
  .top-banner {
      width: 100%;
      height: auto;
      position: relative;
      margin: 15px 0px;
  }
  
  .top-banner img {
      width: 100%;
      max-height: 330px;
  }
  
  .top-banner h1 {
      position: absolute;
      display: block;
      bottom: 10px;
      left: 10px;
      background: #142e4c;
      padding: 20px;
      color: #fff;
      margin: 0px;
      margin-right: 10px;
  }
  
  .ug .top-banner h1 {
      background: #ef598c;
  }
  
  .pg .top-banner h1 {
      background: #b1d569;
  }
  
  .in .top-banner h1 {
      background: #45bfa3;
  }
  
  .bu .top-banner h1 {
      background: #fac833;
  }
  
  
  /****** Content Type: Static image banner at top of the page ******/
  
  
  /****** Content Type: Featured Row ******/
  
  .col-md-10 .featured-row .col-md-8 {
      width: 50%;
      float: left;
  }
  
  .featured-row {
      float: left;
      margin-bottom: 0px;
      width: 100%;
  }
  
  .featured-row {
      margin-top: 10px;
      margin-bottom: 0px;
  }
  
  .feautred-row.add-margin-bottom {
      margin-bottom: 20px;
  }
  
  .featured-row.bottom {
      margin-bottom: 20px;
  }
  
  .featured-row .featured-item-image {
      width: 100%;
      min-height: 99px;
      background: #fff;
      position: relative;
      overflow: hidden;
  }
  
  .featured-row .featured-item-image .image {
      position: relative;
      top: 0px;
      left: 0px;
  }
  
  .featured-row .featured-item-image .image img {
      width: 100%;
  }
  
  .featured-row .featured-item-image .heading {
      background: #596782;
      color: #fff;
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      padding: 10px 12px;
      font-family: 'Roboto Slab', serif;
      font-size: 1.1em;
  }
  
  .feature-page.ug-page .featured-items .featured-item-image .heading {
      background: #ef598c;
  }
  
  .feature-page.pg-page .featured-items .featured-item-image .heading {
      background: #ef598c;
  }
  
  .featured-row .featured-item-text {
      padding: 10px;
  }
  
  .ug-page .featured-row .featured-item-image .heading,
  .featured-row .ug-item .featured-item-image .heading {
      background: #596782;
  }
  
  .ug-page .featured-row .featured-item-text a,
  .featured-row .ug-item .featured-item-text a {
      color: #ad0a7b;
  }
  
  .pg-page .featured-row .featured-item-image .heading,
  .featured-row .pg-item .featured-item-image .heading {
      background: #596782;
  }
  
  .pg-page .featured-row .featured-item-text a,
  .featured-row .pg-item .featured-item-text a {
      color: #006838;
  }
  
  .in-page .featured-row .featured-item-image .heading,
  .featured-row .in-item .featured-item-image .heading {
      background: #596782;
  }
  
  .in-page .featured-row .featured-item-text a,
  .featured-row .in-item .featured-item-text a {
      color: #008f8a;
  }
  
  .bu-page .featured-row .featured-item-image .heading,
  
  /*.featured-row .bu-item .featured-item-image .heading { background:#142e4c; }*/
  
  .bu-page .featured-row .featured-item-text a,
  .featured-row .bu-item .featured-item-text a {
      color: #b12e1a;
  }
  
  
  /****** Content Type: Featured Row ******/
  
  
  /****** Content Type: Featured Item ******/
  
  .individual.row-of-2.clear-rows {
      clear: both;
  }
  
  .col-md-4.individual-item,
  .col-md-8.individual-item {
      min-height: 99px;
      background: #fff;
      position: relative;
      margin-top: 10px;
  }
  
  .col-md-4.individual-item .featured-item-image,
  .col-md-8.individual-item .featured-item-image {
      width: 100%;
      min-height: 99px;
      background: #fff;
      position: relative;
  }
  
  .col-md-4.individual-item .image,
  .col-md-8.individual-item .image {
      position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      overflow: hidden;
  }
  
  .col-md-4.individual-item .image img,
  .col-md-8.individual-item .image img {
      width: 100%;
  }
  
  .col-md-4.individual-item .heading,
  .col-md-8.individual-item .heading {
      background: #596782;
      ;
      color: #fff;
      position: absolute;
      bottom: 0px;
      width: 100%;
      padding: 10px 12px;
      font-family: 'Roboto Slab', serif;
      font-size: 1.1em;
  }
  
  .col-md-4.individual-item .featured-item-text,
  .col-md-8.individual-item .featured-item-text {
      padding: 10px;
  }
  
  .ug-item.individual-item .featured-item-image .heading {
      background: #596782;
  }
  
  .ug-item.individual-item .featured-item-text a {
      color: #ad0a7b;
  }
  
  .pg-item.individual-item .featured-item-image .heading {
      background: #596782;
  }
  
  .pg-item.individual-item .featured-item-text a {
      color: #006838;
  }
  
  .in-item.individual-item .featured-item-image .heading {
      background: #596782;
  }
  
  .in-item.individual-item .featured-item-text a {
      color: #008f8a;
  }
  
  .bu-item.individual-item .featured-item-image .heading {
      background: #596782;
  }
  
  .bu-item.individual-item .featured-item-text a {
      color: #b12e1a;
  }
  
  
  /****** Content Type: Featured Item ******/
  
  
  /****** Content Type: 1 Column Layout ******/
  
  .single-column-content {
      margin-top: 20px;
  }
  
  
  /****** Content Type: 1 Column Layout ******/
  
  
  /****** Content Type: 2 Column Layout ******/
  
  .content-left {
      margin-right: 10px;
  }
  
  .content-right {
      margin-left: 10px;
  }
  
  .twoColumn.clear {
      width: 100%;
      padding: 15px 10px;
  }
  
  
  /****** Content Type: 2 Column Layout ******/
  
  
  /****** Content Type: Accordion ******/
  
  .ui-accordion .ui-accordion-header {
    background: #596781;
    color: white !important;
  }
  
  widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
  }
  
  
  /****** Content Type: Accordion ******/
  
  
  /****** Content Type: YouTube Video ******/
  
  .video-container.video-left {
      float: left;
      margin-right: 20px;
  }
  
  .video-container.video-right {
      float: right;
      margin-left: 20px;
  }
  
  
  /****** Content Type: YouTube Video ******/
  
  
  /****** Content Type: iFrame Container ******/
  
  .iframe-container.iframe-left {
      float: left;
      margin-right: 20px;
      margin-top: 20px;
  }
  
  .iframe-container.iframe-right {
      float: right;
      margin-left: 20px;
      margin-top: 20px;
  }
  
  
  /****** Content Type: iFrame Container ******/
  
  
  /****** News Item ******/
  
  .news-section-item {
      float: left;
      width: 100%;
      margin: 10px 0px 10px 0px;
      padding-bottom: 10px;
      border-bottom: 1px solid #CCC;
  }
  
  .news-fulltext img {
      float: right;
      margin: 20px 0px 20px 20px;
      max-width: 100%;
      height: auto !important;
  }
  
  .news-fulltext .imageleft {
      margin: 10px 15px 15px 0px
  }
  
  .news-fulltext .imageright {
      margin: 10px 0px 15px 15px
  }
  
  .sub-nav-2 {
      height: 1px !important;
      overflow: hidden !important;
  }
  
  
  /****** News Item ******/
  
  
  /****** Latest News Item ******/
  
  .latest-news-section h2 {
      margin-top: 0px;
      font-size: 1.6em;
  }
  
  .latest-news-section h2 a {
      color: #596782;
      font-weight: 400;
  }
  
  .latest-news-section h2 a:hover {
      text-decoration: none;
  }
  
  .latest-news-section h3 {
      color: #808080;
      font-size: 1.2em;
  }
  
  .latest-news-section .col-md-16 {
      width: 100%;
      border-bottom: 1px solid #eaefff;
      margin-bottom: 20px;
  }
  
  
  /****** Latest News Item ******/
  
  
  /****** Panels *******/
  
  .item {
      width: 49.5%;
  }
  
  .block-panel-container {
      margin: 0px;
      float: left;
      width: 100%;
      padding-top: 10px;
  }
  
  .block-panel-container .block-panel-heading {
      background: #1e3378;
      color: #fff;
      padding: 0px;
      margin: 0px;
  }
  
  .block-panel-container .block-panel-heading h2 {
      color: #fff;
      padding: 0px;
      margin: 0px;
      font-size: 1.3em;
      padding: 10px 12px;
  }
  
  .block-panel-container .block-panel-content {
      border: 2px solid #ced9e6;
      border-top: none;
      padding: 10px 15px;
      float: left;
      width: 100%;
  }
  
  .block-panel-container .block-panel-content img {
      margin-right: 15px;
      float: left;
      max-width: 100%;
      height: auto !important;
      margin: 10px 0px;
  }
  
  .block-panel-container .block-panel-content img.imageleft {
      margin: 10px 10px 10px 0px;
  }
  
  .block-panel-container .block-panel-content img.imageright {
      margin: 10px 00px 10px 10px;
  }
  
  .block-panel-container.postgraduate .block-panel-heading {
      background: #006838;
  }
  
  .block-panel-container.postgraduate .block-panel-content {
      border-color: #cae7da;
  }
  
  .block-panel-container.undergraduate .block-panel-heading {
      background: #620460;
  }
  
  .block-panel-container.undergraduate .block-panel-content {
      border-color: #decbde;
  }
  
  .block-panel-container.business .block-panel-heading {
      background: #b12e1a;
  }
  
  .block-panel-container.business .block-panel-content {
      border-color: #efcbc6;
  }
  
  .block-panel-container.international .block-panel-heading {
      background: #008f8a;
  }
  
  .block-panel-container.international .block-panel-content {
      border-color: #bfe2e1;
  }
  
  
  /****** Panels *******/
  
  
  /* 360s */
  
  .iframe-360 {
      width: 100%;
      height: 400px;
      margin-top: 15px;
      border: none;
  }
  
  
  /* 360s */
  
  
  /* RSS */
  
  .rss-feed {
      float: right;
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 10;
  }
  
  .rss-feed a {
      display: block;
      float: left;
  }
  
  .rss-feed a img {
      float: left;
      margin-right: 5px;
  }
  
  .rss-feed a span {
      float: left;
      line-height: 1em;
  }
  
  .rss-feed a:hover span {
      text-decoration: underline;
  }
  
  
  /* RSS */
  
  
  /* Soundcloud */
  
  .soundcloud {
      width: 60%;
  }
  
  
  /* Soundcloud */
  
  
  /****** WLV Jobs *******/
  
  .wlv_job {
      margin-bottom: 20px;
      width: 100%;
      border-bottom: 2px solid #ebedf4;
  }
  
  .wlv_job h3 {
      font-size: 1.8em;
  }
  
  .wlv_job a {
      display: block;
      margin-bottom: 20px;
      font-weight: bold;
      font-size: 1.2em;
  }
  
  .wlv_job table {
      margin-bottom: 20px;
  }
  
  .wlv_job tr {
      background: #fff !important;
  }
  
  .wlv_job td.title {
      background: #1e3378;
      color: #fff;
  }
  
  
  /****** WLV Jobs *******/
  
  
  /*** Half Buttons Start ***/
  
  .btn-hoz.btn-size-3 {
      float: left;
      width: 100%;
      height: 157px;
      background: gray;
      margin-top: 10px;
      position: relative;
      overflow: hidden;
  }
  
  .btn-vert.btn-size-2 {
      float: left;
      width: 100%;
      height: 491px;
      background: #a2cbe4;
      margin-top: 10px;
      position: relative;
      overflow: hidden;
  }
  
  .btn-hoz img {
      width: 100%;
  }
  
  .btn-vert img {
      width: 100%;
  }
  
  .btn-hoz span,
  .btn-vert span {
      position: absolute;
      bottom: 0px;
      left: 0px;
      font-size: 1.3em;
      background: #142e4c;
      padding: 11px;
      margin: 0px;
      color: #fff;
      font-weight: 700;
  }
  
  
  /*** Half Buttons End ***/
  
  
  /*** Course finder and buttons ***/
  
  .course-finder-and-buttons .course-finder {
      height: 255px;
  }
  
  .course-finder-and-buttons .course-finder input,
  .course-finder-and-buttons .course-finder select {
      width: 100%;
  }
  
  .course-finder-and-buttons .course-finder input[type="submit"] {
      background: #283579;
      color: #fff !important;
      cursor: pointer;
      border: none;
      text-transform: uppercase;
  }
  
  .course-finder-and-buttons .featured-row {
      width: 50% !important;
      float: left;
      height: 255px;
  }
  
  .course-finder-and-buttons .col-md-8 {
      height: 255px;
  }
  
  .course-finder-and-buttons .featured-item-image {
      margin-top: 0px;
      height: 255px;
      float: left;
      overflow: hidden;
  }
  
  .course-finder-and-buttons .featured-item-image img {
      width: 100%;
      left: -100px !important;
  }
  
  
  /*** Course finder and buttons ***/
  
  
  /****** Main Search List *******/
  
  .site-search-results {
      background: #fff;
      position: absolute;
      margin-top: 40px;
      width: 253px;
      z-index: 10;
  }
  
  .site-search-results ul {
      list-style-type: none;
      margin: 0px;
      padding: 5px 0px;
  }
  
  .site-search-results ul li {
      padding: 5px 10px;
  }
  
  
  /****** Main Search List *******/
  
  @media (min-width: 979px) {}
  
  @media (min-width: 992px) {
      /****** Content Type: Image Slider ******/
      .image-slider {
          width: 100% !important;
          overflow: hidden !important;
      }
      .col-md-13 .image-slider ul li img {
          height: 262px;
      }
      .image-slider ul li .overlay {
          margin-right: 310px;
      }
      .col-md-16 .image-slider {
          height: 396px;
      }
      .col-md-13 .col-md-16 .image-slider {
          height: 262px;
      }
      .top-home-content .image-slider {
          height: 343px;
      }
      /****** Content Type: Image Slider ******/
      /****** Content Type: Featured Items ******/
      .feature-container .feature-title {
          top: 19px
      }
      /****** Content Type: Featured Items ******/
      /****** Panels *******/
      .item {
          width: 49.3%;
      }
      /****** Panels *******/
  }
  
  
  /* Large desktop */
  
  @media (min-width: 1200px) {
      .col-md-13 .image-slider ul li img {
          height: 318px;
      }
      .image-slider ul li .overlay {
          margin-right: 400px;
      }
      .col-md-16 .image-slider {
          height: 396px;
      }
      .col-md-13 .col-md-16 .image-slider {
          height: 318px;
      }
      .top-home-content .image-slider {
          height: 343px;
      }
      /****** Content Type: Featured Items ******/
      .feature-container .feature-title {
          top: 41px
      }
      /****** Content Type: Featured Items ******/
      /****** Panels *******/
      .item {
          width: 49.4%;
      }
      /****** Panels *******/
  }
  
  
  /* Portrait tablet to landscape and desktop */
  
  @media (min-width: 768px) and (max-width: 979px) {
      /****** Content Type: Image Slider ******/
      .image-slider {
          position: relative;
          overflow: auto;
          padding: 0px !important;
          margin: 10px 0px 0px 0px !important;
          height: 310px !important;
          width: 100% !important;
          overflow: hidden;
      }
      .image-slider ul li img {
          height: 310px !important;
          width: auto !important;
          max-width: none !important;
      }
      .image-slider ul li .overlay {
          position: absolute;
          margin-right: 300px;
      }
      .col-md-16 .image-slider {
          height: 310px;
      }
      .top-home-content .image-slider {
          height: 310px;
      }
      /****** Content Type: Image Slider ******/
      /****** Content Type: Home Course Finder ******/
      .course-finder {
          height: 200px;
          width: 100%;
          left: 10px;
          clear: both;
          float: left;
          margin-top: 10px;
      }
      /****** Content Type: Home Course Finder ******/
      /****** Content Type: Home Prospectus ******/
      .prospectus {
          height: 196px;
      }
      /****** Content Type: Home Prospectus ******/
      /****** Content Type: Home Open Day ******/
      .open-days {
          height: 196px;
      }
      /****** Content Type: Home Open Day ******/
      /****** Content Type: Full Width News Feed ******/
      .news .news-clear {
          clear: both;
      }
      .news-section {
          background: #fff;
          padding: 20px 0px 20px 0px;
          margin-top: 0px;
      }
      .news h2 {
          padding: 10px 10px;
          margin: 0px;
          color: #1d2446;
          font-weight: 600;
          font-family: Lato, Arial, Helvetica, sans-serif;
          font-size: 1.8em;
      }
      .news .news-links {
          text-align: left;
          color: #1d2446;
          padding: 0px 15px;
      }
      /****** Content Type: Full Width News Feed ******/
      /****** Content Type: Home Events ******/
      .wlv-events h2 {
          padding: 10px 10px;
          margin: 0px;
          color: #1d2446;
          font-weight: 600;
          font-family: Lato, Arial, Helvetica, sans-serif;
          font-size: 1.8em;
      }
      .wlv-events .events-links {
          text-align: left;
          color: #1d2446;
          padding: 0px 15px;
          margin-top: 0px
      }
      .wlv-events .col-md-8 {
          float: left;
          width: 50%;
      }
      /****** Content Type: Home Events ******/
      /****** Content Type: Featured Row ******/
      .featured-row {
          margin-top: 10px;
          margin-bottom: 0px;
          width: 100%
      }
      .featured-row .col-md-4 {
          margin-bottom: 10px;
      }
      .featured-row .col-md-8 {
          width: 50%;
          float: left;
      }
      /****** Content Type: Featured Row ******/
      /****** Content Type: Featured Item ******/
      .col-md-8.individual-item {
          min-height: 99px;
          background: #fff;
          width: 50%;
          float: left;
          position: relative;
      }
      /****** Content Type: Featured Item ******/
      /****** Content Type: Hero area image with title and course finder ******/
      .featured-image-container {
          width: 100%;
          height: 420px !important;
          margin-top: 10px;
          position: relative;
          overflow: visible;
      }
      .featured-image-container .image {
          height: 347px !important;
          width: 730px !important;
          overflow: hidden;
      }
      .featured-image-container .image img {
          height: 347px !important;
          width: auto;
          max-width: none;
      }
      .featured-image-container .page-title {
          position: relative;
          left: 0px;
          top: 0px;
          right: 0px;
          bottom: auto;
          margin-left: 0px;
          margin-bottom: 10px;
      }
      .featured-image-container .page-title h1 {
          padding: 18px 15px;
          font-size: 1.7em;
      }
      .featured-image-container .course-finder {
          position: absolute;
          top: auto;
          bottom: 20px;
      }
      /****** Content Type: Hero area image with title and course finder ******/
      /****** Content Type: Static image banner at top of the page ******/
      .top-banner {
          min-height: initial;
      }
      /****** Content Type: Static image banner at top of the page ******/
      /****** Panels *******/
      .item {
          width: 100%;
      }
      .block-panel {
          clear: both;
      }
      /****** Panels *******/
      /* Soundcloud */
      .soundcloud {
          width: 80%;
      }
      /* Soundcloud */
      /*** Half Buttons Start ***/
      .btn-hoz.btn-size-5 img {
          width: 100% !important;
          height: auto !important;
      }
      .btn-vert.btn-size-2 {
          height: 255px;
      }
      .btn-vert.btn-size-2 img {
          width: 100% !important;
      }
      /*** Half Buttons End ***/
      /*** Course finder and buttons start ***/
      .course-finder-and-buttons {
          float: left;
      }
      .course-finder-and-buttons .featured-item-image {
          height: auto;
      }
      .course-finder-and-buttons .featured-row {
          width: 100% !important;
          float: left;
          height: auto !important;
      }
      .course-finder-and-buttons .featured-row .col-md-8 {
          width: 50%;
          float: left;
          height: auto !important;
      }
      /*** Course finder and buttons end  ***/
  }
  
  
  /* Landscape phone to portrait tablet */
  
  @media (max-width: 767px) {
      /****** Content Type: Image Slider ******/
      .image-slider {
          position: relative;
          overflow: auto;
          padding: 0px !important;
          margin: 10px 0px 0px 0px !important;
          height: 310px !important;
          width: 100% !important;
          overflow: hidden;
      }
      .image-slider ul li {
          overflow: hidden;
      }
      .image-slider ul li img {
          height: 310px !important;
          width: auto !important;
          max-width: none !important;
          margin-left: -200px;
      }
      .image-slider ul li .overlay {
          position: absolute;
          margin-right: 10px;
      }
      .col-md-16 .image-slider {
          height: 310px;
      }
      .col-md-13 .col-md-16 .image-slider {
          height: 310px;
      }
      .top-home-content .image-slider {
          height: 310px;
      }
      /****** Content Type: Image Slider ******/
      /****** Content Type: Home Course Finder ******/
      .course-finder {
          height: 264px;
          left: 10px;
          clear: both;
          float: left;
          margin-top: 10px;
          width: 100%;
      }
      .course-finder .form-control {
          width: 100%;
      }
      .course-finder form input.search-box,
      .course-finder form input.search-button {
          width: 100%;
          -webkit-appearance: none;
          border-radius: 0px;
      }
      .course-finder form input.search-button {
          margin-top: 10px;
          margin-left: 0px;
          border-radius: 0px;
      }
      /****** Content Type: Home Course Finder ******/
      /****** Content Type: Hero area image with title and course finder ******/
      .featured-image-container .image {
          width: 100%;
          overflow: hidden;
      }
      .featured-image-container .image img {
          height: 347px;
          width: auto;
          max-width: none;
      }
      /****** Content Type: Hero area image with title and course finder ******/
      /****** Content Type: Static image banner at top of the page ******/
      .top-banner {
          min-height: initial;
      }
      /****** Content Type: Static image banner at top of the page ******/
      /****** Content Type: Full Width News Feed ******/
      .news .news-clear {
          clear: both;
      }
      .news-section {
          background: #fff;
          padding: 20px 0px 20px 0px;
          margin-top: 0px;
      }
      .news h2 {
          padding: 10px 10px;
          margin: 0px;
          color: #1d2446;
          font-weight: 600;
          font-family: Lato, Arial, Helvetica, sans-serif;
          font-size: 1.8em;
      }
      .news .news-links {
          text-align: left;
          color: #1d2446;
          padding: 0px 15px;
      }
      /****** Content Type: Full Width News Feed ******/
      /****** Content Type: Home Events ******/
      .wlv-events h2 {
          padding: 10px 10px;
          margin: 0px;
          color: #1d2446;
          font-weight: 600;
          font-family: Lato, Arial, Helvetica, sans-serif;
          font-size: 1.8em;
      }
      .wlv-events .events-links {
          text-align: left;
          color: #1d2446;
          padding: 0px 15px;
          margin-top: 0px
      }
      .wlv-events .col-md-8 {
          float: left;
          width: 100%;
      }
      /****** Content Type: Home Events ******/
      /****** Content Type: Hero area image with title and course finder ******/
      .featured-image-container {
          width: 100%;
          height: auto !important;
          margin-top: 10px;
          position: relative;
          overflow: visible;
      }
      .featured-image-container .image {
          height: 347px !important;
          width: auto !important;
          overflow: hidden;
      }
      .featured-image-container .image img {
          height: 347px;
          width: auto;
          max-width: none;
      }
      .featured-image-container .page-title {
          position: relative;
          left: 0px;
          top: 0px;
          right: 0px;
          bottom: auto;
          margin-left: 0px;
          margin-bottom: 10px;
      }
      .featured-image-container .page-title h1 {
          padding: 18px 15px;
          font-size: 1.7em;
      }
      .featured-image-container .course-finder {
          position: absolute;
          top: auto;
          bottom: 20px;
      }
      /****** Content Type: Hero area image with title and course finder ******/
      /****** Content Type: Static image banner at top of the page ******/
      .top-banner {
          width: 100%;
          height: auto;
          position: relative;
          margin: 15px 0px;
      }
      .top-banner img {
          width: 100%;
          display: none;
      }
      .ug-page .top-banner h1,
      .top-banner h1 {
          position: inherit;
          display: block;
          bottom: auto;
          left: auto;
          background: none;
          padding: 0px;
          margin: 15px 0px;
          font-size: 2.4em;
          font-weight: normal;
          font-family: 'Roboto Slab', serif;
          color: #1e3378;
      }
      .ug-page .top-banner h1 {
          color: #82096a;
      }
      .pg-page .top-banner h1 {
          color: #006838;
      }
      .ug .top-banner h1 {
          background: none;
          color: #620460;
      }
      .pg .top-banner h1 {
          background: none;
          color: #006838;
      }
      .in .top-banner h1 {
          background: none;
          color: #008f8a;
      }
      .bu .top-banner h1 {
          background: none;
          color: #b12e1a;
      }
      /****** Content Type: Static image banner at top of the page ******/
      /****** Content Type: Featured Row ******/
      .featured-row {
          margin-top: 10px;
          margin-bottom: 0px;
          width: 100%
      }
      .featured-row .col-md-4 {
          margin-bottom: 10px;
      }
      .featured-row .col-md-8 {
          width: 50%;
          float: left;
      }
      /****** Content Type: Featured Row ******/
      /****** Content Type: Featured Item ******/
      .col-md-8.individual-item {
          min-height: 99px;
          background: #fff;
          width: 50%;
          float: left;
          position: relative;
      }
      /****** Content Type: Featured Item ******/
      /****** Content Type: 2 Column Layout ******/
      .content-left {
          margin-right: 0px;
      }
      .content-right {
          margin-left: 0px;
      }
      /****** Content Type: 2 Column Layout ******/
      /****** Content Type: YouTube Video ******/
      .video-container.video-left,
      .video-container.video-right {
          float: inherit;
          margin: 0px 0px 20px 0px;
          position: relative;
          padding-bottom: 56.25%;
          padding-top: 30px;
          width: 100%;
          height: 100%;
          overflow: hidden;
          z-index: 20;
      }
      .video-container iframe,
      .video-container object,
      .video-container embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 21;
      }
      /****** Content Type: YouTube Video ******/
      /****** Content Type: iFrame Container ******/
      .iframe-container.iframe-left,
      .iframe-container.iframe-right {
          float: inherit;
          margin: 0px 0px 20px 0px;
          position: relative;
          padding-bottom: 56.25%;
          padding-top: 30px;
          width: 100%;
          height: 100%;
          overflow: hidden;
          z-index: 20;
      }
      .iframe-container iframe,
      .iframe-container object,
      .iframe-container embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 21;
      }
      /****** Content Type: iFrame Container ******/
      /****** Panels *******/
      .item {
          width: 100%;
      }
      .block-panel {
          clear: both;
      }
      /****** Panels *******/
      /* RSS */
      .rss-feed {
          float: left;
          position: relative;
          right: auto;
          margin-left: 5px;
          margin-bottom: 15px;
          top: 0px;
          z-index: 10;
      }
      /* RSS */
      /* Soundcloud */
      .soundcloud {
          width: 100%;
      }
      /* Soundcloud */
      /*** Half Buttons Start ***/
      .btn-hoz.btn-size-5 img {
          width: 100% !important;
      }
      .btn-vert.btn-size-2 {
          height: 255px;
      }
      .btn-vert.btn-size-2 img {
          width: 100% !important;
      }
      /*** Half Buttons End ***/
      /*** Course finder and buttons start ***/
      .featured-row {
          margin-top: 0px;
      }
      .course-finder-and-buttons {
          float: left;
      }
      .course-finder-and-buttons .featured-item-image {
          height: auto;
      }
      .course-finder-and-buttons .featured-row {
          width: 100% !important;
          float: left;
          height: auto !important;
      }
      .course-finder-and-buttons .featured-row .col-md-8 {
          width: 50%;
          float: left;
          height: auto !important;
      }
      .course-finder-and-buttons .featured-item-image img {
          width: 100%;
          left: 0px !important;
      }
      /*** Course finder and buttons end ***/
      /*** Main Site Search ***/
      .site-search-results {
          width: 97%
      }
      /*** Main Site Search ***/
  }
  
  
  /* Landscape phones and down */
  
  @media (max-width: 480px) {
      /****** Content Type: Image Slider ******/
      .image-slider ul li .overlay {
          margin-right: auto;
          right: 10px;
      }
      .image-slider ul li .overlay h2 {
          font-size: 1.4em;
          font-weight: bold;
      }
      .image-slider ul li .overlay p {
          font-size: 1em;
          font-weight: normal;
      }
      .image-slider ul li img {
          margin-left: -320px;
      }
      .banner ul li .overlay h2 {
          font-size: 1.4em;
          font-weight: bold;
      }
      .banner ul li .overlay p {
          font-size: 1em;
          font-weight: normal;
      }
      /****** Content Type: Image Slider ******/
      /****** Content Type: Home Course Finder ******/
      .course-finder {
          height: 314px;
          left: 10px;
      }
      /****** Content Type: Home Course Finder ******/
      /****** Content Type: Hero area image with title and course finder ******/
      .featured-image-container .course-finder {
          left: 50% !important;
          padding: 20px;
          margin-top: 0px;
          margin-left: -140px;
      }
      /****** Content Type: Hero area image with title and course finder ******/
      /****** Content Type: Featured Items ******/
      .col-md-10 .featured-items .col-md-8 {
          width: 100%;
          float: left;
      }
      /****** Content Type: Featured Items ******/
      /****** Content Type: Featured Items ******/
      .three-column .featured-items .col-md-4 {
          width: 100%;
      }
      /****** Content Type: Featured Items ******/
      /****** Content Type: Featured Row ******/
      .col-md-10 .featured-row .col-md-8 {
          width: 100%;
          float: left;
      }
      .featured-row .col-md-8 {
          width: 100%;
          float: left;
          margin-top: 10px;
      }
      /****** Content Type: Featured Row ******/
      /****** Content Type: Featured Item ******/
      .col-md-8.individual-item {
          min-height: 99px;
          background: #fff;
          width: 100%;
          float: left;
          position: relative;
      }
      /****** Content Type: Featured Item ******/
      /****** Content Type: Twitter Feed ******/
      .t4-wlv-tweets ul li .user img {
          max-width: none;
          width: auto !important;
      }
      /****** Content Type: Twitter Feed ******/
      /*** Half Buttons Start ***/
      .btn-hoz.btn-size-5 img {
          width: auto !important;
          height: 100% !important;
      }
      .btn-vert.btn-size-2 {
          height: 255px;
      }
      .btn-vert.btn-size-2 img {
          width: 100% !important;
      }
      /*** Half Buttons End ***/
      /*** Course finder and buttons start ***/
      .course-finder-and-buttons .featured-row .col-md-8 {
          width: 100%;
          float: left;
          height: auto !important;
      }
      /*** Course finder and buttons end ***/
  }
  
  
  /****** Content Type: Featured Carousel ******/
  
  .featured-carousel {
      margin-top: 10px;
  }
  
  .featured-carousel h2 {
      margin-top: 0px;
  }
  
  
  /****** Content Type: Featured Carousel End ******/
  
  
  /****** Content Type: Staff Profile ******/
  
  .staff-profile-brief {
      clear: both;
      border-bottom: 1px solid #eaefff;
      padding: 10px 0;
  }
  
  
  /****** Content Type: Staff Profile End ******/
  
  
  /****** Content Type: Slick Carousel ******/
  
  .slick-carousel {
      width: 100%;
  }
  
  .slick-carousel h2 {
      margin-bottom: 0;
  }
  
  .slick-carousel p {
      margin: 10px 0;
  }
  
  
  /* Loading Styles */
  
  .slick-slider {
      background: #ffffff;
  }
  
  .slick-slider .slick-list {
      opacity: 0;
      position: absolute;
  }
  
  .slick-slider.slick-initialized {
      background: none;
  }
  
  .slick-slider.slick-initialized .slick-list {
      opacity: 1;
      position: relative;
      transition: opacity 0.2s ease-in;
  }
  
  .carousel-homepage.slick-slider .slick-list img {
      opacity: 0;
  }
  
  .carousel-homepage.slick-slider.slick-initialized .slick-list img {
      opacity: 1;
      transition: opacity 3s ease-in;
  }
  
  
  /****** Content Type: Slick Carousel End ******/
  
  
  /****** Content Type: Artsfest events ******/
  
  .artsfest-image {
      background: url(http://www.wlv.ac.uk/media/system-files/style-assets/images/backgrounds/artsfest-branding.jpg) no-repeat center;
      background-size: cover;
      height: 200px;
      overflow: hidden;
      position: relative;
  }
  
  .event-pull .artsfest-image {
      display: none;
  }
  
  .artsfest-image-overlay {
      background: #000000;
      opacity: 0.3;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
  }
  
  .artsfest-event img {
      width: 100%!important;
      min-height: 100% !important;
  }
  
  .slick-carousel .wlv-events .event-right {
      position: absolute;
      bottom: 0px;
      padding: 20px;
      color: #ffffff;
      margin: 30px;
  }
  
  .slick-carousel .event-left {
      display: none;
  }
  
  .slick-carousel .artsfest-image {
      height: 485px!important;
  }
  
  .slick-carousel .wlv-events .event-right h3 {
      position: relative;
      font-size: 20px;
  }
  
  .slick-carousel .wlv-events .event .event-right span.event-button a {
      padding: 20px 40px;
      position: relative;
      display: inline-block;
      font-weight: 700;
  }
  
  .slick-carousel .event-button a {
      color: #ffffff;
  }
  
  .wlv-events .artsfest-event .event-right {
      min-height: 220px;
  }
  
  .artsfest-featured-row {
      margin-bottom: 20px;
  }
  
  .wlv-events.artsfest-event {
      margin: 0;
  }
  
  .wlv-events .artsfest-event {
      margin-top: 10px;
  }
  
  
  /****** Content Type: Artsfest events End ******/
  
  
  /****** Content Type:  Add YouTube video homepage Start ******/
  
  .homepage-featured-video {
      padding: 40px;
      background: #eeeeee;
  }
  
  .homepage-featured-video h3 {
      font-weight: bold;
  }
  
  
  /****** Content Type:  Add YouTube video homepage End******/
  
  
  /****** Content Type: Full width pull Start ******/
  
  .pull-container {
      overflow: hidden;
      background: #142e4c;
      color: #ffffff;
      position: relative;
      padding: 0 3000px;
      left: -3000px;
  }
  
  @media (max-width: 768px) {
      .pull-container {
          padding: 0;
          left: 0;
      }
  }
  
  .pull-container a.button {
      padding: 20px 80px;
      background: none;
      border: 1px solid #4dbdd7;
      text-transform: uppercase;
      display: block;
      font-family: 'Roboto Slab', serif;
  }
  
  .pull-container a.button:hover {
      background: #4dbdd7;
      border: 1px solid #4dbdd7;
  }
  
  .pull-image {
      height: 112px;
      overflow: hidden;
  }
  
  .pull-image-overlay {
      position: absolute;
      height: 100%;
      width: 100%;
      background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(30, 52, 75, 0.89) 80%, rgba(30, 52, 75, 0.9) 81%, rgba(30, 52, 75, 1) 90%, rgba(30, 52, 75, 1) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(30, 52, 75, 0.89) 80%, rgba(30, 52, 75, 0.9) 81%, rgba(30, 52, 75, 1) 90%, rgba(30, 52, 75, 1) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 52, 75, 0.89) 80%, rgba(30, 52, 75, 0.9) 81%, rgba(30, 52, 75, 1) 90%, rgba(30, 52, 75, 1) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      transition: all ease-in-out 0.2s;
  }
  
  .pull-image img {
      width: 100%;
  }
  
  .pull-container h3 {
      font-weight: 300;
      color: #ffffff;
      font-size: 2.5em;
  }
  
  .pull-container h3 span {
      color: #4dbdd7;
  }
  
  .pull-container p {
      color: #f5357f;
      font-size: 1.5em;
      font-family: 'Roboto Slab', serif;
  }
  
  .pull-container .container {
      padding: 30px 0;
  }
  
  @media (max-width:991px) {
      .pull-container h3 {
          margin-top: 10px;
      }
      .pull-image-overlay {
          background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0) 80%, rgba(238, 238, 238, 0) 90%, rgba(238, 238, 238, 0) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0) 80%, rgba(238, 238, 238, 0) 90%, rgba(238, 238, 238, 0) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0) 80%, rgba(238, 238, 238, 0) 90%, rgba(238, 238, 238, 0) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          transition: all ease-in-out 0.2s;
      }
  }
  
  
  /****** Content Type: Full width pull End ******/
  
  
  /****** Content Type: Booking bar Start ******/
  
  .booking-bar {
      overflow: hidden;
      background: #142e4c;
      color: #ffffff;
      position: relative;
      padding: 30px;
      border-radius: 5px;
  }
  
  .booking-bar a.btn {
      padding: 20px 80px;
      background: none;
      border: 1px solid #4dbdd7;
      text-transform: uppercase;
      display: block;
      font-family: 'Roboto Slab', serif;
  }
  
  .booking-bar a.btn:hover {
      background: #4dbdd7;
      border: 1px solid #4dbdd7;
  }
  
  .booking-bar h3 {
      font-weight: 300;
      color: #ffffff;
      font-size: 1.8em;
  }
  
  .booking-bar h3 span {
      color: #4dbdd7;
  }
  
  .booking-bar p {
      color: #f5357f;
      font-size: 1.5em;
      font-family: 'Roboto Slab', serif;
  }
  
  .booking-bar .container {
      padding: 30px 0;
  }
  
  @media (max-width:991px) {
      .booking-bar h3 {
          margin-top: 10px;
      }
  }
  
  
  /****** Content Type: Booking bar End ******/
  
  
  /****** Content Type: Top of page banner Start ******/
  
  .hero-container {
      background: #cccccc;
  }
  
  
  /****** Content Type: Top of page banner End ******/
  
  
  /****** Content Type: Featured course Start ******/
  
  .featured-course img {
      max-width: 100%;
      height: auto!important;
  }
  
  .featured-course h3 {
      font-size: 1.1em;
      margin: 10px 0;
      color: #ffffff;
      font-family: 'Roboto Slab', serif;
  }
  
  .featured-course-text {
      position: absolute;
      left: 5px;
      right: 5px;
      bottom: 0;
      padding: 0 5px;
      background: #596782;
  }
  
  
  /****** Content Type: Featured course End ******/
  
  .news-button {
      text-align: center;
      color: #fff;
      padding: 5px;
      border-radius: 5px;
      background: #001d47;
      border: medium;
      cursor: pointer;
      font-weight: normal;
      transition: all 0.2s ease-in-out 0s;
      vertical-align: middle;
      white-space: nowrap;
      clear: both;
      float: right;
      padding: 15px 5px;
      width: 560px;
  }
  
  .news-button:hover {
      text-decoration: none;
      background: #0091d0;
  }
  
  .news-button h3 {
      text-align: center;
      color: #fff;
      font-size: 1.4em;
      margin: 0;
  }
  
  .news-button i {
      display: block;
  }
  
  .news-button p {
      margin-bottom: 5px;
      color: #fff;
  }
  
  .news-button a {
      color: #ffffff;
  }
  
  .news-button a:hover {
      text-decoration: none;
  }
  
  @media (max-width: 767px) {
      .news-button {
          float: none;
          margin-bottom: 15px;
          width: 100%;
      }
  }
  
  
  /****** Content Type: Case study start ******/
  
  .student-story {
      margin-top: 10px;
  }
  
  .student-story h2 {
      font-size: 2.5em;
  }
  
  .student-story h4 {
      font-size: 1.2em;
  }
  
  .student-story .profile-image img {
      width: 100%!important;
      height: auto!important;
  }
  
  .student-story blockquote {
      background: #596782;
      padding: 10px 20px;
      color: #fff;
  }
  
  .student-story blockquote p {
      font-size: 1.2em;
  }
  
  .student-story.story-list {
      border-bottom: 2px solid #ccc;
      margin: 20px 0;
  }
  
  .student-story.story-list h2 {
      font-size: 1.5em;
  }
  
  .student-story.story-list h4 {
      display: inline-block;
      margin-right: 10px;
  }
  
  .student-story.story-list p {
      color: #808080;
  }
  
  
  /****** Content Type: Case study End ******/
  
  .custom-class .slick-dots {
      display: none;
  }
  
  
  /****** Content Type: Events ******/
  
  .carousel-events {
      margin: 30px 0px;
  }
  
  .carousel-events .item {
      margin-bottom: 20px;
  }
  
  @media (min-width: 1200px) {
      .carousel-events .item {
          width: 50%;
      }
  }
  
  .carousel-events h2 {
      padding: 0px;
      margin: 0px 0px 0px 10px;
      color: #1d2446;
      font-weight: 400;
      font-size: 1.7em;
  }
  
  .carousel-events .events-links {
      text-align: right;
      color: #1d2446;
      margin-top: -22px;
  }
  
  .carousel-events .event .event-left {
      background: #16c1f3;
      display: block;
      padding: 5px 0px;
      border-right: none;
  }
  
  .carousel-events .event .event-left span {
      display: block;
      text-align: center;
  }
  
  .carousel-events .event .event-left span.day {
      font-size: 1.3em;
      font-weight: 300;
  }
  
  .carousel-events .event .event-left span.month {
      font-weight: 900;
      text-transform: uppercase;
  }
  
  .carousel-events .event .event-left span.year {
      font-weight: 300;
  }
  
  .carousel-events .event .event-left span.to-date {
      font-size: 0.9em;
      margin: 5px 0px;
  }
  
  .carousel-events .event .event-right {
      background: #142e4c;
      padding-bottom: 7px;
  }
  
  .carousel-events .event .event-right h3 {
      color: #16c1f3;
      font-size: 1.2em;
      font-weight: 600;
      padding: 15px 15px 0px 15px;
      margin: 0px;
      text-transform: uppercase;
  }
  
  .carousel-events .event .event-right p {
      color: #fff;
      font-weight: 300;
      padding: 10px 15px 15px 15px;
      margin: 0px;
      font-size: 1em;
  }
  
  .carousel-events .event .event-right span.event-button a {
      display: block;
      padding: 7px 10px;
      margin: 7px 7px 0px 7px;
      color: #142e4c;
      background: #16c1f3;
      font-size: 0.9em;
      text-align: center;
      border-radius: 5px;
      border: 1px solid #16c1f3;
  }
  
  .carousel-events .event .event-right span.event-button a:hover {
      text-decoration: none;
      color: #142e4c;
      background: #16c1f3;
  }
  
  
  /*.wlv-events .Postgraduate .event-right { background:#b1d569; }
  .carousel-events .Postgraduate .event-left span{color:#b1d569;}
  .carousel-events .Postgraduate .event-right p {color:#142e4c; }*/
  
  .carousel-events .Postgraduate .event-right span.event-button a {
      background: #b1d569;
      border: 1px solid #b1d569;
  }
  
  .carousel-events .Postgraduate .event-right span.event-button a:hover {
      background: #b1d569;
      color: #142e4c;
  }
  
  .carousel-events .Postgraduate .event-right h3 {
      color: #b1d569;
  }
  
  .carousel-events .Postgraduate .event-left {
      background: #b1d569;
  }
  
  .carousel-events .Undergraduate .event-right {
      background: #142e4c;
  }
  
  .carousel-events .Undergraduate .event-right h3 {
      color: #EA5287;
  }
  
  .carousel-events .Undergraduate .event-left {
      background: #EA5287;
  }
  
  .carousel-events .Undergraduate .event-right span.event-button a {
      background: #EA5287;
      border: 1px solid #EA5287;
  }
  
  .carousel-events .Undergraduate .event-right span.event-button a:hover {
      background: #EA5287;
      border: 1px solid #EA5287;
  }
  
  .carousel-events .International .event-right {
      background: #eafffe;
  }
  
  .carousel-events .International .event-right h3 {
      color: #008f8a;
  }
  
  .carousel-events .International .event-left {
      background: #008f8a;
  }
  
  .carousel-events .International .event-right span.event-button a {
      background: #008f8a;
  }
  
  .carousel-events .International .event-right span.event-button a:hover {
      background: #00aca5;
  }
  
  .carousel-events .Business .event-right {
      background: #ffebe2;
  }
  
  .carousel-events .Business .event-right h3 {
      color: #f26522;
  }
  
  .carousel-events .Business .event-left {
      background: #f26522;
  }
  
  .carousel-events .Business .event-right span.event-button a {
      background: #f26522;
  }
  
  .carousel-events .Business .event-right span.event-button a:hover {
      background: #f26522;
  }
  
  
  /*********************** Comparison slider *****************************************************/
  
  .twentytwenty-horizontal .twentytwenty-handle:before,
  .twentytwenty-horizontal .twentytwenty-handle:after,
  .twentytwenty-vertical .twentytwenty-handle:before,
  .twentytwenty-vertical .twentytwenty-handle:after {
      content: " ";
      display: block;
      background: white;
      position: absolute;
      z-index: 30;
      -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
      -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
      box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  }
  
  .twentytwenty-horizontal .twentytwenty-handle:before,
  .twentytwenty-horizontal .twentytwenty-handle:after {
      width: 3px;
      height: 9999px;
      left: 50%;
      margin-left: -1.5px;
  }
  
  .twentytwenty-vertical .twentytwenty-handle:before,
  .twentytwenty-vertical .twentytwenty-handle:after {
      width: 9999px;
      height: 3px;
      top: 50%;
      margin-top: -1.5px;
  }
  
  .twentytwenty-before-label,
  .twentytwenty-after-label,
  .twentytwenty-overlay {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
  }
  
  .twentytwenty-before-label,
  .twentytwenty-after-label,
  .twentytwenty-overlay {
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      transition-duration: 0.5s;
  }
  
  .twentytwenty-before-label,
  .twentytwenty-after-label {
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      transition-property: opacity;
  }
  
  .twentytwenty-before-label:before,
  .twentytwenty-after-label:before {
      color: white;
      font-size: 13px;
      letter-spacing: 0.1em;
  }
  
  .twentytwenty-before-label:before,
  .twentytwenty-after-label:before {
      position: absolute;
      background: rgba(255, 255, 255, 0.2);
      line-height: 38px;
      padding: 0 20px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
  }
  
  .twentytwenty-horizontal .twentytwenty-before-label:before,
  .twentytwenty-horizontal .twentytwenty-after-label:before {
      top: 50%;
      margin-top: -19px;
  }
  
  .twentytwenty-vertical .twentytwenty-before-label:before,
  .twentytwenty-vertical .twentytwenty-after-label:before {
      left: 50%;
      margin-left: -45px;
      text-align: center;
      width: 90px;
  }
  
  .twentytwenty-left-arrow,
  .twentytwenty-right-arrow,
  .twentytwenty-up-arrow,
  .twentytwenty-down-arrow {
      width: 0;
      height: 0;
      border: 6px inset transparent;
      position: absolute;
  }
  
  .twentytwenty-left-arrow,
  .twentytwenty-right-arrow {
      top: 50%;
      margin-top: -6px;
  }
  
  .twentytwenty-up-arrow,
  .twentytwenty-down-arrow {
      left: 50%;
      margin-left: -6px;
  }
  
  .twentytwenty-container {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      z-index: 0;
      overflow: hidden;
      position: relative;
      -webkit-user-select: none;
      -moz-user-select: none;
  }
  
  .twentytwenty-container img {
      max-width: 100%;
      position: absolute;
      top: 0;
      display: block;
  }
  
  .twentytwenty-container.active .twentytwenty-overlay,
  .twentytwenty-container.active :hover.twentytwenty-overlay {
      background: rgba(0, 0, 0, 0);
  }
  
  .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
  .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
  .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
  .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0;
  }
  
  .twentytwenty-container * {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
  }
  
  .twentytwenty-before-label {
      opacity: 0;
  }
  
  .twentytwenty-before-label:before {
      content: "Before";
  }
  
  .twentytwenty-after-label {
      opacity: 0;
  }
  
  .twentytwenty-after-label:before {
      content: "After";
  }
  
  .twentytwenty-horizontal .twentytwenty-before-label:before {
      left: 10px;
  }
  
  .twentytwenty-horizontal .twentytwenty-after-label:before {
      right: 10px;
  }
  
  .twentytwenty-vertical .twentytwenty-before-label:before {
      top: 10px;
  }
  
  .twentytwenty-vertical .twentytwenty-after-label:before {
      bottom: 10px;
  }
  
  .twentytwenty-overlay {
      -webkit-transition-property: background;
      -moz-transition-property: background;
      transition-property: background;
      background: rgba(0, 0, 0, 0);
      z-index: 25;
  }
  
  .twentytwenty-overlay:hover {
      background: rgba(0, 0, 0, 0.5);
  }
  
  .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1;
  }
  
  .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1;
  }
  
  .twentytwenty-before {
      z-index: 20;
  }
  
  .twentytwenty-after {
      z-index: 10;
  }
  
  .twentytwenty-handle {
      height: 38px;
      width: 38px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -22px;
      margin-top: -22px;
      border: 3px solid white;
      -webkit-border-radius: 1000px;
      -moz-border-radius: 1000px;
      border-radius: 1000px;
      -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
      -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
      box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
      z-index: 40;
      cursor: pointer;
  }
  
  .twentytwenty-horizontal .twentytwenty-handle:before {
      bottom: 50%;
      margin-bottom: 22px;
      -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
      -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
      box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  }
  
  .twentytwenty-horizontal .twentytwenty-handle:after {
      top: 50%;
      margin-top: 22px;
      -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
      -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
      box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  }
  
  .twentytwenty-vertical .twentytwenty-handle:before {
      left: 50%;
      margin-left: 22px;
      -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
      -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
      box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  }
  
  .twentytwenty-vertical .twentytwenty-handle:after {
      right: 50%;
      margin-right: 22px;
      -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
      -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
      box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  }
  
  .twentytwenty-left-arrow {
      border-right: 6px solid white;
      left: 50%;
      margin-left: -17px;
  }
  
  .twentytwenty-right-arrow {
      border-left: 6px solid white;
      right: 50%;
      margin-right: -17px;
  }
  
  .twentytwenty-up-arrow {
      border-bottom: 6px solid white;
      top: 50%;
      margin-top: -17px;
  }
  
  .twentytwenty-down-arrow {
      border-top: 6px solid white;
      bottom: 50%;
      margin-bottom: -17px;
  }
  
  .comparison-slider img {
      width: 100%;
  }
  
  
  /******************************* End of comparison slider *****************************/

/*********CALL OUTS**********/

    .sv-alert-danger-popout {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        border-left: 4px #b40000 solid;
    }
    .sv-alert-warning-popout {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
        border-left: 4px #ffc107 solid;
    }

/***************END CALL OUT ***************/