.paragraph {

}

.field--name-field-introduction + .field--name-field-content div:has(> .bk-white):first-child {
    margin-top: -40px;
}

.contained {
  max-width: var(--max-width);
  margin: 0 auto;
}

/*FAQ*/

.paragraph--type--faqs h2:has(.field--name-title),
.paragraph--type--faqs .ui-icon{
    display: none;
}



.paragraph--type--faqs .ui-corner-all, .paragraph--type--faqs .ui-corner-bottom, .paragraph--type--faqs .ui-corner-right, .paragraph--type--faqs .ui-corner-br {
    border-radius: 0;
}

.paragraph--type--faqs .ui-state-active, .paragraph--type--faqs .ui-widget-content .ui-state-active, .paragraph--type--faqs .ui-widget-header .ui-state-active, .paragraph--type--faqs a.ui-button:active, .paragraph--type--faqs .paragraph--type--faqs .ui-button:active, .paragraph--type--faqs .ui-button.ui-state-active:hover {
    border: none;
    background: var(--dark-alt);
}


.paragraph--type--faqs summary {
    padding: 0;
    color: var(--offblack);
}

.paragraph--type--faqs details > .details-wrapper {
    padding: 20px 0 0 0;
    margin-bottom: -5px;
}

.paragraph--type--faqs{
	padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding);
}
.paragraph--type--faqs .column-header{
    padding: 0 20px;
}

.paragraph--type--faqs .field--name-field-faqs {
    padding: 0 20px;
}
    
.field--name-field-faqs .field__item:first-child details {
    border-radius: 0 20px 0 0;
}

.paragraph--type--faqs p:last-child {
    margin: 0;
}

.paragraph--type--faqs details {
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #ffffff;
    background: #e8e5e5;
    padding:var(--standardpadding) var(--standardpadding) calc(var(--standardpadding) * 2);
    color: var(--offblack);
}

details {
  transition: max-height .5s;
  max-height: 1em;
}

.ui-accordion .ui-accordion-header {
    font-size: 1.6rem;
    padding-right: 30px;
    text-wrap: pretty;
}


/*BACKGROUNDS*/

div:has(> .bk-pale-main) {
    background-color: var(--light-main);
    position: relative;
}

div:has(> .bk-offwhite) {
    background-color: var(--offwhite);
    position: relative;
}

div:has(> .bk-dark-main) {
    background-color: var(--dark-main);
    color: var(--offwhite);
    position: relative;
}

div:has(> .bk-mid-main) {
    background-color: var(--mid-main);
    color: var(--white);
    position: relative;
}
  
div:has(> .bk-mid-alt) {
    background-color: var(--mid-alt);
    position: relative;
}

div:has(> .bk-white) {
    background-color: var(--white);
    position: relative;
}

div:has(> .bk-offwhite) {
    background-color: var(--offwhite);
    position: relative;
}

div:has(> .bk-dark-main) {
    background-color: var(--dark-main);
    color: var(--offwhite);
    position: relative;
}

div:has(> .bk-mid-main) {
    background-color: var(--mid-main);
    position: relative;
}
  
div:has(> .bk-light-alt) {
    background-color: var(--light-alt);
    position: relative;
}

div:has(> .dark-alt) {
    background-color: var(--dark-alt);
    position: relative;
    color: var(--offwhite);
}




div:has(> .bk-dark-alt) + div:has(> .bk-dark-alt),
div:has(> .bk-pale-main) + div:has(> .bk-pale-main),
div:has(> .bk-offwhite) + div:has(> .bk-offwhite),
div:has(> .bk-dark-main) + div:has(> .bk-dark-main),
div:has(> .bk-mid-main) + div:has(> .bk-mid-main),
div:has(> .bk-mid-alt) + div:has(> .bk-mid-alt),
div:has(> .bk-white) + div:has(> .bk-white),
div:has(> .bk-offwhite) + div:has(> .bk-offwhite) ,
div:has(> .bk-dark-main) + div:has(> .bk-dark-main),
div:has(> .bk-mid-main) + div:has(> .bk-mid-main),
div:has(> .bk-light-alt) + div:has(> .bk-light-alt) {
    margin-top: 0px;
}


/*

  
.field--name-field-content > .field__item::before{
content: "";
    display: block;
    height: 50px;
    background-size: contain;
    position: absolute;
    width: 100%;
    top: -25px;
    z-index: 100;
}


  
div:has(> .bk-mid-main) + div:has(> .bk-dark-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/1-bluegrey-slate.jpg);
}

div:has(> .bk-offwhite) + div:has(> .bk-mid-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/1-offwhite-bluegrey.jpg);
}

div:has(> .bk-pale-main) + div:has(> .bk-offwhite)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/1-olive-offwhite.jpg);
}

div:has(> .bk-pale-main) + div:has(> .bk-pale-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/1-olive-olive.jpg);
}

div:has(> .bk-dark-main) + div:has(> .bk-mid-alt)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/1-slate-pink.jpg);
}

div:has(> .bk-white) + div:has(> .bk-white)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/1-white-white.jpg);
}

div:has(> .bk-mid-main) + div:has(> .bk-white)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/2-bluegrey-white.jpg);
}

div:has(> .bk-dark-main) + div:has(> .bk-mid-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/2-slate-bluegrey.jpg);
}

div:has(> .bk-pale-main) + div:has(> .bk-mid-alt)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/2-olive-pink.jpg);
}


div:has(> .bk-pale-main) + div:has(> .bk-dark-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/2-olive-slate.jpg);
}

div:has(> .bk-mid-alt) + div:has(> .bk-offwhite)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/2-pink-offwhite.jpg);
}

div:has(> .bk-white) + div:has(> .bk-pale-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/2-white-olive.jpg);
}

div:has(> .bk-mid-main) + div:has(> .bk-mid-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/3-bluegrey-bluegrey.jpg);
}

div:has(> .bk-mid-main) + div:has(> .bk-mid-alt)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/3-bluegrey-pink.jpg);
}

div:has(> .bk-offwhite) + div:has(> .bk-pale-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/3-offwhite-olive.jpg);
}

div:has(> .bk-mid-alt) + div:has(> .bk-offwhite)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/3-pink-offwhite.jpg);
}

div:has(> .bk-dark-main) + div:has(> .bk-offwhite)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/3-slate-offwhite.jpg);
}

div:has(> .bk-white) + div:has(> .bk-dark-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/3-white-slate.jpg);
}

div:has(> .bk-offwhite) + div:has(> .bk-offwhite)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/4-offwhite-offwhite.jpg);
}

div:has(> .bk-offwhite) + div:has(> .bk-dark-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/4-offwhite-slate.jpg);
}

div:has(> .bk-mid-alt) + div:has(> .bk-pale-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/4-pink-olive.jpg);
}

div:has(> .bk-dark-main) + div:has(> .bk-white)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/4-slate-white.jpg);
}

div:has(> .bk-white) + div:has(> .bk-dark-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/4-white-bluegrey.jpg);
}

div:has(> .bk-white) + div:has(> .bk-mid-alt)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/4-white-pink.jpg);
}

div:has(> .bk-mid-main) + div:has(> .bk-offwhite)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/5-bluegrey-offwhite.jpg);
}

div:has(> .bk-offwhite) + div:has(> .bk-mid-alt)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/5-offwhite-pink.jpg);
}

div:has(> .bk-offwhite) + div:has(> .bk-white)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/5-offwhite-white.jpg);
}

div:has(> .bk-pale-main) + div:has(> .bk-mid-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/5-olive-bluegrey.jpg);
}

div:has(> .bk-mid-alt) + div:has(> .bk-dark-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/5-pink-slate.jpg);
}

div:has(> .bk-dark-main) + div:has(> .bk-dark-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/5-slate-olive.jpg);
}

div:has(> .bk-mid-main) + div:has(> .bk-dark-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/6-bluegrey-olive.jpg);
}

div:has(> .bk-pale-main) + div:has(> .bk-white)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/6-olive-white.jpg);
}

div:has(> .bk-mid-alt) + div:has(> .bk-mid-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/6-pink-bluegrey.jpg);
}

div:has(> .bk-mid-alt) + div:has(> .bk-mid-alt)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/6-pink-pink.jpg);
}

div:has(> .bk-dark-main) + div:has(> .bk-dark-main)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/6-slate-slate.jpg);
}

div:has(> .bk-white) + div:has(> .bk-offwhite)::before {
  background-image: url(https://satzoomadev.co.uk/rockpool/sites/default/files/borders/6-white-offwhite.jpg);
}

*/

/*CARDS*/

.paragraph--type--cards{
padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding);

}

.paragraph--type--card{
	display: flex;
  flex-flow: column;
  height: 100%;
}
.cards-header {
}

.paragraph--type--cards > div:not(.cards-header) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(225px, 3fr));
    grid-gap: var(--standardpadding);
}


.paragraph--type--card a {
	display: flex;
  flex-flow: column;
  height: 100%;
}

.paragraph--type--cards > div > div {
    transition: all .3s;
    background-color: var(--offwhite);
    border-radius: 20px;
    overflow: hidden;
    position:relative;
}

.paragraph--type--cards > div > div:has(.field-group-link):hover {
    background-color: var(--white);
    border-radius: 0px;
}

.bk-white.paragraph--type--cards > div > div:has(.field-group-link):hover{
    background-color: #fff;
    border-radius: 0px;
}

.paragraph--type--cards > div > div:has(.field-group-link):hover img{
	border-radius: 0;
}



.card-title {
    font-size: 1.4em;
    color: var(--dark-main);
    padding: var(--standardpadding);
    hyphens: auto;
}

.card-title + .card-text{
	  margin-top: -20px;
}

.card-text {
    padding: var(--standardpadding);
    color: var(--dark-main);
    line-height: var(--line-height);
}

.card-text p{
    margin: 0;
}

.card-text.text-formatted :is(p+ol,p+ul) {
    margin: 0;
}

.card-image img{
	margin-bottom: -5px;
	  transition: all .3s;
}


.field--name-field-link-text {
    display: inline-block;
    padding: 12px 24px;
    margin: 20px;
    background-color: var(--purple);
    color: white;
    border-radius: 20px;
    transition: all .3s;
    margin-top: auto;
    width: max-content;
    margin-left: auto;
}

.purple .field--name-field-link-text {
    background-color: var(--purple);
}

.blue .field--name-field-link-text {
    background-color: var(--blue);
}
  
.green .field--name-field-link-text {
    background-color: var(--green);
}

.paragraph--type--cards > div > div:hover .field--name-field-link-text{
	background-color: var(--dark-main) !important;
    box-shadow: none;
    border-radius: 40px;
}



.paragraph--type--card-references{
padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding);

}


.card-ref{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 4fr));
    grid-gap: var(--standardpadding);
    margin-bottom: 40px;
}

.g-two.paragraph--type--cards > div:not(.cards-header),
.g-two .card-ref {
    grid-template-columns: repeat(auto-fit, minmax(375px, 4fr));
}

.g-three.paragraph--type--cards > div:not(.cards-header),
.g-three .card-ref {
    grid-template-columns: repeat(auto-fit, minmax(300px, 4fr));
}

.g-four.paragraph--type--cards > div:not(.cards-header),
.g-four .card-ref {
    grid-template-columns: repeat(auto-fit, minmax(270px, 4fr));
}




.card-ref h2{
	display:none;
}

.card-ref a{
    color: var(--offblack);
}

.card-ref article{
    transition: all .3s;
    background-color: var(--offwhite);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: none;
    position: relative;
}

.card-ref a,
.card-ref .node__content,
.card-ref .node--view-mode-teaser{
    display: flex;
    flex-flow: column;
    height: 100%;
}


.card-ref article:hover {
    background-color: #fff;
    border-radius: 0px;
}

.card-ref article:hover * {
    border-radius: 0px;
}

.card-ref article:hover img{
  box-shadow: none;
}

.card-ref article:hover .field--name-field-link-text{
	background-color: var(--dark-main) !important;
    box-shadow: none;
    border-radius: 3px;
}


.card-label {
    display: inline-block;
    background: #4db95c;
    position: absolute;
    z-index: 100;
    padding: 6px 40px;
    transform: rotate(314deg);
    left: -40px;
    top: 29px;
    text-align: center;
    color: white;
    width: 170px;
}



/*PEOPLE*/


.paragraph--type--people{
    padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding);
}




.paragraph--type--people .column-header {
    padding: 0;
}


.field--name-field-people:has(.node--view-mode-teaser){
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 3fr));
    grid-gap: var(--standardpadding);
    padding: 0;
}


.field--name-field-people:has(.node--view-mode-grid){
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 5fr));
    grid-gap: var(--standardpadding);
    padding: 0;
    text-align: center;
}

.paragraph--type--people.paragraph--view-mode--carousel .node__content{
	text-align:center;
}

.paragraph--type--people.paragraph--view-mode--carousel .flex-direction-nav a {
    top: 35%;
}


.field--name-field-people .field__item:only-child {
    max-width: 450px;
}

.field--name-field-people a {
    display: block;
}

.paragraph--type--people.paragraph--view-mode--carousel .flexslider-field-wrapper h2,
.field--name-field-people h2 {
    display: none;
}


.field--name-field-people:has(.node--view-mode-teaser) > div {
    transition: all .3s;
    background-color: var(--offwhite);
    border-radius: 20px;
    overflow: hidden;
}

.paragraph--type--people.paragraph--view-mode--carousel .node__content *,
.field--name-field-people:has(.node--view-mode-grid) * {
    transition: all .3s;
}



.field--name-field-people:has(.node--view-mode-teaser) > div:has(.field-group-link):hover {
    background-color: var(--white);
    border-radius: 0px;
}

.field--name-field-people:has(.node--view-mode-teaser) > div:has(.field-group-link):hover img{

	border-radius: 0;
}

.paragraph--type--people.paragraph--view-mode--carousel .node__content > div:has(.field-group-link):hover img,
.field--name-field-people:has(.node--view-mode-grid) > div:has(.field-group-link):hover img{

}

.paragraph--type--people.paragraph--view-mode--carousel .field--name-field-name, 
.field--name-field-people .field--name-field-name {
    font-size: 1.4em;
    color: var(--dark-main);
    padding: var(--standardpadding);
    overflow-wrap: break-word;
    hyphens: auto;
    margin-top: 10px;
}

.paragraph--type--people.paragraph--view-mode--carousel .field--name-field-name, 
.field--name-field-people:has(.node--view-mode-grid) .field--name-field-name {
    background: var(--offwhite);
    padding: 40px 20px 20px 20px;
    margin-top: -30px;
    border-radius: 5px 20px 0 0;
}

.paragraph--type--people.paragraph--view-mode--carousel .node__content a:hover .field--name-field-name, 
.field--name-field-people:has(.node--view-mode-grid) > div:has(.field-group-link):hover .field--name-field-name {
    background: var(--white);
    border-radius: 20px 5px 0 0;
}

.paragraph--type--people.paragraph--view-mode--carousel .field--name-field-role,
.field--name-field-people .field--name-field-role{
    padding: 0 var(--standardpadding);
    color: var(--dark-main);
    line-height: var(--line-height);
    font-weight: 700;
    margin-bottom: 5px;
}

.paragraph--type--people.paragraph--view-mode--carousel .field--name-field-role,
.field--name-field-people:has(.node--view-mode-grid) .field--name-field-role {
    background: var(--offwhite);
    padding: 20px;
    margin-top: -30px;
    border-radius: 0 0 5px 20px;
}

.paragraph--type--people.paragraph--view-mode--carousel .node__content a:hover .field--name-field-role,
.field--name-field-people:has(.node--view-mode-grid) > div:has(.field-group-link):hover .field--name-field-role{
    background-color: var(--white);
    border-radius: 0 0 20px 5px;
}


.field--name-field-people .field--name-field-introduction{
    padding: var(--standardpadding);
    color: var(--dark-main);
    line-height: var(--line-height);
}

.field--name-field-people .field--name-field-introduction p{
    margin: 0;
}

.field--name-field-people:has(.node--view-mode-teaser) .field--name-field-image-share- img{
	margin-bottom: -5px;
	  transition: all .3s;
    border-radius: 0 20px 0 40px;
}

.paragraph--type--people.paragraph--view-mode--carousel .field--name-field-image-share- img,
.field--name-field-people:has(.node--view-mode-grid) .field--name-field-image-share- img{
	margin-bottom: -5px;
	  transition: all .3s;
    border-radius: 50%;
    width: 200px;
    margin: 0 auto;
}



/*SPACER*/


.big.paragraph--type--spacer {
    height: calc(4 * var(--standardpadding));
}

.small.paragraph--type--spacer {
    height: calc(2 * var(--standardpadding));
}

.line.paragraph--type--spacer {
    height: calc(0.25 * var(--standardpadding));
}


.bk-pale-main.paragraph--type--spacer {
    background-color: var(--light-main);
}

.bk-mid-main.paragraph--type--spacer {
    background-color: var(--mid-main);
}

.bk-dark-main.paragraph--type--spacer {
    background-color: var(--dark-main);
}

.bk-white.paragraph--type--spacer {
    background-color: var(--white);
}

.bk-mid-alt.paragraph--type--spacer {
    background-color: var(--mid-alt);
}

.bk-off-white.paragraph--type--spacer {
    background-color: var(--off-white);
}

.rule.paragraph--type--spacer {
    height: 6px;
    z-index: 1000;
    margin: -3px auto;
}



  
/*TEXT*/

.text {
  padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding) var(--standardpadding) var(--standardpadding);
}


/*BUTTON*/ 

.paragraph--type--button {
    padding-right: var(--standardpadding);
    padding-left: var(--standardpadding);
    max-width: var(--max-width);
    margin: 0 auto;
}


.columns .paragraph--type--button{
	  padding-right: 0;
    padding-left: 0;
}


.big-button {
    text-align: center;
    padding: calc(var(--standardpadding) + var(--p-spacing));
}

.left .big-button {
    text-align: left;
}

.right .big-button {
    text-align: right;
}

.small .big-button {
    padding: 0 0 40px;
}

.big-button a {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.5em;
    padding: 1rem 3rem;
    color: var(--white) !important;
    border-radius: 10px;
    border-bottom: none !important;
    transition: background-color .3s;
    transition: all .3s;
		background-color:var(--dark-main);
}

.green .big-button a{
	background-color:var(--green)
}

.blue .big-button a{
	background-color:var(--blue)
}

.purple .big-button a{
	background-color:var(--purple)
}

.smalltext .big-button a {
    font-size: 1.2em;
    padding: 1rem 2rem;
}

.bigtext .big-button a {
    font-size: 1.8em;
}



.big-button a:hover {
    background-color: var(--dark-main) !important;
    border-radius: 3rem;
}

.bk-dark-main .big-button a:hover {
    background-color: var(--mid-main) !important;
    border-radius: 3rem;
}


.no-background .big-button a {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.5em;
    padding: 0;
    color: var(--dark-blue) !important;
    border-bottom: none !important;
    box-shadow: none;
    transition: all .3s;
    background-image: none;
}

.no-background .big-button a:hover {
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 0;
    color:var(--mid-blue) !important;
}


/*TEXT AND IMAGE */

.paragraph--type--text-and-image {
    display: grid;
}

.whole-image.paragraph--type--text-and-image {
    align-items: center;
}



.ittt{
    grid-template-columns: 1fr 3fr;
}

.ttti{
    grid-template-columns: 3fr 1fr;
}


.ttii,
.iitt{
    grid-template-columns: 1fr 1fr;
}

.text-and-image-image {
  grid-row: 1;
}

.text-and-image-image article.media--type-image {
    height: 100%;
    position:relative;
}

.text-and-image-image .field__item {
    height: 100%;
}

.bg-image .text-and-image-image img {
    object-fit: cover;
    height: 100%;
    position: absolute;
}

.text-and-image-text {
  grid-column: 2;
  grid-row: 1;
}

.text-and-image-text{
  padding: calc(var(--standardpadding) + var(--p-spacing));
  padding-bottom: var(--standardpadding);
}


.iitt .text-and-image-image,
.ittt .text-and-image-image {
  grid-column: 1;
  padding-left: var(--standardpadding);
}

.iitt .text-and-image-text,
.ittt .text-and-image-text {
  grid-column: 2;
  padding-left: 40px;
}

.ttii .text-and-image-image,
.ttti .text-and-image-image {
  grid-column: 2;
  padding-right: var(--standardpadding);
  padding-left: 40px;
}

.ttii .text-and-image-text,
.ttti .text-and-image-text {
  grid-column: 1;
  padding-left: var(--standardpadding);
}

.whole-image .text-and-image-text{
  padding: var(--standardpadding);
}

.tui.contained {
    max-width: 100%;
}


.tui .text-and-image-image {
    grid-row: 1;
    grid-column: 1;
    z-index: 1;
}

.tui .text-and-image-text{
    grid-row: 1;
    grid-column: 1;
    z-index: 2;
    max-width: var(--max-width);
    margin: auto;
    padding-left: 20px;
}

.tui.paragraph p, .tui.paragraph ol, .tui.paragraph  ul{
max-width: unset;
}

.bk-pale-main.tui .text-and-image-image,
.bk-offwhite.tui .text-and-image-image,
.bk-dark-main.tui .text-and-image-image {
    opacity: .5;
}


/*

@media (min-width: 1000px) {

.iitt.contained  .text-and-image-image,
.ittt.contained  .text-and-image-image{
	margin-left:var(--standardpadding);
	position: relative;
}

.ttii.contained  .text-and-image-image,
.ttti.contained  .text-and-image-image {
	margin-right:var(--standardpadding);
	position: relative;
}

}

*/


/*COLUMNS*/

.paragraph--type--two-column .columns{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(var(--standardpadding) + var(--p-spacing));
    padding: var(--standardpadding);
}

.paragraph--type--two-column .columns .paragraph--type--video{
	padding:0;
}



.paragraph--type--three-column .columns{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: calc(var(--standardpadding) + var(--p-spacing)) ;
    padding: calc(var(--standardpadding) + var(--p-spacing))  var(--standardpadding) var(--standardpadding);
}

.paragraph--type--three-column .columns .field--name-field-left {
	grid-column: 1;
	grid-row:1;
}

.paragraph--type--three-column .columns .field--name-field-middle {
	grid-column: 2;
		grid-row:1;
}

.paragraph--type--three-column .columns .field--name-field-right {
	grid-column: 3;
		grid-row:1;
}

.paragraph--type--two-column .column-header,
.paragraph--type--three-column .column-header {
    padding: calc(var(--standardpadding) + var(--p-spacing)) 0 var(--standardpadding) var(--standardpadding) ;
}


.column-header {
    padding: calc(var(--standardpadding) + var(--p-spacing))  0 0;
}

div:has(> .paragraph--type--c-image):last-child {
    padding-bottom: calc(var(--standardpadding) + var(--p-spacing));
}

div:has(> .paragraph--type--c-image) + div:has(> .paragraph--type--c-text) {
    padding-top: var(--standardpadding);
}




/*LOGOS*/




.logos > .field__item {
    width: 200px;
}

.logos {
    padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: start;
    gap: var(--standardpadding);
    align-content: center;
    margin: 0 20px;
}

.small .logos {
    padding: 0;
}

.logos img {
    width: 100%;
    height: auto;
    display: block;
    mix-blend-mode: multiply;
}

.flexslider .slides img.image-style-logo {
    width: unset;
    mix-blend-mode: multiply;
    margin: 0 auto;
}

.optionset-logos .logo-label,
 .logos .logo-label {
  display: none;
}

.labels .optionset-logos .logo-label,
.labels .logos .logo-label {
	display: block;
    text-align: center;
    font-size: 1em;
    font-family: 'Roboto Slab';
    color: var(--dark-main);
    margin-top: 0;
}

.optionset-logos h2,
.logos h2{
	display: none;
}

.logos  .field--name-field-code {
    text-align: center;
}


/*BLOCKS*/


.paragraph--type--block {
    padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding)
}

.paragraph--type--block .column-header {
    padding: 0
}


/*TESTIMONIALS*/

.paragraph--type--testimonial {
    padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding) calc(var(--standardpadding) + var(--p-spacing)) calc(var(--p-spacing) * 4);
    position: relative;
    max-width: var(--max-width);
    margin: 0 auto;
}


.paragraph--type--testimonial:has(video),
.paragraph--type--testimonial:has(.media--type-remote-video),
.paragraph--type--testimonial:has(.media--type-image){
padding-left: 60px;
}


.paragraph--type--testimonial video {
    width: 100%;
    height: auto;
    margin-bottom: -5px;
}

.paragraph--type--testimonials-carousel h2:has(.field--name-title),
.paragraph--type--testimonial h2:has(.field--name-title) {
    display: none;
}



.field--name-field-testimonial-ref::before {
    font-family: serif;
    content: "‘";
    position: absolute;
    font-size: 210px;
    left: 16px;
    color: var(--offblack);
    top: 55%;
    margin-top: -60px;
    display: block;
    line-height: .7;
    container-type: unset;
    padding: 10px;
    width: 90px;
    height: 80px;
    border-radius: 50%;
    background-color:  transparent;
    z-index: 2;
}

.bk-white .field--name-field-testimonial-ref::before{
 	background-color: var(--white);
 }
 
.bk-dark-main .field--name-field-testimonial-ref::before{
 	background-color: var(--dark-main);
 	color: var(--offwhite);
 }
 
.bk-dark-alt .field--name-field-testimonial-ref::before{
 	background-color: var(--dark-alt);
 	color: var(--offwhite);
}

.bk-light-alt .field--name-field-testimonial-ref::before{
 	background-color: var(--light-alt);
}
 
.bk-pale-main .field--name-field-testimonial-ref::before{
 	background-color: var(--light-main);
}

.bk-mid-alt .field--name-field-testimonial-ref::before{
 	background-color: var(--mid-alt);
}
 
.bk-mid-main .field--name-field-testimonial-ref::before{
 	background-color: var(--mid-main);
 	color: var(--offwhite);
}

.bk-offwhite .field--name-field-testimonial-ref::before{
 	background-color: var(--offwhite);
}






.node--type-testimonial .node__content{
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 3fr 1fr;
    align-items: center;
}


.flex-direction-nav a {
    height: 45px;
}

.paragraph--type--testimonials-carousel .flexslider{
    margin:0;
    }

.paragraph--type--testimonials-carousel .flexslider .slides {
    zoom: 1;
    display: grid;
    grid-template-rows: 30px auto 30px;
    align-items: center;
}

.paragraph--type--testimonials-carousel .flexslider .slides > li {
    grid-row: 2;
    grid-column: 1;
}

.paragraph--type--testimonials-carousel .node--type-testimonial .node__content {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 40px auto 40px;
    align-items: center;
}

.paragraph--type--testimonials-carousel .node--type-testimonial .quote {
    padding-bottom: 0;
    grid-column: 2;
    grid-column-start: 2;
    grid-column-end: auto;
    grid-row: 1;
    margin-left: 120px;
    position: relative;
}


.paragraph--type--testimonials-carousel .quote::before {
    content: '';
    position: absolute;
    font-size: 150px;
    left: -110px;
    color: #ffffff;
    top: 50%;
    margin-top: -36px;
    display: block;
    line-height: .9;
    container-type: unset;
    padding: 10px;
    width: 80px;
    height: 80px;
    background: no-repeat;
    background-size: 52px;
    background-position: center;
    background-image: url(/sites/default/files/icons/open-double-quote.svg);
    border-radius: 50%;
    background-color: #5c686e;
    z-index: 2;
    filter: invert(100%) hue-rotate(180deg);
}

.node--type-testimonial:has(video) .node__content,
.node--type-testimonial:has(.media--type-remote-video) .node__content,
.node--type-testimonial:has(.media--type-image) .node__content{
    background: #e8e5e5;
    border-radius: 20px;
    overflow: hidden;
}


.node--type-testimonial:has(video) .field--name-field-image-or-video,
.node--type-testimonial:has(.media--type-remote-video) .field--name-field-image-or-video{
    grid-column: 1;
    grid-row: 1;
}

.node--type-testimonial .quote{
padding-bottom: var(--standardpadding);
    grid-column: 1 / 3;
	  grid-row: 1;
}

.node--type-testimonial:has(video) .quote,
.node--type-testimonial:has(.media--type-remote-video) .quote{
	  grid-column: 2;
    grid-row: 1;
}

.node--type-testimonial:has(.media--type-image) .field--name-field-image-or-video{
	grid-column: 2;
	grid-row: 1;
}

.node--type-testimonial:has(.media--type-image) .quote{
	grid-column: 1;
	grid-row: 1;
	padding-left: calc(var(--standardpadding)* 4);
}

.node--type-testimonial .field--name-field-quote {
    font-size: 1.6em;
}

.node--type-testimonial:has(video) .field--name-field-quote,
.node--type-testimonial:has(.media--type-remote-video) .field--name-field-quote,
.node--type-testimonial:has(.media--type-image) .field--name-field-quote {
	font-size: revert;
	padding-right: 20px;
}

.node--type-testimonial:has(video) .field--name-field-job,
.node--type-testimonial:has(video) .field--name-field-quote,
.node--type-testimonial:has(video) .field--name-field-by,
.node--type-testimonial:has(.media--type-remote-video) .field--name-field-quote,
.node--type-testimonial:has(.media--type-image) .field--name-field-quote,
.node--type-testimonial:has(.media--type-remote-video) .field--name-field-by,
.node--type-testimonial:has(.media--type-image) .field--name-field-by,
.node--type-testimonial:has(.media--type-remote-video) .field--name-field-job,
.node--type-testimonial:has(.media--type-image) .field--name-field-job{
	color: var(--offblack);
}

.node--type-testimonial .text-formatted.field--name-field-quote p{
	margin-bottom: 10px;
    line-height: 1.4;
}
.node--type-testimonial:has(video)
.node--type-testimonial:has(.media--type-remote-video) .text-formatted.field--name-field-quote p,
.node--type-testimonial:has(.media--type-image) .text-formatted.field--name-field-quote p{
	margin: revert;
	line-height:1.7;
}

.node--type-testimonial .field--type-image{
    padding: 20px 20px 20px 0;
}

.node--type-testimonial .field--type-image img{
   border-radius: 0 20px 20px 0;
}

.field--name-field-by {
    display: inline-block;
    font-size: 1.3em;
}

.field--name-field-job {
    display: inline-block;
    font-size: 1.1em;
    font-style: italic
}

.node--type-testimonial.node--view-mode-default:has(video) .field--name-field-by,
.node--type-testimonial.node--view-mode-default:has(.media--type-remote-video) .field--name-field-by {
    display: block;
    margin-bottom: 10px;
}

.node--type-testimonial.node--view-mode-default:has(video) .field--name-field-job,
.node--type-testimonial.node--view-mode-default:has(.media--type-remote-video) .field--name-field-job {
    display: block;
}


/*IMAGE GRID*/

.paragraph--type--image-grid {
    padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding)
}

.paragraph--type--image-grid .column-header {
    padding: 0
}

.field--name-field-grid-images{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: var(--standardpadding);
}

.paragraph--type--image {
    position: relative;
}

.contained.paragraph--type--image {
    padding: 0 var(--standardpadding);
}

.field--name-field-caption.field--type-string {
    position: absolute;
    bottom: 0;
    right: var(--standardpadding);
    padding: 6px 12px;
    color: white;
    background: #313131a6;
}



.paragraph--type--slide {
    display: grid;
    align-items: center;
    text-align: center;
    padding: 0;
}

.slide-text {
    grid-row: 1;
    grid-column: 1;
    z-index: 2;
    background-color: #6c7072a6;
    color: var(--white);
    margin: 0 auto;
    padding: var(--standardpadding) 15%;
}

.slide-text a {
	color: var(--white);
	text-decoration: underline;
}

.field--name-field-slide-image {
    grid-row: 1;
    grid-column: 1;
    z-index: 1;
}

.slide-text > * {
    margin: 0 !important;
}

.flexslider {
    background: transparent;
    border: none;
    border-radius: 0;
}

.flexslider-field-wrapper {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--standardpadding);
}

.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


a.file-download {
display: inline-block;
    margin: 0 20px 15px 20px;
    font-size: 1em;
    padding: 10px 20px;
    color: var(--white) !important;
    border-radius: 20px;
    border-bottom: none !important;
    transition: background-color .3s;
    transition: all .3s;
    background-color: var(--purple);
}

a.file-download:hover {
    background-color: var(--dark-main) !important;
    box-shadow: none;
    border-radius: 20px 3px 3px 20px;;
}

.paragraph--type--documents,
.paragraph--type--external-links{
	padding-bottom: 40px;
}
.paragraph--type--external-links a{
display: inline-block;
    margin: 0 20px 15px 20px;
    font-size: 1em;
    padding: 10px 20px;
    color: var(--white) !important;
    border-radius: 20px;
    border-bottom: none !important;
    transition: background-color .3s;
    transition: all .3s;
    background-color: var(--purple);
}

.paragraph--type--external-links a:hover {
    background-color: var(--dark-main) !important;
    border-radius: 20px 3px 3px 20px;;
}


.paragraph--type--video {
    padding: 20px;
}


.paragraph--type--factoid{
	
padding: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding);
}

.field--name-field-source-no-link,
.field--name-field-source {
    font-size: 19px;
    max-width: 60ch;
    line-height: 1.7;
}








.paragraph--type--icon-and-text .field--name-field-icon-and-text {
    display: grid;
    padding: var(--standardpadding);
    grid-gap: var(--standardpadding);
}

.one-col.paragraph--type--icon-and-text .field--name-field-icon-and-text {
	grid-template-columns: 1fr;
}

.two-col.paragraph--type--icon-and-text .field--name-field-icon-and-text {
	grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}

.three-col.paragraph--type--icon-and-text .field--name-field-icon-and-text {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}



.paragraph--type--icon-and-text .field--name-field-logo-media img{
	width:unset;
}


.horizontal.paragraph--type--icon-and-text .field--name-field-logo-media img {
    width:100px;
}


.vertical.paragraph--type--icon-and-text .field--name-field-logo-media img {
    margin: 0 auto;
    padding-bottom: var(--standardpadding);
}

.paragraph--type--icon-and-text .paragraph--type--text-and-image-p{
	margin-bottom: var(--standardpadding);
}

.horizontal.paragraph--type--icon-and-text .paragraph--type--text-and-image-p .field--name-field-text{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 120px);
    margin-bottom: -2rem;;
    padding-left:var(--standardpadding);
}

.vertical.paragraph--type--icon-and-text .paragraph--type--text-and-image-p .field--name-field-text{
	text-align: center;
}

.horizontal.paragraph--type--icon-and-text .paragraph--type--text-and-image-p .field--name-field-logo-media{
    display: inline-block;
    vertical-align: middle;
}

.vertical.paragraph--type--icon-and-text .paragraph--type--text-and-image-p .field--name-field-logo-media{
	
}

.paragraph--type--audio-p{
    padding-bottom: 30px;
}

.field--name-field-media-audio-file.field--type-file.field--label-visually_hidden {
    padding: 0 20px 20px;
}