/*!
Theme Name: B2B
Theme URI: https://theb2bproject36.wildapricot.org/
Author: Cody Creswell
Author URI: https://focusadgroup.com
Description: Description
Version: 0.0.1
Tested up to: 7.4
Requires PHP: 7.4

*/
/***************RESET STYLES*********************/
/* Box sizing rules */
*, *::before, *::after {
  box-sizing: border-box;
}
/* Remove default margin */
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'], ol[role='list'] {
  list-style: none;
}
/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img, picture {
  max-width: 100%;
  display: block;
}
/* Inherit fonts for inputs and buttons */
input, button, textarea, select {
   font-family: "paralucent-condensed", sans-serif;
   font-weight: 400;
   font-style: normal;
  font-size: 13px;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
div {
  white-space: normal;
}
/******************SKELETON STYLES********************************/
.container {
  position: relative;
  width: 100%;
  /*max-width: 1440px;*/
  max-width:1140px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.column, .columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.row.fti .column, .row.fti .columns {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.row.fti.va-top .column, .row.fti.va-top .columns {
  vertical-align: top;
}

.row.flex-row {
  display:flex;
}

.flex-row .as-center {
  align-self:center;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 90%;
    padding: 0;
  }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 90%;
  }
  .column, .columns {
    margin-left: 4%;
  }
  .column:first-child, .columns:first-child {
    margin-left: 0;
  }
  .one.column, .one.columns {
    width: 4.66666666667%;
  }
  .two.columns {
    width: 13.3333333333%;
  }
  .three.columns {
    width: 22%;
  }
  .four.columns {
    width: 30.6666666667%;
  }
  .five.columns {
    width: 39.3333333333%;
  }
  .six.columns {
    width: 48%;
  }
  .seven.columns {
    width: 56.6666666667%;
  }
  .eight.columns {
    width: 65.3333333333%;
  }
  .nine.columns {
    width: 74.0%;
  }
  .ten.columns {
    width: 82.6666666667%;
  }
  .eleven.columns {
    width: 91.3333333333%;
  }
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
  .one-third.column {
    width: 30.6666666667%;
  }
  .two-thirds.column {
    width: 65.3333333333%;
  }
  .one-half.column {
    width: 48%;
  }
  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns {
    margin-left: 8.66666666667%;
  }
  .offset-by-two.column, .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }
  .offset-by-three.column, .offset-by-three.columns {
    margin-left: 26%;
  }
  .offset-by-four.column, .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-five.column, .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }
  .offset-by-six.column, .offset-by-six.columns {
    margin-left: 52%;
  }
  .offset-by-seven.column, .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }
  .offset-by-eight.column, .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-nine.column, .offset-by-nine.columns {
    margin-left: 78.0%;
  }
  .offset-by-ten.column, .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }
  .offset-by-eleven.column, .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }
  .offset-by-one-third.column, .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-one-half.column, .offset-by-one-half.columns {
    margin-left: 52%;
  }
}
.container::after, .row::after, .u-cf {
  content: "";
  display: table;
  clear: both;
}

.container.non-relative {
  position:static;
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;
}
body {
  font-size: 17px; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 35px;;
  font-family: "paralucent", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #4a4a4a;
  overflow-x: hidden;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */




h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: normal; /*300*/
}

h1 {
   font-family: "paralucent-condensed", sans-serif;
font-weight: 600;
font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1;
  text-align: center;
  font-size:80px;
  text-transform:uppercase;
}

h1.left {
  text-align:left;
}

h2 {
   font-family: "paralucent-condensed", sans-serif;
font-weight: 600;
font-style: normal;
  font-style: normal;
  font-size: 60px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 60px;
}


h3 {
   font-family: "paralucent-condensed", sans-serif;
font-weight: 600;
font-style: normal;
  font-style: normal;
  font-size: 45px;
  font-stretch: normal;
  line-height: 1;
  letter-spacing:2px;
  text-transform:uppercase;
}

h3.no-upper {
   text-transform:none;
}


h4 {
   font-family: "paralucent-condensed", sans-serif;
font-weight: 600;
font-style: normal;
  font-size: 35px;
  font-weight: 600;
  font-stretch: normal;
  line-height: 45px;
}

h5 {
   font-family: "paralucent-condensed", sans-serif;
   font-weight: 400;
   font-style: normal;
  font-size: 28px;
  line-height: 1.36;
  letter-spacing: 1px;
}

h6 {
   font-family: "paralucent-condensed", sans-serif;
   font-weight: 600;
   font-style: normal;
  font-size: 27px;
  line-height: 34px;
}

.read-more {
   font-family: "paralucent-condensed", sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size:25px;
   letter-spacing:2px;
   color:#da9a29;
   text-transform:uppercase;
   display:block;
}

p,
.list-items li {
  margin-top: 0;
  font-size: 20px; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 30px;
  font-family: "paralucent", sans-serif;
   font-weight: 300;
   font-style: normal;
  margin-bottom: 0px;
  color: #4f4f4f;
}

.list-items {
   margin:0;
   padding:0;
   list-style: inside;
   padding-left:40px;
}

.criteria .list-items,
.list-items.no-left {
   padding-left:0;
}

.list-items li {
   margin-bottom:20px;
   list-style-position:outside;
}

.criteria .list-items,
.dub-right .list-items.no-left {
   padding-left:30px;
}

.list-items.white li {
   color:#FFF;
}

#gform_wrapper_3 .gfield_checkbox li label {
  margin-bottom:0;
}

p.small {
  font-size:15px;
  line-height:26px;
}

p.lh-25 {
  line-height:25px;
}

p.lh-20 {
  line-height:20px;
}

p.terms {
  font-size:11.5px;
  line-height:18px;
}

p strong {
  font-weight: 700;
}

.bold {
  font-weight: 700;
}

h1.mb-none, h2.mb-none, h3.mb-none, h4.mb-none, h5.mb-none, h6.mb-none, p.mb-none {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom:10px !important;
}

h1.lh-0 {
  line-height: 0;
}

.upper {
  text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

.ta-right {
  text-align: right;
}

.ta-center {
  text-align:center;
}

.italic {
  font-style: italic;
}

.under {
  text-decoration: underline;
}

.no-upper {
  text-transform:none !important;
}

.non-italic {
  font-style:normal !important;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #0c3554;
}

a:hover {
  color: rgba(12,53,85,0.8);
}

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

/*  Colors
_______________________________*/
.blue {
  color:#2b6ba0;
}

.gold {
  color:#da9a29;
}

.white {
  color:#FFF;
}

.lt-blue {
   color:#5588b2;
}

/**********Button Styles*************/
.button {
  background-color: #da9a29;
  border: 2px solid #da9a29;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 25px;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  padding: 0;
  width:275px;
  text-align: center;
  text-transform:uppercase;
  transition: all 0.15s ease-in-out;
  font-family: "paralucent-condensed", sans-serif;
   font-weight: 600;
   font-style: normal;
   letter-spacing:2px;
   text-decoration:none !important;
}

.button.video-reveal {
   width:381px;
}

.button:hover {
  background-color: transparent;
  color: #da9a29;
}

.button.trans {
  background-color:transparent;
  border:2px solid #FFF;
}

.button.trans:hover {
  background-color:#FFF;
}

.roll-text {
  display: block;
  position: relative;
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.roll-text:last-child {
  color: #da9a29;
}

.rollover:hover .roll-text:first-child {
  margin-top: -60px;
}

.btn-wrap {
  text-align:center;
  width:100%;
}

.btn-wrap.double .button:first-child {
   margin-right:50px;
}
/**********Button Styles*************/


/*  Margins and Paddings
_______________________________*/

.mt-5 {
  margin-top:5px;
}

.mt-10 {
  margin-top:10px;
}

.mt-15 {
  margin-top:15px;
}

.mt-20 {
  margin-top:20px;
}

.mt-25 {
  margin-top:25px;
}

.mt-30 {
  margin-top:30px;
}

.mt-40 {
  margin-top:40px;
}

.mt-50 {
  margin-top:50px;
}

.mt-60 {
  margin-top:60px;
}

.mt-70 {
  margin-top:70px;
}

.mt-80 {
  margin-top:80px;
}

.mt-90 {
  margin-top:90px;
}

.mt-100 {
  margin-top:100px;
}

.mt-125 {
  margin-top:125px;
}

.mt-150 {
  margin-top:150px;
}

.mt-190 {
  margin-top:190px;
}

.pad-top {
  padding-top:150px;
}

.pad-top-100 {
  padding-top:100px;
}

/*–––––––––––––––––––––––––––––––––– Custom Styles–––––––––––––––––––––––––––––––––––––––––––––––––– */

img.no-vis,
.no-vis {
  visibility:hidden;
}

#top-nav {
  background-color:#eeeeee;
  padding:10px 0;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.nav-logo,
.nav-items {
  display:inline-block;
  vertical-align:middle;
}

.nav-logo {
  text-align:left;
  width:234px;
}

.nav-items {
  width:calc(100% - 234px);
  text-align:right;
}

.nav-items li,
.nav-logo li {
  list-style-type:none;
  display:inline-block;
  vertical-align:middle;
}

.nav-items li.members {
  background-image:url(img/user-solid-gold.svg);
  background-repeat:no-repeat;
  background-size:20px 30px;
  padding-left:30px;
  background-position:0 50%;
}

.nav-items li.members:hover {
  background-image:url(img/user-solid-blue.svg);
}

.nav-items li {
  margin-right:40px;
}

.nav-items li.has-child {
  position:relative;
}

.nav-items li:last-child {
  margin-right:0;
}

.nav-items li a {
  color:#2b6ba0;
  font-size:17px;
  text-decoration:none;
  letter-spacing:1.2px;
  text-transform:uppercase;
  font-family: "paralucent-condensed", sans-serif;
   font-weight: 300;
   font-style: normal;
  border-bottom:2px solid #eeeeee;
  padding-bottom:9.5px;
}

.nav-items li a:hover,
.nav-items li.is-active a,
.nav-items li:hover a,
.nav-items li.current a {
  border-bottom:2px solid #2b6ba0;
}

.nav-items li.members a {
  color:#da9a29;
}

.nav-items li.members a:hover {
  color:#2b6ba0;
}

@media (min-width:981px) {
  .nav-items li > ul {
    display:none;
  }

  .nav-items li:hover > ul {
    display:block;
    position:absolute;
    background-color:transparent;
    padding:47px 0 0 0;
    top:0;
    left:0;
  }

  .nav-items li:hover > ul.wider {
   min-width:240px;
  }

  .nav-items li > ul li {
    display:block;
    background-color:#2b6ba0;
    min-width:170px;
    text-align:left;
    margin-right:0;
    padding-bottom:10px;
  }

  .nav-items li > ul li:last-child {
    margin-bottom:0;
  }

  .nav-items li > ul li a {
    color:#FFF;
    border:none;
    padding-left:20px;
    font-weight:400;
  }

  .nav-items li > ul li a:hover,
  .nav-items li > ul li a.current {
   font-weight:600;
  }

  .nav-items li > ul li a:hover {
    border:none;
  }

  .nav-items li > ul li:first-child {
    padding-top:20px;
  }

  .nav-items li > ul li:last-child {
    padding-bottom:20px;
  }

  .hamburger {
    display:none;
  }
}

#footer {
  background-color:#404040;
  padding:30px 0;
  width:100%;
}

.footer-left,
.footer-right {
  display:inline-block;
  vertical-align:middle;
}

.footer-left {
  width:234px;
  text-align:left;
}

.footer-right {
  width:calc(100% - 234px);
  text-align:right;
}

.footer-right li {
  list-style-type:none;
  display:inline-block;
  vertical-align:middle;
  margin-right:25px;
  color:#da9a29;
  font-weight:bold;
}

.footer-right li a.mail-link {
  color:#FFF;
  font-weight:normal;
  text-decoration:underline;
}

.footer-right li a:hover {
  opacity:0.85;
}

.footer-right li:last-child {
  margin-right:0;
}

.copyright {
  display:block;
  width:100%;
  margin-top:35px;
}

.copyright p {
  margin:0 auto;
  color:#FFF;
  font-size:14px;
  margin-bottom:0;
  text-align:center;
}

.hero-photo {
  width: 100vw;
  height: calc(100vh - 90.78px);  
  display: flex;
  justify-content: center;
  align-items: center;
  position:relative;
  overflow:hidden;
}

.hero-photo .white-circle {
   position:absolute;
   width:90%;
   opacity:0.4;
   -webkit-animation:spin 5s linear 1;
    -moz-animation:spin 5s linear 1;
    animation:spin 5s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards;
}

.hero-photo .white-circle.small {
   width:80%;
   -webkit-animation:revspin 5s linear 1;
    -moz-animation:revspin 5s linear 1;
    animation:revspin 5s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards;
}

.b2b-aim .white-circle {
   position:absolute;
   width:90%;
   opacity:0.5;
}

.b2b-aim .white-circle.small {
   width:80%;
}

.b2b-aim .white-circle.runanim,
.circle-container .white-circle.runanim {
   -webkit-animation:spin 5s linear 1;
    -moz-animation:spin 5s linear 1;
    animation:spin 5s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards;
}

.b2b-aim .white-circle.small.runanim,
.circle-container .white-circle.small.runanim {
   -webkit-animation:revspin 5s linear 1;
    -moz-animation:revspin 5s linear 1;
    animation:revspin 5s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards;
}

.circle-container .white-circle.top-left {
   position:absolute;
   opacity:0.3;
   left: -600px;
   top: 50px;
   width: 70%;
   z-index:-1;
}

.circle-container .white-circle.top-left.half-down {
   top:20%;
   z-index:1;
}

.circle-container .white-circle.bottom-right {
   right:-600px;
   z-index:-1;
   bottom:50px;
   width:70%;
   position:absolute;
   opacity:0.3;
}

.jarallax.zi-10,
.zi-10 {
   position:relative;
   z-index:10;
}

@-moz-keyframes spin { 
   100% { -moz-transform: rotate(180deg); } 
}
@-webkit-keyframes spin { 
   100% { -webkit-transform: rotate(180deg); } 
}
@keyframes spin { 
   100% { 
       -webkit-transform: rotate(180deg); 
       transform:rotate(180deg); 
   } 
}

@-moz-keyframes revspin { 
   100% { -moz-transform: rotate(-180deg); } 
}
@-webkit-keyframes revspin { 
   100% { -webkit-transform: rotate(-180deg); } 
}
@keyframes revspin { 
   100% { 
       -webkit-transform: rotate(-180deg); 
       transform:rotate(-180deg); 
   } 
}



.hero-photo.hp {
  background-image:url(img/homepage-hero-v3.jpg);
  background-size:cover;
  background-position:50% 50%;
}

.hero-photo.hp.dc {
   background-image:url(img/daring-convo-hero.jpg);
  background-size:cover;
  background-position:50% 50%;
}

.hero-photo.membership {
   background-image:url(img/membership-hero.jpg);
   background-size:cover;
  background-position:50% 50%;
}

.max {
  width:100%;
  display:block;
  max-width:500px;
  margin:0 auto;
}

.max.mw-487 {
   max-width:487px;
}

.max.mw-550 {
  max-width:550px;
}

.max.mw-750 {
  max-width:750px;
}

.max.mw-940 {
   max-width:940px;
}

.max.mw-995 {
  max-width:995px;
}

.max.ml-0 {
   margin-left:0;
}

.max.mr-0 {
   margin-right:0;
}

.poly-bg {
  background-image:url(img/hex-center-bkd-rev-80.png);
  background-color:#eee;
  background-attachment:fixed;
  width:100%;
  padding:120px 0;
}

.hover-box {
  width:100%;
  padding-bottom:100%;
  background-size:100% auto;
  background-position:50% 50%;
  background-repeat:no-repeat;
  position:relative;
  display:block;
  -webkit-transition: background-size 500ms linear;
    -moz-transition: background-size 500 linear;
    -o-transition: background-size 500 linear
    -ms-transition: background-size 500ms linear;
    transition: background-size 500ms linear;
}

.hover-box a {
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
}

.hover-box:hover {
  background-size:105% auto;
}

.hover-box.community {
  background-image:url(img/hp-community-photo.jpg)
}

.hover-box.programs {
  background-image:url(img/hp-programs-photo.jpg);
}

.hover-box.membership {
  background-image:url(img/hp-membership-photo.jpg);
}

.hover-box h3 {
  width:90%;
  margin:0 auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.vert-line {
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  height:100%;
}

.lefty .vert-line,
.lefty .circle.top,
.lefty .circle.bottom {
   left:0;
   transform:none;
}

.lefty .vert-line {
   left:7px;
}

.vert-line svg {
  height:100%;
}

.hori-line {
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
  width:100%;
  margin-top:-2px;
}

.hori-line svg {
  width:100%;
  max-height:3px;
}

.container.animated-lines {
  padding:50px 0;
}

.circle.grey {
  width:15px;
  height:15px;
  border-radius:50%;
  background-color:#979797;
  position:absolute;
}

.circle.top {
  top:0;
  left:50%;
  transform:translateX(-50%);
}

.circle.right {
  right:0;
  top:50%;
  transform:translateY(-50%);
}

.circle.left {
  left:0;
  top:50%;
  transform:translateY(-50%);
}

.circle.bottom {
  left:50%;
  transform:translateX(-50%);
  bottom:0;
}

.hex-fade-wrap {
  padding:160px 0;
  background-image:url(img/hex-corner-bkd-left-8.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 50%;
}

.hex-fade-wrap.no-btm-pad {
   padding-bottom:0;
}

.hex-fade-wrap.right-side {
  background-image:url(img/hex-corner-bkd-right.jpg)
}

.hex-fade-wrap.left-side {
  background-image:url(img/hex-corner-bkd-left.jpg)
}

.yellow-cubes {
  padding:105px 0;
  background-image:url(img/hex-center-bkd-rev-40.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 50%;
  width:100%;
  background-color:#da9a29;
}

.yellow-cubes.pad-75 {
   padding:75px 0;
}

.yellow-cubes.extra-pad {
   padding:175px 0;
}

.yellow-cubez {
   perspective: 1px;
   transform-style: preserve-3d;
   padding:105px 0;
   overflow-x: hidden;
   overflow-y: scroll;
   background-color:#da9a29;
 }

 .yc-bg {
   background-position: center;
   background-size: cover;
   display: flex;
   flex: 1 0 auto;
   position: relative;
   z-index: -1;
   height: 100%;
   width: 100%;
   justify-content: center;
   background-image:url(img/hex-center-bkd-rev-40.png);
   align-items: center;
   transform: translateZ(-5px) scale(2);
 }

.yellow-cubes.blue {
  background-color:rgb(85,136,178);
  background-image:url(img/hex-center-bkd-rev-25.png);
}

.relative {
  position:relative;
  height:15px;
}

.relative-auto {
  position:relative;
}

img.fill {
  display:block;
  width:100%;
  max-width:456px;
  margin:0 auto;
}

img.stretch {
  width:100%;
  display:block;
}

.b2b-aim {
  padding:175px 0;
  background-image:url(img/about-collaboration-photo-full.jpg);
  background-repeat:no-repeat;
  position:relative;
  overflow:hidden;
  display:flex;
  justify-content: center;
  align-items: center;
}

.trans-blue {
  width:100%;
  background-color:rgba(43,107,160,0.7);
  padding:80px 0;
  position:relative;
  z-index:4;
}

.trans-blue h4 {
  display:block;
  width:90%;
  max-width:750px;
  margin:0 auto;
  text-align:center;
}

.circle-overlay {
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:70%;
}

.poly-left {
  width:49%;
  margin-right:2%;
  display:inline-block;
  vertical-align:top;
}

.poly-right {
  width:49%;
  display:inline-block;
  vertical-align:bottom;
  padding-top: 147px;
}

.polygon {
  display:block;
}

.polygon:first-child {
  margin-bottom:40px;
}

.fifty-fifty {
  width:100%;
  background-color:#eaeaea;
}

.fifty-fifty .left,
.fifty-fifty .right {
  display:inline-block;
  width:50%;
  vertical-align:middle;
}

.fifty-fifty .left {
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

.flex-blue {
  display:flex;
  justify-content:space-between;
  align-items: stretch;  
}

.flex-blue .flexed {
  background-color:#003d5b;
  padding:75px 25px 50px 25px;
  box-sizing:border-box;
  width:calc(33.3333% - 20px);
  display: flex;             /* nested flex container */
  flex-direction: column;    /* vertical alignment of flex items */
  justify-content: center;   /* center flex items vertically */
  align-items: center;       /* center flex items horizontally */
  position:relative;
}

.flexed.hex-bg:first-child {
   background-image:url(img/hex-mini-bg-1.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:0% 0%;
}

.flexed.hex-bg:nth-child(2) {
   background-image:url(img/hex-mini-bg-2.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 50%;
}

.flexed.hex-bg:last-child {
   background-image:url(img/hex-mini-bg-3.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:50% 100%;
}

.flex-blue:first-child {
  flex:3;
}

.flex-blue:last-child {
  flex:1;
}

.flexed p {
  text-align:center;
}

.flex-number {
  position:absolute;
  left:50%;
  top:-50px;
  transform:translateX(-50%);
}

.splitem {
  display:flex;
  align-items:stretch;
}

.split-left,
.split-right {
  padding:133px 85px;
  box-sizing:border-box;
  width:50%;
  display: flex;             /* nested flex container */
  flex-direction: column;    /* vertical alignment of flex items */
  justify-content: center;   /* center flex items vertically */
  align-items: center;       /* center flex items horizontally */
}

.split-left {
  background-color: #2b6ba0;
}

.split-right {
  background-color: #eaeaea;
}

.staff-group {
   display:flex;
   flex-wrap:wrap;
   justify-content:center;
}

.staff-group .staff {
   width:calc(33.333333% - 20px);
   text-align:center;
   margin-right:20px;
   margin-bottom:84.5px;
}

.staff-group.videos .staff {
   width:calc(25% - 20px);
}

.staff-group .staff:nth-child(3n),
.staff-group.videos .staff:nth-child(4n) {
   margin-right:0;
}

.staff-group.videos .staff:nth-child(3n) {
   margin-right:20px;
}

.headshot a {
   position:absolute;
   z-index:15;
   width:100%;
   height:100%;
   cursor:pointer;
   left:0;
   top:0;
}

.staff .headshot {
   position:relative;
}

.staff .hover-overlay {
   position:absolute;
   height:0;
   width:100%;
   top:0;
   left:0;
   background-color:rgba(85,136,178,.75);
   z-index:10;
   -webkit-transition: height 500ms linear;
    -moz-transition: height 500 linear;
    -o-transition: height 500 linear
    -ms-transition: height 500ms linear;
    transition: height 500ms linear;
}

.staff:hover .hover-overlay {
   height:100%;
}

.staff .link-icon {
   opacity:0;
   position:absolute;
   left:50%;
   top:50%;
   transform:translate(-50%,-50%);
   transition: opacity 700ms linear;
   z-index:12;
}

.staff:hover .link-icon,
.videos .staff .link-icon {
   opacity:1;
}

.blue-divider {
   height:1px;
   width:100%;
   background-color:#5588b2;
   margin:20px auto;
}

.linkedin {
   text-align:center;
   border:none;
   outline:none;
}

.linkedin img {
   display:block;
   margin:0 auto;
   border:none;
   outline:none;
}

.fancybox__content.container {
   max-width:1140px;
   padding:50px 0;
}

.bio-copy {
   height:555px;
   overflow:scroll;
   padding:0 6%;
   width:94%;
}

.faq span {
   font-size:20px;
}

.faq-flex {
   justify-content: space-between;
}

.faq-flex .faq {
   width: 30.6666666667%;
   max-width:300px;
}

.faq-flex.criteria .faq {
   width:calc(50% - 30px);
   max-width:none;
   background-color:#eaeaea;
   padding:65px 50px;
   box-sizing:border-box;
}

.faq-flex.criteria .faq:first-child {
   margin-right:30px;
}

.faq-flex.criteria {
   display:flex;
}

.faq-flex.honorary {
   justify-content:center;
}

.faq-flex.honorary.logos {
   align-items:center;
   flex-wrap:wrap;
}

.faq-flex.honorary.logos .faq {
   width:auto;
   margin-right:75px;
   margin-bottom:80px;
}

.faq-flex.honorary .faq {
   margin-right:50px;
}

.faq-flex.honorary .faq:last-child {
   margin-right:0px;
}

.faq-flex .animated-line {
   width:2%;
   position:relative;
}

.yellow-poly {
   max-width:300px;
   width:100%;
   position:relative;
}

.faq .yellow-poly img {
   transition: transform .7s ease-in-out;
}

.faq .yellow-poly:hover img {
   transform:rotate(180deg);
}

.yellow-poly h4 {
   position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   width:90%;
}

.faq p {
   max-width:300px;
   width:100%;
}

.beige-wrap {
   padding:110px 0;
   width:100%;
   background-color:#eaeaea;
}

.beige-fill {
   width:100%;
   background-color:#eaeaea;
   padding:75px 100px;
}

.hex-abso {
   position:absolute;
   top:60px;
   left:60px;
}

.more-text {
   display:none;
}

.read-more .less {
   display:none;
}

.h-210 {
   height:210px;
  position: relative;
  margin: 0 auto;
  display: block;
  width: 15px;
}

.h-210 .vert-line svg {
   width:3px;
}

.headshot .max-300 {
   display:block;
   margin:0 auto;
   max-width:300px;
   width:90%;
}

.hide-first {
   display:none;
}

.grey-bar {
   background-color:#979797;
   height:1.5px;
   width:100%;
}

.dub-left {
   display:inline-block;
   width:50%;
   box-sizing:border-box;
   padding-right:25px;
   vertical-align:top;
}

.dub-right {
   display:inline-block;
   width:50%;
}

.circle-container {
   position:relative;
}

/*–––––––––––––––––––––––––––––––––– Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */

@media (max-width:1100px) {
  .nav-items li {
    margin-right: 20px;
  }
}

@media (max-width:980px) {
  .hamburger {
    top:32px;
    right:25px;
    position: absolute;
    width: 23px;
    z-index:1001;
  }

  .hamburger:before,
  .hamburger:after,
  .hamburger div {
    background: #2b6ba0;
    content: "";
    display: block;
    height: 4px;
    border-radius: 6px;
    margin: 4px 0;
    transition: 0.5s;
  }
  .hamburger.dropped:before {
    transform: translateY(8px) rotate(135deg);
  }
  .hamburger.dropped:after {
    transform: translateY(-7px) rotate(-135deg);
  }
  .hamburger.dropped div {
    transform: scale(0);
  }

  .open .nav-items {
    display:block;
    position:absolute;
    left:0;
    margin-left:-5.5%;
    top:81px;
    background-color: #FFF;
  height: calc(100vh - 81px);
  width: 100vw;
  }

  .nav-items {
    display:none;
    text-align:left;
  }

  .nav-items li {
    display:block;
    padding-left:5%;
    margin-right:0;
    border-bottom: 2px solid #eeeeee;
    padding-top:5px;
    padding-bottom:5px;
  }

  .nav-items li > ul li {
    border:none !important;
  }

  .nav-items li.has-child > ul li a {
    background:none;
  }

  .nav-items li > ul {
    display:none;
  }

  .nav-items li a {
    border:none !important;
    display:block;
    padding-bottom:0;
  }

  .nav-items li.members {
    padding-left: 60px;
    background-position: 24px 50%;
  }

  .nav-items li.has-child a {
    background-image: url(img/caret-down-blue.svg);
    background-repeat: no-repeat;
    background-position: 92% 50%;
    background-size: 15px auto;
  }

  .nav-items li.dropped > ul {
    display:block;
  }

  .footer-left {
    display:block;
    margin:0 auto;
  }

  .footer-right {
    display:block;
    margin:0 auto;
    margin-top:30px;
    text-align:center;
  }

  .footer-right li:first-child {
    display:block;
    margin-right:auto;
    margin:0 auto;
    margin-bottom:20px;
  }

  .hide-980 {
    display:none !important;
  }

  .show-980 {
    display:block !important;
  }

  .mob-no-top {
    margin-top:0 !important;
  }

  .mob-pad-btm-0 {
    padding-bottom: 0 !important;
  }

  .stretch-980 {
    margin:0 auto !important;
    display:block !important;
    float:none !important;
    width:100% !important;
  }

  .stretch-980.mob-btm {
    margin-bottom:40px !important;
  }

  .fifty-fifty .left,
  .fifty-fifty .right {
    display:block;
    width:100%;
  }

  .fifty-fifty .right {
    padding:40px 5%;
  }

  .mob-top-30 {
    margin-top:40px !important;
  }

  .mt-50 {
    margin-top:40px;
  }

  .mob-no-top {
    margin-top:0 !important;
  }

  .hex-fade-wrap {
    padding:60px 0;
  }

  .b2b-aim {
    padding:80px 0;
  }

  .b2b-aim .circle-overlay {
    display:none;
  }

  .flex-blue {
    display:block;
  }

  .flex-blue .flexed {
    display:block;
    margin:0 auto;
    margin-bottom:80px;
    width:300px;
  }

  .flex-blue .flexed:last-child {
    margin-bottom:0;
  }

  .splitem {
    display:block;
  }

  .splitem .split-left,
  .splitem .split-right {
    display:block;
    width:100%;
    padding:60px;
  }

  .mt-100 {
   margin-top:50px;
  }

  .staff-group {
   display:block;
  }

  .staff-group .staff {
   width: 100%;
   margin: 0 auto;
   max-width: 300px;
   display: block;
   margin-bottom:40px;
  }

  .staff-group .staff:nth-child(3n),
  .faq-flex.honorary .faq,
  .faq-flex.honorary .faq:last-child {
   margin-right:auto;
  }

  .row.flex-row {
   display: block;
   }

   .faq-flex .faq {
   width: 100%;
   display: block;
   margin: 0 auto;
   margin-bottom: 40px;
   }

   .faq-flex .animated-line {
      display:none;
   }

   .yellow-cubes.extra-pad {
      padding:85px 0;
   }
   
   .mob-center {
      display:block;
      margin:0 auto;
   }

   .hex-abso {
      display:none;
   }

   .left-on-mob {
      text-align:left !important;
   }

   .faq-flex.honorary.logos .faq img {
      margin:0 auto;
      display:block;
   }

   .btn-wrap.double .button:first-child {
      margin-right: auto;
      margin-left:auto;
    }

    .btn-wrap.double .button {
      display:block;
      margin:0 auto;
      margin-bottom:30px;
    }

    .staff-group.videos .staff {
      width:100%;
    }

    .staff-group.videos .staff:nth-child(3n),
    .staff-group.videos .staff:nth-child(4n) {
      margin-right: auto;
    }

    .max.ml-0,
    .max.mr-0 {
      margin:0 auto;
    }

    .ml-0 .headshot img,
    .mr-0 .headshot img {
      display:block;
      margin:0 auto;
    }

    .mt-80 {
      margin-top:40px;
    }

    .faq-flex.criteria {
      display:block;
    }

    .faq-flex.criteria .faq {
      width:100%;
    }

    .faq-flex.criteria .faq:first-child {
      margin-right: auto;
    }

    .dub-left,
    .dub-right {
      display:block;
      padding:0;
      width:100%;
    }

    .dub-right {
      margin-top:40px;
    }

    .beige-fill {
      padding: 65px 50px;
    }

    .hero-photo .white-circle {
      display:none;
    }

    h1, h2 {
      font-size:50px;
      line-height:50px;
    }

    body {
      max-width:100%;
      overflow-x:hidden;
    }

    .rollover:hover .roll-text:first-child {
        margin-top: -50px;
    }

    .button {
      font-size: 20px;
      height: 50px;
      line-height: 50px;
      font-weight: 500;
      width:293px;
    }

    .button.video-reveal {
      width:293px;
    }

    .footer-right {
    width: 100%;
    }

    .faq-flex.honorary.logos .faq {
    display:block;
    margin:0 auto;
    margin-bottom:40px;
    }

    .poly-left,
    .poly-right {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }
    
   .poly-right {
		padding-top:0;
	}

  .poly-left img,
  .poly-right img {
    margin:0 auto;
    display:block;
  }

  .polygon {
    max-width: 240px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 40px;
  }

}

@media (max-width:600px) {
  h1, h2 {
    max-width:95%;
    margin:0 auto;
      font-size:40px;
      line-height:40px;
  }

  .button.video-reveal,
  .button {
  max-width:100%;
  }

  .yellow-cubes.jarallax {
    background-image: url(img/hex-center-bkd-rev-40.png) !important;
    background-size: cover;
  }

  .yellow-cubes.jarallax .jarallax-container div {
    display:none !important;
  }

}

@media (max-width:401px) {
  .open .nav-items {
    margin-left:0;
  }
}