/* CSS for use on backend page builder as well as fontend
---------------------------------------------------------- */
 /* Layout
--------------------------------------------- */
 
 .row {
     margin-right: -15px;
     margin-left: -15px;
 }
 
 @media (min-width: 662px) {
     .row {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }
 }
 
 .no-gutters {
     margin-right: 0;
     margin-left: 0;
 }
 
 .no-gutters>.col,
 .no-gutters>[class*="col-"] {
     padding-right: 0;
     padding-left: 0;
 }
 
 .col-1,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-10,
 .col-11,
 .col-12,
 .col-1-xs,
 .col-2-xs,
 .col-3-xs,
 .col-4-xs,
 .col-5-xs,
 .col-6-xs,
 .col-7-xs,
 .col-8-xs,
 .col-9-xs,
 .col-10-xs,
 .col-11-xs,
 .col-12-xs,
 .col {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
     margin-bottom: 30px;
     box-sizing: border-box;
 }
 
 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
 }
 
 .col-auto {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: none;
 }
 
 .col-2-xs,
 .col-3-xs,
 .col-4-xs,
 .col-5-xs,
 .col-6-xs,
 .col-7-xs,
 .col-8-xs,
 .col-9-xs,
 .col-10-xs,
 .col-11-xs,
 .col-12-xs {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
 }
 
 @media (min-width: 662px) {
     .col-3,
     .col-4,
     .col-5,
     .col-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
 }
 
 @media (min-width: 992px) {
     .col-1,
     .col-1-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
     .col-2,
     .col-2-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-3,
     .col-3-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.3333333333%;
         flex: 0 0 33.3333333333%;
         max-width: 33.3333333333%;
     }
     .col-4,
     .col-4-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-5,
     .col-5-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
     }
     .col-6,
     .col-6-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66666666%;
         flex: 0 0 16.66666666;
         max-width: 16.66666666;
     }
 }
 
 .row.image_right {
     flex-direction: row-reverse;
 }
 
 .acf-block-preview {
     min-height: 300px;
 }
 
 .empty-block {
     background-color: rgb(92, 176, 179);
     min-height: 100px;
     position: relative;
 }
 
 .empty-block:before {
     content: "";
     border: dashed 4px #fff;
     border-radius: 10px;
     position: absolute;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
 }
 
 .editblock {
     padding: 60px;
     background-color: #f5f5f5;
     text-align: center;
     color: #000;
     border: dashed 1px #e0e0e0;
     margin: 30px;
     cursor: pointer;
 }
 
 .acf-block-component {
     width: 100%;
     clear: both !important;
     display: block;
     float: none !important;
 }
 /* Customise buttons
--------------------------------------------- */
 
 .wp-block-button__link {
     position: relative;
     overflow: hidden;
     font-size: 16px;
     text-transform: uppercase;
     line-height: 1.8em;
     padding: 7px 15px;
     border-radius: 0;
     font-weight: bold;
     background: #f26522;
     border: 2px solid #f26522;
 }
 
 .wp-block-button__link:hover {
    background: #fff;
    border: solid 2px #f26522;

     color: #f26522;
 }
 
 .is-style-outline>.wp-block-button__link:not(.has-text-color),
 .wp-block-button__link.is-style-outline:not(.has-text-color) {
     color: #f26522;
 }
 /* CTAs
--------------------------------------------- */
 
 .image_right .row {
     flex-direction: row-reverse;
 }
 
 .post-image-default {
     display: block;
     width: 100%;
     height: 0;
     padding-bottom: 75%;
     background-color: #f26522;
 }
 
 :not(.alignfull)>.ctasplit {
     padding: 15px;
 }
 
 .block-featured-post:not(.alignfull) {
     margin: 30px 0;
 }

 
 :not(.alignfull)>.ctasplit .row {
    align-items: flex-start;
 }


 @media (min-width: 992px) {
    :not(.alignfull)>.ctasplit.image_left .row .ctacopy {
        padding-top: 0;
        padding-left: 60px;
    }
    :not(.alignfull)>.ctasplit.image_right .row .ctacopy {
        padding-top: 0;
        padding-left: 0;
        padding-right: 60px;
    }
    .cta-header+.cta-text, .cta-link {
         margin-top:30px;
     }
     .bgimagetext.text_right .cta-copy,
     .bgimagetext.text_left .cta-copy {
         width: clamp(600px, 50%, 700px);
     }
     .bgimagetext {
         min-height: calc(100vh - 240px);
         max-height: 720px;
     }
 }
 
 .ctasplit .col-2 {
     margin-bottom: 0;
     padding: 0;
     margin-bottom: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: CENTER;
 }
 .cta-image-full,
 .cta-image-col {
    background-position: center;
    background-size: cover;
 }
.cta-image-full {
    min-height: calc(100vh - 64px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
 .overlay-text {
    max-width: 800px;
 }
 .row.smallctas {
     justify-content: space-around;
 }
 
 .quote .cta-half-copy {
     margin-left: auto;
 }
 
 .cta-image {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .smallctabox {
     display: flex;
     flex-direction: column;
     height: 100%;
 }
 


 .cta-featured h5 {
     text-align: left;
 }
 
 .cta-featured {
     padding-bottom: 60px;
 }
 
 
 .alignfull .ctasplit.row {
     margin: 0;
 }
 
 .cta-half-copy {
     padding-top: 15px;
     padding-bottom: 15px;
 }
 
 .cta-bg-image {
     background-position: center;
     background-size: cover;
     height: 100%;
     width: 100%;
 }
 
 .smallcta-image {
     margin: 0 auto 1em;
 }
 
 .image-col {
    background-size: cover;
    background-position: center;
 }
 
 .teasers .rowsof-1 .col-1 {
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 .ctacopy .wp-block-pullquote,
 .ctacopy .wp-block-pullquote blockquote {
     padding-top: 0;
     margin-top: 0;
     padding-bottom: 0;
     margin-bottom: 0;
 }
 
 .ctasplit.quote .row {
     flex-direction: row-reverse;
     align-items: center;
     align-content: center;
 }
 
 .cta-link-quote,
 .quote .cta-text {
     padding-left: 120px;
 }
 
 .image-flex-right .cta-image {
     justify-content: flex-end;
     padding-right: 15px;
 }
 
 .image-padding .cta-image {
     padding: 30px;
 }
 
 .image-stretch .cta-image img {
     width: 100%;
 }
 


 .fullctaimage .cta-image {
     justify-content: flex-start;
 }
 
 .flex-right .row .cta-image {
     align-items: flex-end;
     justify-content: flex-end;
 }
 
 .overlay-text .cta-full {
     position: relative;
 }
 
 .overlay-text .cta-copy {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: flex;
     align-items: center;
     align-content: center;
     justify-content: flex-start;
 }
  .block-cta.alignfull .feature-image-col img {
max-height: calc(100vh - 134px)  ;
}
 @media screen and (min-width: 768px) {
     .cta-link-double {
         display: flex;
         justify-content: space-between;
     }
     .cta-link.mobile {
         justify-content: space-around;
     }
 }
 .ctacopy {
    padding: 30px;

}
.block-cta:not(.alignfull) .cta-image-col {
    background: none !important;
}

 @media screen and (min-width: 992px) {
.feature-image-col img {
       /* max-height: calc(100vh - 134px);*/
        width: auto;
        margin: 0 auto;
        min-height: 300px;
        }
  .block-cta.alignfull  .feature-image-col img {
max-height: calc(100vh - 134px);
  }
    .alignfull .ctasplit .cta-image img {
        display: none;
     }
     .alignfull .ctasplit .cta-image  {
        min-height: 75vh;
     }

     .image_right .row {
         flex-direction: row-reverse;
     }
     .image_right .row .cta-half-copy {
         margin-left: auto;
         margin-right: 0;
     }
     .cta-text,
     .cta-text h4,
     .ctasplit .teaser-title {
         text-align: left;
     }
     .alignfull .ctacopy {
         padding: 90px 75px;
         text-align: left;
     }
     .block-cta {
         margin-bottom: 60px;
     }
     .alignfull.block-cta  {
        margin-top: 0;
        margin-bottom: 0;
     }
     .image_right .row {
         flex-direction: row-reverse;
     }
     .image_right .row .cta-half-copy {
         margin-left: auto;
         margin-right: 0;
         width: 100%;
     }
     .image-padding .cta-image {
         padding: 90px;
     }
     .fullctaimage {
         position: relative;
     }
     .fullctaimage .cta-image {
         position: absolute;
         top: 0;
         left: 0;
         bottom: 0;
         right: auto;
     }
 }
 /* Featured Post
--------------------------------------------- */
 

 
 .featuredpost.image_left,
 .featuredpost.image_right {
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 .featured-post-image-background {
     background-size: cover;
     background-position: center;
     align-self: stretch;
     position: relative;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }
 
 @media (min-width: 992px) {
     .featuredpost.image_left .featured-post-image-background,
     .featuredpost.image_right .featured-post-image-background,
     .featuredpost.image_left .featured-post-copy,
     .featuredpost.image_right .featured-post-copy {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
         position: relative;
         width: 100%;
     }
 }
 
 .featured-post-copy {
     padding: 30px;
 }
 

 
 .featured-post-image img {
     opacity: 0;
 }
 
 .featured-col-2 {
     background-size: cover;
 }
 
 /* Carousel
--------------------------------------------- */
 
 .carousel-slideshow {
     display: flex;
     align-items: center;
 }
 
 .block-carousel {
     margin: 0 30px;
 }
 
 .carousel-slide {
     display: flex !important;
     align-items: center;
     align-content: center;
     justify-content: center;
 }

 /* Read More Expanding Text and FAQs
--------------------------------------------- */
 
 .expandingbutton,
 .expandingclose {
     color: #f26522;
     text-decoration: underline;
     cursor: pointer;
 }
 
 .expandingclose {
     float: right;
 }
 
 .expandingtext {
     display: none;
 }
 
 .list-accordion {
     padding: 30px 0;
 }
 
 div.toggle:last-child {
     margin-bottom: 30px;
 }
 
 .toggle-title {
     background-color: #f26522;
     color: #fff;
     text-align: left;
     padding: 15px 15px 10px 15px;
     margin: 0 0 2px 0;
     font-weight: 900;
     letter-spacing: 0.05em;
     font-size: 21px;
     cursor: pointer;
     position: relative;
 }
 
 .toggle-title:after {
     content: "";
     width: 20px;
     height: 20px;
     border-bottom: solid 4px #fff;
     border-right: solid 4px #fff;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     top: 15px;
     right: 15px;
     -webkit-transition: -webkit-transform .3s ease-in-out;
     -ms-transition: -ms-transform .3s ease-in-out;
     transition: transform .3s ease-in-out;
     display: block;
     position: absolute;
     top: 15px;
     right: 15px;
 }
 
 .active.toggle-title:after {
     transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
 }
 
 .toggle-content {
     padding: 15px;
     display: none;
 }
 
 .toggle-content ul {
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: center;
 }
 
 .toggle-content ul li {
     list-style: none;
     margin: 0;
     padding: 5px;
 }
 
 .toggle-content ul li a {
     list-style: none;
     margin: 0;
     padding: 10px 15px;
     background-color: #0e74b2;
     border-radius: 5px;
     display: block;
     font-size: 21px;
     color: #fff;
     height: 100%;
 }
 
 .toggle-content ul li a:hover {
     background-color: #00A8D9;
     text-decoration: none;
 }
 
 .toggle-content ul li a:before {
     content: "\f56d";
     display: block;
     font-weight: 900;
     font-family: "Font Awesome 5 Free";
     margin-right: 10px;
 }
 
 .toggle-content ul li a i {
     font-size: 1.6em;
 }
 
 @media (min-width:768px) {
     .toggle-content ul {
         display: flex;
         align-items: center;
         justify-content: center;
     }
     .toggle-content ul li a {
         text-align: center;
     }
     .toggle-content ul li a:before {
         margin: 10px;
         color: #aae2f3;
         font-size: 32px;
     }
 }
 /* quotes
--------------------------------------------- */
 
 .svg {
     position: absolute;
     width: 0;
     height: 0;
 }
 
 .clipped {
     width: 100%;
     background-size: cover;
     -webkit-clip-path: url(#my-clip-path);
     clip-path: url(#my-clip-path);
     padding-bottom: 94%;
 }
 
 .tqoute-bigquote {
     font-family: 'Urbanist', sans-serif;
     color: #003057;
     font-size: 38px;
     font-weight: normal;
     line-height: 1.3em;
 }
 
 @media (max-width: 662px) {
     .tqoute-bigquote {
         font-size: 34px;
     }
 }
 
 .tqoute-cite {
     font-family: 'Urbanist', sans-serif;
     color: #003057;
     font-size: 22px;
     font-weight: 600;
 }
 
 .tquote {
     display: flex;
     justify-content: center;
     flex-direction: column;
 }
 
 .tquote-noimage .quotationmarks {
     max-width: 250px;
 }
 
 .tquote .tquote-copy .quotationmarks {
     z-index: 1;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 15px;
 }
 
 .tquote-image {
     flex: 1;
 }
 
 .tquote-image img {
     margin: 0 auto;
 }
 
 @media (min-width: 768px) {
     .tquote {
         display: flex;
         align-items: flex-start;
         max-width: 960px;
         margin: 0 auto;
         justify-content: center;
         flex-direction: row;
     }
     .tquote.image_right {
         flex-direction: row-reverse;
     }
     .tquote .tquote-copy .quotationmarks {
         width: 250px;
     }
     .tquote-image {
         width: 30%;
     }
     .tquote-image+.tquote-copy {
         width: 60%;
         position: relative;
     }
 }
 
 .block-quote {
     margin-top: 90px;
     margin-bottom: 90px;
     border-radius: 30px;
 }
 /* Tab nav
--------------------------------------------- */
 
 ul.tabnav {
     list-style: none;
     margin: 30px 0;
     border-bottom: solid 1px #ccc;
 }
 
 ul.tabnav li {
     display: inline-block;
     cursor: pointer;
     border: solid 1px #ccc;
     padding: 15px;
     background: #ccc;
     margin-bottom: -1px;
 }
 
 ul.tabnav li.active {
     background-color: white;
     border-bottom: solid 1px white;
 }
 
 ul.tabnav li:hover {
     text-decoration: underline;
 }
 
 .tabcontainer {
     margin-top: 0;
     border-bottom: solid 1px #ccc;
 }
 /* Video fixes
--------------------------------------------- */
 
 .video-container iframe,
 .video-container object,
 .video-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 .video-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }

  /* Teasers
--------------------------------------------- */
.teaser .teaser-image  {
    background-color: #f1efef;
    background-size: cover;
}
.teaser .teaser-image a {
    padding-bottom: 75%;
    display: block;
}

 /* Custom Colours
--------------------------------------------- */
 /* White */
 
 .has-white-background-color {
     background-color: #ffffff;
 }
 
 .has-white-color {
     color: #ffffff;
 }
 
 .has-white-color.wp-block-button__link {
     color: #ffffff;
 }
 
 .has-white-color.wp-block-button__link:hover {
     color: #ffffff;
 }
 
 .has-white-background-color {
     background-color: #ffffff;
 }
 
 .has-white-color {
     color: #ffffff;
 }
 
 .has-white-color.wp-block-button__link {
     color: #ffffff;
 }
 
 .has-white-color.wp-block-button__link:hover {
     color: #ffffff;
 }
 
 .is-style-outline>.has-white-color.wp-block-button__link,
 .has-white-color.wp-block-button__link.is-style-outline {
     border-color: #Fff;
 }
 
 .is-style-outline>.has-white-color.wp-block-button__link:hover,
 .has-white-color.wp-block-button__link.is-style-outline:hover {
     background-color: #fff;
 }
 /* #f26522 */
 
 .has-orange-background-color {
     background-color: #f26522;
 }
 .has-orange-background-color a:hover,
 .has-orange-background-color a:active,
 .has-orange-background-color a:focus {
    color: #Fff;
 }
 .has-orange-color {
     color: #f26522;
 }
 
 .has-orange-background-color .button {
    color: #fff;
    border-color: #fff;
 }
 .has-orange-background-color input[type="text"],
 .has-orange-background-color input[type="email"],
 .has-orange-background-color input[type="url"],
  .has-orange-background-color input[type="password"],
  .has-orange-background-color input[type="search"], input[type="tel"],
  .has-orange-background-color textarea {
    border-color: #fff; 
  }
 .has-orange-background-color .button:hover {

    color: #f26522;
    background-color: #fff;
 }

 .has-orange-color.wp-block-button__link {
     color: #f26522;
 }
 
 .has-orange-color.wp-block-button__link:hover {
     color: #f26522;
 }
 
 .has-orange-background-color {
     background-color: #f26522;
 }
 
 .has-orange-color {
     color: #f26522;
 }
 

 .has-orange-color.wp-block-button__link {
     color: #f26522;
 }
 
 .has-orange-color.wp-block-button__link:hover {
     color: #f26522;
 }
 
 .has-orange-background-color .wp-block-button__link {
     border-color: #000;
 }
 
 .has-orange-background-color .wp-block-button__link:hover {
     border-color: #fff;
 }
 
 .has-orange-color.wp-block-button__link {
     color: #f26522;
 }
 
 .has-orange-color.wp-block-button__link:hover {
     color: #f26522;
 }
 
 .is-style-outline>.has-orange-color.wp-block-button__link,
 .has-orange-color.wp-block-button__link.is-style-outline {
     border-color: #f26522;
 }
 
 .is-style-outline>.has-orange-color.wp-block-button__link:hover,
 .has-orange-color.wp-block-button__link.is-style-outline:hover {
     background-color: #f26522;
     color: #fff;
 }
 /* Black */
 
 .has-black-background-color {
     background-color: black;
     color: #Fff;
 }
 
 .has-black-color {
     color: black
 }
 
 .has-black-color.wp-block-button__link {
     color: black;
 }
 
 .has-black-color.wp-block-button__link:hover {
     color: black;
 }
 
 .has-black-background-color {
     background-color: black;
 }
 
 .has-black-color {
     color: black;
 }
 
 .has-black-color.wp-block-button__link {
     color: black;
 }
 
 .has-black-color.wp-block-button__link:hover {
     color: black;
 }
 
 .is-style-outline>.has-black-color.wp-block-button__link,
 .has-black-color.wp-block-button__link.is-style-outline {
     border-color: black;
 }
 
 .is-style-outline>.has-black-color.wp-block-button__link:hover,
 .has-black-color.wp-block-button__link.is-style-outline:hover {
     background-color: black;
     color: #fff;
 }

 /* #f1efef */
 
 .has-lgrey-background-color {
    background-color: #f1efef;
}

.has-lgrey-color {
    color: #f1efef;
}


/* #f9edda */
 
.has-oldpaper-background-color {
    background-color: #f9edda;
}

.has-oldpaper-color {
    color: #f9edda;
}

.has-oldpaper-color.wp-block-button__link {
    color: #f9edda;
}

.has-oldpaper-color.wp-block-button__link:hover {
    color: #f9edda;
}

.has-oldpaper-background-color {
    background-color: #f9edda;
}

.has-oldpaper-color {
    color: #f9edda;
}


.row.teasers {
    justify-content: center;
}