/**
 * @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;
}

a {
    color: #0079c1;
    text-decoration: none;
}
#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, #block-pageheadingsresearchtrialscomingsoon {
    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-wb23.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-pageheadingsresearchtrialscomingsoon .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-pageheadingsresearchtrialscomingsoon h1, #block-pageheadingsresearchtrialscomingsoon 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;
    margin: 0 10%;
}

@media (min-width: 1301px) and (max-width: 1600px) {
    #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: 3.5em;
        margin: 0 15%;
    }
}

@media (min-width: 1141px) and (max-width: 1300px) {
    #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: 3em;
        margin: 0 15%;
    }
}



@media (min-width: 901px) and (max-width: 1140px) {
    #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;
        margin: 0 15%;
    }

    #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;
        margin: 0 15%;
    }

    #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;
    }

}

@media (max-width: 540px) {
    #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: 1.8em;
        margin: 0 30%;
    }
}



.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) and (max-width: 1250px){
    a.navbar-brand {
        display: inline-block;
        max-width: 30%;
    }

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

@media (min-width: 1251px) and (max-width: 1399px) {
    a.navbar-brand {
        display: inline-block;
        max-width: 22%;
    }

    .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: 20%;
    }

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

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

}




@media (max-width: 1023px) {
    .site-name-slogan {
        display: none !important;
    }
}

@media (min-width: 769px) AND (max-width: 991px) {
    div#block-headersocialandsearchicons {
        max-width: 220px;
    }
    .navbar-brand {
        max-width: 80%!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;
    }

}


#navbar-main {
    background: #999999!important;
}

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 0.85rem!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-headersocialandsearchicons {
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 550px;
    text-align:right;
    color: #0079c1;
    font-size: 1.5em;
}

div#block-headersocialandsearchicons .nuh-hlogo, div#block-headersocialandsearchicons .links-sicons {
    display: inline-block;
    padding: 0 0.2em;
}
div#block-headersocialandsearchicons .nuh-hlogo img {
    max-height: 60px;
    padding-right: 20px;
    margin-top: -30px;
    max-width: 100%;
}

@media (min-width: 1251px) and (max-width: 1399px) {
    div#block-headersocialandsearchicons .nuh-hlogo img {
        max-height: 60px;
        padding-right: 20px;
        margin-top: -30px;
        max-width: 70%;
    }
}

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

@media (max-width: 768px) {
    div#block-headersocialandsearchicons .nuh-hlogo {
        display:inline-block;
        max-width: 45%;
    }
    .navbar#navbar-top {
        padding: .5rem 0.1rem!important;
    }
}

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

div#block-headersocialandsearchicons-2, div#block-footersocialicons {
    color: #0079c1;
    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: #0079c1;
    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); /*#0079c1;*/
        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: #0079c1;; /*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: #0079c1;; /*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 1em;
}

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

.block-views-blockour-partners-block-1 .views-row img {
    max-width: 240px;
}

.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-exposedformexternal-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-exposedformexternal-courses-searchpage-1, #block-exposedformexternal-courses-searchpage-2, #block-exposedformexternal-courses-searchpage-3 {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    background: #9e3d90;
    padding: 50px 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

#block-exposedformexternal-courses-searchpage-1:after, #block-exposedformexternal-courses-searchpage-2:after, #block-exposedformexternal-courses-searchpage-3:after  {
    content: '\f0d7';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 60px;
    color: #9e3d90;
    position: absolute;
    top: 99%;
    left: 0;
    right: 0;
    margin: -41px auto 0;
    width: 0;
    height: 0;
}

#block-exposedformexternal-courses-searchpage-1 form, #block-exposedformexternal-courses-searchpage-2 form, #block-exposedformexternal-courses-searchpage-3 form {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 1em;
}


.path-frontpage #block-exposedformexternal-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-exposedformexternal-courses-searchpage-1-2 div {
    width: 100%;
}


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

@media (min-width: 415px) and (max-width: 1024px) {
    .path-frontpage #block-exposedformexternal-courses-searchpage-1-2 .form-item-field-course-start-date-value-1 label {
        /*display: none !important;*/
    }
    .path-frontpage #block-exposedformexternal-courses-searchpage-1-2 select, #block-exposedformexternal-courses-searchpage-1 select {
        margin-top: 2.5em !important;
    }
    .path-frontpage #block-exposedformexternal-courses-searchpage-1-2 div {
        width: auto !important;
    }
    .path-frontpage #block-exposedformexternal-courses-searchpage-1-2 div.js-form-item-field-course-start-date-value-1 {
        min-width: 25% !important;
    }
    .path-frontpage #block-exposedformexternal-courses-searchpage-1-2 .btn-primary {
        margin-top: -9vw;
        /*position: absolute;*/
    }
    .path-frontpage  #block-exposedformexternal-courses-searchpage-1-2 .form-text, #block-exposedformexternal-courses-searchpage-1 .form-text, .path-frontpage  #block-exposedformexternal-courses-searchpage-1-2 .form-date, #block-exposedformexternal-courses-searchpage-1 .form-date {
        min-height: 55px;
    }
}
@media (min-width: 1024px) and (max-width: 1024px) {
    .path-frontpage #block-exposedformexternal-courses-searchpage-1-2 div.js-form-item-field-course-start-date-value-1 {
        min-width: 33% !important;
    }
    .path-frontpage  #block-exposedformexternal-courses-searchpage-1-2 .form-text, #block-exposedformexternal-courses-searchpage-1 .form-text, .path-frontpage  #block-exposedformexternal-courses-searchpage-1-2 .form-date, #block-exposedformexternal-courses-searchpage-1 .form-date {
        min-height: 55px;
    }
    .path-frontpage #block-exposedformexternal-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); /*#0079c1*/
        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-exposedformexternal-courses-searchpage-1 div.form-item-title, #block-exposedformexternal-courses-searchpage-1 div.form-item-field-course-start-date-value-1,
#block-exposedformexternal-courses-searchpage-2 div.form-item-title, #block-exposedformexternal-courses-searchpage-2 div.form-item-field-course-start-date-value-1,
#block-exposedformexternal-courses-searchpage-3 div.form-item-title, #block-exposedformexternal-courses-searchpage-3 div.form-item-field-course-start-date-value-1{
    margin: 0 2%;
    width: 35%;
}

#block-exposedformexternal-courses-searchpage-1 div#edit-actions--2,
#block-exposedformexternal-courses-searchpage-2 div#edit-actions--2,
#block-exposedformexternal-courses-searchpage-3 div#edit-actions--2{
    margin: 0 2%;
    width: 15%;
}

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

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

#block-exposedformexternal-courses-searchpage-1 label,
#block-exposedformexternal-courses-searchpage-2 label,
#block-exposedformexternal-courses-searchpage-3 label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}

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

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

.path-frontpage #block-exposedformexternal-courses-searchpage-1-2 .btn-primary,
#block-exposedformexternal-courses-searchpage-1 .btn-primary,
#block-exposedformexternal-courses-searchpage-2 .btn-primary,
#block-exposedformexternal-courses-searchpage-3 .btn-primary {
    border-radius: 0;
    background: #d54aaf;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    border: 0;
    padding: 15px 25px;
    -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-exposedformexternal-courses-searchpage-1 .btn-primary, #block-exposedformexternal-courses-searchpage-2 .btn-primary, #block-exposedformexternal-courses-searchpage-3 .btn-primary {
    display: inline-block;
    margin: 0 auto;
}

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

.path-frontpage #block-exposedformexternal-courses-searchpage-1-2 .btn-primary:hover,
#block-exposedformexternal-courses-searchpage-1 .btn-primary:hover,
#block-exposedformexternal-courses-searchpage-2 .btn-primary:hover,
#block-exposedformexternal-courses-searchpage-3 .btn-primary:hover {
    background: #6a2054;
}

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;
    position: relative;
}

.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: 50%;
    width: 85%;
}

.view-meet-the-team .views-field-field-teammember-jobtitle {
    top: 72%;
    width: 65%;
    font-size: 0.8em;
}

.view-meet-the-team .views-row:hover .views-field-field-team-photo  {
    background: #9e3d90;
    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 - MOBILE ### */

@media (max-width: 767px) {
    .view-meet-the-team .views-field-title {
        font-size: 1em;
        font-weight: 600;
        top: 40%;
    }

    .view-meet-the-team .views-field-field-teammember-jobtitle {
        top: 50%;
        width: 70%;
        font-size: 0.8em;
    }

}


/* ### 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 #e4e4e4;
    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 #e4e4e4;
    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: #0079c1; */
    box-shadow: inset 0 0 0 1000px rgb(255 255 255 / 70%);
    color: #000;
    font-weight: 600;
    padding: 15px;
    min-height: 180px;
    transition: ease 0.7s;
    background-position: center center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

.view-id-news_and_updates.view-display-id-block_2 .views-row .news-item:hover {
    box-shadow: inset 0 0 0 1000px rgb(255 255 255 / 80%);
}

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


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

.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: #0079c1;
    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;
}

article.node--type-article-update img {
    max-width: 100%;
    height: auto;
}

@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-external-courses-search table {
    font-size: 1em;
    margin-bottom: 50px;
}

.view-external-courses-search .views-table th {
    border: 0px;
    background: #9e3d90;
}

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

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

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

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

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

a.ecs-enquire-btn {
    border: 1px solid #9e3d90;
    background: #fff;
    color: #9e3d90;
    padding: 5px 10px;
    font-weight: 600;
}

a.ecs-enquire-btn:hover {
    color: #fff;
    text-decoration: none;
    background: #6a2054;
}

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 #0079c1;
    background: #0079c1;
    color: #fff;
    padding: 5px 20px;
    font-weight: 600;
    white-space: nowrap;
}

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

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: #0079c1;
    font-weight: 400;
}

.site-footer .content a, .site-footer .content a.is-active {
    color: #0079c1;
}

.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: #999999;
}

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

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

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

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


/* ### 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-tna-division,  .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-dept,  .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: #0079c1 !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: #e4e4e4;
    margin: 1em 0;
}

.divider-narrow {
    padding: 2px;
    background-color: #e4e4e4;
    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%;
        margin-right: 0;
    }
}


@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-exposedformexternal-courses-searchpage-1-2 {
        width: 100%;
        float:none;
    }
    .path-frontpage #block-exposedformexternal-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-exposedformexternal-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-headersocialandsearchicons {
        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: #0079c1;
        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 {
    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-exposedformexternal-courses-searchpage-1-2 {
        position: relative;
        margin-top: -100px;
    }
}
@media (max-width: 768px) {
    .path-frontpage #block-exposedformexternal-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-external-courses-search table {
        display: flex;
        flex-wrap: wrap;
    }

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

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

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

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

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

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

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

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

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


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

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

    #block-exposedformexternal-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;
        padding-left: 5px;
        padding-right: 5px;
    }

    div#block-headersocialandsearchicons {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 0px;
    }
}
@media (max-width: 736px) {
    .path-frontpage #block-exposedformexternal-courses-searchpage-1-2 {
        position: relative;
        margin-top: 20px;
    }
}
@media (max-width: 414px) {
    .path-frontpage #block-exposedformexternal-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: 0;
    padding-right: 0;
}


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

}

@media (max-width: 767px) {
    h1, h1.header, .adaptiveparagraph .regular h1 {
        font-size: 1.75em!important;
    }

    h2, h2.header, .adaptiveparagraph .regular h2 {
        font-size: 1.5em!important;
    }
    h3, h3.header, .adaptiveparagraph .regular h3  {
        font-size: 1.25em!important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    h1, h1.header, .adaptiveparagraph .regular h1 {
        font-size: 2em!important;
    }

    h2, h2.header, .adaptiveparagraph .regular h2 {
        font-size: 1.75em!important;
    }
    h3, h3.header, .adaptiveparagraph .regular h3  {
        font-size: 1.5em!important;
    }
}


/* ### 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-external-courses-search .nav-tabs {
    border-bottom: 1px solid #9e3d90;
    margin: 1em 0 -1.25em 0;
}


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

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

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


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

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


/* 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;
}

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;}

/* ## waiting list form - Jul 2022 ### */
.webform-submission-course-waiting-list-form-form #edit-course-type {
    pointer-events: none;
    background: #ccc;
}

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

.g-recaptcha {
    margin-bottom: 1em;
}
/* hide title in header block on /neptune page */

.page-node-1399 #block-dreeam-page-view-title h1 { display:none; }


/* ### NEPTUNE PEOPLE CAROUSEL ### */


.view-neptune-people-scroller {
    overflow: hidden;
}

.view-neptune-people-scroller .views_slideshow_controls_text_previous:before, .view-neptune-people-scroller .views_slideshow_controls_text_next:after{
    color: #333;
    font-size: 25px;
}

.block-views-blockneptune-people-scroller-block-1 .views-row {
    width: 24%;
    float:left;
    padding: 0 1em;
    text-align: center;
}

.block-views-blockneptune-people-scroller-block-2 .views-row {
    padding: 0 1em;
    text-align: center;
}


.view-neptune-people-scroller .views-row .views-field-field-team-photo img {
    border-radius: 50%;
    width: 100%;
    height: auto;
    transition: transform .4s;
    max-width: 240px;
    padding: 1em;
}

.view-neptune-people-scroller .views-row:hover .views-field-field-team-photo img {
    transform: scale(1.1);
}

.view-neptune-people-scroller .views-row .views-field-title {
    padding: 0.5em 0 0;
    font-size: 0.9em;
}

.view-neptune-people-scroller .views-row .views-field-field-teammember-jobtitle {
    font-size: 0.8em;
    color: #666666;
}

.block-views-blockneptune-people-scroller-block-1 .views_slideshow_slide {
    width: 100%;
}

.block-views-blockneptune-people-scroller-block-2 {
    display:none;
}

#block-neptunepageheader {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    text-align: center;
    height: 300px;
}

@media (min-width: 993px) {
    .view-neptune-people-scroller .view-content.row {
        padding: 0 60px;
    }
}

@media (max-width: 992px) {

    .view-neptune-people-scroller .views_slideshow_controls_text_previous, .view-neptune-people-scroller .views_slideshow_controls_text_next {
        display:none;
    }
}

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

}


/* ### 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;
}

/* ### TEAM MEMBER - GREEN AMBASSADOR BADGE JAN 23 ### */
div.team_greenamb {float: right;}

/* 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;
}

/* 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;
}

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

#block-sitewidemessage {
    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 a {
    color: #fff;
    text-decoration: underline;
}

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

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

/* BOOTSTRAP 5 OVERRIDES */

legend.captcha__title {
    display:none;
}

.alert-wrapper {
    width: 90%!important;
    margin-left: 6em;
}

.alert-wrapper .alert {
    padding: 1.5em 3em;
}

.alert-wrapper h2.alert-heading {
    display:none;
}

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

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

/* 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;
}

.chosen-container-single .chosen-single div b {
 /*  display: none;*/
}

.path-frontpage  #block-exposedformexternal-courses-searchpage-1-2 .chosen-container, #block-exposedformexternal-courses-searchpage-1 .chosen-container, #block-exposedformexternal-courses-searchpage-2 .chosen-container, #block-exposedformexternal-courses-searchpage-3 .chosen-container{
    padding: 15px 10px;
    margin: 15px 0;
    height: 3.4em;
    color: #666;
}

/* missing black background colour option in paragraphs */

.black-bk{background:#000000}

.black-bk .header,.black-bk .column_item_header{color:#fff}

.text_area .black-bk .column_item_header{color:#fff}

.black-bk h1,.black-bk h2,.black-bk h3,.black-bk h4,.black-bk h5,.black-bk h6{color:#fff}

.black-bk .body_text{color:#fff}

.black-bk a{color:#fff;transition:all 0.2s ease-in-out}

.black-bk a:hover{color:#ccc}

.black-bk .link_button_wrapper a,.black-bk .file_button_wrapper a{border:1px solid #fff;border-radius:2px;background-color:#000000;color:#fff !important;transition:all 0.2s ease-in-out}

.black-bk .link_button_wrapper a:hover,.black-bk .file_button_wrapper a:hover{background-color:#333333 !important;color:#fff}

.black-bk.transparent-bk{background:rgba(0,0,0,0.8)}

/* Course Details Page Book Now button */

.btn.cdp-booknow {
font-weight: 700 !important;
font-size: 1.5rem !important;
border-radius: 0 !important;
width: 90%;
max-width: 350px;
padding-top: 0.75em;
padding-bottom: 0.75em;
}