@charset "UTF-8";

.wys:before,.wys:after{
 display: table; 
 content: '' 
}
.wys:after{
 clear: both
}

.wys{
 line-height: 1.5rem
}
.wys.align-center,
.wys>.align-center{
 text-align: center
}
.wys.align-right,
.wys>.align-right{
 text-align: right
}
.wys.align-justify,
.wys>.align-justify{
 text-align: justify
}

.wys p{
 margin: 0;
}
.wys>p{
 margin-bottom: 0.875em
}
.wys>ol,
.wys ul{
 margin-bottom: 14px
}

.wys hr{
 margin-top: 40px;
 margin-bottom: 40px 
}

/*
 Ordered list styling
 */

.wys ol, 
.wys ul{
 margin-left: 14px; 
 padding-left: 7px 
}
.wys ol{
 list-style-type: inital
}
.wys ul{
 list-style-type: disc
}

/*
 Heading styling
 */

.wys h1, 
.wys p.h1,
.wys .h1,
.wys h2,
.wys .h2,
.wys p.h2,
.wys h3,
.wys .h3,
.wys p.h3,
.wys h4,
.wys .h4,
.wys p.h4,
.wys h5,
.wys .h5,
.wys p.h5,
.wys h6,
.wys .h6,
.wys p.h6{ /* only for h & p.h* tags */
 margin: 0;
 font-weight: 500;
 line-height: 1.3em;
 margin-bottom: 0.2em
}

.wys h1, 
.wys p.h1,
.wys .h1{
 line-height: 3.5rem
}

.wys h2,
.wys .h2,
.wys p.h2{
 line-height: 3.125rem
}

.wys h3,
.wys .h3,
.wys p.h3{
 line-height: 2.75rem
}

.wys h4,
.wys .h4,
.wys p.h4{
 line-height: 2.25rem
}

.wys h5,
.wys .h5,
.wys p.h5{
 line-height: 1.9375rem
}

.wys p.intro{
 font-size: 1.17rem;
 line-height: 2rem;
}

@media ( max-width: 767px ){
	
 .wys h1, 
 .wys p.h1,
 .wys .h1{
  font-size: 2.25rem;
  line-height: 2.875rem
 }
 .wys h2,
 .wys .h2,
 .wys p.h2{
  font-size: 1.875rem;
  line-height: 2.5rem
 }
 .wys h3,
 .wys .h3,
 .wys p.h3{
  font-size: 1.75rem;
  line-height: 2.375rem
 }
 .wys h4,
 .wys .h4,
 .wys p.h4{
  font-size: 1.375rem;
  line-height: 2rem
 }
	
}

.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+h1,			
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+.h1,
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+p.h1{
 padding-top: 20px
}
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+h2,
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+.h2,
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+p.h2{
 padding-top: 16px
}
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+h3, 
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+.h3,
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+h4, 
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+.h4,
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+h5, 
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+.h5,
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+h6, 
.wys p:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)+.h6{
 padding-top: 10px
}  

/*
 Hyerlinks
 */
 
.wys a[href^="mailto:"]{
 word-wrap: break-word
}

/*
 Hyerlink styling
 */

.wys a, .wys a:focus, .wys a:active{
 text-decoration: underline
}
.wys a:hover,
.wys a.btn, .wys a.btn:focus, .wys a.btn:active{
 text-decoration: none	
}
.wys a:not( .btn ){
 transition: linear color 200ms
}


/*
 Bullet point styling - ticks
 */
 
.wys ul.styled-bullet-points{
 list-style-type: none;
 padding: 0;
 margin: 0
}
.wys ul.styled-bullet-points>li{
 display: block;
 background-image: url( "../images/bulletpoint-tick-green.svg" );
 background-repeat: no-repeat; 
 background-position: left 3px;
 background-size: 22px 22px;
 min-height: 25px;
 padding-left: 32px;
 padding-top: 0
}
.wys ul.styled-bullet-points.green>li{
 background-image: url( "../images/bulletpoint-tick-green.svg" );	
}
.wys ul.styled-bullet-points.red>li{
 background-image: url( "../images/bulletpoint-tick-red.svg" );	
}
.wys ul.styled-bullet-points>li+li{
 margin-top: 7px
}

/*
 Bullet point styling - telephone email
 */
 
.wys ul.telephone-email,
.wys ul.email-telephone{
 display: block;
 width: fit-content;
 block-size: fit-content;
 margin: 0 auto
}
.wys ul.telephone-email li,
.wys ul.email-telephone li{
 display: block;
 background-repeat: no-repeat; 
 background-position: left;
 background-size: 42px 42px;
 min-height: 42px;
 padding-left: 52px;
 line-height: 42px
}

.wys ul.telephone-email li+li,
.wys ul.email-telephone li{
 background-image: url( "../images/icon-red-envelope.svg" );
}

.wys ul.email-telephone li+li,
.wys ul.telephone-email li{
 background-image: url( "../images/icon-red-telephone.svg" )
}

@media ( max-width: 575px ){
	
 .wys ul.telephone-email li+li,
 .wys ul.email-telephone li+li{
  margin-top: 14px
 }

}

@media ( min-width: 576px ){
	
 .wys ul.telephone-email li,
 .wys ul.email-telephone li{
  display: inline-block;
 }
 .wys ul.telephone-email li+li,
 .wys ul.email-telephone li+li{
  margin-left: 50px
 }

}

/*
 Bullet point styling - time line
 */
 
.wys ol.timeline-bullet-points{
 list-style-type: none;
 padding: 0 0 0 80px;
 margin: 0;
 counter-reset: item
}
.wys ol.timeline-bullet-points li{
 position: relative;
 display: block;
 padding-top: 4px;
 counter-increment: item
}
.wys ol.timeline-bullet-points li:before{
 position: absolute;
 top: 0;
 left: -80px;
 content: counter(item);
 display: inline-block;	
 width: 42px;
 height: 42px;
 line-height: 42px;
 border-radius: 41px;
 text-align: center;
 background-color: #e31746;
 color: #fff;
 font-weight: 500
}
.wys ol.timeline-bullet-points li+li{
 margin-top: 50px
}
.wys ol.timeline-bullet-points b.h5{
 display: inline-block;
 margin-bottom: 0.2em
}


/* 
 Dr-Link 
 */

.wys .drlink-icon,
.wys a.drlink-icon{
 display: inline-block; 
 height: 44px; 
 padding-top: 10px; 
 padding-left: 50px; 
 font-size: 18px; 
 text-decoration: none; 
 outline: 0; 
 background-image: url( "/images/exeicons/53x74/BLANK.png" ); 
 background-repeat: no-repeat; 
 background-size: auto 44px; 
 font-weight: 700
}

.wys .drlink-icon.drlink-pdf,
.wys a.drlink-icon.drlink-pdf{
 background-image: url( "/images/exeicons/53x74/PDF.png" )
}
.wys .drlink-icon.drlink-doc,
.wys a.drlink-icon.drlink-doc{
 background-image: url( "/images/exeicons/53x74/DOC.png" )
}
.wys .drlink-icon.drlink-docx,
.wys a.drlink-icon.drlink-docx{
 background-image: url( "/images/exeicons/53x74/DOCX.png" )
}

/* 
 End with margin top/bottom none
 */

.wys>*:first-child{
 margin-top: 0 !important
}
.wys>*:last-child{
 margin-bottom: 0 !important
}


