/*violet Barling */

/* Cookie Pop Up */

.cc-revoke,
.cc-window {
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 24px;
}

.cc-btn {
  font-weight: normal;
  text-transform: uppercase;
  font-family: inherit !important;
  font-size: 14px;
  letter-spacing: 1px;
  transition: opacity 0.4s ease;
  text-decoration: none !important;
}

.cc-btn:hover,
.cc-btn:focus {
  opacity: 0.6;
}

.cc-color-override-1020424930 .cc-btn:hover,
.cc-color-override-1020424930 .cc-btn:focus {
  border-color: #f9a240;
}

div.cc-window.cc-floating {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3);
}

div.cc-compliance > a.cc-btn {
  margin-right: 0px;
  margin-top: 0.2em;
}

.cc-allow {
  width: 100%;
  font-size: 17px;
}

.cc-deny {
  font-size: 14px !important;
  text-transform: none !important;
  opacity: 0.6;
  border: none !important;
  padding: 0px 0px !important;
  text-align: left !important;
  margin-top: 20px !important;
  letter-spacing: 0px !important;
  font-weight: 400 !important;
}

.cc-deny:hover {
  opacity: 0.3;
}

.uk-button-text {
  font-weight: 300;
}

::selection {
  background: #00b4d8;
  color: #fff;
}

.link-color-hide .uk-link {
  color: #182864;
}

.link-color-hide a {
  color: #182864;
}

/* ---dividers--- */

.shortDivider {
  width: 130px;
  height: 13px;
  background-image: url("/images/Icons/squiggle-divider-blue.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
}

.longDivider {
  width: 90%;
  height: 15px;
  background-image: url("/images/Icons/long-squiggle-divider-blue.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
}

.longDividerPink {
  width: 90%;
  height: 15px;
  background-image: url("/images/Icons/long-squiggle-divider-pink.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
}

.shortDividerPink {
  width: 130px;
  height: 13px;
  background-image: url("/images/Icons/short-divider.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
}

.short-divider-element {
  margin-bottom: 30px;
}

/* ---footer--- */

.contact-footer {
  padding-left: 45px;
}

.nav-footer {
  padding-left: 12px;
}

.footer-section a {
  color: #182864;
}

.footer-socials .uk-svg {
  color: #00b4d8;
}

.footer-socials .uk-svg:hover {
  opacity: 50%;
}

/* ---background-patterns-home--- */

.hero-section {
  background-image: url("/images/background-pattern/hero-pattern-1.svg"),
    url("/images/background-pattern/hero-pattern-2.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: 15% 11%, 120% 88%;
  background-size: 150px, 511px;
}

.navigation-grid-section {
  background-image: url("/images/background-pattern/grid-pattern-1.svg"),
    url("/images/background-pattern/grid-pattern-2.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: -9% 23%, 116% 72%;
  background-size: 275px, 615px;
}

.quote-section {
  background-image: url("/images/background-pattern/hero-pattern-2.svg");
  background-repeat: no-repeat;
  background-position: top 226px left -172px;
  background-size: 400px;
}

.cta-section {
  background-image: url("/images/background-pattern/footer-pattern-1.svg"),
    url("/images/background-pattern/footer-pattern-2.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: -11% 26%, top -181px right 145px;
  background-size: 300px, 360px;
}

/* ---subpage-and-other-patterns--- */

.pattern-section-one {
  background-image: url("/images/background-pattern/footer-pattern-2.svg");
  background-repeat: no-repeat;
  background-position: 8% 51%;
  background-size: 251px;
}

.pattern-section-two {
  background-image: url("/images/background-pattern/grid-pattern-2.svg");
  background-repeat: no-repeat;
  background-position: 90% 29%;
  background-size: 387px;
}

.pattern-section-three {
  background-image: url("/images/background-pattern/grid-pattern-1-reverse-grey.svg");
  background-repeat: no-repeat;
  background-position: 105% 50%;
  background-size: 219px;
}

.column-img-height .uk-tile {
  min-height: 350px;
  border-radius: 12px;
}

/* ---box-shadow--- rgb(0, 180, 216)*/

/* old box shadow
.navigation-grid .uk-border-rounded {
  box-shadow: -7px 7px 0px 2px #e0a6f0;
  transition: box-shadow 0.3s ease-in-out;
}
.navigation-grid .uk-border-rounded:hover {
  box-shadow: -5px 5px 0px 2px #e0a6f0;
  transition: box-shadow 0.3s ease-in-out;
}
*/

.imageShadow .uk-background-cover {
  box-shadow: -7px 7px 0px 2px #e0a6f0;
}

.imageShadow .uk-border-rounded {
  box-shadow: -7px 7px 0px 2px #e0a6f0;
}

.navigation-grid .uk-border-rounded {
  /* new box shadow */
  box-shadow: -0px 0px 0px 4px #e0a6f0;
  transition: box-shadow 0.3s ease-in-out;
}

.navigation-grid .uk-border-rounded:hover {
  /* new box shadow */
  box-shadow: -0px 0px 0px 6px #e0a6f0;
  transition: box-shadow 0.3s ease-in-out;
}

/* ---Form--- */

.ba-form-submit-btn {
  font-weight: 600 !important;
}

.ba-form-submit-btn:hover {
  text-decoration: none;
}

.ba-form-acceptance-html > p:nth-child(1) {
  color: #182864 !important;
}

.ba-form-acceptance-html > p:nth-child(1) a {
  color: #00b4d8 !important;
}

.ba-form-acceptance-field label.ba-form-checkbox > span {
  background: #edf0f1 !important;
}

.ba-form-acceptance-field
  label.ba-form-checkbox
  input[type="checkbox"]:checked
  + span {
  border: 2px solid #182864 !important;
}

.ba-form-acceptance-field
  label.ba-form-checkbox
  input[type="checkbox"]:checked
  + span {
  background: #182864 !important;
}

.ba-form-submit-btn-wrapper {
  padding-top: 20px;
}

.barlingForm .ba-form-page {
  padding: 0px !important;
}

/*Site Map */

#jmap_sitemap h1 {
  font-size: 36px;
  color: #182864;
  text-transform: capitalize;
}

.treeview span {
  color: #182864 !important;
}

a.hover {
  text-decoration: none !important;
}

.treeview a {
  color: #182864 !important;
  text-transform: capitalize !important;
}

.treeview .hover {
  color: #26244c80 !important;
  text-decoration: none !important;
}

.treeview a.selected {
  background-color: transparent !important;
  text-decoration: none !important;
}

.treeview a.selected {
  font-size: 16px !important;
}

/* update 30/09/2024 */

.hh-blue {
  background-color: #8bb6b7;
}

.text-col-spacing {
  padding-top: 20px;
  padding-bottom: 20px;
  background-size: 100% auto;
}

/* ---responsive-------------------------------------------------------------------------------------------------- */

@media all and (min-width: 1400px) and (max-width: 1600px) {
  .uk-h1 {
    font-size: 80px;
  }

  .hero-section {
    background-position: 8% 11%, 131% 88%;
  }

  .cta-section {
    background-position: -17% 26%, top -199px right 145px;
    background-size: 300px, 316px;
  }

  /* OLD BOX SHADOW
  .imageShadow .uk-background-cover {
    box-shadow: -5px 5px 0px 2px #e0a6f0;
  }

  .navigation-grid .uk-border-rounded {
    box-shadow: -5px 5px 0px 2px #e0a6f0;
  }
  */

  .navigation-grid .uk-border-rounded {
    /* new box shadow */
    box-shadow: -0px 0px 0px 4px #e0a6f0;
  }

  .navigation-grid .uk-border-rounded:hover {
    /* new box shadow */
    box-shadow: -0px 0px 0px 6px #e0a6f0;
  }

  .secondDividerGrid {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
  .uk-h1 {
    font-size: 75px;
  }

  .hero-section {
    background-position: 5% 11%, 134% 88%;
    background-size: 150px, 457px;
  }

  .cta-section {
    background-position: -19% 26%, top -255px right 70px;
  }

  .imageShadow .uk-background-cover {
    box-shadow: -5px 5px 0px 2px #e0a6f0;
  }

  /* OLD BOX SHADOW

  .navigation-grid .uk-border-rounded {
    box-shadow: -5px 5px 0px 2px #e0a6f0;
  }

  .navigation-grid .uk-border-rounded:hover {
    box-shadow: -6px 6px 0px 2px #e0a6f0;
    transition: box-shadow 0.3s ease-in-out;
  }*/

  .navigation-grid .uk-border-rounded {
    /* new box shadow */
    box-shadow: -0px 0px 0px 4px #e0a6f0;
  }

  .navigation-grid .uk-border-rounded:hover {
    /* new box shadow */
    box-shadow: -0px 0px 0px 6px #e0a6f0;
  }

  .secondDividerGrid {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .uk-navbar-item,
  .uk-navbar-nav > li > a,
  .uk-navbar-toggle {
    font-size: 15px;
  }

  .uk-navbar-nav > li > a {
    padding: 0 0px;
  }

  .uk-navbar-nav {
    gap: 41px;
  }
}

@media all and (min-width: 960px) and (max-width: 1199px) {
  .uk-navbar-item,
  .uk-navbar-nav > li > a,
  .uk-navbar-toggle {
    font-size: 14px;
  }

  .uk-navbar-nav > li > a {
    padding: 0 0px;
  }

  .uk-navbar-nav {
    gap: 30px;
  }

  .uk-h1 {
    font-size: 68px;
  }

  .hero-section {
    background-position: -13% 11%, 178% 212%;
  }

  .navigation-grid-section {
    background-position: -13% 20%, 138% 73%;
    background-size: 210px, 454px;
  }

  .quote-section {
    background-position: top 250px left -172px;
    background-size: 350px;
  }

  .cta-section {
    background-position: -26% 26%, top -256px right 43px;
  }

  .longDivider {
    width: 90%;
  }

  .shortDivider {
    width: 100px;
  }

  .uk-h3 {
    font-size: 24px;
  }

  .imageShadow .uk-background-cover {
    box-shadow: -4px 4px 0px 2px #e0a6f0;
  }

  .text-col-spacing {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  /* OLD BOX SHADOW

  .navigation-grid .uk-border-rounded {
    box-shadow: -4px 4px 0px 2px #e0a6f0;
  }
  .navigation-grid .uk-border-rounded:hover {
    box-shadow: -5px 5px 0px 2px #e0a6f0;
    transition: box-shadow 0.3s ease-in-out;
  } */

  .navigation-grid .uk-border-rounded {
    /* new box shadow */
    box-shadow: -0px 0px 0px 4px #e0a6f0;
  }

  .navigation-grid .uk-border-rounded:hover {
    /* new box shadow */
    box-shadow: -0px 0px 0px 6px #e0a6f0;
    transition: box-shadow 0.3s ease-in-out;
  }

  .secondDividerGrid {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .responsiveHeightOne .uk-tile {
    background-position: right;
  }
}

@media all and (min-width: 640px) and (max-width: 959px) {
  .uk-h1 {
    font-size: 44px;
  }

  .pattern-section-two {
    background-position: 127% 60%;
    background-size: 291px;
  }

  .uk-h3 {
    font-size: 24px;
  }

  .hero-section .uk-text-lead {
    font-size: 18px;
  }

  .short-divider-element {
    margin-bottom: 20px;
  }

  .hero-section {
    background-position: 3% 1%, 177% 144%;
    background-size: 110px, 341px;
  }

  .navigation-grid-section {
    background-position: -13% 14%, 164% 82%;
    background-size: 174px, 365px;
  }

  .shortDivider {
    width: 100px;
  }

  .cta-section {
    background-position: -63% 18%, top -290px right 6px;
  }

  .pattern-section-one {
    background-position: -24% 58%;
  }
  .imageShadow .uk-background-cover {
    box-shadow: -4px 4px 0px 2px #e0a6f0;
  }

  /* old box shadow 

  .navigation-grid .uk-border-rounded {
    box-shadow: -4px 4px 0px 2px #e0a6f0;
  }
  .navigation-grid .uk-border-rounded:hover {
    box-shadow: -4px 4px 0px 2px #e0a6f0;
  }
  
  */
  .navigation-grid .uk-border-rounded {
    /* new box shadow */
    box-shadow: -0px 0px 0px 4px #e0a6f0;
  }

  .navigation-grid .uk-border-rounded:hover {
    /* new box shadow */
    box-shadow: -0px 0px 0px 4px #e0a6f0;
  }

  .secondDividerGrid {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .responsiveHeightOne .uk-tile {
    min-height: 450px;
  }

  .text-col-spacing {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .hide-sm-m {
    display: none;
  }
}

@media (max-width: 639px) {
  .responsiveHeightOne .uk-tile {
    min-height: 290px;
    background-position: right;
  }

  .responsiveHeightTwo .uk-tile {
    min-height: 200px;
  }

  .responsiveHeightThree .uk-tile {
    min-height: 200px;
  }

  .pattern-section-one {
    background-position: -37% 53%;
    background-size: 195px;
  }

  .pattern-section-two {
    background-position: -57% 76%;
    background-size: 316px;
  }

  .pattern-section-three {
    background-position: 135% 81%;
    background-size: 219px;
  }

  .hero-section .uk-text-lead {
    font-size: 18px;
  }

  .uk-h1 {
    font-size: 38px;
  }

  .uk-h3 {
    font-size: 24px;
  }

  .short-divider-element {
    margin-bottom: 20px;
  }

  .hero-section {
    background-position: 8% 3%, 143% 100%;
    background-size: 81px, 173px;
  }

  .navigation-grid-section {
    background-position: -26% 23%, 116% 72%;
    background-size: 204px, 615px;
  }

  .uk-h2 {
    font-size: 24.25px;
  }

  .uk-accordion .el-title {
    font-size: 18px;
  }

  .cta-section {
    background-position: -102% 26%, top -181px right -69px;
    background-size: 194px, 251px;
  }

  .quote-section {
    background-position: top 144px left -172px;
  }

  .uk-subnav .el-item {
    padding-left: 31px;
  }

  .uk-subnav {
    margin-left: -30px;
  }

  .contact-footer {
    padding-left: 0px;
    display: block;
  }

  .ShortDividerResponsive {
    width: 70%;
    height: 5vh;
  }

  .imageShadow .uk-background-cover {
    box-shadow: -3px 3px 0px 2px #e0a6f0;
  }

  /* OLD BOX SHADOW 

  .navigation-grid .uk-border-rounded {
    box-shadow: -3px 3px 0px 2px #e0a6f0;
  }
  .navigation-grid .uk-border-rounded:hover {
    box-shadow: -3px 3px 0px 2px #e0a6f0;
  }
  
  */

  .navigation-grid .uk-border-rounded {
    /* new box shadow */
    box-shadow: -0px 0px 0px 4px #e0a6f0;
  }

  .navigation-grid .uk-border-rounded:hover {
    /* new box shadow */
    box-shadow: -0px 0px 0px 4px #e0a6f0;
  }

  .text-col-spacing {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .hide-sm-m {
    display: none;
  }
}