/**
 * @file
 * Subtheme specific CSS.
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');



/* ### GENERAL / SITE-WIDE ### */

html, body {
  overflow-x: hidden;
}

 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
   font-family: 'Open Sans', serif!important;
   font-weight: 600;
 }


 #block-dreeam-page-title {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: url('/themes/custom/dreeam/img/h1-title-defaultbg.jpg') center center;
    text-align: center;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
 }

#block-views-block-page-headings-node-specific-block-1 {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    text-align: center;
    height: 300px;
    overflow:hidden
 }



#block-views-block-page-headings-node-specific-block-1 .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}


#block-views-block-page-headings-node-specific-block-1 img {
  /*  height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%*/
        height: auto;
}

#block-views-block-page-headings-node-specific-block-1 .content.hoc_red {
    background-color: rgba(195, 19, 48, 0.5);
}

#block-views-block-page-headings-node-specific-block-1 .content.hoc_blue {
    background-color: rgba(0, 121, 193, 0.6);
}

#block-views-block-page-headings-node-specific-block-1 .content.hoc_purple {
    background-color: rgba(158, 61, 144, 0.6);
}

#block-views-block-page-headings-node-specific-block-1 .content.hoc_black {
    background-color: rgba(0, 0, 0, 0.6);
}


 #block-dreeam-page-title .content {
    background-color: rgba(158, 61, 144, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

 #block-pageheadingsresearchstudies,  #block-pageheadingscurrentresearch,  #block-pageheadingsresearcharchive {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: url('/themes/custom/dreeam/img/headingbg-research.jpg') center center;
    text-align: center;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
 }

  #block-pageheadingsmeettheteam {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: url('/themes/custom/dreeam/img/headingbg-meetteam.jpg') center center;
    text-align: center;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
 }


   #block-pageheadingsnews {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: url('/themes/custom/dreeam/img/ph-news-section.jpg') center center;
    text-align: center;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
 }

 #block-pageheadingsresearchstudies .content,  #block-pageheadingscurrentresearch .content,  #block-pageheadingsresearcharchive .content,  #block-pageheadingsmeettheteam .content, #block-pageheadingsnews .content {
    background-color: none;
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

 #block-dreeam-page-title h1.title,   #block-pageheadingsresearchstudies h1.title, #block-pageheadingscurrentresearch h1.title, #block-pageheadingsresearcharchive h1.title, #block-pageheadingsmeettheteam h1.title, #block-views-block-page-headings-node-specific-block-1 h1, #block-pageheadingsnews h1.title  {
  display: inline-block;
  color: #fff;
  font-size: 4em;
  text-shadow: 1px 1px 3px #000000;
  /*padding-top: 1.2em;*/
  padding: 0 0.3em;
}

 @media (min-width: 901px) and (max-width: 1024px) {
  #block-dreeam-page-title h1.title,   #block-pageheadingsresearchstudies h1.title, #block-pageheadingscurrentresearch h1.title, #block-pageheadingsresearcharchive h1.title, #block-pageheadingsmeettheteam h1.title, #block-views-block-page-headings-node-specific-block-1 h1, #block-pageheadingsnews h1.title  {
  font-size: 2em;
  }

  #block-views-block-page-headings-node-specific-block-1, #block-dreeam-page-view-title,  #block-pageheadingsresearchstudies,  #block-pageheadingscurrentresearch,  #block-pageheadingsresearcharchive, #block-pageheadingsmeettheteam, #block-pageheadingsnews  {
    height: 140px;
  }

  #block-views-block-page-headings-node-specific-block-1 img {
    height: 120%;
    width: auto;
  }

 }

  @media (max-width: 900px) {
  #block-dreeam-page-title h1.title,   #block-pageheadingsresearchstudies h1.title, #block-pageheadingscurrentresearch h1.title, #block-pageheadingsresearcharchive h1.title, #block-pageheadingsmeettheteam h1.title, #block-views-block-page-headings-node-specific-block-1 h1, #block-pageheadingsnews h1.title  {
  font-size: 2em;
  }

  #block-views-block-page-headings-node-specific-block-1, #block-dreeam-page-view-title,  #block-pageheadingsresearchstudies,  #block-pageheadingscurrentresearch,  #block-pageheadingsresearcharchive, #block-pageheadingsmeettheteam, #block-pageheadingsnews  {
    height: 140px;
  }

  #block-views-block-page-headings-node-specific-block-1 img {
    height: 100%;
    width: auto;
  }

 }



 .clearboth {
   clear:both;
   overflow:hidden;
 }


 @media (min-width: 560px) {
.node .field--type-image {
    float: right;
    margin: 0 0em 2em 2em;
}
 }


/* ### HEADER / MENU ### */



@media (min-width: 1024px) {
a.navbar-brand {
  display: inline-block;
  /*max-width: 45%;*/
}


.site-name-slogan {
  max-width: 33%!important;
  color: #666;
  font-weight: 300;
  font-size: 1.2vw;
  padding-top: 1.9vw;
}
}

@media (min-width: 1400px) {
a.navbar-brand {
  display: inline-block;
  /*max-width: 33%;*/
}

.site-name-slogan {
  font-size: 1.1vw;
}

}



@media (max-width: 768px) {
.site-name-slogan {
  max-width: 50% !important;
  color: #666;
  line-height: 2.5vw;
}
}
@media (max-width: 736px) {
.site-name-slogan {
  display: none !important;
}
}
@media (min-width: 769px) and (max-width: 1023px) {
.site-name-slogan {
  display:none!important;
}
}



 #header .container {
  position: relative;
 }

 #navbar-top .container {
   margin: 0 auto;
 }

@media (min-width: 992px) {

 #navbar-top .container {
   max-width: 100%;
   margin: 0;
   padding-right: 0px;
   padding-left: 5px;
 }

}


path-frontpage .highlighted {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
.highlighted aside.container {
  max-width: 100%;
  padding: 0;
/*  margin-top: 20px;*/
}

#block-qibookingssitemenubar {
  width: 100%;
  /*background: rgb(228,33,145);
  background: linear-gradient(90deg, rgba(2,81,102,1) 0%, rgba(108,200,230,1) 100%);*/
  background: rgb(20,120,198);
  background: linear-gradient(90deg, rgba(20,120,198,1) 0%, rgba(20,120,198,1) 100%);
  padding: 10px 0;
  margin-bottom: 20px;
}

#block-qibookingssitemenubar .content {
  max-width: 1140px;
  margin: 0 auto;
  color: #fff;
}

#block-qibookingssitemenubar .content a {
  color: #fff;
}

#block-qibookingssitemenubar .content .menu-dreeam-link {
  text-align: right;
}


ul.sf-menu ul, ul.sf-menu ul li {
  background: #b2b1b1!important;
}


#navbar-main ul.navbar-nav li a, .sf-menu li a {
  color:#fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
}

ul.sf-menu a {
    padding: 8px 1rem!important;
}

/*ul.sf-menu a.menuparent {
    padding-right: 1.7em!important;
}

ul.sf-menu .sf-sub-indicator {
  top: 45%;
}*/


.sf-accordion-toggle a, .sf-accordion-toggle a:hover, .sf-accordion-toggle a:active, .sf-accordion-toggle a:visited {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}

.sf-accordion-toggle a:before {
  color: #fff;
  content: '\f0c9';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 1em;
}

.navbar-collapse.justify-content-end {
  justify-content: flex-start!important;
}

@media (min-width: 1024px) {

.navbar-nav li.nav-item:first-child a, .sf-menu > li:first-child a.sf-depth-1{
  font-size: 0!important;
}

.navbar-nav li.nav-item:first-child a:before, .sf-menu > li:first-child a.sf-depth-1:before {
  content: '\f015';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
}

}

ul.sf-menu ul li {
  padding: 5px 8px!important;
  border-bottom: 1px solid #fff;
}

ul.sf-menu ul li:last-child {
  border-bottom: 0px;
}

ul.sf-menu .sf-sub-indicator {
  font-size: 14px;
}

div#block-qiheaderqilogo {
  position: absolute;
  top: 0px;
  right: 0px;
  max-width: 320px;
  text-align:right;
  color: #3374C3;
  font-size: 1.5em;
}

div#block-qiheaderqilogo .nuh-hlogo, div#block-qiheaderqilogo .links-sicons {
  display: inline-block;
}
div#block-qiheaderqilogo .nuh-hlogo img {
    max-height: 95px;
    padding-right: 20px;
    margin-top: 30px;
}

@media (max-width: 1250px) {
  div#block-qiheaderqilogo .nuh-hlogo {
    display:none;
  }
}

@media (max-width: 768px) {
  div#block-qiheaderqilogo .nuh-hlogo {
    display:inline-block;
  }
}

div#block-qiheaderqilogo .hi-elearn {
font-size: 0.6em;
}

div#block-qiheaderqilogo-2, div#block-footersocialicons {
  color: #3374C3;
  font-size: 1.5em;
  margin: 0;
  padding-top: 0;
}

#block-headersocialandsearchicons i:hover, #block-headersocialandsearchicons-2 i:hover, #block-footersocialicons i:hover, #block-footersocialicons i:hover{
  color: #005993;
}


@media (min-width: 1024px) and (max-width: 1170px) {
  ul.sf-menu a {
      padding: 8px 0.5rem!important;
  }
  #navbar-main ul.navbar-nav li a, .sf-menu li a {
      color: #fff;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 14px;
  }
  .navbar {
    padding: .5rem 0.1rem;
  }
}

@media (min-width: 992px){
  #navbar-main .container {
      max-width: 1024px;
  }
}

@media (min-width: 1170px){
  #navbar-main .container {
      max-width: 1140px;
  }
}

@media (min-width: 1024px) {
ul.sf-menu .sf-sub-indicator {
  display:none;
}
}

@media (max-width: 1023px) {
.sf-menu li a {
  font-size: 18px;
}
}


/* ### HOMEPAGE - HIGHLIGHTED ### */

.path-frontpage .highlighted {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
.path-frontpage .highlighted .container {
  max-width: 100%;
  padding: 0;
/*  margin-top: 20px;*/
}

.path-frontpage .highlighted:after {
  clear:both;
}


/* ### HOMEPAGE - CAROUSEL ### */


.path-frontpage .highlighted #block-views-block-homepage-carousel-block-1-2 {
  height: auto;
  width: 59%;
  background: #fff;
  float:left;
  overflow: hidden;
  max-height: 467px;
  margin-right: 0.5%;
  position: relative;
}


.view-homepage-carousel .views-row {
  position: relative;
}

.view-homepage-carousel .views-row img {
  object-fit: cover;
  width: 100%;
  height: auto;
}

.view-homepage-carousel .hpslide-overlay{
 position: relative;
 display:block;
 width: 100%;
 padding: 20px 20px 30px 20px;
 height: 150px;
 bottom: 150px;
 left: 0;
 background-color: rgba(0, 0, 0, 0.8);
 color:#fff;
}

.view-homepage-carousel .col-md-9, .view-homepage-carousel .col-md-3 {
  float:left;
  position: relative;
}

.view-homepage-carousel .hpslide-overlay .slide-title {
  font-size: 1.5em;
  text-transform: uppercase;
}

.view-homepage-carousel .hpslide-overlay .slide-summary {
  font-size: 1.1em;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #fff;
  border-width: 40%;
}

.view-homepage-carousel .hpslide-overlay .slide-button {
    padding: 10px;
    text-align:center;
}

.view-homepage-carousel .hpslide-overlay .slide-button a {
  background: #fff;
  padding: 15px 30px;
  text-transform: uppercase;
  display:inline-block;
  font-weight: 600;
  font-size: 1.2em;
}

.view-homepage-carousel .hpslide-overlay .slide-button a:hover {
  background: #3374C3;
  color: #fff;
}


.flex-direction-nav a {
    width: 50px;
    height: 50px;
    margin: -150px 0 0;
}

@media (max-width: 1023px) {
  .view-homepage-carousel .views-row {
    position: relative;
  }

  .view-homepage-carousel .views-row  .slide-image {
    max-height: 400px !important;
  }

  .views_slideshow_cycle_teaser_section {

  }

  .view-homepage-carousel .views-row img {
    height: 100% !important;
  }

  .view-homepage-carousel .hpslide-overlay{
 position: relative;
 display:block;
 width: 100%;
 padding: 20px 20px 30px 20px;
 background-color: rgba(0, 0, 0, 0.8); /*#3374C3;*/
 color:#fff;
 height: 150px;
 bottom: 250px; /*150px;*/
}

}


	@media (max-width: 736px) {

    .view-homepage-carousel .views-row {
        position: relative;
    }

    .view-homepage-carousel .views-row  .slide-image {
        max-height: 400px !important;
    }
    .views_slideshow_cycle_teaser_section {
    }

    .view-homepage-carousel .views-row img {
        height: 100% !important;
    }
    .view-homepage-carousel .hpslide-overlay{
        position: relative;
        display:block;
        width: 100%;
        padding: 20px 20px 30px 20px;
        background-color: #3374C3;; /*rgba(0, 0, 0, 0.8)*/
        color:#fff;
        height: 250px;
        bottom: 170px; /*70px;*/
    }
}
@media (max-width: 414px) {
    .view-homepage-carousel .hpslide-overlay{
        position: relative;
        display:block;
        width: 100%;
        padding: 20px 20px 30px 20px;
        background-color: #3374C3;; /*rgba(0, 0, 0, 0.8)*/
        color:#fff;
        height: 250px;
        bottom: 70px; /*0;*/
    }
}


/* ### HOMEPAGE - CAROUSEL - CONTROLS ### */

.views_slideshow_controls_text_previous, .views_slideshow_controls_text_next {
  position: absolute;
  top: 40%;
  z-index: 999;
}

.views_slideshow_controls_text_previous {
  left: 20px;
  font-size: 0;
}
.views_slideshow_controls_text_previous:before {
  content: '\f053';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 40px;
  color:#fff;
  opacity: 0.5;
}

.views_slideshow_controls_text_next {
  right: 20px;
  font-size: 0;
}

.views_slideshow_controls_text_next:after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 40px;
  color:#fff;
  opacity: 0.5;
}

.views_slideshow_controls_text_pause {
 display:none;
}


/* ### HOMEPAGE - PARTNERS CAROUSEL ### */


.view-our-partners {
  max-height: 120px;
  overflow: hidden;
}

.view-our-partners .views_slideshow_controls_text_previous:before, .view-our-partners .views_slideshow_controls_text_next:after{
  color: #333;
  font-size: 25px;
}

.view-our-partners .views_slideshow_controls_text_previous {
  left: -40px;
}
.view-our-partners .views_slideshow_controls_text_next {
  right: -40px;
}

.block-views-blockour-partners-block-1 .views-row {
  width: 25%;
  float:left;
  padding: 0 2em;
}

.block-views-blockour-partners-block-1 .views-row img {
  max-width: 100%;
}

.block-views-blockour-partners-block-2 {
  display:none;
}




@media (max-width: 992px) {

  .view-our-partners .views_slideshow_controls_text_previous, .view-our-partners .views_slideshow_controls_text_next {
    display:none;
  }
}

@media (max-width: 768px) {
  .block-views-blockour-partners-block-1 {
    display:none;
  }
  .block-views-blockour-partners-block-2 {
    display:block;
  }

}






/* ### COURSE SEARCH FORM (HOMEPAGE & COURSE SEARCH PAGE) ### */

.path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 {
  height: auto;
  width: 40%;
  background: rgb(169,74,155);
  background: linear-gradient(90deg, rgba(169,74,155,1) 0%, rgba(118,39,97,1) 100%);
  float:right;
  padding: 30px 3% 6px;
  overflow: hidden;
}

#block-exposedformqi-external-courses-searchpage-1 {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  background: rgb(20,120,198);
  padding: 50px 0;
  margin-top: 10px;
  margin-bottom: 20px;
}

#block-exposedformqi-external-courses-searchpage-1:after {
  content: '\f0d7';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 60px;
  color: rgb(20,120,198);
    position: absolute;
    top: 99%;
    left: 0;
    right: 0;
    margin: -41px auto 0;
    width: 0;
    height: 0;
}

#block-exposedformqi-external-courses-searchpage-1 form {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 1em;
  }


.path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 h2 {
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 2em;
}

.path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 div {
  width: 100%;
}


.view-qi-external-courses-search div.table-responsive {
  padding-bottom: 3em;
}

@media (min-width: 415px) and (max-width: 1024px) {
  .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 .form-item-field-course-start-date-value-1 label {
      /*display: none !important;*/
  }
  .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 select, #block-exposedformqi-external-courses-searchpage-1 select {
      margin-top: 2.5em !important;
  }
    .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 div {
      width: auto !important;
  }
  .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 div.js-form-item-field-course-start-date-value-1 {
      min-width: 25% !important;
  }
  .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 .btn-primary {
      margin-top: -9vw;
      /*position: absolute;*/
  }
  .path-frontpage  #block-exposedformqi-external-courses-searchpage-1-2 .form-text, #block-exposedformqi-external-courses-searchpage-1 .form-text, .path-frontpage  #block-exposedformqi-external-courses-searchpage-1-2 .form-date, #block-exposedformqi-external-courses-searchpage-1 .form-date {
      min-height: 55px;
  }
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 div.js-form-item-field-course-start-date-value-1 {
      min-width: 33% !important;
  }
  .path-frontpage  #block-exposedformqi-external-courses-searchpage-1-2 .form-text, #block-exposedformqi-external-courses-searchpage-1 .form-text, .path-frontpage  #block-exposedformqi-external-courses-searchpage-1-2 .form-date, #block-exposedformqi-external-courses-searchpage-1 .form-date {
      min-height: 55px;
  }
  .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 .btn-primary {
      margin-top: -6.5vw;
      /*position: absolute;*/
  }
  .view-homepage-carousel .hpslide-overlay{

      position: relative;
      display:block;
      width: 100%;
      padding: 20px 20px 30px 20px;
      background-color: rgba(0, 0, 0, 0.8); /*#3374C3*/
      color:#fff;
      height: 150px;
      bottom: 150px;
  }
}
@media (min-width: 737px) and (max-width: 768px) {
    /****** Use this only if image style is: 'flexslider' on the image within homepage_carousel_slick view ******/
    /****** Remove if using image style 'homepage_slide' ******/
    .view-homepage-carousel .hpslide-image {
        max-height: 368px;
    }
    /******/
}
/****** Use this only if image style is: 'flexslider' on the image within homepage_carousel_slick view ******/
/****** Remove if using image style 'homepage_slide' ******/
.view-homepage-carousel .hpslide-image {
    max-height: 468px;
}
/******/




#block-exposedformqi-external-courses-searchpage-1 div.form-item-title, #block-exposedformqi-external-courses-searchpage-1 div.form-item-field-course-start-date-value-1 {
  margin: 0 2%;
  width: 35%;
}

#block-exposedformqi-external-courses-searchpage-1 div#edit-actions--2  {
  margin: 0 2%;
  width: 15%;
}

.path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 label {
  display:none;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
}

.path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 .form-item-field-course-start-date-value-1 label{
  display: block;
}

#block-exposedformqi-external-courses-searchpage-1 label {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.path-frontpage  #block-exposedformqi-external-courses-searchpage-1-2 .form-text, #block-exposedformqi-external-courses-searchpage-1 .form-text, .path-frontpage  #block-exposedformqi-external-courses-searchpage-1-2 .form-date, #block-exposedformqi-external-courses-searchpage-1 .form-date {
  padding: 15px 10px;
  margin: 15px 0;
  min-height: 55px;
}

.path-frontpage  #block-exposedformqi-external-courses-searchpage-1-2 select, #block-exposedformqi-external-courses-searchpage-1 select {
  padding: 15px 10px;
  margin: 15px 0;
  height: 3.4em;
  color: #666;
}

.path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 .btn-primary,  #block-exposedformqi-external-courses-searchpage-1 .btn-primary {
  border-radius: 0;
  background: #27abc4;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.1em;
  border: 0;
  padding: 15px 35px;
  border-radius: 10px;
  /*-webkit-box-shadow: 6px 6px 2px -1px rgba(0,0,0,0.6);
  box-shadow: 6px 6px 2px -1px rgba(0,0,0,0.6);*/
}

#block-exposedformqi-external-courses-searchpage-1 .btn-primary {
  display: inline-block;
  margin: 0 auto;
}

@media (min-width: 1024px)  {
#block-exposedformqi-external-courses-searchpage-1 .btn-primary {
  margin: -65px auto 0 auto;
}
}

.path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 .btn-primary:hover, #block-exposedformqi-external-courses-searchpage-1 .btn-primary:hover {
  background: #6cc8e6;
}

a.add-dates, a.add-dates:hover{
    text-decoration: none;
    color:#333;
    position: relative;
    cursor: text;
    pointer-events: none;
}

a.add-dates.has-add-dates, a.add-dates.has-add-dates:hover {
    cursor: help;
    position: relative;
    pointer-events: auto;
}

a.add-dates span {
    display: none;
}
a.add-dates.has-add-dates:hover span {
    border: #c0c0c0 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    background: #0079c1;
    font-size: 14px;
    color: #fff;
    left: 0px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 10px;
    text-decoration: none
}

a.add-dates.has-add-dates i {
  font-size: 19px;
  color: #0079c1;
}




/* ### HOMEPAGE - GENERAL ### */

 .path-frontpage .hp-intro-text p {
  font-size: 1.2em;
 }

 .path-frontpage .hp-intro-text p strong {
   font-size: 1.4em;
   font-weight: 400;
 }
.path-frontpage .region-featured-bottom-first {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 40px 0;
    background: #eaf6fc;
}


/* ### MEET THE TEAM - VIEW ### */

.view-meet-the-team .view-content h3 {
   display: block;
   width: 100%;
   clear: both;
   margin: 2em 0 1em;
}

.view-meet-the-team .views-row {
  padding: 20px;
  text-align: center;
}

.view-meet-the-team .views-row img, .view-meet-the-team .views-row .views-field-field-team-photo {
  border-radius: 50%;
  width: 100%;
  height: auto;
  transition: transform .4s; /* Animation */
}

.view-meet-the-team .views-field-title, .view-meet-the-team .views-field-field-teammember-jobtitle {
  text-transform: uppercase;
  color: #fff;
  z-index: 100;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  display:none;
}

.view-meet-the-team .views-field-title a, .view-meet-the-team .views-field-field-teammember-jobtitle  a {
  color: #fff;
}

.view-meet-the-team .views-field-title a:hover, .view-meet-the-team .views-field-field-teammember-jobtitle a:hover {
  text-decoration: none;
}

.view-meet-the-team .views-field-title {
  font-size: 1.3em;
  font-weight: 600;
  top: 60%;
}

.view-meet-the-team .views-field-field-teammember-jobtitle {
  top: 70%;
  width: 70%;
}

.view-meet-the-team .views-row:hover .views-field-field-team-photo  {
  background: #D1238E;
  transform: scale(1.1);
  height: auto;
}

.view-meet-the-team .views-row:hover img {
  border-radius: 50%;
  /*transform: scale(1.1);*/
  height: auto;
  opacity: 0.5;
  }
.view-meet-the-team .views-row:hover .views-field-title, .view-meet-the-team .views-row:hover .views-field-field-teammember-jobtitle  {
  display:block;
}


/* ### MEET THE TEAM - NODE ### */
.node--type-team-member .field {
  margin-bottom: 1em;
}


/* ### RESEARCH - VIEW ### */

.view-research .view-header {
  padding: 2em 0;
  text-align:center;
}

.view-research .views-row {
  padding: 0 10px 0 20px;
  border-left: 2px solid #f4f5f5;
  margin-bottom: 2em;
}

.view-research .views-row img {
  width: 90%;
  height: auto;
  margin: 0 auto;
}

.view-research .views-row .views-field-title {
  border-top: 1px solid #f4f5f5;
  padding-top: 8px;
}


/* ### RESEARCH - NODE ### */
.node--type-research .field {
  margin-bottom: 1em;
}


/* ### NEWS - VIEWS ### */

.view-news-and-updates .view-header {
  padding: 2em 0;
  text-align:center;
  font-size: 1.3em;
}

.path-frontpage #block-views-block-news-and-updates-block-2 {
  /*max-width: 1140px;
  margin: 0 auto; */
  width: 100%;
  padding: 40px 0;
  background: #eaf6fc;
  margin-top: 15px;
}

.path-frontpage #block-views-block-news-and-updates-block-2 .view-news-and-updates {
  max-width: 1140px;
  margin: 0 auto;
}

#block-views-block-news-and-updates-block-2 .view-news-and-updates h2 {
  font-size: 1.3em;
  margin-bottom: 40px;
}

.path-frontpage .view-news-and-updates .view-header {
  padding: 0;
  text-align:center;
  font-size: 1.3em;
}

.path-frontpage .ap_columns_container {
  padding: 3em 0 1em;
}


.view-id-news_and_updates.view-display-id-block_2 .views-row .news-item {
  background: #3374C3;
  color: #fff;
  padding: 15px;
  min-height: 180px;
  transition: ease 0.7s;
}

.view-id-news_and_updates.view-display-id-block_2 .views-row .news-item:hover {
      background: #005993;
}


.view-id-news_and_updates.view-display-id-block_2 .views-row .news-item .ni-date{
  font-size: 0.9em;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 5px;
}


.view-id-news_and_updates.view-display-id-block_2 .views-row .news-item a{
  color: #fff;
  font-size: 1.2em;
}

.view-id-news_and_updates.view-display-id-block_2 .view-footer {
      margin-top: 40px;
      text-align:center;
}

a.views-cta-btn {
   display:inline-block;
   background: #3374C3;
   color: #fff;
   font-size: 1.1em;
   text-transform: uppercase;
   padding: 15px 30px;
}

a:hover.views-cta-btn {
   background: #005993;
   color: #fff;
   text-decoration: none;
}

.view-news-and-updates.view-display-id-block_1 .views-row {
  padding: 0.75em 1em;
}






/* ### NEWS ARTICLE - NODE ### */

img.image-style-news-article-side-image {
  height: auto!important;
}

@media (min-width: 560px) {
.node .field--name-field-article-top-image.field--type-image {
    float: none;
    margin: 0 0em 2em 0;
}

}


/* ### OUR PARTNERS BLOCK ### */

#block-views-block-our-partners-block-1 {
  margin: 40px 0;
}

#block-views-block-our-partners-block-1 h2 {
  font-size: 1.5em;
  margin-bottom: 40px;
}




/* ### COURSE SEARCH RESULTS ### */
.view-qi-external-courses-search table {
  font-size: 1em;
  margin-bottom: 50px;
}

.view-qi-external-courses-search .views-table th {
  border: 0px;
  background: #27abc4;
}

.view-qi-external-courses-search table tr th, .view-qi-external-courses-search table tr th a, .view-qi-external-courses-search table tr th a:hover, .view-qi-external-courses-search table tr th a:focus {
  font-weight: 400;
}

.view-qi-external-courses-search .views-table td {
  border: 0px;
    padding: 20px 12px;
}

.view-qi-external-courses-search .views-table td.views-field-field-course-start-date {
  min-width: 180px;
}

.view-qi-external-courses-search .views-table tr {
  border: 0px;
}

.view-qi-external-courses-search .table-striped tbody tr:nth-of-type(even) {
  background: #fff;
}

a.ecs-enquire-btn {
  border: 1px solid #27abc4;
  background: #fff;
  color: #27abc4;
  padding: 5px 10px;
  font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
}

a.ecs-enquire-btn:hover, a.ecs-enquire-btn:active {
    color: #fff;
    text-decoration: none;
    background: #27abc4;
}

a.ecs-enquire-btn:after {
  font-weight: 600;
  content: '\f0e0';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  padding-left: 8px;
}

a.ecs-book-btn {
  border: 1px solid #025166;
  background: #025166;
  color: #fff;
  padding: 5px 20px;
  font-weight: 600;
  white-space: nowrap;
    text-decoration: none;
}

a.ecs-book-btn:hover, a.ecs-book-btn:active {
    color: #fff;
    text-decoration: none;
    background: #27abc4;
}

a.ecs-book-btn:after {
  font-weight: 600;
  content: '\f274';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  padding-left: 8px;
}

.coursefull a.ecs-book-btn {
  background: #666;
  pointer-events: none;
  opacity: 0.5;
  border: none;
  font-size: 0;
  padding: 22px 10px 12px 2px;
   cursor: not-allowed;
}


.coursefull a.ecs-book-btn:after {
     content: 'COURSE FULL';
      font-size: 14px;
      font-family: open sans, sans-serif;
      font-weight: 500;
}

.ecs-header {
  text-align:right;
  padding-right: 21%;
  font-size: 0.8em;
}



/* ### COURSE ENQUIRY FORM ### */

.webform-submission-course-enquiry-form #edit-course-type, .webform-submission-course-enquiry-form #edit-start-date {
  pointer-events: none;
  background: #ccc;
}

/* ### FOOTER  ### */

@media (min-width: 851px) {

.site-footer__top .region {
    width: 100%;
    padding: 0 0.5%;

  }
}

.site-footer__top .region {
  width: 100%;
  padding: 0 0.5%;

}

.site-footer {
  font-family: "Open Sans", Serif;
  margin-top: 50px;
  padding-bottom: 0px;

}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
  color: #3374C3;
  font-weight: 400;
}

.site-footer .content a, .site-footer .content a.is-active {
  color: #3374C3;
}

.site-footer .block {
  border: 0px;
}

.site-footer .content {
  color: #333;
  font-size: 1em;
}

div#block-footermap {
  width: 100%;
}


div#block-bottomfooter {
    width: 100%;
}

#block-footeraccreditations img {
  max-width: 100%;

}

.site-footer__bottom {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: #e4eef4;
}

.site-footer__bottom .container {
  margin: 0 auto;
}

.region-footer-fifth, #block-bottomfooter {
  max-width: 1140px;
  margin: 0 auto;
}
.site-footer__bottom .content  {
  color: #333;
  font-size: 0.8em;
}

.region-lower-footer-second p {
  text-align: right;
}

.site-footer__bottom .region-lower-footer-second p a  {
  color: #333;
}


/* ### MISC  ### */

.field--name-field-adaptivepar-files-images .field__item {
  padding: 5px;
}

blockquote {
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #eee;
  padding: 2em 0 1em;
  margin: 1.5em 0;
  position: relative;
  font-family: "Open Sans", serif;
  color: #666;
  font-weight: 400;
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 3rem;
  height: 2rem;
  font: 6em/1.08em 'PT Sans', sans-serif;
  color: #666;
  text-align: center;
}


/* ### COURSE BOOKING FORM  ### */


.booking-form .bookingintro {
  padding: 15px;
  margin: 1.5em 0 0;
  border: 1px solid #666;
}

.booking-form .bookingintro h3 {
  color: #333;
  line-height: 1.5em;
}

.booking-form .bookingintro h4 {
  color: #333;
  line-height: 1.5em;
  margin-bottom: 1em;
}

#bookinghelpside {
  height: 98%;
}

h3.bf-heading {
  margin-top: 1.5em;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #999;
  color: #666;
}


.booking_otherpeople h4 {
  font-size: 20px;
}

.booking-form legend {
  font-size: 1em;
}

.booking-form .radio {
  display: inline-block;
  padding-right: 3em;
}

.form-item-booking-deaf-loop-required, .form-item-booking-wheelchair-access {
  display: inline-block;
  padding-right: 3em;
  padding-bottom: 1em;
}

.booking-form input[type='text'], .booking-form input[type='date'], .booking-form input[type='email'] {
  padding: 12px;
}

.booking-form input[type='radio'], .booking-form input[type='checkbox'] {
  transform: scale(1.5);
  padding-right: 1em;
}

.booking-form .radio label, .booking-form .checkbox label {
  margin-left: 0.25em;
}

.booking-form #edit-actions  {
  margin: 1em 0;
}

.booking-form #edit-actions .btn-addtobasket-continue  {
  margin-right: 1em;
}

.booking-form #edit-submit {
  margin-top: 1em;
  font-size: 1.3em;
  padding: 8px 25px;
}

.booking-form label, .booking-form legend, form.dreeam-basket-basket label, form.dreeam-basket-basket legend {
  font-weight: 600;
}

.booking-form .checkbox label, .booking-form .radio label, form.dreeam-basket-basket .checkbox label, form.dreeam-basket-basket .radio label {
  font-weight: 400;
}


#edit-booking-payment-method.radio .form-item-booking-payment-method {
  width: 35%;
  display:inline-block;
  margin-right: 2%;
}

#edit-booking-nuh-external.radio .form-item-booking-nuh-external {
  width: 46%;
  display:inline-block;
  margin-right: 2%;
}

form.dreeam-basket-basket .form-item-booking-xccost-income-code, form.dreeam-basket-basket .form-item-booking-xcmanager-name, form.dreeam-basket-basket .form-item-booking-company-address, form.dreeam-basket-basket .form-item-booking-contact-name, form.dreeam-basket-basket .form-item-booking-contact-email {
  width: 48%;
  display: inline-block;
  margin-right: 2%;
  vertical-align: top;
}


form.dreeam-basket-basket .form-item-booking-xcdepartment, form.dreeam-basket-basket .form-item-booking-xcmanager-email, form.dreeam-basket-basket .form-item-booking-company-postcode, form.dreeam-basket-basket .form-item-booking-contact-telephone, form.dreeam-basket-basket .form-item-booking-order-number {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}



.webform-submission-course-enquiry-form input[type='text'], .webform-submission-course-enquiry-form input[type='date'], .webform-submission-course-enquiry-form input[type='email'] {
  padding: 12px;
}

.webform-submission-course-enquiry-form input[type='radio'], .webform-submission-course-enquiry-form input[type='checkbox'] {
  transform: scale(1.5);
  padding-right: 1em;
}

.webform-submission-course-enquiry-form .radio label, .webform-submission-course-enquiry-form .checkbox label {
  margin-left: 0.25em;
}

.webform-submission-course-enquiry-form #edit-submit {
  margin-top: 1em;
  font-size: 1.3em;
  padding: 8px 25px;
}



 @media (min-width: 1024px) {

 .booking-form .form-item-booking-title{
  display: inline-block;
  width: 26%;
  vertical-align:top;
  padding-right: 2% ;
}

 .booking-form .form-item-booking-first-name{
  display: inline-block;
  width: 36%;
  vertical-align:top;
  padding-right: 2%;
}

 .booking-form .form-item-booking-last-name{
  display: inline-block;
  width: 36%;
  vertical-align:top;
    padding-right: 0;

}


.booking-form .form-item-booking-postcode, .booking-form .form-item-booking-dob {
  display: inline-block;
  width: 25%;
  vertical-align:top;
  padding-right: 4%
}

.booking-form .form-item-booking-telephone-home, .booking-form .form-item-booking-address-line-2, .booking-form .form-item-booking-town-city, .booking-form .form-item-booking-job-title, .booking-form .form-item-booking-attendee-lm-name {
    display: inline-block;
    width: 49.5%;
    padding-right: 4%;
    vertical-align:top;
}

.booking-form .form-item-booking-telephone-mobile, .booking-form .form-item-booking-address-line-3, .booking-form .form-item-booking-gmc-nmc-number,  .booking-form .form-item-booking-attendee-lm-email {
    display: inline-block;
    width: 49.5%;
    vertical-align:top;
}

.booking-form .form-item-booking-company-address, .booking-form .form-item-booking-contact-name, .booking-form .form-item-booking-contact-email, .booking-form .form-item-booking-xccost-income-code, .booking-form .form-item-booking-xcmanager-name {
  display: inline-block;
  width: 50%;
  padding-right: 4%;
  vertical-align:top;
  }

.booking-form .form-item-booking-company-postcode, .booking-form .form-item-booking-contact-telephone, .booking-form .form-item-booking-order-number, .booking-form .form-item-booking-xcdepartment, .booking-form .form-item-booking-xcmanager-email {
  display: inline-block;
  width: 49.5%;
  vertical-align:top;
  }

.booking-form .form-item-booking-company-address {
  padding-bottom: 0.75em;
  }
}

@media print {

  .form-item-booking-company-name, .form-item-booking-company-address, .form-item-booking-company-postcode, .form-item-booking-contact-name, .form-item-booking-contact-email, .form-item-booking-contact-telephone, .form-item-booking-order-number {
    display:inline-block!important;
  }

  .form-item-booking-company-name label:before{
    content: 'FOR BOOKINGS TO BE PAID FOR BY INVOICE:';
    font-weight: bold;
    padding-bottom: 1em;
  }

 .booking-form .form-item-booking-title {
   float:left;
   width: 30%;
 }

 .booking-form  .bookingintro {
   margin: 0.4em 0 0;
   padding: 5px 15px;
 }

  .booking-form  .bookingintro h3, .booking-form  .bookingintro h4 {
    margin: 0;
    font-size: 1.25em;
  }

.booking-form  .bookingintro p, div.highlighted {
    display:none;
  }

}


/* ### BOOKING CONFIRMATION PAGE  ### */

.booking_confirmation .intro {
  padding: 1em 0;
}

.booking_confirmation .bookingdata {
  padding: 15px;
  border: 1px solid #ccc;
  line-height: 2em;
}
.booking_confirmation .paymentmessage {
  padding-top: 0em;
}

.booking_confirmation .opt-newtab {
  font-size: 0.8em;
  margin-bottom: 2.5em;
}

.booking_confirmation .payment_portal_btn {
    background-color: #3374C3 !important;
    color: #fff !important;
    transition: all 0.2s ease-in-out;
    padding: 10px 15px;
    text-transform: uppercase;
    display:inline-block;
    margin-top: 0.5em;
}

.booking_confirmation .payment_portal_btn:hover {
    background-color: #00598e !important;
}

.opdetails {
    padding: 15px;
  border: 1px solid #ccc;
  line-height: 2em;
  display:inline-block;
}


 /* ### PARAGRAPHS - YOUTUBE VIDEO  ### */


.paragraph_adaptive_youtube_video {
  margin: 1em 0;
}

.paragraph_adaptive_youtube_video, .paragraph_adaptive_youtube_video_col, .paragraph_adaptive_youtube_video.videowidth_100 {
  width: 100%;
  text-align:center;
  position: relative;
  padding-bottom: 52.97%; /* 16:9 */
  height: 0;
}

.paragraph_adaptive_youtube_video.videowidth_75 {
  padding-bottom: 42.18%; /* 16:9 */
}


.paragraph_adaptive_youtube_video.videowidth_50 {
  padding-bottom: 25.12%; /* 16:9 */
}

.paragraph_adaptive_youtube_video iframe, .paragraph_adaptive_youtube_video.videowidth_100 iframe {
  position: absolute;
  top: 0;
  left: 3%;
  width: 94%;
  height: 100%;
}

.paragraph_adaptive_youtube_video.videowidth_75 iframe {
  left: 12%;
  width: 76%;
}

.paragraph_adaptive_youtube_video.videowidth_50 iframe {
  left: 25%;
  width: 50%;
}

.paragraph_adaptive_youtube_video_col iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* ### PARAGRAPHS - GENERAL OVERRIDES  ### */


.paragraph.paragraph--type--adaptive-banner {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

..adaptive_paragraph_container .paragraph_adaptive_featured_text_inner {
  outline: 0px!important;
  padding: 1em 2em!important;
}

.paragraph_adaptive_basic_text.contained {
  width: 100%;
}

.paragraph_adaptive_featured_text {
  padding: 1em 0;
}

.divider-deep {
 padding: 5px;
 background-color: #f4f5f5;
 margin: 1em 0;
}

.divider-narrow {
 padding: 2px;
 background-color: #f4f5f5;
 margin: 1em 0;
}

.divider-thin {
 padding: 1px;
 background-color: #f4f4f4;
 margin: 1em 0;
}

.accordion_item_title h3.header {
  padding: 0.3em 0.25em;
}

.adaptive_paragraph_container .paragraph_adaptive_featured_text_inner {
  outline: none;
}

.adaptive_paragraph_fluid .paragraph_adaptive_featured_text_inner .featured_item_header, .adaptiveparagraph h1.adaptiveplaintextfieldformatter_regular, .paragraph_adaptive_cta, .adaptivebannerparagraph,
.paragraph_adaptive_wrapper, .adaptive_paragraph_accordion {
  margin-bottom: 1em;
}

.adaptive_paragraph_fluid .paragraph_adaptive_featured_text_inner {
    padding: 0 1em;
}

.adaptive_paragraph_accordion .accordion_item_container {
  padding: 1em 0;
}

.paragraph_adaptive_featured_text .paragraph_adaptive_featured_text_inner .inner_item.media_side img, .paragraph_adaptive_featured_text .paragraph_adaptive_featured_text_inner .inner_item.media_side iframe, .paragraph_adaptive_featured_text .paragraph_adaptive_featured_text_inner .inner_item.media_side video {
  height: auto;
}



@media (min-width: 768px) {
  .paragraph_adaptive_featured_text .featured_5050 .inner_item.media_side, .paragraph_adaptive_featured_text .featured_5050 .inner_item.text_area {
      max-width: 50%;
      min-width: 50%;
  }
}


@media (min-width: 1200px) {

  .adaptiveparagraph .regular h2 {
      font-size: 1.75em !important;
  }

  .adaptiveparagraph .regular h3 {
      font-size: 1.3em !important;
  }

.adaptiveparagraph h1.adaptiveplaintextfieldformatter_regular {
    font-size: 2em !important;
}

}

/* ### GENERAL RESPONSIVE AMENDMENTS ### */

@media (max-width: 1024px) {
.path-frontpage .highlighted #block-views-block-homepage-carousel-slick-block-1,
.path-frontpage .highlighted #block-views-block-homepage-carousel-block-1-2, .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 {
  width: 100%;
  float:none;
}
.path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 {
  position: relative;
  margin-top: 0px;
}
}
@media (max-width: 736px) {
.path-frontpage .highlighted #block-views-block-homepage-carousel-slick-block-1,
.path-frontpage .highlighted #block-views-block-homepage-carousel-block-1-2, .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 {
  width: 100%;
  float:none;
}

}

@media (max-width: 767px) {
 #block-dreeam-page-title {
    background-size: cover;
    height: 200px;
 }

#block-dreeam-page-title h1.title {
  font-size: 2.5Em;
  /*padding-top: 1.5em;*/
}

div#block-qiheaderqilogo {
    position: relative;
    text-align: center;
    top: 0px;
    width: 100%;
    margin: 0 auto;
}

.view-id-news_and_updates.view-display-id-block_2 .views-row .news-item {
    background: #3374C3;
    color: #fff;
    padding: 15px;
    min-height: auto;
    margin-bottom: 2em;
    transition: ease 0.7s;
}
}

.path-frontpage .highlighted .container {
  display: flex;
  flex-wrap: wrap;
}

#block-views-block-news-and-updates-block-2 .row {
  display: flex;
  flex-wrap: wrap;
}

#block-views-block-news-and-updates-block-2 .views-field-nothing {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#block-views-block-news-and-updates-block-2 .views-field-nothing .field-content {
  width: 100%;
  height: 100%;
}

#block-views-block-news-and-updates-block-2 .views-field-nothing .field-content .news-item {
  height: 100%;
}

.view-news-and-updates .row {
  display: flex;
  flex-wrap: wrap;
}

.view-news-and-updates .row .views-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1em;
}

.view-news-and-updates .row .views-row .views-field-field-article-side-images {
  width: 32.5%;
  margin-right: 2.5%;
}

.view-news-and-updates .row .views-row .views-field-title {
  width: 65%;
}

.view-news-and-updates .row .views-row .views-field-created {
  width: 65%;
}

.view-news-and-updates .row .views-row .views-field-body {
  width: 65%;
}

.view-news-and-updates.view-display-id-page_1 .views-row {
  padding-bottom: 1em;
}

.news__container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}

.news__image-wrapper {
  width: 20%;
  margin-right: 2.5%;
}

.news__content-wrapper {
  width: 77%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

@media (max-width: 812px) {
    .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 {
        position: relative;
        margin-top: -100px;
    }
}
@media (max-width: 768px) {
  .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 {
      position: relative;
      margin-top: -100px;
  }
    #block-views-block-news-and-updates-block-2 .views-field-nothing {
    width: 100%;
  }

  .view-news-and-updates .row .views-row {
    margin-bottom: 1em;
  }

  .news__image-wrapper {
    width: 100%;
    margin-right: 0;
    padding: 8px;
  }

  .news__image-wrapper img{
    width: 95%;
    height: auto;
    margin-right: 0;
    text-align:center;
  }

  .news__content-wrapper {
    width: 100%;
    padding: 8px;
  }

  .view-qi-external-courses-search table {
    display: flex;
    flex-wrap: wrap;
  }

  .view-qi-external-courses-search table thead {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .view-qi-external-courses-search table thead tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
  }

  .view-qi-external-courses-search table thead tr th {
    width: 100%;
  }

  .view-qi-external-courses-search table tbody {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .view-qi-external-courses-search .views-table tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 8px 0;
  }

  .view-qi-external-courses-search .views-table td {
    width: 100%;
    padding: 5px 15px;
  }

  .view-qi-external-courses-search .views-table td.views-field-nothing,   .view-qi-external-courses-search .views-table td.views-field-nothing-1 {
    width: 45%;
    padding: 15px 15px;
  }

  .view-qi-external-courses-search .views-table thead {
    display:none;
  }

  .ecs-header {
    text-align: right;
    padding-right: 0%;
    font-size: 0.8em;
    padding-top: 1em;
}


  #block-exposedformqi-external-courses-searchpage-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    transform: translateX(-50%);
    margin: 0;
  }

  #block-exposedformqi-external-courses-searchpage-1 .content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  #block-exposedformqi-external-courses-searchpage-1 .content .js-form-item {
    width: 100%;
    margin: 0;
  }

  .block-views-blockour-partners-block-1 .views-row {
    width: 100%;
  }

  #views_slideshow_cycle_div_our_partners-block_1_0 .views-row {
    width: 100%;
  }

  .navbar-brand {
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  #navbar-top .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  div#block-qiheaderqilogo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
  }
}
@media (max-width: 736px) {
    .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 {
        position: relative;
        margin-top: 20px;
    }
}
@media (max-width: 414px) {
    .path-frontpage #block-exposedformqi-external-courses-searchpage-1-2 {
        position: relative;
        margin-top: -20px;
    }
}

.block-page-title-block .content h2 {
  padding-top: 0;
}

/*.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}*/

.node--type-article-update main {
  width: 72.5%;
  margin-right: 2.5%;
}

.node .field--name-field-article-top-image.field--type-image img {
  max-width: 100%;
}

.node--type-article-update .layout-main-wrapper {
  margin-top: 2em;
}


.node--type-article-update .views-field-title {
  width: 100% !important;
}

.region-top-header .navbar-brand {
  padding-left: 10px;
  padding-right: 0;
  padding-top: 5px;
}


@media (max-width: 992px) {
  .node--type-article-update main {
    width: 100%;
    margin-right: 0%;
  }

}


/* ### IE11 FIXES ### */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:1024px) {

  .col-xl-4 {
      -ms-flex: 0 0 33%;
      flex: 0 0 33%;
      max-width: 33%;
  }
  .col-md-3 {
      -ms-flex: 0 0 24%;
      flex: 0 0 24%;
      max-width: 24%;
  }

  .col-md-5 {
      -ms-flex: 0 0 37%;
      flex: 0 0 37%;
      max-width: 37%;
  }
  .col-xl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }

  .col-md-4 {
      -ms-flex: 0 0 33%;
      flex: 0 0 33%;
      max-width: 33%;
  }
}

/* ### BOOKING FORM PRINTING ### */

@media print {
form.booking-form #edit-submit {
  display:none;
}

#block-dreeam-page-title {
  height: 80px;
}
}



/* ### TOP MESSAGE BAR ### */

#block-covidmessage {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: #d4e9f7;
    text-align: center;
    height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    line-height: 50px;
    font-size: 0.9em;
 }

 #block-covidmessage :after {
   clear:both;
 }

.path-frontpage #block-covidmessage {
  margin-bottom: 20px;
}

/* ### CONTACT US FORM ### */
.form-item-terms-agreed, .form-item-communications-optin, .form-item-terms-conditions-agreed {
  margin-bottom: 1em;
}

.dreeam-views-intro {
  font-size: 1.2em;
}

.page-node-240 .search-block-form {
  text-align:center;
  }

.page-node-240 #search-block-form {
  width: 500px;
  max-width: 100%;
}

.page-node-240 #search-block-form .form-search{
  width: 100%;
}

.page-node-240 #search-block-form div {
  width: 75%;
  margin-right: 20px;
}


/* Course Amendments - March 2021 */

.page-view-qi-external-courses-search .nav-tabs {
    border-bottom: 1px solid #D1238E;
}


.page-view-qi-external-courses-search li.nav-item a {
  background: #d688cb;
  color: #fff;
}
.page-view-qi-external-courses-search li.nav-item {
  margin-right: 2px;
}

.page-view-qi-external-courses-search li.nav-item.active {
}

.page-view-qi-external-courses-search li.nav-item.active a {
  background: #D1238E;
  color: #fff;
  border-color: #D1238E;
}


.page-view-qi-external-courses-search li.nav-item:nth-child(1)  a:before {
    color: #fff;
  content: '\f966';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

.page-view-qi-external-courses-search li.nav-item:nth-child(2)  a:before {
    color: #fff;
  content: '\f968';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.5em;
}

/* ri CUSTOMISATIONS */
.navbar-brand .img-fluid {
  /*width: 100%;*/
}

#block-qifooterdreeamcredit {
  font-size: 0.75em;
}

#block-qifooterdreeamcredit img {
  max-width: 210px;
  margin-top: 10px;
}

.site-footer {
  padding: 10px 0px 0px!important;
  background: #f4f5f5!important;
}
.site-footer .block {
  padding: 0px!important;
  margin: 0px!important;
}
.site-footer__bottom {
  margin-top: 0px;
}


/* Basket Entity Display  - July 2021 */

.basketent-topgroup, .basketent-subgroup, .basketent-subsubgroup {
  border: 1px solid #333;
  padding: 20px;
  font-size: 16px;
  margin: 1em 0;
}

.basketent-topgroup summary{
  font-size: 22px;
  font-weight: bold;
}

.basketent-subgroup summary, .basketent-subsubgroup summary{
  font-size: 18px;
  font-weight: bold;
}

.basketent-topgroup .field, .basketent-subgroup .field, .basketent-subsubgroup .field{
  margin: 0.4em 0;
}

.basketent-topgroup .field .field__label, .basketent-subgroup .field .field__label, .basketent-subsubgroup .field .field__label{
  font-weight: bold;
    min-width: 310px;
}

.basketent-topgroup .field .field__label:after, .basketent-subgroup .field .field__label:after, .basketent-subsubgroup .field .field__label:after{
  content: ": ";
  padding-right: 2em;
}

.basketent-admingroup{
  color: #999;
}


.site-footer .content a:hover, .site-footer .content a:focus {
    color: #1478c6;

}


a.coursedm {
  display:none;
}

a.coursedm.dm-blended {
  display: inline-block;
}

a.coursedm, a.coursedm:hover{
    text-decoration: none;
    color:#333;
    position: relative;
    cursor: text;
    pointer-events: none;
}

a.coursedm.dm-blended, a.coursedm.dm-blended:hover {
    cursor: help;
    position: relative;
    pointer-events: auto;
}

a.coursedm span {
    display: none;
}
a.coursedm.dm-blended:hover span {
    border: #c0c0c0 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    background: #0079c1;
    font-size: 14px;
    color: #fff;
    left: 0px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 10px;
    text-decoration: none
}

a.coursedm.dm-blended i {
  font-size: 10px;
  color: #ffffff;
  background: #0079c1;
  border-radius: 50%;
  padding: 5px 4px;
  margin-left: 0.6em;
}

a.coursera {
  display: inline-block;
}

a.coursera, a.coursera:hover{
    text-decoration: none;
    color:#333;
    position: relative;
    cursor: text;
    pointer-events: none;
}

a.coursera, a.coursera:hover {
    cursor: help;
    position: relative;
    pointer-events: auto;
}

a.coursera span {
    display: none;
}
a.coursera:hover span {
    border: #c0c0c0 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    background: #0079c1;
    font-size: 14px;
    color: #fff;
    left: 0px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 10px;
    text-decoration: none
}

a.coursera i {
  font-size: 10px;
  color: #ffffff;
  background: #0079c1;
  border-radius: 50%;
  padding: 5px 4px;
  margin-left: 0.6em;
}

.view-header .cs-key {
  font-size: 13px;
  display: inline-block;
}

.view-header .cs-key i.fa-laptop {
  color:  #fff;
  background: #0079c1;
  border-radius: 50%;
  padding: 5px 4px;
}

.view-header .cs-key i.fa-info-circle {
  color: #0079c1;
  font-size: 20px;
}



/* ## MAINTENANCE BLOCK ### */
.cbmm-outer {
  margin: 1.5em 0;
  padding: 1em;
  border: 1px solid #9e3d90;
  text-align: center;
}

.text-warning2{ color: #dba419; }

.low-availability.text-warning {margin-bottom: -15px;}

.add-dates-new {
    font-size: 0.8em;
}

.g-recaptcha {
    margin-bottom: 1em;
}

/* ### CIVIC COOKIE OVERRIDES NOV 22 ### */

#ccc .ccc-content--dark .ccc-notify-button#ccc-notify-accept {
    background: #ffffff!important;
}

#ccc .ccc-content--dark .ccc-notify-button#ccc-notify-accept:hover {
    background: #eaeaff!important;
}

#ccc .ccc-content--dark .ccc-notify-button#ccc-notify-accept span {
    color: #313147!important;
}

#ccc .ccc-content--dark .ccc-notify-button.ccc-link {
    border: 0px!important;
}

/* Fix for long email address in booking form help box */
#block-qibookings-content #bookinghelpside a {
    font-size: 0.9em;
}

/* Partner Admin menu styling */
.sf-accordion-toggle a#superfish-partner-admin-menu-toggle::before {
    display: none;
}
div.sf-accordion-toggle.sf-style-default > a#superfish-partner-admin-menu-toggle::after {
    font-size: 2.5em;
    top: 43%;
}

/* ### BOOKING FORM AMENDS AUG 23 - DREEAMSD-308 ### */

.neptune_po_message {
    border: 1px solid #333;
    font-weight: bold;
    padding: 1.5em;
}

.booking_po_warning {
    color: red;
}

#edit-booking-email-address--description.description {
  font-weight: 600;
  font-size: 73%;
  padding: 5px 0 1em;
  display: block;
}

.field--name-field-awp-image.field--type-image {
  margin: 0 0 1em 0!important;
  float: none!important;
}

.field--name-field-awp-image.field--type-image img, .field--name-field-awp-body-formatted img{
  max-width: 100%;
  height: auto;
}

/* equality webform at /equality-monitoring-form */

form.webform-submission-equality-monitoring-form-form #edit-form-intro {
    font-size: 1.2em;
    border-bottom: 1px solid #e4e4e4;
}

form.webform-submission-equality-monitoring-form-form .form-item-what-is-your-gender- label,
form.webform-submission-equality-monitoring-form-form .form-item-what-is-your-age-group- label,
form.webform-submission-equality-monitoring-form-form .form-item-do-you-consider-yourself-to-have-a-disability- label,
form.webform-submission-equality-monitoring-form-form .form-item-what-is-your-religion-or-belief- label,
form.webform-submission-equality-monitoring-form-form .form-item-which-of-the-following-best-describes-how-you-think-of-yourself- label,
form.webform-submission-equality-monitoring-form-form .form-item-which-of-the-following-best-describes-how-you-think-of-yourself- label,
form.webform-submission-equality-monitoring-form-form .form-item-which-of-the-following-best-describes-how-you-think-of-yourself- label,
form.webform-submission-equality-monitoring-form-form #edit-which-disability-applies--wrapper legend,
form.webform-submission-equality-monitoring-form-form #edit-neurodiversity-categories--wrapper legend,
form.webform-submission-equality-monitoring-form-form div#edit-ethnic-group-intro {
    font-weight: bold;
}

form.webform-submission-equality-monitoring-form-form .form-item-what-is-your-gender- label,
form.webform-submission-equality-monitoring-form-form .form-item-what-is-your-age-group- label,
form.webform-submission-equality-monitoring-form-form .form-item-what-is-your-religion-or-belief- label,
form.webform-submission-equality-monitoring-form-form .form-item-which-of-the-following-best-describes-how-you-think-of-yourself- label,
form.webform-submission-equality-monitoring-form-form div#edit-disability-intro {
    margin-top: 1em;
}

form.webform-submission-equality-monitoring-form-form div#edit-ethnic-group-intro {
    margin-top: 2em;
}

form.webform-submission-equality-monitoring-form-form div#edit-ethnic-group-intro,
form.webform-submission-equality-monitoring-form-form div#edit-disability-intro {
    margin-bottom: 0rem;
}

form.webform-submission-equality-monitoring-form-form #edit-other-ethnic-group legend,
form.webform-submission-equality-monitoring-form-form #edit-which-disability-applies--wrapper legend,
form.webform-submission-equality-monitoring-form-form #edit-neurodiversity-categories--wrapper legend{
    font-size: 1em;
}

form.webform-submission-equality-monitoring-form-form div.form-item-white,
form.webform-submission-equality-monitoring-form-form div.form-item-asian-asian-british,
form.webform-submission-equality-monitoring-form-form div.form-item-black-african-caribbean-black-british,
form.webform-submission-equality-monitoring-form-form div.form-item-mixed-multiple-ethnic-background,
form.webform-submission-equality-monitoring-form-form fieldset#edit-other-ethnic-group {
    padding-left: 1em;
    padding-right: 1em;
}

form.webform-submission-equality-monitoring-form-form .form-check.mb-3 {
    margin-bottom: 0rem!important;
}

/* ### TOP MESSAGE BAR ### */

#block-sitewidemessage-9 {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: #bb1a2c;
    text-align: center;
    line-height: 1.5em;
    font-size: 0.9em;
    color: #fff;
    padding: 0.75em;
}

#block-sitewidemessage-9 a {
    color: #fff;
    text-decoration: underline;
}

#block-sitewidemessage-9:after {
    clear:both;
}

/* BOOTSTRAP 5 OVERRIDES */

legend.captcha__title {
    display:none;
}

h2.alert-heading {
    font-size: 1.2em;
}

.alert-wrapper .alert svg {
    max-height: 2rem;
}

.small, small{
    font-size: 0.75em!important;
}

main.main-content a {
    text-decoration: none;
}

/* CHOSEN2 OVERRIDES */

.path-frontpage .chosen-container .highlighted {
    position: relative;
    margin-left: 0;
    left: 0;
}

.chosen-container a, .chosen-container-single .chosen-single {
    border: 0;
}

.chosen-container ul.chosen-results li {
    padding: 2px 0;
    line-height: 1.5em;
    border-bottom: 1px solid #f4f4f4;
}

.views-exposed-form .chosen-container {
    padding: 15px 10px;
    margin: 15px 0;
    height: 3.4em;
    color: #666;
}