/*WMS SITE COLOUR PALETTE***/

:host,:root {
	
	--wms-default: #F5F5F6;
    --wms-white: #fff;
    --wms-pale-grey: #d9dde0;
    --wms-grey: #58595B;
	--wms-grey-10: #eeeeef;
	--wms-grey-20: #dedede;
    --wms-dark-grey: #282828;
    --wms-bright-blue: #00A9CE;
	--wms-dark-blue: #41748D;
	--wms-bright-teal: #6DCDB8;
	--wms-dark-teal: #507F70;
    --wms-black: #1d1d1d;  
	--wms-bright-gold: #F1BE48;
	--wms-dark-gold: #D69A2D;
	--wms-bright-orange: #E87722;
	--wms-dark-orange: #BE531C;
	--wms-bright-ruby: #CB333B;
	--wms-dark-ruby: #9D2235;
	--wms-bright-teal-70: #99dccd;
	--wms-bright-teal-50: #b6e6dc;
	--wms-bright-teal-30: #d3f0ea;
	--wms-dark-teal-70: #85a59b;
	--wms-dark-teal-50: #a8bfb8;
	--wms-dark-teal-30: #cbd9d4;
	--wms-bright-blue-70: #4dc3dd;
	--wms-bright-blue-50: #80d4e7;
	--wms-bright-blue-30: #b3e5f0;
	--wms-dark-blue-70: #7a9eaf;
	--wms-dark-blue-50: #a0bac6;
	--wms-dark-blue-30: #c6d5dd;
	--wms-bright-gold-70: #f5d27f;
	--wms-bright-gold-50: #f8dfa4;
	--wms-bright-gold-30: #fbecc8;
	--wms-dark-gold-70: #e2b86c;
	--wms-dark-gold-50: #ebcd96;
	--wms-dark-gold-30: #f3e1c0;
	--wms-bright-ruby-70: #db7076;
	--wms-bright-ruby-50: #e5999d;
	--wms-bright-ruby-30: #efc2c4;
	--wms-dark-ruby-70: #ba6472;
	--wms-dark-ruby-50: #ce919a;
	--wms-dark-ruby-30: #e2bdc2;
	--wms-bright-orange-70: #efa064;
	--wms-bright-orange-50: #f4bb91;
	--wms-bright-orange-30: #f8d6bd;
	--wms-dark-orange-70: #d28760;
	--wms-dark-orange-50: #dfa98e;
	--wms-dark-orange-30: #eccbbb;
	--wms-itm-navy: #00407A;
	--wms-main-banner-height: 450px;

		
	}
	
/*WMS SITE COLOUR PALETTE END***/
	
/**WMS SITE OPTIONS - TO BE EXPORTED TO A SEPARATE CSS FILE (EVENTUALLY IMPORTED INTO SITE CSS) 04/03/2024 MH***/
	
	
/*TEXT DEFAULT --- NEEDS TO BE CHANGED FOR PRODUCTION***/
	


	p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-black);
	
}
	
	p {
		font-weight: 200;
	}
	
	h2 {
		font-weight: 600;
	}



	
/*TEXT DEFAULT END/
  
  
/****PADDING/MARGIN OPTIONS**/

.wms-full-view-width {
  
      width: 100vw;
	overflow: hidden;
    }
  
.wms-nopadding-left-right {
  
    padding-left: 0;
    padding-right: 0;
  }
	
	.wms-full-padding-10 {
padding: 10px; 	
}
	
.wms-full-padding-20 {
	
	padding: 20px;
	
}
	
.wms-full-padding-30 {
	
	padding: 30px;
	
}
	
.wms-full-padding-40 {
	
	padding: 40px;
	
}
	.wms-full-padding-60 {
	
	padding: 60px;
	
}
	.wms-full-padding-80 {
	
	padding: 80px;
	
}
	.wms-full-padding-100 {
	
	padding: 100px;
	
}
	
.wms-pad-10 {
padding: 10px; 	
}
	
.wms-pad-20 {
	
	padding: 20px;
	
}
	
.wms-pad-30 {
	
	padding: 30px;
	
}

.wms-pad-40 {
	
	padding: 40px;
	
}
  
.wms-pad-60 {
	
	padding: 60px;
	
}
	
.wms-pad-80 {
	
padding: 80px;	
}
	
	.wms-pad-100 {
	padding: 100px;	
	}

.wms-padding-top-bottom {
  
padding: 40px 0 40px 0;
  
}	
	
.wms-padding-top-bottom-10 {
  
padding: 10px 0 10px 0;
  
}
	
.wms-padding-top-bottom-20 {
  
padding: 20px 0 20px 0;
  
}
	
.wms-padding-top-bottom-40 {
  
padding: 40px 0 40px 0;
 
}
.wms-padding-top-bottom-60 {
  
  padding: 60px 0 60px 0;
  
}
	

	
.wms-padding-bottom-20 {
	
	padding-bottom: 20px;
	
}

.wms-padding-bottom-40 {
	
	padding-bottom: 40px;
	
}
	
.wms-padding-bottom-60 {
	
	padding-bottom: 60px;
	
}
	
.wms-padding-top-20 {
	
	padding-top: 20px;
	
}
	
.wms-padding-top-40 {
	
	padding-top: 40px;
	
}
	
.wms-padding-top-60 {
	
	padding-top: 60px;
	
}
	
	.wms-margin-left-20 {
		margin-left: 20px;
		
	}
	
		.wms-margin-left-30 {
		margin-left: 30px;
		
	}
		.wms-margin-left-40 {
		margin-left: 40px;
		
	}
		.wms-margin-left-60 {
		margin-left: 60px;
		
	}

	
.wms-margin-top-bottom-20 {
	
	margin-top: 20px;
	margin-bottom: 20px;
}
	
.wms-margin-top-bottom-40 {
	
	margin-top: 40px;
	margin-bottom: 40px;
	
}

.wms-margin-top-bottom-60 {
	
	margin-top: 60px;
	margin-bottom: 60px;
	
}
	
.wms-margin-bottom-10 {
	
	margin-bottom:10px;
}
	
.wms-margin-bottom-20 {
	
	margin-bottom: 20px;
	
}
	
.wms-margin-bottom-40 {
	
	margin-bottom: 40px;
	
}
	
.wms-margin-bottom-60 {
	
	margin-bottom: 60px;
	
}
	
	.wms-margin-bottom-80 {
	
	margin-bottom: 80px;
	
}
	
	.wms-margin-bottom-100 {
	
	margin-bottom: 100px;
	
}
	
	
	
.wms-no-margin-bottom {
	margin-bottom: 0;
}
	
	.wms-margin-top-100 {
	
	margin-top: 100px;
	
}
	
	.wms-margin-top-80 {
	
	margin-top: 80px;
	
}
	
.wms-margin-top-60 {
	
	margin-top: 60px;
	
}
	
.wms-margin-top-40 {
	
	margin-top: 40px;
	
}

.wms-margin-top-10 {
	
	margin-top:10px;
}
	
.wms-margin-top-20 {
	
	margin-top: 20px;
}
	
.wms-restore-margin-top {
	
	margin-top: 0;
	
}
	
	
	.wms-restore-margin-bottom-20 {
		margin-bottom: -20px;
	}
	
	.wms-restore-margin-bottom-40 {
		margin-bottom: -40px;
	}
.wms-restore-margin-top-20 {
		
		margin-top: -20px;
	}

.wms-first-element-margin-top {
	
	margin-top: 50px;
	
}

	
.wms-center-content {
	
	text-align: center;
	
}
	
.wms-block-contents-center {
  
    text-align: center;
    width: 100%;
    height: auto;
  }
	

.wms-block-contents-left {
  
    text-align: left;
	justify-content: left!important;
	align-items: left;
    width: 100%;
    height: auto;
  }

.wms-block-contents-right {
  
    text-align: right;
	justify-content: right!important;
	align-items: right; 
    width: 100%;
    height: auto;
  }
/****PADDING/MARGIN OPTIONS**/


  
 /MARGIN MEDIA QUERIES**/	
  
  @media (min-width: 768px) {
  .wms-restore-left-margin {
  padding-left: ~"max(calc(50vw - 585px), 20px)";
  }
  
  .wms-restore-both-margins, .wms-restore-right-margin {
  padding-right: ~"max(calc(50vw - 585px), 20px)";
  }
   
  .wms-restore-both-margins {
    padding-left: ~"max(calc(50vw - 585px), 20px)";
  }
  }
  
  @media (min-width: 900px) {
  .wms-restore-left-margin-hero {
    padding-left: ~"max(calc(45vw - 585px), 20px)";
  }
  
  .wms-restore-both-margins-hero, .wms-restore-right-margin-hero {
    padding-right: ~"max(calc(45vw - 585px), 20px)";
  }
  
  .wms-restore-both-margins-hero {
    padding-left: ~"max(calc(45vw - 585px), 20px)";
  }
  }
  
  @media (max-width: 1920px) {
  .wms-restore-left-margin-small {
    padding-left: ~"max(calc(45vw - 585px), 20px)";
  }
  
  .wms-restore-both-margins-small, .wms-restore-right-margin-hero {
    padding-right: ~"max(calc(45vw - 585px), 20px)";
  }
  
  .wms-restore-both-margins-small {
    padding-left: ~"max(calc(45vw - 585px), 20px)";
  }
  }
  
  	

  
  	
  /MEDIA QUERIES END**/
	
/WMS FLEX OPTIONS***/
	
.wms-flex {
	
	display: flex;
}
	
.wms-flex .wms-flex-row {
	
	flex-direction: row;
}
.wms-flex .wms-flex-col {
	flex-direction: column;
}
.wms-flex .wms-flex-center {
	justify-content: center;
	align-items: center;
}	
.wms-flex .wms-flex-left {
	justify-content: flex-start;
	align-items: center;
}
.wms-flex .wms-flex-right {
	justify-content: flex-end;
	align-items: center;
}
	


/COLOUR OPTIONS (COLOURS, BACKGROUNDS & FONTS)**/
	
.wms-bright-teal {
	--color: var(--wms-bright-teal);
	
}
.wms-dark-teal {
	--color: var(--wms-dark-teal);
		
}
.wms-bright-blue {
	--color: var(--wms-bright-blue);
			
}
.wms-dark-blue {
	--color: var(--wms-dark-blue);
}
	
.wms-bright-gold {
	--color: var(--wms-bright-gold);
}
.wms-dark-gold {
	--color: var(--wms-dark-gold);
}
.wms-bright-orange {
	--color: var(--wms-bright-orange);
}
.wms-dark-orange {
	--color: var(--wms-dark-orange);
}
.wms-bright-ruby {
	--color: var(--wms-bright-ruby);
}
.wms-dark-ruby {
	--color: var(--wms-dark-ruby);
}
	
.wms-grey {
	--color: var(--wms-grey);
}
	
.wms-bg-opacity {
	
	opacity: 0.90; 
}
	
	
.wms-bg-default {
  background-color: var(--wms-default);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-white {
  background-color: var(--wms-white);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb a, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-black {
  background-color: var(--wms-black);
  color: var(--wms-white)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-white)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white)!important;
  }
}

.wms-bg-grey {
  background-color: var(--wms-grey);
  color: var(--wms-white)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a, .wms-btn) {
    color: var(--wms-white)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white)!important;
  }
}

.wms-bg-grey-20 {
  background-color: var(--wms-grey-20);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-grey-10 {
  background-color: var(--wms-grey-10);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}
	
	.wms-bg-pale-grey {
  background-color: var(--wms-pale-grey);
  color: var(--wms-white)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-dark-grey {
  background-color: var(--wms-dark-grey);
  color: var(--wms-white);

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-white)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white)!important;
  }
}

.wms-bg-bright-blue {
  background-color: var(--wms-bright-blue);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-blue-70 {
  background-color: var(--wms-bright-blue-70);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-blue-50 {
  background-color: var(--wms-bright-blue-50);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-blue-30 {
  background-color: var(--wms-bright-blue-30);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-dark-blue {
  background-color: var(--wms-dark-blue);

  & h2, h3, h4, h5, h6, li, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a, .wms-FB05-text-container>p>a) {
    color: var(--wms-white)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white)!important;
  }

  &.horizontal-scroller-number-buttons {
    color: var(--wms-white)!important;
  }
}

.wms-bg-dark-blue-70 {
  background-color: var(--wms-dark-blue-70);
  color: var(--wms-white)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-white)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white)!important;
  }
}

.wms-bg-dark-blue-50 {
  background-color: var(--wms-dark-blue-50);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-dark-blue-30 {
  background-color: var(--wms-dark-blue-30);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-teal {
  background-color: var(--wms-bright-teal);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-teal-70 {
  background-color: var(--wms-bright-teal-70);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-teal-50 {
  background-color: var(--wms-bright-teal-50);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-teal-30 {
  background-color: var(--wms-bright-teal-30);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-dark-teal {
  background-color: var(--wms-dark-teal);
  color: var(--wms-white);

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb a, .dropdown-menu>li>a) {
    color: var(--wms-white)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white)!important;
  }
}

.wms-bg-dark-teal-70 {
  background-color: var(--wms-dark-teal-70);
  color: var(--wms-white)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-white)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white)!important;
  }
}

.wms-bg-dark-teal-50 {
  background-color: var(--wms-dark-teal-50);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-dark-teal-30 {
  background-color: var(--wms-dark-teal-30);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-gold {
  background-color: var(--wms-bright-gold);
  color: var(--wms-black);

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-gold-70 {
  background-color: var(--wms-bright-gold-70);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-gold-50 {
  background-color: var(--wms-bright-gold-50);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-bright-gold-30 {
  background-color: var(--wms-bright-gold-30);
  color: var(--wms-black)!important;

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-black)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black)!important;
  }
}

.wms-bg-dark-gold {
  background-color: var(--wms-dark-gold);
  color: var(--wms-white);

  & h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu>li>a) {
    color: var(--wms-white)!important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white)!important;
  }
}

.wms-bg-dark-gold-70 {
  background-color: var(--wms-dark-gold-70);
  color: var(--wms-white) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-white) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white) !important;
  }
}

.wms-bg-dark-gold-50 {
  background-color: var(--wms-dark-gold-50);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-dark-gold-30 {
  background-color: var(--wms-dark-gold-30);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-bright-orange {
  background-color: var(--wms-bright-orange);
  color: var(--wms-black);

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-bright-orange-70 {
  background-color: var(--wms-bright-orange-70);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-bright-orange-50 {
  background-color: var(--wms-bright-orange-50);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-bright-orange-30 {
  background-color: var(--wms-bright-orange-30);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-dark-orange {
  background-color: var(--wms-dark-orange);
  color: var(--wms-white);
	
	a {
		
	text-decoration-color: var(--wms-black)!important;	
	}

  h2, h3, h4, h5, h6, p, li, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-white) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white) !important;
  }
	

}

.wms-bg-dark-orange-70 {
  background-color: var(--wms-dark-orange-70);
  color: var(--wms-white) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-white) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white) !important;
  }
}

.wms-bg-dark-orange-50 {
  background-color: var(--wms-dark-orange-50);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-dark-orange-30 {
  background-color: var(--wms-dark-orange-30);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-bright-ruby {
  background-color: var(--wms-bright-ruby);
  color: var(--wms-white);

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-white) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-bright-ruby-70 {
  background-color: var(--wms-bright-ruby-70);
  color: var(--wms-white) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-white) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-bright-ruby-50 {
  background-color: var(--wms-bright-ruby-50);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-bright-ruby-30 {
  background-color: var(--wms-bright-ruby-30);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-dark-ruby {
  background-color: var(--wms-dark-ruby);
  color: var(--wms-white);

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-white) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white) !important;
  }
}

.wms-bg-dark-ruby-70 {
  background-color: var(--wms-dark-ruby-70);
  color: var(--wms-white) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-white) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white) !important;
  }
}

.wms-bg-dark-ruby-50 {
  background-color: var(--wms-dark-ruby-50);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}

.wms-bg-dark-ruby-30 {
  background-color: var(--wms-dark-ruby-30);
  color: var(--wms-black) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-black) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-black) !important;
  }
}
	
	.wms-ITM-navy {
  background-color: var(--wms-itm-navy);
  color: var(--wms-white) !important;

  h2, h3, h4, h5, h6, p, a:not(.wms-a-link-nb, .dropdown-menu > li > a) {
    color: var(--wms-white) !important;
  }

  &.fa-solid, &.fas, &.wms-play {
    color: var(--wms-white) !important;
  }
}
	
.wms-dark-link {
	
		display: inline-block;
    max-width: max-content;
    position: relative;
    text-decoration: none!important;
	color: var(--wms-black)!important;
	
	&.wms-lg-link {
		font-size: 2rem;
	}
}
	
.wms-dark-link::before {
	
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--wms-black);
    transition: width .3s cubic-bezier(.165,.84,.44,1);
	
	
}
	
	
.wms-dark-link:hover:before {
	
	width: 100%;
}
	
	
.wms-dark-link::after {
  
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 0.5rem;
  }
	
.wms-a-link {
	

	display: inline-block;
    max-width: max-content;
    position: relative;
    text-decoration: none!important;
	
}
	
	.wms-a-link a {
		text-decoration: none;
	}
	
.wms-a-link::before {
	
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--wms-white);
    transition: width .3s cubic-bezier(.165,.84,.44,1);
	
	
}
	
	
.wms-a-link:hover:before {
	
	width: 100%;
}
	
	
.wms-a-link::after {
  
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 1rem;
  }
	
.wms-a-link-bright-teal {
	

	display: inline-block;
    max-width: max-content;
    position: relative;
    text-decoration: none!important;
	
}
	
.wms-a-link-bright-teal::before {
	
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--wms-bright-teal);
    transition: width .3s cubic-bezier(.165,.84,.44,1);
	
	
}
	
	
.wms-a-link-bright-teal:hover:before {
	
	width: 100%;
}
	
	
.wms-a-link-bright-teal::after {
  
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 0.5rem;
  }
	
	.wms-a-link-dark-teal {
	

	display: inline-block;
    max-width: max-content;
    position: relative;
    text-decoration: none!important;
	
}
	
.wms-a-link-dark-teal::before {
	
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--wms-dark-teal);
    transition: width .3s cubic-bezier(.165,.84,.44,1);
	
	
}
	
	
.wms-a-link-dark-teal:hover:before {
	
	width: 100%;
}
	
	
.wms-a-link-dark-teal::after {
  
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 0.5rem;
  }
	
.wms-a-link-bright-blue {
	

	display: inline-block;
    max-width: max-content;
    position: relative;
    text-decoration: none!important;
	
}
	
.wms-a-link-bright-blue::before {
	
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--wms-bright-blue);
    transition: width .3s cubic-bezier(.165,.84,.44,1);
	
	
}
	
	
.wms-a-link-bright-blue:hover:before {
	
	width: 100%;
}
	
	
.wms-a-link-bright-blue::after {
  
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 0.5rem;
  }
	
	.wms-a-link-dark-blue {
	

	display: inline-block;
    max-width: max-content;
    position: relative;
    text-decoration: none!important;
	
}
	
.wms-a-link-dark-blue::before {
	
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--wms-dark-blue);
    transition: width .3s cubic-bezier(.165,.84,.44,1);
	
	
}
	
	
.wms-a-link-dark-blue:hover:before {
	
	width: 100%;
}
	
	
.wms-a-link-dark-blue::after {
  
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 0.5rem;
  }
	
.wms-a-link-nb {
	

	display: inline-block;
    max-width: max-content;
    text-decoration: none!important;
	position: relative;
	color: var(--wms-black)!important;
	top: -1em;
	font-size: 2rem;
}
	
.wms-a-link-nb::before {
	
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(background-color);
    transition: width .3s cubic-bezier(.165,.84,.44,1);
	
	
}
	
	
.wms-a-link-nb:hover:before {
	
	width: 100%;
}
	
	
.wms-a-link-nb::after {
  
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 0.5rem;
  }
	
	

	

.wms-a-white a {
	color: var(--wms-white);
}

.wms-a-white a:hover {
	
	text-decoration-color: var(--wms-white);
	
}
	
.wms-a-dark a {
	
	color: var(--wms-dark-grey);
}
	

	
.wms-h2-white h2 {
  
    color: var(--wms-white);
  }

.wms-h2-dark h2 {
  
    color: var(--wms-grey);
  }
	
	
.wms-p-white  {
  
    color: var(--wms-white)!important;
  }

.wms-p-white  {
  
    color: var(--wms-dark-grey)!important;
  }

	
.wms-h2-corner-border {
	
	position: relative;
	
}

.wms-h2-corner-border::after {
content: "";
    position: absolute;
    background-color: var(--wms-bright-teal);
    width: 0.2em;
    height: 2.2em;
    top: -2em;
    left: -2em;
 
}
	
.wms-h2-corner-border::before {
    content: "";
    position: absolute;
    background-color: var(--wms-bright-teal);
    width: 2.2em;
    height: 0.2em;
    top: -2em;
    left: -2em;
 
}
	
.wms-h3-hook {
  
    font-size: 3.2rem;
  }
	
	
  
.wms-h3-hook::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-white);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h3-hook-bright-gold::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-bright-gold);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h3-hook-bright-blue::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-bright-blue);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
.wms-h3-hook-bright-teal::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-bright-teal);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
	.wms-h3-hook-dark-blue::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-dark-blue);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h3-hook-dark-gold::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-dark-gold);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h3-hook-dark-teal::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-dark-teal);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
	

	
.wms-h3-title::after {
	
	 content: '';
    border-bottom: 5px solid var(--wms-dark-teal);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
	
}
	
.wms-h2-hook::after {
  
    content: '';
    border-bottom: 5px solid var(--wms-white);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h2-hook--study-banner::after {
  
    content: '';
    border-bottom: 5px solid var(--wms-white);
    display: block;
    width: auto;
    margin-top: 0.5em;
  
  }
	
	
.wms-h2-hook-bright-gold::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-bright-gold);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h2-hook-bright-blue::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-bright-blue);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
.wms-h2-hook-bright-teal::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-bright-teal);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h2-hook-dark-blue::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-dark-blue);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h2-hook-dark-gold::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-dark-gold);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h2-hook-dark-teal::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-dark-teal);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h2-hook-dark-ruby::after {
  
    content: '';
    border-bottom: 8px solid var(--wms-dark-ruby);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h2-hook-dark-orange::after {
 
    content: '';
    border-bottom: 8px solid var(--wms-dark-orange);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
.wms-h2-hook-testimonials {
	position: absolute;
    content: '';
	border-bottom: 5px solid var(--wms-dark-teal);
    width: 10rem;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
		
	}
	
.wms-h2-hook-bg::after {
  
    content: '';
    border-bottom: 5px solid var(background-color);
    display: block;
    width: 10rem;
    margin-top: 0.5em;
  
  }
	
	
.wms-social-links {
  
    letter-spacing: 10px;
  }

.wms-font-bright-blue {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-bright-blue)!important;
	
}
}
.wms-font-dark-blue {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-dark-blue)!important;
	
}
}
.wms-font-bright-teal {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-bright-teal)!important;
	
}
}
.wms-font-dark-teal {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-dark-teal)!important;
	
}
}
						
.wms-font-bright-gold {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-bright-gold)!important;
	
}
}
						
.wms-font-dark-gold {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-dark-gold)!important;
	
}
}
						
.wms-font-bright-orange {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-bright-orange)!important;
	
}
}
.wms-font-dark-orange {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-dark-orange)!important;
	
}
}
.wms-font-bright-ruby {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-bright-ruby)!important;
	
}
}
						
.wms-font-dark-ruby {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-dark-ruby)!important;
	
}
}
						
.wms-font-bright-orange {
	
	& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-bright-orange)!important;
	
}
}
						
.wms-font-bright-orange {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-bright-orange)!important;
	
}
}
.wms-font-grey {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-grey)!important;
	
}
}
.wms-font-itm-navy {
		
		& p, h1, h2, h3, h4, h5, h6 {
	
	color: var(--wms-itm-navy)!important;
	
}
}
.wms-h2-bright-teal {
  
    color: var(--wms-bright-teal);
  }
.wms-h2-dark-teal {
  
    color: var(--wms-dark-teal);
  }
.wms-h2-bright-blue {
  
    color: var(--wms-bright-blue);
  }
.wms-h2-dark-blue {
  
    color: var(--wms-dark-blue);
  }

.wms-h2-bright-gold {
 
    color: var(--wms-bright-gold);
  }
.wms-h2-dark-gold {
  
    color: var(--wms-dark-gold);
  }
.wms-h2-bright-orange {
  
    color: var(--wms-bright-orange);
  }
.wms-h2-dark-orange {
  
    color: var(--wms-dark-orange);
  }
.wms-h2-bright-ruby {
  
    color: var(--wms-bright-ruby);
  }
.wms-h2-dark-ruby{
  
    color: var(--wms-dark-ruby);
  }
.wms-h2-white {
  
    color: var(--wms-white);
  }
.wms-h2-underline {
  
    text-decoration: underline;
  }
	
/FONT AWESOME/
	
.fa-bright-teal {
	
	color: var(--wms-bright-teal);
	
}
	
		
.fa-bright-gold {
	
	color: var(--wms-bright-gold);
	
}

.fa-bright-ruby {
	
	color: var(--wms-bright-ruby);
	
}

.fa-bright-blue {
	
	color: var(--wms-bright-blue);
	
}
	
.fa-bright-orange {
	
	color: var(--wms-bright-orange);
	
}
	
.fa-dark-gold {
	
	color: var(--wms-dark-gold);
	
}
	
.fa-dark-teal {
	
	color: var(--wms-dark-teal);
	
}
	
.fa-dark-blue {
	
	color: var(--wms-dark-blue);
	
}
	
.fa-dark-ruby {
	
	color: var(--wms-dark-ruby);
	
}
	
.fa-dark-orange {
	
	color: var(--wms-dark-orange);
	
}
	
.fa-black {
	
	color: var(--wms-black);
	
}
	.fa-white {
	
	color: var(--wms-white);
	
}
	
.fa-grey {
	
	color: var(--wms-grey);
	
}
	
.fa-itm-navy {
	
	color: var(--wms-itm-navy);
	
}
	
.fa-margin-top-10 {
	
	margin-top: 10px;
	
}
	
.fa-margin-bottom-10 {
	
	margin-bottom: 10px;
	
}
	
.fa-center {
		
		display: flex;
		justify-content: center;
	}
	
	
.wms-play {
    content: '\f144';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background-color: inherit;
    padding: 20px;
    font-size: 2rem;   
	border:none;
	z-index:1;
	
	&.wms-play-large {
		font-size: 3rem;
		width: 10rem;
		height: 10rem;
	}
  }
.wms-close {
    position: absolute;
    top: 0;
    right: 0;
    border: none;

    cursor: pointer;
    background-color: var(--wms-black);
    font-size: 2rem;
    color: var(--wms-white);
    font-weight: 600;
  }

/COLOUR OPTIONS (BACKGROUNDS & FONTS) END**/
	


/*WMS BUTTONS/
	
.buttons-component {
		
		margin-bottom: 0; 
	}
.buttons-component.buttons-component-horizontal.buttons-component-full-width a {
  
    flex: auto!important;
  
  }
	
.wms-btn-accordion {

	appearance: none;
    color: var(--wms-black);
	border:0!important;
	background-color: transparent;
    cursor: pointer;
    display: inline-block;
    font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
   /* margin: 0;*/
    min-height: 30px;
    min-width: 0;
    outline: none;
    padding: 16px 24px;
    text-align: center;
    text-decoration: none;
	width: 230px;

	&:hover {
		
		background-color: transparent!important;
		border: 0!important;
	}
	
}

.wms-btn-default {
    appearance: none;
    border-radius: 4px;
	border: 2px solid var(--wms-dark-blue);
    box-sizing: border-box;
    color: var(--wms-black);
	background-color: transparent;
    cursor: pointer;
    display: inline-block;
    font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
   /* margin: 0;*/
    min-height: 30px;
    min-width: 0;
    outline: none;
    padding: 16px 24px;
    text-align: center;
    text-decoration: none;
    transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
	  width: 230px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    will-change: transform;
	
	&:hover {
		
		color: var(--wms-white)!important;
		background-color: var(--wms-dark-blue);
		border: 2px solid var(--wms-dark-blue);
		transform: translateY(-2px);
	}
	
	&.wms-btn-callout {
  

     border-radius: 4px;
     border: 1px solid;

   }
	
	  &.wms-btn-callout-bright-blue {
    border-color: var(--wms-bright-blue);
  }
  
  &.wms-btn-callout-bright-blue:hover {
    background-color: var(--wms-bright-blue);
    border-color: var(--wms-black);
  }
	
	  &.wms-btn-callout-black {
    border-color: var(--wms-black);
  }
	
	 &.wms-btn-callout-black:hover {
    background-color: var(--wms-white);

  }
	
	  &.wms-btn-callout-light {
    border-color: var(--wms-black);
		  color: var(--wms-white)!important;
  }
  
	 &.wms-btn-callout-light:hover {
    background-color: var(--wms-white);
		 color: var(--wms-black)!important;

  }


&.wms-btn-tabs {

	font-weight: 500!important;
	
	
	&:hover {
	 
		color: var(--wms-black)!important;
	}
}
	

	
&.wms-btn-xsmall {
	
	min-height: 12px;
	font-size: 10px;
	
}
	
&.wms-btn-small {
	
	min-height: 30px;
	
}
	
&.wms-btn-medium {
	
	min-height: 60px;
	
}
	
&.wms-btn-large {
	
	min-height: 90px;
	
}
	
&.wms-btn-border-none {
	
	border:0!important;
}
	
&.wms-btn-tabs {
	
	&:hover {
		
		transform: none!important;
	}
}
	

	&.wms-btn-white {
		  
		  background-color: var(--wms-white);
		  border-color :var(--wms-black);
		  color: var(--wms-black)!important;
	
&.wms-btn-white:hover {
	
	color: var(--wms-black)!important;
	background-color: transparent;
	border: 2px solid var(--wms-white)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }

	
&.wms-btn-dark-bg {
		  
			color: var(--wms-white)!important;
		  background-color: transparent;
	border: 2px solid var(--wms-white)!important;
	
	
	
&.wms-btn-dark-bg:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-white)!important;
	 transform: translateY(-2px);
	
	   

		 }
		  
}
	
&.wms-btn-light-bg {
		  
			color: var(--wms-black)!important;
		  background-color: transparent;
	border: 2px solid var(--wms-black)!important;
	
	
	
&.wms-btn-light-bg:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-black)!important;
	 transform: translateY(-2px);
	
	   

		 }
		  
}

	
&.wms-btn-bright-teal {
		  
		  background-color: var(--wms-white);
		  border-color :var(--wms-black);
		  color: var(--wms-black)!important;
	
&.wms-btn-bright-teal:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-bright-teal);
	border: 2px solid var(--wms-black)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }
	
&.wms-btn-dark-teal {
		  
		  background-color: var(--wms-dark-teal);
		  border: 2px solid var(--wms-dark-teal);
		  color: var(--wms-white)!important;
	
&.wms-btn-dark-teal:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-dark-teal)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }
	
&.wms-btn-bright-blue {
		  
		  background-color: var(--wms-bright-blue);
		  border: 2px solid var(--wms-bright-blue);
		  color: var(--wms-black)!important;
	
&.wms-btn-bright-blue:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-bright-blue)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }
	
&.wms-btn-dark-blue {
		  
		  background-color: var(--wms-dark-blue);
		  border: 2px solid var(--wms-dark-blue);
		  color: var(--wms-white)!important;
	
&.wms-btn-dark-blue:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-dark-blue)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }
	
		
&.wms-btn-bright-gold {
		  
		  background-color: var(--wms-bright-gold);
		  border: 2px solid var(--wms-bright-gold);
		  color: var(--wms-black)!important;
	
&.wms-btn-bright-gold:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-bright-gold)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }	
&.wms-btn-dark-gold {
		  
		  background-color: var(--wms-dark-gold);
		  border: 2px solid var(--wms-dark-gold);
		  color: var(--wms-white)!important;
	
&.wms-btn-dark-gold:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-dark-gold)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }	
	
&.wms-btn-bright-orange {
		  
		  background-color: var(--wms-bright-orange);
		  border: 2px solid var(--wms-bright-orange);
		  color: var(--wms-black)!important;
	
&.wms-btn-bright-orange:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-bright-orange)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }	
	

	
&.wms-btn-dark-orange {
		  
		  background-color: var(--wms-dark-orange);
		  border: 2px solid var(--wms-dark-orange);
		  color: var(--wms-white)!important;
	
&.wms-btn-dark-orange:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-dark-orange)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }	
	
&.wms-btn-dark-ruby {
		  
		  background-color: var(--wms-dark-ruby);
		  border: 2px solid var(--wms-dark-ruby);
		  color: var(--wms-white)!important;
	
&.wms-btn-dark-ruby:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-dark-ruby)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }	
	
&.wms-btn-bright-ruby {
		  
		  background-color: var(--wms-bright-ruby);
		  border: 2px solid var(--wms-bright-ruby);
		  color: var(--wms-white)!important;
	
&.wms-btn-bright-ruby:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-bright-ruby)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }	
	
&.wms-btn-grey {

		  background-color: var(--wms-grey);
		  border: 2px solid var(--wms-grey);
		  color: var(--wms-white)!important;
	
&.wms-btn-grey:hover {
	
	color: var(--wms-black)!important;
	background-color: var(--wms-white);
	border: 2px solid var(--wms-grey)!important;
	 transform: translateY(-2px);
	
	   

		 }
	  
  }
	

/***BTN BORDERS****/
	
&.wms-btn-bright-blue-border {
	
	border: 2px solid var(--wms-bright-blue);
	
	
}
	
&.wms-btn-dark-blue-border {
	
	border: 2px solid var(--wms-dark-blue);
	
	
}
	
&.wms-btn-bright-teal-border {
	
	border: 2px solid var(--wms-bright-teal);
	
	
}
	
&.wms-btn-dark-teal-border {
	
	border: 2px solid var(--wms-dark-teal);
	
	
}
	
&.wms-btn-dark-border {
	
	border: 2px solid var(--wms-black);
	
	
}
	
&.wms-btn-light-border {
	
	border: 2px solid var(--wms-white);
	
	
}
	
&.wms-btn-bright-gold-border {
	
	border: 2px solid var(--wms-bright-gold);
	
	
}
	
&.wms-btn-dark-gold-border {
	
	border: 2px solid var(--wms-dark-gold);
	
	
}
	
&.wms-btn-bright-orange-border {
	
	border: 2px solid var(--wms-bright-orange);
	
	
}
	
&.wms-btn-dark-orange-border {
	
	border: 2px solid var(--wms-dark-orange);
	
	
}
	
	
&.wms-btn-dark-ruby-border {
	
	border: 2px solid var(--wms-ruby-gold);
	
	
}
	
&.wms-btn-bright-gold-border {
	
	border: 2px solid var(--wms-bright-gold);
	
	
}
	
}

/*BTN BORDERS END****/

  
.wms-btn-default:disabled {
    pointer-events: none;
  }
  
 
  
.wms-btn-default:active {
    box-shadow: none;
    transform: translateY(0);
  }

.wms-btn-default::after {
  
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 0.5rem;
	transition: all .2s;

  }
	
.wms-btn-default:hover::after {
	margin-left: 1rem;
		
}

@media (max-width: 768px) {
    .wms-btn-default {
        width: 75%;
    }
}

.btn-25 {
	width: 25%;
	
}

.btn-50 {
	width: 50%;
}
.btn-75 {
	width: 75%;
}

.btn-100 {
	width: 100%;
}
	
	
/BTN-TO-TOP - REQUIRES /FAC/SCI/MED/JS/WMS-SCRAPS.JS TO WORK ***/

   @media (min-width: 768px){
     #btn-to--top {
    display: inline-block;
    background-color: transparent;
       border: 2px solid var(--wms-dark-blue);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    }
    #btn-to--top::after {
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: var(--wms-dark-blue);
    }
    #btn-to--top:hover {
    cursor: pointer;
    background-color: var(--wms-dark-blue);
    }
  
  #btn-to--top:hover::after {
   content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: var(--wms-white);
  }
    
    #btn-to--top:active {
    background-color: #555;
    }
    #btn-to--top.show {
    opacity: 1;
    visibility: visible;
    }
  }
	
/*WMS BUTTONS END/
	
/*BORDER DESIGN OPTIONS***/
	
.wms-border-top-bright-teal {
	
	border-top: 5px solid var(--wms-bright-teal); 
	
}
	
.wms-border-top-dark-teal {
	
	border-top: 5px solid var(--wms-dark-teal); 
	
}

.wms-border-top-bright-blue {
	
	border-top: 5px solid var(--wms-bright-blue); 
	
}
	
.wms-border-top-dark-blue {
	
	border-top: 5px solid var(--wms-dark-blue); 
	
}
	
.wms-border-top-bright-gold {
	
	border-top: 5px solid var(--wms-bright-gold); 
	
}
	
.wms-border-top-dark-gold {
	
	border-top: 5px solid var(--wms-dark-gold); 
	
}
	
.wms-border-top-bright-ruby {
	
	border-top: 5px solid var(--wms-bright-ruby); 
	
}
	
.wms-border-top-dark-ruby {
	
	border-top: 5px solid var(--wms-dark-ruby); 
	
}
	
.wms-border-top-bright-orange {
	
	border-top: 5px solid var(--wms-bright-orange); 
	
}
	
.wms-border-top-dark-orange {
	
	border-top: 5px solid var(--wms-dark-orange); 
	
}
	
.wms-border-top-black {
	
	border-top: 5px solid var(--wms-black); 
	
}
	
.wms-border-top-grey {
	
	border-top: 5px solid var(--wms-grey); 
	
}

.wms-border-bottom-bright-teal {
	
	border-bottom: 5px solid var(--wms-bright-teal); 
	
}
	
.wms-border-bottom-dark-teal {
	
	border-bottom: 5px solid var(--wms-dark-teal); 
	
}

.wms-border-bottom-bright-blue {
	
	border-bottom: 5px solid var(--wms-bright-blue); 
	
}
	
.wms-border-bottom-dark-blue {
	
	border-bottom: 5px solid var(--wms-dark-blue); 
	
}
	
.wms-border-bottom-bright-gold {
	
	border-bottom: 5px solid var(--wms-bright-gold); 
	
}
	
.wms-border-bottom-dark-gold {
	
	border-bottom: 5px solid var(--wms-dark-gold); 
	
}
	
.wms-border-bottom-bright-ruby {
	
	border-bottom: 5px solid var(--wms-bright-ruby); 
	
}
	
.wms-border-bottom-dark-ruby {
	
	border-bottom: 5px solid var(--wms-dark-ruby); 
	
}
	
.wms-border-bottom-bright-orange {
	
	border-bottom: 5px solid var(--wms-bright-orange); 
	
}
	
.wms-border-bottom-dark-orange {
	
	border-bottom: 5px solid var(--wms-dark-orange); 
	
}
	
.wms-border-bottom-black {
	
	border-bottom: 5px solid var(--wms-black); 
	
}
	
.wms-border-bottom-grey {
	
	border-bottom: 5px solid var(--wms-grey); 
	
}

	
	
/*BORDER DESIGN OPTIONS END***/ 

	
 /**SITE OPTIONS END**/