@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url("https://use.typekit.net/xhi5phq.css");

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/





















/* color variables, dark mode */




















/* -------------------------------- */




/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body { color: #ADC6C9; font-family: 'Open Sans', sans-serif; box-sizing: border-box; margin: 0;
  background: 
    radial-gradient(
      farthest-corner at bottom right,
      rgba(160, 140, 175, 1.0), 
      transparent 40%
    ),
	  radial-gradient(
      farthest-side at top right,
      rgba(126, 160, 96, 1.0), 
      transparent 60%
    ),
	linear-gradient(270deg, rgba(34,135,131,1) 0%, rgba(16,44,73,1) 100%);
 }
#svg-demo {overflow:hidden;position:relative}
#kit-animation {overflow:hidden;position:relative}
p { margin-top: 0; }
a, a:visited { color: #00FFFF; }
h1 { color: white; text-transform: uppercase; letter-spacing: -1px; line-height: 110%; }
h2 { color: white; }

h3 {color: white; font-weight: 500; }
.noTopMargin { margin-top: 0 }
.container-fluid .row-fluid .page-center { float: none; max-width: 1140px; margin: 0 auto;  padding: 20px; width: 100%; box-sizing: border-box; }
.container-fluid .row-fluid .followsFixedHeader { padding-top: 80px; /*min-height: calc(100vh - 300px) !important; */} /* Lucas, see me about this height definition */
p.noMargin { margin: 0; }
p.margin { margin: 1em 0; }
.primary-button { border-radius: 5px; padding: 10px 15px; background: #228783; color:#fff; border: none; }
img.logoHeader { max-width: 100px; margin: 13px 0 0 20px; width: auto; height: auto; }
img.logoFooter { max-width: 120px; margin-bottom: 15px; width: auto; height: auto; }

svg.logo path.primaryDark { fill: #BDC6BF; } 
svg.logo path.primaryLight, svg.logo polygon.primaryLight { fill: #228783; }

.action .help-icons { position:absolute; width:105%; z-index:2; top:-2%; }
#enable { width: 80%; left: 24%; } /* override for the enable svg file help-icon */

svg.rocket { transform: scaleX(-1); }

blockquote { margin: 15px 0 35px 60px; padding: 10px 25px; border-left: 4px white solid; position: relative; }
blockquote:before { content: url(https://8046892.fs1.hubspotusercontent-na1.net/hubfs/8046892/quote-left-rev.svg); position: absolute; top: 10px; left: -55px; width: 30px; }
blockquote p { font-size: 1.4em; font-weight: 200; }
blockquote p.attribution { font-size: .9em; color #AFDBCC; }

ul.longList li, ol.longList li { margin-bottom: 1em; }

section.standard { background-size: cover; background-repeat: no-repeat; background-position: center center; }
section.standard.fixed { background-attachment: fixed; }
section.standard .overlay { top: 0; left: 0; right: 0; bottom: 0; }
section.standard .overlay.black { background-color: rgba(0,0,0,.7); }
section.standard .overlay.primary { background-color: rgba(16,44,73,.7); }
section.standard .overlay.black_gd { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
section.standard .overlay.primary_gd { background: linear-gradient(90deg, rgba(16,44,73,1) 0%, rgba(16,44,73,0) 100%); }
section.standard .overlay.secondary_gd { background: linear-gradient(90deg, #7EA060 0%, rgba(160,141,175,0) 100%); }
section.standard .overlay.freeform_gd { background: radial-gradient( farthest-corner at bottom right, rgba(160, 140, 175, 1.0), transparent 40% ), radial-gradient( farthest-side at top right, rgba(126, 160, 96, 1.0), transparent 60% ),	linear-gradient(270deg, rgba(34,135,131,.7) 0%, rgba(16,44,73,.7) 60%); }
/* section.standard .overlay.background  { background-size: 100%; background-position: center center; background-repeat: no-repeat; } */
section.standard .overlay.primary_color_solid{ background-color: rgba(16,44,73,1) }

section#deliverables { background-color: #102C49 }

section.standard img { width: 100%; }

section.standard .bg_image.bg_active { background-size: 100%; background-repeat: no-repeat; background-position: center; }
section.standard .bg_image.bg_active.right { background-size: calc(50% - 80px); background-position: center right 40px; }
section.standard .bg_image.bg_active.left { background-size: calc(50% - 80px); background-position: center left 40px; }
section.standard img.background { display: none; }
section.standard img.photograph { padding: 15px; background-color: #AFDBCC; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; box-sizing: border-box; }
section.standard .right img.photograph { transform: rotate(3deg); }
section.standard .left img.photograph { transform: rotate(-3deg); }

section.standard .page-center.pd-none { padding-top: 0px; padding-bottom: 0px; }
section.standard .page-center.pd-normal { padding-top: 50px; padding-bottom: 50px; }
section.standard .page-center.pd-small { padding-top: 20px; padding-bottom: 20px; }
section.standard .page-center.pd-medium { padding-top: 100px; padding-bottom: 100px; }
section.standard .page-center.pd-large { padding-top: 200px; padding-bottom: 200px; }

.legalStructure ol.alpha { list-style-type: lower-alpha; }
ul.legalTOC { list-style-type: none; font-size: .8em; }
ul.legalTOC ul { list-style-type: none; padding-inline-start: 15px; }

iframe.prfForm { width: 100%; border: none; overflow: hidden; min-height: 1405px; }

.socialLinks { margin-top: 15px; }
.socialLinks a.social { display: flex; padding: 10px; border-radius: 4px; margin: 0 5px 10px 0; font-size: .8em; text-decoration: none; }
.socialLinks a.social {  background-color: #001C35; color: #ADC6C9; }
.socialLinks a.social-icon { width: 50px; margin:10px }

.socialLinks a.social:before {
    content: ' ';
    width: 17.333px;
    height: 17.333px;
    background-size: 17.333px 17.333px;
    background-position: center center;
    display: inline-block;
  margin-right: 9px
}

.socialLinks a.twitter:before { background-image: url('https://www.theodigogroup.com/hubfs/twitterRev-footer.svg') }
.socialLinks a.facebook:before { background-image: url('https://www.theodigogroup.com/hubfs/facebookRev-footer.svg') }
.socialLinks a.linkedIn:before { background-image: url('https://www.theodigogroup.com/hubfs/linkedInRev-footer.svg') }

a.ctaButton { display: inline-block; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; width: auto; padding: 10px 30px; border-radius: 4px; background-color: #3abd70; color: #001C35; text-decoration: none; font-size: .9em; transition: .2s; margin: 20px 0 0 0; } 
a.ctaButton:hover { background-color: #102C49; color: #ADC6C9; transition: .2s; }
a.ctaButton2 { display: inline-block; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; width: auto; padding: 10px 30px; border-radius: 4px; background-color: #001C35; color: #ADC6C9; text-decoration: none; font-size: .9em; transition: .2s; margin: 20px 0 0 0; } 
a.ctaButton2:hover { background-color: #102C49; color: #ADC6C9; transition: .2s; }
a.ctaButton.noMargin { margin: 0; }

#why-odigo .buckets { display: flex; flex-direction: row; flex-wrap: wrap; width: 50%; }
#why-odigo .bucket { width: calc(40% - 10px); background: #228783; color: #fff; margin: 0 10px 10px 0; padding: 20px; transition: .2s; }
#why-odigo a { text-decoration: none; }
#why-odigo a.bucket { }
#why-odigo a:hover.bucket { background-color: #3ABD70; color: #001C35 transition: .2s; }
.flex-col {display: flex; flex-direction:row}
/* Team Page */

.teamMembers .tags { padding: 5px 0 25px 0; display: flex; justify-content: flex-start; align-items: center; }
.teamMembers .tags .tag { padding: 7px 15px; font-size: .7em; margin: 0 3px 3px 0; border-radius: 4px; color: white; background-color: ; }

.teamMembers .tags .tag.leadership { background-color: #3ABD70; }
.teamMembers .tags .tag.creative { background-color: #16A59B; }
.teamMembers .tags .tag.marketing { background-color: #5973A8; }
.teamMembers .tags .tag.projectManagement { background-color: #907291; }
.teamMembers .tags .tag.contentDev { background-color: #A08CAF; }

.teamMembers .members { display: flex; flex-wrap: wrap; }
.teamMembers .member { text-align: center; cursor: pointer; margin: 0 10px; max-width: 140px; transition: .2s ease-in-out; }
.teamMembers .member img.headshot { object-fit: cover; object-position: center; height: 125px; width: 125px; border-radius: 100%; filter: grayscale(0); transition: .2s; border: solid; border-width: 4px; }

.teamMembers .member.leadership img.headshot { border-color: #3ABD70; }
.teamMembers .member.creative img.headshot { border-color: #16A59B; }
.teamMembers .member.marketing img.headshot { border-color: #5973A8; }
.teamMembers .member.projectManagement img.headshot { border-color: #907291; }
.teamMembers .member.contentDev img.headshot { border-color: #A08CAF; }

.teamMembers .member:hover { transform: scale(1.05); transition: .2s ease-in-out; }
.teamMembers .member:hover img.headshot { filter: grayscale(1); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; transition: .2s; }
.teamMembers h3 { font-size: 1em; margin: 0; }

.teamMembers p.jobTitle { font-size: .8em; margin: 0; min-height: 60px; }

.teamMembers .member F.bio { z-index:-1 }
.bio .overlay.freeform_gd .bio-active { background: radial-gradient( farthest-corner at bottom right, rgba(160, 140, 175, 1.0), transparent 40% ), radial-gradient( farthest-side at top right, rgba(126, 160, 96, 1.0), transparent 60% ),	linear-gradient(270deg, rgba(34,135,131,.7) 0%, rgba(16,44,73,.7) 60%); }
.bio-button {display:none}
.bio-button-active {position:absolute; bottom:50px; right:0px;display: inline-block; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; width: auto; padding: 10px 30px; border-radius: 4px; background-color: #001C35; color: #ADC6C9; text-decoration: none; font-size: .9em; transition: .2s; margin: 20px 0 0 0; }
.bio-button-active:hover { background-color: #102C49; color: #ADC6C9; transition: .2s; }


 /* nav elements */
#mainNav { box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);; }
.navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; }

.container-fluid #mainNav .row-fluid.page-center { padding: 0; }
#mainNav svg.logo { margin: 14px 0 0 20px; max-width: 100px; }
#mainNav .collpase { display: none }

#mainNav ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end; align-items: center; }
#mainNav ul li { }
#mainNav ul li.hs-item-has-children { position: relative; }
#mainNav ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: absolute; }
#mainNav ul li a { display: block; padding: 20px 15px 16px 15px; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: 700; font-size: .9em; transition: .2s; border-bottom: solid; border-width: 4px; }
#mainNav ul li a:hover { transition: .2s; }
#mainNav ul.hs-menu-children-wrapper li { display: block; }
#mainNav ul.hs-menu-children-wrapper li a { text-align: left; padding: 20px 15px; border-bottom: none; border-left: solid; border-width: 4px; }
#mainNav .hs-item-has-children:hover .hs-menu-children-wrapper { display: block; }
#mainNav ul.hs-menu-children-wrapper { display: none; min-width: 200px; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);; }

/* nav light mode colors */
#mainNav { background-color: #001C35; }
#mainNav ul li a { border-color: #001C35; color: #ADC6C9; }
#mainNav ul li a:visited { color: #ADC6C9; }
#mainNav ul li.active-branch a { border-color: #228783; }
#mainNav ul li.hs-item-has-children ul.hs-menu-children-wrapper a { border-color: #001C35; }
#mainNav ul li a:hover  { background-color: #7EA060; border-color: #7EA060; color: #001C35 }
#mainNav ul li.hs-item-has-children ul.hs-menu-children-wrapper li.active a { background-color: #29617D; border-color: #29617D;  }
#mainNav ul li.hs-item-has-children ul.hs-menu-children-wrapper a:hover { background-color: #7EA060; border-color: #7EA060; }
#mainNav ul.hs-menu-children-wrapper { background-color: #001C35; }

/*  testimonials */
.testimonials .cards .card { background: none; box-shadow: none; border: 0; padding: 0; position: relative; }
div#testimonials blockquote { padding: 25px; margin-top: 0; }
div#testimonials .quote.full { display: none; }
div#testimonials div.close { display: none }
div#testimonials.active div.testimonial.open { width: 100%; }
div#testimonials.active div.testimonial.open .quote { display: none; }
div#testimonials.active div.testimonial.open .quote.full { display: block; padding-right: 30px; }
div#testimonials.active div.testimonial.open div.close { display: block; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2000; }
div#testimonials.active div.testimonial.open div.close img { width: 16px; height: 16px; }
div#testimonials.active div.testimonial.open div.close:hover { cursor: pointer; }
div#testimonials.active div.testimonial {  }
div#testimonials.active div.testimonial.active { display: block; }
div#testimonials.active div.testimonial.active .ctaButton { display: none; }
div#testimonials div.testimonial.active blockquote {  background-color: rgba(255,255,255,.03); transition: .2s; }

#footerContainer { padding: 30px 0; background: linear-gradient(270deg, rgba(16,44,73,.8) 0%, rgba(0,28,53,.8) 100%); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; }

footer p { font-size: .8em; }
footer h2 { font-size: 1em; text-transform: uppercase; margin: 0 0 6px 0; }
footer svg.logo { margin-bottom: 20px; }
footer ul.legal { padding: 0; margin: 15px 0 0 0; list-style-type: none; }
footer ul.legal li a { display: block; padding: 10px; border-radius: 4px; margin: 0 5px 10px 0; font-size: .8em; text-decoration: none; }
footer ul.legal li a {  background-color: #001C35; color: #ADC6C9; }

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

#form_pageEnd h2 { font-size: 3em; text-transform: uppercase; margin-bottom: 15px; letter-spacing: -1px; line-height: 1em; }
span.callOut { color: #3ABD70; }
#form_pageEnd .span4 { padding-right: 15px; }

/* forms */

#form_pageEnd h2.formLead {font-size: 36px; text-wrap:balance}

.standardForm { padding: 20px; position: relative; }
.standardForm h2, .standardForm h3 { margin: 0; }
.standardForm form fieldset { max-width: 100%; }
.standardForm form ul { list-style-type: none; padding: 0; margin: 2px 0 10px 0;  }
.standardForm form fieldset.form-columns-2 .hs-form-field { width: 50%; box-sizing: border-box; }
.standardForm form fieldset.form-columns-1 .hs-form-field { width: 100%; box-sizing: border-box; }
.standardForm form fieldset.form-columns-1 .hs-input { width: 100% }
.standardForm form input, .standardForm form select, .standardForm form textarea { border: 0; border-radius: 5px; padding: 15px; width: 100%; box-sizing: border-box;  }

.standardForm form .legal-consent-container p { font-size: .8em; margin: 20px 0 0 0; max-width: 700px; }
.standardForm form input[type="submit"] { padding: 15px 50px; border-radius: 9px; text-transform: uppercase; margin: 20px 0 0 0; width: auto; cursor: pointer; transition: .2s; font-weight: 700; border: 0; box-shadow: none; }
.standardForm form input[type="submit"]:hover { transition: .2s; }
.standardForm label { font-size: .9em; margin: 15px 0 5px 0; display: block; }
.standardForm form textarea { font-family: 'Open Sans'; }


.standardForm .hs-error-msg { color: #3ABD70; }
.standardForm .hs-error-msgs { color: #16A59B; }
.standardForm .legal-consent-container .hs-error-msgs label { color: #3ABD70; }

.standardForm form select { -webkit-appearance: none; }
.standardForm { color: #ADC6C9; }
.standardForm form ul { /* color: #7EA060; */  }
.standardForm form fieldset ul p { color: white; }
.standardForm form input, .standardForm form select, .standardForm form textarea { background-color: #001C35; color: #ADC6C9;    }
.standardForm form input[type="submit"] {  background-color: #001C35;  color: #ADC6C9; border-color: #228783; -webkit-appearance: none;}
.standardForm form input[type="submit"]:hover {  background-color: #228783;  color: #001C35;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  border: 0;  -webkit-text-fill-color: #ADC6C9;  -webkit-box-shadow: 0 0 0px 1000px #001C35 inset;  transition: background-color 5000s ease-in-out 0s }

/* blog */
.hs-author-avatar img { max-width: 100px; display: none; }

.blogListing { display: flex; flex-direction: row; flex-wrap: wrap; }
.blog-index__post { display: flex; margin: 0 20px 20px 0; box-sizing: border-box; }
.blog-index__post--large { min-height: 400px; width: 100%; display: flex; flex-wrap: nowrap; }
.blog-index__post--small { min-height: 300px; width: calc(33.3% - 20px); display: flex; flex-direction: column; }
.blog-index__post-content { padding: 20px; box-sizing: border-box; }
.blog-index__post--large a.blog-index__post-image { background-size: cover; width: 50%; box-sizing: border-box; }
.blog-index__post--large .blog-index__post-content { width: 50%; padding: 30px; }
.blog-index__post--small a.blog-index__post-image { background-size: cover; height: 200px; box-sizing: border-box; }
.blog-index__post--small .blog-index__post-content { }

.blog-index__post h2:first-child { margin-top: 0; margin-bottom: 3px; letter-spacing: -1px; font-size: 1em; }
.blog-index__post h2 { font-size: .9em; margin: 1em 0 0 0; }
.blog-index__post p { font-size: .8em; }

.blog-index__post--large .blog-index__post-content h2 { font-size: 1.2em; }
.blog-index__post--large .blog-index__post-content p { font-size: 1em; }

.blog-index__post blockquote { margin: 0; padding: 0; border: 0; }
.blog-index__post blockquote:before { content: ''; position: relative; width: auto; }
.blog-index__post blockquote p { font-size: .9em; font-weight: 400; }
.blog-index__post blockquote p.attribution { font-size: .8em; }

.blog-index__post p.publishDate { font-size: .7em; }
.blog-index__post h2 a { text-decoration: none; transition: .2s; }
.blog-index__post h2 a:hover { transition: .2s; }
a.blog-index__post-image { display: block; background-size: cover; background-position: center center; background-color: #ADC6C9;  }
img.blogImage { max-width: calc(100% - 30px); margin: 15px 0; padding: 15px; box-shadow: 0 0 5px 5px rgba(0,0,0,.05) }

.blog-index__post { background-color: #001C35; }
.blog-index__post p { color: #AFDBCC; }
.blog-index__post h2 { color: #ADC6C9; }
.blog-index__post h2 a { color: white; }
.blog-index__post h2 a:hover { color: #7EA060; }
img.blogImage { background-color: #001C35;  }
img.blogImage.rev { background-color: #ADC6C9;  }
img.blogImage.noMargin { margin: 0 }
h4.blog-header__subtitle { font-weight: 300; }

.blogTags { margin: 0 0 25px 0; font-size: .7em; padding: 10px; border-radius: 9px; background-color: rgba(255,255,255,.05); }
.blogTags ul { list-style-type: none; display: inline; padding: 0; margin: 0;  }
.blogTags ul li { display: inline; }
.blogTags a { display: inline-block; text-decoration: none; color: white; margin: 0 0 3px 0; padding: 7px 9px; border-radius: 3px; background-color: #001C35; transition: .2s; }
.blogTags a.active { background-color: #102C49; }
.blogTags a:hover { background-color: #102C49; transition: .2s; }
.blogTags a.active:hover { background-color: #001C35; transition: .2s; }
.blogTags h3 { display: none; }
.blogTags div.block { display: inline; }
.blogTags div.block div.widget-module { display: inline; }

h2.blogTag { margin-top: 0; }

/* Numbered Blog Pagination */
.blog-pagination { display: block; text-align: center; }
.blog-pagination > div { display: inline-block; }
.blog-pagination-left { text-align: right; }
.blog-pagination-right { text-align: left; }
.blog-pagination a { display: inline-block; text-align: center; border-radius: 4px; padding: 5px 10px; text-decoration: none; transition: .2s; }
.blog-pagination a:hover, .blog-pagination a:focus { background-color: #001C35; transition: .2s; }
.blog-pagination a.elipses { border: 0; }
.blog-pagination a.active { background-color: #102C49; color: #ADC6C9; pointer-events: none; cursor: default; }
.blog-pagination a.next-link, .blog-pagination a.prev-link { background-color: #001C35; color: #ADC6C9; }
.blog-pagination a.next-link:hover, .blog-pagination a.prev-link:hover { background-color: #228783; color: #ADC6C9; transition: .2s; }

/* site-search */
.hero .siteSearch { margin: 30px 0; padding: 20px; border-radius: 9px; background-color: rgba(0,0,0,.4); position: relative; z-index: 10; }
.siteSearch input.hs-search-field__input { border: 0; border-radius: 5px; padding: 15px; width: 100%; box-sizing: border-box; }
.siteSearch .hs-search-field--open input.hs-search-field__input { border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.siteSearch .hs-search-field--open ul.hs-search-field__suggestions { position: absolute; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; border: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 100%; padding: 15px; background-color: #102C49; box-sizing: border-box; }
.siteSearch .hs-search-field--open ul.hs-search-field__suggestions li a { display: block; border-radius: 5px; padding: 10px 5px; text-decoration: none; font-size: .8em; }
.siteSearch .hs-search-field--open ul.hs-search-field__suggestions li#results-for { font-weight: 400; padding: 5px 0 10px; }
.siteSearch .hs-search-results__listing { padding: 30px 0; }


/* caseStudy styling */
div.caseStudies { }
div.caseStudies div.caseStudy { display:flex; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; }
div.caseStudies div.caseStudy.active { background-color: #102C49; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);; transition: background-color 0.2s ease; }
div.caseStudies div.panel { display: none; padding: 30px;  }
div.caseStudies div.tile { }
div.caseStudies div.tile div.close { display: none }

div.caseStudies .cards .card { padding: 0; border: 0; justify-content: center; }

div.caseStudies div.tile div.logoContainer { padding: 30px; height: 100px; display: grid;  }
div.caseStudies div.tile div.logoContainer img.logo { max-width: 120px; place-self: center;  }
div.caseStudies div.tile div.statement { padding: 0 30px 30px 30px; text-align: center;  }
div.caseStudies div.tile div.details { display: none }

div.caseStudies.active { }
div.caseStudies div.caseStudy.active { background-color: #102C49; }
div.caseStudies div.caseStudy.active.open { background-color: #001C35; }
div.caseStudies.active div.caseStudy {  }
div.caseStudies.active div.caseStudy:hover { cursor: default; transition: background-color 0.2s ease; }
div.caseStudies.active div.caseStudy.open { position: relative; width: 100%;  }
div.caseStudies.active div.caseStudy.open .ctaButton { display: none; }
div.caseStudies.active div.caseStudy.open div.panel { display: flex; padding-top: 60px; box-sizing: border-box; background-color: #102C49; width: 66.7% }
div.caseStudies.active div.caseStudy.open div.tile div.details { display: block; }
div.caseStudies.active div.panel h3 { margin: 0 0 6px 0; font-size: 1.2em; font-weight: 700; }

div.caseStudies.active div.tile div.logoContainer { padding: 30px; height: auto; display: block;  }
div.caseStudies.active div.tile div.logoContainer img.logo { max-width: 120px; }
div.caseStudies.active div.tile div.statement { text-align: left; }

.caseStudies .col { width: 30%; }
.caseStudies .col.copy { width: 70%; }
.caseStudies.active .caseStudy.open .tile { width: 33.3%; }

.caseStudies .card.active { transition-duration: 0s; }
.caseStudies .card { transition-duration: 0s; }
.caseStudies a.ctaButton { cursor: pointer; }

div.caseStudies.active div.pillars div.pillar { display: none; grid-template-columns: 1fr 2fr; grid-column-gap: 2em; }
div.caseStudies.active div.pillars div.pillar.fullWidth { grid-template-columns: 1fr; grid-column-gap: 0; }
div.caseStudies.active div.pillars div.pillar.active { display: flex; }

div.caseStudies.active div.caseStudy.open div.tile div.close { display: block; position: absolute; top: 0; right: 0; padding: 15px; z-index: 2000; }
div.caseStudies.active div.caseStudy.open div.tile div.close img { width: 16px; height: 16px; }
div.caseStudies.active div.caseStudy.open div.tile div.close:hover { cursor: pointer; }

div.caseStudies.active div.panel div.col p.intro { font-size: 1.2em; font-weight: 300; }
div.caseStudies.active div.panel div.col.copy { padding-top: 34px; }
div.caseStudies.active div.panel div.col.copy h4:first-child { margin-top: 0px };
div.caseStudy div.pillarNav { margin: 30px 0 0 0; }
div.caseStudy div.pillarNav div.pillar { background-color: #102C49; width: 1px; height: 1px; padding: 5px; margin: 0 8px 0 0; border-radius: 100%; border: 2px #228783 solid; cursor: pointer; transition: background-color 0.2s ease; }
div.caseStudy div.pillarNav div.pillar.all { border-radius: 0; background-color: #7EA060; }
div.caseStudy div.pillarNav div.pillar.active { background-color: #228783; cursor: default; transition: background-color 0.2s ease; }
div.caseStudy div.pillarNav div.pillar.activeAll { background-color: #7EA060; transition: background-color 0.2s ease; }
div.caseStudy div.pillarNav div.pillar:hover { background-color: #228783; transition: background-color 0.2s ease; }

/* blog selector styling */

/* div.articles { padding: 30px 0; display: grid;  grid-auto-rows: 1fr; grid-column-gap: 1em; transition: .2s } */
div.articles.col-2 { grid-template-columns: 1fr 1fr ; }
div.articles.col-3  {grid-template-columns: 1fr 1fr 1fr; }
div.articles.col-expand  { grid-template-columns: 1fr 1fr 1fr; }
div.articles a.article { display: grid;  transition: .2s; text-decoration: none; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; }
div.articles a.article img { width: 100%; object-fit: cover; }
div.articles.col-3 a.article img, div.articles.col-expand a.article img { height: 175px; }
div.articles.col-2 a.article img { height: 260px; }
div.articles a.article div.content { padding: 20px; }
div.articles a.article h3 { font-size: 1em; font-weight: 700; margin: 0; }
div.articles a.article p { font-size: .9em; color: #ADC6C9; }
div.articles a.article p.author { font-size: .8em; color: #AFDBCC; }
div.articles a.article:hover { background-color: #ebebeb; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.4);; transition: .2s; }

div.base1 div.articles a.article { background-color: #102C49; }
div.base2 div.articles a.article { background-color: #001C35; }
div.base3 div.articles a.article { background-color: #102C49; }

div.base1 div.articles a.article:hover { background-color: #ebebeb; }
div.base2 div.articles a.article:hover { background-color: #ebebeb; }
div.base3 div.articles a.article:hover { background-color: #001C35; }

div.base1 { background-color: #001C35; }
div.base2 { background-color: rgba(0,28,53,0.15); }
div.base3 { background-color: #ebebeb; }
div.baseBlack { background-color: #000; }
div.baseBlue {background-color: #228783}
div.full-width {  }

/* --- cards --- */
.cards { display: flex; flex-wrap: nowrap; overflow-x: scroll; height: auto; width: 100%; padding: 10px; margin: -10px;  position: relative;  -webkit-overflow-scrolling: touch; }
.cards::-webkit-scrollbar { display: none; }
.cards.col-1 .card { width: 100%; }
.cards.col-2 .card { width: calc(50.0% - 5px);  }
.cards.col-3 .card { width: calc(33.3% - 6px);  }
.cards.col-4 .card { width: calc(25% - 7px);  }
.card { flex: 0 0 auto; background-color: #001C35; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;; width: 30%; height: auto; box-sizing: border-box; margin: 10px 10px 10px 0; padding: 20px; border: 1px #001C35 solid; transition: background-color 0.2s ease; scroll-margin: 9px; }
.card.active {  border: 1px #228783 solid; transition: background-color 0.2s ease; }

.cardNav { margin: 15px 0; display: flex; }
.cardNav.center { text-align: center; justify-content: center; }
.cardNav .navItem { background-color: #102C49; width: 1px; height: 1px; padding: 5px; margin: 0 4px; border-radius: 100%; border: 2px #228783 solid; cursor: pointer; transition: .2s  }
.cardNav .navItem.all { border-radius: 0; background-color: #7EA060; }
.cardNav .navItem.active { background-color: #228783; cursor: default; transition: .2s; }
.cardNav .navItem.activeAll { background-color: #7EA060; transition: .2s; }
.cardNav .navItem:hover { background-color: #228783; transition: .2s; }
.cardNav.disable { display: none }

.cardNav .previous, .cardNav .next { font-size: 0; line-height: 0; display: inline-block; width: 15px; height: 15px; cursor: pointer; border: none; outline: none; background: transparent; position: relative; visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; }
.cardNav .previous.hidden, .cardNav .next.hidden { visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; }
.cardNav .previous { margin: 0 4px 0 0; }
.cardNav .next { margin: 0 0 0 4px; }
.cardNav .previous:before { content: url(https://8046892.fs1.hubspotusercontent-na1.net/hubfs/8046892/previous.svg); position: absolute; top: 0; right: 0; width: 9px; }
.cardNav .next:before { content: url(https://8046892.fs1.hubspotusercontent-na1.net/hubfs/8046892/next.svg); position: absolute; top: 0; left: 0; width: 9px; }

.executionProcess .card h3 { margin: 0; font-size: 1em; font-weight: 700; }
.executionProcess .card h4 { margin: 0;font-size: 1em;font-weight: 300; }
.executionProcess .card .description p { font-size: .9em; margin: 10px 0; }

.metrics .card { padding: 0; border: 0; background: none; box-shadow: none; }
.metrics .stat { font-size: 4em; margin: 0 0 5px 0; font-weight: 300; }
.metrics svg { margin: 0 0 20px 0; }
.metrics svg g.successMetric .color1 { fill: #3ABD70; }
.metrics svg g.successMetric .color2 { fill: #16A59B; }
.metrics svg g.successMetric .color3 { fill: #ebebeb; stroke: #ebebeb; stroke-width: 2; }
.metrics .attribution { font-size: .8em; color: #AFDBCC; }

.articles {  }
.articles .card { padding: 0; border: 0; }
.articles .card.active { background-color: #102C49; transition: .2s; }
.articles .card img { width: 100%; height: 175px; object-fit: cover; margin: 0; }
.articles .card div.content { padding: 20px; }
.articles .card h2 { font-size: .9em; font-weight: 700; margin: 0; }
.articles .card h3 { font-size: .9em; font-weight: 700; margin: 0; }
.articles .card p { font-size: .9em; color: #ADC6C9; margin: 0; }
.articles .card p.author { font-size: .8em; color: #AFDBCC; margin: 0 0 10px 0; }
.articles .card blockquote { padding: 0; margin: 0 }

/* end cards */

.homePillars .pillars { display: flex; flex-wrap: nowrap;  height: auto; width: 100%; padding: 10px; position: relative; }
.homePillars .pillars .pillar { flex: 0 0 auto; position: relative; width: calc(33.3% - 6px); height: auto; box-sizing: border-box; margin: 10px 10px 10px 0; padding: 20px; transition: .2s;  }
.homePillars .pillars .pillar div.svg { position: absolute; top: 0; left: 0; right: 0; z-index: -1; }
#create {width:80%}
/* hero */

.hero { width: 100%; display: table; }
.bannerImage { background-size: cover; background-repeat: no-repeat; display: table-cell; vertical-align: bottom; position: relative; padding: 50px 0 0 0; background-color: #001C35; width: 100vw; }
.bannerImage.quarter { height: calc(25vh - 50px); }
.bannerImage.third { height: calc(33.3vh - 50px); }
.bannerImage.half { height: calc(50vh - 50px); }
.bannerImage.twoThirds { height: calc(66.6vh - 50px); }
.bannerImage.full { height: calc(100vh - 50px); }
/* old hero https://f.hubspotusercontent40.net/hubfs/8046892/DSC_3127+.jpg */
.bannerImage.blog { background-image:url('https://8046892.fs1.hubspotusercontent-na1.net/hubfs/8046892/AdobeStock_181791053_Video_HD_Preview.gif'); }
.bannerTextArea { position: relative; max-width: 630px; }
.hero.blogHero { margin-bottom: 30px; }
.hero .sidebar, .sidebar { margin: 30px 0; padding: 20px; border-radius: 9px; background-color: rgba(0,0,0,.4); }
.sidebar.form { background-color: rgba(0,0,0,.25); margin: 0}
.hero .sidebar h2 { margin: 0; }
.bannerImage .overlay { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.hero ul.checklist { list-style-type: none; padding:0; }
.hero ul.checklist li:before {  display: inline-block; margin: 0 10px 0 0; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.hero ul.checklist li:before { content: ' '; width: 15px; height: 15px; background-image: url(https://8046892.fs1.hubspotusercontent-na1.net/hubfs/8046892/check-square-light.svg); background-size: 15px 15px; background-position: center center; } 

/* end hero */

div.pillarNav { margin: 15px 0; display: flex; }
div.pillarNav.center { text-align: center; justify-content: center; }
div.pillarNav div.pillar { background-color: #102C49; width: 1px; height: 1px; padding: 5px; margin: 0 4px; border-radius: 100%; border: 2px #228783 solid; cursor: pointer; transition: .2s  }
div.pillarNav div.pillar.all { border-radius: 0; background-color: #7EA060; }
div.pillarNav div.pillar.active { background-color: #228783; cursor: default; transition: .2s; }
div.pillarNav div.pillar.activeAll { background-color: #7EA060; transition: .2s; }
div.pillarNav div.pillar:hover { background-color: #228783; transition: .2s; }

/* journey integration */

#journeycreate, #journeylaunch, #journeyenable { min-height: 65vh; }
#journeycreate { background-position: bottom center; }
.journeyEntry h2 { text-transform: uppercase; }
.journeyBoilerplate { width: min-content; }
.journeyBoilerplate .section { font-size: 7em; letter-spacing: -3px; font-weight: 300; font-family: new-spirit,sans-serif; color: white; line-height: 100%; }
.journeyBoilerplate .rubric { width: 100%; display:flex; justify-content: center; }
.journeyBoilerplate .rubric .content { padding: 0 1rem; color: #3ABD70; }
.journeyBoilerplate .rubric .spacer { flex-grow: 2; border-bottom: 2px #3ABD70 solid; margin-bottom: .5rem; }
section#journeyhome .row-fluid .span6:nth-child(2) { margin: 30px 0; padding: 20px; border-radius: 9px; background-color: rgba(0,0,0,.75); }

/* logo-parade */
.logo-parade  { }
.logo-parade .logos { display: flex; flex-wrap: wrap; width: 100%; position: relative; }
.logo-parade .logos .logoContainer { flex: 0 0 auto; background-color: #001C35; align-items: center; text-align: center; box-sizing: border-box; margin: 0 10px 10px 0; padding: 60px 30px;  }
.logo-parade .logos.col-1 .logoContainer { width: 100%; }
.logo-parade .logos.col-2 .logoContainer { width: calc(50.0% - 10px); }
.logo-parade .logos.col-3 .logoContainer { width: calc(33.3% - 10px); }
.logo-parade .logos.col-4 .logoContainer { width: calc(25% - 10px); }
.logo-parade .logos .logoContainer .logo { max-width: 160px; max-height: 90px; height: auto; width: auto;  }
.logo-parade img.positive { display: none; }
.logo-parade img.negative { }
.logo-parade .fade-in { opacity: 0; transform: translateY(10vh); visibility: hidden; transition: opacity 0.5s ease-out, transform 0.5s ease-out; will-change: opacity, visibility; }
.logo-parade .fade-in.is-visible { opacity: 1; transform: none; visibility: visible; }

div.journey div.tiles { display: flex; flex-wrap: wrap; flex-grow: 1;  }
div.journey div.tiles a { border-radius: 9px; background-color: #001C35; padding: 10px 30px; text-align: center; color: #ADC6C9; text-decoration: none; transition: .2s;  }
div.journey div.tiles a { display: flex; flex: 0 0 calc(33.3% - 10px); justify-content: center; flex-direction: column; box-sizing: border-box; margin: 5px; min-height: 100px;  }
div.journey div.tiles a.fullWidth { flex: 0 0 calc(100% - 10px); height: 100px; width: 100%; max-width: none; min-width: none; }
div.journey div.tiles a:hover { background-color: #102C49; color: #ADC6C9; transition: .2s; }

/* -------------------------------------------------- */
/* ----------  tabs, needs a bunch of cleanup ------- */

ul.resp-tabs-list { display: flex; flex-direction: row;	align-items: center; justify-content: start; height: 100%; margin: 0; padding: 0; }
.resp-tabs-list li { display: flex; flex-direction: column; justify-content: center; margin: 0 10px 0 0; font-weight: 700; align-items: center; text-align: center; cursor: pointer;  }
.resp-tab-item { color: white; padding: 15px 30px; border-bottom: 6px #16A59B solid; }
.resp-tab-item:first-child { margin-left: 0;  }
.resp-tab-item:last-child { margin-right: 0;  }
.resp-tab-item:hover { border-bottom: 6px #3ABD70 solid; z-index: 5; transition: .2s; }
.resp-tab-active { border-bottom: 6px #3ABD70 solid; transition: .2s; }
.resp-tab-active:hover { cursor: default; }
.resp-tab-content { display: none; padding: 25px; color: #ADC6C9; margin-bottom: 40px; border-bottom: 2px #16A59B solid; background: rgba(0,0,0,.1); }
.resp-tab-content h3:first-child { margin-top: 0 }
.resp-tab-content-active { display: block; } 
.resp-content-active, .resp-accordion-active { display: block; }

/*-----------Vertical tabs-----------*/
.resp-vtabs { display: flex ; flex-direction: row; }
.resp-vtabs ul.resp-tabs-list { display: flex; flex-direction: column; flex: 1 1 0; flex-wrap: wrap; margin-top: 0 ; border-top-right-radius: 0; }
.resp-vtabs .resp-tabs-list li { cursor: pointer; display: flex; flex-direction: column; box-sizing: border-box; justify-content: left; align-items: start; text-align: left; width: calc(100% - 30px); }
.resp-vtabs .resp-tabs-container { display: flex; flex-direction: column; flex: 2 1 0; }
.resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; height: 100%; border-radius: 0; }
.resp-vtabs li.resp-tab-active { z-index: 2; cursor: default; }
.resp-vtabs .resp-tab-item:first-child {  }
.resp-vtabs .resp-tab-item:last-child { }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; }
h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797; }

/*-----------Accordion styles-----------*/
h2.resp-accordion { cursor: pointer; padding: 15px; font-size: 1em; font-weight: normal; margin: 0; display: none; background-color: #001C35; transition: .2s; }
h2.resp-tab-active { background: #102C49; }
h2.resp-accordion:hover {  z-index: 5; transition: .2s; }
h2.resp-accordion.resp-tab-active:hover { box-shadow: none; cursor: default; }

.resp-easy-accordion .resp-tabs-container { display: flex; flex-direction: column; }
.resp-easy-accordion h2.resp-accordion { display: block;  }
.resp-easy-accordion .resp-tab-content { box-shadow: none; border-radius: 0; padding: 15px; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; /* ;*/ }
.resp-easy-accordion h2.resp-accordion:first-of-type { }
.resp-easy-accordion h2.resp-accordion:last-of-type { }
.resp-jfit { width: 100%; margin: 0px; }
h2.resp-accordion:first-child { /* ;*/ }
.resp-easy-accordion .resp-tabs-container { }



/* WEB DEV PORTFOLIO PAGE */
.full-width-split {position:relative;display:flex;  margin: 0 auto; min-height: 700px; overflow:hidden}
.split-full-text {display:flex;align-items:center}
.split-full-text.left .text {margin-left: 50%; margin-right: 20%}
.split-full-text.right img {  position: absolute; ;margin: 0 auto; left: 0; max-width: 50%}
.split-full-text.left img { position: absolute; ;margin: 0 auto; right: 0 }
.split-full-text.right .text {margin-right: 50%}

/* .split-full-text .img-container {position: relative; width: 50%} */


/* ------------- DARK MODE MEDIA QUERY ---------------- */
/* ---------------------------------------------------- */



/* ------------- TABLET MEDIA QUERY ---------------- */
/* ------------------------------------------------- */

@media only screen and (min-width: 769px) and (max-width: 999px) {
  
  .blog-index__post--large { width: 100%;  }
  .blog-index__post--small { width: calc(50% - 20px);  }
  .blog-index__post-content { padding: 20px; box-sizing: border-box; }
  .blog-index__post--large a.blog-index__post-image { background-size: cover; box-sizing: border-box; }
  .blog-index__post--large .blog-index__post-content { width: 100%; }
  .blog-index__post--small a.blog-index__post-image { background-size: cover; height: 200px; box-sizing: border-box; }
  .blog-index__post--small .blog-index__post-content { } 
}

/* ------------- MOBILE MEDIA QUERY ---------------- */
/* ------------------------------------------------- */

@media only screen and (max-width: 768px) {

  .resp-tabs-container { display: flex; flex-direction: column; }
  ul.resp-tabs-list, .resp-vtabs ul.resp-tabs-list { display: none; }
  h2.resp-accordion { display: block; background-color: #001C35 ; transition: background-color .2s; }
  h2.resp-accordion.resp-tab-active { background-color: #102C49 ; transition: background-color .2s; }
  h2.resp-accordion:first-of-type {  }
  .resp-tab-content, .resp-vtabs .resp-tab-content { box-shadow: none;  height: auto; padding: 15px; margin-bottom: 0; }
  .resp-vtabs .resp-tabs-container { }
  .resp-accordion-closed { display: none ; }
  .resp-vtabs .resp-tab-content:last-child {  }
  
  .blog-index__post { margin: 0 0 20px 0; }
  .blog-index__post--large { width: 100%; flex-direction: column; }
  .blog-index__post--small { width: 100%; }
  .blog-index__post-content {  }
  .blog-index__post--large a.blog-index__post-image { height: 300px; width: 100%; }
  .blog-index__post--large .blog-index__post-content { width: 100%; }
  .blog-index__post--small a.blog-index__post-image { height: 200px; }
  .blog-index__post--small .blog-index__post-content { } 
  
  section.standard .page-center.pd-none { padding-top: 0px; padding-bottom: 0px; }
  section.standard .page-center.pd-normal { padding-top: 50px; padding-bottom: 50px; }
  section.standard .page-center.pd-small { padding-top: 20px; padding-bottom: 20px; }
  section.standard .page-center.pd-medium { padding-top: 60px; padding-bottom: 60px; }
  section.standard .page-center.pd-large { padding-top: 70px; padding-bottom: 70px; }  
  
  .page-middle {max-width: 1400px; float: none; margin: 0 auto; padding: 20px; box-sizing: border-box;}
  section.standard .page-middle.pd-none { padding-top: 0px; padding-bottom: 0px; }
  section.standard .page-middle.pd-normal { padding-top: 50px; padding-bottom: 50px; }
  section.standard .page-middle.pd-small { padding-top: 20px; padding-bottom: 20px; }
  section.standard .page-middle.pd-medium { padding-top: 60px; padding-bottom: 60px; }
  section.standard .page-middle.pd-large { padding-top: 70px; padding-bottom: 70px; }  

  section.standard .overlay.black { background-color: rgba(0,0,0,.7); }
  section.standard .overlay.primary { background-color: rgba(16,44,73,.7); }
  section.standard .overlay.black_gd { background-color: rgba(0,0,0,.7); }
  section.standard .overlay.primary_gd { background-color: rgba(16,44,73,.7);  }
  section.standard .overlay.freeform_gd { background: radial-gradient( farthest-corner at bottom right, rgba(160, 140, 175, 1.0), transparent 40% ), radial-gradient( farthest-side at top right, rgba(126, 160, 96, 1.0), transparent 60% ),	linear-gradient(270deg, rgba(34,135,131,.7) 0%, rgba(16,44,73,.7) 60%); }

  
  .cards .card, .cards.col-1 .card, .cards.col-2 .card, .cards.col-3 .card { width: 100%; }
  .cardNav.disable { display: flex; }
  .bannerImage .overlay { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.5) 100%); }
  
  .homePillars .pillars { flex-wrap: wrap; width: auto; }
  .homePillars .pillars .pillar { width: 100%;  } 
  
  .socialLinks a.social { padding: 20px; margin: 0 10px 10px 0; }
  a.ctaButton { padding: 20px; margin: 10px 10px 0 0; }
  footer ul.legal li a { padding: 20px; margin: 10px 10px 0 0; }
  div#footerContainer a:hover { background-color: #3abd70; color: #001C35; } 
  section.standard .bg_image.bg_active { background: none; }
  section.standard img.background { display: block; width: 100%; }
  section.standard .bg_image.bg_active { background: none; background-image: none !important; }
  section.standard .bg_image.bg_active.right { background: none; }
  section.standard .bg_image.bg_active.left { background: none; }
  
  .logo-parade .logos.col-1 .logoContainer { width: 100%; }
  .logo-parade .logos.col-2 .logoContainer { width: 100%; }
  .logo-parade .logos.col-3 .logoContainer { width: 100%; }
  .logo-parade .logos.col-4 .logoContainer { width: 100%; }
  
  div.caseStudies.active div.caseStudy.active { width: 100% }
  div.caseStudies.active div.pillars div.pillar { width: 100% }
  div.caseStudies.active div.caseStudy.active .tile { width: 100%; }
  div.caseStudies.active div.caseStudy.active div.panel { width: 100%; }
  div.caseStudies div.caseStudy { display: block; }
  div.caseStudies.active div.pillars div.pillar.active { display: block; }
  .caseStudies .col { width: 100% }
  div.caseStudies.active div.panel div.col.copy { padding-top: 0; width: 100%; }
  
  #mainNav ul { display: none; }
  #mainNav .span3 { display: block; padding: 0 0 10px 0 }
  #mainNav .span9 { display: none; }
  #mainNav .collpase { display: block; width:20px; position: absolute; top: 20px; right: 20px; }
  #mainNav .collpase svg .color1 { fill: #AFDBCC; }
  #mainNav .span9.expand { display: block; }
  #mainNav ul.expand { display: block; }
  #mainNav ul.hs-menu-children-wrapper { width: 100vw; }
  #mainNav ul.hs-menu-children-wrapper li a { text-align: center; }
  #mainNav ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: relative; }
  
  #why-odigo .buckets { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; }
  #why-odigo .bucket { width: 100%; }
  
  div.journey div.tiles { display: block;  }
  div.journey div.tiles a { width: 100%; margin: 5px; min-height: 100px;  }  
  
  .standardForm .form-columns-2 .hs-form-field .hs-input, .standardForm .form-columns-3 .hs-form-field .hs-input { width: 100% !important; } /* hate this override, circle back and try to find another way */
  .standardForm { padding: 0; }
  
  .teamMembers .member { text-align: center; cursor: pointer; margin: 0 10px; max-width: 160px; transition: .2s ease-in-out; }
.teamMembers .member img.headshot { object-fit: cover; object-position: center; height: 160px; width: 160px; border-radius: 100%; filter: grayscale(0); transition: .2s; border: solid; border-width: 4px; }

}