@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

/*
Theme Name: md
Theme URI: https://md.catapult.org.uk
Author: C21 Creative Communications
Author URI: https://c-21.co.uk
Description: The md theme for WordPress. 
Version: 1.00

Tags: md
*/

/*
z-index's

-1
.hexBackground_PurpleLeft::before
.hexBackground_PurpleRight::before
.hexBackground_NavyLeft::before
.hexBackground_NavyRight::before
.hexBackground_CobaltLeft::before
.hexBackground_CobaltRight::before
.hexBackground_SkyLeft::before
.hexBackground_SkyRight::before
.hexBackground_TealLeft::before
.hexBackground_TealRight::before
.hexBackground_AquaLeft::before
.hexBackground_AquaRight::before
.hexBackground_VioletLeft::before
.hexBackground_VioletRight::before
.hexBackground_PinkLeft::before
.hexBackground_PinkRight::before
.hexBackground_GreyLeft::before
.hexBackground_GreyRight::before
.hexBackground_WhiteLeft::before
.hexBackground_WhiteRight::before

0
.hexBackground_PurpleLeft
.hexBackground_PurpleRight
.hexBackground_NavyLeft
.hexBackground_NavyRight
.hexBackground_CobaltLeft
.hexBackground_CobaltRight
.hexBackground_SkyLeft
.hexBackground_SkyRight
.hexBackground_TealLeft
.hexBackground_TealRight
.hexBackground_AquaLeft
.hexBackground_AquaRight
.hexBackground_VioletLeft
.hexBackground_VioletRight
.hexBackground_PinkLeft
.hexBackground_PinkRight
.hexBackground_GreyLeft
.hexBackground_GreyRight
.hexBackground_WhiteLeft
.hexBackground_WhiteRight

1
.triangleLeft::before
.triangleRight::before
.chevronLeft::before
.chevronRight::before
.hexTopSVGHolder svg
.hexTopSVGHolder img
.hexBottomSVGHolder svg
.hexBottomSVGHolder img
.tabletContent
.popupTestimonialImpactImageHolder

2
tabletFrame
buttonSlideOutMenu

3
.overlay
.sideMenu

4
header

*/

/*gsap, remove faint 1px line from bottom of animation sections*/
.pin-spacer
{
  margin-bottom:-1px!important;
}


img.imageStretch
{
  width:100%;
}

video.videoStretch
{
  width:100%;
}

video
{
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  margin-bottom:5px;
}

.imageGrowth
{
  overflow:hidden;
}
.imageGrowth img:first-child
{
  transition: all 3.0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.imageGrowth img:first-child:hover
{
  -ms-transform: scale(1.10); /* IE 9 */
  -webkit-transform: scale(1.10); /* Safari */
  transform:scale(1.10);
}

p img,
.wp-caption,
img.size-thumbnail,
img.size-medium,
img.size-large,
img.size-full
{
  max-width:100%;
  height:auto;
  margin-bottom:5px;
}


.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a
{
  color:inherit;
  text-decoration:none; /*bootstrap 5 defaults to underline*/
  outline:none; /*remove outline on image links, looks nicer.  If its needed for accessibility we can put it back in later*/
  
  cursor:pointer; /*for when <a doesn't have href, ie onclick="javascript*/
}

p a:hover
{
  color:inherit;
  /*text-decoration:none;*/
  outline:none; 
}

a:focus
{
  text-decoration:none;
  outline:none; 
}

h1, h2, h3, h4, h5, h6
{
  padding:0px;
  margin:0px;

  transition: all .5s ease;
}

h1, h2, h3
{
  line-height:1.125;
}

.bannerTriangle p
{
  font-size:110%;
  line-height:130%;
}
.textLarge
{
  font-size:130%;
}

p
{
  padding:0px;
  margin:0px;

  line-height:130%;
  letter-spacing:-0.1px;
  padding-bottom:30px;
}

p + .buttonLarge
{
  margin-top:10px;
}

p a
{
  text-decoration:underline;
}

small,
.small
{
  display:inline-block;
  line-height:150%;
}

ul
{
  margin-bottom:30px;
}
ul li
{
  margin-bottom:10px;
}

ul li a
{
  text-decoration:underline;
}
footer ul li a,
.sideMenu ul li a
{
  text-decoration:none;
}

blockquote {
  border-left:5px solid #eee;
  font-size:20px;
  margin:0 0 22px;
  padding:11px 22px
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom:0
}
blockquote .small,
blockquote footer,
blockquote small {
  color:#777;
  display:block;
  font-size:80%;
  line-height:1.42857
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content:"\2014   \A0"
}
.blockquote-reverse,
blockquote.pull-right {
  border-left:0;
  border-right:5px solid #eee;
  padding-left:0;
  padding-right:15px;
  text-align:right
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
  content:""
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
  content:"\A0   \2014"
}

.container
{
  transition:all 0.15s;
}

body
{
  overflow-x:hidden;
}

/* Style adjustments for viewports 320px and over go here, anything smaller than 320 treat it as 320 */
@media all and (min-width: 0px)
{
  html, body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:400;
    font-style:normal;
    font-size:20px;
    /*color:#201F41;*/
    color:#444444;
    /*background-color:#201F41;*/

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    scrollbar-color:#2E2E2E #757575;
  }

  h1
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:35px;

    margin-bottom:30px;
  }

  .heading
  {
    background-image:url("images/HEX_heading.png");
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100% 100%;

    min-height:210px;
    color:white;
    padding-top:7%;
  }
  .heading h1
  {
    font-size:22px;
    padding-left:17%;
    padding-right:17%;
  }

  h2
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:35px;

    margin-bottom:30px;
  }

  h3
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:700;
    font-style:normal;
    font-size:24px;

    margin-bottom:20px;
  }

  h4
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:600;
    font-style:normal;
    font-size:24px;

    margin-bottom:20px;
  }

  h5
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:600;
    font-style:normal;
    font-size:20px;

    margin-bottom:15px;
  }

  h6
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size:18px;

    margin-bottom:15px;
  }

  .triangleLeft
  {
    position:relative;
  }
  .triangleLeft::before
  {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    
    width:100%;
    height:100%;

    z-index:1;

    background-position:center top -1px;
    background-repeat:no-repeat;
    background-size:102% auto;
  }

  .triangleLeftHome::before
  {
    background-image:url("images/triangleDownHome.svg");
  }

  .triangleLeftPurple::before
  {
    background-image:url("images/triangleDownPurple.svg");
  }
  .triangleLeftNavy::before
  {
    background-image:url("images/triangleDownNavy.svg");
  }
  .triangleLeftCobalt::before
  {
    background-image:url("images/triangleDownCobalt.svg");
  }
  .triangleLeftSky::before
  {
    background-image:url("images/triangleDownSky.svg");
  }
  .triangleLeftTeal::before
  {
    background-image:url("images/triangleDownTeal.svg");
  }
  .triangleLeftAqua::before
  {
    background-image:url("images/triangleDownAqua.svg");
  }
  .triangleLeftViolet::before
  {
    background-image:url("images/triangleDownViolet.svg");
  }
  .triangleLeftPink::before
  {
    background-image:url("images/triangleDownPink.svg");
  }
  .triangleLeftGrey::before
  {
    background-image:url("images/triangleDownGrey.svg");
  }
  .triangleLeftWhite::before
  {
    background-image:url("images/triangleDownWhite.svg");
  }

  .triangleRight
  {
    position:relative;
  }
  .triangleRight::before
  {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    
    width:100%;
    height:100%;

    z-index:1;

    background-position:center top -1px;
    background-repeat:no-repeat;
    background-size:102% auto;
  }

  .triangleRightHome::before
  {
    background-image:url("images/triangleDownHome.svg");
  }

  .triangleRightPurple::before
  {
    background-image:url("images/triangleDownPurple.svg");
  }
  .triangleRightNavy::before
  {
    background-image:url("images/triangleDownNavy.svg");
  }
  .triangleRightCobalt::before
  {
    background-image:url("images/triangleDownCobalt.svg");
  }
  .triangleRightSky::before
  {
    background-image:url("images/triangleDownSky.svg");
  }
  .triangleRightTeal::before
  {
    background-image:url("images/triangleDownTeal.svg");
  }
  .triangleRightAqua::before
  {
    background-image:url("images/triangleDownAqua.svg");
  }
  .triangleRightViolet::before
  {
    background-image:url("images/triangleDownViolet.svg");
  }
  .triangleRightPink::before
  {
    background-image:url("images/triangleDownPink.svg");
  }
  .triangleRightGrey::before
  {
    background-image:url("images/triangleDownGrey.svg");
  }
  .triangleRightWhite::before
  {
    background-image:url("images/triangleDownWhite.svg");
  }

  .chevronLeft
  {
    position:relative;
  }
  .chevronLeft::before
  {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    
    width:100%;
    height:100%;

    z-index:1;

    background-position:center top -1px;
    background-repeat:no-repeat;
    background-size:102% auto;
  }

  .chevronRight
  {
    position:relative;
  }
  .chevronRight::before
  {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    
    width:100%;
    height:100%;

    z-index:1;

    background-position:center top -1px;
    background-repeat:no-repeat;
    background-size:102% auto;
  }

  .chevronLeftPurple::before
  {
    background-image:url("images/chevronTopPurple.svg");
  }
  .chevronLeftNavy::before
  {
    background-image:url("images/chevronTopNavy.svg");
  }
  .chevronLeftCobalt::before
  {
    background-image:url("images/chevronTopCobalt.svg");
  }
  .chevronLeftSky::before
  {
    background-image:url("images/chevronTopSky.svg");
  }
  .chevronLeftTeal::before
  {
    background-image:url("images/chevronTopTeal.svg");
  }
  .chevronLeftAqua::before
  {
    background-image:url("images/chevronTopAqua.svg");
  }
  .chevronLeftViolet::before
  {
    background-image:url("images/chevronTopViolet.svg");
  }
  .chevronLeftPink::before
  {
    background-image:url("images/chevronTopPink.svg");
  }
  .chevronLeftGrey::before
  {
    background-image:url("images/chevronTopGrey.svg");
  }
  .chevronLeftWhite::before
  {
    background-image:url("images/chevronTopWhite.svg");
  }

  .chevronRightPurple::before
  {
    background-image:url("images/chevronTopPurple.svg");
  }
  .chevronRightNavy::before
  {
    background-image:url("images/chevronTopNavy.svg");
  }
  .chevronRightCobalt::before
  {
    background-image:url("images/chevronTopCobalt.svg");
  }
  .chevronRightSky::before
  {
    background-image:url("images/chevronTopSky.svg");
  }
  .chevronRightTeal::before
  {
    background-image:url("images/chevronTopTeal.svg");
  }
  .chevronRightAqua::before
  {
    background-image:url("images/chevronTopAqua.svg");
  }
  .chevronRightViolet::before
  {
    background-image:url("images/chevronTopViolet.svg");
  }
  .chevronRightPink::before
  {
    background-image:url("images/chevronTopPink.svg");
  }
  .chevronRightGrey::before
  {
    background-image:url("images/chevronTopGrey.svg");
  }
  .chevronRightWhite::before
  {
    background-image:url("images/chevronTopWhite.svg");
  }

  .header
  {
    padding-top:13px;
    padding-bottom:13px;
    padding-left:20px;
    padding-right:20px;
  }

  .logoHeader
  {
    display:block;
    width:100%;
    max-width:120px;
  }

  .breadcrumbHolder
  {
    display:none;
  }

  /*default 1 column*/
  .grid-item
  {
    width:100%;
  }

  /* 4 columns */
  .grid-item--col4
  {
    width:50%;
  }

  /* 6 columns */
  .grid-item--col6
  {
    width:50%;
  }

  /* 12 columns */
  .grid-item--col12
  {
    width:50%;
  }
  
  .grid-item img
  {
    width:100%;
  }

  .buttonSmall
  {
    display:block;

    padding-top:7px;
    padding-bottom:7px;
    padding-left:30px;
    padding-right:30px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-size:16px;
    font-weight:normal;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonMedium
  {
    display:block;

    padding-top:11px;
    padding-bottom:11px;
    padding-left:30px;
    padding-right:30px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-size:19px;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonLarge
  {
    display:block;

    padding-top:14px;
    padding-bottom:14px;
    padding-left:0px;
    padding-right:0px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-size:19px;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }

  .parallax-window
  {
    min-height:300px;
    /*min-height:100vw;*/
    background:transparent;
  }

  .footer
  {
    font-size:16px;
    padding-top:30px;
    padding-bottom:30px;

    line-height:1.375;
  }

  .footerLinkDropdown .footerLinks
  {
    display:none;
    column-count:1;
  }
}


/*iPhone 6 or iPhone 5 sideways*/
@media all and (min-width: 375px)
{

}

@media all and (min-width: 576px)
{
  .footerLinkDropdown .footerLinks
  {
    display:none;
    column-count:2;
  }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
  html, body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:400;
    font-style:normal;
    font-size:17px;
    /*color:#201F41;*/
    color:#444444;
    /*background-color:#201F41;*/

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    scrollbar-color:#2E2E2E #757575;
  }

  h1
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:37px;

    margin-bottom:40px;
  }

  .heading
  {
    background-image:url("images/HEX_heading.png");
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100% 100%;

    min-height:290px;
    color:white;
    padding-top:6%;
  }
  .heading h1
  {
    font-size:35px;
    padding-left:18%;
    padding-right:18%;
  }

  h2
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:36px;

    margin-bottom:40px;
  }

  h3
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size:35px;

    margin-bottom:20px;
  }

  h4
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:600;
    font-style:normal;
    font-size:30px;

    margin-bottom:20px;
  }

  h5
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:600;
    font-style:normal;
    font-size:22px;

    margin-bottom:15px;
  }

  h6
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size:18px;

    margin-bottom:15px;
  }

  .triangleLeft
  {
    position:relative;
  }
  .triangleLeft::before
  {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    
    width:100%;
    height:100%;

    z-index:1;

    background-position:right -1px center;
    background-repeat:no-repeat;
    background-size:auto 102%;
  }

  .triangleLeftHome::before
  {
    background-image:url("images/triangleLeftHome.svg");
  }

  .triangleLeftPurple::before
  {
    background-image:url("images/triangleLeftPurple.svg");
  }
  .triangleLeftNavy::before
  {
    background-image:url("images/triangleLeftNavy.svg");
  }
  .triangleLeftCobalt::before
  {
    background-image:url("images/triangleLeftCobalt.svg");
  }
  .triangleLeftSky::before
  {
    background-image:url("images/triangleLeftSky.svg");
  }
  .triangleLeftTeal::before
  {
    background-image:url("images/triangleLeftTeal.svg");
  }
  .triangleLeftAqua::before
  {
    background-image:url("images/triangleLeftAqua.svg");
  }
  .triangleLeftViolet::before
  {
    background-image:url("images/triangleLeftViolet.svg");
  }
  .triangleLeftPink::before
  {
    background-image:url("images/triangleLeftPink.svg");
  }
  .triangleLeftGrey::before
  {
    background-image:url("images/triangleLeftGrey.svg");
  }
  .triangleLeftWhite::before
  {
    background-image:url("images/triangleLeftWhite.svg");
  }

  .triangleRight
  {
    position:relative;
  }
  .triangleRight::before
  {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    
    width:100%;
    height:100%;

    z-index:1;

    background-position:left -1px center;
    background-repeat:no-repeat;
    background-size:auto 102%;
  }

  .triangleRightHome::before
  {
    background-image:url("images/triangleRightHome.svg");
  }

  .triangleRightPurple::before
  {
    background-image:url("images/triangleRightPurple.svg");
  }
  .triangleRightNavy::before
  {
    background-image:url("images/triangleRightNavy.svg");
  }
  .triangleRightCobalt::before
  {
    background-image:url("images/triangleRightCobalt.svg");
  }
  .triangleRightSky::before
  {
    background-image:url("images/triangleRightSky.svg");
  }
  .triangleRightTeal::before
  {
    background-image:url("images/triangleRightTeal.svg");
  }
  .triangleRightAqua::before
  {
    background-image:url("images/triangleRightAqua.svg");
  }
  .triangleRightViolet::before
  {
    background-image:url("images/triangleRightViolet.svg");
  }
  .triangleRightPink::before
  {
    background-image:url("images/triangleRightPink.svg");
  }
  .triangleRightGrey::before
  {
    background-image:url("images/triangleRightGrey.svg");
  }
  .triangleRightWhite::before
  {
    background-image:url("images/triangleRightWhite.svg");
  }

  .header
  {
    padding-top:25px;
    padding-bottom:25px;
    padding-left:20px;
    padding-right:20px;
  }
  .logoHeader
  {
    display:block;
    width:100%;
    max-width:150px;
  }

  .breadcrumbHolder
  {
    display:block;
    background-color:rgba(0, 0, 0, 0.025);
    /*
    position:absolute;
    width:100%;
    z-index:1;
    */
  }

  .dotPattern_Purple
  {
    background-image:url("images/dotPattern_Purple.png");
    background-repeat:repeat;
    background-size:cover;
    overflow:hidden;
    position:relative;
    
    background-color:rgba(255, 255, 255, 0.78);
    background-blend-mode:lighten;
  }
  .dotPattern_Sky
  {
    background-image:url("images/dotPattern_Sky.png");
    background-repeat:repeat;
    background-size:cover;
    background-color:white;
    overflow:hidden;
    position:relative;
  }
  .dotPattern_White
  {
    background-image:url("images/dotPattern_White.png");
    background-repeat:repeat;
    background-size:cover;
    background-color:white;
    overflow:hidden;
    position:relative;
  }

  .hexEdge_PinkLeft
  {
    background-image:url("images/HEX_Pink.svg");
    background-size:625px auto;
    background-repeat:no-repeat;
    background-position:left -250px center;
  }

  .hexEdge_PinkRight
  {
    background-image:url("images/HEX_Pink.svg");
    background-size:625px auto;
    background-repeat:no-repeat;
    background-position:right -250px center;
  }

  .hexEdge_DotPatternWhiteLeft
  {
    background-image:url("images/HEX_DotPatternWhite.svg");
    background-size:auto 95%;
    background-repeat:no-repeat;
    background-position:left -300px center;
  }
  .hexEdge_DotPatternWhiteRight
  {
    background-image:url("images/HEX_DotPatternWhite.svg");
    background-size:auto 95%;
    background-repeat:no-repeat;
    background-position:right -300px center;
  }

  /*default 2 columns*/
  .grid-item
  {
    width:50.00%;
  }

  /* 4 columns */
  .grid-item--col4
  {
    width:33.33%;
  }

  /* 6 columns */
  .grid-item--col6
  {
    width:50%;
  }

  /* 12 columns */
  .grid-item--col12
  {
    width:100%;
  }
  
  .grid-item img
  {
    width:100%;
  }

  .buttonSmall
  {
    display:inline-block;

    padding-top:7px;
    padding-bottom:7px;
    padding-left:30px;
    padding-right:30px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:25px;

    font-size:16px;
    font-weight:normal;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonMedium
  {
    display:inline-block;

    padding-top:11px;
    padding-bottom:11px;
    padding-left:30px;
    padding-right:30px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:25px;

    font-size:20px;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonLarge
  {
    display:inline-block;

    padding-top:14px;
    padding-bottom:14px;
    padding-left:36px;
    padding-right:36px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:25px;

    font-size:20px;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }

  .parallax-window
  {
    min-height:400px;
    background:transparent;
  }

  .footer
  {
    font-size:16px;
    padding-top:60px;
    padding-bottom:60px;

    line-height:1.375;
  }

  .footerLinkDropdown .footerLinks
  {
    display:none;
    column-count:2;
  }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
  html, body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:400;
    font-style:normal;
    font-size:17px;
    /*color:#201F41;*/
    color:#444444;
    /*background-color:#201F41;*/

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    scrollbar-color:#2E2E2E #757575;
  }

  h1
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:44px;

    margin-bottom:40px;
  }

  .heading
  {
    background-image:url("images/HEX_heading.png");
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100% 100%;

    min-height:400px;
    color:white;
    padding-top:6%;
  }
  .heading h1
  {
    font-size:42px;
    padding-left:19%;
    padding-right:19%;
  }

  h2
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:43px;

    margin-bottom:40px;
  }

  h3
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size:36px;

    margin-bottom:20px;
  }

  h4
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:600;
    font-style:normal;
    font-size:30px;

    margin-bottom:20px;
  }

  h5
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:600;
    font-style:normal;
    font-size:22px;

    margin-bottom:15px;
  }

  h6
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size:15px;

    margin-bottom:15px;
  }

  .chevronLeft
  {
    position:relative;
  }
  .chevronLeft::before
  {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    
    width:100%;
    height:100%;

    z-index:1;

    background-position:left center;
    background-repeat:no-repeat;
    background-size:auto 102%;
  }

  .chevronRight
  {
    position:relative;
  }
  .chevronRight::before
  {
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    
    width:100%;
    height:100%;

    z-index:1;

    background-position:right -1px center;
    background-repeat:no-repeat;
    background-size:auto 102%;
  }
  
  .chevronLeftPurple::before
  {
    background-image:url("images/chevronLeftPurple.svg");
  }
  .chevronLeftNavy::before
  {
    background-image:url("images/chevronLeftNavy.svg");
  }
  .chevronLeftCobalt::before
  {
    background-image:url("images/chevronLeftCobalt.svg");
  }
  .chevronLeftSky::before
  {
    background-image:url("images/chevronLeftSky.svg");
  }
  .chevronLeftTeal::before
  {
    background-image:url("images/chevronLeftTeal.svg");
  }
  .chevronLeftAqua::before
  {
    background-image:url("images/chevronLeftAqua.svg");
  }
  .chevronLeftViolet::before
  {
    background-image:url("images/chevronLeftViolet.svg");
  }
  .chevronLeftPink::before
  {
    background-image:url("images/chevronLeftPink.svg");
  }
  .chevronLeftGrey::before
  {
    background-image:url("images/chevronLeftGrey.svg");
  }
  .chevronLeftWhite::before
  {
    background-image:url("images/chevronLeftWhite.svg");
  }

  .chevronRightPurple::before
  {
    background-image:url("images/chevronRightPurple.svg");
  }
  .chevronRightNavy::before
  {
    background-image:url("images/chevronRightNavy.svg");
  }
  .chevronRightCobalt::before
  {
    background-image:url("images/chevronRightCobalt.svg");
  }
  .chevronRightSky::before
  {
    background-image:url("images/chevronRightSky.svg");
  }
  .chevronRightTeal::before
  {
    background-image:url("images/chevronRightTeal.svg");
  }
  .chevronRightAqua::before
  {
    background-image:url("images/chevronRightAqua.svg");
  }
  .chevronRightViolet::before
  {
    background-image:url("images/chevronRightViolet.svg");
  }
  .chevronRightPink::before
  {
    background-image:url("images/chevronRightPink.svg");
  }
  .chevronRightGrey::before
  {
    background-image:url("images/chevronRightGrey.svg");
  }
  .chevronRightWhite::before
  {
    background-image:url("images/chevronRightWhite.svg");
  }

  .header
  {
    padding-top:27px;
    padding-bottom:27px;
    padding-left:15px;
    padding-right:0px;
  }
  .logoHeader
  {
    display:block;
    width:100%;
    max-width:140px;
  }

  .breadcrumbHolder
  {
    display:block;
    background-color:rgba(0, 0, 0, 0.025);
    /*
    position:absolute;
    width:100%;
    z-index:1;
    */
  }

  /*default 4 columns*/
  .grid-item
  {
    width:25%;
  }

  /* 4 columns */
  .grid-item--col4
  {
    width:33.33%;
  }

  /* 6 columns */
  .grid-item--col6
  {
    width:50%;
  }

  /* 12 columns */
  .grid-item--col12
  {
    width:100%;
  }
  
  .grid-item img
  {
    width:100%;
  }
  
  .parallax-window
  {
    min-height:450px;
    background:transparent;
  }

  .footer
  {
    font-size:16px;
    padding-top:80px;
    padding-bottom:50px;

    line-height:1.375;
  }

  .footerLinkDropdown .footerLinks
  {
    display:none;
    column-count:3;
  }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
  html, body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:400;
    font-style:normal;
    font-size:17px;
    /*color:#201F41;*/
    color:#444444;
    /*background-color:#201F41;*/

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    scrollbar-color:#2E2E2E #757575;
  }

  h1
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:50px;

    margin-bottom:40px;
  }

  .heading h1
  {
    font-size:54px;
    padding-left:18%;
    padding-right:18%;
  }

  h2
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:50px;

    margin-bottom:40px;
  }

  h3
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size:36px;

    margin-bottom:20px;
  }

  h4
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:600;
    font-style:normal;
    font-size:30px;

    margin-bottom:20px;
  }

  h5
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:600;
    font-style:normal;
    font-size:22px;

    margin-bottom:15px;
  }

  h6
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size:15px;

    margin-bottom:15px;
  }

  .header
  {
    padding-top:27px;
    padding-bottom:27px;
    padding-left:27px;
    padding-right:27px;
  }

  .footerLinkDropdown .footerLinks
  {
    display:none;
    column-count:1;
  }
}

@media (min-width: 1300px)
{
  
}


@media (min-width: 1400px)
{
  html, body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:400;
    font-style:normal;
    font-size:18px;
    /*color:#201F41;*/
    color:#444444;
    /*background-color:#201F41;*/

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    scrollbar-color:#2E2E2E #757575;
  }

  h1
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:51px;

    margin-bottom:40px;
  }

  .heading h1
  {
    font-size:54px;
    padding-left:18%;
    padding-right:18%;
  }

  h2
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:50px;

    margin-bottom:40px;
  }

  h6
  {
    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:800;
    font-style:normal;
    font-size:17px;

    margin-bottom:15px;
  }
}


@media (min-width: 1600px)
{
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl
  {
    max-width:1430px;
  }

  html, body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:400;
    font-style:normal;
    font-size:19px;
    /*color:#201F41;*/
    color:#444444;
    /*background-color:#201F41;*/

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    scrollbar-color:#2E2E2E #757575;
  }
}


@media (min-width: 1900px)
{
  /*
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl
  {
    max-width:1670px;
  }
  */

  html, body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:400;
    font-style:normal;
    font-size:20px;
    /*color:#201F41;*/
    color:#444444;
    /*background-color:#201F41;*/

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    scrollbar-color:#2E2E2E #757575;
  }

  h1
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:52px;

    margin-bottom:40px;
  }

  .heading h1
  {
    font-size:54px;
    padding-left:18%;
    padding-right:18%;
  }

  h2
  {
    font-family:"DM Serif Display", serif;
    font-weight:400;
    font-style:normal;
    font-size:53px;

    margin-bottom:40px;
  }

  .dotPattern_Purple,
  .dotPattern_Sky,
  .dotPattern_White
  {
    /*background-size:cover;*/
  }
}


.panelBg
{
  height:100%;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}



/*
* - slick slider -
*/
.slick-arrow
{
  cursor:pointer;
  font-size:50px;
  transition:all 0.4s;
  padding-left:5px;
  padding-right:5px;
  /*color:black;*/
}
.slick-arrow:hover
{
  opacity:0.75;
}

.slick-dots
{
  /*bottom:-50px!important;*/
  /*left:0px!important;*/
}





.sliderBanners.slick-dotted.slick-slider
{
  margin-bottom:0px!important;
}

.sliderBanners .slick-dots
{
  left:20px;
  text-align:left;
  width:auto;
  bottom:5%;
}
.sliderBanners .slick-track
{
  display:flex!important;
}
.sliderBanners .slick-slide
{
  height:inherit!important;
}
.sliderBanners .slick-slide > div
{
  height:100%;
}



.slick-dots li
{
  margin-left:1px!important;
  margin-right:1px!important;
}
.slick-dots li::before
{
  content:none;
}
.slick-dots li button::before 
{
  font-size:15px!important;
  color:#542683!important;
  filter:drop-shadow(0 0 2px rgba(255, 255, 255, 1.0) );
}


.slick-prev1
{
  display:inline-block;
  /*
  position:absolute;
  top:50%;
  left:15px;
  */
}
.slick-next1
{
  display:inline-block;
  /*
  position:absolute;
  top:50%;
  right:15px;
  */
}


.sliderTabsDropdown
{
  margin-bottom:30px;
}

.sliderTabs
{
  margin-bottom:15px;
}

.sliderTab
{
  display:inline-block;
  text-align:center;
  font-weight:800;
  padding-bottom:15px;
  margin-right:38px;
  border-bottom:4px solid transparent;
}

.sliderTab.active
{
  color:#BF0071;
  font-weight:800;
  border-bottom:4px solid rgba(191, 0, 113, 1.0);
}


@media (min-width: 768px)
{
  .container-margin-override-left
  {
    margin-left: 10% !important;
  }

  .container-margin-override-right
  {
    margin-right: 10% !important;
  }
}

.container-margin-left
{
  margin-left: 15px;
}

.container-margin-right
{
  margin-right: 15px;
}

@media (min-width: 576px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 540px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 540px - 15px) / 2) + 15px);
  }
}

@media (min-width: 768px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 720px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 720px - 15px) / 2) + 15px);
  }
}

@media (min-width: 992px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 960px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 960px - 15px) / 2) + 15px);
  }
}

@media (min-width: 1200px)
{
  .container-margin-left {
    margin-left: calc(((100vw - 1140px - 15px) / 2) + 15px);
  }

  .container-margin-right {
    margin-right: calc(((100vw - 1140px - 15px) / 2) + 15px);
  }
}

@media (min-width: 1400px)
{
  .container-margin-left {
    margin-left: calc(((100vw - 1320px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 1320px - 15px) / 2) + 15px);
  }
}

@media (min-width: 1600px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 1430px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 1430px - 15px) / 2) + 15px);
  }
}
/*
@media (min-width: 1900px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 1670px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 1670px) / 2) + 15px);
  }
}
*/


.buttonSlideOutMenu
{
  font-size:14px;
  line-height:18px;
  font-weight:600;
  color:white;
  width:100px;

  position:fixed;
  left:0px;
  top:135px;
  z-index:2;
  
  background-image:url("images/HEX_Pink.svg");
  background-repeat:no-repeat;
  background-size:auto 100%;
  background-position:center right;
  
  padding-top:15px;
  padding-bottom:15px;
  padding-left:10px;
  padding-right:15px;

  cursor:pointer;

  /*box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);*/
  filter: drop-shadow(0 0 0.25rem rgba(33, 33, 33, 0.4) );
}
.buttonSlideOutMenu .arrow
{
  font-size:150%;
  
  display:inline-block;
  margin-top:14px;
}

.pagination
{
  margin-bottom:30px;
}
.page-numbers
{
  display:inline-block;

  font-size:1.2em;
  text-align:center;

  margin-left:7px;
  margin-right:7px;
  margin-bottom:10px;
}

.pagination .prev,
.pagination .next
{
  font-family:"DM Serif Display", serif;
  font-weight:400;
  font-style:normal;
  font-size:1.0em;
  line-height:1.0;
  color:#201F41;
}

.pagination .prev
{
  text-align:left;
  float:left;
}
.pagination .next
{
  text-align:right;
  float:right;
}

.page-numbers.current
{
  text-decoration:underline;
}



.rank-math-breadcrumb
{
  font-size:70%;
  padding-top:11px;
  padding-bottom:11px;
}
.rank-math-breadcrumb p
{
  /*padding-bottom:15px;*/
  padding-bottom:0px;
  line-height:175%!important;
}

.rank-math-breadcrumb p a
{
  text-decoration:none;
  font-weight:normal;
}

.rank-math-breadcrumb .separator
{
  padding-left:13px;
  padding-right:13px;
}
.rank-math-breadcrumb .last
{
  font-weight:800;
  display:inline-block;
}


.tile
{
  border-radius:20px;
  overflow:hidden;
  /*padding:30px;*/
  margin-bottom:30px;
  box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
}

.tileCaseStudy
{
  border-radius:20px;
  /*border-bottom-right-radius:0px;*/
  overflow:hidden;
  padding:25px;
  margin-bottom:30px;
  box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
}

.tags
{
  margin-bottom:25px;
}
.tag
{
  display:inline-block;
  font-size:95%;
  margin-right:18px;
  margin-bottom:9px;

  padding:3px 9px;
  border-radius:6px 6px 6px 6px;
  transition:all 0.3s ease-out;
}
.date
{
  font-size:90%;
  margin-bottom:10px;
}

.tileCaseStudy .row > [class*='col']:first-child
{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}


img.hexCaseStudy
{
  clip-path:polygon(25% 0%, 100% 0, 100% 50%, 100% 100%, 25% 100%, 0% 50%);
  object-fit:cover;
}
.hexCaseStudyHolder
{
  filter:url(#round);
  margin-top:-40px;
  margin-bottom:-40px;
  margin-right:-32px;
  height:calc(100% + 40px + 40px);
}


.hexTopSVGHolder
{
  margin-top:-5%;
  font-size:0px;
  line-height:0px;
}

.hexTopSVGHolder svg,
.hexTopSVGHolder img
{
  width:100%;
  position:relative;
  top:1px;
  z-index:1;
}

.hexBottomSVGHolder
{
  margin-bottom:-5%;
  font-size:0px;
  line-height:0px;
}

.hexBottomSVGHolder svg,
.hexBottomSVGHolder img
{
  width:100%;
  position:relative;
  top:-1px;
  z-index:1;
}


img.hex
{
  clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  object-fit:cover;
}

div.hex
{
  clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  width:100%;
  aspect-ratio:100 / 87.5;
  
  display:inline-flex;
  align-items:center;
  justify-content:center;
  
  overflow:hidden;
  vertical-align:text-top;

  line-height:1.25em;
}

.hexHalfText
{
  aspect-ratio:100 / 45.0;
  width:100%;
  overflow:hidden;
}
@media all and (min-width: 0px)
{
  .hexHalfText > div
  {
    width:70%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:50%
  }
}
@media all and (min-width: 450px)
{
  .hexHalfText > div
  {
    width:68%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:60%
  }
}
@media all and (min-width: 480px)
{
  .hexHalfText > div
  {
    width:60%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:75%
  }
}
@media (min-width: 768px)
{
  .hexHalfText > div
  {
    width:70%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:70%;
  }
}
@media (min-width: 1024px)
{
  .hexHalfText > div
  {
    width:60%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:95%;
  }
}

.hexHolder
{
  filter:url(#round) opacity(95%);

  backdrop-filter:opacity(10%);
  /*opacity:0.5;*/
}

.hexBorderPurple
{
  background-image:url('images/HEX_borderPurple.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexBorderNavy
{
  background-image:url('images/HEX_borderNavy.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexBorderCobalt
{
  background-image:url('images/HEX_borderCobalt.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexBorderSky
{
  background-image:url('images/HEX_borderSky.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexBorderTeal
{
  background-image:url('images/HEX_borderTeal.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexBorderAqua
{
  background-image:url('images/HEX_borderAqua.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexBorderViolet
{
  background-image:url('images/HEX_borderViolet.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexBorderPink
{
  background-image:url('images/HEX_borderPink.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexBorderGrey
{
  background-image:url('images/HEX_borderGrey.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexBorderWhite
{
  background-image:url('images/HEX_borderWhite.svg');
  background-repeat:no-repeat;
  background-size:contain;
}

.hexHolderOuter
{
  background-repeat:no-repeat;
  background-size:100% 100%;
  padding:12%;
}

.hexHolderOuterAquaCobalt
{
  background-image:url("images/HEX_frameAquaCobalt.svg");  
}

.hexHolderOuterSkyPink
{
  background-image:url("images/HEX_frameSkyPink.svg");  
}

.hexHolderOuterCobaltTeal
{
  background-image:url("images/HEX_frameCobaltTeal.svg");  
}

.hexHolderOuterVioletPink
{
  background-image:url("images/HEX_frameVioletPink.svg");  
}
.hexHolderOuterSkyAqua
{
  background-image:url("images/HEX_frameSkyAqua.svg");  
}
.hexHolderOuterTealCobalt
{
  background-image:url("images/HEX_frameTealCobalt.svg");  
}
.hexHolderOuterPink
{
  background-image:url("images/HEX_framePink.svg");  
}
.hexHolderOuterNavyCobalt
{
  background-image:url("images/HEX_frameNavyCobalt.svg");  
}


.page-arrows
{
  display:inline-block;
  border:2px solid #201F41;
  border-radius:20px;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:7px;
  padding-right:7px;
  width:38px;
}
.page-arrows a
{
  display:block;
}
.page-arrows a:first-of-type
{
  margin-bottom:5px;
}


.hexBackground_PurpleLeft,
.hexBackground_PurpleRight,
.hexBackground_NavyLeft,
.hexBackground_NavyRight,
.hexBackground_CobaltLeft,
.hexBackground_CobaltRight,
.hexBackground_SkyLeft,
.hexBackground_SkyRight,
.hexBackground_TealLeft,
.hexBackground_TealRight,
.hexBackground_AquaLeft,
.hexBackground_AquaRight,
.hexBackground_VioletLeft,
.hexBackground_VioletRight,
.hexBackground_PinkLeft,
.hexBackground_PinkRight,
.hexBackground_GreyLeft,
.hexBackground_GreyRight,
.hexBackground_WhiteLeft,
.hexBackground_WhiteRight
{
  position:relative;
  z-index:0;
}

.hexBackground_PurpleLeft::before,
.hexBackground_PurpleRight::before,
.hexBackground_NavyLeft::before,
.hexBackground_NavyRight::before,
.hexBackground_CobaltLeft::before,
.hexBackground_CobaltRight::before,
.hexBackground_SkyLeft::before,
.hexBackground_SkyRight::before,
.hexBackground_TealLeft::before,
.hexBackground_TealRight::before,
.hexBackground_AquaLeft::before,
.hexBackground_AquaRight::before,
.hexBackground_VioletLeft::before,
.hexBackground_VioletRight::before,
.hexBackground_PinkLeft::before,
.hexBackground_PinkRight::before,
.hexBackground_GreyLeft::before,
.hexBackground_GreyRight::before,
.hexBackground_WhiteLeft::before,
.hexBackground_WhiteRight::before
{
  content:"";
  position:absolute;
  top:0px;
  left:0px;
  
  width:100%;
  height:100%;

  background-repeat:no-repeat;
  background-size:auto 100%;

  z-index:-1;
}

.hexBackground_PurpleLeft::before
{
  background-image:url("images/HEX_Purple.svg");
  background-position:left 200px center;
}
.hexBackground_PurpleRight::before
{
  background-image:url("images/HEX_Purple.svg");
  background-position:right 200px center;
}

.hexBackground_NavyLeft::before
{
  background-image:url("images/HEX_Navy.svg");
  background-position:left 200px center;
}
.hexBackground_NavyRight::before
{
  background-image:url("images/HEX_Navy.svg");
  background-position:right 200px center;
}

.hexBackground_CobaltLeft::before
{
  background-image:url("images/HEX_Cobalt.svg");
  background-position:left 200px center;
}
.hexBackground_CobaltRight::before
{
  background-image:url("images/HEX_Cobalt.svg");
  background-position:right 200px center;
}

.hexBackground_SkyLeft::before
{
  background-image:url("images/HEX_Sky.svg");
  background-position:left 200px center;

  opacity:0.2;
}
.hexBackground_SkyRight::before
{
  background-image:url("images/HEX_Sky.svg");
  background-position:right 200px center;

  opacity:0.2;
}

.hexBackground_TealLeft::before
{
  background-image:url("images/HEX_Teal.svg");
  background-position:left 200px center;
}
.hexBackground_TealRight::before
{
  background-image:url("images/HEX_Teal.svg");
  background-position:right 200px center;
}

.hexBackground_AquaLeft::before
{
  background-image:url("images/HEX_Aqua.svg");
  background-position:left 200px center;
}
.hexBackground_AquaRight::before
{
  background-image:url("images/HEX_Aqua.svg");
  background-position:right 200px center;
}

.hexBackground_VioletLeft::before
{
  background-image:url("images/HEX_Violet.svg");
  background-position:left 200px center;
}
.hexBackground_VioletRight::before
{
  background-image:url("images/HEX_Violet.svg");
  background-position:right 200px center;
}

.hexBackground_PinkLeft::before
{
  background-image:url("images/HEX_Pink.svg"); 
  background-position:left 200px center;
}
.hexBackground_PinkRight::before
{
  background-image:url("images/HEX_Pink.svg");
  background-position:right 200px center;
}

.hexBackground_GreyLeft::before
{
  background-image:url("images/HEX_Grey.svg");
  background-position:left 200px center;
}
.hexBackground_GreyRight::before
{
  background-image:url("images/HEX_Grey.svg");
  background-position:right 200px center;
}

.hexBackground_WhiteLeft::before
{
  background-image:url("images/HEX_White.svg");
  background-position:left 200px center;
}
.hexBackground_WhiteRight::before
{
  background-image:url("images/HEX_White.svg");
  background-position:right 200px center;
}

.tabletHolder
{
  position:relative;
}
.tabletFrame
{
  position:relative;
  z-index:2;
  width:100%;
  pointer-events:none;
}
.tabletContent
{
  z-index:1;
  position:absolute;
  width:100%;
  top:5%;
  left:-7px;
  right:0px;
  max-width:92%;
  margin:0px auto;
  background:black;
  height:90%;
  border-radius:10px;
}

.tabletContent img
{
  width:100%;
  height:100%;
  object-fit:cover;
}

.tabletContent video,
.tabletContent iframe,
.tabletContent > div
{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:0px;
  margin-bottom:0px;
}


.counters
{
  margin-top:20px;
}

.counterLabel
{
  display:block;
}

.counterNumber,
.counterUnit
{
  font-family:"DM Serif Display", serif;
  font-weight:400;
  font-style:normal;
  font-size:60px;
}

header
{
  width:100%;
  position:absolute;
  z-index:4;
  top:0px;
  
  background-color:transparent;
  box-shadow:none;
  border-bottom:none;
  transition:all 0.4s;
}

.logoFooter
{
  display:block;
  width:100%;
  max-width:170px;

  margin-right:30px;
}

ul.footerLinks
{
  list-style:none;
  padding:0px;
  margin:0px;
  margin-bottom:30px;
}

ul.footerLinks li
{
  padding-bottom:10px;
}

ul.footerLinks a
{
  display:inline-block;
  margin-bottom:0px;
}

.footerLinkDropdown i
{
  transition:all 0.4s;
}

.footerIcons
{
  font-size:0px;
  margin-bottom:30px;
}

.footerIcons a
{
  display:inline-block;
  margin-right:12px;
  margin-bottom:12px;
}
.footerIcons a img
{
  width:35px;
}


input.text,
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="email"]
{ 
  width:100%;
  height:60px!important;
  
  padding-left:20px!important;
  padding-right:20px!important;
  padding-top:1px!important;
  padding-bottom:0px!important;
  
  border:1px solid #707070;
  
  font-family:"DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style:normal;
  font-size:20px!important;
  color:#444444!important;
  background-color:rgba(255, 255, 255, 0.2);
  
  margin-top:0px;
  margin-bottom:10px;
  
  -webkit-appearance:none;
  border-radius:5px 5px 5px 5px!important;
}

input[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"]
{
  cursor:pointer;
  display:inline-block;

  padding-left:36px;
  padding-right:36px;
  
  max-width:100%;
  height:60px;

  border:1px solid transparent;
  background-color:#542683;
  color:white;
  
  font-family:"DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style:normal;
  font-size:20px!important;
  text-align:center;
  
  margin-bottom:10px;
  
  -webkit-appearance:none;
  border-radius:0px 0px 0px 0px!important;
}

select,
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select
{
  width:100%;
  height:60px;
  
  padding-left:30px!important;
  padding-right:45px!important;
  
  border:1px solid #707070;
  background-color:transparent; /*iPhone's*/

  font-family:"DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style:normal;
  font-size:20px;
  color:#444444;
  
  margin-top:0px;
  margin-bottom:10px;

  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  appearance:none;
  border-radius:5px 5px 5px 5px!important;
  
  background-image:url("images/arrow-select.svg");
  background-repeat:no-repeat;
  background-position:calc(100% - 15px - 2px) center;
  background-size:25px 25px;

  cursor:s-resize;
}

.selectFilter
{
  width:100%;
  min-height:60px;
  /*
  padding-top:12px;
  padding-bottom:12px;
  
  padding-left:25px!important;
  padding-right:25px!important;
  */

  border-bottom:1px solid #707070;
  background-color:white; /*iPhone's*/

  font-family:"DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style:normal;
  font-size:20px;
  color:#444444;
  
  margin-top:0px;
  margin-bottom:10px;

  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  appearance:none;
  border-radius:0px 0px 0px 0px!important;

  position:relative;
}
.selectFilter:hover
{
  /*background-color:#F2F4F6;*/
}

/*
.selectFilter:focus
{
  background-color:white;
}
*/

.selectFilter > a
{
  display:block;
  width:calc(100% - 50px);
  overflow:hidden;
  white-space:nowrap;

  padding-top:12px;
  padding-bottom:12px;
  
  /*padding-left:25px;*/
  padding-right:25px;
}
.selectFilter > a h1,
.selectFilter > a h2,
.selectFilter > a h3,
.selectFilter > a h4,
.selectFilter > a h5,
.selectFilter > a h6
{
  text-wrap:auto;
}

.selectFilter .selectFilterIcon
{
  transition:all 0.4s;
  position:absolute;
  top:18px;
  right:18px;
  width:25px;
  height:25px
}

.rotated180
{
  transform:rotate(180deg);
  transform-origin:center center;
}

.selectFilters
{
  /*padding-top:20px;*/
  padding-top:8px;
  /*padding-left:25px;*/
  /*padding-right:25px;*/
  display:none;
}
.row > div > .selectFilter > .selectFilters
{
  padding-left:5%;
  padding-right:5%;
}

.selectFilters > div
{
  margin-top:0px;
  margin-bottom:12px;
}
.selectFilters input[type='checkbox']
{
  float:right;
  position:relative;
  top:5px;
}


textarea, /*must be commented out for editor-style.css*/
div.wpforms-container-full .wpforms-form textarea
{
  border:1px solid #707070;
  
  width:100%;
  min-height:180px;
  resize:none;

  padding-top:15px!important;
  padding-bottom:15px!important;
  padding-left:25px!important;
  padding-right:25px!important;

  font-family:"DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style:normal;
  font-size:20px!important;
  color:#444444!important;

  margin-top:0px!important;
  margin-bottom:10px!important;

  -webkit-appearance:none;
  border-radius:5px 5px 5px 5px!important;
}



input[type="submit"],
button[type="submit"]
{
  transition:all 0.4s;
  -webkit-filter: brightness(1.0);
  filter: brightness(1.0);
}

input[type="submit"]:hover,
button[type="submit"]:hover
{
  -webkit-filter: brightness(1.13);
  filter: brightness(1.13);
}

.mark, mark
{
  padding:0px!important;
  background-color:transparent!important;
  color:unset;
}

h1.mark, h1 mark,
h2.mark, h2 mark,
h3.mark, h3 mark,
h4.mark, h4 mark,
h5.mark, h5 mark,
h6.mark, h6 mark,
p.mark, p mark
{
  background-color:rgba(0, 0, 0, 0.05)!important;
}


.buttonRounded
{
  border-radius:10px;
}
.buttonSquared
{
  border-radius:0px;
}

.buttonBorderPurple
{
  border:1px solid #201F41;
}

.buttonBorderNavy
{
  border:1px solid #002D64;
}

.buttonBorderCobalt
{
  border:1px solid #0A73BA;
}

.buttonBorderSky
{
  border:1px solid #7DB6DF;
}

.buttonBorderTeal
{
  border:1px solid #00809B;
}

.buttonBorderAqua
{
  border:1px solid #00857E;
}

.buttonBorderViolet
{
  border:1px solid #542683;
}

.buttonBorderPink
{
  border:1px solid #BF0071;
}

.buttonBorderGrey
{
  border:1px solid #525353;
}

.buttonBorderWhite
{
  border:1px solid #FFFFFF;
}


.buttonBorderPurple:hover
{
  background-color:#201F41;
  color:white;
}

.buttonBorderNavy:hover
{
  background-color:#002D64;
  color:white;
}

.buttonBorderCobalt:hover
{
  background-color:#0A73BA;
  color:white;
}

.buttonBorderSky:hover
{
  background-color:#7DB6DF;
  color:white;
}

.buttonBorderTeal:hover
{
  background-color:#00809B;
  color:white;
}

.buttonBorderAqua:hover
{
  background-color:#00857E;
  color:white;
}

.buttonBorderViolet:hover
{
  background-color:#542683;
  color:white;
}

.buttonBorderPink:hover
{
  background-color:#BF0071;
  color:white;
}

.buttonBorderGrey:hover
{
  background-color:#525353;
  color:white;
}

.buttonBorderWhite:hover
{
  background-color:#FFFFFF;
}


/*
  Remove ugly default square blue outlines on Firefox and Chrome.
  Remove ugly default square black outline on Microsoft Edge (Chromium).
  Safari's is rounded
*/
/*Any Firefox*/
@-moz-document url-prefix() 
{
  input:focus,
  select:focus,
  textarea:focus,
  button:focus 
  {
    outline:none;
  }
}
/*Chrome 29+*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm)
{
  input:focus,
  select:focus,
  textarea:focus,
  button:focus 
  {
    outline:none;
  }
}


.purple
{
  color:#201F41!important;
}

.navy
{
  color:#002D64!important;
}
.cobalt
{
  color:#0A73BA!important;
}
.sky
{
  color:#7DB6DF!important;
}
.teal
{
  color:#00809B!important;
}
.aqua
{
  color:#00857E!important;
}
.violet
{
  color:#542683!important;
}
.pink
{
  color:#BF0071!important;
}
.grey
{
  color:#525353!important;
}

.white
{
  color:white!important;
}


.bgPurple
{
  background-color:#201F41;
  color:white;
}
.bgPurple65
{
  background-color:rgba(32, 31, 65, 0.65);
  color:white;
}

.bgNavy
{
  background-color:#002D64;
  color:white;
}
.bgCobalt
{
  background-color:#0A73BA;
  color:white;
}
.bgSky
{
  background-color:#7DB6DF;
  /*color:#444444;*/
  color:white;
}
.bgSky40
{
  background-color:rgba(125, 182, 223, 0.4);
  color:#444444;
}
.bgTeal
{
  background-color:#00809B;
  color:white;
}
.bgTeal80
{
  background-color:rgba(0, 128, 155, 0.8);
  color:white;
}
.bgAqua
{
  background-color:#00857E;
  color:white;
}
.bgAqua40
{
  background-color:rgba(0, 133, 126, 0.4);
  color:#444444;
}
.bgViolet
{
  background-color:#542683;
  color:white;
}
.bgPink
{
  background-color:#BF0071;
  color:white;
}
.bgGrey
{
  background-color:#525353;
  color:white;
}

.bgWhite
{
  background-color:white;
  color:#444444;
}

.bgTransparent
{
  background-color:transparent;
  color:white;
  border-color:white;
}

.buttonSmall.bgPurple:hover,
.buttonMedium.bgPurple:hover,
.buttonLarge.bgPurple:hover
{
  background-color:white;
  color:#201F41;
  border-color:#201F41;
}

.buttonSmall.bgNavy:hover,
.buttonMedium.bgNavy:hover,
.buttonLarge.bgNavy:hover
{
  background-color:white;
  color:#002D64;
  border-color:#002D64;
}

.buttonSmall.bgCobalt:hover,
.buttonMedium.bgCobalt:hover,
.buttonLarge.bgCobalt:hover
{
  background-color:white;
  color:#0A73BA;
  border-color:#0A73BA;
}

.buttonSmall.bgSky:hover,
.buttonMedium.bgSky:hover,
.buttonLarge.bgSky:hover
{
  background-color:white;
  color:#7DB6DF;
  border-color:#7DB6DF;
}

.buttonSmall.bgTeal:hover,
.buttonMedium.bgTeal:hover,
.buttonLarge.bgTeal:hover
{
  background-color:white;
  color:#00809B;
  border-color:#00809B;
}

.buttonSmall.bgAqua:hover,
.buttonMedium.bgAqua:hover,
.buttonLarge.bgAqua:hover
{
  background-color:white;
  color:#00857E;
  border-color:#00857E;
}

.buttonSmall.bgViolet:hover,
.buttonMedium.bgViolet:hover,
.buttonLarge.bgViolet:hover
{
  background-color:white;
  color:#542683;
  border-color:#542683;
}

.buttonSmall.bgPink:hover,
.buttonMedium.bgPink:hover,
.buttonLarge.bgPink:hover
{
  background-color:white;
  color:#BF0071;
  border-color:#BF0071;
}

.buttonSmall.bgGrey:hover,
.buttonMedium.bgGrey:hover,
.buttonLarge.bgGrey:hover
{
  background-color:white;
  color:#525353;
  border-color:#525353;
}

.buttonSmall.bgWhite:hover,
.buttonMedium.bgWhite:hover,
.buttonLarge.bgWhite:hover
{
  background-color:#201F41;
  color:white;
  border-color:white;
}

.buttonSmall.bgTransparent:hover,
.buttonMedium.bgTransparent:hover,
.buttonLarge.bgTransparent:hover
{
  background-color:white;
  color:#201f41;
  border-color:white;
}

.roundedBorders
{
  border-radius:10px;
}


.dividerPurple
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #201F41;
}
.dividerCobalt
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #0A73BA;
}
.dividerNavy
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #002D64;
}
.dividerSky
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #7DB6DF;
}
.dividerTeal
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #00809B;
}
.dividerAqua
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #00857E;
}
.dividerViolet
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #542683;
}
.dividerPink
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #BF0071;
}
.dividerGrey
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #525353;
}
.dividerWhite
{
  margin-top:0px;
  margin-bottom:30px;
  border-top:1px solid #FFFFFF;
}


.circleRoundedImage
{
  border-radius:50%;

  height:0px;
  padding-bottom:100%;

  overflow:hidden;

  margin-bottom:0px;
}

.testimonialImpactImageHolder
{
  width:40%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
}
.testimonialImpactTextHolder
{
  margin-left:12%;
  margin-right:12%;
  font-size:95%;
}

.popupTestimonialImpactRightColumn
{
  display:flex;
  align-items:center;
  justify-content:center;
}
.popupTestimonialImpactImageHolder
{
  width:60%;
  position:relative;
  z-index:1;
}


.progressHex
{
  width:500px;/*200*/
  max-width:100%;
  /*height:400px; /*240*/
  overflow:visible;
}
.progressHex .track,
.progressHex .fill
{
  fill:rgba(0, 0, 0, 0);
  stroke-width:32; /*30*/
  transform:translate(290px, 800px)rotate(-120deg);
}
.progressHex .track
{
  stroke:white;
  filter:url(#round);
  overflow:hidden;
}
.progressHex .fill
{
  stroke:black;
  stroke-linecap:round;
  stroke-dasharray:2160;
  stroke-dashoffset:2160;
  transition:stroke-dashoffset 2.5s;
  filter:url(#round);
}

.progressHex.purple .fill
{
  stroke:#201F41;
}

.progressHex.navy .fill
{
  stroke:#002D64;
}
.progressHex.cobalt .fill
{
  stroke:#0A73BA;
}
.progressHex.sky .fill
{
  stroke:#7DB6DF;
}
.progressHex.teal .fill
{
  stroke:#00809B;
}
.progressHex.aqua .fill
{
  stroke:#00857E;
}
.progressHex.violet .fill
{
  stroke:#542683;
}
.progressHex.pink .fill
{
  stroke:#BF0071;
}
.progressHex.grey .fill
{
  stroke:#525353;
}

.progressHex.white .fill
{
  stroke:white;
}

.progressHex .value,
.progressHex .text
{
  font-family:"DM Serif Display", serif;
  font-weight:400;
  font-style:normal;
    
  fill:rgb(255, 255, 255);
  text-anchor:middle;
}
.progressHex .value
{
  font-size:180px;
}
.progressHex .text
{
  font-size:64px;
}
.noselect
{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}




img.center
{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.center
{
  text-align:center;
}


.no-gutter > [class*='col']
{
  padding-left:0;
  padding-right:0;
}

.no-padding
{
  padding:0!important;
}

.padding15
{
  padding:15px;
}
.padding30
{
  padding:30px;
}
.padding45
{
  padding:45px;
}

.padding10Percent
{
  padding:10%;
}
.padding10PercentY
{
  padding-top:9%;
  padding-bottom:9%;
}
.padding15Percent
{
  padding:15%;
}

.paddingLeftRigth5Percent
{
  padding-left:5%;
  padding-right:5%;
}


iframe
{
  width:100%!important;
  display:block;
  /*margin-bottom:30px;*/
}

.fancybox-skin
{
  background-color:#FAFAFA!important;
  color:inherit!important;
}

/*UberMenu*/
nav.ubermenu > ul > li > a
{
  font-family:"DM Serif Display", serif;
  padding-top:12px!important;
  padding-bottom:12px!important;
}

nav.ubermenu > ul > li > ul.ubermenu-submenu-type-mega
{
  padding-top:30px;
  padding-bottom:30px;
}

nav.ubermenu > ul > li > ul.ubermenu-submenu-type-flyout
{
  padding-top:0px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
}

nav.ubermenu > ul > li > ul.ubermenu-submenu > li
{
  padding-left:2.5%;
  padding-right:2.5%;
}

nav.ubermenu > ul > li > ul.ubermenu-submenu > li > a.ubermenu-target
{
  padding-top:10px!important;
  padding-bottom:10px!important;
  padding-left:0px;
  padding-right:0px;
  border-bottom:1px solid #7DB6DF!important;
  /*color:#542683;*/
}
.ubermenu-skin-vanilla .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
  border-bottom:1px solid transparent!important;
}

nav.ubermenu > ul > li > ul.ubermenu-submenu > li > a > .ubermenu-target-title
{
  font-family:"DM Serif Display", serif;
  font-weight:400!important;
  margin-bottom:10px;
}
nav.ubermenu > ul > li > ul.ubermenu-submenu.ubermenu-submenu-type-flyout > li > a > .ubermenu-target-title
{
  margin-bottom:0px;
}

nav.ubermenu > ul > li > ul.ubermenu-submenu > li > a > .ubermenu-target-description
{
  font-family:"DM Serif Display", serif;
  font-weight:500;
  font-style:italic;
  font-size:14px;
  color:#171717!important;
  line-height:1.35;
}

nav.ubermenu > ul > li > ul.ubermenu-submenu > li > span.description
{
  display:none;
}

nav.ubermenu > ul > li > ul.ubermenu-submenu > li > ul.ubermenu-submenu > li > a
{
  padding-left:0px!important;
  padding-right:0px!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
  border-bottom:1px solid #7DB6DF;
}

@media all and (min-width: 1199px)
{
  nav.ubermenu > ul > li
  {
    margin-left:20px!important;
    margin-right:20px!important;
  }
  nav.ubermenu > ul > li > a
  {
    padding-left:0px!important;
    padding-right:0px!important;
  }
  nav.ubermenu > ul > li > ul.ubermenu-submenu.ubermenu-submenu-type-flyout
  {
    margin-left:-20px;
  }


  nav.ubermenu > ul > li
  {
    border-top:3px solid transparent!important;
    border-bottom:3px solid transparent!important;
  }

  nav.ubermenu > ul > li.ubermenu-current-menu-item,
  nav.ubermenu > ul > li.ubermenu-current-menu-ancestor
  {
    border-bottom:3px solid #542683!important;
  }
}

.ubermenu-skin-vanilla.ubermenu-responsive-toggle
{
  font-size:20px!important;
  border-radius:10px;
  padding:10px 15px!important;
  opacity:0.7;
}

nav.ubermenu.ubermenu-mobile-modal
{
  height: calc(100dvh - calc(100dvh - 100%));
  max-height: calc(100dvh - calc(100dvh - 100%));
}

nav.ubermenu-mobile-view
{
  padding:5%;
  background-color:#002D64!important;
}

nav.ubermenu-mobile-view > ul > li > a
{
  padding-left:2%!important;
  padding-right:2%!important;
}


/*applies to backend editor, no effect to frontend*/
.wp-block-acf-general-spacer
{
  border:1px dashed grey;
}

.editor-visual-editor__post-title-wrapper
{
  margin-top:15px!important;
}

h1.wp-block-post-title
{
  font-size:2.5rem;
  font-weight:normal;
  border:1px dotted grey;
  padding:15px;
  margin-top:5px;
  margin-bottom:15px;
}

.wp-block-acf-slider-testimonials-v1
{
  background-color:transparent!important;
}


.acf-relationship .list
{
  /*height:160px;*/
  height:260px;
}