/* Root values */
  
  :root {
      /* Sets the masthead colour from the colour system */
      --w-sys-colors-masthead: var(--w-ref-colors-lavender-500);
      --w-sys-colors-masthead-secondary: var(--w-ref-colors-lavender-300);
	  --w-sys-colors-masthead-tertiary: var(--w-ref-colors-lavender-100);
      --w-sys-colors-masthead-color: #0B0B0B;
    
      /* Set to 1 to move controls to top */
      --video-controls-row: 3;
      --banner-height: auto;
  }



  /* Default page values */
  
  /* Temporary workaround for cookie banner being stuck at the bottom - needs fixing properly as it obscures footer links (WCAG) */
  #cookie-banner {
  	position: fixed;	
  }
    
  main#main {
      background-color: var(--w-sys-colors-masthead);
	  overflow-x: hidden;
	  padding-top: 40px;
  }
  
  body:not(.mce-content-body) { /* Exclude content editor */
      /* Search flyout - avoid scrolling */
      overflow-x: hidden;
      overflow-y: clip;
  }
  
  /* Removing masthead colour at page bottom */
  .id7-main-content {
    padding: 0px 20px !important;
  }

.spacing .layout-row.layout-row--nowrap {
    gap: 40px;
}

@media (min-width: 768px) {
    .spacing .layout-col--6 {
        width: calc(50% - 20px);
    }
	
	.spacing .layout-col--8 {
        width: calc(66.66% - 20px);
    }
	
		.spacing .layout-col--4 {
        width: calc(33.33% - 20px);
    }

}

@media (max-width: 768px) {
	
.layout-row.layout-row--nowrap {
    gap: 20px;
    display: flex;
    flex-direction: column;
}
}

.padding {
	padding: 100px 0px
}

.slim-padding {
	padding: 60px 0px
}

  .white-bg {
      background: #fff;
      box-shadow: 0 0 0 100vmax #fff;
      clip-path: inset(0 -100vmax);
  }

.white-bg + .white-bg {
    padding-top: 0;
}

h2 {
    font-size: 40px;
}

/* Adding left padding when a coloured block with spacing is added */

@media (min-width: 768px) {
.white-bg .spacing .text-container {
    padding-left: 60px;
}
}

[class*="bg"] > h2 {
	margin-bottom: 24px;
}

  .grey-bg {
      background: #EFEFEF;
      box-shadow: 0 0 0 100vmax #fff;
      clip-path: inset(0 -100vmax);
	  --w-sys-colors-bg: #EFEFEF;
  }

.text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
	gap: 12px;
}

.text-large {
	font-size: 2em;
	font-weight: 700;
	line-height: normal;
}

@media (max-width: 768px) {
	
/* Adding padding when not in white bg */
.white-bg [class*="id7-brand"] .text-container {
  padding: 60px 20px 0px;
}
}

#main a {
	 text-underline-offset: 25%;
}




/* Buttons */


 /* Primary Button Style */
	  
      
      .btn-primary {
      	color: var(--w-sys-colors-bg) !important;
        background-color: #000000;
        font-weight: 600;
        border: 1px black solid!important;
        font-size: 16px;
		min-height: 45px;
        border-radius: 0px;
        align-items: center;
		display: flex;
        box-shadow: 0 0 0 0px #000;
        transition: box-shadow 0.3s cubic-bezier(0.57, 0.19, 0.26, 1.15);
        justify-content: space-between;
		padding: 6px 18px;
      }
      
      .btn-primary:hover {
      	background-color: #000;
  box-shadow: 0 0 0 5px #000;
      }

.btn-primary i,
.btn-secondary i {
    margin-left: 15px;
	font-size: 24px;
}

.overlayContent .btn-primary i,
.overlayContent .btn-secondary i {
    margin-left: 0;
}

.overlayContent i {
	font-size: 2.5rem;
}
      
      /* Seconary Button Style */
      
      .btn-secondary {
      	border: 1px solid black;
      	color:black!important;
      	background:none;
        text-decoration: none !important;
      }
      
      .btn-secondary:hover {
      	background-color: #000;
      	color: white!important;
      }
      
      .pg-dark .btn-secondary {
      	border: 1px solid white;
  color: white !important;
      }
      
      .pg-dark .btn-secondary:hover {
      	background-color: #fff;
      	color: black!important;
      }
      
      
      
      .btn-primary i.new-window-link, .btn-secondary i.new-window-link {
  display: none;
      }
    
      /* Tertiary Button Style */
    
    .btn-tertiary {
      font-weight: 800;
      color: black !important;
	text-decoration-color: black!important;
    }
    
    
  .btn-tertiary i {
      margin-left: 5px;
    }
	  
	  i.new-window-link {
    font-size: 1.4rem;
		  color: black;
	  }
	  
	  .card-container h3 a:hover i, .btn-tertiary:hover i.fa-arrow-right {
    transform: translateX(5px);
}

.card-container h3 a i, .btn-tertiary i.fa-arrow-right {
    transition: transform 0.3s ease;
}
	  

      
   /* MOBILE ONLY */
    @media (max-width: 767px) {
		
		.btn-primary, .btn-secondary {
			width: 100%;
		}
		
		.cta-links .btn-primary,
.cta-links .btn-secondary {
    width: auto;
}
      
        .btn-primary i, .btn-secondary i {
      	margin-left: auto;
    }
	}





   /* Focus state START */
      
        a:focus, .form-control:focus, .dropdown-menu>.active>a:focus, .dropdown-toggle:focus, .open>a:focus, [role=button]:focus {
      box-shadow: 0 0 0 2px white,   0 0 0 4px black;
      outline: none;
    }
    
    .id7-navigation button.nav-dropdown-button:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
      outline: revert;
      box-shadow: 0 0 0 2px white,   0 0 0 4px black;
    }
    
    button:focus-visible, a:focus-visible {
      box-shadow: 0 0 0 2px white,   0 0 0 4px black;
    }
    
    .module--toggle:focus-visible {
      background-color: var(--w-sys-focusOutline) !important;
    }
      
     /* Focus state END */



  
  /* Masthead START */
  
@media (min-width: 768px) {
  nav.navbar {
  	background-color: var(--w-sys-colors-masthead)!important;
  }
}

  .id7-masthead .id7-header-text.affix.headroom, .navbar-primary {
  	background-color: var(--w-sys-colors-masthead)!important;
  }
  
    .navbar-nav .dropdown-menu {
  	background-color: var(--w-sys-colors-masthead-secondary)!important;
    box-shadow: none;
  }
  
  .navbar-primary {
  	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 1);
    z-index: 1;
  }
  
  .id7-masthead .id7-header-text .id7-parent-site-link, .navbar-nav>li, .navbar-nav .dropdown-menu>li>a, .id7-logo-row nav a {
      color: var(--w-sys-colors-masthead-color)!important;
  }
  
  .navbar-nav>li:focus, .navbar-nav>li:hover, .navbar-nav .dropdown-menu>li>a:hover, .navbar-nav>.open {
      background-color: transparent!important;
  }
  
  .dropdown-menu>li>a:focus {
  	background-color: var(--w-sys-focusOutline) !important;
  }
  
  
  .navbar-nav>li>a:hover, .dropdown-menu>li>a:hover, .id7-site-links a:hover, .h1 a:hover {
    text-decoration: underline;
  	text-underline-offset: 25%;
  }
  
  .navbar-nav>li.active:before {
  	display: none!important;
  }
  
  .id7-masthead .id7-header-text .id7-parent-site-link:after {
    border-bottom: 5px solid #0000;
    border-left: 7px solid var(--w-sys-colors-masthead-color);
    border-top: 5px solid #0000;
  }
  
  .search-button i {
    color: rgba(0, 0, 0, .5)!important;
  }
  
    .search-button i:hover {
    color: rgba(0, 0, 0, 1)!important;
  }

  .navbar-tertiary {
    display: none;
  }
  
  @media (min-width: 768px) {
	  
    .id7-masthead .id7-header-text .h1, .id7-masthead .id7-header-text h1 {
        font-size: 20px;
  }
    html.id7-borderless .id7-masthead .id7-header-text.affix:after, html.id7-borderless .id7-masthead .id7-header-text.affix:before {
          background: var(--w-sys-colors-masthead);
      }
  }
  
   .id7-search .typeahead.dropdown-menu>li.active>a {
      background: var(--w-sys-colors-masthead-color);
      color: #fff;
  }
    
  @media (max-width: 767px) {
      .id7-masthead .id7-logo-row nav ul>li {
          display: none;
      }
	  
	    .navbar-tertiary {
    display: block;
			background-color: var(--w-sys-colors-masthead-tertiary);
  }
  }
  
  .id7-navigation .navbar-nav>li:last-child+li:before, .id7-navigation .navbar-nav>li:not(.nav-breadcrumb):not(:last-child):after {
    border-right: 1px solid var(--w-sys-colors-masthead-color);
  }
  
  .id7-navigation .navbar-nav>li.dropdown>a:after {
    border-top: 4px solid var(--w-sys-colors-masthead-color);
  }


/* Mobile masthead */

  @media (min-width: 768px) {
  .navbar-secondary {
    display: none;
  }
  }

  @media (max-width: 768px) {
.navbar-secondary {

	background-color: var(--w-sys-colors-masthead-secondary)!important;
  }
	  
  }

li.nav-breadcrumb.first {
	background-color: var(--w-sys-colors-masthead-secondary)!important;
}
	  
	  .navbar-secondary .navbar-nav>li:first-child:after {
		  display: none;
	  }

  
/* Masthead END*/
  

 
/* image containers */

.img-container {
    width: 100%;
	height: 360px;  /* Default */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}




/* Navigation grid */

.nav-grid-item .img-container {
    height: 190px;
}

  .nav-grid-item:hover .nav-grid-content,
  .nav-grid-link:focus-within .nav-grid-content {
      box-shadow: 0 -15px 0 0 #000;
  }

.nav-grid-item .nav-grid-content {
	display: flex;
    align-items: flex-end;
    justify-content: space-between;
	margin-top: auto;
	min-height: 120px;
    padding: 10px;
	transition: all 0.3s ease;
    box-shadow: 0 -0px 0 0 #000;
    z-index: 1;
    position: relative;
    margin-bottom: 0px;
	background-color: black;
	--w-sys-colors-page-contrast: white;
}

.nav-grid-content h2 {
	margin: 0px;
	font-size: 28px;
	color: white;
	text-wrap: auto;
    text-align: left;
}

.nav-grid-content h3 {
    text-wrap: auto;
    text-align: left;
    font-size: 1.1em;
    margin: 0px;
    color: white;
}

  .nav-grid-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
	  margin-left: 5px;
    border-radius: 50%;
    background-color: transparent;
    height: 40px;
    min-width: 40px;
    border: 2px var(--w-sys-colors-page-contrast) solid;
    transition: transform 0.2s ease-in-out;
    color: var(--w-sys-colors-page-contrast) !important;

  }

  .nav-grid-button i {
	  color: var(--w-sys-colors-page-contrast) !important;
	  font-size: 1.7em;
  }

  .nav-grid-button:hover, .nav-grid-link:focus-within .nav-grid-button {
      transform: scale(1.2);
  }

  .nav-grid-link {
	  padding: 0px;
	  text-decoration: none!important;
    min-width: 100%;
  }


  @media (max-width: 768px) {
a.btn.nav-grid-link {
    width: 100%;
}
  }

.layout-row.layout-row--nowrap.no-gutters {
	gap: 20px;
}


  @media (min-width: 768px) {


.layout-row.layout-row--nowrap.no-gutters .layout-col--6 {
	width: calc(50% - 20px)
}

.layout-row.layout-row--nowrap.no-gutters .layout-col--3 {
	width: calc(25% - 20px)
}
  }
	  
/* Mobile → small tablet */
@media (min-width: 768px) and (max-width: 992px) {
    .layout-col--3 {
        width: 50%;
    }
	.layout-row.layout-row--nowrap {
    gap: 20px 0px;
}
}


/* Horizontal Scroller */
    
  .horizontal-scroller .horizontal-scroller-controls button {
    display: inline-block;
    position: relative;
    height: inherit;
    width: inherit;
	padding: 0;
	transition: transform 0.3s ease; 
    }
    
    .horizontal-scroller-controls {
       display: flex;
       justify-content: flex-end;
       gap: 40px;
       margin: 20px;
    }
@media (max-width: 1199px) {
    .horizontal-scroller-controls {
        margin: 20px 10px;
    }
}

.horizontal-scroller-controls i {
	color: black;
	font-size: 4rem;
}
    
    .horizontal-scroller-items-wrapper.padItems {
  margin: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
  }

.horizontal-scroller-controls button:hover {
    transform: scale(1.3);
}


/* CTA Block */
  
	  .cta-block h2 {
		  font-weight: 900;
    font-size: 3.5rem;
	  }
	  
	  
  .cta-block .cta-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
	padding-left:0px!important;
  }
  
  .cta-block .cta-links li {
    width: 50%;
    list-style: none;
  }
  
  .cta-block .cta-links a {
    margin: 5px;
    display: flex;
  }
	 
	  
.cta-content {
    padding-top: 40px;
}

.img-container.banner {
    height: 128px;
}
  
    @media (max-width: 991px) {
  .cta-block .cta-links li {
     width: 100%;
  }
  }
	  



/* Course search styles */
  
form#course-search-form {
	display: flex;
    flex-direction: column;
    gap: 10px;
}

  .course-search .input-group {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-items: stretch;
  }

@media (min-width: 768px) and (max-width: 991px) {
  #search-courses {
    width: 100%;
  }
}
  
  .input-icon-wrapper {
      position: relative;
      flex-grow: 2;
      min-width: 48%;
  }
  
  .input-icon-wrapper i {
      position: absolute;
      left: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: #000000;
      pointer-events: none;
      font-size: 16px;
      z-index: 1;
  }
  
  #homepage-course-search::placeholder {
      color: #212529 !important;
  }
  
  #homepage-course-search {
      border: 2px solid black;
      background-color: transparent;
      padding-left: 36px;
  }
  
  #study-level {
      width: auto;
      border: 2px solid black;
      background-color: transparent;
      flex-grow: 1;
  }
  
  
  #search-courses i {
  	margin-left: 0.5em;
  }
  
  /* Mobile course search */
  @media (max-width: 767px) {
      .input-icon-wrapper {
          width: 100% !important;
          margin-right: 0px !important;
          position: relative;
      }
  }

#warning-message {
	padding: 10px;
    background-color: rgb(157, 34, 53);
    display: none;
    color: white;
    font-size: 1.8rem;
}




/* Hero banner */


 .header h2 {
      font-size: 7rem;
      font-weight: 700;
      line-height: 100%;
  }

.hero-video-text p {
    max-width: 650px;
}
  
  @media (max-width: 767px) {
    .header h2 {
        font-size: 6rem;
    }
  }
  
  .header-text-full-width {
      padding-bottom: 60px;
  }

  @media (min-width: 768px) {
      .header.crest-right {
          display: flex;
          gap: 40px;
      }
	  
	 .header-content {
        align-self: center;
    }
	  
      .header.crest-right::before {
          order: 1;
      }
  }

 @media (max-width: 768px) {
	 .header-content {
        padding-bottom: 40px;
    }
 }
  
  
  .hero-video-align {
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      width: calc(100vw);
      padding-right: 64px;
  }
  
  @media (max-width: 767px) {
      .hero-video-align {
          padding-right: 24px;
      }
  }
  
  nav.id7-site-links {
      display: flex !important;
      margin-left: auto !important;
  }


	/* Hero Banner with Image */
  	
  	
  	.hero-image-container .img-content {
      min-height: 500px;
		width: 100%;
      object-fit: cover;
      object-position: center;
    }
    
    
    .header h2 {
        padding-top: 30px;
		margin-bottom: 30px;
    }

    .header .header-content h2 {
        padding-top: 0px;
    }
    
        @media (max-width: 768px) {
    .hero-image {
      padding: 0px;
      margin: 0 -20px;
    }
    .hero-image-layout h2 {
      padding-top: 0px;
    }
    }


	/* Hero Banner with Video */

  
  .hero-video-align .overlayContainer {
      position: relative;
	  aspect-ratio: 16 / 9;
      overflow: hidden;
  }
  
  .hero-video-align .overlayContent {
      height: 100%;
      width: 100%;
      z-index: 1;
      position: absolute;
      display: grid;
      grid-template-rows: auto 1fr auto;
      grid-template-columns: auto 1fr auto auto auto;
      padding: 20px;
      gap: 12px;
  }
  
  @media screen and (min-width:768px) {
      .hero-video-align .overlayContent {
          gap: 20px;
      }
  }
  
  
  /* Homepage banner image/video */
  
  .hero-video-align .containerBackground {
      width: 100%;
      position: absolute;
  }
  
  .hero-video-align .overlayContainer img,
  .hero-video-align .overlayContainer video {
      width: 100%;
      /* Remove inscrutable gap */
      margin-bottom: -7px;
      /* max-height: 100vh; */
  }
  
  .hero-video-align .overlayContainer .btn {
      padding: 10px;
  }
  
  .hero-video-align .overlayContainer .btn i {
      margin-right: 0;
      width:1em;
  }
  
  .hero-video-align a[data-purpose=transcript-download] {
      grid-row: var(--video-controls-row);
      grid-column: -3;
  }

  
  #vidbutton { /* Play/Pause */
      grid-row: var(--video-controls-row);
      grid-column: 1;
      justify-content: start;
	  width: auto;
	  margin: 0 10px 0 0;
	  font-size: 2rem;
  }
  
  #captionsbutton { /* CC */
      grid-row: var(--video-controls-row);
      grid-column: -2;
  }
  
  #audiobutton { /* Mute/unmute */
      grid-row: var(--video-controls-row);
      grid-column: -1;
  }
  
  @media (min-width: 768px) {
      /* Video control buttons */
      .hero-video-align .overlayContainer .btn {
          padding: 14px 18px;
      }
      #vidbutton { /* Play/Pause */
          min-width: 7.4em;
      }
  }


/* vid warning style */
      
      .vid-warning.hover {
      box-shadow: 0 0 0 0px #000;
        transition: box-shadow 0.3s cubic-bezier(0.57, 0.19, 0.26, 1.15);
      }
      
      .vid-warning.hover:hover {
        background-color: #000;
        box-shadow: 0 0 0 5px #000;
      }
      
      .vid-warning {
        display: flex;
        align-items: center;
        background-color: black;
        overflow: hidden;
        justify-self: start;
      }
      
      .warning-icon {
        font-size: 1.8em;
        padding: 2px 12px;
        color: white;
        cursor: pointer;
      }
      
      .warning-info {
        font-size: 14px;
        margin: 5px 0px;
        max-width: 0;
        overflow: hidden;
        white-space: nowrap;
        transition: max-width 0.3s ease;
      }
      
      .warning-group {
        margin-left: 10px;
      }
      
      .vid-warning.active .warning-info {
        max-width: 500px;
		min-width: 150px;
      }
      
      .vid-warning label {
        font-weight: normal;
        color: white;
        font-size: 12px;
        margin-bottom: 0;
      }
      
      .vid-warning p {
        margin: 0;
        color: white;
        margin-right: 10px;
      }
  
      #vidbutton {
        justify-self: start;
    }

      #vidbutton i {
        margin-right: 15px;
    }
        
	  
  	
  	/* Mobile style for hero */
  	
  	@media (max-width: 767px) {
      .warning-info {
          font-size: 12px;
  		margin: 2px 0px;
      }
  	.warning-icon {
      font-size: 1.6em;
  	padding: 2px 10px;
  	}
  		
  	#vidbutton {
  		font-size:0px;
  	}
  		#vidbutton i {
  		margin-right:0px!important;
		font-size: 2rem;
  		}
  	}



 /* Accordion styling */
  
  	    button.tabs-component--accordion-button.btn.btn-default.btn-lg:focus {
  background-color: var(--w-sys-colors-bg)!important;
  box-shadow: none;
    }
  
    
    button.tabs-component--accordion-button.btn.btn-default.btn-lg:focus-visible {
  box-shadow: 0 0 0 2px white, 0 0 0 4px black !important;
      background-color: var(--w-sys-focusOutline) !important;
    }
      
      .tabs-accordion button.tabs-component--accordion-button.btn.btn-default.btn-lg {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0px;
  border: none;
  border-top: 1px solid black;
  border-bottom: 0px solid black;
  margin: 0px 0px -2px 0px;
  background: transparent;
      }
    
    @media (max-width: 768px) {
    button.tabs-component--accordion-button.btn.btn-default.btn-lg {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0px;
  border: none;
  border-top: 1px solid black;
  border-bottom: 0px solid black;
  margin: 0px 0px -2px 0px;
  background: transparent;
      }
    }
      
      button.tabs-component--accordion-button.btn.btn-default.btn-lg.expanded {
  border-bottom: none;
      }
    
    .tabs-component--accordion-button h3 {
      margin: 0px;
    }
      
      .tabs-component--accordion-button i {
  color: var(--w-sys-colors-bg);
  background: black;
  padding: 10px;
  margin: 0px !important;
      }
      
      .tabs-component .panel.panel-default {
  border: none;
  margin-top: 5px;
      }
      
      .tabs-component .panel-body {
  padding: 15px 0px 40px;
      }
  
       .tabs-component--panels .tabs-component--panels.tab-content {
  box-shadow: 0 1px 0 0 black;
      }
      
  .tabs-component--accordion-button h4 {
    margin: 0px;
  }

.accordion-heading {
	color: #262626;
}

.panel {
    background-color: var(--w-sys-colors-bg);
}

.panel.panel-default {
    box-shadow: 0 0px 0px #0000000d;
}
  	  
    
  	   /* Second accordion within an accordion */
  
    @media (max-width: 768px) {
      
       .tabs-component--panels .tabs-accordion button.tabs-component--accordion-button.btn.btn-default.btn-lg {
     flex-direction: row;
     justify-content: flex-start;
     gap: 10px;
     padding: 10px 0px;
     border-top: 1px solid #999999;
     border-bottom: 0px;
    }
  	  
    
  	 .tabs-component--panels .tabs-accordion .tabs-component--panels.tab-content {
  		 border-bottom: 0px;
  	 }
  	  
    .tabs-component .tabs-component .tabs-component--accordion-button i {
      color: var(--w-sys-colors-bg);
      background: black;
    }
      
      .tabs-component--accordion-button h5 {
    margin: 0px;
      }
    
      .tabs-component--panels .tabs-accordion .tabs-component--panels.tab-content {
    margin-left: 30px;
      }
  	  
  	 .tabs-component--panels .tabs-accordion .tabs-component--panels.tab-content {
      box-shadow: 0 1px 0 0 #999999;
  }
  
            .tabs-component--panels .tabs-component--panels.tab-content {
  box-shadow: none;
      }
  
            .tabs-component--panels.tab-content {
  box-shadow:  0 1px 0 0 black;
      }
      
    }
  
    /* Tabs Style */
  
  @media (min-width: 768px) {
    .tabs-component>.tabs-component--tablist {
        justify-content: center;
        padding: 10px 0px 30px;
    }
  }
      
  .tabs-component>.tabs-component--tablist>button {
    background-color: var(--w-sys-colors-bg);
    border: 1px solid black !important;
  	border-radius: 0px;
  }
  
    .tabs-component>.tabs-component--tablist>button:hover, .tabs-component>.tabs-component--tablist>button.active {
    background-color: black;
      color: var(--w-sys-colors-bg);
  }
    
 

/* Text and image container */

@media (max-width: 768px) {
  .layout-row:has(.layout-col:first-child .img-container):has(.text-container) {
    flex-direction: column-reverse;
  }
}
  

/*TikTok */

.tiktok blockquote {
	padding: none;
	border: none;
}

  /* Footer */
  
  .id7-page-footer .id7-app-footer {
      background: #000000;
      box-shadow: 0 0 0 100vmax #000000;
      clip-path: inset(0 -100vmax);
  }
  
  .id7-page-footer.id7-footer-coloured .id7-site-footer {
      background: #000000;
      color: #ffffff !important;
      box-shadow: 0 0 0 100vmax #000000;
      clip-path: inset(0 -50vmax -2px);
  }
  
  .id7-page-footer.id7-footer-coloured .id7-site-footer a,
  .id7-page-footer.id7-footer-coloured .id7-site-footer a:link,
  .id7-page-footer.id7-footer-coloured .id7-site-footer a:visited,
  .id7-page-footer.id7-footer-coloured .id7-site-footer h3 {
      color: #FDFCFC;
  }
  
  .social-media-icons i.fa-square {
      color: #ffffff;
  }
  
  .fa-inverse {
      color: #000000;
  }
  
  /* end footer */