/*
Theme Name:Catalant 2023
Theme URI:https://catalant.com
Author:Doug R Thomas @ Magniventris
Author URI:https://magniventris.com
Description:Custom Theme for Catalant to replace Jupiter Theme.
Tags:
Version:1.3
Requires at least:6.0.0
Tested up to:6.1.1
Requires PHP:8.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:catalant
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
	--ctlt-indigo:#0b0839;
	--ctlt-grey80:#474469;
	--ctlt-grey60:#474469;
	--ctlt-grey40:#c9cad5;
	--ctlt-grey20:#f3f3f6;
	--ctlt-blue-1:#7fbeeb;
	--ctlt-blue-2:#4aa3e3;
	--ctlt-orange:#fa733c;
	--ctlt-dkorng:#d46134;
	--ctlt-purple:#77508d;
	--ctlt-libref:libre-franklin, sans-serif;
}
::selection { background-color:var(--ctlt-orange); color:white; }

html { font-family:var(--ctlt-libref); font-size:16px; font-weight:normal; }
body { margin:0; padding:0; background:white; }
header { position:sticky; top:0; overflow:visible; background:white; width:100%; z-index:3; box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1); }
footer { background:var(--ctlt-indigo); width:100%; margin-top:6em;}
main { padding:0 }
div.dark { background-color:var(--ctlt-indigo); }
div.background { background-size:cover !important; background-repeat:no-repeat; background-position:center; }
div.parallax { background-repeat:no-repeat; background-position:right center; background-attachment:fixed; background-size:auto; padding-bottom:3em; }
div.shadowed { border-radius:.5em; -webkit-box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1); box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1); }
h1 { clear:both; font-size:3.4375em; line-height:1.2; font-weight:lighter; color:var(--ctlt-indigo); margin:0 0 0.375em 0; }
.dark :not(.shadowed)>h1 { color:white; }
h2 { clear:both; font-size:2.25em; line-height:1.2; font-weight:lighter; color:var(--ctlt-indigo); margin:0 0 1.333333em;  }
.dark :not(.shadowed)>h2 { color:white; }
h3 { clear:both; font-size:1.5em; line-height:1.5; font-weight:lighter; color:var(--ctlt-indigo); margin:0 0 2em; }
.dark :not(.shadowed)>h3 { color:white; }
h4 { clear:both; font-size:1em; line-height:1.5; font-weight:bold; color:var(--ctlt-indigo); margin:0 0 1.5em; }
.dark :not(.shadowed)>h4 { color:var(--ctlt-grey40); }
p { float:left; clear:both; width:100%; font-size:1em; line-height:1.5; color:var(--ctlt-grey60); margin:0 0 2.4em; overflow:hidden; }
ul { float:left; clear:both; margin:0 0 2.4em 0; padding:0 0 0 2em;  }
ol { float:left; clear:both; margin:0 0 2.4em 0; padding:0 0 0 2em; }
li { font-size:1em; line-height:1.5; color:var(--ctlt-grey60); }
.dark :not(.shadowed)>p {  color:var(--ctlt-grey40); }
.row.label, .wp-block-columns.row.label { margin-bottom:2.5em; }
.label p, p.label { color:var(--ctlt-indigo); font-weight:bold; margin:1.5em 0 3em; }
.label.dark p, .dark .label p, p.label.dark, .dark p.label { color:white; }
.intro p { width:100%; font-size:1.25em; }
a, .cta.button-unstyled a + a, .cta.dark-unstyled a + a { font-weight:bold; color:var(--ctlt-blue-2);text-decoration:none;background:initial; }
.center { text-align:center; }
.right { text-align:right; }
p.dark { color:var(--ctlt-indigo); }
p.asterisk { font-size:.875em; }
p.left, p.has-text-align-left { float:left; clear:left; width:initial; margin:1em 1em 0 0; }
p.copy { width:initial; font-size:0.75em; clear:none; }
p.copy a { margin:0 0 0 2em; font-weight:normal; }
p.social { width:initial; clear:none; margin-left:1.315em; }
p.social a { display:block; float:left; margin-left:2em; color:var(--ctlt-blue-2); text-align:center; }
p.social a path { fill:var(--ctlt-blue-2); }
p.social a:hover path { fill:var(--ctlt-blue-1); }
p.social a:first-child { margin-left:0; }
a:hover, .cta.button-unstyled a + a:hover, .cta.dark-unstyled a + a:hover  { text-decoration:underline; }
nav a { color:var(--ctlt-indigo); }
nav a:hover { text-decoration:none; }
a.cta, .cta a { display:block; float:left; clear:none; padding:0.7em 2em; max-width:max-content; text-align:center; color:white; background-color:var(--ctlt-orange); border-radius:.16rem; }
p.cta:last-child { margin-bottom:1em; }
p.cta:only-child { margin-bottom:0; }
.parallax p.cta:last-child { margin-bottom:2.4em; }
.center a.cta, .has-text-align-center.cta a { float:none; margin:0 auto; }
a.cta.dark, .cta.dark a, .cta.lightdark a + a, .cta.dark-unstyled a:first-child  { background-color:var(--ctlt-grey80); }
a.cta:hover, a.cta.dark:hover, .cta a:hover, .cta.dark a:hover, .cta.lightdark a:first-child:hover, .cta.lightdark a + a:hover, .cta.dark-unstyled a:first-child:hover { background-color:var(--ctlt-dkorng); text-decoration:none; }
a.cta.disabled, .cta.disabled a { background-color:var(--ctlt-grey40); }
a.cta + a, .cta a + a { display:block; float:left; padding:0.7em 2em;}
a.cta + a.cta, .cta a + a { margin-left:0.875em; }
.cta.button-unstyled a + a { max-width:initial; background-color:initial; border:0; border-radius:0;   }
.intro p a.cta, .intro p.cta a { font-size:.8em; }
.cta.outline { border: 1px solid var(--ctlt-orange); background: white; color: var(--ctlt-orange);    } /*UPDATED STYLE*/
.cta.outline:hover {background: var(--ctlt-orange); color:white;} /*UPDATED STYLE*/

figure { width:100%; margin:0 auto 1.5em; display:flex; align-items:center; }
figure img { display:block; max-width:100%; height:auto; margin:0 auto; }
blockquote { position:relative; display:block; float:left; margin:0 0 1.5em 0; font-size:1.25em; color:var(--ctlt-indigo); }
blockquote:before { content:"\201C"; position:absolute; font-size:3em; line-height:.5; left:-.5em; }
blockquote.no-quote:before { content:""; }
cite { display:block; float:left; max-width:100%; margin-top:2em; }
blockquote p { color:var(--ctlt-indigo); }

.column:only-child figure { width:100%; }
.row { padding:1em 0; overflow:hidden; }
.row.dark { padding:1em 0 }
.row.label + .row { padding-top:0; }
.row:not(.label,.bordered,:first-child,.background,.how-it-works) + .row:not(.bordered,.background,.content,.how-it-works), div.parallax + div.row { padding-top:6em; }
.row .wrapper { display:flex; max-width:68em; margin:0 auto; }
.row.full .wrapper { max-width:100%; }
.column { flex:1; margin-right:3em; }
.column:only-child { width:calc(100% - 2em); }
.wp-block-columns:only-child { width:100%; }
.wp-block-column.column.shadowed:only-child { margin-bottom:3em; }
.column:last-child { margin-right:0; }
.column.bordered { margin-top:1em; border-top:1px solid var(--ctlt-indigo); } /*Hayley testing top margins*/
.column.shadowed { background:white; margin-top:.8em; margin-bottom:.375em; padding:1.5em; border-radius:.5em;  }
.column.shadowed p:last-child { margin-bottom:0; }
.column.dark.bordered, .dark .column.bordered { border-top:1px solid var(--ctlt-grey80); }
.row.dark .column.bordered { margin-top:0; }
.row.dark .column.shadowed { margin-bottom:3em; }
.row.dark:last-child { margin-bottom:-6em; }
.column.wide { flex:2; }
.label .column:only-child { width:100%; }
.column figure.left, .column figure.alignleft { float:left; clear:both; width:initial; margin-bottom:3em; max-height:8.125em; }
.column figure.header { float:left; clear:both; width:initial; max-height:3.125em; }
.column.background.indent { background-size:contain; }
.column.indent { display:flex; flex-flow:column; justify-content:center; }
.column.indent h4 { margin-left:9em; margin-bottom:1em; }
.column.indent h4:after { content:"\A\2014"; margin-bottom:1em; color:var(--ctlt-blue-2); font-size:1.5em; white-space:pre; }
.column.indent p, .column.indent ul { margin-left:9em; padding:0; }

header .wrapper, footer .wrapper { width:100%; max-width:68em; margin:0 auto; padding:0.5em 0em; overflow:hidden; }
div.wrapper.dark { padding:3em; }
header .logo, footer .logo { float:left; clear:none; padding:2.4375em 0 1.5em; }
header nav { float:right; clear:right; }
header nav li { list-style:none; float:left; color:var(--ctlt-indigo) }
header nav li:hover > a { color:var(--ctlt-orange); }
nav a.cta { float:right; margin-left:0.875em; /*UPDATED STYLE*/border:1px solid var(--ctlt-orange)}
nav:not(.top-nav) a { font-size:0.875em; margin-right: 0 !important; }
nav:not(.top-nav) a:not(.cta) { margin:1em 1.3125em; line-height:2.625; }
nav.main-nav li:hover div.top-subnav, nav.main-nav li:hover div.top-subnav>div, nav.main-nav li:active div.top-subnav, nav.main-nav li:active div.top-subnav>div { display:initial; }
.main-nav { float:left; }
.top-nav { margin:0 0 0.75em 0; } /*UPDATED STYLE*/
.top-nav a { font-size:0.75em; font-weight:normal; border-right:1px solid var(--ctlt-grey60); padding:0em 0.75em; }
.top-nav a:first-child { font-weight:bold; color:var(--ctlt-blue-2); }
.top-nav a:last-child { border-right:0; }
footer .logo img { max-width:9em; }
footer nav ul { float:none; }
footer nav a { font-size:0.875em; color:var(--ctlt-grey20); }
footer nav ul { margin:0; padding:0; list-style-type:none; }
footer nav > ul { display:flex; margin-bottom:3em; }
footer nav > ul > li  { flex:1; margin:0 2em 0 0; padding-top:1em; }
footer nav > ul > li:last-child { margin:0; }
footer nav ul li a span { color:var(--ctlt-blue-2); font-style:italic; font-size:0.75em; position:relative; bottom:0.5em; }
footer nav ul li ul { margin-top:1.5em; }
footer nav ul li ul li a { color:var(--ctlt-grey20); font-weight:normal; }
footer a:not(.cta) { text-decoration:none; }
footer a:hover:not(.cta) { color:var(--ctlt-blue-1);  }
footer a.cta { float:none; font-size:0.875em; margin: 0em 0em 1em 3.3125em !important; max-width:none; width:5.4em; }
footer a.cta.outline { color:var(--ctlt-grey20); background:var(--ctlt-indigo)}
footer .privacy { display:flex }
.privacy a, .privacy p { flex:1; color:var(--ctlt-grey20); font-weight:normal; }
 
.py-0 { padding-top:0 !important; padding-bottom:0 !important; }
.my-0 { margin-top:0 !important; margin-bottom:0 !important; }
.fw-norm { font-weight:normal; }

.clients ul { display:flex; width:100%; margin:0; padding:0; height:3.25em; overflow:hidden; list-style-type:none;  }
.clients ul li { flex:auto; }
.clients figure { height:3.25em; }
ul.services { padding:0; font-size:0.75em; float:left; clear:both; width:100%; }
ul.services li { float:left; margin-right:2em; }

.home h1 { text-align:center; margin-top:1.2em; }
.news figure { margin-bottom:.5em; }
.news .column.shadowed { padding:1.2em; }

.parallax .intro a { font-size:.7em; }
.parallax .dark { background:transparent; }
.home .intro h1 + p { font-size:1.8em; }
.expert-marketplace .parallax .column.intro + .column, .page-id-23052 .parallax .column.intro + .column { display:flex; align-items:center;}
.row { padding:.5em 0; }
.row:not(.label,.bordered,:first-child,.background,.how-it-works) + .row:not(.bordered,.background,.content,.how-it-works), .div.parallax + div.row, .row:not(.label,.bordered,:first-child,.background,.how-it-works) + .row:not(.bordered,.background,.content,.how-it-works), div.parallax + div.row { padding-top:3em; }
div.parallax.reset-position { background-position:initial; }
.row.how-it-works { padding-top:0; }
.row.how-it-works h3 { margin:1em 0; }
.expert-marketplace .label p, .expert-marketplace p.label, .page-id-23052 .label p, .page-id-23052 p.label, .post .label p, .single-post .label p, .post p.label, .single-post p.label { margin:1.5em 0 1.5em; }
.column, .column { margin-right:1.7em; }
.column:last-child, .column:last-child { margin-right:0; }
.project-categories .column { max-height:140px; }
.project-categories figure.left, .project-categories figure.alignleft { margin-bottom:.7em; }
.project-categories h3 { font-size:1.2em; margin-bottom:0.583333em; }
.column:only-child.shadowed h2 { margin-top:0.7em; }

figure.profile, .profile figure { margin-top:.625em; }
figure.profile img { border-radius:2em; }
figure.profile + h3 + p, div.profile + h3 + p { font-size:.875em; }

.ebook .column:first-child { flex:1; }
.ebook .column { flex:3; }

.content p, .content ul, .content ol, .content figure { max-width:54em; }
.content blockquote { margin:0 1.5em 1.5em; max-width:33em; font-size:1.5em;  }
.content blockquote p { margin-bottom:0; }
.content blockquote cite { font-size:.4em; text-align:right; width:100%; margin-bottom:2em; }
.content .wide.intro p { max-width:43.2em; margin-bottom:0; }
.content .small-citation cite { float:right; font-size:.75em; text-align:right; }
.content .has-small-font-size { max-width:66.479em; }


details { float:left; clear:both; max-width:100%; width:100%; /*padding-top:1.5em; border-top:1px solid var(--ctlt-indigo); Temporarily removed to better accommodate accordion style */}
details > summary { font-size:1.5em; line-height:1.5; font-weight:lighter; color:var(--ctlt-indigo); margin:0 0 1.5em; }
details h2 { font-size:1em; line-height:1.5; font-weight:bold; color:var(--ctlt-indigo); margin:0 0 1.5em; }
/*details h2, details p { padding-left:2em; } Temporarily removed to better accommodate accordion style*/
details ul { padding-left:4em; list-style-type:disc; }

.about h1 { margin-bottom:1.5em; }
.column.intro.bordered p { margin-top:1.5em; }

.row.full { padding:0; }
.full .column { margin:0; }
.full figure { position:relative; margin:0 auto; height:100%; }
.timeline figcaption { display:flex; flex-direction:column; position:absolute; width:calc(100% - 3em); height:calc(100% - 8em); padding:4em 1.5em; text-align:center; font-weight:bold; color:white;  background-image:linear-gradient(rgba(11,8,57,0.4), rgba(11,8,57,0.4)); }
.timeline figcaption span { display:block; width:100%; margin-bottom:1.5em; color:var(--ctlt-grey40); }
.wistia_embed { max-width:100%; }
.investors p { font-weight:bold; text-align:center; text-transform:uppercase; }
.investors:last-child { margin-bottom:-6em; padding-bottom:6em; }
.about row.background { background-position:top; }

.tabbutton a { background-color:white; color:var(--ctlt-indigo); }
.tabbutton.active a { background-color:var(--ctlt-grey60); color:var(--ctlt-blue-1); }
.tab, .wp-block-columns.tab { height:0; overflow:hidden; margin-bottom:0; }
.tab.show { height:auto; }

.page-id-12201 div.parallax, .archive.category div.parallax,  .page-template-categorypage div.parallax, .page-template-categorythreecolumn div.parallax { padding:3em 0; background-position:top center; /* background-size:cover; */ }
.page-id-12201 div.parallax { background-attachment: initial; }
.topics a { font-weight:normal; color:var(--ctlt-grey60); margin-right:1em; }
.topics a:hover { text-decoration:none; color:var(--ctlt-blue-1); }
.topics a strong { font-weight:bold; border-bottom:.125em solid var(--ctlt-orange); }
.page-id-12201 .right a, .blog .right a, .archive.category .right a, .page-template-categorypage .right a, .page-template-categorythreecolumn .right a { font-weight:bold; color:var(--ctlt-orange)  }
.page-id-12201 h2, .blog h2, .archive.category h2, .page-template-categorypage h2, .page-template-categorythreecolumn h2 { margin-bottom:.7em; font-weight:400; }
.page-id-12201 h2 a, .blog h2 a, .archive.category h2 a, .page-template-categorypage h2 a, .page-template-categorythreecolumn h2 a { color:var(--ctlt-indigo); line-height:1; font-weight:400; }
/* .page-template-categorypage h2 a, .page-template-categorythreecolumn h2 a { font-size:.666666em; } */
.byline { font-size:.75em; font-style:italic; }
.page-id-12201 .column figure, .archive.category .column figure, .page-template-categorypage .column figure, .page-template-categorythreecolumn .column figure { width:calc(100% + 3em); height:200px; margin:-1.5em -1.5em 1.5em -1.5em; overflow:hidden; }
.sidebar h2 { margin-top:.666667em; }

.freedownload figure.alignleft { margin-bottom:2.4em; }

.post .intro, .single-post .intro, .single-case_studies .intro { padding:4.5em 0 0; }
.post main > .dark:first-child .intro, .single-post main > .dark:first-child .intro, .single-case_studies main > .dark:first-child .intro { margin-bottom:4.5em; }
.post .intro p, .single-post .intro p, .single-case_studies .intro p { line-height:1.2; }
.post .byline:first-child, .single-post .byline:first-child { margin-bottom:.5em; max-width:72em; }
.post .byline:last-child, .single-post .byline:last-child { margin-bottom:4em; max-width:72em; }
.content p, .content ul, .content ol, .content figure { float:none; margin:0 auto 2.4em; }
.post .content ul, .post .content ol, .single-post .content ul, .single-post .content ol, .single-case_studies .content ul, .single-case_studies .content ol { list-style-type:unset; float:none; }
.post .content ol, .single-post .content ol, .single-case_studies .content ol { list-style-type: decimal; }
.post h1, .single-post h1, .single-case_studies h1 { /*margin:0 2em .375em;*/max-width:15.709em; }
.post .content h2, .single-post .content h2, .single-case_studies .content h2 { margin:0 auto 1.333333em; max-width:24em; }
.post .content h3, .single-post .content h3, .single-case_studies .content h3 { margin:0 auto 2em; max-width:36em; }
.post .content h4, .single-post .content h4, .single-case_studies .content h4 { margin:0 auto 1.5em; max-width:54em; }

.post .content li, .single-post .content li, .single-case_studies .content li { margin-bottom:1em; }
.post .content li::marker, .single-post .content li::marker, .single-case_studies .content li::marker { color:var(--ctlt-orange); }
.post .content figure, .single-post .content figure, .single-case_studies .content figure { float:none; margin-bottom:2.5em; }
.post .content figcaption, .single-post .content figcaption, .single-case_studies .content figcaption { margin-left:1em; }
.post .content blockquote, .single-post .content blockquote, .single-case_studies .content blockquote {  float:none; max-width:33em; font-size:1.5em; line-height:1.5; margin:0 auto 1.3333333em; padding:.3333333em 0 .3333333em 1em; border-left:.125em solid var(--ctlt-orange); }
.post .content blockquote:before, .single-post .content blockquote:before, .single-case_studies .content blockquote:before { color:var(--ctlt-orange); font-size:1.5em; left:0.2em; }

.post .content .wp-block-column.dark, .single-post .content .wp-block-column.dark, .single-case_studies .content .wp-block-column.dark { max-width:58em; margin:0 auto; padding:2.4em 0; }
.post .content .label .bordered, .single-post .content .label .bordered, .single-case_studies .content .label .bordered { max-width:54em; margin:3em auto 2.5em; }

.single-case_studies main > .row.dark:first-child { margin-bottom: 4.5em; }

.post .row .label, .single-post .row.label { margin-bottom:inherit; }
.post .row.label .wrapper, .post .row.ebook .wrapper, .single-post .row.label .wrapper, .single-post .row.ebook .wrapper { max-width:54em; }
.post .row.content + .row:not(.content) .wrapper, .single-post .row.content + .row:not(.content) .wrapper { max-width:54em; }
.row:not(.excerpt) + .row.author .column { padding-top:4.5em; }
.post hr, .single-post hr { max-width:54em; margin-bottom:2.4em; }
.single-post main .row:not(:first-child) .wrapper { max-width: 68em; }


.customer-stories .parallax .row + .row .wrapper .column, .page-id-20888 .row:first-child .row + .row .wrapper .column { display:flex; align-items:center; }
.customer-stories .parallax h1, .page-id-20888 .row:first-child h1 { margin:0.875em 0; }

.blog h1, .page-template-categorythreecolumn h1, .page-template-categorypage h1, .page-id-10978 h1 { margin-top:1em; }
.blog .content h2, .page-template-categorythreecolumn .content h2, .page-template-categorypage .content h2 { clear:both; font-size:1em; line-height:1.2; font-weight:bold; color:var(--ctlt-indigo); margin:0 0 1.5em; }
.blog .topics + .content h2 { float:left; clear:none; max-width:calc(100% - 5.5em); margin:0 0 0 1em; }
.blog .topics + .content h2:first-child { margin:0; }
.blog .topics + .content figure { float:left; clear:left; width:4.5em; height:4.5em; margin-bottom:.5em; overflow:hidden; }
.blog .topics + .content figure img { max-width:16em; margin-left:-150%; }
.blog .topics + .content .byline { margin-bottom:0; }
.blog .content.edge figure { margin:-1.5em -1.5em 1.5em -1.5em; width:calc(100% + 3em); }
.wrapper .row { overflow:visible; }

.catalantevents h1, .page-id-20877 h1  { margin-top:1em;}
.catalantevents main>.dark:first-child, .page-id-20877 main>.dark:first-child  { margin-bottom:3em; }
.catalantevents .column.background, .page-id-20877 .column.background .wp-block-cover { padding:3em; }
.catalantevents .wrapper.shadowed .row, .page-id-20877 .wrapper.shadowed .row { padding:0; }
.catalantevents .wrapper.shadowed .column.wide, .page-id-20877 .wrapper.shadowed .column.wide { margin:3em 0 3em 3em; }
.catalantevents .wrapper .wrapper p, .page-id-20877 .wrapper .wrapper p { margin-top:0; }
.catalantevents .wrapper.shadowed .column:last-child, .page-id-20877 .wrapper.shadowed .column:last-child  { display:flex; align-items:center; }

.wp-block-columns.row, .row .wp-block-columns, .wp-block-column.wrapper, .wp-block-columns.column { margin-bottom:0; }
.wp-block-columns.clients { display:initial; }
.row .wp-block-column:not(:first-child) { margin-left:0; }
.row .wp-block-image { margin-bottom:0; }

.top-subnav { display:none; position:absolute; top:3.75em; left:0; padding-top:1.25em; z-index:3; width:100%; }
.top-subnav > div { display:none; width:100%; overflow:hidden; }
.top-subnav > div > .wp-block-columns { background:white; display:flex; margin:0 auto; max-width:100%; padding:1.4em 1.75em; border-radius:0 0 .5em .5em; -webkit-box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1); box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1); }
.top-subnav h2 { font-size:1.125em; padding-bottom:.3125em; margin-bottom:.25em; }
.top-subnav h3 { font-size:1.25em; font-weight:bold; margin-bottom:.3125em; }
.top-subnav h4 { font-weight:bold; margin-bottom:.5em; }
.top-subnav p { font-size:.875em; font-weight:normal; }
.top-subnav .wp-block-columns a:not(.cta){ display:block; margin:-.25em; padding:.25em; text-decoration:none; overflow:hidden; }
.top-subnav .wp-block-columns a.basic-link  { font-weight:normal; text-decoration:underline; margin:-.25em 0; padding:0; font-size:.75em; }
.top-subnav h2:after { content:"\A\2014"; color:var(--ctlt-blue-2); font-size:2em; white-space:pre; line-height:0; }
.top-subnav .nav-card, .top-subnav .nav-box { background:var(--ctlt-grey20); padding:2.1em 1.4em; }
.top-subnav .nav-card { height:11.125em; }
.top-subnav .nav-card a { position:absolute; bottom:3.1em; color:var(--ctlt-orange); }
.top-subnav .cols-wide-1 { width: 20em; }
.top-subnav .cols-wide-2 { width: 40em; }
.top-subnav .cols-wide-4 { width: 80em; }


.legal h1, .page-id-20122 h1, .page-id-20122 h1 { margin-top:1.2em; }
.legal h3 a, .page-id-20122 h3 a, .page-id-20122 h3 a { color:var(--cltl-indigo); text-decoration:none; }
p.terms-update { background-color:var(--ctlt-blue-1); padding:1em; color:white; }
p.terms-revised { width:initial; padding-bottom:1em; border-bottom:.125em solid var(--ctlt-grey40); }

h1.legal-header { font-size:2.25em; margin:1.125em 0 .666666em; }
.legal-sidebar li a { color:var(--ctlt-indigo); text-decoration:none; }
.legal-sidebar li a:hover { text-decoration:underline; }
.legal-sidebar h3 { margin-bottom:1em; }
.legal-sidebar ul { margin-bottom:3em; }

.parent-pageid-20122 table { font-size:.75em; line-height:1.5; color:var(--ctlt-grey60); word-break:keep-all; }
.parent-pageid-20122 thead { color:var(--ctlt-grey80); }
.parent-pageid-20122 td { padding:1.5em .5em; } 

.error404 footer { margin-top:0; }

.wp-block-latest-posts__list.titles-only.shadowed li { box-sizing:border-box; background:white; margin-top:.8em; padding:1.5em; border-radius:.5em; -webkit-box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1); box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1); }
.wp-block-latest-posts__list.titles-only li a { font-size:1.5em; line-height:1.5; font-weight:lighter; color:var(--ctlt-indigo); margin:0 0 2em; }

.typography { font-size:5.625em; margin-bottom:0.325em;}
.normal { font-weight:normal; }
.light { font-weight:lighter; }
.bold { font-weight:bold; }

.page-id-10083 .row:only-child .column:only-child { flex:0 1 66%; width:initial; }
.page-id-10083 .wrapper .wp-block-columns { justify-content:center; }

.page-id-23051 :not(.parallax > .wp-block-column) > .row { padding-bottom:2em; }

.page-id-23115 h1 { margin-top:1.2em; }

.page-id-20888 main > .row:first-child { margin:1.2em 0 2.4em; }

.page-id-20877 main>.dark:first-child { margin-bottom:13em; }
.page-id-20877 main>.dark:first-child figure { position:absolute; max-width:50%; top:25em; }

.wp-block-cover:first-child { margin-bottom:3em; }
.dark .wp-block-cover:first-child { margin-bottom:0em; }
.wp-block-cover:first-child .wp-block-cover__inner-container { max-width:68em; margin:0 auto; }
.wp-block-cover:first-child .wp-block-cover__inner-container h1 { margin-bottom:1.5em; }
.wp-block-cover:first-child .wp-block-cover__inner-container a { color:white; }

#popmake-23100 { padding: 0 50px !important; }

.row.cost-comparisons + .row.cost-comparisons { padding-top:0; }
.row.cost-comparisons figure { height:200px; overflow:hidden; margin-bottom:1.2em; }

.row.dark + .row.dark { padding-top: 0; }

.category-list h2 a { font-size:.66667em; line-height:1; color:var(--ctlt-grey80); }
.category-list .column.shadowed { overflow:hidden; margin-bottom:2.4em; }

.page-template-categorythreecolumn .row.edge .column.shadowed { max-width: 18.5333125em; }
.page-template-categorythreecolumn .row.edge .wrapper { justify-content: center; }

.row.initial { padding-top: 3.5em; }

/* jobs feed - SRD - 3.2.21 */
.lever .lever-categories li { font-family:var(--ctlt-libref) !important; color:var(--ctlt-indigo) !important; }
.filter { -webkit-box-shadow:0px 2px 20px 0px rgb(11 8 57 / 10%) !important; -moz-box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1) !important; box-shadow:0px 2px 20px 0px rgb(11 8 57 / 10%) !important; border-radius:.16rem !important; background-color:white !important; border:none !important; border-radius:.16rem !important; vertical-align:middle !important; }
.lever-filters .filter .filter-type:hover { border-radius:.16rem !important; }
.filter-values { font-family:var(--ctlt-libref) !important; }
.filter-by-label { font-family:font-family:var(--ctlt-libref) !important; text-transform:initial !important; letter-spacing:0 !important; color:var(--ctlt-indigo) !important; font-size:1.125em !important; }
.lever-horizontal-line{ border-bottom-width:0 !important; }
.lever .lever-job-apply { background:var(--ctlt-orange) !important; border-color:var(--ctlt-orange) !important; font-family:var(--ctlt-libref) !important; text-transform:initial !important; font-weight:bold !important; border-radius:.16rem !important; font-size:1.125em !important; }
h3.lever-group-title { font-family:var(--ctlt-libref) !important; text-transform:initial !important; color:var(--ctlt-indigo) !important; letter-spacing:0px !important; font-size:1.5em !important; font-weight:normal !important; }
h4.lever-job-title { font-family:var(--ctlt-libref) !important; font-size:1.125em !important; font-weight:bold !important; }
h4.lever-job-title a { color:var(--ctlt-blue-2) !important; }

/*Homepage Styles_Temporary_Summer2021*/
.EFHover1 {background-color:rgb(23,21,67) !important;}
.EFHover1:hover {
    -moz-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
    transition: all 0.25s linear; 
    background-color:white !important;}
.EFHover1 h3 {color:white;}
.EFHover1 a {background-color:#474469;}
.EFHover1:hover a {background-color:#FA733C;}
.EFHover1:hover h3 {color:#474469 !important;}
.EFHover1:hover p {color:#474469 !important;}
.EFHeading1 {letter-spacing:2px; color:#9D9CB0 !important; font-weight:600;}
.EFHover2:hover {
	-moz-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
    transition: all 0.25s linear; }
/*End Homepage Styles_Temporary_Summer2021*/

/* Mobile Styling */
@media (max-width:68em) {
	div.wrapper, .label p, p.label  { max-width:calc(100% - 3em) !important; }
	.content details p { max-width:calc(100% - 3em); }
}
@media (max-width:54.6875em) {
	.row.topics + .row.content .wrapper { flex-direction:column-reverse; }
	.row.topics + .row.content .wrapper .column { width: calc(100% - 3em) !important; }
	.row.topics + .row.content .wrapper .column.sidebar.bordered { padding: 1.5em; }
}
@media (max-width:52.5em) {
	.cta a + a { margin-top:1em; margin-left:0; float:left; clear:left; }
	.edge .wrapper { flex-direction:column; }
	.edge .wrapper .column figure { height:auto; }
	.page-template-categorythreecolumn .row.edge .column.shadowed { max-width: inherit; }
	.page-template-categorythreecolumn .column figure { margin-top:0; }
}
@media (max-width:48.8125em) {
	.cta a, .cta a + a { margin:0 auto 1em; }
	.project-categories .column figure { float:left; clear:left; }
	.project-categories .column h3 { float:left; clear:none; width:inherit; margin-top:1.2em; font-size:1em; }
	footer nav > ul { flex-wrap:wrap; }
	footer nav > ul > li { flex-basis:100%; margin-bottom:2em; }
	.wp-block-columns { justify-content:center; }
	.row .column { margin-left:0; margin-right:0; }
	.row.video .column { flex-basis: 100% !important; }
	.row.video .column iframe { display:block; float:none; margin: 0 auto 2.4em; float: none; }
	.page-id-12201 .topics + .content .wrapper { flex-direction:column-reverse; }
	.row.category-list .wrapper { flex-direction: column; }
	.category-list .cta a { margin-bottom: 1.2em; }
	.post h1, .single-post h1 { font-size: 2em; }
}
@media (max-width:40.625em) {
	.top-nav {display:none;}
	#menu-item-23225 .top-subnav { top:5em; }
	#menu-item-23226 .top-subnav { top:7em; }
	nav.main-nav a { font-size:0.775em; }
	.top-subnav > div > .wp-block-columns { max-width: calc(100% - 2.5em); }
	.top-subnav .wp-block-column { flex-basis:44% !important; }
	#solutions-nav { position:relative; top:2em; }
	header .logo, header .top-nav { float:none; width:max-content; padding:.5em 0; margin:0 auto;  }
	header .main-nav { display:flex; float:none; flex-wrap:wrap; align-items:center; flex-direction:column; }
	header .main-nav li { flex-basis:33% !important; text-align:center; }
	header .main-nav .cta { float:none; clear:none; margin:0 auto; }
	.page-id-20877 main > .dark:first-child figure { position:initial; max-width:initial; margin-bottom:1.2em; }
	.page-id-20877 main > .dark:first-child .row:last-child .wp-block-columns { flex-direction:column-reverse; }
	.wp-block-cover__image-background { display:48.none; }
	.post .content blockquote, .single-post .content blockquote { font-size:1.5em; }
	figure { flex-direction:column; }
	nav:not(.top-nav) a:not(.cta) { margin:0 ;}
	footer .privacy { flex-direction:column; }
	.top-subnav .nav-card { height:auto; padding-bottom:1.4em; }
	.top-subnav .nav-card a { position:relative; bottom:auto; }
	.top-subnav .nav-card p { display:none; }
	.blog-row-navigation {justify-content: flex-start !important; margin-top:.5em;}

}
@media (max-width:37.5em) {
	.column.indent h4, .column.indent ul { margin-left:0; }
	.case-study .shadowed { background:inherit; padding:0; border-radius:0; box-shadow:0px 0px 0px; }
	.row figure:not(.alignleft) { margin-bottom:2.4em; }
	.row.zipper:nth-child(2n+1) .wp-block-columns { flex-direction:column-reverse; }
	.row.tabbuttons { position:sticky; top:8.3em; background:white; font-size:0.8em; padding:1em; }
	.tabbuttons .wp-block-column.column { flex-basis:initial !important; margin-top:.5em; }
}
@media (max-width:37em) {
	.row.tabbuttons { top:10.8em; }
}
@media (max-width:30.9375em) {
	.row.tabbuttons { top:13.3em; }	
}
@media (max-width:25.5em) {
	.row.tabbuttons { top:15.8em; }	
}


/*-----> Begin Additional Block Styles <-------- */

/*Loop Query Card Styles block*/

.wp-block-post {
	border-radius:.5em; 
	box-sizing:border-box; background:white; 
	margin-top:.8em; 
	padding:2em; 
	border-radius:.5em; 
	-webkit-box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1); 
	box-shadow:0px 2px 20px 0px rgba(11,8,57,0.1); 
}

.wp-block-post:hover {
	 -moz-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
    transition: all 0.25s linear; 
}

/*Additional Accordion Dropdown Styles*/


.gb-accordion-title::marker, .gb-accordion-title::-webkit-details-marker {
    display:none;
	content:none;
} /*Removes default accordion marker across browsers*/

details[open] summary ~ * {
    animation: smooth 0.5s ease-in-out;
}
@keyframes smooth {
    0% {
        opacity: 0;
        margin-top: -10px;
    }
    100% {
        opacity: 1;
        margin-top: 0px;
    }
}
details > summary::after {
    position: absolute;
    content: "+";
    right: 25px;
		color:var(--ctlt-orange);
}
details[open] > summary::after {
    position: absolute;
    content: "-";
    right: 25px;
		color:var(--ctlt-orange);

}

/*-----> End Additional Block Styles <-------- */