.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) {
    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: #4b5458;
}


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

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

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

.paragraph--type--faqs .field__item {
    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;
}

/*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);
    color: var(--offwhite);
    position: relative;
}
  
div:has(> .bk-light-alt) {
    background-color: var(--light-alt);
    position: relative;
}






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);
}


/*

ORPHANS


.paragraph--type--cards > div > div:last-child:nth-child(3n - 1) {
  
}

.paragraph--type--cards > div > div:nth-last-child(2):nth-child(3n + 1) {
  
}


.paragraph--type--cards > div > div:last-child:nth-child(3n - 2) {
  grid-column: 2;
}

*/

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

.paragraph--type--cards > div > div {
    transition: all .3s;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 3px #00000066;
    position:relative;
}

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

.paragraph--type--cards > div > div:has(.field-group-link):hover img{
	filter: contrast(1.2);
	border-radius: 0;
  box-shadow: none;
}



/*

.paragraph--type--cards > div > div:first-child:nth-last-child(1){
    max-width: 100%;
}

.paragraph--type--cards > div > div:first-child:nth-last-child(2), 
.paragraph--type--cards > div > div:first-child:nth-last-child(2) ~ div {
    max-width: calc(50% - var(--standardpadding)/2);
}

.paragraph--type--cards > div > div:first-child:nth-last-child(3), 
.paragraph--type--cards > div > div:first-child:nth-last-child(3) ~ div {
    max-width: calc(33.3% - 2*var(--standardpadding)/3);
}

.paragraph--type--cards > div > div:first-child:nth-last-child(4), 
.paragraph--type--cards > div > div:first-child:nth-last-child(4) ~ div {
    max-width: calc(25% - 3*var(--standardpadding)/4);
}

.paragraph--type--cards > div > div:first-child:nth-last-child(5), 
.paragraph--type--cards > div > div:first-child:nth-last-child(5) ~ div {
    max-width: calc(20% - 4*var(--standardpadding)/5);
}

*/




.card-title {
    font-size: 1.4em;
    padding: var(--standardpadding);
/*    overflow-wrap: break-word;
    hyphens: auto;*/
    margin-top: 10px;
}

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

.card-text {
    padding: var(--standardpadding);
    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;
    box-shadow: 0px 3px 3px #00000045;
    border-radius: 0 20px 0 40px;
    filter: saturate(0);
}


.field--name-field-link-text {
    display: inline-block;
    padding: 20px 40px;
    margin: 20px;
    border-radius: 40px;
    box-shadow: 0 3px 3px #00000057;
    transition: all .3s;
    margin-top: auto;
    width: max-content;
    margin-left: auto;
}


.paragraph--type--cards > div > div:hover .field--name-field-link-text{
    box-shadow: none;
    border-radius: 3px;
}



/*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;
    box-shadow: 0 3px 3px #00000066;
}

.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;
    box-shadow: none;
}

.field--name-field-people:has(.node--view-mode-teaser) > div:has(.field-group-link):hover img{
	filter: contrast(1.2);
	border-radius: 0;
  box-shadow: none;
}

.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{
	filter: contrast(1.2);
  box-shadow: none;
}

.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;
    box-shadow: 0px 3px 3px #00000045
}

.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;
    box-shadow: 0px 3px 3px #00000045
}

.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;
    box-shadow: none;
}


.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;
    box-shadow: 0px 3px 3px #00000045;
    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;
    box-shadow: 0px 3px 3px #00000045;
    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*/ 

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

.big-button a {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.5em;
    padding: 1rem 3rem;
    border-radius: 3rem;
    border-bottom: none !important;
    transition: background-color .3s;
    box-shadow: 0 3px 3px #00000099;
    transition: all .3s;

}

.bk-white .big-button a {
	background-color:#e7e7e7
}


.big-button a:hover {
    box-shadow: none;
    border-radius: 3px;
}


/*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-right: var(--standardpadding);
}

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

.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: calc(var(--standardpadding) + var(--p-spacing)) var(--standardpadding) 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--four-column .columns{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: calc(var(--standardpadding) + var(--p-spacing)) ;
    padding: calc(var(--standardpadding) + var(--p-spacing))  var(--standardpadding) var(--standardpadding);
}

.column-header {
    padding: calc(var(--standardpadding) + var(--p-spacing))  var(--standardpadding) 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;
}

.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: 50px;
}


.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 {
    content: '';
    position: absolute;
    font-size: 150px;
    left: 10px;
    color: #ffffff;
    top: 50%;
    margin-top: -60px;
    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 .node__content{
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 2fr 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: 0 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)* 3);
}

.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;
}

.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;
    padding: 0;
}

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



.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;
    border-radius: 20px;
    border-bottom: none !important;
    transition: all .3s;
    box-shadow: 0 1px 3px #00000094;
    transition: all .3s;
}

a.file-download:hover {
    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;
    box-shadow: 0 1px 3px #00000094;
    transition: all .3s;
    background-image: linear-gradient(45deg, #243b3ca3, #00000052);
}

.paragraph--type--external-links a:hover {
    background-color: var(--dark-main) !important;
    box-shadow: none;
    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;
}


.field--name-field-audio .field--name-name {
    padding: 10px 20px;
}

