.user_content h1.page-title {
    border-left: 14px var(--color-hssce) solid;
}

.user_content table th,
.ku-content-wrapper table th {
    background: var(--color-hssce);
}

/*
.ku-nav ul li a {
    border-bottom: 2px var(--color-hssce) solid;
}
*/

.ku-module-topics {
    background-color: var(--color-hssce);
}

.ku-module-home table th {
    background: none;
}

.ku-module-home .ku-instructor-element h3 {
    color: var(--color-hssce);
    font-size: 1.125em;
    margin: 0;
}

/* .ku-module-home .topics-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/topics-icon.svg) no-repeat;
}

.ku-module-home .ku-welcome-vid-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/play-icon.svg) no-repeat;
}

.ku-module-home .ku-twitter-timeline-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/twitter-icon.svg) no-repeat;
}

.ku-module-home .ku-yammer-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/yammer-icon.svg) no-repeat;
}

.ku-module-home .ku-module-instructors-block h2::before,
.ku-module-home .ku-instructors-title h2:before,
.ku-module-home .instructors-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/avatar-icon.svg) no-repeat;
} */

.ku-module-home .ku-module-title-header,
.ku-home-version-2 .ku-module-title-header,
#course_syllabus .ku-page-title-header {
    border-left: 14px var(--color-hssce) solid;
}

.ku-home-version-2 .ku-module-title-header p {
    background: var(--color-hssce);
}

/* .ku-home-version-2 .video-and-feed h3:before,
.ku-home-version-2 .ku-module-profiles h2:before {
    background-size: 100%;
    content: "";
    position: relative;
    left: 0;
    top: 14px;
    height: 48px;
    width: 48px;
    padding: 14px;
    margin-right: 16px;
}

.ku-home-version-2 .homepage-video h3:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/play-icon.svg) no-repeat;
}

.ku-home-version-2 .homepage-feed h3:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/twitter-icon.svg) no-repeat;
}

.ku-home-version-2 .ku-module-profiles h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/avatar-icon.svg) no-repeat;
}
*/
.ku-module-home .ku-module-element tr {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/pin-icon-2.svg) 50% 22px no-repeat #fff;
    -webkit-background-size: 24px 24px;
    /* Safari 3.0 */
    -moz-background-size: 24px 24px;
    /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 24px 24px;
    /* Opera 9.5 */
    background-size: 24px 24px;
    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
    height: 132px;
}
/*
.ku-topics-icon {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/hscs/topics-icon.svg) no-repeat;
    display: inline-block;
    height: 36px;
    position: relative;
    width: 36px;
}
*/
.ku-welcome-nav-block {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 550px 0 no-repeat var(--color-hssce);
}

.ku-ku-st-georges-band {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--color-hssce)+0,2989d8+50,005e99+100 */
    background: var(--color-hssce); /* Old browsers */
    background: -moz-linear-gradient(left,  var(--color-hssce) 0%, #2989d8 100%, #005e99 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  var(--color-hssce) 0%,#2989d8 100%,#005e99 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  var(--color-hssce) 0%,#2989d8 100%,#005e99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-hssce)', endColorstr='#005e99',GradientType=1 ); /* IE6-9 */
    height: 1em;
    margin-top: -42px;
    margin-bottom: 42px;
    width: 100%;
}

.ku-course-presence-home .ku-useful-link-element tr {
    background: rgba(98, 178, 47, 0.2);
}

.ku-course-presence-home .ku-ku-logo {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/kingston-st-georges-logo.png) no-repeat scroll 0 0;
    background-size: 75%;
    color: transparent;
    display: block;
    font: 0px/0 a;
    height: 132px;
    position: relative;
    top: 12px;
    overflow: hidden;
    text-shadow: none;
    width: 403px;
}

@media screen and (min-width: 1280px) { }

@media screen and (max-width: 1024px) {
    .ku-course-presence-home .ku-welcome-nav-block {
        background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 550px 0 no-repeat var(--color-hssce);
    }
}

@media screen and (max-width: 992px) {
    .ku-course-presence-home .ku-welcome-nav-block {
        background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 475px 0 no-repeat var(--color-hssce);
    }
}

@media screen and (min-width: 992px) {}

@media screen and (max-width: 850px) {}

@media screen and (min-width: 768px) {}

@media (max-width: 767px) {
    .ku-course-presence-home .ku-welcome-nav-block {
        background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 450px 0 no-repeat var(--color-hssce);
    }

    .ku-home-version-2 .ku-module-topics {
        background-color: var(--color-hssce);
    }
}

@media screen and (max-width: 500px) {
    .ku-course-presence-home .ku-welcome-nav-block {
        background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 265px 0 no-repeat var(--color-hssce);
    }
}

.hsce-assessment-header {
    background: var(--color-hssce);
    color: #FFFFFF;
    margin-top: 11px;
    margin-bottom: 3px;
    margin-right: 11px;
    margin-left: 11px;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-right: 8px;
    padding-left: 8px;
}

.hsce-assessment-header h3 {
    color: #FFFFFF;
    margin-bottom: 0px;
}

.hsce-assessment-header p a {
    color: #FFFFFF;
}

.hsce-assessment-header p {
    color: #FFFFFF;
    margin-bottom: 10px;
}

.hsce-assessment {
    background: #FFFFFF;
    margin-top: 11px;
    margin-bottom: 3px;
    margin-right: 11px;
    margin-left: 11px;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-right: 8px;
    padding-left: 8px;
}

.hsce-assessment h3 {
    margin-bottom: 0px;
}

.hsce-assessment p {
    margin-bottom: 10px;
}
/* removed to match with the updated nav css */
/*
.hssce-assessment-brief .ku-nav {
     margin-top: -48px;
}*/

/* remove the top padding of the ku-content-section if it starts with an h2 */
.hssce-assessment-brief .ku-content-section>h2:first-child {
	margin-top: -42px;
}

.hssce-assessment-brief h2 {
    background-color: var(--color-hssce);
    color: #ffffff;
    padding: 24px;
}

.hssce-assessment-brief .ku-module-topics {
    padding: 24px;
}

/* CSS for Activity Headers - Begin */
.ku-ah {
	background-color: #cccccc;
	border-left: 14px var(--color-hssce) solid;
	border-radius: 8px 8px 8px 8px;
	padding: 0.5em;
	margin-bottom: 10px;
}
/* CSS for Activity Headers - End */

/* Canvas templates style - Begin  - 2024-03-05 */
.ig-header.header {
	/* changes the unit header row's background attributes */
    background-color: var(--color-header-darkgrey);
	color: white; /* the colour of the left triagle */
	border-radius: 10px;
	border-left: 15px solid var(--color-hssce); /* faculty colour */
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

.item-group-condensed .ig-header {
	/* header's background */
	background-color: var(--color-header-darkgrey);
	color: white; /* the colour of the left triagle */
	border-radius: 10px;
	border-left: 15px solid var(--color-hssce); /* faculty colour */
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

.ig-type-icon {
	/* individual row's icons */
    color: var(--color-hssce) !important; /* faculty colour */
}

.user_content ul>li::marker {
	/* change bullet colour*/
	color: var(--color-hssce);
}

hr {
	/* change <hr> colour */
	border-top: 2px solid var(--color-hssce); /* faculty colour */
}

/* Canvas templates style - End */

/* ku-cards - Start */
.ku-card-back {
  border-color: var(--color-hssce);
}
/* ku-cards - End */

/* ku-tiles - Start */
.ku-tile .top {
  background-color: var(--color-hssce);
}
/* ku-tiles - End */

/* ku-cards - Start */
.ku-card-front {
  border-color: var(--color-hssce);
}

.ku-card-back {
  border-color: var(--color-hssce);
}
/* ku-cards - End */

/* KU and Faculty Colours */
:root {
  --color-ku: #1175d3;
  --color-ece: #95549C;
  --color-ksa: #FFED00;
  --color-hssce: #62B22F;
  --color-fbss: #F8971D;
  
  --color-header-darkgrey: #222;
}