:root {
  --blue: #3b3fb6;
  --pink: #f57eb6;
  --grey: #e7e3e8;
}




/* PARALLAX STUFF ======================================================================================== */

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -100;
}
.parallax__container .parallax {
	/* can be put in a seperate class for better control */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* --------------------------- */
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
}




.column, .columns {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.column-block {
    margin-bottom: 1.5rem;
}

.row {
    max-width: 51.5rem;
}

html {
    font-size: 16px;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

@media screen and (min-width: 700px) {
  html {
    font-size: calc(16px + 4 * ((100vw - 700px) / 500));
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 20px;
  }
}

a, a:focus {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    color:var(--blue);
    border-bottom:1px solid var(--blue);
}

a:hover {
    color:var(--pink);
    border-bottom:1px solid var(--pink);
}

p, li, label {
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    color:var(--blue);
    line-height:1.25;
    margin-bottom:0.75rem;
    letter-spacing:0.01em;
}

li {
    margin-bottom:0;
}

h1 {
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color:var(--blue);
    line-height:1.05;
    margin-bottom:0.75rem;
    letter-spacing:0.01em;
    font-size:2.6rem;
}

h2 {
    font-weight:300;
    font-size:1.6rem;
    color:var(--blue);
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    line-height:1.25;
    margin-bottom:1.25rem;
    letter-spacing:0.01em;
}

h3 {
    font-weight:500;
    font-size:1.3rem;
    color:var(--blue);
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    line-height:1.15;
    margin-bottom:0.5rem;
    letter-spacing:0.01em;
}

h4 {
    font-weight:500;
    font-size:1rem;
    color:var(--blue);
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    line-height:1.25;
    margin-bottom:0rem;
    letter-spacing:0.01em;    
}

strong {
    font-weight:500;
}

.grey-panel {
    background-color:var(--grey);
    padding-top:3.5rem;
    padding-bottom:2.75rem;
}

.white-panel, .blue-panel, .pink-panel {
    padding-top:3.5rem;
    padding-bottom:2.75rem;
}

.blue-panel {
    background-color:var(--blue);
    background-image:url('../img/blue-panel-tint-background.png');
    background-attachment:fixed;
    background-size:cover;
    background-position:center center;
}

.pink-panel {
    background-color:var(--pink);
    background-image:url('../img/pink-panel-tint-background2.png');
    background-attachment:fixed;
    background-size:cover;
    background-position:center center;
}

.blue-panel p, .blue-panel h2 {
    color:var(--grey);
}

.pink-panel p, .pink-panel h2 {
    color:white;
}

.blue-block {
    background-color:var(--blue);
    padding:1rem 1rem 2rem;
}

.blue-block h3 {
    color:var(--grey);
}

.blue-block p {
    color:var(--grey);
    font-size:0.9rem;
}

.blue-block img {
    height:3rem;
    margin-bottom:1rem;
}

.pink-block {
    background-color:var(--pink);
    padding:1rem 1rem 2rem;  
    position:relative;
}

.pink-block h3 {
    color:white;
}

.pink-block p {
    color:white;
    font-size:0.9rem;
}

.pink-block p.big-number {
    font-size:4rem;
    color:var(--blue);
    font-weight: 700;
    line-height: 0.9;
}

.numbered-panel-arrow {
    position: absolute;
    top: 2rem;
    right: -1.15rem;
    width: 0.75rem;
}

.image-panels .blue-block img {
    height:auto;
}

.three-panels-intro {
    margin-bottom:1rem;
}

.blue-block-1 {
    background-image:url('../img/blue-block-background-1.png');
    background-size: cover;
    background-position: center center;
}

.blue-block-2 {
    background-image:url('../img/blue-block-background-2.png');
    background-size: cover;
    background-position: center center;
}

.blue-block-3 {
    background-image:url('../img/blue-block-background-3.png');
    background-size: cover;
    background-position: center center;
}

.icon-panels-grey .blue-block {
    background-color:var(--grey);
    border:1px solid var(--blue);
}

.icon-panels-grey .blue-block h3, .icon-panels-grey .blue-block p {
    color:var(--blue);
}

hr {
    clear: both;
    max-width: 5.5rem;
    height: 0;
    margin: 0.75rem 0 1.5rem;
    border-top: 0;
    border-right: 0;
    border-bottom: 1.5px solid var(--pink);
    border-left: 0;
}

.cta hr {
    max-width:0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cta .aos-animate hr {
    max-width:5.5rem;
}

.cta-below-text {
    margin-top:1.5rem;
    margin-bottom: 0.75rem;
}

.cta-button {
    margin-bottom:0.75rem !important;
}

.cta-text {
    max-width: 13rem;
}

.button, .button:focus {
    background-color:var(--pink);
    color:white;
    font-weight:500;
    text-transform:uppercase;
    font-size:1rem;
    letter-spacing:0.02em;
    padding:0.6rem 0.8rem 0.6rem 1.5rem;
    border:none;
    margin-top:0.5rem;
    margin-bottom:0;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.button:hover {
    background-color:var(--blue);
    color:var(--grey);
    border:none;
}

.blue-panel .button:hover, .blue-block .button:hover {
    background-color:var(--grey);
    color:var(--blue);
}

.button svg {
    height: 1rem;
    display: inline-block;
    margin-left: 1.5rem;
    vertical-align: bottom;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin-right:0;
}

.button:hover svg {
    margin-left:1.7rem;
    margin-right:-0.2rem;
}

.button:hover svg .button-arrow {
    fill:var(--grey);
}

.blue-panel .button:hover svg .button-arrow, .blue-block .button:hover svg .button-arrow {
    fill:var(--blue);
}

.image-panel-text-area {
    padding-right:1.25rem;
}

.quote {
    font-size:1.1rem;
}

.quote-signoff {
    font-size:0.9rem;
}

.pink-panel img.quote-marks, .blue-panel img.quote-marks {
    width:2.5rem;
    margin-bottom:1rem;
    border:none;
}

.pink-panel img, .blue-panel img, .grey-panel img, .white-panel img {
    margin-bottom:0.75rem;
}

.image-area img {
    border:2px solid white;
}

.navigation {
    background-color:var(--grey);
    padding: 0.3rem 0 0.5rem;
}

.navigation ul {
    margin:0;
    list-style-type:none;
}

.navigation ul li {
    display:inline-block;
    margin-left:1rem;
}

.navigation ul li a, .navigation ul li a:focus {
    font-size:0.8rem;
    font-weight:500;
    border-bottom:0;
}

.navigation ul li.active a {
    border-bottom:1px solid var(--blue);
}

.navigation ul li.active a:hover {
    color:var(--blue);
    cursor:default;
}

.navigation .button {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-top: 0;
    padding-left: 1rem;
    padding-right:0.5rem;
}

.navigation .button svg {
    height: 0.8rem;
    margin-left: 0.5rem;
}

.navigation .button:hover svg {
    margin-left: 0.7rem;
    margin-right: -0.2rem;
}

.standard-banner {
    background-color:var(--pink);
    background-image:url('../img/banner-background.png');
    background-attachment:fixed;
    padding-top: 2rem;
    padding-bottom: 3rem;
    background-position: top center;
    background-repeat: no-repeat;
}

.standard-banner h1 {
    color:var(--grey);
}

.standard-banner img {
    height:2.5rem;
    margin-bottom:3.5rem;
}

.standard-banner a, .standard-banner a:hover {
    border-bottom:0;
}





.home-banner {
    background-image:url('../img/home-banner-background-larger.png');
    background-attachment:fixed;
    padding-top: 2rem;
    padding-bottom: 6.5rem;
    background-position: top center;
    background-repeat: no-repeat;
    position:relative;
    background-size:1800px;
}

.home-banner h1 {
    color:var(--grey);
}

.home-banner img {
    height:2.5rem;
    margin-bottom:7rem;
}

.home-banner-behind {
    background-color:var(--pink);
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:-1;
}

.home-banner-image {
    width: 48%;
    height: 100%;
    background-size: cover;
    float: right;
}

.footer-logo {
    height:3.5rem;
    margin-bottom:2rem;
}

.footer-logo-link, .footer-logo-link:hover {
    border-bottom:0;
}

.footer {
    padding-top:2.25rem;
    padding-bottom:2.25rem;
}

.footer p {
    font-size:0.8rem;
}

.footer-nav ul {
    margin:0 0 1.7rem 0;
    list-style-type:none;
}

.footer-nav ul li a {
    font-size:0.8rem;
    font-weight:500;
}

.footer-social p a {
    font-weight:500;
}

.footer-social {
    border-left:1px solid var(--blue);
    border-right:1px solid var(--blue);
}

.footer-nav img {
    height:1.5rem;
}

.footer-nav p {
    margin-bottom:0.25rem;
}

.prostack-link, .prostack-link:hover {
    border-bottom:0;
}

.sub-footer {
    background-color:var(--grey);
    padding-top:0.75rem;
    padding-bottom:0.5rem;
}

.sub-footer p {
    font-size:0.7rem;
    margin-bottom:0.25rem;
}

.footer-logo-area p {
    margin-bottom:0;
}

.social-icon, .social-icon:hover, .social-icon:focus {
    border-bottom:0;
}

.social-icon svg {
    width:1.5rem;
    margin-right:0.5rem;
    margin-bottom:0.25rem;
}

.social-icon .st0 {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.social-icon:hover .st0 {
    fill:var(--pink);
}

.id4 .grey-panel, .id10 .grey-panel {
    min-height:50vh;
}

form .button, form.button:focus {
    margin-bottom:0.75rem !important;
}

label {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

form {
    margin-top:1.5rem;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    height: 2rem;
    border: 1px solid #b1b2de;
    border-radius: 0;
    background-color: white;
    box-shadow: none;
    font-weight: 000;
    color: var(--blue);
}

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
    outline: none;
    border: 1px solid var(--blue);
    background-color: white;
    box-shadow: none;
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b1b2de;
  font-family:"Figtree", sans-serif;
  font-weight:300;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #b1b2de;
  font-weight:300;
  font-family:"Figtree", sans-serif;
}
input:-ms-input-placeholder { /* IE 10+ */
  font-weight:300;
  color: #b1b2de;
  font-family:"Figtree", sans-serif;
}
input:-moz-placeholder { /* Firefox 18- */
  font-weight:300;
  color: #b1b2de;
  font-family:"Figtree", sans-serif;
}

textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight:300;
  color: #b1b2de;
  font-family:"Figtree", sans-serif;
}
textarea::-moz-placeholder { /* Firefox 19+ */
  font-weight:300;
  color: #b1b2de;
  font-family:"Figtree", sans-serif;
}
textarea:-ms-input-placeholder { /* IE 10+ */
  font-weight:300;
  color: #b1b2de;
  font-family:"Figtree", sans-serif;
}
textarea:-moz-placeholder { /* Firefox 18- */
  font-weight:300;
  color: #b1b2de;
  font-family:"Figtree", sans-serif;
}

.form-error, .is-invalid-input:not(:focus)::placeholder, .is-invalid-label {
    color: red;
}

.is-invalid-input:not(:focus) {
    border-color: red;
    background-color: white;
}

.form-error {
  font-family:"Figtree", sans-serif;
  font-weight:500;
}

.callout.warning {
    background-color: transparent;
    color: red;
    padding: 0;
    border: 0;
}

.callout.warning p {
    color:red;
}

.video-panel {
    position:relative;
    z-index:-1;
    padding:0;
}

.video-panel .row {
    position:relative;
    padding-top: 3.5rem;
    padding-bottom: 2.75rem;
}

.video-container {
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
    height:100%;
}

.video-container video {
    height:100%;
}

.hospice-panel {
    border:1px solid var(--blue);
    padding:1rem 1rem 0.75rem 1rem;
}

.hospice-panels {
    margin-top:1rem;
}

.hospice-panel p {
    margin-bottom:0.5rem;
    font-size:0.9rem;
}

.hospice-panel-logo-area {
    height:4.5rem;
    width:80%;
    background-size:contain;
    background-position:left center;
    margin-bottom:1rem;
    background-repeat:no-repeat;
}

.scotland-map {
    position:relative;
}

.map-intro {
    position:absolute;
    top:0;
    left:0;
    width: 60%;
}

.map-dot-area {
    position:absolute;   
}

.map-dot {
    width:1.5rem;
    height:1.5rem;
    border-radius:50%;
    background-color:var(--blue);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.map-dot.active {
    z-index:900;
    background-color:var(--blue);
    position:relative;
}

.map-dot.inactive {
    background-color:#6365c8;
}

.map-dot:hover {
    background-color:#012169;
}

.map-dot-popup {
    position:absolute;
    border:1px solid var(--blue);
    background-color:white;
    padding:1rem 1rem 0.5rem 1rem;
    top: 3rem;
    left: -5.5rem;
    min-width: 13rem;
    display:none;
    z-index:999;
}

.map-dot-popup p {
    font-size:0.8rem;
}

.map-dot-popup h3 {
    font-size:1rem;
}

.map-dot-popup-line {
    height:1.5rem;
    position:absolute;
    border:1px solid var(--blue);
    left: calc(0.75rem - 1px);
    top:1.5rem;
    display:none;
    z-index:999;
}







/* OVERLAY STUFF ======================================================================================== */


#trigger-overlay {
    width: 2rem;
    height: 2rem;
    margin-top: 0.5rem;
    margin-bottom:0.5rem;
}

#trigger-overlay svg {
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

#trigger-overlay svg {
    fill:var(--blue);
}

#trigger-overlay svg:focus, #trigger-overlay:focus {
    outline:none;
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--grey);
	z-index:9999;
	padding-top:0.5rem;
	overflow:auto;
}

.overlay .overlay-close {
    float:right;
	overflow: hidden;
	border: none;
	outline: none;
	z-index: 100;
}

.overlay .overlay-close svg {
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    fill:white;
}

.overlay .overlay-close svg {
    width:2rem;
    height:2rem;
}

.overlay ul {
    margin: 0;
    list-style-type: none;
}

.overlay ul li {
    margin-bottom:1.5rem;
}

.overlay ul li a {
    font-size:1.75rem;
    color:var(--blue);
    border-bottom:none;
    font-weight:500;
}

.overlay ul li a.button {
    color:white;
}

.overlay ul li a.button svg {
    height: 1.3rem;
    vertical-align: initial;
}

.overlay ul li a:hover {
    color:var(--pink);
}

.overlay-menu-area {
    height:90vh;
    display:table;
    width:100%;
}

.overlay-menu-area-inner {
    height:100%;
    width:100%;
    vertical-align:middle;
    display:table-cell;
}



/* Effects */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s, visibility 0s 0.4s;
	transition: transform 0.4s, opacity 0.4s, visibility 0s 0.4s;
}

.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: var(--pink) !important;
}
.termsfeed-com---nb .cc-nb-main-container {
    padding: 0.5rem 1rem !important;
}
.termsfeed-com---palette-light .cc-nb-title {
    color: white !important;
    font-size: 0.8rem !important;
    font-weight:500 !important;
    font-family: "Figtree", sans-serif !important;
    font-optical-sizing: auto !important;
}
.termsfeed-com---palette-light .cc-nb-text {
    color: white !important;
    font-size: 0.6rem !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.3 !important;
}
.termsfeed-com---reset p {
    margin-bottom: 0 !important;
}

.termsfeed-com---palette-light .cc-nb-okagree, .termsfeed-com---palette-light .cc-nb-reject, .termsfeed-com---palette-light .cc-nb-changep, .termsfeed-com---palette-light .cc-cp-foot-save {
    background-color:var(--blue) !important;
    color:white !important;
    font-weight:500 !important;
    text-transform:uppercase !important;
    font-size:0.6rem !important;
    letter-spacing:0.02em !important;
    padding:0.25rem 0.75rem 0.25rem 0.75rem !important;
    border:none !important;
    margin-bottom:0 !important;
    -webkit-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;
    font-family: "Figtree", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 500 !important;
    font-style: normal !important;
    border-radius:0;
}

.termsfeed-com---palette-light .cc-nb-okagree:focus, .termsfeed-com---palette-light .cc-nb-reject:focus, .termsfeed-com---palette-light .cc-nb-changep:focus {
    box-shadow: none;
}

.termsfeed-com---palette-light .cc-nb-okagree:hover, .termsfeed-com---palette-light .cc-nb-reject:hover, .termsfeed-com---palette-light .cc-nb-changep:hover {
    background-color:var(--grey) !important;
    color:var(--blue) !important;
}

.termsfeed-com---nb-simple {
    max-width: 27rem !important;
}

.termsfeed-com---palette-light .cc-pc-head-close:active, .termsfeed-com---palette-light .cc-pc-head-close:focus {
    border: none !important;
}

.termsfeed-com---reset a, .termsfeed-com---reset li, .termsfeed-com---reset p, .termsfeed-com---reset h1, .termsfeed-com---reset h2, .termsfeed-com---reset input, .termsfeed-com---reset button, .termsfeed-com---reset select {
    font: "Figtree", sans-serif !important;
}












/* Media Queries
========================================================================== */

/* Small only */
@media screen and (max-width: 39.9375em) {
    .row {
        max-width: 95%;
    }
    .footer-social {
        border: none;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }
    h1 {
        font-size: 2.2rem;
    }
    h2 {
        font-size: 1.5rem;
    }
    .image-area {
        margin-top:2rem;
    }
    .image-panel-text-area {
        padding-right:0;
    }
    .pink-block {
        padding: 1rem 1rem 1rem;
    }
    .numbered-panel-arrow {
        bottom: -2.25rem;
        left: 1.75rem;
        width: 0.75rem;
        transform: rotate(90deg);
        top:auto;
    }
    .video-panel {
        background-color:white;
    }
    .video-container {
        height: inherit;
        position: relative;
        margin-top: 1rem;
        margin-left: -2.5%;
        margin-right: -2.5%;
        margin-bottom: -2.75rem;
    }
    .video-container video {
        height: inherit;
        width: 100%;
    }
    .home-banner {
        padding-bottom: 3rem;
        background-color: var(--pink);
        background-size: 1200px;
    }
    .home-banner img {
        margin-bottom: 4rem;
    }
    .scotland-map {
        margin-top: 2rem;
    }
    .map-dot-popup {
        padding: 0.5rem 0.5rem 0rem 0.5rem;
        left: -4.5rem;
        min-width: 10rem;
        top: 2.5rem;
    }
    .map-dot {
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
    }
    .map-dot-popup-line {
        height: 1.5rem;
        top: 1rem;
        left: calc(0.5rem - 1px);
    }
    .navigation {
        padding:0;
    }
    .termsfeed-com---nb-simple {
        max-width: 100% !important;
    }
    .termsfeed-com---nb .cc-nb-okagree, .termsfeed-com---nb .cc-nb-reject, .termsfeed-com---nb .cc-nb-changep {
        display: inline-block !important;
        width: auto !important;
    }
    .blue-panel, .pink-panel {
        background-attachment: inherit;
    }
}

/* Medium and up */
@media screen and (min-width: 40em) {
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .row {
        max-width: 95%;
    }
    .home-banner {
        padding-bottom: 3rem;
        background-image:url('../img/home-banner-background-tablet.png');
        background-size:100%;
    }
    .home-banner img {
        height: 2.5rem;
        margin-bottom: 3rem;
    }
    h1 {
        font-size: 2.3rem;
    }
    .standard-banner {
        background-position: 55% top;
        background-size: 130% 75%;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
}